cmat 0.0.26 → 0.0.28

package/fesm2022/cmat-services-alert.mjs

@@ -190,10 +190,10 @@ class CmatAlertService {
             this._messages.next({ severity: severity, summary: summary, detail: detail, isPostionBottom: isPostionBottom });
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CmatAlertService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CmatAlertService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: CmatAlertService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: CmatAlertService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CmatAlertService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: CmatAlertService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

package/fesm2022/cmat-services-config.mjs

@@ -22,10 +22,10 @@ class CmatConfigService {
         // Set the config
         this._config.next(this.config);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CmatConfigService, deps: [{ token: CMAT_APP_CONFIG }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CmatConfigService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: CmatConfigService, deps: [{ token: CMAT_APP_CONFIG }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: CmatConfigService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CmatConfigService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: CmatConfigService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -51,10 +51,10 @@ class CmatUrlStateConfigService {
         // Execute the observable
         this._config.next(config);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CmatUrlStateConfigService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CmatUrlStateConfigService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: CmatUrlStateConfigService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: CmatUrlStateConfigService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CmatUrlStateConfigService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: CmatUrlStateConfigService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

package/fesm2022/cmat-services-confirmation.mjs

@@ -14,10 +14,10 @@ class CmatConfirmationDialogComponent {
         this.data = data;
         this.matDialogRef = matDialogRef;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CmatConfirmationDialogComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: CmatConfirmationDialogComponent, isStandalone: true, selector: "cmat-confirmation-dialog", ngImport: i0, template: "<div class=\"relative flex flex-col w-full h-full\">\r\n\r\n  <!-- Dismiss button -->\r\n  @if (data.dismissible) {\r\n    <div class=\"absolute top-0 right-0 pt-4 pr-4\">\r\n      <button type=\"button\" mat-icon-button [matDialogClose]=\"undefined\">\r\n        <mat-icon class=\"text-secondary\" [svgIcon]=\"'heroicons_outline:x-mark'\"></mat-icon>\r\n      </button>\r\n    </div>\r\n  }\r\n\r\n  <!-- Content -->\r\n  <div class=\"flex flex-col sm:flex-row items-center sm:items-start p-8 pb-6 sm:pb-8\">\r\n\r\n    <!-- Icon -->\r\n    @if (data.icon?.show) {\r\n            <div class=\"flex flex-none items-center justify-center w-10 h-10 sm:mr-4 rounded-full\" [ngClass]=\"{'text-primary-600 bg-primary-100 dark:text-primary-50 dark:bg-primary-600': data.icon?.color === 'primary',\r\n                            'text-accent-600 bg-accent-100 dark:text-accent-50 dark:bg-accent-600': data.icon?.color === 'accent',\r\n                            'text-warn-600 bg-warn-100 dark:text-warn-50 dark:bg-warn-600': data.icon?.color === 'warn',\r\n                            'text-slate-600 bg-slate-100 dark:text-slate-50 dark:bg-slate-600': data.icon?.color === 'basic',\r\n                            'text-blue-600 bg-blue-100 dark:text-blue-50 dark:bg-blue-600': data.icon?.color === 'info',\r\n                            'text-emerald-500 bg-emerald-100 dark:text-emerald-50 dark:bg-emerald-500': data.icon?.color === 'success',\r\n                            'text-amber-500 bg-amber-100 dark:text-amber-50 dark:bg-amber-500': data.icon?.color === 'warning',\r\n                            'text-red-600 bg-red-100 dark:text-red-50 dark:bg-red-600': data.icon?.color === 'error'\r\n                            }\">\r\n        @if (data.icon?.name) {\r\n          <mat-icon class=\"text-current\" [svgIcon]=\"data.icon?.name||''\"></mat-icon>\r\n        }\r\n      </div>\r\n    }\r\n\r\n    @if (data.title || data.message) {\r\n      <div\r\n        class=\"flex flex-col items-center sm:items-start mt-4 sm:mt-0 sm:pr-8 gap-1 text-center sm:text-left\">\r\n        <!-- Title -->\r\n        @if (data.title) {\r\n          <div class=\"text-xl leading-6 font-medium\" [innerHTML]=\"data.title\"></div>\r\n        }\r\n        <!-- Message -->\r\n        @if (data.message) {\r\n          <div class=\"text-secondary\" [innerHTML]=\"data.message\"></div>\r\n        }\r\n      </div>\r\n    }\r\n\r\n  </div>\r\n\r\n  <!-- Actions -->\r\n  @if (data.actions?.confirm?.show || data.actions?.cancel?.show) {\r\n    <div\r\n      class=\"flex items-center justify-center sm:justify-end px-6 py-4 flex-row gap-3 bg-slate-50 dark:bg-black/10\">\r\n      <!-- Confirm -->\r\n      @if (data.actions?.confirm?.show) {\r\n        <button type=\"button\" mat-flat-button [color]=\"data.actions?.confirm?.color\"\r\n          [matDialogClose]=\"'confirmed'\">\r\n          {{data.actions?.confirm?.label}}\r\n        </button>\r\n      }\r\n      <!-- Cancel -->\r\n      @if (data.actions?.cancel?.show) {\r\n        <button type=\"button\" mat-stroked-button [matDialogClose]=\"'cancelled'\">\r\n          {{data.actions?.cancel?.label}}\r\n        </button>\r\n      }\r\n    </div>\r\n  }\r\n\r\n</div>", styles: [".cmat-confirmation-dialog-panel .mat-mdc-dialog-container{padding:0!important}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: CmatConfirmationDialogComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.9", type: CmatConfirmationDialogComponent, isStandalone: true, selector: "cmat-confirmation-dialog", ngImport: i0, template: "<div class=\"relative flex flex-col w-full h-full\">\r\n\r\n  <!-- Dismiss button -->\r\n  @if (data.dismissible) {\r\n    <div class=\"absolute top-0 right-0 pt-4 pr-4\">\r\n      <button type=\"button\" mat-icon-button [matDialogClose]=\"undefined\">\r\n        <mat-icon class=\"text-secondary\" [svgIcon]=\"'heroicons_outline:x-mark'\"></mat-icon>\r\n      </button>\r\n    </div>\r\n  }\r\n\r\n  <!-- Content -->\r\n  <div class=\"flex flex-col sm:flex-row items-center sm:items-start p-8 pb-6 sm:pb-8\">\r\n\r\n    <!-- Icon -->\r\n    @if (data.icon?.show) {\r\n            <div class=\"flex flex-none items-center justify-center w-10 h-10 sm:mr-4 rounded-full\" [ngClass]=\"{'text-primary-600 bg-primary-100 dark:text-primary-50 dark:bg-primary-600': data.icon?.color === 'primary',\r\n                            'text-accent-600 bg-accent-100 dark:text-accent-50 dark:bg-accent-600': data.icon?.color === 'accent',\r\n                            'text-warn-600 bg-warn-100 dark:text-warn-50 dark:bg-warn-600': data.icon?.color === 'warn',\r\n                            'text-slate-600 bg-slate-100 dark:text-slate-50 dark:bg-slate-600': data.icon?.color === 'basic',\r\n                            'text-blue-600 bg-blue-100 dark:text-blue-50 dark:bg-blue-600': data.icon?.color === 'info',\r\n                            'text-emerald-500 bg-emerald-100 dark:text-emerald-50 dark:bg-emerald-500': data.icon?.color === 'success',\r\n                            'text-amber-500 bg-amber-100 dark:text-amber-50 dark:bg-amber-500': data.icon?.color === 'warning',\r\n                            'text-red-600 bg-red-100 dark:text-red-50 dark:bg-red-600': data.icon?.color === 'error'\r\n                            }\">\r\n        @if (data.icon?.name) {\r\n          <mat-icon class=\"text-current\" [svgIcon]=\"data.icon?.name||''\"></mat-icon>\r\n        }\r\n      </div>\r\n    }\r\n\r\n    @if (data.title || data.message) {\r\n      <div\r\n        class=\"flex flex-col items-center sm:items-start mt-4 sm:mt-0 sm:pr-8 gap-1 text-center sm:text-left\">\r\n        <!-- Title -->\r\n        @if (data.title) {\r\n          <div class=\"text-xl leading-6 font-medium\" [innerHTML]=\"data.title\"></div>\r\n        }\r\n        <!-- Message -->\r\n        @if (data.message) {\r\n          <div class=\"text-secondary\" [innerHTML]=\"data.message\"></div>\r\n        }\r\n      </div>\r\n    }\r\n\r\n  </div>\r\n\r\n  <!-- Actions -->\r\n  @if (data.actions?.confirm?.show || data.actions?.cancel?.show) {\r\n    <div\r\n      class=\"flex items-center justify-center sm:justify-end px-6 py-4 flex-row gap-3 bg-slate-50 dark:bg-black/10\">\r\n      <!-- Confirm -->\r\n      @if (data.actions?.confirm?.show) {\r\n        <button type=\"button\" mat-flat-button [color]=\"data.actions?.confirm?.color\"\r\n          [matDialogClose]=\"'confirmed'\">\r\n          {{data.actions?.confirm?.label}}\r\n        </button>\r\n      }\r\n      <!-- Cancel -->\r\n      @if (data.actions?.cancel?.show) {\r\n        <button type=\"button\" mat-stroked-button [matDialogClose]=\"'cancelled'\">\r\n          {{data.actions?.cancel?.label}}\r\n        </button>\r\n      }\r\n    </div>\r\n  }\r\n\r\n</div>", styles: [".cmat-confirmation-dialog-panel .mat-mdc-dialog-container{padding:0!important}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CmatConfirmationDialogComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: CmatConfirmationDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cmat-confirmation-dialog', encapsulation: ViewEncapsulation.None, imports: [MatButtonModule, MatDialogModule, MatIconModule, NgClass], template: "<div class=\"relative flex flex-col w-full h-full\">\r\n\r\n  <!-- Dismiss button -->\r\n  @if (data.dismissible) {\r\n    <div class=\"absolute top-0 right-0 pt-4 pr-4\">\r\n      <button type=\"button\" mat-icon-button [matDialogClose]=\"undefined\">\r\n        <mat-icon class=\"text-secondary\" [svgIcon]=\"'heroicons_outline:x-mark'\"></mat-icon>\r\n      </button>\r\n    </div>\r\n  }\r\n\r\n  <!-- Content -->\r\n  <div class=\"flex flex-col sm:flex-row items-center sm:items-start p-8 pb-6 sm:pb-8\">\r\n\r\n    <!-- Icon -->\r\n    @if (data.icon?.show) {\r\n            <div class=\"flex flex-none items-center justify-center w-10 h-10 sm:mr-4 rounded-full\" [ngClass]=\"{'text-primary-600 bg-primary-100 dark:text-primary-50 dark:bg-primary-600': data.icon?.color === 'primary',\r\n                            'text-accent-600 bg-accent-100 dark:text-accent-50 dark:bg-accent-600': data.icon?.color === 'accent',\r\n                            'text-warn-600 bg-warn-100 dark:text-warn-50 dark:bg-warn-600': data.icon?.color === 'warn',\r\n                            'text-slate-600 bg-slate-100 dark:text-slate-50 dark:bg-slate-600': data.icon?.color === 'basic',\r\n                            'text-blue-600 bg-blue-100 dark:text-blue-50 dark:bg-blue-600': data.icon?.color === 'info',\r\n                            'text-emerald-500 bg-emerald-100 dark:text-emerald-50 dark:bg-emerald-500': data.icon?.color === 'success',\r\n                            'text-amber-500 bg-amber-100 dark:text-amber-50 dark:bg-amber-500': data.icon?.color === 'warning',\r\n                            'text-red-600 bg-red-100 dark:text-red-50 dark:bg-red-600': data.icon?.color === 'error'\r\n                            }\">\r\n        @if (data.icon?.name) {\r\n          <mat-icon class=\"text-current\" [svgIcon]=\"data.icon?.name||''\"></mat-icon>\r\n        }\r\n      </div>\r\n    }\r\n\r\n    @if (data.title || data.message) {\r\n      <div\r\n        class=\"flex flex-col items-center sm:items-start mt-4 sm:mt-0 sm:pr-8 gap-1 text-center sm:text-left\">\r\n        <!-- Title -->\r\n        @if (data.title) {\r\n          <div class=\"text-xl leading-6 font-medium\" [innerHTML]=\"data.title\"></div>\r\n        }\r\n        <!-- Message -->\r\n        @if (data.message) {\r\n          <div class=\"text-secondary\" [innerHTML]=\"data.message\"></div>\r\n        }\r\n      </div>\r\n    }\r\n\r\n  </div>\r\n\r\n  <!-- Actions -->\r\n  @if (data.actions?.confirm?.show || data.actions?.cancel?.show) {\r\n    <div\r\n      class=\"flex items-center justify-center sm:justify-end px-6 py-4 flex-row gap-3 bg-slate-50 dark:bg-black/10\">\r\n      <!-- Confirm -->\r\n      @if (data.actions?.confirm?.show) {\r\n        <button type=\"button\" mat-flat-button [color]=\"data.actions?.confirm?.color\"\r\n          [matDialogClose]=\"'confirmed'\">\r\n          {{data.actions?.confirm?.label}}\r\n        </button>\r\n      }\r\n      <!-- Cancel -->\r\n      @if (data.actions?.cancel?.show) {\r\n        <button type=\"button\" mat-stroked-button [matDialogClose]=\"'cancelled'\">\r\n          {{data.actions?.cancel?.label}}\r\n        </button>\r\n      }\r\n    </div>\r\n  }\r\n\r\n</div>", styles: [".cmat-confirmation-dialog-panel .mat-mdc-dialog-container{padding:0!important}\n"] }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
@@ -61,10 +61,10 @@ class CmatConfirmationService {
             panelClass: 'cmat-confirmation-dialog-panel'
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CmatConfirmationService, deps: [{ token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CmatConfirmationService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: CmatConfirmationService, deps: [{ token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: CmatConfirmationService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CmatConfirmationService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: CmatConfirmationService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

package/fesm2022/cmat-services-data.mjs

@@ -158,10 +158,10 @@ class CmatDataService {
                 .pipe(tap((res) => res), catchError((err) => CmatUtilsService.handleError(err)));
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CmatDataService, deps: [{ token: i1.HttpClient }, { token: i2.CmatUrlStateConfigService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CmatDataService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: CmatDataService, deps: [{ token: i1.HttpClient }, { token: i2.CmatUrlStateConfigService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: CmatDataService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CmatDataService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: CmatDataService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

package/fesm2022/cmat-services-export-as.mjs

@@ -193,10 +193,10 @@ class CmatExportAsService {
     _btoa(content) {
         return Buffer.from(content.toString(), 'utf-8').toString('base64');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CmatExportAsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CmatExportAsService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: CmatExportAsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: CmatExportAsService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CmatExportAsService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: CmatExportAsService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

package/fesm2022/cmat-services-loading.mjs

@@ -61,10 +61,10 @@ class CmatLoadingService {
             this._show$.next(false);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CmatLoadingService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CmatLoadingService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: CmatLoadingService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: CmatLoadingService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CmatLoadingService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: CmatLoadingService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -89,10 +89,10 @@ class CmatLoadingInterceptor {
             this._cmatLoadingService.setLoadingStatus(false, req.url);
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CmatLoadingInterceptor, deps: [{ token: CmatLoadingService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CmatLoadingInterceptor }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: CmatLoadingInterceptor, deps: [{ token: CmatLoadingService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: CmatLoadingInterceptor }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CmatLoadingInterceptor, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: CmatLoadingInterceptor, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: CmatLoadingService }] });
 

package/fesm2022/cmat-services-local-storage.mjs

@@ -11,10 +11,10 @@ class CmatLocalStorageService {
     removeItem(key) {
         localStorage.removeItem(key);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CmatLocalStorageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CmatLocalStorageService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: CmatLocalStorageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: CmatLocalStorageService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CmatLocalStorageService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: CmatLocalStorageService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

package/fesm2022/cmat-services-media-watcher.mjs

@@ -44,10 +44,10 @@ class CmatMediaWatcherService {
     onMediaQueryChange$(query) {
         return this._breakpointObserver.observe(query);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CmatMediaWatcherService, deps: [{ token: i1.BreakpointObserver }, { token: i2.CmatConfigService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CmatMediaWatcherService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: CmatMediaWatcherService, deps: [{ token: i1.BreakpointObserver }, { token: i2.CmatConfigService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: CmatMediaWatcherService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CmatMediaWatcherService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: CmatMediaWatcherService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

package/fesm2022/cmat-services-platform.mjs

@@ -35,10 +35,10 @@ class CmatPlatformService {
             this.osName = 'os-android';
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CmatPlatformService, deps: [{ token: i1.Platform }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CmatPlatformService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: CmatPlatformService, deps: [{ token: i1.Platform }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: CmatPlatformService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CmatPlatformService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: CmatPlatformService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

package/fesm2022/cmat-services-splash-screen.mjs

@@ -28,10 +28,10 @@ class CmatSplashScreenService {
     hide() {
         this._document.body.classList.add('cmat-splash-screen-hidden');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CmatSplashScreenService, deps: [{ token: DOCUMENT }, { token: i1.Router }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CmatSplashScreenService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: CmatSplashScreenService, deps: [{ token: DOCUMENT }, { token: i1.Router }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: CmatSplashScreenService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CmatSplashScreenService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: CmatSplashScreenService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

package/fesm2022/cmat-services-title.mjs

@@ -35,10 +35,10 @@ class CmatTitleService {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CmatTitleService, deps: [{ token: i1.Title }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CmatTitleService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: CmatTitleService, deps: [{ token: i1.Title }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: CmatTitleService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CmatTitleService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: CmatTitleService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

package/fesm2022/cmat-services-translation.mjs

@@ -51,10 +51,10 @@ class CmatTranslationService {
     getTranslationAsync(key, interpolateParams) {
         return this._translate.get(key, interpolateParams);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CmatTranslationService, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CmatTranslationService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: CmatTranslationService, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: CmatTranslationService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CmatTranslationService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: CmatTranslationService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

package/fesm2022/cmat-services-utils.mjs

@@ -456,10 +456,10 @@ class CmatUtilsService {
         }
         return id;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CmatUtilsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CmatUtilsService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: CmatUtilsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: CmatUtilsService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CmatUtilsService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: CmatUtilsService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cmat",
-  "version": "0.0.26",
+  "version": "0.0.28",
   "author": {
     "name": "Yu Tao",
     "email": "916426364@qq.com"
@@ -25,7 +25,7 @@
     "highlight.js": "^11.9.0",
     "ngx-quill": "^26.0.0",
     "quill": "^2.0.2",
-    "quill-blot-formatter": "^1.0.5",
+    "@enzedonline/quill-blot-formatter2": "^2.3.0",
     "quill-image-drop-and-paste": "^2.0.1",
     "rxjs": "~7.8.1",
     "vanilla-jsoneditor": "^1.1.2"
@@ -57,34 +57,6 @@
       "types": "./version/index.d.ts",
       "default": "./fesm2022/cmat-version.mjs"
     },
-    "./directives/animate-on-scroll": {
-      "types": "./directives/animate-on-scroll/index.d.ts",
-      "default": "./fesm2022/cmat-directives-animate-on-scroll.mjs"
-    },
-    "./directives/arrow-cursor": {
-      "types": "./directives/arrow-cursor/index.d.ts",
-      "default": "./fesm2022/cmat-directives-arrow-cursor.mjs"
-    },
-    "./directives/autofocus": {
-      "types": "./directives/autofocus/index.d.ts",
-      "default": "./fesm2022/cmat-directives-autofocus.mjs"
-    },
-    "./directives/data-exporter": {
-      "types": "./directives/data-exporter/index.d.ts",
-      "default": "./fesm2022/cmat-directives-data-exporter.mjs"
-    },
-    "./directives/debounce": {
-      "types": "./directives/debounce/index.d.ts",
-      "default": "./fesm2022/cmat-directives-debounce.mjs"
-    },
-    "./directives/digit-only": {
-      "types": "./directives/digit-only/index.d.ts",
-      "default": "./fesm2022/cmat-directives-digit-only.mjs"
-    },
-    "./directives/equal-validator": {
-      "types": "./directives/equal-validator/index.d.ts",
-      "default": "./fesm2022/cmat-directives-equal-validator.mjs"
-    },
     "./components/adapter": {
       "types": "./components/adapter/index.d.ts",
       "default": "./fesm2022/cmat-components-adapter.mjs"
@@ -133,14 +105,14 @@
       "types": "./components/image-viewer/index.d.ts",
       "default": "./fesm2022/cmat-components-image-viewer.mjs"
     },
-    "./components/knob-input": {
-      "types": "./components/knob-input/index.d.ts",
-      "default": "./fesm2022/cmat-components-knob-input.mjs"
-    },
     "./components/json-editor": {
       "types": "./components/json-editor/index.d.ts",
       "default": "./fesm2022/cmat-components-json-editor.mjs"
     },
+    "./components/knob-input": {
+      "types": "./components/knob-input/index.d.ts",
+      "default": "./fesm2022/cmat-components-knob-input.mjs"
+    },
     "./components/masonry": {
       "types": "./components/masonry/index.d.ts",
       "default": "./fesm2022/cmat-components-masonry.mjs"
@@ -169,26 +141,26 @@
       "types": "./components/pagination/index.d.ts",
       "default": "./fesm2022/cmat-components-pagination.mjs"
     },
-    "./components/password-strength": {
-      "types": "./components/password-strength/index.d.ts",
-      "default": "./fesm2022/cmat-components-password-strength.mjs"
-    },
     "./components/popover": {
       "types": "./components/popover/index.d.ts",
       "default": "./fesm2022/cmat-components-popover.mjs"
     },
+    "./components/password-strength": {
+      "types": "./components/password-strength/index.d.ts",
+      "default": "./fesm2022/cmat-components-password-strength.mjs"
+    },
     "./components/progress-bar": {
       "types": "./components/progress-bar/index.d.ts",
       "default": "./fesm2022/cmat-components-progress-bar.mjs"
     },
-    "./components/select-search": {
-      "types": "./components/select-search/index.d.ts",
-      "default": "./fesm2022/cmat-components-select-search.mjs"
-    },
     "./components/rating": {
       "types": "./components/rating/index.d.ts",
       "default": "./fesm2022/cmat-components-rating.mjs"
     },
+    "./components/select-search": {
+      "types": "./components/select-search/index.d.ts",
+      "default": "./fesm2022/cmat-components-select-search.mjs"
+    },
     "./components/select-table": {
       "types": "./components/select-table/index.d.ts",
       "default": "./fesm2022/cmat-components-select-table.mjs"
@@ -213,26 +185,54 @@
       "types": "./components/transfer-picker/index.d.ts",
       "default": "./fesm2022/cmat-components-transfer-picker.mjs"
     },
+    "./directives/animate-on-scroll": {
+      "types": "./directives/animate-on-scroll/index.d.ts",
+      "default": "./fesm2022/cmat-directives-animate-on-scroll.mjs"
+    },
     "./components/treetable": {
       "types": "./components/treetable/index.d.ts",
       "default": "./fesm2022/cmat-components-treetable.mjs"
     },
-    "./components/upload": {
-      "types": "./components/upload/index.d.ts",
-      "default": "./fesm2022/cmat-components-upload.mjs"
+    "./directives/autofocus": {
+      "types": "./directives/autofocus/index.d.ts",
+      "default": "./fesm2022/cmat-directives-autofocus.mjs"
     },
     "./components/x6-angular-shape": {
       "types": "./components/x6-angular-shape/index.d.ts",
       "default": "./fesm2022/cmat-components-x6-angular-shape.mjs"
     },
-    "./lib/mock-api": {
-      "types": "./lib/mock-api/index.d.ts",
-      "default": "./fesm2022/cmat-lib-mock-api.mjs"
+    "./components/upload": {
+      "types": "./components/upload/index.d.ts",
+      "default": "./fesm2022/cmat-components-upload.mjs"
+    },
+    "./directives/arrow-cursor": {
+      "types": "./directives/arrow-cursor/index.d.ts",
+      "default": "./fesm2022/cmat-directives-arrow-cursor.mjs"
+    },
+    "./directives/debounce": {
+      "types": "./directives/debounce/index.d.ts",
+      "default": "./fesm2022/cmat-directives-debounce.mjs"
+    },
+    "./directives/data-exporter": {
+      "types": "./directives/data-exporter/index.d.ts",
+      "default": "./fesm2022/cmat-directives-data-exporter.mjs"
+    },
+    "./directives/digit-only": {
+      "types": "./directives/digit-only/index.d.ts",
+      "default": "./fesm2022/cmat-directives-digit-only.mjs"
+    },
+    "./directives/equal-validator": {
+      "types": "./directives/equal-validator/index.d.ts",
+      "default": "./fesm2022/cmat-directives-equal-validator.mjs"
     },
     "./pipes/bytes": {
       "types": "./pipes/bytes/index.d.ts",
       "default": "./fesm2022/cmat-pipes-bytes.mjs"
     },
+    "./lib/mock-api": {
+      "types": "./lib/mock-api/index.d.ts",
+      "default": "./fesm2022/cmat-lib-mock-api.mjs"
+    },
     "./pipes/date-format": {
       "types": "./pipes/date-format/index.d.ts",
       "default": "./fesm2022/cmat-pipes-date-format.mjs"
@@ -273,14 +273,14 @@
       "types": "./services/data/index.d.ts",
       "default": "./fesm2022/cmat-services-data.mjs"
     },
-    "./services/loading": {
-      "types": "./services/loading/index.d.ts",
-      "default": "./fesm2022/cmat-services-loading.mjs"
-    },
     "./services/export-as": {
       "types": "./services/export-as/index.d.ts",
       "default": "./fesm2022/cmat-services-export-as.mjs"
     },
+    "./services/loading": {
+      "types": "./services/loading/index.d.ts",
+      "default": "./fesm2022/cmat-services-loading.mjs"
+    },
     "./services/local-storage": {
       "types": "./services/local-storage/index.d.ts",
       "default": "./fesm2022/cmat-services-local-storage.mjs"