@praxisui/dynamic-form 3.0.0-beta.3 → 3.0.0-beta.4

package/fesm2022/praxisui-dynamic-form.mjs

@@ -5672,7 +5672,9 @@ class PraxisDynamicForm {
             let externalConfigChanged = false;
             if (changes['config']?.currentValue) {
                 const normalizedIncomingConfig = normalizeFormConfig$1(changes['config'].currentValue);
-                externalConfigChanged = !this.isEquivalentFormConfig(this.config, normalizedIncomingConfig);
+                externalConfigChanged =
+                    changes['config'].firstChange ||
+                        !this.isEquivalentFormConfig(this.config, normalizedIncomingConfig);
                 if (externalConfigChanged) {
                     this.config = normalizedIncomingConfig;
                     this.logRowGapsSnapshot('config@input');
@@ -9031,6 +9033,19 @@ class PraxisDynamicForm {
                 const patchExtra = patch.extra || {};
                 fm.extra = { ...currExtra, ...patchExtra };
             }
+            const extraEntries = Object.entries(patch || {}).filter(([key]) => key.startsWith('extra.'));
+            if (extraEntries.length) {
+                const currExtra = fm.extra && typeof fm.extra === 'object'
+                    ? { ...fm.extra }
+                    : {};
+                for (const [key, value] of extraEntries) {
+                    const extraKey = key.slice('extra.'.length);
+                    if (!extraKey)
+                        continue;
+                    currExtra[extraKey] = value;
+                }
+                fm.extra = currExtra;
+            }
             // Required canonical top-level only
             if (patch.required !== undefined) {
                 fm.required = patch.required;
@@ -9199,8 +9214,18 @@ class PraxisDynamicForm {
                 fm.searchable = !!patch.searchable;
             if (patch.selectAll !== undefined)
                 fm.selectAll = !!patch.selectAll;
+            if (patch.searchPlaceholder !== undefined)
+                fm.searchPlaceholder = patch.searchPlaceholder;
             if (patch.maxSelections !== undefined)
                 fm.maxSelections = toNum(patch.maxSelections);
+            if (patch.leftLabel !== undefined)
+                fm.leftLabel = patch.leftLabel;
+            if (patch.rightLabel !== undefined)
+                fm.rightLabel = patch.rightLabel;
+            if (patch.leftPlaceholder !== undefined)
+                fm.leftPlaceholder = patch.leftPlaceholder;
+            if (patch.rightPlaceholder !== undefined)
+                fm.rightPlaceholder = patch.rightPlaceholder;
             // Tree-select specific behaviour flags
             if (patch.leafOnly !== undefined)
                 fm.leafOnly = !!patch.leafOnly;
@@ -17867,6 +17892,7 @@ class PraxisFilterForm {
     formReady = new EventEmitter();
     valueChange = new EventEmitter();
     submit = new EventEmitter();
+    requestSearch = this.submit;
     // Novo: estado de validade do formulário
     validityChange = new EventEmitter();
     form = new FormGroup({});
@@ -17923,7 +17949,7 @@ class PraxisFilterForm {
         return `col-${i}-${col.fields.join(',')}`;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PraxisFilterForm, deps: [{ token: i1$2.DynamicFormService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: PraxisFilterForm, isStandalone: true, selector: "praxis-filter-form", inputs: { config: "config", formId: "formId", resourcePath: "resourcePath", mode: "mode" }, outputs: { formReady: "formReady", valueChange: "valueChange", submit: "submit", validityChange: "validityChange" }, usesOnChanges: true, ngImport: i0, template: "<form [formGroup]=\"form\" class=\"praxis-filter-form\" (ngSubmit)=\"onFormSubmit()\">\n  @if (hasLayout) { @for (section of config.sections; track section?.id ??\n  $index) {\n  <div class=\"filter-section\">\n    @if (section.title) {\n    <h3>{{ section.title }}</h3>\n    } @for (row of section.rows; track $index) {\n    <div class=\"filter-row\">\n      @for ( column of row.columns; track (column?.fields?.join(',') ?? $index)\n      ) {\n      <div class=\"filter-column\">\n        <ng-container\n          dynamicFieldLoader\n          [fields]=\"getColumnFields(column)\"\n          [formGroup]=\"form\"\n          [enableExternalControlBinding]=\"true\"\n        ></ng-container>\n      </div>\n      }\n    </div>\n    }\n  </div>\n  } } @else {\n  <div class=\"filter-row\">\n    @for (field of (config.fieldMetadata || []); track field?.name ?? $index) {\n    <div class=\"filter-column\">\n      <ng-container\n        dynamicFieldLoader\n        [fields]=\"[field]\"\n        [formGroup]=\"form\"\n        [enableExternalControlBinding]=\"true\"\n      ></ng-container>\n    </div>\n    }\n  </div>\n  }\n  <!-- Bot\u00E3o de submit invis\u00EDvel para garantir submit ao pressionar Enter -->\n  <button\n    type=\"submit\"\n    class=\"hidden-submit\"\n    aria-hidden=\"true\"\n    tabindex=\"-1\"\n  ></button>\n</form>", styles: [":host{display:block}.filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px 16px}.filter-column{min-width:0}.hidden-submit{display:none;width:0;height:0;padding:0;border:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: DynamicFieldLoaderDirective, selector: "[dynamicFieldLoader]", inputs: ["fields", "formGroup", "enableExternalControlBinding", "itemTemplate", "debugTrace", "debugTraceLabel", "readonlyMode", "disabledMode", "presentationMode", "visible", "canvasMode"], outputs: ["componentsCreated", "fieldCreated", "fieldDestroyed", "renderError", "canvasMouseEnter", "canvasMouseLeave", "canvasClick"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: PraxisFilterForm, isStandalone: true, selector: "praxis-filter-form", inputs: { config: "config", formId: "formId", resourcePath: "resourcePath", mode: "mode" }, outputs: { formReady: "formReady", valueChange: "valueChange", submit: "submit", requestSearch: "requestSearch", validityChange: "validityChange" }, usesOnChanges: true, ngImport: i0, template: "<form [formGroup]=\"form\" class=\"praxis-filter-form\" (ngSubmit)=\"onFormSubmit()\">\n  @if (hasLayout) { @for (section of config.sections; track section?.id ??\n  $index) {\n  <div class=\"filter-section\">\n    @if (section.title) {\n    <h3>{{ section.title }}</h3>\n    } @for (row of section.rows; track $index) {\n    <div class=\"filter-row\">\n      @for ( column of row.columns; track (column?.fields?.join(',') ?? $index)\n      ) {\n      <div class=\"filter-column\">\n        <ng-container\n          dynamicFieldLoader\n          [fields]=\"getColumnFields(column)\"\n          [formGroup]=\"form\"\n          [enableExternalControlBinding]=\"true\"\n        ></ng-container>\n      </div>\n      }\n    </div>\n    }\n  </div>\n  } } @else {\n  <div class=\"filter-row\">\n    @for (field of (config.fieldMetadata || []); track field?.name ?? $index) {\n    <div class=\"filter-column\">\n      <ng-container\n        dynamicFieldLoader\n        [fields]=\"[field]\"\n        [formGroup]=\"form\"\n        [enableExternalControlBinding]=\"true\"\n      ></ng-container>\n    </div>\n    }\n  </div>\n  }\n  <!-- Bot\u00E3o de submit invis\u00EDvel para garantir submit ao pressionar Enter -->\n  <button\n    type=\"submit\"\n    class=\"hidden-submit\"\n    aria-hidden=\"true\"\n    tabindex=\"-1\"\n  ></button>\n</form>", styles: [":host{display:block}.filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px 16px}.filter-column{min-width:0}.hidden-submit{display:none;width:0;height:0;padding:0;border:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: DynamicFieldLoaderDirective, selector: "[dynamicFieldLoader]", inputs: ["fields", "formGroup", "enableExternalControlBinding", "itemTemplate", "debugTrace", "debugTraceLabel", "readonlyMode", "disabledMode", "presentationMode", "visible", "canvasMode"], outputs: ["componentsCreated", "fieldCreated", "fieldDestroyed", "renderError", "canvasMouseEnter", "canvasMouseLeave", "canvasClick"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PraxisFilterForm, decorators: [{
             type: Component,
@@ -17943,6 +17969,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                 type: Output
             }], submit: [{
                 type: Output
+            }], requestSearch: [{
+                type: Output
             }], validityChange: [{
                 type: Output
             }] } });