@sbb-esta/lyne-elements 4.6.0 → 4.8.0

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

@@ -1,230 +1,172 @@
-var b = (a) => {
-  throw TypeError(a);
-};
-var v = (a, s, r) => s.has(a) || b("Cannot " + r);
-var g = (a, s, r) => (v(a, s, "read from private field"), r ? r.call(a) : s.get(a)), _ = (a, s, r) => s.has(a) ? b("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(a) : s.set(a, r), h = (a, s, r, d) => (v(a, s, "write to private field"), d ? d.call(a, r) : s.set(a, r), r);
-import { __esDecorate as V, __runInitializers as c } from "tslib";
-import { property as E, state as w } from "lit/decorators.js";
-import { isWebkit as F } from "../dom.js";
-const S = {
-  badInput: !1,
-  customError: !1,
-  patternMismatch: !1,
-  rangeOverflow: !1,
-  rangeUnderflow: !1,
-  stepMismatch: !1,
-  tooLong: !1,
-  tooShort: !1,
-  typeMismatch: !1,
-  valueMissing: !1
+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.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") {
-  const a = class {
-    get valid() {
-      return !0;
-    }
-    constructor() {
-      throw new TypeError("Illegal constructor");
-    }
-  };
-  Object.entries(S).forEach(([s, r]) => Object.assign(a.prototype, {
-    get [s]() {
-      return r;
-    }
-  })), globalThis.ValidityState = a;
+	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;
 }
-const C = (a) => (() => {
-  var o, n;
-  let r = a, d = [], f, m, y = [], p = [];
-  return n = class extends r {
-    constructor(...t) {
-      super(...t);
-      _(this, o);
-      this._validityStates = (c(this, d), /* @__PURE__ */ new Map()), h(this, o, c(this, y, !1)), c(this, p), this.addEventListener?.("invalid", (e) => e.preventDefault());
-    }
-    /**
-     * Returns the form owner of this element.
-     */
-    get form() {
-      return this.internals.form;
-    }
-    /**
-     * Name of the form element. Will be read from name attribute.
-     *
-     * @description Developer note: In this case updating the attribute must be synchronous.
-     * Due to this it is implemented as a getter/setter and the attributeChangedCallback() handles the diff check.
-     */
-    set name(t) {
-      this.setAttribute("name", `${t}`), this.updateFormValue();
-    }
-    get name() {
-      return this.getAttribute("name") ?? "";
-    }
-    /** @internal */
-    get type() {
-      return this.localName;
-    }
-    /**
-     * Returns the ValidityState object for this element.
-     */
-    get validity() {
-      return this.internals.validity;
-    }
-    /**
-     * Returns the current error message, if available, which corresponds
-     * to the current validation state.
-     * Please note that only one message is returned at a time (e.g. if
-     * multiple validity states are invalid, only the chronologically first one
-     * is returned until it is fixed, at which point the next message might be
-     * returned, if it is still applicable). Also, a custom validity message
-     * (see below) has precedence over native validation messages.
-     */
-    get validationMessage() {
-      return this.internals.validationMessage;
-    }
-    /**
-     * Returns true if this element will be validated
-     * when the form is submitted; false otherwise.
-     */
-    get willValidate() {
-      return this.internals.willValidate;
-    }
-    /** Whenever a surrounding form or fieldset is changing its disabled state. */
-    get formDisabled() {
-      return g(this, o);
-    }
-    set formDisabled(t) {
-      h(this, o, t);
-    }
-    attributeChangedCallback(t, e, i) {
-      (t !== "name" || e !== i) && super.attributeChangedCallback(t, e, i);
-    }
-    /**
-     * Returns true if this element has no validity problems; false otherwise.
-     * Fires an invalid event at the element in the latter case.
-     */
-    checkValidity() {
-      return this.internals.checkValidity();
-    }
-    /**
-     * Returns true if this element has no validity problems; otherwise,
-     * returns false, fires an invalid event at the element,
-     * and (if the event isn't canceled) reports the problem to the user.
-     */
-    reportValidity() {
-      return this.internals.reportValidity();
-    }
-    /**
-     * Sets the custom validity message for this element. Use the empty string
-     * to indicate that the element does not have a custom validity error.
-     */
-    setCustomValidity(t) {
-      t ? this.setValidityFlag("customError", t) : this.removeValidityFlag("customError");
-    }
-    /**
-     * Is called whenever a surrounding fieldset changes disabled state.
-     *
-     * @internal
-     */
-    formDisabledCallback(t) {
-      this.formDisabled = this._hasDisabledAncestor();
-    }
-    _hasDisabledAncestor() {
-      let t = this.parentElement;
-      for (; t; ) {
-        if (t.localName === "fieldset" && t.hasAttribute("disabled"))
-          return !0;
-        t = t.parentElement;
-      }
-      return !1;
-    }
-    requestUpdate(t, e, i) {
-      super.requestUpdate(t, e, i), t === "value" && this.updateFormValue(), this.hasUpdated && this.shouldValidate(t) && this.validate();
-    }
-    firstUpdated(t) {
-      super.firstUpdated(t), this.validate();
-    }
-    /**
-     * Should be called when form value is changed.
-     * Adapts and sets the formValue in the supported format (string | FormData | File | null)
-     * https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/setFormValue
-     */
-    updateFormValue() {
-      let t;
-      const e = this.name ?? this.getAttribute("name");
-      typeof this.value == "string" || this.value == null ? t = this.value : Array.isArray(this.value) ? (t = new FormData(), this.value.forEach((i) => {
-        t.append(e, typeof i == "string" ? i : new Blob([JSON.stringify(i)], {
-          type: "application/json"
-        }));
-      })) : (t = new FormData(), t.append(e, new Blob([JSON.stringify(this.value)], {
-        type: "application/json"
-      }))), this.internals.setFormValue(t, this.formState?.());
-    }
-    /**
-     * Marks this element as suffering from the constraint indicated by the
-     * flag argument and associates the given message to it.
-     * Note that only one message is displayed at a time and custom messages by
-     * consumers are always displayed before internal messages and internal
-     * messages are displayed in the order they were added.
-     * To set/define custom validity state flags, you need to extend the
-     * ValidityState prototype (and the CustomValidityState interface).
-     *
-     * @example
-     *
-     *   // The type of the custom validity state does not need to be boolean.
-     *   Object.assign(ValidityState.prototype, {
-     *     get myError(): boolean {
-     *       return false;
-     *     },
-     *   });
-     *
-     *   declare global {
-     *     interface CustomValidityState {
-     *       myError: boolean;
-     *     }
-     *   }
-     */
-    setValidityFlag(t, e, i) {
-      i ??= !0;
-      const l = this._validityStates.get(t);
-      (!l || l.message !== e || l.flagValue !== i) && (this._validityStates.set(t, { flagValue: i, message: e }), this._setInternalValidity());
-    }
-    /** Removes the validity state flag entry and updates validity state. */
-    removeValidityFlag(t) {
-      this._validityStates.has(t) && (this._validityStates.delete(t), this._setInternalValidity());
-    }
-    /** To be called whenever the current element needs to be validated. */
-    validate() {
-    }
-    /** Whether validation should be run on a property change with the given name. */
-    shouldValidate(t) {
-      return !t;
-    }
-    _setInternalValidity() {
-      let t = this._validityStates.get("customError")?.message;
-      const e = {};
-      this._validityStates.forEach(({ flagValue: l, message: u }, D) => {
-        e[D] = l, t ||= u;
-      });
-      const i = Object.keys(ValidityState.prototype).filter((l) => !(l in S) && l !== "valid");
-      for (const l of i) {
-        const u = l in e ? e[l] : !1;
-        Object.defineProperty(this.internals.validity, l, { value: u, configurable: !0 }), u && (e.customError = !0);
-      }
-      this.internals.setValidity(e, t), F && Object.defineProperty(this.internals.validity, "customError", {
-        value: this._validityStates.has("customError") || !!e.customError,
-        configurable: !0
-      });
-    }
-  }, o = new WeakMap(), (() => {
-    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(r[Symbol.metadata] ?? null) : void 0;
-    f = [E()], m = [w()], V(n, null, f, { kind: "setter", name: "name", static: !1, private: !1, access: { has: (e) => "name" in e, set: (e, i) => {
-      e.name = i;
-    } }, metadata: t }, null, d), V(n, null, m, { kind: "accessor", name: "formDisabled", static: !1, private: !1, access: { has: (e) => "formDisabled" in e, get: (e) => e.formDisabled, set: (e, i) => {
-      e.formDisabled = i;
-    } }, metadata: t }, y, p), t && Object.defineProperty(n, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
-  })(), n.formAssociated = !0, n;
+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
+			});
+		}
+	};
 })();
-export {
-  C as SbbFormAssociatedMixin
-};
+//#endregion
+export { o as SbbFormAssociatedMixin };