@smartbit4all/ng-client 3.3.216 → 3.3.218

package/fesm2020/smartbit4all-ng-client.mjs

@@ -1,8 +1,8 @@
 import * as i0 from '@angular/core';
 import { InjectionToken, Injectable, Optional, Inject, PLATFORM_ID, NgModule, SkipSelf, Component, RendererStyleFlags2, Input, Directive, HostBinding, HostListener, ViewChild, forwardRef, EventEmitter, Output, Pipe, ViewContainerRef, ViewEncapsulation, ChangeDetectionStrategy, ViewChildren, CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA, ChangeDetectorRef } from '@angular/core';
-import { Subject, takeUntil, startWith, map, distinctUntilChanged, catchError, throwError, from, lastValueFrom } from 'rxjs';
 import * as i1 from '@angular/common/http';
-import { HttpHeaders, HttpContext, HttpParams, HttpClientModule, HTTP_INTERCEPTORS } from '@angular/common/http';
+import { HttpHeaders, HttpContext, HttpErrorResponse, HttpParams, HttpClientModule, HTTP_INTERCEPTORS } from '@angular/common/http';
+import { Subject, lastValueFrom, takeUntil, startWith, map, distinctUntilChanged, catchError, throwError, from } from 'rxjs';
 import * as i3 from '@angular/common';
 import { isPlatformBrowser, DOCUMENT, DatePipe, CommonModule } from '@angular/common';
 import * as i2 from '@angular/material/button';
@@ -829,7 +829,7 @@ class SmartSessionService {
     }
     async handleSessionError(sessionError) {
         if (this.sessionHandlerService) {
-            await this.sessionHandlerService.handleSessionError(sessionError);
+            return await this.sessionHandlerService.handleSessionError(sessionError);
         }
         throw new Error(`sessionHandlerService was not initialized. Error: ${sessionError.code}`);
     }
@@ -924,11 +924,7 @@ class SmartSessionService {
     async startSession() {
         let sessionInfo = await this.apiService.startSession().toPromise();
         if (sessionInfo) {
-            this.sessionInfoData = sessionInfo;
-            this.token = sessionInfo.sid;
-            this.saveTokenToLocalStorage();
-            this.setAuthenticationStatus();
-            this.setUpTokenForSessionService();
+            this.updateSessionInfo(sessionInfo);
         }
         return this.sessionInfoData;
     }
@@ -947,26 +943,34 @@ class SmartSessionService {
         if (!refreshToken) {
             return await this.startSession();
         }
-        let sessionInfo = await this.apiService
-            .refreshSession({
-            refreshToken,
-        })
-            .toPromise()
-            .catch(async (error) => {
-            if (error.error &&
-                error.error.code &&
-                error.error.code === 'session.refreshtoken.invalid') {
-                await this.startSession();
+        try {
+            const sessionInfo = await lastValueFrom(this.apiService.refreshSession({ refreshToken }));
+            if (sessionInfo) {
+                this.updateSessionInfo(sessionInfo);
+                return sessionInfo;
             }
-        });
-        if (sessionInfo) {
-            this.sessionInfoData = sessionInfo;
-            this.token = sessionInfo.sid;
-            this.saveTokenToLocalStorage();
-            this.setAuthenticationStatus();
-            this.setUpTokenForSessionService();
         }
-        return this.sessionInfoData;
+        catch (error) {
+            if (this.isInvalidRefreshTokenError(error)) {
+                this.clearAndStartNewSession();
+                // still throw the error, so the error can be handled in the caller
+            }
+            throw error;
+        }
+        // no sessionInfo returned
+        throw new Error('Unable to refresh session');
+    }
+    updateSessionInfo(sessionInfo) {
+        this.sessionInfoData = sessionInfo;
+        this.token = sessionInfo.sid;
+        this.saveTokenToLocalStorage();
+        this.setAuthenticationStatus();
+        this.setUpTokenForSessionService();
+    }
+    isInvalidRefreshTokenError(error) {
+        return (error instanceof HttpErrorResponse &&
+            error.error &&
+            error.error.code === 'session.refreshtoken.invalid');
     }
     async getAuthenticationProviders() {
         let providers = await this.apiService
@@ -7362,10 +7366,10 @@ class MobileTableComponent extends Table {
     }
 }
 MobileTableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: MobileTableComponent, deps: [{ token: ComponentFactoryService }], target: i0.ɵɵFactoryTarget.Component });
-MobileTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: MobileTableComponent, selector: "lib-mobile-table", usesInheritance: true, ngImport: i0, template: "<div class=\"mobileTable\">\r\n  <div\r\n    class=\"mobileTableRow\"\r\n    *ngFor=\"let row of smartTable.tableRows\"\r\n    [ngClass]=\"getRowClasses(element)\"\r\n    [ngStyle]=\"getRowStyles(element)\"\r\n  >\r\n    <div\r\n      class=\"mobileTableCell\"\r\n      *ngFor=\"let header of smartTable.customSmartTableHeaders; let i = index\"\r\n      (click)=\"handleOnRowClick(row)\"\r\n      (dblclick)=\"handleOnRowDoubleClick($event, row)\"\r\n    >\r\n      <div class=\"mobileTableCellHeader\">\r\n        {{ header.label }}\r\n      </div>\r\n\r\n      <mat-checkbox\r\n        *ngIf=\"\r\n          smartTable.customSmartTableHeaders &&\r\n          smartTable.customSmartTableHeaders[i].propertyName === 'select'\r\n        \"\r\n        (click)=\"$event.stopPropagation()\"\r\n        (change)=\"\r\n          $event\r\n            ? setSelection(\r\n                smartTable.selectionProperty\r\n                  ? smartTable.getValueDeeply(row, smartTable.selectionProperty)\r\n                  : row\r\n              )\r\n            : null\r\n        \"\r\n        [disabled]=\"isDisabled(element)\"\r\n        [checked]=\"\r\n          smartTable.selection!.isSelected(\r\n            smartTable.selectionProperty\r\n              ? smartTable.getValueDeeply(row, smartTable.selectionProperty)\r\n              : row\r\n          )\r\n        \"\r\n        [aria-label]=\"\r\n          checkboxLabel(\r\n            smartTable.selectionProperty\r\n              ? smartTable.getValueDeeply(row, smartTable.selectionProperty)\r\n              : row\r\n          )\r\n        \"\r\n      >\r\n      </mat-checkbox>\r\n      <div\r\n        *ngIf=\"\r\n          smartTable.customSmartTableHeaders && smartTable.customSmartTableHeaders[i].properties\r\n        \"\r\n      >\r\n        <div *ngIf=\"smartTable.customSmartTableHeaders[i].properties?.type === type().DATETIME\">\r\n          {{\r\n            getValue(row, header.propertyName)\r\n              | smartDateTime : smartTable.customSmartTableHeaders[i].properties?.dateFormat\r\n          }}\r\n        </div>\r\n        <div *ngIf=\"smartTable.customSmartTableHeaders[i].properties?.type === type().DATE\">\r\n          {{\r\n            getValue(row, header.propertyName)\r\n              | smartDate : smartTable.customSmartTableHeaders[i].properties?.dateFormat\r\n          }}\r\n        </div>\r\n        <div *ngIf=\"smartTable.customSmartTableHeaders[i].properties?.type === type().TIME\">\r\n          {{\r\n            getValue(row, header.propertyName)\r\n              | smartTime : smartTable.customSmartTableHeaders[i].properties?.dateFormat\r\n          }}\r\n        </div>\r\n        <div *ngIf=\"smartTable.customSmartTableHeaders[i].properties?.type === type().CHECKBOX\">\r\n          <mat-checkbox\r\n            [disabled]=\"true\"\r\n            [checked]=\"getValue(row, header.propertyName)\"\r\n          ></mat-checkbox>\r\n        </div>\r\n        <div\r\n          *ngIf=\"\r\n            smartTable.customSmartTableHeaders[i].properties?.type === type().ICON &&\r\n            smartTable.customSmartTableHeaders[i].properties?.icons?.length\r\n          \"\r\n        >\r\n          <smart-icon\r\n            [smartTooltip]=\"getToolTip(row, i)\"\r\n            [icon]=\"getIcon(getValue(row, header.propertyName), i)!\"\r\n            [color]=\"getColor(getValue(row, header.propertyName), i)\"\r\n          >\r\n          </smart-icon>\r\n        </div>\r\n      </div>\r\n      <div *ngIf=\"isImageResource(element, header.propertyName)\">\r\n        <smart-icon\r\n          [icon]=\"getImageResourceIcon(element, header.propertyName)\"\r\n          [color]=\"getImageResourceColor(element, header.propertyName)\"\r\n        >\r\n        </smart-icon>\r\n      </div>\r\n      <div\r\n        *ngIf=\"smartTable.customSmartTableHeaders && smartTable.customSmartTableHeaders[i].buttons\"\r\n        class=\"smart-table-buttons-col\"\r\n      >\r\n        <div *ngFor=\"let button of smartTable.customSmartTableHeaders[i].buttons\">\r\n          <div *ngIf=\"showButton(button, row)\" [ngSwitch]=\"button.type\">\r\n            <button\r\n              (click)=\"customButtonClicked($event, button, row)\"\r\n              *ngSwitchCase=\"smartTableButtonType.ICON\"\r\n              mat-icon-button\r\n              color=\"{{ button.color }}\"\r\n            >\r\n              <smart-icon title=\"{{ button.label }}\" [icon]=\"button.icon!\"></smart-icon>\r\n            </button>\r\n            <button\r\n              (click)=\"customButtonClicked($event, button, row)\"\r\n              *ngSwitchCase=\"smartTableButtonType.NORMAL\"\r\n              mat-button\r\n              color=\"{{ button.color }}\"\r\n            >\r\n              <smart-icon *ngIf=\"button.icon\" [icon]=\"button.icon\"></smart-icon>\r\n              {{ button.label }}\r\n            </button>\r\n            <button\r\n              (click)=\"customButtonClicked($event, button, row)\"\r\n              *ngSwitchCase=\"smartTableButtonType.RAISED\"\r\n              mat-raised-button\r\n              color=\"{{ button.color }}\"\r\n            >\r\n              <smart-icon *ngIf=\"button.icon\" [icon]=\"button.icon\"></smart-icon>\r\n              {{ button.label }}\r\n            </button>\r\n            <div *ngSwitchCase=\"smartTableButtonType.MENU\">\r\n              <button\r\n                *ngIf=\"showMenuButton(row, button)\"\r\n                mat-button\r\n                [matMenuTriggerFor]=\"menu\"\r\n                (click)=\"customButtonClicked($event, button, row, undefined, true)\"\r\n                color=\"{{ button.color }}\"\r\n              >\r\n                <smart-icon *ngIf=\"button.icon\" [icon]=\"button.icon\"></smart-icon>\r\n                {{ button.label }}\r\n              </button>\r\n              <mat-menu #menu=\"matMenu\">\r\n                <div *ngIf=\"button.menuItemButtons\">\r\n                  <button\r\n                    *ngFor=\"let btn of button.menuItemButtons\"\r\n                    (click)=\"customButtonClicked($event, btn, row, undefined, true)\"\r\n                    mat-menu-item\r\n                  >\r\n                    <smart-icon *ngIf=\"btn.icon\" [icon]=\"btn.icon\"></smart-icon>\r\n                    {{ btn.label }}\r\n                  </button>\r\n                </div>\r\n                <div *ngIf=\"button.menuItemButtonsPropertyName\">\r\n                  <button\r\n                    *ngFor=\"let btn of getValue(row, button.menuItemButtonsPropertyName)\"\r\n                    (click)=\"customButtonClicked($event, button, row, btn, true)\"\r\n                    [disabled]=\"btn.disabled\"\r\n                    mat-menu-item\r\n                  >\r\n                    {{ button.translator!(btn) }}\r\n                  </button>\r\n                </div>\r\n              </mat-menu>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div *ngIf=\"smartTable.customSmartTableHeaders && smartTable.customSmartTableHeaders[i].icon\">\r\n        <smart-icon\r\n          *ngIf=\"smartTable.customSmartTableHeaders[i].icon?.icon\"\r\n          [ngClass]=\"smartTable.customSmartTableHeaders[i].icon?.cssClass ?? ''\"\r\n          [color]=\"smartTable.customSmartTableHeaders[i].icon?.color\"\r\n          [icon]=\"smartTable.customSmartTableHeaders[i].icon!.icon\"\r\n        >\r\n        </smart-icon>\r\n      </div>\r\n      <div\r\n        *ngIf=\"\r\n          smartTable.customSmartTableHeaders &&\r\n          smartTable.customSmartTableHeaders[i].translator !== undefined\r\n        \"\r\n      >\r\n        {{ smartTable.customSmartTableHeaders[i].translator!(getValue(row, header.propertyName)) }}\r\n      </div>\r\n      <div\r\n        *ngIf=\"\r\n          !smartTable.customSmartTableHeaders ||\r\n          (smartTable.customSmartTableHeaders &&\r\n            !smartTable.customSmartTableHeaders[i].properties &&\r\n            !smartTable.customSmartTableHeaders[i].icon &&\r\n            !smartTable.customSmartTableHeaders[i].buttons &&\r\n            !smartTable.customSmartTableHeaders[i].translator &&\r\n            !(smartTable.customSmartTableHeaders[i].propertyName === 'select') &&\r\n            !(smartTable.customSmartTableHeaders[i].propertyName === 'expand'))\r\n        \"\r\n      >\r\n        <smart-icon\r\n          *ngIf=\"header.propertyName === 'icon'\"\r\n          [icon]=\"getValue(row, header.propertyName)!\"\r\n        >\r\n        </smart-icon>\r\n        <img\r\n          *ngIf=\"header.propertyName === 'img'\"\r\n          [src]=\"getValue(row, header.propertyName)\"\r\n          alt=\"\"\r\n          class=\"smarttableImg\"\r\n        />\r\n        <div\r\n          *ngIf=\"\r\n            header.propertyName !== 'icon' &&\r\n            header.propertyName !== 'img' &&\r\n            header.propertyName !== 'option' &&\r\n            header.propertyName !== 'button'\r\n          \"\r\n          [innerHtml]=\"getValue(row, header.propertyName)\"\r\n        ></div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".mobileTable{display:flex;flex-direction:column}.mobileTableRow{display:flex;flex-direction:column;border-bottom:1px solid #ccc;padding:.5rem;gap:.5rem}.mobileTableCell{display:flex;flex-direction:column;gap:.25rem}.mobileTableCellHeader{font-weight:700;color:var(--primary-color)}.selected{background-color:var(--primary-light-color)}.mat-menu-item[disabled]{cursor:default!important}\n"], components: [{ type: i12.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex", "aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { type: SmartIconComponent, selector: "smart-icon", inputs: ["icon", "color"] }, { type: i2.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: i5.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i5.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }], directives: [{ type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: SmartTooltipDirective, selector: "[smartTooltip]", inputs: ["smartTooltip"] }, { type: i3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i5.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }], pipes: { "smartDateTime": SmartDateTimePipe, "smartDate": SmartDatePipe, "smartTime": SmartTimePipe } });
+MobileTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: MobileTableComponent, selector: "lib-mobile-table", usesInheritance: true, ngImport: i0, template: "<div class=\"mobileTable\">\r\n  <div\r\n    class=\"mobileTableRow\"\r\n    *ngFor=\"let row of smartTable.tableRows\"\r\n    [ngClass]=\"getRowClasses(row)\"\r\n    [ngStyle]=\"getRowStyles(row)\"\r\n  >\r\n    <div\r\n      class=\"mobileTableCell\"\r\n      *ngFor=\"let header of smartTable.customSmartTableHeaders; let i = index\"\r\n      (click)=\"handleOnRowClick(row)\"\r\n      (dblclick)=\"handleOnRowDoubleClick($event, row)\"\r\n    >\r\n      <div class=\"mobileTableCellHeader\">\r\n        {{ header.label }}\r\n      </div>\r\n\r\n      <mat-checkbox\r\n        *ngIf=\"\r\n          smartTable.customSmartTableHeaders &&\r\n          smartTable.customSmartTableHeaders[i].propertyName === 'select'\r\n        \"\r\n        (click)=\"$event.stopPropagation()\"\r\n        (change)=\"\r\n          $event\r\n            ? setSelection(\r\n                smartTable.selectionProperty\r\n                  ? smartTable.getValueDeeply(row, smartTable.selectionProperty)\r\n                  : row\r\n              )\r\n            : null\r\n        \"\r\n        [disabled]=\"isDisabled(row)\"\r\n        [checked]=\"\r\n          smartTable.selection!.isSelected(\r\n            smartTable.selectionProperty\r\n              ? smartTable.getValueDeeply(row, smartTable.selectionProperty)\r\n              : row\r\n          )\r\n        \"\r\n        [aria-label]=\"\r\n          checkboxLabel(\r\n            smartTable.selectionProperty\r\n              ? smartTable.getValueDeeply(row, smartTable.selectionProperty)\r\n              : row\r\n          )\r\n        \"\r\n      >\r\n      </mat-checkbox>\r\n      <div\r\n        *ngIf=\"\r\n          smartTable.customSmartTableHeaders && smartTable.customSmartTableHeaders[i].properties\r\n        \"\r\n      >\r\n        <div *ngIf=\"smartTable.customSmartTableHeaders[i].properties?.type === type().DATETIME\">\r\n          {{\r\n            getValue(row, header.propertyName)\r\n              | smartDateTime : smartTable.customSmartTableHeaders[i].properties?.dateFormat\r\n          }}\r\n        </div>\r\n        <div *ngIf=\"smartTable.customSmartTableHeaders[i].properties?.type === type().DATE\">\r\n          {{\r\n            getValue(row, header.propertyName)\r\n              | smartDate : smartTable.customSmartTableHeaders[i].properties?.dateFormat\r\n          }}\r\n        </div>\r\n        <div *ngIf=\"smartTable.customSmartTableHeaders[i].properties?.type === type().TIME\">\r\n          {{\r\n            getValue(row, header.propertyName)\r\n              | smartTime : smartTable.customSmartTableHeaders[i].properties?.dateFormat\r\n          }}\r\n        </div>\r\n        <div *ngIf=\"smartTable.customSmartTableHeaders[i].properties?.type === type().CHECKBOX\">\r\n          <mat-checkbox\r\n            [disabled]=\"true\"\r\n            [checked]=\"getValue(row, header.propertyName)\"\r\n          ></mat-checkbox>\r\n        </div>\r\n        <div\r\n          *ngIf=\"\r\n            smartTable.customSmartTableHeaders[i].properties?.type === type().ICON &&\r\n            smartTable.customSmartTableHeaders[i].properties?.icons?.length\r\n          \"\r\n        >\r\n          <smart-icon\r\n            [smartTooltip]=\"getToolTip(row, i)\"\r\n            [icon]=\"getIcon(getValue(row, header.propertyName), i)!\"\r\n            [color]=\"getColor(getValue(row, header.propertyName), i)\"\r\n          >\r\n          </smart-icon>\r\n        </div>\r\n      </div>\r\n      <div *ngIf=\"isImageResource(row, header.propertyName)\">\r\n        <smart-icon\r\n          [icon]=\"getImageResourceIcon(row, header.propertyName)\"\r\n          [color]=\"getImageResourceColor(row, header.propertyName)\"\r\n        >\r\n        </smart-icon>\r\n      </div>\r\n      <div\r\n        *ngIf=\"smartTable.customSmartTableHeaders && smartTable.customSmartTableHeaders[i].buttons\"\r\n        class=\"smart-table-buttons-col\"\r\n      >\r\n        <div *ngFor=\"let button of smartTable.customSmartTableHeaders[i].buttons\">\r\n          <div *ngIf=\"showButton(button, row)\" [ngSwitch]=\"button.type\">\r\n            <button\r\n              (click)=\"customButtonClicked($event, button, row)\"\r\n              *ngSwitchCase=\"smartTableButtonType.ICON\"\r\n              mat-icon-button\r\n              color=\"{{ button.color }}\"\r\n            >\r\n              <smart-icon title=\"{{ button.label }}\" [icon]=\"button.icon!\"></smart-icon>\r\n            </button>\r\n            <button\r\n              (click)=\"customButtonClicked($event, button, row)\"\r\n              *ngSwitchCase=\"smartTableButtonType.NORMAL\"\r\n              mat-button\r\n              color=\"{{ button.color }}\"\r\n            >\r\n              <smart-icon *ngIf=\"button.icon\" [icon]=\"button.icon\"></smart-icon>\r\n              {{ button.label }}\r\n            </button>\r\n            <button\r\n              (click)=\"customButtonClicked($event, button, row)\"\r\n              *ngSwitchCase=\"smartTableButtonType.RAISED\"\r\n              mat-raised-button\r\n              color=\"{{ button.color }}\"\r\n            >\r\n              <smart-icon *ngIf=\"button.icon\" [icon]=\"button.icon\"></smart-icon>\r\n              {{ button.label }}\r\n            </button>\r\n            <div *ngSwitchCase=\"smartTableButtonType.MENU\">\r\n              <button\r\n                *ngIf=\"showMenuButton(row, button)\"\r\n                mat-button\r\n                [matMenuTriggerFor]=\"menu\"\r\n                (click)=\"customButtonClicked($event, button, row, undefined, true)\"\r\n                color=\"{{ button.color }}\"\r\n              >\r\n                <smart-icon *ngIf=\"button.icon\" [icon]=\"button.icon\"></smart-icon>\r\n                {{ button.label }}\r\n              </button>\r\n              <mat-menu #menu=\"matMenu\">\r\n                <div *ngIf=\"button.menuItemButtons\">\r\n                  <button\r\n                    *ngFor=\"let btn of button.menuItemButtons\"\r\n                    (click)=\"customButtonClicked($event, btn, row, undefined, true)\"\r\n                    mat-menu-item\r\n                  >\r\n                    <smart-icon *ngIf=\"btn.icon\" [icon]=\"btn.icon\"></smart-icon>\r\n                    {{ btn.label }}\r\n                  </button>\r\n                </div>\r\n                <div *ngIf=\"button.menuItemButtonsPropertyName\">\r\n                  <button\r\n                    *ngFor=\"let btn of getValue(row, button.menuItemButtonsPropertyName)\"\r\n                    (click)=\"customButtonClicked($event, button, row, btn, true)\"\r\n                    [disabled]=\"btn.disabled\"\r\n                    mat-menu-item\r\n                  >\r\n                    {{ button.translator!(btn) }}\r\n                  </button>\r\n                </div>\r\n              </mat-menu>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div *ngIf=\"smartTable.customSmartTableHeaders && smartTable.customSmartTableHeaders[i].icon\">\r\n        <smart-icon\r\n          *ngIf=\"smartTable.customSmartTableHeaders[i].icon?.icon\"\r\n          [ngClass]=\"smartTable.customSmartTableHeaders[i].icon?.cssClass ?? ''\"\r\n          [color]=\"smartTable.customSmartTableHeaders[i].icon?.color\"\r\n          [icon]=\"smartTable.customSmartTableHeaders[i].icon!.icon\"\r\n        >\r\n        </smart-icon>\r\n      </div>\r\n      <div\r\n        *ngIf=\"\r\n          smartTable.customSmartTableHeaders &&\r\n          smartTable.customSmartTableHeaders[i].translator !== undefined\r\n        \"\r\n      >\r\n        {{ smartTable.customSmartTableHeaders[i].translator!(getValue(row, header.propertyName)) }}\r\n      </div>\r\n      <div\r\n        *ngIf=\"\r\n          !smartTable.customSmartTableHeaders ||\r\n          (smartTable.customSmartTableHeaders &&\r\n            !smartTable.customSmartTableHeaders[i].properties &&\r\n            !smartTable.customSmartTableHeaders[i].icon &&\r\n            !smartTable.customSmartTableHeaders[i].buttons &&\r\n            !smartTable.customSmartTableHeaders[i].translator &&\r\n            !(smartTable.customSmartTableHeaders[i].propertyName === 'select') &&\r\n            !(smartTable.customSmartTableHeaders[i].propertyName === 'expand'))\r\n        \"\r\n      >\r\n        <smart-icon\r\n          *ngIf=\"header.propertyName === 'icon'\"\r\n          [icon]=\"getValue(row, header.propertyName)!\"\r\n        >\r\n        </smart-icon>\r\n        <img\r\n          *ngIf=\"header.propertyName === 'img'\"\r\n          [src]=\"getValue(row, header.propertyName)\"\r\n          alt=\"\"\r\n          class=\"smarttableImg\"\r\n        />\r\n        <div\r\n          *ngIf=\"\r\n            header.propertyName !== 'icon' &&\r\n            header.propertyName !== 'img' &&\r\n            header.propertyName !== 'option' &&\r\n            header.propertyName !== 'button'\r\n          \"\r\n          [innerHtml]=\"getValue(row, header.propertyName)\"\r\n        ></div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".mobileTable{display:flex;flex-direction:column}.mobileTableRow{display:flex;flex-direction:column;border-bottom:1px solid #ccc;padding:.5rem;gap:.5rem}.mobileTableCell{display:flex;flex-direction:column;gap:.25rem}.mobileTableCellHeader{font-weight:700;color:var(--primary-color)}.selected{background-color:var(--primary-light-color)}.mat-menu-item[disabled]{cursor:default!important}\n"], components: [{ type: i12.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex", "aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { type: SmartIconComponent, selector: "smart-icon", inputs: ["icon", "color"] }, { type: i2.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: i5.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i5.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }], directives: [{ type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: SmartTooltipDirective, selector: "[smartTooltip]", inputs: ["smartTooltip"] }, { type: i3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i5.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }], pipes: { "smartDateTime": SmartDateTimePipe, "smartDate": SmartDatePipe, "smartTime": SmartTimePipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: MobileTableComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-mobile-table', template: "<div class=\"mobileTable\">\r\n  <div\r\n    class=\"mobileTableRow\"\r\n    *ngFor=\"let row of smartTable.tableRows\"\r\n    [ngClass]=\"getRowClasses(element)\"\r\n    [ngStyle]=\"getRowStyles(element)\"\r\n  >\r\n    <div\r\n      class=\"mobileTableCell\"\r\n      *ngFor=\"let header of smartTable.customSmartTableHeaders; let i = index\"\r\n      (click)=\"handleOnRowClick(row)\"\r\n      (dblclick)=\"handleOnRowDoubleClick($event, row)\"\r\n    >\r\n      <div class=\"mobileTableCellHeader\">\r\n        {{ header.label }}\r\n      </div>\r\n\r\n      <mat-checkbox\r\n        *ngIf=\"\r\n          smartTable.customSmartTableHeaders &&\r\n          smartTable.customSmartTableHeaders[i].propertyName === 'select'\r\n        \"\r\n        (click)=\"$event.stopPropagation()\"\r\n        (change)=\"\r\n          $event\r\n            ? setSelection(\r\n                smartTable.selectionProperty\r\n                  ? smartTable.getValueDeeply(row, smartTable.selectionProperty)\r\n                  : row\r\n              )\r\n            : null\r\n        \"\r\n        [disabled]=\"isDisabled(element)\"\r\n        [checked]=\"\r\n          smartTable.selection!.isSelected(\r\n            smartTable.selectionProperty\r\n              ? smartTable.getValueDeeply(row, smartTable.selectionProperty)\r\n              : row\r\n          )\r\n        \"\r\n        [aria-label]=\"\r\n          checkboxLabel(\r\n            smartTable.selectionProperty\r\n              ? smartTable.getValueDeeply(row, smartTable.selectionProperty)\r\n              : row\r\n          )\r\n        \"\r\n      >\r\n      </mat-checkbox>\r\n      <div\r\n        *ngIf=\"\r\n          smartTable.customSmartTableHeaders && smartTable.customSmartTableHeaders[i].properties\r\n        \"\r\n      >\r\n        <div *ngIf=\"smartTable.customSmartTableHeaders[i].properties?.type === type().DATETIME\">\r\n          {{\r\n            getValue(row, header.propertyName)\r\n              | smartDateTime : smartTable.customSmartTableHeaders[i].properties?.dateFormat\r\n          }}\r\n        </div>\r\n        <div *ngIf=\"smartTable.customSmartTableHeaders[i].properties?.type === type().DATE\">\r\n          {{\r\n            getValue(row, header.propertyName)\r\n              | smartDate : smartTable.customSmartTableHeaders[i].properties?.dateFormat\r\n          }}\r\n        </div>\r\n        <div *ngIf=\"smartTable.customSmartTableHeaders[i].properties?.type === type().TIME\">\r\n          {{\r\n            getValue(row, header.propertyName)\r\n              | smartTime : smartTable.customSmartTableHeaders[i].properties?.dateFormat\r\n          }}\r\n        </div>\r\n        <div *ngIf=\"smartTable.customSmartTableHeaders[i].properties?.type === type().CHECKBOX\">\r\n          <mat-checkbox\r\n            [disabled]=\"true\"\r\n            [checked]=\"getValue(row, header.propertyName)\"\r\n          ></mat-checkbox>\r\n        </div>\r\n        <div\r\n          *ngIf=\"\r\n            smartTable.customSmartTableHeaders[i].properties?.type === type().ICON &&\r\n            smartTable.customSmartTableHeaders[i].properties?.icons?.length\r\n          \"\r\n        >\r\n          <smart-icon\r\n            [smartTooltip]=\"getToolTip(row, i)\"\r\n            [icon]=\"getIcon(getValue(row, header.propertyName), i)!\"\r\n            [color]=\"getColor(getValue(row, header.propertyName), i)\"\r\n          >\r\n          </smart-icon>\r\n        </div>\r\n      </div>\r\n      <div *ngIf=\"isImageResource(element, header.propertyName)\">\r\n        <smart-icon\r\n          [icon]=\"getImageResourceIcon(element, header.propertyName)\"\r\n          [color]=\"getImageResourceColor(element, header.propertyName)\"\r\n        >\r\n        </smart-icon>\r\n      </div>\r\n      <div\r\n        *ngIf=\"smartTable.customSmartTableHeaders && smartTable.customSmartTableHeaders[i].buttons\"\r\n        class=\"smart-table-buttons-col\"\r\n      >\r\n        <div *ngFor=\"let button of smartTable.customSmartTableHeaders[i].buttons\">\r\n          <div *ngIf=\"showButton(button, row)\" [ngSwitch]=\"button.type\">\r\n            <button\r\n              (click)=\"customButtonClicked($event, button, row)\"\r\n              *ngSwitchCase=\"smartTableButtonType.ICON\"\r\n              mat-icon-button\r\n              color=\"{{ button.color }}\"\r\n            >\r\n              <smart-icon title=\"{{ button.label }}\" [icon]=\"button.icon!\"></smart-icon>\r\n            </button>\r\n            <button\r\n              (click)=\"customButtonClicked($event, button, row)\"\r\n              *ngSwitchCase=\"smartTableButtonType.NORMAL\"\r\n              mat-button\r\n              color=\"{{ button.color }}\"\r\n            >\r\n              <smart-icon *ngIf=\"button.icon\" [icon]=\"button.icon\"></smart-icon>\r\n              {{ button.label }}\r\n            </button>\r\n            <button\r\n              (click)=\"customButtonClicked($event, button, row)\"\r\n              *ngSwitchCase=\"smartTableButtonType.RAISED\"\r\n              mat-raised-button\r\n              color=\"{{ button.color }}\"\r\n            >\r\n              <smart-icon *ngIf=\"button.icon\" [icon]=\"button.icon\"></smart-icon>\r\n              {{ button.label }}\r\n            </button>\r\n            <div *ngSwitchCase=\"smartTableButtonType.MENU\">\r\n              <button\r\n                *ngIf=\"showMenuButton(row, button)\"\r\n                mat-button\r\n                [matMenuTriggerFor]=\"menu\"\r\n                (click)=\"customButtonClicked($event, button, row, undefined, true)\"\r\n                color=\"{{ button.color }}\"\r\n              >\r\n                <smart-icon *ngIf=\"button.icon\" [icon]=\"button.icon\"></smart-icon>\r\n                {{ button.label }}\r\n              </button>\r\n              <mat-menu #menu=\"matMenu\">\r\n                <div *ngIf=\"button.menuItemButtons\">\r\n                  <button\r\n                    *ngFor=\"let btn of button.menuItemButtons\"\r\n                    (click)=\"customButtonClicked($event, btn, row, undefined, true)\"\r\n                    mat-menu-item\r\n                  >\r\n                    <smart-icon *ngIf=\"btn.icon\" [icon]=\"btn.icon\"></smart-icon>\r\n                    {{ btn.label }}\r\n                  </button>\r\n                </div>\r\n                <div *ngIf=\"button.menuItemButtonsPropertyName\">\r\n                  <button\r\n                    *ngFor=\"let btn of getValue(row, button.menuItemButtonsPropertyName)\"\r\n                    (click)=\"customButtonClicked($event, button, row, btn, true)\"\r\n                    [disabled]=\"btn.disabled\"\r\n                    mat-menu-item\r\n                  >\r\n                    {{ button.translator!(btn) }}\r\n                  </button>\r\n                </div>\r\n              </mat-menu>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div *ngIf=\"smartTable.customSmartTableHeaders && smartTable.customSmartTableHeaders[i].icon\">\r\n        <smart-icon\r\n          *ngIf=\"smartTable.customSmartTableHeaders[i].icon?.icon\"\r\n          [ngClass]=\"smartTable.customSmartTableHeaders[i].icon?.cssClass ?? ''\"\r\n          [color]=\"smartTable.customSmartTableHeaders[i].icon?.color\"\r\n          [icon]=\"smartTable.customSmartTableHeaders[i].icon!.icon\"\r\n        >\r\n        </smart-icon>\r\n      </div>\r\n      <div\r\n        *ngIf=\"\r\n          smartTable.customSmartTableHeaders &&\r\n          smartTable.customSmartTableHeaders[i].translator !== undefined\r\n        \"\r\n      >\r\n        {{ smartTable.customSmartTableHeaders[i].translator!(getValue(row, header.propertyName)) }}\r\n      </div>\r\n      <div\r\n        *ngIf=\"\r\n          !smartTable.customSmartTableHeaders ||\r\n          (smartTable.customSmartTableHeaders &&\r\n            !smartTable.customSmartTableHeaders[i].properties &&\r\n            !smartTable.customSmartTableHeaders[i].icon &&\r\n            !smartTable.customSmartTableHeaders[i].buttons &&\r\n            !smartTable.customSmartTableHeaders[i].translator &&\r\n            !(smartTable.customSmartTableHeaders[i].propertyName === 'select') &&\r\n            !(smartTable.customSmartTableHeaders[i].propertyName === 'expand'))\r\n        \"\r\n      >\r\n        <smart-icon\r\n          *ngIf=\"header.propertyName === 'icon'\"\r\n          [icon]=\"getValue(row, header.propertyName)!\"\r\n        >\r\n        </smart-icon>\r\n        <img\r\n          *ngIf=\"header.propertyName === 'img'\"\r\n          [src]=\"getValue(row, header.propertyName)\"\r\n          alt=\"\"\r\n          class=\"smarttableImg\"\r\n        />\r\n        <div\r\n          *ngIf=\"\r\n            header.propertyName !== 'icon' &&\r\n            header.propertyName !== 'img' &&\r\n            header.propertyName !== 'option' &&\r\n            header.propertyName !== 'button'\r\n          \"\r\n          [innerHtml]=\"getValue(row, header.propertyName)\"\r\n        ></div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".mobileTable{display:flex;flex-direction:column}.mobileTableRow{display:flex;flex-direction:column;border-bottom:1px solid #ccc;padding:.5rem;gap:.5rem}.mobileTableCell{display:flex;flex-direction:column;gap:.25rem}.mobileTableCellHeader{font-weight:700;color:var(--primary-color)}.selected{background-color:var(--primary-light-color)}.mat-menu-item[disabled]{cursor:default!important}\n"] }]
+            args: [{ selector: 'lib-mobile-table', template: "<div class=\"mobileTable\">\r\n  <div\r\n    class=\"mobileTableRow\"\r\n    *ngFor=\"let row of smartTable.tableRows\"\r\n    [ngClass]=\"getRowClasses(row)\"\r\n    [ngStyle]=\"getRowStyles(row)\"\r\n  >\r\n    <div\r\n      class=\"mobileTableCell\"\r\n      *ngFor=\"let header of smartTable.customSmartTableHeaders; let i = index\"\r\n      (click)=\"handleOnRowClick(row)\"\r\n      (dblclick)=\"handleOnRowDoubleClick($event, row)\"\r\n    >\r\n      <div class=\"mobileTableCellHeader\">\r\n        {{ header.label }}\r\n      </div>\r\n\r\n      <mat-checkbox\r\n        *ngIf=\"\r\n          smartTable.customSmartTableHeaders &&\r\n          smartTable.customSmartTableHeaders[i].propertyName === 'select'\r\n        \"\r\n        (click)=\"$event.stopPropagation()\"\r\n        (change)=\"\r\n          $event\r\n            ? setSelection(\r\n                smartTable.selectionProperty\r\n                  ? smartTable.getValueDeeply(row, smartTable.selectionProperty)\r\n                  : row\r\n              )\r\n            : null\r\n        \"\r\n        [disabled]=\"isDisabled(row)\"\r\n        [checked]=\"\r\n          smartTable.selection!.isSelected(\r\n            smartTable.selectionProperty\r\n              ? smartTable.getValueDeeply(row, smartTable.selectionProperty)\r\n              : row\r\n          )\r\n        \"\r\n        [aria-label]=\"\r\n          checkboxLabel(\r\n            smartTable.selectionProperty\r\n              ? smartTable.getValueDeeply(row, smartTable.selectionProperty)\r\n              : row\r\n          )\r\n        \"\r\n      >\r\n      </mat-checkbox>\r\n      <div\r\n        *ngIf=\"\r\n          smartTable.customSmartTableHeaders && smartTable.customSmartTableHeaders[i].properties\r\n        \"\r\n      >\r\n        <div *ngIf=\"smartTable.customSmartTableHeaders[i].properties?.type === type().DATETIME\">\r\n          {{\r\n            getValue(row, header.propertyName)\r\n              | smartDateTime : smartTable.customSmartTableHeaders[i].properties?.dateFormat\r\n          }}\r\n        </div>\r\n        <div *ngIf=\"smartTable.customSmartTableHeaders[i].properties?.type === type().DATE\">\r\n          {{\r\n            getValue(row, header.propertyName)\r\n              | smartDate : smartTable.customSmartTableHeaders[i].properties?.dateFormat\r\n          }}\r\n        </div>\r\n        <div *ngIf=\"smartTable.customSmartTableHeaders[i].properties?.type === type().TIME\">\r\n          {{\r\n            getValue(row, header.propertyName)\r\n              | smartTime : smartTable.customSmartTableHeaders[i].properties?.dateFormat\r\n          }}\r\n        </div>\r\n        <div *ngIf=\"smartTable.customSmartTableHeaders[i].properties?.type === type().CHECKBOX\">\r\n          <mat-checkbox\r\n            [disabled]=\"true\"\r\n            [checked]=\"getValue(row, header.propertyName)\"\r\n          ></mat-checkbox>\r\n        </div>\r\n        <div\r\n          *ngIf=\"\r\n            smartTable.customSmartTableHeaders[i].properties?.type === type().ICON &&\r\n            smartTable.customSmartTableHeaders[i].properties?.icons?.length\r\n          \"\r\n        >\r\n          <smart-icon\r\n            [smartTooltip]=\"getToolTip(row, i)\"\r\n            [icon]=\"getIcon(getValue(row, header.propertyName), i)!\"\r\n            [color]=\"getColor(getValue(row, header.propertyName), i)\"\r\n          >\r\n          </smart-icon>\r\n        </div>\r\n      </div>\r\n      <div *ngIf=\"isImageResource(row, header.propertyName)\">\r\n        <smart-icon\r\n          [icon]=\"getImageResourceIcon(row, header.propertyName)\"\r\n          [color]=\"getImageResourceColor(row, header.propertyName)\"\r\n        >\r\n        </smart-icon>\r\n      </div>\r\n      <div\r\n        *ngIf=\"smartTable.customSmartTableHeaders && smartTable.customSmartTableHeaders[i].buttons\"\r\n        class=\"smart-table-buttons-col\"\r\n      >\r\n        <div *ngFor=\"let button of smartTable.customSmartTableHeaders[i].buttons\">\r\n          <div *ngIf=\"showButton(button, row)\" [ngSwitch]=\"button.type\">\r\n            <button\r\n              (click)=\"customButtonClicked($event, button, row)\"\r\n              *ngSwitchCase=\"smartTableButtonType.ICON\"\r\n              mat-icon-button\r\n              color=\"{{ button.color }}\"\r\n            >\r\n              <smart-icon title=\"{{ button.label }}\" [icon]=\"button.icon!\"></smart-icon>\r\n            </button>\r\n            <button\r\n              (click)=\"customButtonClicked($event, button, row)\"\r\n              *ngSwitchCase=\"smartTableButtonType.NORMAL\"\r\n              mat-button\r\n              color=\"{{ button.color }}\"\r\n            >\r\n              <smart-icon *ngIf=\"button.icon\" [icon]=\"button.icon\"></smart-icon>\r\n              {{ button.label }}\r\n            </button>\r\n            <button\r\n              (click)=\"customButtonClicked($event, button, row)\"\r\n              *ngSwitchCase=\"smartTableButtonType.RAISED\"\r\n              mat-raised-button\r\n              color=\"{{ button.color }}\"\r\n            >\r\n              <smart-icon *ngIf=\"button.icon\" [icon]=\"button.icon\"></smart-icon>\r\n              {{ button.label }}\r\n            </button>\r\n            <div *ngSwitchCase=\"smartTableButtonType.MENU\">\r\n              <button\r\n                *ngIf=\"showMenuButton(row, button)\"\r\n                mat-button\r\n                [matMenuTriggerFor]=\"menu\"\r\n                (click)=\"customButtonClicked($event, button, row, undefined, true)\"\r\n                color=\"{{ button.color }}\"\r\n              >\r\n                <smart-icon *ngIf=\"button.icon\" [icon]=\"button.icon\"></smart-icon>\r\n                {{ button.label }}\r\n              </button>\r\n              <mat-menu #menu=\"matMenu\">\r\n                <div *ngIf=\"button.menuItemButtons\">\r\n                  <button\r\n                    *ngFor=\"let btn of button.menuItemButtons\"\r\n                    (click)=\"customButtonClicked($event, btn, row, undefined, true)\"\r\n                    mat-menu-item\r\n                  >\r\n                    <smart-icon *ngIf=\"btn.icon\" [icon]=\"btn.icon\"></smart-icon>\r\n                    {{ btn.label }}\r\n                  </button>\r\n                </div>\r\n                <div *ngIf=\"button.menuItemButtonsPropertyName\">\r\n                  <button\r\n                    *ngFor=\"let btn of getValue(row, button.menuItemButtonsPropertyName)\"\r\n                    (click)=\"customButtonClicked($event, button, row, btn, true)\"\r\n                    [disabled]=\"btn.disabled\"\r\n                    mat-menu-item\r\n                  >\r\n                    {{ button.translator!(btn) }}\r\n                  </button>\r\n                </div>\r\n              </mat-menu>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div *ngIf=\"smartTable.customSmartTableHeaders && smartTable.customSmartTableHeaders[i].icon\">\r\n        <smart-icon\r\n          *ngIf=\"smartTable.customSmartTableHeaders[i].icon?.icon\"\r\n          [ngClass]=\"smartTable.customSmartTableHeaders[i].icon?.cssClass ?? ''\"\r\n          [color]=\"smartTable.customSmartTableHeaders[i].icon?.color\"\r\n          [icon]=\"smartTable.customSmartTableHeaders[i].icon!.icon\"\r\n        >\r\n        </smart-icon>\r\n      </div>\r\n      <div\r\n        *ngIf=\"\r\n          smartTable.customSmartTableHeaders &&\r\n          smartTable.customSmartTableHeaders[i].translator !== undefined\r\n        \"\r\n      >\r\n        {{ smartTable.customSmartTableHeaders[i].translator!(getValue(row, header.propertyName)) }}\r\n      </div>\r\n      <div\r\n        *ngIf=\"\r\n          !smartTable.customSmartTableHeaders ||\r\n          (smartTable.customSmartTableHeaders &&\r\n            !smartTable.customSmartTableHeaders[i].properties &&\r\n            !smartTable.customSmartTableHeaders[i].icon &&\r\n            !smartTable.customSmartTableHeaders[i].buttons &&\r\n            !smartTable.customSmartTableHeaders[i].translator &&\r\n            !(smartTable.customSmartTableHeaders[i].propertyName === 'select') &&\r\n            !(smartTable.customSmartTableHeaders[i].propertyName === 'expand'))\r\n        \"\r\n      >\r\n        <smart-icon\r\n          *ngIf=\"header.propertyName === 'icon'\"\r\n          [icon]=\"getValue(row, header.propertyName)!\"\r\n        >\r\n        </smart-icon>\r\n        <img\r\n          *ngIf=\"header.propertyName === 'img'\"\r\n          [src]=\"getValue(row, header.propertyName)\"\r\n          alt=\"\"\r\n          class=\"smarttableImg\"\r\n        />\r\n        <div\r\n          *ngIf=\"\r\n            header.propertyName !== 'icon' &&\r\n            header.propertyName !== 'img' &&\r\n            header.propertyName !== 'option' &&\r\n            header.propertyName !== 'button'\r\n          \"\r\n          [innerHtml]=\"getValue(row, header.propertyName)\"\r\n        ></div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".mobileTable{display:flex;flex-direction:column}.mobileTableRow{display:flex;flex-direction:column;border-bottom:1px solid #ccc;padding:.5rem;gap:.5rem}.mobileTableCell{display:flex;flex-direction:column;gap:.25rem}.mobileTableCellHeader{font-weight:700;color:var(--primary-color)}.selected{background-color:var(--primary-light-color)}.mat-menu-item[disabled]{cursor:default!important}\n"] }]
         }], ctorParameters: function () { return [{ type: ComponentFactoryService }]; } });
 
 class SmarttableComponent {
@@ -9103,10 +9107,19 @@ class SmartErrorCatchingInterceptor {
             const sessionError = this.getSessionError(error);
             if (sessionError) {
                 return this.resolveError(sessionError).pipe(switchMap((resolved) => {
-                    if (resolved && sessionError.behaviour !== SessionErrorBehaviour.RESTART) {
+                    if (resolved && sessionError.behaviour === SessionErrorBehaviour.REFRESH) {
                         return next.handle(this.updateRequestHeaders(request));
                     }
                     return throwError(() => error);
+                }), catchError$1((resolveError) => {
+                    // when the resolveError throws a restart error (in the refreshSession), rethrow the original error
+                    if (this.isSessionError(resolveError)) {
+                        const resolveSessionError = this.getSessionError(resolveError);
+                        if (resolveSessionError?.behaviour === SessionErrorBehaviour.RESTART) {
+                            return throwError(() => error);
+                        }
+                    }
+                    return throwError(() => resolveError);
                 }));
             }
         }