@sbb-esta/lyne-elements 2.8.0 → 2.9.0

package/card/card/card.component.d.ts

@@ -0,0 +1,31 @@
+import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
+/**
+ * It displays content related to a single subject.
+ *
+ * @slot - Use the unnamed slot to add content to the card.
+ * @slot badge - Use this slot to render a `sbb-card-badge` component.
+ * @slot action - Use this slot to render a `sbb-card-button` or a `sbb-card-link` component.
+ */
+export declare class SbbCardElement extends LitElement {
+    static styles: CSSResultGroup;
+    /**
+     * Size variant, either xs, s, m, l, xl, xxl or xxxl.
+     * @default 'm' / 'xs' (lean)
+     */
+    accessor size: 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | 'xxxl';
+    /** Option to set the component's background color. */
+    accessor color: 'white' | 'milk' | 'transparent-bordered' | 'transparent-bordered-dashed';
+    /**
+     * It is used internally to show the `<sbb-card-badge>`.
+     *
+     * @returns True whether size is equal to m, l, xl or xxl.
+     */
+    private _isBadgeVisible;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-card': SbbCardElement;
+    }
+}
+//# sourceMappingURL=card.component.d.ts.map

package/card/card/card.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/card/card/card.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAW,MAAM,KAAK,CAAC;AAOhD;;;;;;GAMG;AACH,qBAEM,cAAe,SAAQ,UAAU;IACrC,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD;;;OAGG;IACH,SAA6C,IAAI,EAC7C,IAAI,GACJ,GAAG,GACH,GAAG,GACH,GAAG,GACH,IAAI,GACJ,KAAK,GACL,MAAM,CAAyB;IAEnC,sDAAsD;IACtD,SAA6C,KAAK,EAC9C,OAAO,GACP,MAAM,GACN,sBAAsB,GACtB,6BAA6B,CAAW;IAE5C;;;;OAIG;IACH,OAAO,CAAC,eAAe;cAIJ,MAAM,IAAI,cAAc;CAe5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,UAAU,EAAE,cAAc,CAAC;KAC5B;CACF"}

package/card/card-badge/card-badge.component.d.ts

@@ -0,0 +1,22 @@
+import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
+/**
+ * It displays content within a badge.
+ *
+ * @slot - Use the unnamed slot to add content to the badge.
+ *   Content parts should be wrapped in `<span>` tags to achieve correct spacings.
+ */
+export declare class SbbCardBadgeElement extends LitElement {
+    static styles: CSSResultGroup;
+    /** Color of the card badge. */
+    accessor color: 'charcoal' | 'white';
+    private _parentElement?;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-card-badge': SbbCardBadgeElement;
+    }
+}
+//# sourceMappingURL=card-badge.component.d.ts.map

package/card/card-badge/card-badge.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-badge.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/card/card-badge/card-badge.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAOvC;;;;;GAKG;AACH,qBAMM,mBAAoB,SAAQ,UAAU;IAC1C,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,+BAA+B;IAC/B,SAA6C,KAAK,EAAE,UAAU,GAAG,OAAO,CAAc;IAEtF,OAAO,CAAC,cAAc,CAAC,CAAqB;IAE5B,iBAAiB,IAAI,IAAI;IAQzB,oBAAoB,IAAI,IAAI;cAQzB,MAAM,IAAI,cAAc;CAY5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,gBAAgB,EAAE,mBAAmB,CAAC;KACvC;CACF"}

package/card/card-badge.d.ts

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

package/card/card-badge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card-badge.d.ts","sourceRoot":"","sources":["../../../src/elements/card/card-badge.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,4BAA4B,CAAC"}
+{"version":3,"file":"card-badge.d.ts","sourceRoot":"","sources":["../../../src/elements/card/card-badge.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,sCAAsC,CAAC"}

package/card/card-badge.js

@@ -1,4 +1,4 @@
-import { SbbCardBadgeElement as a } from "./card-badge/card-badge.js";
+import { SbbCardBadgeElement as a } from "./card-badge/card-badge.component.js";
 export {
   a as SbbCardBadgeElement
 };

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

@@ -0,0 +1,18 @@
+import { SbbButtonBaseElement } from '../../core/base-elements.js';
+declare const SbbCardButtonElement_base: import('../../core/mixins.js').AbstractConstructor<import('../common.js').SbbCardActionCommonElementMixinType> & typeof SbbButtonBaseElement;
+/**
+ * It turns the `sbb-card` into a button element.
+ *
+ * @slot - Use the unnamed slot to add a descriptive label / title of the button (important!).
+ *   This is relevant for SEO and screen readers.
+ */
+export declare class SbbCardButtonElement extends SbbCardButtonElement_base {
+    protected actionRole: 'link' | 'button';
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-card-button': SbbCardButtonElement;
+    }
+}
+export {};
+//# sourceMappingURL=card-button.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card-button.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/card/card-button/card-button.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;;AAGnE;;;;;GAKG;AACH,qBAEM,oBAAqB,SAAQ,yBAAqD;IACtF,UAAmB,UAAU,EAAE,MAAM,GAAG,QAAQ,CAAY;CAC7D;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,iBAAiB,EAAE,oBAAoB,CAAC;KACzC;CACF"}

package/card/card-button.d.ts

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

package/card/card-button.d.ts.map

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

package/card/card-button.js

@@ -1,4 +1,4 @@
-import { SbbCardButtonElement as o } from "./card-button/card-button.js";
+import { SbbCardButtonElement as o } from "./card-button/card-button.component.js";
 export {
   o as SbbCardButtonElement
 };

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

@@ -0,0 +1,18 @@
+import { SbbLinkBaseElement } from '../../core/base-elements.js';
+declare const SbbCardLinkElement_base: import('../../core/mixins.js').AbstractConstructor<import('../common.js').SbbCardActionCommonElementMixinType> & typeof SbbLinkBaseElement;
+/**
+ * It turns the `sbb-card` into a link element.
+ *
+ * @slot - Use the unnamed slot to add a descriptive label / title of the link (important!).
+ *   This is relevant for SEO and screen readers.
+ */
+export declare class SbbCardLinkElement extends SbbCardLinkElement_base {
+    protected actionRole: 'link' | 'button';
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-card-link': SbbCardLinkElement;
+    }
+}
+export {};
+//# sourceMappingURL=card-link.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card-link.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/card/card-link/card-link.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;;AAGjE;;;;;GAKG;AACH,qBAEM,kBAAmB,SAAQ,uBAAmD;IAClF,UAAmB,UAAU,EAAE,MAAM,GAAG,QAAQ,CAAU;CAC3D;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,eAAe,EAAE,kBAAkB,CAAC;KACrC;CACF"}

package/card/card-link.d.ts

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

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

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

package/card/card-link.js

@@ -1,4 +1,4 @@
-import { SbbCardLinkElement as b } from "./card-link/card-link.js";
+import { SbbCardLinkElement as b } from "./card-link/card-link.component.js";
 export {
   b as SbbCardLinkElement
 };

package/card/card.d.ts

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

package/card/card.d.ts.map

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

package/card/card.js

@@ -1,4 +1,4 @@
-import { SbbCardElement as b } from "./card/card.js";
+import { SbbCardElement as b } from "./card/card.component.js";
 export {
   b as SbbCardElement
 };

package/card.js

@@ -1,7 +1,7 @@
-import { SbbCardElement as o } from "./card/card/card.js";
-import { SbbCardBadgeElement as m } from "./card/card-badge/card-badge.js";
-import { SbbCardButtonElement as n } from "./card/card-button/card-button.js";
-import { SbbCardLinkElement as d } from "./card/card-link/card-link.js";
+import { SbbCardElement as o } from "./card/card/card.component.js";
+import { SbbCardBadgeElement as m } from "./card/card-badge/card-badge.component.js";
+import { SbbCardButtonElement as n } from "./card/card-button/card-button.component.js";
+import { SbbCardLinkElement as d } from "./card/card-link/card-link.component.js";
 import { SbbCardActionCommonElementMixin as C } from "./card/common/card-action-common.js";
 export {
   C as SbbCardActionCommonElementMixin,

package/checkbox/checkbox/checkbox.component.d.ts

@@ -0,0 +1,30 @@
+import { LitElement, CSSResultGroup, TemplateResult } from 'lit';
+import { SbbIconPlacement } from '../../core/interfaces.js';
+import { SbbCheckboxSize } from '../common.js';
+declare const SbbCheckboxElement_base: import('../../core/mixins.js').Constructor<import('../common.js').SbbCheckboxCommonElementMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../icon.js').SbbIconNameMixinType> & typeof LitElement;
+/**
+ * It displays a checkbox enhanced with the SBB Design.
+ *
+ * @slot - Use the unnamed slot to add content to the `sbb-checkbox`.
+ * @slot icon - Slot used to render the checkbox icon (disabled inside a selection panel).
+ * @event {Event} change - Event fired on change.
+ * @event {InputEvent} input - Event fired on input.
+ */
+export declare class SbbCheckboxElement extends SbbCheckboxElement_base {
+    static styles: CSSResultGroup;
+    /**
+     * Size variant, either m, s or xs.
+     * @default 'm' / 'xs' (lean)
+     */
+    accessor size: SbbCheckboxSize;
+    /** The label position relative to the labelIcon. Defaults to end */
+    accessor iconPlacement: SbbIconPlacement;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-checkbox': SbbCheckboxElement;
+    }
+}
+export {};
+//# sourceMappingURL=checkbox.component.d.ts.map

package/checkbox/checkbox/checkbox.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/checkbox/checkbox/checkbox.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAKjF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAEjE,OAAO,EAGL,KAAK,eAAe,EACrB,MAAM,cAAc,CAAC;AAItB,OAAO,0BAA0B,CAAC;;AAElC;;;;;;;GAOG;AACH,qBAGM,kBAAmB,SAAQ,uBAA2D;IAC1F,OAAuB,MAAM,EAAE,cAAc,CAAwC;IAErF;;;OAGG;IACH,SAEgB,IAAI,EAAE,eAAe,CAAyB;IAE9D,oEAAoE;IACpE,SACgB,aAAa,EAAE,gBAAgB,CAAS;cAErC,MAAM,IAAI,cAAc;CAwB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,cAAc,EAAE,kBAAkB,CAAC;KACpC;CACF"}

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

@@ -0,0 +1,40 @@
+import { CSSResultGroup, PropertyValues, TemplateResult, LitElement } from 'lit';
+import { SbbHorizontalFrom, SbbOrientation } from '../../core/interfaces.js';
+import { SbbCheckboxPanelElement } from '../checkbox-panel.js';
+import { SbbCheckboxElement } from '../checkbox.js';
+import { SbbCheckboxSize } from '../common.js';
+declare const SbbCheckboxGroupElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType> & typeof LitElement;
+/**
+ * It can be used as a container for one or more `sbb-checkbox`.
+ *
+ * @slot - Use the unnamed slot to add `sbb-checkbox` elements to the `sbb-checkbox-group`.
+ * @slot error - Slot used to render a `sbb-form-error` inside the `sbb-checkbox-group`.
+ */
+export declare class SbbCheckboxGroupElement extends SbbCheckboxGroupElement_base {
+    static styles: CSSResultGroup;
+    /** Whether the checkbox group is required. */
+    accessor required: boolean;
+    /**
+     * Size variant, either m, s or xs.
+     * @default 'm' / 'xs' (lean)
+     */
+    accessor size: SbbCheckboxSize;
+    /** Overrides the behaviour of `orientation` property. */
+    accessor horizontalFrom: SbbHorizontalFrom | null;
+    /** Indicates the orientation of the checkboxes inside the `<sbb-checkbox-group>`. */
+    accessor orientation: SbbOrientation;
+    /** List of contained checkbox elements. */
+    get checkboxes(): (SbbCheckboxElement | SbbCheckboxPanelElement)[];
+    constructor();
+    connectedCallback(): void;
+    protected willUpdate(changedProperties: PropertyValues<this>): void;
+    private _handleKeyDown;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-checkbox-group': SbbCheckboxGroupElement;
+    }
+}
+export {};
+//# sourceMappingURL=checkbox-group.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-group.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/checkbox/checkbox-group/checkbox-group.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAMvC,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAElF,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;;AAIpD;;;;;GAKG;AACH,qBAGM,uBAAwB,SAAQ,4BAA4B;IAChE,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,8CAA8C;IAC9C,SAEgB,QAAQ,EAAE,OAAO,CAAS;IAE1C;;;OAGG;IACH,SAA4B,IAAI,EAAE,eAAe,CAAyB;IAE1E,yDAAyD;IACzD,SACgB,cAAc,EAAE,iBAAiB,GAAG,IAAI,CAAQ;IAEhE,qFAAqF;IACrF,SACgB,WAAW,EAAE,cAAc,CAAgB;IAE3D,2CAA2C;IAC3C,IAAW,UAAU,IAAI,CAAC,kBAAkB,GAAG,uBAAuB,CAAC,EAAE,CAMxE;;IAOe,iBAAiB,IAAI,IAAI;cAKtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAc5E,OAAO,CAAC,cAAc;cA0BH,MAAM,IAAI,cAAc;CAU5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,oBAAoB,EAAE,uBAAuB,CAAC;KAC/C;CACF"}

package/checkbox/checkbox-group.d.ts

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

package/checkbox/checkbox-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-group.d.ts","sourceRoot":"","sources":["../../../src/elements/checkbox/checkbox-group.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,oCAAoC,CAAC"}
+{"version":3,"file":"checkbox-group.d.ts","sourceRoot":"","sources":["../../../src/elements/checkbox/checkbox-group.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,8CAA8C,CAAC"}

package/checkbox/checkbox-group.js

@@ -1,4 +1,4 @@
-import { SbbCheckboxGroupElement as b } from "./checkbox-group/checkbox-group.js";
+import { SbbCheckboxGroupElement as b } from "./checkbox-group/checkbox-group.component.js";
 export {
   b as SbbCheckboxGroupElement
 };

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

@@ -0,0 +1,43 @@
+import { CSSResultGroup, LitElement, PropertyValues, TemplateResult } from 'lit';
+import { EventEmitter } from '../../core/eventing.js';
+import { SbbCheckedStateChange, SbbDisabledStateChange, SbbStateChange } from '../../core/interfaces/types.js';
+import { SbbPanelSize } from '../../core/mixins.js';
+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;
+/**
+ * It displays a checkbox enhanced with selection panel design.
+ *
+ * @slot - Use the unnamed slot to add content to the `sbb-checkbox`.
+ * @slot subtext - Slot used to render a subtext under the label (only visible within a selection panel).
+ * @slot suffix - Slot used to render additional content after the label (only visible within a selection panel).
+ * @slot badge - Use this slot to provide a `sbb-card-badge` (optional).
+ * @event {Event} change - Event fired on change.
+ * @event {InputEvent} input - Event fired on input.
+ */
+export declare class SbbCheckboxPanelElement extends SbbCheckboxPanelElement_base {
+    static styles: CSSResultGroup;
+    static readonly events: {
+        readonly stateChange: "stateChange";
+        readonly panelConnected: "panelConnected";
+    };
+    /**
+     * Size variant, either m or s.
+     * @default 'm' / 's' (lean)
+     */
+    accessor size: SbbPanelSize;
+    /**
+     * @internal
+     * Internal event that emits whenever the state of the checkbox
+     * in relation to the parent selection panel changes.
+     */
+    protected stateChange: EventEmitter<SbbCheckboxPanelStateChange>;
+    protected willUpdate(changedProperties: PropertyValues<this>): void;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-checkbox-panel': SbbCheckboxPanelElement;
+    }
+}
+export {};
+//# sourceMappingURL=checkbox-panel.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-panel.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/checkbox/checkbox-panel/checkbox-panel.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAEnB,UAAU,EAEV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAKb,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,KAAK,EACV,qBAAqB,EACrB,sBAAsB,EACtB,cAAc,EACf,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAGL,KAAK,YAAY,EAElB,MAAM,sBAAsB,CAAC;AAG9B,OAAO,6BAA6B,CAAC;AACrC,OAAO,0BAA0B,CAAC;AAElC,MAAM,MAAM,2BAA2B,GAAG,OAAO,CAC/C,cAAc,EACd,sBAAsB,GAAG,qBAAqB,CAC/C,CAAC;;AAEF;;;;;;;;;GASG;AACH,qBAGM,uBAAwB,SAAQ,4BAErC;IACC,OAAuB,MAAM,EAAE,cAAc,CAA2C;IAGxF,gBAAuB,MAAM;;;MAGlB;IAEX;;;OAGG;IACH,SAEgB,IAAI,EAAE,YAAY,CAAwB;IAE1D;;;;OAIG;IACH,SAAS,CAAC,WAAW,EAAE,YAAY,CAAC,2BAA2B,CAAC,CAI9D;cAEiB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAkBzD,MAAM,IAAI,cAAc;CA8B5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,oBAAoB,EAAE,uBAAuB,CAAC;KAC/C;CACF"}

package/checkbox/checkbox-panel.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"checkbox-panel.d.ts","sourceRoot":"","sources":["../../../src/elements/checkbox/checkbox-panel.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,oCAAoC,CAAC"}
+{"version":3,"file":"checkbox-panel.d.ts","sourceRoot":"","sources":["../../../src/elements/checkbox/checkbox-panel.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,8CAA8C,CAAC"}

package/checkbox/checkbox-panel.js

@@ -1,4 +1,4 @@
-import { SbbCheckboxPanelElement as o } from "./checkbox-panel/checkbox-panel.js";
+import { SbbCheckboxPanelElement as o } from "./checkbox-panel/checkbox-panel.component.js";
 export {
   o as SbbCheckboxPanelElement
 };

package/checkbox/checkbox.d.ts

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

package/checkbox/checkbox.d.ts.map

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

package/checkbox/checkbox.js

@@ -1,4 +1,4 @@
-import { SbbCheckboxElement as o } from "./checkbox/checkbox.js";
+import { SbbCheckboxElement as o } from "./checkbox/checkbox.component.js";
 export {
   o as SbbCheckboxElement
 };

package/checkbox.js

@@ -1,6 +1,6 @@
-import { SbbCheckboxElement as b } from "./checkbox/checkbox/checkbox.js";
-import { SbbCheckboxGroupElement as r } from "./checkbox/checkbox-group/checkbox-group.js";
-import { SbbCheckboxPanelElement as t } from "./checkbox/checkbox-panel/checkbox-panel.js";
+import { SbbCheckboxElement as b } from "./checkbox/checkbox/checkbox.component.js";
+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-CDzcyq8p.js";
 export {

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

@@ -0,0 +1,32 @@
+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> & typeof LitElement;
+/**
+ * It displays a chip. Usually used in combination with `sbb-chip-group`.
+ *
+ * @slot - Use the unnamed slot to add the display value. If not provided, the 'value' will be used.
+ */
+export declare class SbbChipElement extends SbbChipElement_base {
+    static styles: CSSResultGroup;
+    static readonly events: {
+        readonly requestDelete: "requestDelete";
+    };
+    /** The value of chip. Will be used as label if nothing is slotted. */
+    accessor value: string;
+    /** Whether the component is readonly */
+    accessor readonly: boolean;
+    /** @internal */
+    private _requestDelete;
+    private _language;
+    constructor();
+    protected willUpdate(changedProperties: PropertyValues<this>): void;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    private _deleteButton;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-chip': SbbChipElement;
+    }
+}
+export {};
+//# sourceMappingURL=chip.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chip.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/chip/chip/chip.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAEnB,UAAU,EACV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AASb,OAAO,6BAA6B,CAAC;AACrC,OAAO,6BAA6B,CAAC;;AAIrC;;;;GAIG;AACH,qBAEM,cAAe,SAAQ,mBAA8C;IACzE,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;MAElB;IAEX,sEAAsE;IACtE,SAAyC,KAAK,EAAE,MAAM,CAAM;IAE5D,wCAAwC;IACxC,SAEgB,QAAQ,EAAE,OAAO,CAAS;IAE1C,gBAAgB;IAChB,OAAO,CAAC,cAAc,CAAoE;IAE1F,OAAO,CAAC,SAAS,CAAmC;;cASjC,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAYzD,YAAY,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;IAQzE,OAAO,CAAC,aAAa;cAIF,MAAM,IAAI,cAAc;CAmB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,UAAU,EAAE,cAAc,CAAC;KAC5B;CACF"}

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

@@ -0,0 +1,100 @@
+import { CSSResultGroup, LitElement, PropertyValues, TemplateResult } from 'lit';
+import { FormRestoreReason, FormRestoreState } from '../../core/mixins.js';
+export interface SbbChipInputTokenEndEventDetails {
+    /** The element that triggered the chip creation */
+    origin: 'input' | 'autocomplete';
+    /** The value of the new chip. Either the input or the option value depending on the origin */
+    value: string;
+    label?: string;
+    /** Set a new value for the chip that will be created */
+    setValue(value: string): void;
+    /** 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<string[]>> & typeof LitElement;
+/**
+ * The `sbb-chip-group` component is used as a container for one or multiple `sbb-chip`.
+ *
+ * @event {CustomEvent<void>} change - Notifies that the component's value has changed.
+ * @event {CustomEvent<void>} input - Notifies that the component's value has changed.
+ * @event {CustomEvent<SbbChipInputTokenEndEventDetails>} chipInputTokenEnd - Notifies that a chip is about to be created. Can be used to customize the value and the label. Can be prevented.
+ * @slot - Use the unnamed slot to add `sbb-chip` elements.
+ * @overrideType value - string[] | null
+ */
+export declare class SbbChipGroupElement extends SbbChipGroupElement_base {
+    static styles: CSSResultGroup;
+    static readonly events: {
+        readonly input: "input";
+        readonly change: "change";
+        readonly chipInputTokenEnd: "chipInputTokenEnd";
+    };
+    /** Value of the form element. */
+    set value(value: string[] | null);
+    get value(): string[];
+    /** The array of keys that will trigger a `chipInputTokenEnd` event. Default `['Enter']` */
+    accessor separatorKeys: string[];
+    /** Notifies that the component's value has changed. */
+    private _change;
+    /** Notifies that the component's value has changed. */
+    private _input;
+    /** Notifies that a chip is about to be created. Can be prevented. */
+    private _chipInputTokenEnd;
+    /**
+     * Listens to the changes on `readonly` and `disabled` attributes of `<input>`.
+     */
+    private _inputAttributeObserver;
+    /**
+     * Listens to the 'size' changes on the `sbb-form-field`.
+     */
+    private _formFieldAttributeObserver;
+    private _inputElement;
+    private _inputAbortController;
+    private _language;
+    constructor();
+    connectedCallback(): void;
+    protected willUpdate(changedProperties: PropertyValues): void;
+    /** @internal */
+    formResetCallback(): void;
+    /** @internal */
+    formStateRestoreCallback(state: FormRestoreState | null, _reason: FormRestoreReason): void;
+    protected updateFormValue(): void;
+    protected shouldValidate(name: PropertyKey | undefined): boolean;
+    protected validate(): void;
+    /** Return the list of chip elements **/
+    private _chipElements;
+    /** Return the list of enabled chip elements **/
+    private _enabledChipElements;
+    private _setupComponent;
+    /**
+     * Listen for keyboard events on the chip elements
+     **/
+    private _onChipKeyDown;
+    /**
+     * Listen for keyboard events on the input
+     **/
+    private _onInputKeyDown;
+    /**
+     * If the input is not empty, create a chip with its value
+     */
+    private _createChipFromInput;
+    private _deleteChip;
+    /**
+     * Focus an enabled chip. If none are present, focus the input
+     * @param index The index of the enabled chip. If null, focus the last one.
+     */
+    private _focusChip;
+    private _emitInputEvents;
+    private _createChipElement;
+    private _reactToInputChanges;
+    private _proxyStateToChips;
+    private _inheritSize;
+    private _updateInputDescription;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-chip-group': SbbChipGroupElement;
+    }
+}
+export {};
+//# sourceMappingURL=chip-group.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chip-group.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/chip/chip-group/chip-group.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAGnB,UAAU,EACV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AASb,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EAKtB,MAAM,sBAAsB,CAAC;AAK9B,MAAM,WAAW,gCAAgC;IAC/C,mDAAmD;IACnD,MAAM,EAAE,OAAO,GAAG,cAAc,CAAC;IACjC,8FAA8F;IAC9F,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wDAAwD;IACxD,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,oDAAoD;IACpD,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CAC/B;;AAED;;;;;;;;GAQG;AACH,qBAEM,mBAAoB,SAAQ,wBAIjC;IACC,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;;;MAIlB;IAEX,iCAAiC;IACjC,IACoB,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,EA4B/C;IACD,IAAoB,KAAK,IAAI,MAAM,EAAE,CAEpC;IAED,2FAA2F;IAC3F,SACgB,aAAa,EAAE,MAAM,EAAE,CAAa;IAEpD,uDAAuD;IACvD,OAAO,CAAC,OAAO,CAA2E;IAE1F,uDAAuD;IACvD,OAAO,CAAC,MAAM,CAA0E;IAExF,qEAAqE;IACrE,OAAO,CAAC,kBAAkB,CAGxB;IAEF;;OAEG;IACH,OAAO,CAAC,uBAAuB,CAEtB;IAET;;OAEG;IACH,OAAO,CAAC,2BAA2B,CAE1B;IAET,OAAO,CAAC,aAAa,CAA+B;IACpD,OAAO,CAAC,qBAAqB,CAA8B;IAC3D,OAAO,CAAC,SAAS,CAAmC;;IAepC,iBAAiB,IAAI,IAAI;cAKtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;IAYtE,gBAAgB;IACT,iBAAiB,IAAI,IAAI;IAIhC,gBAAgB;IACT,wBAAwB,CAC7B,KAAK,EAAE,gBAAgB,GAAG,IAAI,EAC9B,OAAO,EAAE,iBAAiB,GACzB,IAAI;IAUP,SAAS,CAAC,eAAe,IAAI,IAAI;cAQd,cAAc,CAAC,IAAI,EAAE,WAAW,GAAG,SAAS,GAAG,OAAO;cAItD,QAAQ,IAAI,IAAI;IASnC,wCAAwC;IACxC,OAAO,CAAC,aAAa;IAIrB,gDAAgD;IAChD,OAAO,CAAC,oBAAoB;IAI5B,OAAO,CAAC,eAAe;IA2CvB;;QAEI;IACJ,OAAO,CAAC,cAAc;IAyBtB;;QAEI;IACJ,OAAO,CAAC,eAAe;IAoBvB;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAuB5B,OAAO,CAAC,WAAW;IAOnB;;;OAGG;IACH,OAAO,CAAC,UAAU;IAgBlB,OAAO,CAAC,gBAAgB;IAKxB,OAAO,CAAC,kBAAkB;IAO1B,OAAO,CAAC,oBAAoB;IAK5B,OAAO,CAAC,kBAAkB;IAQ1B,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,uBAAuB;cAUZ,MAAM,IAAI,cAAc;CAO5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,gBAAgB,EAAE,mBAAmB,CAAC;KACvC;CACF"}