@rxdi/forms 0.7.222 → 0.7.224

package/dist/form.group.js

@@ -101,7 +101,9 @@ class FormGroup {
         this.options = options;
         this.controls.forEach((c) => {
             var _a;
-            (_a = c.setOptions) === null || _a === void 0 ? void 0 : _a.call(c, Object.assign(Object.assign({}, options), { namespace: this.options.namespace ? `${this.options.namespace}.${c.name}` : c.name }));
+            (_a = c.setOptions) === null || _a === void 0 ? void 0 : _a.call(c, Object.assign(Object.assign({}, options), { namespace: this.options.namespace
+                    ? `${this.options.namespace}.${c.name}`
+                    : c.name }));
         });
         return this;
     }
@@ -162,7 +164,9 @@ class FormGroup {
                     value = Number(value);
                 }
                 const inputsWithBindings = [
-                    ...self.getFormElement().querySelectorAll(`input[name="${this.name}"]:checked`).values(),
+                    ...(self
+                        .getFormElement()
+                        .querySelectorAll(`input[name="${this.name}"]:checked`)).values(),
                 ];
                 if (hasMultipleBindings > 1) {
                     if (!self.options.multi && this.type === 'checkbox') {
@@ -222,12 +226,14 @@ class FormGroup {
         return form;
     }
     querySelectAll(name) {
-        return [...this.form.querySelectorAll(name).values()];
+        return [
+            ...this.form.querySelectorAll(name).values(),
+        ];
     }
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     querySelectorAllInputs() {
-        var _a;
-        return [...((_a = this.options.customElements) !== null && _a !== void 0 ? _a : []), 'input', 'select', 'textarea']
+        const customElements = this.options.customElements.map((v) => typeof v === 'string' ? v : typeof v === 'function' ? v.is() : v);
+        return [...(customElements !== null && customElements !== void 0 ? customElements : []), 'input', 'select', 'textarea']
             .map((item) => this.querySelectAll(item))
             .flat()
             .filter((el) => this.isInputPresentOnStage(el))
@@ -243,7 +249,7 @@ class FormGroup {
                 };
             }
             const customAttributes = Object.keys(el.attributes)
-                .map((k) => (el.attributes[k].name.startsWith('#') ? el.attributes[k] : null))
+                .map((k) => el.attributes[k].name.startsWith('#') ? el.attributes[k] : null)
                 .filter((i) => !!i);
             if (customAttributes.length) {
                 const attr = customAttributes.find((a) => a.name.startsWith('#'));
@@ -303,7 +309,9 @@ class FormGroup {
             if (!element.checkValidity()) {
                 return {
                     errors: errors.concat(Object.keys(form_tokens_1.InputValidityState)
-                        .map((key) => (element.validity[key] ? { key, message: element.validationMessage } : null))
+                        .map((key) => element.validity[key]
+                        ? { key, message: element.validationMessage }
+                        : null)
                         .filter((i) => !!i)),
                     element,
                 };
@@ -360,7 +368,8 @@ class FormGroup {
         */
         const key = name;
         // Check if key exists in the model value even if not in inputs map
-        if (this._valueChanges.getValue() && key in this._valueChanges.getValue()) {
+        if (this._valueChanges.getValue() &&
+            key in this._valueChanges.getValue()) {
             // Create a "Virtual" AbstractInput to prevent crashes and allow subscription even if no DOM element present
             return {
                 valueChanges: this._valueChanges.pipe((0, operators_1.map)((value) => value === null || value === void 0 ? void 0 : value[key]), (0, operators_1.distinctUntilChanged)()),

package/dist/form.tokens.d.ts

@@ -25,7 +25,7 @@ export interface FormOptions {
      * When set form will expand capabilities by selecting another custom element made as a form element
      * Example can be found here https://gist.github.com/Stradivario/57acf0fa19900867a7f55b0f01251d6e
      * */
-    customElements?: string[];
+    customElements?: string[] | LitElement[];
     /**
      * Internal property for handling nested forms.
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rxdi/forms",
-  "version": "0.7.222",
+  "version": "0.7.224",
   "main": "./dist/index.js",
   "author": "Kristiyan Tachev",
   "license": "MIT",
@@ -12,7 +12,7 @@
     "build": "tsc"
   },
   "devDependencies": {
-    "@rxdi/lit-html": "^0.7.221",
+    "@rxdi/lit-html": "^0.7.223",
     "@types/node": "^25.0.3",
     "rxjs": "^7.8.2",
     "typescript": "^5.9.3"