@sbb-esta/lyne-elements 5.0.1 → 5.1.0

package/core/mixins/disabled-mixin.js

@@ -1,92 +0,0 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { property as n } from "lit/decorators.js";
-import { forceType as r } from "../decorators/force-type.js";
-//#region src/elements/core/mixins/disabled-mixin.ts
-var i = (r) => (() => {
-	let i = r, a = [], o;
-	return class extends i {
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(i[Symbol.metadata] ?? null) : void 0;
-			o = [n({
-				type: Boolean,
-				reflect: !0
-			})], e(this, null, o, {
-				kind: "setter",
-				name: "disabled",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "disabled" in e,
-					set: (e, t) => {
-						e.disabled = t;
-					}
-				},
-				metadata: t
-			}, null, a), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		set disabled(e) {
-			this.#e = !!e, this.toggleAttribute("disabled", this.disabled);
-		}
-		get disabled() {
-			return this.#e || this.isDisabledExternally();
-		}
-		#e = (t(this, a), !1);
-		isDisabledExternally() {
-			return !1;
-		}
-	};
-})(), a = (i) => (() => {
-	let a = i, o, s = [], c = [];
-	return class extends a {
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(a[Symbol.metadata] ?? null) : void 0;
-			o = [r(), n({
-				attribute: "disabled-interactive",
-				type: Boolean,
-				reflect: !0
-			})], e(this, null, o, {
-				kind: "accessor",
-				name: "disabledInteractive",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "disabledInteractive" in e,
-					get: (e) => e.disabledInteractive,
-					set: (e, t) => {
-						e.disabledInteractive = t;
-					}
-				},
-				metadata: t
-			}, s, c), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		#e = t(this, s, !1);
-		get disabledInteractive() {
-			return this.#e;
-		}
-		set disabledInteractive(e) {
-			this.#e = e;
-		}
-		constructor() {
-			super(...arguments), t(this, c);
-		}
-	};
-})(), o = (e) => {
-	class t extends a(i(e)) {
-		willUpdate(e) {
-			super.willUpdate(e), e.has("disabledInteractive") && (this.internals.ariaDisabled = this.disabledInteractive ? "true" : null), e.has("disabled") && (this.disabled ? this.removeAttribute("tabindex") : this.setAttribute("tabindex", "0"));
-		}
-	}
-	return t;
-};
-//#endregion
-export { a as SbbDisabledInteractiveMixin, i as SbbDisabledMixin, o as SbbDisabledTabIndexActionMixin };

package/core/mixins/form-associated-checkbox-mixin.js

@@ -1,94 +0,0 @@
-import { SbbDisabledMixin as e } from "./disabled-mixin.js";
-import { SbbFormAssociatedMixin as t } from "./form-associated-mixin.js";
-import { SbbRequiredMixin as n } from "./required-mixin.js";
-import { __esDecorate as r, __runInitializers as i } from "tslib";
-import { defaultConverter as a } from "lit";
-import { property as o } from "lit/decorators.js";
-import { SbbLanguageController as s } from "../controllers/language-controller.js";
-import { i18nCheckboxRequired as c } from "../i18n/i18n.js";
-import { preventScrollOnSpacebarPress as l } from "../eventing/form-element-handlers.js";
-//#region src/elements/core/mixins/form-associated-checkbox-mixin.ts
-var u = (u) => (() => {
-	let d = e(n(t(u))), f = [], p;
-	return class extends d {
-		static {
-			let e = typeof Symbol == "function" && Symbol.metadata ? Object.create(d[Symbol.metadata] ?? null) : void 0;
-			p = [o({
-				type: Boolean,
-				converter: {
-					...a,
-					fromAttribute: (e, t) => ({
-						value: a.fromAttribute?.(e, t),
-						attribute: !0
-					})
-				}
-			})], r(this, null, p, {
-				kind: "setter",
-				name: "checked",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "checked" in e,
-					set: (e, t) => {
-						e.checked = t;
-					}
-				},
-				metadata: e
-			}, null, f), e && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: e
-			});
-		}
-		static {
-			this.role = "checkbox";
-		}
-		set checked(e) {
-			let t = typeof e == "object" ? e.attribute : !1;
-			t && (e = e.value), this.hasUpdated && !t && (this._attributeMutationBlocked = !0), this._checked = !!e, this.updateFormValue();
-		}
-		get checked() {
-			return this._checked;
-		}
-		get type() {
-			return "checkbox";
-		}
-		constructor() {
-			super(), this._attributeMutationBlocked = (i(this, f), !1), this._languageController = new s(this), this._checked = !1, this._handleKeyboardInteraction = (e) => {
-				e.key === " " && this._handleUserInteraction();
-			}, this._handleUserInteraction = () => {
-				this.disabled || (this.withUserInteraction?.(), this.checked = !this.checked, this._attributeMutationBlocked = !0, this.dispatchEvent(new InputEvent("input", {
-					composed: !0,
-					bubbles: !0
-				})), this.dispatchEvent(new Event("change", { bubbles: !0 })));
-			}, this.addEventListener?.("click", this._handleUserInteraction), this.addEventListener?.("keydown", l), this.addEventListener?.("keyup", this._handleKeyboardInteraction);
-		}
-		connectedCallback() {
-			super.connectedCallback(), this.tabIndex = 0;
-		}
-		attributeChangedCallback(e, t, n) {
-			(e !== "checked" || !this._attributeMutationBlocked) && super.attributeChangedCallback(e, t, n);
-		}
-		formResetCallback() {
-			this.checked = this.hasAttribute("checked"), this._attributeMutationBlocked = !1;
-		}
-		formStateRestoreCallback(e, t) {
-			e && (this.checked = e === "true");
-		}
-		updateFormValue() {
-			this.checked ? super.updateFormValue() : this.internals.setFormValue(null);
-		}
-		formState() {
-			return `${this.checked}`;
-		}
-		shouldValidate(e) {
-			return super.shouldValidate(e) || e === "checked" || e === "required";
-		}
-		validate() {
-			super.validate(), this.required && !this.checked ? this.setValidityFlag("valueMissing", c[this._languageController.current]) : this.removeValidityFlag("valueMissing");
-		}
-	};
-})();
-//#endregion
-export { u as SbbFormAssociatedCheckboxMixin };

package/core/mixins/form-associated-input-mixin.js

@@ -1,205 +0,0 @@
-import { SbbDisabledMixin as e } from "./disabled-mixin.js";
-import { SbbFormAssociatedMixin as t } from "./form-associated-mixin.js";
-import { SbbRequiredMixin as n } from "./required-mixin.js";
-import { SbbReadonlyMixin as r } from "./readonly-mixin.js";
-import { __esDecorate as i, __runInitializers as a } from "tslib";
-import { html as o, isServer as s } from "lit";
-import { eventOptions as c, property as l } from "lit/decorators.js";
-import { isBlink as u, isWebkit as d } from "../dom/platform.js";
-import { SbbLanguageController as f } from "../controllers/language-controller.js";
-import { i18nInputRequired as p } from "../i18n/i18n.js";
-import { sbbInputModalityDetector as m } from "../a11y/input-modality-detector.js";
-import { SbbMediaQueryPointerCoarse as h } from "../controllers/media-matchers-controller.js";
-var g = (() => {
-	if (s) return !1;
-	let e = document.createElement("div");
-	return e.setAttribute("contenteditable", "PLAINTEXT-ONLY"), e.contentEditable === "plaintext-only";
-})(), _ = (_) => (() => {
-	let v = r(e(n(t(_)))), y = [], b, x, S;
-	return class extends v {
-		static {
-			let e = typeof Symbol == "function" && Symbol.metadata ? Object.create(v[Symbol.metadata] ?? null) : void 0;
-			b = [l()], x = [l({ attribute: !1 })], S = [c({ passive: !0 })], i(this, null, b, {
-				kind: "setter",
-				name: "value",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "value" in e,
-					set: (e, t) => {
-						e.value = t;
-					}
-				},
-				metadata: e
-			}, null, y), i(this, null, x, {
-				kind: "setter",
-				name: "placeholder",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "placeholder" in e,
-					set: (e, t) => {
-						e.placeholder = t;
-					}
-				},
-				metadata: e
-			}, null, y), i(this, null, S, {
-				kind: "method",
-				name: "_cleanChildren",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "_cleanChildren" in e,
-					get: (e) => e._cleanChildren
-				},
-				metadata: e
-			}, null, y), e && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: e
-			});
-		}
-		static {
-			this.role = "textbox";
-		}
-		static {
-			this.formFieldAssociated = !0;
-		}
-		get type() {
-			return "text";
-		}
-		set value(e) {
-			this._value = this._cleanText(e), this.hasUpdated && this._assignValue(this._value), this.dispatchEvent(new Event("displayvaluechange", {
-				bubbles: !0,
-				composed: !0
-			}));
-		}
-		get value() {
-			return this._value ?? "";
-		}
-		set placeholder(e) {
-			e ? this.setAttribute("placeholder", e) : this.removeAttribute("placeholder"), this.internals.ariaPlaceholder = e || null;
-		}
-		get placeholder() {
-			return this.getAttribute("placeholder") ?? "";
-		}
-		constructor() {
-			super(), this._shouldEmitChange = (a(this, y), !1), this._shouldTriggerSubmit = !1, this.language = new f(this), this._value = "", this.addEventListener?.("input", () => {
-				let e = this._value;
-				this._value = this._cleanText(this.textContent ?? ""), this.requestUpdate("value", e), this.internals.states.add("interacted"), this._shouldEmitChange = !0;
-			}, { capture: !0 }), this.addEventListener?.("change", () => this._shouldEmitChange = !1, { capture: !0 }), this.addEventListener?.("keydown", (e) => {
-				if (this._requiresEmptyPatch() && this._assignValue(""), (e.key === "Enter" || e.key === "\n") && e.isTrusted) e.preventDefault(), e.stopImmediatePropagation(), this._shouldTriggerSubmit = this.dispatchEvent(new KeyboardEvent("keydown", e));
-				else if (d && this.value && (e.key === "Backspace" || e.key === "Delete") && e.isTrusted) {
-					if (e.preventDefault(), e.stopImmediatePropagation(), !this.dispatchEvent(new KeyboardEvent("keydown", e))) return;
-					let t = window.getSelection()?.getRangeAt(0);
-					if (!t) return;
-					t.startOffset === t.endOffset ? e.key === "Backspace" && t.startOffset > 0 ? (t.setStart(t.startContainer, t.startOffset - 1), t.deleteContents(), this._dispatchInputEvent()) : e.key === "Delete" && t.endOffset < this.value.length && (t.setEnd(t.endContainer, t.endOffset + 1), t.deleteContents(), this._dispatchInputEvent()) : (t.deleteContents(), this._dispatchInputEvent());
-				}
-			}, { capture: !0 }), this.addEventListener?.("keyup", (e) => {
-				e.key === "Enter" || e.key === "\n" ? (this._emitChangeIfNecessary(), this._shouldTriggerSubmit && (this._shouldTriggerSubmit = !1, this.form?.requestSubmit())) : this._requiresEmptyPatch() && this._setCursorAt(0);
-			}, { capture: !0 }), this.addEventListener?.("paste", (e) => {
-				e.preventDefault(), this._requiresEmptyPatch() && this._assignValue("");
-				let t = this._cleanText(e.clipboardData?.getData("text/plain") ?? ""), n = window.getSelection()?.getRangeAt(0);
-				!n || !t || (n.deleteContents(), n.insertNode(document.createTextNode(this.preparePastedText(t))), n.setStart(n.endContainer, n.endOffset), this._dispatchInputEvent());
-			}), this.addEventListener?.("focus", () => {
-				m.mostRecentModality === "keyboard" && window.getSelection()?.selectAllChildren(this);
-			}), this.addEventListener?.("touchend", () => {
-				this._requiresEmptyPatch() && (this._assignValue("&nbsp;"), this._setCursorAt(0));
-			}), this.addEventListener?.("click", () => {
-				this._requiresEmptyPatch() && m.mostRecentModality === "touch" && this._setCursorAt(0);
-			}), this.addEventListener?.("blur", () => {
-				window.getSelection()?.removeAllRanges(), this.value === "" && this._assignValue(""), this._emitChangeIfNecessary(), this.scrollLeft = 0;
-			}, { capture: !0 });
-		}
-		isDisabledExternally() {
-			return this.formDisabled;
-		}
-		connectedCallback() {
-			super.connectedCallback(), this.internals.ariaMultiLine = "false", this._updateContenteditable(), this._assignValue(this.value);
-		}
-		focus(e) {
-			if (super.focus(e), this._canSelect()) {
-				let e = window.getSelection();
-				if (!e) return;
-				let t = e.rangeCount > 0 ? e.getRangeAt(0) : null;
-				if (t && t.startOffset !== 0) return;
-				this._setCursorAt(this.textContent.length);
-			}
-		}
-		attributeChangedCallback(e, t, n) {
-			(e !== "value" || !this.matches?.(":is(:state(interacted),[state--interacted])")) && super.attributeChangedCallback(e, t, n);
-		}
-		formResetCallback() {
-			this.internals.states.delete("interacted"), this.value = this.getAttribute("value") ?? "";
-		}
-		formStateRestoreCallback(e, t) {
-			e && typeof e == "string" && (this.value = e);
-		}
-		select() {
-			window.getSelection()?.selectAllChildren(this);
-		}
-		firstUpdated(e) {
-			super.firstUpdated(e), this.value && !this.innerHTML.length && this._assignValue(this.value);
-		}
-		requestUpdate(e, t, n) {
-			super.requestUpdate(e, t, n), this.isConnected && (e === "disabled" || e === "formDisabled" || e === "readOnly") && this._updateContenteditable();
-		}
-		shouldValidate(e) {
-			return super.shouldValidate(e) || e === "value" || e === "required";
-		}
-		validate() {
-			super.validate(), this.required && !this.value ? this.setValidityFlag("valueMissing", p[this.language.current]) : this.removeValidityFlag("valueMissing");
-		}
-		isSelected() {
-			if (s) return !1;
-			let e = window.getSelection();
-			return !!e && e.rangeCount > 0 && this.contains(e.anchorNode);
-		}
-		preparePastedText(e) {
-			return e;
-		}
-		_requiresEmptyPatch() {
-			return s ? !1 : u && this.value === "" && window.matchMedia(h).matches;
-		}
-		_assignValue(e) {
-			this.innerHTML = e;
-		}
-		_setCursorAt(e) {
-			let t = window.getSelection();
-			if (!t) return;
-			let n = document.createRange();
-			n.setStart(this.firstChild, e), n.collapse(!0), t.removeAllRanges(), t.addRange(n);
-		}
-		_cleanText(e) {
-			return e === null ? "" : `${e}`.replace(/[\n\r]+/g, "");
-		}
-		_dispatchInputEvent() {
-			this.dispatchEvent(new InputEvent("input", {
-				bubbles: !0,
-				composed: !0
-			}));
-		}
-		_cleanChildren() {
-			if (this.childElementCount) for (let e of this.children) e.remove();
-		}
-		_updateContenteditable() {
-			if (!s && this.isConnected) {
-				this.internals.ariaReadOnly = this.readOnly ? "true" : null, this.internals.ariaDisabled = this.disabled ? "true" : null;
-				let e = this.disabled || this.readOnly ? "false" : g ? "plaintext-only" : "true";
-				this.setAttribute("contenteditable", e), this.readOnly ? this.setAttribute("tabindex", "0") : this.removeAttribute("tabindex");
-			}
-		}
-		_emitChangeIfNecessary() {
-			this._shouldEmitChange && (this._shouldEmitChange = !1, this.dispatchEvent(new Event("change", { bubbles: !0 })));
-		}
-		_canSelect() {
-			return !s && !this.disabled && !this.readOnly && !!this.value;
-		}
-		render() {
-			return o`<slot @slotchange=${this._cleanChildren}></slot>`;
-		}
-	};
-})();
-//#endregion
-export { _ as SbbFormAssociatedInputMixin };

package/core/mixins/form-associated-mixin.js

@@ -1,172 +0,0 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { property as n, state as r } from "lit/decorators.js";
-import { isWebkit as i } from "../dom/platform.js";
-//#region src/elements/core/mixins/form-associated-mixin.ts
-var a = {
-	badInput: !1,
-	customError: !1,
-	patternMismatch: !1,
-	rangeOverflow: !1,
-	rangeUnderflow: !1,
-	stepMismatch: !1,
-	tooLong: !1,
-	tooShort: !1,
-	typeMismatch: !1,
-	valueMissing: !1
-};
-if (typeof ValidityState > "u") {
-	let e = class {
-		get valid() {
-			return !0;
-		}
-		constructor() {
-			throw TypeError("Illegal constructor");
-		}
-	};
-	Object.entries(a).forEach(([t, n]) => Object.assign(e.prototype, { get [t]() {
-		return n;
-	} })), globalThis.ValidityState = e;
-}
-var o = (o) => (() => {
-	let s = o, c = [], l, u, d = [], f = [];
-	return class extends s {
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(s[Symbol.metadata] ?? null) : void 0;
-			l = [n()], u = [r()], e(this, null, l, {
-				kind: "setter",
-				name: "name",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "name" in e,
-					set: (e, t) => {
-						e.name = t;
-					}
-				},
-				metadata: t
-			}, null, c), e(this, null, u, {
-				kind: "accessor",
-				name: "formDisabled",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "formDisabled" in e,
-					get: (e) => e.formDisabled,
-					set: (e, t) => {
-						e.formDisabled = t;
-					}
-				},
-				metadata: t
-			}, d, f), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		static {
-			this.formAssociated = !0;
-		}
-		get form() {
-			return this.internals.form;
-		}
-		set name(e) {
-			this.setAttribute("name", `${e}`), this.updateFormValue();
-		}
-		get name() {
-			return this.getAttribute("name") ?? "";
-		}
-		get type() {
-			return this.localName;
-		}
-		get validity() {
-			return this.internals.validity;
-		}
-		get validationMessage() {
-			return this.internals.validationMessage;
-		}
-		get willValidate() {
-			return this.internals.willValidate;
-		}
-		#e;
-		get formDisabled() {
-			return this.#e;
-		}
-		set formDisabled(e) {
-			this.#e = e;
-		}
-		constructor(...e) {
-			super(...e), this._validityStates = (t(this, c), /* @__PURE__ */ new Map()), this.#e = t(this, d, !1), t(this, f), this.addEventListener?.("invalid", (e) => e.preventDefault());
-		}
-		attributeChangedCallback(e, t, n) {
-			(e !== "name" || t !== n) && super.attributeChangedCallback(e, t, n);
-		}
-		checkValidity() {
-			return this.internals.checkValidity();
-		}
-		reportValidity() {
-			return this.internals.reportValidity();
-		}
-		setCustomValidity(e) {
-			e ? this.setValidityFlag("customError", e) : this.removeValidityFlag("customError");
-		}
-		formDisabledCallback(e) {
-			this.formDisabled = this._hasDisabledAncestor();
-		}
-		_hasDisabledAncestor() {
-			let e = this.parentElement;
-			for (; e;) {
-				if (e.localName === "fieldset" && e.hasAttribute("disabled")) return !0;
-				e = e.parentElement;
-			}
-			return !1;
-		}
-		requestUpdate(e, t, n) {
-			super.requestUpdate(e, t, n), e === "value" && this.updateFormValue(), this.hasUpdated && this.shouldValidate(e) && this.validate();
-		}
-		firstUpdated(e) {
-			super.firstUpdated(e), this.validate();
-		}
-		updateFormValue() {
-			let e, t = this.name ?? this.getAttribute("name");
-			typeof this.value == "string" || this.value == null ? e = this.value : Array.isArray(this.value) ? (e = new FormData(), this.value.forEach((n) => {
-				e.append(t, typeof n == "string" ? n : new Blob([JSON.stringify(n)], { type: "application/json" }));
-			})) : (e = new FormData(), e.append(t, new Blob([JSON.stringify(this.value)], { type: "application/json" }))), this.internals.setFormValue(e, this.formState?.());
-		}
-		setValidityFlag(e, t, n) {
-			n ??= !0;
-			let r = this._validityStates.get(e);
-			(!r || r.message !== t || r.flagValue !== n) && (this._validityStates.set(e, {
-				flagValue: n,
-				message: t
-			}), this._setInternalValidity());
-		}
-		removeValidityFlag(e) {
-			this._validityStates.has(e) && (this._validityStates.delete(e), this._setInternalValidity());
-		}
-		validate() {}
-		shouldValidate(e) {
-			return !e;
-		}
-		_setInternalValidity() {
-			let e = this._validityStates.get("customError")?.message, t = {};
-			this._validityStates.forEach(({ flagValue: n, message: r }, i) => {
-				t[i] = n, e ||= r;
-			});
-			let n = Object.keys(ValidityState.prototype).filter((e) => !(e in a) && e !== "valid");
-			for (let e of n) {
-				let n = e in t ? t[e] : !1;
-				Object.defineProperty(this.internals.validity, e, {
-					value: n,
-					configurable: !0
-				}), n && (t.customError = !0);
-			}
-			this.internals.setValidity(t, e), i && Object.defineProperty(this.internals.validity, "customError", {
-				value: this._validityStates.has("customError") || !!t.customError,
-				configurable: !0
-			});
-		}
-	};
-})();
-//#endregion
-export { o as SbbFormAssociatedMixin };