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

package/form-field/form-field-clear/form-field-clear.component.d.ts

@@ -3,6 +3,7 @@ import { SbbButtonBaseElement } from '../../core/base-elements.js';
 declare const SbbFormFieldClearElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbNegativeMixinType> & typeof SbbButtonBaseElement;
 /**
  * Combined with `sbb-form-field`, it displays a button which clears the input value.
+ * @overrideType value - string
  */
 export declare class SbbFormFieldClearElement extends SbbFormFieldClearElement_base {
     static styles: CSSResultGroup;

package/form-field/form-field-clear/form-field-clear.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-field-clear.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/form-field/form-field-clear/form-field-clear.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAI1E,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AASnE,OAAO,eAAe,CAAC;;AAEvB;;GAEG;AACH,qBAKM,wBAAyB,SAAQ,6BAAsC;IAC3E,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,OAAO,CAAC,UAAU,CAAC,CAA6B;IAChD,OAAO,CAAC,SAAS,CAAmC;;IAOpC,iBAAiB,IAAI,IAAI;YAS3B,YAAY;cAWP,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAMzD,cAAc,IAAI,cAAc;CAGpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,sBAAsB,EAAE,wBAAwB,CAAC;KAClD;CACF"}
+{"version":3,"file":"form-field-clear.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/form-field/form-field-clear/form-field-clear.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAI1E,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAQnE,OAAO,eAAe,CAAC;;AAEvB;;;GAGG;AACH,qBAEM,wBAAyB,SAAQ,6BAAsC;IAC3E,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,OAAO,CAAC,UAAU,CAAC,CAA6B;IAChD,OAAO,CAAC,SAAS,CAAmC;;IAOpC,iBAAiB,IAAI,IAAI;YAU3B,YAAY;cAWP,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAMzD,cAAc,IAAI,cAAc;CAGpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,sBAAsB,EAAE,wBAAwB,CAAC;KAClD;CACF"}

package/form-field/form-field-clear/form-field-clear.component.js

@@ -3,23 +3,20 @@ import { css as c, html as u } from "lit";
 import { customElement as v } from "lit/decorators.js";
 import { SbbButtonBaseElement as m } from "../../core/base-elements.js";
 import { SbbLanguageController as f } from "../../core/controllers.js";
-import { hostAttributes as h } from "../../core/decorators.js";
-import { i18nClearInput as p } from "../../core/i18n.js";
-import { SbbNegativeMixin as g } from "../../core/mixins.js";
+import { i18nClearInput as h } from "../../core/i18n.js";
+import { SbbNegativeMixin as p } from "../../core/mixins.js";
 import "../../icon.js";
-const k = c`*,:before,:after{box-sizing:border-box}:host{display:block;outline:none!important}:host{display:inline-block;-webkit-tap-highlight-color:transparent;height:fit-content;outline:none!important;--sbb-button-color-text: var(--sbb-color-charcoal);--sbb-button-color-default-background: var(--sbb-color-black-alpha-0);--sbb-button-color-hover-background: var(--sbb-color-milk);--sbb-button-color-active-background: var(--sbb-color-cloud);--sbb-button-color-disabled-background: var(--sbb-color-milk);--sbb-button-color-disabled-border: var(--sbb-color-smoke);--sbb-button-color-disabled-text: var(--sbb-color-granite);--sbb-button-border-disabled-width: var(--sbb-border-width-1x);--sbb-button-border-disabled-style: dashed;--sbb-button-border-radius: var(--sbb-border-radius-infinity);--sbb-button-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-button-transition-easing-function: var(--sbb-animation-easing)}@media (forced-colors: active){:host{--sbb-button-color-text: ButtonText !important;--sbb-button-color-hover-background: Highlight !important;--sbb-button-color-active-background: Highlight !important;--sbb-button-color-disabled-background: Canvas !important;--sbb-button-color-disabled-border: GrayText !important;--sbb-button-color-disabled-text: GrayText !important}}:host .sbb-form-field-clear{position:relative;transition-duration:var(--sbb-button-transition-duration);transition-timing-function:var(--sbb-button-transition-easing-function);transition-property:color;border-radius:var(--sbb-button-border-radius);color:var(--sbb-button-color-text);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}:host .sbb-form-field-clear:before{position:absolute;content:"";top:0;right:0;bottom:0;left:0;border-radius:var(--sbb-button-border-radius);background-color:var(--sbb-button-color-default-background);transition-duration:var(--sbb-button-transition-duration);transition-timing-function:var(--sbb-button-transition-easing-function);transition-property:inset,background-color}sbb-icon{transition:transform var(--sbb-button-transition-duration) var(--sbb-button-transition-easing-function);transform:translateY(var(--sbb-button-translate-y-content-hover, 0rem));display:flex}:host([negative]){--sbb-button-color-text: var(--sbb-color-milk);--sbb-button-color-default-background: var(--sbb-color-black-alpha-0);--sbb-button-color-hover-background: var(--sbb-color-charcoal);--sbb-button-color-active-background: var(--sbb-color-iron);--sbb-button-color-disabled-background: var(--sbb-color-charcoal);--sbb-button-color-disabled-border: var(--sbb-color-smoke);--sbb-button-color-disabled-text: var(--sbb-color-smoke)}:host(:is([disabled],:disabled,[disabled-interactive],[data-disabled],[data-group-disabled])) .sbb-form-field-clear{color:var(--sbb-button-color-disabled-text);cursor:default;pointer-events:none}:host(:is([disabled],:disabled,[disabled-interactive],[data-disabled],[data-group-disabled])) .sbb-form-field-clear:before{background-color:var(--sbb-button-color-disabled-background);border:var(--sbb-button-border-disabled-width) var(--sbb-button-border-disabled-style) var(--sbb-button-color-disabled-border)}:host(:is([data-focus-visible],:focus-visible)) .sbb-form-field-clear:before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width)}:host([data-focus-visible]){--sbb-focus-outline-style: initial}@media (any-hover: hover){:host(:not([disabled],:disabled,[disabled-interactive],[data-disabled],[data-group-disabled],:active,[data-active]):hover){--sbb-button-translate-y-content-hover: -.0625rem}}@media (any-hover: hover){:host(:not([disabled],:disabled,[disabled-interactive],[data-disabled],[data-group-disabled],:active,[data-active]):hover) .sbb-form-field-clear:before{background-color:var(--sbb-button-color-hover-background)}}:host(:not([disabled],:disabled,[disabled-interactive],[data-disabled],[data-group-disabled]):is(:active,[data-active])) .sbb-form-field-clear:before{background-color:var(--sbb-button-color-active-background)}`;
-let I = (() => {
+const g = c`*,:before,:after{box-sizing:border-box}:host{display:block;outline:none!important}:host{display:inline-block;-webkit-tap-highlight-color:transparent;height:fit-content;outline:none!important;--sbb-button-color-text: var(--sbb-color-charcoal);--sbb-button-color-default-background: var(--sbb-color-black-alpha-0);--sbb-button-color-hover-background: var(--sbb-color-milk);--sbb-button-color-active-background: var(--sbb-color-cloud);--sbb-button-color-disabled-background: var(--sbb-color-milk);--sbb-button-color-disabled-border: var(--sbb-color-smoke);--sbb-button-color-disabled-text: var(--sbb-color-granite);--sbb-button-border-disabled-width: var(--sbb-border-width-1x);--sbb-button-border-disabled-style: dashed;--sbb-button-border-radius: var(--sbb-border-radius-infinity);--sbb-button-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-button-transition-easing-function: var(--sbb-animation-easing)}@media (forced-colors: active){:host{--sbb-button-color-text: ButtonText !important;--sbb-button-color-hover-background: Highlight !important;--sbb-button-color-active-background: Highlight !important;--sbb-button-color-disabled-background: Canvas !important;--sbb-button-color-disabled-border: GrayText !important;--sbb-button-color-disabled-text: GrayText !important}}:host .sbb-form-field-clear{position:relative;transition-duration:var(--sbb-button-transition-duration);transition-timing-function:var(--sbb-button-transition-easing-function);transition-property:color;border-radius:var(--sbb-button-border-radius);color:var(--sbb-button-color-text);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}:host .sbb-form-field-clear:before{position:absolute;content:"";top:0;right:0;bottom:0;left:0;border-radius:var(--sbb-button-border-radius);background-color:var(--sbb-button-color-default-background);transition-duration:var(--sbb-button-transition-duration);transition-timing-function:var(--sbb-button-transition-easing-function);transition-property:inset,background-color}sbb-icon{transition:transform var(--sbb-button-transition-duration) var(--sbb-button-transition-easing-function);transform:translateY(var(--sbb-button-translate-y-content-hover, 0rem));display:flex}:host([negative]){--sbb-button-color-text: var(--sbb-color-milk);--sbb-button-color-default-background: var(--sbb-color-black-alpha-0);--sbb-button-color-hover-background: var(--sbb-color-charcoal);--sbb-button-color-active-background: var(--sbb-color-iron);--sbb-button-color-disabled-background: var(--sbb-color-charcoal);--sbb-button-color-disabled-border: var(--sbb-color-smoke);--sbb-button-color-disabled-text: var(--sbb-color-smoke)}:host(:is([disabled],:disabled,[disabled-interactive],[data-disabled],[data-group-disabled])) .sbb-form-field-clear{color:var(--sbb-button-color-disabled-text);cursor:default;pointer-events:none}:host(:is([disabled],:disabled,[disabled-interactive],[data-disabled],[data-group-disabled])) .sbb-form-field-clear:before{background-color:var(--sbb-button-color-disabled-background);border:var(--sbb-button-border-disabled-width) var(--sbb-button-border-disabled-style) var(--sbb-button-color-disabled-border)}:host(:is([data-focus-visible],:focus-visible)) .sbb-form-field-clear:before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width)}:host([data-focus-visible]){--sbb-focus-outline-style: initial}@media (any-hover: hover){:host(:not([disabled],:disabled,[disabled-interactive],[data-disabled],[data-group-disabled],:active,[data-active]):hover){--sbb-button-translate-y-content-hover: -.0625rem}}@media (any-hover: hover){:host(:not([disabled],:disabled,[disabled-interactive],[data-disabled],[data-group-disabled],:active,[data-active]):hover) .sbb-form-field-clear:before{background-color:var(--sbb-button-color-hover-background)}}:host(:not([disabled],:disabled,[disabled-interactive],[data-disabled],[data-group-disabled]):is(:active,[data-active])) .sbb-form-field-clear:before{background-color:var(--sbb-button-color-active-background)}`;
+let F = (() => {
   var r;
-  let n = [v("sbb-form-field-clear"), h({
-    slot: "suffix"
-  })], b, a = [], o, e = g(m);
+  let n = [v("sbb-form-field-clear")], b, a = [], o, e = p(m);
   return r = class extends e {
     constructor() {
       var t;
       super(), this._language = new f(this), (t = this.addEventListener) == null || t.call(this, "click", () => this._handleClick());
     }
     connectedCallback() {
-      super.connectedCallback(), this._formField = this.closest("sbb-form-field, [data-form-field]"), this._formField && (this.negative = this._formField.hasAttribute("negative"));
+      super.connectedCallback(), this._formField = this.closest("sbb-form-field, [data-form-field]"), this._formField && (this.slot || (this.slot = "suffix"), this.negative = this._formField.hasAttribute("negative"));
     }
     async _handleClick() {
       var i, s;
@@ -27,7 +24,7 @@ let I = (() => {
       !t || t.localName !== "input" || ((s = this._formField) == null || s.clear(), t.focus(), t.dispatchEvent(new InputEvent("input", { bubbles: !0, composed: !0 })), t.dispatchEvent(new Event("change", { bubbles: !0 })));
     }
     willUpdate(t) {
-      super.willUpdate(t), this.setAttribute("aria-label", p[this._language.current]);
+      super.willUpdate(t), this.setAttribute("aria-label", h[this._language.current]);
     }
     renderTemplate() {
       return u` <sbb-icon name="cross-small"></sbb-icon> `;
@@ -35,8 +32,8 @@ let I = (() => {
   }, o = r, (() => {
     const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(e[Symbol.metadata] ?? null) : void 0;
     l(null, b = { value: o }, n, { kind: "class", name: o.name, metadata: t }, null, a), o = b.value, t && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
-  })(), r.styles = k, d(o, a), o;
+  })(), r.styles = g, d(o, a), o;
 })();
 export {
-  I as SbbFormFieldClearElement
+  F as SbbFormFieldClearElement
 };

package/header/common/header-action-common.d.ts

@@ -1,10 +1,10 @@
 import { SbbActionBaseElement } from '../../core/base-elements.js';
 import { SbbHorizontalFrom } from '../../core/interfaces.js';
 import { AbstractConstructor } from '../../core/mixins.js';
-import { SbbIconNameMixinType } from '../../icon.js';
-export declare class SbbHeaderActionCommonElementMixinType implements Partial<SbbIconNameMixinType> {
+declare const SbbHeaderActionCommonElementMixinType_base: AbstractConstructor<import('../../icon.js').SbbIconNameMixinType> & typeof SbbActionBaseElement;
+export declare class SbbHeaderActionCommonElementMixinType extends SbbHeaderActionCommonElementMixinType_base {
     accessor expandFrom: SbbHorizontalFrom;
-    accessor iconName: string;
 }
 export declare const SbbHeaderActionCommonElementMixin: <T extends AbstractConstructor<SbbActionBaseElement>>(superClass: T) => AbstractConstructor<SbbHeaderActionCommonElementMixinType> & T;
+export {};
 //# sourceMappingURL=header-action-common.d.ts.map

package/header/common/header-action-common.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"header-action-common.d.ts","sourceRoot":"","sources":["../../../../src/elements/header/common/header-action-common.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAExE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAoB,KAAK,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAI5E,MAAM,CAAC,OAAO,OAAO,qCACnB,YAAW,OAAO,CAAC,oBAAoB,CAAC;IAExC,SAAgB,UAAU,EAAE,iBAAiB,CAAC;IAC9C,SAAgB,QAAQ,EAAE,MAAM,CAAC;CAClC;AAGD,eAAO,MAAM,iCAAiC,GAC5C,CAAC,SAAS,mBAAmB,CAAC,oBAAoB,CAAC,EAEnD,YAAY,CAAC,KACZ,mBAAmB,CAAC,qCAAqC,CAAC,GAAG,CA6B/D,CAAC"}
+{"version":3,"file":"header-action-common.d.ts","sourceRoot":"","sources":["../../../../src/elements/header/common/header-action-common.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAExE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;;AAKhE,MAAM,CAAC,OAAO,OAAO,qCAAsC,SAAQ,0CAElE;IACC,SAAgB,UAAU,EAAE,iBAAiB,CAAC;CAC/C;AAGD,eAAO,MAAM,iCAAiC,GAC5C,CAAC,SAAS,mBAAmB,CAAC,oBAAoB,CAAC,EAEnD,YAAY,CAAC,KACZ,mBAAmB,CAAC,qCAAqC,CAAC,GAAG,CA6B/D,CAAC"}

package/header/header/header.component.d.ts

@@ -1,4 +1,4 @@
-import { CSSResultGroup, LitElement, PropertyDeclaration, TemplateResult } from 'lit';
+import { CSSResultGroup, LitElement, PropertyDeclaration, PropertyValues, TemplateResult } from 'lit';
 declare const SbbHeaderElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbHydrationMixinType> & typeof LitElement;
 /**
  * It displays a header section for the page.
@@ -14,8 +14,12 @@ export declare class SbbHeaderElement extends SbbHeaderElement_base {
      * By default, the content has the appropriate page size.
      */
     accessor expanded: boolean;
-    /** The element's id or the element on which the scroll listener is attached. */
-    accessor scrollOrigin: string | HTMLElement | Document;
+    /**
+     * The element's id or the element on which the scroll listener is attached.
+     *
+     * For attribute usage, provide an id reference.
+     */
+    accessor scrollOrigin: HTMLElement | null;
     /** Whether the header should hide and show on scroll. */
     accessor hideOnScroll: boolean;
     /**
@@ -28,13 +32,13 @@ export declare class SbbHeaderElement extends SbbHeaderElement_base {
     private _scrollEventsController;
     private _scrollFunction;
     private _lastScroll;
-    private _scrollOriginIdReferenceController;
     constructor();
     /** If `hideOnScroll` is set, checks the element to hook the listener on, and possibly add it.*/
     connectedCallback(): void;
     /** Removes the scroll listener, if previously attached. */
     disconnectedCallback(): void;
     requestUpdate(name?: PropertyKey, oldValue?: unknown, options?: PropertyDeclaration): void;
+    protected firstUpdated(changedProperties: PropertyValues<this>): void;
     private _updateScrollListener;
     /** Returns the correct function to attach on scroll. */
     private _getScrollFunction;

package/header/header/header.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"header.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/header/header/header.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAGnB,UAAU,EACV,KAAK,mBAAmB,EACxB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;;AAab;;;;;;GAMG;AACH,qBAEM,gBAAiB,SAAQ,qBAA6B;IAC1D,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD;;;OAGG;IACH,SAEgB,QAAQ,EAAE,OAAO,CAAS;IAG1C,gFAAgF;IAChF,SACgB,YAAY,EAAE,MAAM,GAAG,WAAW,GAAG,QAAQ,CAAgC;IAE7F,yDAAyD;IACzD,SAEgB,YAAY,EAAE,OAAO,CAAS;IAE9C;;;OAGG;IACH,SAA6C,IAAI,EAAE,GAAG,GAAG,GAAG,CAAwB;IAE3E,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAQ;IAE9C,OAAO,CAAC,cAAc,CAA4C;IAClE,OAAO,CAAC,uBAAuB,CAAmB;IAClD,OAAO,CAAC,eAAe,CAA2B;IAClD,OAAO,CAAC,WAAW,CAAK;IACxB,OAAO,CAAC,kCAAkC,CAAsD;;IAQhG,gGAAgG;IAChF,iBAAiB,IAAI,IAAI;IAKzC,2DAA2D;IAC3C,oBAAoB,IAAI,IAAI;IAM5B,aAAa,CAC3B,IAAI,CAAC,EAAE,WAAW,EAClB,QAAQ,CAAC,EAAE,OAAO,EAClB,OAAO,CAAC,EAAE,mBAAmB,GAC5B,IAAI;IAQP,OAAO,CAAC,qBAAqB;IA0B7B,wDAAwD;IACxD,OAAO,CAAC,kBAAkB;IAI1B,2DAA2D;IAC3D,OAAO,CAAC,yBAAyB;IAOjC;;;;;OAKG;IACH,OAAO,CAAC,eAAe;IA8CvB,uEAAuE;IACvE,OAAO,CAAC,qBAAqB;IAI7B,OAAO,CAAC,kBAAkB;cAgBP,MAAM,IAAI,cAAc;CAS5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,YAAY,EAAE,gBAAgB,CAAC;KAChC;CACF"}
+{"version":3,"file":"header.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/header/header/header.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAGnB,UAAU,EACV,KAAK,mBAAmB,EACxB,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;;AAYb;;;;;;GAMG;AACH,qBAEM,gBAAiB,SAAQ,qBAA6B;IAC1D,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD;;;OAGG;IACH,SAEgB,QAAQ,EAAE,OAAO,CAAS;IAE1C;;;;OAIG;IACH,SAEgB,YAAY,EAAE,WAAW,GAAG,IAAI,CAAQ;IAExD,yDAAyD;IACzD,SAEgB,YAAY,EAAE,OAAO,CAAS;IAE9C;;;OAGG;IACH,SAA6C,IAAI,EAAE,GAAG,GAAG,GAAG,CAAwB;IAE3E,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAQ;IAE9C,OAAO,CAAC,cAAc,CAA4C;IAClE,OAAO,CAAC,uBAAuB,CAAmB;IAClD,OAAO,CAAC,eAAe,CAA2B;IAClD,OAAO,CAAC,WAAW,CAAK;;IAOxB,gGAAgG;IAChF,iBAAiB,IAAI,IAAI;IAOzC,2DAA2D;IAC3C,oBAAoB,IAAI,IAAI;IAM5B,aAAa,CAC3B,IAAI,CAAC,EAAE,WAAW,EAClB,QAAQ,CAAC,EAAE,OAAO,EAClB,OAAO,CAAC,EAAE,mBAAmB,GAC5B,IAAI;cAQY,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAK9E,OAAO,CAAC,qBAAqB;IAuB7B,wDAAwD;IACxD,OAAO,CAAC,kBAAkB;IAI1B,2DAA2D;IAC3D,OAAO,CAAC,yBAAyB;IAOjC;;;;;OAKG;IACH,OAAO,CAAC,eAAe;IA8CvB,uEAAuE;IACvE,OAAO,CAAC,qBAAqB;IAI7B,OAAO,CAAC,kBAAkB;cAgBP,MAAM,IAAI,cAAc;CAS5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,YAAY,EAAE,gBAAgB,CAAC;KAChC;CACF"}

package/header/header/header.component.js

@@ -1,29 +1,28 @@
-var F = (s) => {
+var D = (s) => {
   throw TypeError(s);
 };
-var U = (s, i, a) => i.has(s) || F("Cannot " + a);
-var m = (s, i, a) => (U(s, i, "read from private field"), a ? a.call(s) : i.get(s)), _ = (s, i, a) => i.has(s) ? F("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(s) : i.set(s, a), l = (s, i, a, d) => (U(s, i, "write to private field"), d ? d.call(s, a) : i.set(s, a), a);
-import { __esDecorate as p, __runInitializers as n } from "tslib";
-import { css as q, LitElement as B, isServer as R, html as M } from "lit";
-import { customElement as N, property as v, state as Z } from "lit/decorators.js";
+var F = (s, a, r) => a.has(s) || D("Cannot " + r);
+var m = (s, a, r) => (F(s, a, "read from private field"), r ? r.call(s) : a.get(s)), p = (s, a, r) => a.has(s) ? D("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(s) : a.set(s, r), l = (s, a, r, d) => (F(s, a, "write to private field"), d ? d.call(s, r) : a.set(s, r), r);
+import { __esDecorate as _, __runInitializers as n } from "tslib";
+import { css as q, LitElement as B, isServer as M, html as N } from "lit";
+import { customElement as R, property as g, state as Z } from "lit/decorators.js";
 import { SbbFocusVisibleWithinController as Q } from "../../core/a11y.js";
-import { SbbIdReferenceController as V } from "../../core/controllers.js";
-import { forceType as j } from "../../core/decorators.js";
+import { forceType as j, idReference as V } from "../../core/decorators.js";
 import { isLean as W } from "../../core/dom.js";
 import { SbbHydrationMixin as Y } from "../../core/mixins.js";
 const G = q`*,:before,:after{box-sizing:border-box}:host{display:block;height:var(--sbb-header-height);--sbb-logo-height: 1rem;--sbb-signet-height: 1rem;--sbb-header-position: fixed;--sbb-header-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-6x) );--sbb-header-inset-inline-end: 0}@media (min-width: 52.5rem){:host{--sbb-logo-height: 1.25rem;--sbb-signet-height: 1.25rem}}:host([hide-on-scroll]){--sbb-header-position: absolute}:host([hide-on-scroll][data-fixed]){--sbb-header-position: fixed;--sbb-header-animation-name: hide;--sbb-header-transform: translate3d(0, -100%, 0);--sbb-header-inset-inline-end: var(--sbb-scrollbar-width, 0)}:host([hide-on-scroll][data-fixed][data-animated]){--sbb-header-transition-timing: cubic-bezier(.4, 0, 1, 1)}:host([hide-on-scroll][data-fixed][data-visible]){--sbb-header-animation-name: show;--sbb-header-transform: translate3d(0, 0, 0);--sbb-header-transition-timing: cubic-bezier(0, 0, .2, 1)}:host([hide-on-scroll][data-fixed][data-has-visible-focus-within]){--sbb-header-transition-duration: 0;--sbb-header-transform: translate3d(0, 0, 0)}.sbb-header{position:var(--sbb-header-position);inset:0 var(--sbb-header-inset-inline-end) auto 0;background:var(--sbb-color-white);z-index:var(--sbb-header-z-index, 10);transform:var(--sbb-header-transform);transition-property:box-shadow;transition-duration:var(--sbb-header-transition-duration);transition-timing-function:var(--sbb-header-transition-timing);animation-name:var(--sbb-header-animation-name);animation-duration:var(--sbb-header-transition-duration);animation-timing-function:var(--sbb-header-transition-timing)}:host(:is([data-shadow],[data-has-visible-focus-within][data-fixed])) .sbb-header{box-shadow:var(--sbb-shadow-elevation-level-9-shadow-2-offset-x) var(--sbb-shadow-elevation-level-9-shadow-2-offset-y) var(--sbb-shadow-elevation-level-9-shadow-2-blur) var(--sbb-shadow-elevation-level-9-shadow-2-spread) var(--sbb-shadow-elevation-level-9-soft-2-color),var(--sbb-shadow-elevation-level-9-shadow-1-offset-x) var(--sbb-shadow-elevation-level-9-shadow-1-offset-y) var(--sbb-shadow-elevation-level-9-shadow-1-blur) var(--sbb-shadow-elevation-level-9-shadow-1-spread) var(--sbb-shadow-elevation-level-9-soft-1-color)}@media (forced-colors: active){.sbb-header{border-block-end:var(--sbb-border-width-1x) solid CanvasText}}.sbb-header__wrapper{display:flex;align-items:center;justify-content:flex-start;height:var(--sbb-header-height)}:host(:not([expanded])) .sbb-header__wrapper{padding-inline:var(--sbb-layout-base-offset-responsive);margin-inline:auto;width:100%}@media (min-width: 90rem){:host(:not([expanded])) .sbb-header__wrapper{max-width:calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive))}}:host([expanded]) .sbb-header__wrapper{padding-inline:var(--sbb-spacing-responsive-xxs)}::slotted(:is(sbb-header-button,sbb-header-link):first-child){margin-inline-start:var(--sbb-header-first-item-margin-inline-start)}:host([size=s]) ::slotted(:is(sbb-header-button,sbb-header-link)){--sbb-header-action-min-height: var(--sbb-size-element-xs);--sbb-header-action-padding-inline: var(--sbb-spacing-fixed-4x)}::slotted(*){flex:0 0 auto}::slotted(.sbb-header-shrinkable){flex-shrink:1;min-width:0}::slotted(.sbb-header-spacer){flex-grow:1}::slotted(.sbb-header-logo){margin-inline-start:var(--sbb-spacing-responsive-s)}::slotted(a.sbb-header-logo){display:block;padding-block:var(--sbb-spacing-fixed-3x);position:relative;outline:none!important}::slotted(a.sbb-header-logo):before{content:"";display:block;position:absolute;inset:var(--sbb-spacing-fixed-3x) 0}::slotted(a.sbb-header-logo:focus-visible):before{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-3x);border-radius:1px}@keyframes show{0%{transform:translate3d(0,-100%,0)}to{transform:translateZ(0)}}@keyframes hide{0%{transform:translateZ(0)}to{transform:translate3d(0,-100%,0)}}`, J = "[aria-controls][aria-expanded='true']";
-let le = (() => {
-  var h, b, c, f, u, o;
-  let s = [N("sbb-header")], i, a = [], d, x = Y(B), w, O = [], S = [], y, E = [], z = [], k, T = [], C = [], I, L = [], A = [], H, P = [], D = [];
+let oe = (() => {
+  var h, b, c, u, f, o;
+  let s = [R("sbb-header")], a, r = [], d, x = Y(B), w, O = [], S = [], y, z = [], E = [], k, T = [], C = [], L, A = [], I = [], U, P = [], H = [];
   return o = class extends x {
     constructor() {
       super();
-      _(this, h);
-      _(this, b);
-      _(this, c);
-      _(this, f);
-      _(this, u);
-      l(this, h, n(this, O, !1)), l(this, b, (n(this, S), n(this, E, R ? null : document))), l(this, c, (n(this, z), n(this, T, !1))), l(this, f, (n(this, C), n(this, L, W() ? "s" : "m"))), l(this, u, (n(this, A), n(this, P, !0))), this._scrollElement = n(this, D), this._lastScroll = 0, this._scrollOriginIdReferenceController = new V(this, "scrollOrigin"), this.addController(new Q(this));
+      p(this, h);
+      p(this, b);
+      p(this, c);
+      p(this, u);
+      p(this, f);
+      l(this, h, n(this, O, !1)), l(this, b, (n(this, S), n(this, z, null))), l(this, c, (n(this, E), n(this, T, !1))), l(this, u, (n(this, C), n(this, A, W() ? "s" : "m"))), l(this, f, (n(this, I), n(this, P, !0))), this._scrollElement = n(this, H), this._lastScroll = 0, this.addController(new Q(this));
     }
     /**
      * Whether to allow the header content to stretch to full width.
@@ -35,8 +34,11 @@ let le = (() => {
     set expanded(e) {
       l(this, h, e);
     }
-    // TODO: Remove the document as default assignment and refactor logic to return document
-    /** The element's id or the element on which the scroll listener is attached. */
+    /**
+     * The element's id or the element on which the scroll listener is attached.
+     *
+     * For attribute usage, provide an id reference.
+     */
     get scrollOrigin() {
       return m(this, b);
     }
@@ -55,33 +57,36 @@ let le = (() => {
      * @default 'm' / 's' (lean)
      */
     get size() {
-      return m(this, f);
+      return m(this, u);
     }
     set size(e) {
-      l(this, f, e);
+      l(this, u, e);
     }
     get _headerOnTop() {
-      return m(this, u);
+      return m(this, f);
     }
     set _headerOnTop(e) {
-      l(this, u, e);
+      l(this, f, e);
     }
     /** If `hideOnScroll` is set, checks the element to hook the listener on, and possibly add it.*/
     connectedCallback() {
-      super.connectedCallback(), this._updateScrollListener();
+      super.connectedCallback(), this.hasUpdated && this._updateScrollListener();
     }
     /** Removes the scroll listener, if previously attached. */
     disconnectedCallback() {
       var e;
       super.disconnectedCallback(), this._scrollElement = null, (e = this._scrollEventsController) == null || e.abort();
     }
-    requestUpdate(e, t, r) {
-      super.requestUpdate(e, t, r), !R && (!e || e === "scrollOrigin") && this.hasUpdated && this._updateScrollListener();
+    requestUpdate(e, t, i) {
+      super.requestUpdate(e, t, i), !M && (!e || e === "scrollOrigin") && this.hasUpdated && this._updateScrollListener();
+    }
+    firstUpdated(e) {
+      super.firstUpdated(e), this._updateScrollListener();
     }
     _updateScrollListener() {
-      var r;
-      const e = this.scrollOrigin instanceof HTMLElement ? this.scrollOrigin : this._scrollOriginIdReferenceController.find() ?? document;
-      if (e === this._scrollElement || ((r = this._scrollEventsController) == null || r.abort(), this._scrollElement = e, !this._scrollElement))
+      var i;
+      const e = this.scrollOrigin ?? document;
+      if (e === this._scrollElement || ((i = this._scrollEventsController) == null || i.abort(), this._scrollElement = e, !this._scrollElement))
         return;
       this._scrollEventsController = new AbortController(), this._scrollFunction = this._getScrollFunction.bind(this), this._scrollElement.addEventListener("scroll", this._scrollFunction, {
         passive: !0,
@@ -118,12 +123,12 @@ let le = (() => {
         return;
       const e = Array.from(this.querySelectorAll(J));
       for (const t of e) {
-        const r = t.getAttribute("aria-controls"), g = document.getElementById(r);
-        typeof (g == null ? void 0 : g.close) == "function" && g.close();
+        const i = t.getAttribute("aria-controls"), v = document.getElementById(i);
+        typeof (v == null ? void 0 : v.close) == "function" && v.close();
       }
     }
     render() {
-      return M`
+      return N`
       <header class="sbb-header">
         <div class="sbb-header__wrapper">
           <slot></slot>
@@ -131,21 +136,21 @@ let le = (() => {
       </header>
     `;
     }
-  }, h = new WeakMap(), b = new WeakMap(), c = new WeakMap(), f = new WeakMap(), u = new WeakMap(), d = o, (() => {
+  }, h = new WeakMap(), b = new WeakMap(), c = new WeakMap(), u = new WeakMap(), f = new WeakMap(), d = o, (() => {
     const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(x[Symbol.metadata] ?? null) : void 0;
-    w = [j(), v({ reflect: !0, type: Boolean })], y = [v({ attribute: "scroll-origin" })], k = [j(), v({ attribute: "hide-on-scroll", reflect: !0, type: Boolean })], I = [v({ reflect: !0 })], H = [Z()], p(o, null, w, { kind: "accessor", name: "expanded", static: !1, private: !1, access: { has: (t) => "expanded" in t, get: (t) => t.expanded, set: (t, r) => {
-      t.expanded = r;
-    } }, metadata: e }, O, S), p(o, null, y, { kind: "accessor", name: "scrollOrigin", static: !1, private: !1, access: { has: (t) => "scrollOrigin" in t, get: (t) => t.scrollOrigin, set: (t, r) => {
-      t.scrollOrigin = r;
-    } }, metadata: e }, E, z), p(o, null, k, { kind: "accessor", name: "hideOnScroll", static: !1, private: !1, access: { has: (t) => "hideOnScroll" in t, get: (t) => t.hideOnScroll, set: (t, r) => {
-      t.hideOnScroll = r;
-    } }, metadata: e }, T, C), p(o, null, I, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (t) => "size" in t, get: (t) => t.size, set: (t, r) => {
-      t.size = r;
-    } }, metadata: e }, L, A), p(o, null, H, { kind: "accessor", name: "_headerOnTop", static: !1, private: !1, access: { has: (t) => "_headerOnTop" in t, get: (t) => t._headerOnTop, set: (t, r) => {
-      t._headerOnTop = r;
-    } }, metadata: e }, P, D), p(null, i = { value: d }, s, { kind: "class", name: d.name, metadata: e }, null, a), d = i.value, e && Object.defineProperty(d, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
-  })(), o.styles = G, n(d, a), d;
+    w = [j(), g({ reflect: !0, type: Boolean })], y = [V(), g({ attribute: "scroll-origin" })], k = [j(), g({ attribute: "hide-on-scroll", reflect: !0, type: Boolean })], L = [g({ reflect: !0 })], U = [Z()], _(o, null, w, { kind: "accessor", name: "expanded", static: !1, private: !1, access: { has: (t) => "expanded" in t, get: (t) => t.expanded, set: (t, i) => {
+      t.expanded = i;
+    } }, metadata: e }, O, S), _(o, null, y, { kind: "accessor", name: "scrollOrigin", static: !1, private: !1, access: { has: (t) => "scrollOrigin" in t, get: (t) => t.scrollOrigin, set: (t, i) => {
+      t.scrollOrigin = i;
+    } }, metadata: e }, z, E), _(o, null, k, { kind: "accessor", name: "hideOnScroll", static: !1, private: !1, access: { has: (t) => "hideOnScroll" in t, get: (t) => t.hideOnScroll, set: (t, i) => {
+      t.hideOnScroll = i;
+    } }, metadata: e }, T, C), _(o, null, L, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (t) => "size" in t, get: (t) => t.size, set: (t, i) => {
+      t.size = i;
+    } }, metadata: e }, A, I), _(o, null, U, { kind: "accessor", name: "_headerOnTop", static: !1, private: !1, access: { has: (t) => "_headerOnTop" in t, get: (t) => t._headerOnTop, set: (t, i) => {
+      t._headerOnTop = i;
+    } }, metadata: e }, P, H), _(null, a = { value: d }, s, { kind: "class", name: d.name, metadata: e }, null, r), d = a.value, e && Object.defineProperty(d, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
+  })(), o.styles = G, n(d, r), d;
 })();
 export {
-  le as SbbHeaderElement
+  oe as SbbHeaderElement
 };

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

@@ -5,6 +5,7 @@ declare const SbbHeaderButtonElement_base: import('../../core/mixins.js').Abstra
  *
  * @slot icon - Slot used to render the button icon.
  * @slot - Use the unnamed slot to add content to the `sbb-header-button`.
+ * @overrideType value - string
  */
 export declare class SbbHeaderButtonElement extends SbbHeaderButtonElement_base {
 }

package/header/header-button/header-button.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"header-button.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/header/header-button/header-button.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;;AAGnE;;;;;GAKG;AACH,qBAEM,sBAAuB,SAAQ,2BAAuD;CAAG;AAE/F,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,mBAAmB,EAAE,sBAAsB,CAAC;KAC7C;CACF"}
+{"version":3,"file":"header-button.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/header/header-button/header-button.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;;AAGnE;;;;;;GAMG;AACH,qBAEM,sBAAuB,SAAQ,2BAAuD;CAAG;AAE/F,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,mBAAmB,EAAE,sBAAsB,CAAC;KAC7C;CACF"}

package/image/image.component.d.ts

@@ -198,7 +198,7 @@ export declare class SbbImageElement extends LitElement {
     /** Whether the image is finished loading or failed to load. */
     get complete(): boolean;
     protected updated(changedProperties: PropertyValues<this>): void;
-    protected firstUpdated(changedProperties: PropertyValues<this>): Promise<void>;
+    protected firstUpdated(changedProperties: PropertyValues<this>): void;
     private _logPerformanceMarks;
     private _matchMediaQueryDesignToken;
     private _addFocusAbilityToLinksInCaption;

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

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

package/image/image.component.js

@@ -299,8 +299,10 @@ let Ze = (() => {
     updated(t) {
       super.updated(t), this._captionElement && (this._linksInCaption = this._captionElement.querySelectorAll("a"), this._linksInCaption && this._addFocusAbilityToLinksInCaption());
     }
-    async firstUpdated(t) {
-      super.firstUpdated(t), await this.updateComplete, this.complete && this.toggleAttribute("data-loaded", !0);
+    firstUpdated(t) {
+      super.firstUpdated(t), this.updateComplete.then(() => {
+        this.complete && this.toggleAttribute("data-loaded", !0);
+      });
     }
     _logPerformanceMarks() {
       this.performanceMark && (performance.clearMarks(this.performanceMark), performance.mark(this.performanceMark));

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

@@ -5,6 +5,7 @@ declare const SbbBlockLinkButtonElement_base: import('../../core/mixins.js').Abs
  *
  * @slot - Use the unnamed slot to add content to the `sbb-block-link-button`.
  * @slot icon - Slot used to display the icon, if one is set.
+ * @overrideType value - string
  */
 export declare class SbbBlockLinkButtonElement extends SbbBlockLinkButtonElement_base {
 }

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

@@ -1 +1 @@
-{"version":3,"file":"block-link-button.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/link/block-link-button/block-link-button.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;;AAInE;;;;;GAKG;AACH,qBAEM,yBAA0B,SAAQ,8BAEvC;CAAG;AAEJ,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,uBAAuB,EAAE,yBAAyB,CAAC;KACpD;CACF"}
+{"version":3,"file":"block-link-button.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/link/block-link-button/block-link-button.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;;AAInE;;;;;;GAMG;AACH,qBAEM,yBAA0B,SAAQ,8BAEvC;CAAG;AAEJ,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,uBAAuB,EAAE,yBAAyB,CAAC;KACpD;CACF"}

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

@@ -1,11 +1,10 @@
 import { SbbActionBaseElement } from '../../core/base-elements.js';
 import { SbbIconPlacement } from '../../core/interfaces.js';
 import { AbstractConstructor } from '../../core/mixins.js';
-import { SbbIconNameMixinType } from '../../icon.js';
-import { SbbLinkCommonElementMixinType } from './link-common.js';
-export declare class SbbBlockLinkCommonElementMixinType extends SbbLinkCommonElementMixinType implements Partial<SbbIconNameMixinType> {
-    accessor iconName: string;
+declare const SbbBlockLinkCommonElementMixinType_base: AbstractConstructor<import('./link-common.js').SbbLinkCommonElementMixinType> & AbstractConstructor<import('../../icon.js').SbbIconNameMixinType> & typeof SbbActionBaseElement;
+export declare class SbbBlockLinkCommonElementMixinType extends SbbBlockLinkCommonElementMixinType_base {
     accessor iconPlacement: SbbIconPlacement;
 }
 export declare const SbbBlockLinkCommonElementMixin: <T extends AbstractConstructor<SbbActionBaseElement>>(superClass: T) => AbstractConstructor<SbbBlockLinkCommonElementMixinType> & T;
+export {};
 //# sourceMappingURL=block-link-common.d.ts.map

package/link/common/block-link-common.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"block-link-common.d.ts","sourceRoot":"","sources":["../../../../src/elements/link/common/block-link-common.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAG1D,OAAO,EAA6B,KAAK,6BAA6B,EAAE,MAAM,kBAAkB,CAAC;AAKjG,MAAM,CAAC,OAAO,OAAO,kCACnB,SAAQ,6BACR,YAAW,OAAO,CAAC,oBAAoB,CAAC;IAExC,SAAgB,QAAQ,EAAE,MAAM,CAAC;IACjC,SAAgB,aAAa,EAAE,gBAAgB,CAAC;CACjD;AAGD,eAAO,MAAM,8BAA8B,GAAI,CAAC,SAAS,mBAAmB,CAAC,oBAAoB,CAAC,EAChG,YAAY,CAAC,KACZ,mBAAmB,CAAC,kCAAkC,CAAC,GAAG,CAoB5D,CAAC"}
+{"version":3,"file":"block-link-common.d.ts","sourceRoot":"","sources":["../../../../src/elements/link/common/block-link-common.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;;AAQhE,MAAM,CAAC,OAAO,OAAO,kCAAmC,SAAQ,uCAE/D;IACC,SAAgB,aAAa,EAAE,gBAAgB,CAAC;CACjD;AAGD,eAAO,MAAM,8BAA8B,GAAI,CAAC,SAAS,mBAAmB,CAAC,oBAAoB,CAAC,EAChG,YAAY,CAAC,KACZ,mBAAmB,CAAC,kCAAkC,CAAC,GAAG,CAoB5D,CAAC"}

package/link/common/block-link-common.js

@@ -7,16 +7,16 @@ import { __esDecorate as u, __runInitializers as v } from "tslib";
 import { property as x } from "lit/decorators.js";
 import { html as y } from "lit/static-html.js";
 import { SbbIconNameMixin as k } from "../../icon.js";
-import { S as g, s as _ } from "../../link-common-DZrQ-32d.js";
+import { S as g, s as _ } from "../../link-common-BBKGg9HN.js";
 import { css as z } from "lit";
-const P = z`:host{--sbb-link-color-hover: var(--sbb-color-red125);--sbb-link-color-active: var(--sbb-color-red150);--sbb-link-text-decoration-color: color-mix(in srgb, currentcolor 80%, white);--sbb-link-text-decoration-color-hover: currentcolor;--sbb-link-color-normal: var(--sbb-color-granite);--sbb-link-gap: var(--sbb-spacing-fixed-1x);display:block}:host([negative]){--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-link-text-decoration-color: color-mix(in srgb, currentcolor 80%, black);--sbb-link-text-decoration-color-hover: currentcolor;--sbb-link-color-normal: var(--sbb-color-white);--sbb-link-color-hover: var(--sbb-color-cloud);--sbb-link-color-active: var(--sbb-color-silver)}:host(.sbb-active){--sbb-link-color-normal: var(--sbb-color-black);--sbb-link-text-decoration: underline;--sbb-link-text-decoration-color: currentcolor}:host(.sbb-active[negative]){--sbb-link-color-normal: var(--sbb-color-cement);--sbb-link-text-decoration: underline;--sbb-link-text-decoration-color: currentcolor}.sbb-action-base{gap:var(--sbb-link-gap)}:host([size=xs]) .sbb-action-base{--sbb-text-font-size: var(--sbb-font-size-text-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size)}:host([size=s]) .sbb-action-base{--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)}:host([size=m]) .sbb-action-base{--sbb-text-font-size: var(--sbb-font-size-text-m);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)}.sbb-link__icon{position:relative;height:calc(var(--sbb-typo-line-height-body-text) * 1em);width:var(--sbb-size-icon-ui-small);flex:0 0 auto;align-self:start}:host(:not([data-slot-names~=icon],[icon-name])) .sbb-link__icon{display:none}:host([icon-placement=end]) .sbb-link__icon{order:2}.sbb-link__icon ::slotted([slot=icon]),.sbb-link__icon sbb-icon{position:absolute;top:50%;transform:translateY(-50%)}`, O = (t) => (() => {
+const P = z`:host{--sbb-link-color-hover: var(--sbb-color-red125);--sbb-link-color-active: var(--sbb-color-red150);--sbb-link-text-decoration-color: color-mix(in srgb, currentcolor 80%, white);--sbb-link-text-decoration-color-hover: currentcolor;--sbb-link-color-normal: var(--sbb-color-granite);--sbb-link-gap: var(--sbb-spacing-fixed-1x);display:block}:host([negative]){--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-link-text-decoration-color: color-mix(in srgb, currentcolor 80%, black);--sbb-link-text-decoration-color-hover: currentcolor;--sbb-link-color-normal: var(--sbb-color-white);--sbb-link-color-hover: var(--sbb-color-cloud);--sbb-link-color-active: var(--sbb-color-silver)}:host(.sbb-active){--sbb-link-color-normal: var(--sbb-color-black);--sbb-link-text-decoration-line: underline;--sbb-link-text-decoration-color: currentcolor}:host(.sbb-active[negative]){--sbb-link-color-normal: var(--sbb-color-cement);--sbb-link-text-decoration-line: underline;--sbb-link-text-decoration-color: currentcolor}.sbb-action-base{gap:var(--sbb-link-gap)}:host([size=xs]) .sbb-action-base{--sbb-text-font-size: var(--sbb-font-size-text-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size)}:host([size=s]) .sbb-action-base{--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)}:host([size=m]) .sbb-action-base{--sbb-text-font-size: var(--sbb-font-size-text-m);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)}.sbb-link__icon{position:relative;height:calc(var(--sbb-typo-line-height-body-text) * 1em);width:var(--sbb-size-icon-ui-small);flex:0 0 auto;align-self:start}:host(:not([data-slot-names~=icon],[icon-name])) .sbb-link__icon{display:none}:host([icon-placement=end]) .sbb-link__icon{order:2}.sbb-link__icon ::slotted([slot=icon]),.sbb-link__icon sbb-icon{position:absolute;top:50%;transform:translateY(-50%)}`, O = (t) => (() => {
   var s, i;
-  let o = g(k(t)), n, a = [], l = [];
+  let o = g(k(t)), n, l = [], a = [];
   return i = class extends o {
     constructor() {
       super(...arguments);
-      p(this, s, v(this, a, "start"));
-      v(this, l);
+      p(this, s, v(this, l, "start"));
+      v(this, a);
     }
     /** Moves the icon to the end of the component if set to true. */
     get iconPlacement() {
@@ -35,7 +35,7 @@ const P = z`:host{--sbb-link-color-hover: var(--sbb-color-red125);--sbb-link-col
     const r = typeof Symbol == "function" && Symbol.metadata ? Object.create(o[Symbol.metadata] ?? null) : void 0;
     n = [x({ attribute: "icon-placement", reflect: !0 })], u(i, null, n, { kind: "accessor", name: "iconPlacement", static: !1, private: !1, access: { has: (b) => "iconPlacement" in b, get: (b) => b.iconPlacement, set: (b, d) => {
       b.iconPlacement = d;
-    } }, metadata: r }, a, l), r && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: r });
+    } }, metadata: r }, l, a), r && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: r });
   })(), i.styles = [_, P], i;
 })();
 export {

package/link/common/inline-link-common.d.ts

@@ -1,7 +1,8 @@
 import { SbbActionBaseElement } from '../../core/base-elements.js';
 import { AbstractConstructor } from '../../core/mixins.js';
-import { SbbLinkCommonElementMixinType } from './link-common.js';
-export declare class SbbInlineLinkCommonElementMixinType extends SbbLinkCommonElementMixinType {
+declare const SbbInlineLinkCommonElementMixinType_base: AbstractConstructor<import('./link-common.js').SbbLinkCommonElementMixinType> & typeof SbbActionBaseElement;
+export declare class SbbInlineLinkCommonElementMixinType extends SbbInlineLinkCommonElementMixinType_base {
 }
 export declare const SbbInlineLinkCommonElementMixin: <T extends AbstractConstructor<SbbActionBaseElement>>(superClass: T) => AbstractConstructor<SbbInlineLinkCommonElementMixinType> & T;
+export {};
 //# sourceMappingURL=inline-link-common.d.ts.map

package/link/common/inline-link-common.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"inline-link-common.d.ts","sourceRoot":"","sources":["../../../../src/elements/link/common/inline-link-common.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAEhE,OAAO,EAA6B,KAAK,6BAA6B,EAAE,MAAM,kBAAkB,CAAC;AAKjG,MAAM,CAAC,OAAO,OAAO,mCAAoC,SAAQ,6BAA6B;CAAG;AAGjG,eAAO,MAAM,+BAA+B,GAC1C,CAAC,SAAS,mBAAmB,CAAC,oBAAoB,CAAC,EAEnD,YAAY,CAAC,KACZ,mBAAmB,CAAC,mCAAmC,CAAC,GAAG,CAS7D,CAAC"}
+{"version":3,"file":"inline-link-common.d.ts","sourceRoot":"","sources":["../../../../src/elements/link/common/inline-link-common.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;;AAOhE,MAAM,CAAC,OAAO,OAAO,mCAAoC,SAAQ,wCAEhE;CAAG;AAGJ,eAAO,MAAM,+BAA+B,GAC1C,CAAC,SAAS,mBAAmB,CAAC,oBAAoB,CAAC,EAEnD,YAAY,CAAC,KACZ,mBAAmB,CAAC,mCAAmC,CAAC,GAAG,CAS7D,CAAC"}

package/link/common/inline-link-common.js

@@ -1,4 +1,4 @@
-import { S as t, s as e } from "../../link-common-DZrQ-32d.js";
+import { S as t, s as e } from "../../link-common-BBKGg9HN.js";
 import { css as n } from "lit";
 const l = n`:host{font-family:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;font-size:inherit;text-align:inherit;--sbb-link-color-hover: var(--sbb-color-red125);--sbb-link-color-active: var(--sbb-color-red150);--sbb-link-text-decoration-color: color-mix(in srgb, currentcolor 80%, white);--sbb-link-text-decoration-color-hover: currentcolor;--sbb-link-color-normal: inherit;color:inherit;display:inline-block}:host([negative]){--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-link-text-decoration-color: color-mix(in srgb, currentcolor 80%, black);--sbb-link-text-decoration-color-hover: currentcolor;--sbb-link-color-hover: var(--sbb-color-graphite);--sbb-link-color-active: var(--sbb-color-metal)}.sbb-action-base{font-family:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;font-size:inherit;text-align:inherit}`, b = (r) => {
   const o = class o extends t(r) {

package/link/common/link-common.d.ts

@@ -1,8 +1,10 @@
 import { SbbActionBaseElement } from '../../core/base-elements.js';
-import { SbbNegativeMixinType, AbstractConstructor } from '../../core/mixins.js';
+import { AbstractConstructor } from '../../core/mixins.js';
 export type SbbLinkSize = 'xs' | 's' | 'm';
-export declare class SbbLinkCommonElementMixinType extends SbbNegativeMixinType {
+declare const SbbLinkCommonElementMixinType_base: AbstractConstructor<import('../../core/mixins.js').SbbNegativeMixinType> & typeof SbbActionBaseElement;
+export declare class SbbLinkCommonElementMixinType extends SbbLinkCommonElementMixinType_base {
     accessor size: SbbLinkSize;
 }
 export declare const SbbLinkCommonElementMixin: <T extends AbstractConstructor<SbbActionBaseElement>>(superClass: T) => AbstractConstructor<SbbLinkCommonElementMixinType> & T;
+export {};
 //# sourceMappingURL=link-common.d.ts.map

package/link/common/link-common.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"link-common.d.ts","sourceRoot":"","sources":["../../../../src/elements/link/common/link-common.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAGxE,OAAO,EAEL,KAAK,oBAAoB,EACzB,KAAK,mBAAmB,EACzB,MAAM,sBAAsB,CAAC;AAI9B,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,CAAC;AAE3C,MAAM,CAAC,OAAO,OAAO,6BAA8B,SAAQ,oBAAoB;IAC7E,SAAgB,IAAI,EAAE,WAAW,CAAC;CACnC;AAGD,eAAO,MAAM,yBAAyB,GAAI,CAAC,SAAS,mBAAmB,CAAC,oBAAoB,CAAC,EAC3F,YAAY,CAAC,KACZ,mBAAmB,CAAC,6BAA6B,CAAC,GAAG,CAqBvD,CAAC"}
+{"version":3,"file":"link-common.d.ts","sourceRoot":"","sources":["../../../../src/elements/link/common/link-common.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAGxE,OAAO,EAAoB,KAAK,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAIlF,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,CAAC;;AAE3C,MAAM,CAAC,OAAO,OAAO,6BAA8B,SAAQ,kCAAsC;IAC/F,SAAgB,IAAI,EAAE,WAAW,CAAC;CACnC;AAGD,eAAO,MAAM,yBAAyB,GAAI,CAAC,SAAS,mBAAmB,CAAC,oBAAoB,CAAC,EAC3F,YAAY,CAAC,KACZ,mBAAmB,CAAC,6BAA6B,CAAC,GAAG,CAqBvD,CAAC"}

package/link/common/link-common.js

@@ -4,7 +4,7 @@ import "lit/static-html.js";
 import "../../core/decorators.js";
 import "../../core/dom.js";
 import "../../core/mixins.js";
-import { S as b } from "../../link-common-DZrQ-32d.js";
+import { S as b } from "../../link-common-BBKGg9HN.js";
 export {
   b as SbbLinkCommonElementMixin
 };

package/link/common.js

@@ -1,6 +1,6 @@
 import { SbbBlockLinkCommonElementMixin as m } from "./common/block-link-common.js";
 import { SbbInlineLinkCommonElementMixin as i } from "./common/inline-link-common.js";
-import { S as r } from "../link-common-DZrQ-32d.js";
+import { S as r } from "../link-common-BBKGg9HN.js";
 export {
   m as SbbBlockLinkCommonElementMixin,
   i as SbbInlineLinkCommonElementMixin,

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

@@ -4,6 +4,7 @@ declare const SbbLinkButtonElement_base: import('../../core/mixins.js').Abstract
  * It displays a link enhanced with the SBB Design, which will behave as a button.
  *
  * @slot - Use the unnamed slot to add content to the `sbb-link-button`.
+ * @overrideType value - string
  */
 export declare class SbbLinkButtonElement extends SbbLinkButtonElement_base {
 }

package/link/link-button/link-button.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"link-button.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/link/link-button/link-button.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;;AAInE;;;;GAIG;AACH,qBAEM,oBAAqB,SAAQ,yBAElC;CAAG;AAEJ,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,iBAAiB,EAAE,oBAAoB,CAAC;KACzC;CACF"}
+{"version":3,"file":"link-button.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/link/link-button/link-button.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;;AAInE;;;;;GAKG;AACH,qBAEM,oBAAqB,SAAQ,yBAElC;CAAG;AAEJ,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,iBAAiB,EAAE,oBAAoB,CAAC;KACzC;CACF"}

package/{link-common-DZrQ-32d.js → link-common-BBKGg9HN.js}

@@ -10,7 +10,7 @@ import { hostAttributes as g, slotState as T } from "./core/decorators.js";
 import { isLean as w } from "./core/dom.js";
 import { SbbNegativeMixin as E } from "./core/mixins.js";
 import { css as L } from "lit";
-const B = L`*,:before,:after{box-sizing:border-box}:host{outline:none!important}@media (forced-colors: active){:host([data-button]){--sbb-link-color-normal: ButtonText;--sbb-link-color-hover: ButtonText;--sbb-link-color-active: ButtonText}}.sbb-action-base{color:var(--sbb-link-color-normal);text-decoration-line:var(--sbb-link-text-decoration, underline);text-decoration-color:var(--sbb-link-text-decoration-color);text-decoration-thickness:.0625rem;text-underline-offset:.3125em;-webkit-user-select:none;user-select:none}@media (forced-colors: active){.sbb-action-base{text-decoration:underline}}.sbb-action-base{display:flex;align-items:center;width:100%;cursor:pointer;padding:var(--sbb-link-padding, 0);outline:none}:host(:is([disabled],:disabled,[disabled-interactive])) .sbb-action-base{pointer-events:none;cursor:default}@media (forced-colors: active){:host(:is([disabled],:disabled,[disabled-interactive])) .sbb-action-base{color:GrayText}}:host(:focus-visible) .sbb-action-base,.sbb-action-base:focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);border-radius:calc(var(--sbb-border-radius-4x) - var(--sbb-focus-outline-offset))}@media (any-hover: hover){:host(:hover:not([disabled],:disabled,[disabled-interactive])) .sbb-action-base{color:var(--sbb-link-color-hover);text-decoration-line:var(--sbb-link-hover-text-decoration, underline);text-decoration-color:var(--sbb-link-text-decoration-color-hover)}}:host(:is(:active,[data-active]):not([disabled],:disabled,[disabled-interactive])) .sbb-action-base{color:var(--sbb-link-color-active)}`, P = (e) => (() => {
+const B = L`*,:before,:after{box-sizing:border-box}:host{outline:none!important}@media (forced-colors: active){:host([data-button]){--sbb-link-color-normal: ButtonText;--sbb-link-color-hover: ButtonText;--sbb-link-color-active: ButtonText}}.sbb-action-base{color:var(--sbb-link-color-normal);text-decoration-line:var(--sbb-link-text-decoration-line, underline);text-decoration-color:var(--sbb-link-text-decoration-color);text-decoration-thickness:.0625rem;text-underline-offset:.3125em;-webkit-user-select:none;user-select:none}@media (forced-colors: active){.sbb-action-base{text-decoration:underline}}.sbb-action-base{display:flex;align-items:center;width:100%;cursor:pointer;padding:var(--sbb-link-padding, 0);outline:none}:host(:is([disabled],:disabled,[disabled-interactive])) .sbb-action-base{pointer-events:none;cursor:default}@media (forced-colors: active){:host(:is([disabled],:disabled,[disabled-interactive])) .sbb-action-base{color:GrayText}}:host(:focus-visible) .sbb-action-base,.sbb-action-base:focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);border-radius:calc(var(--sbb-border-radius-4x) - var(--sbb-focus-outline-offset))}@media (any-hover: hover){:host(:hover:not([disabled],:disabled,[disabled-interactive])) .sbb-action-base{color:var(--sbb-link-color-hover);text-decoration-line:var(--sbb-link-hover-text-decoration, underline);text-decoration-color:var(--sbb-link-text-decoration-color-hover)}}:host(:is(:active,[data-active]):not([disabled],:disabled,[disabled-interactive])) .sbb-action-base{color:var(--sbb-link-color-active)}`, P = (e) => (() => {
   var n, s;
   let o = [g({ "data-sbb-link": "" }), T()], r, c = [], i, d = E(e), u, m = [], v = [];
   return s = class extends d {

package/link-list/link-list-anchor/link-list-anchor.component.js

@@ -1,15 +1,15 @@
-import { __esDecorate as i, __runInitializers as b } from "tslib";
+import { __esDecorate as r, __runInitializers as b } from "tslib";
 import { customElement as n } from "lit/decorators.js";
 import { SbbLinkListBaseElement as c, linkListBaseStyle as d } from "../common.js";
 import { css as v } from "lit";
-const k = v`:host{--sbb-link-list-anchor-border-color: var(--sbb-color-cloud)}:host([negative]){--sbb-link-list-anchor-border-color: var(--sbb-color-granite)}::slotted([data-link]){--sbb-link-text-decoration: none;--sbb-link-hover-text-decoration: none;--sbb-link-padding: var(--sbb-spacing-fixed-1x) 0 var(--sbb-spacing-fixed-1x) var(--sbb-spacing-fixed-4x);--sbb-link-color-hover: var(--sbb-color-charcoal);--sbb-link-color-active: var(--sbb-color-granite);border-inline-start:var(--sbb-border-width-1x) solid var(--sbb-link-list-anchor-border-color)}:host([negative]) ::slotted([data-link]){--sbb-link-color-normal: var(--sbb-color-smoke);--sbb-link-color-hover: var(--sbb-color-milk);--sbb-link-color-active: var(--sbb-color-smoke)}::slotted([data-link]:is(:active,[data-active]):not([disabled],:disabled)){--sbb-link-list-anchor-border-color: var(--sbb-color-iron)}:host([negative]) ::slotted([data-link]:is(:active,[data-active]):not([disabled],:disabled)){--sbb-link-list-anchor-border-color: var(--sbb-color-silver)}::slotted([data-link]:hover:not([disabled],:disabled)){--sbb-link-list-anchor-border-color: var(--sbb-color-charcoal)}:host([negative]) ::slotted([data-link]:hover:not([disabled],:disabled)){--sbb-link-list-anchor-border-color: var(--sbb-color-milk)}.sbb-link-list-anchor{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;flex-flow:column}.sbb-link-list-anchor>li{margin-inline-start:var(--sbb-spacing-fixed-4x)}`;
+const k = v`:host{--sbb-link-list-anchor-border-color: var(--sbb-color-cloud)}:host([negative]){--sbb-link-list-anchor-border-color: var(--sbb-color-granite)}::slotted([data-link]){--sbb-link-text-decoration-line: none;--sbb-link-hover-text-decoration: none;--sbb-link-padding: var(--sbb-spacing-fixed-1x) 0 var(--sbb-spacing-fixed-1x) var(--sbb-spacing-fixed-4x);--sbb-link-color-hover: var(--sbb-color-charcoal);--sbb-link-color-active: var(--sbb-color-granite);border-inline-start:var(--sbb-border-width-1x) solid var(--sbb-link-list-anchor-border-color)}:host([negative]) ::slotted([data-link]){--sbb-link-color-normal: var(--sbb-color-smoke);--sbb-link-color-hover: var(--sbb-color-milk);--sbb-link-color-active: var(--sbb-color-smoke)}::slotted([data-link]:is(:active,[data-active]):not([disabled],:disabled)){--sbb-link-list-anchor-border-color: var(--sbb-color-iron)}:host([negative]) ::slotted([data-link]:is(:active,[data-active]):not([disabled],:disabled)){--sbb-link-list-anchor-border-color: var(--sbb-color-silver)}::slotted([data-link]:hover:not([disabled],:disabled)){--sbb-link-list-anchor-border-color: var(--sbb-color-charcoal)}:host([negative]) ::slotted([data-link]:hover:not([disabled],:disabled)){--sbb-link-list-anchor-border-color: var(--sbb-color-milk)}.sbb-link-list-anchor{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;flex-flow:column}.sbb-link-list-anchor>li{margin-inline-start:var(--sbb-spacing-fixed-4x)}`;
 let p = (() => {
   var l;
-  let r = [n("sbb-link-list-anchor")], a, e = [], o, s = c;
+  let i = [n("sbb-link-list-anchor")], a, e = [], o, s = c;
   return l = class extends s {
   }, o = l, (() => {
     const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(s[Symbol.metadata] ?? null) : void 0;
-    i(null, a = { value: o }, r, { kind: "class", name: o.name, metadata: t }, null, e), o = a.value, t && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
+    r(null, a = { value: o }, i, { kind: "class", name: o.name, metadata: t }, null, e), o = a.value, t && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
   })(), l.styles = [d, k], b(o, e), o;
 })();
 export {

package/link.js

@@ -6,7 +6,7 @@ import { SbbLinkButtonElement as x } from "./link/link-button/link-button.compon
 import { SbbLinkStaticElement as f } from "./link/link-static/link-static.component.js";
 import { SbbBlockLinkCommonElementMixin as E } from "./link/common/block-link-common.js";
 import { SbbInlineLinkCommonElementMixin as c } from "./link/common/inline-link-common.js";
-import { S as a } from "./link-common-DZrQ-32d.js";
+import { S as a } from "./link-common-BBKGg9HN.js";
 export {
   m as SbbBlockLinkButtonElement,
   E as SbbBlockLinkCommonElementMixin,