@servicemind.tis/tis-smart-table-viewer 2.4.18 → 2.4.19

package/lib/components/create-columns-template/create-columns-template.component.d.ts

@@ -24,8 +24,10 @@ export declare class CreateColumnsTemplateComponent {
     translationReadKey: string;
     customColumns: any;
     t: any;
+    classPrefix: string;
     columnCustomizationUrlConfig: ColumnCustomizationUrlConfig;
     constructor(dialogRef: MatDialogRef<CreateColumnsTemplateComponent>, helper: TisHelperService, snackBar: MatSnackBar, userCustomizationService: UserCustomizationService, data: any);
+    cx(name: string): string;
     ngOnInit(): void;
     ngAfterViewInit(): void;
     createForm(): void;

package/lib/components/tis-columns-btn/tis-columns-btn.component.d.ts

@@ -9,6 +9,7 @@ export declare class TisColumnsBtnComponent {
     private userCustomizationService;
     private dialog;
     static readonly COMPONENT_NAME = "TisColumnsBtnComponent";
+    classPrefix: string;
     columnCustomizationUrlConfig: ColumnCustomizationUrlConfig;
     t: any;
     componentName: string;
@@ -27,6 +28,7 @@ export declare class TisColumnsBtnComponent {
     isEditTemplate: boolean;
     constructor(helper: TisHelperService, userCustomizationService: UserCustomizationService, dialog: MatDialog);
     ngOnInit(): void;
+    cx(name: string): string;
     createNewTemplateDialog(stData?: any): void;
     getColumnsTemplates(): void;
     getSelectedColumnsTemplate(): void;
@@ -35,5 +37,5 @@ export declare class TisColumnsBtnComponent {
     onMouseOverOut(event: Event, color: string): void;
     onMouseOut(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TisColumnsBtnComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TisColumnsBtnComponent, "tis-columns-btn", never, { "columnCustomizationUrlConfig": { "alias": "columnCustomizationUrlConfig"; "required": true; }; "t": { "alias": "t"; "required": false; }; "componentName": { "alias": "componentName"; "required": true; }; "defaultColumns": { "alias": "defaultColumns"; "required": true; }; "columns": { "alias": "columns"; "required": true; }; "skipTranslation": { "alias": "skipTranslation"; "required": false; }; "customColumns": { "alias": "customColumns"; "required": false; }; "selectedTemplate": { "alias": "selectedTemplate"; "required": false; }; }, { "selectedTemplateChange": "selectedTemplateChange"; "displayedColumnsChange": "displayedColumnsChange"; "fromStartColumnNumberChange": "fromStartColumnNumberChange"; "fromEndColumnNumberChange": "fromEndColumnNumberChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TisColumnsBtnComponent, "tis-columns-btn", never, { "classPrefix": { "alias": "classPrefix"; "required": false; }; "columnCustomizationUrlConfig": { "alias": "columnCustomizationUrlConfig"; "required": true; }; "t": { "alias": "t"; "required": false; }; "componentName": { "alias": "componentName"; "required": true; }; "defaultColumns": { "alias": "defaultColumns"; "required": true; }; "columns": { "alias": "columns"; "required": true; }; "skipTranslation": { "alias": "skipTranslation"; "required": false; }; "customColumns": { "alias": "customColumns"; "required": false; }; "selectedTemplate": { "alias": "selectedTemplate"; "required": false; }; }, { "selectedTemplateChange": "selectedTemplateChange"; "displayedColumnsChange": "displayedColumnsChange"; "fromStartColumnNumberChange": "fromStartColumnNumberChange"; "fromEndColumnNumberChange": "fromEndColumnNumberChange"; }, never, never, false, never>;
 }

package/lib/components/tis-smart-table-confirmation-dialog/tis-smart-table-confirmation-dialog.component.d.ts

@@ -3,6 +3,7 @@ import * as i0 from "@angular/core";
 export declare class TisSmartTableConfirmationDialogComponent {
     dialogRef: MatDialogRef<TisSmartTableConfirmationDialogComponent>;
     data: any;
+    classPrefix: string;
     constructor(dialogRef: MatDialogRef<TisSmartTableConfirmationDialogComponent>, data: any);
     onClose(status: boolean | null): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TisSmartTableConfirmationDialogComponent, never>;

package/lib/components/tis-smart-table-error-dialog/tis-smart-table-error-dialog.component.d.ts

@@ -3,7 +3,9 @@ import * as i0 from "@angular/core";
 export declare class TisSmartTableErrorDialogComponent {
     dialogRef: MatDialogRef<TisSmartTableErrorDialogComponent>;
     data: any;
+    classPrefix: string;
     constructor(dialogRef: MatDialogRef<TisSmartTableErrorDialogComponent>, data: any);
+    cx(name: string): string;
     onClose(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TisSmartTableErrorDialogComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TisSmartTableErrorDialogComponent, "tis-smart-table-error-dialog", never, {}, {}, never, never, false, never>;

package/lib/components/tis-smart-table-viewer/tis-smart-table-viewer.component.d.ts

@@ -27,6 +27,8 @@ export declare class TisSmartTableViewerComponent implements OnDestroy {
     private breakpointObserver;
     private cdr;
     homeUrl: string;
+    /** Design-system CSS class prefix. Default `tis-` → classes like `tis-table`. */
+    classPrefix: string;
     columnCustomizationUrlConfig: ColumnCustomizationUrlConfig;
     t: any;
     componentName: string;
@@ -144,6 +146,10 @@ export declare class TisSmartTableViewerComponent implements OnDestroy {
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
     setDefaultColumns(): void;
+    /** Builds a host-styled CSS class from {@link classPrefix}, e.g. `cx('table')` → `tis-table`. */
+    cx(name: string): string;
+    /** Joins multiple prefixed class names; falsy names are skipped. */
+    cxMany(...names: (string | null | undefined | false)[]): string;
     handleDisplayedColumns(msg?: String): void;
     private updateColumnMappingCache;
     trackByBreadcrumb(index: number, breadcrumb: {
@@ -201,5 +207,5 @@ export declare class TisSmartTableViewerComponent implements OnDestroy {
     toggleExpandForMobileResponsive(element: any): void;
     expandAllRowForMobileResponsive(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TisSmartTableViewerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TisSmartTableViewerComponent, "tis-smart-table-viewer", never, { "columnCustomizationUrlConfig": { "alias": "columnCustomizationUrlConfig"; "required": true; }; "t": { "alias": "t"; "required": true; }; "componentName": { "alias": "componentName"; "required": true; }; "mainTitle": { "alias": "mainTitle"; "required": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; }; "breadcrumbs": { "alias": "breadcrumbs"; "required": false; }; "hideHeader": { "alias": "hideHeader"; "required": false; }; "hideTableHeader": { "alias": "hideTableHeader"; "required": false; }; "hidePaginator": { "alias": "hidePaginator"; "required": false; }; "keepFilterInUrl": { "alias": "keepFilterInUrl"; "required": false; }; "disableBorderedView": { "alias": "disableBorderedView"; "required": false; }; "displayColumnsSelectionButton": { "alias": "displayColumnsSelectionButton"; "required": false; }; "loadDataApiBaseUrl": { "alias": "loadDataApiBaseUrl"; "required": false; }; "startStickyColumnCount": { "alias": "startStickyColumnCount"; "required": false; }; "endStickyColumnCount": { "alias": "endStickyColumnCount"; "required": false; }; "isSearchFieldMobileResponsive": { "alias": "isSearchFieldMobileResponsive"; "required": false; }; "isMobileResponsiveTable": { "alias": "isMobileResponsiveTable"; "required": false; }; "loaderPosition": { "alias": "loaderPosition"; "required": false; }; "dataNotFoundConfig": { "alias": "dataNotFoundConfig"; "required": true; }; "showFilterButtonSection": { "alias": "showFilterButtonSection"; "required": false; }; "columnValueTypeFormats": { "alias": "columnValueTypeFormats"; "required": false; }; "columnsCodeMapping": { "alias": "columnsCodeMapping"; "required": true; }; "defaultDisplayedColumns": { "alias": "defaultDisplayedColumns"; "required": false; }; "defaultSortObj": { "alias": "defaultSortObj"; "required": false; }; "loadingSpinnerDiameter": { "alias": "loadingSpinnerDiameter"; "required": false; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "useGlobalPageSize": { "alias": "useGlobalPageSize"; "required": false; }; "pageIndex": { "alias": "pageIndex"; "required": false; }; "filterFormGroup": { "alias": "filterFormGroup"; "required": false; }; "rowsConfig": { "alias": "rowsConfig"; "required": false; }; "hasSelectedAllRows": { "alias": "hasSelectedAllRows"; "required": false; }; "enableRowsSelection": { "alias": "enableRowsSelection"; "required": false; }; "enableAllRowsSelection": { "alias": "enableAllRowsSelection"; "required": false; }; "onlySingleSelection": { "alias": "onlySingleSelection"; "required": false; }; "selectedRowIds": { "alias": "selectedRowIds"; "required": false; }; "selectedRowKey": { "alias": "selectedRowKey"; "required": false; }; "selectedRows": { "alias": "selectedRows"; "required": false; }; "enableDragNDrop": { "alias": "enableDragNDrop"; "required": false; }; "isExpansion": { "alias": "isExpansion"; "required": false; }; "isExpandedRow": { "alias": "isExpandedRow"; "required": false; }; "expandedTemplate": { "alias": "expandedTemplate"; "required": false; }; "isExpansionForMobileResponsive": { "alias": "isExpansionForMobileResponsive"; "required": false; }; "isExpandedRowForMobileResponsive": { "alias": "isExpandedRowForMobileResponsive"; "required": false; }; "expandedTemplateForMobileResponsive": { "alias": "expandedTemplateForMobileResponsive"; "required": false; }; "headerTemplateForEachRowForMobileResponsive": { "alias": "headerTemplateForEachRowForMobileResponsive"; "required": false; }; }, { "displayedColumnsChange": "displayedColumnsChange"; "sortObjChange": "sortObjChange"; "pageSizeChange": "pageSizeChange"; "pageIndexChange": "pageIndexChange"; "onDataLoaded": "onDataLoaded"; "onSetExtraData": "onSetExtraData"; "onSetTotal": "onSetTotal"; "selectedRowsChange": "selectedRowsChange"; "allRowsSelectedChange": "allRowsSelectedChange"; "listDataSequenceChange": "listDataSequenceChange"; }, never, ["[slot='top-buttons-section']", "[slot='filter-button-section']", "[slot='filter-right-button-section']", "[slot='filter-form-section']"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TisSmartTableViewerComponent, "tis-smart-table-viewer", never, { "classPrefix": { "alias": "classPrefix"; "required": false; }; "columnCustomizationUrlConfig": { "alias": "columnCustomizationUrlConfig"; "required": true; }; "t": { "alias": "t"; "required": true; }; "componentName": { "alias": "componentName"; "required": true; }; "mainTitle": { "alias": "mainTitle"; "required": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; }; "breadcrumbs": { "alias": "breadcrumbs"; "required": false; }; "hideHeader": { "alias": "hideHeader"; "required": false; }; "hideTableHeader": { "alias": "hideTableHeader"; "required": false; }; "hidePaginator": { "alias": "hidePaginator"; "required": false; }; "keepFilterInUrl": { "alias": "keepFilterInUrl"; "required": false; }; "disableBorderedView": { "alias": "disableBorderedView"; "required": false; }; "displayColumnsSelectionButton": { "alias": "displayColumnsSelectionButton"; "required": false; }; "loadDataApiBaseUrl": { "alias": "loadDataApiBaseUrl"; "required": false; }; "startStickyColumnCount": { "alias": "startStickyColumnCount"; "required": false; }; "endStickyColumnCount": { "alias": "endStickyColumnCount"; "required": false; }; "isSearchFieldMobileResponsive": { "alias": "isSearchFieldMobileResponsive"; "required": false; }; "isMobileResponsiveTable": { "alias": "isMobileResponsiveTable"; "required": false; }; "loaderPosition": { "alias": "loaderPosition"; "required": false; }; "dataNotFoundConfig": { "alias": "dataNotFoundConfig"; "required": true; }; "showFilterButtonSection": { "alias": "showFilterButtonSection"; "required": false; }; "columnValueTypeFormats": { "alias": "columnValueTypeFormats"; "required": false; }; "columnsCodeMapping": { "alias": "columnsCodeMapping"; "required": true; }; "defaultDisplayedColumns": { "alias": "defaultDisplayedColumns"; "required": false; }; "defaultSortObj": { "alias": "defaultSortObj"; "required": false; }; "loadingSpinnerDiameter": { "alias": "loadingSpinnerDiameter"; "required": false; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "useGlobalPageSize": { "alias": "useGlobalPageSize"; "required": false; }; "pageIndex": { "alias": "pageIndex"; "required": false; }; "filterFormGroup": { "alias": "filterFormGroup"; "required": false; }; "rowsConfig": { "alias": "rowsConfig"; "required": false; }; "hasSelectedAllRows": { "alias": "hasSelectedAllRows"; "required": false; }; "enableRowsSelection": { "alias": "enableRowsSelection"; "required": false; }; "enableAllRowsSelection": { "alias": "enableAllRowsSelection"; "required": false; }; "onlySingleSelection": { "alias": "onlySingleSelection"; "required": false; }; "selectedRowIds": { "alias": "selectedRowIds"; "required": false; }; "selectedRowKey": { "alias": "selectedRowKey"; "required": false; }; "selectedRows": { "alias": "selectedRows"; "required": false; }; "enableDragNDrop": { "alias": "enableDragNDrop"; "required": false; }; "isExpansion": { "alias": "isExpansion"; "required": false; }; "isExpandedRow": { "alias": "isExpandedRow"; "required": false; }; "expandedTemplate": { "alias": "expandedTemplate"; "required": false; }; "isExpansionForMobileResponsive": { "alias": "isExpansionForMobileResponsive"; "required": false; }; "isExpandedRowForMobileResponsive": { "alias": "isExpandedRowForMobileResponsive"; "required": false; }; "expandedTemplateForMobileResponsive": { "alias": "expandedTemplateForMobileResponsive"; "required": false; }; "headerTemplateForEachRowForMobileResponsive": { "alias": "headerTemplateForEachRowForMobileResponsive"; "required": false; }; }, { "displayedColumnsChange": "displayedColumnsChange"; "sortObjChange": "sortObjChange"; "pageSizeChange": "pageSizeChange"; "pageIndexChange": "pageIndexChange"; "onDataLoaded": "onDataLoaded"; "onSetExtraData": "onSetExtraData"; "onSetTotal": "onSetTotal"; "selectedRowsChange": "selectedRowsChange"; "allRowsSelectedChange": "allRowsSelectedChange"; "listDataSequenceChange": "listDataSequenceChange"; }, never, ["[slot='top-buttons-section']", "[slot='filter-button-section']", "[slot='filter-right-button-section']", "[slot='filter-form-section']"], false, never>;
 }

package/lib/helpers/class-prefix.helper.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Builds design-system CSS class names from a configurable prefix (default: tis-).
+ */
+export declare class ClassPrefixHelper {
+    static readonly DEFAULT_PREFIX = "tis-";
+    static cx(prefix: string, name: string): string;
+    /** Join multiple suffixes; falsy names are skipped. */
+    static cxMany(prefix: string, ...names: (string | null | undefined | false)[]): string;
+}

package/lib/services/tis-helper.service.d.ts

@@ -8,7 +8,7 @@ export declare class TisHelperService {
     private dialog;
     private http;
     constructor(snackBar: MatSnackBar, dialog: MatDialog, http: HttpClient);
-    showHttpErrorMsg(error: HttpErrorResponse, duration?: number): MatDialogRef<TisSmartTableErrorDialogComponent, any> | MatSnackBarRef<TextOnlySnackBar>;
+    showHttpErrorMsg(error: HttpErrorResponse, duration?: number, classPrefix?: string): MatDialogRef<TisSmartTableErrorDialogComponent, any> | MatSnackBarRef<TextOnlySnackBar>;
     showSuccessMsg(message: string, title: string, duration?: number): void;
     showErrorMsg(message: string, title: string, duration?: number): void;
     sortArrayByOrder(A: string[], B: string[]): string[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@servicemind.tis/tis-smart-table-viewer",
-  "version": "2.4.18",
+  "version": "2.4.19",
   "repository": {
     "type": "git",
     "url": "https://github.com/Thai-Informatics-System/tis-smart-table-viewer.git"