cmat 0.0.88 → 0.0.90

package/fesm2022/cmat-components-treetable.mjs

@@ -10,10 +10,10 @@ import * as i2 from '@angular/material/table';
 import { MatTableDataSource, MatTableModule } from '@angular/material/table';
 
 class CmatTreeTableColumnDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatTreeTableColumnDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.2", type: CmatTreeTableColumnDirective, isStandalone: true, selector: "ng-template[cmatTreeTableColumn]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CmatTreeTableColumnDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: CmatTreeTableColumnDirective, isStandalone: true, selector: "ng-template[cmatTreeTableColumn]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatTreeTableColumnDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CmatTreeTableColumnDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ng-template[cmatTreeTableColumn]'
@@ -94,10 +94,10 @@ class CmatTreeTableComponent {
         }
         return flattenedNodes;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatTreeTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.2", type: CmatTreeTableComponent, isStandalone: true, selector: "cmat-treetable", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, verticalSeparator: { classPropertyName: "verticalSeparator", publicName: "verticalSeparator", isSignal: true, isRequired: false, transformFunction: null }, initExpand: { classPropertyName: "initExpand", publicName: "initExpand", isSignal: true, isRequired: false, transformFunction: null }, tableClass: { classPropertyName: "tableClass", publicName: "tableClass", isSignal: true, isRequired: false, transformFunction: null }, showControlColumn: { classPropertyName: "showControlColumn", publicName: "showControlColumn", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { nodeClicked: "nodeClicked" }, queries: [{ propertyName: "customColumnTpl", first: true, predicate: CmatTreeTableColumnDirective, descendants: true, read: TemplateRef, isSignal: true }], exportAs: ["cmatTreeTable"], usesOnChanges: true, ngImport: i0, template: "<table mat-table class=\"normal-mobile-table w-full bg-transparent\" [dataSource]=\"dataSource()\" [ngClass]=\"tableClass()\">\r\n    @for (column of getDisplayedColumns(); track $index) {\r\n    @if(column==='operate'){\r\n    <ng-container matColumnDef=\"{{column}}\">\r\n        <th *matHeaderCellDef mat-header-cell class=\"text-center\"\r\n            [ngClass]=\"{'vertical-separator': verticalSeparator()&&!$first}\"> \u64CD\u4F5C </th>\r\n        <td *matCellDef=\"let element\" mat-cell [ngClass]=\"{'vertical-separator': verticalSeparator()&&!$first}\">\r\n            <ng-container\r\n                *ngTemplateOutlet=\"customColumnTpl() ? customColumnTpl() : columnTpl; context: {$implicit: element}\"></ng-container>\r\n        </td>\r\n    </ng-container>\r\n    }@else {\r\n    <ng-container matColumnDef=\"{{column}}\">\r\n        <th *matHeaderCellDef mat-header-cell [ngClass]=\"{'vertical-separator': verticalSeparator()&&!$first}\">\r\n            {{column}}\r\n        </th>\r\n        <td *matCellDef=\"let element\" mat-cell [ngClass]=\"{'vertical-separator': verticalSeparator()&&!$first}\">\r\n            @if($first){\r\n            <div class=\"value-cell\">\r\n                <div [innerHTML]=\"formatIndentation(element)\"></div>\r\n                <button matIconButton  [ngStyle]=\"{'visibility': element.children?.length>0 ? 'visible' : 'hidden'}\"\r\n                    (click)=\"onNodeClick(element)\">\r\n                    <mat-icon [svgIcon]=\"element.isExpanded? 'mat_outline:expand_more' : 'mat_outline:chevron_right'\">\r\n                    </mat-icon>\r\n                </button>\r\n\r\n                <div>{{element[column]}}</div>\r\n            </div>\r\n            }@else {\r\n            <div>\r\n                {{element[column]}}\r\n            </div>\r\n            }\r\n        </td>\r\n    </ng-container>\r\n    }\r\n    }\r\n\r\n    <tr *matHeaderRowDef=\"getDisplayedColumns()\" mat-header-row></tr>\r\n    <tr *matRowDef=\"let row; columns: getDisplayedColumns();\" mat-row class='group'></tr>\r\n</table>\r\n\r\n<ng-template #columnTpl>\r\n    <div>\u8BF7\u5B9E\u73B0\u81EA\u5B9A\u4E49\u6A21\u677F</div>\r\n</ng-template>\r\n", styles: ["cmat-treetable .value-cell{display:flex;align-items:center}cmat-treetable .vertical-separator{border-left:1px solid var(--cmat-divider)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i2.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i2.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i2.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i2.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i2.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i2.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i2.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i2.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i2.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i2.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CmatTreeTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: CmatTreeTableComponent, isStandalone: true, selector: "cmat-treetable", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, verticalSeparator: { classPropertyName: "verticalSeparator", publicName: "verticalSeparator", isSignal: true, isRequired: false, transformFunction: null }, initExpand: { classPropertyName: "initExpand", publicName: "initExpand", isSignal: true, isRequired: false, transformFunction: null }, tableClass: { classPropertyName: "tableClass", publicName: "tableClass", isSignal: true, isRequired: false, transformFunction: null }, showControlColumn: { classPropertyName: "showControlColumn", publicName: "showControlColumn", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { nodeClicked: "nodeClicked" }, queries: [{ propertyName: "customColumnTpl", first: true, predicate: CmatTreeTableColumnDirective, descendants: true, read: TemplateRef, isSignal: true }], exportAs: ["cmatTreeTable"], usesOnChanges: true, ngImport: i0, template: "<table mat-table class=\"normal-mobile-table w-full bg-transparent\" [dataSource]=\"dataSource()\" [ngClass]=\"tableClass()\">\r\n    @for (column of getDisplayedColumns(); track $index) {\r\n    @if(column==='operate'){\r\n    <ng-container matColumnDef=\"{{column}}\">\r\n        <th *matHeaderCellDef mat-header-cell class=\"text-center\"\r\n            [ngClass]=\"{'vertical-separator': verticalSeparator()&&!$first}\"> \u64CD\u4F5C </th>\r\n        <td *matCellDef=\"let element\" mat-cell [ngClass]=\"{'vertical-separator': verticalSeparator()&&!$first}\">\r\n            <ng-container\r\n                *ngTemplateOutlet=\"customColumnTpl() ? customColumnTpl() : columnTpl; context: {$implicit: element}\"></ng-container>\r\n        </td>\r\n    </ng-container>\r\n    }@else {\r\n    <ng-container matColumnDef=\"{{column}}\">\r\n        <th *matHeaderCellDef mat-header-cell [ngClass]=\"{'vertical-separator': verticalSeparator()&&!$first}\">\r\n            {{column}}\r\n        </th>\r\n        <td *matCellDef=\"let element\" mat-cell [ngClass]=\"{'vertical-separator': verticalSeparator()&&!$first}\">\r\n            @if($first){\r\n            <div class=\"value-cell\">\r\n                <div [innerHTML]=\"formatIndentation(element)\"></div>\r\n                <button matIconButton  [ngStyle]=\"{'visibility': element.children?.length>0 ? 'visible' : 'hidden'}\"\r\n                    (click)=\"onNodeClick(element)\">\r\n                    <mat-icon [svgIcon]=\"element.isExpanded? 'mat_outline:expand_more' : 'mat_outline:chevron_right'\">\r\n                    </mat-icon>\r\n                </button>\r\n\r\n                <div>{{element[column]}}</div>\r\n            </div>\r\n            }@else {\r\n            <div>\r\n                {{element[column]}}\r\n            </div>\r\n            }\r\n        </td>\r\n    </ng-container>\r\n    }\r\n    }\r\n\r\n    <tr *matHeaderRowDef=\"getDisplayedColumns()\" mat-header-row></tr>\r\n    <tr *matRowDef=\"let row; columns: getDisplayedColumns();\" mat-row class='group'></tr>\r\n</table>\r\n\r\n<ng-template #columnTpl>\r\n    <div>\u8BF7\u5B9E\u73B0\u81EA\u5B9A\u4E49\u6A21\u677F</div>\r\n</ng-template>\r\n", styles: ["cmat-treetable .value-cell{display:flex;align-items:center}cmat-treetable .vertical-separator{border-left:1px solid var(--cmat-divider)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i2.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i2.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i2.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i2.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i2.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i2.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i2.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i2.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i2.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i2.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatTreeTableComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CmatTreeTableComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cmat-treetable', imports: [CommonModule, MatTableModule, MatIconModule, MatButtonModule], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, exportAs: 'cmatTreeTable', template: "<table mat-table class=\"normal-mobile-table w-full bg-transparent\" [dataSource]=\"dataSource()\" [ngClass]=\"tableClass()\">\r\n    @for (column of getDisplayedColumns(); track $index) {\r\n    @if(column==='operate'){\r\n    <ng-container matColumnDef=\"{{column}}\">\r\n        <th *matHeaderCellDef mat-header-cell class=\"text-center\"\r\n            [ngClass]=\"{'vertical-separator': verticalSeparator()&&!$first}\"> \u64CD\u4F5C </th>\r\n        <td *matCellDef=\"let element\" mat-cell [ngClass]=\"{'vertical-separator': verticalSeparator()&&!$first}\">\r\n            <ng-container\r\n                *ngTemplateOutlet=\"customColumnTpl() ? customColumnTpl() : columnTpl; context: {$implicit: element}\"></ng-container>\r\n        </td>\r\n    </ng-container>\r\n    }@else {\r\n    <ng-container matColumnDef=\"{{column}}\">\r\n        <th *matHeaderCellDef mat-header-cell [ngClass]=\"{'vertical-separator': verticalSeparator()&&!$first}\">\r\n            {{column}}\r\n        </th>\r\n        <td *matCellDef=\"let element\" mat-cell [ngClass]=\"{'vertical-separator': verticalSeparator()&&!$first}\">\r\n            @if($first){\r\n            <div class=\"value-cell\">\r\n                <div [innerHTML]=\"formatIndentation(element)\"></div>\r\n                <button matIconButton  [ngStyle]=\"{'visibility': element.children?.length>0 ? 'visible' : 'hidden'}\"\r\n                    (click)=\"onNodeClick(element)\">\r\n                    <mat-icon [svgIcon]=\"element.isExpanded? 'mat_outline:expand_more' : 'mat_outline:chevron_right'\">\r\n                    </mat-icon>\r\n                </button>\r\n\r\n                <div>{{element[column]}}</div>\r\n            </div>\r\n            }@else {\r\n            <div>\r\n                {{element[column]}}\r\n            </div>\r\n            }\r\n        </td>\r\n    </ng-container>\r\n    }\r\n    }\r\n\r\n    <tr *matHeaderRowDef=\"getDisplayedColumns()\" mat-header-row></tr>\r\n    <tr *matRowDef=\"let row; columns: getDisplayedColumns();\" mat-row class='group'></tr>\r\n</table>\r\n\r\n<ng-template #columnTpl>\r\n    <div>\u8BF7\u5B9E\u73B0\u81EA\u5B9A\u4E49\u6A21\u677F</div>\r\n</ng-template>\r\n", styles: ["cmat-treetable .value-cell{display:flex;align-items:center}cmat-treetable .vertical-separator{border-left:1px solid var(--cmat-divider)}\n"] }]
         }], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }], verticalSeparator: [{ type: i0.Input, args: [{ isSignal: true, alias: "verticalSeparator", required: false }] }], initExpand: [{ type: i0.Input, args: [{ isSignal: true, alias: "initExpand", required: false }] }], tableClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "tableClass", required: false }] }], showControlColumn: [{ type: i0.Input, args: [{ isSignal: true, alias: "showControlColumn", required: false }] }], nodeClicked: [{ type: i0.Output, args: ["nodeClicked"] }], customColumnTpl: [{ type: i0.ContentChild, args: [i0.forwardRef(() => CmatTreeTableColumnDirective), { ...{ read: TemplateRef }, isSignal: true }] }] } });

package/fesm2022/cmat-components-upload.mjs

@@ -93,10 +93,10 @@ class CmatFilesUtilService {
                 .pipe(tap((res) => res), catchError(err => CmatUtilsService.handleError(err)));
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatFilesUtilService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatFilesUtilService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CmatFilesUtilService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CmatFilesUtilService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatFilesUtilService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CmatFilesUtilService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -209,10 +209,10 @@ class CmatUploadComponent {
     remove() {
         this.removeEvent.emit(this);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.2", type: CmatUploadComponent, isStandalone: true, selector: "cmat-upload", inputs: { fileAlias: { classPropertyName: "fileAlias", publicName: "fileAlias", isSignal: true, isRequired: false, transformFunction: null }, filePath: { classPropertyName: "filePath", publicName: "filePath", isSignal: true, isRequired: false, transformFunction: null }, fileCategory: { classPropertyName: "fileCategory", publicName: "fileCategory", isSignal: true, isRequired: false, transformFunction: null }, isPublic: { classPropertyName: "isPublic", publicName: "isPublic", isSignal: true, isRequired: false, transformFunction: null }, editMode: { classPropertyName: "editMode", publicName: "editMode", isSignal: true, isRequired: false, transformFunction: null }, autoUpload: { classPropertyName: "autoUpload", publicName: "autoUpload", isSignal: true, isRequired: false, transformFunction: null }, file: { classPropertyName: "file", publicName: "file", isSignal: true, isRequired: true, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { removeEvent: "removeEvent", uploadEvent: "uploadEvent", file: "fileChange" }, exportAs: ["cmatUpload"], ngImport: i0, template: "<div class=\"flex flex-col\">\r\n  <div class=\"flex flex-row items-center\">\r\n    <span class=\"flex items-center px-1\">\r\n      <mat-icon class=\"icon-size-6 text-hint\" [svgIcon]=\"fileType\"></mat-icon>\r\n    </span>\r\n    <span\r\n      matTooltip=\"{{ file().name }}\"\r\n      class=\"text-sm flex flex-auto whitespace-nowrap overflow-x-hidden text-ellipsis\"\r\n      >{{ file().name }}({{ fileSize | cmatBytes }})</span\r\n    >\r\n    <span class=\"flex flex-row gap-1 print:hidden\">\r\n      @if (id() === null) {\r\n        <button\r\n          matIconButton\r\n          color=\"primary\"\r\n          class=\"w-8 min-h-8 h-8 max-w-8\"\r\n          [ngClass]=\"{ disabled: isUploading() }\"\r\n          (click)=\"upload()\"\r\n        >\r\n          <mat-icon\r\n            class=\"icon-size-5\"\r\n            [svgIcon]=\"'mat_outline:file_upload'\"\r\n          ></mat-icon>\r\n        </button>\r\n      }\r\n\r\n      @if (id() !== null) {\r\n        <button\r\n          matIconButton\r\n          color=\"primary\"\r\n          class=\"w-8 min-h-8 h-8 max-w-8\"\r\n          (click)=\"download()\"\r\n        >\r\n          <mat-icon\r\n            class=\"icon-size-5\"\r\n            [svgIcon]=\"'mat_outline:file_download'\"\r\n          ></mat-icon>\r\n        </button>\r\n      }\r\n\r\n      @if (editMode()) {\r\n        <button\r\n          matIconButton\r\n          color=\"warn\"\r\n          class=\"w-8 min-h-8 h-8 max-w-8\"\r\n          (click)=\"remove()\"\r\n        >\r\n          <mat-icon\r\n            class=\"icon-size-5\"\r\n            [svgIcon]=\"'heroicons_solid:trash'\"\r\n          ></mat-icon>\r\n        </button>\r\n      }\r\n    </span>\r\n  </div>\r\n  @if (id() === null) {\r\n    <mat-progress-bar [value]=\"progressPercentage()\"></mat-progress-bar>\r\n    <div\r\n      class=\"text-sm block whitespace-nowrap overflow-x-hidden text-ellipsis\"\r\n    >\r\n      <span>{{ progressPercentage() }}%</span\r\n      ><span> {{ loaded() | cmatBytes }} of {{ total() | cmatBytes }}</span>\r\n    </div>\r\n  }\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i3$1.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: CmatBytesPipe, name: "cmatBytes" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CmatUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: CmatUploadComponent, isStandalone: true, selector: "cmat-upload", inputs: { fileAlias: { classPropertyName: "fileAlias", publicName: "fileAlias", isSignal: true, isRequired: false, transformFunction: null }, filePath: { classPropertyName: "filePath", publicName: "filePath", isSignal: true, isRequired: false, transformFunction: null }, fileCategory: { classPropertyName: "fileCategory", publicName: "fileCategory", isSignal: true, isRequired: false, transformFunction: null }, isPublic: { classPropertyName: "isPublic", publicName: "isPublic", isSignal: true, isRequired: false, transformFunction: null }, editMode: { classPropertyName: "editMode", publicName: "editMode", isSignal: true, isRequired: false, transformFunction: null }, autoUpload: { classPropertyName: "autoUpload", publicName: "autoUpload", isSignal: true, isRequired: false, transformFunction: null }, file: { classPropertyName: "file", publicName: "file", isSignal: true, isRequired: true, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { removeEvent: "removeEvent", uploadEvent: "uploadEvent", file: "fileChange" }, exportAs: ["cmatUpload"], ngImport: i0, template: "<div class=\"flex flex-col\">\r\n  <div class=\"flex flex-row items-center\">\r\n    <span class=\"flex items-center px-1\">\r\n      <mat-icon class=\"icon-size-6 text-hint\" [svgIcon]=\"fileType\"></mat-icon>\r\n    </span>\r\n    <span\r\n      matTooltip=\"{{ file().name }}\"\r\n      class=\"text-sm flex flex-auto whitespace-nowrap overflow-x-hidden text-ellipsis\"\r\n      >{{ file().name }}({{ fileSize | cmatBytes }})</span\r\n    >\r\n    <span class=\"flex flex-row gap-1 print:hidden\">\r\n      @if (id() === null) {\r\n        <button\r\n          matIconButton\r\n          color=\"primary\"\r\n          class=\"w-8 min-h-8 h-8 max-w-8\"\r\n          [ngClass]=\"{ disabled: isUploading() }\"\r\n          (click)=\"upload()\"\r\n        >\r\n          <mat-icon\r\n            class=\"icon-size-5\"\r\n            [svgIcon]=\"'mat_outline:file_upload'\"\r\n          ></mat-icon>\r\n        </button>\r\n      }\r\n\r\n      @if (id() !== null) {\r\n        <button\r\n          matIconButton\r\n          color=\"primary\"\r\n          class=\"w-8 min-h-8 h-8 max-w-8\"\r\n          (click)=\"download()\"\r\n        >\r\n          <mat-icon\r\n            class=\"icon-size-5\"\r\n            [svgIcon]=\"'mat_outline:file_download'\"\r\n          ></mat-icon>\r\n        </button>\r\n      }\r\n\r\n      @if (editMode()) {\r\n        <button\r\n          matIconButton\r\n          color=\"warn\"\r\n          class=\"w-8 min-h-8 h-8 max-w-8\"\r\n          (click)=\"remove()\"\r\n        >\r\n          <mat-icon\r\n            class=\"icon-size-5\"\r\n            [svgIcon]=\"'heroicons_solid:trash'\"\r\n          ></mat-icon>\r\n        </button>\r\n      }\r\n    </span>\r\n  </div>\r\n  @if (id() === null) {\r\n    <mat-progress-bar [value]=\"progressPercentage()\"></mat-progress-bar>\r\n    <div\r\n      class=\"text-sm block whitespace-nowrap overflow-x-hidden text-ellipsis\"\r\n    >\r\n      <span>{{ progressPercentage() }}%</span\r\n      ><span> {{ loaded() | cmatBytes }} of {{ total() | cmatBytes }}</span>\r\n    </div>\r\n  }\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i3$1.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: CmatBytesPipe, name: "cmatBytes" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatUploadComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CmatUploadComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cmat-upload', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'cmatUpload', imports: [
                         MatButtonModule,
@@ -372,10 +372,10 @@ class CmatUploadQueueComponent {
             return fileType === type;
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatUploadQueueComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.2", type: CmatUploadQueueComponent, isStandalone: true, selector: "cmat-upload-queue", inputs: { fileAlias: { classPropertyName: "fileAlias", publicName: "fileAlias", isSignal: true, isRequired: false, transformFunction: null }, filePath: { classPropertyName: "filePath", publicName: "filePath", isSignal: true, isRequired: false, transformFunction: null }, fileCategory: { classPropertyName: "fileCategory", publicName: "fileCategory", isSignal: true, isRequired: false, transformFunction: null }, isPublic: { classPropertyName: "isPublic", publicName: "isPublic", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, autoUpload: { classPropertyName: "autoUpload", publicName: "autoUpload", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, accept: { classPropertyName: "accept", publicName: "accept", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, editMode: { classPropertyName: "editMode", publicName: "editMode", isSignal: true, isRequired: false, transformFunction: null }, filesData: { classPropertyName: "filesData", publicName: "filesData", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { outputRemoveIdEvent: "outputRemoveIdEvent", outputUploadIdEvent: "outputUploadIdEvent", outputFilesDataEvent: "outputFilesDataEvent", filesData: "filesDataChange" }, host: { listeners: { "drop": "onDrop($event)", "dragover": "onDropOver($event)" } }, viewQueries: [{ propertyName: "fileUploads", predicate: CmatUploadComponent, descendants: true, isSignal: true }], exportAs: ["cmatUploadQueue"], ngImport: i0, template: "<mat-card>\r\n  <mat-card-header>\r\n    <mat-card-title>\r\n      <legend class=\"text-lg\">\r\n        {{ title() }}\r\n        @if (required()) {\r\n          <span>*</span>\r\n        }\r\n      </legend>\r\n    </mat-card-title>\r\n  </mat-card-header>\r\n  <input\r\n    type=\"file\"\r\n    class=\"hidden\"\r\n    [id]=\"id\"\r\n    [multiple]=\"multiple()\"\r\n    [accept]=\"accept()\"\r\n  />\r\n\r\n  @if (editMode()) {\r\n    <mat-card-actions class=\"flex flex-row gap-1 print:hidden\">\r\n      @if (!isHandSet()) {\r\n        <button matButton=\"filled\" color=\"primary\" (click)=\"choose()\">\r\n          @if (autoUpload()) {\r\n            <mat-icon [svgIcon]=\"'mat_outline:file_upload'\"></mat-icon>\r\n          } @else {\r\n            <mat-icon [svgIcon]=\"'mat_outline:add_box'\"></mat-icon>\r\n          }\r\n          <span class=\"ml-2\">\u9009\u62E9</span>\r\n        </button>\r\n        @if (filesData() && multiple() && filesData().length > 0) {\r\n          @if (!autoUpload()) {\r\n            <button matButton=\"filled\" color=\"accent\" (click)=\"uploadAll()\">\r\n              <mat-icon [svgIcon]=\"'mat_outline:file_upload'\"></mat-icon\r\n              ><span class=\"ml-2\">\u4E0A\u4F20\u5168\u90E8</span>\r\n            </button>\r\n          }\r\n\r\n          <button matButton=\"filled\" color=\"warn\" (click)=\"removeAll()\">\r\n            <mat-icon [svgIcon]=\"'heroicons_solid:trash'\"></mat-icon\r\n            ><span class=\"ml-2\">\u5220\u9664\u5168\u90E8</span>\r\n          </button>\r\n        }\r\n      } @else {\r\n        <button matIconButton color=\"primary\" (click)=\"choose()\">\r\n          @if (autoUpload()) {\r\n            <mat-icon [svgIcon]=\"'mat_outline:file_upload'\"></mat-icon>\r\n          } @else {\r\n            <mat-icon [svgIcon]=\"'mat_outline:add_box'\"></mat-icon>\r\n          }\r\n        </button>\r\n\r\n        @if (filesData() && multiple() && filesData().length > 0) {\r\n          @if (!autoUpload()) {\r\n            <button matIconButton color=\"accent\" (click)=\"uploadAll()\">\r\n              <mat-icon [svgIcon]=\"'mat_outline:file_upload'\"></mat-icon>\r\n            </button>\r\n          }\r\n\r\n          <button matIconButton color=\"warn\" (click)=\"removeAll()\">\r\n            <mat-icon [svgIcon]=\"'heroicons_solid:trash'\"></mat-icon>\r\n          </button>\r\n        }\r\n      }\r\n    </mat-card-actions>\r\n  }\r\n\r\n  <mat-card-content>\r\n    <mat-list class=\"border-t\">\r\n      @for (file of filesData(); track $index) {\r\n        <mat-list-item class=\"cmat-upload-file-item h-full\">\r\n          <cmat-upload\r\n            class=\"my-2\"\r\n            [fileAlias]=\"fileAlias()\"\r\n            [filePath]=\"filePath()\"\r\n            [fileCategory]=\"fileCategory()\"\r\n            [autoUpload]=\"autoUpload()\"\r\n            [editMode]=\"editMode()\"\r\n            [file]=\"file\"\r\n            [id]=\"file.id || null\"\r\n            [isPublic]=\"isPublic()\"\r\n            (removeEvent)=\"remove($event)\"\r\n            (uploadEvent)=\"upload($event)\"\r\n          ></cmat-upload>\r\n        </mat-list-item>\r\n      }\r\n    </mat-list>\r\n  </mat-card-content>\r\n</mat-card>\r\n", dependencies: [{ kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i1.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i1.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i1.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i1.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i2$1.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i2$1.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: CmatUploadComponent, selector: "cmat-upload", inputs: ["fileAlias", "filePath", "fileCategory", "isPublic", "editMode", "autoUpload", "file", "id"], outputs: ["removeEvent", "uploadEvent", "fileChange"], exportAs: ["cmatUpload"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CmatUploadQueueComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: CmatUploadQueueComponent, isStandalone: true, selector: "cmat-upload-queue", inputs: { fileAlias: { classPropertyName: "fileAlias", publicName: "fileAlias", isSignal: true, isRequired: false, transformFunction: null }, filePath: { classPropertyName: "filePath", publicName: "filePath", isSignal: true, isRequired: false, transformFunction: null }, fileCategory: { classPropertyName: "fileCategory", publicName: "fileCategory", isSignal: true, isRequired: false, transformFunction: null }, isPublic: { classPropertyName: "isPublic", publicName: "isPublic", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, autoUpload: { classPropertyName: "autoUpload", publicName: "autoUpload", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, accept: { classPropertyName: "accept", publicName: "accept", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, editMode: { classPropertyName: "editMode", publicName: "editMode", isSignal: true, isRequired: false, transformFunction: null }, filesData: { classPropertyName: "filesData", publicName: "filesData", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { outputRemoveIdEvent: "outputRemoveIdEvent", outputUploadIdEvent: "outputUploadIdEvent", outputFilesDataEvent: "outputFilesDataEvent", filesData: "filesDataChange" }, host: { listeners: { "drop": "onDrop($event)", "dragover": "onDropOver($event)" } }, viewQueries: [{ propertyName: "fileUploads", predicate: CmatUploadComponent, descendants: true, isSignal: true }], exportAs: ["cmatUploadQueue"], ngImport: i0, template: "<mat-card>\r\n  <mat-card-header>\r\n    <mat-card-title>\r\n      <legend class=\"text-lg\">\r\n        {{ title() }}\r\n        @if (required()) {\r\n          <span>*</span>\r\n        }\r\n      </legend>\r\n    </mat-card-title>\r\n  </mat-card-header>\r\n  <input\r\n    type=\"file\"\r\n    class=\"hidden\"\r\n    [id]=\"id\"\r\n    [multiple]=\"multiple()\"\r\n    [accept]=\"accept()\"\r\n  />\r\n\r\n  @if (editMode()) {\r\n    <mat-card-actions class=\"flex flex-row gap-1 print:hidden\">\r\n      @if (!isHandSet()) {\r\n        <button matButton=\"filled\" color=\"primary\" (click)=\"choose()\">\r\n          @if (autoUpload()) {\r\n            <mat-icon [svgIcon]=\"'mat_outline:file_upload'\"></mat-icon>\r\n          } @else {\r\n            <mat-icon [svgIcon]=\"'mat_outline:add_box'\"></mat-icon>\r\n          }\r\n          <span class=\"ml-2\">\u9009\u62E9</span>\r\n        </button>\r\n        @if (filesData() && multiple() && filesData().length > 0) {\r\n          @if (!autoUpload()) {\r\n            <button matButton=\"filled\" color=\"accent\" (click)=\"uploadAll()\">\r\n              <mat-icon [svgIcon]=\"'mat_outline:file_upload'\"></mat-icon\r\n              ><span class=\"ml-2\">\u4E0A\u4F20\u5168\u90E8</span>\r\n            </button>\r\n          }\r\n\r\n          <button matButton=\"filled\" color=\"warn\" (click)=\"removeAll()\">\r\n            <mat-icon [svgIcon]=\"'heroicons_solid:trash'\"></mat-icon\r\n            ><span class=\"ml-2\">\u5220\u9664\u5168\u90E8</span>\r\n          </button>\r\n        }\r\n      } @else {\r\n        <button matIconButton color=\"primary\" (click)=\"choose()\">\r\n          @if (autoUpload()) {\r\n            <mat-icon [svgIcon]=\"'mat_outline:file_upload'\"></mat-icon>\r\n          } @else {\r\n            <mat-icon [svgIcon]=\"'mat_outline:add_box'\"></mat-icon>\r\n          }\r\n        </button>\r\n\r\n        @if (filesData() && multiple() && filesData().length > 0) {\r\n          @if (!autoUpload()) {\r\n            <button matIconButton color=\"accent\" (click)=\"uploadAll()\">\r\n              <mat-icon [svgIcon]=\"'mat_outline:file_upload'\"></mat-icon>\r\n            </button>\r\n          }\r\n\r\n          <button matIconButton color=\"warn\" (click)=\"removeAll()\">\r\n            <mat-icon [svgIcon]=\"'heroicons_solid:trash'\"></mat-icon>\r\n          </button>\r\n        }\r\n      }\r\n    </mat-card-actions>\r\n  }\r\n\r\n  <mat-card-content>\r\n    <mat-list class=\"border-t\">\r\n      @for (file of filesData(); track $index) {\r\n        <mat-list-item class=\"cmat-upload-file-item h-full\">\r\n          <cmat-upload\r\n            class=\"my-2\"\r\n            [fileAlias]=\"fileAlias()\"\r\n            [filePath]=\"filePath()\"\r\n            [fileCategory]=\"fileCategory()\"\r\n            [autoUpload]=\"autoUpload()\"\r\n            [editMode]=\"editMode()\"\r\n            [file]=\"file\"\r\n            [id]=\"file.id || null\"\r\n            [isPublic]=\"isPublic()\"\r\n            (removeEvent)=\"remove($event)\"\r\n            (uploadEvent)=\"upload($event)\"\r\n          ></cmat-upload>\r\n        </mat-list-item>\r\n      }\r\n    </mat-list>\r\n  </mat-card-content>\r\n</mat-card>\r\n", dependencies: [{ kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i1.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i1.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i1.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i1.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i2$1.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i2$1.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: CmatUploadComponent, selector: "cmat-upload", inputs: ["fileAlias", "filePath", "fileCategory", "isPublic", "editMode", "autoUpload", "file", "id"], outputs: ["removeEvent", "uploadEvent", "fileChange"], exportAs: ["cmatUpload"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatUploadQueueComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CmatUploadQueueComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cmat-upload-queue', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'cmatUploadQueue', imports: [
                         MatCardModule,

package/fesm2022/cmat-directives-animate-on-scroll.mjs

@@ -21,10 +21,10 @@ class ScrollService {
     manageScrollPos() {
         this.pos = typeof window !== 'undefined' ? window.scrollY : 0;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: ScrollService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: ScrollService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ScrollService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ScrollService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: ScrollService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ScrollService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -120,10 +120,10 @@ class CmatAnimationOnScrollDirective {
             this._offsetTop = 0;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatAnimationOnScrollDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.2", type: CmatAnimationOnScrollDirective, isStandalone: true, selector: "[cmatAnimateOnScroll]", inputs: { animationName: { classPropertyName: "animationName", publicName: "animationName", isSignal: true, isRequired: false, transformFunction: null }, offset: { classPropertyName: "offset", publicName: "offset", isSignal: true, isRequired: false, transformFunction: null }, useScroll: { classPropertyName: "useScroll", publicName: "useScroll", isSignal: true, isRequired: false, transformFunction: null }, threshold: { classPropertyName: "threshold", publicName: "threshold", isSignal: true, isRequired: false, transformFunction: null } }, providers: [ScrollService], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CmatAnimationOnScrollDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.8", type: CmatAnimationOnScrollDirective, isStandalone: true, selector: "[cmatAnimateOnScroll]", inputs: { animationName: { classPropertyName: "animationName", publicName: "animationName", isSignal: true, isRequired: false, transformFunction: null }, offset: { classPropertyName: "offset", publicName: "offset", isSignal: true, isRequired: false, transformFunction: null }, useScroll: { classPropertyName: "useScroll", publicName: "useScroll", isSignal: true, isRequired: false, transformFunction: null }, threshold: { classPropertyName: "threshold", publicName: "threshold", isSignal: true, isRequired: false, transformFunction: null } }, providers: [ScrollService], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatAnimationOnScrollDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CmatAnimationOnScrollDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[cmatAnimateOnScroll]',

package/fesm2022/cmat-directives-arrow-cursor.mjs

@@ -164,10 +164,10 @@ class CmatArrowCursorDirective {
             this._cursorIcon.style.transform = transform;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatArrowCursorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.2", type: CmatArrowCursorDirective, isStandalone: true, selector: "[cmatArrowCursor]", inputs: { animationDuration: { classPropertyName: "animationDuration", publicName: "animationDuration", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, enabled: { classPropertyName: "enabled", publicName: "enabled", isSignal: true, isRequired: false, transformFunction: null }, selector: { classPropertyName: "selector", publicName: "selector", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clickEvent: "clickEvent" }, host: { listeners: { "mouseenter": "onMouseEnter($event)", "mouseleave": "onMouseLeave($event)", "mousemove": "onMouseOver($event)", "click": "onClick($event)" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CmatArrowCursorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.8", type: CmatArrowCursorDirective, isStandalone: true, selector: "[cmatArrowCursor]", inputs: { animationDuration: { classPropertyName: "animationDuration", publicName: "animationDuration", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, enabled: { classPropertyName: "enabled", publicName: "enabled", isSignal: true, isRequired: false, transformFunction: null }, selector: { classPropertyName: "selector", publicName: "selector", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clickEvent: "clickEvent" }, host: { listeners: { "mouseenter": "onMouseEnter($event)", "mouseleave": "onMouseLeave($event)", "mousemove": "onMouseOver($event)", "click": "onClick($event)" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatArrowCursorDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CmatArrowCursorDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[cmatArrowCursor]'

package/fesm2022/cmat-directives-autofocus.mjs

@@ -8,10 +8,10 @@ class CmatAutofocusDirective {
             this.element.nativeElement.focus();
         }, 0);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatAutofocusDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.2", type: CmatAutofocusDirective, isStandalone: true, selector: "[cmatAutofocus]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CmatAutofocusDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: CmatAutofocusDirective, isStandalone: true, selector: "[cmatAutofocus]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatAutofocusDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CmatAutofocusDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[cmatAutofocus]'

package/fesm2022/cmat-directives-data-exporter.mjs

@@ -107,10 +107,10 @@ class CsvExporterService extends WorksheetExporter {
     getMimeType() {
         return MIME_CSV;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CsvExporterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CsvExporterService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CsvExporterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CsvExporterService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CsvExporterService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CsvExporterService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -131,10 +131,10 @@ class JsonExporterService extends FileExporter {
     getMimeType() {
         return MIME_JSON;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: JsonExporterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: JsonExporterService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: JsonExporterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: JsonExporterService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: JsonExporterService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: JsonExporterService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -165,10 +165,10 @@ class TxtExporterService extends FileExporter {
             return TAB;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: TxtExporterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: TxtExporterService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: TxtExporterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: TxtExporterService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: TxtExporterService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: TxtExporterService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -212,10 +212,10 @@ class XlsExporterService extends WorksheetExporter {
     _convertToWch(columnWidths) {
         return columnWidths.map(width => ({ wch: width }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: XlsExporterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: XlsExporterService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: XlsExporterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: XlsExporterService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: XlsExporterService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: XlsExporterService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -229,10 +229,10 @@ class XlsxExporterService extends XlsExporterService {
     getMimeType() {
         return MIME_EXCEL_XLSX;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: XlsxExporterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: XlsxExporterService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: XlsxExporterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: XlsxExporterService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: XlsxExporterService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: XlsxExporterService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -264,10 +264,10 @@ class ServiceLocatorService {
                 return this._injector.get(XlsxExporterService);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: ServiceLocatorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: ServiceLocatorService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ServiceLocatorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ServiceLocatorService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: ServiceLocatorService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ServiceLocatorService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -327,10 +327,10 @@ class CmatDataExporterDirective {
     _loadExporter(exportType) {
         this._exporterService = this._serviceLocator.getService(exportType);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatDataExporterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.2", type: CmatDataExporterDirective, isStandalone: true, selector: "button[cmatDataExporter]", inputs: { dataSource: { classPropertyName: "dataSource", publicName: "dataSource", isSignal: true, isRequired: false, transformFunction: null }, exportColumns: { classPropertyName: "exportColumns", publicName: "exportColumns", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, exportType: { classPropertyName: "exportType", publicName: "exportType", isSignal: true, isRequired: false, transformFunction: null }, transformBoolean: { classPropertyName: "transformBoolean", publicName: "transformBoolean", isSignal: true, isRequired: false, transformFunction: null }, transformDate: { classPropertyName: "transformDate", publicName: "transformDate", isSignal: true, isRequired: false, transformFunction: null }, dateFormat: { classPropertyName: "dateFormat", publicName: "dateFormat", isSignal: true, isRequired: false, transformFunction: null } }, usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CmatDataExporterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.8", type: CmatDataExporterDirective, isStandalone: true, selector: "button[cmatDataExporter]", inputs: { dataSource: { classPropertyName: "dataSource", publicName: "dataSource", isSignal: true, isRequired: false, transformFunction: null }, exportColumns: { classPropertyName: "exportColumns", publicName: "exportColumns", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, exportType: { classPropertyName: "exportType", publicName: "exportType", isSignal: true, isRequired: false, transformFunction: null }, transformBoolean: { classPropertyName: "transformBoolean", publicName: "transformBoolean", isSignal: true, isRequired: false, transformFunction: null }, transformDate: { classPropertyName: "transformDate", publicName: "transformDate", isSignal: true, isRequired: false, transformFunction: null }, dateFormat: { classPropertyName: "dateFormat", publicName: "dateFormat", isSignal: true, isRequired: false, transformFunction: null } }, usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatDataExporterDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CmatDataExporterDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'button[cmatDataExporter]',

package/fesm2022/cmat-directives-debounce.mjs

@@ -20,10 +20,10 @@ class AbstractDebounceDirective {
     emitChange(value) {
         this.emitChanged.emit(value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: AbstractDebounceDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.2", type: AbstractDebounceDirective, isStandalone: true, inputs: { debounceTime: { classPropertyName: "debounceTime", publicName: "debounceTime", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { emitChanged: "emitChanged" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AbstractDebounceDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.8", type: AbstractDebounceDirective, isStandalone: true, inputs: { debounceTime: { classPropertyName: "debounceTime", publicName: "debounceTime", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { emitChanged: "emitChanged" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: AbstractDebounceDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AbstractDebounceDirective, decorators: [{
             type: Directive
         }], ctorParameters: () => [], propDecorators: { emitChanged: [{ type: i0.Output, args: ["emitChanged"] }], debounceTime: [{ type: i0.Input, args: [{ isSignal: true, alias: "debounceTime", required: false }] }] } });
 
@@ -35,10 +35,10 @@ class CmatDebounceClickDirective extends AbstractDebounceDirective {
         event.preventDefault();
         this.emitEvent$.next(event);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatDebounceClickDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.2", type: CmatDebounceClickDirective, isStandalone: true, selector: "[cmatDebounceClick]", host: { listeners: { "click": "onKeyUp($event)" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CmatDebounceClickDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: CmatDebounceClickDirective, isStandalone: true, selector: "[cmatDebounceClick]", host: { listeners: { "click": "onKeyUp($event)" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatDebounceClickDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CmatDebounceClickDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[cmatDebounceClick]'
@@ -56,10 +56,10 @@ class CmatDebounceKeyupDirective extends AbstractDebounceDirective {
         event.preventDefault();
         this.emitEvent$.next(event);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatDebounceKeyupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.2", type: CmatDebounceKeyupDirective, isStandalone: true, selector: "input,textarea[cmatDebounceKeyup]", host: { listeners: { "keyup": "onKeyUp($event)" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CmatDebounceKeyupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: CmatDebounceKeyupDirective, isStandalone: true, selector: "input,textarea[cmatDebounceKeyup]", host: { listeners: { "keyup": "onKeyUp($event)" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatDebounceKeyupDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CmatDebounceKeyupDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'input,textarea[cmatDebounceKeyup]'

package/fesm2022/cmat-directives-digit-only.mjs

@@ -243,10 +243,10 @@ class CmatDigitOnlyDirective {
             key +
             oldValue.substring(selectionEnd));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatDigitOnlyDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.2", type: CmatDigitOnlyDirective, isStandalone: true, selector: "[cmatDigitOnly]", inputs: { decimal: { classPropertyName: "decimal", publicName: "decimal", isSignal: true, isRequired: false, transformFunction: null }, decimalSeparator: { classPropertyName: "decimalSeparator", publicName: "decimalSeparator", isSignal: true, isRequired: false, transformFunction: null }, allowNegatives: { classPropertyName: "allowNegatives", publicName: "allowNegatives", isSignal: true, isRequired: false, transformFunction: null }, allowPaste: { classPropertyName: "allowPaste", publicName: "allowPaste", isSignal: true, isRequired: false, transformFunction: null }, negativeSign: { classPropertyName: "negativeSign", publicName: "negativeSign", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, pattern: { classPropertyName: "pattern", publicName: "pattern", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "beforeinput": "onBeforeInput($event)", "input": "onInputChange($event)", "keydown": "onKeyDown($event)", "paste": "onPaste($event)", "drop": "onDrop($event)" } }, usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CmatDigitOnlyDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.8", type: CmatDigitOnlyDirective, isStandalone: true, selector: "[cmatDigitOnly]", inputs: { decimal: { classPropertyName: "decimal", publicName: "decimal", isSignal: true, isRequired: false, transformFunction: null }, decimalSeparator: { classPropertyName: "decimalSeparator", publicName: "decimalSeparator", isSignal: true, isRequired: false, transformFunction: null }, allowNegatives: { classPropertyName: "allowNegatives", publicName: "allowNegatives", isSignal: true, isRequired: false, transformFunction: null }, allowPaste: { classPropertyName: "allowPaste", publicName: "allowPaste", isSignal: true, isRequired: false, transformFunction: null }, negativeSign: { classPropertyName: "negativeSign", publicName: "negativeSign", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, pattern: { classPropertyName: "pattern", publicName: "pattern", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "beforeinput": "onBeforeInput($event)", "input": "onInputChange($event)", "keydown": "onKeyDown($event)", "paste": "onPaste($event)", "drop": "onDrop($event)" } }, usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatDigitOnlyDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CmatDigitOnlyDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[cmatDigitOnly]',
@@ -333,10 +333,10 @@ class CmatMaskDirective {
                 key +
                 oldValue.substring(selectionStart);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatMaskDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.2", type: CmatMaskDirective, isStandalone: true, selector: "[cmatMask]", host: { listeners: { "input": "onInputChange($event)", "keydown": "onKeyDown($event)" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CmatMaskDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: CmatMaskDirective, isStandalone: true, selector: "[cmatMask]", host: { listeners: { "input": "onInputChange($event)", "keydown": "onKeyDown($event)" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatMaskDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CmatMaskDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[cmatMask]'

package/fesm2022/cmat-directives-equal-validator.mjs

@@ -31,12 +31,12 @@ class CmatEqualValidatorDirective {
         }
         return this._reverse === 'true' ? CmatEqualValidatorDirective._validateReverse(c, other) : CmatEqualValidatorDirective._validateNoReverse(c, other);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatEqualValidatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.2", type: CmatEqualValidatorDirective, isStandalone: true, selector: "[cmatValidateEqual][formControlName],[cmatValidateEqual][formControl],[cmatValidateEqual][ngModel]", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CmatEqualValidatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: CmatEqualValidatorDirective, isStandalone: true, selector: "[cmatValidateEqual][formControlName],[cmatValidateEqual][formControl],[cmatValidateEqual][ngModel]", providers: [
             { provide: NG_VALIDATORS, useExisting: forwardRef(() => CmatEqualValidatorDirective), multi: true }
         ], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatEqualValidatorDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CmatEqualValidatorDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[cmatValidateEqual][formControlName],[cmatValidateEqual][formControl],[cmatValidateEqual][ngModel]',

package/fesm2022/cmat-directives-seamless-auto-scroll.mjs

@@ -3,7 +3,8 @@ import { contentChild, TemplateRef, input, inject, ViewContainerRef, Directive }
 
 class CmatSeamlessAutoScrollDirective {
     constructor() {
-        this.itemTemplate = contentChild.required(TemplateRef);
+        this.itemTemplate = contentChild.required(TemplateRef, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "itemTemplate" }] : /* istanbul ignore next */ []));
         this.data = input([], /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "data" }] : /* istanbul ignore next */ [])); // 输入的数据数组
         this.speed = input(10, /* @ts-ignore */
@@ -114,10 +115,10 @@ class CmatSeamlessAutoScrollDirective {
         };
         return map[this.direction()];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatSeamlessAutoScrollDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "22.0.2", type: CmatSeamlessAutoScrollDirective, isStandalone: true, selector: "[cmatSeamlessAutoScroll]", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, speed: { classPropertyName: "speed", publicName: "speed", isSignal: true, isRequired: false, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "itemTemplate", first: true, predicate: TemplateRef, descendants: true, isSignal: true }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CmatSeamlessAutoScrollDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "22.0.8", type: CmatSeamlessAutoScrollDirective, isStandalone: true, selector: "[cmatSeamlessAutoScroll]", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, speed: { classPropertyName: "speed", publicName: "speed", isSignal: true, isRequired: false, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "itemTemplate", first: true, predicate: TemplateRef, descendants: true, isSignal: true }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatSeamlessAutoScrollDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CmatSeamlessAutoScrollDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[cmatSeamlessAutoScroll]',

package/fesm2022/cmat-directives-seamless-auto-scroll.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"cmat-directives-seamless-auto-scroll.mjs","sources":["../../../projects/cmat/directives/seamless-auto-scroll/seamless-auto-scroll.directive.ts","../../../projects/cmat/directives/seamless-auto-scroll/cmat-directives-seamless-auto-scroll.ts"],"sourcesContent":["import {\r\n  Directive,\r\n  OnInit,\r\n  OnDestroy,\r\n  TemplateRef,\r\n  ViewContainerRef,\r\n  inject,\r\n  AfterViewInit,\r\n  input,\r\n  contentChild,\r\n} from '@angular/core';\r\n\r\n@Directive({\r\n  selector: '[cmatSeamlessAutoScroll]',\r\n})\r\nexport class CmatSeamlessAutoScrollDirective\r\n  implements OnInit, AfterViewInit, OnDestroy {\r\n  readonly itemTemplate = contentChild.required(TemplateRef);\r\n\r\n  readonly data = input<unknown[]>([]); // 输入的数据数组\r\n  readonly speed = input<number>(10); // 滚动速度（每秒动画距离）\r\n  readonly direction = input<'up' | 'down' | 'left' | 'right'>('up'); // 滚动方向\r\n\r\n  private _viewContainer = inject(ViewContainerRef);\r\n  private _containerElement: HTMLElement | null = null;\r\n  private _contentElement: HTMLElement | null = null;\r\n  private _resizeObserver: ResizeObserver | null = null;\r\n  private _isScrollEnabled = false;\r\n  private _dataCopies = 1;\r\n\r\n  ngOnInit(): void {\r\n    this._renderContent();\r\n  }\r\n\r\n  ngAfterViewInit(): void {\r\n    setTimeout(() => {\r\n      this._checkScrollCondition();\r\n      this._listenResize();\r\n    }, 0);\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this._resizeObserver?.disconnect();\r\n  }\r\n  private _renderContent(): void {\r\n    this._viewContainer.clear(); // 清空原有内容\r\n\r\n    for (let i = 0; i < this._dataCopies; i++) {\r\n      this.data().forEach((item) => {\r\n        this._viewContainer.createEmbeddedView(this.itemTemplate(), {\r\n          $implicit: item,\r\n        });\r\n      });\r\n    }\r\n  }\r\n\r\n  private _checkScrollCondition(): void {\r\n    const hostElement = this._viewContainer.element\r\n      .nativeElement as HTMLElement;\r\n    this._containerElement = hostElement.parentElement?.parentElement ?? null;\r\n    this._contentElement = hostElement.parentElement ?? null;\r\n\r\n    if (!this._containerElement || !this._contentElement) return;\r\n\r\n    const direction = this.direction();\r\n    const containerSize =\r\n      direction === 'up' || direction === 'down'\r\n        ? this._containerElement.offsetHeight\r\n        : this._containerElement.offsetWidth;\r\n\r\n    const directionValue = this.direction();\r\n    const contentSize =\r\n      directionValue === 'up' || directionValue === 'down'\r\n        ? this._contentElement.offsetHeight\r\n        : this._contentElement.offsetWidth;\r\n    this._isScrollEnabled = contentSize > containerSize;\r\n\r\n    if (this._isScrollEnabled) {\r\n      const copiesNeeded = Math.ceil(containerSize / contentSize) + 1;\r\n\r\n      if (copiesNeeded > this._dataCopies) {\r\n        this._dataCopies = copiesNeeded;\r\n        this._renderContent();\r\n        setTimeout(() => {\r\n          this._initAnimation();\r\n        }, 0);\r\n      } else {\r\n        this._initAnimation();\r\n      }\r\n    } else {\r\n      this._disableAnimation();\r\n    }\r\n  }\r\n\r\n  private _initAnimation(): void {\r\n    if (!this._containerElement || !this._contentElement) return;\r\n\r\n    this._updateAnimationParams();\r\n\r\n    this._contentElement.style.animation = `${this._getDirection()} var(--animation-duration) linear infinite`;\r\n    this._contentElement.style.willChange = 'transform';\r\n    this._contentElement.style.transform = 'translateZ(0)';\r\n  }\r\n\r\n  private _disableAnimation(): void {\r\n    if (!this._contentElement) return;\r\n\r\n    this._contentElement.style.animation = 'none';\r\n    this._contentElement.style.transform = 'none';\r\n  }\r\n\r\n  private _updateAnimationParams(): void {\r\n    if (!this._containerElement || !this._contentElement) return;\r\n\r\n    const direction = this.direction();\r\n    const contentSize =\r\n      direction === 'up' || direction === 'down'\r\n        ? this._contentElement.offsetHeight\r\n        : this._contentElement.offsetWidth;\r\n    const originalContentSize = contentSize / this._dataCopies;\r\n    this._containerElement.style.setProperty(\r\n      '--scroll-distance',\r\n      `${originalContentSize}px`,\r\n    );\r\n    this._containerElement.style.setProperty(\r\n      '--animation-duration',\r\n      `${originalContentSize / this.speed()}s`,\r\n    );\r\n  }\r\n\r\n  private _listenResize(): void {\r\n    this._resizeObserver = new ResizeObserver(() => {\r\n      this._updateAnimationParams();\r\n    });\r\n\r\n    if (this._containerElement) {\r\n      this._resizeObserver.observe(this._containerElement);\r\n    }\r\n  }\r\n\r\n  private _getDirection(): string {\r\n    const map = {\r\n      up: 'scroll-up',\r\n      down: 'scroll-down',\r\n      left: 'scroll-left',\r\n      right: 'scroll-right',\r\n    };\r\n    return map[this.direction()];\r\n  }\r\n}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"cmat-directives-seamless-auto-scroll.mjs","sources":["../../../projects/cmat/directives/seamless-auto-scroll/seamless-auto-scroll.directive.ts","../../../projects/cmat/directives/seamless-auto-scroll/cmat-directives-seamless-auto-scroll.ts"],"sourcesContent":["import {\r\n  Directive,\r\n  OnInit,\r\n  OnDestroy,\r\n  TemplateRef,\r\n  ViewContainerRef,\r\n  inject,\r\n  AfterViewInit,\r\n  input,\r\n  contentChild,\r\n} from '@angular/core';\r\n\r\n@Directive({\r\n  selector: '[cmatSeamlessAutoScroll]',\r\n})\r\nexport class CmatSeamlessAutoScrollDirective\r\n  implements OnInit, AfterViewInit, OnDestroy {\r\n  readonly itemTemplate = contentChild.required(TemplateRef);\r\n\r\n  readonly data = input<unknown[]>([]); // 输入的数据数组\r\n  readonly speed = input<number>(10); // 滚动速度（每秒动画距离）\r\n  readonly direction = input<'up' | 'down' | 'left' | 'right'>('up'); // 滚动方向\r\n\r\n  private _viewContainer = inject(ViewContainerRef);\r\n  private _containerElement: HTMLElement | null = null;\r\n  private _contentElement: HTMLElement | null = null;\r\n  private _resizeObserver: ResizeObserver | null = null;\r\n  private _isScrollEnabled = false;\r\n  private _dataCopies = 1;\r\n\r\n  ngOnInit(): void {\r\n    this._renderContent();\r\n  }\r\n\r\n  ngAfterViewInit(): void {\r\n    setTimeout(() => {\r\n      this._checkScrollCondition();\r\n      this._listenResize();\r\n    }, 0);\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this._resizeObserver?.disconnect();\r\n  }\r\n  private _renderContent(): void {\r\n    this._viewContainer.clear(); // 清空原有内容\r\n\r\n    for (let i = 0; i < this._dataCopies; i++) {\r\n      this.data().forEach((item) => {\r\n        this._viewContainer.createEmbeddedView(this.itemTemplate(), {\r\n          $implicit: item,\r\n        });\r\n      });\r\n    }\r\n  }\r\n\r\n  private _checkScrollCondition(): void {\r\n    const hostElement = this._viewContainer.element\r\n      .nativeElement as HTMLElement;\r\n    this._containerElement = hostElement.parentElement?.parentElement ?? null;\r\n    this._contentElement = hostElement.parentElement ?? null;\r\n\r\n    if (!this._containerElement || !this._contentElement) return;\r\n\r\n    const direction = this.direction();\r\n    const containerSize =\r\n      direction === 'up' || direction === 'down'\r\n        ? this._containerElement.offsetHeight\r\n        : this._containerElement.offsetWidth;\r\n\r\n    const directionValue = this.direction();\r\n    const contentSize =\r\n      directionValue === 'up' || directionValue === 'down'\r\n        ? this._contentElement.offsetHeight\r\n        : this._contentElement.offsetWidth;\r\n    this._isScrollEnabled = contentSize > containerSize;\r\n\r\n    if (this._isScrollEnabled) {\r\n      const copiesNeeded = Math.ceil(containerSize / contentSize) + 1;\r\n\r\n      if (copiesNeeded > this._dataCopies) {\r\n        this._dataCopies = copiesNeeded;\r\n        this._renderContent();\r\n        setTimeout(() => {\r\n          this._initAnimation();\r\n        }, 0);\r\n      } else {\r\n        this._initAnimation();\r\n      }\r\n    } else {\r\n      this._disableAnimation();\r\n    }\r\n  }\r\n\r\n  private _initAnimation(): void {\r\n    if (!this._containerElement || !this._contentElement) return;\r\n\r\n    this._updateAnimationParams();\r\n\r\n    this._contentElement.style.animation = `${this._getDirection()} var(--animation-duration) linear infinite`;\r\n    this._contentElement.style.willChange = 'transform';\r\n    this._contentElement.style.transform = 'translateZ(0)';\r\n  }\r\n\r\n  private _disableAnimation(): void {\r\n    if (!this._contentElement) return;\r\n\r\n    this._contentElement.style.animation = 'none';\r\n    this._contentElement.style.transform = 'none';\r\n  }\r\n\r\n  private _updateAnimationParams(): void {\r\n    if (!this._containerElement || !this._contentElement) return;\r\n\r\n    const direction = this.direction();\r\n    const contentSize =\r\n      direction === 'up' || direction === 'down'\r\n        ? this._contentElement.offsetHeight\r\n        : this._contentElement.offsetWidth;\r\n    const originalContentSize = contentSize / this._dataCopies;\r\n    this._containerElement.style.setProperty(\r\n      '--scroll-distance',\r\n      `${originalContentSize}px`,\r\n    );\r\n    this._containerElement.style.setProperty(\r\n      '--animation-duration',\r\n      `${originalContentSize / this.speed()}s`,\r\n    );\r\n  }\r\n\r\n  private _listenResize(): void {\r\n    this._resizeObserver = new ResizeObserver(() => {\r\n      this._updateAnimationParams();\r\n    });\r\n\r\n    if (this._containerElement) {\r\n      this._resizeObserver.observe(this._containerElement);\r\n    }\r\n  }\r\n\r\n  private _getDirection(): string {\r\n    const map = {\r\n      up: 'scroll-up',\r\n      down: 'scroll-down',\r\n      left: 'scroll-left',\r\n      right: 'scroll-right',\r\n    };\r\n    return map[this.direction()];\r\n  }\r\n}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/cmat-lib-mock-api.mjs

@@ -108,10 +108,10 @@ class CmatMockApiService {
         this._handlers[method].set(url, cmatMockHttp);
         return cmatMockHttp;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatMockApiService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatMockApiService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CmatMockApiService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CmatMockApiService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatMockApiService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CmatMockApiService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -173,10 +173,10 @@ class CmatMockApiInterceptor {
             return throwError(() => errorResponse);
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatMockApiInterceptor, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatMockApiInterceptor, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CmatMockApiInterceptor, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CmatMockApiInterceptor, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatMockApiInterceptor, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CmatMockApiInterceptor, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

package/fesm2022/cmat-pipes-bytes.mjs

@@ -13,10 +13,10 @@ class CmatBytesPipe {
         const size = Math.floor(Math.log(bytes) / Math.log(1024));
         return (bytes / Math.pow(1024, Math.floor(size))).toFixed(1) + ' ' + units[size];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatBytesPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.2", ngImport: i0, type: CmatBytesPipe, isStandalone: true, name: "cmatBytes" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CmatBytesPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: CmatBytesPipe, isStandalone: true, name: "cmatBytes" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatBytesPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CmatBytesPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'cmatBytes'