@sbb-esta/lyne-elements 4.0.0-next.2 → 4.0.0-next.3

package/checkbox/checkbox-panel/checkbox-panel.component.d.ts

@@ -1,8 +1,8 @@
 import { CSSResultGroup, LitElement, PropertyDeclaration, PropertyValues, TemplateResult } from 'lit';
-import { SbbCheckedStateChange, SbbDisabledStateChange, SbbStateChange } from '../../core/interfaces/types.js';
-import { SbbPanelSize } from '../../core/mixins.js';
+import { SbbCheckedStateChange, SbbDisabledStateChange, SbbStateChange } from '../../core/interfaces/types.ts';
+import { SbbPanelSize } from '../../core/mixins.ts';
 export type SbbCheckboxPanelStateChange = Extract<SbbStateChange, SbbDisabledStateChange | SbbCheckedStateChange>;
-declare const SbbCheckboxPanelElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbPanelMixinType> & import('../../core/mixins.js').Constructor<import('../common.js').SbbCheckboxCommonElementMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbUpdateSchedulerMixinType> & typeof LitElement;
+declare const SbbCheckboxPanelElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbPanelMixinType> & import('../../core/mixins.ts').Constructor<import('../common.ts').SbbCheckboxCommonElementMixinType> & import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbUpdateSchedulerMixinType> & typeof LitElement;
 /**
  * It displays a checkbox enhanced with selection panel design.
  *

package/checkbox/checkbox-panel.d.ts

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

package/checkbox/checkbox.d.ts

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

package/checkbox/common/checkbox-common.d.ts

@@ -1,8 +1,8 @@
 import { LitElement } from 'lit';
-import { Constructor } from '../../core/mixins.js';
-import { SbbCheckboxGroupElement } from '../checkbox-group.js';
+import { Constructor } from '../../core/mixins.ts';
+import { SbbCheckboxGroupElement } from '../checkbox-group.ts';
 export type SbbCheckboxSize = 'xs' | 's' | 'm';
-declare const SbbCheckboxCommonElementMixinType_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbFormAssociatedCheckboxMixinType> & typeof LitElement;
+declare const SbbCheckboxCommonElementMixinType_base: import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbFormAssociatedCheckboxMixinType> & typeof LitElement;
 export declare abstract class SbbCheckboxCommonElementMixinType extends SbbCheckboxCommonElementMixinType_base {
     accessor indeterminate: boolean;
     get group(): SbbCheckboxGroupElement | null;

package/checkbox/common.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './common/checkbox-common.js';
+export * from './common/checkbox-common.ts';
 //# sourceMappingURL=common.d.ts.map

package/checkbox/common.js

@@ -1,5 +1,5 @@
 import { SbbCheckboxCommonElementMixin as m } from "./common/checkbox-common.js";
-import { c as b } from "../checkbox-common-CrwfdL9V.js";
+import { c as b } from "../checkbox-common-DK5WsQPi.js";
 export {
   m as SbbCheckboxCommonElementMixin,
   b as checkboxCommonStyle

package/checkbox-common-DK5WsQPi.js

@@ -0,0 +1,5 @@
+import { css as e } from "lit";
+const s = e`@charset "UTF-8";:host([size=xs]){--sbb-checkbox-font-size: var(--sbb-text-font-size-xs)}:host([size=s]){--sbb-checkbox-font-size: var(--sbb-text-font-size-s)}:host([size=m]){--sbb-checkbox-font-size: var(--sbb-text-font-size-m)}:host(:disabled){--sbb-checkbox-cursor: var(--sbb-cursor-default);--sbb-checkbox-label-color: var(--sbb-color-granite);--sbb-checkbox-label-color: light-dark(var(--sbb-color-granite), var(--sbb-color-aluminium))}.sbb-checkbox-wrapper{display:flex}.sbb-checkbox-wrapper:before{content:"​";-webkit-user-select:none;user-select:none;width:0;height:0}.sbb-checkbox{font-size:var(--sbb-checkbox-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);position:relative;display:block;width:100%;cursor:var(--sbb-checkbox-cursor);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.sbb-checkbox__inner{display:flex;align-items:start;gap:var(--sbb-spacing-fixed-2x)}.sbb-checkbox__label{display:flex;flex-grow:1;color:var(--sbb-checkbox-label-color);line-height:max(1em * var(--sbb-typo-line-height-text),var(--sbb-checkbox-dimension))}.sbb-checkbox__aligner{display:flex;align-items:center;height:calc(1em * var(--sbb-typo-line-height-text))}`;
+export {
+  s as c
+};

package/checkbox.d.ts

@@ -1,8 +1,8 @@
 /**
  * @entrypoint
  */
-export * from './checkbox/checkbox.js';
-export * from './checkbox/checkbox-group.js';
-export * from './checkbox/checkbox-panel.js';
-export * from './checkbox/common.js';
+export * from './checkbox/checkbox.ts';
+export * from './checkbox/checkbox-group.ts';
+export * from './checkbox/checkbox-panel.ts';
+export * from './checkbox/common.ts';
 //# sourceMappingURL=checkbox.d.ts.map

package/checkbox.js

@@ -2,7 +2,7 @@ import { SbbCheckboxElement as b } from "./checkbox/checkbox/checkbox.component.
 import { SbbCheckboxGroupElement as r } from "./checkbox/checkbox-group/checkbox-group.component.js";
 import { SbbCheckboxPanelElement as t } from "./checkbox/checkbox-panel/checkbox-panel.component.js";
 import { SbbCheckboxCommonElementMixin as c } from "./checkbox/common/checkbox-common.js";
-import { c as p } from "./checkbox-common-CrwfdL9V.js";
+import { c as p } from "./checkbox-common-DK5WsQPi.js";
 export {
   c as SbbCheckboxCommonElementMixin,
   b as SbbCheckboxElement,

package/chip/chip/chip.component.d.ts

@@ -1,5 +1,5 @@
 import { CSSResultGroup, LitElement, PropertyValues, TemplateResult } from 'lit';
-declare const SbbChipElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbNegativeMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbReadonlyMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbElementInternalsMixinType> & typeof LitElement & import('../../core/mixins.js').SbbElementInternalsConstructor;
+declare const SbbChipElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbNegativeMixinType> & import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbDisabledMixinType> & import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbReadonlyMixinType> & import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbElementInternalsMixinType> & typeof LitElement & import('../../core/mixins.ts').SbbElementInternalsConstructor;
 /**
  * It displays a chip. Usually used in combination with `sbb-chip-group`.
  *

package/chip/chip/chip.component.js

@@ -3,7 +3,7 @@ var v = (e) => {
 };
 var p = (e, r, b) => r.has(e) || v("Cannot " + b);
 var m = (e, r, b) => (p(e, r, "read from private field"), b ? b.call(e) : r.get(e)), g = (e, r, b) => r.has(e) ? v("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(e) : r.set(e, b), l = (e, r, b, o) => (p(e, r, "write to private field"), o ? o.call(e, b) : r.set(e, b), b);
-import { __runInitializers as c, __esDecorate as f } from "tslib";
+import { __runInitializers as n, __esDecorate as f } from "tslib";
 import { css as x, LitElement as y, html as k } from "lit";
 import { customElement as w, property as S } from "lit/decorators.js";
 import { SbbLanguageController as z } from "../../core/controllers.js";
@@ -12,15 +12,15 @@ import { SbbNegativeMixin as E, SbbDisabledMixin as C, SbbReadonlyMixin as q, Sb
 import { boxSizingStyles as I } from "../../core/styles.js";
 import "../../button/mini-button.js";
 import "../../screen-reader-only.js";
-const M = x`:host{--sbb-chip-background-color: var(--sbb-background-color-3);--sbb-chip-border: var(--sbb-border-width-1x) solid var(--sbb-chip-border-color);--sbb-chip-border-color: var(--sbb-border-color-4-inverted);--sbb-chip-border-radius: var(--sbb-border-radius-2x);--sbb-chip-color: var(--sbb-color-granite);--sbb-chip-color: light-dark(var(--sbb-color-granite), var(--sbb-color-cloud));--sbb-chip-color-active: var(--sbb-color-2);--sbb-chip-color-hover: var(--sbb-color-2);--sbb-chip-background-color-active: var(--sbb-background-color-1);--sbb-chip-background-color-hover: var(--sbb-background-color-1);--sbb-chip-height: 1.5rem;--sbb-chip-label-padding-inline: var(--sbb-spacing-fixed-2x);--sbb-chip-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );outline:none!important;display:inline-block}:host([negative]){--sbb-chip-border-color: var(--sbb-border-color-4-negative-inverted);--sbb-chip-background-color: var(--sbb-background-color-3-negative);--sbb-chip-color: var(--sbb-color-4-negative);--sbb-chip-color-active: var(--sbb-color-2-negative);--sbb-chip-color-hover: var(--sbb-color-2-negative);--sbb-chip-background-color-active: var(--sbb-background-color-1-negative);--sbb-chip-background-color-hover: var(--sbb-background-color-1-negative);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}.sbb-chip{background-color:var(--sbb-chip-background-color);border-radius:var(--sbb-chip-border-radius);color:var(--sbb-chip-color);display:flex;align-items:stretch;height:var(--sbb-chip-height)}:host(:focus) .sbb-chip{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);--sbb-focus-outline-offset: -.0625rem;--sbb-focus-outline-style: initial}.sbb-chip__label-wrapper{border:var(--sbb-chip-border);border-inline-end:none;border-radius:var(--sbb-chip-border-radius) 0 0 var(--sbb-chip-border-radius);display:flex;align-items:center;padding-inline:var(--sbb-chip-label-padding-inline);outline:none;overflow:hidden}:host(:is([disabled],[readonly])) .sbb-chip__label-wrapper{border:var(--sbb-chip-border);border-radius:var(--sbb-chip-border-radius)}.sbb-chip__label{--sbb-text-font-size: var(--sbb-text-font-size-xxs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block;transition:transform var(--sbb-chip-transition-duration) var(--sbb-animation-easing)}.sbb-chip__delete{--sbb-mini-button-border-radius: 0 var(--sbb-chip-border-radius) var(--sbb-chip-border-radius) 0;--sbb-mini-button-color-text: var(--sbb-chip-color);--sbb-mini-button-color-active-background: var(--sbb-chip-background-color-active);--sbb-mini-button-color-hover-background: var(--sbb-chip-background-color-hover);--sbb-icon-svg-width: calc(var(--sbb-size-icon-ui-small) - var(--sbb-border-width-1x) * 2);--sbb-icon-svg-height: calc(var(--sbb-size-icon-ui-small) - var(--sbb-border-width-1x) * 2);border:var(--sbb-chip-border);border-radius:0 var(--sbb-chip-border-radius) var(--sbb-chip-border-radius) 0}:host(:is([disabled],[readonly])) .sbb-chip__delete{display:none}@media(any-hover:hover){:host(:not([disabled])) .sbb-chip__delete:hover{--sbb-mini-button-color-text: var(--sbb-chip-color-hover)}}`;
+const M = x`:host{--sbb-chip-background-color: var(--sbb-background-color-3);--sbb-chip-border: var(--sbb-border-width-1x) solid var(--sbb-chip-border-color);--sbb-chip-border-color: var(--sbb-border-color-4-inverted);--sbb-chip-border-radius: var(--sbb-border-radius-2x);--sbb-chip-color: var(--sbb-color-granite);--sbb-chip-color: light-dark(var(--sbb-color-granite), var(--sbb-color-cloud));--sbb-chip-color-hover: var(--sbb-color-2);--sbb-chip-background-color-active: var(--sbb-background-color-1);--sbb-chip-background-color-hover: var(--sbb-background-color-1);--sbb-chip-height: 1.5rem;--sbb-chip-label-padding-inline: var(--sbb-spacing-fixed-2x);--sbb-chip-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );outline:none!important;display:inline-block}:host([negative]){--sbb-chip-border-color: var(--sbb-border-color-4-negative-inverted);--sbb-chip-background-color: var(--sbb-background-color-3-negative);--sbb-chip-color: var(--sbb-color-4-negative);--sbb-chip-color-hover: var(--sbb-color-2-negative);--sbb-chip-background-color-active: var(--sbb-background-color-1-negative);--sbb-chip-background-color-hover: var(--sbb-background-color-1-negative);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}.sbb-chip{background-color:var(--sbb-chip-background-color);border-radius:var(--sbb-chip-border-radius);color:var(--sbb-chip-color);display:flex;align-items:stretch;height:var(--sbb-chip-height)}:host(:focus) .sbb-chip{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);--sbb-focus-outline-offset: -.0625rem;--sbb-focus-outline-style: initial}.sbb-chip__label-wrapper{border:var(--sbb-chip-border);border-inline-end:none;border-radius:var(--sbb-chip-border-radius) 0 0 var(--sbb-chip-border-radius);display:flex;align-items:center;padding-inline:var(--sbb-chip-label-padding-inline);outline:none;overflow:hidden}:host(:is([disabled],[readonly])) .sbb-chip__label-wrapper{border:var(--sbb-chip-border);border-radius:var(--sbb-chip-border-radius)}.sbb-chip__label{--sbb-text-font-size: var(--sbb-text-font-size-xxs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block;transition:transform var(--sbb-chip-transition-duration) var(--sbb-animation-easing)}.sbb-chip__delete{--sbb-mini-button-border-radius: 0 var(--sbb-chip-border-radius) var(--sbb-chip-border-radius) 0;--sbb-mini-button-color-text: var(--sbb-chip-color);--sbb-mini-button-color-active-background: var(--sbb-chip-background-color-active);--sbb-mini-button-color-hover-background: var(--sbb-chip-background-color-hover);--sbb-icon-svg-width: calc(var(--sbb-size-icon-ui-small) - var(--sbb-border-width-1x) * 2);--sbb-icon-svg-height: calc(var(--sbb-size-icon-ui-small) - var(--sbb-border-width-1x) * 2);border:var(--sbb-chip-border);border-radius:0 var(--sbb-chip-border-radius) var(--sbb-chip-border-radius) 0}:host(:is([disabled],[readonly])) .sbb-chip__delete{display:none}@media(any-hover:hover){:host(:not([disabled])) .sbb-chip__delete:hover{--sbb-mini-button-color-text: var(--sbb-chip-color-hover)}}`;
 let H = (() => {
   var s, t;
-  let e = [w("sbb-chip")], r, b = [], o, n = E(C(q(B(y)))), d, u = [], h = [];
-  return t = class extends n {
+  let e = [w("sbb-chip")], r, b = [], o, c = E(C(q(B(y)))), d, u = [], h = [];
+  return t = class extends c {
     constructor() {
       super(...arguments);
       g(this, s);
-      l(this, s, c(this, u, null)), this._language = (c(this, h), new z(this));
+      l(this, s, n(this, u, null)), this._language = (n(this, h), new z(this));
     }
     /** The value of chip. Will be used as label if nothing is slotted. */
     get value() {
@@ -61,13 +61,13 @@ let H = (() => {
     `;
     }
   }, s = new WeakMap(), o = t, (() => {
-    const i = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
+    const i = typeof Symbol == "function" && Symbol.metadata ? Object.create(c[Symbol.metadata] ?? null) : void 0;
     d = [S()], f(t, null, d, { kind: "accessor", name: "value", static: !1, private: !1, access: { has: (a) => "value" in a, get: (a) => a.value, set: (a, _) => {
       a.value = _;
     } }, metadata: i }, u, h), f(null, r = { value: o }, e, { kind: "class", name: o.name, metadata: i }, null, b), o = r.value, i && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: i });
   })(), t.role = "option", t.styles = [I, M], t.events = {
     requestdelete: "requestdelete"
-  }, c(o, b), o;
+  }, n(o, b), o;
 })();
 export {
   H as SbbChipElement

package/chip/chip-group/chip-group.component.d.ts

@@ -1,5 +1,5 @@
 import { CSSResultGroup, LitElement, PropertyValues, TemplateResult } from 'lit';
-import { FormRestoreReason, FormRestoreState } from '../../core/mixins.js';
+import { FormRestoreReason, FormRestoreState } from '../../core/mixins.ts';
 export interface SbbChipInputTokenEndEventDetails<T = string> {
     /** The element that triggered the chip creation */
     origin: 'input' | 'autocomplete';
@@ -15,7 +15,7 @@ export interface SbbChipInputTokenEndEventDetails<T = string> {
     /** Set a label for the chip that will be created */
     setLabel(value: string): void;
 }
-declare const SbbChipGroupElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbRequiredMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbNegativeMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbFormAssociatedMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbElementInternalsMixinType> & typeof LitElement & import('../../core/mixins.js').SbbElementInternalsConstructor;
+declare const SbbChipGroupElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbRequiredMixinType> & import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbDisabledMixinType> & import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbNegativeMixinType> & import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbFormAssociatedMixinType> & import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbElementInternalsMixinType> & typeof LitElement & import('../../core/mixins.ts').SbbElementInternalsConstructor;
 /**
  * The `sbb-chip-group` component is used as a container for one or multiple `sbb-chip`.
  *

package/chip/chip-group.d.ts

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

package/chip/chip.d.ts

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

package/chip-label.d.ts

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

package/chip.d.ts

@@ -1,6 +1,6 @@
 /**
  * @entrypoint
  */
-export * from './chip/chip.js';
-export * from './chip/chip-group.js';
+export * from './chip/chip.ts';
+export * from './chip/chip-group.ts';
 //# sourceMappingURL=chip.d.ts.map

package/clock/clock.component.d.ts

@@ -1,5 +1,5 @@
 import { CSSResultGroup, PropertyValues, TemplateResult, LitElement } from 'lit';
-import { SbbTime } from '../core/interfaces.js';
+import { SbbTime } from '../core/interfaces.ts';
 /**
  * It displays an analog clock with the classic SBB face.
  */

package/clock.d.ts

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

package/container/container/container.component.d.ts

@@ -1,5 +1,5 @@
 import { CSSResultGroup, LitElement, PropertyValues, TemplateResult } from 'lit';
-declare const SbbContainerElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbElementInternalsMixinType> & typeof LitElement & import('../../core/mixins.js').SbbElementInternalsConstructor;
+declare const SbbContainerElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbElementInternalsMixinType> & typeof LitElement & import('../../core/mixins.ts').SbbElementInternalsConstructor;
 /**
  * It displays its content with the default page spacing.
  *

package/container/container.d.ts

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

package/container/sticky-bar/sticky-bar.component.d.ts

@@ -1,5 +1,5 @@
 import { CSSResultGroup, LitElement, PropertyValues, TemplateResult } from 'lit';
-declare const SbbStickyBarElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbUpdateSchedulerMixinType> & typeof LitElement;
+declare const SbbStickyBarElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbUpdateSchedulerMixinType> & typeof LitElement;
 /**
  * A container that sticks to the bottom of the page if slotted into `sbb-container`.
  *

package/container/sticky-bar.d.ts

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

package/container.d.ts

@@ -1,6 +1,6 @@
 /**
  * @entrypoint
  */
-export * from './container/container.js';
-export * from './container/sticky-bar.js';
+export * from './container/container.ts';
+export * from './container/sticky-bar.ts';
 //# sourceMappingURL=container.d.ts.map

package/core/a11y.d.ts

@@ -1,12 +1,12 @@
 /**
  * @entrypoint
  */
-export * from './a11y/arrow-navigation.js';
-export * from './a11y/fake-event-detection.js';
-export * from './a11y/focus-visible-within-controller.js';
-export * from './a11y/focus.js';
-export * from './a11y/focus-trap-controller.js';
-export * from './a11y/interactivity-checker.js';
-export * from './a11y/input-modality-detector.js';
-export * from './a11y/live-announcer.js';
+export * from './a11y/arrow-navigation.ts';
+export * from './a11y/fake-event-detection.ts';
+export * from './a11y/focus-visible-within-controller.ts';
+export * from './a11y/focus.ts';
+export * from './a11y/focus-trap-controller.ts';
+export * from './a11y/interactivity-checker.ts';
+export * from './a11y/input-modality-detector.ts';
+export * from './a11y/live-announcer.ts';
 //# sourceMappingURL=a11y.d.ts.map

package/core/base-elements/action-base-element.d.ts

@@ -1,5 +1,5 @@
 import { LitElement, TemplateResult } from 'lit';
-declare const SbbActionBaseElement_base: import('../mixins.js').AbstractConstructor<import('../mixins.js').SbbElementInternalsMixinType> & typeof LitElement & import('../mixins.js').SbbElementInternalsConstructor;
+declare const SbbActionBaseElement_base: import('../mixins.ts').AbstractConstructor<import('../mixins.ts').SbbElementInternalsMixinType> & typeof LitElement & import('../mixins.ts').SbbElementInternalsConstructor;
 export declare abstract class SbbActionBaseElement extends SbbActionBaseElement_base {
     protected get maybeDisabled(): boolean | undefined;
     protected get maybeDisabledInteractive(): boolean | undefined;

package/core/base-elements/button-base-element.d.ts

@@ -1,8 +1,8 @@
-import { FormRestoreReason, FormRestoreState } from '../mixins.js';
-import { SbbActionBaseElement } from './action-base-element.js';
+import { FormRestoreReason, FormRestoreState } from '../mixins.ts';
+import { SbbActionBaseElement } from './action-base-element.ts';
 /** Enumeration for type attribute in <button> HTML tag. */
 export type SbbButtonType = 'button' | 'reset' | 'submit';
-declare const SbbButtonLikeBaseElement_base: import('../mixins.js').AbstractConstructor<import('../mixins.js').SbbFormAssociatedMixinType> & typeof SbbActionBaseElement;
+declare const SbbButtonLikeBaseElement_base: import('../mixins.ts').AbstractConstructor<import('../mixins.ts').SbbFormAssociatedMixinType> & typeof SbbActionBaseElement;
 /** Button base class. */
 export declare abstract class SbbButtonLikeBaseElement extends SbbButtonLikeBaseElement_base {
     static readonly role: ElementInternals['role'];

package/core/base-elements/link-base-element.d.ts

@@ -1,6 +1,6 @@
 import { TemplateResult } from 'lit';
-import { SbbLanguageController } from '../controllers.js';
-import { SbbActionBaseElement } from './action-base-element.js';
+import { SbbLanguageController } from '../controllers.ts';
+import { SbbActionBaseElement } from './action-base-element.ts';
 /** Enumeration for 'target' attribute in <a> HTML tag. */
 export type LinkTargetType = '_blank' | '_self' | '_parent' | '_top';
 /** Link base class. */

package/core/base-elements/open-close-base-element.d.ts

@@ -1,6 +1,6 @@
 import { LitElement } from 'lit';
-import { SbbOpenedClosedState } from '../interfaces.js';
-declare const SbbOpenCloseBaseElement_base: import('../mixins.js').AbstractConstructor<import('../mixins.js').SbbElementInternalsMixinType> & typeof LitElement & import('../mixins.js').SbbElementInternalsConstructor;
+import { SbbOpenedClosedState } from '../interfaces.ts';
+declare const SbbOpenCloseBaseElement_base: import('../mixins.ts').AbstractConstructor<import('../mixins.ts').SbbElementInternalsMixinType> & typeof LitElement & import('../mixins.ts').SbbElementInternalsConstructor;
 /**
  * Base class for overlay components.
  */

package/core/base-elements.d.ts

@@ -1,8 +1,8 @@
 /**
  * @entrypoint
  */
-export * from './base-elements/action-base-element.js';
-export * from './base-elements/button-base-element.js';
-export * from './base-elements/link-base-element.js';
-export * from './base-elements/open-close-base-element.js';
+export * from './base-elements/action-base-element.ts';
+export * from './base-elements/button-base-element.ts';
+export * from './base-elements/link-base-element.ts';
+export * from './base-elements/open-close-base-element.ts';
 //# sourceMappingURL=base-elements.d.ts.map

package/core/config/config.d.ts

@@ -1,4 +1,4 @@
-import { DateAdapter } from '../datetime.js';
+import { DateAdapter } from '../datetime.ts';
 export interface SbbIconConfig {
     interceptor?: (parameters: {
         namespace: string;

package/core/config.d.ts

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

package/core/controllers/ancestor-watcher-controller.d.ts

@@ -0,0 +1,14 @@
+import { ReactiveControllerHost, LitElement, ReactiveController } from 'lit';
+type PropertyWatcherHandler<T extends LitElement> = (ancestor: T) => void;
+export declare class SbbAncestorWatcherController<T extends LitElement> implements ReactiveController {
+    private readonly _host;
+    private readonly _ancestorResolver;
+    private readonly _handlers;
+    private _ancestor?;
+    private _watchers?;
+    constructor(_host: ReactiveControllerHost & HTMLElement, _ancestorResolver: () => T | null, _handlers: Partial<Record<keyof T, PropertyWatcherHandler<T>>>);
+    hostConnected(): void;
+    hostDisconnected(): void;
+}
+export {};
+//# sourceMappingURL=ancestor-watcher-controller.d.ts.map

package/core/controllers/ancestor-watcher-controller.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ancestor-watcher-controller.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/controllers/ancestor-watcher-controller.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,sBAAsB,EAC3B,KAAK,UAAU,EACf,KAAK,kBAAkB,EAExB,MAAM,KAAK,CAAC;AAEb,KAAK,sBAAsB,CAAC,CAAC,SAAS,UAAU,IAAI,CAAC,QAAQ,EAAE,CAAC,KAAK,IAAI,CAAC;AAgD1E,qBAAa,4BAA4B,CAAC,CAAC,SAAS,UAAU,CAAE,YAAW,kBAAkB;IAKzF,OAAO,CAAC,QAAQ,CAAC,KAAK;IACtB,OAAO,CAAC,QAAQ,CAAC,iBAAiB;IAClC,OAAO,CAAC,QAAQ,CAAC,SAAS;IAN5B,OAAO,CAAC,SAAS,CAAC,CAAW;IAC7B,OAAO,CAAC,SAAS,CAAC,CAAkC;gBAGjC,KAAK,EAAE,sBAAsB,GAAG,WAAW,EAC3C,iBAAiB,EAAE,MAAM,CAAC,GAAG,IAAI,EACjC,SAAS,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC;IAK1E,aAAa,IAAI,IAAI;IA0BrB,gBAAgB,IAAI,IAAI;CAgBhC"}

package/core/controllers/ancestor-watcher-controller.js

@@ -0,0 +1,51 @@
+import { isServer as a } from "lit";
+class n {
+  get size() {
+    return this._handlers.size;
+  }
+  constructor(t, s) {
+    this._host = t, this._property = s, this._handlers = /* @__PURE__ */ new Set(), a || customElements.upgrade(this._host), this._value = this._host[this._property];
+  }
+  addHandler(t) {
+    this._handlers.size || this._host.addController(this), this._handlers.add(t), t(this._host);
+  }
+  removeHandler(t) {
+    this._handlers.delete(t), this._handlers.size || this._host.removeController(this);
+  }
+  hostUpdate() {
+    const t = this._host[this._property];
+    if (this._value !== t) {
+      this._value = t;
+      for (const s of this._handlers)
+        s(this._host);
+    }
+  }
+}
+const h = /* @__PURE__ */ new WeakMap();
+class _ {
+  constructor(t, s, e) {
+    this._host = t, this._ancestorResolver = s, this._handlers = e, this._host.addController(this);
+  }
+  hostConnected() {
+    const t = this._ancestorResolver();
+    if (this._ancestor === t || !t)
+      return;
+    this._ancestor = t;
+    let s = h.get(this._ancestor);
+    s || (s = /* @__PURE__ */ new Map(), h.set(this._ancestor, s)), this._watchers = s;
+    for (const [e, i] of Object.entries(this._handlers)) {
+      let r = this._watchers.get(e);
+      r || (r = new n(this._ancestor, e), this._watchers.set(e, r)), r.addHandler(i);
+    }
+  }
+  hostDisconnected() {
+    if (this._ancestor !== this._ancestorResolver())
+      for (const [t, s] of Object.entries(this._handlers)) {
+        const e = this._watchers?.get(t);
+        e && (e.removeHandler(s), e.size || (this._watchers.delete(t), !this._watchers.size && this._ancestor && h.delete(this._ancestor)));
+      }
+  }
+}
+export {
+  _ as SbbAncestorWatcherController
+};

package/core/controllers/escapable-overlay-controller.d.ts

@@ -1,5 +1,5 @@
 import { ReactiveController, ReactiveControllerHost } from 'lit';
-import { SbbOpenCloseBaseElement } from '../base-elements/open-close-base-element.js';
+import { SbbOpenCloseBaseElement } from '../base-elements/open-close-base-element.ts';
 /**
  * Handles the stack of overlays and closes the last opened one when pressing Escape.
  */

package/core/controllers/inert-controller.d.ts

@@ -1,5 +1,5 @@
 import { ReactiveController, ReactiveControllerHost } from 'lit';
-import { SbbOpenCloseBaseElement } from '../base-elements.js';
+import { SbbOpenCloseBaseElement } from '../base-elements.ts';
 export declare class SbbInertController implements ReactiveController {
     private _host;
     private _inertElements;

package/core/controllers/media-matchers-controller.d.ts

@@ -1,5 +1,5 @@
 import { ReactiveController, ReactiveControllerHost } from 'lit';
-import { SbbElementInternalsMixinType } from '../mixins.js';
+import { SbbElementInternalsMixinType } from '../mixins.ts';
 export declare const SbbMediaQueryForcedColors = "(forced-colors: active)";
 export declare const SbbMediaQueryDarkMode = "(prefers-color-scheme: dark)";
 export declare const SbbMediaQueryHover = "(any-hover: hover)";

package/core/controllers.d.ts

@@ -1,11 +1,12 @@
 /**
  * @entrypoint
  */
-export * from './controllers/escapable-overlay-controller.js';
-export * from './controllers/id-reference-controller.js';
-export * from './controllers/inert-controller.js';
-export * from './controllers/language-controller.js';
-export * from './controllers/media-matchers-controller.js';
-export * from './controllers/slot-state-controller.js';
-export * from './controllers/overlay-position-controller.js';
+export * from './controllers/ancestor-watcher-controller.ts';
+export * from './controllers/escapable-overlay-controller.ts';
+export * from './controllers/id-reference-controller.ts';
+export * from './controllers/inert-controller.ts';
+export * from './controllers/language-controller.ts';
+export * from './controllers/media-matchers-controller.ts';
+export * from './controllers/slot-state-controller.ts';
+export * from './controllers/overlay-position-controller.ts';
 //# sourceMappingURL=controllers.d.ts.map

package/core/controllers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"controllers.d.ts","sourceRoot":"","sources":["../../../src/elements/core/controllers.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,+CAA+C,CAAC;AAC9D,cAAc,0CAA0C,CAAC;AACzD,cAAc,mCAAmC,CAAC;AAClD,cAAc,sCAAsC,CAAC;AACrD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,wCAAwC,CAAC;AACvD,cAAc,8CAA8C,CAAC"}
+{"version":3,"file":"controllers.d.ts","sourceRoot":"","sources":["../../../src/elements/core/controllers.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,8CAA8C,CAAC;AAC7D,cAAc,+CAA+C,CAAC;AAC9D,cAAc,0CAA0C,CAAC;AACzD,cAAc,mCAAmC,CAAC;AAClD,cAAc,sCAAsC,CAAC;AACrD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,wCAAwC,CAAC;AACvD,cAAc,8CAA8C,CAAC"}

package/core/controllers.js

@@ -1,25 +1,27 @@
-import { SbbEscapableOverlayController as o } from "./controllers/escapable-overlay-controller.js";
-import { SbbIdReferenceController as t } from "./controllers/id-reference-controller.js";
-import { SbbInertController as l } from "./controllers/inert-controller.js";
-import { SbbLanguageController as S } from "./controllers/language-controller.js";
-import { SbbDarkModeController as i, SbbMediaMatcherController as p, SbbMediaQueryBreakpointLargeAndAbove as C, SbbMediaQueryBreakpointLargeAndBelow as M, SbbMediaQueryBreakpointSmallAndBelow as y, SbbMediaQueryDarkMode as f, SbbMediaQueryForcedColors as m, SbbMediaQueryHover as u, SbbMediaQueryPointerCoarse as x } from "./controllers/media-matchers-controller.js";
-import { SbbSlotStateController as g, SbbSlottedChangeEvent as k } from "./controllers/slot-state-controller.js";
-import { SbbOverlayPositionController as B } from "./controllers/overlay-position-controller.js";
+import { SbbAncestorWatcherController as o } from "./controllers/ancestor-watcher-controller.js";
+import { SbbEscapableOverlayController as t } from "./controllers/escapable-overlay-controller.js";
+import { SbbIdReferenceController as a } from "./controllers/id-reference-controller.js";
+import { SbbInertController as S } from "./controllers/inert-controller.js";
+import { SbbLanguageController as i } from "./controllers/language-controller.js";
+import { SbbDarkModeController as C, SbbMediaMatcherController as M, SbbMediaQueryBreakpointLargeAndAbove as f, SbbMediaQueryBreakpointLargeAndBelow as m, SbbMediaQueryBreakpointSmallAndBelow as y, SbbMediaQueryDarkMode as u, SbbMediaQueryForcedColors as x, SbbMediaQueryHover as Q, SbbMediaQueryPointerCoarse as c } from "./controllers/media-matchers-controller.js";
+import { SbbSlotStateController as k, SbbSlottedChangeEvent as s } from "./controllers/slot-state-controller.js";
+import { SbbOverlayPositionController as A } from "./controllers/overlay-position-controller.js";
 export {
-  i as SbbDarkModeController,
-  o as SbbEscapableOverlayController,
-  t as SbbIdReferenceController,
-  l as SbbInertController,
-  S as SbbLanguageController,
-  p as SbbMediaMatcherController,
-  C as SbbMediaQueryBreakpointLargeAndAbove,
-  M as SbbMediaQueryBreakpointLargeAndBelow,
+  o as SbbAncestorWatcherController,
+  C as SbbDarkModeController,
+  t as SbbEscapableOverlayController,
+  a as SbbIdReferenceController,
+  S as SbbInertController,
+  i as SbbLanguageController,
+  M as SbbMediaMatcherController,
+  f as SbbMediaQueryBreakpointLargeAndAbove,
+  m as SbbMediaQueryBreakpointLargeAndBelow,
   y as SbbMediaQueryBreakpointSmallAndBelow,
-  f as SbbMediaQueryDarkMode,
-  m as SbbMediaQueryForcedColors,
-  u as SbbMediaQueryHover,
-  x as SbbMediaQueryPointerCoarse,
-  B as SbbOverlayPositionController,
-  g as SbbSlotStateController,
-  k as SbbSlottedChangeEvent
+  u as SbbMediaQueryDarkMode,
+  x as SbbMediaQueryForcedColors,
+  Q as SbbMediaQueryHover,
+  c as SbbMediaQueryPointerCoarse,
+  A as SbbOverlayPositionController,
+  k as SbbSlotStateController,
+  s as SbbSlottedChangeEvent
 };

package/core/datetime/native-date-adapter.d.ts

@@ -1,4 +1,4 @@
-import { DateAdapter } from './date-adapter.js';
+import { DateAdapter } from './date-adapter.ts';
 export declare class NativeDateAdapter extends DateAdapter<Date> {
     private readonly _cutoffYearOffset;
     constructor(cutoffYearOffset?: number);

package/core/datetime.d.ts

@@ -1,6 +1,6 @@
 /**
  * @entrypoint
  */
-export * from './datetime/date-adapter.js';
-export * from './datetime/native-date-adapter.js';
+export * from './datetime/date-adapter.ts';
+export * from './datetime/native-date-adapter.ts';
 //# sourceMappingURL=datetime.d.ts.map

package/core/decorators/force-type.d.ts

@@ -1,5 +1,5 @@
 import { ReactiveElement } from 'lit';
-import { Interface, PropertyDecorator } from './base.js';
+import { Interface, PropertyDecorator } from './base.ts';
 /**
  * Decorator that forces the value of a property or getter/setter
  * to the defined type.

package/core/decorators/get-override.d.ts

@@ -1,5 +1,5 @@
 import { ReactiveElement } from 'lit';
-import { Interface } from './base.js';
+import { Interface } from './base.ts';
 /**
  * Decorator that overrides the underlying getter of the accessor.
  */

package/core/decorators/handle-distinct-change.d.ts

@@ -1,5 +1,5 @@
 import { ReactiveElement } from 'lit';
-import { Interface } from './base.js';
+import { Interface } from './base.ts';
 /**
  * Decorator that calls the given callback when the value
  * of the associated property is changed.

package/core/decorators/host-attributes.d.ts

@@ -1,5 +1,5 @@
 import { ReactiveElement } from 'lit';
-import { AbstractConstructor } from '../mixins.js';
+import { AbstractConstructor } from '../mixins.ts';
 /**
  * Applies the given attributes to the related element.
  * If an empty string is passed as a value, the attribute will be set

package/core/decorators/id-reference.d.ts

@@ -1,5 +1,5 @@
 import { ReactiveElement } from 'lit';
-import { Interface } from './base.js';
+import { Interface } from './base.ts';
 /**
  * Accessor decorator that resolves id references dynamically.
  * If a string is passed (e.g. from an attribute), it will be resolved to the element with that id.