@sbb-esta/lyne-elements-dev 4.7.0-dev.1773388991 → 4.7.0-dev.1773393164

package/checkbox.component-CJcC5JnN.js

@@ -1,125 +0,0 @@
-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/chip-group.component-DR6GoGCB.js

@@ -1,283 +0,0 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { css as n, html as r, isServer as i } from "lit";
-import { property as a } from "lit/decorators.js";
-import { SbbElement as o } from "./core/base-elements.js";
-import { forceType as s } from "./core/decorators.js";
-import { SbbDisabledMixin as c, SbbFormAssociatedMixin as l, SbbNegativeMixin as u, SbbRequiredMixin as d } from "./core/mixins.js";
-import { boxSizingStyles as f } from "./core/styles.js";
-import { SbbLanguageController as p, SbbPropertyWatcherController as m } from "./core/controllers.js";
-import { i18nChipGroupInputDescription as h, i18nSelectionRequired as g } from "./core/i18n.js";
-import { getNextElementIndex as _, isArrowKeyPressed as v } from "./core/a11y.js";
-import { isLean as y } from "./core/dom/lean-context.js";
-import { SbbChipElement as b } from "./chip/chip/chip.component.js";
-//#region src/elements/chip/chip-group/chip-group.scss?lit&inline
-var x = n`:host{gap:var(--sbb-chip-group-gap);width:100%;margin-block:var(--sbb-chip-group-margin-block);flex-wrap:wrap;align-items:center;display:flex}: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 (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 (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 (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 (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 (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 (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 (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%}`, S = (() => {
-	let n = d(c(u(l(o)))), S = [], C, w, T = [], E = [], D, O = [], k = [], A, j = [], M = [];
-	return class extends n {
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
-			C = [a({ type: Array })], w = [a({ attribute: !1 })], D = [a({
-				attribute: "separator-keys",
-				type: Array
-			})], A = [s(), a({
-				attribute: "add-on-blur",
-				type: Boolean
-			})], e(this, null, C, {
-				kind: "setter",
-				name: "value",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "value" in e,
-					set: (e, t) => {
-						e.value = t;
-					}
-				},
-				metadata: t
-			}, null, S), e(this, null, w, {
-				kind: "accessor",
-				name: "displayWith",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "displayWith" in e,
-					get: (e) => e.displayWith,
-					set: (e, t) => {
-						e.displayWith = t;
-					}
-				},
-				metadata: t
-			}, T, E), e(this, null, D, {
-				kind: "accessor",
-				name: "separatorKeys",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "separatorKeys" in e,
-					get: (e) => e.separatorKeys,
-					set: (e, t) => {
-						e.separatorKeys = t;
-					}
-				},
-				metadata: t
-			}, O, k), e(this, null, A, {
-				kind: "accessor",
-				name: "addOnBlur",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "addOnBlur" in e,
-					get: (e) => e.addOnBlur,
-					set: (e, t) => {
-						e.addOnBlur = t;
-					}
-				},
-				metadata: t
-			}, j, M), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		static {
-			this.elementName = "sbb-chip-group";
-		}
-		static {
-			this.role = "listbox";
-		}
-		static {
-			this.styles = [f, x];
-		}
-		static {
-			this.events = {
-				input: "input",
-				change: "change",
-				chipinputtokenend: "chipinputtokenend"
-			};
-		}
-		set value(e) {
-			e ??= [];
-			let t = this.value, n = [...t];
-			for (let t of e) n.includes(t) && n.splice(n.indexOf(t), 1);
-			n.forEach((e) => this._chipElements().find((t) => t.value === e)?.remove());
-			let r = [...e];
-			for (let e of t) r.includes(e) && r.splice(r.indexOf(e), 1);
-			r.forEach((e) => this._createChipElement(e));
-		}
-		get value() {
-			return this._chipElements().map((e) => e.value);
-		}
-		#e;
-		get displayWith() {
-			return this.#e;
-		}
-		set displayWith(e) {
-			this.#e = e;
-		}
-		#t;
-		get separatorKeys() {
-			return this.#t;
-		}
-		set separatorKeys(e) {
-			this.#t = e;
-		}
-		#n;
-		get addOnBlur() {
-			return this.#n;
-		}
-		set addOnBlur(e) {
-			this.#n = e;
-		}
-		constructor() {
-			super(), this.#e = (t(this, S), t(this, T, null)), this.#t = (t(this, E), t(this, O, ["Enter"])), this.#n = (t(this, k), t(this, j, !1)), this._inputAttributeObserver = (t(this, M), i ? null : new MutationObserver(() => this._reactToInputChanges())), this._language = new p(this), this.addEventListener?.(b.events.requestdelete, (e) => this._deleteChip(e.target)), this.addEventListener?.("keydown", (e) => this._onChipKeyDown(e)), this.addController(new m(this, () => this.closest("sbb-form-field"), {
-				size: (e) => this._updateSize(e.size),
-				label: (e) => this._updateLabelState(e),
-				hiddenLabel: (e) => this._updateLabelState(e)
-			}));
-		}
-		_updateLabelState(e) {
-			this.toggleState("without-label", !e.label || e.hiddenLabel);
-		}
-		connectedCallback() {
-			super.connectedCallback(), this._setupComponent();
-		}
-		willUpdate(e) {
-			super.willUpdate(e), (e.has("disabled") || e.has("formDisabled") || e.has("negative")) && this._proxyStateToChips();
-		}
-		formResetCallback() {
-			this.value = null;
-		}
-		formStateRestoreCallback(e, t) {
-			if (!e) {
-				this.value = null;
-				return;
-			}
-			this._readFormData(e).then((e) => this.value = e);
-		}
-		async _readFormData(e) {
-			return Promise.all(e.getAll(this.name).map(async (e) => e instanceof Blob ? JSON.parse(await e.text()) : e));
-		}
-		shouldValidate(e) {
-			return super.shouldValidate(e) || e === "required" || e === "value";
-		}
-		validate() {
-			super.validate(), this.required && this.value.length === 0 ? this.setValidityFlag("valueMissing", g[this._language.current]) : this.removeValidityFlag("valueMissing");
-		}
-		_chipElements() {
-			return Array.from(this.querySelectorAll?.("sbb-chip") ?? []);
-		}
-		_enabledChipElements() {
-			return Array.from(this.querySelectorAll?.("sbb-chip:not([disabled])") ?? []);
-		}
-		_setupComponent() {
-			let e = this.querySelector("input");
-			e && e !== this._inputElement && (this._inputAbortController?.abort(), this._inputAttributeObserver?.disconnect(), this._inputElement = e, 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(y() ? "s" : "m"), this.toggleState("empty", this.value.length === 0), this._reactToInputChanges(), this._updateInputDescription(), this.updateFormValue();
-		}
-		_onChipKeyDown(e) {
-			let t = e.target;
-			if (t.localName === "sbb-chip") {
-				if (v(e)) {
-					let n = this._enabledChipElements();
-					n[_(e, n.indexOf(t), n.length)].focus();
-					return;
-				}
-				switch (e.key) {
-					case "Backspace":
-					case "Delete":
-						!t.readOnly && !t.disabled && (e.preventDefault(), this._deleteChip(t));
-						break;
-				}
-			}
-		}
-		_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"));
-		}
-		_onInputBlur() {
-			this.addOnBlur && this._createChipFromInput("input");
-		}
-		_createChipFromInput(e = "input", t) {
-			let n = t ?? this._inputElement.value.trim();
-			if (!n) return;
-			let r = {
-				origin: e,
-				value: n,
-				label: (t ? this.displayWith?.(t) : null) ?? void 0,
-				setValue: (e) => r.value = e,
-				setLabel: (e) => r.label = e
-			};
-			this._dispatchChipInputTokenEnd(r) && (this._createChipElement(r.value, r.label), this._inputElement.value = "", this._emitInputEvents());
-		}
-		_dispatchChipInputTokenEnd(e) {
-			return this.dispatchEvent(new CustomEvent("chipinputtokenend", {
-				detail: e,
-				cancelable: !0,
-				bubbles: !0,
-				composed: !0
-			}));
-		}
-		_deleteChip(e) {
-			let t = this._enabledChipElements();
-			e.remove(), this._emitInputEvents(), this._focusChip(t.indexOf(e));
-		}
-		_focusChip(e) {
-			let t = this._enabledChipElements();
-			if (e !== void 0 && t[e]) {
-				t[e].focus();
-				return;
-			}
-			if (t.length > 0) {
-				t[t.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(e, t) {
-			if (i) return;
-			let n = document.createElement("sbb-chip");
-			n.value = e, n.innerText = t ?? (e ? this.displayWith?.(e) : null) ?? "", this.insertBefore(n, this._inputElement ?? this.querySelector("input"));
-		}
-		_reactToInputChanges() {
-			this.disabled = this._inputElement?.disabled ?? !1, this._proxyStateToChips();
-		}
-		_proxyStateToChips() {
-			this._chipElements().forEach((e) => {
-				e.disabled = this.disabled || this.formDisabled, e.readOnly = this._inputElement?.hasAttribute("readonly") ?? !1, e.negative = this.negative;
-			});
-		}
-		_updateSize(e) {
-			this._previousSize && this.internals.states.delete(`size-${this._previousSize}`), this._previousSize = e, this._previousSize && this.internals.states.add(`size-${this._previousSize}`);
-		}
-		_updateInputDescription() {
-			this._inputElement && this._inputElement.setAttribute("aria-description", `${h[this._language.current]} ${this.value.length}`);
-		}
-		render() {
-			return r`<slot @slotchange=${this._setupComponent}></slot>`;
-		}
-	};
-})();
-//#endregion
-export { S as t };

package/chip-label.component-DBN4jfW7.js

@@ -1,80 +0,0 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { css as n, html as r } from "lit";
-import { property as i } from "lit/decorators.js";
-import { SbbElement as a } from "./core/base-elements.js";
-import { boxSizingStyles as o } from "./core/styles.js";
-//#region src/elements/chip-label/chip-label.scss?lit&inline
-var s = n`:host{display:inline-block}:host([color=charcoal]){--sbb-chip-label-color:var(--sbb-color-2-inverted);--sbb-chip-label-background-color:var(--sbb-background-color-2-inverted)}:host([color=white]){--sbb-chip-label-color:var(--lightningcss-light,var(--sbb-color-granite))var(--lightningcss-dark,var(--sbb-color-cloud));--sbb-chip-label-background-color:var(--sbb-background-color-1)}:host([color=granite]){--sbb-chip-label-color:var(--sbb-color-2-inverted);--sbb-chip-label-background-color:var(--lightningcss-light,var(--sbb-color-granite))var(--lightningcss-dark,var(--sbb-color-storm))}:host([size=xs]){--sbb-chip-label-padding-block:var(--sbb-spacing-fixed-1x);--sbb-chip-label-padding-inline:var(--sbb-spacing-fixed-3x);--sbb-chip-label-font-size:var(--sbb-text-font-size-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-chip-label-font-size:var(--sbb-text-font-size-s)}.sbb-chip-label{height:calc(var(--sbb-typo-line-height-text) * var(--sbb-chip-label-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);line-height:2;font-size:var(--sbb-chip-label-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);justify-content:center;align-items:center;display:inline-flex;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{white-space:nowrap;text-overflow:ellipsis;display:inline-block;overflow:hidden}`, c = (() => {
-	let n = a, c, l = [], u = [], d, f = [], p = [];
-	return class extends n {
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
-			c = [i({ reflect: !0 })], d = [i({ reflect: !0 })], e(this, null, c, {
-				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: t
-			}, l, u), e(this, null, d, {
-				kind: "accessor",
-				name: "color",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "color" in e,
-					get: (e) => e.color,
-					set: (e, t) => {
-						e.color = t;
-					}
-				},
-				metadata: t
-			}, f, p), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		static {
-			this.elementName = "sbb-chip-label";
-		}
-		static {
-			this.styles = [o, s];
-		}
-		#e = t(this, l, "xxs");
-		get size() {
-			return this.#e;
-		}
-		set size(e) {
-			this.#e = e;
-		}
-		#t = (t(this, u), t(this, f, "milk"));
-		get color() {
-			return this.#t;
-		}
-		set color(e) {
-			this.#t = e;
-		}
-		render() {
-			return r`
-      <span class="sbb-chip-label">
-        <span class="sbb-chip__text-wrapper">
-          <slot></slot>
-        </span>
-      </span>
-    `;
-		}
-		constructor() {
-			super(...arguments), t(this, p);
-		}
-	};
-})();
-//#endregion
-export { c as t };

package/chip.component-BNOs8T6O.js

@@ -1,94 +0,0 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { css as n, html as r } from "lit";
-import { property as i } from "lit/decorators.js";
-import { SbbElement as a } from "./core/base-elements.js";
-import { SbbDisabledMixin as o, SbbNegativeMixin as s, SbbReadonlyMixin as c } from "./core/mixins.js";
-import { boxSizingStyles as l } from "./core/styles.js";
-import { SbbLanguageController as u } from "./core/controllers.js";
-import { i18nChipDelete as d } from "./core/i18n.js";
-import "./screen-reader-only.js";
-import "./button/mini-button.js";
-//#region src/elements/chip/chip/chip.scss?lit&inline
-var f = n`: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));background-color:var(--sbb-chip-background-color);border-radius:var(--sbb-chip-border-radius);color:var(--sbb-chip-color);height:var(--sbb-chip-height);align-items:stretch;display:inline-flex}: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-radius:var(--sbb-chip-border-radius) 0 0 var(--sbb-chip-border-radius);padding-inline:var(--sbb-chip-label-padding-inline);border-inline-end:none;outline:none;align-items:center;display:flex;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{white-space:nowrap;text-overflow:ellipsis;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);display:inline-block;overflow:hidden}.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)}}`, p = (() => {
-	let n = s(o(c(a))), p, m = [], h = [];
-	return class extends n {
-		constructor() {
-			super(...arguments), this.#e = t(this, m, null), this._language = (t(this, h), new u(this));
-		}
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
-			p = [i()], e(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: t
-			}, m, h), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		static {
-			this.elementName = "sbb-chip";
-		}
-		static {
-			this.role = "option";
-		}
-		static {
-			this.styles = [l, f];
-		}
-		static {
-			this.events = { requestdelete: "requestdelete" };
-		}
-		#e;
-		get value() {
-			return this.#e;
-		}
-		set value(e) {
-			this.#e = e;
-		}
-		willUpdate(e) {
-			super.willUpdate(e), e.has("disabled") && (this.disabled ? this.removeAttribute("tabindex") : this.setAttribute("tabindex", "-1"));
-		}
-		firstUpdated(e) {
-			super.firstUpdated(e), 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 r`
-      <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>, ${d[this._language.current]}</sbb-screen-reader-only>
-    `;
-		}
-	};
-})();
-//#endregion
-export { p as t };