cax-design-system 2.6.0 → 2.7.0

package/resources/components/upload/upload.component.scss

@@ -0,0 +1,147 @@
+@layer cax {
+    .cax-files {
+      font-size: 14px;
+      font-weight: 500;
+      margin-bottom: 10px;
+    }
+
+    .cax-upload-menu {
+      width: 569px;
+      border-radius: 12px;
+      padding-top: 24px;
+      padding-left: 56px;
+      padding-bottom: 24px;
+      padding-right: 56px;
+      
+    }
+
+      .status-container {
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+        text-align: center;
+        gap: 16px;
+        height: 150px;
+        p {
+          margin: 0;
+          font-size: 14px;
+          font-weight: 500;
+        }
+       
+          .success-icon {
+            width: 50px;
+            height: 50px;
+            border-radius: 50%;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+  
+            i {
+                font-size: 1.5rem;
+                font-weight: 800;
+            }
+          }
+      }
+    .cax-upload-options {
+      text-align: center;
+
+      .hint-text {
+        font-size: 14px;
+        font-weight: 500;
+      }
+
+      .drop-files {
+        font-weight: 500;
+        font-size: 14px;
+      }
+
+      .max-size {  
+        font-size: 12px;
+        margin-bottom: 20px;
+        font-weight: 400;
+      }
+    }
+
+    .cax-error-upload{
+      font-size: 14px;
+      font-weight: 400;
+      padding-top: 8px;
+  }
+
+    .cax-options-container {
+      display: flex;
+      gap: 24px;
+      justify-content: center;
+    }
+
+    .cax-upload-option {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      cursor: pointer;
+      .icon-container {
+        width: 48px;
+        height: 40px; 
+        border-radius: 8px;
+        display: flex;
+        align-items: center;
+        justify-content: center; 
+        transition: background-color 0.2s;
+      }
+
+      span {
+        font-size: 14px; 
+        font-weight: 600;
+        padding-top: 10px;
+      }}
+
+      .cax-file-preview-wrapper {
+        display: flex;
+        flex-direction: column;
+        gap: 10px;
+        margin-top: 1rem;
+        width: 569px;
+      }
+      
+      .cax-file-preview {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        padding: 10px 14px;
+        border-radius: 8px;
+        .file-info {
+          display: flex;
+          align-items: center;
+          gap: 10px;
+      
+          .file-icon img {
+            width: 32px;
+            height: 32px;
+          }
+      
+          .file-name {
+            font-weight: 500;
+            font-size: 14px;
+          }
+        }
+      
+        .spinner {
+          margin-left: auto;
+          font-size: 20px !important;
+        }
+      
+        .remove-button {
+          background: none;
+          border: none;
+          margin-left: auto;
+          cursor: pointer;
+
+          i{
+            font-size: 20px;
+          }
+        }
+
+      }  
+
+}

package/table/components/column-filter/column-filter.d.ts

@@ -24,6 +24,7 @@ export declare class ColumnFilter implements AfterContentInit {
      * @group Props
      */
     type: string;
+    disabled: boolean;
     /**
      * Filter display.
      * @group Props
@@ -224,6 +225,10 @@ export declare class ColumnFilter implements AfterContentInit {
     customDateFilter: any;
     constructor(document: Document, el: ElementRef, dt: Table, renderer: Renderer2, config: caxConfig, overlayService: OverlayService, cd: ChangeDetectorRef);
     ngOnInit(): void;
+    getSelectedFilter(key: string): {
+        label: string;
+        key: string;
+    } | undefined;
     generateMatchModeOptions(): void;
     generateOperatorOptions(): void;
     ngAfterContentInit(): void;
@@ -270,7 +275,7 @@ export declare class ColumnFilter implements AfterContentInit {
     onClearCustomFilters(): void;
     onApplyCustomFilters(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ColumnFilter, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ColumnFilter, "cax-columnFilter", never, { "field": { "alias": "field"; "required": false; }; "type": { "alias": "type"; "required": false; }; "display": { "alias": "display"; "required": false; }; "showMenu": { "alias": "showMenu"; "required": false; }; "matchMode": { "alias": "matchMode"; "required": false; }; "operator": { "alias": "operator"; "required": false; }; "showOperator": { "alias": "showOperator"; "required": false; }; "showClearButton": { "alias": "showClearButton"; "required": false; }; "showApplyButton": { "alias": "showApplyButton"; "required": false; }; "showMatchModes": { "alias": "showMatchModes"; "required": false; }; "showAddButton": { "alias": "showAddButton"; "required": false; }; "hideOnClear": { "alias": "hideOnClear"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "matchModeOptions": { "alias": "matchModeOptions"; "required": false; }; "maxConstraints": { "alias": "maxConstraints"; "required": false; }; "minFractionDigits": { "alias": "minFractionDigits"; "required": false; }; "maxFractionDigits": { "alias": "maxFractionDigits"; "required": false; }; "prefix": { "alias": "prefix"; "required": false; }; "suffix": { "alias": "suffix"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "localeMatcher": { "alias": "localeMatcher"; "required": false; }; "currency": { "alias": "currency"; "required": false; }; "currencyDisplay": { "alias": "currencyDisplay"; "required": false; }; "useGrouping": { "alias": "useGrouping"; "required": false; }; "showButtons": { "alias": "showButtons"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, { "onShow": "onShow"; "onHide": "onHide"; }, ["templates"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ColumnFilter, "cax-columnFilter", never, { "field": { "alias": "field"; "required": false; }; "type": { "alias": "type"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "display": { "alias": "display"; "required": false; }; "showMenu": { "alias": "showMenu"; "required": false; }; "matchMode": { "alias": "matchMode"; "required": false; }; "operator": { "alias": "operator"; "required": false; }; "showOperator": { "alias": "showOperator"; "required": false; }; "showClearButton": { "alias": "showClearButton"; "required": false; }; "showApplyButton": { "alias": "showApplyButton"; "required": false; }; "showMatchModes": { "alias": "showMatchModes"; "required": false; }; "showAddButton": { "alias": "showAddButton"; "required": false; }; "hideOnClear": { "alias": "hideOnClear"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "matchModeOptions": { "alias": "matchModeOptions"; "required": false; }; "maxConstraints": { "alias": "maxConstraints"; "required": false; }; "minFractionDigits": { "alias": "minFractionDigits"; "required": false; }; "maxFractionDigits": { "alias": "maxFractionDigits"; "required": false; }; "prefix": { "alias": "prefix"; "required": false; }; "suffix": { "alias": "suffix"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "localeMatcher": { "alias": "localeMatcher"; "required": false; }; "currency": { "alias": "currency"; "required": false; }; "currencyDisplay": { "alias": "currencyDisplay"; "required": false; }; "useGrouping": { "alias": "useGrouping"; "required": false; }; "showButtons": { "alias": "showButtons"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, { "onShow": "onShow"; "onHide": "onHide"; }, ["templates"], never, true, never>;
     static ngAcceptInputType_showMenu: unknown;
     static ngAcceptInputType_showOperator: unknown;
     static ngAcceptInputType_showClearButton: unknown;

package/table/components/sort-icon/sort-icon.d.ts

@@ -6,6 +6,7 @@ export declare class SortIcon implements OnInit, OnDestroy {
     dt: Table;
     cd: ChangeDetectorRef;
     field: string | undefined;
+    disabled: boolean;
     subscription: Subscription | undefined;
     sortOrder: number | undefined;
     constructor(dt: Table, cd: ChangeDetectorRef);
@@ -17,5 +18,5 @@ export declare class SortIcon implements OnInit, OnDestroy {
     isMultiSorted(): boolean;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SortIcon, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SortIcon, "cax-sortIcon", never, { "field": { "alias": "field"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SortIcon, "cax-sortIcon", never, { "field": { "alias": "field"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, never>;
 }

package/table/table.d.ts

@@ -138,7 +138,9 @@ export declare class Table implements OnInit, AfterViewInit, AfterContentInit, B
      * Defines whether sorting works on single column or on multiple columns.
      * @group Props
      */
-    sortMode: 'single' | 'multiple' | 'custom';
+    filterType: 'default' | 'custom';
+    sortType: 'default' | 'custom';
+    sortMode: 'single' | 'multiple';
     /**
      * When true, resets paginator to first page after sorting. Available only when sortMode is set to single.
      * @group Props
@@ -724,9 +726,9 @@ export declare class Table implements OnInit, AfterViewInit, AfterContentInit, B
     dataToRender(data: any): any;
     updateSelectionKeys(): void;
     onPageChange(event: TablePageEvent): void;
+    nextSortOrder: (current: number) => number;
     sort(event: any): void;
     sortSingle(): void;
-    sortCustom(): void;
     sortMultiple(): void;
     multisortField(data1: any, data2: any, multiSortMeta: SortMeta[], index: number): any;
     compareValuesOnSort(value1: any, value2: any, order: any): number;
@@ -747,7 +749,7 @@ export declare class Table implements OnInit, AfterViewInit, AfterContentInit, B
     filter(value: any, field: string, matchMode: string): void;
     filterGlobal(value: any, matchMode: string): void;
     isFilterBlank(filter: any): boolean;
-    _filter(display?: string): void;
+    _filter(): void;
     executeLocalFilter(field: string, rowData: any, filterMeta: FilterMetadata): boolean;
     hasFilter(): boolean;
     createLazyLoadMetadata(): any;
@@ -837,7 +839,7 @@ export declare class Table implements OnInit, AfterViewInit, AfterContentInit, B
     ngOnDestroy(): void;
     getPaginatorStyleClasses(className?: string): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<Table, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Table, "cax-table", never, { "fontSize": { "alias": "fontSize"; "required": false; }; "rowSize": { "alias": "rowSize"; "required": false; }; "frozenColumns": { "alias": "frozenColumns"; "required": false; }; "frozenValue": { "alias": "frozenValue"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "tableStyle": { "alias": "tableStyle"; "required": false; }; "tableStyleClass": { "alias": "tableStyleClass"; "required": false; }; "paginator": { "alias": "paginator"; "required": false; }; "pageLinks": { "alias": "pageLinks"; "required": false; }; "rowsPerPageOptions": { "alias": "rowsPerPageOptions"; "required": false; }; "alwaysShowPaginator": { "alias": "alwaysShowPaginator"; "required": false; }; "paginatorPosition": { "alias": "paginatorPosition"; "required": false; }; "paginatorStyleClass": { "alias": "paginatorStyleClass"; "required": false; }; "paginatorDropdownAppendTo": { "alias": "paginatorDropdownAppendTo"; "required": false; }; "paginatorDropdownScrollHeight": { "alias": "paginatorDropdownScrollHeight"; "required": false; }; "currentPageReportTemplate": { "alias": "currentPageReportTemplate"; "required": false; }; "showCurrentPageReport": { "alias": "showCurrentPageReport"; "required": false; }; "showJumpToPageDropdown": { "alias": "showJumpToPageDropdown"; "required": false; }; "showJumpToPageInput": { "alias": "showJumpToPageInput"; "required": false; }; "showFirstLastIcon": { "alias": "showFirstLastIcon"; "required": false; }; "showPageLinks": { "alias": "showPageLinks"; "required": false; }; "defaultSortOrder": { "alias": "defaultSortOrder"; "required": false; }; "sortMode": { "alias": "sortMode"; "required": false; }; "resetPageOnSort": { "alias": "resetPageOnSort"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "selectionPageOnly": { "alias": "selectionPageOnly"; "required": false; }; "contextMenuSelection": { "alias": "contextMenuSelection"; "required": false; }; "contextMenuSelectionMode": { "alias": "contextMenuSelectionMode"; "required": false; }; "dataKey": { "alias": "dataKey"; "required": false; }; "metaKeySelection": { "alias": "metaKeySelection"; "required": false; }; "rowSelectable": { "alias": "rowSelectable"; "required": false; }; "rowTrackBy": { "alias": "rowTrackBy"; "required": false; }; "lazy": { "alias": "lazy"; "required": false; }; "lazyLoadOnInit": { "alias": "lazyLoadOnInit"; "required": false; }; "compareSelectionBy": { "alias": "compareSelectionBy"; "required": false; }; "csvSeparator": { "alias": "csvSeparator"; "required": false; }; "exportFilename": { "alias": "exportFilename"; "required": false; }; "filters": { "alias": "filters"; "required": false; }; "globalFilterFields": { "alias": "globalFilterFields"; "required": false; }; "filterDelay": { "alias": "filterDelay"; "required": false; }; "filterLocale": { "alias": "filterLocale"; "required": false; }; "expandedRowKeys": { "alias": "expandedRowKeys"; "required": false; }; "editingRowKeys": { "alias": "editingRowKeys"; "required": false; }; "rowExpandMode": { "alias": "rowExpandMode"; "required": false; }; "scrollable": { "alias": "scrollable"; "required": false; }; "scrollDirection": { "alias": "scrollDirection"; "required": false; }; "rowGroupMode": { "alias": "rowGroupMode"; "required": false; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "virtualScrollItemSize": { "alias": "virtualScrollItemSize"; "required": false; }; "virtualScrollOptions": { "alias": "virtualScrollOptions"; "required": false; }; "virtualScrollDelay": { "alias": "virtualScrollDelay"; "required": false; }; "frozenWidth": { "alias": "frozenWidth"; "required": false; }; "responsive": { "alias": "responsive"; "required": false; }; "contextMenu": { "alias": "contextMenu"; "required": false; }; "resizableColumns": { "alias": "resizableColumns"; "required": false; }; "columnResizeMode": { "alias": "columnResizeMode"; "required": false; }; "reorderableColumns": { "alias": "reorderableColumns"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "loadingIcon": { "alias": "loadingIcon"; "required": false; }; "showLoader": { "alias": "showLoader"; "required": false; }; "rowHover": { "alias": "rowHover"; "required": false; }; "customSort": { "alias": "customSort"; "required": false; }; "showInitialSortBadge": { "alias": "showInitialSortBadge"; "required": false; }; "autoLayout": { "alias": "autoLayout"; "required": false; }; "exportFunction": { "alias": "exportFunction"; "required": false; }; "exportHeader": { "alias": "exportHeader"; "required": false; }; "stateKey": { "alias": "stateKey"; "required": false; }; "stateStorage": { "alias": "stateStorage"; "required": false; }; "editMode": { "alias": "editMode"; "required": false; }; "groupRowsBy": { "alias": "groupRowsBy"; "required": false; }; "groupRowsByOrder": { "alias": "groupRowsByOrder"; "required": false; }; "responsiveLayout": { "alias": "responsiveLayout"; "required": false; }; "breakpoint": { "alias": "breakpoint"; "required": false; }; "paginatorLocale": { "alias": "paginatorLocale"; "required": false; }; "value": { "alias": "value"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "first": { "alias": "first"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "totalRecords": { "alias": "totalRecords"; "required": false; }; "sortField": { "alias": "sortField"; "required": false; }; "sortOrder": { "alias": "sortOrder"; "required": false; }; "multiSortMeta": { "alias": "multiSortMeta"; "required": false; }; "selection": { "alias": "selection"; "required": false; }; "selectAll": { "alias": "selectAll"; "required": false; }; "virtualRowHeight": { "alias": "virtualRowHeight"; "required": false; }; }, { "contextMenuSelectionChange": "contextMenuSelectionChange"; "selectAllChange": "selectAllChange"; "selectionChange": "selectionChange"; "onRowSelect": "onRowSelect"; "onRowUnselect": "onRowUnselect"; "onPage": "onPage"; "onSort": "onSort"; "onFilter": "onFilter"; "onLazyLoad": "onLazyLoad"; "onRowExpand": "onRowExpand"; "onRowCollapse": "onRowCollapse"; "onContextMenuSelect": "onContextMenuSelect"; "onColResize": "onColResize"; "onColReorder": "onColReorder"; "onRowReorder": "onRowReorder"; "onEditInit": "onEditInit"; "onEditComplete": "onEditComplete"; "onEditCancel": "onEditCancel"; "onHeaderCheckboxToggle": "onHeaderCheckboxToggle"; "sortFunction": "sortFunction"; "firstChange": "firstChange"; "rowsChange": "rowsChange"; "onStateSave": "onStateSave"; "onStateRestore": "onStateRestore"; }, ["templates"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Table, "cax-table", never, { "fontSize": { "alias": "fontSize"; "required": false; }; "rowSize": { "alias": "rowSize"; "required": false; }; "frozenColumns": { "alias": "frozenColumns"; "required": false; }; "frozenValue": { "alias": "frozenValue"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "tableStyle": { "alias": "tableStyle"; "required": false; }; "tableStyleClass": { "alias": "tableStyleClass"; "required": false; }; "paginator": { "alias": "paginator"; "required": false; }; "pageLinks": { "alias": "pageLinks"; "required": false; }; "rowsPerPageOptions": { "alias": "rowsPerPageOptions"; "required": false; }; "alwaysShowPaginator": { "alias": "alwaysShowPaginator"; "required": false; }; "paginatorPosition": { "alias": "paginatorPosition"; "required": false; }; "paginatorStyleClass": { "alias": "paginatorStyleClass"; "required": false; }; "paginatorDropdownAppendTo": { "alias": "paginatorDropdownAppendTo"; "required": false; }; "paginatorDropdownScrollHeight": { "alias": "paginatorDropdownScrollHeight"; "required": false; }; "currentPageReportTemplate": { "alias": "currentPageReportTemplate"; "required": false; }; "showCurrentPageReport": { "alias": "showCurrentPageReport"; "required": false; }; "showJumpToPageDropdown": { "alias": "showJumpToPageDropdown"; "required": false; }; "showJumpToPageInput": { "alias": "showJumpToPageInput"; "required": false; }; "showFirstLastIcon": { "alias": "showFirstLastIcon"; "required": false; }; "showPageLinks": { "alias": "showPageLinks"; "required": false; }; "defaultSortOrder": { "alias": "defaultSortOrder"; "required": false; }; "filterType": { "alias": "filterType"; "required": false; }; "sortType": { "alias": "sortType"; "required": false; }; "sortMode": { "alias": "sortMode"; "required": false; }; "resetPageOnSort": { "alias": "resetPageOnSort"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "selectionPageOnly": { "alias": "selectionPageOnly"; "required": false; }; "contextMenuSelection": { "alias": "contextMenuSelection"; "required": false; }; "contextMenuSelectionMode": { "alias": "contextMenuSelectionMode"; "required": false; }; "dataKey": { "alias": "dataKey"; "required": false; }; "metaKeySelection": { "alias": "metaKeySelection"; "required": false; }; "rowSelectable": { "alias": "rowSelectable"; "required": false; }; "rowTrackBy": { "alias": "rowTrackBy"; "required": false; }; "lazy": { "alias": "lazy"; "required": false; }; "lazyLoadOnInit": { "alias": "lazyLoadOnInit"; "required": false; }; "compareSelectionBy": { "alias": "compareSelectionBy"; "required": false; }; "csvSeparator": { "alias": "csvSeparator"; "required": false; }; "exportFilename": { "alias": "exportFilename"; "required": false; }; "filters": { "alias": "filters"; "required": false; }; "globalFilterFields": { "alias": "globalFilterFields"; "required": false; }; "filterDelay": { "alias": "filterDelay"; "required": false; }; "filterLocale": { "alias": "filterLocale"; "required": false; }; "expandedRowKeys": { "alias": "expandedRowKeys"; "required": false; }; "editingRowKeys": { "alias": "editingRowKeys"; "required": false; }; "rowExpandMode": { "alias": "rowExpandMode"; "required": false; }; "scrollable": { "alias": "scrollable"; "required": false; }; "scrollDirection": { "alias": "scrollDirection"; "required": false; }; "rowGroupMode": { "alias": "rowGroupMode"; "required": false; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "virtualScrollItemSize": { "alias": "virtualScrollItemSize"; "required": false; }; "virtualScrollOptions": { "alias": "virtualScrollOptions"; "required": false; }; "virtualScrollDelay": { "alias": "virtualScrollDelay"; "required": false; }; "frozenWidth": { "alias": "frozenWidth"; "required": false; }; "responsive": { "alias": "responsive"; "required": false; }; "contextMenu": { "alias": "contextMenu"; "required": false; }; "resizableColumns": { "alias": "resizableColumns"; "required": false; }; "columnResizeMode": { "alias": "columnResizeMode"; "required": false; }; "reorderableColumns": { "alias": "reorderableColumns"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "loadingIcon": { "alias": "loadingIcon"; "required": false; }; "showLoader": { "alias": "showLoader"; "required": false; }; "rowHover": { "alias": "rowHover"; "required": false; }; "customSort": { "alias": "customSort"; "required": false; }; "showInitialSortBadge": { "alias": "showInitialSortBadge"; "required": false; }; "autoLayout": { "alias": "autoLayout"; "required": false; }; "exportFunction": { "alias": "exportFunction"; "required": false; }; "exportHeader": { "alias": "exportHeader"; "required": false; }; "stateKey": { "alias": "stateKey"; "required": false; }; "stateStorage": { "alias": "stateStorage"; "required": false; }; "editMode": { "alias": "editMode"; "required": false; }; "groupRowsBy": { "alias": "groupRowsBy"; "required": false; }; "groupRowsByOrder": { "alias": "groupRowsByOrder"; "required": false; }; "responsiveLayout": { "alias": "responsiveLayout"; "required": false; }; "breakpoint": { "alias": "breakpoint"; "required": false; }; "paginatorLocale": { "alias": "paginatorLocale"; "required": false; }; "value": { "alias": "value"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "first": { "alias": "first"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "totalRecords": { "alias": "totalRecords"; "required": false; }; "sortField": { "alias": "sortField"; "required": false; }; "sortOrder": { "alias": "sortOrder"; "required": false; }; "multiSortMeta": { "alias": "multiSortMeta"; "required": false; }; "selection": { "alias": "selection"; "required": false; }; "selectAll": { "alias": "selectAll"; "required": false; }; "virtualRowHeight": { "alias": "virtualRowHeight"; "required": false; }; }, { "contextMenuSelectionChange": "contextMenuSelectionChange"; "selectAllChange": "selectAllChange"; "selectionChange": "selectionChange"; "onRowSelect": "onRowSelect"; "onRowUnselect": "onRowUnselect"; "onPage": "onPage"; "onSort": "onSort"; "onFilter": "onFilter"; "onLazyLoad": "onLazyLoad"; "onRowExpand": "onRowExpand"; "onRowCollapse": "onRowCollapse"; "onContextMenuSelect": "onContextMenuSelect"; "onColResize": "onColResize"; "onColReorder": "onColReorder"; "onRowReorder": "onRowReorder"; "onEditInit": "onEditInit"; "onEditComplete": "onEditComplete"; "onEditCancel": "onEditCancel"; "onHeaderCheckboxToggle": "onHeaderCheckboxToggle"; "sortFunction": "sortFunction"; "firstChange": "firstChange"; "rowsChange": "rowsChange"; "onStateSave": "onStateSave"; "onStateRestore": "onStateRestore"; }, ["templates"], never, true, never>;
     static ngAcceptInputType_paginator: unknown;
     static ngAcceptInputType_pageLinks: unknown;
     static ngAcceptInputType_alwaysShowPaginator: unknown;

package/upload/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="cax-design-system/upload" />
+export * from './public_api';

package/upload/public_api.d.ts

@@ -0,0 +1,2 @@
+export * from './upload.component';
+export * from './upload.component.module';

package/upload/upload.component.d.ts

@@ -0,0 +1,61 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export type UploadFileStatus = 'queued' | 'uploading' | 'complete' | 'canceled' | 'error';
+export type UploadFile = {
+    file: File;
+    status: UploadFileStatus;
+    progress?: number;
+    errorMessage?: string;
+};
+export declare class UploadComponent {
+    invalid: boolean;
+    style: {
+        [klass: string]: any;
+    } | null | undefined;
+    maxFileSize: number;
+    inputFiles: string;
+    uploadString: string;
+    errorText: string;
+    allowMultiple: boolean;
+    fileSelected: EventEmitter<File>;
+    filesQueued: EventEmitter<File[]>;
+    uploadStarted: EventEmitter<File>;
+    uploadCompleted: EventEmitter<File>;
+    uploadCanceled: EventEmitter<File>;
+    uploadError: EventEmitter<{
+        file: File;
+        error: string;
+    }>;
+    fileRemoved: EventEmitter<File>;
+    allFilesRemoved: EventEmitter<void>;
+    uploadStatusChange: EventEmitter<"uploading" | "complete" | "idle">;
+    isDragging: boolean;
+    uploadedFiles: UploadFile[];
+    uploadStatus: 'idle' | 'uploading' | 'complete';
+    isProcessingQueue: boolean;
+    private get activeFilesCount();
+    onDragOver(event: DragEvent): void;
+    onDragLeave(event: DragEvent): void;
+    onDrop(event: DragEvent): void;
+    handleFileInput(event: any): void;
+    private queueFile;
+    private updateUploadStatus;
+    private processQueue;
+    openFileSelector(): void;
+    private emitError;
+    private processFile;
+    cancelUpload(index: number): void;
+    cancelCurrentUpload(): void;
+    cancelAllUploads(): void;
+    removeFile(index: number): void;
+    removeAllFiles(): void;
+    retryUpload(index: number): void;
+    get hasUploading(): boolean;
+    get hasQueuedOrUploading(): boolean;
+    get hasErrors(): boolean;
+    get allUploadsComplete(): boolean;
+    get uploadingProgressText(): string;
+    get overallProgress(): number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UploadComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UploadComponent, "cax-upload", never, { "invalid": { "alias": "invalid"; "required": false; }; "style": { "alias": "style"; "required": false; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; }; "inputFiles": { "alias": "inputFiles"; "required": false; }; "uploadString": { "alias": "uploadString"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "allowMultiple": { "alias": "allowMultiple"; "required": false; }; }, { "fileSelected": "fileSelected"; "filesQueued": "filesQueued"; "uploadStarted": "uploadStarted"; "uploadCompleted": "uploadCompleted"; "uploadCanceled": "uploadCanceled"; "uploadError": "uploadError"; "fileRemoved": "fileRemoved"; "allFilesRemoved": "allFilesRemoved"; "uploadStatusChange": "uploadStatusChange"; }, never, never, false, never>;
+}

package/upload/upload.component.module.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./upload.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/forms";
+import * as i4 from "cax-design-system/progressspinner";
+import * as i5 from "cax-design-system/button";
+export declare class UploadModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<UploadModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<UploadModule, [typeof i1.UploadComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.ProgressSpinnerModule, typeof i5.Button], [typeof i1.UploadComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<UploadModule>;
+}