tudu-components 0.2.6 → 0.2.8

package/src/lib/components/fallback-message/fallback-message.component.ts

@@ -1,140 +0,0 @@
-import { Component, Input, Output, EventEmitter } from '@angular/core';
-
-interface EmptyStateConfig {
-  title: string;
-  description: string;
-  icon: string;
-  iconColor: string;
-  bgColor: string;
-  primaryActionText?: string;
-  secondaryActionText?: string;
-}
-
-@Component({
-  selector: 'lib-fallback-message',
-  templateUrl: './fallback-message.component.html',
-  styleUrls: ['./fallback-message.component.css'],
-})
-export class FallbackMessageComponent {
-  @Input() card: any[] = [];
-  @Input() statusPedido: string = '';
-  @Input() customTitle?: string;
-  @Input() customDescription?: string;
-  @Input() primaryActionText?: string;
-  @Input() secondaryActionText?: string;
-
-  @Output() primaryAction = new EventEmitter<void>();
-  @Output() secondaryAction = new EventEmitter<void>();
-
-  get emptyStateConfig(): EmptyStateConfig {
-    // Se não há propostas
-    // if (this.card.length === 0) {
-    //   return {
-    //     title: 'Nenhuma Proposta',
-    //     description:
-    //       'Você ainda não possui negociações ou propostas recebidas.',
-    //     icon: '📄',
-    //     iconColor: 'text-gray-500',
-    //     bgColor: 'bg-gray-100',
-    //     primaryActionText: this.primaryActionText || 'Anúnciar Grátis',
-    //     secondaryActionText: this.secondaryActionText,
-    //   };
-    // }
-
-    // Se há status de pedido
-    if (this.statusPedido) {
-      switch (this.statusPedido.toLowerCase()) {
-        case 'finalizado':
-          return {
-            title: this.customTitle || 'Serviço Concluído! 🎉',
-            description:
-              this.customDescription ||
-              'O serviço foi finalizado com sucesso. Agradecemos pela confiança!',
-            icon: '✅',
-            iconColor: 'text-green-500',
-            bgColor: 'bg-green-100',
-            primaryActionText: this.primaryActionText || 'Ver Detalhes',
-            secondaryActionText: this.secondaryActionText || 'Avaliar Serviço',
-          };
-
-        // case 'cancelado':
-        //   return {
-        //     title: this.customTitle || 'Serviço Cancelado',
-        //     description:
-        //       this.customDescription ||
-        //       'O serviço foi cancelado pelo prestador. Você pode buscar outros profissionais disponíveis.',
-        //     icon: '❌',
-        //     iconColor: 'text-red-500',
-        //     bgColor: 'bg-red-100',
-        //     primaryActionText: this.primaryActionText || 'Buscar Profissionais',
-        //     secondaryActionText: this.secondaryActionText || 'Voltar ao Início',
-        //   };
-
-        case 'sem servicos':
-          return {
-            title: this.customTitle || 'Sem serviço',
-            description:
-              this.customDescription ||
-              'Não há serviços disponíveis aqui.',
-            icon: '📄',
-            // iconColor: 'text-yellow-500',
-            // bgColor: 'bg-yellow-100',
-            iconColor: 'text-gray-500',
-            bgColor: 'bg-gray-100',
-            primaryActionText: this.primaryActionText || 'Procurar serviços',
-            // secondaryActionText: this.secondaryActionText || 'Meus Anúncios',
-          };
-        case 'indisponivel':
-          return {
-            title: this.customTitle || 'Proposta Indisponível',
-            description:
-              this.customDescription ||
-              'Esta proposta não está mais disponível para visualização.',
-            icon: '📄',
-            // iconColor: 'text-yellow-500',
-            // bgColor: 'bg-yellow-100',
-            iconColor: 'text-gray-500',
-            bgColor: 'bg-gray-100',
-            primaryActionText: this.primaryActionText || 'Ver Outras Propostas',
-            // secondaryActionText: this.secondaryActionText || 'Meus Anúncios',
-          };
-
-        default:
-          return this.getDefaultConfig();
-      }
-    }
-
-    return this.getDefaultConfig();
-  }
-
-  private getDefaultConfig(): EmptyStateConfig {
-    return {
-      title: this.customTitle || 'Nenhuma Proposta',
-      description:
-        this.customDescription || 'Você ainda não possui negociações.',
-      icon: '📄',
-      iconColor: 'text-gray-500',
-      bgColor: 'bg-gray-100',
-      primaryActionText: this.primaryActionText || 'Anúnciar Grátis',
-      secondaryActionText: this.secondaryActionText,
-    };
-  }
-
-  // Método para determinar se deve mostrar o componente
-  shouldShowEmptyState(): boolean {
-    return (
-      this.card.length === 0 ||
-      ['finalizado', 'cancelado', 'indisponível', 'indisponivel'].includes(
-        this.statusPedido?.toLowerCase()
-      )
-    );
-  }
-
-  onPrimaryAction() {
-    this.primaryAction.emit();
-  }
-
-  onSecondaryAction() {
-    this.secondaryAction.emit();
-  }
-}

package/src/lib/components/nav/nav.component.css

@@ -1,40 +0,0 @@
-.navbar-ajust {
-  background-color: var(--medium);
-  padding: 1em;
-}
-
-.container-fluid {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-
-.navbar-left,
-.navbar-right {
-  flex: 1; /* Ambos ocupam o mesmo espaço */
-  display: flex;
-  justify-content: flex-start; /* Alinha o da esquerda à esquerda */
-}
-
-.navbar-right {
-  justify-content: flex-end; /* Alinha o da direita à direita */
-}
-
-.navbar-center {
-  flex: 2; /* O dobro do espaço para centralizar corretamente */
-  display: flex;
-  justify-content: center;
-}
-:host {
-  display: block;
-}
-
-.-translate-y-full {
-  transform: translateY(calc(-100% - 1px));
-}
-
-@media (max-width: 767px) {
-  .-translate-y-full {
-    transform: translateY(calc(-100% - 1px));
-  }
-}

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

@@ -1,40 +0,0 @@
-<!-- Overlay -->
-<div
-  *ngIf="openClose"
-  (click)="openClose = false"
-  class="fixed inset-0 bg-black bg-opacity-40 z-40 md:hidden"
-></div>
-
-<!-- Navbar Container -->
-<div
-  class="fixed top-0 left-0 right-0 z-50 shadow-none transition-transform duration-300 ease-out "
-  [class.-translate-y-full]="!isHeaderVisible"
-  [style.backgroundColor]="
-    changeNavColor ? 'var(--primary)' : 'var(--primary)'
-  "
->
-  <!-- Main Navbar -->
-  <div class="w-full">
-    <div class="mx-auto px-2 h-16 flex items-center justify-between">
-      <!-- Left Content -->
-      <div class="flex-1 flex justify-start">
-        <ng-content select="[left-content]"></ng-content>
-      </div>
-
-      <!-- Center Content -->
-      <div class="flex-1 flex justify-center">
-        <ng-content select="[central-content]"></ng-content>
-      </div>
-
-      <!-- Right Content -->
-      <div class="flex-1" style="display: flex; justify-content: flex-end">
-        <ng-content select="[right-content]"></ng-content>
-      </div>
-    </div>
-  </div>
-
-  <!-- Header Menu (Submenu) -->
-  <div header-menu class="w-full hr-nav">
-    <ng-content select="[header-menu]"></ng-content>
-  </div>
-</div>

package/src/lib/components/nav/nav.component.spec.ts

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

package/src/lib/components/nav/nav.component.ts

@@ -1,84 +0,0 @@
-import {
-  Component,
-  ElementRef,
-  HostListener,
-  Input,
-  OnInit,
-} from '@angular/core';
-import { Router } from '@angular/router';
-
-@Component({
-  selector: 'lib-nav',
-  templateUrl: './nav.component.html',
-  styleUrls: ['./nav.component.css'],
-})
-export class NavComponent implements OnInit {
-  @Input() changeNavColor: boolean = false;
-
-  openClose: boolean = false;
-  message: string = '';
-
-  lastScrollPosition = 0;
-  isHeaderVisible = true;
-  headerHeight = 0;
-  isMobile = false;
-
-  hasOffer: boolean = false;
-
-  constructor(private router: Router, private el: ElementRef) {}
-
-  ngAfterViewInit() {
-    this.checkMobile();
-
-    // Obtém a altura do header-menu após a view ser inicializada
-    const headerMenu = this.el.nativeElement.querySelector('[header-menu]');
-    if (headerMenu) {
-      this.headerHeight = headerMenu.offsetHeight;
-    }
-  }
-
-  ngOnInit(): void {
-    this.hasOffer = this.router.url.includes('offer');
-  }
-
-  @HostListener('window:resize')
-  onResize() {
-    this.checkMobile();
-  }
-
-  private checkMobile() {
-    this.isMobile = window.innerWidth < 768; // 768px é o breakpoint padrão do Tailwind para md
-    if (!this.isMobile) {
-      this.isHeaderVisible = true; // Garante que fique visível em desktop
-    }
-  }
-  public menu() {
-    this.openClose = !this.openClose;
-  }
-
-  receiveMessage(event: string) {
-    this.message = event;
-  }
-
-  @HostListener('window:scroll', [])
-  onWindowScroll() {
-    if (!this.isMobile) return;
-
-    const currentScrollPosition =
-      window.pageYOffset || document.documentElement.scrollTop;
-
-    // Scroll DOWN - esconde o header
-    if (
-      currentScrollPosition > this.lastScrollPosition &&
-      currentScrollPosition > 50
-    ) {
-      this.isHeaderVisible = false;
-    }
-    // Scroll UP - mostra o header
-    else if (currentScrollPosition < this.lastScrollPosition) {
-      this.isHeaderVisible = true;
-    }
-
-    this.lastScrollPosition = currentScrollPosition;
-  }
-}

package/src/lib/tudu-components.component.spec.ts

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

package/src/lib/tudu-components.component.ts

@@ -1,20 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-
-@Component({
-  selector: 'lib-tudu-components',
-  template: `
-    <p>
-      tudu-components works!sss
-    </p>
-  `,
-  styles: [
-  ]
-})
-export class TuduComponentsComponent implements OnInit {
-
-  constructor() { }
-
-  ngOnInit(): void {
-  }
-
-}

package/src/lib/tudu-components.module.ts

@@ -1,13 +0,0 @@
-import { NgModule } from '@angular/core';
-import { TuduComponentsComponent } from './tudu-components.component';
-import { CommonModule } from '@angular/common';
-import { CardLayoutComponent } from '../lib/components/card-layout/card-layout.component';
-import { NavComponent } from './components/nav/nav.component';
-import { FallbackMessageComponent } from './components/fallback-message/fallback-message.component';
-
-@NgModule({
-  declarations: [TuduComponentsComponent, CardLayoutComponent, NavComponent, FallbackMessageComponent],
-  imports: [CommonModule],
-  exports: [TuduComponentsComponent, CardLayoutComponent, NavComponent, FallbackMessageComponent],
-})
-export class TuduComponentsModule {}

package/src/lib/tudu-components.service.spec.ts

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

package/src/lib/tudu-components.service.ts

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

package/src/test.ts

@@ -1,27 +0,0 @@
-// This file is required by karma.conf.js and loads recursively all the .spec and framework files
-
-import 'zone.js';
-import 'zone.js/testing';
-import { getTestBed } from '@angular/core/testing';
-import {
-  BrowserDynamicTestingModule,
-  platformBrowserDynamicTesting
-} from '@angular/platform-browser-dynamic/testing';
-
-declare const require: {
-  context(path: string, deep?: boolean, filter?: RegExp): {
-    <T>(id: string): T;
-    keys(): string[];
-  };
-};
-
-// First, initialize the Angular testing environment.
-getTestBed().initTestEnvironment(
-  BrowserDynamicTestingModule,
-  platformBrowserDynamicTesting(),
-);
-
-// Then we find all the tests.
-const context = require.context('./', true, /\.spec\.ts$/);
-// And load the modules.
-context.keys().forEach(context);

package/tsconfig.lib.json

@@ -1,19 +0,0 @@
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../out-tsc/lib",
-    "target": "ES2020",
-    "declaration": true,
-    "declarationMap": true,
-    "inlineSources": true,
-    "types": [],
-    "lib": ["dom", "es2020"]
-  },
-  "angularCompilerOptions": {
-    "skipTemplateCodegen": true,
-    "strictMetadataEmit": true,
-    "enableResourceInlining": true,
-    "compilationMode": "partial"
-  },
-  "exclude": ["src/test.ts", "**/*.spec.ts"]
-}

package/tsconfig.lib.prod.json

@@ -1,10 +0,0 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
-{
-  "extends": "./tsconfig.lib.json",
-  "compilerOptions": {
-    "declarationMap": false
-  },
-  "angularCompilerOptions": {
-    "compilationMode": "partial"
-  }
-}

package/tsconfig.spec.json

@@ -1,17 +0,0 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../out-tsc/spec",
-    "types": [
-      "jasmine"
-    ]
-  },
-  "files": [
-    "src/test.ts"
-  ],
-  "include": [
-    "**/*.spec.ts",
-    "**/*.d.ts"
-  ]
-}