tudu-components 0.0.1

package/README.md

@@ -0,0 +1,24 @@
+# TuduComponents
+
+This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 14.2.0.
+
+## Code scaffolding
+
+Run `ng generate component component-name --project tudu-components` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project tudu-components`.
+> Note: Don't forget to add `--project tudu-components` or else it will be added to the default project in your `angular.json` file. 
+
+## Build
+
+Run `ng build tudu-components` to build the project. The build artifacts will be stored in the `dist/` directory.
+
+## Publishing
+
+After building your library with `ng build tudu-components`, go to the dist folder `cd dist/tudu-components` and run `npm publish`.
+
+## Running unit tests
+
+Run `ng test tudu-components` to execute the unit tests via [Karma](https://karma-runner.github.io).
+
+## Further help
+
+To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.

package/esm2020/lib/components/card-layout/card-layout.component.mjs

@@ -0,0 +1,74 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/router";
+import * as i2 from "@angular/common";
+export class CardLayoutComponent {
+    constructor(route) {
+        this.route = route;
+        this.statusPedido = '';
+        this.cardTemplateIndicator = 0; // 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" }, 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=\"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}\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=\"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}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { statusPedido: [{
+                type: Input
+            }], cardTemplateIndicator: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1sYXlvdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdHVkdS1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9jYXJkLWxheW91dC9jYXJkLWxheW91dC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90dWR1LWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2NhcmQtbGF5b3V0L2NhcmQtbGF5b3V0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7O0FBUXpELE1BQU0sT0FBTyxtQkFBbUI7SUFpQjlCLFlBQW9CLEtBQWE7UUFBYixVQUFLLEdBQUwsS0FBSyxDQUFRO1FBaEJ4QixpQkFBWSxHQUFXLEVBQUUsQ0FBQztRQUMxQiwwQkFBcUIsR0FBVyxDQUFDLENBQUMsQ0FBQyxxQ0FBcUM7UUFFakYsU0FBSSxHQUFhLENBQUMsYUFBYSxFQUFFLFNBQVMsRUFBRSxVQUFVLENBQUMsQ0FBQztRQUV4RCxrQkFBYSxHQUFHO1lBQ2QsRUFBRSxLQUFLLEVBQUUsZUFBZSxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLFdBQVcsRUFBRTtZQUM1RCxFQUFFLEtBQUssRUFBRSxnQkFBZ0IsRUFBRSxJQUFJLEVBQUUsY0FBYyxFQUFFLElBQUksRUFBRSxZQUFZLEVBQUU7WUFDckUsRUFBRSxLQUFLLEVBQUUsa0JBQWtCLEVBQUUsSUFBSSxFQUFFLFdBQVcsRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFO1lBQ2xFLEVBQUUsS0FBSyxFQUFFLGtCQUFrQixFQUFFLElBQUksRUFBRSxXQUFXLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRTtTQUNuRSxDQUFDO1FBRUYsa0JBQWEsR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBRXRDLGtCQUFhLEdBQVcsR0FBRyxDQUFDO1FBRzFCLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUU7WUFDL0IsSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxRQUFRLENBQUMsU0FBUyxDQUFDLEVBQUU7Z0JBQ3RDLElBQUksQ0FBQyxhQUFhLEdBQUcsU0FBUyxDQUFDO2dCQUMvQixPQUFPLENBQUMsR0FBRyxDQUFDLGVBQWUsRUFBRSxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7YUFDbEQ7UUFDSCxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxLQUFLLEdBQUcsQ0FBQyxDQUFDO1FBQ2QsSUFBSSxDQUFDLGNBQWMsR0FBRyxXQUFXLENBQUMsR0FBRyxFQUFFO1lBQ3JDLEtBQUssR0FBRyxDQUFDLEtBQUssR0FBRyxDQUFDLENBQUMsR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDLE1BQU0sQ0FBQztZQUNoRCxJQUFJLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDakQsQ0FBQyxFQUFFLElBQUksQ0FBQyxDQUFDO1FBRVQsT0FBTyxDQUFDLEdBQUcsQ0FBQyx1QkFBdUIsRUFBRSxJQUFJLENBQUMscUJBQXFCLENBQUMsQ0FBQztJQUNuRSxDQUFDO0lBRUQsSUFBSSxXQUFXO1FBQ2IsTUFBTSxNQUFNLEdBQUcsSUFBSSxDQUFDLFlBQVksRUFBRSxXQUFXLEVBQUUsQ0FBQztRQUVoRCxRQUFRLE1BQU0sRUFBRTtZQUNkLEtBQUssWUFBWTtnQkFDZixPQUFPLEVBQUUsZUFBZSxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLENBQUMsQ0FBQyxjQUFjO1lBQzNFLEtBQUssV0FBVztnQkFDZCxPQUFPLEVBQUUsZUFBZSxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLENBQUMsQ0FBQyxPQUFPO1lBQ3BFLEtBQUssV0FBVztnQkFDZCxPQUFPLEVBQUUsZUFBZSxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLENBQUMsQ0FBQyxpQkFBaUI7WUFDOUUsS0FBSyxXQUFXO2dCQUNkLE9BQU8sRUFBRSxlQUFlLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsQ0FBQyxDQUFDLGFBQWE7WUFDMUUsS0FBSyxVQUFVO2dCQUNiLE9BQU8sRUFBRSxlQUFlLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsQ0FBQyxDQUFDLGlCQUFpQjtZQUM5RSxLQUFLLGVBQWU7Z0JBQ2xCLE9BQU8sRUFBRSxlQUFlLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsQ0FBQyxDQUFDLGdCQUFnQjtZQUM3RSxLQUFLLFVBQVU7Z0JBQ2IsT0FBTyxFQUFFLGVBQWUsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxDQUFDLENBQUMsYUFBYTtZQUMxRTtnQkFDRSxPQUFPLEVBQUUsZUFBZSxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLENBQUMsQ0FBQyxlQUFlO1NBQzdFO0lBQ0gsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLElBQUksQ0FBQyxjQUFjLEVBQUU7WUFDdkIsYUFBYSxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsQ0FBQztTQUNwQztJQUNILENBQUM7SUFFRCxXQUFXO1FBQ1QsS0FBSyxDQUFDLDhCQUE4QixDQUFDLENBQUM7SUFDeEMsQ0FBQzs7Z0hBbkVVLG1CQUFtQjtvR0FBbkIsbUJBQW1CLGlKQ1JoQyx1bEdBbUdBOzJGRDNGYSxtQkFBbUI7a0JBTC9CLFNBQVM7K0JBQ0UsaUJBQWlCOzZGQUtsQixZQUFZO3NCQUFwQixLQUFLO2dCQUNHLHFCQUFxQjtzQkFBN0IsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUm91dGVyIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbGliLWNhcmQtbGF5b3V0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NhcmQtbGF5b3V0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY2FyZC1sYXlvdXQuY29tcG9uZW50LmNzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBDYXJkTGF5b3V0Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgc3RhdHVzUGVkaWRvOiBzdHJpbmcgPSAnJztcbiAgQElucHV0KCkgY2FyZFRlbXBsYXRlSW5kaWNhdG9yOiBudW1iZXIgPSAwOyAvLyAxIHBhcmEgc2VydmnDp28sIDIgcGFyYSBjYW5kaWRhdHVyYVxuXG4gIHRhZ3M6IHN0cmluZ1tdID0gWydSZXNpZGVuY2lhbCcsICdVcmdlbnRlJywgJ0Vsw6l0cmljYSddO1xuXG4gIHN0YXR1c09wdGlvbnMgPSBbXG4gICAgeyBjbGFzczogJ3N0YXR1cy1hY3RpdmUnLCB0ZXh0OiAnQXRpdm8nLCBpY29uOiAnZmEtY2lyY2xlJyB9LFxuICAgIHsgY2xhc3M6ICdzdGF0dXMtcGVuZGluZycsIHRleHQ6ICdFbSBhbmRhbWVudG8nLCBpY29uOiAnZmEtc3Bpbm5lcicgfSxcbiAgICB7IGNsYXNzOiAnc3RhdHVzLWNvbXBsZXRlZCcsIHRleHQ6ICdDb25jbHXDrWRvJywgaWNvbjogJ2ZhLWNoZWNrJyB9LFxuICAgIHsgY2xhc3M6ICdzdGF0dXMtY2FuY2VsbGVkJywgdGV4dDogJ0NhbmNlbGFkbycsIGljb246ICdmYS10aW1lcycgfSxcbiAgXTtcblxuICBjdXJyZW50U3RhdHVzID0gdGhpcy5zdGF0dXNPcHRpb25zWzBdO1xuICBwcml2YXRlIHN0YXR1c0ludGVydmFsOiBhbnk7XG4gIGZsb3dJbmRpY2F0b3I6IHN0cmluZyA9ICcxJztcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJvdXRlOiBSb3V0ZXIpIHtcbiAgICB0aGlzLnJvdXRlLmV2ZW50cy5zdWJzY3JpYmUoKCkgPT4ge1xuICAgICAgaWYgKHRoaXMucm91dGUudXJsLmluY2x1ZGVzKCdidWRnZXRzJykpIHtcbiAgICAgICAgdGhpcy5mbG93SW5kaWNhdG9yID0gJ2J1ZGdldHMnO1xuICAgICAgICBjb25zb2xlLmxvZygnYXNkYXNkYWRzYXNkYScsIHRoaXMuZmxvd0luZGljYXRvcik7XG4gICAgICB9XG4gICAgfSk7XG4gIH1cblxuICBuZ09uSW5pdCgpIHtcbiAgICBsZXQgaW5kZXggPSAwO1xuICAgIHRoaXMuc3RhdHVzSW50ZXJ2YWwgPSBzZXRJbnRlcnZhbCgoKSA9PiB7XG4gICAgICBpbmRleCA9IChpbmRleCArIDEpICUgdGhpcy5zdGF0dXNPcHRpb25zLmxlbmd0aDtcbiAgICAgIHRoaXMuY3VycmVudFN0YXR1cyA9IHRoaXMuc3RhdHVzT3B0aW9uc1tpbmRleF07XG4gICAgfSwgMzAwMCk7XG5cbiAgICBjb25zb2xlLmxvZygnY2FyZFRlbXBsYXRlSW5kaWNhdG9yJywgdGhpcy5jYXJkVGVtcGxhdGVJbmRpY2F0b3IpO1xuICB9XG5cbiAgZ2V0IGJhZGdlU3R5bGVzKCk6IHsgW2tleTogc3RyaW5nXTogc3RyaW5nIH0ge1xuICAgIGNvbnN0IHN0YXR1cyA9IHRoaXMuc3RhdHVzUGVkaWRvPy50b0xvd2VyQ2FzZSgpO1xuXG4gICAgc3dpdGNoIChzdGF0dXMpIHtcbiAgICAgIGNhc2UgJ2ZpbmFsaXphZG8nOlxuICAgICAgICByZXR1cm4geyBiYWNrZ3JvdW5kQ29sb3I6ICcjNGNhZjUwMjAnLCBjb2xvcjogJyM0Y2FmNTAnIH07IC8vIHZlcmRlIHN1YXZlXG4gICAgICBjYXNlICdjb25jbHVpZG8nOlxuICAgICAgICByZXR1cm4geyBiYWNrZ3JvdW5kQ29sb3I6ICcjMDA5Njg4MWMnLCBjb2xvcjogJyMwMDk2ODgnIH07IC8vIHRlYWxcbiAgICAgIGNhc2UgJ2NhbmNlbGFkbyc6XG4gICAgICAgIHJldHVybiB7IGJhY2tncm91bmRDb2xvcjogJyNmZjUyNTIxYycsIGNvbG9yOiAnI2ZmNTI1MicgfTsgLy8gdmVybWVsaG8gY2xhcm9cbiAgICAgIGNhc2UgJ3B1YmxpY2Fkbyc6XG4gICAgICAgIHJldHVybiB7IGJhY2tncm91bmRDb2xvcjogJyMwMDk2ZmYxYycsIGNvbG9yOiAnIzI1YTVmZicgfTsgLy8gYXp1bCBzdWF2ZVxuICAgICAgY2FzZSAncmVjdXNhZG8nOlxuICAgICAgICByZXR1cm4geyBiYWNrZ3JvdW5kQ29sb3I6ICcjZmY1MjUyMWMnLCBjb2xvcjogJyNmZjUyNTInIH07IC8vIHZlcm1lbGhvIGNsYXJvXG4gICAgICBjYXNlICdlbSBuZWdvY2lhY2FvJzpcbiAgICAgICAgcmV0dXJuIHsgYmFja2dyb3VuZENvbG9yOiAnI2ZmYWIyNTFmJywgY29sb3I6ICcjZmY5ODAwJyB9OyAvLyBsYXJhbmphIHN1YXZlXG4gICAgICBjYXNlICdwZW5kZW50ZSc6XG4gICAgICAgIHJldHVybiB7IGJhY2tncm91bmRDb2xvcjogJyM5YTFmYWQxYycsIGNvbG9yOiAnIzdlNTdjMicgfTsgLy8gcm94byBjbGFyb1xuICAgICAgZGVmYXVsdDpcbiAgICAgICAgcmV0dXJuIHsgYmFja2dyb3VuZENvbG9yOiAnI2UwZTBlMDFjJywgY29sb3I6ICcjNzU3NTc1JyB9OyAvLyBjaW56YSBwYWRyw6NvXG4gICAgfVxuICB9XG5cbiAgbmdPbkRlc3Ryb3koKSB7XG4gICAgaWYgKHRoaXMuc3RhdHVzSW50ZXJ2YWwpIHtcbiAgICAgIGNsZWFySW50ZXJ2YWwodGhpcy5zdGF0dXNJbnRlcnZhbCk7XG4gICAgfVxuICB9XG5cbiAgdmVyRGV0YWxoZXMoKSB7XG4gICAgYWxlcnQoJ0FicmlyIGRldGFsaGVzIGRvIHNlcnZpw6dvLi4uJyk7XG4gIH1cbn1cbiIsIjxkaXZcbiAgY2xhc3M9XCJzZXJ2aWNlLWNhcmQgcm91bmRlZC14bCBzaGFkb3ctbWQgb3ZlcmZsb3ctaGlkZGVuIGJnLXdoaXRlIGhvdmVyOnNoYWRvdy1sZyB0cmFuc2l0aW9uLWFsbCBkdXJhdGlvbi0zMDAgcmVsYXRpdmUgbWItNVwiXG4+XG4gIDwhLS0gSEVBREVSIC0tPlxuICA8ZGl2XG4gICAgY2xhc3M9XCJzZXJ2aWNlLWNhcmQtaGVhZGVyIGZsZXggaXRlbXMtY2VudGVyIGp1c3RpZnktYmV0d2VlbiBwLTMgYm9yZGVyLWIgYm9yZGVyLWdyYXktMjAwXCJcbiAgPlxuICAgIDxkaXYgY2xhc3M9XCJmbGV4IGl0ZW1zLWNlbnRlciBnYXAtM1wiPlxuICAgICAgPGRpdiBjbGFzcz1cImljb24tc3R5bGVcIj5cbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3NlcnZpY2UtaWNvbl1cIj48L25nLWNvbnRlbnQ+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXYgY2xhc3M9XCJmbGV4IGZsZXgtY29sXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJmbGV4IGl0ZW1zLWNlbnRlciBnYXAtM1wiPlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJzZXJ2aWNlLXRpdGxlIHRydW5jYXRlIHctZnVsbFwiPlxuICAgICAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3NlcnZpY2UtdGl0bGVdXCI+PC9uZy1jb250ZW50PlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJcIj5cbiAgICAgICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltkZXRhaWxzLWJ0bl1cIj48L25nLWNvbnRlbnQ+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY2xhc3M9XCJ3aGl0ZXNwYWNlLW5vd3JhcCBvdmVyZmxvdy1oaWRkZW4gdGV4dC1lbGxpcHNpc1wiXG4gICAgICAgICAgc3R5bGU9XCJmb250LXNpemU6IDEycHg7IGNvbG9yOiB2YXIoLS10YWItbGluaylcIlxuICAgICAgICA+XG4gICAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3NlcnZpY2UtYWRkcmVzc11cIj48L25nLWNvbnRlbnQ+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuXG4gIDwhLS0gQk9EWSAtLT5cbiAgPGRpdiBjbGFzcz1cInNlcnZpY2UtY2FyZC1ib2R5IHAtNCBzcGFjZS15LTNcIj5cbiAgICA8ZGl2PlxuICAgICAgPGRpdlxuICAgICAgICBjbGFzcz1cImZsZXggZmxleC1jb2wgaXRlbXMtc3RhcnQgZ2FwLTMgYm9yZGVyLWIgYm9yZGVyLWdyYXktMTAwIHBiLTMgbWItM1wiXG4gICAgICAgICpuZ0lmPVwiY2FyZFRlbXBsYXRlSW5kaWNhdG9yID09PSAxXCJcbiAgICAgID5cbiAgICAgICAgPGRpdiBjbGFzcz1cImZsZXgganVzdGlmeS1iZXR3ZWVuIHctZnVsbCBwYi0yXCI+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cInN0YXR1cy1iYWRnZVwiIFtuZ1N0eWxlXT1cImJhZGdlU3R5bGVzXCI+XG4gICAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbc3RhdHVzLWJhZGdlXVwiPjwvbmctY29udGVudD5cbiAgICAgICAgICA8L2Rpdj5cblxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNsYXNzPVwidGV4dC14cyB0ZXh0LWdyYXktNTAgZm9udC1zZW1pYm9sZFwiXG4gICAgICAgICAgICBzdHlsZT1cIlxuICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZDNkM2QzMmM7XG4gICAgICAgICAgICAgIGNvbG9yOiBncmV5O1xuICAgICAgICAgICAgICBib3JkZXItcmFkaXVzOiAyNXB4O1xuICAgICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgICAgICAgcGFkZGluZzogNHB4IDEwcHg7XG4gICAgICAgICAgICBcIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltvcmRlci1udW1iZXJdXCI+PC9uZy1jb250ZW50PlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cblxuICAgICAgICA8ZGl2IGNsYXNzPVwiZmxleCBmbGV4LXdyYXAgZ2FwLTIgaXRlbXMtY2VudGVyXCI+XG4gICAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2ZpbHRlci10YWddXCI+PC9uZy1jb250ZW50PlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuXG4gICAgICA8ZGl2IGNsYXNzPVwiZnctc2VtaWJvbGRcIiAqbmdJZj1cInN0YXR1c1BlZGlkbyA9PT0gJ2ZpbmFsaXphZG8nXCI+XG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltjb25jbHVzaW9uLWRhdGVdXCI+PC9uZy1jb250ZW50PlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2luZm8tcm93XVwiPjwvbmctY29udGVudD5cblxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltkZXNjcmlwdGlvbl1cIj48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuXG4gIDwhLS0gRk9PVEVSIC0tPlxuXG4gIDxkaXZcbiAgICBjbGFzcz1cInNlcnZpY2UtY2FyZC1mb290ZXIgZmxleCBqdXN0aWZ5LWNlbnRlciBpdGVtcy1jZW50ZXIgcC0zIGJvcmRlci10IGJvcmRlci1ncmF5LTEwMCBiZy1ncmF5LTUwIGdhcC0xXCJcbiAgPlxuICAgIDxkaXYgY2xhc3M9XCJjb2wtNlwiPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW21haW4tYnRuXVwiPjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2XG4gICAgICBjbGFzcz1cImZ3LXNlbWlib2xkIGNvbC02XCJcbiAgICAgIHN0eWxlPVwiZGlzcGxheTogZmxleDsganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZFwiXG4gICAgPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3ByaWNlXVwiPjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG4gIDwhLS0gPGRpdlxuICAgIFxuICAgIGNsYXNzPVwiZmxleCByb3cganVzdGlmeS1iZXR3ZWVuIGl0ZW1zLWNlbnRlciBwLTMgYm9yZGVyLXQgYm9yZGVyLWdyYXktMTAwIGJnLWdyYXktNTBcIlxuICA+XG4gICAgPGRpdiBjbGFzcz1cImNvbC02XCI+XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbbWFpbi1idG5dXCI+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJjb2wtNlwiPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3ByaWNlXVwiPjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+IC0tPlxuPC9kaXY+XG4iXX0=

package/esm2020/lib/components/nav/nav.component.mjs

@@ -0,0 +1,71 @@
+import { Component, HostListener } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/router";
+import * as i2 from "@angular/common";
+export class NavComponent {
+    constructor(router, el) {
+        this.router = router;
+        this.el = el;
+        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", 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 hr-nav-bottom\"\n  [class.-translate-y-full]=\"!isHeaderVisible\"\n  style=\"background-color: var(--primary)\"\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 hr-nav-bottom\"\n  [class.-translate-y-full]=\"!isHeaderVisible\"\n  style=\"background-color: var(--primary)\"\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: { onResize: [{
+                type: HostListener,
+                args: ['window:resize']
+            }], onWindowScroll: [{
+                type: HostListener,
+                args: ['window:scroll', []]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3R1ZHUtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvbmF2L25hdi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90dWR1LWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL25hdi9uYXYuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBYyxZQUFZLEVBQVUsTUFBTSxlQUFlLENBQUM7Ozs7QUFRNUUsTUFBTSxPQUFPLFlBQVk7SUFXdkIsWUFBb0IsTUFBYyxFQUFVLEVBQWM7UUFBdEMsV0FBTSxHQUFOLE1BQU0sQ0FBUTtRQUFVLE9BQUUsR0FBRixFQUFFLENBQVk7UUFWMUQsY0FBUyxHQUFZLEtBQUssQ0FBQztRQUMzQixZQUFPLEdBQVcsRUFBRSxDQUFDO1FBRXJCLHVCQUFrQixHQUFHLENBQUMsQ0FBQztRQUN2QixvQkFBZSxHQUFHLElBQUksQ0FBQztRQUN2QixpQkFBWSxHQUFHLENBQUMsQ0FBQztRQUNqQixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBRWpCLGFBQVEsR0FBWSxLQUFLLENBQUM7SUFFbUMsQ0FBQztJQUU5RCxlQUFlO1FBQ2IsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO1FBRW5CLDZEQUE2RDtRQUM3RCxNQUFNLFVBQVUsR0FBRyxJQUFJLENBQUMsRUFBRSxDQUFDLGFBQWEsQ0FBQyxhQUFhLENBQUMsZUFBZSxDQUFDLENBQUM7UUFDeEUsSUFBSSxVQUFVLEVBQUU7WUFDZCxJQUFJLENBQUMsWUFBWSxHQUFHLFVBQVUsQ0FBQyxZQUFZLENBQUM7U0FDN0M7SUFDSCxDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBQ3BELENBQUM7SUFHRCxRQUFRO1FBQ04sSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQ3JCLENBQUM7SUFFTyxXQUFXO1FBQ2pCLElBQUksQ0FBQyxRQUFRLEdBQUcsTUFBTSxDQUFDLFVBQVUsR0FBRyxHQUFHLENBQUMsQ0FBQyxrREFBa0Q7UUFDM0YsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDbEIsSUFBSSxDQUFDLGVBQWUsR0FBRyxJQUFJLENBQUMsQ0FBQyx1Q0FBdUM7U0FDckU7SUFDSCxDQUFDO0lBQ00sSUFBSTtRQUNULElBQUksQ0FBQyxTQUFTLEdBQUcsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDO0lBQ25DLENBQUM7SUFFRCxjQUFjLENBQUMsS0FBYTtRQUMxQixJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQztJQUN2QixDQUFDO0lBR0QsY0FBYztRQUNaLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUTtZQUFFLE9BQU87UUFFM0IsTUFBTSxxQkFBcUIsR0FDekIsTUFBTSxDQUFDLFdBQVcsSUFBSSxRQUFRLENBQUMsZUFBZSxDQUFDLFNBQVMsQ0FBQztRQUUzRCxpQ0FBaUM7UUFDakMsSUFDRSxxQkFBcUIsR0FBRyxJQUFJLENBQUMsa0JBQWtCO1lBQy9DLHFCQUFxQixHQUFHLEVBQUUsRUFDMUI7WUFDQSxJQUFJLENBQUMsZUFBZSxHQUFHLEtBQUssQ0FBQztTQUM5QjtRQUNELDhCQUE4QjthQUN6QixJQUFJLHFCQUFxQixHQUFHLElBQUksQ0FBQyxrQkFBa0IsRUFBRTtZQUN4RCxJQUFJLENBQUMsZUFBZSxHQUFHLElBQUksQ0FBQztTQUM3QjtRQUVELElBQUksQ0FBQyxrQkFBa0IsR0FBRyxxQkFBcUIsQ0FBQztJQUNsRCxDQUFDOzt5R0FsRVUsWUFBWTs2RkFBWixZQUFZLDRJQ1J6Qix1ckNBc0NBOzJGRDlCYSxZQUFZO2tCQUx4QixTQUFTOytCQUNFLFNBQVM7c0hBZ0NuQixRQUFRO3NCQURQLFlBQVk7dUJBQUMsZUFBZTtnQkFvQjdCLGNBQWM7c0JBRGIsWUFBWTt1QkFBQyxlQUFlLEVBQUUsRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRWxlbWVudFJlZiwgSG9zdExpc3RlbmVyLCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFJvdXRlciB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xpYi1uYXYnLFxuICB0ZW1wbGF0ZVVybDogJy4vbmF2LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbmF2LmNvbXBvbmVudC5jc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgTmF2Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgb3BlbkNsb3NlOiBib29sZWFuID0gZmFsc2U7XG4gIG1lc3NhZ2U6IHN0cmluZyA9ICcnO1xuXG4gIGxhc3RTY3JvbGxQb3NpdGlvbiA9IDA7XG4gIGlzSGVhZGVyVmlzaWJsZSA9IHRydWU7XG4gIGhlYWRlckhlaWdodCA9IDA7XG4gIGlzTW9iaWxlID0gZmFsc2U7XG5cbiAgaGFzT2ZmZXI6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJvdXRlcjogUm91dGVyLCBwcml2YXRlIGVsOiBFbGVtZW50UmVmKSB7fVxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcbiAgICB0aGlzLmNoZWNrTW9iaWxlKCk7XG5cbiAgICAvLyBPYnTDqW0gYSBhbHR1cmEgZG8gaGVhZGVyLW1lbnUgYXDDs3MgYSB2aWV3IHNlciBpbmljaWFsaXphZGFcbiAgICBjb25zdCBoZWFkZXJNZW51ID0gdGhpcy5lbC5uYXRpdmVFbGVtZW50LnF1ZXJ5U2VsZWN0b3IoJ1toZWFkZXItbWVudV0nKTtcbiAgICBpZiAoaGVhZGVyTWVudSkge1xuICAgICAgdGhpcy5oZWFkZXJIZWlnaHQgPSBoZWFkZXJNZW51Lm9mZnNldEhlaWdodDtcbiAgICB9XG4gIH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmhhc09mZmVyID0gdGhpcy5yb3V0ZXIudXJsLmluY2x1ZGVzKCdvZmZlcicpO1xuICB9XG5cbiAgQEhvc3RMaXN0ZW5lcignd2luZG93OnJlc2l6ZScpXG4gIG9uUmVzaXplKCkge1xuICAgIHRoaXMuY2hlY2tNb2JpbGUoKTtcbiAgfVxuXG4gIHByaXZhdGUgY2hlY2tNb2JpbGUoKSB7XG4gICAgdGhpcy5pc01vYmlsZSA9IHdpbmRvdy5pbm5lcldpZHRoIDwgNzY4OyAvLyA3NjhweCDDqSBvIGJyZWFrcG9pbnQgcGFkcsOjbyBkbyBUYWlsd2luZCBwYXJhIG1kXG4gICAgaWYgKCF0aGlzLmlzTW9iaWxlKSB7XG4gICAgICB0aGlzLmlzSGVhZGVyVmlzaWJsZSA9IHRydWU7IC8vIEdhcmFudGUgcXVlIGZpcXVlIHZpc8OtdmVsIGVtIGRlc2t0b3BcbiAgICB9XG4gIH1cbiAgcHVibGljIG1lbnUoKSB7XG4gICAgdGhpcy5vcGVuQ2xvc2UgPSAhdGhpcy5vcGVuQ2xvc2U7XG4gIH1cblxuICByZWNlaXZlTWVzc2FnZShldmVudDogc3RyaW5nKSB7XG4gICAgdGhpcy5tZXNzYWdlID0gZXZlbnQ7XG4gIH1cblxuICBASG9zdExpc3RlbmVyKCd3aW5kb3c6c2Nyb2xsJywgW10pXG4gIG9uV2luZG93U2Nyb2xsKCkge1xuICAgIGlmICghdGhpcy5pc01vYmlsZSkgcmV0dXJuO1xuXG4gICAgY29uc3QgY3VycmVudFNjcm9sbFBvc2l0aW9uID1cbiAgICAgIHdpbmRvdy5wYWdlWU9mZnNldCB8fCBkb2N1bWVudC5kb2N1bWVudEVsZW1lbnQuc2Nyb2xsVG9wO1xuXG4gICAgLy8gU2Nyb2xsIERPV04gLSBlc2NvbmRlIG8gaGVhZGVyXG4gICAgaWYgKFxuICAgICAgY3VycmVudFNjcm9sbFBvc2l0aW9uID4gdGhpcy5sYXN0U2Nyb2xsUG9zaXRpb24gJiZcbiAgICAgIGN1cnJlbnRTY3JvbGxQb3NpdGlvbiA+IDUwXG4gICAgKSB7XG4gICAgICB0aGlzLmlzSGVhZGVyVmlzaWJsZSA9IGZhbHNlO1xuICAgIH1cbiAgICAvLyBTY3JvbGwgVVAgLSBtb3N0cmEgbyBoZWFkZXJcbiAgICBlbHNlIGlmIChjdXJyZW50U2Nyb2xsUG9zaXRpb24gPCB0aGlzLmxhc3RTY3JvbGxQb3NpdGlvbikge1xuICAgICAgdGhpcy5pc0hlYWRlclZpc2libGUgPSB0cnVlO1xuICAgIH1cblxuICAgIHRoaXMubGFzdFNjcm9sbFBvc2l0aW9uID0gY3VycmVudFNjcm9sbFBvc2l0aW9uO1xuICB9XG59XG4iLCI8IS0tIE92ZXJsYXkgLS0+XG48ZGl2XG4gICpuZ0lmPVwib3BlbkNsb3NlXCJcbiAgKGNsaWNrKT1cIm9wZW5DbG9zZSA9IGZhbHNlXCJcbiAgY2xhc3M9XCJmaXhlZCBpbnNldC0wIGJnLWJsYWNrIGJnLW9wYWNpdHktNDAgei00MCBtZDpoaWRkZW5cIlxuPjwvZGl2PlxuXG48IS0tIE5hdmJhciBDb250YWluZXIgLS0+XG48ZGl2XG4gIGNsYXNzPVwiZml4ZWQgdG9wLTAgbGVmdC0wIHJpZ2h0LTAgei01MCBzaGFkb3ctbm9uZSB0cmFuc2l0aW9uLXRyYW5zZm9ybSBkdXJhdGlvbi0zMDAgZWFzZS1vdXQgaHItbmF2LWJvdHRvbVwiXG4gIFtjbGFzcy4tdHJhbnNsYXRlLXktZnVsbF09XCIhaXNIZWFkZXJWaXNpYmxlXCJcbiAgc3R5bGU9XCJiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1wcmltYXJ5KVwiXG4+XG4gIDwhLS0gTWFpbiBOYXZiYXIgLS0+XG4gIDxkaXYgY2xhc3M9XCJ3LWZ1bGxcIj5cbiAgICA8ZGl2IGNsYXNzPVwibXgtYXV0byBweC0yIGgtMTYgZmxleCBpdGVtcy1jZW50ZXIganVzdGlmeS1iZXR3ZWVuXCI+XG4gICAgICA8IS0tIExlZnQgQ29udGVudCAtLT5cbiAgICAgIDxkaXYgY2xhc3M9XCJmbGV4LTEgZmxleCBqdXN0aWZ5LXN0YXJ0XCI+XG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltsZWZ0LWNvbnRlbnRdXCI+PC9uZy1jb250ZW50PlxuICAgICAgPC9kaXY+XG5cbiAgICAgIDwhLS0gQ2VudGVyIENvbnRlbnQgLS0+XG4gICAgICA8ZGl2IGNsYXNzPVwiZmxleC0xIGZsZXgganVzdGlmeS1jZW50ZXJcIj5cbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2NlbnRyYWwtY29udGVudF1cIj48L25nLWNvbnRlbnQ+XG4gICAgICA8L2Rpdj5cblxuICAgICAgPCEtLSBSaWdodCBDb250ZW50IC0tPlxuICAgICAgPGRpdiBjbGFzcz1cImZsZXgtMVwiIHN0eWxlPVwiZGlzcGxheTogZmxleDsganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZFwiPlxuICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbcmlnaHQtY29udGVudF1cIj48L25nLWNvbnRlbnQ+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG5cbiAgPCEtLSBIZWFkZXIgTWVudSAoU3VibWVudSkgLS0+XG4gIDxkaXYgaGVhZGVyLW1lbnUgY2xhc3M9XCJ3LWZ1bGwgaHItbmF2XCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2hlYWRlci1tZW51XVwiPjwvbmctY29udGVudD5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==

package/esm2020/lib/tudu-components.component.mjs

@@ -0,0 +1,22 @@
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export 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 []; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHVkdS1jb21wb25lbnRzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL3R1ZHUtY29tcG9uZW50cy9zcmMvbGliL3R1ZHUtY29tcG9uZW50cy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxNQUFNLGVBQWUsQ0FBQzs7QUFZbEQsTUFBTSxPQUFPLHVCQUF1QjtJQUVsQyxnQkFBZ0IsQ0FBQztJQUVqQixRQUFRO0lBQ1IsQ0FBQzs7b0hBTFUsdUJBQXVCO3dHQUF2Qix1QkFBdUIsMkRBUnhCOzs7O0dBSVQ7MkZBSVUsdUJBQXVCO2tCQVZuQyxTQUFTOytCQUNFLHFCQUFxQixZQUNyQjs7OztHQUlUIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbGliLXR1ZHUtY29tcG9uZW50cycsXG4gIHRlbXBsYXRlOiBgXG4gICAgPHA+XG4gICAgICB0dWR1LWNvbXBvbmVudHMgd29ya3Mhc3NzXG4gICAgPC9wPlxuICBgLFxuICBzdHlsZXM6IFtcbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBUdWR1Q29tcG9uZW50c0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgY29uc3RydWN0b3IoKSB7IH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgfVxuXG59XG4iXX0=

package/esm2020/lib/tudu-components.module.mjs

@@ -0,0 +1,20 @@
+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 * as i0 from "@angular/core";
+export 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], imports: [CommonModule], exports: [TuduComponentsComponent, CardLayoutComponent, NavComponent] });
+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],
+                    imports: [CommonModule],
+                    exports: [TuduComponentsComponent, CardLayoutComponent, NavComponent],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHVkdS1jb21wb25lbnRzLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL3R1ZHUtY29tcG9uZW50cy9zcmMvbGliL3R1ZHUtY29tcG9uZW50cy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUN0RSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0scURBQXFELENBQUM7QUFDMUYsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGdDQUFnQyxDQUFDOztBQU85RCxNQUFNLE9BQU8sb0JBQW9COztpSEFBcEIsb0JBQW9CO2tIQUFwQixvQkFBb0IsaUJBSmhCLHVCQUF1QixFQUFFLG1CQUFtQixFQUFFLFlBQVksYUFDL0QsWUFBWSxhQUNaLHVCQUF1QixFQUFFLG1CQUFtQixFQUFFLFlBQVk7a0hBRXpELG9CQUFvQixZQUhyQixZQUFZOzJGQUdYLG9CQUFvQjtrQkFMaEMsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyx1QkFBdUIsRUFBRSxtQkFBbUIsRUFBRSxZQUFZLENBQUM7b0JBQzFFLE9BQU8sRUFBRSxDQUFDLFlBQVksQ0FBQztvQkFDdkIsT0FBTyxFQUFFLENBQUMsdUJBQXVCLEVBQUUsbUJBQW1CLEVBQUUsWUFBWSxDQUFDO2lCQUN0RSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBUdWR1Q29tcG9uZW50c0NvbXBvbmVudCB9IGZyb20gJy4vdHVkdS1jb21wb25lbnRzLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ2FyZExheW91dENvbXBvbmVudCB9IGZyb20gJy4uL2xpYi9jb21wb25lbnRzL2NhcmQtbGF5b3V0L2NhcmQtbGF5b3V0LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBOYXZDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvbmF2L25hdi5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtUdWR1Q29tcG9uZW50c0NvbXBvbmVudCwgQ2FyZExheW91dENvbXBvbmVudCwgTmF2Q29tcG9uZW50XSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIGV4cG9ydHM6IFtUdWR1Q29tcG9uZW50c0NvbXBvbmVudCwgQ2FyZExheW91dENvbXBvbmVudCwgTmF2Q29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgVHVkdUNvbXBvbmVudHNNb2R1bGUge31cbiJdfQ==

package/esm2020/lib/tudu-components.service.mjs

@@ -0,0 +1,14 @@
+import { Injectable } from '@angular/core';
+import * as i0 from "@angular/core";
+export 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 []; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHVkdS1jb21wb25lbnRzLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy90dWR1LWNvbXBvbmVudHMvc3JjL2xpYi90dWR1LWNvbXBvbmVudHMuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQUszQyxNQUFNLE9BQU8scUJBQXFCO0lBRWhDLGdCQUFnQixDQUFDOztrSEFGTixxQkFBcUI7c0hBQXJCLHFCQUFxQixjQUZwQixNQUFNOzJGQUVQLHFCQUFxQjtrQkFIakMsVUFBVTttQkFBQztvQkFDVixVQUFVLEVBQUUsTUFBTTtpQkFDbkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3RhYmxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBJbmplY3RhYmxlKHtcbiAgcHJvdmlkZWRJbjogJ3Jvb3QnXG59KVxuZXhwb3J0IGNsYXNzIFR1ZHVDb21wb25lbnRzU2VydmljZSB7XG5cbiAgY29uc3RydWN0b3IoKSB7IH1cbn1cbiJdfQ==

package/esm2020/public-api.mjs

@@ -0,0 +1,10 @@
+/*
+ * Public API Surface of tudu-components
+ */
+export * from './lib/tudu-components.component';
+export * from './lib/tudu-components.module'; // ← Se criou este módulo
+export * from './lib/components/card-layout/card-layout.component';
+export * from './lib/components/nav/nav.component';
+export * from './lib/tudu-components.service';
+// export * from './lib/card-layout.module'; // ← Ou se usou CardLayoutModule
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL3R1ZHUtY29tcG9uZW50cy9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILGNBQWMsaUNBQWlDLENBQUM7QUFDaEQsY0FBYyw4QkFBOEIsQ0FBQyxDQUFDLHlCQUF5QjtBQUV2RSxjQUFjLG9EQUFvRCxDQUFDO0FBQ25FLGNBQWMsb0NBQW9DLENBQUM7QUFDbkQsY0FBYywrQkFBK0IsQ0FBQztBQUM5Qyw2RUFBNkUiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIHR1ZHUtY29tcG9uZW50c1xuICovXG5leHBvcnQgKiBmcm9tICcuL2xpYi90dWR1LWNvbXBvbmVudHMuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3R1ZHUtY29tcG9uZW50cy5tb2R1bGUnOyAvLyDihpAgU2UgY3Jpb3UgZXN0ZSBtw7NkdWxvXG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvY2FyZC1sYXlvdXQvY2FyZC1sYXlvdXQuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvbmF2L25hdi5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvdHVkdS1jb21wb25lbnRzLnNlcnZpY2UnO1xuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvY2FyZC1sYXlvdXQubW9kdWxlJzsgLy8g4oaQIE91IHNlIHVzb3UgQ2FyZExheW91dE1vZHVsZVxuXG4iXX0=

package/esm2020/tudu-components.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHVkdS1jb21wb25lbnRzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vcHJvamVjdHMvdHVkdS1jb21wb25lbnRzL3NyYy90dWR1LWNvbXBvbmVudHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9wdWJsaWMtYXBpJztcbiJdfQ==

package/fesm2015/tudu-components.mjs

@@ -0,0 +1,201 @@
+import * as i0 from '@angular/core';
+import { Component, Input, HostListener, 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.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() {
+        var _a;
+        const status = (_a = this.statusPedido) === null || _a === void 0 ? void 0 : _a.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" }, 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=\"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}\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=\"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}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { statusPedido: [{
+                type: Input
+            }], cardTemplateIndicator: [{
+                type: Input
+            }] } });
+
+class NavComponent {
+    constructor(router, el) {
+        this.router = router;
+        this.el = el;
+        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", 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 hr-nav-bottom\"\n  [class.-translate-y-full]=\"!isHeaderVisible\"\n  style=\"background-color: var(--primary)\"\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 hr-nav-bottom\"\n  [class.-translate-y-full]=\"!isHeaderVisible\"\n  style=\"background-color: var(--primary)\"\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: { onResize: [{
+                type: HostListener,
+                args: ['window:resize']
+            }], onWindowScroll: [{
+                type: HostListener,
+                args: ['window:scroll', []]
+            }] } });
+
+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], imports: [CommonModule], exports: [TuduComponentsComponent, CardLayoutComponent, NavComponent] });
+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],
+                    imports: [CommonModule],
+                    exports: [TuduComponentsComponent, CardLayoutComponent, NavComponent],
+                }]
+        }] });
+
+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, NavComponent, TuduComponentsComponent, TuduComponentsModule, TuduComponentsService };
+//# sourceMappingURL=tudu-components.mjs.map

package/fesm2015/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/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\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=\"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 { Component, ElementRef, HostListener, OnInit } 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  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 hr-nav-bottom\"\n  [class.-translate-y-full]=\"!isHeaderVisible\"\n  style=\"background-color: var(--primary)\"\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 { 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';\n\n@NgModule({\n  declarations: [TuduComponentsComponent, CardLayoutComponent, NavComponent],\n  imports: [CommonModule],\n  exports: [TuduComponentsComponent, CardLayoutComponent, NavComponent],\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/tudu-components.service';\n// export * from './lib/card-layout.module'; // ← Ou se usou CardLayoutModule\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2020/tudu-components.mjs

@@ -0,0 +1,200 @@
+import * as i0 from '@angular/core';
+import { Component, Input, HostListener, 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.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" }, 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=\"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}\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=\"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}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { statusPedido: [{
+                type: Input
+            }], cardTemplateIndicator: [{
+                type: Input
+            }] } });
+
+class NavComponent {
+    constructor(router, el) {
+        this.router = router;
+        this.el = el;
+        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", 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 hr-nav-bottom\"\n  [class.-translate-y-full]=\"!isHeaderVisible\"\n  style=\"background-color: var(--primary)\"\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 hr-nav-bottom\"\n  [class.-translate-y-full]=\"!isHeaderVisible\"\n  style=\"background-color: var(--primary)\"\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: { onResize: [{
+                type: HostListener,
+                args: ['window:resize']
+            }], onWindowScroll: [{
+                type: HostListener,
+                args: ['window:scroll', []]
+            }] } });
+
+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], imports: [CommonModule], exports: [TuduComponentsComponent, CardLayoutComponent, NavComponent] });
+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],
+                    imports: [CommonModule],
+                    exports: [TuduComponentsComponent, CardLayoutComponent, NavComponent],
+                }]
+        }] });
+
+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, 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/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\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=\"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 { Component, ElementRef, HostListener, OnInit } 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  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 hr-nav-bottom\"\n  [class.-translate-y-full]=\"!isHeaderVisible\"\n  style=\"background-color: var(--primary)\"\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 { 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';\n\n@NgModule({\n  declarations: [TuduComponentsComponent, CardLayoutComponent, NavComponent],\n  imports: [CommonModule],\n  exports: [TuduComponentsComponent, CardLayoutComponent, NavComponent],\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/tudu-components.service';\n// export * from './lib/card-layout.module'; // ← Ou se usou CardLayoutModule\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

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,30 @@
+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;
+    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"; }, {}, 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/nav/nav.component.d.ts

@@ -0,0 +1,24 @@
+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;
+    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, {}, {}, 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,10 @@
+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 "@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.CommonModule], [typeof i1.TuduComponentsComponent, typeof i2.CardLayoutComponent, typeof i3.NavComponent]>;
+    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

@@ -0,0 +1,31 @@
+{
+  "name": "tudu-components",
+  "version": "0.0.1",
+  "peerDependencies": {
+    "@angular/common": "^17.3.0",
+    "@angular/core": "^17.3.0"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "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"
+    }
+  }
+}

package/public-api.d.ts

@@ -0,0 +1,5 @@
+export * from './lib/tudu-components.component';
+export * from './lib/tudu-components.module';
+export * from './lib/components/card-layout/card-layout.component';
+export * from './lib/components/nav/nav.component';
+export * from './lib/tudu-components.service';