@sbb-esta/lyne-elements 2.11.0 → 3.0.0-next.0

package/expansion-panel/expansion-panel-content/expansion-panel-content.component.js

@@ -1,26 +1,26 @@
 import { __esDecorate as o, __runInitializers as r } from "tslib";
-import { css as p, LitElement as b, html as c } from "lit";
+import { css as b, LitElement as c, html as p } from "lit";
 import { customElement as d } from "lit/decorators.js";
-import { hostAttributes as m } from "../../core/decorators.js";
-const x = p`*,:before,:after{box-sizing:border-box}:host{--sbb-expansion-panel-content-padding-inline: var(--sbb-spacing-fixed-6x);--sbb-expansion-panel-content-padding-inline-start: var( --sbb-expansion-panel-content-padding-inline );display:block}:host([data-size=s]){--sbb-expansion-panel-content-padding-inline: var(--sbb-spacing-fixed-5x)}@media (min-width: 22.5rem){:host([data-icon-space]){--sbb-expansion-panel-content-padding-inline-start: calc( var(--sbb-expansion-panel-content-padding-inline) + var(--sbb-expansion-panel-icon-size) + var(--sbb-expansion-panel-title-gap) )}}.sbb-expansion-panel-content{padding-block-end:var(--sbb-spacing-responsive-s);padding-inline:var(--sbb-expansion-panel-content-padding-inline-start) var(--sbb-expansion-panel-content-padding-inline)}::slotted(:is(p,sbb-title):first-child){margin-block-start:0}`;
+import { SbbElementInternalsMixin as m } from "../../core/mixins.js";
+const x = b`*,:before,:after{box-sizing:border-box}:host{--sbb-expansion-panel-content-padding-inline: var(--sbb-spacing-fixed-6x);--sbb-expansion-panel-content-padding-inline-start: var( --sbb-expansion-panel-content-padding-inline );display:block}:host([data-size=s]){--sbb-expansion-panel-content-padding-inline: var(--sbb-spacing-fixed-5x)}@media (min-width: 22.5rem){:host([data-icon-space]){--sbb-expansion-panel-content-padding-inline-start: calc( var(--sbb-expansion-panel-content-padding-inline) + var(--sbb-expansion-panel-icon-size) + var(--sbb-expansion-panel-title-gap) )}}.sbb-expansion-panel-content{padding-block-end:var(--sbb-spacing-responsive-s);padding-inline:var(--sbb-expansion-panel-content-padding-inline-start) var(--sbb-expansion-panel-content-padding-inline)}::slotted(:is(p,sbb-title):first-child){margin-block-start:0}`;
 let h = (() => {
-  var e;
-  let l = [d("sbb-expansion-panel-content"), m({
-    role: "region",
-    slot: "content"
-  })], a, s = [], n, i = b;
-  return e = class extends i {
+  var n;
+  let l = [d("sbb-expansion-panel-content")], a, i = [], e, s = m(c);
+  return n = class extends s {
+    connectedCallback() {
+      super.connectedCallback(), this.slot || (this.slot = "content");
+    }
     render() {
-      return c`
+      return p`
       <div class="sbb-expansion-panel-content">
         <slot></slot>
       </div>
     `;
     }
-  }, n = e, (() => {
-    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(i[Symbol.metadata] ?? null) : void 0;
-    o(null, a = { value: n }, l, { kind: "class", name: n.name, metadata: t }, null, s), n = a.value, t && Object.defineProperty(n, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
-  })(), e.styles = x, r(n, s), n;
+  }, e = n, (() => {
+    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(s[Symbol.metadata] ?? null) : void 0;
+    o(null, a = { value: e }, l, { kind: "class", name: e.name, metadata: t }, null, i), e = a.value, t && Object.defineProperty(e, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
+  })(), n.role = "region", n.styles = x, r(e, i), e;
 })();
 export {
   h as SbbExpansionPanelContentElement

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

@@ -7,6 +7,7 @@ declare const SbbExpansionPanelHeaderElement_base: import('../../core/mixins.js'
  * @slot - Use the unnamed slot to add content to the `sbb-expansion-panel-header`.
  * @slot icon - Slot used to render the `sbb-expansion-panel-header` icon.
  * @event {CustomEvent<void>} toggleExpanded - Notifies that the `sbb-expansion-panel` has to expand.
+ * @overrideType value - string
  */
 export declare class SbbExpansionPanelHeaderElement extends SbbExpansionPanelHeaderElement_base {
     static styles: CSSResultGroup;
@@ -19,6 +20,7 @@ export declare class SbbExpansionPanelHeaderElement extends SbbExpansionPanelHea
     private _mediaMatcher;
     private _isHover;
     constructor();
+    connectedCallback(): void;
     private _emitExpandedEvent;
     private _onMouseMovement;
     /**

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

@@ -1 +1 @@
-{"version":3,"file":"expansion-panel-header.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/expansion-panel/expansion-panel-header/expansion-panel-header.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAG9E,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;;AAcnE;;;;;;GAMG;AACH,qBAKM,8BAA+B,SAAQ,mCAE5C;IACC,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;MAElB;IAEX,6DAA6D;IAC7D,OAAO,CAAC,eAAe,CAMrB;IACF,OAAO,CAAC,WAAW,CAAwE;IAC3F,OAAO,CAAC,aAAa,CAElB;IAEH,OAAO,CAAC,QAAQ,CAAoE;;IASpF,OAAO,CAAC,kBAAkB;IAM1B,OAAO,CAAC,gBAAgB;IAQxB;;;;OAIG;IACH,OAAO,CAAC,qBAAqB;cAIV,cAAc,IAAI,cAAc;CAkBpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,4BAA4B,EAAE,8BAA8B,CAAC;KAC9D;CACF"}
+{"version":3,"file":"expansion-panel-header.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/expansion-panel/expansion-panel-header/expansion-panel-header.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAG9E,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;;AAanE;;;;;;;GAOG;AACH,qBAEM,8BAA+B,SAAQ,mCAE5C;IACC,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;MAElB;IAEX,6DAA6D;IAC7D,OAAO,CAAC,eAAe,CAMrB;IACF,OAAO,CAAC,WAAW,CAAwE;IAC3F,OAAO,CAAC,aAAa,CAElB;IAEH,OAAO,CAAC,QAAQ,CAAoE;;IASpE,iBAAiB,IAAI,IAAI;IAKzC,OAAO,CAAC,kBAAkB;IAM1B,OAAO,CAAC,gBAAgB;IAQxB;;;;OAIG;IACH,OAAO,CAAC,qBAAqB;cAIV,cAAc,IAAI,cAAc;CAkBpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,4BAA4B,EAAE,8BAA8B,CAAC;KAC9D;CACF"}

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

@@ -3,31 +3,31 @@ import { css as m, nothing as g, html as l } from "lit";
 import { customElement as v } from "lit/decorators.js";
 import { SbbButtonBaseElement as u } from "../../core/base-elements.js";
 import { SbbSlotStateController as f, SbbMediaMatcherController as _, SbbMediaQueryHover as d } from "../../core/controllers.js";
-import { hostAttributes as y } from "../../core/decorators.js";
-import { EventEmitter as E } from "../../core/eventing.js";
-import { SbbDisabledTabIndexActionMixin as S } from "../../core/mixins.js";
-import { SbbIconNameMixin as w } from "../../icon.js";
-const M = m`*,: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(:is(:disabled,[disabled-interactive])){--sbb-expansion-panel-header-cursor: default;--sbb-expansion-panel-header-text-color: var(--sbb-color-granite)}@media (forced-colors: active){:host(:is(:disabled,[disabled-interactive])){--sbb-expansion-panel-header-text-color: GrayText}}:host(: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: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;min-height:var(--sbb-size-icon-ui-medium)}.sbb-expansion-panel-header__toggle-icon{transition:transform var(--sbb-disable-animation-duration, var(--sbb-animation-duration-4x))}:host([aria-expanded]:not([aria-expanded=false])) .sbb-expansion-panel-header__toggle-icon{transform:rotate(-180deg)}`;
-let L = (() => {
+import { EventEmitter as y } from "../../core/eventing.js";
+import { SbbDisabledTabIndexActionMixin as E } from "../../core/mixins.js";
+import { SbbIconNameMixin as S } from "../../icon.js";
+const w = m`*,: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(:is(:disabled,[disabled-interactive])){--sbb-expansion-panel-header-cursor: default;--sbb-expansion-panel-header-text-color: var(--sbb-color-granite)}@media (forced-colors: active){:host(:is(:disabled,[disabled-interactive])){--sbb-expansion-panel-header-text-color: GrayText}}:host(: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: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;min-height:var(--sbb-size-icon-ui-medium)}.sbb-expansion-panel-header__toggle-icon{transition:transform var(--sbb-disable-animation-duration, var(--sbb-animation-duration-4x))}:host([aria-expanded]:not([aria-expanded=false])) .sbb-expansion-panel-header__toggle-icon{transform:rotate(-180deg)}`;
+let C = (() => {
   var a;
-  let p = [v("sbb-expansion-panel-header"), y({
-    slot: "header"
-  })], i, o = [], s, r = S(w(u));
+  let p = [v("sbb-expansion-panel-header")], i, o = [], n, r = E(S(u));
   var t = (a = class extends r {
     constructor() {
-      var e, n, b;
-      super(), this._toggleExpanded = new E(this, t.events.toggleExpanded, {
+      var e, s, b;
+      super(), this._toggleExpanded = new y(this, t.events.toggleExpanded, {
         bubbles: !0
       }), this._namedSlots = new f(this, () => this._setDataIconAttribute()), this._mediaMatcher = new _(this, {
         [d]: (c) => this._isHover = c
-      }), this._isHover = this._mediaMatcher.matches(d) ?? !1, (e = this.addEventListener) == null || e.call(this, "click", () => this._emitExpandedEvent()), (n = this.addEventListener) == null || n.call(this, "mouseenter", () => this._onMouseMovement(!0)), (b = this.addEventListener) == null || b.call(this, "mouseleave", () => this._onMouseMovement(!1));
+      }), this._isHover = this._mediaMatcher.matches(d) ?? !1, (e = this.addEventListener) == null || e.call(this, "click", () => this._emitExpandedEvent()), (s = this.addEventListener) == null || s.call(this, "mouseenter", () => this._onMouseMovement(!0)), (b = this.addEventListener) == null || b.call(this, "mouseleave", () => this._onMouseMovement(!1));
+    }
+    connectedCallback() {
+      super.connectedCallback(), this.slot || (this.slot = "header");
     }
     _emitExpandedEvent() {
       this.disabled || this._toggleExpanded.emit();
     }
     _onMouseMovement(e) {
-      const n = this.closest("sbb-expansion-panel");
-      (!e || n && this._isHover) && n.toggleAttribute("data-toggle-hover", e);
+      const s = this.closest("sbb-expansion-panel");
+      (!e || s && this._isHover) && s.toggleAttribute("data-toggle-hover", e);
     }
     /**
      * The 'data-icon' is used by the 'sbb-expansion-panel'.
@@ -52,14 +52,14 @@ let L = (() => {
           </span>`}
     `;
     }
-  }, s = a, (() => {
+  }, n = a, (() => {
     const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(r[Symbol.metadata] ?? null) : void 0;
-    h(null, i = { value: s }, p, { kind: "class", name: s.name, metadata: e }, null, o), t = s = i.value, e && Object.defineProperty(s, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
-  })(), a.styles = M, a.events = {
+    h(null, i = { value: n }, p, { kind: "class", name: n.name, metadata: e }, null, o), t = n = i.value, e && Object.defineProperty(n, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
+  })(), a.styles = w, a.events = {
     toggleExpanded: "toggleExpanded"
-  }, x(s, o), a);
-  return t = s;
+  }, x(n, o), a);
+  return t = n;
 })();
 export {
-  L as SbbExpansionPanelHeaderElement
+  C as SbbExpansionPanelHeaderElement
 };

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

@@ -1,23 +1,24 @@
 import { LitElement, TemplateResult } from 'lit';
 import { SbbSecondaryButtonStaticElement } from '../../button.js';
 import { SbbLanguageController } from '../../core/controllers.js';
-import { FormRestoreReason, FormRestoreState, SbbFormAssociatedMixinType, Constructor } from '../../core/mixins.js';
-export declare abstract class SbbFileSelectorCommonElementMixinType extends SbbFormAssociatedMixinType {
+import { FormRestoreReason, FormRestoreState, Constructor } from '../../core/mixins.js';
+declare const SbbFileSelectorCommonElementMixinType_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbFormAssociatedMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbElementInternalsMixinType> & typeof LitElement & import('../../core/mixins.js').SbbElementInternalsConstructor;
+export declare abstract class SbbFileSelectorCommonElementMixinType extends SbbFileSelectorCommonElementMixinType_base {
     accessor size: 's' | 'm';
     accessor multiple: boolean;
     accessor multipleMode: 'default' | 'persistent';
     accessor accept: string;
     accessor accessibilityLabel: string;
-    accessor disabled: boolean;
     accessor files: Readonly<File>[];
-    protected formDisabled: boolean;
+    get value(): string | null;
+    set value(value: string | null);
     protected loadButton: SbbSecondaryButtonStaticElement;
     protected language: SbbLanguageController;
     protected abstract renderTemplate(input: TemplateResult): TemplateResult;
     protected createFileList(files: FileList): void;
-    protected updateFormValue(): void;
     formResetCallback(): void;
     formStateRestoreCallback(state: FormRestoreState | null, reason: FormRestoreReason): void;
 }
 export declare const SbbFileSelectorCommonElementMixin: <T extends Constructor<LitElement>>(superclass: T) => Constructor<SbbFileSelectorCommonElementMixinType> & T;
+export {};
 //# sourceMappingURL=file-selector-common.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"file-selector-common.d.ts","sourceRoot":"","sources":["../../../../src/elements/file-selector/common/file-selector-common.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAMtD,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,iBAAiB,CAAC;AAEvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AASlE,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EAGrB,KAAK,0BAA0B,EAC/B,KAAK,WAAW,EACjB,MAAM,sBAAsB,CAAC;AAE9B,OAAO,kCAAkC,CAAC;AAC1C,OAAO,yCAAyC,CAAC;AACjD,OAAO,eAAe,CAAC;AAEvB,MAAM,CAAC,OAAO,CAAC,QAAQ,OAAO,qCAAsC,SAAQ,0BAA0B;IACpG,SAAgB,IAAI,EAAE,GAAG,GAAG,GAAG,CAAC;IAChC,SAAgB,QAAQ,EAAE,OAAO,CAAC;IAClC,SAAgB,YAAY,EAAE,SAAS,GAAG,YAAY,CAAC;IACvD,SAAgB,MAAM,EAAE,MAAM,CAAC;IAC/B,SAAgB,kBAAkB,EAAE,MAAM,CAAC;IAC3C,SAAgB,QAAQ,EAAE,OAAO,CAAC;IAClC,SAAgB,KAAK,EAAE,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;IACxC,SAAS,CAAC,YAAY,EAAE,OAAO,CAAC;IAChC,SAAS,CAAC,UAAU,EAAE,+BAA+B,CAAC;IACtD,SAAS,CAAC,QAAQ,EAAE,qBAAqB,CAAC;IAC1C,SAAS,CAAC,QAAQ,CAAC,cAAc,CAAC,KAAK,EAAE,cAAc,GAAG,cAAc;IACxE,SAAS,CAAC,cAAc,CAAC,KAAK,EAAE,QAAQ,GAAG,IAAI;IAC/C,SAAS,CAAC,eAAe,IAAI,IAAI;IAC1B,iBAAiB,IAAI,IAAI;IACzB,wBAAwB,CAAC,KAAK,EAAE,gBAAgB,GAAG,IAAI,EAAE,MAAM,EAAE,iBAAiB,GAAG,IAAI;CACjG;AAGD,eAAO,MAAM,iCAAiC,GAAI,CAAC,SAAS,WAAW,CAAC,UAAU,CAAC,EACjF,YAAY,CAAC,KACZ,WAAW,CAAC,qCAAqC,CAAC,GAAG,CAiPvD,CAAC"}
+{"version":3,"file":"file-selector-common.d.ts","sourceRoot":"","sources":["../../../../src/elements/file-selector/common/file-selector-common.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAMtD,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,iBAAiB,CAAC;AAEvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AASlE,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EAGrB,KAAK,WAAW,EAEjB,MAAM,sBAAsB,CAAC;AAE9B,OAAO,kCAAkC,CAAC;AAC1C,OAAO,yCAAyC,CAAC;AACjD,OAAO,eAAe,CAAC;;AAEvB,MAAM,CAAC,OAAO,CAAC,QAAQ,OAAO,qCAAsC,SAAQ,0CAE3E;IACC,SAAgB,IAAI,EAAE,GAAG,GAAG,GAAG,CAAC;IAChC,SAAgB,QAAQ,EAAE,OAAO,CAAC;IAClC,SAAgB,YAAY,EAAE,SAAS,GAAG,YAAY,CAAC;IACvD,SAAgB,MAAM,EAAE,MAAM,CAAC;IAC/B,SAAgB,kBAAkB,EAAE,MAAM,CAAC;IAC3C,SAAgB,KAAK,EAAE,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;IACxC,IAAoB,KAAK,IAAI,MAAM,GAAG,IAAI,CAAC;IAC3C,IAAoB,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAAE;IAChD,SAAS,CAAC,UAAU,EAAE,+BAA+B,CAAC;IACtD,SAAS,CAAC,QAAQ,EAAE,qBAAqB,CAAC;IAC1C,SAAS,CAAC,QAAQ,CAAC,cAAc,CAAC,KAAK,EAAE,cAAc,GAAG,cAAc;IACxE,SAAS,CAAC,cAAc,CAAC,KAAK,EAAE,QAAQ,GAAG,IAAI;IACxC,iBAAiB,IAAI,IAAI;IACzB,wBAAwB,CAAC,KAAK,EAAE,gBAAgB,GAAG,IAAI,EAAE,MAAM,EAAE,iBAAiB,GAAG,IAAI;CACjG;AAGD,eAAO,MAAM,iCAAiC,GAAI,CAAC,SAAS,WAAW,CAAC,UAAU,CAAC,EACjF,YAAY,CAAC,KACZ,WAAW,CAAC,qCAAqC,CAAC,GAAG,CA8OvD,CAAC"}

package/file-selector/common/file-selector-common.js

@@ -1,26 +1,26 @@
-var V = (s) => {
-  throw TypeError(s);
+var V = (i) => {
+  throw TypeError(i);
 };
-var W = (s, l, r) => l.has(s) || V("Cannot " + r);
-var b = (s, l, r) => (W(s, l, "read from private field"), r ? r.call(s) : l.get(s)), g = (s, l, r) => l.has(s) ? V("Cannot add the same private member more than once") : l instanceof WeakSet ? l.add(s) : l.set(s, r), n = (s, l, r, u) => (W(s, l, "write to private field"), u ? u.call(s, r) : l.set(s, r), r);
+var W = (i, l, r) => l.has(i) || V("Cannot " + r);
+var b = (i, l, r) => (W(i, l, "read from private field"), r ? r.call(i) : l.get(i)), g = (i, l, r) => l.has(i) ? V("Cannot add the same private member more than once") : l instanceof WeakSet ? l.add(i) : l.set(i, r), n = (i, l, r, u) => (W(i, l, "write to private field"), u ? u.call(i, r) : l.set(i, r), r);
 import { __runInitializers as c, __esDecorate as o } from "tslib";
 import { nothing as E } from "lit";
 import { property as h } from "lit/decorators.js";
 import { ref as q } from "lit/directives/ref.js";
 import { unsafeStatic as v, html as y } from "lit/static-html.js";
-import { sbbInputModalityDetector as G } from "../../core/a11y.js";
-import { SbbLanguageController as O } from "../../core/controllers.js";
+import { sbbInputModalityDetector as j } from "../../core/a11y.js";
+import { SbbLanguageController as G } from "../../core/controllers.js";
 import { forceType as z } from "../../core/decorators.js";
-import { isLean as H } from "../../core/dom.js";
-import { EventEmitter as J, forwardEvent as K } from "../../core/eventing.js";
-import { i18nFileSelectorCurrentlySelected as Q, i18nFileSelectorDeleteFile as U, i18nFileSelectorButtonLabel as X } from "../../core/i18n.js";
-import { SbbDisabledMixin as Y, SbbFormAssociatedMixin as Z } from "../../core/mixins.js";
+import { isLean as O } from "../../core/dom.js";
+import { EventEmitter as H, forwardEvent as J } from "../../core/eventing.js";
+import { i18nFileSelectorCurrentlySelected as K, i18nFileSelectorDeleteFile as Q, i18nFileSelectorButtonLabel as U } from "../../core/i18n.js";
+import { SbbDisabledMixin as X, SbbFormAssociatedMixin as Y, SbbElementInternalsMixin as Z } from "../../core/mixins.js";
 import "../../button/secondary-button.js";
 import "../../button/secondary-button-static.js";
 import "../../icon.js";
-const be = (s) => (() => {
+const be = (i) => (() => {
   var f, d, p, m, _, a;
-  let r = Y(Z(s)), u = [], M, L = [], $ = [], F, x = [], R = [], k, A = [], I = [], B, T = [], w = [], P, D = [], S = [], C, N;
+  let r = X(Y(Z(i))), u = [], M, L = [], $ = [], F, x = [], R = [], k, A = [], I = [], B, T = [], w = [], P, D = [], S = [], C, N;
   return a = class extends r {
     constructor() {
       super(...arguments);
@@ -29,7 +29,7 @@ const be = (s) => (() => {
       g(this, p);
       g(this, m);
       g(this, _);
-      n(this, f, (c(this, u), c(this, L, H() ? "s" : "m"))), n(this, d, (c(this, $), c(this, x, !1))), n(this, p, (c(this, R), c(this, A, "default"))), n(this, m, (c(this, I), c(this, T, ""))), n(this, _, (c(this, w), c(this, D, ""))), this._files = (c(this, S), []), this._fileChangedEvent = new J(this, a.events.fileChangedEvent), this._suffixes = ["B", "kB", "MB", "GB", "TB"], this.language = new O(this);
+      n(this, f, (c(this, u), c(this, L, O() ? "s" : "m"))), n(this, d, (c(this, $), c(this, x, !1))), n(this, p, (c(this, R), c(this, A, "default"))), n(this, m, (c(this, I), c(this, T, ""))), n(this, _, (c(this, w), c(this, D, ""))), this._files = (c(this, S), []), this._fileChangedEvent = new H(this, a.events.fileChangedEvent), this._suffixes = ["B", "kB", "MB", "GB", "TB"], this.language = new G(this);
     }
     /**
      * Size variant, either s or m.
@@ -81,7 +81,7 @@ const be = (s) => (() => {
     set files(t) {
       this._files = t ?? [];
       const e = new DataTransfer();
-      this.files.forEach((i) => e.items.add(i)), this._hiddenInput.files = e.files, this.updateFormValue();
+      this.files.forEach((s) => e.items.add(s)), this._hiddenInput.files = e.files, this.updateFormValue();
     }
     get files() {
       return this._files;
@@ -97,7 +97,7 @@ const be = (s) => (() => {
       this.files = [];
     }
     formStateRestoreCallback(t, e) {
-      t && (this.files = t.map(([i, j]) => j));
+      t && (this.files = t.getAll(this.name));
     }
     updateFormValue() {
       const t = new FormData();
@@ -107,19 +107,19 @@ const be = (s) => (() => {
       return t.name === e.name && t.size === e.size && t.lastModified === e.lastModified;
     }
     _onFocus() {
-      G.mostRecentModality === "keyboard" && this.loadButton.toggleAttribute("data-focus-visible", !0);
+      j.mostRecentModality === "keyboard" && this.loadButton.toggleAttribute("data-focus-visible", !0);
     }
     _onBlur() {
       this.loadButton.removeAttribute("data-focus-visible");
     }
     _readFiles(t) {
       const e = t.target;
-      e.files && this.createFileList(e.files), K(t, this);
+      e.files && this.createFileList(e.files), J(t, this);
     }
     createFileList(t) {
       !this.multiple || this.multipleMode !== "persistent" || this.files.length === 0 ? this.files = Array.from(t) : this.files = Array.from(t).filter(
         // Remove duplicates
-        (e) => this.files.findIndex((i) => this._checkFileEquality(e, i)) === -1
+        (e) => this.files.findIndex((s) => this._checkFileEquality(e, s)) === -1
       ).concat(this.files), this._updateA11yLiveRegion(), this._fileChangedEvent.emit(this.files);
     }
     _removeFile(t) {
@@ -131,7 +131,7 @@ const be = (s) => (() => {
       return `${(t / Math.pow(1024, e)).toFixed(0)} ${this._suffixes[e]}`;
     }
     _updateA11yLiveRegion() {
-      this._liveRegion.innerText = Q(this.files.map((t) => t.name))[this.language.current];
+      this._liveRegion.innerText = K(this.files.map((t) => t.name))[this.language.current];
     }
     _renderFileList() {
       const t = this.files.length > 1 ? { WRAPPER: "ul", ELEMENT: "li" } : { WRAPPER: "div", ELEMENT: "span" };
@@ -147,14 +147,14 @@ const be = (s) => (() => {
                 size='${this.size}'
                 icon-name='trash-small'
                 @click='${() => this._removeFile(e)}'
-                aria-label='${`${U[this.language.current]} - ${e.name}`}'
+                aria-label='${`${Q[this.language.current]} - ${e.name}`}'
               ></sbb-secondary-button>
             </${v(t.ELEMENT)}>`)}
       </${v(t.WRAPPER)}>
     `;
     }
     render() {
-      const t = this.accessibilityLabel ? `${X[this.language.current]} - ${this.accessibilityLabel}` : void 0;
+      const t = this.accessibilityLabel ? `${U[this.language.current]} - ${this.accessibilityLabel}` : void 0;
       return y`
         <div class="sbb-file-selector">
           ${this.renderTemplate(y`<input
@@ -185,20 +185,20 @@ const be = (s) => (() => {
     }
   }, f = new WeakMap(), d = new WeakMap(), p = new WeakMap(), m = new WeakMap(), _ = new WeakMap(), (() => {
     const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(r[Symbol.metadata] ?? null) : void 0;
-    M = [h({ reflect: !0 })], F = [z(), h({ type: Boolean })], k = [h({ attribute: "multiple-mode" })], B = [z(), h()], P = [z(), h({ attribute: "accessibility-label" })], C = [h({ attribute: !1 })], N = [h({ attribute: !1 })], o(a, null, M, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (e) => "size" in e, get: (e) => e.size, set: (e, i) => {
-      e.size = i;
-    } }, metadata: t }, L, $), o(a, null, F, { kind: "accessor", name: "multiple", static: !1, private: !1, access: { has: (e) => "multiple" in e, get: (e) => e.multiple, set: (e, i) => {
-      e.multiple = i;
-    } }, metadata: t }, x, R), o(a, null, k, { kind: "accessor", name: "multipleMode", static: !1, private: !1, access: { has: (e) => "multipleMode" in e, get: (e) => e.multipleMode, set: (e, i) => {
-      e.multipleMode = i;
-    } }, metadata: t }, A, I), o(a, null, B, { kind: "accessor", name: "accept", static: !1, private: !1, access: { has: (e) => "accept" in e, get: (e) => e.accept, set: (e, i) => {
-      e.accept = i;
-    } }, metadata: t }, T, w), o(a, null, P, { kind: "accessor", name: "accessibilityLabel", static: !1, private: !1, access: { has: (e) => "accessibilityLabel" in e, get: (e) => e.accessibilityLabel, set: (e, i) => {
-      e.accessibilityLabel = i;
-    } }, metadata: t }, D, S), o(a, null, C, { kind: "setter", name: "value", static: !1, private: !1, access: { has: (e) => "value" in e, set: (e, i) => {
-      e.value = i;
-    } }, metadata: t }, null, u), o(a, null, N, { kind: "setter", name: "files", static: !1, private: !1, access: { has: (e) => "files" in e, set: (e, i) => {
-      e.files = i;
+    M = [h({ reflect: !0 })], F = [z(), h({ type: Boolean })], k = [h({ attribute: "multiple-mode" })], B = [z(), h()], P = [z(), h({ attribute: "accessibility-label" })], C = [h({ attribute: !1 })], N = [h({ attribute: !1 })], o(a, null, M, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (e) => "size" in e, get: (e) => e.size, set: (e, s) => {
+      e.size = s;
+    } }, metadata: t }, L, $), o(a, null, F, { kind: "accessor", name: "multiple", static: !1, private: !1, access: { has: (e) => "multiple" in e, get: (e) => e.multiple, set: (e, s) => {
+      e.multiple = s;
+    } }, metadata: t }, x, R), o(a, null, k, { kind: "accessor", name: "multipleMode", static: !1, private: !1, access: { has: (e) => "multipleMode" in e, get: (e) => e.multipleMode, set: (e, s) => {
+      e.multipleMode = s;
+    } }, metadata: t }, A, I), o(a, null, B, { kind: "accessor", name: "accept", static: !1, private: !1, access: { has: (e) => "accept" in e, get: (e) => e.accept, set: (e, s) => {
+      e.accept = s;
+    } }, metadata: t }, T, w), o(a, null, P, { kind: "accessor", name: "accessibilityLabel", static: !1, private: !1, access: { has: (e) => "accessibilityLabel" in e, get: (e) => e.accessibilityLabel, set: (e, s) => {
+      e.accessibilityLabel = s;
+    } }, metadata: t }, D, S), o(a, null, C, { kind: "setter", name: "value", static: !1, private: !1, access: { has: (e) => "value" in e, set: (e, s) => {
+      e.value = s;
+    } }, metadata: t }, null, u), o(a, null, N, { kind: "setter", name: "files", static: !1, private: !1, access: { has: (e) => "files" in e, set: (e, s) => {
+      e.files = s;
     } }, metadata: t }, null, u), t && Object.defineProperty(a, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
   })(), a.events = {
     fileChangedEvent: "fileChanged"

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

@@ -7,6 +7,7 @@ declare const SbbFileSelectorElement_base: import('../../core/mixins.js').Constr
  * @event {CustomEvent<Readonly<File>[]>} fileChanged - An event which is emitted each time the file list changes.
  * @event change - An event which is emitted each time the user modifies the value. Unlike the input event, the change event is not necessarily fired for each alteration to an element's value
  * @event input - An event which is emitted each time the value changes as a direct result of a user action.
+ * @overrideType value - string | null
  */
 export declare class SbbFileSelectorElement extends SbbFileSelectorElement_base {
     static styles: CSSResultGroup;

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

@@ -1 +1 @@
-{"version":3,"file":"file-selector.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/file-selector/file-selector/file-selector.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAU3E,OAAO,kCAAkC,CAAC;AAC1C,OAAO,yCAAyC,CAAC;AACjD,OAAO,eAAe,CAAC;;AAEvB;;;;;;;GAOG;AACH,qBAGM,sBAAuB,SAAQ,2BAA6C;IAChF,OAAuB,MAAM,EAAE,cAAc,CAA2B;IACxE,gBAAuB,MAAM;;MAElB;cAEQ,cAAc,CAAC,KAAK,EAAE,cAAc,GAAG,cAAc;CAmBzE;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,mBAAmB,EAAE,sBAAsB,CAAC;KAC7C;CACF"}
+{"version":3,"file":"file-selector.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/file-selector/file-selector/file-selector.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAU3E,OAAO,kCAAkC,CAAC;AAC1C,OAAO,yCAAyC,CAAC;AACjD,OAAO,eAAe,CAAC;;AAEvB;;;;;;;;GAQG;AACH,qBAGM,sBAAuB,SAAQ,2BAA6C;IAChF,OAAuB,MAAM,EAAE,cAAc,CAA2B;IACxE,gBAAuB,MAAM;;MAElB;cAEQ,cAAc,CAAC,KAAK,EAAE,cAAc,GAAG,cAAc;CAmBzE;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,mBAAmB,EAAE,sBAAsB,CAAC;KAC7C;CACF"}

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

@@ -7,6 +7,7 @@ declare const SbbFileSelectorDropzoneElement_base: import('../../core/mixins.js'
  * @event {CustomEvent<Readonly<File>[]>} fileChanged - An event which is emitted each time the file list changes.
  * @event change - An event which is emitted each time the user modifies the value. Unlike the input event, the change event is not necessarily fired for each alteration to an element's value
  * @event input - An event which is emitted each time the value changes as a direct result of a user action.
+ * @overrideType value - string | null
  */
 export declare class SbbFileSelectorDropzoneElement extends SbbFileSelectorDropzoneElement_base {
     static styles: CSSResultGroup;

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

@@ -1 +1 @@
-{"version":3,"file":"file-selector-dropzone.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/file-selector/file-selector-dropzone/file-selector-dropzone.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAU3E,OAAO,kCAAkC,CAAC;AAC1C,OAAO,yCAAyC,CAAC;AACjD,OAAO,eAAe,CAAC;;AAIvB;;;;;;;GAOG;AACH,qBAGM,8BAA+B,SAAQ,mCAA6C;IACxF,OAAuB,MAAM,EAAE,cAAc,CAAoC;IACjF,gBAAuB,MAAM;;MAElB;IAEX,iDAAiD;IACjD,SAEgB,YAAY,EAAE,MAAM,CAAM;IAI1C,OAAO,CAAC,QAAQ,CAAa;IAC7B,OAAO,CAAC,WAAW,CAAC,CAAc;IAElC,OAAO,CAAC,WAAW;IAKnB,OAAO,CAAC,YAAY;IAQpB,OAAO,CAAC,YAAY;IAapB,OAAO,CAAC,WAAW;IASnB,OAAO,CAAC,aAAa;cASF,cAAc,CAAC,KAAK,EAAE,cAAc,GAAG,cAAc;CAqCzE;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,4BAA4B,EAAE,8BAA8B,CAAC;KAC9D;CACF"}
+{"version":3,"file":"file-selector-dropzone.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/file-selector/file-selector-dropzone/file-selector-dropzone.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAU3E,OAAO,kCAAkC,CAAC;AAC1C,OAAO,yCAAyC,CAAC;AACjD,OAAO,eAAe,CAAC;;AAIvB;;;;;;;;GAQG;AACH,qBAGM,8BAA+B,SAAQ,mCAA6C;IACxF,OAAuB,MAAM,EAAE,cAAc,CAAoC;IACjF,gBAAuB,MAAM;;MAElB;IAEX,iDAAiD;IACjD,SAEgB,YAAY,EAAE,MAAM,CAAM;IAI1C,OAAO,CAAC,QAAQ,CAAa;IAC7B,OAAO,CAAC,WAAW,CAAC,CAAc;IAElC,OAAO,CAAC,WAAW;IAKnB,OAAO,CAAC,YAAY;IAQpB,OAAO,CAAC,YAAY;IAapB,OAAO,CAAC,WAAW;IASnB,OAAO,CAAC,aAAa;cASF,cAAc,CAAC,KAAK,EAAE,cAAc,GAAG,cAAc;CAqCzE;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,4BAA4B,EAAE,8BAA8B,CAAC;KAC9D;CACF"}

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

@@ -7,6 +7,7 @@ import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
 export declare class SbbFlipCardDetailsElement extends LitElement {
     static styles: CSSResultGroup;
     constructor();
+    connectedCallback(): void;
     private _checkForSlottedActions;
     protected render(): TemplateResult;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"flip-card-details.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/flip-card/flip-card-details/flip-card-details.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAQvC;;;;GAIG;AACH,qBAKM,yBAA0B,SAAQ,UAAU;IAChD,OAAuB,MAAM,EAAE,cAAc,CAAS;;IAiBtD,OAAO,CAAC,uBAAuB;cAQZ,MAAM,IAAI,cAAc;CAS5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,uBAAuB,EAAE,yBAAyB,CAAC;KACpD;CACF"}
+{"version":3,"file":"flip-card-details.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/flip-card/flip-card-details/flip-card-details.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAOvC;;;;GAIG;AACH,qBAEM,yBAA0B,SAAQ,UAAU;IAChD,OAAuB,MAAM,EAAE,cAAc,CAAS;;IAiBtC,iBAAiB,IAAI,IAAI;IAKzC,OAAO,CAAC,uBAAuB;cAQZ,MAAM,IAAI,cAAc;CAS5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,uBAAuB,EAAE,yBAAyB,CAAC;KACpD;CACF"}

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

@@ -1,18 +1,15 @@
-import { __esDecorate as n, __runInitializers as b } from "tslib";
-import { MutationController as c } from "@lit-labs/observers/mutation-controller.js";
+import { __esDecorate as n, __runInitializers as c } from "tslib";
+import { MutationController as b } from "@lit-labs/observers/mutation-controller.js";
 import { css as p, LitElement as f, html as u } from "lit";
 import { customElement as m } from "lit/decorators.js";
 import { IS_FOCUSABLE_QUERY as v } from "../../core/a11y.js";
-import { hostAttributes as y } from "../../core/decorators.js";
-const h = p`*,:before,:after{box-sizing:border-box}:host{--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-flip-card-details-opacity: 0;--sbb-flip-card-details-translate-y: var(--sbb-spacing-fixed-2x);--sbb-flip-card-details-transition-delay: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-5x) );--sbb-flip-card-details-padding: var(--sbb-spacing-responsive-s);--sbb-flip-card-details-padding-block-end: calc( var(--sbb-spacing-responsive-s) + var(--sbb-spacing-responsive-xs) + var(--sbb-size-element-m) );display:contents}.sbb-flip-card-details--wrapper{position:absolute;pointer-events:none;color:var(--sbb-color-milk);opacity:var(--sbb-flip-card-details-opacity);transform:translateY(var(--sbb-flip-card-details-translate-y));transition-property:transform,opacity;transition-duration:var(--sbb-flip-card-details-transition-duration)}:host([data-flipped]) .sbb-flip-card-details--wrapper{transition-delay:var(--sbb-flip-card-details-transition-delay),var(--sbb-flip-card-details-transition-delay)}.sbb-flip-card-details{overflow:hidden;padding:var(--sbb-flip-card-details-padding);padding-block-end:var(--sbb-flip-card-details-padding-block-end)}`;
-let E = (() => {
+const y = p`*,:before,:after{box-sizing:border-box}:host{--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-flip-card-details-opacity: 0;--sbb-flip-card-details-translate-y: var(--sbb-spacing-fixed-2x);--sbb-flip-card-details-transition-delay: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-5x) );--sbb-flip-card-details-padding: var(--sbb-spacing-responsive-s);--sbb-flip-card-details-padding-block-end: calc( var(--sbb-spacing-responsive-s) + var(--sbb-spacing-responsive-xs) + var(--sbb-size-element-m) );display:contents}.sbb-flip-card-details--wrapper{position:absolute;pointer-events:none;color:var(--sbb-color-milk);opacity:var(--sbb-flip-card-details-opacity);transform:translateY(var(--sbb-flip-card-details-translate-y));transition-property:transform,opacity;transition-duration:var(--sbb-flip-card-details-transition-duration)}:host([data-flipped]) .sbb-flip-card-details--wrapper{transition-delay:var(--sbb-flip-card-details-transition-delay),var(--sbb-flip-card-details-transition-delay)}.sbb-flip-card-details{overflow:hidden;padding:var(--sbb-flip-card-details-padding);padding-block-end:var(--sbb-flip-card-details-padding-block-end)}`;
+let x = (() => {
   var a;
-  let o = [m("sbb-flip-card-details"), y({
-    slot: "details"
-  })], e, r = [], t, i = f;
-  return a = class extends i {
+  let o = [m("sbb-flip-card-details")], s, i = [], t, r = f;
+  return a = class extends r {
     constructor() {
-      super(), this.addController(new c(this, {
+      super(), this.addController(new b(this, {
         config: {
           childList: !0,
           subtree: !0,
@@ -21,10 +18,13 @@ let E = (() => {
         callback: () => this._checkForSlottedActions()
       }));
     }
+    connectedCallback() {
+      super.connectedCallback(), this.slot || (this.slot = "details");
+    }
     _checkForSlottedActions() {
       var l;
-      const s = "data-card-focusable";
-      Array.from(((l = this.querySelectorAll) == null ? void 0 : l.call(this, v)) ?? []).forEach((d) => d.toggleAttribute(s, !0));
+      const e = "data-card-focusable";
+      Array.from(((l = this.querySelectorAll) == null ? void 0 : l.call(this, v)) ?? []).forEach((d) => d.toggleAttribute(e, !0));
     }
     render() {
       return u`
@@ -36,10 +36,10 @@ let E = (() => {
     `;
     }
   }, t = a, (() => {
-    const s = typeof Symbol == "function" && Symbol.metadata ? Object.create(i[Symbol.metadata] ?? null) : void 0;
-    n(null, e = { value: t }, o, { kind: "class", name: t.name, metadata: s }, null, r), t = e.value, s && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: s });
-  })(), a.styles = h, b(t, r), t;
+    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(r[Symbol.metadata] ?? null) : void 0;
+    n(null, s = { value: t }, o, { kind: "class", name: t.name, metadata: e }, null, i), t = s.value, e && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
+  })(), a.styles = y, c(t, i), t;
 })();
 export {
-  E as SbbFlipCardDetailsElement
+  x as SbbFlipCardDetailsElement
 };

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

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

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

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

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

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

package/font-characters-extension.css

@@ -1,18 +1,18 @@
 @font-face {
   font-family: SBB;
-  src: url("https://cdn.app.sbb.ch/fonts/v1_8_1_full/SBBWeb-Roman.woff2") format("woff2"), url("https://cdn.app.sbb.ch/fonts/v1_8_1_full/SBBWeb-Roman.woff") format("woff");
+  src: url("https://cdn.app.sbb.ch/fonts/v1_9_full/SBBWeb-Roman.woff2") format("woff2");
   font-display: fallback;
   font-weight: 400;
 }
 @font-face {
   font-family: SBB;
-  src: url("https://cdn.app.sbb.ch/fonts/v1_8_1_full/SBBWeb-Bold.woff2") format("woff2"), url("https://cdn.app.sbb.ch/fonts/v1_8_1_full/SBBWeb-Bold.woff") format("woff");
+  src: url("https://cdn.app.sbb.ch/fonts/v1_9_full/SBBWeb-Bold.woff2") format("woff2");
   font-display: swap;
   font-weight: 700;
 }
 @font-face {
   font-family: SBB;
-  src: url("https://cdn.app.sbb.ch/fonts/v1_8_1_full/SBBWeb-Light.woff2") format("woff2"), url("https://cdn.app.sbb.ch/fonts/v1_8_1_full/SBBWeb-Light.woff") format("woff");
+  src: url("https://cdn.app.sbb.ch/fonts/v1_9_full/SBBWeb-Light.woff2") format("woff2");
   font-display: swap;
   font-weight: 300;
 }

package/footer/footer.component.js

@@ -9,7 +9,7 @@ import { customElement as F, property as f } from "lit/decorators.js";
 import { unsafeStatic as A, html as M } from "lit/static-html.js";
 import { forceType as N } from "../core/decorators.js";
 import { SbbNegativeMixin as G } from "../core/mixins.js";
-const P = O`*,: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}}`;
+const P = O`*,: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-line: 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}}`;
 let W = (() => {
   var n, b, d, m, o;
   let i = [F("sbb-footer")], s, a = [], l, g = G(B), y, _ = [], x = [], w, k = [], T = [], z, L = [], S = [], I, E = [], $ = [];