@sbb-esta/lyne-elements 2.6.0 → 2.7.1

package/chip/chip-group.js

@@ -1,225 +1,4 @@
-var x = (s) => {
-  throw TypeError(s);
-};
-var k = (s, r, n) => r.has(s) || x("Cannot " + n);
-var A = (s, r, n) => (k(s, r, "read from private field"), n ? n.call(s) : r.get(s)), S = (s, r, n) => r.has(s) ? x("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(s) : r.set(s, n), b = (s, r, n, o) => (k(s, r, "write to private field"), o ? o.call(s, n) : r.set(s, n), n);
-import { __esDecorate as _, __runInitializers as d } from "tslib";
-import { css as K, LitElement as z, isServer as I, html as O } from "lit";
-import { customElement as T, property as D } from "lit/decorators.js";
-import { inputAutocompleteEvent as V } from "../autocomplete.js";
-import { isArrowKeyPressed as L, getNextElementIndex as q } from "../core/a11y.js";
-import { SbbLanguageController as M } from "../core/controllers.js";
-import { isLean as R } from "../core/dom.js";
-import { EventEmitter as f } from "../core/eventing.js";
-import { i18nSelectionRequired as B, i18nChipGroupInputDescription as G } from "../core/i18n.js";
-import { SbbRequiredMixin as N, SbbDisabledMixin as $, SbbNegativeMixin as j, SbbFormAssociatedMixin as U } from "../core/mixins.js";
-import { SbbChipElement as H } from "./chip.js";
-const J = K`*,:before,:after{box-sizing:border-box}:host{--sbb-chip-group-input-min-width: 9.375rem;max-width:100%}:host([data-size=s]:not([data-empty])){--sbb-chip-group-margin-block: .375rem .3125rem}@media (min-width: 52.5rem){:host([data-size=s]:not([data-empty])){--sbb-chip-group-margin-block: .3125rem .1875rem}}::slotted(input){flex:1 1 var(--sbb-chip-group-input-min-width)}::slotted(sbb-chip){max-width:100%}.sbb-chip-group{width:100%;display:flex;flex-wrap:wrap;gap:var(--sbb-spacing-fixed-1x);align-items:center;margin-block:var(--sbb-chip-group-margin-block)}`;
-let le = (() => {
-  var h, u;
-  let s = [T("sbb-chip-group")], r, n = [], o, v = N($(j(U(z)))), g = [], E, y, C = [], w = [];
-  var p = (u = class extends v {
-    constructor() {
-      super();
-      S(this, h);
-      b(this, h, (d(this, g), d(this, C, ["Enter"]))), this._change = (d(this, w), new f(this, p.events.change)), this._input = new f(this, p.events.input), this._chipInputTokenEnd = new f(this, p.events.chipInputTokenEnd), this._inputAttributeObserver = I ? null : new MutationObserver(() => this._reactToInputChanges()), this._formFieldAttributeObserver = I ? null : new MutationObserver(() => this._inheritSize()), this._language = new M(this), this.internals.role = "listbox", this.addEventListener(H.events.requestDelete, (e) => this._deleteChip(e.target)), this.addEventListener("keydown", (e) => this._onChipKeyDown(e));
-    }
-    /** Value of the form element. */
-    set value(e) {
-      e = e ?? [], super.value = e;
-      const t = this.value, i = [...t];
-      for (const l of e)
-        i.includes(l) && i.splice(i.indexOf(l), 1);
-      i.forEach((l) => {
-        var c;
-        return (c = this._chipElements().find((m) => m.value === l)) == null ? void 0 : c.remove();
-      });
-      const a = [...e];
-      for (const l of t)
-        a.includes(l) && a.splice(a.indexOf(l), 1);
-      a.forEach((l) => this._createChipElement(l));
-    }
-    get value() {
-      return this._chipElements().map((e) => e.value);
-    }
-    /** The array of keys that will trigger a `chipInputTokenEnd` event. Default `['Enter']` */
-    get separatorKeys() {
-      return A(this, h);
-    }
-    set separatorKeys(e) {
-      b(this, h, e);
-    }
-    connectedCallback() {
-      super.connectedCallback(), this._setupComponent();
-    }
-    willUpdate(e) {
-      super.willUpdate(e), (e.has("disabled") || e.has("formDisabled") || e.has("negative")) && this._proxyStateToChips();
-    }
-    /** @internal */
-    formResetCallback() {
-      this.value = null;
-    }
-    /** @internal */
-    formStateRestoreCallback(e, t) {
-      if (!e) {
-        this.value = null;
-        return;
-      }
-      this.value = e.map((i) => i[1]);
-    }
-    updateFormValue() {
-      const e = new FormData();
-      this.value.forEach((t) => e.append(this.name, t)), this.internals.setFormValue(e), this.validate(), this._updateInputDescription();
-    }
-    shouldValidate(e) {
-      return super.shouldValidate(e) || e === "required";
-    }
-    validate() {
-      super.validate(), this.required && this.value.length === 0 ? this.setValidityFlag("valueMissing", B[this._language.current]) : this.removeValidityFlag("valueMissing");
-    }
-    /** Return the list of chip elements **/
-    _chipElements() {
-      var e;
-      return Array.from(((e = this.querySelectorAll) == null ? void 0 : e.call(this, "sbb-chip")) ?? []);
-    }
-    /** Return the list of enabled chip elements **/
-    _enabledChipElements() {
-      var e;
-      return Array.from(((e = this.querySelectorAll) == null ? void 0 : e.call(this, "sbb-chip:not([disabled])")) ?? []);
-    }
-    _setupComponent() {
-      var i, a, l, c, m;
-      const e = this.querySelector("input");
-      e && e !== this._inputElement && ((i = this._inputAbortController) == null || i.abort(), (a = this._inputAttributeObserver) == null || a.disconnect(), this._inputElement = e, this._inputAbortController = new AbortController(), this._inputElement.addEventListener("keydown", (F) => this._onInputKeyDown(F), {
-        signal: this._inputAbortController.signal
-      }), this._inputElement.addEventListener(V, () => this._createChipFromInput("autocomplete"), {
-        signal: this._inputAbortController.signal
-      }), (l = this._inputAttributeObserver) == null || l.observe(this._inputElement, {
-        attributes: !0,
-        attributeFilter: ["readonly", "disabled"]
-      })), this._inheritSize(), (c = this._formFieldAttributeObserver) == null || c.disconnect();
-      const t = this.closest("sbb-form-field");
-      t && ((m = this._formFieldAttributeObserver) == null || m.observe(t, {
-        attributes: !0,
-        attributeFilter: ["size"]
-      })), this.toggleAttribute("data-empty", this.value.length === 0), this._reactToInputChanges(), this.updateFormValue();
-    }
-    /**
-     * Listen for keyboard events on the chip elements
-     **/
-    _onChipKeyDown(e) {
-      const t = e.target;
-      if (t.localName === "sbb-chip") {
-        if (L(e)) {
-          const i = this._enabledChipElements(), a = q(e, i.indexOf(t), i.length);
-          i[a].focus();
-          return;
-        }
-        switch (e.key) {
-          case "Backspace":
-          case "Delete":
-            !t.readonly && !t.disabled && (e.preventDefault(), this._deleteChip(t));
-            break;
-        }
-      }
-    }
-    /**
-     * Listen for keyboard events on the input
-     **/
-    _onInputKeyDown(e) {
-      switch (e.key) {
-        case "Backspace":
-        case "ArrowLeft":
-          this._inputElement.value || this._focusChip();
-          break;
-        case "Enter":
-          e.preventDefault();
-          break;
-      }
-      this.separatorKeys.includes(e.key) && (e.preventDefault(), this._createChipFromInput("input"));
-    }
-    /**
-     * If the input is not empty, create a chip with its value
-     */
-    _createChipFromInput(e = "input") {
-      const t = this._inputElement.value.trim();
-      if (!t)
-        return;
-      const i = {
-        origin: e,
-        value: t,
-        label: void 0,
-        setValue: (a) => i.value = a,
-        setLabel: (a) => i.label = a
-      };
-      this._chipInputTokenEnd.emit(i) && (this._createChipElement(i.value, i.label), this._inputElement.value = "", this._emitInputEvents());
-    }
-    _deleteChip(e) {
-      const t = this._enabledChipElements();
-      e.remove(), this._emitInputEvents(), this._focusChip(t.indexOf(e));
-    }
-    /**
-     * 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.
-     */
-    _focusChip(e) {
-      var i;
-      const t = this._enabledChipElements();
-      if (e !== void 0 && t[e]) {
-        t[e].focus();
-        return;
-      }
-      if (t.length > 0) {
-        t[t.length - 1].focus();
-        return;
-      }
-      (i = this._inputElement) == null || i.focus();
-    }
-    _emitInputEvents() {
-      this._input.emit(), this._change.emit();
-    }
-    _createChipElement(e, t) {
-      const i = document.createElement("sbb-chip");
-      i.setAttribute("value", e), i.innerText = t ?? "", this.insertBefore(i, this._inputElement);
-    }
-    _reactToInputChanges() {
-      var e;
-      this.disabled = ((e = this._inputElement) == null ? void 0 : e.disabled) ?? !1, this._proxyStateToChips();
-    }
-    _proxyStateToChips() {
-      this._chipElements().forEach((e) => {
-        var t;
-        e.disabled = this.disabled || this.formDisabled, e.readonly = ((t = this._inputElement) == null ? void 0 : t.hasAttribute("readonly")) ?? !1, e.negative = this.negative;
-      });
-    }
-    _inheritSize() {
-      var e;
-      this.setAttribute("data-size", ((e = this.closest("sbb-form-field")) == null ? void 0 : e.size) ?? (R() ? "s" : "m"));
-    }
-    _updateInputDescription() {
-      this._inputElement && this._inputElement.setAttribute("aria-description", `${G[this._language.current]} ${this.value.length}`);
-    }
-    render() {
-      return O`
-      <div class="sbb-chip-group">
-        <slot @slotchange=${this._setupComponent}></slot>
-      </div>
-    `;
-    }
-  }, h = new WeakMap(), o = u, (() => {
-    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(v[Symbol.metadata] ?? null) : void 0;
-    E = [D({ type: Array })], y = [D({ attribute: "separator-keys", type: Array })], _(u, null, E, { kind: "setter", name: "value", static: !1, private: !1, access: { has: (t) => "value" in t, set: (t, i) => {
-      t.value = i;
-    } }, metadata: e }, null, g), _(u, null, y, { kind: "accessor", name: "separatorKeys", static: !1, private: !1, access: { has: (t) => "separatorKeys" in t, get: (t) => t.separatorKeys, set: (t, i) => {
-      t.separatorKeys = i;
-    } }, metadata: e }, C, w), _(null, r = { value: o }, s, { kind: "class", name: o.name, metadata: e }, null, n), p = o = r.value, e && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
-  })(), u.styles = J, u.events = {
-    input: "input",
-    change: "change",
-    chipInputTokenEnd: "chipInputTokenEnd"
-  }, d(o, n), u);
-  return p = o;
-})();
+import { SbbChipGroupElement as p } from "./chip-group/chip-group.js";
 export {
-  le as SbbChipGroupElement
+  p as SbbChipGroupElement
 };

package/chip/chip.d.ts

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

package/chip/chip.d.ts.map

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

package/chip/chip.js

@@ -1,85 +1,4 @@
-var k = (e) => {
-  throw TypeError(e);
-};
-var z = (e, t, i) => t.has(e) || k("Cannot " + i);
-var u = (e, t, i) => (z(e, t, "read from private field"), i ? i.call(e) : t.get(e)), p = (e, t, i) => t.has(e) ? k("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, i), c = (e, t, i, s) => (z(e, t, "write to private field"), s ? s.call(e, i) : t.set(e, i), i);
-import { __esDecorate as v, __runInitializers as n } from "tslib";
-import { css as E, LitElement as q, html as I } from "lit";
-import { customElement as C, property as S } from "lit/decorators.js";
-import { SbbLanguageController as U } from "../core/controllers.js";
-import { forceType as D } from "../core/decorators.js";
-import { EventEmitter as A } from "../core/eventing.js";
-import { i18nChipDelete as B } from "../core/i18n.js";
-import { SbbNegativeMixin as T, SbbDisabledMixin as $ } from "../core/mixins.js";
-import "../button/mini-button.js";
-import "../screen-reader-only.js";
-const j = E`*,: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) solid var(--sbb-focus-outline-width);--sbb-focus-outline-offset: -.0625rem}.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:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);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 V = (() => {
-  var a, l, b;
-  let e = [C("sbb-chip")], t, i = [], s, m = T($(q)), f, _ = [], g = [], y, x = [], w = [];
-  var d = (b = class extends m {
-    constructor() {
-      super();
-      p(this, a);
-      p(this, l);
-      c(this, a, n(this, _, "")), c(this, l, (n(this, g), n(this, x, !1))), this._requestDelete = (n(this, w), new A(this, d.events.requestDelete)), this._language = new U(this);
-      const r = this.attachInternals();
-      r.role = "option";
-    }
-    /** The value of chip. Will be used as label if nothing is slotted. */
-    get value() {
-      return u(this, a);
-    }
-    set value(r) {
-      c(this, a, r);
-    }
-    /** Whether the component is readonly */
-    get readonly() {
-      return u(this, l);
-    }
-    set readonly(r) {
-      c(this, l, r);
-    }
-    willUpdate(r) {
-      super.willUpdate(r), r.has("disabled") && (this.disabled ? this.removeAttribute("tabindex") : this.setAttribute("tabindex", "-1"));
-    }
-    firstUpdated(r) {
-      super.firstUpdated(r), setTimeout(() => this._deleteButton().removeAttribute("tabindex"));
-    }
-    _deleteButton() {
-      return this.shadowRoot.querySelector("sbb-mini-button");
-    }
-    render() {
-      return I`
-      <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>, ${B[this._language.current]}</sbb-screen-reader-only>
-      </div>
-    `;
-    }
-  }, a = new WeakMap(), l = new WeakMap(), s = b, (() => {
-    const r = typeof Symbol == "function" && Symbol.metadata ? Object.create(m[Symbol.metadata] ?? null) : void 0;
-    f = [D(), S()], y = [D(), S({ type: Boolean, reflect: !0 })], v(b, null, f, { kind: "accessor", name: "value", static: !1, private: !1, access: { has: (o) => "value" in o, get: (o) => o.value, set: (o, h) => {
-      o.value = h;
-    } }, metadata: r }, _, g), v(b, null, y, { kind: "accessor", name: "readonly", static: !1, private: !1, access: { has: (o) => "readonly" in o, get: (o) => o.readonly, set: (o, h) => {
-      o.readonly = h;
-    } }, metadata: r }, x, w), v(null, t = { value: s }, e, { kind: "class", name: s.name, metadata: r }, null, i), d = s = t.value, r && Object.defineProperty(s, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: r });
-  })(), b.styles = j, b.events = {
-    requestDelete: "requestDelete"
-  }, n(s, i), b);
-  return d = s;
-})();
+import { SbbChipElement as m } from "./chip/chip.js";
 export {
-  V as SbbChipElement
+  m as SbbChipElement
 };

package/chip-label/chip-label.js

@@ -0,0 +1,54 @@
+var y = (e) => {
+  throw TypeError(e);
+};
+var k = (e, s, t) => s.has(e) || y("Cannot " + t);
+var p = (e, s, t) => (k(e, s, "read from private field"), t ? t.call(e) : s.get(e)), h = (e, s, t) => s.has(e) ? y("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(e) : s.set(e, t), d = (e, s, t, l) => (k(e, s, "write to private field"), l ? l.call(e, t) : s.set(e, t), t);
+import { __esDecorate as f, __runInitializers as c } from "tslib";
+import { css as S, LitElement as E, html as I } from "lit";
+import { customElement as j, property as w } from "lit/decorators.js";
+const D = S`*,:before,:after{box-sizing:border-box}:host{display:inline-block}:host([color=milk]){--sbb-chip-label-color: var(--sbb-color-granite);--sbb-chip-label-background-color: var(--sbb-color-milk)}:host([color=charcoal]){--sbb-chip-label-color: var(--sbb-color-white);--sbb-chip-label-background-color: var(--sbb-color-charcoal)}:host([color=white]){--sbb-chip-label-color: var(--sbb-color-granite);--sbb-chip-label-background-color: var(--sbb-color-white)}:host([color=granite]){--sbb-chip-label-color: var(--sbb-color-white);--sbb-chip-label-background-color: var(--sbb-color-granite)}:host([size=xxs]){--sbb-chip-label-padding-block: 0em;--sbb-chip-label-padding-inline: var(--sbb-spacing-fixed-2x);--sbb-text-font-size: var(--sbb-font-size-text-xxs)}:host([size=xs]){--sbb-chip-label-padding-block: var(--sbb-spacing-fixed-1x);--sbb-chip-label-padding-inline: var(--sbb-spacing-fixed-3x);--sbb-text-font-size: var(--sbb-font-size-text-xs)}:host([size=s]){--sbb-chip-label-padding-block: var(--sbb-spacing-fixed-1x);--sbb-chip-label-padding-inline: var(--sbb-spacing-fixed-4x);--sbb-text-font-size: var(--sbb-font-size-text-s)}.sbb-chip-label{font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);line-height:2;display:inline-flex;align-items:center;justify-content:center;height:calc(var(--sbb-typo-line-height-body-text) * var(--sbb-text-font-size) + var(--sbb-chip-label-padding-block) * 2);background-color:var(--sbb-chip-label-background-color);padding-inline:var(--sbb-chip-label-padding-inline);border-radius:var(--sbb-border-radius-infinity);color:var(--sbb-chip-label-color);overflow:hidden}@media (forced-colors: active){.sbb-chip-label{outline:var(--sbb-border-width-1x) solid CanvasText;outline-offset:calc(-1 * var(--sbb-border-width-1x))}}.sbb-chip-label{display:flex}.sbb-chip__text-wrapper{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block}`;
+let q = (() => {
+  var r, b, a;
+  let e = [j("sbb-chip-label")], s, t = [], l, x = E, g, v = [], u = [], m, _ = [], z = [];
+  return a = class extends x {
+    constructor() {
+      super(...arguments);
+      h(this, r, c(this, v, "xxs"));
+      h(this, b, (c(this, u), c(this, _, "milk")));
+      c(this, z);
+    }
+    /** Size of the chip. */
+    get size() {
+      return p(this, r);
+    }
+    set size(o) {
+      d(this, r, o);
+    }
+    /** Color of the chip. */
+    get color() {
+      return p(this, b);
+    }
+    set color(o) {
+      d(this, b, o);
+    }
+    render() {
+      return I`
+      <span class="sbb-chip-label">
+        <span class="sbb-chip__text-wrapper">
+          <slot></slot>
+        </span>
+      </span>
+    `;
+    }
+  }, r = new WeakMap(), b = new WeakMap(), l = a, (() => {
+    const o = typeof Symbol == "function" && Symbol.metadata ? Object.create(x[Symbol.metadata] ?? null) : void 0;
+    g = [w({ reflect: !0 })], m = [w({ reflect: !0 })], f(a, null, g, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (i) => "size" in i, get: (i) => i.size, set: (i, n) => {
+      i.size = n;
+    } }, metadata: o }, v, u), f(a, null, m, { kind: "accessor", name: "color", static: !1, private: !1, access: { has: (i) => "color" in i, get: (i) => i.color, set: (i, n) => {
+      i.color = n;
+    } }, metadata: o }, _, z), f(null, s = { value: l }, e, { kind: "class", name: l.name, metadata: o }, null, t), l = s.value, o && Object.defineProperty(l, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: o });
+  })(), a.styles = D, c(l, t), l;
+})();
+export {
+  q as SbbChipLabelElement
+};

package/chip-label.d.ts

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

package/chip-label.d.ts.map

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

package/chip-label.js

@@ -1,54 +1,4 @@
-var y = (e) => {
-  throw TypeError(e);
-};
-var k = (e, s, t) => s.has(e) || y("Cannot " + t);
-var p = (e, s, t) => (k(e, s, "read from private field"), t ? t.call(e) : s.get(e)), h = (e, s, t) => s.has(e) ? y("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(e) : s.set(e, t), d = (e, s, t, l) => (k(e, s, "write to private field"), l ? l.call(e, t) : s.set(e, t), t);
-import { __esDecorate as f, __runInitializers as c } from "tslib";
-import { css as S, LitElement as E, html as I } from "lit";
-import { customElement as j, property as w } from "lit/decorators.js";
-const D = S`*,:before,:after{box-sizing:border-box}:host{display:inline-block}:host([color=milk]){--sbb-chip-label-color: var(--sbb-color-granite);--sbb-chip-label-background-color: var(--sbb-color-milk)}:host([color=charcoal]){--sbb-chip-label-color: var(--sbb-color-white);--sbb-chip-label-background-color: var(--sbb-color-charcoal)}:host([color=white]){--sbb-chip-label-color: var(--sbb-color-granite);--sbb-chip-label-background-color: var(--sbb-color-white)}:host([color=granite]){--sbb-chip-label-color: var(--sbb-color-white);--sbb-chip-label-background-color: var(--sbb-color-granite)}:host([size=xxs]){--sbb-chip-label-padding-block: 0em;--sbb-chip-label-padding-inline: var(--sbb-spacing-fixed-2x);--sbb-text-font-size: var(--sbb-font-size-text-xxs)}:host([size=xs]){--sbb-chip-label-padding-block: var(--sbb-spacing-fixed-1x);--sbb-chip-label-padding-inline: var(--sbb-spacing-fixed-3x);--sbb-text-font-size: var(--sbb-font-size-text-xs)}:host([size=s]){--sbb-chip-label-padding-block: var(--sbb-spacing-fixed-1x);--sbb-chip-label-padding-inline: var(--sbb-spacing-fixed-4x);--sbb-text-font-size: var(--sbb-font-size-text-s)}.sbb-chip-label{font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);line-height:2;display:inline-flex;align-items:center;justify-content:center;height:calc(var(--sbb-typo-line-height-body-text) * var(--sbb-text-font-size) + var(--sbb-chip-label-padding-block) * 2);background-color:var(--sbb-chip-label-background-color);padding-inline:var(--sbb-chip-label-padding-inline);border-radius:var(--sbb-border-radius-infinity);color:var(--sbb-chip-label-color);overflow:hidden}@media (forced-colors: active){.sbb-chip-label{outline:var(--sbb-border-width-1x) solid CanvasText;outline-offset:calc(-1 * var(--sbb-border-width-1x))}}.sbb-chip-label{display:flex}.sbb-chip__text-wrapper{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block}`;
-let q = (() => {
-  var r, b, a;
-  let e = [j("sbb-chip-label")], s, t = [], l, x = E, g, v = [], u = [], m, _ = [], z = [];
-  return a = class extends x {
-    constructor() {
-      super(...arguments);
-      h(this, r, c(this, v, "xxs"));
-      h(this, b, (c(this, u), c(this, _, "milk")));
-      c(this, z);
-    }
-    /** Size of the chip. */
-    get size() {
-      return p(this, r);
-    }
-    set size(o) {
-      d(this, r, o);
-    }
-    /** Color of the chip. */
-    get color() {
-      return p(this, b);
-    }
-    set color(o) {
-      d(this, b, o);
-    }
-    render() {
-      return I`
-      <span class="sbb-chip-label">
-        <span class="sbb-chip__text-wrapper">
-          <slot></slot>
-        </span>
-      </span>
-    `;
-    }
-  }, r = new WeakMap(), b = new WeakMap(), l = a, (() => {
-    const o = typeof Symbol == "function" && Symbol.metadata ? Object.create(x[Symbol.metadata] ?? null) : void 0;
-    g = [w({ reflect: !0 })], m = [w({ reflect: !0 })], f(a, null, g, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (i) => "size" in i, get: (i) => i.size, set: (i, n) => {
-      i.size = n;
-    } }, metadata: o }, v, u), f(a, null, m, { kind: "accessor", name: "color", static: !1, private: !1, access: { has: (i) => "color" in i, get: (i) => i.color, set: (i, n) => {
-      i.color = n;
-    } }, metadata: o }, _, z), f(null, s = { value: l }, e, { kind: "class", name: l.name, metadata: o }, null, t), l = s.value, o && Object.defineProperty(l, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: o });
-  })(), a.styles = D, c(l, t), l;
-})();
+import { SbbChipLabelElement as l } from "./chip-label/chip-label.js";
 export {
-  q as SbbChipLabelElement
+  l as SbbChipLabelElement
 };

package/chip.d.ts

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

package/chip.d.ts.map

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

package/chip.js

@@ -1,2 +1,6 @@
-export * from "./chip/chip.js";
-export * from "./chip/chip-group.js";
+import { SbbChipElement as p } from "./chip/chip/chip.js";
+import { SbbChipGroupElement as b } from "./chip/chip-group/chip-group.js";
+export {
+  p as SbbChipElement,
+  b as SbbChipGroupElement
+};