@acontplus/ng-components 1.0.9 → 1.0.11

package/index.d.ts

@@ -1,11 +1,11 @@
 import * as _angular_core from '@angular/core';
-import { Type, AfterViewInit, ViewContainerRef, ElementRef, OnChanges, OnDestroy, EventEmitter, SimpleChanges, TemplateRef, AfterContentInit, OnInit, QueryList, InjectionToken, PipeTransform } from '@angular/core';
+import { Type, AfterViewInit, ViewContainerRef, ElementRef, OnChanges, OnDestroy, SimpleChanges, TemplateRef, AfterContentInit, OnInit, InjectionToken, PipeTransform } from '@angular/core';
 import { MatDialogRef } from '@angular/material/dialog';
 import { ScrollStrategy } from '@angular/cdk/overlay';
 import { MatChipInputEvent, MatChipEditedEvent } from '@angular/material/chips';
 import { LiveAnnouncer } from '@angular/cdk/a11y';
 import { ThemePalette } from '@angular/material/core';
-import { TabulatorFull } from 'tabulator-tables';
+import { Tabulator } from 'tabulator-tables';
 import * as _angular_material_paginator from '@angular/material/paginator';
 import { PageEvent } from '@angular/material/paginator';
 import { MatTableDataSource, MatHeaderRowDef, MatRowDef, MatFooterRowDef, MatColumnDef, MatNoDataRow, MatTable } from '@angular/material/table';
@@ -13,7 +13,6 @@ import { SelectionModel } from '@angular/cdk/collections';
 import * as rxjs from 'rxjs';
 import { Observable } from 'rxjs';
 import { ControlValueAccessor } from '@angular/forms';
-import { HttpContext, HttpRequest, HttpInterceptorFn } from '@angular/common/http';
 import { SafeHtml } from '@angular/platform-browser';
 import { ComponentType } from '@angular/cdk/portal';
 
@@ -461,12 +460,12 @@ declare class DialogWrapperComponent implements AfterViewInit {
      * A template reference that acts as an anchor for dynamic content.
      * This is where the component specified in the config will be rendered.
      */
-    contentHost: ViewContainerRef;
+    readonly contentHost: _angular_core.Signal<ViewContainerRef>;
     /**
      * A reference to the header element for the z-index focus logic.
      * Used to bring the dialog to the front when clicked.
      */
-    header?: ElementRef;
+    readonly header: _angular_core.Signal<ElementRef<any> | undefined>;
     /**
      * Static counter to track the highest z-index for multiple dialogs.
      * Ensures that the most recently clicked dialog appears on top.
@@ -641,25 +640,25 @@ interface TabulatorEventHandlers {
 }
 
 declare class CustomTabulatorComponent implements OnChanges, AfterViewInit, OnDestroy {
-    data: any[];
-    columns: any[];
-    height: string | number | false;
-    layout: 'fitData' | 'fitColumns' | 'fitDataFill' | 'fitDataStretch';
-    dataTree: boolean;
-    dataTreeChildField: string;
-    dataTreeStartExpanded: boolean;
-    dataTreeSelectPropagate: boolean;
-    selectable: boolean;
-    reactiveData: boolean;
-    placeholder: string;
-    autoResize: boolean;
-    theme: TabulatorTheme;
-    customClass: string;
-    options: Record<string, any>;
-    cellEdited: EventEmitter<any>;
-    rowClick: EventEmitter<any>;
-    rowSelected: EventEmitter<any>;
-    tableReady: EventEmitter<TabulatorFull>;
+    readonly data: _angular_core.InputSignal<any[]>;
+    readonly columns: _angular_core.InputSignal<any[]>;
+    readonly height: _angular_core.InputSignal<string | number | false>;
+    readonly layout: _angular_core.InputSignal<"fitData" | "fitColumns" | "fitDataFill" | "fitDataStretch">;
+    readonly dataTree: _angular_core.InputSignal<boolean>;
+    readonly dataTreeChildField: _angular_core.InputSignal<string>;
+    readonly dataTreeStartExpanded: _angular_core.InputSignal<boolean>;
+    readonly dataTreeSelectPropagate: _angular_core.InputSignal<boolean>;
+    readonly selectable: _angular_core.InputSignal<boolean>;
+    readonly reactiveData: _angular_core.InputSignal<boolean>;
+    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly autoResize: _angular_core.InputSignal<boolean>;
+    readonly theme: _angular_core.InputSignal<TabulatorTheme>;
+    readonly customClass: _angular_core.InputSignal<string>;
+    readonly options: _angular_core.InputSignal<Record<string, any>>;
+    readonly cellEdited: _angular_core.OutputEmitterRef<any>;
+    readonly rowClick: _angular_core.OutputEmitterRef<any>;
+    readonly rowSelected: _angular_core.OutputEmitterRef<any>;
+    readonly tableReady: _angular_core.OutputEmitterRef<Tabulator>;
     private _tabulator;
     containerId: string;
     ngAfterViewInit(): void;
@@ -672,10 +671,10 @@ declare class CustomTabulatorComponent implements OnChanges, AfterViewInit, OnDe
     private updateData;
     private updateColumns;
     private destroyTable;
-    getInstance(): TabulatorFull;
+    getInstance(): Tabulator;
     redraw(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CustomTabulatorComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CustomTabulatorComponent, "acp-tabulator", never, { "data": { "alias": "data"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "height": { "alias": "height"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "dataTree": { "alias": "dataTree"; "required": false; }; "dataTreeChildField": { "alias": "dataTreeChildField"; "required": false; }; "dataTreeStartExpanded": { "alias": "dataTreeStartExpanded"; "required": false; }; "dataTreeSelectPropagate": { "alias": "dataTreeSelectPropagate"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "reactiveData": { "alias": "reactiveData"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "autoResize": { "alias": "autoResize"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "options": { "alias": "options"; "required": false; }; }, { "cellEdited": "cellEdited"; "rowClick": "rowClick"; "rowSelected": "rowSelected"; "tableReady": "tableReady"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CustomTabulatorComponent, "acp-tabulator", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "dataTree": { "alias": "dataTree"; "required": false; "isSignal": true; }; "dataTreeChildField": { "alias": "dataTreeChildField"; "required": false; "isSignal": true; }; "dataTreeStartExpanded": { "alias": "dataTreeStartExpanded"; "required": false; "isSignal": true; }; "dataTreeSelectPropagate": { "alias": "dataTreeSelectPropagate"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "reactiveData": { "alias": "reactiveData"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "autoResize": { "alias": "autoResize"; "required": false; "isSignal": true; }; "theme": { "alias": "theme"; "required": false; "isSignal": true; }; "customClass": { "alias": "customClass"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; }, { "cellEdited": "cellEdited"; "rowClick": "rowClick"; "rowSelected": "rowSelected"; "tableReady": "tableReady"; }, never, never, true, never>;
 }
 
 interface DateRangeConfig<T = any> {
@@ -783,37 +782,37 @@ declare class MatDynamicTableComponent<T extends TableRow> implements AfterConte
     private componentRefs;
     private embeddedViews;
     private cdr;
-    showExpand: boolean;
-    showFooter: boolean;
-    locale: string;
-    highlightRowIndex: number;
+    readonly showExpand: _angular_core.InputSignal<boolean>;
+    readonly showFooter: _angular_core.InputSignal<boolean>;
+    readonly locale: _angular_core.InputSignal<string>;
+    readonly highlightRowIndex: _angular_core.InputSignal<number>;
     visibleColumns: string[];
     columnDefinitions: ColumnDefinition<T>[];
-    showSelectBox: boolean;
-    tableData: T[];
-    rowTemplate: TemplateRef<TableContext<T>> | null;
+    readonly showSelectBox: _angular_core.InputSignal<boolean>;
+    readonly tableData: _angular_core.InputSignal<T[]>;
+    readonly rowTemplate: _angular_core.InputSignal<TemplateRef<TableContext<T>> | null>;
     expandedDetail: TemplateRef<TableContext<T>> | null;
-    enablePagination: boolean;
+    readonly enablePagination: _angular_core.InputSignal<boolean>;
     paginationConfig: Pagination | null;
-    isLoadingData: boolean;
-    rowSelected: EventEmitter<T[]>;
-    copyRow: EventEmitter<T>;
-    showExpanded: EventEmitter<T>;
-    hideExpanded: EventEmitter<T>;
-    pageEvent: EventEmitter<PageEvent>;
+    readonly isLoadingData: _angular_core.InputSignal<boolean>;
+    readonly rowSelected: _angular_core.OutputEmitterRef<T[]>;
+    readonly copyRow: _angular_core.OutputEmitterRef<T>;
+    readonly showExpanded: _angular_core.OutputEmitterRef<T>;
+    readonly hideExpanded: _angular_core.OutputEmitterRef<T>;
+    readonly pageEvent: _angular_core.OutputEmitterRef<PageEvent>;
     isNormalRow: (_: number, row: T) => boolean;
     isExpandedRow: (_: number, row: T) => boolean;
     dataSource: MatTableDataSource<T, _angular_material_paginator.MatPaginator>;
     selection: SelectionModel<T>;
     expandedElement: T | null;
     columnsToDisplayWithExpand: string[];
-    headerRowDefs: QueryList<MatHeaderRowDef>;
-    rowDefs: QueryList<MatRowDef<T>>;
-    footerRowDefs: QueryList<MatFooterRowDef>;
-    columnDefs: QueryList<MatColumnDef>;
-    noDataRow: MatNoDataRow;
-    table: MatTable<T>;
-    rows: QueryList<ViewContainerRef>;
+    readonly headerRowDefs: _angular_core.Signal<readonly MatHeaderRowDef[]>;
+    readonly rowDefs: _angular_core.Signal<readonly MatRowDef<unknown>[]>;
+    readonly footerRowDefs: _angular_core.Signal<readonly MatFooterRowDef[]>;
+    readonly columnDefs: _angular_core.Signal<readonly MatColumnDef[]>;
+    readonly noDataRow: _angular_core.Signal<MatNoDataRow>;
+    readonly table: _angular_core.Signal<MatTable<any>>;
+    readonly rows: _angular_core.Signal<readonly ViewContainerRef[]>;
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterContentInit(): void;
@@ -832,7 +831,7 @@ declare class MatDynamicTableComponent<T extends TableRow> implements AfterConte
     getRowColor(element: T): Record<string, string>;
     handlePageEvent(e: PageEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MatDynamicTableComponent<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MatDynamicTableComponent<any>, "acp-mat-dynamic-table", never, { "showExpand": { "alias": "showExpand"; "required": false; }; "showFooter": { "alias": "showFooter"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "highlightRowIndex": { "alias": "highlightRowIndex"; "required": false; }; "visibleColumns": { "alias": "visibleColumns"; "required": false; }; "columnDefinitions": { "alias": "columnDefinitions"; "required": false; }; "showSelectBox": { "alias": "showSelectBox"; "required": false; }; "tableData": { "alias": "tableData"; "required": false; }; "rowTemplate": { "alias": "rowTemplate"; "required": false; }; "expandedDetail": { "alias": "expandedDetail"; "required": false; }; "enablePagination": { "alias": "enablePagination"; "required": false; }; "paginationConfig": { "alias": "paginationConfig"; "required": false; }; "isLoadingData": { "alias": "isLoadingData"; "required": false; }; }, { "rowSelected": "rowSelected"; "copyRow": "copyRow"; "showExpanded": "showExpanded"; "hideExpanded": "hideExpanded"; "pageEvent": "pageEvent"; }, ["noDataRow", "headerRowDefs", "rowDefs", "footerRowDefs", "columnDefs", "rows"], never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MatDynamicTableComponent<any>, "acp-mat-dynamic-table", never, { "showExpand": { "alias": "showExpand"; "required": false; "isSignal": true; }; "showFooter": { "alias": "showFooter"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "highlightRowIndex": { "alias": "highlightRowIndex"; "required": false; "isSignal": true; }; "visibleColumns": { "alias": "visibleColumns"; "required": false; }; "columnDefinitions": { "alias": "columnDefinitions"; "required": false; }; "showSelectBox": { "alias": "showSelectBox"; "required": false; "isSignal": true; }; "tableData": { "alias": "tableData"; "required": false; "isSignal": true; }; "rowTemplate": { "alias": "rowTemplate"; "required": false; "isSignal": true; }; "expandedDetail": { "alias": "expandedDetail"; "required": false; }; "enablePagination": { "alias": "enablePagination"; "required": false; "isSignal": true; }; "paginationConfig": { "alias": "paginationConfig"; "required": false; }; "isLoadingData": { "alias": "isLoadingData"; "required": false; "isSignal": true; }; }, { "rowSelected": "rowSelected"; "copyRow": "copyRow"; "showExpanded": "showExpanded"; "hideExpanded": "hideExpanded"; "pageEvent": "pageEvent"; }, ["headerRowDefs", "rowDefs", "footerRowDefs", "columnDefs", "noDataRow", "rows"], never, true, never>;
 }
 
 declare class ThemeToggleComponent {
@@ -846,11 +845,11 @@ declare class ThemeToggleComponent {
 }
 
 declare class ReusableAutocompleteComponent implements OnInit, OnDestroy {
-    dataSource: AutocompleteWrapperItem[];
+    readonly dataSource: _angular_core.InputSignal<AutocompleteWrapperItem[]>;
     config: AutocompleteWrapperConfig;
-    itemTemplate?: TemplateRef<any>;
-    searchFunction?: AutocompleteWrapperSearchFunction;
-    notFoundTemplate?: TemplateRef<any>;
+    readonly itemTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
+    readonly searchFunction: _angular_core.InputSignal<AutocompleteWrapperSearchFunction | undefined>;
+    readonly notFoundTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
     overlayWidth: _angular_core.InputSignal<string>;
     overlayMaxHeight: _angular_core.InputSignal<string>;
     itemSelected: _angular_core.OutputEmitterRef<AutocompleteWrapperItem>;
@@ -865,9 +864,9 @@ declare class ReusableAutocompleteComponent implements OnInit, OnDestroy {
     advancedSearchClicked: _angular_core.OutputEmitterRef<void>;
     allResultsClicked: _angular_core.OutputEmitterRef<string>;
     createClicked: _angular_core.OutputEmitterRef<string>;
-    searchInput: ElementRef<HTMLInputElement>;
-    historyListElement?: ElementRef<HTMLUListElement>;
-    resultsListElement?: ElementRef<HTMLUListElement>;
+    readonly searchInput: _angular_core.Signal<ElementRef<HTMLInputElement>>;
+    readonly historyListElement: _angular_core.Signal<ElementRef<HTMLUListElement> | undefined>;
+    readonly resultsListElement: _angular_core.Signal<ElementRef<HTMLUListElement> | undefined>;
     query: string;
     isLoading: _angular_core.WritableSignal<boolean>;
     overlayOpen: _angular_core.WritableSignal<boolean>;
@@ -921,7 +920,7 @@ declare class ReusableAutocompleteComponent implements OnInit, OnDestroy {
     setQuery(query: string): void;
     focus(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ReusableAutocompleteComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ReusableAutocompleteComponent, "acp-autocomplete-wrapper", never, { "dataSource": { "alias": "dataSource"; "required": false; }; "config": { "alias": "config"; "required": false; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; }; "searchFunction": { "alias": "searchFunction"; "required": false; }; "notFoundTemplate": { "alias": "notFoundTemplate"; "required": false; }; "overlayWidth": { "alias": "overlayWidth"; "required": false; "isSignal": true; }; "overlayMaxHeight": { "alias": "overlayMaxHeight"; "required": false; "isSignal": true; }; }, { "itemSelected": "itemSelected"; "searchChanged": "searchChanged"; "searchRequested": "searchRequested"; "pageChanged": "pageChanged"; "filterChanged": "filterChanged"; "advancedSearchClicked": "advancedSearchClicked"; "allResultsClicked": "allResultsClicked"; "createClicked": "createClicked"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ReusableAutocompleteComponent, "acp-autocomplete-wrapper", never, { "dataSource": { "alias": "dataSource"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": false; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; "isSignal": true; }; "searchFunction": { "alias": "searchFunction"; "required": false; "isSignal": true; }; "notFoundTemplate": { "alias": "notFoundTemplate"; "required": false; "isSignal": true; }; "overlayWidth": { "alias": "overlayWidth"; "required": false; "isSignal": true; }; "overlayMaxHeight": { "alias": "overlayMaxHeight"; "required": false; "isSignal": true; }; }, { "itemSelected": "itemSelected"; "searchChanged": "searchChanged"; "searchRequested": "searchRequested"; "pageChanged": "pageChanged"; "filterChanged": "filterChanged"; "advancedSearchClicked": "advancedSearchClicked"; "allResultsClicked": "allResultsClicked"; "createClicked": "createClicked"; }, never, never, true, never>;
 }
 
 declare class ToUpperCaseDirective implements ControlValueAccessor {
@@ -939,26 +938,6 @@ declare class ToUpperCaseDirective implements ControlValueAccessor {
 
 declare const DYNAMIC_INPUT: InjectionToken<unknown>;
 
-/**
- * Helper function to disable spinner for specific requests
- * @returns HttpContext with spinner disabled
- */
-declare function withoutSpinner(): HttpContext;
-/**
- * Service to track active HTTP requests
- */
-declare class ActiveRequestsTracker {
-    get count(): number;
-    add(request: HttpRequest<any>): void;
-    remove(request: HttpRequest<any>): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ActiveRequestsTracker, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<ActiveRequestsTracker>;
-}
-/**
- * Interceptor that shows/hides a loading spinner based on active HTTP requests
- */
-declare const spinnerInterceptor: HttpInterceptorFn;
-
 declare class GetTotalPipe implements PipeTransform {
     transform(colName: string, dataSource: any[]): any;
     /**
@@ -989,5 +968,5 @@ declare class StatusDisplayPipe implements PipeTransform {
     static ɵpipe: _angular_core.ɵɵPipeDeclaration<StatusDisplayPipe, "statusDisplay", true>;
 }
 
-export { AUTOCOMPLETE_WRAPPER_CUSTOMER_CONFIG, AUTOCOMPLETE_WRAPPER_DEFAULT_CONFIG, AUTOCOMPLETE_WRAPPER_LOCAL_CONFIG, AUTOCOMPLETE_WRAPPER_PAGINATED_CONFIG, AUTOCOMPLETE_WRAPPER_PRODUCT_CONFIG, AUTOCOMPLETE_WRAPPER_SIMPLE_CONFIG, ActiveRequestsTracker, AdvancedDialogService, AutocompleteWrapperService, ColumnDefinition, CustomTabulatorComponent, DYNAMIC_INPUT, DialogWrapperComponent, FieldDefinition, GetTotalPipe, IconUserComponent, MatDynamicCardComponent, MatDynamicTableComponent, MatInputChipComponent, MatThemeButtonComponent, OverlayService, Pagination, ReusableAutocompleteComponent, SpinnerComponent, StatusDisplayPipe, SvgIconComponent, TableCellIndex, ThemeService, ThemeToggleComponent, ToUpperCaseDirective, createAutocompleteWrapperConfig, spinnerInterceptor, withoutSpinner };
+export { AUTOCOMPLETE_WRAPPER_CUSTOMER_CONFIG, AUTOCOMPLETE_WRAPPER_DEFAULT_CONFIG, AUTOCOMPLETE_WRAPPER_LOCAL_CONFIG, AUTOCOMPLETE_WRAPPER_PAGINATED_CONFIG, AUTOCOMPLETE_WRAPPER_PRODUCT_CONFIG, AUTOCOMPLETE_WRAPPER_SIMPLE_CONFIG, AdvancedDialogService, AutocompleteWrapperService, ColumnDefinition, CustomTabulatorComponent, DYNAMIC_INPUT, DialogWrapperComponent, FieldDefinition, GetTotalPipe, IconUserComponent, MatDynamicCardComponent, MatDynamicTableComponent, MatInputChipComponent, MatThemeButtonComponent, OverlayService, Pagination, ReusableAutocompleteComponent, SpinnerComponent, StatusDisplayPipe, SvgIconComponent, TableCellIndex, ThemeService, ThemeToggleComponent, ToUpperCaseDirective, createAutocompleteWrapperConfig };
 export type { AutocompleteWrapperActions, AutocompleteWrapperConfig, AutocompleteWrapperEventHandler, AutocompleteWrapperEvents, AutocompleteWrapperFilters, AutocompleteWrapperItem, AutocompleteWrapperItemProperty, AutocompleteWrapperPaginationInfo, AutocompleteWrapperSearchField, AutocompleteWrapperSearchFunction, AutocompleteWrapperSearchMode, AutocompleteWrapperSearchResult, AutocompleteWrapperState, AutocompleteWrapperStockOption, ButtonType, ButtonVariant, ColumnType, ControlType, DateRangeConfig, DialogSize, DialogWrapperConfig, FieldType, MatCustomDialogConfig, MaterialButtonStyle, OptionSearchConfig, ReusableAutocompleteWrapperComponent, TableContext, TableRow, TabulatorColumn, TabulatorConfig, TabulatorEventHandlers, TabulatorTheme };

package/package.json

@@ -1,16 +1,13 @@
 {
   "name": "@acontplus/ng-components",
-  "version": "1.0.9",
+  "version": "1.0.11",
   "description": "Angular Material UI component library with dynamic tables, theming support, dialog wrappers, and comprehensive styling utilities",
-  "dependencies": {
-    "tabulator-tables": "^6.3.1",
-    "tslib": "^2.3.0"
-  },
   "peerDependencies": {
-    "@angular/cdk": "^20.2.4",
-    "@angular/common": "^20.3.1",
-    "@angular/core": "^20.3.1",
-    "@angular/material": "^20.2.4"
+    "@angular/cdk": "^20.2.5",
+    "@angular/common": "^20.3.2",
+    "@angular/core": "^20.3.2",
+    "@angular/material": "^20.2.5",
+    "tabulator-tables": "^6.3.1"
   },
   "sideEffects": true,
   "main": "fesm2022/acontplus-ng-components.mjs",
@@ -82,5 +79,8 @@
       "types": "./index.d.ts",
       "default": "./fesm2022/acontplus-ng-components.mjs"
     }
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
   }
 }

package/src/styles/index.scss

@@ -1,11 +1,3 @@
-// Import Tabulator table styles
-@import 'tabulator-tables/dist/css/tabulator.min.css';
-@import 'tabulator-tables/dist/css/tabulator_modern.min.css';
-@import 'tabulator-tables/dist/css/tabulator_midnight.min.css';
-@import 'tabulator-tables/dist/css/tabulator_simple.min.css';
-@import 'tabulator-tables/dist/css/tabulator_site.min.css';
-@import 'tabulator-tables/dist/css/tabulator_site_dark.min.css';
-
 // Import variables and mixins first
 @forward 'variables';
 @forward 'mixins';