@sbb-esta/lyne-elements 2.11.0 → 3.0.0-next.0

package/core/mixins/form-associated-checkbox-mixin.d.ts

@@ -1,18 +1,11 @@
 import { LitElement } from 'lit';
-import { Constructor } from './constructor.js';
-import { SbbDisabledMixinType } from './disabled-mixin.js';
-import { FormRestoreReason, FormRestoreState, SbbFormAssociatedMixinType } from './form-associated-mixin.js';
-import { SbbRequiredMixinType } from './required-mixin.js';
-export declare abstract class SbbFormAssociatedCheckboxMixinType extends SbbFormAssociatedMixinType implements Partial<SbbDisabledMixinType>, Partial<SbbRequiredMixinType> {
-    get checked(): boolean;
-    set checked(value: boolean);
-    set disabled(value: boolean);
-    get disabled(): boolean;
-    set required(value: boolean);
-    get required(): boolean;
+import { AbstractConstructor } from './constructor.js';
+import { FormRestoreReason, FormRestoreState } from './form-associated-mixin.js';
+declare const SbbFormAssociatedCheckboxMixinType_base: AbstractConstructor<import('./disabled-mixin.js').SbbDisabledMixinType> & AbstractConstructor<import('./required-mixin.js').SbbRequiredMixinType> & AbstractConstructor<import('./form-associated-mixin.js').SbbFormAssociatedMixinType> & AbstractConstructor<import('./element-internals-mixin.js').SbbElementInternalsMixinType> & typeof LitElement & import('./element-internals-mixin.js').SbbElementInternalsConstructor;
+export declare abstract class SbbFormAssociatedCheckboxMixinType extends SbbFormAssociatedCheckboxMixinType_base {
+    accessor checked: boolean;
     formResetCallback(): void;
     formStateRestoreCallback(state: FormRestoreState | null, reason: FormRestoreReason): void;
-    protected isDisabledExternally(): boolean;
     protected isRequiredExternally(): boolean;
     protected withUserInteraction?(): void;
     protected updateFormValue(): void;
@@ -22,5 +15,6 @@ export declare abstract class SbbFormAssociatedCheckboxMixinType extends SbbForm
  *
  * Inherited classes MUST implement the ariaChecked state (ElementInternals) themselves.
  */
-export declare const SbbFormAssociatedCheckboxMixin: <T extends Constructor<LitElement>>(superClass: T) => Constructor<SbbFormAssociatedCheckboxMixinType> & T;
+export declare const SbbFormAssociatedCheckboxMixin: <T extends AbstractConstructor<LitElement>>(superClass: T) => AbstractConstructor<SbbFormAssociatedCheckboxMixinType> & T;
+export {};
 //# sourceMappingURL=form-associated-checkbox-mixin.d.ts.map

package/core/mixins/form-associated-checkbox-mixin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-associated-checkbox-mixin.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/mixins/form-associated-checkbox-mixin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,UAAU,EAAE,MAAM,KAAK,CAAC;AAQxD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAoB,KAAK,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAClF,OAAO,EAEL,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EACrB,KAAK,0BAA0B,EAChC,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAoB,KAAK,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAIlF,MAAM,CAAC,OAAO,CAAC,QAAQ,OAAO,kCAC5B,SAAQ,0BACR,YAAW,OAAO,CAAC,oBAAoB,CAAC,EAAE,OAAO,CAAC,oBAAoB,CAAC;IAEvE,IAAW,OAAO,IAAI,OAAO,CAAC;IAC9B,IAAW,OAAO,CAAC,KAAK,EAAE,OAAO,EAAE;IAEnC,IAAW,QAAQ,CAAC,KAAK,EAAE,OAAO,EAAE;IACpC,IAAW,QAAQ,IAAI,OAAO,CAAC;IAE/B,IAAW,QAAQ,CAAC,KAAK,EAAE,OAAO,EAAE;IACpC,IAAW,QAAQ,IAAI,OAAO,CAAC;IAExB,iBAAiB,IAAI,IAAI;IACzB,wBAAwB,CAAC,KAAK,EAAE,gBAAgB,GAAG,IAAI,EAAE,MAAM,EAAE,iBAAiB,GAAG,IAAI;IAEhG,SAAS,CAAC,oBAAoB,IAAI,OAAO;IACzC,SAAS,CAAC,oBAAoB,IAAI,OAAO;IACzC,SAAS,CAAC,mBAAmB,CAAC,IAAI,IAAI;IACtC,SAAS,CAAC,eAAe,IAAI,IAAI;CAClC;AAED;;;;GAIG;AAEH,eAAO,MAAM,8BAA8B,GAAI,CAAC,SAAS,WAAW,CAAC,UAAU,CAAC,EAC9E,YAAY,CAAC,KACZ,WAAW,CAAC,kCAAkC,CAAC,GAAG,CAyJpD,CAAC"}
+{"version":3,"file":"form-associated-checkbox-mixin.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/mixins/form-associated-checkbox-mixin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,UAAU,EAAE,MAAM,KAAK,CAAC;AAQxD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAG5D,OAAO,EAEL,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EACtB,MAAM,4BAA4B,CAAC;;AAKpC,MAAM,CAAC,OAAO,CAAC,QAAQ,OAAO,kCAAmC,SAAQ,uCAExE;IACC,SAAgB,OAAO,EAAE,OAAO,CAAC;IAE1B,iBAAiB,IAAI,IAAI;IACzB,wBAAwB,CAAC,KAAK,EAAE,gBAAgB,GAAG,IAAI,EAAE,MAAM,EAAE,iBAAiB,GAAG,IAAI;IAEhG,SAAS,CAAC,oBAAoB,IAAI,OAAO;IACzC,SAAS,CAAC,mBAAmB,CAAC,IAAI,IAAI;IACtC,SAAS,CAAC,eAAe,IAAI,IAAI;CAClC;AAED;;;;GAIG;AAEH,eAAO,MAAM,8BAA8B,GAAI,CAAC,SAAS,mBAAmB,CAAC,UAAU,CAAC,EACtF,YAAY,CAAC,KACZ,mBAAmB,CAAC,kCAAkC,CAAC,GAAG,CA8J5D,CAAC"}

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

@@ -2,18 +2,19 @@ import { __esDecorate as b, __runInitializers as m } from "tslib";
 import { defaultConverter as k } from "lit";
 import { property as _ } from "lit/decorators.js";
 import { SbbLanguageController as v } from "../controllers.js";
-import { hostAttributes as y } from "../decorators.js";
-import { preventScrollOnSpacebarPress as g } from "../eventing.js";
-import { i18nCheckboxRequired as S } from "../i18n.js";
+import { hostAttributes as S } from "../decorators.js";
+import { preventScrollOnSpacebarPress as y } from "../eventing.js";
+import { i18nCheckboxRequired as g } from "../i18n.js";
 import { SbbDisabledMixin as x } from "./disabled-mixin.js";
-import { SbbFormAssociatedMixin as C } from "./form-associated-mixin.js";
-import { SbbRequiredMixin as E } from "./required-mixin.js";
-const R = (p) => (() => {
-  var a;
-  let f = [y({
+import { SbbElementInternalsMixin as C } from "./element-internals-mixin.js";
+import { SbbFormAssociatedMixin as E } from "./form-associated-mixin.js";
+import { SbbRequiredMixin as M } from "./required-mixin.js";
+const z = (p) => (() => {
+  var i;
+  let f = [S({
     tabindex: "0"
-  })], o, l = [], r, c = x(E(C(p))), n = [], h;
-  return a = class extends c {
+  })], o, c = [], a, l = x(M(E(C(p)))), n = [], h;
+  return i = class extends l {
     /** Whether the checkbox is checked. */
     set checked(e) {
       const t = typeof e == "object" ? e.attribute : !1;
@@ -30,16 +31,16 @@ const R = (p) => (() => {
       return "checkbox";
     }
     constructor() {
-      var e, t, i;
+      var e, t, r;
       super(), this._attributeMutationBlocked = (m(this, n), !1), this._languageController = new v(this), this._checked = !1, this._handleKeyboardInteraction = (s) => {
         s.key === " " && this._handleUserInteraction();
       }, this._handleUserInteraction = () => {
         var s;
         this.disabled || ((s = this.withUserInteraction) == null || s.call(this), this.checked = !this.checked, this._attributeMutationBlocked = !0, this.dispatchEvent(new InputEvent("input", { composed: !0, bubbles: !0 })), this.dispatchEvent(new Event("change", { bubbles: !0 })));
-      }, this.internals.role = "checkbox", (e = this.addEventListener) == null || e.call(this, "click", this._handleUserInteraction), (t = this.addEventListener) == null || t.call(this, "keydown", g), (i = this.addEventListener) == null || i.call(this, "keyup", this._handleKeyboardInteraction);
+      }, (e = this.addEventListener) == null || e.call(this, "click", this._handleUserInteraction), (t = this.addEventListener) == null || t.call(this, "keydown", y), (r = this.addEventListener) == null || r.call(this, "keyup", this._handleKeyboardInteraction);
     }
-    attributeChangedCallback(e, t, i) {
-      (e !== "checked" || !this._attributeMutationBlocked) && super.attributeChangedCallback(e, t, i);
+    attributeChangedCallback(e, t, r) {
+      (e !== "checked" || !this._attributeMutationBlocked) && super.attributeChangedCallback(e, t, r);
     }
     /**
      * Is called whenever the form is being reset.
@@ -62,31 +63,34 @@ const R = (p) => (() => {
       e && (this.checked = e === "true");
     }
     updateFormValue() {
-      this.checked ? this.internals.setFormValue(this.value, `${this.checked}`) : this.internals.setFormValue(null);
+      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", S[this._languageController.current]) : this.removeValidityFlag("valueMissing");
+      super.validate(), this.required && !this.checked ? this.setValidityFlag("valueMissing", g[this._languageController.current]) : this.removeValidityFlag("valueMissing");
     }
-  }, r = a, (() => {
-    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(c[Symbol.metadata] ?? null) : void 0;
+  }, a = i, (() => {
+    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(l[Symbol.metadata] ?? null) : void 0;
     h = [_({
       type: Boolean,
       converter: {
         ...k,
         // We need to pass information to the setter so that we know it was called by attribute change.
-        fromAttribute: (t, i) => {
-          var d, u;
-          return { value: (u = (d = k).fromAttribute) == null ? void 0 : u.call(d, t, i), attribute: !0 };
+        fromAttribute: (t, r) => {
+          var u, d;
+          return { value: (d = (u = k).fromAttribute) == null ? void 0 : d.call(u, t, r), attribute: !0 };
         }
       }
-    })], b(a, null, h, { kind: "setter", name: "checked", static: !1, private: !1, access: { has: (t) => "checked" in t, set: (t, i) => {
-      t.checked = i;
-    } }, metadata: e }, null, n), b(null, o = { value: r }, f, { kind: "class", name: r.name, metadata: e }, null, l), r = o.value, e && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e }), m(r, l);
-  })(), r;
+    })], b(i, null, h, { kind: "setter", name: "checked", static: !1, private: !1, access: { has: (t) => "checked" in t, set: (t, r) => {
+      t.checked = r;
+    } }, metadata: e }, null, n), b(null, o = { value: a }, f, { kind: "class", name: a.name, metadata: e }, null, c), a = o.value, e && Object.defineProperty(a, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
+  })(), i.role = "checkbox", m(a, c), a;
 })();
 export {
-  R as SbbFormAssociatedCheckboxMixin
+  z as SbbFormAssociatedCheckboxMixin
 };

package/core/mixins/form-associated-input-mixin.d.ts

@@ -1,25 +1,31 @@
 import { LitElement } from 'lit';
 import { SbbLanguageController } from '../controllers.js';
-import { Constructor } from './constructor.js';
-import { FormRestoreReason, FormRestoreState, SbbFormAssociatedMixinType } from './form-associated-mixin.js';
-import { SbbRequiredMixinType } from './required-mixin.js';
-export declare abstract class SbbFormAssociatedInputMixinType extends SbbFormAssociatedMixinType implements Partial<SbbRequiredMixinType> {
+import { AbstractConstructor } from './constructor.js';
+import { FormRestoreReason, FormRestoreState } from './form-associated-mixin.js';
+declare const SbbFormAssociatedInputMixinType_base: AbstractConstructor<import('./required-mixin.js').SbbRequiredMixinType> & AbstractConstructor<import('./form-associated-mixin.js').SbbFormAssociatedMixinType> & AbstractConstructor<import('./element-internals-mixin.js').SbbElementInternalsMixinType> & typeof LitElement & import('./element-internals-mixin.js').SbbElementInternalsConstructor;
+export declare abstract class SbbFormAssociatedInputMixinType extends SbbFormAssociatedInputMixinType_base {
+    set value(value: string);
+    get value(): string;
     set disabled(value: boolean);
     get disabled(): boolean;
     set readOnly(value: boolean);
     get readOnly(): boolean;
-    set required(value: boolean);
-    get required(): boolean;
     set placeholder(value: string);
     get placeholder(): string;
+    /**
+     * Makes the selection equal to the current object.
+     *
+     * [MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLInputElement/select)
+     */
+    select(): void;
     formResetCallback(): void;
     formStateRestoreCallback(state: FormRestoreState | null, reason: FormRestoreReason): void;
-    protected withUserInteraction?(): void;
-    protected updateFormValue(): void;
+    protected preparePastedText(text: string): string;
     protected language: SbbLanguageController;
 }
 /**
  * The SbbFormAssociatedInputMixin enables native form support for text input controls.
  */
-export declare const SbbFormAssociatedInputMixin: <T extends Constructor<LitElement>>(superClass: T) => Constructor<SbbFormAssociatedInputMixinType> & T;
+export declare const SbbFormAssociatedInputMixin: <T extends AbstractConstructor<LitElement>>(superClass: T) => AbstractConstructor<SbbFormAssociatedInputMixinType> & T;
+export {};
 //# sourceMappingURL=form-associated-input-mixin.d.ts.map

package/core/mixins/form-associated-input-mixin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-associated-input-mixin.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/mixins/form-associated-input-mixin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,UAAU,EAAuB,MAAM,KAAK,CAAC;AAI3E,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAI1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EAErB,KAAK,0BAA0B,EAChC,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAoB,KAAK,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAElF,MAAM,CAAC,OAAO,CAAC,QAAQ,OAAO,+BAC5B,SAAQ,0BACR,YAAW,OAAO,CAAC,oBAAoB,CAAC;IAExC,IAAW,QAAQ,CAAC,KAAK,EAAE,OAAO,EAAE;IACpC,IAAW,QAAQ,IAAI,OAAO,CAAC;IAE/B,IAAW,QAAQ,CAAC,KAAK,EAAE,OAAO,EAAE;IACpC,IAAW,QAAQ,IAAI,OAAO,CAAC;IAE/B,IAAW,QAAQ,CAAC,KAAK,EAAE,OAAO,EAAE;IACpC,IAAW,QAAQ,IAAI,OAAO,CAAC;IAE/B,IAAW,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE;IACtC,IAAW,WAAW,IAAI,MAAM,CAAC;IAE1B,iBAAiB,IAAI,IAAI;IACzB,wBAAwB,CAAC,KAAK,EAAE,gBAAgB,GAAG,IAAI,EAAE,MAAM,EAAE,iBAAiB,GAAG,IAAI;IAEhG,SAAS,CAAC,mBAAmB,CAAC,IAAI,IAAI;IACtC,SAAS,CAAC,eAAe,IAAI,IAAI;IACjC,SAAS,CAAC,QAAQ,EAAE,qBAAqB,CAAC;CAC3C;AAgBD;;GAEG;AAEH,eAAO,MAAM,2BAA2B,GAAI,CAAC,SAAS,WAAW,CAAC,UAAU,CAAC,EAC3E,YAAY,CAAC,KACZ,WAAW,CAAC,+BAA+B,CAAC,GAAG,CAuWjD,CAAC"}
+{"version":3,"file":"form-associated-input-mixin.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/mixins/form-associated-input-mixin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,UAAU,EAAuB,MAAM,KAAK,CAAC;AAI3E,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAI1D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5D,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EAEtB,MAAM,4BAA4B,CAAC;;AAGpC,MAAM,CAAC,OAAO,CAAC,QAAQ,OAAO,+BAAgC,SAAQ,oCAErE;IACC,IAAW,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE;IAChC,IAAW,KAAK,IAAI,MAAM,CAAC;IAE3B,IAAW,QAAQ,CAAC,KAAK,EAAE,OAAO,EAAE;IACpC,IAAW,QAAQ,IAAI,OAAO,CAAC;IAE/B,IAAW,QAAQ,CAAC,KAAK,EAAE,OAAO,EAAE;IACpC,IAAW,QAAQ,IAAI,OAAO,CAAC;IAE/B,IAAW,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE;IACtC,IAAW,WAAW,IAAI,MAAM,CAAC;IAEjC;;;;OAIG;IACI,MAAM,IAAI,IAAI;IAEd,iBAAiB,IAAI,IAAI;IACzB,wBAAwB,CAAC,KAAK,EAAE,gBAAgB,GAAG,IAAI,EAAE,MAAM,EAAE,iBAAiB,GAAG,IAAI;IAEhG,SAAS,CAAC,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM;IACjD,SAAS,CAAC,QAAQ,EAAE,qBAAqB,CAAC;CAC3C;AAgBD;;GAEG;AAEH,eAAO,MAAM,2BAA2B,GAAI,CAAC,SAAS,mBAAmB,CAAC,UAAU,CAAC,EACnF,YAAY,CAAC,KACZ,mBAAmB,CAAC,+BAA+B,CAAC,GAAG,CAwXzD,CAAC"}

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

@@ -1,20 +1,21 @@
-import { __esDecorate as o, __runInitializers as k } from "tslib";
-import { isServer as h, html as x } from "lit";
-import { property as u, eventOptions as O } from "lit/decorators.js";
-import { sbbInputModalityDetector as S } from "../a11y.js";
-import { SbbLanguageController as w } from "../controllers.js";
+import { __esDecorate as d, __runInitializers as x } from "tslib";
+import { isServer as u, html as S } from "lit";
+import { property as o, eventOptions as O } from "lit/decorators.js";
+import { sbbInputModalityDetector as w } from "../a11y.js";
+import { SbbLanguageController as T } from "../controllers.js";
 import { isWebkit as A } from "../dom.js";
-import { i18nInputRequired as T } from "../i18n.js";
-import { SbbFormAssociatedMixin as L } from "./form-associated-mixin.js";
-import { SbbRequiredMixin as I } from "./required-mixin.js";
-const R = () => {
-  if (h)
+import { i18nInputRequired as L } from "../i18n.js";
+import { SbbElementInternalsMixin as R } from "./element-internals-mixin.js";
+import { SbbFormAssociatedMixin as I } from "./form-associated-mixin.js";
+import { SbbRequiredMixin as M } from "./required-mixin.js";
+const D = () => {
+  if (u)
     return !1;
-  const d = document.createElement("div");
-  return d.setAttribute("contenteditable", "PLAINTEXT-ONLY"), d.contentEditable === "plaintext-only";
-}, M = R(), z = (d) => (() => {
+  const h = document.createElement("div");
+  return h.setAttribute("contenteditable", "PLAINTEXT-ONLY"), h.contentEditable === "plaintext-only";
+}, P = D(), X = (h) => (() => {
   var n;
-  let c = I(L(d)), l = [], p, f, b, g;
+  let c = M(I(R(h))), r = [], p, f, b, g, m;
   return n = class extends c {
     /**
      * Form type of element.
@@ -24,13 +25,13 @@ const R = () => {
       return "text";
     }
     /**
-     * The text value of the input element.
+     * The value of the input. Reflects the current text value of this input.
      */
     set value(e) {
-      super.value = this._cleanText(e), this.hasUpdated && (this.innerHTML = super.value);
+      this._value = this._cleanText(e), this.hasUpdated && (this.innerHTML = this._value);
     }
     get value() {
-      return super.value ?? "";
+      return this._value ?? "";
     }
     /**
      * Whether the component is readonly.
@@ -61,35 +62,36 @@ const R = () => {
       return this.getAttribute("placeholder") ?? "";
     }
     constructor() {
-      var e, t, a, m, y, _, v;
-      super(), this._interacted = (k(this, l), !1), this._shouldEmitChange = !1, this._shouldTriggerSubmit = !1, this.language = new w(this), this.internals.role = "textbox", (e = this.addEventListener) == null || e.call(this, "input", () => {
-        super.value = this._cleanText(this.textContent ?? ""), this._interacted = !0, this._shouldEmitChange = !0;
+      var e, t, a, _, v, y, C;
+      super(), this._shouldEmitChange = (x(this, r), !1), this._shouldTriggerSubmit = !1, this.language = new T(this), this._value = "", (e = this.addEventListener) == null || e.call(this, "input", () => {
+        const i = this._value;
+        this._value = this._cleanText(this.textContent ?? ""), this.requestUpdate("value", i), this.internals.states.add("interacted"), this._shouldEmitChange = !0;
       }, { capture: !0 }), (t = this.addEventListener) == null || t.call(this, "change", () => this._shouldEmitChange = !1, { capture: !0 }), (a = this.addEventListener) == null || a.call(this, "keydown", (i) => {
-        var r;
+        var l;
         if ((i.key === "Enter" || i.key === `
 `) && i.isTrusted)
           i.preventDefault(), i.stopImmediatePropagation(), this._shouldTriggerSubmit = this.dispatchEvent(new KeyboardEvent("keydown", i));
         else if (A && this.value && (i.key === "Backspace" || i.key === "Delete") && i.isTrusted) {
           if (i.preventDefault(), i.stopImmediatePropagation(), !this.dispatchEvent(new KeyboardEvent("keydown", i)))
             return;
-          const s = (r = window.getSelection()) == null ? void 0 : r.getRangeAt(0);
+          const s = (l = window.getSelection()) == null ? void 0 : l.getRangeAt(0);
           if (!s)
             return;
           s.startOffset !== s.endOffset ? (s.deleteContents(), this._dispatchInputEvent()) : i.key === "Backspace" && s.startOffset > 0 ? (s.setStart(s.startContainer, s.startOffset - 1), s.deleteContents(), this._dispatchInputEvent()) : i.key === "Delete" && s.endOffset < this.value.length && (s.setEnd(s.endContainer, s.endOffset + 1), s.deleteContents(), this._dispatchInputEvent());
         }
-      }, { capture: !0 }), (m = this.addEventListener) == null || m.call(this, "keyup", (i) => {
-        var r;
+      }, { capture: !0 }), (_ = this.addEventListener) == null || _.call(this, "keyup", (i) => {
+        var l;
         (i.key === "Enter" || i.key === `
-`) && (this._emitChangeIfNecessary(), this._shouldTriggerSubmit && (this._shouldTriggerSubmit = !1, (r = this.form) == null || r.requestSubmit()));
-      }, { capture: !0 }), (y = this.addEventListener) == null || y.call(this, "paste", (i) => {
-        var C, E;
+`) && (this._emitChangeIfNecessary(), this._shouldTriggerSubmit && (this._shouldTriggerSubmit = !1, (l = this.form) == null || l.requestSubmit()));
+      }, { capture: !0 }), (v = this.addEventListener) == null || v.call(this, "paste", (i) => {
+        var E, k;
         i.preventDefault();
-        const r = this._cleanText(((C = i.clipboardData) == null ? void 0 : C.getData("text/plain")) ?? ""), s = (E = window.getSelection()) == null ? void 0 : E.getRangeAt(0);
-        !s || !r || (s.deleteContents(), s.insertNode(document.createTextNode(r)), s.setStart(s.endContainer, s.endOffset), this._dispatchInputEvent());
-      }), (_ = this.addEventListener) == null || _.call(this, "focus", () => {
+        const l = this._cleanText(((E = i.clipboardData) == null ? void 0 : E.getData("text/plain")) ?? ""), s = (k = window.getSelection()) == null ? void 0 : k.getRangeAt(0);
+        !s || !l || (s.deleteContents(), s.insertNode(document.createTextNode(this.preparePastedText(l))), s.setStart(s.endContainer, s.endOffset), this._dispatchInputEvent());
+      }), (y = this.addEventListener) == null || y.call(this, "focus", () => {
         var i;
-        S.mostRecentModality === "keyboard" && ((i = window.getSelection()) == null || i.selectAllChildren(this));
-      }), (v = this.addEventListener) == null || v.call(this, "blur", () => {
+        w.mostRecentModality === "keyboard" && ((i = window.getSelection()) == null || i.selectAllChildren(this));
+      }), (C = this.addEventListener) == null || C.call(this, "blur", () => {
         var i;
         (i = window.getSelection()) == null || i.removeAllRanges(), this._emitChangeIfNecessary(), this.scrollLeft = 0;
       }, { capture: !0 });
@@ -98,7 +100,7 @@ const R = () => {
       super.connectedCallback(), this.internals.ariaMultiLine = "false", this._updateContenteditable(), this.innerHTML = this.value;
     }
     focus(e) {
-      if (super.focus(e), !h && !this.disabled && !this.readOnly && this.value) {
+      if (super.focus(e), this._canSelect()) {
         const t = window.getSelection();
         if (!t)
           return;
@@ -109,7 +111,7 @@ const R = () => {
       }
     }
     attributeChangedCallback(e, t, a) {
-      (e !== "value" || !this._interacted) && super.attributeChangedCallback(e, t, a);
+      (e !== "value" || !this.internals.states.has("interacted")) && super.attributeChangedCallback(e, t, a);
     }
     /**
      * Is called whenever the form is being reset.
@@ -117,7 +119,7 @@ const R = () => {
      * @internal
      */
     formResetCallback() {
-      this._interacted = !1, this.value = this.getAttribute("value") ?? "";
+      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
@@ -131,17 +133,26 @@ const R = () => {
     formStateRestoreCallback(e, t) {
       e && typeof e == "string" && (this.value = e);
     }
-    async firstUpdated(e) {
-      super.firstUpdated(e), this.value && !this.innerHTML.length && (this.innerHTML = this.value);
+    /**
+     * Makes the selection equal to the current object.
+     *
+     * @link https://developer.mozilla.org/docs/Web/API/HTMLInputElement/select
+     */
+    select() {
+      var e;
+      (e = window.getSelection()) == null || e.selectAllChildren(this);
     }
-    updateFormValue() {
-      this.internals.setFormValue(this.value, this.value);
+    firstUpdated(e) {
+      super.firstUpdated(e), this.value && !this.innerHTML.length && (this.innerHTML = this.value);
     }
     shouldValidate(e) {
       return super.shouldValidate(e) || e === "value" || e === "required";
     }
     validate() {
-      super.validate(), this.required && !this.value ? this.setValidityFlag("valueMissing", T[this.language.current]) : this.removeValidityFlag("valueMissing");
+      super.validate(), this.required && !this.value ? this.setValidityFlag("valueMissing", L[this.language.current]) : this.removeValidityFlag("valueMissing");
+    }
+    preparePastedText(e) {
+      return e;
     }
     _cleanText(e) {
       return e === null ? "" : `${e}`.replace(/[\n\r]+/g, "");
@@ -155,28 +166,33 @@ const R = () => {
           e.remove();
     }
     _updateContenteditable() {
-      if (!h && this.isConnected) {
-        const e = this.disabled || this.readOnly ? "false" : M ? "plaintext-only" : "true";
+      if (!u && this.isConnected) {
+        const e = this.disabled || this.readOnly ? "false" : P ? "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 !u && !this.disabled && !this.readOnly && !!this.value;
+    }
     render() {
-      return x`<slot @slotchange=${this._cleanChildren}></slot>`;
+      return S`<slot @slotchange=${this._cleanChildren}></slot>`;
     }
   }, (() => {
     const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(c[Symbol.metadata] ?? null) : void 0;
-    p = [u({ type: Boolean })], f = [u({ type: Boolean })], b = [u({ attribute: !1 })], g = [O({ passive: !0 })], o(n, null, p, { kind: "setter", name: "readOnly", static: !1, private: !1, access: { has: (t) => "readOnly" in t, set: (t, a) => {
+    p = [o()], f = [o({ type: Boolean })], b = [o({ type: Boolean })], g = [o({ attribute: !1 })], m = [O({ passive: !0 })], d(n, null, p, { kind: "setter", name: "value", static: !1, private: !1, access: { has: (t) => "value" in t, set: (t, a) => {
+      t.value = a;
+    } }, metadata: e }, null, r), d(n, null, f, { kind: "setter", name: "readOnly", static: !1, private: !1, access: { has: (t) => "readOnly" in t, set: (t, a) => {
       t.readOnly = a;
-    } }, metadata: e }, null, l), o(n, null, f, { kind: "setter", name: "disabled", static: !1, private: !1, access: { has: (t) => "disabled" in t, set: (t, a) => {
+    } }, metadata: e }, null, r), d(n, null, b, { kind: "setter", name: "disabled", static: !1, private: !1, access: { has: (t) => "disabled" in t, set: (t, a) => {
       t.disabled = a;
-    } }, metadata: e }, null, l), o(n, null, b, { kind: "setter", name: "placeholder", static: !1, private: !1, access: { has: (t) => "placeholder" in t, set: (t, a) => {
+    } }, metadata: e }, null, r), d(n, null, g, { kind: "setter", name: "placeholder", static: !1, private: !1, access: { has: (t) => "placeholder" in t, set: (t, a) => {
       t.placeholder = a;
-    } }, metadata: e }, null, l), o(n, null, g, { kind: "method", name: "_cleanChildren", static: !1, private: !1, access: { has: (t) => "_cleanChildren" in t, get: (t) => t._cleanChildren }, metadata: e }, null, l), e && Object.defineProperty(n, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
-  })(), n;
+    } }, metadata: e }, null, r), d(n, null, m, { kind: "method", name: "_cleanChildren", static: !1, private: !1, access: { has: (t) => "_cleanChildren" in t, get: (t) => t._cleanChildren }, metadata: e }, null, r), e && Object.defineProperty(n, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
+  })(), n.role = "textbox", n;
 })();
 export {
-  z as SbbFormAssociatedInputMixin
+  X as SbbFormAssociatedInputMixin
 };

package/core/mixins/form-associated-mixin.d.ts

@@ -1,8 +1,9 @@
 import { LitElement } from 'lit';
 import { AbstractConstructor } from './constructor.js';
+import { SbbElementInternalsMixinType } from './element-internals-mixin.js';
 declare global {
     /**
-     * Defines custom valididty state properties.
+     * Defines custom validity state properties.
      */
     interface CustomValidityState {
     }
@@ -11,16 +12,15 @@ declare global {
     interface ValidityStateFlags extends Partial<CustomValidityState> {
     }
 }
-export declare abstract class SbbFormAssociatedMixinType<V = string> {
+export declare abstract class SbbFormAssociatedMixinType {
     get form(): HTMLFormElement | null;
     accessor name: string;
     get type(): string;
-    accessor value: V | null;
+    abstract accessor value: unknown;
     get validity(): ValidityState;
     get validationMessage(): string;
     get willValidate(): boolean;
     protected formDisabled: boolean;
-    protected readonly internals: ElementInternals;
     checkValidity(): boolean;
     reportValidity(): boolean;
     setCustomValidity(message: string): void;
@@ -28,7 +28,8 @@ export declare abstract class SbbFormAssociatedMixinType<V = string> {
     formDisabledCallback(disabled: boolean): void;
     abstract formResetCallback(): void;
     abstract formStateRestoreCallback(state: FormRestoreState | null, reason: FormRestoreReason): void;
-    protected abstract updateFormValue(): void;
+    protected updateFormValue(): void;
+    protected formState?(): FormRestoreState;
     protected setValidityFlag<T extends keyof ValidityStateFlags>(flag: T, message: string, flagValue?: ValidityStateFlags[T]): void;
     protected removeValidityFlag<T extends keyof ValidityStateFlags>(flag: T): void;
     protected validate(): void;
@@ -37,13 +38,13 @@ export declare abstract class SbbFormAssociatedMixinType<V = string> {
 /**
  * The FormAssociatedMixin enables native form support for custom controls.
  */
-export declare const SbbFormAssociatedMixin: <T extends AbstractConstructor<LitElement>, V = string>(superClass: T) => AbstractConstructor<SbbFormAssociatedMixinType<V>> & T;
+export declare const SbbFormAssociatedMixin: <T extends AbstractConstructor<LitElement & SbbElementInternalsMixinType>>(superClass: T) => AbstractConstructor<SbbFormAssociatedMixinType> & T;
 /**
  * A value to be restored for a component's form value. If a component's form
  * state is a `FormData` object, its entry list of name and values will be
  * provided.
  */
-export type FormRestoreState = File | string | [string, FormDataEntryValue][];
+export type FormRestoreState = string | FormData | File;
 /**
  * The reason a form component is being restored for, either `'restore'` for
  * browser restoration or `'autocomplete'` for restoring user values.

package/core/mixins/form-associated-mixin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-associated-mixin.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/mixins/form-associated-mixin.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAuC,MAAM,KAAK,CAAC;AAK3E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5D,OAAO,CAAC,MAAM,CAAC;IACb;;OAEG;IACH,UAAU,mBAAmB;KAAG;IAChC,UAAU,aAAc,SAAQ,mBAAmB;KAAG;IACtD,UAAU,kBAAmB,SAAQ,OAAO,CAAC,mBAAmB,CAAC;KAAG;CACrE;AAoCD,MAAM,CAAC,OAAO,CAAC,QAAQ,OAAO,0BAA0B,CAAC,CAAC,GAAG,MAAM;IACjE,IAAW,IAAI,IAAI,eAAe,GAAG,IAAI,CAAC;IAC1C,SAAgB,IAAI,EAAE,MAAM,CAAC;IAC7B,IAAW,IAAI,IAAI,MAAM,CAAC;IAC1B,SAAgB,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC;IAEhC,IAAW,QAAQ,IAAI,aAAa,CAAC;IACrC,IAAW,iBAAiB,IAAI,MAAM,CAAC;IACvC,IAAW,YAAY,IAAI,OAAO,CAAC;IAEnC,SAAS,CAAC,YAAY,EAAE,OAAO,CAAC;IAChC,SAAS,CAAC,QAAQ,CAAC,SAAS,EAAE,gBAAgB,CAAC;IAExC,aAAa,IAAI,OAAO;IACxB,cAAc,IAAI,OAAO;IACzB,iBAAiB,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAExC,sBAAsB,CAAC,CAAC,IAAI,EAAE,eAAe,GAAG,IAAI,GAAG,IAAI;IAC3D,oBAAoB,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI;aACpC,iBAAiB,IAAI,IAAI;aACzB,wBAAwB,CACtC,KAAK,EAAE,gBAAgB,GAAG,IAAI,EAC9B,MAAM,EAAE,iBAAiB,GACxB,IAAI;IAEP,SAAS,CAAC,QAAQ,CAAC,eAAe,IAAI,IAAI;IAC1C,SAAS,CAAC,eAAe,CAAC,CAAC,SAAS,MAAM,kBAAkB,EAC1D,IAAI,EAAE,CAAC,EACP,OAAO,EAAE,MAAM,EACf,SAAS,CAAC,EAAE,kBAAkB,CAAC,CAAC,CAAC,GAChC,IAAI;IACP,SAAS,CAAC,kBAAkB,CAAC,CAAC,SAAS,MAAM,kBAAkB,EAAE,IAAI,EAAE,CAAC,GAAG,IAAI;IAC/E,SAAS,CAAC,QAAQ,IAAI,IAAI;IAC1B,SAAS,CAAC,cAAc,CAAC,IAAI,EAAE,WAAW,GAAG,SAAS,GAAG,OAAO;CACjE;AAED;;GAEG;AAEH,eAAO,MAAM,sBAAsB,GAAI,CAAC,SAAS,mBAAmB,CAAC,UAAU,CAAC,EAAE,CAAC,GAAG,MAAM,EAC1F,YAAY,CAAC,KACZ,mBAAmB,CAAC,0BAA0B,CAAC,CAAC,CAAC,CAAC,GAAG,CAoSvD,CAAC;AAEF;;;;GAIG;AACH,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,MAAM,GAAG,CAAC,MAAM,EAAE,kBAAkB,CAAC,EAAE,CAAC;AAE9E;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,cAAc,CAAC"}
+{"version":3,"file":"form-associated-mixin.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/mixins/form-associated-mixin.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAuC,MAAM,KAAK,CAAC;AAK3E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,8BAA8B,CAAC;AAEjF,OAAO,CAAC,MAAM,CAAC;IACb;;OAEG;IACH,UAAU,mBAAmB;KAAG;IAChC,UAAU,aAAc,SAAQ,mBAAmB;KAAG;IACtD,UAAU,kBAAmB,SAAQ,OAAO,CAAC,mBAAmB,CAAC;KAAG;CACrE;AAoCD,MAAM,CAAC,OAAO,CAAC,QAAQ,OAAO,0BAA0B;IACtD,IAAW,IAAI,IAAI,eAAe,GAAG,IAAI,CAAC;IAC1C,SAAgB,IAAI,EAAE,MAAM,CAAC;IAC7B,IAAW,IAAI,IAAI,MAAM,CAAC;IAE1B,kBAAyB,KAAK,EAAE,OAAO,CAAC;IAExC,IAAW,QAAQ,IAAI,aAAa,CAAC;IACrC,IAAW,iBAAiB,IAAI,MAAM,CAAC;IACvC,IAAW,YAAY,IAAI,OAAO,CAAC;IAEnC,SAAS,CAAC,YAAY,EAAE,OAAO,CAAC;IAEzB,aAAa,IAAI,OAAO;IACxB,cAAc,IAAI,OAAO;IACzB,iBAAiB,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAExC,sBAAsB,CAAC,CAAC,IAAI,EAAE,eAAe,GAAG,IAAI,GAAG,IAAI;IAC3D,oBAAoB,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI;aACpC,iBAAiB,IAAI,IAAI;aACzB,wBAAwB,CACtC,KAAK,EAAE,gBAAgB,GAAG,IAAI,EAC9B,MAAM,EAAE,iBAAiB,GACxB,IAAI;IAEP,SAAS,CAAC,eAAe,IAAI,IAAI;IACjC,SAAS,CAAC,SAAS,CAAC,IAAI,gBAAgB;IACxC,SAAS,CAAC,eAAe,CAAC,CAAC,SAAS,MAAM,kBAAkB,EAC1D,IAAI,EAAE,CAAC,EACP,OAAO,EAAE,MAAM,EACf,SAAS,CAAC,EAAE,kBAAkB,CAAC,CAAC,CAAC,GAChC,IAAI;IACP,SAAS,CAAC,kBAAkB,CAAC,CAAC,SAAS,MAAM,kBAAkB,EAAE,IAAI,EAAE,CAAC,GAAG,IAAI;IAC/E,SAAS,CAAC,QAAQ,IAAI,IAAI;IAC1B,SAAS,CAAC,cAAc,CAAC,IAAI,EAAE,WAAW,GAAG,SAAS,GAAG,OAAO;CACjE;AAED;;GAEG;AAEH,eAAO,MAAM,sBAAsB,GACjC,CAAC,SAAS,mBAAmB,CAAC,UAAU,GAAG,4BAA4B,CAAC,EAExE,YAAY,CAAC,KACZ,mBAAmB,CAAC,0BAA0B,CAAC,GAAG,CA0TpD,CAAC;AAEF;;;;GAIG;AACH,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,QAAQ,GAAG,IAAI,CAAC;AAExD;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,cAAc,CAAC"}