@cauca-911/material 20.2.13 → 20.2.14

package/src/lib/components/dialogs/alert-dialog/alert-dialog.component.html

@@ -1,10 +0,0 @@
-<div mat-dialog-title>
-  <div class="h6">{{ title | translate }}</div>
-  <cauca-icon-button id="closeButton" (buttonClick)="closeClick()" icon="close" />
-</div>
-<div class="alert-dialog-content" mat-dialog-content>
-  <p>{{ message | translate }}</p>
-</div>
-<mat-dialog-actions align="end">
-  <cauca-raised-button id="okButton" label="ok" color="primary" (buttonClick)="closeClick()" />
-</mat-dialog-actions>

package/src/lib/components/dialogs/alert-dialog/alert-dialog.component.scss

@@ -1,14 +0,0 @@
-@use "../dialog-styles";
-
-:host > div:first-child {
-  display: flex;
-  align-items: center;
-
-  div:first-child {
-      flex: 1;
-  }
-}
-
-.alert-dialog-content {
-  white-space: pre-wrap;
-}

package/src/lib/components/dialogs/alert-dialog/alert-dialog.component.spec.ts

@@ -1,90 +0,0 @@
-import { ComponentFixture, fakeAsync, TestBed } from '@angular/core/testing';
-
-import { AlertDialogComponent } from './alert-dialog.component';
-import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
-import { TranslateModule, TranslatePipe } from '@ngx-translate/core';
-import { MockComponents, MockModule, MockPipe, ngMocks } from 'ng-mocks';
-import { BreakpointObserver, BreakpointState } from '@angular/cdk/layout';
-import { of } from 'rxjs';
-import { IconButtonComponent } from '../../buttons/icon-button/icon-button.component';
-import { RaisedButtonComponent } from '../../buttons/raised-button/raised-button.component';
-
-describe('AlertDialogComponent', () => {
-  let component: AlertDialogComponent;
-  let fixture: ComponentFixture<AlertDialogComponent>;
-  let mockMatDialog: any;
-  let breakpointObserverMock: jasmine.SpyObj<BreakpointObserver>;
-
-  beforeEach(async () => {
-    breakpointObserverMock = jasmine.createSpyObj('BreakpointObserver', ['observe']);
-    breakpointObserverMock.observe.and.returnValue(of({ matches: true, breakpoints: {} }));
-
-    mockMatDialog = jasmine.createSpyObj('MatDialogRef', ['close', 'addPanelClass', 'updateSize']);
-    await TestBed.configureTestingModule({
-      imports: [
-        AlertDialogComponent,
-        MockModule(TranslateModule)
-      ],
-      declarations: [
-        MockPipe(TranslatePipe, value => value),
-        ...MockComponents(IconButtonComponent, RaisedButtonComponent)
-      ],
-      providers: [
-        { provide: MatDialogRef, useValue: mockMatDialog },
-        { provide: MAT_DIALOG_DATA, useValue: [] },
-        { provide: BreakpointObserver, useValue: breakpointObserverMock },
-      ]
-    })
-      .compileComponents();
-
-    fixture = TestBed.createComponent(AlertDialogComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-
-  it('should initially add a global style class', () => {
-    expect(mockMatDialog.addPanelClass).toHaveBeenCalledWith('dialog-global-style');
-  });
-
-  it('should update dialog size when breakpoint matches', fakeAsync(() => {
-    mockMatDialog.updateSize.calls.reset();
-    const breakpointState: BreakpointState = { matches: true, breakpoints: {} };
-    breakpointObserverMock.observe.and.returnValue(of(breakpointState));
-
-    TestBed.createComponent(AlertDialogComponent);
-    fixture.detectChanges();
-
-    expect(mockMatDialog.updateSize).toHaveBeenCalledWith('100vw');
-  }));
-
-  it('should update dialog size when breakpoint does not match', fakeAsync(() => {
-    mockMatDialog.updateSize.calls.reset();
-    const breakpointState: BreakpointState = { matches: false, breakpoints: {} };
-    breakpointObserverMock.observe.and.returnValue(of(breakpointState));
-
-    TestBed.createComponent(AlertDialogComponent);
-    fixture.detectChanges();
-
-    expect(mockMatDialog.updateSize).toHaveBeenCalledWith('auto');
-  }));
-
-  it('should close dialog when pressing ok', async () => {
-    const closeButton = ngMocks.find<RaisedButtonComponent>('#okButton', null)?.componentInstance;
-
-    closeButton.buttonClick.emit();
-
-    expect(mockMatDialog.close).toHaveBeenCalled();
-  });
-
-  it('should close dialog when pressing close', async () => {
-    const closeButton = ngMocks.find<IconButtonComponent>('#closeButton', null)?.componentInstance;
-
-    closeButton.buttonClick.emit();
-
-    expect(mockMatDialog.close).toHaveBeenCalled();
-  });
-});

package/src/lib/components/dialogs/alert-dialog/alert-dialog.component.ts

@@ -1,41 +0,0 @@
-import { Component, Inject } from '@angular/core';
-import { MAT_DIALOG_DATA, MatDialogModule, MatDialogRef } from '@angular/material/dialog';
-import { ConfirmationOptions } from '../services/dialog.service';
-import { TranslateModule } from '@ngx-translate/core';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import { BreakpointObserver } from '@angular/cdk/layout';
-import { RaisedButtonComponent } from '../../buttons/raised-button/raised-button.component';
-import { IconButtonComponent } from '../../buttons/icon-button/icon-button.component';
-
-@Component({
-  selector: 'cauca-alert-dialog',
-  templateUrl: './alert-dialog.component.html',
-  styleUrls: ['./alert-dialog.component.scss'],
-  standalone: true,
-  imports: [TranslateModule, RaisedButtonComponent, IconButtonComponent, MatDialogModule]
-})
-export class AlertDialogComponent {
-
-  public title: string = '';
-  public message: string = '';
-
-  public constructor(
-    public dialogRef: MatDialogRef<AlertDialogComponent>,
-    @Inject(MAT_DIALOG_DATA) public data: AlertDialogData,
-    breakdownObserver: BreakpointObserver) {
-    this.title = data.title;
-    this.message = data.message;
-    dialogRef.addPanelClass("dialog-global-style");
-    breakdownObserver.observe('(max-width: 500px)').pipe(takeUntilDestroyed()).subscribe(result => dialogRef.updateSize(result.matches ? '100vw' : 'auto'));
-  }
-
-  public closeClick(): void {
-    this.dialogRef.close();
-  }
-}
-
-export interface AlertDialogData {
-  title: string;
-  message: string;
-  options: ConfirmationOptions;
-}

package/src/lib/components/dialogs/confirm-dialog/confirm-dialog.component.html

@@ -1,11 +0,0 @@
-<div mat-dialog-title>
-    <div class="h6 title">{{ title | translate: options.titleArgs }}</div>
-    <cauca-icon-button id="close-button" (buttonClick)="cancelClick()" icon="close" />
-  </div>
-  <div mat-dialog-content>
-    <p class="message">{{ message | translate: options.messageArgs }}</p>
-  </div>
-  <mat-dialog-actions align="end" class="action-buttons">
-    <cauca-stroked-button class="no-button" [label]="options.noText" [color]="options.noColor" (buttonClick)="noClick()" />
-    <cauca-raised-button class="yes-button" [label]="options.yesText" [color]="options.yesColor" (buttonClick)="yesClick()" />
-  </mat-dialog-actions>

package/src/lib/components/dialogs/confirm-dialog/confirm-dialog.component.scss

@@ -1,29 +0,0 @@
-@use "../dialog-styles";
-
-:host > div:first-child {
-    display: flex;
-    align-items: center;
-
-    div:first-child {
-        flex: 1;
-    }
-}
-
-.yes-button {
-    padding-left: 8px;
-}
-
-.message {
-    white-space: pre-wrap;
-}
-
-.title {
-    padding-top: 8px;
-}
-
-.action-buttons {
-    display: flex;
-    align-items: center;
-    flex-direction: row;
-    gap: 8px;
-}

package/src/lib/components/dialogs/confirm-dialog/confirm-dialog.component.spec.ts

@@ -1,137 +0,0 @@
-import { ComponentFixture, fakeAsync, TestBed } from '@angular/core/testing';
-
-import { ConfirmDialogComponent } from './confirm-dialog.component';
-import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
-import { MatIconModule } from '@angular/material/icon';
-import { MockComponents, MockModule, MockPipe, ngMocks } from 'ng-mocks';
-import { ConfirmationOptions, ConfirmationResult } from '../services/dialog.service';
-import { TranslateModule, TranslatePipe } from '@ngx-translate/core';
-import { BreakpointObserver, BreakpointState } from '@angular/cdk/layout';
-import { of } from 'rxjs';
-import { StrokedButtonComponent } from '../../buttons/stroked-button/stroked-button.component';
-import { IconButtonComponent } from '../../buttons/icon-button/icon-button.component';
-import { RaisedButtonComponent } from '../../buttons/raised-button/raised-button.component';
-
-
-describe('ConfirmDialogComponent', () => {
-  let component: ConfirmDialogComponent;
-  let fixture: ComponentFixture<ConfirmDialogComponent>;
-  let mockMatDialog: any;
-  let breakpointObserverMock: jasmine.SpyObj<BreakpointObserver>;
-
-  const defaultConfirmationOptions: ConfirmationOptions = {
-    noText: 'no',
-    noColor: undefined,
-    yesText: 'yes',
-    yesColor: 'primary',
-    messageArgs: null,
-    titleArgs: null,
-  };
-
-  beforeEach(async () => {
-    breakpointObserverMock = jasmine.createSpyObj('BreakpointObserver', ['observe']);
-    breakpointObserverMock.observe.and.returnValue(of({ matches: true, breakpoints: {} }));
-
-    mockMatDialog = jasmine.createSpyObj('MatDialogRef', ['close', 'addPanelClass', 'updateSize']);
-    await TestBed.configureTestingModule({
-      declarations: [
-        ConfirmDialogComponent,
-        ...MockComponents(StrokedButtonComponent, IconButtonComponent, RaisedButtonComponent),
-        MockPipe(TranslatePipe, value => value),
-      ],
-      providers: [
-        { provide: MatDialogRef<ConfirmDialogComponent>, useValue: mockMatDialog },
-        { provide: MAT_DIALOG_DATA, useValue: { title: 'title', message: 'message', options: defaultConfirmationOptions } },
-        { provide: BreakpointObserver, useValue: breakpointObserverMock },
-      ],
-      imports: [
-        MockModule(TranslateModule),
-        MatIconModule,
-      ]
-    })
-      .compileComponents();
-
-    fixture = TestBed.createComponent(ConfirmDialogComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  afterEach(() => {
-    mockMatDialog.close.calls.reset();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-
-  it('should initially add a global style class', () => {
-    expect(mockMatDialog.addPanelClass).toHaveBeenCalledWith('dialog-global-style');
-  });
-
-  it('should update dialog size when breakpoint matches', fakeAsync(() => {
-    mockMatDialog.updateSize.calls.reset();
-    const breakpointState: BreakpointState = { matches: true, breakpoints: {} };
-    breakpointObserverMock.observe.and.returnValue(of(breakpointState));
-    TestBed.createComponent(ConfirmDialogComponent);
-
-    fixture.detectChanges();
-
-    expect(mockMatDialog.updateSize).toHaveBeenCalledWith('100vw');
-  }));
-
-  it('should update dialog size when breakpoint does not match', fakeAsync(() => {
-    mockMatDialog.updateSize.calls.reset();
-    const breakpointState: BreakpointState = { matches: false, breakpoints: {} };
-    breakpointObserverMock.observe.and.returnValue(of(breakpointState));
-    TestBed.createComponent(ConfirmDialogComponent);
-
-    fixture.detectChanges();
-
-    expect(mockMatDialog.updateSize).toHaveBeenCalledWith('auto');
-  }));
-
-  it('should display the provided title and message', () => {
-    expect(fixture.nativeElement.querySelector('.title').textContent).toBe('title');
-    expect(fixture.nativeElement.querySelector('.message').textContent).toBe('message');
-  });
-
-  it('should render the yes button according to specification', () => {
-    const button = ngMocks.find<RaisedButtonComponent>('.yes-button').componentInstance;
-
-    expect(button.label).toBe(defaultConfirmationOptions.yesText);
-    expect(button.color).toBe(defaultConfirmationOptions.yesColor);
-  });
-
-  it('should render the no button according to specification', () => {
-    const button = ngMocks.find<StrokedButtonComponent>('.no-button').componentInstance;
-
-    expect(button.label).toBe(defaultConfirmationOptions.noText);
-    expect(button.color).toBe(defaultConfirmationOptions.noColor);
-  });
-
-  it('should close dialog with true when pressing ok', async () => {
-    const button = ngMocks.find<RaisedButtonComponent>('.yes-button').componentInstance;
-
-    button.buttonClick.emit();
-    fixture.detectChanges();
-
-    expect(mockMatDialog.close).toHaveBeenCalledOnceWith(ConfirmationResult.Yes);
-  });
-
-  it('should close dialog without true when pressing close', async () => {
-    const button = ngMocks.find<IconButtonComponent>('#close-button').componentInstance;
-
-    button.buttonClick.emit();
-
-    expect(mockMatDialog.close).toHaveBeenCalledOnceWith(ConfirmationResult.Cancel);
-  });
-
-  it('should close dialog without true when pressing no', async () => {
-    const button = ngMocks.find<StrokedButtonComponent>('.no-button').componentInstance;
-
-    button.buttonClick.emit();
-    fixture.detectChanges();
-
-    expect(mockMatDialog.close).toHaveBeenCalledOnceWith(ConfirmationResult.No);
-  });
-});

package/src/lib/components/dialogs/confirm-dialog/confirm-dialog.component.ts

@@ -1,47 +0,0 @@
-import { Component, Inject } from '@angular/core';
-import { MatDialogRef, MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
-import { AlertDialogData } from '../alert-dialog/alert-dialog.component';
-import { ConfirmationOptions, ConfirmationResult } from '../services/dialog.service';
-import { TranslateModule } from '@ngx-translate/core';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import { BreakpointObserver } from '@angular/cdk/layout';
-import { RaisedButtonComponent } from '../../buttons/raised-button/raised-button.component';
-import { StrokedButtonComponent } from '../../buttons/stroked-button/stroked-button.component';
-import { IconButtonComponent } from '../../buttons/icon-button/icon-button.component';
-
-@Component({
-  selector: 'cauca-confirm-dialog',
-  templateUrl: './confirm-dialog.component.html',
-  styleUrls: ['./confirm-dialog.component.scss'],
-  standalone: true,
-  imports: [TranslateModule, MatDialogModule, RaisedButtonComponent, StrokedButtonComponent, IconButtonComponent]
-})
-export class ConfirmDialogComponent {
-
-  public title: string = '';
-  public message: string = '';
-  public options: ConfirmationOptions;
-
-  public constructor(
-    public dialogRef: MatDialogRef<ConfirmDialogComponent>,
-    @Inject(MAT_DIALOG_DATA) public data: AlertDialogData,
-    breakdownObserver: BreakpointObserver) {
-    this.title = data.title;
-    this.message = data.message;
-    this.options = data.options;
-    dialogRef.addPanelClass("dialog-global-style");
-    breakdownObserver.observe('(max-width: 500px)').pipe(takeUntilDestroyed()).subscribe(result => dialogRef.updateSize(result.matches ? '100vw' : 'auto'));
-  }
-
-  public noClick(): void {
-    this.dialogRef.close(ConfirmationResult.No);
-  }
-
-  public yesClick(): void {
-    this.dialogRef.close(ConfirmationResult.Yes);
-  }
-
-  public cancelClick(): void {
-    this.dialogRef.close(ConfirmationResult.Cancel);
-  }
-}

package/src/lib/components/dialogs/delete-dialog/delete-dialog.component.html

@@ -1,17 +0,0 @@
-<div mat-dialog-title>
-    @if (itemGenderIsFemale)
-    {
-        <div class="h6 title">{{ ('deleteDialog.titleFemale' | translate:{itemType}) }}</div>
-    } @else
-    {
-        <div class="h6 title">{{ ('deleteDialog.titleMale' | translate:{itemType}) }}</div>
-    }
-    <cauca-icon-button id="closeButton" (buttonClick)="closeClick()" icon="close" />
-</div>
-<div mat-dialog-content>
-    <p>{{('deleteDialog.message' | translate:{itemName})}}</p>
-</div>
-<mat-dialog-actions align="end">
-    <cauca-stroked-button id="cancelButton" label="cancel" color="primary" (buttonClick)="closeClick()"/>
-    <cauca-raised-button id="deleteButton" label="delete" color="warn" (buttonClick)="deleteClick()" />
-</mat-dialog-actions>

package/src/lib/components/dialogs/delete-dialog/delete-dialog.component.scss

@@ -1,14 +0,0 @@
-@use "../dialog-styles";
-
-:host > div:first-child {
-    display: flex;
-    align-items: center;
-
-    div:first-child {
-        flex: 1;
-    }
-}
-
-.mat-mdc-dialog-actions {
-    column-gap: 8px;
-}

package/src/lib/components/dialogs/delete-dialog/delete-dialog.component.spec.ts

@@ -1,96 +0,0 @@
-import { ComponentFixture, fakeAsync, TestBed } from '@angular/core/testing';
-
-import { DeleteDialogComponent } from './delete-dialog.component';
-import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
-import { MockComponents, MockModule, MockPipe, ngMocks } from 'ng-mocks';
-import { TranslateModule, TranslatePipe } from '@ngx-translate/core';
-import { BreakpointObserver, BreakpointState } from '@angular/cdk/layout';
-import { of } from 'rxjs';
-import { RaisedButtonComponent } from '../../buttons/raised-button/raised-button.component';
-import { StrokedButtonComponent } from '../../buttons/stroked-button/stroked-button.component';
-import { IconButtonComponent } from '../../buttons/icon-button/icon-button.component';
-
-describe('DeleteDialogComponent', () => {
-  let component: DeleteDialogComponent;
-  let fixture: ComponentFixture<DeleteDialogComponent>;
-  let mockMatDialog: jasmine.SpyObj<MatDialogRef<DeleteDialogComponent>>;
-  let breakpointObserverMock: jasmine.SpyObj<BreakpointObserver>;
-
-  beforeEach(async () => {
-    breakpointObserverMock = jasmine.createSpyObj('BreakpointObserver', ['observe']);
-    breakpointObserverMock.observe.and.returnValue(of({ matches: true, breakpoints: {} }));
-
-    mockMatDialog = jasmine.createSpyObj('MatDialogRef', ['close', 'addPanelClass', 'updateSize']);
-    await TestBed.configureTestingModule({
-      imports: [DeleteDialogComponent, MockModule(TranslateModule)],
-      declarations: [
-        ...MockComponents(StrokedButtonComponent, RaisedButtonComponent, IconButtonComponent),
-        MockPipe(TranslatePipe, value => value),
-      ],
-      providers: [
-        { provide: MatDialogRef, useValue: mockMatDialog },
-        { provide: MAT_DIALOG_DATA, useValue: [] },
-        { provide: BreakpointObserver, useValue: breakpointObserverMock },
-      ]
-    })
-      .compileComponents();
-
-    fixture = TestBed.createComponent(DeleteDialogComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-
-  it('should initially add a global style class', () => {
-    expect(mockMatDialog.addPanelClass).toHaveBeenCalledWith('dialog-global-style');
-  });
-
-  it('should update dialog size when breakpoint matches', fakeAsync(() => {
-    mockMatDialog.updateSize.calls.reset();
-    const breakpointState: BreakpointState = { matches: true, breakpoints: {} };
-    breakpointObserverMock.observe.and.returnValue(of(breakpointState));
-    TestBed.createComponent(DeleteDialogComponent);
-
-    fixture.detectChanges();
-
-    expect(mockMatDialog.updateSize).toHaveBeenCalledWith('100vw');
-  }));
-
-  it('should update dialog size when breakpoint does not match', fakeAsync(() => {
-    mockMatDialog.updateSize.calls.reset();
-    const breakpointState: BreakpointState = { matches: false, breakpoints: {} };
-    breakpointObserverMock.observe.and.returnValue(of(breakpointState));
-    TestBed.createComponent(DeleteDialogComponent);
-
-    fixture.detectChanges();
-
-    expect(mockMatDialog.updateSize).toHaveBeenCalledWith('auto');
-  }));
-
-  it('should close dialog with true when pressing delete', async () => {
-    const deleteButton = ngMocks.find<StrokedButtonComponent>('#deleteButton', null)?.componentInstance;
-
-    deleteButton.buttonClick.emit();
-
-    expect(mockMatDialog.close).toHaveBeenCalledWith(true);
-  });
-
-  it('should close dialog without true when pressing close', async () => {
-    const closeButton = ngMocks.find<IconButtonComponent>('#closeButton', null)?.componentInstance;
-
-    closeButton.buttonClick.emit();
-
-    expect(mockMatDialog.close).not.toHaveBeenCalledWith(true);
-  });
-
-  it('should close dialog without true when pressing cancel', async () => {
-    const cancelButton = ngMocks.find<RaisedButtonComponent>('#cancelButton', null)?.componentInstance;
-
-    cancelButton.buttonClick.emit();
-
-    expect(mockMatDialog.close).not.toHaveBeenCalledWith(true);
-  });
-});

package/src/lib/components/dialogs/delete-dialog/delete-dialog.component.ts

@@ -1,40 +0,0 @@
-import { Component, Inject } from '@angular/core';
-import { MAT_DIALOG_DATA, MatDialogModule, MatDialogRef } from '@angular/material/dialog';
-import { DeleteDialogData } from './models/delete-dialog-data';
-import { TranslateModule } from '@ngx-translate/core';
-import { BreakpointObserver } from '@angular/cdk/layout';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import { RaisedButtonComponent } from '../../buttons/raised-button/raised-button.component';
-import { StrokedButtonComponent } from '../../buttons/stroked-button/stroked-button.component';
-import { IconButtonComponent } from '../../buttons/icon-button/icon-button.component';
-
-@Component({
-  selector: 'cauca-delete-dialog',
-  templateUrl: './delete-dialog.component.html',
-  styleUrls: ['./delete-dialog.component.scss'],
-  standalone: true,
-  imports: [MatDialogModule, TranslateModule, StrokedButtonComponent, IconButtonComponent, RaisedButtonComponent]
-})
-export class DeleteDialogComponent {
-  public itemGenderIsFemale: boolean = false;
-  public itemName: string = '';
-  public itemType: string = '';
-
-  public constructor(public dialogRef: MatDialogRef<DeleteDialogComponent>,
-    @Inject(MAT_DIALOG_DATA) public data: DeleteDialogData,
-    breakdownObserver: BreakpointObserver) {
-    this.itemGenderIsFemale = data.female;
-    this.itemName = data.name ? data.name : '';
-    this.itemType = data.type ? data.type.toLowerCase() : '';
-    dialogRef.addPanelClass("dialog-global-style");
-    breakdownObserver.observe('(max-width: 500px)').pipe(takeUntilDestroyed()).subscribe(result => dialogRef.updateSize(result.matches ? '100vw' : 'auto'));
-  }
-
-  public deleteClick(): void {
-    this.dialogRef.close(true);
-  }
-
-  public closeClick(): void {
-    this.dialogRef.close(false);
-  }
-}

package/src/lib/components/dialogs/delete-dialog/models/delete-dialog-data.spec.ts

@@ -1,7 +0,0 @@
-import { DeleteDialogData } from './delete-dialog-data';
-
-describe('DeleteDialogData', () => {
-  it('should create an instance', () => {
-    expect(new DeleteDialogData()).toBeTruthy();
-  });
-});

package/src/lib/components/dialogs/delete-dialog/models/delete-dialog-data.ts

@@ -1,5 +0,0 @@
-export class DeleteDialogData {
-  public name: string = '';
-  public type: string = '';
-  public female: boolean;
-}

package/src/lib/components/dialogs/dialog-styles.css

@@ -1,9 +0,0 @@
-@media (max-width: 500px) {
-  ::ng-deep .dialog-global-style {
-    max-width: 100vw !important;
-  }
-}
-
-::ng-deep .dialog-global-style {
-  margin: auto !important;
-}

package/src/lib/components/dialogs/dialog-styles.scss

@@ -1,9 +0,0 @@
-@media (max-width: 500px) {
-  ::ng-deep .dialog-global-style {
-    max-width: 100vw !important;
-  }
-}
-
-::ng-deep .dialog-global-style {
-  margin: auto !important;
-}

package/src/lib/components/dialogs/error-dialog/error-dialog.component.html

@@ -1,10 +0,0 @@
-<div mat-dialog-title>
-    <div class="h6">{{('errorDialog.titleError' | translate)}}</div>
-    <cauca-icon-button id="closeButton" (buttonClick)="closeClick()" icon="close"/>
-</div>
-<div mat-dialog-content>
-    <p>{{('errorDialog.messageError' | translate:{itemName})}}</p>
-</div>
-<mat-dialog-actions align="end">
-    <cauca-raised-button id="okButton" label="ok" color="warn" (buttonClick)="closeClick()"/>
-</mat-dialog-actions>

package/src/lib/components/dialogs/error-dialog/error-dialog.component.scss

@@ -1,10 +0,0 @@
-@use "../dialog-styles";
-
-:host > div:first-child {
-    display: flex;
-    align-items: center;
-
-    div:first-child {
-        flex: 1;
-    }
-}