@sbb-esta/lyne-elements-dev 4.7.0-dev.1773648103 → 4.7.0-dev.1773670966

package/checkbox.component-CJcC5JnN.js

@@ -0,0 +1,125 @@
+import { n as e, t } from "./checkbox-common-D9htxWLZ.js";
+import { __esDecorate as n, __runInitializers as r } from "tslib";
+import { css as i, html as a } from "lit";
+import { property as o } from "lit/decorators.js";
+import { SbbElement as s } from "./core/base-elements.js";
+import { getOverride as c } from "./core/decorators.js";
+import { isLean as l } from "./core/dom.js";
+import { boxSizingStyles as u } from "./core/styles.js";
+import { SbbIconNameMixin as d } from "./icon.js";
+import "./visual-checkbox.js";
+//#region src/elements/checkbox/checkbox.scss?lit&inline
+var f = i`:host{display:inline-block;outline:none!important}:host([icon-placement=start]){--sbb-checkbox-label-icon-flex-direction:row-reverse;--sbb-checkbox-label-icon-justify-content:flex-end;--sbb-checkbox-label-icon-flex-grow:0}:host(:focus-visible) .sbb-checkbox-wrapper{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style,solid) var(--sbb-focus-outline-width);border-radius:calc(var(--sbb-border-radius-4x) - var(--sbb-focus-outline-offset))}.sbb-checkbox__label{flex-direction:var(--sbb-checkbox-label-icon-flex-direction);justify-content:var(--sbb-checkbox-label-icon-justify-content);flex-grow:var(--sbb-checkbox-label-icon-flex-grow);gap:var(--sbb-checkbox-label-gap)}:host(:not(:is(:state(slotted),[state--slotted]),:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name]))) .sbb-checkbox__label{display:none}sbb-icon,slot[name=icon] ::slotted(sbb-icon){height:calc(1em * var(--sbb-typo-line-height-text));align-items:center;display:flex}`, p = (() => {
+	let i = d(t(s)), p, m = [], h = [], g, _ = [], v = [], y, b = [], x = [];
+	return class extends i {
+		static {
+			let e = typeof Symbol == "function" && Symbol.metadata ? Object.create(i[Symbol.metadata] ?? null) : void 0;
+			p = [o()], g = [o({ reflect: !0 }), c((e, t) => e.group?.size ?? t)], y = [o({
+				attribute: "icon-placement",
+				reflect: !0
+			})], n(this, null, p, {
+				kind: "accessor",
+				name: "value",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "value" in e,
+					get: (e) => e.value,
+					set: (e, t) => {
+						e.value = t;
+					}
+				},
+				metadata: e
+			}, m, h), n(this, null, g, {
+				kind: "accessor",
+				name: "size",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "size" in e,
+					get: (e) => e.size,
+					set: (e, t) => {
+						e.size = t;
+					}
+				},
+				metadata: e
+			}, _, v), n(this, null, y, {
+				kind: "accessor",
+				name: "iconPlacement",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "iconPlacement" in e,
+					get: (e) => e.iconPlacement,
+					set: (e, t) => {
+						e.iconPlacement = t;
+					}
+				},
+				metadata: e
+			}, b, x), e && Object.defineProperty(this, Symbol.metadata, {
+				enumerable: !0,
+				configurable: !0,
+				writable: !0,
+				value: e
+			});
+		}
+		static {
+			this.elementName = "sbb-checkbox";
+		}
+		static {
+			this.styles = [
+				u,
+				e,
+				f
+			];
+		}
+		#e = r(this, m, null);
+		get value() {
+			return this.#e;
+		}
+		set value(e) {
+			this.#e = e;
+		}
+		#t = (r(this, h), r(this, _, l() ? "xs" : "m"));
+		get size() {
+			return this.#t;
+		}
+		set size(e) {
+			this.#t = e;
+		}
+		#n = (r(this, v), r(this, b, "end"));
+		get iconPlacement() {
+			return this.#n;
+		}
+		set iconPlacement(e) {
+			this.#n = e;
+		}
+		render() {
+			return a`
+      <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}
+                .size=${this.size}
+              ></sbb-visual-checkbox>
+            </span>
+            <span class="sbb-checkbox__label">
+              <slot></slot>
+              ${this.renderIconSlot()}
+            </span>
+          </span>
+        </span>
+      </span>
+    `;
+		}
+		constructor() {
+			super(...arguments), r(this, x);
+		}
+	};
+})();
+//#endregion
+export { p as t };

package/checkbox.js

@@ -1,14 +1,10 @@
-import { SbbCheckboxGroupElement as e } from "./checkbox-group/checkbox-group.component.js";
-import { SbbCheckboxPanelElement as o } from "./checkbox-panel/checkbox-panel.component.js";
-import { SbbCheckboxElement as m } from "./checkbox/checkbox.component.js";
-import { SbbCheckboxCommonElementMixin as x, checkboxCommonStyle as f } from "./checkbox/common/checkbox-common.js";
-m.define();
-e.define();
-o.define();
-export {
-  x as SbbCheckboxCommonElementMixin,
-  m as SbbCheckboxElement,
-  e as SbbCheckboxGroupElement,
-  o as SbbCheckboxPanelElement,
-  f as checkboxCommonStyle
-};
+import { t as e } from "./checkbox-group.component-CNAwwaS0.js";
+import "./checkbox-group.pure.js";
+import { SbbCheckboxPanelElement as t } from "./checkbox-panel/checkbox-panel.component.js";
+import "./checkbox-panel.pure.js";
+import { t as n } from "./checkbox.component-CJcC5JnN.js";
+import { n as r, t as i } from "./checkbox-common-D9htxWLZ.js";
+import "./checkbox.pure.js";
+n.define(), e.define(), t.define();
+//#endregion
+export { i as SbbCheckboxCommonElementMixin, n as SbbCheckboxElement, e as SbbCheckboxGroupElement, t as SbbCheckboxPanelElement, r as checkboxCommonStyle };

package/checkbox.pure.js

@@ -1,7 +1,3 @@
-import { SbbCheckboxElement as m } from "./checkbox/checkbox.component.js";
-import { SbbCheckboxCommonElementMixin as x, checkboxCommonStyle as n } from "./checkbox/common/checkbox-common.js";
-export {
-  x as SbbCheckboxCommonElementMixin,
-  m as SbbCheckboxElement,
-  n as checkboxCommonStyle
-};
+import { t as e } from "./checkbox.component-CJcC5JnN.js";
+import { n as t, t as n } from "./checkbox-common-D9htxWLZ.js";
+export { n as SbbCheckboxCommonElementMixin, e as SbbCheckboxElement, t as checkboxCommonStyle };

package/chip/chip/chip.component.js

@@ -1,73 +1,2 @@
-var n = (e) => {
-  throw TypeError(e);
-};
-var c = (e, r, i) => r.has(e) || n("Cannot " + i);
-var d = (e, r, i) => (c(e, r, "read from private field"), i ? i.call(e) : r.get(e)), u = (e, r, i) => r.has(e) ? n("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(e) : r.set(e, i), l = (e, r, i, b) => (c(e, r, "write to private field"), b ? b.call(e, i) : r.set(e, i), i);
-import { __runInitializers as h, __esDecorate as p } from "tslib";
-import { css as m, html as g } from "lit";
-import { property as f } from "lit/decorators.js";
-import { SbbElement as _ } from "../../core/base-elements.js";
-import { SbbLanguageController as y } from "../../core/controllers.js";
-import { i18nChipDelete as x } from "../../core/i18n.js";
-import { SbbNegativeMixin as w, SbbDisabledMixin as k, SbbReadonlyMixin as z } from "../../core/mixins.js";
-import { boxSizingStyles as S } from "../../core/styles.js";
-import "../../button/mini-button.js";
-import "../../screen-reader-only.js";
-const D = m`:host{--sbb-chip-border: var(--sbb-border-width-1x) solid var(--sbb-chip-border-color);--sbb-chip-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );display:inline-flex;align-items:stretch;background-color:var(--sbb-chip-background-color);border-radius:var(--sbb-chip-border-radius);color:var(--sbb-chip-color);height:var(--sbb-chip-height)}:host(:focus){outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);--sbb-focus-outline-offset: -.0625rem;--sbb-focus-outline-style: initial}:host([negative]){--sbb-chip-border-color: var(--sbb-border-color-4-negative-inverted);--sbb-chip-background-color: var(--sbb-background-color-3-negative);--sbb-chip-color: var(--sbb-color-4-negative);--sbb-chip-color-hover: var(--sbb-color-2-negative);--sbb-chip-background-color-active: var(--sbb-background-color-1-negative);--sbb-chip-background-color-hover: var(--sbb-background-color-1-negative);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}.sbb-chip__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{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block;font-size:var(--sbb-chip-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);transition:transform var(--sbb-chip-transition-duration) var(--sbb-animation-easing)}.sbb-chip__delete{--sbb-mini-button-border-radius: 0 var(--sbb-chip-border-radius) var(--sbb-chip-border-radius) 0;--sbb-mini-button-color-text: var(--sbb-chip-color);--sbb-mini-button-color-active-background: var(--sbb-chip-background-color-active);--sbb-mini-button-color-hover-background: var(--sbb-chip-background-color-hover);--sbb-icon-svg-width: calc(var(--sbb-size-icon-ui-small) - var(--sbb-border-width-1x) * 2);--sbb-icon-svg-height: calc(var(--sbb-size-icon-ui-small) - var(--sbb-border-width-1x) * 2);--_sbb-mini-button-image-size: ;border:var(--sbb-chip-border);border-radius:0 var(--sbb-chip-border-radius) var(--sbb-chip-border-radius) 0}:host(:is([disabled],[readonly])) .sbb-chip__delete{display:none}@media(any-hover:hover){:host(:not([disabled])) .sbb-chip__delete:hover{--sbb-mini-button-color-text: var(--sbb-chip-color-hover)}}`;
-let T = (() => {
-  var s, t;
-  let e = w(k(z(_))), r, i = [], b = [];
-  return t = class extends e {
-    constructor() {
-      super(...arguments);
-      u(this, s);
-      l(this, s, h(this, i, null)), this._language = (h(this, b), new y(this));
-    }
-    /** The value of chip. Will be used as label if nothing is slotted. */
-    get value() {
-      return d(this, s);
-    }
-    set value(o) {
-      l(this, s, o);
-    }
-    willUpdate(o) {
-      super.willUpdate(o), o.has("disabled") && (this.disabled ? this.removeAttribute("tabindex") : this.setAttribute("tabindex", "-1"));
-    }
-    firstUpdated(o) {
-      super.firstUpdated(o), setTimeout(() => this._deleteButton().removeAttribute("tabindex"));
-    }
-    _deleteButton() {
-      return this.shadowRoot.querySelector("sbb-mini-button");
-    }
-    _handleDeleteButtonClick() {
-      this.dispatchEvent(new Event("requestdelete", { bubbles: !0, composed: !0 }));
-    }
-    render() {
-      return g`
-      <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._handleDeleteButtonClick}
-      >
-      </sbb-mini-button>
-      <sbb-screen-reader-only>, ${x[this._language.current]}</sbb-screen-reader-only>
-    `;
-    }
-  }, s = new WeakMap(), (() => {
-    const o = typeof Symbol == "function" && Symbol.metadata ? Object.create(e[Symbol.metadata] ?? null) : void 0;
-    r = [f()], p(t, null, r, { kind: "accessor", name: "value", static: !1, private: !1, access: { has: (a) => "value" in a, get: (a) => a.value, set: (a, v) => {
-      a.value = v;
-    } }, metadata: o }, i, b), o && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: o });
-  })(), t.elementName = "sbb-chip", t.role = "option", t.styles = [S, D], t.events = {
-    requestdelete: "requestdelete"
-  }, t;
-})();
-export {
-  T as SbbChipElement
-};
+import { t as e } from "../../chip.component-BNOs8T6O.js";
+export { e as SbbChipElement };

package/chip/chip-group/chip-group.component.js

@@ -1,267 +1,2 @@
-var x = (a) => {
-  throw TypeError(a);
-};
-var I = (a, i, l) => i.has(a) || x("Cannot " + l);
-var d = (a, i, l) => (I(a, i, "read from private field"), l ? l.call(a) : i.get(a)), g = (a, i, l) => i.has(a) ? x("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(a) : i.set(a, l), h = (a, i, l, c) => (I(a, i, "write to private field"), c ? c.call(a, l) : i.set(a, l), l);
-import { __esDecorate as _, __runInitializers as p } from "tslib";
-import { css as B, isServer as O, html as D } from "lit";
-import { property as y } from "lit/decorators.js";
-import { isArrowKeyPressed as K, getNextElementIndex as L } from "../../core/a11y.js";
-import { SbbElement as W } from "../../core/base-elements.js";
-import { SbbLanguageController as F, SbbPropertyWatcherController as T } from "../../core/controllers.js";
-import { forceType as q } from "../../core/decorators.js";
-import { isLean as V } from "../../core/dom/lean-context.js";
-import { i18nSelectionRequired as M, i18nChipGroupInputDescription as N } from "../../core/i18n.js";
-import { SbbRequiredMixin as R, SbbDisabledMixin as $, SbbNegativeMixin as j, SbbFormAssociatedMixin as U } from "../../core/mixins.js";
-import { boxSizingStyles as J } from "../../core/styles.js";
-import { SbbChipElement as P } from "../chip/chip.component.js";
-const H = B`:host{width:100%;display:flex;flex-wrap:wrap;gap:var(--sbb-chip-group-gap);align-items:center;margin-block:var(--sbb-chip-group-margin-block)}:host(:is(:is(:state(size-s),[state--size-s]),:is(:state(empty),[state--empty]))){--sbb-chip-group-margin-block: 0}:host(:is(:state(size-s),[state--size-s]):not(:is(:state(empty),[state--empty]))){--sbb-chip-group-margin-block: .375rem .3125rem}@media(min-width:64rem){:host(:is(:state(size-s),[state--size-s]):not(:is(:state(empty),[state--empty]))){--sbb-chip-group-margin-block: .3125rem .1875rem}}:host(:is(:state(without-label),[state--without-label]):is(:state(size-s),[state--size-s]):not(:is(:state(empty),[state--empty]))){--sbb-chip-group-margin-block: 0 .4375rem}@media(min-width:64rem){:host(:is(:state(without-label),[state--without-label]):is(:state(size-s),[state--size-s]):not(:is(:state(empty),[state--empty]))){--sbb-chip-group-margin-block: 0 .3125rem}}:host(:is(:is(:state(size-l),[state--size-l]),:is(:state(size-m),[state--size-m]))){--sbb-chip-group-margin-block: var(--_sbb-chip-group-margin-block-start-default) 0}@media(min-width:64rem){:host(:is(:is(:state(size-l),[state--size-l]),:is(:state(size-m),[state--size-m]))){--sbb-chip-group-margin-block: var(--_sbb-chip-group-margin-block-start-default-large) 0}}:host(:is(:state(without-label),[state--without-label]):is(:state(size-m),[state--size-m]):not(:is(:state(empty),[state--empty]))){--sbb-chip-group-margin-block: .1875rem .6875rem}@media(min-width:64rem){:host(:is(:state(without-label),[state--without-label]):is(:state(size-m),[state--size-m]):not(:is(:state(empty),[state--empty]))){--sbb-chip-group-margin-block: .1875rem .875rem}}:host(:is(:state(without-label),[state--without-label]):not(:is(:state(empty),[state--empty]),:is(:state(size-s),[state--size-s]),:is(:state(size-m),[state--size-m]),:is(:state(size-l),[state--size-l]))){--sbb-chip-group-margin-block: var(--sbb-chip-group-margin-block-no-label-not-empty)}:host(:not(:is(:state(without-label),[state--without-label])):is(:state(size-m),[state--size-m]):not(:is(:state(empty),[state--empty]))){--sbb-chip-group-margin-block: var(--_sbb-chip-group-margin-block-start-default) var(--_sbb-chip-group-margin-block-start-default-large)}@media(min-width:64rem){:host(:not(:is(:state(without-label),[state--without-label])):is(:state(size-m),[state--size-m]):not(:is(:state(empty),[state--empty]))){--sbb-chip-group-margin-block: var(--_sbb-chip-group-margin-block-start-default-large) var(--_sbb-chip-group-margin-block-start-default-large)}}:host(:not(:is(:state(without-label),[state--without-label]),:is(:state(empty),[state--empty]),:is(:state(size-s),[state--size-s]),:is(:state(size-m),[state--size-m]),:is(:state(size-l),[state--size-l]))){--sbb-chip-group-margin-block: var(--sbb-chip-group-margin-block-with-label-not-empty)}:host(:is(:state(without-label),[state--without-label]):is(:state(size-l),[state--size-l]):not(:is(:state(empty),[state--empty]))){--sbb-chip-group-margin-block: var(--_sbb-chip-group-margin-block-start-default) 1rem}@media(min-width:64rem){:host(:is(:state(without-label),[state--without-label]):is(:state(size-l),[state--size-l]):not(:is(:state(empty),[state--empty]))){--sbb-chip-group-margin-block: var(--_sbb-chip-group-margin-block-start-default-large) 1.25rem}}:host(:not(:is(:state(without-label),[state--without-label])):is(:state(size-l),[state--size-l]):not(:is(:state(empty),[state--empty]))){--sbb-chip-group-margin-block: var(--_sbb-chip-group-margin-block-start-default) .46875rem}@media(min-width:64rem){:host(:not(:is(:state(without-label),[state--without-label])):is(:state(size-l),[state--size-l]):not(:is(:state(empty),[state--empty]))){--sbb-chip-group-margin-block: var(--_sbb-chip-group-margin-block-start-default-large) .46875rem}}::slotted(input){flex:1 1 var(--sbb-chip-group-input-min-width);max-height:1.5rem}::slotted(sbb-chip){max-width:100%}`;
-class Q extends CustomEvent {
-  /**
-   * @deprecated Use event properties directly.
-   */
-  get detail() {
-    return this;
-  }
-  constructor(i) {
-    super("chipinputtokenend", {
-      cancelable: !0,
-      bubbles: !0,
-      composed: !0
-    }), this.origin = i.origin, this.value = i.value, this.label = i.label;
-  }
-  /** Set a new value for the chip that will be created */
-  setValue(i) {
-    this.value = i;
-  }
-  /** Set a label for the chip that will be created */
-  setLabel(i) {
-    this.label = i;
-  }
-}
-let pt = (() => {
-  var u, b, m, r;
-  let a = R($(j(U(W)))), i = [], l, c, f = [], v = [], z, w = [], k = [], E, C = [], S = [];
-  return r = class extends a {
-    constructor() {
-      super();
-      g(this, u);
-      g(this, b);
-      g(this, m);
-      h(this, u, (p(this, i), p(this, f, null))), h(this, b, (p(this, v), p(this, w, ["Enter"]))), h(this, m, (p(this, k), p(this, C, !1))), this._inputAttributeObserver = (p(this, S), O ? null : new MutationObserver(() => this._reactToInputChanges())), this._language = new F(this), this.addEventListener?.(P.events.requestdelete, (t) => this._deleteChip(t.target)), this.addEventListener?.("keydown", (t) => this._onChipKeyDown(t)), this.addController(new T(this, () => this.closest("sbb-form-field"), {
-        size: (t) => this._updateSize(t.size),
-        label: (t) => this._updateLabelState(t),
-        hiddenLabel: (t) => this._updateLabelState(t)
-      }));
-    }
-    /** Value of the form element. */
-    set value(t) {
-      t = t ?? [];
-      const e = this.value, s = [...e];
-      for (const o of t)
-        s.includes(o) && s.splice(s.indexOf(o), 1);
-      s.forEach((o) => this._chipElements().find((A) => A.value === o)?.remove());
-      const n = [...t];
-      for (const o of e)
-        n.includes(o) && n.splice(n.indexOf(o), 1);
-      n.forEach((o) => this._createChipElement(o));
-    }
-    get value() {
-      return this._chipElements().map((t) => t.value);
-    }
-    /** Function that maps a chip's value to its display value. */
-    get displayWith() {
-      return d(this, u);
-    }
-    set displayWith(t) {
-      h(this, u, t);
-    }
-    /** The array of keys that will trigger a `chipinputtokenend` event. Default `['Enter']` */
-    get separatorKeys() {
-      return d(this, b);
-    }
-    set separatorKeys(t) {
-      h(this, b, t);
-    }
-    /** Whether to automatically add a chip when the input loses focus if there's a value. */
-    get addOnBlur() {
-      return d(this, m);
-    }
-    set addOnBlur(t) {
-      h(this, m, t);
-    }
-    _updateLabelState(t) {
-      this.toggleState("without-label", !t.label || t.hiddenLabel);
-    }
-    connectedCallback() {
-      super.connectedCallback(), this._setupComponent();
-    }
-    willUpdate(t) {
-      super.willUpdate(t), (t.has("disabled") || t.has("formDisabled") || t.has("negative")) && this._proxyStateToChips();
-    }
-    /** @internal */
-    formResetCallback() {
-      this.value = null;
-    }
-    /** @internal */
-    formStateRestoreCallback(t, e) {
-      if (!t) {
-        this.value = null;
-        return;
-      }
-      this._readFormData(t).then((s) => this.value = s);
-    }
-    async _readFormData(t) {
-      return Promise.all(t.getAll(this.name).map(async (e) => e instanceof Blob ? JSON.parse(await e.text()) : e));
-    }
-    shouldValidate(t) {
-      return super.shouldValidate(t) || t === "required" || t === "value";
-    }
-    validate() {
-      super.validate(), this.required && this.value.length === 0 ? this.setValidityFlag("valueMissing", M[this._language.current]) : this.removeValidityFlag("valueMissing");
-    }
-    /** Return the list of chip elements **/
-    _chipElements() {
-      return Array.from(this.querySelectorAll?.("sbb-chip") ?? []);
-    }
-    /** Return the list of enabled chip elements **/
-    _enabledChipElements() {
-      return Array.from(this.querySelectorAll?.("sbb-chip:not([disabled])") ?? []);
-    }
-    _setupComponent() {
-      const t = this.querySelector("input");
-      t && t !== this._inputElement && (this._inputAbortController?.abort(), this._inputAttributeObserver?.disconnect(), this._inputElement = t, this._inputAbortController = new AbortController(), this._inputElement.addEventListener("keydown", (e) => this._onInputKeyDown(e), {
-        signal: this._inputAbortController.signal
-      }), this._inputElement.addEventListener("blur", () => this._onInputBlur(), {
-        signal: this._inputAbortController.signal,
-        capture: !0
-      }), this._inputElement.addEventListener("inputAutocomplete", (e) => {
-        this._createChipFromInput("autocomplete", e.detail?.option.value);
-      }, {
-        signal: this._inputAbortController.signal
-      }), this._inputAttributeObserver?.observe(this._inputElement, {
-        attributes: !0,
-        attributeFilter: ["readonly", "disabled"]
-      })), (!this._previousSize || !this.closest("sbb-form-field")) && this._updateSize(V() ? "s" : "m"), this.toggleState("empty", this.value.length === 0), this._reactToInputChanges(), this._updateInputDescription(), this.updateFormValue();
-    }
-    /**
-     * Listen for keyboard events on the chip elements
-     **/
-    _onChipKeyDown(t) {
-      const e = t.target;
-      if (e.localName === "sbb-chip") {
-        if (K(t)) {
-          const s = this._enabledChipElements(), n = L(t, s.indexOf(e), s.length);
-          s[n].focus();
-          return;
-        }
-        switch (t.key) {
-          case "Backspace":
-          case "Delete":
-            !e.readOnly && !e.disabled && (t.preventDefault(), this._deleteChip(e));
-            break;
-        }
-      }
-    }
-    /**
-     * Listen for keyboard events on the input
-     **/
-    _onInputKeyDown(t) {
-      switch (t.key) {
-        case "Backspace":
-        case "ArrowLeft":
-          this._inputElement.value || this._focusChip();
-          break;
-        case "Enter":
-          t.preventDefault();
-          break;
-      }
-      this.separatorKeys.includes(t.key) && (t.preventDefault(), this._createChipFromInput("input"));
-    }
-    /**
-     * Handle blur event on the input
-     **/
-    _onInputBlur() {
-      this.addOnBlur && this._createChipFromInput("input");
-    }
-    /**
-     * If the input is not empty, create a chip with its value
-     */
-    _createChipFromInput(t = "input", e) {
-      const s = e ?? this._inputElement.value.trim();
-      if (!s)
-        return;
-      const n = new Q({
-        origin: t,
-        value: s,
-        label: (e ? this.displayWith?.(e) : null) ?? void 0
-      });
-      this.dispatchEvent(n) && (this._createChipElement(n.value, n.label), this._inputElement.value = "", this._emitInputEvents());
-    }
-    _deleteChip(t) {
-      const e = this._enabledChipElements();
-      t.remove(), this._emitInputEvents(), this._focusChip(e.indexOf(t));
-    }
-    /**
-     * 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(t) {
-      const e = this._enabledChipElements();
-      if (t !== void 0 && e[t]) {
-        e[t].focus();
-        return;
-      }
-      if (e.length > 0) {
-        e[e.length - 1].focus();
-        return;
-      }
-      this._inputElement?.focus();
-    }
-    _emitInputEvents() {
-      this.dispatchEvent(new InputEvent("input", { bubbles: !0, composed: !0 })), this.dispatchEvent(new Event("change", { bubbles: !0 }));
-    }
-    _createChipElement(t, e) {
-      if (O)
-        return;
-      const s = document.createElement("sbb-chip");
-      s.value = t, s.innerText = e ?? (t ? this.displayWith?.(t) : null) ?? "", this.insertBefore(s, this._inputElement ?? this.querySelector("input"));
-    }
-    _reactToInputChanges() {
-      this.disabled = this._inputElement?.disabled ?? !1, this._proxyStateToChips();
-    }
-    _proxyStateToChips() {
-      this._chipElements().forEach((t) => {
-        t.disabled = this.disabled || this.formDisabled, t.readOnly = this._inputElement?.hasAttribute("readonly") ?? !1, t.negative = this.negative;
-      });
-    }
-    _updateSize(t) {
-      this._previousSize && this.internals.states.delete(`size-${this._previousSize}`), this._previousSize = t, this._previousSize && this.internals.states.add(`size-${this._previousSize}`);
-    }
-    _updateInputDescription() {
-      this._inputElement && this._inputElement.setAttribute("aria-description", `${N[this._language.current]} ${this.value.length}`);
-    }
-    render() {
-      return D`<slot @slotchange=${this._setupComponent}></slot>`;
-    }
-  }, u = new WeakMap(), b = new WeakMap(), m = new WeakMap(), (() => {
-    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(a[Symbol.metadata] ?? null) : void 0;
-    l = [y({ type: Array })], c = [y({ attribute: !1 })], z = [y({ attribute: "separator-keys", type: Array })], E = [q(), y({ attribute: "add-on-blur", type: Boolean })], _(r, null, l, { kind: "setter", name: "value", static: !1, private: !1, access: { has: (e) => "value" in e, set: (e, s) => {
-      e.value = s;
-    } }, metadata: t }, null, i), _(r, null, c, { kind: "accessor", name: "displayWith", static: !1, private: !1, access: { has: (e) => "displayWith" in e, get: (e) => e.displayWith, set: (e, s) => {
-      e.displayWith = s;
-    } }, metadata: t }, f, v), _(r, null, z, { kind: "accessor", name: "separatorKeys", static: !1, private: !1, access: { has: (e) => "separatorKeys" in e, get: (e) => e.separatorKeys, set: (e, s) => {
-      e.separatorKeys = s;
-    } }, metadata: t }, w, k), _(r, null, E, { kind: "accessor", name: "addOnBlur", static: !1, private: !1, access: { has: (e) => "addOnBlur" in e, get: (e) => e.addOnBlur, set: (e, s) => {
-      e.addOnBlur = s;
-    } }, metadata: t }, C, S), t && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
-  })(), r.elementName = "sbb-chip-group", r.role = "listbox", r.styles = [J, H], r.events = {
-    input: "input",
-    change: "change",
-    chipinputtokenend: "chipinputtokenend"
-  }, r;
-})();
-export {
-  pt as SbbChipGroupElement,
-  Q as SbbChipInputTokenEndEvent
-};
+import { n as e, t } from "../../chip-group.component-D2AZqL3m.js";
+export { t as SbbChipGroupElement, e as SbbChipInputTokenEndEvent };

package/chip/chip-group.js

@@ -1,9 +1,4 @@
-import { SbbChipGroupElement as e } from "./chip-group/chip-group.component.js";
-import { SbbChipInputTokenEndEvent as p } from "./chip-group/chip-group.component.js";
-e.define();
-console.warn(`The entrypoint '@sbb-esta/elements/chip/chip-group.js' has been deprecated.
-Use either '@sbb-esta/elements/chip.js' or '@sbb-esta/elements/chip.pure.js' instead.`);
-export {
-  e as SbbChipGroupElement,
-  p as SbbChipInputTokenEndEvent
-};
+import { n as e, t } from "../chip-group.component-D2AZqL3m.js";
+t.define(), console.warn("The entrypoint '@sbb-esta/elements/chip/chip-group.js' has been deprecated.\nUse either '@sbb-esta/elements/chip.js' or '@sbb-esta/elements/chip.pure.js' instead.");
+//#endregion
+export { t as SbbChipGroupElement, e as SbbChipInputTokenEndEvent };

package/chip/chip.js

@@ -1,7 +1,4 @@
-import { SbbChipElement as e } from "./chip/chip.component.js";
-e.define();
-console.warn(`The entrypoint '@sbb-esta/elements/chip/chip.js' has been deprecated.
-Use either '@sbb-esta/elements/chip.js' or '@sbb-esta/elements/chip.pure.js' instead.`);
-export {
-  e as SbbChipElement
-};
+import { t as e } from "../chip.component-BNOs8T6O.js";
+e.define(), console.warn("The entrypoint '@sbb-esta/elements/chip/chip.js' has been deprecated.\nUse either '@sbb-esta/elements/chip.js' or '@sbb-esta/elements/chip.pure.js' instead.");
+//#endregion
+export { e as SbbChipElement };