@smartbit4all/ng-client 3.1.66 → 3.1.67

package/fesm2020/smartbit4all-ng-client.mjs

@@ -12907,6 +12907,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
                 args: ['smartFilter', { read: ViewContainerRef }]
             }] } });
 
+var FilterExpressionBuilderUiModel;
+(function (FilterExpressionBuilderUiModel) {
+    FilterExpressionBuilderUiModel.TypeEnum = {
+        Simple: 'SIMPLE',
+        Complex: 'COMPLEX'
+    };
+})(FilterExpressionBuilderUiModel || (FilterExpressionBuilderUiModel = {}));
+
+var FilterExpressionBuilderApiActions;
+(function (FilterExpressionBuilderApiActions) {
+    FilterExpressionBuilderApiActions["OPEN_FILTER_GROUPS"] = "OPEN_FILTER_GROUPS";
+    FilterExpressionBuilderApiActions["CLOSE_FILTER_GROUPS"] = "CLOSE_FILTER_GROUPS";
+    FilterExpressionBuilderApiActions["ADD_BRACKET"] = "ADD_BRACKET";
+    FilterExpressionBuilderApiActions["ADD_FILTER_EXPRESSION"] = "ADD_FILTER_EXPRESSION";
+    FilterExpressionBuilderApiActions["REMOVE_FILTER_EXPRESSION"] = "REMOVE_FILTER_EXPRESSION";
+    FilterExpressionBuilderApiActions["REDO"] = "REDO";
+    FilterExpressionBuilderApiActions["FILTER_GROUPS"] = "AFILTER_GROUPS";
+    FilterExpressionBuilderApiActions["SELECT_FIELD"] = "SELECT_FIELD";
+    FilterExpressionBuilderApiActions["UPDATE_FILTER_EXPRESSION"] = "UPDATE_FILTER_EXPRESSION";
+    FilterExpressionBuilderApiActions["SAVE_EXPRESSION_DATA"] = "SAVE_EXPRESSION_DATA";
+    FilterExpressionBuilderApiActions["SAVE_EXPRESSION_FIELD_LIST"] = "SAVE_EXPRESSION_FIELD_LIST";
+})(FilterExpressionBuilderApiActions || (FilterExpressionBuilderApiActions = {}));
+
 class SmartFilterExpressionItemComponent {
     constructor(service) {
         this.service = service;
@@ -13002,6 +13025,7 @@ class SmartFilterEditorContentComponent {
         this._destroy$ = new Subject();
         this.uiActionModels = [];
         this.expressionUiActionModels = [];
+        this.type = FilterExpressionBuilderUiModel.TypeEnum;
     }
     ngOnInit() {
         this.service.load();
@@ -13014,12 +13038,20 @@ class SmartFilterEditorContentComponent {
         this._destroy$.complete();
     }
     setUp() {
-        this.constructUiActionModels();
-        if (this.service.model.selectedFieldEditor) {
-            this.constructForm();
+        if (this.service.model?.type === this.type.Simple) {
+            this.simpleFilterModel = {
+                data: this.service.model.model.workplaceList.filters,
+                type: SmartFilterType.SIMPLE,
+            };
         }
         else {
-            this.smartForm = undefined;
+            this.constructUiActionModels();
+            if (this.service.model.selectedFieldEditor) {
+                this.constructForm();
+            }
+            else {
+                this.smartForm = undefined;
+            }
         }
     }
     constructUiActionModels() {
@@ -13083,17 +13115,31 @@ class SmartFilterEditorContentComponent {
         // });
         return [];
     }
+    async saveFilter() {
+        let smartFilter = await this.smartFilterChild?.submit();
+        this.service.model.model.workplaceList.filters =
+            smartFilter?.data;
+        this.service.performUiActionRequest({
+            code: FilterExpressionBuilderApiActions.SAVE_EXPRESSION_FIELD_LIST,
+            params: {
+                model: this.service.model,
+            },
+        });
+    }
 }
 SmartFilterEditorContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartFilterEditorContentComponent, deps: [{ token: SmartformLayoutDefinitionService }], target: i0.ɵɵFactoryTarget.Component });
-SmartFilterEditorContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: SmartFilterEditorContentComponent, selector: "smart-filter-expression-editor", inputs: { service: "service" }, viewQueries: [{ propertyName: "formChild", first: true, predicate: ["form"], descendants: true }], ngImport: i0, template: "<div class=\"targetGroupContentContainer\">\r\n  <h3>{{ service.model?.model?.label }}</h3>\r\n\r\n  <div class=\"uiActionsBar\" *ngIf=\"!service.model?.readOnly\">\r\n    <div class=\"uiActionsInsideOfBar\">\r\n      <smart-ui-action-toolbar [uiActionModels]=\"uiActionModels\"></smart-ui-action-toolbar>\r\n    </div>\r\n  </div>\r\n  <div\r\n    *ngIf=\"\r\n      service?.model?.model?.workplaceList?.filters?.length;\r\n      then withParameters;\r\n      else withoutParameters\r\n    \"\r\n  ></div>\r\n  <ng-template #withoutParameters>\r\n    <div class=\"withoutParametersContainer\">\r\n      <span class=\"mat-body\"> M\u00E9g nincs megadva param\u00E9ter </span>\r\n    </div>\r\n  </ng-template>\r\n  <ng-template #withParameters>\r\n    <div class=\"withParametersContainer\">\r\n      <div\r\n        class=\"expressionsContainer\"\r\n        *ngIf=\"service?.model?.model?.workplaceList?.filters?.length\"\r\n      >\r\n        <app-expression-items\r\n          [items]=\"(service.model?.model?.workplaceList)!.filters\"\r\n        ></app-expression-items>\r\n      </div>\r\n      <div class=\"expressionEditorContainer\">\r\n        <smartform #form [smartForm]=\"smartForm\"></smartform>\r\n        <div *ngIf=\"smartForm\">\r\n          <button (click)=\"save()\" mat-raised-button color=\"primary\">Ment\u00E9s</button>\r\n          <button (click)=\"remove()\" mat-button color=\"accent\">T\u00F6rl\u00E9s</button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n</div>\r\n", styles: [".targetGroupContentContainer{padding:1.5rem;display:flex;flex-direction:column;gap:2.5rem;height:calc(100% - 3rem);overflow:auto;position:relative}.targetGroupContentContainer h3{margin:0;font-weight:600}.uiActionsBar{padding:1.5rem;border-radius:.25rem;background-color:var(--container-color)}.uiActionsBar,.uiActionsInsideOfBar{display:flex;flex-direction:row;gap:1rem}.uiActionsInsideOfBar{position:relative;left:-3rem}.section,.notSection{display:flex;flex-direction:row;gap:1rem}.section:before{content:\"\";border:1px solid #d9d9d9;align-self:stretch}.withoutParametersContainer{display:flex;flex-direction:column;padding:2rem;background-color:var(--container-color);border-radius:.25rem}.withoutParametersContainer .mat-body{font-weight:600;text-align:center}.withParametersContainer{display:flex;flex-direction:column;padding:1.5rem;background-color:var(--container-color);border-radius:.25rem;gap:.75rem}.expressionsContainer{display:flex;flex-direction:row;flex-wrap:wrap;gap:.75rem;margin-bottom:1px solid #cdcdcd}.expressionEditorContainer{display:flex;flex-direction:column;gap:.75rem}\n"], components: [{ type: UiActionToolbarComponent, selector: "smart-ui-action-toolbar", inputs: ["uiActionModels", "uiActionDescriptorService"] }, { type: SmartFilterExpressionItemsComponent, selector: "app-expression-items", inputs: ["items"] }, { type: SmartformComponent, selector: "smartform", inputs: ["smartForm"] }, { type: i3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+SmartFilterEditorContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: SmartFilterEditorContentComponent, selector: "smart-filter-expression-editor", inputs: { service: "service" }, viewQueries: [{ propertyName: "formChild", first: true, predicate: ["form"], descendants: true }, { propertyName: "smartFilterChild", first: true, predicate: ["smartFilter"], descendants: true }], ngImport: i0, template: "<div class=\"targetGroupContentContainer\">\r\n  <h3>{{ service.model?.model?.label }}</h3>\r\n\r\n  <div *ngIf=\"service.model?.type === type.Simple; then simpleFilter; else complexFilter\"></div>\r\n\r\n  <ng-template #simpleFilter>\r\n    <div class=\"expressionsContainer\" *ngIf=\"false\">\r\n      <smart-filter #smartFilter [filter]=\"simpleFilterModel\"></smart-filter>\r\n      <button (click)=\"saveFilter()\" mat-raised-button color=\"primary\">Ment\u00E9s</button>\r\n    </div>\r\n  </ng-template>\r\n  <ng-template #complexFilter>\r\n    <div class=\"uiActionsBar\" *ngIf=\"!service.model?.readOnly\">\r\n      <div class=\"uiActionsInsideOfBar\">\r\n        <smart-ui-action-toolbar [uiActionModels]=\"uiActionModels\"></smart-ui-action-toolbar>\r\n      </div>\r\n    </div>\r\n    <div\r\n      *ngIf=\"\r\n        service?.model?.model?.workplaceList?.filters?.length;\r\n        then withParameters;\r\n        else withoutParameters\r\n      \"\r\n    ></div>\r\n    <ng-template #withoutParameters>\r\n      <div class=\"withoutParametersContainer\">\r\n        <span class=\"mat-body\"> M\u00E9g nincs megadva param\u00E9ter </span>\r\n      </div>\r\n    </ng-template>\r\n    <ng-template #withParameters>\r\n      <div class=\"withParametersContainer\">\r\n        <div\r\n          class=\"expressionsContainer\"\r\n          *ngIf=\"service?.model?.model?.workplaceList?.filters?.length\"\r\n        >\r\n          <app-expression-items\r\n            [items]=\"(service.model?.model?.workplaceList)!.filters\"\r\n          ></app-expression-items>\r\n        </div>\r\n        <div class=\"expressionEditorContainer\">\r\n          <smartform #form [smartForm]=\"smartForm\"></smartform>\r\n          <div *ngIf=\"smartForm\">\r\n            <button (click)=\"save()\" mat-raised-button color=\"primary\">Ment\u00E9s</button>\r\n            <button (click)=\"remove()\" mat-button color=\"accent\">T\u00F6rl\u00E9s</button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n  </ng-template>\r\n</div>\r\n", styles: [".targetGroupContentContainer{padding:1.5rem;display:flex;flex-direction:column;gap:2.5rem;height:calc(100% - 3rem);overflow:auto;position:relative}.targetGroupContentContainer h3{margin:0;font-weight:600}.uiActionsBar{padding:1.5rem;border-radius:.25rem;background-color:var(--container-color)}.uiActionsBar,.uiActionsInsideOfBar{display:flex;flex-direction:row;gap:1rem}.uiActionsInsideOfBar{position:relative;left:-3rem}.section,.notSection{display:flex;flex-direction:row;gap:1rem}.section:before{content:\"\";border:1px solid #d9d9d9;align-self:stretch}.withoutParametersContainer{display:flex;flex-direction:column;padding:2rem;background-color:var(--container-color);border-radius:.25rem}.withoutParametersContainer .mat-body{font-weight:600;text-align:center}.withParametersContainer{display:flex;flex-direction:column;padding:1.5rem;background-color:var(--container-color);border-radius:.25rem;gap:.75rem}.expressionsContainer{display:flex;flex-direction:row;flex-wrap:wrap;gap:.75rem;margin-bottom:1px solid #cdcdcd}.expressionEditorContainer{display:flex;flex-direction:column;gap:.75rem}\n"], components: [{ type: SmartFilterComponent, selector: "smart-filter", inputs: ["filter"] }, { type: i3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: UiActionToolbarComponent, selector: "smart-ui-action-toolbar", inputs: ["uiActionModels", "uiActionDescriptorService"] }, { type: SmartFilterExpressionItemsComponent, selector: "app-expression-items", inputs: ["items"] }, { type: SmartformComponent, selector: "smartform", inputs: ["smartForm"] }], directives: [{ type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartFilterEditorContentComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'smart-filter-expression-editor', template: "<div class=\"targetGroupContentContainer\">\r\n  <h3>{{ service.model?.model?.label }}</h3>\r\n\r\n  <div class=\"uiActionsBar\" *ngIf=\"!service.model?.readOnly\">\r\n    <div class=\"uiActionsInsideOfBar\">\r\n      <smart-ui-action-toolbar [uiActionModels]=\"uiActionModels\"></smart-ui-action-toolbar>\r\n    </div>\r\n  </div>\r\n  <div\r\n    *ngIf=\"\r\n      service?.model?.model?.workplaceList?.filters?.length;\r\n      then withParameters;\r\n      else withoutParameters\r\n    \"\r\n  ></div>\r\n  <ng-template #withoutParameters>\r\n    <div class=\"withoutParametersContainer\">\r\n      <span class=\"mat-body\"> M\u00E9g nincs megadva param\u00E9ter </span>\r\n    </div>\r\n  </ng-template>\r\n  <ng-template #withParameters>\r\n    <div class=\"withParametersContainer\">\r\n      <div\r\n        class=\"expressionsContainer\"\r\n        *ngIf=\"service?.model?.model?.workplaceList?.filters?.length\"\r\n      >\r\n        <app-expression-items\r\n          [items]=\"(service.model?.model?.workplaceList)!.filters\"\r\n        ></app-expression-items>\r\n      </div>\r\n      <div class=\"expressionEditorContainer\">\r\n        <smartform #form [smartForm]=\"smartForm\"></smartform>\r\n        <div *ngIf=\"smartForm\">\r\n          <button (click)=\"save()\" mat-raised-button color=\"primary\">Ment\u00E9s</button>\r\n          <button (click)=\"remove()\" mat-button color=\"accent\">T\u00F6rl\u00E9s</button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n</div>\r\n", styles: [".targetGroupContentContainer{padding:1.5rem;display:flex;flex-direction:column;gap:2.5rem;height:calc(100% - 3rem);overflow:auto;position:relative}.targetGroupContentContainer h3{margin:0;font-weight:600}.uiActionsBar{padding:1.5rem;border-radius:.25rem;background-color:var(--container-color)}.uiActionsBar,.uiActionsInsideOfBar{display:flex;flex-direction:row;gap:1rem}.uiActionsInsideOfBar{position:relative;left:-3rem}.section,.notSection{display:flex;flex-direction:row;gap:1rem}.section:before{content:\"\";border:1px solid #d9d9d9;align-self:stretch}.withoutParametersContainer{display:flex;flex-direction:column;padding:2rem;background-color:var(--container-color);border-radius:.25rem}.withoutParametersContainer .mat-body{font-weight:600;text-align:center}.withParametersContainer{display:flex;flex-direction:column;padding:1.5rem;background-color:var(--container-color);border-radius:.25rem;gap:.75rem}.expressionsContainer{display:flex;flex-direction:row;flex-wrap:wrap;gap:.75rem;margin-bottom:1px solid #cdcdcd}.expressionEditorContainer{display:flex;flex-direction:column;gap:.75rem}\n"] }]
+            args: [{ selector: 'smart-filter-expression-editor', template: "<div class=\"targetGroupContentContainer\">\r\n  <h3>{{ service.model?.model?.label }}</h3>\r\n\r\n  <div *ngIf=\"service.model?.type === type.Simple; then simpleFilter; else complexFilter\"></div>\r\n\r\n  <ng-template #simpleFilter>\r\n    <div class=\"expressionsContainer\" *ngIf=\"false\">\r\n      <smart-filter #smartFilter [filter]=\"simpleFilterModel\"></smart-filter>\r\n      <button (click)=\"saveFilter()\" mat-raised-button color=\"primary\">Ment\u00E9s</button>\r\n    </div>\r\n  </ng-template>\r\n  <ng-template #complexFilter>\r\n    <div class=\"uiActionsBar\" *ngIf=\"!service.model?.readOnly\">\r\n      <div class=\"uiActionsInsideOfBar\">\r\n        <smart-ui-action-toolbar [uiActionModels]=\"uiActionModels\"></smart-ui-action-toolbar>\r\n      </div>\r\n    </div>\r\n    <div\r\n      *ngIf=\"\r\n        service?.model?.model?.workplaceList?.filters?.length;\r\n        then withParameters;\r\n        else withoutParameters\r\n      \"\r\n    ></div>\r\n    <ng-template #withoutParameters>\r\n      <div class=\"withoutParametersContainer\">\r\n        <span class=\"mat-body\"> M\u00E9g nincs megadva param\u00E9ter </span>\r\n      </div>\r\n    </ng-template>\r\n    <ng-template #withParameters>\r\n      <div class=\"withParametersContainer\">\r\n        <div\r\n          class=\"expressionsContainer\"\r\n          *ngIf=\"service?.model?.model?.workplaceList?.filters?.length\"\r\n        >\r\n          <app-expression-items\r\n            [items]=\"(service.model?.model?.workplaceList)!.filters\"\r\n          ></app-expression-items>\r\n        </div>\r\n        <div class=\"expressionEditorContainer\">\r\n          <smartform #form [smartForm]=\"smartForm\"></smartform>\r\n          <div *ngIf=\"smartForm\">\r\n            <button (click)=\"save()\" mat-raised-button color=\"primary\">Ment\u00E9s</button>\r\n            <button (click)=\"remove()\" mat-button color=\"accent\">T\u00F6rl\u00E9s</button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n  </ng-template>\r\n</div>\r\n", styles: [".targetGroupContentContainer{padding:1.5rem;display:flex;flex-direction:column;gap:2.5rem;height:calc(100% - 3rem);overflow:auto;position:relative}.targetGroupContentContainer h3{margin:0;font-weight:600}.uiActionsBar{padding:1.5rem;border-radius:.25rem;background-color:var(--container-color)}.uiActionsBar,.uiActionsInsideOfBar{display:flex;flex-direction:row;gap:1rem}.uiActionsInsideOfBar{position:relative;left:-3rem}.section,.notSection{display:flex;flex-direction:row;gap:1rem}.section:before{content:\"\";border:1px solid #d9d9d9;align-self:stretch}.withoutParametersContainer{display:flex;flex-direction:column;padding:2rem;background-color:var(--container-color);border-radius:.25rem}.withoutParametersContainer .mat-body{font-weight:600;text-align:center}.withParametersContainer{display:flex;flex-direction:column;padding:1.5rem;background-color:var(--container-color);border-radius:.25rem;gap:.75rem}.expressionsContainer{display:flex;flex-direction:row;flex-wrap:wrap;gap:.75rem;margin-bottom:1px solid #cdcdcd}.expressionEditorContainer{display:flex;flex-direction:column;gap:.75rem}\n"] }]
         }], ctorParameters: function () { return [{ type: SmartformLayoutDefinitionService }]; }, propDecorators: { service: [{
                 type: Input
             }], formChild: [{
                 type: ViewChild,
                 args: ['form']
+            }], smartFilterChild: [{
+                type: ViewChild,
+                args: ['smartFilter']
             }] } });
 
 class SmartFilterEditorModule {
@@ -13108,7 +13154,8 @@ SmartFilterEditorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0",
         SmartExpandableSectionModule,
         SmartViewContextModule,
         SmartformModule,
-        MatButtonModule], exports: [SmartFilterParamsComponent,
+        MatButtonModule,
+        SmartFilterModule], exports: [SmartFilterParamsComponent,
         SmartFilterParamComponent,
         SmartFilterEditorContentComponent,
         SmartFilterExpressionItemsComponent,
@@ -13120,6 +13167,7 @@ SmartFilterEditorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0",
             SmartViewContextModule,
             SmartformModule,
             MatButtonModule,
+            SmartFilterModule,
         ]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartFilterEditorModule, decorators: [{
             type: NgModule,
@@ -13138,6 +13186,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
                         SmartViewContextModule,
                         SmartformModule,
                         MatButtonModule,
+                        SmartFilterModule,
                     ],
                     exports: [
                         SmartFilterParamsComponent,