@smartbit4all/ng-client 3.0.6 → 3.0.8

package/fesm2015/smartbit4all-ng-client.mjs

@@ -2021,6 +2021,27 @@ const DataChangeKind = {
     Lookup: 'LOOKUP'
 };
 
+/**
+ * View API
+ * View API
+ *
+ * The version of the OpenAPI document: 1.0.0
+ * Contact: info@it4all.hu
+ *
+ * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
+ * https://openapi-generator.tech
+ * Do not edit the class manually.
+ */
+var Link;
+(function (Link) {
+    Link.TargetEnum = {
+        Self: 'SELF',
+        Blank: 'BLANK',
+        Parent: 'PARENT',
+        Top: 'TOP'
+    };
+})(Link || (Link = {}));
+
 /**
  * View API
  * View API
@@ -5825,13 +5846,15 @@ var SmartActionType;
 const SmartViewContextErrorDialogButtonLabel = 'SmartViewContextErrorDialogButtonLabel';
 const SmartViewContextErrorDialogTitle = 'SmartViewContextErrorDialogTitle';
 const SmartViewContextErrorDialogMessage = 'SmartViewContextErrorDialogMessage';
+const DIALOG_DISABLE_CLOSE = new InjectionToken('dialogDisableClose');
 class SmartViewContextService {
-    constructor(view, session, navigation, dialog, apiQueueService) {
+    constructor(view, session, navigation, dialog, apiQueueService, inject) {
         this.view = view;
         this.session = session;
         this.navigation = navigation;
         this.dialog = dialog;
         this.apiQueueService = apiQueueService;
+        this.inject = inject;
         this.tabIdName = 'viewContextUuid';
         this.tabIdhttpHeaderName = 'viewContextUuid';
         this.viewHandlers = new Array();
@@ -6012,7 +6035,14 @@ class SmartViewContextService {
                 throw new Error(`Component is undefined in SmartViewHandlerModel with name: ${view.viewName}`);
             }
             let dialogRef = this.dialog.openComponentAsDialog(viewHandler.component, viewHandler.name);
-            dialogRef.disableClose = true;
+            let dialogDisableClose = true;
+            try {
+                dialogDisableClose = this.inject.get(DIALOG_DISABLE_CLOSE);
+            }
+            catch (_b) {
+                console.error('Error during reading DIALOG_DISABLE_CLOSE');
+            }
+            dialogRef.disableClose = dialogDisableClose;
             // if (view.viewName === this.messageDialogname) {
             //   if (view.message?.options && view.message.options.length) {
             //   }
@@ -6098,7 +6128,7 @@ class SmartViewContextService {
         });
     }
     syncView() {
-        var _a;
+        var _a, _b, _c;
         (_a = this.viewContext) === null || _a === void 0 ? void 0 : _a.views.map((view) => {
             switch (view.state) {
                 case ViewState.ToOpen:
@@ -6118,8 +6148,36 @@ class SmartViewContextService {
                 this.closeView(viewData);
             });
         }
+        (_c = (_b = this.viewContext) === null || _b === void 0 ? void 0 : _b.links) === null || _c === void 0 ? void 0 : _c.map((data) => {
+            var _a, _b;
+            const link = document.createElement('a');
+            let target = '_blank'; // default
+            switch ((_a = data.target) !== null && _a !== void 0 ? _a : Link.TargetEnum.Blank) {
+                case 'SELF':
+                    target = '_self';
+                    break;
+                case 'BLANK':
+                    target = '_blank';
+                    break;
+                case 'PARENT':
+                    target = '_parent';
+                    break;
+                case 'TOP':
+                    target = '_top';
+                    break;
+            }
+            link.setAttribute('target', target);
+            link.setAttribute('href', data.url);
+            if (data.download) {
+                link.setAttribute('download', (_b = data.filename) !== null && _b !== void 0 ? _b : '');
+            }
+            document.body.appendChild(link);
+            link.click();
+            link.remove();
+        });
         this.viewContextHasBeenSynced.next();
     }
+    createLink(linkData) { }
     getUuidOfPage(pageName) {
         let uuid = sessionStorage.getItem(pageName);
         if (!uuid) {
@@ -6357,14 +6415,14 @@ class SmartViewContextService {
         });
     }
 }
-SmartViewContextService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartViewContextService, deps: [{ token: ViewService }, { token: SmartSessionService }, { token: SmartNavigationService }, { token: SmartdialogService }, { token: ApiQueueService }], target: i0.ɵɵFactoryTarget.Injectable });
+SmartViewContextService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartViewContextService, deps: [{ token: ViewService }, { token: SmartSessionService }, { token: SmartNavigationService }, { token: SmartdialogService }, { token: ApiQueueService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
 SmartViewContextService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartViewContextService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartViewContextService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: function () { return [{ type: ViewService }, { type: SmartSessionService }, { type: SmartNavigationService }, { type: SmartdialogService }, { type: ApiQueueService }]; } });
+        }], ctorParameters: function () { return [{ type: ViewService }, { type: SmartSessionService }, { type: SmartNavigationService }, { type: SmartdialogService }, { type: ApiQueueService }, { type: i0.Injector }]; } });
 const IS_ASYNC_PARAM_NAME = 'isAsync';
 class ApiQueueService {
     constructor() {
@@ -8025,6 +8083,7 @@ SmartViewContextModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0",
             useClass: SmartViewContextInterceptor,
             multi: true,
         },
+        { provide: DIALOG_DISABLE_CLOSE, useValue: true },
     ], imports: [[
             CommonModule,
             HttpClientModule,
@@ -8065,6 +8124,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
                             useClass: SmartViewContextInterceptor,
                             multi: true,
                         },
+                        { provide: DIALOG_DISABLE_CLOSE, useValue: true },
                     ],
                 }]
         }] });
@@ -9712,6 +9772,12 @@ class Configuration$1 {
         this.basePath = configurationParameters.basePath;
         this.withCredentials = configurationParameters.withCredentials;
         this.encoder = configurationParameters.encoder;
+        if (configurationParameters.encodeParam) {
+            this.encodeParam = configurationParameters.encodeParam;
+        }
+        else {
+            this.encodeParam = param => this.defaultEncodeParam(param);
+        }
         if (configurationParameters.credentials) {
             this.credentials = configurationParameters.credentials;
         }
@@ -9773,6 +9839,19 @@ class Configuration$1 {
             ? value()
             : value;
     }
+    defaultEncodeParam(param) {
+        // This implementation exists as fallback for missing configuration
+        // and for backwards compatibility to older typescript-angular generator versions.
+        // It only works for the 'simple' parameter style.
+        // Date-handling only works for the 'date-time' format.
+        // All other styles and Date-formats are probably handled incorrectly.
+        //
+        // But: if that's all you need (i.e.: the most common use-case): no need for customization!
+        const value = param.dataFormat === 'date-time' && param.value instanceof Date
+            ? param.value.toISOString()
+            : param.value;
+        return encodeURIComponent(String(value));
+    }
 }
 
 /**
@@ -9796,6 +9875,9 @@ class GridService {
             this.configuration = configuration;
         }
         if (typeof this.configuration.basePath !== 'string') {
+            if (Array.isArray(basePath) && basePath.length > 0) {
+                basePath = basePath[0];
+            }
             if (typeof basePath !== 'string') {
                 basePath = this.basePath;
             }
@@ -9805,7 +9887,7 @@ class GridService {
     }
     // @ts-ignore
     addToHttpParams(httpParams, value, key) {
-        if (typeof value === 'object' && value instanceof Date === false) {
+        if (typeof value === "object" && value instanceof Date === false) {
             httpParams = this.addToHttpParamsRecursive(httpParams, value);
         }
         else {
@@ -9817,27 +9899,27 @@ class GridService {
         if (value == null) {
             return httpParams;
         }
-        if (typeof value === 'object') {
+        if (typeof value === "object") {
             if (Array.isArray(value)) {
-                value.forEach((elem) => (httpParams = this.addToHttpParamsRecursive(httpParams, elem, key)));
+                value.forEach(elem => httpParams = this.addToHttpParamsRecursive(httpParams, elem, key));
             }
             else if (value instanceof Date) {
                 if (key != null) {
                     httpParams = httpParams.append(key, value.toISOString().substr(0, 10));
                 }
                 else {
-                    throw Error('key may not be null if value is Date');
+                    throw Error("key may not be null if value is Date");
                 }
             }
             else {
-                Object.keys(value).forEach((k) => (httpParams = this.addToHttpParamsRecursive(httpParams, value[k], key != null ? `${key}.${k}` : k)));
+                Object.keys(value).forEach(k => httpParams = this.addToHttpParamsRecursive(httpParams, value[k], key != null ? `${key}.${k}` : k));
             }
         }
         else if (key != null) {
             httpParams = httpParams.append(key, value);
         }
         else {
-            throw Error('key may not be null if value is not object or array');
+            throw Error("key may not be null if value is not object or array");
         }
         return httpParams;
     }
@@ -9855,7 +9937,9 @@ class GridService {
         let localVarHttpHeaderAcceptSelected = options && options.httpHeaderAccept;
         if (localVarHttpHeaderAcceptSelected === undefined) {
             // to determine the Accept header
-            const httpHeaderAccepts = ['application/json'];
+            const httpHeaderAccepts = [
+                'application/json'
+            ];
             localVarHttpHeaderAcceptSelected = this.configuration.selectHeaderAccept(httpHeaderAccepts);
         }
         if (localVarHttpHeaderAcceptSelected !== undefined) {
@@ -9877,13 +9961,14 @@ class GridService {
                 responseType_ = 'blob';
             }
         }
-        return this.httpClient.post(`${this.configuration.basePath}/grid/${encodeURIComponent(String(uuid))}/${encodeURIComponent(String(gridId))}/${encodeURIComponent(String(rowId))}/expand`, null, {
+        let localVarPath = `/grid/${this.configuration.encodeParam({ name: "uuid", value: uuid, in: "path", style: "simple", explode: false, dataType: "string", dataFormat: "uuid" })}/${this.configuration.encodeParam({ name: "gridId", value: gridId, in: "path", style: "simple", explode: false, dataType: "string", dataFormat: undefined })}/${this.configuration.encodeParam({ name: "rowId", value: rowId, in: "path", style: "simple", explode: false, dataType: "string", dataFormat: undefined })}/expand`;
+        return this.httpClient.request('post', `${this.configuration.basePath}${localVarPath}`, {
             context: localVarHttpContext,
             responseType: responseType_,
             withCredentials: this.configuration.withCredentials,
             headers: localVarHeaders,
             observe: observe,
-            reportProgress: reportProgress,
+            reportProgress: reportProgress
         });
     }
     load(uuid, gridIdentifier, observe = 'body', reportProgress = false, options) {
@@ -9897,7 +9982,9 @@ class GridService {
         let localVarHttpHeaderAcceptSelected = options && options.httpHeaderAccept;
         if (localVarHttpHeaderAcceptSelected === undefined) {
             // to determine the Accept header
-            const httpHeaderAccepts = ['application/json'];
+            const httpHeaderAccepts = [
+                'application/json'
+            ];
             localVarHttpHeaderAcceptSelected = this.configuration.selectHeaderAccept(httpHeaderAccepts);
         }
         if (localVarHttpHeaderAcceptSelected !== undefined) {
@@ -9919,13 +10006,14 @@ class GridService {
                 responseType_ = 'blob';
             }
         }
-        return this.httpClient.post(`${this.configuration.basePath}/grid/${encodeURIComponent(String(uuid))}/${encodeURIComponent(String(gridIdentifier))}/load`, null, {
+        let localVarPath = `/grid/${this.configuration.encodeParam({ name: "uuid", value: uuid, in: "path", style: "simple", explode: false, dataType: "string", dataFormat: "uuid" })}/${this.configuration.encodeParam({ name: "gridIdentifier", value: gridIdentifier, in: "path", style: "simple", explode: false, dataType: "string", dataFormat: undefined })}/load`;
+        return this.httpClient.request('post', `${this.configuration.basePath}${localVarPath}`, {
             context: localVarHttpContext,
             responseType: responseType_,
             withCredentials: this.configuration.withCredentials,
             headers: localVarHeaders,
             observe: observe,
-            reportProgress: reportProgress,
+            reportProgress: reportProgress
         });
     }
     select(uuid, gridId, rowId, selected, observe = 'body', reportProgress = false, options) {
@@ -9945,7 +10033,9 @@ class GridService {
         let localVarHttpHeaderAcceptSelected = options && options.httpHeaderAccept;
         if (localVarHttpHeaderAcceptSelected === undefined) {
             // to determine the Accept header
-            const httpHeaderAccepts = ['application/json'];
+            const httpHeaderAccepts = [
+                'application/json'
+            ];
             localVarHttpHeaderAcceptSelected = this.configuration.selectHeaderAccept(httpHeaderAccepts);
         }
         if (localVarHttpHeaderAcceptSelected !== undefined) {
@@ -9967,13 +10057,14 @@ class GridService {
                 responseType_ = 'blob';
             }
         }
-        return this.httpClient.post(`${this.configuration.basePath}/grid/${encodeURIComponent(String(uuid))}/${encodeURIComponent(String(gridId))}/${encodeURIComponent(String(rowId))}/select`, null, {
+        let localVarPath = `/grid/${this.configuration.encodeParam({ name: "uuid", value: uuid, in: "path", style: "simple", explode: false, dataType: "string", dataFormat: "uuid" })}/${this.configuration.encodeParam({ name: "gridId", value: gridId, in: "path", style: "simple", explode: false, dataType: "string", dataFormat: undefined })}/${this.configuration.encodeParam({ name: "rowId", value: rowId, in: "path", style: "simple", explode: false, dataType: "string", dataFormat: undefined })}/select`;
+        return this.httpClient.request('post', `${this.configuration.basePath}${localVarPath}`, {
             context: localVarHttpContext,
             responseType: responseType_,
             withCredentials: this.configuration.withCredentials,
             headers: localVarHeaders,
             observe: observe,
-            reportProgress: reportProgress,
+            reportProgress: reportProgress
         });
     }
     selectAll(uuid, gridId, selected, observe = 'body', reportProgress = false, options) {
@@ -9990,7 +10081,9 @@ class GridService {
         let localVarHttpHeaderAcceptSelected = options && options.httpHeaderAccept;
         if (localVarHttpHeaderAcceptSelected === undefined) {
             // to determine the Accept header
-            const httpHeaderAccepts = ['application/json'];
+            const httpHeaderAccepts = [
+                'application/json'
+            ];
             localVarHttpHeaderAcceptSelected = this.configuration.selectHeaderAccept(httpHeaderAccepts);
         }
         if (localVarHttpHeaderAcceptSelected !== undefined) {
@@ -10012,13 +10105,14 @@ class GridService {
                 responseType_ = 'blob';
             }
         }
-        return this.httpClient.post(`${this.configuration.basePath}/grid/${encodeURIComponent(String(uuid))}/${encodeURIComponent(String(gridId))}/select`, null, {
+        let localVarPath = `/grid/${this.configuration.encodeParam({ name: "uuid", value: uuid, in: "path", style: "simple", explode: false, dataType: "string", dataFormat: "uuid" })}/${this.configuration.encodeParam({ name: "gridId", value: gridId, in: "path", style: "simple", explode: false, dataType: "string", dataFormat: undefined })}/select`;
+        return this.httpClient.request('post', `${this.configuration.basePath}${localVarPath}`, {
             context: localVarHttpContext,
             responseType: responseType_,
             withCredentials: this.configuration.withCredentials,
             headers: localVarHeaders,
             observe: observe,
-            reportProgress: reportProgress,
+            reportProgress: reportProgress
         });
     }
     setPage(uuid, gridIdentifier, offset, limit, observe = 'body', reportProgress = false, options) {
@@ -10060,13 +10154,14 @@ class GridService {
                 responseType_ = 'blob';
             }
         }
-        return this.httpClient.post(`${this.configuration.basePath}/grid/${encodeURIComponent(String(uuid))}/${encodeURIComponent(String(gridIdentifier))}/page/${encodeURIComponent(String(offset))}/${encodeURIComponent(String(limit))}`, null, {
+        let localVarPath = `/grid/${this.configuration.encodeParam({ name: "uuid", value: uuid, in: "path", style: "simple", explode: false, dataType: "string", dataFormat: "uuid" })}/${this.configuration.encodeParam({ name: "gridIdentifier", value: gridIdentifier, in: "path", style: "simple", explode: false, dataType: "string", dataFormat: undefined })}/page/${this.configuration.encodeParam({ name: "offset", value: offset, in: "path", style: "simple", explode: false, dataType: "string", dataFormat: undefined })}/${this.configuration.encodeParam({ name: "limit", value: limit, in: "path", style: "simple", explode: false, dataType: "string", dataFormat: undefined })}`;
+        return this.httpClient.request('post', `${this.configuration.basePath}${localVarPath}`, {
             context: localVarHttpContext,
             responseType: responseType_,
             withCredentials: this.configuration.withCredentials,
             headers: localVarHeaders,
             observe: observe,
-            reportProgress: reportProgress,
+            reportProgress: reportProgress
         });
     }
     update(uuid, gridIdentifier, gridUpdateData, observe = 'body', reportProgress = false, options) {
@@ -10083,7 +10178,9 @@ class GridService {
         let localVarHttpHeaderAcceptSelected = options && options.httpHeaderAccept;
         if (localVarHttpHeaderAcceptSelected === undefined) {
             // to determine the Accept header
-            const httpHeaderAccepts = ['application/json'];
+            const httpHeaderAccepts = [
+                'application/json'
+            ];
             localVarHttpHeaderAcceptSelected = this.configuration.selectHeaderAccept(httpHeaderAccepts);
         }
         if (localVarHttpHeaderAcceptSelected !== undefined) {
@@ -10094,7 +10191,9 @@ class GridService {
             localVarHttpContext = new HttpContext();
         }
         // to determine the Content-Type header
-        const consumes = ['application/json'];
+        const consumes = [
+            'application/json'
+        ];
         const httpContentTypeSelected = this.configuration.selectHeaderContentType(consumes);
         if (httpContentTypeSelected !== undefined) {
             localVarHeaders = localVarHeaders.set('Content-Type', httpContentTypeSelected);
@@ -10111,13 +10210,15 @@ class GridService {
                 responseType_ = 'blob';
             }
         }
-        return this.httpClient.post(`${this.configuration.basePath}/grid/${encodeURIComponent(String(uuid))}/${encodeURIComponent(String(gridIdentifier))}/update`, gridUpdateData, {
+        let localVarPath = `/grid/${this.configuration.encodeParam({ name: "uuid", value: uuid, in: "path", style: "simple", explode: false, dataType: "string", dataFormat: "uuid" })}/${this.configuration.encodeParam({ name: "gridIdentifier", value: gridIdentifier, in: "path", style: "simple", explode: false, dataType: "string", dataFormat: undefined })}/update`;
+        return this.httpClient.request('post', `${this.configuration.basePath}${localVarPath}`, {
             context: localVarHttpContext,
+            body: gridUpdateData,
             responseType: responseType_,
             withCredentials: this.configuration.withCredentials,
             headers: localVarHeaders,
             observe: observe,
-            reportProgress: reportProgress,
+            reportProgress: reportProgress
         });
     }
 }
@@ -10126,7 +10227,7 @@ GridService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version:
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: GridService, decorators: [{
             type: Injectable,
             args: [{
-                    providedIn: 'root',
+                    providedIn: 'root'
                 }]
         }], ctorParameters: function () {
         return [{ type: i1.HttpClient }, { type: undefined, decorators: [{
@@ -10249,10 +10350,8 @@ class SmartGridService extends SmartdialogService {
     }
     load(uuid, gridIdentifier) {
         return __awaiter(this, void 0, void 0, function* () {
-            this.gridModel = yield lastValueFrom(this.api.load(uuid, gridIdentifier));
-            this.length = this.gridModel.totalRowCount;
-            this.pageSize = this.gridModel.pageSize;
-            this.gridModelChanged.next();
+            let gridModelResult = yield lastValueFrom(this.api.load(uuid, gridIdentifier));
+            this.updateGrid(gridModelResult, 'load');
         });
     }
     setPage(uuid, gridIdentifier, offset, limit) {
@@ -10263,13 +10362,10 @@ class SmartGridService extends SmartdialogService {
     }
     sort(smartGrid, gridUpdateData) {
         return __awaiter(this, void 0, void 0, function* () {
-            let gridModel = yield this.api
+            let gridModelResult = yield this.api
                 .update(smartGrid.gridModel.viewUuid, smartGrid.gridIdentifier, gridUpdateData)
                 .toPromise();
-            if (gridModel) {
-                this.gridModel = gridModel;
-                this.gridModelChanged.next();
-            }
+            this.updateGrid(gridModelResult, 'sort');
         });
     }
     expand(smartGrid, rowId) {
@@ -10296,11 +10392,8 @@ class SmartGridService extends SmartdialogService {
     }
     update(uuid, identifier, updateData) {
         return __awaiter(this, void 0, void 0, function* () {
-            let res = yield this.api.update(uuid, identifier, updateData).toPromise();
-            if (res) {
-                this.gridModel = res;
-                this.gridModelChanged.next();
-            }
+            let gridModelResult = yield this.api.update(uuid, identifier, updateData).toPromise();
+            this.updateGrid(gridModelResult, 'update');
         });
     }
     closeDialog() {
@@ -10311,6 +10404,15 @@ class SmartGridService extends SmartdialogService {
     handleAfterClosed() {
         this.gridModelChanged.next();
     }
+    updateGrid(gridModel, method) {
+        if (gridModel) {
+            this.gridModel = gridModel;
+            this.gridModelChanged.next();
+        }
+        else {
+            console.error(`GridModel is undefined in service after ${method}!`);
+        }
+    }
 }
 SmartGridService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartGridService, deps: [{ token: GridService }, { token: i1$2.MatDialog }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Injectable });
 SmartGridService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartGridService, providedIn: 'root' });
@@ -10912,18 +11014,18 @@ class SmartGridComponent {
     constructor(service, cfService) {
         this.service = service;
         this.cfService = cfService;
+        this.defaultPageSize = 10;
+        this.defaultPageSizeOptions = [5, 10, 25, 50];
         this._destroy$ = new Subject();
         this.dev = false;
-        this.pageSizeOptions = [2, 3, 4, 10];
+        this.pageSizeOptions = this.defaultPageSizeOptions;
         this.selectionChanges = new Subject();
         this.uiActionDescriptors = new Map();
         this.afterViewInitExecuted = false;
         this.isBlocked = true;
         this.service.gridModelChanged.subscribe(() => {
+            // called after every service call (load, save, refresh, etc.)
             this.smartGrid.gridModel = this.service.gridModel;
-            if (this.service.gridModel.pageSizeOptions) {
-                this.pageSizeOptions = this.service.gridModel.pageSizeOptions;
-            }
             this.render();
         });
     }
@@ -10944,6 +11046,8 @@ class SmartGridComponent {
     }
     ngAfterViewInit() {
         if (this.dev) {
+            // for dev purposes
+            this.service.gridModel = this.smartGrid.gridModel;
             this.render();
         }
         if (this.uuid && this.smartGrid && !this.dev) {
@@ -10965,19 +11069,31 @@ class SmartGridComponent {
      * grid with the newest one.
      */
     refresh() {
-        var _a;
         return __awaiter(this, void 0, void 0, function* () {
+            // will cause this.service.gridModelChanged to fire
             yield this.service.load(this.uuid, this.smartGrid.gridIdentifier);
-            this.length = this.service.gridModel.totalRowCount;
-            this.pageSize = (_a = this.service.gridModel.pageSize) !== null && _a !== void 0 ? _a : 5;
         });
     }
     render() {
+        var _a, _b, _c, _d, _e, _f;
         return __awaiter(this, void 0, void 0, function* () {
-            this.length = this.service.length;
-            this.pageSize = this.service.pageSize;
-            // this.smartGrid!.gridModel = this.service.gridModel;
-            this.service.gridModel = this.smartGrid.gridModel;
+            const gridModel = (_a = this.smartGrid) === null || _a === void 0 ? void 0 : _a.gridModel;
+            if (gridModel) {
+                this.length = gridModel.totalRowCount;
+                this.pageSize = (_b = gridModel.pageSize) !== null && _b !== void 0 ? _b : this.defaultPageSize;
+                if (gridModel.pageSizeOptions && gridModel.pageSizeOptions.length > 0) {
+                    this.pageSizeOptions = gridModel.pageSizeOptions;
+                }
+                else {
+                    this.pageSizeOptions = this.defaultPageSizeOptions;
+                }
+                if ((_d = (_c = gridModel === null || gridModel === void 0 ? void 0 : gridModel.view) === null || _c === void 0 ? void 0 : _c.descriptor) === null || _d === void 0 ? void 0 : _d.showEditColumns) {
+                    this.smartGrid.showEditColumns = (_f = (_e = gridModel === null || gridModel === void 0 ? void 0 : gridModel.view) === null || _e === void 0 ? void 0 : _e.descriptor) === null || _f === void 0 ? void 0 : _f.showEditColumns;
+                }
+            }
+            else {
+                console.error('GridModel is undefined in component!');
+            }
             if (this.smartGrid.layoutDef === SmartLayoutDef.TABLE) {
                 this.renderTable();
             }
@@ -12794,5 +12910,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { APIS$3 as APIS, ApiModule$3 as ApiModule, ApiQueueService, BASE_PATH$4 as BASE_PATH, COLLECTION_FORMATS$4 as COLLECTION_FORMATS, CloseResult, ComponentFactoryService, ComponentFactoryServiceModule, ComponentType, ComponentWidgetType, Configuration$4 as Configuration, DataChangeKind, ExpandableSectionButtonIconPosition, ExpandableSectionButtonType, ExpandableSectionComponent, FilterExpressionBoolOperator, FilterExpressionBuilderGroup, FilterExpressionDataType, FilterExpressionFieldWidgetType, FilterExpressionOperation, FilterExpressionOrderBy, GridDataAccessConfig, GridSelectionMode, GridSelectionType, GridUiActionType, GridViewDescriptor, IS_ASYNC_PARAM_NAME, LayoutDirection, MessageOptionType, MessageType, SelectionDefinition, SessionAPIS, SessionErrorBehaviour, SessionService, SimplifiedTabGroupComponent, SmartActionType, SmartAuthService, SmartComponent, SmartComponentApiClient, SmartComponentLayoutComponent, SmartComponentLayoutModule, SmartComponentLayoutUtility, SmartDatePipe, SmartDateTimePipe, SmartDevToolDatePipe, SmartDevToolFloatingButtonComponent, SmartDevToolService, SmartDialog, SmartExpandableSectionModule, SmartExpandableSectionService, SmartFileUploaderComponent, SmartFilterComponent, SmartFilterModule, SmartFilterPosition, SmartFilterType, SmartFormTextFieldButtonIconPosition, SmartFormWidgetDirection, SmartFormWidgetType, SmartFormWidgetWidth, SmartGridButtonType, SmartGridComponent, SmartGridDataLayout, SmartGridModule, SmartGridService, SmartGridType, SmartIconComponent, SmartIconModule, SmartIconService, SmartLayoutDef, SmartLinkChannelVariableInPath, SmartLinkUuidVariableInPath, SmartNavbarComponent, SmartNavbarModule, SmartNavbarService, SmartNavigationModule, SmartNavigationService, SmartNgClientModule, SmartNgClientService, SmartService, SmartSessionModule, SmartSessionService, SmartSessionTimerComponent, SmartSessionTimerService, SmartSubject, SmartTabGroupModule, SmartTabGroupService, SmartTable, SmartTableButtonType, SmartTableHeaderPropertyType, SmartTableInterfaceTypeEnum, SmartTableOptionButtonDirection, SmartTableOrder, SmartTableType, SmartTimePipe, SmartTreeComponent, SmartTreeNodeButtonType, SmartUserSettinsIconPosition, SmartValidatorName, SmartViewContextErrorDialogButtonLabel, SmartViewContextErrorDialogMessage, SmartViewContextErrorDialogTitle, SmartViewContextModule, SmartViewContextService, SmartViewRedirect, SmartWidgetHintPosition, SmartWidgetSettings, SmartdialogModule, SmartdialogService, SmartfileuploaderComponent, SmartformComponent, SmartformLayoutDefinitionService, SmartformModule, SmartformwidgetComponent, SmarttableComponent, SmarttableModule, SmarttableService, SmarttreeGenericService, SmarttreeModule, SmarttreeService, TabGroupComponent, ToggleLabelPosition, UiActionButtonIconPos, UiActionButtonType, UiActionConfirmDialogComponent, UiActionConfirmDialogService, UiActionDescriptorService, UiActionDialogType, UiActionFeedbackType, UiActionInputDialogComponent, UiActionInputDialogService, UiActionInputType, UiActionService, UiActionToolbarComponent, ViewEventHandler, ViewService, ViewState, ViewType, WidgetMap };
+export { APIS$3 as APIS, ApiModule$3 as ApiModule, ApiQueueService, BASE_PATH$4 as BASE_PATH, COLLECTION_FORMATS$4 as COLLECTION_FORMATS, CloseResult, ComponentFactoryService, ComponentFactoryServiceModule, ComponentType, ComponentWidgetType, Configuration$4 as Configuration, DIALOG_DISABLE_CLOSE, DataChangeKind, ExpandableSectionButtonIconPosition, ExpandableSectionButtonType, ExpandableSectionComponent, FilterExpressionBoolOperator, FilterExpressionBuilderGroup, FilterExpressionDataType, FilterExpressionFieldWidgetType, FilterExpressionOperation, FilterExpressionOrderBy, GridDataAccessConfig, GridSelectionMode, GridSelectionType, GridUiActionType, GridViewDescriptor, IS_ASYNC_PARAM_NAME, LayoutDirection, Link, MessageOptionType, MessageType, SelectionDefinition, SessionAPIS, SessionErrorBehaviour, SessionService, SimplifiedTabGroupComponent, SmartActionType, SmartAuthService, SmartComponent, SmartComponentApiClient, SmartComponentLayoutComponent, SmartComponentLayoutModule, SmartComponentLayoutUtility, SmartDatePipe, SmartDateTimePipe, SmartDevToolDatePipe, SmartDevToolFloatingButtonComponent, SmartDevToolService, SmartDialog, SmartExpandableSectionModule, SmartExpandableSectionService, SmartFileUploaderComponent, SmartFilterComponent, SmartFilterModule, SmartFilterPosition, SmartFilterType, SmartFormTextFieldButtonIconPosition, SmartFormWidgetDirection, SmartFormWidgetType, SmartFormWidgetWidth, SmartGridButtonType, SmartGridComponent, SmartGridDataLayout, SmartGridModule, SmartGridService, SmartGridType, SmartIconComponent, SmartIconModule, SmartIconService, SmartLayoutDef, SmartLinkChannelVariableInPath, SmartLinkUuidVariableInPath, SmartNavbarComponent, SmartNavbarModule, SmartNavbarService, SmartNavigationModule, SmartNavigationService, SmartNgClientModule, SmartNgClientService, SmartService, SmartSessionModule, SmartSessionService, SmartSessionTimerComponent, SmartSessionTimerService, SmartSubject, SmartTabGroupModule, SmartTabGroupService, SmartTable, SmartTableButtonType, SmartTableHeaderPropertyType, SmartTableInterfaceTypeEnum, SmartTableOptionButtonDirection, SmartTableOrder, SmartTableType, SmartTimePipe, SmartTreeComponent, SmartTreeNodeButtonType, SmartUserSettinsIconPosition, SmartValidatorName, SmartViewContextErrorDialogButtonLabel, SmartViewContextErrorDialogMessage, SmartViewContextErrorDialogTitle, SmartViewContextModule, SmartViewContextService, SmartViewRedirect, SmartWidgetHintPosition, SmartWidgetSettings, SmartdialogModule, SmartdialogService, SmartfileuploaderComponent, SmartformComponent, SmartformLayoutDefinitionService, SmartformModule, SmartformwidgetComponent, SmarttableComponent, SmarttableModule, SmarttableService, SmarttreeGenericService, SmarttreeModule, SmarttreeService, TabGroupComponent, ToggleLabelPosition, UiActionButtonIconPos, UiActionButtonType, UiActionConfirmDialogComponent, UiActionConfirmDialogService, UiActionDescriptorService, UiActionDialogType, UiActionFeedbackType, UiActionInputDialogComponent, UiActionInputDialogService, UiActionInputType, UiActionService, UiActionToolbarComponent, ViewEventHandler, ViewService, ViewState, ViewType, WidgetMap };
 //# sourceMappingURL=smartbit4all-ng-client.mjs.map