@smartbit4all/ng-client 3.2.27 → 3.2.29

package/fesm2020/smartbit4all-ng-client.mjs

@@ -12816,6 +12816,7 @@ class SmartComponentLayoutComponent {
                 rowUiActionType: GridUiActionType.POPUP_MENU,
             },
             layoutDef: SmartLayoutDef.TABLE,
+            paginator: true,
         };
         this.bindGrid();
     }
@@ -13546,10 +13547,10 @@ class SmartFilterEditorContentComponent {
     }
 }
 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: "formChildren", predicate: ["form"], descendants: true }, { propertyName: "simpleFilterFormChildren", predicate: ["simpleFilterFromChild"], descendants: true }], ngImport: i0, template: "<div class=\"smart-filter-editor-container\">\r\n  <h3 class=\"smart-filter-editor-title\">{{ 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=\"smart-filter-editor-expressionsContainer\">\r\n      <smartform #simpleFilterFromChild [smartForm]=\"simpleFilterForm\"></smartform>\r\n    </div>\r\n  </ng-template>\r\n  <ng-template #complexFilter>\r\n    <div class=\"smart-filter-editor-uiActionsBar\" *ngIf=\"!service.model?.readOnly\">\r\n      <smart-ui-action-toolbar [uiActionModels]=\"uiActionModels\"></smart-ui-action-toolbar>\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=\"smart-filter-editor-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=\"smart-filter-editor-withParametersContainer\">\r\n        <div\r\n          class=\"smart-filter-editor-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            [service]=\"service\"\r\n          ></app-expression-items>\r\n        </div>\r\n        <div class=\"smart-filter-editor-expressionEditorContainer\">\r\n          <smartform #form [smartForm]=\"smartForm\"></smartform>\r\n          <div *ngIf=\"smartForm\">\r\n            <button (click)=\"remove()\" mat-raised-button color=\"primary\">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: [".smart-filter-editor-container{display:flex;flex-direction:column;overflow:auto;position:relative}.targetGroupContentContainer h3{margin:0;font-weight:600}.smart-filter-editor-uiActionsBar{padding:1.5rem;border-radius:.25rem;background-color:var(--container-color);display:flex;flex-direction:row;gap:1rem}.smart-filter-editor-withoutParametersContainer{display:flex;flex-direction:column;background-color:var(--container-color)}.withoutParametersContainer .mat-body{font-weight:600;text-align:center}.smart-filter-editor-withParametersContainer{display:flex;flex-direction:column;background-color:var(--container-color)}.smart-filter-editor-expressionEditorContainer{display:flex;flex-direction:column;gap:.75rem}\n"], components: [{ type: SmartformComponent, selector: "smartform", inputs: ["smartForm"] }, { type: UiActionToolbarComponent, selector: "smart-ui-action-toolbar", inputs: ["uiActionModels", "uiActionDescriptorService"] }, { type: SmartFilterExpressionItemsComponent, selector: "app-expression-items", inputs: ["items", "service"] }, { 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: "formChildren", predicate: ["form"], descendants: true }, { propertyName: "simpleFilterFormChildren", predicate: ["simpleFilterFromChild"], descendants: true }], ngImport: i0, template: "<div class=\"smart-filter-editor-container\" *ngIf=\"service.model\">\r\n  <h3 class=\"smart-filter-editor-title\">{{ 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=\"smart-filter-editor-expressionsContainer\">\r\n      <smartform #simpleFilterFromChild [smartForm]=\"simpleFilterForm\"></smartform>\r\n    </div>\r\n  </ng-template>\r\n  <ng-template #complexFilter>\r\n    <div class=\"smart-filter-editor-uiActionsBar\" *ngIf=\"!service.model?.readOnly\">\r\n      <smart-ui-action-toolbar [uiActionModels]=\"uiActionModels\"></smart-ui-action-toolbar>\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=\"smart-filter-editor-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=\"smart-filter-editor-withParametersContainer\">\r\n        <div\r\n          class=\"smart-filter-editor-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            [service]=\"service\"\r\n          ></app-expression-items>\r\n        </div>\r\n        <div class=\"smart-filter-editor-expressionEditorContainer\">\r\n          <smartform #form [smartForm]=\"smartForm\"></smartform>\r\n          <div *ngIf=\"smartForm\">\r\n            <button (click)=\"remove()\" mat-raised-button color=\"primary\">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: [".smart-filter-editor-container{display:flex;flex-direction:column;overflow:auto;position:relative}.targetGroupContentContainer h3{margin:0;font-weight:600}.smart-filter-editor-uiActionsBar{padding:1.5rem;border-radius:.25rem;background-color:var(--container-color);display:flex;flex-direction:row;gap:1rem}.smart-filter-editor-withoutParametersContainer{display:flex;flex-direction:column;background-color:var(--container-color)}.withoutParametersContainer .mat-body{font-weight:600;text-align:center}.smart-filter-editor-withParametersContainer{display:flex;flex-direction:column;background-color:var(--container-color)}.smart-filter-editor-expressionEditorContainer{display:flex;flex-direction:column;gap:.75rem}\n"], components: [{ type: SmartformComponent, selector: "smartform", inputs: ["smartForm"] }, { type: UiActionToolbarComponent, selector: "smart-ui-action-toolbar", inputs: ["uiActionModels", "uiActionDescriptorService"] }, { type: SmartFilterExpressionItemsComponent, selector: "app-expression-items", inputs: ["items", "service"] }, { 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"] }] });
 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=\"smart-filter-editor-container\">\r\n  <h3 class=\"smart-filter-editor-title\">{{ 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=\"smart-filter-editor-expressionsContainer\">\r\n      <smartform #simpleFilterFromChild [smartForm]=\"simpleFilterForm\"></smartform>\r\n    </div>\r\n  </ng-template>\r\n  <ng-template #complexFilter>\r\n    <div class=\"smart-filter-editor-uiActionsBar\" *ngIf=\"!service.model?.readOnly\">\r\n      <smart-ui-action-toolbar [uiActionModels]=\"uiActionModels\"></smart-ui-action-toolbar>\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=\"smart-filter-editor-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=\"smart-filter-editor-withParametersContainer\">\r\n        <div\r\n          class=\"smart-filter-editor-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            [service]=\"service\"\r\n          ></app-expression-items>\r\n        </div>\r\n        <div class=\"smart-filter-editor-expressionEditorContainer\">\r\n          <smartform #form [smartForm]=\"smartForm\"></smartform>\r\n          <div *ngIf=\"smartForm\">\r\n            <button (click)=\"remove()\" mat-raised-button color=\"primary\">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: [".smart-filter-editor-container{display:flex;flex-direction:column;overflow:auto;position:relative}.targetGroupContentContainer h3{margin:0;font-weight:600}.smart-filter-editor-uiActionsBar{padding:1.5rem;border-radius:.25rem;background-color:var(--container-color);display:flex;flex-direction:row;gap:1rem}.smart-filter-editor-withoutParametersContainer{display:flex;flex-direction:column;background-color:var(--container-color)}.withoutParametersContainer .mat-body{font-weight:600;text-align:center}.smart-filter-editor-withParametersContainer{display:flex;flex-direction:column;background-color:var(--container-color)}.smart-filter-editor-expressionEditorContainer{display:flex;flex-direction:column;gap:.75rem}\n"] }]
+            args: [{ selector: 'smart-filter-expression-editor', template: "<div class=\"smart-filter-editor-container\" *ngIf=\"service.model\">\r\n  <h3 class=\"smart-filter-editor-title\">{{ 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=\"smart-filter-editor-expressionsContainer\">\r\n      <smartform #simpleFilterFromChild [smartForm]=\"simpleFilterForm\"></smartform>\r\n    </div>\r\n  </ng-template>\r\n  <ng-template #complexFilter>\r\n    <div class=\"smart-filter-editor-uiActionsBar\" *ngIf=\"!service.model?.readOnly\">\r\n      <smart-ui-action-toolbar [uiActionModels]=\"uiActionModels\"></smart-ui-action-toolbar>\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=\"smart-filter-editor-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=\"smart-filter-editor-withParametersContainer\">\r\n        <div\r\n          class=\"smart-filter-editor-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            [service]=\"service\"\r\n          ></app-expression-items>\r\n        </div>\r\n        <div class=\"smart-filter-editor-expressionEditorContainer\">\r\n          <smartform #form [smartForm]=\"smartForm\"></smartform>\r\n          <div *ngIf=\"smartForm\">\r\n            <button (click)=\"remove()\" mat-raised-button color=\"primary\">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: [".smart-filter-editor-container{display:flex;flex-direction:column;overflow:auto;position:relative}.targetGroupContentContainer h3{margin:0;font-weight:600}.smart-filter-editor-uiActionsBar{padding:1.5rem;border-radius:.25rem;background-color:var(--container-color);display:flex;flex-direction:row;gap:1rem}.smart-filter-editor-withoutParametersContainer{display:flex;flex-direction:column;background-color:var(--container-color)}.withoutParametersContainer .mat-body{font-weight:600;text-align:center}.smart-filter-editor-withParametersContainer{display:flex;flex-direction:column;background-color:var(--container-color)}.smart-filter-editor-expressionEditorContainer{display:flex;flex-direction:column;gap:.75rem}\n"] }]
         }], ctorParameters: function () { return [{ type: SmartformLayoutDefinitionService }]; }, propDecorators: { service: [{
                 type: Input
             }], formChildren: [{