@sbb-esta/lyne-elements-dev 4.7.0-dev.1773149675 → 4.7.0-dev.1773157346

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

@@ -1,91 +1,94 @@
-import { __esDecorate as h, __runInitializers as u } from "tslib";
-import { defaultConverter as d } from "lit";
-import { property as k } from "lit/decorators.js";
-import { SbbLanguageController as p } from "../controllers.js";
-import { hostAttributes as f } from "../decorators.js";
-import { preventScrollOnSpacebarPress as _ } from "../eventing.js";
+import { __esDecorate as d, __runInitializers as u } from "tslib";
+import { defaultConverter as b } from "lit";
+import { property as p } from "lit/decorators.js";
+import { SbbLanguageController as f } from "../controllers.js";
+import { hostAttributes as _ } from "../decorators.js";
+import { preventScrollOnSpacebarPress as S } from "../eventing.js";
 import { i18nCheckboxRequired as v } from "../i18n.js";
-import { SbbDisabledMixin as S } from "./disabled-mixin.js";
-import { SbbElementInternalsMixin as y } from "./element-internals-mixin.js";
-import { SbbFormAssociatedMixin as g } from "./form-associated-mixin.js";
-import { SbbRequiredMixin as x } from "./required-mixin.js";
-const R = (b) => (() => {
-  var i;
-  let m = [f({
-    tabindex: "0"
-  })], s, o = [], r, c = S(x(g(y(b)))), l = [], n;
-  return i = class extends c {
-    /** Whether the checkbox is checked. */
-    set checked(e) {
-      const 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;
-    }
-    /**
-     * Form type of element.
-     * @default 'checkbox'
-     */
-    get type() {
-      return "checkbox";
-    }
-    constructor() {
-      super(), this._attributeMutationBlocked = (u(this, l), !1), this._languageController = new p(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", _), this.addEventListener?.("keyup", this._handleKeyboardInteraction);
-    }
-    attributeChangedCallback(e, t, a) {
-      (e !== "checked" || !this._attributeMutationBlocked) && super.attributeChangedCallback(e, t, a);
-    }
-    /**
-     * Is called whenever the form is being reset.
-     *
-     * @internal
-     */
-    formResetCallback() {
-      this.checked = this.hasAttribute("checked"), this._attributeMutationBlocked = !1;
-    }
-    /**
-     *  Called when the browser is trying to restore element’s state to state in which case
-     *  reason is "restore", or when the browser is trying to fulfill autofill on behalf of
-     *  user in which case reason is "autocomplete".
-     *  In the case of "restore", state is a string, File, or FormData object
-     *  previously set as the second argument to setFormValue.
-     *
-     * @internal
-     */
-    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", v[this._languageController.current]) : this.removeValidityFlag("valueMissing");
-    }
-  }, r = i, (() => {
-    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(c[Symbol.metadata] ?? null) : void 0;
-    n = [k({
-      type: Boolean,
-      converter: {
-        ...d,
-        // We need to pass information to the setter so that we know it was called by attribute change.
-        fromAttribute: (t, a) => ({ value: d.fromAttribute?.(t, a), attribute: !0 })
+import { SbbDisabledMixin as y } from "./disabled-mixin.js";
+import { SbbElementInternalsMixin as g } from "./element-internals-mixin.js";
+import { SbbFormAssociatedMixin as x } from "./form-associated-mixin.js";
+import { SbbRequiredMixin as C } from "./required-mixin.js";
+const j = (s) => {
+  const m = s._$sbbElement$ ? s : g(s);
+  return (() => {
+    var i;
+    let k = [_({
+      tabindex: "0"
+    })], o, n = [], r, c = y(C(x(m))), l = [], h;
+    return i = class extends c {
+      /** Whether the checkbox is checked. */
+      set checked(e) {
+        const t = typeof e == "object" ? e.attribute : !1;
+        t && (e = e.value), this.hasUpdated && !t && (this._attributeMutationBlocked = !0), this._checked = !!e, this.updateFormValue();
       }
-    })], h(i, null, n, { kind: "setter", name: "checked", static: !1, private: !1, access: { has: (t) => "checked" in t, set: (t, a) => {
-      t.checked = a;
-    } }, metadata: e }, null, l), h(null, s = { value: r }, m, { kind: "class", name: r.name, metadata: e }, null, o), r = s.value, e && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
-  })(), i.role = "checkbox", u(r, o), r;
-})();
+      get checked() {
+        return this._checked;
+      }
+      /**
+       * Form type of element.
+       * @default 'checkbox'
+       */
+      get type() {
+        return "checkbox";
+      }
+      constructor() {
+        super(), this._attributeMutationBlocked = (u(this, l), !1), this._languageController = new f(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", S), this.addEventListener?.("keyup", this._handleKeyboardInteraction);
+      }
+      attributeChangedCallback(e, t, a) {
+        (e !== "checked" || !this._attributeMutationBlocked) && super.attributeChangedCallback(e, t, a);
+      }
+      /**
+       * Is called whenever the form is being reset.
+       *
+       * @internal
+       */
+      formResetCallback() {
+        this.checked = this.hasAttribute("checked"), this._attributeMutationBlocked = !1;
+      }
+      /**
+       *  Called when the browser is trying to restore element’s state to state in which case
+       *  reason is "restore", or when the browser is trying to fulfill autofill on behalf of
+       *  user in which case reason is "autocomplete".
+       *  In the case of "restore", state is a string, File, or FormData object
+       *  previously set as the second argument to setFormValue.
+       *
+       * @internal
+       */
+      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", v[this._languageController.current]) : this.removeValidityFlag("valueMissing");
+      }
+    }, r = i, (() => {
+      const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(c[Symbol.metadata] ?? null) : void 0;
+      h = [p({
+        type: Boolean,
+        converter: {
+          ...b,
+          // We need to pass information to the setter so that we know it was called by attribute change.
+          fromAttribute: (t, a) => ({ value: b.fromAttribute?.(t, a), attribute: !0 })
+        }
+      })], d(i, null, h, { kind: "setter", name: "checked", static: !1, private: !1, access: { has: (t) => "checked" in t, set: (t, a) => {
+        t.checked = a;
+      } }, metadata: e }, null, l), d(null, o = { value: r }, k, { kind: "class", name: r.name, metadata: e }, null, n), r = o.value, e && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
+    })(), i.role = "checkbox", u(r, n), r;
+  })();
+};
 export {
-  R as SbbFormAssociatedCheckboxMixin
+  j as SbbFormAssociatedCheckboxMixin
 };

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

@@ -1,191 +1,194 @@
-import { __esDecorate as l, __runInitializers as f } from "tslib";
-import { isServer as r, html as m } from "lit";
-import { property as c, eventOptions as b } from "lit/decorators.js";
+import { __esDecorate as l, __runInitializers as m } from "tslib";
+import { isServer as r, html as b } from "lit";
+import { property as c, eventOptions as g } from "lit/decorators.js";
 import { sbbInputModalityDetector as p } from "../a11y.js";
-import { SbbLanguageController as g, SbbMediaQueryPointerCoarse as _ } from "../controllers.js";
-import { isWebkit as v, isBlink as y } from "../dom.js";
-import { i18nInputRequired as C } from "../i18n.js";
-import { SbbDisabledMixin as E } from "./disabled-mixin.js";
-import { SbbElementInternalsMixin as S } from "./element-internals-mixin.js";
-import { SbbFormAssociatedMixin as x } from "./form-associated-mixin.js";
-import { SbbReadonlyMixin as k } from "./readonly-mixin.js";
-import { SbbRequiredMixin as w } from "./required-mixin.js";
-const A = () => {
+import { SbbLanguageController as _, SbbMediaQueryPointerCoarse as v } from "../controllers.js";
+import { isWebkit as y, isBlink as C } from "../dom.js";
+import { i18nInputRequired as E } from "../i18n.js";
+import { SbbDisabledMixin as S } from "./disabled-mixin.js";
+import { SbbElementInternalsMixin as x } from "./element-internals-mixin.js";
+import { SbbFormAssociatedMixin as k } from "./form-associated-mixin.js";
+import { SbbReadonlyMixin as w } from "./readonly-mixin.js";
+import { SbbRequiredMixin as A } from "./required-mixin.js";
+const O = () => {
   if (r)
     return !1;
   const a = document.createElement("div");
   return a.setAttribute("contenteditable", "PLAINTEXT-ONLY"), a.contentEditable === "plaintext-only";
-}, O = A(), z = (a) => (() => {
-  var s;
-  let h = k(E(w(x(S(a))))), n = [], d, u, o;
-  return s = class extends h {
-    /**
-     * Form type of element.
-     * @default 'text'
-     */
-    get type() {
-      return "text";
-    }
-    /**
-     * The value of the input. Reflects the current text value of this input.
-     */
-    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 = (f(this, n), !1), this._shouldTriggerSubmit = !1, this.language = new g(this), this._value = "", this.addEventListener?.("input", () => {
-        const 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 === `
+}, R = O(), z = (a) => {
+  const f = a._$sbbElement$ ? a : x(a);
+  return (() => {
+    var s;
+    let h = w(S(A(k(f)))), n = [], d, o, u;
+    return s = class extends h {
+      /**
+       * Form type of element.
+       * @default 'text'
+       */
+      get type() {
+        return "text";
+      }
+      /**
+       * The value of the input. Reflects the current text value of this input.
+       */
+      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 = (m(this, n), !1), this._shouldTriggerSubmit = !1, this.language = new _(this), this._value = "", this.addEventListener?.("input", () => {
+          const 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 === `
 `) && e.isTrusted)
-          e.preventDefault(), e.stopImmediatePropagation(), this._shouldTriggerSubmit = this.dispatchEvent(new KeyboardEvent("keydown", e));
-        else if (v && this.value && (e.key === "Backspace" || e.key === "Delete") && e.isTrusted) {
-          if (e.preventDefault(), e.stopImmediatePropagation(), !this.dispatchEvent(new KeyboardEvent("keydown", e)))
-            return;
-          const t = window.getSelection()?.getRangeAt(0);
+            e.preventDefault(), e.stopImmediatePropagation(), this._shouldTriggerSubmit = this.dispatchEvent(new KeyboardEvent("keydown", e));
+          else if (y && this.value && (e.key === "Backspace" || e.key === "Delete") && e.isTrusted) {
+            if (e.preventDefault(), e.stopImmediatePropagation(), !this.dispatchEvent(new KeyboardEvent("keydown", e)))
+              return;
+            const t = window.getSelection()?.getRangeAt(0);
+            if (!t)
+              return;
+            t.startOffset !== t.endOffset ? (t.deleteContents(), this._dispatchInputEvent()) : 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());
+          }
+        }, { capture: !0 }), this.addEventListener?.("keyup", (e) => {
+          e.key === "Enter" || e.key === `
+` ? (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("");
+          const t = this._cleanText(e.clipboardData?.getData("text/plain") ?? ""), i = window.getSelection()?.getRangeAt(0);
+          !i || !t || (i.deleteContents(), i.insertNode(document.createTextNode(this.preparePastedText(t))), i.setStart(i.endContainer, i.endOffset), this._dispatchInputEvent());
+        }), this.addEventListener?.("focus", () => {
+          p.mostRecentModality === "keyboard" && window.getSelection()?.selectAllChildren(this);
+        }), this.addEventListener?.("touchend", () => {
+          this._requiresEmptyPatch() && (this._assignValue("&nbsp;"), this._setCursorAt(0));
+        }), this.addEventListener?.("click", () => {
+          this._requiresEmptyPatch() && p.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()) {
+          const t = window.getSelection();
           if (!t)
             return;
-          t.startOffset !== t.endOffset ? (t.deleteContents(), this._dispatchInputEvent()) : 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());
+          const i = t.rangeCount > 0 ? t.getRangeAt(0) : null;
+          if (i && i.startOffset !== 0)
+            return;
+          this._setCursorAt(this.textContent.length);
         }
-      }, { capture: !0 }), this.addEventListener?.("keyup", (e) => {
-        e.key === "Enter" || e.key === `
-` ? (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("");
-        const t = this._cleanText(e.clipboardData?.getData("text/plain") ?? ""), i = window.getSelection()?.getRangeAt(0);
-        !i || !t || (i.deleteContents(), i.insertNode(document.createTextNode(this.preparePastedText(t))), i.setStart(i.endContainer, i.endOffset), this._dispatchInputEvent());
-      }), this.addEventListener?.("focus", () => {
-        p.mostRecentModality === "keyboard" && window.getSelection()?.selectAllChildren(this);
-      }), this.addEventListener?.("touchend", () => {
-        this._requiresEmptyPatch() && (this._assignValue("&nbsp;"), this._setCursorAt(0));
-      }), this.addEventListener?.("click", () => {
-        this._requiresEmptyPatch() && p.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()) {
+      }
+      attributeChangedCallback(e, t, i) {
+        (e !== "value" || !this.internals.states.has("interacted")) && super.attributeChangedCallback(e, t, i);
+      }
+      /**
+       * Is called whenever the form is being reset.
+       *
+       * @internal
+       */
+      formResetCallback() {
+        this.internals.states.delete("interacted"), this.value = this.getAttribute("value") ?? "";
+      }
+      /**
+       *  Called when the browser is trying to restore element’s state to state in which case
+       *  reason is "restore", or when the browser is trying to fulfill autofill on behalf of
+       *  user in which case reason is "autocomplete".
+       *  In the case of "restore", state is a string, File, or FormData object
+       *  previously set as the second argument to setFormValue.
+       *
+       * @internal
+       */
+      formStateRestoreCallback(e, t) {
+        e && typeof e == "string" && (this.value = e);
+      }
+      /**
+       * Makes the selection equal to the current object.
+       *
+       * @link https://developer.mozilla.org/docs/Web/API/HTMLInputElement/select
+       */
+      select() {
+        window.getSelection()?.selectAllChildren(this);
+      }
+      firstUpdated(e) {
+        super.firstUpdated(e), this.value && !this.innerHTML.length && this._assignValue(this.value);
+      }
+      requestUpdate(e, t, i) {
+        super.requestUpdate(e, t, i), 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", E[this.language.current]) : this.removeValidityFlag("valueMissing");
+      }
+      preparePastedText(e) {
+        return e;
+      }
+      _requiresEmptyPatch() {
+        return r ? !1 : C && this.value === "" && window.matchMedia(v).matches;
+      }
+      _assignValue(e) {
+        this.innerHTML = e;
+      }
+      _setCursorAt(e) {
         const t = window.getSelection();
         if (!t)
           return;
-        const i = t.rangeCount > 0 ? t.getRangeAt(0) : null;
-        if (i && i.startOffset !== 0)
-          return;
-        this._setCursorAt(this.textContent.length);
-      }
-    }
-    attributeChangedCallback(e, t, i) {
-      (e !== "value" || !this.internals.states.has("interacted")) && super.attributeChangedCallback(e, t, i);
-    }
-    /**
-     * Is called whenever the form is being reset.
-     *
-     * @internal
-     */
-    formResetCallback() {
-      this.internals.states.delete("interacted"), this.value = this.getAttribute("value") ?? "";
-    }
-    /**
-     *  Called when the browser is trying to restore element’s state to state in which case
-     *  reason is "restore", or when the browser is trying to fulfill autofill on behalf of
-     *  user in which case reason is "autocomplete".
-     *  In the case of "restore", state is a string, File, or FormData object
-     *  previously set as the second argument to setFormValue.
-     *
-     * @internal
-     */
-    formStateRestoreCallback(e, t) {
-      e && typeof e == "string" && (this.value = e);
-    }
-    /**
-     * Makes the selection equal to the current object.
-     *
-     * @link https://developer.mozilla.org/docs/Web/API/HTMLInputElement/select
-     */
-    select() {
-      window.getSelection()?.selectAllChildren(this);
-    }
-    firstUpdated(e) {
-      super.firstUpdated(e), this.value && !this.innerHTML.length && this._assignValue(this.value);
-    }
-    requestUpdate(e, t, i) {
-      super.requestUpdate(e, t, i), 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", C[this.language.current]) : this.removeValidityFlag("valueMissing");
-    }
-    preparePastedText(e) {
-      return e;
-    }
-    _requiresEmptyPatch() {
-      return r ? !1 : y && this.value === "" && window.matchMedia(_).matches;
-    }
-    _assignValue(e) {
-      this.innerHTML = e;
-    }
-    _setCursorAt(e) {
-      const t = window.getSelection();
-      if (!t)
-        return;
-      const i = document.createRange();
-      i.setStart(this.firstChild, e), i.collapse(!0), t.removeAllRanges(), t.addRange(i);
-    }
-    _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 (const e of this.children)
-          e.remove();
-    }
-    _updateContenteditable() {
-      if (!r && this.isConnected) {
-        this.internals.ariaReadOnly = this.readOnly ? "true" : null, this.internals.ariaDisabled = this.disabled ? "true" : null;
-        const e = this.disabled || this.readOnly ? "false" : O ? "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 !r && !this.disabled && !this.readOnly && !!this.value;
-    }
-    render() {
-      return m`<slot @slotchange=${this._cleanChildren}></slot>`;
-    }
-  }, (() => {
-    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(h[Symbol.metadata] ?? null) : void 0;
-    d = [c()], u = [c({ attribute: !1 })], o = [b({ passive: !0 })], l(s, null, d, { kind: "setter", name: "value", static: !1, private: !1, access: { has: (t) => "value" in t, set: (t, i) => {
-      t.value = i;
-    } }, metadata: e }, null, n), l(s, null, u, { kind: "setter", name: "placeholder", static: !1, private: !1, access: { has: (t) => "placeholder" in t, set: (t, i) => {
-      t.placeholder = i;
-    } }, metadata: e }, null, n), l(s, null, o, { kind: "method", name: "_cleanChildren", static: !1, private: !1, access: { has: (t) => "_cleanChildren" in t, get: (t) => t._cleanChildren }, metadata: e }, null, n), e && Object.defineProperty(s, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
-  })(), s.role = "textbox", s.formFieldAssociated = !0, s;
-})();
+        const i = document.createRange();
+        i.setStart(this.firstChild, e), i.collapse(!0), t.removeAllRanges(), t.addRange(i);
+      }
+      _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 (const e of this.children)
+            e.remove();
+      }
+      _updateContenteditable() {
+        if (!r && this.isConnected) {
+          this.internals.ariaReadOnly = this.readOnly ? "true" : null, this.internals.ariaDisabled = this.disabled ? "true" : null;
+          const e = this.disabled || this.readOnly ? "false" : R ? "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 !r && !this.disabled && !this.readOnly && !!this.value;
+      }
+      render() {
+        return b`<slot @slotchange=${this._cleanChildren}></slot>`;
+      }
+    }, (() => {
+      const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(h[Symbol.metadata] ?? null) : void 0;
+      d = [c()], o = [c({ attribute: !1 })], u = [g({ passive: !0 })], l(s, null, d, { kind: "setter", name: "value", static: !1, private: !1, access: { has: (t) => "value" in t, set: (t, i) => {
+        t.value = i;
+      } }, metadata: e }, null, n), l(s, null, o, { kind: "setter", name: "placeholder", static: !1, private: !1, access: { has: (t) => "placeholder" in t, set: (t, i) => {
+        t.placeholder = i;
+      } }, metadata: e }, null, n), l(s, null, u, { kind: "method", name: "_cleanChildren", static: !1, private: !1, access: { has: (t) => "_cleanChildren" in t, get: (t) => t._cleanChildren }, metadata: e }, null, n), e && Object.defineProperty(s, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
+    })(), s.role = "textbox", s.formFieldAssociated = !0, s;
+  })();
+};
 export {
   z as SbbFormAssociatedInputMixin
 };