@m3e/form-field 1.2.2 → 1.3.0

package/dist/custom-elements.json

@@ -634,6 +634,16 @@
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "#bindValueInterceptor",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
             {
               "kind": "method",
               "name": "#handleHintChange",

package/dist/index.js

@@ -501,7 +501,7 @@ function e(e, r) {
  * Copyright (c) 2025 Google LLC
  * See LICENSE file in the project root for full license text.
  */
-var _M3eFormFieldElement_instances, _M3eFormFieldElement_control, _M3eFormFieldElement_removeValueInterceptor, _M3eFormFieldElement_formResetHandler, _M3eFormFieldElement_controlInvalidHandler, _M3eFormFieldElement_controlMutationController, _M3eFormFieldElement_resizeController, _M3eFormFieldElement_focusController, _M3eFormFieldElement_hintMutationController, _M3eFormFieldElement_errorMutationController, _M3eFormFieldElement_focused, _M3eFormFieldElement_hintText, _M3eFormFieldElement_errorText, _M3eFormFieldElement_shouldFloatLabel_get, _M3eFormFieldElement_stopPropagation, _M3eFormFieldElement_handleLabelSlotChange, _M3eFormFieldElement_handlePrefixSlotChange, _M3eFormFieldElement_handleSuffixSlotChange, _M3eFormFieldElement_handlePrefixResize, _M3eFormFieldElement_handleSlotChange, _M3eFormFieldElement_handleContainerClick, _M3eFormFieldElement_handleControlInvalid, _M3eFormFieldElement_handleControlChange, _M3eFormFieldElement_handleFormReset, _M3eFormFieldElement_changeControl, _M3eFormFieldElement_handleHintChange, _M3eFormFieldElement_handleErrorChange;
+var _M3eFormFieldElement_instances, _M3eFormFieldElement_control, _M3eFormFieldElement_removeValueInterceptor, _M3eFormFieldElement_formResetHandler, _M3eFormFieldElement_controlInvalidHandler, _M3eFormFieldElement_controlMutationController, _M3eFormFieldElement_resizeController, _M3eFormFieldElement_focusController, _M3eFormFieldElement_hintMutationController, _M3eFormFieldElement_errorMutationController, _M3eFormFieldElement_focused, _M3eFormFieldElement_hintText, _M3eFormFieldElement_errorText, _M3eFormFieldElement_shouldFloatLabel_get, _M3eFormFieldElement_stopPropagation, _M3eFormFieldElement_handleLabelSlotChange, _M3eFormFieldElement_handlePrefixSlotChange, _M3eFormFieldElement_handleSuffixSlotChange, _M3eFormFieldElement_handlePrefixResize, _M3eFormFieldElement_handleSlotChange, _M3eFormFieldElement_handleContainerClick, _M3eFormFieldElement_handleControlInvalid, _M3eFormFieldElement_handleControlChange, _M3eFormFieldElement_handleFormReset, _M3eFormFieldElement_changeControl, _M3eFormFieldElement_bindValueInterceptor, _M3eFormFieldElement_handleHintChange, _M3eFormFieldElement_handleErrorChange;
 /**
  * A container for form controls that applies Material Design styling and behavior.
  *
@@ -837,14 +837,23 @@ _M3eFormFieldElement_changeControl = function _M3eFormFieldElement_changeControl
       M3eAriaDescriber.describe(__classPrivateFieldGet(this, _M3eFormFieldElement_control, "f"), __classPrivateFieldGet(this, _M3eFormFieldElement_hintText, "f"));
     }
     this.notifyControlStateChange();
-    __classPrivateFieldSet(this, _M3eFormFieldElement_removeValueInterceptor, interceptProperty(__classPrivateFieldGet(this, _M3eFormFieldElement_control, "f"), "value", {
-      set: (value, setter) => {
-        setter(value);
-        this.notifyControlStateChange(true);
-      }
-    }), "f");
+    const tagname = __classPrivateFieldGet(this, _M3eFormFieldElement_control, "f").tagName.toLowerCase();
+    if (tagname.startsWith("m3e-") && !customElements.get(tagname)) {
+      customElements.whenDefined(tagname).then(() => __classPrivateFieldGet(this, _M3eFormFieldElement_instances, "m", _M3eFormFieldElement_bindValueInterceptor).call(this));
+    } else {
+      __classPrivateFieldGet(this, _M3eFormFieldElement_instances, "m", _M3eFormFieldElement_bindValueInterceptor).call(this);
+    }
   }
 };
+_M3eFormFieldElement_bindValueInterceptor = function _M3eFormFieldElement_bindValueInterceptor() {
+  if (!__classPrivateFieldGet(this, _M3eFormFieldElement_control, "f")) return;
+  __classPrivateFieldSet(this, _M3eFormFieldElement_removeValueInterceptor, interceptProperty(__classPrivateFieldGet(this, _M3eFormFieldElement_control, "f"), "value", {
+    set: (value, setter) => {
+      setter(value);
+      this.notifyControlStateChange(true);
+    }
+  }), "f");
+};
 _M3eFormFieldElement_handleHintChange = function _M3eFormFieldElement_handleHintChange() {
   const hintText = getTextContent(this._hint, true);
   if (hintText === __classPrivateFieldGet(this, _M3eFormFieldElement_hintText, "f")) return;