@cauca-911/material 20.2.11 → 20.2.13

package/{assets → src/assets}/i18n/cauca/es-material.json

@@ -1,104 +1,104 @@
-{
-    "material": {
-        "ok": "Ok",
-        "apply": "Aplicar",
-        "cancel": "Cancelar",
-        "clear": "Claro",
-        "description": "La librería \"@cauca-911/material\" agrega componentes basados ​​en @angular/material",
-        "select": "Para seleccionar",
-        "dialogTitle": "Adquisición de datos",
-        "dialogMessage": "Adquisición de datos en curso <img src=\"/assets/images/loading.gif\" alt=\"\" width=\"20\" />",
-        "version": "Versión",
-        "refresh": "Actualizar"
-    },
-    "ok": "Ok",
-    "apply": "Aplicar",
-    "cancel": "Cancelar",
-    "clear": "Claro",
-    "description": "La librería \"@cauca-911/material\" agrega muchos componentes visuales",
-    "select": "Seleccionar",
-    "dialogTitle": "Adquisición de datos",
-    "dialogMessage": "Adquisición de datos en curso <img src=\"/assets/images/loading.gif\" alt=\"\" width=\"20\" />",
-    "version": "Versión",
-    "refresh": "Actualizar",
-    "close": "Cerrar",
-    "copyLink": "Copiar enlace",
-    "logout": "Cerrar sesión",
-    "search": "Buscar",
-    "en": "Inglés",
-    "fr": "Francés",
-    "or": "O",
-    "errorTitle": "Error",
-    "edit": "Editar",
-    "delete": "Eliminar",
-    "save": "Guardar",
-    "yes": "Sí",
-    "no": "No",
-    "dateRangeSelectorLabel": "Fechas",
-    "errorDialog": {
-        "titleError": "Error al eliminar",
-        "messageError": "Ocurrió un error al eliminar \"{{itemName}}\". Por favor, inténtalo de nuevo más tarde."
-    },
-    "savingSuccessNotification": {
-        "title": "Guardando",
-        "message": "El guardado fue exitoso."
-    },
-    "deleteDialog": {
-        "titleFemale": "Eliminar {{itemType}}",
-        "titleMale": "Eliminar {{itemType}}",
-        "message": "¿Está seguro que desea eliminar \"{{itemName}}\"?",
-        "titleError": "No se puede eliminar",
-        "messageError": "Ocurrió un error al eliminar el elemento \"{{itemName}}\""
-    },
-    "cancelEditionDialog": {
-        "title": "Confirmación de cancelación",
-        "message": "Tiene cambios sin guardar, ¿está seguro que desea deshacerlos?"
-    },
-    "validationErrorDialog": {
-        "title": "Datos inválidos",
-        "message": "No puede guardar porque tiene información inválida.",
-        "messageNext": "No puede continuar porque tiene información inválida."
-    },
-    "alertDialog": {
-        "errorTitle": "Error",
-        "noResult": "Sin resultados",
-        "deleteErrorMessage": "Ocurrió un error al eliminar el elemento, por favor intente de nuevo.",
-        "genericErrorMessage": "Ocurrió un error, por favor intente de nuevo.",
-        "saveErrorMessage": "Ocurrió un error al guardar los datos, por favor intente de nuevo.",
-        "loadErrorMessage": "Ocurrió un error al cargar los datos, por favor intente de nuevo."
-    },
-    "generalError": {
-        "errorAlertTitle": "Error",
-        "loadingErrorAlertTitle": "Error al cargar",
-        "loadingErrorAlertMessage": "Ocurrió una alerta al cargar los datos. Por favor intente de nuevo.",
-        "savingErrorAlertTitle": "Error al guardar",
-        "savingErrorAlertMessage": "Ocurrió una alerta al guardar los datos. Por favor intente de nuevo.",
-        "retryButtonLabel": "Reintentar"
-    },
-    "error": {
-        "requiredField": "Campo obligatorio.",
-        "maxLength": "El valor debe tener menos de {{value}} caracteres.",
-        "valueMin": "Valor por debajo del mínimo",
-        "valueMax": "Valor por encima del máximo",
-        "invalidEmail": "Correo electrónico inválido",
-        "invalidPhoneNumber": "Número de teléfono inválido",
-        "min": "Valor mínimo: {{value}}",
-        "max": "Valor máximo: {{value}}",
-        "length": "La longitud no debe exceder {{value}} caracteres.",
-        "identicalPassword": "Contraseñas iguales",
-        "minimumCharacters": "Mínimo 13 caracteres",
-        "minimumNumeric": "Mínimo 1 número (0-9)",
-        "minimumSpecialCharacter": "Mínimo 1 carácter especial (!, @, $, ...)",
-        "minimumUpperAndLowercase": "Mínimo 1 mayúscula y 1 minúscula (A, z)"
-    },
-    "passwordEdition": {
-        "passwordSelection": "Por favor, elija una contraseña.",
-        "password": "Contraseña",
-        "passwordConfirmation": "Confirmación de contraseña",
-        "minimumCharacters": "Mínimo 13 caracteres",
-        "minimumOneNumeric": "Mínimo 1 número (0-9)",
-        "minimumOneSpecialCharacter": "Mínimo 1 carácter especial (!, @, $, etc.)",
-        "needLowerAndUppercase": "Mínimo 1 mayúscula y 1 minúscula (A, z)",
-        "equalPasswords": "Contraseñas iguales"
-    }
-}
+{
+    "material": {
+        "ok": "Ok",
+        "apply": "Aplicar",
+        "cancel": "Cancelar",
+        "clear": "Claro",
+        "description": "La librería \"@cauca-911/material\" agrega componentes basados ​​en @angular/material",
+        "select": "Para seleccionar",
+        "dialogTitle": "Adquisición de datos",
+        "dialogMessage": "Adquisición de datos en curso <img src=\"/assets/images/loading.gif\" alt=\"\" width=\"20\" />",
+        "version": "Versión",
+        "refresh": "Actualizar"
+    },
+    "ok": "Ok",
+    "apply": "Aplicar",
+    "cancel": "Cancelar",
+    "clear": "Claro",
+    "description": "La librería \"@cauca-911/material\" agrega muchos componentes visuales",
+    "select": "Seleccionar",
+    "dialogTitle": "Adquisición de datos",
+    "dialogMessage": "Adquisición de datos en curso <img src=\"/assets/images/loading.gif\" alt=\"\" width=\"20\" />",
+    "version": "Versión",
+    "refresh": "Actualizar",
+    "close": "Cerrar",
+    "copyLink": "Copiar enlace",
+    "logout": "Cerrar sesión",
+    "search": "Buscar",
+    "en": "Inglés",
+    "fr": "Francés",
+    "or": "O",
+    "errorTitle": "Error",
+    "edit": "Editar",
+    "delete": "Eliminar",
+    "save": "Guardar",
+    "yes": "Sí",
+    "no": "No",
+    "dateRangeSelectorLabel": "Fechas",
+    "errorDialog": {
+        "titleError": "Error al eliminar",
+        "messageError": "Ocurrió un error al eliminar \"{{itemName}}\". Por favor, inténtalo de nuevo más tarde."
+    },
+    "savingSuccessNotification": {
+        "title": "Guardando",
+        "message": "El guardado fue exitoso."
+    },
+    "deleteDialog": {
+        "titleFemale": "Eliminar {{itemType}}",
+        "titleMale": "Eliminar {{itemType}}",
+        "message": "¿Está seguro que desea eliminar \"{{itemName}}\"?",
+        "titleError": "No se puede eliminar",
+        "messageError": "Ocurrió un error al eliminar el elemento \"{{itemName}}\""
+    },
+    "cancelEditionDialog": {
+        "title": "Confirmación de cancelación",
+        "message": "Tiene cambios sin guardar, ¿está seguro que desea deshacerlos?"
+    },
+    "validationErrorDialog": {
+        "title": "Datos inválidos",
+        "message": "No puede guardar porque tiene información inválida.",
+        "messageNext": "No puede continuar porque tiene información inválida."
+    },
+    "alertDialog": {
+        "errorTitle": "Error",
+        "noResult": "Sin resultados",
+        "deleteErrorMessage": "Ocurrió un error al eliminar el elemento, por favor intente de nuevo.",
+        "genericErrorMessage": "Ocurrió un error, por favor intente de nuevo.",
+        "saveErrorMessage": "Ocurrió un error al guardar los datos, por favor intente de nuevo.",
+        "loadErrorMessage": "Ocurrió un error al cargar los datos, por favor intente de nuevo."
+    },
+    "generalError": {
+        "errorAlertTitle": "Error",
+        "loadingErrorAlertTitle": "Error al cargar",
+        "loadingErrorAlertMessage": "Ocurrió una alerta al cargar los datos. Por favor intente de nuevo.",
+        "savingErrorAlertTitle": "Error al guardar",
+        "savingErrorAlertMessage": "Ocurrió una alerta al guardar los datos. Por favor intente de nuevo.",
+        "retryButtonLabel": "Reintentar"
+    },
+    "error": {
+        "requiredField": "Campo obligatorio.",
+        "maxLength": "El valor debe tener menos de {{value}} caracteres.",
+        "valueMin": "Valor por debajo del mínimo",
+        "valueMax": "Valor por encima del máximo",
+        "invalidEmail": "Correo electrónico inválido",
+        "invalidPhoneNumber": "Número de teléfono inválido",
+        "min": "Valor mínimo: {{value}}",
+        "max": "Valor máximo: {{value}}",
+        "length": "La longitud no debe exceder {{value}} caracteres.",
+        "identicalPassword": "Contraseñas iguales",
+        "minimumCharacters": "Mínimo 13 caracteres",
+        "minimumNumeric": "Mínimo 1 número (0-9)",
+        "minimumSpecialCharacter": "Mínimo 1 carácter especial (!, @, $, ...)",
+        "minimumUpperAndLowercase": "Mínimo 1 mayúscula y 1 minúscula (A, z)"
+    },
+    "passwordEdition": {
+        "passwordSelection": "Por favor, elija una contraseña.",
+        "password": "Contraseña",
+        "passwordConfirmation": "Confirmación de contraseña",
+        "minimumCharacters": "Mínimo 13 caracteres",
+        "minimumOneNumeric": "Mínimo 1 número (0-9)",
+        "minimumOneSpecialCharacter": "Mínimo 1 carácter especial (!, @, $, etc.)",
+        "needLowerAndUppercase": "Mínimo 1 mayúscula y 1 minúscula (A, z)",
+        "equalPasswords": "Contraseñas iguales"
+    }
+}

package/{assets → src/assets}/i18n/cauca/fr-material.json

@@ -1,106 +1,106 @@
-{
-    "material": {
-        "ok": "Ok",
-        "apply": "Appliquer",
-        "cancel": "Annuler",
-        "clear": "Vider",
-        "description": "La librairie \"@cauca-911/material\" ajoute des composants basé sur @angular/material",
-        "select": "Sélectionner",
-        "dialogTitle": "Acquisition des données",
-        "dialogMessage": "Acquisition des données en cours <img src=\"/assets/images/loading.gif\" alt=\"\" width=\"20\" />",
-        "version": "Version",
-        "refresh": "Rafraîchir"
-    },
-    "ok": "Ok",
-    "apply": "Appliquer",
-    "cancel": "Annuler",
-    "clear": "Vider",
-    "description": "La librairie \"@cauca-911/material\" ajoute des composants basé sur @angular/material",
-    "select": "Sélectionner",
-    "dialogTitle": "Acquisition des données",
-    "dialogMessage": "Acquisition des données en cours <img src=\"/assets/images/loading.gif\" alt=\"\" width=\"20\" />",
-    "version": "Version",
-    "refresh": "Rafraîchir",
-    "errorTitle": "Erreur",
-    "edit": "Éditer",
-    "delete": "Supprimer",
-    "save": "Sauvegarder",
-    "yes": "Oui",
-    "no": "Non",
-    "close": "Fermer",
-    "copyLink": "Copier le lien",
-    "logout": "Déconnexion",
-    "search": "Rechercher",
-    "en": "Anglais",
-    "fr": "Français",
-    "es": "Espagnol",
-    "or": "OU",
-    "dateRangeSelectorLabel": "Dates",
-    "errorDialog": {
-        "titleError": "Erreur de suppression",
-        "messageError": "Une erreur est survenue lors de la suppression de \"{{itemName}}\". Veuillez réessayer plus tard."
-    },
-    "deleteDialog": {
-        "titleFemale": "Supprimer une {{itemType}}",
-        "titleMale": "Supprimer un {{itemType}}",
-        "message": "Êtes-vous sûr de vouloir supprimer l'élément \"{{itemName}}\" ?",
-        "titleError": "Erreur de suppression",
-        "messageError": "Une erreur s'est produite lors de la suppression de l'élément \"{{itemName}}\"."
-    },
-    "cancelEditionDialog": {
-        "title": "Confirmation d'annulation",
-        "message": "Vous avez des changements non sauvegardés, êtes-vous sûr de vouloir les annuler ?"
-    },
-    "validationErrorDialog": {
-        "title": "Données invalides",
-        "message": "Vous ne pouvez sauvegarder parce que vous avez des informations invalides.",
-        "messageNext": "Vous ne pouvez continuer parce que vous avez des informations invalides."
-    },
-    "alertDialog": {
-        "errorTitle": "Erreur",
-        "noResult": "Aucun résultat",
-        "genericErrorMessage": "Une erreur s'est produite, veuillez réessayer.",
-        "saveErrorMessage": "Une erreur s'est produite lors de la sauvegarde, veuillez réessayer.",
-        "loadErrorMessage": "Une erreur s'est produite lors du chargement, veuillez réessayer.",
-        "deleteErrorMessage": "Une erreur s'est produite lors de la suppression, veuillez réessayer.",
-        "creationErrorMessage": "Une erreur s'est produite lors de la création du fichier, veuillez réessayer."
-    },
-  "savingSuccessNotification": {
-    "title": "Sauvegarde",
-    "message": "La sauvegarde s'est effectuée avec succès."
-  },
-    "generalError": {
-        "errorAlertTitle": "Erreur",
-        "loadingErrorAlertTitle": "Erreur de chargement",
-        "loadingErrorAlertMessage": "Une erreur s'est produite pendant le chargement, veuillez réessayer.",
-        "savingErrorAlertTitle": "Erreur de sauvegarde",
-        "savingErrorAlertMessage": "Une erreur s'est produite pendant la sauvegarde, veuillez réessayer.",
-        "retryButtonLabel": "Réessayer"
-    },
-    "error": {
-        "requiredField": "Ce champ est obligatoire.",
-        "maxLength": "Ce champ doit avoir moins de {{value}} caractères.",
-        "valueMin": "Valeur sous minimum",
-        "valueMax": "Valeur au dessus maximum",
-        "invalidEmail": "Le courriel entré n'est pas valide",
-        "invalidPhoneNumber": "Le téléphone n'est pas valide",
-        "min": "Valeur minimale: {{value}}",
-        "max": "Valeur maximale: {{value}}",
-        "minimumCharacters": "Minimum 13 caractères",
-        "minimumNumeric": "Minimum 1 chiffre (0-9)",
-        "minimumSpecialCharacter": "Minimum 1 caractère spécial (!, @, $, ...)",
-        "minimumUpperAndLowercase": "Minimum 1 majuscule et 1 minuscule (A, z)",
-        "identicalPassword": "Mots de passe identiques",
-        "length": "La longueur ne doit pas dépasser {{value}} caractères."
-    },
-    "passwordEdition" : {
-        "passwordSelection": "Veuillez choisir un mot de passe.",
-        "password": "Mot de passe",
-        "passwordConfirmation": "Confirmation du mot de passe",
-        "minimumCharacters": "Minimum 13 caractères",
-        "minimumOneNumeric": "Minimum 1 chiffre (0-9)",
-        "minimumOneSpecialCharacter": "Minimum 1 caractère spécial (!, @, $, etc.)",
-        "needLowerAndUppercase": "Minimum 1 majuscule et 1 minuscule (A, z)",
-        "equalPasswords": "Mots de passe identiques"
-    }
-}
+{
+    "material": {
+        "ok": "Ok",
+        "apply": "Appliquer",
+        "cancel": "Annuler",
+        "clear": "Vider",
+        "description": "La librairie \"@cauca-911/material\" ajoute des composants basé sur @angular/material",
+        "select": "Sélectionner",
+        "dialogTitle": "Acquisition des données",
+        "dialogMessage": "Acquisition des données en cours <img src=\"/assets/images/loading.gif\" alt=\"\" width=\"20\" />",
+        "version": "Version",
+        "refresh": "Rafraîchir"
+    },
+    "ok": "Ok",
+    "apply": "Appliquer",
+    "cancel": "Annuler",
+    "clear": "Vider",
+    "description": "La librairie \"@cauca-911/material\" ajoute des composants basé sur @angular/material",
+    "select": "Sélectionner",
+    "dialogTitle": "Acquisition des données",
+    "dialogMessage": "Acquisition des données en cours <img src=\"/assets/images/loading.gif\" alt=\"\" width=\"20\" />",
+    "version": "Version",
+    "refresh": "Rafraîchir",
+    "errorTitle": "Erreur",
+    "edit": "Éditer",
+    "delete": "Supprimer",
+    "save": "Sauvegarder",
+    "yes": "Oui",
+    "no": "Non",
+    "close": "Fermer",
+    "copyLink": "Copier le lien",
+    "logout": "Déconnexion",
+    "search": "Rechercher",
+    "en": "Anglais",
+    "fr": "Français",
+    "es": "Espagnol",
+    "or": "OU",
+    "dateRangeSelectorLabel": "Dates",
+    "errorDialog": {
+        "titleError": "Erreur de suppression",
+        "messageError": "Une erreur est survenue lors de la suppression de \"{{itemName}}\". Veuillez réessayer plus tard."
+    },
+    "deleteDialog": {
+        "titleFemale": "Supprimer une {{itemType}}",
+        "titleMale": "Supprimer un {{itemType}}",
+        "message": "Êtes-vous sûr de vouloir supprimer l'élément \"{{itemName}}\" ?",
+        "titleError": "Erreur de suppression",
+        "messageError": "Une erreur s'est produite lors de la suppression de l'élément \"{{itemName}}\"."
+    },
+    "cancelEditionDialog": {
+        "title": "Confirmation d'annulation",
+        "message": "Vous avez des changements non sauvegardés, êtes-vous sûr de vouloir les annuler ?"
+    },
+    "validationErrorDialog": {
+        "title": "Données invalides",
+        "message": "Vous ne pouvez sauvegarder parce que vous avez des informations invalides.",
+        "messageNext": "Vous ne pouvez continuer parce que vous avez des informations invalides."
+    },
+    "alertDialog": {
+        "errorTitle": "Erreur",
+        "noResult": "Aucun résultat",
+        "genericErrorMessage": "Une erreur s'est produite, veuillez réessayer.",
+        "saveErrorMessage": "Une erreur s'est produite lors de la sauvegarde, veuillez réessayer.",
+        "loadErrorMessage": "Une erreur s'est produite lors du chargement, veuillez réessayer.",
+        "deleteErrorMessage": "Une erreur s'est produite lors de la suppression, veuillez réessayer.",
+        "creationErrorMessage": "Une erreur s'est produite lors de la création du fichier, veuillez réessayer."
+    },
+  "savingSuccessNotification": {
+    "title": "Sauvegarde",
+    "message": "La sauvegarde s'est effectuée avec succès."
+  },
+    "generalError": {
+        "errorAlertTitle": "Erreur",
+        "loadingErrorAlertTitle": "Erreur de chargement",
+        "loadingErrorAlertMessage": "Une erreur s'est produite pendant le chargement, veuillez réessayer.",
+        "savingErrorAlertTitle": "Erreur de sauvegarde",
+        "savingErrorAlertMessage": "Une erreur s'est produite pendant la sauvegarde, veuillez réessayer.",
+        "retryButtonLabel": "Réessayer"
+    },
+    "error": {
+        "requiredField": "Ce champ est obligatoire.",
+        "maxLength": "Ce champ doit avoir moins de {{value}} caractères.",
+        "valueMin": "Valeur sous minimum",
+        "valueMax": "Valeur au dessus maximum",
+        "invalidEmail": "Le courriel entré n'est pas valide",
+        "invalidPhoneNumber": "Le téléphone n'est pas valide",
+        "min": "Valeur minimale: {{value}}",
+        "max": "Valeur maximale: {{value}}",
+        "minimumCharacters": "Minimum 13 caractères",
+        "minimumNumeric": "Minimum 1 chiffre (0-9)",
+        "minimumSpecialCharacter": "Minimum 1 caractère spécial (!, @, $, ...)",
+        "minimumUpperAndLowercase": "Minimum 1 majuscule et 1 minuscule (A, z)",
+        "identicalPassword": "Mots de passe identiques",
+        "length": "La longueur ne doit pas dépasser {{value}} caractères."
+    },
+    "passwordEdition" : {
+        "passwordSelection": "Veuillez choisir un mot de passe.",
+        "password": "Mot de passe",
+        "passwordConfirmation": "Confirmation du mot de passe",
+        "minimumCharacters": "Minimum 13 caractères",
+        "minimumOneNumeric": "Minimum 1 chiffre (0-9)",
+        "minimumOneSpecialCharacter": "Minimum 1 caractère spécial (!, @, $, etc.)",
+        "needLowerAndUppercase": "Minimum 1 majuscule et 1 minuscule (A, z)",
+        "equalPasswords": "Mots de passe identiques"
+    }
+}

package/src/lib/cauca-material.component.html

@@ -0,0 +1 @@
+<div>{{'core.noGenericComponentOnThisLibrary' | translate}}</div>

package/src/lib/cauca-material.component.spec.ts

@@ -0,0 +1,29 @@
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { TranslateModule } from '@ngx-translate/core';
+
+import { CaucaMaterialComponent } from './cauca-material.component';
+
+describe('CaucaMaterialComponent', () => {
+  let component: CaucaMaterialComponent;
+  let fixture: ComponentFixture<CaucaMaterialComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      imports: [
+        CaucaMaterialComponent,
+        TranslateModule.forRoot()
+      ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(CaucaMaterialComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/src/lib/cauca-material.component.ts

@@ -0,0 +1,12 @@
+import { Component } from '@angular/core';
+import { TranslateModule } from '@ngx-translate/core';
+
+@Component({
+    selector: 'cauca-material',
+    templateUrl: './cauca-material.component.html',
+    styles: [],
+    imports: [TranslateModule]
+})
+export class CaucaMaterialComponent {
+
+}

package/src/lib/cauca-material.service.spec.ts

@@ -0,0 +1,16 @@
+import { TestBed } from '@angular/core/testing';
+
+import { CaucaMaterialService } from './cauca-material.service';
+
+describe('CaucaMaterialService', () => {
+  let service: CaucaMaterialService;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({});
+    service = TestBed.inject(CaucaMaterialService);
+  });
+
+  it('should be created', () => {
+    expect(service).toBeTruthy();
+  });
+});

package/src/lib/cauca-material.service.ts

@@ -0,0 +1,7 @@
+import { Injectable } from '@angular/core';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class CaucaMaterialService {
+}

package/src/lib/components/button/button.component.html

@@ -0,0 +1,52 @@
+@if (type === 'basic') {
+  <button [ngClass]="class" mat-button (click)="buttonClick.emit()" [disabled]="disable || inProgress" [color]="color" class="button-basic">
+    @if (inProgress || icon) {
+      <mat-icon [class.button-spin]="inProgress">{{ inProgress ? 'update' : icon }}</mat-icon>
+    }
+    <span>{{label}}</span>
+  </button>
+}
+
+@if (type === 'raised') {
+  <button [ngClass]="class" matButton="elevated" (click)="buttonClick.emit()" [disabled]="disable || inProgress" [color]="color" class="button-raised">
+    @if (inProgress || icon) {
+      <mat-icon [class.button-spin]="inProgress">{{ inProgress ? 'update' : icon }}</mat-icon>
+    }
+    <span>{{label}}</span>
+  </button>
+}
+
+@if (type === 'stroked') {
+  <button [ngClass]="class" matButton="outlined" (click)="buttonClick.emit()" [disabled]="disable || inProgress" [color]="color" class="button-stroked">
+    @if (inProgress || icon) {
+      <mat-icon [class.button-spin]="inProgress">{{ inProgress ? 'update' : icon }}</mat-icon>
+    }
+    <span>{{label}}</span>
+  </button>
+}
+
+@if (type === 'flat') {
+  <button [ngClass]="class" matButton="filled" (click)="buttonClick.emit()" [disabled]="disable || inProgress" [color]="color" class="button-flat">
+    @if (inProgress || icon) {
+      <mat-icon [class.button-spin]="inProgress">{{ inProgress ? 'update' : icon }}</mat-icon>
+    }
+    <span>{{label}}</span>
+  </button>
+}
+
+@if (type === 'icon') {
+  <button [ngClass]="class" matIconButton (click)="buttonClick.emit()" [disabled]="disable || inProgress" [color]="color" class="button-icon">
+    @if (inProgress || icon) {
+      <mat-icon [class.button-spin]="inProgress">{{ inProgress ? 'update' : icon }}</mat-icon>
+    }
+  </button>
+}
+
+@if (type === 'fab') {
+  <button [ngClass]="class" matFab (click)="buttonClick.emit()" [disabled]="disable || inProgress" [color]="color" class="button-icon">
+    @if (inProgress || icon) {
+      <mat-icon [class.button-spin]="inProgress">{{ inProgress ? 'update' : icon }}</mat-icon>
+    }
+    <span>{{label}}</span>
+  </button>
+}

package/src/lib/components/button/button.component.scss

@@ -0,0 +1,6 @@
+@keyframes spinner {
+    to { transform: rotate(360deg); }
+}
+.button-spin {
+    animation: spinner 1s linear infinite;
+}