cmat 0.0.61 → 0.0.63

package/fesm2022/cmat-services-config.mjs

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

package/fesm2022/cmat-services-confirmation.mjs

@@ -14,10 +14,10 @@ class CmatConfirmationDialogComponent {
         this.data = inject(MAT_DIALOG_DATA);
         this.matDialogRef = inject(MatDialogRef);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CmatConfirmationDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", 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\" matIconButton  [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\" matButton=\"filled\" [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\" matButton=\"outlined\" [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: i1.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: i1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i2.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: "21.1.2", ngImport: i0, type: CmatConfirmationDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.2", 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\" matIconButton  [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\" matButton=\"filled\" [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\" matButton=\"outlined\" [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: i1.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: i1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i2.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: "21.1.0", ngImport: i0, type: CmatConfirmationDialogComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", 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\" matIconButton  [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\" matButton=\"filled\" [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\" matButton=\"outlined\" [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"] }]
         }] });
@@ -58,10 +58,10 @@ class CmatConfirmationService {
             panelClass: 'cmat-confirmation-dialog-panel'
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CmatConfirmationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CmatConfirmationService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: CmatConfirmationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: CmatConfirmationService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CmatConfirmationService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: CmatConfirmationService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

package/fesm2022/cmat-services-data.mjs

@@ -157,10 +157,10 @@ class CmatDataService {
                 .pipe(tap((res) => res), catchError((err) => CmatUtilsService.handleError(err)));
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CmatDataService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CmatDataService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: CmatDataService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: CmatDataService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CmatDataService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", 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: "21.1.0", ngImport: i0, type: CmatExportAsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CmatExportAsService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: CmatExportAsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: CmatExportAsService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CmatExportAsService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", 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: "21.1.0", ngImport: i0, type: CmatLoadingService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CmatLoadingService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: CmatLoadingService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: CmatLoadingService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CmatLoadingService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", 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: "21.1.0", ngImport: i0, type: CmatLoadingInterceptor, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CmatLoadingInterceptor }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: CmatLoadingInterceptor, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: CmatLoadingInterceptor }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CmatLoadingInterceptor, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: CmatLoadingInterceptor, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 

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: "21.1.0", ngImport: i0, type: CmatLocalStorageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CmatLocalStorageService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: CmatLocalStorageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: CmatLocalStorageService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CmatLocalStorageService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", 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: "21.1.0", ngImport: i0, type: CmatMediaWatcherService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CmatMediaWatcherService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: CmatMediaWatcherService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: CmatMediaWatcherService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CmatMediaWatcherService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", 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: "21.1.0", ngImport: i0, type: CmatPlatformService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CmatPlatformService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: CmatPlatformService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: CmatPlatformService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CmatPlatformService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: CmatPlatformService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

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

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

package/fesm2022/cmat-services-title.mjs

@@ -34,10 +34,10 @@ class CmatTitleService {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CmatTitleService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CmatTitleService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: CmatTitleService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: CmatTitleService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CmatTitleService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", 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: "21.1.0", ngImport: i0, type: CmatTranslationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CmatTranslationService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: CmatTranslationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: CmatTranslationService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CmatTranslationService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: CmatTranslationService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

package/fesm2022/cmat-services-utils.mjs

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cmat",
-  "version": "0.0.61",
+  "version": "0.0.63",
   "author": {
     "name": "Yu Tao",
     "email": "916426364@qq.com"

package/styles/components/bundle.scss

@@ -86,25 +86,19 @@ $control-width: calc((100% - 32px) / 2);
 
 cmat-date-range {
     .range {
+
         .start,
         .end {
-            @media (min-width: theme('screens.sm')) {
-               max-width: $control-width;
-               min-width: $control-width;
-               width: $control-width;
-            }
+            max-width: $control-width;
+            min-width: $control-width;
+            width: $control-width;
 
             @apply shadow-xs bg-white border-slate-300 dark:bg-black/5 dark:border-slate-500;
         }
     }
-
-    .separator {
-        @media (min-width: theme('screens.sm')) {
-             margin: 0 12px;
-        }
-    }       
 }
 
+
 .cmat-date-range-panel {
     @apply shadow-2xl bg-card;
 
@@ -316,7 +310,7 @@ cmat-horizontal-navigation {
         /* Basic, Branch */
         cmat-horizontal-navigation-basic-item,
         cmat-horizontal-navigation-branch-item {
-            @media (min-width: theme('screens.sm')) {
+            @screen sm {
                 &:hover {
                     .cmat-horizontal-navigation-item-wrapper {
                         @apply bg-hover;

package/styles/styles.scss

@@ -1,8 +1,9 @@
-@use "tailwind.scss";
-@use "themes.scss";
+ @use "tailwind.scss";
+ @use "themes.scss";
 
-@use "./overrides/angular-material.scss";
+ @use "./overrides/angular-material.scss";
 
-@use "./components/input.scss";
-@use "./components/bundle.scss";
+ @use "./components/input.scss";
+ @use "./components/bundle.scss";
 
+  

package/types/cmat-components-date-range.d.ts

@@ -5,6 +5,7 @@ import { Dayjs } from 'dayjs';
 
 declare class CmatDateRangeComponent implements ControlValueAccessor, OnInit, OnDestroy {
     controlClass: string;
+    initData: boolean;
     readonly rangeChanged: EventEmitter<{
         start: string;
         end: string;
@@ -134,7 +135,7 @@ declare class CmatDateRangeComponent implements ControlValueAccessor, OnInit, On
      */
     private _parseTime;
     static ɵfac: i0.ɵɵFactoryDeclaration<CmatDateRangeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CmatDateRangeComponent, "cmat-date-range", ["cmatDateRange"], { "controlClass": { "alias": "controlClass"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "dateFormat": { "alias": "dateFormat"; "required": false; }; "timeFormat": { "alias": "timeFormat"; "required": false; }; "timeRange": { "alias": "timeRange"; "required": false; }; "range": { "alias": "range"; "required": false; }; }, { "rangeChanged": "rangeChanged"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CmatDateRangeComponent, "cmat-date-range", ["cmatDateRange"], { "controlClass": { "alias": "controlClass"; "required": false; }; "initData": { "alias": "initData"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "dateFormat": { "alias": "dateFormat"; "required": false; }; "timeFormat": { "alias": "timeFormat"; "required": false; }; "timeRange": { "alias": "timeRange"; "required": false; }; "range": { "alias": "range"; "required": false; }; }, { "rangeChanged": "rangeChanged"; }, never, never, true, never>;
 }
 
 export { CmatDateRangeComponent };