cmat 0.0.23 → 0.0.24

package/fesm2022/cmat-pipes-keys.mjs

@@ -14,10 +14,10 @@ class CmatKeysPipe {
         }
         return keys;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: CmatKeysPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.1.7", ngImport: i0, type: CmatKeysPipe, isStandalone: true, name: "cmatKeys" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: CmatKeysPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.0", ngImport: i0, type: CmatKeysPipe, isStandalone: true, name: "cmatKeys" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: CmatKeysPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: CmatKeysPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'cmatKeys',

package/fesm2022/cmat-pipes-secure.mjs

@@ -34,10 +34,10 @@ class CmatSecurePipe {
         })
             .pipe(map((val) => this._sanitizer.bypassSecurityTrustUrl(URL.createObjectURL(val))));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: CmatSecurePipe, deps: [{ token: i1.HttpClient }, { token: i2.DomSanitizer }, { token: i3.CmatUrlStateConfigService }], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.1.7", ngImport: i0, type: CmatSecurePipe, isStandalone: true, name: "cmatSecure" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: CmatSecurePipe, deps: [{ token: i1.HttpClient }, { token: i2.DomSanitizer }, { token: i3.CmatUrlStateConfigService }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.0", ngImport: i0, type: CmatSecurePipe, isStandalone: true, name: "cmatSecure" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: CmatSecurePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: CmatSecurePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'cmatSecure',

package/fesm2022/cmat-pipes-uppercase.mjs

@@ -5,10 +5,10 @@ class CmatUppercasePipe {
     transform(value) {
         return value.toUpperCase();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: CmatUppercasePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.1.7", ngImport: i0, type: CmatUppercasePipe, isStandalone: true, name: "cmatUppercase" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: CmatUppercasePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.0", ngImport: i0, type: CmatUppercasePipe, isStandalone: true, name: "cmatUppercase" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: CmatUppercasePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: CmatUppercasePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'cmatUppercase',

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

package/fesm2022/cmat-services-config.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, Injectable, Inject } from '@angular/core';
+import { InjectionToken, Inject, Injectable } from '@angular/core';
 import { merge } from 'lodash-es';
 import { BehaviorSubject } from 'rxjs';
 
@@ -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.1.7", ngImport: i0, type: CmatConfigService, deps: [{ token: CMAT_APP_CONFIG }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: CmatConfigService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", 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.0", ngImport: i0, type: CmatConfigService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: CmatConfigService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", 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.1.7", ngImport: i0, type: CmatUrlStateConfigService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: CmatUrlStateConfigService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: CmatUrlStateConfigService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: CmatUrlStateConfigService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: CmatUrlStateConfigService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: CmatUrlStateConfigService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

package/fesm2022/cmat-services-confirmation.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Component, ViewEncapsulation, Inject, Injectable } from '@angular/core';
+import { Inject, ViewEncapsulation, Component, Injectable } from '@angular/core';
 import { merge } from 'lodash-es';
 import { NgClass } from '@angular/common';
 import * as i2 from '@angular/material/button';
@@ -14,10 +14,10 @@ class CmatConfirmationDialogComponent {
         this.data = data;
         this.matDialogRef = matDialogRef;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", 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.1.7", 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-0 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.0", 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.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\" 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-0 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.1.7", ngImport: i0, type: CmatConfirmationDialogComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", 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-0 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.1.7", ngImport: i0, type: CmatConfirmationService, deps: [{ token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: CmatConfirmationService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: CmatConfirmationService, deps: [{ token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: CmatConfirmationService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: CmatConfirmationService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", 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.1.7", 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.1.7", ngImport: i0, type: CmatDataService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", 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.0", ngImport: i0, type: CmatDataService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: CmatDataService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", 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.1.7", ngImport: i0, type: CmatExportAsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: CmatExportAsService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: CmatExportAsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: CmatExportAsService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: CmatExportAsService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", 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.1.7", ngImport: i0, type: CmatLoadingService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: CmatLoadingService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: CmatLoadingService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: CmatLoadingService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: CmatLoadingService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", 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.1.7", ngImport: i0, type: CmatLoadingInterceptor, deps: [{ token: CmatLoadingService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: CmatLoadingInterceptor }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: CmatLoadingInterceptor, deps: [{ token: CmatLoadingService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: CmatLoadingInterceptor }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: CmatLoadingInterceptor, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", 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.1.7", ngImport: i0, type: CmatLocalStorageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: CmatLocalStorageService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: CmatLocalStorageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: CmatLocalStorageService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: CmatLocalStorageService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", 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.1.7", 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.1.7", ngImport: i0, type: CmatMediaWatcherService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", 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.0", ngImport: i0, type: CmatMediaWatcherService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: CmatMediaWatcherService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", 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.1.7", ngImport: i0, type: CmatPlatformService, deps: [{ token: i1.Platform }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: CmatPlatformService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: CmatPlatformService, deps: [{ token: i1.Platform }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: CmatPlatformService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: CmatPlatformService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: CmatPlatformService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

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

@@ -1,6 +1,6 @@
 import { DOCUMENT } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Injectable, Inject } from '@angular/core';
+import { Inject, Injectable } from '@angular/core';
 import * as i1 from '@angular/router';
 import { NavigationEnd } from '@angular/router';
 import { Subject } from 'rxjs';
@@ -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.1.7", 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.1.7", ngImport: i0, type: CmatSplashScreenService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", 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.0", ngImport: i0, type: CmatSplashScreenService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: CmatSplashScreenService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", 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.1.7", 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.1.7", ngImport: i0, type: CmatTitleService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", 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.0", ngImport: i0, type: CmatTitleService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: CmatTitleService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", 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.1.7", ngImport: i0, type: CmatTranslationService, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: CmatTranslationService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: CmatTranslationService, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: CmatTranslationService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: CmatTranslationService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", 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.1.7", ngImport: i0, type: CmatUtilsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: CmatUtilsService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: CmatUtilsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: CmatUtilsService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: CmatUtilsService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: CmatUtilsService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cmat",
-  "version": "0.0.23",
+  "version": "0.0.24",
   "author": {
     "name": "Yu Tao",
     "email": "916426364@qq.com"
@@ -149,14 +149,14 @@
       "types": "./components/material-color-picker/index.d.ts",
       "default": "./fesm2022/cmat-components-material-color-picker.mjs"
     },
-    "./components/material-datetimepicker": {
-      "types": "./components/material-datetimepicker/index.d.ts",
-      "default": "./fesm2022/cmat-components-material-datetimepicker.mjs"
-    },
     "./components/navigation": {
       "types": "./components/navigation/index.d.ts",
       "default": "./fesm2022/cmat-components-navigation.mjs"
     },
+    "./components/material-datetimepicker": {
+      "types": "./components/material-datetimepicker/index.d.ts",
+      "default": "./fesm2022/cmat-components-material-datetimepicker.mjs"
+    },
     "./components/opt-input": {
       "types": "./components/opt-input/index.d.ts",
       "default": "./fesm2022/cmat-components-opt-input.mjs"
@@ -213,14 +213,14 @@
       "types": "./components/transfer-picker/index.d.ts",
       "default": "./fesm2022/cmat-components-transfer-picker.mjs"
     },
-    "./components/upload": {
-      "types": "./components/upload/index.d.ts",
-      "default": "./fesm2022/cmat-components-upload.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"
+    },
     "./components/x6-angular-shape": {
       "types": "./components/x6-angular-shape/index.d.ts",
       "default": "./fesm2022/cmat-components-x6-angular-shape.mjs"
@@ -229,38 +229,38 @@
       "types": "./lib/mock-api/index.d.ts",
       "default": "./fesm2022/cmat-lib-mock-api.mjs"
     },
-    "./pipes/find-by-key": {
-      "types": "./pipes/find-by-key/index.d.ts",
-      "default": "./fesm2022/cmat-pipes-find-by-key.mjs"
+    "./pipes/bytes": {
+      "types": "./pipes/bytes/index.d.ts",
+      "default": "./fesm2022/cmat-pipes-bytes.mjs"
     },
     "./pipes/date-format": {
       "types": "./pipes/date-format/index.d.ts",
       "default": "./fesm2022/cmat-pipes-date-format.mjs"
     },
-    "./pipes/bytes": {
-      "types": "./pipes/bytes/index.d.ts",
-      "default": "./fesm2022/cmat-pipes-bytes.mjs"
+    "./pipes/find-by-key": {
+      "types": "./pipes/find-by-key/index.d.ts",
+      "default": "./fesm2022/cmat-pipes-find-by-key.mjs"
     },
     "./pipes/group-by": {
       "types": "./pipes/group-by/index.d.ts",
       "default": "./fesm2022/cmat-pipes-group-by.mjs"
     },
-    "./services/alert": {
-      "types": "./services/alert/index.d.ts",
-      "default": "./fesm2022/cmat-services-alert.mjs"
+    "./pipes/keys": {
+      "types": "./pipes/keys/index.d.ts",
+      "default": "./fesm2022/cmat-pipes-keys.mjs"
     },
     "./pipes/secure": {
       "types": "./pipes/secure/index.d.ts",
       "default": "./fesm2022/cmat-pipes-secure.mjs"
     },
-    "./pipes/keys": {
-      "types": "./pipes/keys/index.d.ts",
-      "default": "./fesm2022/cmat-pipes-keys.mjs"
-    },
     "./pipes/uppercase": {
       "types": "./pipes/uppercase/index.d.ts",
       "default": "./fesm2022/cmat-pipes-uppercase.mjs"
     },
+    "./services/alert": {
+      "types": "./services/alert/index.d.ts",
+      "default": "./fesm2022/cmat-services-alert.mjs"
+    },
     "./services/config": {
       "types": "./services/config/index.d.ts",
       "default": "./fesm2022/cmat-services-config.mjs"
@@ -269,10 +269,6 @@
       "types": "./services/confirmation/index.d.ts",
       "default": "./fesm2022/cmat-services-confirmation.mjs"
     },
-    "./services/loading": {
-      "types": "./services/loading/index.d.ts",
-      "default": "./fesm2022/cmat-services-loading.mjs"
-    },
     "./services/data": {
       "types": "./services/data/index.d.ts",
       "default": "./fesm2022/cmat-services-data.mjs"
@@ -281,6 +277,10 @@
       "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"
@@ -293,14 +293,14 @@
       "types": "./services/platform/index.d.ts",
       "default": "./fesm2022/cmat-services-platform.mjs"
     },
-    "./services/title": {
-      "types": "./services/title/index.d.ts",
-      "default": "./fesm2022/cmat-services-title.mjs"
-    },
     "./services/splash-screen": {
       "types": "./services/splash-screen/index.d.ts",
       "default": "./fesm2022/cmat-services-splash-screen.mjs"
     },
+    "./services/title": {
+      "types": "./services/title/index.d.ts",
+      "default": "./fesm2022/cmat-services-title.mjs"
+    },
     "./services/translation": {
       "types": "./services/translation/index.d.ts",
       "default": "./fesm2022/cmat-services-translation.mjs"

package/styles/components/bundle.scss

@@ -550,7 +550,7 @@ cmat-transfer-picker {
     }
 }
 .mat-mdc-autocomplete-panel{
-    @apply overflow-x-hidden overflow-y-auto lg:overflow-y-hidden lg:hover:overflow-y-auto scrollbar-custom;
+    @apply overflow-x-hidden overflow-y-auto scrollbar-custom;
 }
 
 .cmat-upload-file-item:hover{

package/styles/overrides/angular-material.scss

@@ -1431,7 +1431,7 @@ textarea.mat-mdc-input-element {
           height: auto;
           position: relative;
 
-          @apply max-h-64 shadow-sm rounded-2xl flex flex-col p-6 overflow-y-auto lg:overflow-y-hidden lg:hover:overflow-y-auto scrollbar-custom;
+          @apply max-h-64 shadow-sm rounded-2xl flex flex-col p-6 overflow-y-auto scrollbar-custom;
           @apply bg-card;
 
           .mat-mdc-cell:not(:first-child){

package/styles/tailwind.scss

@@ -162,5 +162,5 @@
 }
 
 @utility scrollbar-custom {
-    @apply scrollbar-thin scrollbar-thumb-primary-300 scrollbar-track-gray-300 scrollbar-thumb-rounded-md scrollbar-hover:scrollbar-thumb-primary-600 dark:scrollbar-track-gray-600;
+    @apply scrollbar-thin scrollbar-thumb-primary-300 scrollbar-track-gray-300 scrollbar-thumb-rounded-md scrollbar-hover:scrollbar-thumb-primary-500 dark:scrollbar-track-gray-500;
 }

package/tailwind/plugins/scrollbar/index.js

@@ -11,7 +11,7 @@ const {
 const { addVariants } = require('./variants');
 
 module.exports = plugin.withOptions((options = {}) => tailwind => {
-  let preferredStrategy = options.preferredStrategy ?? 'standard';
+  let preferredStrategy = options.preferredStrategy ?? options.preferredstrategy ?? 'standard';
 
   if (preferredStrategy !== 'standard' && preferredStrategy !== 'pseudoelements') {
     // eslint-disable-next-line no-console