@sbb-esta/lyne-elements 2.7.1 → 2.9.0

package/development/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/development/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/development/checkbox/checkbox-group.js

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

package/development/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/development/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/development/checkbox/checkbox-panel/checkbox-panel.component.js

@@ -0,0 +1,108 @@
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+import { __runInitializers, __esDecorate } from "tslib";
+import { LitElement, nothing, html } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import { slotState, getOverride } from "../../core/decorators.js";
+import { isLean } from "../../core/dom.js";
+import { EventEmitter } from "../../core/eventing.js";
+import { SbbPanelMixin, SbbUpdateSchedulerMixin, panelCommonStyle } from "../../core/mixins.js";
+import { SbbCheckboxCommonElementMixin, checkboxCommonStyle } from "../common.js";
+import "../../screen-reader-only.js";
+import "../../visual-checkbox.js";
+let SbbCheckboxPanelElement = (() => {
+  var _size_accessor_storage, _a;
+  let _classDecorators = [customElement("sbb-checkbox-panel"), slotState()];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = SbbPanelMixin(SbbCheckboxCommonElementMixin(SbbUpdateSchedulerMixin(LitElement)));
+  let _size_decorators;
+  let _size_initializers = [];
+  let _size_extraInitializers = [];
+  var SbbCheckboxPanelElement2 = (_a = class extends _classSuper {
+    constructor() {
+      super(...arguments);
+      __privateAdd(this, _size_accessor_storage);
+      __privateSet(this, _size_accessor_storage, __runInitializers(this, _size_initializers, isLean() ? "s" : "m"));
+      this.stateChange = (__runInitializers(this, _size_extraInitializers), new EventEmitter(this, SbbCheckboxPanelElement2.events.stateChange, { bubbles: true }));
+    }
+    /**
+     * Size variant, either m or s.
+     * @default 'm' / 's' (lean)
+     */
+    get size() {
+      return __privateGet(this, _size_accessor_storage);
+    }
+    set size(value) {
+      __privateSet(this, _size_accessor_storage, value);
+    }
+    willUpdate(changedProperties) {
+      super.willUpdate(changedProperties);
+      if (changedProperties.has("checked")) {
+        this.toggleAttribute("data-checked", this.checked);
+        if (this.checked !== changedProperties.get("checked")) {
+          this.stateChange.emit({ type: "checked", checked: this.checked });
+        }
+      }
+      if (changedProperties.has("disabled")) {
+        if (this.disabled !== changedProperties.get("disabled")) {
+          this.stateChange.emit({ type: "disabled", disabled: this.disabled });
+        }
+      }
+    }
+    render() {
+      return html`
+      <span class="sbb-selection-panel">
+        <div class="sbb-selection-panel__badge">
+          <slot name="badge"></slot>
+        </div>
+        <span class="sbb-checkbox-wrapper">
+          <span class="sbb-checkbox">
+            <span class="sbb-checkbox__inner">
+              <span class="sbb-checkbox__aligner">
+                <sbb-visual-checkbox
+                  ?checked=${this.checked}
+                  ?indeterminate=${this.indeterminate}
+                  ?disabled=${this.disabled || this.formDisabled}
+                ></sbb-visual-checkbox>
+              </span>
+              <span class="sbb-checkbox__label">
+                <slot></slot>
+                <slot name="suffix"></slot>
+              </span>
+            </span>
+            <slot name="subtext"></slot>
+            ${this.expansionState ? html`<sbb-screen-reader-only>${this.expansionState}</sbb-screen-reader-only>` : nothing}
+          </span>
+        </span>
+      </span>
+    `;
+    }
+  }, _size_accessor_storage = new WeakMap(), _classThis = _a, (() => {
+    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+    _size_decorators = [property({ reflect: true }), getOverride((i, v) => {
+      var _a2;
+      return ((_a2 = i.group) == null ? void 0 : _a2.size) ? i.group.size === "xs" ? "s" : i.group.size : v;
+    })];
+    __esDecorate(_a, null, _size_decorators, { kind: "accessor", name: "size", static: false, private: false, access: { has: (obj) => "size" in obj, get: (obj) => obj.size, set: (obj, value) => {
+      obj.size = value;
+    } }, metadata: _metadata }, _size_initializers, _size_extraInitializers);
+    __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+    SbbCheckboxPanelElement2 = _classThis = _classDescriptor.value;
+    if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+  })(), _a.styles = [checkboxCommonStyle, panelCommonStyle], _a.events = {
+    stateChange: "stateChange",
+    panelConnected: "panelConnected"
+  }, __runInitializers(_classThis, _classExtraInitializers), _a);
+  return SbbCheckboxPanelElement2 = _classThis;
+})();
+export {
+  SbbCheckboxPanelElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3gtcGFuZWwuY29tcG9uZW50LmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvY2hlY2tib3gvY2hlY2tib3gtcGFuZWwvY2hlY2tib3gtcGFuZWwuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIHR5cGUgQ1NTUmVzdWx0R3JvdXAsXG4gIGh0bWwsXG4gIExpdEVsZW1lbnQsXG4gIG5vdGhpbmcsXG4gIHR5cGUgUHJvcGVydHlWYWx1ZXMsXG4gIHR5cGUgVGVtcGxhdGVSZXN1bHQsXG59IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBjdXN0b21FbGVtZW50LCBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgZ2V0T3ZlcnJpZGUsIHNsb3RTdGF0ZSB9IGZyb20gJy4uLy4uL2NvcmUvZGVjb3JhdG9ycy5qcyc7XG5pbXBvcnQgeyBpc0xlYW4gfSBmcm9tICcuLi8uLi9jb3JlL2RvbS5qcyc7XG5pbXBvcnQgeyBFdmVudEVtaXR0ZXIgfSBmcm9tICcuLi8uLi9jb3JlL2V2ZW50aW5nLmpzJztcbmltcG9ydCB0eXBlIHtcbiAgU2JiQ2hlY2tlZFN0YXRlQ2hhbmdlLFxuICBTYmJEaXNhYmxlZFN0YXRlQ2hhbmdlLFxuICBTYmJTdGF0ZUNoYW5nZSxcbn0gZnJvbSAnLi4vLi4vY29yZS9pbnRlcmZhY2VzL3R5cGVzLmpzJztcbmltcG9ydCB7XG4gIHBhbmVsQ29tbW9uU3R5bGUsXG4gIFNiYlBhbmVsTWl4aW4sXG4gIHR5cGUgU2JiUGFuZWxTaXplLFxuICBTYmJVcGRhdGVTY2hlZHVsZXJNaXhpbixcbn0gZnJvbSAnLi4vLi4vY29yZS9taXhpbnMuanMnO1xuaW1wb3J0IHsgY2hlY2tib3hDb21tb25TdHlsZSwgU2JiQ2hlY2tib3hDb21tb25FbGVtZW50TWl4aW4gfSBmcm9tICcuLi9jb21tb24uanMnO1xuXG5pbXBvcnQgJy4uLy4uL3NjcmVlbi1yZWFkZXItb25seS5qcyc7XG5pbXBvcnQgJy4uLy4uL3Zpc3VhbC1jaGVja2JveC5qcyc7XG5cbmV4cG9ydCB0eXBlIFNiYkNoZWNrYm94UGFuZWxTdGF0ZUNoYW5nZSA9IEV4dHJhY3Q8XG4gIFNiYlN0YXRlQ2hhbmdlLFxuICBTYmJEaXNhYmxlZFN0YXRlQ2hhbmdlIHwgU2JiQ2hlY2tlZFN0YXRlQ2hhbmdlXG4+O1xuXG4vKipcbiAqIEl0IGRpc3BsYXlzIGEgY2hlY2tib3ggZW5oYW5jZWQgd2l0aCBzZWxlY3Rpb24gcGFuZWwgZGVzaWduLlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkIGNvbnRlbnQgdG8gdGhlIGBzYmItY2hlY2tib3hgLlxuICogQHNsb3Qgc3VidGV4dCAtIFNsb3QgdXNlZCB0byByZW5kZXIgYSBzdWJ0ZXh0IHVuZGVyIHRoZSBsYWJlbCAob25seSB2aXNpYmxlIHdpdGhpbiBhIHNlbGVjdGlvbiBwYW5lbCkuXG4gKiBAc2xvdCBzdWZmaXggLSBTbG90IHVzZWQgdG8gcmVuZGVyIGFkZGl0aW9uYWwgY29udGVudCBhZnRlciB0aGUgbGFiZWwgKG9ubHkgdmlzaWJsZSB3aXRoaW4gYSBzZWxlY3Rpb24gcGFuZWwpLlxuICogQHNsb3QgYmFkZ2UgLSBVc2UgdGhpcyBzbG90IHRvIHByb3ZpZGUgYSBgc2JiLWNhcmQtYmFkZ2VgIChvcHRpb25hbCkuXG4gKiBAZXZlbnQge0V2ZW50fSBjaGFuZ2UgLSBFdmVudCBmaXJlZCBvbiBjaGFuZ2UuXG4gKiBAZXZlbnQge0lucHV0RXZlbnR9IGlucHV0IC0gRXZlbnQgZmlyZWQgb24gaW5wdXQuXG4gKi9cbmV4cG9ydFxuQGN1c3RvbUVsZW1lbnQoJ3NiYi1jaGVja2JveC1wYW5lbCcpXG5Ac2xvdFN0YXRlKClcbmNsYXNzIFNiYkNoZWNrYm94UGFuZWxFbGVtZW50IGV4dGVuZHMgU2JiUGFuZWxNaXhpbihcbiAgU2JiQ2hlY2tib3hDb21tb25FbGVtZW50TWl4aW4oU2JiVXBkYXRlU2NoZWR1bGVyTWl4aW4oTGl0RWxlbWVudCkpLFxuKSB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IFtjaGVja2JveENvbW1vblN0eWxlLCBwYW5lbENvbW1vblN0eWxlXTtcblxuICAvLyBUT0RPOiBmaXggdXNpbmcgLi4uc3VwZXIuZXZlbnRzIHJlcXVpcmVzOiBodHRwczovL2dpdGh1Yi5jb20vc2JiLWRlc2lnbi1zeXN0ZW1zL2x5bmUtY29tcG9uZW50cy9pc3N1ZXMvMjYwMFxuICBwdWJsaWMgc3RhdGljIHJlYWRvbmx5IGV2ZW50cyA9IHtcbiAgICBzdGF0ZUNoYW5nZTogJ3N0YXRlQ2hhbmdlJyxcbiAgICBwYW5lbENvbm5lY3RlZDogJ3BhbmVsQ29ubmVjdGVkJyxcbiAgfSBhcyBjb25zdDtcblxuICAvKipcbiAgICogU2l6ZSB2YXJpYW50LCBlaXRoZXIgbSBvciBzLlxuICAgKiBAZGVmYXVsdCAnbScgLyAncycgKGxlYW4pXG4gICAqL1xuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlIH0pXG4gIEBnZXRPdmVycmlkZSgoaSwgdikgPT4gKGkuZ3JvdXA/LnNpemUgPyAoaS5ncm91cC5zaXplID09PSAneHMnID8gJ3MnIDogaS5ncm91cC5zaXplKSA6IHYpKVxuICBwdWJsaWMgYWNjZXNzb3Igc2l6ZTogU2JiUGFuZWxTaXplID0gaXNMZWFuKCkgPyAncycgOiAnbSc7XG5cbiAgLyoqXG4gICAqIEBpbnRlcm5hbFxuICAgKiBJbnRlcm5hbCBldmVudCB0aGF0IGVtaXRzIHdoZW5ldmVyIHRoZSBzdGF0ZSBvZiB0aGUgY2hlY2tib3hcbiAgICogaW4gcmVsYXRpb24gdG8gdGhlIHBhcmVudCBzZWxlY3Rpb24gcGFuZWwgY2hhbmdlcy5cbiAgICovXG4gIHByb3RlY3RlZCBzdGF0ZUNoYW5nZTogRXZlbnRFbWl0dGVyPFNiYkNoZWNrYm94UGFuZWxTdGF0ZUNoYW5nZT4gPSBuZXcgRXZlbnRFbWl0dGVyKFxuICAgIHRoaXMsXG4gICAgU2JiQ2hlY2tib3hQYW5lbEVsZW1lbnQuZXZlbnRzLnN0YXRlQ2hhbmdlLFxuICAgIHsgYnViYmxlczogdHJ1ZSB9LFxuICApO1xuXG4gIHByb3RlY3RlZCBvdmVycmlkZSB3aWxsVXBkYXRlKGNoYW5nZWRQcm9wZXJ0aWVzOiBQcm9wZXJ0eVZhbHVlczx0aGlzPik6IHZvaWQge1xuICAgIHN1cGVyLndpbGxVcGRhdGUoY2hhbmdlZFByb3BlcnRpZXMpO1xuXG4gICAgaWYgKGNoYW5nZWRQcm9wZXJ0aWVzLmhhcygnY2hlY2tlZCcpKSB7XG4gICAgICAvLyBBcyBTYmJGb3JtQXNzb2NpYXRlZENoZWNrYm94TWl4aW4gZG9lcyBub3QgcmVmbGVjdCBjaGVja2VkIHByb3BlcnR5LCB3ZSBhZGQgYSBkYXRhLWNoZWNrZWQuXG4gICAgICB0aGlzLnRvZ2dsZUF0dHJpYnV0ZSgnZGF0YS1jaGVja2VkJywgdGhpcy5jaGVja2VkKTtcblxuICAgICAgaWYgKHRoaXMuY2hlY2tlZCAhPT0gY2hhbmdlZFByb3BlcnRpZXMuZ2V0KCdjaGVja2VkJykhKSB7XG4gICAgICAgIHRoaXMuc3RhdGVDaGFuZ2UuZW1pdCh7IHR5cGU6ICdjaGVja2VkJywgY2hlY2tlZDogdGhpcy5jaGVja2VkIH0pO1xuICAgICAgfVxuICAgIH1cbiAgICBpZiAoY2hhbmdlZFByb3BlcnRpZXMuaGFzKCdkaXNhYmxlZCcpKSB7XG4gICAgICBpZiAodGhpcy5kaXNhYmxlZCAhPT0gY2hhbmdlZFByb3BlcnRpZXMuZ2V0KCdkaXNhYmxlZCcpISkge1xuICAgICAgICB0aGlzLnN0YXRlQ2hhbmdlLmVtaXQoeyB0eXBlOiAnZGlzYWJsZWQnLCBkaXNhYmxlZDogdGhpcy5kaXNhYmxlZCB9KTtcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxzcGFuIGNsYXNzPVwic2JiLXNlbGVjdGlvbi1wYW5lbFwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwic2JiLXNlbGVjdGlvbi1wYW5lbF9fYmFkZ2VcIj5cbiAgICAgICAgICA8c2xvdCBuYW1lPVwiYmFkZ2VcIj48L3Nsb3Q+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi1jaGVja2JveC13cmFwcGVyXCI+XG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItY2hlY2tib3hcIj5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLWNoZWNrYm94X19pbm5lclwiPlxuICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi1jaGVja2JveF9fYWxpZ25lclwiPlxuICAgICAgICAgICAgICAgIDxzYmItdmlzdWFsLWNoZWNrYm94XG4gICAgICAgICAgICAgICAgICA/Y2hlY2tlZD0ke3RoaXMuY2hlY2tlZH1cbiAgICAgICAgICAgICAgICAgID9pbmRldGVybWluYXRlPSR7dGhpcy5pbmRldGVybWluYXRlfVxuICAgICAgICAgICAgICAgICAgP2Rpc2FibGVkPSR7dGhpcy5kaXNhYmxlZCB8fCB0aGlzLmZvcm1EaXNhYmxlZH1cbiAgICAgICAgICAgICAgICA+PC9zYmItdmlzdWFsLWNoZWNrYm94PlxuICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLWNoZWNrYm94X19sYWJlbFwiPlxuICAgICAgICAgICAgICAgIDxzbG90Pjwvc2xvdD5cbiAgICAgICAgICAgICAgICA8c2xvdCBuYW1lPVwic3VmZml4XCI+PC9zbG90PlxuICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICA8c2xvdCBuYW1lPVwic3VidGV4dFwiPjwvc2xvdD5cbiAgICAgICAgICAgICR7dGhpcy5leHBhbnNpb25TdGF0ZVxuICAgICAgICAgICAgICA/IGh0bWxgPHNiYi1zY3JlZW4tcmVhZGVyLW9ubHk+JHt0aGlzLmV4cGFuc2lvblN0YXRlfTwvc2JiLXNjcmVlbi1yZWFkZXItb25seT5gXG4gICAgICAgICAgICAgIDogbm90aGluZ31cbiAgICAgICAgICA8L3NwYW4+XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgIDwvc3Bhbj5cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItY2hlY2tib3gtcGFuZWwnOiBTYmJDaGVja2JveFBhbmVsRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbIlNiYkNoZWNrYm94UGFuZWxFbGVtZW50IiwiX2EiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7O0lBK0NNLDJCQUF1QixNQUFBOztBQUY1QixNQUFBLG1CQUFBLENBQUEsY0FBYyxvQkFBb0IsR0FDbEMsV0FBVzs7OztvQkFDMEIsY0FDcEMsOEJBQThCLHdCQUF3QixVQUFVLENBQUMsQ0FBQzs7OztBQUR0Q0EsTUFBQUEsNEJBQUEsbUJBQVEsWUFFckM7QUFBQTs7QUFlQztBQUFnQix5QkFBcUIsd0JBQUEsa0JBQUEsTUFBQSxvQkFBQSxPQUFRLElBQUcsTUFBTSxHQUFHO0FBTy9DLFdBQUEsaUVBQXlELElBQUksYUFDckUsTUFDQUEseUJBQXdCLE9BQU8sYUFDL0IsRUFBRSxTQUFTLEtBQU0sQ0FBQTtBQUFBLElBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBLElBVm5CLElBQWdCLE9BQTBDO0FBQUEsYUFBQSxtQkFBQTtBQUFBLElBQUE7QUFBQSxJQUExRCxJQUFnQixLQUEwQyxPQUFBO0FBQUEseUJBQUEsd0JBQUE7QUFBQSxJQUFBO0FBQUEsSUFhdkMsV0FBVyxtQkFBdUM7QUFDbkUsWUFBTSxXQUFXLGlCQUFpQjtBQUU5QixVQUFBLGtCQUFrQixJQUFJLFNBQVMsR0FBRztBQUUvQixhQUFBLGdCQUFnQixnQkFBZ0IsS0FBSyxPQUFPO0FBRWpELFlBQUksS0FBSyxZQUFZLGtCQUFrQixJQUFJLFNBQVMsR0FBSTtBQUNqRCxlQUFBLFlBQVksS0FBSyxFQUFFLE1BQU0sV0FBVyxTQUFTLEtBQUssU0FBUztBQUFBLFFBQUE7QUFBQSxNQUNsRTtBQUVFLFVBQUEsa0JBQWtCLElBQUksVUFBVSxHQUFHO0FBQ3JDLFlBQUksS0FBSyxhQUFhLGtCQUFrQixJQUFJLFVBQVUsR0FBSTtBQUNuRCxlQUFBLFlBQVksS0FBSyxFQUFFLE1BQU0sWUFBWSxVQUFVLEtBQUssVUFBVTtBQUFBLFFBQUE7QUFBQSxNQUNyRTtBQUFBLElBQ0Y7QUFBQSxJQUdpQixTQUFNO0FBQ2hCLGFBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQSw2QkFVa0IsS0FBSyxPQUFPO0FBQUEsbUNBQ04sS0FBSyxhQUFhO0FBQUEsOEJBQ3ZCLEtBQUssWUFBWSxLQUFLLFlBQVk7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUEsY0FTbEQsS0FBSyxpQkFDSCwrQkFBK0IsS0FBSyxjQUFjLDhCQUNsRCxPQUFPO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQSxJQUFBO0FBQUEsS0F2RHJCOzt3QkFGQyxTQUFTLEVBQUUsU0FBUyxNQUFNLEdBQzFCLFlBQVksQ0FBQyxHQUFHOztBQUFPLGVBQUFDLE1BQUEsRUFBRSxVQUFGLGdCQUFBQSxJQUFTLFFBQVEsRUFBRSxNQUFNLFNBQVMsT0FBTyxNQUFNLEVBQUUsTUFBTSxPQUFRO0FBQUEsS0FBRSxDQUFDO0FBQzFFLGlCQUFBLElBQUEsTUFBQSxrQkFBQSxFQUFBLE1BQUEsWUFBQSxNQUFBLFFBQUEsUUFBQSxPQUFBLFNBQUEsT0FBQSxRQUFBLEVBQUEsS0FBQSxDQUFBLFFBQUEsVUFBQSxLQUFBLEtBQUEsQ0FBQSxRQUFBLElBQUEsTUFBQSxLQUFBLENBQUEsS0FBQSxVQUFBO0FBQUEsVUFBQSxPQUEwQztBQUFBLFNBQUEsVUFBQSxhQUFBLG9CQUFBLHVCQUFBO0FBakI1RCxpQkE4RUMsTUFBQSxtQkFBQSxFQUFBLE9BQUEsV0FBQSxHQUFBLGtCQUFBLEVBQUEsTUFBQSxTQUFBLE1BQUEsV0FBQSxNQUFBLFVBQUEsVUFBQSxHQUFBLE1BQUEsdUJBQUE7OztRQTNFd0IsR0FBQSxTQUF5QixDQUFDLHFCQUFxQixnQkFBZ0IsR0FHL0QsR0FBQSxTQUFTO0FBQUEsSUFDOUIsYUFBYTtBQUFBLElBQ2IsZ0JBQWdCO0FBQUEsRUFDUixHQVROLGtCQUF1QixZQUFBLHVCQUFBLEdBQUM7OzsifQ==

package/development/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/development/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/development/checkbox/checkbox-panel.js

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

package/development/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/development/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/development/checkbox/checkbox.js

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

package/development/checkbox.js

@@ -1,6 +1,6 @@
-import { SbbCheckboxElement } from "./checkbox/checkbox/checkbox.js";
-import { SbbCheckboxGroupElement } from "./checkbox/checkbox-group/checkbox-group.js";
-import { SbbCheckboxPanelElement } from "./checkbox/checkbox-panel/checkbox-panel.js";
+import { SbbCheckboxElement } from "./checkbox/checkbox/checkbox.component.js";
+import { SbbCheckboxGroupElement } from "./checkbox/checkbox-group/checkbox-group.component.js";
+import { SbbCheckboxPanelElement } from "./checkbox/checkbox-panel/checkbox-panel.component.js";
 import { SbbCheckboxCommonElementMixin } from "./checkbox/common/checkbox-common.js";
 import { c } from "./checkbox-common-aMPOsPVA.js";
 export {

package/development/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/development/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/development/chip/chip/chip.component.js

@@ -0,0 +1,213 @@
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+import { __esDecorate, __runInitializers } from "tslib";
+import { css, LitElement, html } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import { SbbLanguageController } from "../../core/controllers.js";
+import { forceType } from "../../core/decorators.js";
+import { EventEmitter } from "../../core/eventing.js";
+import { i18nChipDelete } from "../../core/i18n.js";
+import { SbbNegativeMixin, SbbDisabledMixin } from "../../core/mixins.js";
+import "../../button/mini-button.js";
+import "../../screen-reader-only.js";
+const style = css`*,
+::before,
+::after {
+  box-sizing: border-box;
+}
+
+:host {
+  --sbb-chip-background-color: var(--sbb-color-milk);
+  --sbb-chip-border: var(--sbb-border-width-1x) solid var(--sbb-chip-border-color);
+  --sbb-chip-border-color: var(--sbb-color-cloud);
+  --sbb-chip-border-radius: var(--sbb-border-radius-2x);
+  --sbb-chip-color: var(--sbb-color-granite);
+  --sbb-chip-color-active: var(--sbb-color-charcoal);
+  --sbb-chip-color-hover: var(--sbb-color-charcoal);
+  --sbb-chip-background-color-active: var(--sbb-color-white);
+  --sbb-chip-background-color-hover: var(--sbb-color-white);
+  --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-color-iron);
+  --sbb-chip-background-color: var(--sbb-color-charcoal);
+  --sbb-chip-color: var(--sbb-color-cloud);
+  --sbb-chip-color-active: var(--sbb-color-white);
+  --sbb-chip-color-hover: var(--sbb-color-white);
+  --sbb-chip-background-color-active: var(--sbb-color-midnight);
+  --sbb-chip-background-color-hover: var(--sbb-color-midnight);
+  --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: -0.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-font-size-text-xxs);
+  font-family: var(--sbb-typo-font-family);
+  font-weight: normal;
+  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);
+  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-button-border-radius: 0 var(--sbb-chip-border-radius) var(--sbb-chip-border-radius) 0;
+  --sbb-button-color-text: var(--sbb-chip-color);
+  --sbb-button-color-active-background: var(--sbb-chip-background-color-active);
+  --sbb-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-button-color-text: var(--sbb-chip-color-hover);
+  }
+}`;
+let SbbChipElement = (() => {
+  var _value_accessor_storage, _readonly_accessor_storage, _a;
+  let _classDecorators = [customElement("sbb-chip")];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = SbbNegativeMixin(SbbDisabledMixin(LitElement));
+  let _value_decorators;
+  let _value_initializers = [];
+  let _value_extraInitializers = [];
+  let _readonly_decorators;
+  let _readonly_initializers = [];
+  let _readonly_extraInitializers = [];
+  var SbbChipElement2 = (_a = class extends _classSuper {
+    constructor() {
+      super();
+      __privateAdd(this, _value_accessor_storage);
+      __privateAdd(this, _readonly_accessor_storage);
+      __privateSet(this, _value_accessor_storage, __runInitializers(this, _value_initializers, ""));
+      __privateSet(this, _readonly_accessor_storage, (__runInitializers(this, _value_extraInitializers), __runInitializers(this, _readonly_initializers, false)));
+      this._requestDelete = (__runInitializers(this, _readonly_extraInitializers), new EventEmitter(this, SbbChipElement2.events.requestDelete));
+      this._language = new SbbLanguageController(this);
+      const internals = this.attachInternals();
+      internals.role = "option";
+    }
+    /** The value of chip. Will be used as label if nothing is slotted. */
+    get value() {
+      return __privateGet(this, _value_accessor_storage);
+    }
+    set value(value) {
+      __privateSet(this, _value_accessor_storage, value);
+    }
+    /** Whether the component is readonly */
+    get readonly() {
+      return __privateGet(this, _readonly_accessor_storage);
+    }
+    set readonly(value) {
+      __privateSet(this, _readonly_accessor_storage, value);
+    }
+    willUpdate(changedProperties) {
+      super.willUpdate(changedProperties);
+      if (changedProperties.has("disabled")) {
+        if (this.disabled) {
+          this.removeAttribute("tabindex");
+        } else {
+          this.setAttribute("tabindex", "-1");
+        }
+      }
+    }
+    firstUpdated(_changedProperties) {
+      super.firstUpdated(_changedProperties);
+      setTimeout(() => this._deleteButton().removeAttribute("tabindex"));
+    }
+    _deleteButton() {
+      return this.shadowRoot.querySelector("sbb-mini-button");
+    }
+    render() {
+      return html`
+      <div class="sbb-chip">
+        <div class="sbb-chip__label-wrapper">
+          <span class="sbb-chip__label">
+            <slot>${this.value}</slot>
+          </span>
+        </div>
+        <sbb-mini-button
+          aria-hidden="true"
+          class="sbb-chip__delete"
+          icon-name="cross-tiny-small"
+          @click=${() => this._requestDelete.emit()}
+        >
+        </sbb-mini-button>
+        <sbb-screen-reader-only>, ${i18nChipDelete[this._language.current]}</sbb-screen-reader-only>
+      </div>
+    `;
+    }
+  }, _value_accessor_storage = new WeakMap(), _readonly_accessor_storage = new WeakMap(), _classThis = _a, (() => {
+    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+    _value_decorators = [forceType(), property()];
+    _readonly_decorators = [forceType(), property({ type: Boolean, reflect: true })];
+    __esDecorate(_a, null, _value_decorators, { kind: "accessor", name: "value", static: false, private: false, access: { has: (obj) => "value" in obj, get: (obj) => obj.value, set: (obj, value) => {
+      obj.value = value;
+    } }, metadata: _metadata }, _value_initializers, _value_extraInitializers);
+    __esDecorate(_a, null, _readonly_decorators, { kind: "accessor", name: "readonly", static: false, private: false, access: { has: (obj) => "readonly" in obj, get: (obj) => obj.readonly, set: (obj, value) => {
+      obj.readonly = value;
+    } }, metadata: _metadata }, _readonly_initializers, _readonly_extraInitializers);
+    __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+    SbbChipElement2 = _classThis = _classDescriptor.value;
+    if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+  })(), _a.styles = style, _a.events = {
+    requestDelete: "requestDelete"
+  }, __runInitializers(_classThis, _classExtraInitializers), _a);
+  return SbbChipElement2 = _classThis;
+})();
+export {
+  SbbChipElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hpcC5jb21wb25lbnQuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9jaGlwL2NoaXAvY2hpcC5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgdHlwZSBDU1NSZXN1bHRHcm91cCxcbiAgaHRtbCxcbiAgTGl0RWxlbWVudCxcbiAgdHlwZSBQcm9wZXJ0eVZhbHVlcyxcbiAgdHlwZSBUZW1wbGF0ZVJlc3VsdCxcbn0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGN1c3RvbUVsZW1lbnQsIHByb3BlcnR5IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgeyBTYmJMYW5ndWFnZUNvbnRyb2xsZXIgfSBmcm9tICcuLi8uLi9jb3JlL2NvbnRyb2xsZXJzLmpzJztcbmltcG9ydCB7IGZvcmNlVHlwZSB9IGZyb20gJy4uLy4uL2NvcmUvZGVjb3JhdG9ycy5qcyc7XG5pbXBvcnQgeyBFdmVudEVtaXR0ZXIgfSBmcm9tICcuLi8uLi9jb3JlL2V2ZW50aW5nLmpzJztcbmltcG9ydCB7IGkxOG5DaGlwRGVsZXRlIH0gZnJvbSAnLi4vLi4vY29yZS9pMThuLmpzJztcbmltcG9ydCB7IFNiYkRpc2FibGVkTWl4aW4sIFNiYk5lZ2F0aXZlTWl4aW4gfSBmcm9tICcuLi8uLi9jb3JlL21peGlucy5qcyc7XG5cbmltcG9ydCAnLi4vLi4vYnV0dG9uL21pbmktYnV0dG9uLmpzJztcbmltcG9ydCAnLi4vLi4vc2NyZWVuLXJlYWRlci1vbmx5LmpzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vY2hpcC5zY3NzP2xpdCZpbmxpbmUnO1xuXG4vKipcbiAqIEl0IGRpc3BsYXlzIGEgY2hpcC4gVXN1YWxseSB1c2VkIGluIGNvbWJpbmF0aW9uIHdpdGggYHNiYi1jaGlwLWdyb3VwYC5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIGFkZCB0aGUgZGlzcGxheSB2YWx1ZS4gSWYgbm90IHByb3ZpZGVkLCB0aGUgJ3ZhbHVlJyB3aWxsIGJlIHVzZWQuXG4gKi9cbmV4cG9ydFxuQGN1c3RvbUVsZW1lbnQoJ3NiYi1jaGlwJylcbmNsYXNzIFNiYkNoaXBFbGVtZW50IGV4dGVuZHMgU2JiTmVnYXRpdmVNaXhpbihTYmJEaXNhYmxlZE1peGluKExpdEVsZW1lbnQpKSB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IHN0eWxlO1xuICBwdWJsaWMgc3RhdGljIHJlYWRvbmx5IGV2ZW50cyA9IHtcbiAgICByZXF1ZXN0RGVsZXRlOiAncmVxdWVzdERlbGV0ZScsXG4gIH0gYXMgY29uc3Q7XG5cbiAgLyoqIFRoZSB2YWx1ZSBvZiBjaGlwLiBXaWxsIGJlIHVzZWQgYXMgbGFiZWwgaWYgbm90aGluZyBpcyBzbG90dGVkLiAqL1xuICBAZm9yY2VUeXBlKCkgQHByb3BlcnR5KCkgcHVibGljIGFjY2Vzc29yIHZhbHVlOiBzdHJpbmcgPSAnJztcblxuICAvKiogV2hldGhlciB0aGUgY29tcG9uZW50IGlzIHJlYWRvbmx5ICovXG4gIEBmb3JjZVR5cGUoKVxuICBAcHJvcGVydHkoeyB0eXBlOiBCb29sZWFuLCByZWZsZWN0OiB0cnVlIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciByZWFkb25seTogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIC8qKiBAaW50ZXJuYWwgKi9cbiAgcHJpdmF0ZSBfcmVxdWVzdERlbGV0ZSA9IG5ldyBFdmVudEVtaXR0ZXI8YW55Pih0aGlzLCBTYmJDaGlwRWxlbWVudC5ldmVudHMucmVxdWVzdERlbGV0ZSk7XG5cbiAgcHJpdmF0ZSBfbGFuZ3VhZ2UgPSBuZXcgU2JiTGFuZ3VhZ2VDb250cm9sbGVyKHRoaXMpO1xuXG4gIHB1YmxpYyBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuICAgIGNvbnN0IGludGVybmFsczogRWxlbWVudEludGVybmFscyA9IHRoaXMuYXR0YWNoSW50ZXJuYWxzKCk7XG4gICAgLyoqIEBpbnRlcm5hbCAqL1xuICAgIGludGVybmFscy5yb2xlID0gJ29wdGlvbic7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgd2lsbFVwZGF0ZShjaGFuZ2VkUHJvcGVydGllczogUHJvcGVydHlWYWx1ZXM8dGhpcz4pOiB2b2lkIHtcbiAgICBzdXBlci53aWxsVXBkYXRlKGNoYW5nZWRQcm9wZXJ0aWVzKTtcblxuICAgIGlmIChjaGFuZ2VkUHJvcGVydGllcy5oYXMoJ2Rpc2FibGVkJykpIHtcbiAgICAgIGlmICh0aGlzLmRpc2FibGVkKSB7XG4gICAgICAgIHRoaXMucmVtb3ZlQXR0cmlidXRlKCd0YWJpbmRleCcpO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgdGhpcy5zZXRBdHRyaWJ1dGUoJ3RhYmluZGV4JywgJy0xJyk7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIGZpcnN0VXBkYXRlZChfY2hhbmdlZFByb3BlcnRpZXM6IFByb3BlcnR5VmFsdWVzKTogdm9pZCB7XG4gICAgc3VwZXIuZmlyc3RVcGRhdGVkKF9jaGFuZ2VkUHJvcGVydGllcyk7XG5cbiAgICAvLyBSZW1vdmUgdGhlIGRlbGV0ZSBidXR0b24gZnJvbSB0aGUgdGFiIG9yZGVyLlxuICAgIC8vIFNldFRpbWVvdXQgaXMgbmVlZGVkIHRvIG92ZXJyaWRlIHRoZSBidXR0b24gdGFiaW5kZXggaW5pdGlhbGl6YXRpb25cbiAgICBzZXRUaW1lb3V0KCgpID0+IHRoaXMuX2RlbGV0ZUJ1dHRvbigpLnJlbW92ZUF0dHJpYnV0ZSgndGFiaW5kZXgnKSk7XG4gIH1cblxuICBwcml2YXRlIF9kZWxldGVCdXR0b24oKTogSFRNTEVsZW1lbnQge1xuICAgIHJldHVybiB0aGlzLnNoYWRvd1Jvb3QhLnF1ZXJ5U2VsZWN0b3IoJ3NiYi1taW5pLWJ1dHRvbicpITtcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPGRpdiBjbGFzcz1cInNiYi1jaGlwXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJzYmItY2hpcF9fbGFiZWwtd3JhcHBlclwiPlxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLWNoaXBfX2xhYmVsXCI+XG4gICAgICAgICAgICA8c2xvdD4ke3RoaXMudmFsdWV9PC9zbG90PlxuICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxzYmItbWluaS1idXR0b25cbiAgICAgICAgICBhcmlhLWhpZGRlbj1cInRydWVcIlxuICAgICAgICAgIGNsYXNzPVwic2JiLWNoaXBfX2RlbGV0ZVwiXG4gICAgICAgICAgaWNvbi1uYW1lPVwiY3Jvc3MtdGlueS1zbWFsbFwiXG4gICAgICAgICAgQGNsaWNrPSR7KCkgPT4gdGhpcy5fcmVxdWVzdERlbGV0ZS5lbWl0KCl9XG4gICAgICAgID5cbiAgICAgICAgPC9zYmItbWluaS1idXR0b24+XG4gICAgICAgIDxzYmItc2NyZWVuLXJlYWRlci1vbmx5PiwgJHtpMThuQ2hpcERlbGV0ZVt0aGlzLl9sYW5ndWFnZS5jdXJyZW50XX08L3NiYi1zY3JlZW4tcmVhZGVyLW9ubHk+XG4gICAgICA8L2Rpdj5cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItY2hpcCc6IFNiYkNoaXBFbGVtZW50O1xuICB9XG59XG4iXSwibmFtZXMiOlsiU2JiQ2hpcEVsZW1lbnQiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0lBMkJNLGtCQUFjLE1BQUE7OzBCQURuQixj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

package/development/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/development/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"}