angular-matecu 4.1.0 → 4.2.0

package/src/lib/components/matecu-topbar-search/matecu-topbar-search.component.ts

@@ -1,92 +0,0 @@
-import { CommonModule } from '@angular/common';
-import {
-  Component,
-  EventEmitter,
-  HostBinding,
-  Input,
-  OnInit,
-  Output,
-} from '@angular/core';
-import { FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { MatButtonModule } from '@angular/material/button';
-import { MatIconModule } from '@angular/material/icon';
-import { Subject } from 'rxjs';
-import {
-  debounceTime,
-  distinctUntilChanged,
-  map,
-  takeUntil,
-  tap,
-} from 'rxjs/operators';
-
-@Component({
-  selector: 'matecu-topbar-search',
-  templateUrl: './matecu-topbar-search.component.html',
-  styleUrls: ['./matecu-topbar-search.component.scss'],
-  standalone: true,
-  imports: [
-    CommonModule,
-    FormsModule,
-    ReactiveFormsModule,
-    MatIconModule,
-    MatButtonModule,
-  ],
-})
-export class MatecuTopbarSearchComponent implements OnInit {
-  hasValue = false;
-  activeMobileSearch = false;
-  inputCtrl = new FormControl('');
-  private _value = '';
-  private _mobileStyle = false;
-
-  private destroy$ = new Subject<void>();
-  @Input() display = true;
-  @Input() placeholder = '';
-  @Input() delyValueChanges = 300; // valor en milisegundos
-  @Input() get value() {
-    return this._value;
-  }
-  set value(v: string) {
-    this._value = v;
-    this.inputCtrl.setValue(v);
-  }
-  @Input() get mobileStyle() {
-    return this._mobileStyle;
-  }
-  set mobileStyle(value: boolean) {
-    this._mobileStyle = value;
-    this.className = this.className.replace(/mobile-style/g, '').trim();
-    if (this._mobileStyle) {
-      this.className = `${this.className} mobile-style`;
-    }
-  }
-  @Output() valueChange = new EventEmitter<string>();
-  @HostBinding() className = 'matecu-topbar-search';
-  @HostBinding('style.display') get color() {
-    return this.display ? 'flex' : 'none';
-  }
-  ngOnInit(): void {
-    this.inputCtrl.valueChanges
-      .pipe(
-        map((value) => value ?? ''),
-        tap(this.updateHasValueFn()),
-        debounceTime(this.delyValueChanges),
-        distinctUntilChanged(),
-        tap((value) => this.valueChange.emit(value!)),
-        takeUntil(this.destroy$)
-      )
-      .subscribe();
-  }
-  toggleActiveMobildeSearch() {
-    this.activeMobileSearch = !this.activeMobileSearch;
-  }
-  clearSearch() {
-    this.inputCtrl.setValue('');
-    this.activeMobileSearch = false;
-  }
-  updateHasValueFn() {
-    return (value: string): void => {
-      this.hasValue = value.length > 0;
-    };
-  }
-}

package/src/lib/components/matecu-topbar-title/matecu-topbar-title.component.html

@@ -1 +0,0 @@
-<ng-content></ng-content>

package/src/lib/components/matecu-topbar-title/matecu-topbar-title.component.scss

@@ -1,91 +0,0 @@
-$search-text-color: var(--mtb-bar-color, #fff);
-$mtb-search-margin: var(--mtb-search-margin, 10px);
-.matecu-topbar-search-mobile-only {
-  display: none;
-  border: none;
-  background: none;
-  cursor: pointer;
-  color: var(--mtb-search-color, $search-text-color);
-  margin: $mtb-search-margin;
-  &.mobile-style {
-    display: block;
-  }
-}
-:host,
-.matecu-topbar-search {
-  &,
-  * {
-    box-sizing: border-box;
-    outline: none;
-  }
-  margin: $mtb-search-margin;
-  position: relative;
-  display: flex;
-  align-items: center;
-  color: var(--mtb-search-color, $search-text-color);
-  max-height: var(--bar-height, 64px);
-
-  input {
-    width: var(--mtb-search-width, 200px);
-    min-width: var(--mtb-search-width, 200px);
-    height: var(--mtb-search-height, 40px);
-    padding: var(--mtb-search-pading, 3px 35px);
-    border-radius: 4px;
-    border: 1px solid;
-    border: var(--mtb-search-border, none);
-    background-color: var(--search-background-color, #ffffff4d);
-    color: currentColor;
-    transition: all 300ms ease-in-out;
-    &::placeholder {
-      color: var(--mtb-search-color, $search-text-color);
-      opacity: 1; /* Firefox */
-    }
-    &:focus {
-      min-width: var(--mtb-search-width-large, 290px);
-    }
-  }
-
-  &__icon {
-    position: absolute;
-    top: 50%;
-    transform: translateY(-50%);
-    padding: 0px;
-    &--search {
-      left: 6px;
-    }
-    &--clear {
-      border: 0px;
-      background: 0px;
-      cursor: pointer;
-      color: currentColor;
-      right: 6px;
-    }
-  }
-}
-.mobile-style.matecu-topbar-search {
-  position: absolute;
-  top: 0px;
-  left: 0px;
-  right: 0px;
-  border-bottom: 1px solid;
-  border-bottom-color: var(--mtb-search-border-bottom-color, #ededed);
-  z-index: 3;
-  padding: 0px;
-  margin: 0px;
-  height: 64px;
-  color: var(--mtb-search-mobile-color, #000);
-  transform: translateY(-120%);
-  transition: all 300ms ease-in-out;
-  &.active-mobile {
-    transform: translateY(0);
-  }
-  input {
-    background-color: #fff;
-    height: 100%;
-    width: 100%;
-    border-radius: 0px;
-    &::placeholder {
-      color: var(--mtb-search-mobile-color, #000);
-    }
-  }
-}

package/src/lib/components/matecu-topbar-title/matecu-topbar-title.component.spec.ts

@@ -1,25 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { MatecuTopbarTitleComponent } from './matecu-topbar-title.component';
-
-describe('MatecuTopbarTitleComponent', () => {
-  let component: MatecuTopbarTitleComponent;
-  let fixture: ComponentFixture<MatecuTopbarTitleComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [ MatecuTopbarTitleComponent ]
-    })
-    .compileComponents();
-  });
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(MatecuTopbarTitleComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/lib/components/matecu-topbar-title/matecu-topbar-title.component.ts

@@ -1,14 +0,0 @@
-import { Component, HostBinding, OnInit } from '@angular/core';
-
-@Component({
-  selector: 'matecu-topbar-title',
-  templateUrl: './matecu-topbar-title.component.html',
-  styleUrls: ['./matecu-topbar-title.component.scss'],
-  standalone: true,
-})
-export class MatecuTopbarTitleComponent implements OnInit {
-  @HostBinding('class') className = 'matecu-topbar-title';
-  constructor() {}
-
-  ngOnInit(): void {}
-}

package/src/lib/modules/matecu-alert-box/matecu-alert-box.module.ts

@@ -1,16 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { MatecuAlertBoxComponent } from '../../components/matecu-alert-box/matecu-alert-box.component';
-import { MatIconModule } from '@angular/material/icon';
-import { MatecuAlertDialogComponent } from '../../components/matecu-alert-dialog/matecu-alert-dialog.component';
-import { MatDialogModule } from '@angular/material/dialog';
-import { MatButtonModule } from '@angular/material/button';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
-import { MatecuAlertSnackBarComponent } from '../../components/matecu-alert-snack-bar/matecu-alert-snack-bar.component';
-
-@NgModule({
-    declarations: [],
-    imports: [CommonModule, MatIconModule, MatDialogModule, MatButtonModule, MatSnackBarModule, MatecuAlertBoxComponent, MatecuAlertDialogComponent, MatecuAlertSnackBarComponent],
-    exports: [MatecuAlertBoxComponent]
-})
-export class MatecuAlertBoxModule { }

package/src/lib/modules/matecu-spinner/matecu-spinner.module.ts

@@ -1,14 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { MatecuSpinnerComponent } from '../../components/matecu-spinner/matecu-spinner.component';
-
-@NgModule({
-  declarations: [],
-  imports: [
-    CommonModule, MatecuSpinnerComponent
-  ],
-  exports: [
-    MatecuSpinnerComponent
-  ]
-})
-export class MatecuSpinnerModule { }

package/src/lib/modules/matecu-topbar-layout/matecu-topbar-layout.module.ts

@@ -1,45 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { MatecuTopbarLayoutComponent } from '../../components/matecu-topbar-layout/matecu-topbar-layout.component';
-import { MatecuTopbarTitleComponent } from '../../components/matecu-topbar-title/matecu-topbar-title.component';
-import { MatecuTopbarBodyComponent } from '../../components/matecu-topbar-body/matecu-topbar-body.component';
-import { MatToolbarModule } from '@angular/material/toolbar';
-import { MatIconModule } from '@angular/material/icon';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { MatButtonModule } from '@angular/material/button';
-import { MatecuTopbarFabComponent } from '../../components/matecu-topbar-fab/matecu-topbar-fab.component';
-import { MatecuTopbarSearchComponent } from '../../components/matecu-topbar-search/matecu-topbar-search.component';
-import { MatecuTopbarActionComponent } from '../../components/matecu-topbar-action/matecu-topbar-action.component';
-import { MatecuTopbarHeaderRowComponent } from '../../components/matecu-topbar-header-row/matecu-topbar-header-row.component';
-import { MatecuTopbarHeaderColumnComponent } from '../../components/matecu-topbar-header-column/matecu-topbar-header-column.component';
-
-@NgModule({
-  declarations: [],
-  imports: [
-    CommonModule,
-    MatToolbarModule,
-    MatIconModule,
-    FormsModule,
-    ReactiveFormsModule,
-    MatButtonModule,
-    MatecuTopbarLayoutComponent,
-    MatecuTopbarTitleComponent,
-    MatecuTopbarBodyComponent,
-    MatecuTopbarFabComponent,
-    MatecuTopbarSearchComponent,
-    MatecuTopbarActionComponent,
-    MatecuTopbarHeaderRowComponent,
-    MatecuTopbarHeaderColumnComponent,
-  ],
-  exports: [
-    MatecuTopbarLayoutComponent,
-    MatecuTopbarTitleComponent,
-    MatecuTopbarBodyComponent,
-    MatecuTopbarFabComponent,
-    MatecuTopbarSearchComponent,
-    MatecuTopbarActionComponent,
-    MatecuTopbarHeaderRowComponent,
-    MatecuTopbarHeaderColumnComponent,
-  ],
-})
-export class MatecuTopbarLayoutModule {}

package/src/lib/services/matecu-snack-bar.service.spec.ts

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

package/src/lib/services/matecu-snack-bar.service.ts

@@ -1,66 +0,0 @@
-import { Injectable } from '@angular/core';
-import { MatSnackBar, MatSnackBarConfig, MatSnackBarRef, TextOnlySnackBar } from '@angular/material/snack-bar';
-import { MatecuAlertSnackBarComponent } from '../components/matecu-alert-snack-bar/matecu-alert-snack-bar.component';
-import { MatecuAlertSnackBarData } from '../types/matecu-alert-snackbar';
-import { MatecuAlertBoxType } from '../types/matecu-altert-box-type';
-
-@Injectable({
-  providedIn: 'root'
-})
-export class MatecuSnackBarService {
-
-  constructor(private snackBar: MatSnackBar) { }
-
-
-
-  openError(error: string | Error, title?: string | null, action?: string, config?: MatSnackBarConfig<any>): MatSnackBarRef<MatecuAlertSnackBarComponent> {
-    const message = this.getErrorMessage(error);
-    const titleStr = title || 'ERROR';
-    const type = MatecuAlertBoxType.danger;
-    return this.openAlert(message, titleStr, type, action, config);
-  }
-  openSuccess(message: string, title?: string | null, action?: string, config?: MatSnackBarConfig<any>): MatSnackBarRef<MatecuAlertSnackBarComponent> {
-    const titleStr = title || 'OK';
-    const type = MatecuAlertBoxType.success;
-    return this.openAlert(message, titleStr, type, action, config);
-  }
-  openWarning(message: string, title?: string | null, action?: string, config?: MatSnackBarConfig<any>): MatSnackBarRef<MatecuAlertSnackBarComponent> {
-    const titleStr = title || 'WARNING';
-    const type = MatecuAlertBoxType.warning;
-    return this.openAlert(message, titleStr, type, action, config);
-  }
-  openInfo(message: string, title?: string | null, action?: string, config?: MatSnackBarConfig<any>): MatSnackBarRef<MatecuAlertSnackBarComponent> {
-    const titleStr = title || 'INFO';
-    const type = MatecuAlertBoxType.info;
-    return this.openAlert(message, titleStr, type, action, config);
-  }
-  open(message: string, action?: string, config?: MatSnackBarConfig<any>): MatSnackBarRef<TextOnlySnackBar> {
-    return this.snackBar.open(message, action, config);
-  }
-  dismiss(): void {
-    this.snackBar.dismiss()
-  }
-  private openAlert(message: string, title: string, type: MatecuAlertBoxType, action?: string, config?: MatSnackBarConfig<any>) {
-
-    const data: MatecuAlertSnackBarData = {
-      message,
-      title,
-      action,
-      type
-    }
-    const dialogConfig = { ...config, data }
-
-    return this.snackBar.openFromComponent(MatecuAlertSnackBarComponent, dialogConfig);
-  }
-
-  private getErrorMessage(err: string | Error): string {
-    const error = new Error()
-    if (typeof err === 'string') {
-      return err;
-    }
-    if (err instanceof Error) {
-      return err.message;
-    }
-    return '';
-  }
-}

package/src/lib/services/matecu-spinner.service.spec.ts

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

package/src/lib/services/matecu-spinner.service.ts

@@ -1,39 +0,0 @@
-import { Injectable } from '@angular/core';
-import { BehaviorSubject, Observable } from 'rxjs';
-
-@Injectable({
-  providedIn: 'root',
-})
-export class MatecuSpinnerService {
-  private active$ = new BehaviorSubject<boolean>(false);
-  private requestsKeys: string[] = [];
-  constructor() {}
-
-  watch(): Observable<boolean> {
-    return this.active$.pipe();
-  }
-  add(customKey?: string): string {
-    const key =
-      typeof customKey === 'string' && customKey.length > 0 ? customKey : this.createKey();
-    this.requestsKeys.push(key);
-    this.updateStatus();
-    return key;
-  }
-  remove(key: string): void {
-    this.requestsKeys = this.requestsKeys.filter((requestKey) => requestKey !== key);
-    this.updateStatus();
-  }
-  clear(): void {
-    this.requestsKeys = [];
-    this.updateStatus();
-  }
-  private updateStatus(): void {
-    const active = this.requestsKeys.length > 0;
-    this.active$.next(active);
-  }
-  private createKey(): string {
-    const time = new Date().getTime();
-    const complement = Math.random();
-    return `${time}__${complement}`;
-  }
-}

package/src/lib/types/matecu-alert-dialog.ts

@@ -1,10 +0,0 @@
-import { MatecuAlertBoxType } from './matecu-altert-box-type';
-
-export interface MatecuAlertDialogData {
-  message: string;
-  title?: string | null | undefined;
-  action?: string | null | undefined;
-  icon?: boolean | null | undefined;
-  type?: MatecuAlertBoxType | string | null | undefined;
-  dismissText?: string | null | undefined;
-}

package/src/lib/types/matecu-alert-snackbar.ts

@@ -1,8 +0,0 @@
-import { MatecuAlertBoxType } from './matecu-altert-box-type';
-
-export interface MatecuAlertSnackBarData {
-  message: string;
-  title: string;
-  action?: string;
-  type: MatecuAlertBoxType
-}

package/src/lib/types/matecu-altert-box-type.ts

@@ -1,6 +0,0 @@
-export enum MatecuAlertBoxType {
-  warning = 'warning',
-  success = 'success',
-  danger = 'danger',
-  info = 'info',
-}

package/src/lib/types/matecu-autocomplete.ts

@@ -1,5 +0,0 @@
-/**
- * [value,label]
- */
-export type MatecuAutocompleteOption = [string, string];
-export type MatecuAutocompleteFilterFn = (optionLabel: string, search: string) => boolean;

package/src/public-api.ts

@@ -1,42 +0,0 @@
-/*
- * Public API Surface of angular-matecu
- */
-
-/**
- *  spinner
- */
-export * from './lib/modules/matecu-spinner/matecu-spinner.module';
-export * from './lib/components/matecu-spinner/matecu-spinner.component';
-export * from './lib/services/matecu-spinner.service';
-
-/**
- *  topbar-layout
- */
-export * from './lib/modules/matecu-topbar-layout/matecu-topbar-layout.module';
-export * from './lib/components/matecu-topbar-body/matecu-topbar-body.component';
-export * from './lib/components/matecu-topbar-fab/matecu-topbar-fab.component';
-export * from './lib/components/matecu-topbar-layout/matecu-topbar-layout.component';
-export * from './lib/components/matecu-topbar-title/matecu-topbar-title.component';
-export * from './lib/components/matecu-topbar-search/matecu-topbar-search.component';
-export * from './lib/components/matecu-topbar-action/matecu-topbar-action.component';
-export * from './lib/components/matecu-topbar-header-row/matecu-topbar-header-row.component';
-export * from './lib/components/matecu-topbar-header-column/matecu-topbar-header-column.component';
-
-/**
- *  alert-box
- */
-
-export * from './lib/modules/matecu-alert-box/matecu-alert-box.module';
-export * from './lib/components/matecu-alert-box/matecu-alert-box.component';
-export * from './lib/components/matecu-alert-dialog/matecu-alert-dialog.component';
-export * from './lib/components/matecu-alert-snack-bar/matecu-alert-snack-bar.component';
-export * from './lib/types/matecu-altert-box-type';
-export * from './lib/types/matecu-alert-dialog';
-export * from './lib/services/matecu-snack-bar.service';
-
-/**
- * inputs
- */
-export * from './lib/components/matecu-autocomplete/matecu-autocomplete';
-export * from './lib/components/matecu-autocomplete-multiple/matecu-autocomplete-multiple';
-export * from './lib/components/matecu-file-input/matecu-file-input';

package/src/scss/main.scss

@@ -1,2 +0,0 @@
-
-@import './matecu-spinner-module/matecu-spinner-component'; 

package/src/scss/matecu-spinner-module/_matecu-spinner-component.scss

@@ -1,8 +0,0 @@
-.matecu-spinner {
-    display: inline-flex;
-    justify-content: center;
-    align-content: center;
-    &__hidden {
-        display: none;
-    }
-}

package/src/scss/matecu-topbar-layout/_variables.scss

@@ -1,2 +0,0 @@
-$toolbar-height: 64px;
-$toolbar-prominent-height: 128px;

package/tsconfig.lib.json

@@ -1,17 +0,0 @@
-/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
-/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../out-tsc/lib",
-    "declaration": true,
-    "declarationMap": true,
-    "types": []
-  },
-  "include": [
-    "src/**/*.ts"
-  ],
-  "exclude": [
-    "**/*.spec.ts"
-  ]
-}

package/tsconfig.lib.prod.json

@@ -1,11 +0,0 @@
-/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
-/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
-{
-  "extends": "./tsconfig.lib.json",
-  "compilerOptions": {
-    "declarationMap": false
-  },
-  "angularCompilerOptions": {
-    "compilationMode": "partial"
-  }
-}

package/tsconfig.spec.json

@@ -1,15 +0,0 @@
-/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
-/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../out-tsc/spec",
-    "types": [
-      "vitest/globals"
-    ]
-  },
-  "include": [
-    "src/**/*.d.ts",
-    "src/**/*.spec.ts"
-  ]
-}