@sbb-esta/lyne-elements 3.0.0 → 3.1.0

package/header/header-environment/header-environment.component.js

@@ -0,0 +1,37 @@
+import { __esDecorate as i, __runInitializers as b } from "tslib";
+import { MutationController as l } from "@lit-labs/observers/mutation-controller.js";
+import { css as c, LitElement as d, html as v } from "lit";
+import { customElement as m } from "lit/decorators.js";
+import { SbbElementInternalsMixin as h } from "../../core/mixins.js";
+const u = c`*,:before,:after{box-sizing:border-box}:host{--sbb-header-environment-background-color: var(--sbb-color-granite);--sbb-header-environment-color: var(--sbb-color-white);--sbb-header-environment-size: 2.375rem;--sbb-header-environment-rotate: 45deg;position:absolute;inset-inline-end:0;inset-block-start:0;display:flex;align-items:center;justify-content:center}:host(:dir(rtl)){--sbb-header-environment-rotate: -45deg}:host(:is(:state(env-dev),[state--env-dev])){--sbb-header-environment-background-color: var(--sbb-color-orange)}:host(:is(:state(env-edu),[state--env-edu])){--sbb-header-environment-background-color: var(--sbb-color-green)}:host(:is(:state(env-int),[state--env-int])),:host(:is(:state(env-inte),[state--env-inte])){--sbb-header-environment-background-color: var(--sbb-color-granite)}:host(:is(:state(env-loc),[state--env-loc])){--sbb-header-environment-background-color: var(--sbb-color-pink)}:host(:is(:state(env-test),[state--env-test])){--sbb-header-environment-background-color: var(--sbb-color-sky)}:host:before{content:"";border-block-start:var(--sbb-header-environment-size) solid var(--sbb-header-environment-background-color);border-inline-start:var(--sbb-header-environment-size) solid transparent}.sbb-header-environment__text{--sbb-text-font-size: var(--sbb-font-size-text-xxs);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);font-weight:700;position:absolute;color:var(--sbb-header-environment-color);rotate:var(--sbb-header-environment-rotate);padding-block-end:var(--sbb-spacing-fixed-4x)}`;
+let _ = (() => {
+  var t;
+  let a = [m("sbb-header-environment")], r, o = [], e, s = h(d);
+  return t = class extends s {
+    constructor() {
+      super(), this.addController(new l(this, {
+        config: { characterData: !0, subtree: !0 },
+        callback: () => {
+          this._slottedTextChange();
+        }
+      }));
+    }
+    _slottedTextChange() {
+      const n = this.textContent?.trim();
+      this.internals.states.clear(), n && this.toggleState(`env-${n}`, !0);
+    }
+    render() {
+      return v`
+      <span class="sbb-header-environment__text">
+        <slot></slot>
+      </span>
+    `;
+    }
+  }, e = t, (() => {
+    const n = typeof Symbol == "function" && Symbol.metadata ? Object.create(s[Symbol.metadata] ?? null) : void 0;
+    i(null, r = { value: e }, a, { kind: "class", name: e.name, metadata: n }, null, o), e = r.value, n && Object.defineProperty(e, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: n });
+  })(), t.styles = u, b(e, o), e;
+})();
+export {
+  _ as SbbHeaderEnvironmentElement
+};

package/header/header-environment.d.ts

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

package/header/header-environment.d.ts.map

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

package/header/header-environment.js

@@ -0,0 +1,4 @@
+import { SbbHeaderEnvironmentElement as r } from "./header-environment/header-environment.component.js";
+export {
+  r as SbbHeaderEnvironmentElement
+};

package/index.d.ts

@@ -39,6 +39,7 @@ import { SbbIconSidebarContainerElement } from "./sidebar/icon-sidebar-container
 import { SbbIconSidebarButtonElement } from "./sidebar/icon-sidebar-button/icon-sidebar-button.component.js";
 import { SbbIconSidebarElement } from "./sidebar/icon-sidebar/icon-sidebar.component.js";
 import { SbbSelectionExpansionPanelElement } from "./selection-expansion-panel/selection-expansion-panel.component.js";
+import { SbbSelectionActionPanelElement } from "./selection-action-panel/selection-action-panel.component.js";
 import { SbbSelectElement } from "./select/select.component.js";
 import { SbbScreenReaderOnlyElement } from "./screen-reader-only/screen-reader-only.component.js";
 import { SbbRadioButtonPanelElement } from "./radio-button/radio-button-panel/radio-button-panel.component.js";
@@ -49,6 +50,7 @@ import { SbbPopoverElement } from "./popover/popover/popover.component.js";
 import { SbbPaginatorElement } from "./paginator/paginator/paginator.component.js";
 import { SbbCompactPaginatorElement } from "./paginator/compact-paginator/compact-paginator.component.js";
 import { SbbOverlayElement } from "./overlay/overlay.component.js";
+import { SbbOptionHintElement } from "./option/option-hint/option-hint.component.js";
 import { SbbOptionElement } from "./option/option/option.component.js";
 import { SbbOptGroupElement } from "./option/optgroup/optgroup.component.js";
 import { SbbNotificationElement } from "./notification/notification.component.js";
@@ -79,6 +81,7 @@ import { SbbJourneyHeaderElement } from "./journey-header/journey-header.compone
 import { SbbImageElement } from "./image/image.component.js";
 import { SbbIconElement } from "./icon/icon.component.js";
 import { SbbHeaderLinkElement } from "./header/header-link/header-link.component.js";
+import { SbbHeaderEnvironmentElement } from "./header/header-environment/header-environment.component.js";
 import { SbbHeaderButtonElement } from "./header/header-button/header-button.component.js";
 import { SbbHeaderElement } from "./header/header/header.component.js";
 import { SbbFormFieldClearElement } from "./form-field/form-field-clear/form-field-clear.component.js";
@@ -96,6 +99,7 @@ import { SbbExpansionPanelElement } from "./expansion-panel/expansion-panel/expa
 import { SbbDividerElement } from "./divider/divider.component.js";
 import { SbbDialogTitleElement } from "./dialog/dialog-title/dialog-title.component.js";
 import { SbbDialogContentElement } from "./dialog/dialog-content/dialog-content.component.js";
+import { SbbDialogCloseButtonElement } from "./dialog/dialog-close-button/dialog-close-button.component.js";
 import { SbbDialogActionsElement } from "./dialog/dialog-actions/dialog-actions.component.js";
 import { SbbDialogElement } from "./dialog/dialog/dialog.component.js";
 import { SbbDatepickerToggleElement } from "./datepicker/datepicker-toggle/datepicker-toggle.component.js";
@@ -190,6 +194,7 @@ declare global {
   var SbbDatepickerPreviousDayElement: SbbDatepickerPreviousDayElement;
   var SbbDatepickerToggleElement: SbbDatepickerToggleElement;
   var SbbDialogActionsElement: SbbDialogActionsElement;
+  var SbbDialogCloseButtonElement: SbbDialogCloseButtonElement;
   var SbbDialogContentElement: SbbDialogContentElement;
   var SbbDialogElement: SbbDialogElement;
   var SbbDialogTitleElement: SbbDialogTitleElement;
@@ -208,6 +213,7 @@ declare global {
   var SbbFormFieldElement: SbbFormFieldElement;
   var SbbHeaderButtonElement: SbbHeaderButtonElement;
   var SbbHeaderElement: SbbHeaderElement;
+  var SbbHeaderEnvironmentElement: SbbHeaderEnvironmentElement;
   var SbbHeaderLinkElement: SbbHeaderLinkElement;
   var SbbIconElement: SbbIconElement;
   var SbbIconSidebarButtonElement: SbbIconSidebarButtonElement;
@@ -242,6 +248,7 @@ declare global {
   var SbbNotificationElement: SbbNotificationElement;
   var SbbOptGroupElement: SbbOptGroupElement;
   var SbbOptionElement: SbbOptionElement;
+  var SbbOptionHintElement: SbbOptionHintElement;
   var SbbOverlayElement: SbbOverlayElement;
   var SbbPaginatorElement: SbbPaginatorElement;
   var SbbPopoverElement: SbbPopoverElement;
@@ -254,6 +261,7 @@ declare global {
   var SbbSecondaryButtonLinkElement: SbbSecondaryButtonLinkElement;
   var SbbSecondaryButtonStaticElement: SbbSecondaryButtonStaticElement;
   var SbbSelectElement: SbbSelectElement;
+  var SbbSelectionActionPanelElement: SbbSelectionActionPanelElement;
   var SbbSelectionExpansionPanelElement: SbbSelectionExpansionPanelElement;
   var SbbSidebarCloseButtonElement: SbbSidebarCloseButtonElement;
   var SbbSidebarContainerElement: SbbSidebarContainerElement;

package/index.js

@@ -39,6 +39,7 @@ import { SbbIconSidebarContainerElement } from "./sidebar/icon-sidebar-container
 import { SbbIconSidebarButtonElement } from "./sidebar/icon-sidebar-button/icon-sidebar-button.component.js";
 import { SbbIconSidebarElement } from "./sidebar/icon-sidebar/icon-sidebar.component.js";
 import { SbbSelectionExpansionPanelElement } from "./selection-expansion-panel/selection-expansion-panel.component.js";
+import { SbbSelectionActionPanelElement } from "./selection-action-panel/selection-action-panel.component.js";
 import { SbbSelectElement } from "./select/select.component.js";
 import { SbbScreenReaderOnlyElement } from "./screen-reader-only/screen-reader-only.component.js";
 import { SbbRadioButtonPanelElement } from "./radio-button/radio-button-panel/radio-button-panel.component.js";
@@ -49,6 +50,7 @@ import { SbbPopoverElement } from "./popover/popover/popover.component.js";
 import { SbbPaginatorElement } from "./paginator/paginator/paginator.component.js";
 import { SbbCompactPaginatorElement } from "./paginator/compact-paginator/compact-paginator.component.js";
 import { SbbOverlayElement } from "./overlay/overlay.component.js";
+import { SbbOptionHintElement } from "./option/option-hint/option-hint.component.js";
 import { SbbOptionElement } from "./option/option/option.component.js";
 import { SbbOptGroupElement } from "./option/optgroup/optgroup.component.js";
 import { SbbNotificationElement } from "./notification/notification.component.js";
@@ -79,6 +81,7 @@ import { SbbJourneyHeaderElement } from "./journey-header/journey-header.compone
 import { SbbImageElement } from "./image/image.component.js";
 import { SbbIconElement } from "./icon/icon.component.js";
 import { SbbHeaderLinkElement } from "./header/header-link/header-link.component.js";
+import { SbbHeaderEnvironmentElement } from "./header/header-environment/header-environment.component.js";
 import { SbbHeaderButtonElement } from "./header/header-button/header-button.component.js";
 import { SbbHeaderElement } from "./header/header/header.component.js";
 import { SbbFormFieldClearElement } from "./form-field/form-field-clear/form-field-clear.component.js";
@@ -96,6 +99,7 @@ import { SbbExpansionPanelElement } from "./expansion-panel/expansion-panel/expa
 import { SbbDividerElement } from "./divider/divider.component.js";
 import { SbbDialogTitleElement } from "./dialog/dialog-title/dialog-title.component.js";
 import { SbbDialogContentElement } from "./dialog/dialog-content/dialog-content.component.js";
+import { SbbDialogCloseButtonElement } from "./dialog/dialog-close-button/dialog-close-button.component.js";
 import { SbbDialogActionsElement } from "./dialog/dialog-actions/dialog-actions.component.js";
 import { SbbDialogElement } from "./dialog/dialog/dialog.component.js";
 import { SbbDatepickerToggleElement } from "./datepicker/datepicker-toggle/datepicker-toggle.component.js";
@@ -189,6 +193,7 @@ globalThis.SbbDatepickerNextDayElement = SbbDatepickerNextDayElement;
 globalThis.SbbDatepickerPreviousDayElement = SbbDatepickerPreviousDayElement;
 globalThis.SbbDatepickerToggleElement = SbbDatepickerToggleElement;
 globalThis.SbbDialogActionsElement = SbbDialogActionsElement;
+globalThis.SbbDialogCloseButtonElement = SbbDialogCloseButtonElement;
 globalThis.SbbDialogContentElement = SbbDialogContentElement;
 globalThis.SbbDialogElement = SbbDialogElement;
 globalThis.SbbDialogTitleElement = SbbDialogTitleElement;
@@ -207,6 +212,7 @@ globalThis.SbbFormFieldClearElement = SbbFormFieldClearElement;
 globalThis.SbbFormFieldElement = SbbFormFieldElement;
 globalThis.SbbHeaderButtonElement = SbbHeaderButtonElement;
 globalThis.SbbHeaderElement = SbbHeaderElement;
+globalThis.SbbHeaderEnvironmentElement = SbbHeaderEnvironmentElement;
 globalThis.SbbHeaderLinkElement = SbbHeaderLinkElement;
 globalThis.SbbIconElement = SbbIconElement;
 globalThis.SbbIconSidebarButtonElement = SbbIconSidebarButtonElement;
@@ -241,6 +247,7 @@ globalThis.SbbNavigationSectionElement = SbbNavigationSectionElement;
 globalThis.SbbNotificationElement = SbbNotificationElement;
 globalThis.SbbOptGroupElement = SbbOptGroupElement;
 globalThis.SbbOptionElement = SbbOptionElement;
+globalThis.SbbOptionHintElement = SbbOptionHintElement;
 globalThis.SbbOverlayElement = SbbOverlayElement;
 globalThis.SbbPaginatorElement = SbbPaginatorElement;
 globalThis.SbbPopoverElement = SbbPopoverElement;
@@ -253,6 +260,7 @@ globalThis.SbbSecondaryButtonElement = SbbSecondaryButtonElement;
 globalThis.SbbSecondaryButtonLinkElement = SbbSecondaryButtonLinkElement;
 globalThis.SbbSecondaryButtonStaticElement = SbbSecondaryButtonStaticElement;
 globalThis.SbbSelectElement = SbbSelectElement;
+globalThis.SbbSelectionActionPanelElement = SbbSelectionActionPanelElement;
 globalThis.SbbSelectionExpansionPanelElement = SbbSelectionExpansionPanelElement;
 globalThis.SbbSidebarCloseButtonElement = SbbSidebarCloseButtonElement;
 globalThis.SbbSidebarContainerElement = SbbSidebarContainerElement;

package/menu/menu/menu.component.d.ts

@@ -13,6 +13,7 @@ declare const SbbMenuElement_base: import('../../core/mixins.js').AbstractConstr
  */
 export declare class SbbMenuElement extends SbbMenuElement_base {
     static styles: CSSResultGroup;
+    static readonly role = "menu";
     protected readonly listChildLocalNames: string[];
     /**
      * The element that will trigger the menu overlay.

package/menu/menu/menu.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/menu/menu/menu.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAGnB,KAAK,mBAAmB,EACxB,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAUb,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAiBtE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;;AAkB1D;;;;;;;GAOG;AACH,qBAEM,cAAe,SAAQ,mBAGH;IACxB,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,mBAA4B,mBAAmB,WAAwC;IAEvF;;;;OAIG;IACH,SAEgB,OAAO,EAAE,WAAW,GAAG,IAAI,CAAQ;IAEnD;;;OAGG;IACH,SAEgB,sBAAsB,EAAE,MAAM,CAAM;IAEpD,OAAO,CAAC,KAAK,CAAkB;IAC/B,OAAO,CAAC,eAAe,CAA4B;IACnD,OAAO,CAAC,uBAAuB,CAAmB;IAClD,OAAO,CAAC,yBAAyB,CAAkB;IACnD,OAAO,CAAC,uBAAuB,CAAmB;IAClD,OAAO,CAAC,2BAA2B,CAA2C;IAC9E,OAAO,CAAC,oBAAoB,CAAoC;IAChE,OAAO,CAAC,cAAc,CAA0B;IAChD,OAAO,CAAC,gBAAgB,CAAgC;IACxD,OAAO,CAAC,aAAa,CAQlB;;IAQH;;OAEG;IACI,IAAI,IAAI,IAAI;IAyBnB;;OAEG;IACI,KAAK,IAAI,IAAI;IAepB,OAAO,CAAC,wBAAwB;IAIhC,OAAO,CAAC,cAAc;IAUtB,OAAO,CAAC,cAAc;IAsBtB;;OAEG;IACH,OAAO,CAAC,QAAQ;IAOhB,OAAO,CAAC,cAAc;cA2CH,gBAAgB,IAAI,WAAW,GAAG,gBAAgB;IAWrD,iBAAiB,IAAI,IAAI;IASzB,oBAAoB,IAAI,IAAI;IAQ5B,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,cAAc;IAmBtB,OAAO,CAAC,iBAAiB;IAoBzB,OAAO,CAAC,mBAAmB;IAuB3B,OAAO,CAAC,+BAA+B;IAQvC,OAAO,CAAC,oBAAoB,CAE1B;IAGF,OAAO,CAAC,qBAAqB,CAI3B;IAMF,OAAO,CAAC,mBAAmB;IAS3B,OAAO,CAAC,gBAAgB;cAyBL,MAAM,IAAI,cAAc;CAsB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,UAAU,EAAE,cAAc,CAAC;KAC5B;CACF"}
+{"version":3,"file":"menu.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/menu/menu/menu.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAGnB,KAAK,mBAAmB,EACxB,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAUb,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAiBtE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;;AAkB1D;;;;;;;GAOG;AACH,qBAEM,cAAe,SAAQ,mBAGH;IACxB,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAgC,IAAI,UAAU;IAC9C,mBAA4B,mBAAmB,WAAwC;IAEvF;;;;OAIG;IACH,SAEgB,OAAO,EAAE,WAAW,GAAG,IAAI,CAAQ;IAEnD;;;OAGG;IACH,SAEgB,sBAAsB,EAAE,MAAM,CAAM;IAEpD,OAAO,CAAC,KAAK,CAAkB;IAC/B,OAAO,CAAC,eAAe,CAA4B;IACnD,OAAO,CAAC,uBAAuB,CAAmB;IAClD,OAAO,CAAC,yBAAyB,CAAkB;IACnD,OAAO,CAAC,uBAAuB,CAAmB;IAClD,OAAO,CAAC,2BAA2B,CAA2C;IAC9E,OAAO,CAAC,oBAAoB,CAAoC;IAChE,OAAO,CAAC,cAAc,CAA0B;IAChD,OAAO,CAAC,gBAAgB,CAAgC;IACxD,OAAO,CAAC,aAAa,CAQlB;;IAQH;;OAEG;IACI,IAAI,IAAI,IAAI;IAyBnB;;OAEG;IACI,KAAK,IAAI,IAAI;IAepB,OAAO,CAAC,wBAAwB;IAIhC,OAAO,CAAC,cAAc;IAUtB,OAAO,CAAC,cAAc;IAsBtB;;OAEG;IACH,OAAO,CAAC,QAAQ;IAOhB,OAAO,CAAC,cAAc;cA2CH,gBAAgB,IAAI,WAAW,GAAG,gBAAgB;IAWrD,iBAAiB,IAAI,IAAI;IASzB,oBAAoB,IAAI,IAAI;IAQ5B,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,cAAc;IAmBtB,OAAO,CAAC,iBAAiB;IAoBzB,OAAO,CAAC,mBAAmB;IAuB3B,OAAO,CAAC,+BAA+B;IAQvC,OAAO,CAAC,oBAAoB,CAE1B;IAGF,OAAO,CAAC,qBAAqB,CAI3B;IAMF,OAAO,CAAC,mBAAmB;IAS3B,OAAO,CAAC,gBAAgB;cAyBL,MAAM,IAAI,cAAc;CAsB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,UAAU,EAAE,cAAc,CAAC;KAC5B;CACF"}

package/menu/menu/menu.component.js

@@ -213,7 +213,7 @@ let ee = 0, ge = (() => {
     } }, metadata: e }, w, y), p(o, null, k, { kind: "accessor", name: "listAccessibilityLabel", static: !1, private: !1, access: { has: (t) => "listAccessibilityLabel" in t, get: (t) => t.listAccessibilityLabel, set: (t, a) => {
       t.listAccessibilityLabel = a;
     } }, metadata: e }, x, E), p(null, s = { value: n }, i, { kind: "class", name: n.name, metadata: e }, null, r), n = s.value, e && Object.defineProperty(n, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
-  })(), o.styles = G, m(n, r), n;
+  })(), o.styles = G, o.role = "menu", m(n, r), n;
 })();
 export {
   ge as SbbMenuElement

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

@@ -9,6 +9,7 @@ declare const SbbMenuButtonElement_base: import('../../core/mixins.js').Abstract
  * to modify horizontal padding.
  */
 export declare class SbbMenuButtonElement extends SbbMenuButtonElement_base {
+    static readonly role: ElementInternals['role'];
 }
 declare global {
     interface HTMLElementTagNameMap {

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

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

package/menu/menu-button/menu-button.component.js

@@ -1,16 +1,16 @@
-import { __esDecorate as i, __runInitializers as m } from "tslib";
+import { __esDecorate as r, __runInitializers as m } from "tslib";
 import { customElement as s } from "lit/decorators.js";
-import { SbbButtonBaseElement as b } from "../../core/base-elements.js";
+import { SbbButtonBaseElement as c } from "../../core/base-elements.js";
 import { SbbDisabledTabIndexActionMixin as u } from "../../core/mixins.js";
-import { SbbMenuActionCommonElementMixin as c } from "../common.js";
+import { SbbMenuActionCommonElementMixin as b } from "../common.js";
 let x = (() => {
   var e;
-  let r = [s("sbb-menu-button")], l, n = [], t, o = u(c(b));
-  return e = class extends o {
+  let o = [s("sbb-menu-button")], l, i = [], t, n = u(b(c));
+  return e = class extends n {
   }, t = e, (() => {
-    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(o[Symbol.metadata] ?? null) : void 0;
-    i(null, l = { value: t }, r, { kind: "class", name: t.name, metadata: a }, null, n), t = l.value, a && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a }), m(t, n);
-  })(), t;
+    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
+    r(null, l = { value: t }, o, { kind: "class", name: t.name, metadata: a }, null, i), t = l.value, a && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
+  })(), e.role = "menuitem", m(t, i), t;
 })();
 export {
   x as SbbMenuButtonElement

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

@@ -9,6 +9,7 @@ declare const SbbMenuLinkElement_base: import('../../core/mixins.js').AbstractCo
  * to modify horizontal padding.
  */
 export declare class SbbMenuLinkElement extends SbbMenuLinkElement_base {
+    protected readonly anchorRole = "menuitem";
 }
 declare global {
     interface HTMLElementTagNameMap {

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

@@ -1 +1 @@
-{"version":3,"file":"menu-link.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/menu/menu-link/menu-link.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;;AAIjE;;;;;;;GAOG;AACH,qBAEM,kBAAmB,SAAQ,uBAEhC;CAAG;AAEJ,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,eAAe,EAAE,kBAAkB,CAAC;KACrC;CACF"}
+{"version":3,"file":"menu-link.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/menu/menu-link/menu-link.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;;AAIjE;;;;;;;GAOG;AACH,qBAEM,kBAAmB,SAAQ,uBAEhC;IACC,mBAA4B,UAAU,cAAc;CACrD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,eAAe,EAAE,kBAAkB,CAAC;KACrC;CACF"}

package/menu/menu-link/menu-link.component.js

@@ -1,15 +1,18 @@
 import { __esDecorate as m, __runInitializers as o } from "tslib";
 import { customElement as s } from "lit/decorators.js";
 import { SbbLinkBaseElement as c } from "../../core/base-elements.js";
-import { SbbDisabledInteractiveMixin as b } from "../../core/mixins.js";
-import { SbbMenuActionCommonElementMixin as u } from "../common.js";
+import { SbbDisabledInteractiveMixin as u } from "../../core/mixins.js";
+import { SbbMenuActionCommonElementMixin as b } from "../common.js";
 let y = (() => {
   var t;
-  let n = [s("sbb-menu-link")], l, i = [], e, r = b(u(c));
-  return t = class extends r {
+  let i = [s("sbb-menu-link")], l, r = [], e, n = u(b(c));
+  return t = class extends n {
+    constructor() {
+      super(...arguments), this.anchorRole = "menuitem";
+    }
   }, e = t, (() => {
-    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(r[Symbol.metadata] ?? null) : void 0;
-    m(null, l = { value: e }, n, { kind: "class", name: e.name, metadata: a }, null, i), e = l.value, a && Object.defineProperty(e, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a }), o(e, i);
+    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
+    m(null, l = { value: e }, i, { kind: "class", name: e.name, metadata: a }, null, r), e = l.value, a && Object.defineProperty(e, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a }), o(e, r);
   })(), e;
 })();
 export {

package/option/optgroup/optgroup-base-element.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"optgroup-base-element.d.ts","sourceRoot":"","sources":["../../../../src/elements/option/optgroup/optgroup-base-element.ts"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,cAAc,EAEnB,UAAU,EACV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAGb,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,uBAAuB,CAAC;AAQxE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAIzD,OAAO,kBAAkB,CAAC;;AAS1B,8BAAsB,sBAAuB,SAAQ,2BAEpD;IACC,gBAAgC,IAAI,gBAAqC;IACzE,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,0BAA0B;IAC1B,SAEgB,KAAK,EAAE,MAAM,CAAM;IAE1B,SAAS,CAAC,QAAQ,CAAC,QAAQ,UAAS;IAEpC,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAS;IAEnD,SAAS,CAAC,QAAQ,KAAK,OAAO,IAAI,oBAAoB,EAAE,CAAC;;IAwBzC,iBAAiB,IAAI,IAAI;cAMtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAe5E,SAAS,CAAC,QAAQ,CAAC,sBAAsB,IAAI,IAAI;IACjD,SAAS,CAAC,QAAQ,CAAC,qBAAqB,IAAI,0BAA0B,GAAG,IAAI;IAE7E,OAAO,CAAC,iBAAiB;IAMzB,OAAO,CAAC,yBAAyB;IAkBjC,SAAS,CAAC,sBAAsB,IAAI,IAAI;IAMxC,OAAO,CAAC,iBAAiB;IAYzB,OAAO,CAAC,iBAAiB;cAIN,MAAM,IAAI,cAAc;CAY5C"}
+{"version":3,"file":"optgroup-base-element.d.ts","sourceRoot":"","sources":["../../../../src/elements/option/optgroup/optgroup-base-element.ts"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,cAAc,EAEnB,UAAU,EAEV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAGb,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,uBAAuB,CAAC;AAQxE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAIzD,OAAO,kBAAkB,CAAC;;AAS1B,8BAAsB,sBAAuB,SAAQ,2BAEpD;IACC,gBAAgC,IAAI,gBAAqC;IACzE,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,0BAA0B;IAC1B,SAEgB,KAAK,EAAE,MAAM,CAAM;IAE1B,SAAS,CAAC,QAAQ,CAAC,QAAQ,UAAS;IAEpC,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAS;IAEnD,SAAS,CAAC,QAAQ,KAAK,OAAO,IAAI,oBAAoB,EAAE,CAAC;;IAwBzC,iBAAiB,IAAI,IAAI;cAMtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAe5E,SAAS,CAAC,QAAQ,CAAC,sBAAsB,IAAI,IAAI;IACjD,SAAS,CAAC,QAAQ,CAAC,qBAAqB,IAAI,0BAA0B,GAAG,IAAI;IAE7E,OAAO,CAAC,iBAAiB;IAMzB,OAAO,CAAC,yBAAyB;IAkBjC,SAAS,CAAC,sBAAsB,IAAI,IAAI;IAMxC,OAAO,CAAC,iBAAiB;IAYzB,OAAO,CAAC,iBAAiB;cAIN,MAAM,IAAI,cAAc;CAgB5C"}

package/option/optgroup/optgroup-base-element.js

@@ -4,24 +4,24 @@ var G = (i) => {
 var k = (i, a, s) => a.has(i) || G("Cannot " + s);
 var c = (i, a, s) => (k(i, a, "read from private field"), s ? s.call(i) : a.get(i)), h = (i, a, s) => a.has(i) ? G("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(i) : a.set(i, s), g = (i, a, s, n) => (k(i, a, "write to private field"), n ? n.call(i, s) : a.set(i, s), s);
 import { __esDecorate as v, __runInitializers as l } from "tslib";
-import { MutationController as T } from "@lit-labs/observers/mutation-controller.js";
-import { css as w, LitElement as C, html as L } from "lit";
-import { property as O, state as z } from "lit/decorators.js";
-import { forceType as S } from "../../core/decorators.js";
-import { isSafari as D } from "../../core/dom.js";
-import { SbbDisabledMixin as I, SbbElementInternalsMixin as M, SbbHydrationMixin as U } from "../../core/mixins.js";
+import { MutationController as w } from "@lit-labs/observers/mutation-controller.js";
+import { css as C, LitElement as L, nothing as O, html as z } from "lit";
+import { property as S, state as T } from "lit/decorators.js";
+import { forceType as D } from "../../core/decorators.js";
+import { isSafari as I } from "../../core/dom.js";
+import { SbbDisabledMixin as M, SbbElementInternalsMixin as U, SbbHydrationMixin as $ } from "../../core/mixins.js";
 import "../../divider.js";
-const q = w`*,:before,:after{box-sizing:border-box}:host{--sbb-optgroup-divider-display: block;--sbb-optgroup-label-padding-end: var(--sbb-spacing-fixed-2x);--sbb-optgroup-label-padding-inline: var(--sbb-spacing-responsive-xxxs);--sbb-optgroup-label-font-size: var(--sbb-typo-scale-0-75x);--sbb-optgroup-label-color: var(--sbb-color-metal);display:block}:host(:first-child){--sbb-optgroup-divider-display: none}:host([data-variant=select]){--sbb-optgroup-label-font-size: inherit}:host([data-negative]){--sbb-optgroup-label-color: var(--sbb-color-smoke)}.sbb-optgroup{margin-block:var(--sbb-spacing-fixed-4x);margin-inline:var(--sbb-spacing-fixed-4x)}.sbb-optgroup__label{--sbb-text-font-size: var(--sbb-font-size-text-xxs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);display:flex;column-gap:var(--sbb-spacing-responsive-xxxs);color:var(--sbb-optgroup-label-color);-webkit-text-fill-color:var(--sbb-optgroup-label-color);padding-inline:var(--sbb-optgroup-label-padding-inline);padding-block-end:var(--sbb-optgroup-label-padding-end)}.sbb-optgroup__divider{display:var(--sbb-optgroup-divider-display);padding-block:var(--sbb-options-panel-divider-margin-block)}.sbb-optgroup__icon-space{display:var(--sbb-option-icon-container-display, none);min-width:var(--sbb-size-icon-ui-small)}::slotted(sbb-divider){margin-block:var(--sbb-options-panel-divider-margin-block)}`, u = D;
-let Q = (() => {
+const q = C`*,:before,:after{box-sizing:border-box}:host{--sbb-optgroup-divider-display: block;--sbb-optgroup-label-padding-end: var(--sbb-spacing-fixed-2x);--sbb-optgroup-label-padding-inline: var(--sbb-spacing-responsive-xxxs);--sbb-optgroup-label-font-size: var(--sbb-typo-scale-0-75x);--sbb-optgroup-label-color: var(--sbb-color-metal);display:block}:host(:first-child){--sbb-optgroup-divider-display: none}:host([data-variant=select]){--sbb-optgroup-label-font-size: inherit}:host([data-negative]){--sbb-optgroup-label-color: var(--sbb-color-smoke)}.sbb-optgroup{margin-block:var(--sbb-spacing-fixed-4x);margin-inline:var(--sbb-spacing-fixed-4x)}.sbb-optgroup__label{--sbb-text-font-size: var(--sbb-font-size-text-xxs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);display:flex;column-gap:var(--sbb-spacing-responsive-xxxs);color:var(--sbb-optgroup-label-color);-webkit-text-fill-color:var(--sbb-optgroup-label-color);padding-inline:var(--sbb-optgroup-label-padding-inline);padding-block-end:var(--sbb-optgroup-label-padding-end)}.sbb-optgroup__divider{display:var(--sbb-optgroup-divider-display);padding-block:var(--sbb-options-panel-divider-margin-block)}.sbb-optgroup__icon-space{display:var(--sbb-option-icon-container-display, none);min-width:var(--sbb-size-icon-ui-small)}::slotted(sbb-divider){margin-block:var(--sbb-options-panel-divider-margin-block)}`, u = I;
+let V = (() => {
   var b, p, d, r;
-  let i = I(M(U(C))), a, s = [], n = [], _, f = [], m = [], x, y = [], A = [];
+  let i = M(U($(L))), a, s = [], n = [], _, f = [], m = [], x, y = [], A = [];
   return r = class extends i {
     constructor() {
       super();
       h(this, b, l(this, s, ""));
       h(this, p, (l(this, n), l(this, f, !1)));
       h(this, d, (l(this, m), l(this, y, !1)));
-      l(this, A), this.addController(new T(this, {
+      l(this, A), this.addController(new w(this, {
         config: {
           attributes: !0,
           attributeFilter: ["data-negative"]
@@ -86,20 +86,22 @@ let Q = (() => {
       this.negative = this.hasAttribute("data-negative");
     }
     render() {
-      return L`
+      return z`
       <div class="sbb-optgroup__divider">
         <sbb-divider ?negative=${this.negative}></sbb-divider>
       </div>
-      <div class="sbb-optgroup__label" aria-hidden="true">
-        <div class="sbb-optgroup__icon-space"></div>
-        <span>${this.label}</span>
-      </div>
+      ${this.label ? z`
+            <div class="sbb-optgroup__label" aria-hidden="true">
+              <div class="sbb-optgroup__icon-space"></div>
+              <span>${this.label}</span>
+            </div>
+          ` : O}
       <slot @slotchange=${this._handleSlotchange}></slot>
     `;
     }
   }, b = new WeakMap(), p = new WeakMap(), d = new WeakMap(), (() => {
     const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(i[Symbol.metadata] ?? null) : void 0;
-    a = [S(), O()], _ = [z()], x = [z()], v(r, null, a, { kind: "accessor", name: "label", static: !1, private: !1, access: { has: (e) => "label" in e, get: (e) => e.label, set: (e, o) => {
+    a = [D(), S()], _ = [T()], x = [T()], v(r, null, a, { kind: "accessor", name: "label", static: !1, private: !1, access: { has: (e) => "label" in e, get: (e) => e.label, set: (e, o) => {
       e.label = o;
     } }, metadata: t }, s, n), v(r, null, _, { kind: "accessor", name: "negative", static: !1, private: !1, access: { has: (e) => "negative" in e, get: (e) => e.negative, set: (e, o) => {
       e.negative = o;
@@ -109,5 +111,5 @@ let Q = (() => {
   })(), r.role = u ? null : "group", r.styles = q, r;
 })();
 export {
-  Q as SbbOptgroupBaseElement
+  V as SbbOptgroupBaseElement
 };

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

@@ -61,7 +61,7 @@ export declare abstract class SbbOptionBaseElement<T = string> extends SbbOption
 }
 declare global {
     interface GlobalEventHandlersEventMap {
-        optionselected: CustomEvent<void>;
+        optionselected: Event;
     }
 }
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"option-base-element.d.ts","sourceRoot":"","sources":["../../../../src/elements/option/option/option-base-element.ts"],"names":[],"mappings":"AACA,OAAO,EAAQ,UAAU,EAAE,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAY1F,OAAO,6BAA6B,CAAC;;AAoBrC,8BAEe,oBAAoB,CAAC,CAAC,GAAG,MAAM,CAAE,SAAQ,yBAEvD;IACC,gBAAuB,MAAM;;MAElB;IAEX,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAEpC;;;;;OAKG;IACH,IACW,KAAK,CAAC,KAAK,EAAE,CAAC,EAOxB;IACD,IAAW,KAAK,IAAI,CAAC,CAEpB;IACD,OAAO,CAAC,MAAM,CAAkB;IAEhC,sCAAsC;IACtC,IACW,QAAQ,CAAC,KAAK,EAAE,OAAO,EAGjC;IACD,IAAW,QAAQ,IAAI,OAAO,CAE7B;IAED,4CAA4C;IACnC,SAAS,CAAC,QAAQ,CAAC,QAAQ,UAAS;IAE7C,yFAAyF;IAChF,SAAS,CAAC,QAAQ,CAAC,iBAAiB,UAAS;IAE7C,SAAS,CAAC,QAAQ,CAAC,KAAK,EAAG,MAAM,CAAC;IAE3C,0CAA0C;IACjC,SAAS,CAAC,QAAQ,CAAC,qBAAqB,EAAE,OAAO,CAAS;IAEnE,4CAA4C;IACnC,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAuB;IAExD,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAS;;IAwBnC,wBAAwB,CACtC,IAAI,EAAE,MAAM,EACZ,GAAG,EAAE,MAAM,GAAG,IAAI,EAClB,KAAK,EAAE,MAAM,GAAG,IAAI,GACnB,IAAI;IAMP;;;;OAIG;IACI,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAIrC,SAAS,CAAC,wBAAwB,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI;IAQ3C,iBAAiB,IAAI,IAAI;cAUtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cASzD,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAO9E,SAAS,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IACzD,SAAS,CAAC,QAAQ,CAAC,sBAAsB,IAAI,IAAI;IAEjD,SAAS,CAAC,sBAAsB,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI;IAKzD;;;OAGG;IACI,SAAS,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;IAItC,SAAS,CAAC,IAAI,IAAI,IAAI;IAItB,SAAS,CAAC,kBAAkB,IAAI,IAAI;IAQpC,OAAO,CAAC,mBAAmB;IAI3B,2FAA2F;IAC3F,SAAS,CAAC,kBAAkB,CAAC,aAAa,EAAE,cAAc,EAAE,GAAG,IAAI;IAoBnE,SAAS,CAAC,oBAAoB,IAAI,IAAI;IAuBtC,SAAS,CAAC,mBAAmB,IAAI,cAAc;IAwB/C,SAAS,CAAC,UAAU,IAAI,cAAc;IAItC,SAAS,CAAC,WAAW,IAAI,cAAc,GAAG,OAAO,OAAO;IAIxD,SAAS,CAAC,UAAU,IAAI,cAAc,GAAG,OAAO,OAAO;cAIpC,MAAM,IAAI,cAAc;CAmB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,2BAA2B;QACnC,cAAc,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;KACnC;CACF"}
+{"version":3,"file":"option-base-element.d.ts","sourceRoot":"","sources":["../../../../src/elements/option/option/option-base-element.ts"],"names":[],"mappings":"AACA,OAAO,EAAQ,UAAU,EAAE,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAY1F,OAAO,6BAA6B,CAAC;;AAoBrC,8BAEe,oBAAoB,CAAC,CAAC,GAAG,MAAM,CAAE,SAAQ,yBAEvD;IACC,gBAAuB,MAAM;;MAElB;IAEX,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAEpC;;;;;OAKG;IACH,IACW,KAAK,CAAC,KAAK,EAAE,CAAC,EAOxB;IACD,IAAW,KAAK,IAAI,CAAC,CAEpB;IACD,OAAO,CAAC,MAAM,CAAkB;IAEhC,sCAAsC;IACtC,IACW,QAAQ,CAAC,KAAK,EAAE,OAAO,EAGjC;IACD,IAAW,QAAQ,IAAI,OAAO,CAE7B;IAED,4CAA4C;IACnC,SAAS,CAAC,QAAQ,CAAC,QAAQ,UAAS;IAE7C,yFAAyF;IAChF,SAAS,CAAC,QAAQ,CAAC,iBAAiB,UAAS;IAE7C,SAAS,CAAC,QAAQ,CAAC,KAAK,EAAG,MAAM,CAAC;IAE3C,0CAA0C;IACjC,SAAS,CAAC,QAAQ,CAAC,qBAAqB,EAAE,OAAO,CAAS;IAEnE,4CAA4C;IACnC,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAuB;IAExD,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAS;;IAwBnC,wBAAwB,CACtC,IAAI,EAAE,MAAM,EACZ,GAAG,EAAE,MAAM,GAAG,IAAI,EAClB,KAAK,EAAE,MAAM,GAAG,IAAI,GACnB,IAAI;IAMP;;;;OAIG;IACI,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAIrC,SAAS,CAAC,wBAAwB,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI;IAQ3C,iBAAiB,IAAI,IAAI;cAUtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cASzD,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAO9E,SAAS,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IACzD,SAAS,CAAC,QAAQ,CAAC,sBAAsB,IAAI,IAAI;IAEjD,SAAS,CAAC,sBAAsB,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI;IAKzD;;;OAGG;IACI,SAAS,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;IAItC,SAAS,CAAC,IAAI,IAAI,IAAI;IAItB,SAAS,CAAC,kBAAkB,IAAI,IAAI;IAQpC,OAAO,CAAC,mBAAmB;IAI3B,2FAA2F;IAC3F,SAAS,CAAC,kBAAkB,CAAC,aAAa,EAAE,cAAc,EAAE,GAAG,IAAI;IAoBnE,SAAS,CAAC,oBAAoB,IAAI,IAAI;IAuBtC,SAAS,CAAC,mBAAmB,IAAI,cAAc;IAwB/C,SAAS,CAAC,UAAU,IAAI,cAAc;IAItC,SAAS,CAAC,WAAW,IAAI,cAAc,GAAG,OAAO,OAAO;IAIxD,SAAS,CAAC,UAAU,IAAI,cAAc,GAAG,OAAO,OAAO;cAIpC,MAAM,IAAI,cAAc;CAmB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,2BAA2B;QACnC,cAAc,EAAE,KAAK,CAAC;KACvB;CACF"}

package/option/option/option.component.d.ts

@@ -37,7 +37,7 @@ declare global {
         'sbb-option': SbbOptionElement;
     }
     interface GlobalEventHandlersEventMap {
-        optionselectionchange: CustomEvent<void>;
+        optionselectionchange: Event;
     }
 }
 //# sourceMappingURL=option.component.d.ts.map

package/option/option/option.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"option.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/option/option/option.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,OAAO,EAAE,MAAM,KAAK,CAAC;AAGpC,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAEhE,OAAO,0BAA0B,CAAC;AAElC,MAAM,MAAM,gBAAgB,GAAG,cAAc,GAAG,QAAQ,GAAG,IAAI,CAAC;AAEhE;;;;;;;;GAQG;AACH,qBAEM,gBAAgB,CAAC,CAAC,GAAG,MAAM,CAAE,SAAQ,oBAAoB,CAAC,CAAC,CAAC;IAChE,gBAAgC,IAAI,YAAY;IAChD,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAgC,MAAM;;;MAG3B;IAEX,SAAS,CAAC,QAAQ,SAAgB;IAElC,OAAO,KAAK,QAAQ,QAInB;IACD,OAAO,KAAK,QAAQ,GAEnB;IAED,OAAO,KAAK,WAAW,QAEtB;IACD,OAAO,KAAK,WAAW,GAEtB;IAED,SAAS,CAAC,sBAAsB,IAAI,IAAI;IAgBxC,SAAS,CAAC,aAAa,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;cAc7B,wBAAwB,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI;cAMjD,IAAI,IAAI,IAAI;IAS/B,OAAO,CAAC,oBAAoB;cAST,oBAAoB,IAAI,IAAI;cAS5B,UAAU,IAAI,cAAc;cAoB5B,WAAW,IAAI,cAAc,GAAG,OAAO,OAAO;cAM9C,UAAU,IAAI,cAAc,GAAG,OAAO,OAAO;CAKjE;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,YAAY,EAAE,gBAAgB,CAAC;KAChC;IAED,UAAU,2BAA2B;QACnC,qBAAqB,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;KAC1C;CACF"}
+{"version":3,"file":"option.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/option/option/option.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,OAAO,EAAE,MAAM,KAAK,CAAC;AAGpC,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAEhE,OAAO,0BAA0B,CAAC;AAElC,MAAM,MAAM,gBAAgB,GAAG,cAAc,GAAG,QAAQ,GAAG,IAAI,CAAC;AAEhE;;;;;;;;GAQG;AACH,qBAEM,gBAAgB,CAAC,CAAC,GAAG,MAAM,CAAE,SAAQ,oBAAoB,CAAC,CAAC,CAAC;IAChE,gBAAgC,IAAI,YAAY;IAChD,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAgC,MAAM;;;MAG3B;IAEX,SAAS,CAAC,QAAQ,SAAgB;IAElC,OAAO,KAAK,QAAQ,QAInB;IACD,OAAO,KAAK,QAAQ,GAEnB;IAED,OAAO,KAAK,WAAW,QAEtB;IACD,OAAO,KAAK,WAAW,GAEtB;IAED,SAAS,CAAC,sBAAsB,IAAI,IAAI;IAgBxC,SAAS,CAAC,aAAa,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;cAc7B,wBAAwB,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI;cAMjD,IAAI,IAAI,IAAI;IAS/B,OAAO,CAAC,oBAAoB;cAST,oBAAoB,IAAI,IAAI;cAS5B,UAAU,IAAI,cAAc;cAoB5B,WAAW,IAAI,cAAc,GAAG,OAAO,OAAO;cAM9C,UAAU,IAAI,cAAc,GAAG,OAAO,OAAO;CAKjE;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,YAAY,EAAE,gBAAgB,CAAC;KAChC;IAED,UAAU,2BAA2B;QACnC,qBAAqB,EAAE,KAAK,CAAC;KAC9B;CACF"}

package/option/option-hint/option-hint.component.d.ts

@@ -0,0 +1,18 @@
+import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
+declare const SbbOptionHintElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbNegativeMixinType> & typeof LitElement;
+/**
+ * Display a textual hint inside a `sbb-autocomplete` or a `sbb-select`.
+ *
+ * @slot - Use the unnamed slot to display the hint message.
+ */
+export declare class SbbOptionHintElement extends SbbOptionHintElement_base {
+    static styles: CSSResultGroup;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-option-hint': SbbOptionHintElement;
+    }
+}
+export {};
+//# sourceMappingURL=option-hint.component.d.ts.map

package/option/option-hint/option-hint.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"option-hint.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/option/option-hint/option-hint.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;;AAOvC;;;;GAIG;AACH,qBAEM,oBAAqB,SAAQ,yBAA4B;IAC7D,OAAuB,MAAM,EAAE,cAAc,CAAS;cAEnC,MAAM,IAAI,cAAc;CAU5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,iBAAiB,EAAE,oBAAoB,CAAC;KACzC;CACF"}

package/option/option-hint/option-hint.component.js

@@ -0,0 +1,27 @@
+import { __esDecorate as b, __runInitializers as l } from "tslib";
+import { css as r, LitElement as p, html as c } from "lit";
+import { customElement as d } from "lit/decorators.js";
+import { SbbNegativeMixin as m } from "../../core/mixins.js";
+const v = r`*,:before,:after{box-sizing:border-box}:host{display:block;--sbb-option-hint-color: var(--sbb-color-metal);--sbb-option-hint-column-gap: var(--sbb-spacing-responsive-xxxs);--sbb-option-hint-padding-block-end: var(--sbb-spacing-fixed-2x);--sbb-option-hint-padding-inline: var(--sbb-spacing-responsive-xxxs)}:host([negative]){--sbb-option-hint-color: var(--sbb-color-smoke)}.sbb-option-hint__wrapper{display:flex;column-gap:var(--sbb-option-hint-column-gap);padding-inline:var(--sbb-option-hint-padding-inline);padding-block-end:var(--sbb-option-hint-padding-block-end)}.sbb-optgroup__icon-space{display:var(--sbb-option-icon-container-display, none);min-width:var(--sbb-size-icon-ui-small)}.sbb-option-hint{--sbb-text-font-size: var(--sbb-font-size-text-xxs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);color:var(--sbb-option-hint-color);-webkit-text-fill-color:var(--sbb-option-hint-color)}`;
+let x = (() => {
+  var i;
+  let a = [d("sbb-option-hint")], e, n = [], t, s = m(p);
+  return i = class extends s {
+    render() {
+      return c`
+      <div class="sbb-option-hint__wrapper">
+        <div class="sbb-optgroup__icon-space"></div>
+        <span class="sbb-option-hint">
+          <slot></slot>
+        </span>
+      </div>
+    `;
+    }
+  }, t = i, (() => {
+    const o = typeof Symbol == "function" && Symbol.metadata ? Object.create(s[Symbol.metadata] ?? null) : void 0;
+    b(null, e = { value: t }, a, { kind: "class", name: t.name, metadata: o }, null, n), t = e.value, o && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: o });
+  })(), i.styles = v, l(t, n), t;
+})();
+export {
+  x as SbbOptionHintElement
+};

package/option/option-hint.d.ts

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

package/option/option-hint.d.ts.map

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

package/option/option-hint.js

@@ -0,0 +1,4 @@
+import { SbbOptionHintElement as n } from "./option-hint/option-hint.component.js";
+export {
+  n as SbbOptionHintElement
+};

package/option.d.ts

@@ -3,4 +3,5 @@
  */
 export * from './option/optgroup.js';
 export * from './option/option.js';
+export * from './option/option-hint.js';
 //# sourceMappingURL=option.d.ts.map

package/option.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"option.d.ts","sourceRoot":"","sources":["../../src/elements/option.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"option.d.ts","sourceRoot":"","sources":["../../src/elements/option.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC"}

package/option.js

@@ -1,10 +1,12 @@
-import { SbbOptGroupElement as t } from "./option/optgroup/optgroup.component.js";
+import { SbbOptGroupElement as o } from "./option/optgroup/optgroup.component.js";
 import { SbbOptgroupBaseElement as r } from "./option/optgroup/optgroup-base-element.js";
 import { SbbOptionElement as m } from "./option/option/option.component.js";
 import { SbbOptionBaseElement as f } from "./option/option/option-base-element.js";
+import { SbbOptionHintElement as x } from "./option/option-hint/option-hint.component.js";
 export {
-  t as SbbOptGroupElement,
+  o as SbbOptGroupElement,
   r as SbbOptgroupBaseElement,
   f as SbbOptionBaseElement,
-  m as SbbOptionElement
+  m as SbbOptionElement,
+  x as SbbOptionHintElement
 };

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

@@ -35,6 +35,7 @@ export declare abstract class SbbOverlayBaseElement extends SbbOverlayBaseElemen
     private _triggerElement;
     private _triggerAbortController;
     protected abstract closeAttribute: string;
+    protected closeTag?: string;
     protected abstract handleOpening(): void;
     protected abstract handleClosing(): void;
     protected abstract isZeroAnimationDuration(): boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"overlay-base-element.d.ts","sourceRoot":"","sources":["../../../src/elements/overlay/overlay-base-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,mBAAmB,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAG9E,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAA6B,uBAAuB,EAAE,MAAM,0BAA0B,CAAC;AAC9F,OAAO,EACL,6BAA6B,EAC7B,kBAAkB,EAClB,qBAAqB,EACtB,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAElD,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,uBAAuB,CAAC;AASzE,eAAO,MAAM,WAAW,EAAE,qBAAqB,EAAO,CAAC;;AAEvD,8BAAsB,qBAAsB,SAAQ,0BAAyC;IAC3F;;;;OAIG;IACH,SAEgB,OAAO,EAAE,WAAW,GAAG,IAAI,CAAQ;IAEnD,kHAAkH;IAClH,SAEgB,kBAAkB,EAAE,MAAM,CAAM;IAEhD;;;;OAIG;IACH,SAEgB,oBAAoB,EAAE,OAAO,CAAS;IAGtD,SAAS,CAAC,kBAAkB,CAAC,EAAE,WAAW,CAAC;IAC3C,SAAS,CAAC,mBAAmB,CAAC,EAAE,WAAW,CAAC;IAC5C,SAAS,CAAC,qBAAqB,EAAG,eAAe,CAAC;IAClD,SAAS,CAAC,mBAAmB,yBAAoC;IACjE,SAAS,CAAC,aAAa,mBAA0B;IACjD,SAAS,CAAC,WAAW,EAAE,GAAG,CAAC;IAC3B,SAAS,CAAC,QAAQ,wBAAmC;IACrD,SAAS,CAAC,eAAe,qBAAgC;IACzD,SAAS,CAAC,0BAA0B,gCAA2C;IAE/E,OAAO,CAAC,kBAAkB,CAAS;IACnC,OAAO,CAAC,YAAY,CAA8B;IAClD,OAAO,CAAC,eAAe,CAA4B;IACnD,OAAO,CAAC,uBAAuB,CAAmB;IAElD,SAAS,CAAC,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAC;IAC1C,SAAS,CAAC,QAAQ,CAAC,aAAa,IAAI,IAAI;IACxC,SAAS,CAAC,QAAQ,CAAC,aAAa,IAAI,IAAI;IACxC,SAAS,CAAC,QAAQ,CAAC,uBAAuB,IAAI,OAAO;IAErD,2BAA2B;IACpB,IAAI,IAAI,IAAI;IA2BnB,4BAA4B;IACrB,KAAK,CAAC,MAAM,CAAC,EAAE,GAAG,EAAE,MAAM,CAAC,EAAE,WAAW,GAAG,GAAG;IA0BrC,iBAAiB,IAAI,IAAI;IASzC,OAAO,CAAC,iBAAiB;cAoBN,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAQ9D,oBAAoB,IAAI,IAAI;IAS5B,aAAa,CAC3B,IAAI,CAAC,EAAE,WAAW,EAClB,QAAQ,CAAC,EAAE,OAAO,EAClB,OAAO,CAAC,EAAE,mBAAmB,GAC5B,IAAI;IAQP,SAAS,CAAC,uBAAuB,IAAI,IAAI;IAiBzC,SAAS,CAAC,kCAAkC,IAAI,IAAI;IAKpD,SAAS,CAAC,2BAA2B,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAoBzD,SAAS,CAAC,wBAAwB,IAAI,IAAI;IAI1C,SAAS,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI;IAarD,SAAS,CAAC,qBAAqB,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI;cAQzC,wBAAwB,CAAC,MAAM,CAAC,EAAE,2BAA2B,GAAG,OAAO;cAOvE,kBAAkB,CAAC,MAAM,CAAC,EAAE,2BAA2B,GAAG,OAAO;CAIrF"}
+{"version":3,"file":"overlay-base-element.d.ts","sourceRoot":"","sources":["../../../src/elements/overlay/overlay-base-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,mBAAmB,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAG9E,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAA6B,uBAAuB,EAAE,MAAM,0BAA0B,CAAC;AAC9F,OAAO,EACL,6BAA6B,EAC7B,kBAAkB,EAClB,qBAAqB,EACtB,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAElD,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,uBAAuB,CAAC;AASzE,eAAO,MAAM,WAAW,EAAE,qBAAqB,EAAO,CAAC;;AAEvD,8BAAsB,qBAAsB,SAAQ,0BAAyC;IAC3F;;;;OAIG;IACH,SAEgB,OAAO,EAAE,WAAW,GAAG,IAAI,CAAQ;IAEnD,kHAAkH;IAClH,SAEgB,kBAAkB,EAAE,MAAM,CAAM;IAEhD;;;;OAIG;IACH,SAEgB,oBAAoB,EAAE,OAAO,CAAS;IAGtD,SAAS,CAAC,kBAAkB,CAAC,EAAE,WAAW,CAAC;IAC3C,SAAS,CAAC,mBAAmB,CAAC,EAAE,WAAW,CAAC;IAC5C,SAAS,CAAC,qBAAqB,EAAG,eAAe,CAAC;IAClD,SAAS,CAAC,mBAAmB,yBAAoC;IACjE,SAAS,CAAC,aAAa,mBAA0B;IACjD,SAAS,CAAC,WAAW,EAAE,GAAG,CAAC;IAC3B,SAAS,CAAC,QAAQ,wBAAmC;IACrD,SAAS,CAAC,eAAe,qBAAgC;IACzD,SAAS,CAAC,0BAA0B,gCAA2C;IAE/E,OAAO,CAAC,kBAAkB,CAAS;IACnC,OAAO,CAAC,YAAY,CAA8B;IAClD,OAAO,CAAC,eAAe,CAA4B;IACnD,OAAO,CAAC,uBAAuB,CAAmB;IAElD,SAAS,CAAC,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAC;IAC1C,SAAS,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC5B,SAAS,CAAC,QAAQ,CAAC,aAAa,IAAI,IAAI;IACxC,SAAS,CAAC,QAAQ,CAAC,aAAa,IAAI,IAAI;IACxC,SAAS,CAAC,QAAQ,CAAC,uBAAuB,IAAI,OAAO;IAErD,2BAA2B;IACpB,IAAI,IAAI,IAAI;IA2BnB,4BAA4B;IACrB,KAAK,CAAC,MAAM,CAAC,EAAE,GAAG,EAAE,MAAM,CAAC,EAAE,WAAW,GAAG,GAAG;IA0BrC,iBAAiB,IAAI,IAAI;IASzC,OAAO,CAAC,iBAAiB;cAoBN,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAQ9D,oBAAoB,IAAI,IAAI;IAS5B,aAAa,CAC3B,IAAI,CAAC,EAAE,WAAW,EAClB,QAAQ,CAAC,EAAE,OAAO,EAClB,OAAO,CAAC,EAAE,mBAAmB,GAC5B,IAAI;IAQP,SAAS,CAAC,uBAAuB,IAAI,IAAI;IAiBzC,SAAS,CAAC,kCAAkC,IAAI,IAAI;IAKpD,SAAS,CAAC,2BAA2B,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IA0BzD,SAAS,CAAC,wBAAwB,IAAI,IAAI;IAI1C,SAAS,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI;IAarD,SAAS,CAAC,qBAAqB,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI;cAQzC,wBAAwB,CAAC,MAAM,CAAC,EAAE,2BAA2B,GAAG,OAAO;cAOvE,kBAAkB,CAAC,MAAM,CAAC,EAAE,2BAA2B,GAAG,OAAO;CAIrF"}