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

package/_index.scss

@@ -1,2 +1,2 @@
 @forward 'core/styles' hide development-style, link-base, link-focus-visible, link-hover,
-  link-active, link-consolidation, base-marker-list;
+  link-active, link-consolidation;

package/action-group/action-group.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"action-group.component.d.ts","sourceRoot":"","sources":["../../../src/elements/action-group/action-group.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;AAGvC,OAAO,KAAK,EAA0B,aAAa,EAAE,MAAM,cAAc,CAAC;AAE1E,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC/E,OAAO,KAAK,EAIV,WAAW,EACZ,MAAM,YAAY,CAAC;AAIpB;;;;GAIG;AACH,qBAEM,qBAAsB,SAAQ,UAAU;IAC5C,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD;;OAEG;IACH,SACgB,UAAU,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,KAAK,CAAW;IAE7E;;OAEG;IACH,SACgB,cAAc,EAAE,iBAAiB,CAAY;IAE7D;;OAEG;IACH,SACgB,WAAW,EAAE,cAAc,CAAgB;IAE3D;;;;OAIG;IACH,SACgB,UAAU,EAAE,aAAa,CAAwB;IAEjE;;;;OAIG;IACH,SACgB,QAAQ,EAAE,WAAW,CAAyB;cAE3C,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAW5E,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,UAAU;cAQC,MAAM,IAAI,cAAc;CAO5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,kBAAkB,EAAE,qBAAqB,CAAC;KAC3C;CACF"}
+{"version":3,"file":"action-group.component.d.ts","sourceRoot":"","sources":["../../../src/elements/action-group/action-group.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;AAGvC,OAAO,KAAK,EAAmC,aAAa,EAAE,MAAM,cAAc,CAAC;AAEnF,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC/E,OAAO,KAAK,EAIV,WAAW,EACZ,MAAM,YAAY,CAAC;AAIpB;;;;GAIG;AACH,qBAEM,qBAAsB,SAAQ,UAAU;IAC5C,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD;;OAEG;IACH,SACgB,UAAU,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,KAAK,CAAW;IAE7E;;OAEG;IACH,SACgB,cAAc,EAAE,iBAAiB,CAAY;IAE7D;;OAEG;IACH,SACgB,WAAW,EAAE,cAAc,CAAgB;IAE3D;;;;OAIG;IACH,SACgB,UAAU,EAAE,aAAa,CAAwB;IAEjE;;;;OAIG;IACH,SACgB,QAAQ,EAAE,WAAW,CAAyB;cAE3C,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAW5E,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,UAAU;cAQC,MAAM,IAAI,cAAc;CAO5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,kBAAkB,EAAE,qBAAqB,CAAC;KAC3C;CACF"}

package/alert/alert/alert.component.d.ts

@@ -1,7 +1,7 @@
 import { CSSResultGroup, PropertyValues, TemplateResult } from 'lit';
 import { SbbOpenCloseBaseElement } from '../../core/base-elements.js';
 import { SbbTitleLevel } from '../../title.js';
-declare const SbbAlertElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../icon.js').SbbIconNameMixinType> & typeof SbbOpenCloseBaseElement;
+declare const SbbAlertElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../icon.js').SbbIconNameMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbReadonlyMixinType> & typeof SbbOpenCloseBaseElement;
 /**
  * It displays messages which require user's attention.
  *
@@ -21,11 +21,6 @@ export declare class SbbAlertElement extends SbbAlertElement_base {
         readonly willClose: "willClose";
         readonly didClose: "didClose";
     };
-    /**
-     * Whether the alert is readonly.
-     * In readonly mode, there is no dismiss button offered to the user.
-     */
-    accessor readonly: boolean;
     /**
      * You can choose between `s`, `m` or `l` size.
      * @default 'm' / 's' (lean)
@@ -48,7 +43,7 @@ export declare class SbbAlertElement extends SbbAlertElement_base {
     open(): void;
     /** Close the alert. */
     close(): void;
-    protected firstUpdated(changedProperties: PropertyValues<this>): Promise<void>;
+    protected firstUpdated(changedProperties: PropertyValues<this>): void;
     private _isZeroAnimationDuration;
     private _onAnimationEnd;
     private _handleOpening;

package/alert/alert/alert.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"alert.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/alert/alert/alert.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAiB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGnG,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAMtE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAIpD,OAAO,oCAAoC,CAAC;AAC5C,OAAO,kBAAkB,CAAC;AAC1B,OAAO,gBAAgB,CAAC;;AAExB;;;;;;;;;;GAUG;AACH,qBAEM,eAAgB,SAAQ,oBAAyC;IACrE,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAgC,MAAM;;;;;MAK3B;IAEX;;;OAGG;IACH,SAEgB,QAAQ,EAAE,OAAO,CAAS;IAE1C;;;OAGG;IACH,SAA6C,IAAI,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAwB;IAE1F;;;;OAIG;IACH,SAEyB,QAAQ,EAAE,MAAM,CAAU;IAEnD,wBAAwB;IACxB,SAEgB,YAAY,EAAE,MAAM,CAAM;IAE1C,sFAAsF;IACtF,SAAwD,UAAU,EAAE,aAAa,CAAO;IAExF,8BAA8B;IAC9B,SAA6C,SAAS,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,MAAM,CAAS;IAElG,OAAO,CAAC,SAAS,CAAmC;IAEpD,sBAAsB;IACf,IAAI,IAAI,IAAI;IAWnB,uBAAuB;IAChB,KAAK,IAAI,IAAI;cAYK,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC;IAM7F,OAAO,CAAC,wBAAwB;IAIhC,OAAO,CAAC,eAAe;IAQvB,OAAO,CAAC,cAAc;IAKtB,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,UAAU;cAMC,MAAM,IAAI,cAAc;CA0C5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,WAAW,EAAE,eAAe,CAAC;KAC9B;CACF"}
+{"version":3,"file":"alert.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/alert/alert/alert.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAiB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGnG,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAOtE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAIpD,OAAO,oCAAoC,CAAC;AAC5C,OAAO,kBAAkB,CAAC;AAC1B,OAAO,gBAAgB,CAAC;;AAExB;;;;;;;;;;GAUG;AACH,qBAEM,eAAgB,SAAQ,oBAA2D;IACvF,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAgC,MAAM;;;;;MAK3B;IAEX;;;OAGG;IACH,SAA6C,IAAI,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAwB;IAE1F;;;;OAIG;IACH,SAEyB,QAAQ,EAAE,MAAM,CAAU;IAEnD,wBAAwB;IACxB,SAEgB,YAAY,EAAE,MAAM,CAAM;IAE1C,sFAAsF;IACtF,SAAwD,UAAU,EAAE,aAAa,CAAO;IAExF,8BAA8B;IAC9B,SAA6C,SAAS,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,MAAM,CAAS;IAElG,OAAO,CAAC,SAAS,CAAmC;IAEpD,sBAAsB;IACf,IAAI,IAAI,IAAI;IAWnB,uBAAuB;IAChB,KAAK,IAAI,IAAI;cAYD,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAM9E,OAAO,CAAC,wBAAwB;IAIhC,OAAO,CAAC,eAAe;IAQvB,OAAO,CAAC,cAAc;IAKtB,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,UAAU;cAMC,MAAM,IAAI,cAAc;CA0C5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,WAAW,EAAE,eAAe,CAAC;KAC9B;CACF"}

package/alert/alert/alert.component.js

@@ -1,54 +1,44 @@
-var q = (i) => {
+var T = (i) => {
   throw TypeError(i);
 };
-var M = (i, a, n) => a.has(i) || q("Cannot " + n);
-var c = (i, a, n) => (M(i, a, "read from private field"), n ? n.call(i) : a.get(i)), d = (i, a, n) => a.has(i) ? q("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(i) : a.set(i, n), r = (i, a, n, b) => (M(i, a, "write to private field"), b ? b.call(i, n) : a.set(i, n), n);
-import { __runInitializers as o, __esDecorate as m } from "tslib";
-import { css as F, nothing as G, html as P } from "lit";
-import { customElement as H, property as f } from "lit/decorators.js";
-import { SbbOpenCloseBaseElement as J } from "../../core/base-elements.js";
-import { SbbLanguageController as K } from "../../core/controllers.js";
-import { forceType as y } from "../../core/decorators.js";
-import { isLean as Q, isZeroAnimationDuration as R } from "../../core/dom.js";
-import { i18nCloseAlert as V } from "../../core/i18n.js";
-import { SbbIconNameMixin as W } from "../../icon.js";
+var Z = (i, a, s) => a.has(i) || T("Cannot " + s);
+var _ = (i, a, s) => (Z(i, a, "read from private field"), s ? s.call(i) : a.get(i)), g = (i, a, s) => a.has(i) ? T("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(i) : a.set(i, s), r = (i, a, s, l) => (Z(i, a, "write to private field"), l ? l.call(i, s) : a.set(i, s), s);
+import { __runInitializers as o, __esDecorate as u } from "tslib";
+import { css as U, nothing as q, html as j } from "lit";
+import { customElement as B, property as v } from "lit/decorators.js";
+import { SbbOpenCloseBaseElement as P } from "../../core/base-elements.js";
+import { SbbLanguageController as R } from "../../core/controllers.js";
+import { forceType as M } from "../../core/decorators.js";
+import { isLean as F, isZeroAnimationDuration as G } from "../../core/dom.js";
+import { i18nCloseAlert as H } from "../../core/i18n.js";
+import { SbbReadonlyMixin as J } from "../../core/mixins.js";
+import { SbbIconNameMixin as K } from "../../icon.js";
 import "../../button/transparent-button.js";
 import "../../divider.js";
 import "../../title.js";
-const X = F`*,:before,:after{box-sizing:border-box}:host{display:block;--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-alert-background-color: var(--sbb-color-midnight);--sbb-alert-border-radius: var(--sbb-border-radius-4x);--sbb-alert-color: var(--sbb-color-aluminium);--sbb-alert-padding: var(--sbb-spacing-responsive-xxs) var(--sbb-spacing-responsive-xs);--sbb-alert-icon-size: 1.25rem;--sbb-alert-close-icon-size: var(--sbb-size-icon-ui-small);--sbb-alert-close-icon-margin: var(--sbb-spacing-responsive-xxs);--sbb-alert-gap: var(--sbb-spacing-fixed-2x) var(--sbb-spacing-responsive-xs);--sbb-alert-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-6x) );--sbb-alert-timing-function: ease-in}@media (min-width: 52.5rem){:host{--sbb-alert-icon-size: 1.75rem}}@media (forced-colors: active){:host{outline:var(--sbb-border-width-1x) solid CanvasText;border-radius:var(--sbb-alert-border-radius)}}:host([data-state=opening]:not([animation=open],[animation=all])){--sbb-disable-animation-duration: 0s}:host([data-state=closing]:not([animation=close],[animation=all])){--sbb-disable-animation-duration: 0s}:host([size=s]){--sbb-alert-gap: var(--sbb-spacing-fixed-1x) var(--sbb-spacing-responsive-xxs);--sbb-alert-close-icon-margin: var(--sbb-spacing-responsive-xxxs)}:host([size=l]){--sbb-alert-icon-size: var(--sbb-size-icon-ui-small)}@media (min-width: 52.5rem){:host([size=l]){--sbb-alert-icon-size: 2.125rem}}.sbb-alert__transition-wrapper{display:grid;grid-template-rows:0fr;opacity:0}:host(:is([data-state=opened],[data-state=closing])) .sbb-alert__transition-wrapper{grid-template-rows:1fr;opacity:1}:host([data-state=opening]) .sbb-alert__transition-wrapper{animation-name:open,open-opacity;animation-fill-mode:forwards;animation-duration:var(--sbb-alert-animation-duration);animation-timing-function:var(--sbb-alert-timing-function);animation-delay:0s,var(--sbb-alert-animation-duration)}:host([data-state=closing]) .sbb-alert__transition-wrapper{animation-name:close-opacity,close;animation-fill-mode:forwards;animation-duration:var(--sbb-alert-animation-duration);animation-timing-function:var(--sbb-alert-timing-function);animation-delay:0s,var(--sbb-disable-animation-duration, var(--sbb-animation-duration-2x))}.sbb-alert__transition-sub-wrapper{overflow:hidden}.sbb-alert{--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);display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--sbb-alert-gap);min-width:fit-content;padding:var(--sbb-alert-padding);overflow:hidden;color:var(--sbb-alert-color);background-color:var(--sbb-alert-background-color);border-radius:var(--sbb-alert-border-radius)}@media (min-width: 37.5rem){.sbb-alert{grid-template-columns:auto 1fr auto;align-items:flex-start}}.sbb-alert__icon{display:flex;align-items:start;padding-block:var(--sbb-spacing-fixed-1x);min-width:var(--sbb-alert-icon-size);--sbb-icon-svg-width: var(--sbb-alert-icon-size);--sbb-icon-svg-height: var(--sbb-alert-icon-size)}.sbb-alert__content{order:3;grid-column:1/3}@media (min-width: 37.5rem){.sbb-alert__content{order:initial;grid-column-start:initial;grid-column-end:initial}}.sbb-alert__content-slot{display:inline;margin:0;padding:0}.sbb-alert__title{margin:0}.sbb-alert__close-button-wrapper{display:flex;justify-content:flex-end;align-items:center;height:100%}@media (min-width: 37.5rem){.sbb-alert__close-button{margin-inline-start:var(--sbb-alert-close-icon-margin)}}.sbb-alert__close-button-divider{display:none}@media (min-width: 37.5rem){.sbb-alert__close-button-divider{display:block;height:calc(100% - var(--sbb-spacing-fixed-1x) * 2)}}@keyframes open{0%{grid-template-rows:0fr}to{grid-template-rows:1fr}}@keyframes open-opacity{0%{opacity:0}to{opacity:1}}@keyframes close{0%{grid-template-rows:1fr}to{grid-template-rows:0fr}}@keyframes close-opacity{0%{opacity:1}to{opacity:0}}`;
-let pt = (() => {
-  var p, h, _, g, u, v, s;
-  let i = [H("sbb-alert")], a, n = [], b, z = W(J), x, w = [], C = [], k, L = [], N = [], O, A = [], S = [], I, $ = [], D = [], E, T = [], Z = [], j, B = [], U = [];
-  return s = class extends z {
+const Q = U`*,:before,:after{box-sizing:border-box}:host{display:block;--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-alert-background-color: var(--sbb-color-midnight);--sbb-alert-border-radius: var(--sbb-border-radius-4x);--sbb-alert-color: var(--sbb-color-aluminium);--sbb-alert-padding: var(--sbb-spacing-responsive-xxs) var(--sbb-spacing-responsive-xs);--sbb-alert-icon-size: 1.25rem;--sbb-alert-close-icon-size: var(--sbb-size-icon-ui-small);--sbb-alert-close-icon-margin: var(--sbb-spacing-responsive-xxs);--sbb-alert-gap: var(--sbb-spacing-fixed-2x) var(--sbb-spacing-responsive-xs);--sbb-alert-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-6x) );--sbb-alert-timing-function: ease-in}@media (min-width: 52.5rem){:host{--sbb-alert-icon-size: 1.75rem}}@media (forced-colors: active){:host{outline:var(--sbb-border-width-1x) solid CanvasText;border-radius:var(--sbb-alert-border-radius)}}:host([data-state=opening]:not([animation=open],[animation=all])){--sbb-disable-animation-duration: 0s}:host([data-state=closing]:not([animation=close],[animation=all])){--sbb-disable-animation-duration: 0s}:host([size=s]){--sbb-alert-gap: var(--sbb-spacing-fixed-1x) var(--sbb-spacing-responsive-xxs);--sbb-alert-close-icon-margin: var(--sbb-spacing-responsive-xxxs)}:host([size=l]){--sbb-alert-icon-size: var(--sbb-size-icon-ui-small)}@media (min-width: 52.5rem){:host([size=l]){--sbb-alert-icon-size: 2.125rem}}.sbb-alert__transition-wrapper{display:grid;grid-template-rows:0fr;opacity:0}:host(:is([data-state=opened],[data-state=closing])) .sbb-alert__transition-wrapper{grid-template-rows:1fr;opacity:1}:host([data-state=opening]) .sbb-alert__transition-wrapper{animation-name:open,open-opacity;animation-fill-mode:forwards;animation-duration:var(--sbb-alert-animation-duration);animation-timing-function:var(--sbb-alert-timing-function);animation-delay:0s,var(--sbb-alert-animation-duration)}:host([data-state=closing]) .sbb-alert__transition-wrapper{animation-name:close-opacity,close;animation-fill-mode:forwards;animation-duration:var(--sbb-alert-animation-duration);animation-timing-function:var(--sbb-alert-timing-function);animation-delay:0s,var(--sbb-disable-animation-duration, var(--sbb-animation-duration-2x))}.sbb-alert__transition-sub-wrapper{overflow:hidden}.sbb-alert{--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);display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--sbb-alert-gap);min-width:fit-content;padding:var(--sbb-alert-padding);overflow:hidden;color:var(--sbb-alert-color);background-color:var(--sbb-alert-background-color);border-radius:var(--sbb-alert-border-radius)}@media (min-width: 37.5rem){.sbb-alert{grid-template-columns:auto 1fr auto;align-items:flex-start}}.sbb-alert__icon{display:flex;align-items:start;padding-block:var(--sbb-spacing-fixed-1x);min-width:var(--sbb-alert-icon-size);--sbb-icon-svg-width: var(--sbb-alert-icon-size);--sbb-icon-svg-height: var(--sbb-alert-icon-size)}.sbb-alert__content{order:3;grid-column:1/3}@media (min-width: 37.5rem){.sbb-alert__content{order:initial;grid-column-start:initial;grid-column-end:initial}}.sbb-alert__content-slot{display:inline;margin:0;padding:0}.sbb-alert__title{margin:0}.sbb-alert__close-button-wrapper{display:flex;justify-content:flex-end;align-items:center;height:100%}@media (min-width: 37.5rem){.sbb-alert__close-button{margin-inline-start:var(--sbb-alert-close-icon-margin)}}.sbb-alert__close-button-divider{display:none}@media (min-width: 37.5rem){.sbb-alert__close-button-divider{display:block;height:calc(100% - var(--sbb-spacing-fixed-1x) * 2)}}@keyframes open{0%{grid-template-rows:0fr}to{grid-template-rows:1fr}}@keyframes open-opacity{0%{opacity:0}to{opacity:1}}@keyframes close{0%{grid-template-rows:1fr}to{grid-template-rows:0fr}}@keyframes close-opacity{0%{opacity:1}to{opacity:0}}`;
+let mt = (() => {
+  var c, m, d, p, h, n;
+  let i = [B("sbb-alert")], a, s = [], l, f = K(J(P)), y, x = [], z = [], w, C = [], k = [], L, N = [], O = [], S, A = [], $ = [], I, D = [], E = [];
+  return n = class extends f {
     constructor() {
       super(...arguments);
-      d(this, p);
-      d(this, h);
-      d(this, _);
-      d(this, g);
-      d(this, u);
-      d(this, v);
-      r(this, p, o(this, w, !1)), r(this, h, (o(this, C), o(this, L, Q() ? "s" : "m"))), r(this, _, (o(this, N), o(this, A, "info"))), r(this, g, (o(this, S), o(this, $, ""))), r(this, u, (o(this, D), o(this, T, "3"))), r(this, v, (o(this, Z), o(this, B, "all"))), this._language = (o(this, U), new K(this));
-    }
-    /**
-     * Whether the alert is readonly.
-     * In readonly mode, there is no dismiss button offered to the user.
-     */
-    get readonly() {
-      return c(this, p);
-    }
-    set readonly(e) {
-      r(this, p, e);
+      g(this, c);
+      g(this, m);
+      g(this, d);
+      g(this, p);
+      g(this, h);
+      r(this, c, o(this, x, F() ? "s" : "m")), r(this, m, (o(this, z), o(this, C, "info"))), r(this, d, (o(this, k), o(this, N, ""))), r(this, p, (o(this, O), o(this, A, "3"))), r(this, h, (o(this, $), o(this, D, "all"))), this._language = (o(this, E), new R(this));
     }
     /**
      * You can choose between `s`, `m` or `l` size.
      * @default 'm' / 's' (lean)
      */
     get size() {
-      return c(this, h);
+      return _(this, c);
     }
     set size(e) {
-      r(this, h, e);
+      r(this, c, e);
     }
     /**
      * Name of the icon which will be forward to the nested `sbb-icon`.
@@ -56,31 +46,31 @@ let pt = (() => {
      * Styling is optimized for icons of type HIM-CUS.
      */
     get iconName() {
-      return c(this, _);
+      return _(this, m);
     }
     set iconName(e) {
-      r(this, _, e);
+      r(this, m, e);
     }
     /** Content of title. */
     get titleContent() {
-      return c(this, g);
+      return _(this, d);
     }
     set titleContent(e) {
-      r(this, g, e);
+      r(this, d, e);
     }
     /** Level of title, will be rendered as heading tag (e.g. h3). Defaults to level 3. */
     get titleLevel() {
-      return c(this, u);
+      return _(this, p);
     }
     set titleLevel(e) {
-      r(this, u, e);
+      r(this, p, e);
     }
     /** The enabled animations. */
     get animation() {
-      return c(this, v);
+      return _(this, h);
     }
     set animation(e) {
-      r(this, v, e);
+      r(this, h, e);
     }
     /** Open the alert. */
     open() {
@@ -90,11 +80,11 @@ let pt = (() => {
     close() {
       this.state === "opened" && this.willClose.emit() && (this.state = "closing", this._isZeroAnimationDuration() && this._handleClosing());
     }
-    async firstUpdated(e) {
+    firstUpdated(e) {
       super.firstUpdated(e), this.open();
     }
     _isZeroAnimationDuration() {
-      return R(this, "--sbb-alert-animation-duration");
+      return G(this, "--sbb-alert-animation-duration");
     }
     _onAnimationEnd(e) {
       this.state === "opening" && e.animationName === "open-opacity" ? this._handleOpening() : this.state === "closing" && e.animationName === "close" && this._handleClosing();
@@ -110,7 +100,7 @@ let pt = (() => {
       Array.from(((e = this.querySelectorAll) == null ? void 0 : e.call(this, "sbb-link")) ?? []).forEach((t) => t.toggleAttribute("negative", !0));
     }
     render() {
-      return P`
+      return j`
       <div class="sbb-alert__transition-wrapper" @animationend=${this._onAnimationEnd}>
         <!-- sub wrapper needed to properly support fade in animation -->
         <div class="sbb-alert__transition-sub-wrapper">
@@ -129,7 +119,7 @@ let pt = (() => {
                 <slot @slotchange=${this._syncLinks}></slot>
               </p>
             </span>
-            ${this.readonly ? G : P`<span class="sbb-alert__close-button-wrapper">
+            ${this.readOnly ? q : j`<span class="sbb-alert__close-button-wrapper">
                   <sbb-divider
                     orientation="vertical"
                     negative
@@ -140,7 +130,7 @@ let pt = (() => {
                     size=${this.size === "l" ? "m" : this.size}
                     icon-name="cross-small"
                     @click=${() => this.close()}
-                    aria-label=${V[this._language.current]}
+                    aria-label=${H[this._language.current]}
                     class="sbb-alert__close-button"
                   ></sbb-transparent-button>
                 </span>`}
@@ -149,28 +139,26 @@ let pt = (() => {
       </div>
     `;
     }
-  }, p = new WeakMap(), h = new WeakMap(), _ = new WeakMap(), g = new WeakMap(), u = new WeakMap(), v = new WeakMap(), b = s, (() => {
-    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(z[Symbol.metadata] ?? null) : void 0;
-    x = [y(), f({ reflect: !0, type: Boolean })], k = [f({ reflect: !0 })], O = [y(), f({ attribute: "icon-name" })], I = [y(), f({ attribute: "title-content" })], E = [f({ attribute: "title-level" })], j = [f({ reflect: !0 })], m(s, null, x, { kind: "accessor", name: "readonly", static: !1, private: !1, access: { has: (t) => "readonly" in t, get: (t) => t.readonly, set: (t, l) => {
-      t.readonly = l;
-    } }, metadata: e }, w, C), m(s, null, k, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (t) => "size" in t, get: (t) => t.size, set: (t, l) => {
-      t.size = l;
-    } }, metadata: e }, L, N), m(s, null, O, { kind: "accessor", name: "iconName", static: !1, private: !1, access: { has: (t) => "iconName" in t, get: (t) => t.iconName, set: (t, l) => {
-      t.iconName = l;
-    } }, metadata: e }, A, S), m(s, null, I, { kind: "accessor", name: "titleContent", static: !1, private: !1, access: { has: (t) => "titleContent" in t, get: (t) => t.titleContent, set: (t, l) => {
-      t.titleContent = l;
-    } }, metadata: e }, $, D), m(s, null, E, { kind: "accessor", name: "titleLevel", static: !1, private: !1, access: { has: (t) => "titleLevel" in t, get: (t) => t.titleLevel, set: (t, l) => {
-      t.titleLevel = l;
-    } }, metadata: e }, T, Z), m(s, null, j, { kind: "accessor", name: "animation", static: !1, private: !1, access: { has: (t) => "animation" in t, get: (t) => t.animation, set: (t, l) => {
-      t.animation = l;
-    } }, metadata: e }, B, U), m(null, a = { value: b }, i, { kind: "class", name: b.name, metadata: e }, null, n), b = a.value, e && Object.defineProperty(b, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
-  })(), s.styles = X, s.events = {
+  }, c = new WeakMap(), m = new WeakMap(), d = new WeakMap(), p = new WeakMap(), h = new WeakMap(), l = n, (() => {
+    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(f[Symbol.metadata] ?? null) : void 0;
+    y = [v({ reflect: !0 })], w = [M(), v({ attribute: "icon-name" })], L = [M(), v({ attribute: "title-content" })], S = [v({ attribute: "title-level" })], I = [v({ reflect: !0 })], u(n, null, y, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (t) => "size" in t, get: (t) => t.size, set: (t, b) => {
+      t.size = b;
+    } }, metadata: e }, x, z), u(n, null, w, { kind: "accessor", name: "iconName", static: !1, private: !1, access: { has: (t) => "iconName" in t, get: (t) => t.iconName, set: (t, b) => {
+      t.iconName = b;
+    } }, metadata: e }, C, k), u(n, null, L, { kind: "accessor", name: "titleContent", static: !1, private: !1, access: { has: (t) => "titleContent" in t, get: (t) => t.titleContent, set: (t, b) => {
+      t.titleContent = b;
+    } }, metadata: e }, N, O), u(n, null, S, { kind: "accessor", name: "titleLevel", static: !1, private: !1, access: { has: (t) => "titleLevel" in t, get: (t) => t.titleLevel, set: (t, b) => {
+      t.titleLevel = b;
+    } }, metadata: e }, A, $), u(n, null, I, { kind: "accessor", name: "animation", static: !1, private: !1, access: { has: (t) => "animation" in t, get: (t) => t.animation, set: (t, b) => {
+      t.animation = b;
+    } }, metadata: e }, D, E), u(null, a = { value: l }, i, { kind: "class", name: l.name, metadata: e }, null, s), l = a.value, e && Object.defineProperty(l, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
+  })(), n.styles = Q, n.events = {
     willOpen: "willOpen",
     didOpen: "didOpen",
     willClose: "willClose",
     didClose: "didClose"
-  }, o(b, n), b;
+  }, o(l, s), l;
 })();
 export {
-  pt as SbbAlertElement
+  mt as SbbAlertElement
 };

package/autocomplete/autocomplete-base-element.d.ts

@@ -1,52 +1,54 @@
 import { CSSResultGroup, PropertyDeclaration, PropertyValues, TemplateResult } from 'lit';
 import { SbbOpenCloseBaseElement } from '../core/base-elements.js';
-import { SbbConnectedAbortController } from '../core/controllers.js';
 import { SbbOptionBaseElement } from '../option.js';
-/**
- * Custom event emitted on the input when an option is selected
- */
-export declare const inputAutocompleteEvent = "inputAutocomplete";
 declare const SbbAutocompleteBaseElement_base: import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbNegativeMixinType> & import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbHydrationMixinType> & typeof SbbOpenCloseBaseElement;
-export declare abstract class SbbAutocompleteBaseElement extends SbbAutocompleteBaseElement_base {
+export declare abstract class SbbAutocompleteBaseElement<T = string> extends SbbAutocompleteBaseElement_base {
     static styles: CSSResultGroup;
     /**
-     * The element where the autocomplete will attach; accepts both an element's id or an HTMLElement.
+     * The element where the autocomplete will attach.
      * If not set, as fallback there are two elements which can act as origin with following priority order:
      * 1. `sbb-form-field` if it is an ancestor.
      * 2. trigger element if set.
+     *
+     * For attribute usage, provide an id reference.
      */
-    accessor origin: string | HTMLElement | null;
+    accessor origin: HTMLElement | null;
     /**
-     * The input element that will trigger the autocomplete opening; accepts both an element's id or an HTMLElement.
+     * The input element that will trigger the autocomplete opening.
      * By default, the autocomplete will open on focus, click, input or `ArrowDown` keypress of the 'trigger' element.
      * If not set, will search for the first 'input' child of a 'sbb-form-field' ancestor.
+     *
+     * For attribute usage, provide an id reference.
      */
-    accessor trigger: string | HTMLInputElement | null;
+    accessor trigger: HTMLInputElement | null;
     /** Whether the icon space is preserved when no icon is set. */
     accessor preserveIconSpace: boolean;
     /** Whether the first option is automatically activated when the autocomplete is opened. */
     accessor autoActiveFirstOption: boolean;
+    /** Function that maps an option's control value to its display value in the trigger. */
+    accessor displayWith: ((value: T) => string) | null;
+    /**
+     * Size variant, either m or s.
+     * @default 'm' / 's' (lean)
+     */
+    accessor size: 'm' | 's';
     /** Returns the element where autocomplete overlay is attached to. */
     get originElement(): HTMLElement | null;
     /** Returns the trigger element. */
-    get triggerElement(): HTMLInputElement | null | undefined;
-    private _triggerElement;
+    get triggerElement(): HTMLInputElement | null;
+    private _triggerElement?;
     protected abstract overlayId: string;
     protected abstract panelRole: string;
-    /** @deprecated No longer used internally. */
-    protected abort: SbbConnectedAbortController;
     private _originResizeObserver;
     /** Listens to the changes on the `disabled` or `readonly` attribute of the trigger. */
     private _triggerAttributeObserver;
     private _overlay;
     private _optionContainer;
     private _triggerAbortController;
-    private _triggerIdReferenceController;
-    private _originIdReferenceController;
     private _openPanelEventsController;
     private _isPointerDownEventOnMenu;
     private _escapableOverlayController;
-    protected abstract get options(): SbbOptionBaseElement[];
+    protected abstract get options(): SbbOptionBaseElement<T>[];
     protected abstract syncNegative(): void;
     protected abstract setTriggerAttributes(element: HTMLInputElement): void;
     protected abstract openedPanelKeyboardInteraction(event: KeyboardEvent): void;
@@ -91,5 +93,12 @@ export declare abstract class SbbAutocompleteBaseElement extends SbbAutocomplete
     private _highlightOptions;
     protected render(): TemplateResult;
 }
+declare global {
+    interface HTMLElementEventMap {
+        inputAutocomplete: CustomEvent<{
+            option: SbbOptionBaseElement<any>;
+        }>;
+    }
+}
 export {};
 //# sourceMappingURL=autocomplete-base-element.d.ts.map

package/autocomplete/autocomplete-base-element.d.ts.map

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