@sbb-esta/lyne-elements 3.0.1 → 3.1.0

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-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"}

package/overlay/overlay-base-element.js

@@ -1,8 +1,8 @@
 var A = (i) => {
   throw TypeError(i);
 };
-var k = (i, r, s) => r.has(i) || A("Cannot " + s);
-var b = (i, r, s) => (k(i, r, "read from private field"), s ? s.call(i) : r.get(i)), m = (i, r, s) => r.has(i) ? A("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(i) : r.set(i, s), l = (i, r, s, u) => (k(i, r, "write to private field"), u ? u.call(i, s) : r.set(i, s), s);
+var k = (i, s, r) => s.has(i) || A("Cannot " + r);
+var p = (i, s, r) => (k(i, s, "read from private field"), r ? r.call(i) : s.get(i)), b = (i, s, r) => s.has(i) ? A("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(i) : s.set(i, r), l = (i, s, r, u) => (k(i, s, "write to private field"), u ? u.call(i, r) : s.set(i, r), r);
 import { __runInitializers as g, __esDecorate as f } from "tslib";
 import { isServer as O } from "lit";
 import { property as v } from "lit/decorators.js";
@@ -13,18 +13,18 @@ import { idReference as I, forceType as w } from "../core/decorators.js";
 import { SbbScrollHandler as U } from "../core/dom.js";
 import { i18nDialog as D } from "../core/i18n.js";
 import { SbbNegativeMixin as H } from "../core/mixins.js";
-import { removeAriaOverlayTriggerAttributes as $, setAriaOverlayTriggerAttributes as q } from "../core/overlay.js";
-const d = [];
+import { removeAriaOverlayTriggerAttributes as N, setAriaOverlayTriggerAttributes as $ } from "../core/overlay.js";
+const m = [];
 let Y = (() => {
   var n, c, h, a;
-  let i = H(S), r, s = [], u = [], _, C = [], y = [], E, L = [], R = [];
+  let i = H(S), s, r = [], u = [], _, C = [], y = [], E, L = [], R = [];
   return a = class extends i {
     constructor() {
       super(...arguments);
-      m(this, n);
-      m(this, c);
-      m(this, h);
-      l(this, n, g(this, s, null)), l(this, c, (g(this, u), g(this, C, ""))), l(this, h, (g(this, y), g(this, L, !1))), this.lastFocusedElement = g(this, R), this.focusTrapController = new F(this), this.scrollHandler = new U(), this.language = new T(this), this.inertController = new x(this), this.escapableOverlayController = new z(this), this._ariaLiveRefToggle = !1, this._triggerElement = null;
+      b(this, n);
+      b(this, c);
+      b(this, h);
+      l(this, n, g(this, r, null)), l(this, c, (g(this, u), g(this, C, ""))), l(this, h, (g(this, y), g(this, L, !1))), this.lastFocusedElement = g(this, R), this.focusTrapController = new F(this), this.scrollHandler = new U(), this.language = new T(this), this.inertController = new x(this), this.escapableOverlayController = new z(this), this._ariaLiveRefToggle = !1, this._triggerElement = null;
     }
     /**
      * The element that will trigger the menu overlay.
@@ -32,14 +32,14 @@ let Y = (() => {
      * For attribute usage, provide an id reference.
      */
     get trigger() {
-      return b(this, n);
+      return p(this, n);
     }
     set trigger(e) {
       l(this, n, e);
     }
     /** This will be forwarded as aria-label to the relevant nested element to describe the purpose of the overlay. */
     get accessibilityLabel() {
-      return b(this, c);
+      return p(this, c);
     }
     set accessibilityLabel(e) {
       l(this, c, e);
@@ -50,14 +50,14 @@ let Y = (() => {
      * you provide your own equivalent, if you decide to turn it off.
      */
     get skipFocusRestoration() {
-      return b(this, h);
+      return p(this, h);
     }
     set skipFocusRestoration(e) {
       l(this, h, e);
     }
     /** Opens the component. */
     open() {
-      this.state === "closed" && (this.lastFocusedElement = document.activeElement, this.dispatchBeforeOpenEvent() && (this.showPopover?.(), this.state = "opening", this._triggerElement?.setAttribute("aria-expanded", "true"), d.push(this), this.scrollHandler.disableScroll(), this.isZeroAnimationDuration() && this.handleOpening()));
+      this.state === "closed" && (this.lastFocusedElement = document.activeElement, this.dispatchBeforeOpenEvent() && (this.showPopover?.(), this.state = "opening", this._triggerElement?.setAttribute("aria-expanded", "true"), m.push(this), this.scrollHandler.disableScroll(), this.isZeroAnimationDuration() && this.handleOpening()));
     }
     /** Closes the component. */
     close(e, t) {
@@ -75,7 +75,7 @@ let Y = (() => {
     }
     // Check if the trigger is valid and attach click event listeners.
     _configureTrigger() {
-      this.trigger !== this._triggerElement && (this._triggerAbortController?.abort(), $(this._triggerElement), this._triggerElement = this.trigger, this._triggerElement && (q(this._triggerElement, "dialog", this.id, this.state), this._triggerAbortController = new AbortController(), this._triggerElement.addEventListener("click", () => this.open(), {
+      this.trigger !== this._triggerElement && (this._triggerAbortController?.abort(), N(this._triggerElement), this._triggerElement = this.trigger, this._triggerElement && ($(this._triggerElement, "dialog", this.id, this.state), this._triggerAbortController = new AbortController(), this._triggerElement.addEventListener("click", () => this.open(), {
         signal: this._triggerAbortController.signal
       })));
     }
@@ -98,15 +98,15 @@ let Y = (() => {
       });
     }
     removeInstanceFromGlobalCollection() {
-      d.splice(d.indexOf(this), 1);
+      m.splice(m.indexOf(this), 1);
     }
     // Close the component on click of any element that has the `closeAttribute` attribute.
     closeOnSbbOverlayCloseClick(e) {
-      const t = e.composedPath().filter((p) => p instanceof window.HTMLElement).find((p) => p.hasAttribute(this.closeAttribute) && !p.hasAttribute("disabled"));
-      if (!t)
+      const t = e.composedPath().filter((d) => d instanceof window.HTMLElement).find((d) => (d.hasAttribute(this.closeAttribute) || d.localName === this.closeTag) && !d.hasAttribute("disabled"));
+      if (!t || t.closest(this.localName) !== this && !this.shadowRoot?.contains(t))
         return;
       const o = t.getAttribute("type") === "submit" ? t.form ?? null : null;
-      d[d.length - 1].close(o, t);
+      m[m.length - 1].close(o, t);
     }
     removeAriaLiveRefContent() {
       this._ariaLiveRef.textContent = "";
@@ -128,9 +128,9 @@ let Y = (() => {
     }
   }, n = new WeakMap(), c = new WeakMap(), h = new WeakMap(), (() => {
     const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(i[Symbol.metadata] ?? null) : void 0;
-    r = [I(), v()], _ = [w(), v({ attribute: "accessibility-label" })], E = [w(), v({ type: Boolean })], f(a, null, r, { kind: "accessor", name: "trigger", static: !1, private: !1, access: { has: (t) => "trigger" in t, get: (t) => t.trigger, set: (t, o) => {
+    s = [I(), v()], _ = [w(), v({ attribute: "accessibility-label" })], E = [w(), v({ type: Boolean })], f(a, null, s, { kind: "accessor", name: "trigger", static: !1, private: !1, access: { has: (t) => "trigger" in t, get: (t) => t.trigger, set: (t, o) => {
       t.trigger = o;
-    } }, metadata: e }, s, u), f(a, null, _, { kind: "accessor", name: "accessibilityLabel", static: !1, private: !1, access: { has: (t) => "accessibilityLabel" in t, get: (t) => t.accessibilityLabel, set: (t, o) => {
+    } }, metadata: e }, r, u), f(a, null, _, { kind: "accessor", name: "accessibilityLabel", static: !1, private: !1, access: { has: (t) => "accessibilityLabel" in t, get: (t) => t.accessibilityLabel, set: (t, o) => {
       t.accessibilityLabel = o;
     } }, metadata: e }, C, y), f(a, null, E, { kind: "accessor", name: "skipFocusRestoration", static: !1, private: !1, access: { has: (t) => "skipFocusRestoration" in t, get: (t) => t.skipFocusRestoration, set: (t, o) => {
       t.skipFocusRestoration = o;
@@ -139,5 +139,5 @@ let Y = (() => {
 })();
 export {
   Y as SbbOverlayBaseElement,
-  d as overlayRefs
+  m as overlayRefs
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sbb-esta/lyne-elements",
-  "version": "3.0.1",
+  "version": "3.1.0",
   "description": "Lyne Design System",
   "keywords": [
     "design system",
@@ -11,8 +11,8 @@
   "type": "module",
   "customElements": "custom-elements.json",
   "dependencies": {
-    "@lit-labs/observers": "^2.0.5",
-    "lit": "^3.3.0",
+    "@lit-labs/observers": "^2.0.6",
+    "lit": "^3.3.1",
     "tslib": "^2.8.1"
   },
   "publishConfig": {
@@ -467,6 +467,11 @@
       "development": "./development/dialog/dialog-actions.js",
       "default": "./dialog/dialog-actions.js"
     },
+    "./dialog/dialog-close-button.js": {
+      "types": "./development/dialog/dialog-close-button.d.ts",
+      "development": "./development/dialog/dialog-close-button.js",
+      "default": "./dialog/dialog-close-button.js"
+    },
     "./dialog/dialog-content.js": {
       "types": "./development/dialog/dialog-content.d.ts",
       "development": "./development/dialog/dialog-content.js",
@@ -587,6 +592,11 @@
       "development": "./development/header/header-button.js",
       "default": "./header/header-button.js"
     },
+    "./header/header-environment.js": {
+      "types": "./development/header/header-environment.d.ts",
+      "development": "./development/header/header-environment.js",
+      "default": "./header/header-environment.js"
+    },
     "./header/header-link.js": {
       "types": "./development/header/header-link.d.ts",
       "development": "./development/header/header-link.js",
@@ -782,6 +792,11 @@
       "development": "./development/option/option.js",
       "default": "./option/option.js"
     },
+    "./option/option-hint.js": {
+      "types": "./development/option/option-hint.d.ts",
+      "development": "./development/option/option-hint.js",
+      "default": "./option/option-hint.js"
+    },
     "./overlay.js": {
       "types": "./development/overlay.d.ts",
       "development": "./development/overlay.js",
@@ -857,6 +872,11 @@
       "development": "./development/select.js",
       "default": "./select.js"
     },
+    "./selection-action-panel.js": {
+      "types": "./development/selection-action-panel.d.ts",
+      "development": "./development/selection-action-panel.js",
+      "default": "./selection-action-panel.js"
+    },
     "./selection-expansion-panel.js": {
       "types": "./development/selection-expansion-panel.d.ts",
       "development": "./development/selection-expansion-panel.js",

package/popover/popover/popover.component.d.ts

@@ -64,10 +64,24 @@ export declare class SbbPopoverElement extends SbbPopoverBaseElement {
     accessor hideCloseButton: boolean;
     /** Whether the popover should be triggered on hover. */
     accessor hoverTrigger: boolean;
-    /** Open the popover after a certain delay. */
-    accessor openDelay: number;
-    /** Close the popover after a certain delay. */
-    accessor closeDelay: number;
+    /**
+     * Open the popover after a given delay in milliseconds.
+     * Global configuration is used as default, if not set.
+     *
+     * @default 0
+     */
+    set openDelay(value: number);
+    get openDelay(): number;
+    private _openDelay?;
+    /**
+     * Close the popover after a given delay in milliseconds.
+     * Global configuration is used as default, if not set.
+     *
+     * @default 0
+     */
+    set closeDelay(value: number);
+    get closeDelay(): number;
+    private _closeDelay?;
     /** This will be forwarded as aria-label to the close button element. */
     accessor accessibilityCloseLabel: string;
     private _hoverTrigger;

package/popover/popover/popover.component.d.ts.map

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