tudu-components 0.2.6 → 0.2.7

package/fesm2020/tudu-components.mjs

@@ -0,0 +1,331 @@
+import * as i0 from '@angular/core';
+import { Component, Input, HostListener, EventEmitter, Output, NgModule, Injectable } from '@angular/core';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i1 from '@angular/router';
+
+class TuduComponentsComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+}
+TuduComponentsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TuduComponentsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TuduComponentsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: TuduComponentsComponent, selector: "lib-tudu-components", ngImport: i0, template: `
+    <p>
+      tudu-components works!sss
+    </p>
+  `, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TuduComponentsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-tudu-components', template: `
+    <p>
+      tudu-components works!sss
+    </p>
+  ` }]
+        }], ctorParameters: function () { return []; } });
+
+class CardLayoutComponent {
+    constructor(route) {
+        this.route = route;
+        this.statusPedido = '';
+        this.cardTemplateIndicator = 0; // 1 para serviço, 2 para candidatura
+        this.hideHeader = false; // 1 para serviço, 2 para candidatura
+        this.tags = ['Residencial', 'Urgente', 'Elétrica'];
+        this.statusOptions = [
+            { class: 'status-active', text: 'Ativo', icon: 'fa-circle' },
+            { class: 'status-pending', text: 'Em andamento', icon: 'fa-spinner' },
+            { class: 'status-completed', text: 'Concluído', icon: 'fa-check' },
+            { class: 'status-cancelled', text: 'Cancelado', icon: 'fa-times' },
+        ];
+        this.currentStatus = this.statusOptions[0];
+        this.flowIndicator = '1';
+        this.route.events.subscribe(() => {
+            if (this.route.url.includes('budgets')) {
+                this.flowIndicator = 'budgets';
+                console.log('asdasdadsasda', this.flowIndicator);
+            }
+        });
+    }
+    ngOnInit() {
+        let index = 0;
+        this.statusInterval = setInterval(() => {
+            index = (index + 1) % this.statusOptions.length;
+            this.currentStatus = this.statusOptions[index];
+        }, 3000);
+        console.log('cardTemplateIndicator', this.cardTemplateIndicator);
+    }
+    get badgeStyles() {
+        const status = this.statusPedido?.toLowerCase();
+        switch (status) {
+            case 'finalizado':
+                return { backgroundColor: '#4caf5020', color: '#4caf50' }; // verde suave
+            case 'concluido':
+                return { backgroundColor: '#0096881c', color: '#009688' }; // teal
+            case 'cancelado':
+                return { backgroundColor: '#ff52521c', color: '#ff5252' }; // vermelho claro
+            case 'publicado':
+                return { backgroundColor: '#0096ff1c', color: '#25a5ff' }; // azul suave
+            case 'recusado':
+                return { backgroundColor: '#ff52521c', color: '#ff5252' }; // vermelho claro
+            case 'em negociacao':
+                return { backgroundColor: '#ffab251f', color: '#ff9800' }; // laranja suave
+            case 'pendente':
+                return { backgroundColor: '#9a1fad1c', color: '#7e57c2' }; // roxo claro
+            default:
+                return { backgroundColor: '#e0e0e01c', color: '#757575' }; // cinza padrão
+        }
+    }
+    ngOnDestroy() {
+        if (this.statusInterval) {
+            clearInterval(this.statusInterval);
+        }
+    }
+    verDetalhes() {
+        alert('Abrir detalhes do serviço...');
+    }
+}
+CardLayoutComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CardLayoutComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
+CardLayoutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CardLayoutComponent, selector: "lib-card-layout", inputs: { statusPedido: "statusPedido", cardTemplateIndicator: "cardTemplateIndicator", hideHeader: "hideHeader" }, ngImport: i0, template: "<div\n  class=\"service-card rounded-xl shadow-md overflow-hidden bg-white hover:shadow-lg transition-all duration-300 relative mb-5\"\n>\n  <!-- HEADER -->\n  <div\n    [class.force-show]=\"!hideHeader\"\n    class=\"service-card-header flex items-center justify-between p-3 border-b border-gray-200\"\n  >\n    <div class=\"flex items-center gap-3\">\n      <div class=\"icon-style\">\n        <ng-content select=\"[service-icon]\"></ng-content>\n      </div>\n      <div class=\"flex flex-col\">\n        <div class=\"flex items-center gap-3\">\n          <div class=\"service-title truncate w-full\">\n            <ng-content select=\"[service-title]\"></ng-content>\n          </div>\n          <div class=\"\">\n            <ng-content select=\"[details-btn]\"></ng-content>\n          </div>\n        </div>\n        <div\n          class=\"whitespace-nowrap overflow-hidden text-ellipsis\"\n          style=\"font-size: 12px; color: var(--tab-link)\"\n        >\n          <ng-content select=\"[service-address]\"></ng-content>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <!-- BODY -->\n  <div class=\"service-card-body p-4 space-y-3\">\n    <div>\n      <div\n        class=\"flex flex-col items-start gap-3 border-b border-gray-100 pb-3 mb-3\"\n        *ngIf=\"cardTemplateIndicator === 1\"\n      >\n        <div class=\"flex justify-between w-full pb-2\">\n          <div class=\"status-badge\" [ngStyle]=\"badgeStyles\">\n            <ng-content select=\"[status-badge]\"></ng-content>\n          </div>\n\n          <div\n            class=\"text-xs text-gray-50 font-semibold\"\n            style=\"\n              background-color: #d3d3d32c;\n              color: grey;\n              border-radius: 25px;\n              display: flex;\n              justify-content: center;\n              align-items: center;\n              padding: 4px 10px;\n            \"\n          >\n            <ng-content select=\"[order-number]\"></ng-content>\n          </div>\n        </div>\n\n        <div class=\"flex flex-wrap gap-2 items-center\">\n          <ng-content select=\"[filter-tag]\"></ng-content>\n        </div>\n      </div>\n\n      <div class=\"fw-semibold\" *ngIf=\"statusPedido === 'finalizado'\">\n        <ng-content select=\"[conclusion-date]\"></ng-content>\n      </div>\n    </div>\n    <ng-content select=\"[info-row]\"></ng-content>\n\n    <ng-content select=\"[description]\"></ng-content>\n  </div>\n\n  <!-- FOOTER -->\n\n  <div\n    class=\"service-card-footer flex justify-center items-center p-3 border-t border-gray-100 bg-gray-50 gap-1\"\n  >\n    <div class=\"col-6\">\n      <ng-content select=\"[main-btn]\"></ng-content>\n    </div>\n    <div\n      class=\"fw-semibold col-6\"\n      style=\"display: flex; justify-content: flex-end\"\n    >\n      <ng-content select=\"[price]\"></ng-content>\n    </div>\n  </div>\n  <!-- <div\n    \n    class=\"flex row justify-between items-center p-3 border-t border-gray-100 bg-gray-50\"\n  >\n    <div class=\"col-6\">\n      <ng-content select=\"[main-btn]\"></ng-content>\n    </div>\n    <div class=\"col-6\">\n      <ng-content select=\"[price]\"></ng-content>\n    </div>\n  </div> -->\n</div>\n", styles: [".service-card{background:var(--light, #fff);border-radius:1rem;transition:all .3s ease;.service-card-header i {color: var(--primary); font-size: 20px;} .order-badge {background-color: #d3d3d32c; color: grey; border-radius: 25px; padding: 5px;} .template-2-order {margin-top: -6em;} &[data-template=\"1\"] {} &[data-template=\"2\"] {} .status-badge {display: inline-flex; align-items: center; gap: 4px; font-weight: 600; font-size: 12px; padding: 4px 10px; border-radius: 25px; text-transform: capitalize; transition: all .3s ease; i {color: inherit !important;}} .filter-tag {background: var(--tag-bg, #f9fafb); border: 1px solid var(--primary); border-radius: 9999px; padding: .25rem .75rem; color: var(--primary); font-size: 12px;} .details-btn {cursor: pointer;} .price {font-weight: 600; font-size: 1rem; color: var(--primary);} .service-address {font-size: 13px; color: rgb(212,212,212) !important;} .icon-style {display: flex; justify-content: center; align-items: center; background-color: var(--primary) !important; width: 40px; height: 40px; font-size: 12px; font-size: 20px; border-radius: 10px;} .price {font-weight: 600; color: var(--background-color);} .service-title {font-weight: 600; font-size: 1.1rem;} .badge-finalizado {background-color: #e0f7fa; color: #00796b;} .badge-concluido {background-color: #e8f5e9; color: #2e7d32;} .badge-cancelado {background-color: #ffebee; color: #c62828;} .badge-publicado {background-color: #fff3e0; color: #25a5ff;} .badge-default {background-color: #eeeeee; color: #757575;}}.prestador-photo{width:100%;height:100%;object-fit:cover;border-radius:50%}.budget-card-footer button{width:100%;border-radius:8px;font-weight:600;transition:.2s}.status-badge i.notification-pulse{animation:pulse 2s infinite}:host-context(.has-notification) .status-badge i{animation:pulse 2s infinite}.service-card-header{display:none}@media (min-width: 768px){.service-card-header{display:block}}.service-card-header.force-show{display:block}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CardLayoutComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-card-layout', template: "<div\n  class=\"service-card rounded-xl shadow-md overflow-hidden bg-white hover:shadow-lg transition-all duration-300 relative mb-5\"\n>\n  <!-- HEADER -->\n  <div\n    [class.force-show]=\"!hideHeader\"\n    class=\"service-card-header flex items-center justify-between p-3 border-b border-gray-200\"\n  >\n    <div class=\"flex items-center gap-3\">\n      <div class=\"icon-style\">\n        <ng-content select=\"[service-icon]\"></ng-content>\n      </div>\n      <div class=\"flex flex-col\">\n        <div class=\"flex items-center gap-3\">\n          <div class=\"service-title truncate w-full\">\n            <ng-content select=\"[service-title]\"></ng-content>\n          </div>\n          <div class=\"\">\n            <ng-content select=\"[details-btn]\"></ng-content>\n          </div>\n        </div>\n        <div\n          class=\"whitespace-nowrap overflow-hidden text-ellipsis\"\n          style=\"font-size: 12px; color: var(--tab-link)\"\n        >\n          <ng-content select=\"[service-address]\"></ng-content>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <!-- BODY -->\n  <div class=\"service-card-body p-4 space-y-3\">\n    <div>\n      <div\n        class=\"flex flex-col items-start gap-3 border-b border-gray-100 pb-3 mb-3\"\n        *ngIf=\"cardTemplateIndicator === 1\"\n      >\n        <div class=\"flex justify-between w-full pb-2\">\n          <div class=\"status-badge\" [ngStyle]=\"badgeStyles\">\n            <ng-content select=\"[status-badge]\"></ng-content>\n          </div>\n\n          <div\n            class=\"text-xs text-gray-50 font-semibold\"\n            style=\"\n              background-color: #d3d3d32c;\n              color: grey;\n              border-radius: 25px;\n              display: flex;\n              justify-content: center;\n              align-items: center;\n              padding: 4px 10px;\n            \"\n          >\n            <ng-content select=\"[order-number]\"></ng-content>\n          </div>\n        </div>\n\n        <div class=\"flex flex-wrap gap-2 items-center\">\n          <ng-content select=\"[filter-tag]\"></ng-content>\n        </div>\n      </div>\n\n      <div class=\"fw-semibold\" *ngIf=\"statusPedido === 'finalizado'\">\n        <ng-content select=\"[conclusion-date]\"></ng-content>\n      </div>\n    </div>\n    <ng-content select=\"[info-row]\"></ng-content>\n\n    <ng-content select=\"[description]\"></ng-content>\n  </div>\n\n  <!-- FOOTER -->\n\n  <div\n    class=\"service-card-footer flex justify-center items-center p-3 border-t border-gray-100 bg-gray-50 gap-1\"\n  >\n    <div class=\"col-6\">\n      <ng-content select=\"[main-btn]\"></ng-content>\n    </div>\n    <div\n      class=\"fw-semibold col-6\"\n      style=\"display: flex; justify-content: flex-end\"\n    >\n      <ng-content select=\"[price]\"></ng-content>\n    </div>\n  </div>\n  <!-- <div\n    \n    class=\"flex row justify-between items-center p-3 border-t border-gray-100 bg-gray-50\"\n  >\n    <div class=\"col-6\">\n      <ng-content select=\"[main-btn]\"></ng-content>\n    </div>\n    <div class=\"col-6\">\n      <ng-content select=\"[price]\"></ng-content>\n    </div>\n  </div> -->\n</div>\n", styles: [".service-card{background:var(--light, #fff);border-radius:1rem;transition:all .3s ease;.service-card-header i {color: var(--primary); font-size: 20px;} .order-badge {background-color: #d3d3d32c; color: grey; border-radius: 25px; padding: 5px;} .template-2-order {margin-top: -6em;} &[data-template=\"1\"] {} &[data-template=\"2\"] {} .status-badge {display: inline-flex; align-items: center; gap: 4px; font-weight: 600; font-size: 12px; padding: 4px 10px; border-radius: 25px; text-transform: capitalize; transition: all .3s ease; i {color: inherit !important;}} .filter-tag {background: var(--tag-bg, #f9fafb); border: 1px solid var(--primary); border-radius: 9999px; padding: .25rem .75rem; color: var(--primary); font-size: 12px;} .details-btn {cursor: pointer;} .price {font-weight: 600; font-size: 1rem; color: var(--primary);} .service-address {font-size: 13px; color: rgb(212,212,212) !important;} .icon-style {display: flex; justify-content: center; align-items: center; background-color: var(--primary) !important; width: 40px; height: 40px; font-size: 12px; font-size: 20px; border-radius: 10px;} .price {font-weight: 600; color: var(--background-color);} .service-title {font-weight: 600; font-size: 1.1rem;} .badge-finalizado {background-color: #e0f7fa; color: #00796b;} .badge-concluido {background-color: #e8f5e9; color: #2e7d32;} .badge-cancelado {background-color: #ffebee; color: #c62828;} .badge-publicado {background-color: #fff3e0; color: #25a5ff;} .badge-default {background-color: #eeeeee; color: #757575;}}.prestador-photo{width:100%;height:100%;object-fit:cover;border-radius:50%}.budget-card-footer button{width:100%;border-radius:8px;font-weight:600;transition:.2s}.status-badge i.notification-pulse{animation:pulse 2s infinite}:host-context(.has-notification) .status-badge i{animation:pulse 2s infinite}.service-card-header{display:none}@media (min-width: 768px){.service-card-header{display:block}}.service-card-header.force-show{display:block}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { statusPedido: [{
+                type: Input
+            }], cardTemplateIndicator: [{
+                type: Input
+            }], hideHeader: [{
+                type: Input
+            }] } });
+
+class NavComponent {
+    constructor(router, el) {
+        this.router = router;
+        this.el = el;
+        this.changeNavColor = false;
+        this.openClose = false;
+        this.message = '';
+        this.lastScrollPosition = 0;
+        this.isHeaderVisible = true;
+        this.headerHeight = 0;
+        this.isMobile = false;
+        this.hasOffer = false;
+    }
+    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() {
+        this.hasOffer = this.router.url.includes('offer');
+    }
+    onResize() {
+        this.checkMobile();
+    }
+    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
+        }
+    }
+    menu() {
+        this.openClose = !this.openClose;
+    }
+    receiveMessage(event) {
+        this.message = event;
+    }
+    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;
+    }
+}
+NavComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NavComponent, deps: [{ token: i1.Router }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+NavComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: NavComponent, selector: "lib-nav", inputs: { changeNavColor: "changeNavColor" }, host: { listeners: { "window:resize": "onResize()", "window:scroll": "onWindowScroll()" } }, ngImport: i0, template: "<!-- Overlay -->\n<div\n  *ngIf=\"openClose\"\n  (click)=\"openClose = false\"\n  class=\"fixed inset-0 bg-black bg-opacity-40 z-40 md:hidden\"\n></div>\n\n<!-- Navbar Container -->\n<div\n  class=\"fixed top-0 left-0 right-0 z-50 shadow-none transition-transform duration-300 ease-out \"\n  [class.-translate-y-full]=\"!isHeaderVisible\"\n  [style.backgroundColor]=\"\n    changeNavColor ? 'var(--primary)' : 'var(--primary)'\n  \"\n>\n  <!-- Main Navbar -->\n  <div class=\"w-full\">\n    <div class=\"mx-auto px-2 h-16 flex items-center justify-between\">\n      <!-- Left Content -->\n      <div class=\"flex-1 flex justify-start\">\n        <ng-content select=\"[left-content]\"></ng-content>\n      </div>\n\n      <!-- Center Content -->\n      <div class=\"flex-1 flex justify-center\">\n        <ng-content select=\"[central-content]\"></ng-content>\n      </div>\n\n      <!-- Right Content -->\n      <div class=\"flex-1\" style=\"display: flex; justify-content: flex-end\">\n        <ng-content select=\"[right-content]\"></ng-content>\n      </div>\n    </div>\n  </div>\n\n  <!-- Header Menu (Submenu) -->\n  <div header-menu class=\"w-full hr-nav\">\n    <ng-content select=\"[header-menu]\"></ng-content>\n  </div>\n</div>\n", styles: [".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;display:flex;justify-content:flex-start}.navbar-right{justify-content:flex-end}.navbar-center{flex:2;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))}}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NavComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-nav', template: "<!-- Overlay -->\n<div\n  *ngIf=\"openClose\"\n  (click)=\"openClose = false\"\n  class=\"fixed inset-0 bg-black bg-opacity-40 z-40 md:hidden\"\n></div>\n\n<!-- Navbar Container -->\n<div\n  class=\"fixed top-0 left-0 right-0 z-50 shadow-none transition-transform duration-300 ease-out \"\n  [class.-translate-y-full]=\"!isHeaderVisible\"\n  [style.backgroundColor]=\"\n    changeNavColor ? 'var(--primary)' : 'var(--primary)'\n  \"\n>\n  <!-- Main Navbar -->\n  <div class=\"w-full\">\n    <div class=\"mx-auto px-2 h-16 flex items-center justify-between\">\n      <!-- Left Content -->\n      <div class=\"flex-1 flex justify-start\">\n        <ng-content select=\"[left-content]\"></ng-content>\n      </div>\n\n      <!-- Center Content -->\n      <div class=\"flex-1 flex justify-center\">\n        <ng-content select=\"[central-content]\"></ng-content>\n      </div>\n\n      <!-- Right Content -->\n      <div class=\"flex-1\" style=\"display: flex; justify-content: flex-end\">\n        <ng-content select=\"[right-content]\"></ng-content>\n      </div>\n    </div>\n  </div>\n\n  <!-- Header Menu (Submenu) -->\n  <div header-menu class=\"w-full hr-nav\">\n    <ng-content select=\"[header-menu]\"></ng-content>\n  </div>\n</div>\n", styles: [".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;display:flex;justify-content:flex-start}.navbar-right{justify-content:flex-end}.navbar-center{flex:2;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))}}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.Router }, { type: i0.ElementRef }]; }, propDecorators: { changeNavColor: [{
+                type: Input
+            }], onResize: [{
+                type: HostListener,
+                args: ['window:resize']
+            }], onWindowScroll: [{
+                type: HostListener,
+                args: ['window:scroll', []]
+            }] } });
+
+class FallbackMessageComponent {
+    constructor() {
+        this.card = [];
+        this.statusPedido = '';
+        this.primaryAction = new EventEmitter();
+        this.secondaryAction = new EventEmitter();
+    }
+    get 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();
+    }
+    getDefaultConfig() {
+        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() {
+        return (this.card.length === 0 ||
+            ['finalizado', 'cancelado', 'indisponível', 'indisponivel'].includes(this.statusPedido?.toLowerCase()));
+    }
+    onPrimaryAction() {
+        this.primaryAction.emit();
+    }
+    onSecondaryAction() {
+        this.secondaryAction.emit();
+    }
+}
+FallbackMessageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FallbackMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+FallbackMessageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FallbackMessageComponent, selector: "lib-fallback-message", inputs: { card: "card", statusPedido: "statusPedido", customTitle: "customTitle", customDescription: "customDescription", primaryActionText: "primaryActionText", secondaryActionText: "secondaryActionText" }, outputs: { primaryAction: "primaryAction", secondaryAction: "secondaryAction" }, ngImport: i0, template: "<div *ngIf=\"shouldShowEmptyState()\" class=\"empty-state-container\">\n  <div\n    class=\"empty-state-card max-w-md mx-auto bg-white shadow-xl rounded-3xl p-8 border border-gray-100\"\n  >\n    <!-- \u00CDcone din\u00E2mico -->\n    <div class=\"empty-state-icon mb-6 flex justify-center\">\n      <div class=\"relative\">\n        <!-- \u00CDcone principal -->\n        <div [class]=\"emptyStateConfig.iconColor\">\n          <div class=\"text-6xl\">\n            {{ emptyStateConfig.icon }}\n          </div>\n        </div>\n\n        <!-- Background decorativo -->\n        <div class=\"absolute -z-10 inset-0 flex items-center justify-center\">\n          <div\n            [class]=\"emptyStateConfig.bgColor\"\n            class=\"w-32 h-32 rounded-full opacity-50\"\n          ></div>\n        </div>\n      </div>\n    </div>\n\n    <!-- Conte\u00FAdo da mensagem -->\n    <div class=\"empty-state-content text-center space-y-4\">\n      <!-- T\u00EDtulo -->\n      <h3 class=\"text-2xl font-bold text-gray-900 mb-2\">\n        {{ emptyStateConfig.title }}\n      </h3>\n\n      <!-- Descri\u00E7\u00E3o -->\n      <p class=\"text-gray-600 text-lg leading-relaxed px-4\">\n        {{ emptyStateConfig.description }}\n      </p>\n\n      <!-- Informa\u00E7\u00F5es adicionais baseadas no status -->\n      <div *ngIf=\"statusPedido === 'finalizado'\" class=\"mt-4\">\n        <div\n          class=\"inline-flex items-center gap-2 bg-green-50 text-green-700 px-4 py-2 rounded-full\"\n        >\n          <i class=\"fas fa-check-circle\"></i>\n          <span class=\"font-medium\">Servi\u00E7o avaliado e finalizado</span>\n        </div>\n      </div>\n\n      <div *ngIf=\"statusPedido === 'cancelado'\" class=\"mt-4\">\n        <div\n          class=\"inline-flex items-center gap-2 bg-red-50 text-red-700 px-4 py-2 rounded-full\"\n        >\n          <i class=\"fas fa-exclamation-circle\"></i>\n          <span class=\"font-medium\">Cancelado pelo prestador do servi\u00E7o</span>\n        </div>\n      </div>\n    </div>\n\n    <!-- A\u00E7\u00F5es -->\n    <div class=\"mt-8 flex flex-col sm:flex-row gap-4 justify-center\">\n      <!-- A\u00E7\u00E3o Prim\u00E1ria -->\n      <button\n        (click)=\"onPrimaryAction()\"\n        [ngClass]=\"{\n          'bg-green-600 hover:bg-green-700': statusPedido === 'finalizado',\n          'bg-red-600 hover:bg-red-700': statusPedido === 'cancelado',\n          'bg-blue-600 ':\n            statusPedido === 'indispon\u00EDvel' || statusPedido === 'indisponivel',\n          'bg-primary-600 hover:bg-primary-700': card.length === 0\n        }\"\n        class=\"col-12 btn btn-primary\"\n      >\n        {{ emptyStateConfig.primaryActionText }}\n      </button>\n\n      <!-- A\u00E7\u00E3o Secund\u00E1ria -->\n      <button\n        *ngIf=\"emptyStateConfig.secondaryActionText\"\n        (click)=\"onSecondaryAction()\"\n        class=\"col-12 btn btn-outline-primary\"\n      >\n        {{ emptyStateConfig.secondaryActionText }}\n      </button>\n    </div>\n\n    <!-- Link de ajuda (opcional) -->\n    <div *ngIf=\"statusPedido === 'cancelado'\" class=\"mt-6 text-center\">\n      <a\n        href=\"#\"\n        class=\"text-sm text-blue-600 hover:text-blue-800 hover:underline\"\n      >\n        <i class=\"fas fa-question-circle mr-2\"></i>\n        Precisa de ajuda? Entre em contato com o suporte\n      </a>\n    </div>\n  </div>\n</div>\n", styles: [".empty-state-card{animation:fadeInUp .5s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.empty-state-icon{animation:bounceIn .6s ease-out}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FallbackMessageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-fallback-message', template: "<div *ngIf=\"shouldShowEmptyState()\" class=\"empty-state-container\">\n  <div\n    class=\"empty-state-card max-w-md mx-auto bg-white shadow-xl rounded-3xl p-8 border border-gray-100\"\n  >\n    <!-- \u00CDcone din\u00E2mico -->\n    <div class=\"empty-state-icon mb-6 flex justify-center\">\n      <div class=\"relative\">\n        <!-- \u00CDcone principal -->\n        <div [class]=\"emptyStateConfig.iconColor\">\n          <div class=\"text-6xl\">\n            {{ emptyStateConfig.icon }}\n          </div>\n        </div>\n\n        <!-- Background decorativo -->\n        <div class=\"absolute -z-10 inset-0 flex items-center justify-center\">\n          <div\n            [class]=\"emptyStateConfig.bgColor\"\n            class=\"w-32 h-32 rounded-full opacity-50\"\n          ></div>\n        </div>\n      </div>\n    </div>\n\n    <!-- Conte\u00FAdo da mensagem -->\n    <div class=\"empty-state-content text-center space-y-4\">\n      <!-- T\u00EDtulo -->\n      <h3 class=\"text-2xl font-bold text-gray-900 mb-2\">\n        {{ emptyStateConfig.title }}\n      </h3>\n\n      <!-- Descri\u00E7\u00E3o -->\n      <p class=\"text-gray-600 text-lg leading-relaxed px-4\">\n        {{ emptyStateConfig.description }}\n      </p>\n\n      <!-- Informa\u00E7\u00F5es adicionais baseadas no status -->\n      <div *ngIf=\"statusPedido === 'finalizado'\" class=\"mt-4\">\n        <div\n          class=\"inline-flex items-center gap-2 bg-green-50 text-green-700 px-4 py-2 rounded-full\"\n        >\n          <i class=\"fas fa-check-circle\"></i>\n          <span class=\"font-medium\">Servi\u00E7o avaliado e finalizado</span>\n        </div>\n      </div>\n\n      <div *ngIf=\"statusPedido === 'cancelado'\" class=\"mt-4\">\n        <div\n          class=\"inline-flex items-center gap-2 bg-red-50 text-red-700 px-4 py-2 rounded-full\"\n        >\n          <i class=\"fas fa-exclamation-circle\"></i>\n          <span class=\"font-medium\">Cancelado pelo prestador do servi\u00E7o</span>\n        </div>\n      </div>\n    </div>\n\n    <!-- A\u00E7\u00F5es -->\n    <div class=\"mt-8 flex flex-col sm:flex-row gap-4 justify-center\">\n      <!-- A\u00E7\u00E3o Prim\u00E1ria -->\n      <button\n        (click)=\"onPrimaryAction()\"\n        [ngClass]=\"{\n          'bg-green-600 hover:bg-green-700': statusPedido === 'finalizado',\n          'bg-red-600 hover:bg-red-700': statusPedido === 'cancelado',\n          'bg-blue-600 ':\n            statusPedido === 'indispon\u00EDvel' || statusPedido === 'indisponivel',\n          'bg-primary-600 hover:bg-primary-700': card.length === 0\n        }\"\n        class=\"col-12 btn btn-primary\"\n      >\n        {{ emptyStateConfig.primaryActionText }}\n      </button>\n\n      <!-- A\u00E7\u00E3o Secund\u00E1ria -->\n      <button\n        *ngIf=\"emptyStateConfig.secondaryActionText\"\n        (click)=\"onSecondaryAction()\"\n        class=\"col-12 btn btn-outline-primary\"\n      >\n        {{ emptyStateConfig.secondaryActionText }}\n      </button>\n    </div>\n\n    <!-- Link de ajuda (opcional) -->\n    <div *ngIf=\"statusPedido === 'cancelado'\" class=\"mt-6 text-center\">\n      <a\n        href=\"#\"\n        class=\"text-sm text-blue-600 hover:text-blue-800 hover:underline\"\n      >\n        <i class=\"fas fa-question-circle mr-2\"></i>\n        Precisa de ajuda? Entre em contato com o suporte\n      </a>\n    </div>\n  </div>\n</div>\n", styles: [".empty-state-card{animation:fadeInUp .5s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.empty-state-icon{animation:bounceIn .6s ease-out}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}\n"] }]
+        }], propDecorators: { card: [{
+                type: Input
+            }], statusPedido: [{
+                type: Input
+            }], customTitle: [{
+                type: Input
+            }], customDescription: [{
+                type: Input
+            }], primaryActionText: [{
+                type: Input
+            }], secondaryActionText: [{
+                type: Input
+            }], primaryAction: [{
+                type: Output
+            }], secondaryAction: [{
+                type: Output
+            }] } });
+
+class TuduComponentsModule {
+}
+TuduComponentsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TuduComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TuduComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: TuduComponentsModule, declarations: [TuduComponentsComponent, CardLayoutComponent, NavComponent, FallbackMessageComponent], imports: [CommonModule], exports: [TuduComponentsComponent, CardLayoutComponent, NavComponent, FallbackMessageComponent] });
+TuduComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TuduComponentsModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TuduComponentsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [TuduComponentsComponent, CardLayoutComponent, NavComponent, FallbackMessageComponent],
+                    imports: [CommonModule],
+                    exports: [TuduComponentsComponent, CardLayoutComponent, NavComponent, FallbackMessageComponent],
+                }]
+        }] });
+
+class TuduComponentsService {
+    constructor() { }
+}
+TuduComponentsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TuduComponentsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+TuduComponentsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TuduComponentsService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TuduComponentsService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return []; } });
+
+/*
+ * Public API Surface of tudu-components
+ */
+// export * from './lib/card-layout.module'; // ← Ou se usou CardLayoutModule
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CardLayoutComponent, FallbackMessageComponent, NavComponent, TuduComponentsComponent, TuduComponentsModule, TuduComponentsService };
+//# sourceMappingURL=tudu-components.mjs.map

package/fesm2020/tudu-components.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tudu-components.mjs","sources":["../../../projects/tudu-components/src/lib/tudu-components.component.ts","../../../projects/tudu-components/src/lib/components/card-layout/card-layout.component.ts","../../../projects/tudu-components/src/lib/components/card-layout/card-layout.component.html","../../../projects/tudu-components/src/lib/components/nav/nav.component.ts","../../../projects/tudu-components/src/lib/components/nav/nav.component.html","../../../projects/tudu-components/src/lib/components/fallback-message/fallback-message.component.ts","../../../projects/tudu-components/src/lib/components/fallback-message/fallback-message.component.html","../../../projects/tudu-components/src/lib/tudu-components.module.ts","../../../projects/tudu-components/src/lib/tudu-components.service.ts","../../../projects/tudu-components/src/public-api.ts","../../../projects/tudu-components/src/tudu-components.ts"],"sourcesContent":["import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'lib-tudu-components',\n  template: `\n    <p>\n      tudu-components works!sss\n    </p>\n  `,\n  styles: [\n  ]\n})\nexport class TuduComponentsComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","import { Component, Input, OnInit } from '@angular/core';\nimport { Router } from '@angular/router';\n\n@Component({\n  selector: 'lib-card-layout',\n  templateUrl: './card-layout.component.html',\n  styleUrls: ['./card-layout.component.css'],\n})\nexport class CardLayoutComponent implements OnInit {\n  @Input() statusPedido: string = '';\n  @Input() cardTemplateIndicator: number = 0; // 1 para serviço, 2 para candidatura\n  @Input() hideHeader: boolean = false; // 1 para serviço, 2 para candidatura\n\n  tags: string[] = ['Residencial', 'Urgente', 'Elétrica'];\n\n  statusOptions = [\n    { class: 'status-active', text: 'Ativo', icon: 'fa-circle' },\n    { class: 'status-pending', text: 'Em andamento', icon: 'fa-spinner' },\n    { class: 'status-completed', text: 'Concluído', icon: 'fa-check' },\n    { class: 'status-cancelled', text: 'Cancelado', icon: 'fa-times' },\n  ];\n\n  currentStatus = this.statusOptions[0];\n  private statusInterval: any;\n  flowIndicator: string = '1';\n\n  constructor(private route: Router) {\n    this.route.events.subscribe(() => {\n      if (this.route.url.includes('budgets')) {\n        this.flowIndicator = 'budgets';\n        console.log('asdasdadsasda', this.flowIndicator);\n      }\n    });\n  }\n\n  ngOnInit() {\n    let index = 0;\n    this.statusInterval = setInterval(() => {\n      index = (index + 1) % this.statusOptions.length;\n      this.currentStatus = this.statusOptions[index];\n    }, 3000);\n\n    console.log('cardTemplateIndicator', this.cardTemplateIndicator);\n  }\n\n  get badgeStyles(): { [key: string]: string } {\n    const status = this.statusPedido?.toLowerCase();\n\n    switch (status) {\n      case 'finalizado':\n        return { backgroundColor: '#4caf5020', color: '#4caf50' }; // verde suave\n      case 'concluido':\n        return { backgroundColor: '#0096881c', color: '#009688' }; // teal\n      case 'cancelado':\n        return { backgroundColor: '#ff52521c', color: '#ff5252' }; // vermelho claro\n      case 'publicado':\n        return { backgroundColor: '#0096ff1c', color: '#25a5ff' }; // azul suave\n      case 'recusado':\n        return { backgroundColor: '#ff52521c', color: '#ff5252' }; // vermelho claro\n      case 'em negociacao':\n        return { backgroundColor: '#ffab251f', color: '#ff9800' }; // laranja suave\n      case 'pendente':\n        return { backgroundColor: '#9a1fad1c', color: '#7e57c2' }; // roxo claro\n      default:\n        return { backgroundColor: '#e0e0e01c', color: '#757575' }; // cinza padrão\n    }\n  }\n\n  ngOnDestroy() {\n    if (this.statusInterval) {\n      clearInterval(this.statusInterval);\n    }\n  }\n\n  verDetalhes() {\n    alert('Abrir detalhes do serviço...');\n  }\n}\n","<div\n  class=\"service-card rounded-xl shadow-md overflow-hidden bg-white hover:shadow-lg transition-all duration-300 relative mb-5\"\n>\n  <!-- HEADER -->\n  <div\n    [class.force-show]=\"!hideHeader\"\n    class=\"service-card-header flex items-center justify-between p-3 border-b border-gray-200\"\n  >\n    <div class=\"flex items-center gap-3\">\n      <div class=\"icon-style\">\n        <ng-content select=\"[service-icon]\"></ng-content>\n      </div>\n      <div class=\"flex flex-col\">\n        <div class=\"flex items-center gap-3\">\n          <div class=\"service-title truncate w-full\">\n            <ng-content select=\"[service-title]\"></ng-content>\n          </div>\n          <div class=\"\">\n            <ng-content select=\"[details-btn]\"></ng-content>\n          </div>\n        </div>\n        <div\n          class=\"whitespace-nowrap overflow-hidden text-ellipsis\"\n          style=\"font-size: 12px; color: var(--tab-link)\"\n        >\n          <ng-content select=\"[service-address]\"></ng-content>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <!-- BODY -->\n  <div class=\"service-card-body p-4 space-y-3\">\n    <div>\n      <div\n        class=\"flex flex-col items-start gap-3 border-b border-gray-100 pb-3 mb-3\"\n        *ngIf=\"cardTemplateIndicator === 1\"\n      >\n        <div class=\"flex justify-between w-full pb-2\">\n          <div class=\"status-badge\" [ngStyle]=\"badgeStyles\">\n            <ng-content select=\"[status-badge]\"></ng-content>\n          </div>\n\n          <div\n            class=\"text-xs text-gray-50 font-semibold\"\n            style=\"\n              background-color: #d3d3d32c;\n              color: grey;\n              border-radius: 25px;\n              display: flex;\n              justify-content: center;\n              align-items: center;\n              padding: 4px 10px;\n            \"\n          >\n            <ng-content select=\"[order-number]\"></ng-content>\n          </div>\n        </div>\n\n        <div class=\"flex flex-wrap gap-2 items-center\">\n          <ng-content select=\"[filter-tag]\"></ng-content>\n        </div>\n      </div>\n\n      <div class=\"fw-semibold\" *ngIf=\"statusPedido === 'finalizado'\">\n        <ng-content select=\"[conclusion-date]\"></ng-content>\n      </div>\n    </div>\n    <ng-content select=\"[info-row]\"></ng-content>\n\n    <ng-content select=\"[description]\"></ng-content>\n  </div>\n\n  <!-- FOOTER -->\n\n  <div\n    class=\"service-card-footer flex justify-center items-center p-3 border-t border-gray-100 bg-gray-50 gap-1\"\n  >\n    <div class=\"col-6\">\n      <ng-content select=\"[main-btn]\"></ng-content>\n    </div>\n    <div\n      class=\"fw-semibold col-6\"\n      style=\"display: flex; justify-content: flex-end\"\n    >\n      <ng-content select=\"[price]\"></ng-content>\n    </div>\n  </div>\n  <!-- <div\n    \n    class=\"flex row justify-between items-center p-3 border-t border-gray-100 bg-gray-50\"\n  >\n    <div class=\"col-6\">\n      <ng-content select=\"[main-btn]\"></ng-content>\n    </div>\n    <div class=\"col-6\">\n      <ng-content select=\"[price]\"></ng-content>\n    </div>\n  </div> -->\n</div>\n","import {\n  Component,\n  ElementRef,\n  HostListener,\n  Input,\n  OnInit,\n} from '@angular/core';\nimport { Router } from '@angular/router';\n\n@Component({\n  selector: 'lib-nav',\n  templateUrl: './nav.component.html',\n  styleUrls: ['./nav.component.css'],\n})\nexport class NavComponent implements OnInit {\n  @Input() changeNavColor: boolean = false;\n\n  openClose: boolean = false;\n  message: string = '';\n\n  lastScrollPosition = 0;\n  isHeaderVisible = true;\n  headerHeight = 0;\n  isMobile = false;\n\n  hasOffer: boolean = false;\n\n  constructor(private router: Router, private el: ElementRef) {}\n\n  ngAfterViewInit() {\n    this.checkMobile();\n\n    // Obtém a altura do header-menu após a view ser inicializada\n    const headerMenu = this.el.nativeElement.querySelector('[header-menu]');\n    if (headerMenu) {\n      this.headerHeight = headerMenu.offsetHeight;\n    }\n  }\n\n  ngOnInit(): void {\n    this.hasOffer = this.router.url.includes('offer');\n  }\n\n  @HostListener('window:resize')\n  onResize() {\n    this.checkMobile();\n  }\n\n  private checkMobile() {\n    this.isMobile = window.innerWidth < 768; // 768px é o breakpoint padrão do Tailwind para md\n    if (!this.isMobile) {\n      this.isHeaderVisible = true; // Garante que fique visível em desktop\n    }\n  }\n  public menu() {\n    this.openClose = !this.openClose;\n  }\n\n  receiveMessage(event: string) {\n    this.message = event;\n  }\n\n  @HostListener('window:scroll', [])\n  onWindowScroll() {\n    if (!this.isMobile) return;\n\n    const currentScrollPosition =\n      window.pageYOffset || document.documentElement.scrollTop;\n\n    // Scroll DOWN - esconde o header\n    if (\n      currentScrollPosition > this.lastScrollPosition &&\n      currentScrollPosition > 50\n    ) {\n      this.isHeaderVisible = false;\n    }\n    // Scroll UP - mostra o header\n    else if (currentScrollPosition < this.lastScrollPosition) {\n      this.isHeaderVisible = true;\n    }\n\n    this.lastScrollPosition = currentScrollPosition;\n  }\n}\n","<!-- Overlay -->\n<div\n  *ngIf=\"openClose\"\n  (click)=\"openClose = false\"\n  class=\"fixed inset-0 bg-black bg-opacity-40 z-40 md:hidden\"\n></div>\n\n<!-- Navbar Container -->\n<div\n  class=\"fixed top-0 left-0 right-0 z-50 shadow-none transition-transform duration-300 ease-out \"\n  [class.-translate-y-full]=\"!isHeaderVisible\"\n  [style.backgroundColor]=\"\n    changeNavColor ? 'var(--primary)' : 'var(--primary)'\n  \"\n>\n  <!-- Main Navbar -->\n  <div class=\"w-full\">\n    <div class=\"mx-auto px-2 h-16 flex items-center justify-between\">\n      <!-- Left Content -->\n      <div class=\"flex-1 flex justify-start\">\n        <ng-content select=\"[left-content]\"></ng-content>\n      </div>\n\n      <!-- Center Content -->\n      <div class=\"flex-1 flex justify-center\">\n        <ng-content select=\"[central-content]\"></ng-content>\n      </div>\n\n      <!-- Right Content -->\n      <div class=\"flex-1\" style=\"display: flex; justify-content: flex-end\">\n        <ng-content select=\"[right-content]\"></ng-content>\n      </div>\n    </div>\n  </div>\n\n  <!-- Header Menu (Submenu) -->\n  <div header-menu class=\"w-full hr-nav\">\n    <ng-content select=\"[header-menu]\"></ng-content>\n  </div>\n</div>\n","import { Component, Input, Output, EventEmitter } from '@angular/core';\n\ninterface EmptyStateConfig {\n  title: string;\n  description: string;\n  icon: string;\n  iconColor: string;\n  bgColor: string;\n  primaryActionText?: string;\n  secondaryActionText?: string;\n}\n\n@Component({\n  selector: 'lib-fallback-message',\n  templateUrl: './fallback-message.component.html',\n  styleUrls: ['./fallback-message.component.css'],\n})\nexport class FallbackMessageComponent {\n  @Input() card: any[] = [];\n  @Input() statusPedido: string = '';\n  @Input() customTitle?: string;\n  @Input() customDescription?: string;\n  @Input() primaryActionText?: string;\n  @Input() secondaryActionText?: string;\n\n  @Output() primaryAction = new EventEmitter<void>();\n  @Output() secondaryAction = new EventEmitter<void>();\n\n  get emptyStateConfig(): EmptyStateConfig {\n    // Se não há propostas\n    // if (this.card.length === 0) {\n    //   return {\n    //     title: 'Nenhuma Proposta',\n    //     description:\n    //       'Você ainda não possui negociações ou propostas recebidas.',\n    //     icon: '📄',\n    //     iconColor: 'text-gray-500',\n    //     bgColor: 'bg-gray-100',\n    //     primaryActionText: this.primaryActionText || 'Anúnciar Grátis',\n    //     secondaryActionText: this.secondaryActionText,\n    //   };\n    // }\n\n    // Se há status de pedido\n    if (this.statusPedido) {\n      switch (this.statusPedido.toLowerCase()) {\n        case 'finalizado':\n          return {\n            title: this.customTitle || 'Serviço Concluído! 🎉',\n            description:\n              this.customDescription ||\n              'O serviço foi finalizado com sucesso. Agradecemos pela confiança!',\n            icon: '✅',\n            iconColor: 'text-green-500',\n            bgColor: 'bg-green-100',\n            primaryActionText: this.primaryActionText || 'Ver Detalhes',\n            secondaryActionText: this.secondaryActionText || 'Avaliar Serviço',\n          };\n\n        // case 'cancelado':\n        //   return {\n        //     title: this.customTitle || 'Serviço Cancelado',\n        //     description:\n        //       this.customDescription ||\n        //       'O serviço foi cancelado pelo prestador. Você pode buscar outros profissionais disponíveis.',\n        //     icon: '❌',\n        //     iconColor: 'text-red-500',\n        //     bgColor: 'bg-red-100',\n        //     primaryActionText: this.primaryActionText || 'Buscar Profissionais',\n        //     secondaryActionText: this.secondaryActionText || 'Voltar ao Início',\n        //   };\n\n        case 'sem servicos':\n          return {\n            title: this.customTitle || 'Sem serviço',\n            description:\n              this.customDescription ||\n              'Não há serviços disponíveis aqui.',\n            icon: '📄',\n            // iconColor: 'text-yellow-500',\n            // bgColor: 'bg-yellow-100',\n            iconColor: 'text-gray-500',\n            bgColor: 'bg-gray-100',\n            primaryActionText: this.primaryActionText || 'Procurar serviços',\n            // secondaryActionText: this.secondaryActionText || 'Meus Anúncios',\n          };\n        case 'indisponivel':\n          return {\n            title: this.customTitle || 'Proposta Indisponível',\n            description:\n              this.customDescription ||\n              'Esta proposta não está mais disponível para visualização.',\n            icon: '📄',\n            // iconColor: 'text-yellow-500',\n            // bgColor: 'bg-yellow-100',\n            iconColor: 'text-gray-500',\n            bgColor: 'bg-gray-100',\n            primaryActionText: this.primaryActionText || 'Ver Outras Propostas',\n            // secondaryActionText: this.secondaryActionText || 'Meus Anúncios',\n          };\n\n        default:\n          return this.getDefaultConfig();\n      }\n    }\n\n    return this.getDefaultConfig();\n  }\n\n  private getDefaultConfig(): EmptyStateConfig {\n    return {\n      title: this.customTitle || 'Nenhuma Proposta',\n      description:\n        this.customDescription || 'Você ainda não possui negociações.',\n      icon: '📄',\n      iconColor: 'text-gray-500',\n      bgColor: 'bg-gray-100',\n      primaryActionText: this.primaryActionText || 'Anúnciar Grátis',\n      secondaryActionText: this.secondaryActionText,\n    };\n  }\n\n  // Método para determinar se deve mostrar o componente\n  shouldShowEmptyState(): boolean {\n    return (\n      this.card.length === 0 ||\n      ['finalizado', 'cancelado', 'indisponível', 'indisponivel'].includes(\n        this.statusPedido?.toLowerCase()\n      )\n    );\n  }\n\n  onPrimaryAction() {\n    this.primaryAction.emit();\n  }\n\n  onSecondaryAction() {\n    this.secondaryAction.emit();\n  }\n}\n","<div *ngIf=\"shouldShowEmptyState()\" class=\"empty-state-container\">\n  <div\n    class=\"empty-state-card max-w-md mx-auto bg-white shadow-xl rounded-3xl p-8 border border-gray-100\"\n  >\n    <!-- Ícone dinâmico -->\n    <div class=\"empty-state-icon mb-6 flex justify-center\">\n      <div class=\"relative\">\n        <!-- Ícone principal -->\n        <div [class]=\"emptyStateConfig.iconColor\">\n          <div class=\"text-6xl\">\n            {{ emptyStateConfig.icon }}\n          </div>\n        </div>\n\n        <!-- Background decorativo -->\n        <div class=\"absolute -z-10 inset-0 flex items-center justify-center\">\n          <div\n            [class]=\"emptyStateConfig.bgColor\"\n            class=\"w-32 h-32 rounded-full opacity-50\"\n          ></div>\n        </div>\n      </div>\n    </div>\n\n    <!-- Conteúdo da mensagem -->\n    <div class=\"empty-state-content text-center space-y-4\">\n      <!-- Título -->\n      <h3 class=\"text-2xl font-bold text-gray-900 mb-2\">\n        {{ emptyStateConfig.title }}\n      </h3>\n\n      <!-- Descrição -->\n      <p class=\"text-gray-600 text-lg leading-relaxed px-4\">\n        {{ emptyStateConfig.description }}\n      </p>\n\n      <!-- Informações adicionais baseadas no status -->\n      <div *ngIf=\"statusPedido === 'finalizado'\" class=\"mt-4\">\n        <div\n          class=\"inline-flex items-center gap-2 bg-green-50 text-green-700 px-4 py-2 rounded-full\"\n        >\n          <i class=\"fas fa-check-circle\"></i>\n          <span class=\"font-medium\">Serviço avaliado e finalizado</span>\n        </div>\n      </div>\n\n      <div *ngIf=\"statusPedido === 'cancelado'\" class=\"mt-4\">\n        <div\n          class=\"inline-flex items-center gap-2 bg-red-50 text-red-700 px-4 py-2 rounded-full\"\n        >\n          <i class=\"fas fa-exclamation-circle\"></i>\n          <span class=\"font-medium\">Cancelado pelo prestador do serviço</span>\n        </div>\n      </div>\n    </div>\n\n    <!-- Ações -->\n    <div class=\"mt-8 flex flex-col sm:flex-row gap-4 justify-center\">\n      <!-- Ação Primária -->\n      <button\n        (click)=\"onPrimaryAction()\"\n        [ngClass]=\"{\n          'bg-green-600 hover:bg-green-700': statusPedido === 'finalizado',\n          'bg-red-600 hover:bg-red-700': statusPedido === 'cancelado',\n          'bg-blue-600 ':\n            statusPedido === 'indisponível' || statusPedido === 'indisponivel',\n          'bg-primary-600 hover:bg-primary-700': card.length === 0\n        }\"\n        class=\"col-12 btn btn-primary\"\n      >\n        {{ emptyStateConfig.primaryActionText }}\n      </button>\n\n      <!-- Ação Secundária -->\n      <button\n        *ngIf=\"emptyStateConfig.secondaryActionText\"\n        (click)=\"onSecondaryAction()\"\n        class=\"col-12 btn btn-outline-primary\"\n      >\n        {{ emptyStateConfig.secondaryActionText }}\n      </button>\n    </div>\n\n    <!-- Link de ajuda (opcional) -->\n    <div *ngIf=\"statusPedido === 'cancelado'\" class=\"mt-6 text-center\">\n      <a\n        href=\"#\"\n        class=\"text-sm text-blue-600 hover:text-blue-800 hover:underline\"\n      >\n        <i class=\"fas fa-question-circle mr-2\"></i>\n        Precisa de ajuda? Entre em contato com o suporte\n      </a>\n    </div>\n  </div>\n</div>\n","import { NgModule } from '@angular/core';\nimport { TuduComponentsComponent } from './tudu-components.component';\nimport { CommonModule } from '@angular/common';\nimport { CardLayoutComponent } from '../lib/components/card-layout/card-layout.component';\nimport { NavComponent } from './components/nav/nav.component';\nimport { FallbackMessageComponent } from './components/fallback-message/fallback-message.component';\n\n@NgModule({\n  declarations: [TuduComponentsComponent, CardLayoutComponent, NavComponent, FallbackMessageComponent],\n  imports: [CommonModule],\n  exports: [TuduComponentsComponent, CardLayoutComponent, NavComponent, FallbackMessageComponent],\n})\nexport class TuduComponentsModule {}\n","import { Injectable } from '@angular/core';\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class TuduComponentsService {\n\n  constructor() { }\n}\n","/*\n * Public API Surface of tudu-components\n */\nexport * from './lib/tudu-components.component';\nexport * from './lib/tudu-components.module'; // ← Se criou este módulo\n\nexport * from './lib/components/card-layout/card-layout.component';\nexport * from './lib/components/nav/nav.component';\nexport * from './lib/components/fallback-message/fallback-message.component';\nexport * from './lib/tudu-components.service';\n// export * from './lib/card-layout.module'; // ← Ou se usou CardLayoutModule\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1"],"mappings":";;;;;;MAYa,uBAAuB,CAAA;AAElC,IAAA,WAAA,GAAA,GAAiB;IAEjB,QAAQ,GAAA;KACP;;oHALU,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAvB,uBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,uBAAuB,EARxB,QAAA,EAAA,qBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;AAIT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,CAAA;2FAIU,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAVnC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,qBAAqB,EACrB,QAAA,EAAA,CAAA;;;;AAIT,EAAA,CAAA,EAAA,CAAA;;;MCAU,mBAAmB,CAAA;AAkB9B,IAAA,WAAA,CAAoB,KAAa,EAAA;QAAb,IAAK,CAAA,KAAA,GAAL,KAAK,CAAQ;QAjBxB,IAAY,CAAA,YAAA,GAAW,EAAE,CAAC;AAC1B,QAAA,IAAA,CAAA,qBAAqB,GAAW,CAAC,CAAC;AAClC,QAAA,IAAA,CAAA,UAAU,GAAY,KAAK,CAAC;QAErC,IAAI,CAAA,IAAA,GAAa,CAAC,aAAa,EAAE,SAAS,EAAE,UAAU,CAAC,CAAC;AAExD,QAAA,IAAA,CAAA,aAAa,GAAG;YACd,EAAE,KAAK,EAAE,eAAe,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE;YAC5D,EAAE,KAAK,EAAE,gBAAgB,EAAE,IAAI,EAAE,cAAc,EAAE,IAAI,EAAE,YAAY,EAAE;YACrE,EAAE,KAAK,EAAE,kBAAkB,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,UAAU,EAAE;YAClE,EAAE,KAAK,EAAE,kBAAkB,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,UAAU,EAAE;SACnE,CAAC;AAEF,QAAA,IAAA,CAAA,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;QAEtC,IAAa,CAAA,aAAA,GAAW,GAAG,CAAC;QAG1B,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,MAAK;YAC/B,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE;AACtC,gBAAA,IAAI,CAAC,aAAa,GAAG,SAAS,CAAC;gBAC/B,OAAO,CAAC,GAAG,CAAC,eAAe,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;AAClD,aAAA;AACH,SAAC,CAAC,CAAC;KACJ;IAED,QAAQ,GAAA;QACN,IAAI,KAAK,GAAG,CAAC,CAAC;AACd,QAAA,IAAI,CAAC,cAAc,GAAG,WAAW,CAAC,MAAK;AACrC,YAAA,KAAK,GAAG,CAAC,KAAK,GAAG,CAAC,IAAI,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC;YAChD,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;SAChD,EAAE,IAAI,CAAC,CAAC;QAET,OAAO,CAAC,GAAG,CAAC,uBAAuB,EAAE,IAAI,CAAC,qBAAqB,CAAC,CAAC;KAClE;AAED,IAAA,IAAI,WAAW,GAAA;QACb,MAAM,MAAM,GAAG,IAAI,CAAC,YAAY,EAAE,WAAW,EAAE,CAAC;AAEhD,QAAA,QAAQ,MAAM;AACZ,YAAA,KAAK,YAAY;gBACf,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC;AAC5D,YAAA,KAAK,WAAW;gBACd,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC;AAC5D,YAAA,KAAK,WAAW;gBACd,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC;AAC5D,YAAA,KAAK,WAAW;gBACd,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC;AAC5D,YAAA,KAAK,UAAU;gBACb,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC;AAC5D,YAAA,KAAK,eAAe;gBAClB,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC;AAC5D,YAAA,KAAK,UAAU;gBACb,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC;AAC5D,YAAA;gBACE,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC;AAC7D,SAAA;KACF;IAED,WAAW,GAAA;QACT,IAAI,IAAI,CAAC,cAAc,EAAE;AACvB,YAAA,aAAa,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;AACpC,SAAA;KACF;IAED,WAAW,GAAA;QACT,KAAK,CAAC,8BAA8B,CAAC,CAAC;KACvC;;gHApEU,mBAAmB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,MAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAnB,mBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mBAAmB,2KCRhC,+nGAoGA,EAAA,MAAA,EAAA,CAAA,y7DAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;2FD5Fa,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAL/B,SAAS;+BACE,iBAAiB,EAAA,QAAA,EAAA,+nGAAA,EAAA,MAAA,EAAA,CAAA,y7DAAA,CAAA,EAAA,CAAA;6FAKlB,YAAY,EAAA,CAAA;sBAApB,KAAK;gBACG,qBAAqB,EAAA,CAAA;sBAA7B,KAAK;gBACG,UAAU,EAAA,CAAA;sBAAlB,KAAK;;;MEGK,YAAY,CAAA;IAavB,WAAoB,CAAA,MAAc,EAAU,EAAc,EAAA;QAAtC,IAAM,CAAA,MAAA,GAAN,MAAM,CAAQ;QAAU,IAAE,CAAA,EAAA,GAAF,EAAE,CAAY;QAZjD,IAAc,CAAA,cAAA,GAAY,KAAK,CAAC;QAEzC,IAAS,CAAA,SAAA,GAAY,KAAK,CAAC;QAC3B,IAAO,CAAA,OAAA,GAAW,EAAE,CAAC;QAErB,IAAkB,CAAA,kBAAA,GAAG,CAAC,CAAC;QACvB,IAAe,CAAA,eAAA,GAAG,IAAI,CAAC;QACvB,IAAY,CAAA,YAAA,GAAG,CAAC,CAAC;QACjB,IAAQ,CAAA,QAAA,GAAG,KAAK,CAAC;QAEjB,IAAQ,CAAA,QAAA,GAAY,KAAK,CAAC;KAEoC;IAE9D,eAAe,GAAA;QACb,IAAI,CAAC,WAAW,EAAE,CAAC;;AAGnB,QAAA,MAAM,UAAU,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC;AACxE,QAAA,IAAI,UAAU,EAAE;AACd,YAAA,IAAI,CAAC,YAAY,GAAG,UAAU,CAAC,YAAY,CAAC;AAC7C,SAAA;KACF;IAED,QAAQ,GAAA;AACN,QAAA,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;KACnD;IAGD,QAAQ,GAAA;QACN,IAAI,CAAC,WAAW,EAAE,CAAC;KACpB;IAEO,WAAW,GAAA;QACjB,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC,UAAU,GAAG,GAAG,CAAC;AACxC,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;AAClB,YAAA,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;AAC7B,SAAA;KACF;IACM,IAAI,GAAA;AACT,QAAA,IAAI,CAAC,SAAS,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC;KAClC;AAED,IAAA,cAAc,CAAC,KAAa,EAAA;AAC1B,QAAA,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;KACtB;IAGD,cAAc,GAAA;QACZ,IAAI,CAAC,IAAI,CAAC,QAAQ;YAAE,OAAO;QAE3B,MAAM,qBAAqB,GACzB,MAAM,CAAC,WAAW,IAAI,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAC;;AAG3D,QAAA,IACE,qBAAqB,GAAG,IAAI,CAAC,kBAAkB;YAC/C,qBAAqB,GAAG,EAAE,EAC1B;AACA,YAAA,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;AAC9B,SAAA;;AAEI,aAAA,IAAI,qBAAqB,GAAG,IAAI,CAAC,kBAAkB,EAAE;AACxD,YAAA,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;AAC7B,SAAA;AAED,QAAA,IAAI,CAAC,kBAAkB,GAAG,qBAAqB,CAAC;KACjD;;yGApEU,YAAY,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,MAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAZ,YAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAY,0LCdzB,0tCAwCA,EAAA,MAAA,EAAA,CAAA,4dAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;2FD1Ba,YAAY,EAAA,UAAA,EAAA,CAAA;kBALxB,SAAS;+BACE,SAAS,EAAA,QAAA,EAAA,0tCAAA,EAAA,MAAA,EAAA,CAAA,4dAAA,CAAA,EAAA,CAAA;sHAKV,cAAc,EAAA,CAAA;sBAAtB,KAAK;gBA6BN,QAAQ,EAAA,CAAA;sBADP,YAAY;uBAAC,eAAe,CAAA;gBAoB7B,cAAc,EAAA,CAAA;sBADb,YAAY;AAAC,gBAAA,IAAA,EAAA,CAAA,eAAe,EAAE,EAAE,CAAA;;;ME7CtB,wBAAwB,CAAA;AALrC,IAAA,WAAA,GAAA;QAMW,IAAI,CAAA,IAAA,GAAU,EAAE,CAAC;QACjB,IAAY,CAAA,YAAA,GAAW,EAAE,CAAC;AAMzB,QAAA,IAAA,CAAA,aAAa,GAAG,IAAI,YAAY,EAAQ,CAAC;AACzC,QAAA,IAAA,CAAA,eAAe,GAAG,IAAI,YAAY,EAAQ,CAAC;AAiHtD,KAAA;AA/GC,IAAA,IAAI,gBAAgB,GAAA;;;;;;;;;;;;;;;QAgBlB,IAAI,IAAI,CAAC,YAAY,EAAE;AACrB,YAAA,QAAQ,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE;AACrC,gBAAA,KAAK,YAAY;oBACf,OAAO;AACL,wBAAA,KAAK,EAAE,IAAI,CAAC,WAAW,IAAI,uBAAuB;wBAClD,WAAW,EACT,IAAI,CAAC,iBAAiB;4BACtB,mEAAmE;AACrE,wBAAA,IAAI,EAAE,GAAG;AACT,wBAAA,SAAS,EAAE,gBAAgB;AAC3B,wBAAA,OAAO,EAAE,cAAc;AACvB,wBAAA,iBAAiB,EAAE,IAAI,CAAC,iBAAiB,IAAI,cAAc;AAC3D,wBAAA,mBAAmB,EAAE,IAAI,CAAC,mBAAmB,IAAI,iBAAiB;qBACnE,CAAC;;;;;;;;;;;;;AAeJ,gBAAA,KAAK,cAAc;oBACjB,OAAO;AACL,wBAAA,KAAK,EAAE,IAAI,CAAC,WAAW,IAAI,aAAa;wBACxC,WAAW,EACT,IAAI,CAAC,iBAAiB;4BACtB,mCAAmC;AACrC,wBAAA,IAAI,EAAE,IAAI;;;AAGV,wBAAA,SAAS,EAAE,eAAe;AAC1B,wBAAA,OAAO,EAAE,aAAa;AACtB,wBAAA,iBAAiB,EAAE,IAAI,CAAC,iBAAiB,IAAI,mBAAmB;;qBAEjE,CAAC;AACJ,gBAAA,KAAK,cAAc;oBACjB,OAAO;AACL,wBAAA,KAAK,EAAE,IAAI,CAAC,WAAW,IAAI,uBAAuB;wBAClD,WAAW,EACT,IAAI,CAAC,iBAAiB;4BACtB,2DAA2D;AAC7D,wBAAA,IAAI,EAAE,IAAI;;;AAGV,wBAAA,SAAS,EAAE,eAAe;AAC1B,wBAAA,OAAO,EAAE,aAAa;AACtB,wBAAA,iBAAiB,EAAE,IAAI,CAAC,iBAAiB,IAAI,sBAAsB;;qBAEpE,CAAC;AAEJ,gBAAA;AACE,oBAAA,OAAO,IAAI,CAAC,gBAAgB,EAAE,CAAC;AAClC,aAAA;AACF,SAAA;AAED,QAAA,OAAO,IAAI,CAAC,gBAAgB,EAAE,CAAC;KAChC;IAEO,gBAAgB,GAAA;QACtB,OAAO;AACL,YAAA,KAAK,EAAE,IAAI,CAAC,WAAW,IAAI,kBAAkB;AAC7C,YAAA,WAAW,EACT,IAAI,CAAC,iBAAiB,IAAI,oCAAoC;AAChE,YAAA,IAAI,EAAE,IAAI;AACV,YAAA,SAAS,EAAE,eAAe;AAC1B,YAAA,OAAO,EAAE,aAAa;AACtB,YAAA,iBAAiB,EAAE,IAAI,CAAC,iBAAiB,IAAI,iBAAiB;YAC9D,mBAAmB,EAAE,IAAI,CAAC,mBAAmB;SAC9C,CAAC;KACH;;IAGD,oBAAoB,GAAA;AAClB,QAAA,QACE,IAAI,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC;AACtB,YAAA,CAAC,YAAY,EAAE,WAAW,EAAE,cAAc,EAAE,cAAc,CAAC,CAAC,QAAQ,CAClE,IAAI,CAAC,YAAY,EAAE,WAAW,EAAE,CACjC,EACD;KACH;IAED,eAAe,GAAA;AACb,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;KAC3B;IAED,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE,CAAC;KAC7B;;qHAzHU,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAxB,wBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,wBAAwB,6VCjBrC,41GA+FA,EAAA,MAAA,EAAA,CAAA,kVAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;2FD9Ea,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBALpC,SAAS;+BACE,sBAAsB,EAAA,QAAA,EAAA,41GAAA,EAAA,MAAA,EAAA,CAAA,kVAAA,CAAA,EAAA,CAAA;8BAKvB,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBACG,YAAY,EAAA,CAAA;sBAApB,KAAK;gBACG,WAAW,EAAA,CAAA;sBAAnB,KAAK;gBACG,iBAAiB,EAAA,CAAA;sBAAzB,KAAK;gBACG,iBAAiB,EAAA,CAAA;sBAAzB,KAAK;gBACG,mBAAmB,EAAA,CAAA;sBAA3B,KAAK;gBAEI,aAAa,EAAA,CAAA;sBAAtB,MAAM;gBACG,eAAe,EAAA,CAAA;sBAAxB,MAAM;;;MEdI,oBAAoB,CAAA;;iHAApB,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAApB,oBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,oBAAoB,iBAJhB,uBAAuB,EAAE,mBAAmB,EAAE,YAAY,EAAE,wBAAwB,CACzF,EAAA,OAAA,EAAA,CAAA,YAAY,aACZ,uBAAuB,EAAE,mBAAmB,EAAE,YAAY,EAAE,wBAAwB,CAAA,EAAA,CAAA,CAAA;AAEnF,oBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,oBAAoB,YAHrB,YAAY,CAAA,EAAA,CAAA,CAAA;2FAGX,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBALhC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,uBAAuB,EAAE,mBAAmB,EAAE,YAAY,EAAE,wBAAwB,CAAC;oBACpG,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,OAAO,EAAE,CAAC,uBAAuB,EAAE,mBAAmB,EAAE,YAAY,EAAE,wBAAwB,CAAC;AAChG,iBAAA,CAAA;;;MCNY,qBAAqB,CAAA;AAEhC,IAAA,WAAA,GAAA,GAAiB;;kHAFN,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;AAArB,qBAAA,CAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,qBAAqB,cAFpB,MAAM,EAAA,CAAA,CAAA;2FAEP,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAHjC,UAAU;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,UAAU,EAAE,MAAM;AACnB,iBAAA,CAAA;;;ACJD;;AAEG;AAQH;;ACVA;;AAEG;;;;"}

package/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="tudu-components" />
+export * from './public-api';

package/lib/components/card-layout/card-layout.component.d.ts

@@ -0,0 +1,31 @@
+import { OnInit } from '@angular/core';
+import { Router } from '@angular/router';
+import * as i0 from "@angular/core";
+export declare class CardLayoutComponent implements OnInit {
+    private route;
+    statusPedido: string;
+    cardTemplateIndicator: number;
+    hideHeader: boolean;
+    tags: string[];
+    statusOptions: {
+        class: string;
+        text: string;
+        icon: string;
+    }[];
+    currentStatus: {
+        class: string;
+        text: string;
+        icon: string;
+    };
+    private statusInterval;
+    flowIndicator: string;
+    constructor(route: Router);
+    ngOnInit(): void;
+    get badgeStyles(): {
+        [key: string]: string;
+    };
+    ngOnDestroy(): void;
+    verDetalhes(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CardLayoutComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CardLayoutComponent, "lib-card-layout", never, { "statusPedido": "statusPedido"; "cardTemplateIndicator": "cardTemplateIndicator"; "hideHeader": "hideHeader"; }, {}, never, ["[service-icon]", "[service-title]", "[details-btn]", "[service-address]", "[status-badge]", "[order-number]", "[filter-tag]", "[conclusion-date]", "[info-row]", "[description]", "[main-btn]", "[price]"], false>;
+}

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

@@ -0,0 +1,29 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+interface EmptyStateConfig {
+    title: string;
+    description: string;
+    icon: string;
+    iconColor: string;
+    bgColor: string;
+    primaryActionText?: string;
+    secondaryActionText?: string;
+}
+export declare class FallbackMessageComponent {
+    card: any[];
+    statusPedido: string;
+    customTitle?: string;
+    customDescription?: string;
+    primaryActionText?: string;
+    secondaryActionText?: string;
+    primaryAction: EventEmitter<void>;
+    secondaryAction: EventEmitter<void>;
+    get emptyStateConfig(): EmptyStateConfig;
+    private getDefaultConfig;
+    shouldShowEmptyState(): boolean;
+    onPrimaryAction(): void;
+    onSecondaryAction(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FallbackMessageComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FallbackMessageComponent, "lib-fallback-message", never, { "card": "card"; "statusPedido": "statusPedido"; "customTitle": "customTitle"; "customDescription": "customDescription"; "primaryActionText": "primaryActionText"; "secondaryActionText": "secondaryActionText"; }, { "primaryAction": "primaryAction"; "secondaryAction": "secondaryAction"; }, never, never, false>;
+}
+export {};

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

@@ -0,0 +1,25 @@
+import { ElementRef, OnInit } from '@angular/core';
+import { Router } from '@angular/router';
+import * as i0 from "@angular/core";
+export declare class NavComponent implements OnInit {
+    private router;
+    private el;
+    changeNavColor: boolean;
+    openClose: boolean;
+    message: string;
+    lastScrollPosition: number;
+    isHeaderVisible: boolean;
+    headerHeight: number;
+    isMobile: boolean;
+    hasOffer: boolean;
+    constructor(router: Router, el: ElementRef);
+    ngAfterViewInit(): void;
+    ngOnInit(): void;
+    onResize(): void;
+    private checkMobile;
+    menu(): void;
+    receiveMessage(event: string): void;
+    onWindowScroll(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NavComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NavComponent, "lib-nav", never, { "changeNavColor": "changeNavColor"; }, {}, never, ["[left-content]", "[central-content]", "[right-content]", "[header-menu]"], false>;
+}

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

@@ -0,0 +1,8 @@
+import { OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class TuduComponentsComponent implements OnInit {
+    constructor();
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuduComponentsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuduComponentsComponent, "lib-tudu-components", never, {}, {}, never, never, false>;
+}

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

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./tudu-components.component";
+import * as i2 from "./components/card-layout/card-layout.component";
+import * as i3 from "./components/nav/nav.component";
+import * as i4 from "./components/fallback-message/fallback-message.component";
+import * as i5 from "@angular/common";
+export declare class TuduComponentsModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuduComponentsModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TuduComponentsModule, [typeof i1.TuduComponentsComponent, typeof i2.CardLayoutComponent, typeof i3.NavComponent, typeof i4.FallbackMessageComponent], [typeof i5.CommonModule], [typeof i1.TuduComponentsComponent, typeof i2.CardLayoutComponent, typeof i3.NavComponent, typeof i4.FallbackMessageComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<TuduComponentsModule>;
+}

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

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class TuduComponentsService {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuduComponentsService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<TuduComponentsService>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tudu-components",
-  "version": "0.2.6",
+  "version": "0.2.7",
   "peerDependencies": {
     "@angular/common": "^17.3.0",
     "@angular/core": "^17.3.0"
@@ -8,5 +8,24 @@
   "dependencies": {
     "tslib": "^2.3.0"
   },
-  "sideEffects": false
-}
+  "sideEffects": false,
+  "module": "fesm2015/tudu-components.mjs",
+  "es2020": "fesm2020/tudu-components.mjs",
+  "esm2020": "esm2020/tudu-components.mjs",
+  "fesm2020": "fesm2020/tudu-components.mjs",
+  "fesm2015": "fesm2015/tudu-components.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2020": "./esm2020/tudu-components.mjs",
+      "es2020": "./fesm2020/tudu-components.mjs",
+      "es2015": "./fesm2015/tudu-components.mjs",
+      "node": "./fesm2015/tudu-components.mjs",
+      "default": "./fesm2020/tudu-components.mjs"
+    }
+  }
+}