tudu-components 0.1.0 → 0.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (44) hide show
  1. package/karma.conf.js +44 -0
  2. package/ng-package.json +7 -0
  3. package/package.json +3 -22
  4. package/src/lib/components/card-layout/card-layout.component.css +166 -0
  5. package/src/lib/components/card-layout/card-layout.component.html +100 -0
  6. package/src/lib/components/card-layout/card-layout.component.spec.ts +23 -0
  7. package/src/lib/components/card-layout/card-layout.component.ts +78 -0
  8. package/src/lib/components/fallback-message/fallback-message.component.css +36 -0
  9. package/src/lib/components/fallback-message/fallback-message.component.html +95 -0
  10. package/src/lib/components/fallback-message/fallback-message.component.spec.ts +23 -0
  11. package/src/lib/components/fallback-message/fallback-message.component.ts +140 -0
  12. package/src/lib/components/nav/nav.component.css +40 -0
  13. package/src/lib/components/nav/nav.component.html +40 -0
  14. package/src/lib/components/nav/nav.component.spec.ts +23 -0
  15. package/src/lib/components/nav/nav.component.ts +84 -0
  16. package/src/lib/tudu-components.component.spec.ts +23 -0
  17. package/src/lib/tudu-components.component.ts +20 -0
  18. package/src/lib/tudu-components.module.ts +13 -0
  19. package/src/lib/tudu-components.service.spec.ts +16 -0
  20. package/src/lib/tudu-components.service.ts +9 -0
  21. package/src/public-api.ts +11 -0
  22. package/src/test.ts +27 -0
  23. package/tsconfig.lib.json +19 -0
  24. package/tsconfig.lib.prod.json +10 -0
  25. package/tsconfig.spec.json +17 -0
  26. package/esm2020/lib/components/card-layout/card-layout.component.mjs +0 -77
  27. package/esm2020/lib/components/nav/nav.component.mjs +0 -71
  28. package/esm2020/lib/tudu-components.component.mjs +0 -22
  29. package/esm2020/lib/tudu-components.module.mjs +0 -20
  30. package/esm2020/lib/tudu-components.service.mjs +0 -14
  31. package/esm2020/public-api.mjs +0 -10
  32. package/esm2020/tudu-components.mjs +0 -5
  33. package/fesm2015/tudu-components.mjs +0 -204
  34. package/fesm2015/tudu-components.mjs.map +0 -1
  35. package/fesm2020/tudu-components.mjs +0 -203
  36. package/fesm2020/tudu-components.mjs.map +0 -1
  37. package/index.d.ts +0 -5
  38. package/lib/components/card-layout/card-layout.component.d.ts +0 -31
  39. package/lib/components/nav/nav.component.d.ts +0 -24
  40. package/lib/tudu-components.component.d.ts +0 -8
  41. package/lib/tudu-components.module.d.ts +0 -10
  42. package/lib/tudu-components.service.d.ts +0 -6
  43. package/public-api.d.ts +0 -5
  44. package/tudu-components-0.0.1.tgz +0 -0
@@ -1,71 +0,0 @@
1
- import { Component, HostListener } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- import * as i1 from "@angular/router";
4
- import * as i2 from "@angular/common";
5
- export class NavComponent {
6
- constructor(router, el) {
7
- this.router = router;
8
- this.el = el;
9
- this.openClose = false;
10
- this.message = '';
11
- this.lastScrollPosition = 0;
12
- this.isHeaderVisible = true;
13
- this.headerHeight = 0;
14
- this.isMobile = false;
15
- this.hasOffer = false;
16
- }
17
- ngAfterViewInit() {
18
- this.checkMobile();
19
- // Obtém a altura do header-menu após a view ser inicializada
20
- const headerMenu = this.el.nativeElement.querySelector('[header-menu]');
21
- if (headerMenu) {
22
- this.headerHeight = headerMenu.offsetHeight;
23
- }
24
- }
25
- ngOnInit() {
26
- this.hasOffer = this.router.url.includes('offer');
27
- }
28
- onResize() {
29
- this.checkMobile();
30
- }
31
- checkMobile() {
32
- this.isMobile = window.innerWidth < 768; // 768px é o breakpoint padrão do Tailwind para md
33
- if (!this.isMobile) {
34
- this.isHeaderVisible = true; // Garante que fique visível em desktop
35
- }
36
- }
37
- menu() {
38
- this.openClose = !this.openClose;
39
- }
40
- receiveMessage(event) {
41
- this.message = event;
42
- }
43
- onWindowScroll() {
44
- if (!this.isMobile)
45
- return;
46
- const currentScrollPosition = window.pageYOffset || document.documentElement.scrollTop;
47
- // Scroll DOWN - esconde o header
48
- if (currentScrollPosition > this.lastScrollPosition &&
49
- currentScrollPosition > 50) {
50
- this.isHeaderVisible = false;
51
- }
52
- // Scroll UP - mostra o header
53
- else if (currentScrollPosition < this.lastScrollPosition) {
54
- this.isHeaderVisible = true;
55
- }
56
- this.lastScrollPosition = currentScrollPosition;
57
- }
58
- }
59
- 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 });
60
- 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"] }] });
61
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NavComponent, decorators: [{
62
- type: Component,
63
- 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"] }]
64
- }], ctorParameters: function () { return [{ type: i1.Router }, { type: i0.ElementRef }]; }, propDecorators: { onResize: [{
65
- type: HostListener,
66
- args: ['window:resize']
67
- }], onWindowScroll: [{
68
- type: HostListener,
69
- args: ['window:scroll', []]
70
- }] } });
71
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3R1ZHUtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvbmF2L25hdi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90dWR1LWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL25hdi9uYXYuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBYyxZQUFZLEVBQVUsTUFBTSxlQUFlLENBQUM7Ozs7QUFRNUUsTUFBTSxPQUFPLFlBQVk7SUFXdkIsWUFBb0IsTUFBYyxFQUFVLEVBQWM7UUFBdEMsV0FBTSxHQUFOLE1BQU0sQ0FBUTtRQUFVLE9BQUUsR0FBRixFQUFFLENBQVk7UUFWMUQsY0FBUyxHQUFZLEtBQUssQ0FBQztRQUMzQixZQUFPLEdBQVcsRUFBRSxDQUFDO1FBRXJCLHVCQUFrQixHQUFHLENBQUMsQ0FBQztRQUN2QixvQkFBZSxHQUFHLElBQUksQ0FBQztRQUN2QixpQkFBWSxHQUFHLENBQUMsQ0FBQztRQUNqQixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBRWpCLGFBQVEsR0FBWSxLQUFLLENBQUM7SUFFbUMsQ0FBQztJQUU5RCxlQUFlO1FBQ2IsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO1FBRW5CLDZEQUE2RDtRQUM3RCxNQUFNLFVBQVUsR0FBRyxJQUFJLENBQUMsRUFBRSxDQUFDLGFBQWEsQ0FBQyxhQUFhLENBQUMsZUFBZSxDQUFDLENBQUM7UUFDeEUsSUFBSSxVQUFVLEVBQUU7WUFDZCxJQUFJLENBQUMsWUFBWSxHQUFHLFVBQVUsQ0FBQyxZQUFZLENBQUM7U0FDN0M7SUFDSCxDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBQ3BELENBQUM7SUFHRCxRQUFRO1FBQ04sSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQ3JCLENBQUM7SUFFTyxXQUFXO1FBQ2pCLElBQUksQ0FBQyxRQUFRLEdBQUcsTUFBTSxDQUFDLFVBQVUsR0FBRyxHQUFHLENBQUMsQ0FBQyxrREFBa0Q7UUFDM0YsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDbEIsSUFBSSxDQUFDLGVBQWUsR0FBRyxJQUFJLENBQUMsQ0FBQyx1Q0FBdUM7U0FDckU7SUFDSCxDQUFDO0lBQ00sSUFBSTtRQUNULElBQUksQ0FBQyxTQUFTLEdBQUcsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDO0lBQ25DLENBQUM7SUFFRCxjQUFjLENBQUMsS0FBYTtRQUMxQixJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQztJQUN2QixDQUFDO0lBR0QsY0FBYztRQUNaLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUTtZQUFFLE9BQU87UUFFM0IsTUFBTSxxQkFBcUIsR0FDekIsTUFBTSxDQUFDLFdBQVcsSUFBSSxRQUFRLENBQUMsZUFBZSxDQUFDLFNBQVMsQ0FBQztRQUUzRCxpQ0FBaUM7UUFDakMsSUFDRSxxQkFBcUIsR0FBRyxJQUFJLENBQUMsa0JBQWtCO1lBQy9DLHFCQUFxQixHQUFHLEVBQUUsRUFDMUI7WUFDQSxJQUFJLENBQUMsZUFBZSxHQUFHLEtBQUssQ0FBQztTQUM5QjtRQUNELDhCQUE4QjthQUN6QixJQUFJLHFCQUFxQixHQUFHLElBQUksQ0FBQyxrQkFBa0IsRUFBRTtZQUN4RCxJQUFJLENBQUMsZUFBZSxHQUFHLElBQUksQ0FBQztTQUM3QjtRQUVELElBQUksQ0FBQyxrQkFBa0IsR0FBRyxxQkFBcUIsQ0FBQztJQUNsRCxDQUFDOzt5R0FsRVUsWUFBWTs2RkFBWixZQUFZLDRJQ1J6Qix1ckNBc0NBOzJGRDlCYSxZQUFZO2tCQUx4QixTQUFTOytCQUNFLFNBQVM7c0hBZ0NuQixRQUFRO3NCQURQLFlBQVk7dUJBQUMsZUFBZTtnQkFvQjdCLGNBQWM7c0JBRGIsWUFBWTt1QkFBQyxlQUFlLEVBQUUsRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRWxlbWVudFJlZiwgSG9zdExpc3RlbmVyLCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFJvdXRlciB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xpYi1uYXYnLFxuICB0ZW1wbGF0ZVVybDogJy4vbmF2LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbmF2LmNvbXBvbmVudC5jc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgTmF2Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgb3BlbkNsb3NlOiBib29sZWFuID0gZmFsc2U7XG4gIG1lc3NhZ2U6IHN0cmluZyA9ICcnO1xuXG4gIGxhc3RTY3JvbGxQb3NpdGlvbiA9IDA7XG4gIGlzSGVhZGVyVmlzaWJsZSA9IHRydWU7XG4gIGhlYWRlckhlaWdodCA9IDA7XG4gIGlzTW9iaWxlID0gZmFsc2U7XG5cbiAgaGFzT2ZmZXI6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJvdXRlcjogUm91dGVyLCBwcml2YXRlIGVsOiBFbGVtZW50UmVmKSB7fVxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcbiAgICB0aGlzLmNoZWNrTW9iaWxlKCk7XG5cbiAgICAvLyBPYnTDqW0gYSBhbHR1cmEgZG8gaGVhZGVyLW1lbnUgYXDDs3MgYSB2aWV3IHNlciBpbmljaWFsaXphZGFcbiAgICBjb25zdCBoZWFkZXJNZW51ID0gdGhpcy5lbC5uYXRpdmVFbGVtZW50LnF1ZXJ5U2VsZWN0b3IoJ1toZWFkZXItbWVudV0nKTtcbiAgICBpZiAoaGVhZGVyTWVudSkge1xuICAgICAgdGhpcy5oZWFkZXJIZWlnaHQgPSBoZWFkZXJNZW51Lm9mZnNldEhlaWdodDtcbiAgICB9XG4gIH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmhhc09mZmVyID0gdGhpcy5yb3V0ZXIudXJsLmluY2x1ZGVzKCdvZmZlcicpO1xuICB9XG5cbiAgQEhvc3RMaXN0ZW5lcignd2luZG93OnJlc2l6ZScpXG4gIG9uUmVzaXplKCkge1xuICAgIHRoaXMuY2hlY2tNb2JpbGUoKTtcbiAgfVxuXG4gIHByaXZhdGUgY2hlY2tNb2JpbGUoKSB7XG4gICAgdGhpcy5pc01vYmlsZSA9IHdpbmRvdy5pbm5lcldpZHRoIDwgNzY4OyAvLyA3NjhweCDDqSBvIGJyZWFrcG9pbnQgcGFkcsOjbyBkbyBUYWlsd2luZCBwYXJhIG1kXG4gICAgaWYgKCF0aGlzLmlzTW9iaWxlKSB7XG4gICAgICB0aGlzLmlzSGVhZGVyVmlzaWJsZSA9IHRydWU7IC8vIEdhcmFudGUgcXVlIGZpcXVlIHZpc8OtdmVsIGVtIGRlc2t0b3BcbiAgICB9XG4gIH1cbiAgcHVibGljIG1lbnUoKSB7XG4gICAgdGhpcy5vcGVuQ2xvc2UgPSAhdGhpcy5vcGVuQ2xvc2U7XG4gIH1cblxuICByZWNlaXZlTWVzc2FnZShldmVudDogc3RyaW5nKSB7XG4gICAgdGhpcy5tZXNzYWdlID0gZXZlbnQ7XG4gIH1cblxuICBASG9zdExpc3RlbmVyKCd3aW5kb3c6c2Nyb2xsJywgW10pXG4gIG9uV2luZG93U2Nyb2xsKCkge1xuICAgIGlmICghdGhpcy5pc01vYmlsZSkgcmV0dXJuO1xuXG4gICAgY29uc3QgY3VycmVudFNjcm9sbFBvc2l0aW9uID1cbiAgICAgIHdpbmRvdy5wYWdlWU9mZnNldCB8fCBkb2N1bWVudC5kb2N1bWVudEVsZW1lbnQuc2Nyb2xsVG9wO1xuXG4gICAgLy8gU2Nyb2xsIERPV04gLSBlc2NvbmRlIG8gaGVhZGVyXG4gICAgaWYgKFxuICAgICAgY3VycmVudFNjcm9sbFBvc2l0aW9uID4gdGhpcy5sYXN0U2Nyb2xsUG9zaXRpb24gJiZcbiAgICAgIGN1cnJlbnRTY3JvbGxQb3NpdGlvbiA+IDUwXG4gICAgKSB7XG4gICAgICB0aGlzLmlzSGVhZGVyVmlzaWJsZSA9IGZhbHNlO1xuICAgIH1cbiAgICAvLyBTY3JvbGwgVVAgLSBtb3N0cmEgbyBoZWFkZXJcbiAgICBlbHNlIGlmIChjdXJyZW50U2Nyb2xsUG9zaXRpb24gPCB0aGlzLmxhc3RTY3JvbGxQb3NpdGlvbikge1xuICAgICAgdGhpcy5pc0hlYWRlclZpc2libGUgPSB0cnVlO1xuICAgIH1cblxuICAgIHRoaXMubGFzdFNjcm9sbFBvc2l0aW9uID0gY3VycmVudFNjcm9sbFBvc2l0aW9uO1xuICB9XG59XG4iLCI8IS0tIE92ZXJsYXkgLS0+XG48ZGl2XG4gICpuZ0lmPVwib3BlbkNsb3NlXCJcbiAgKGNsaWNrKT1cIm9wZW5DbG9zZSA9IGZhbHNlXCJcbiAgY2xhc3M9XCJmaXhlZCBpbnNldC0wIGJnLWJsYWNrIGJnLW9wYWNpdHktNDAgei00MCBtZDpoaWRkZW5cIlxuPjwvZGl2PlxuXG48IS0tIE5hdmJhciBDb250YWluZXIgLS0+XG48ZGl2XG4gIGNsYXNzPVwiZml4ZWQgdG9wLTAgbGVmdC0wIHJpZ2h0LTAgei01MCBzaGFkb3ctbm9uZSB0cmFuc2l0aW9uLXRyYW5zZm9ybSBkdXJhdGlvbi0zMDAgZWFzZS1vdXQgaHItbmF2LWJvdHRvbVwiXG4gIFtjbGFzcy4tdHJhbnNsYXRlLXktZnVsbF09XCIhaXNIZWFkZXJWaXNpYmxlXCJcbiAgc3R5bGU9XCJiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1wcmltYXJ5KVwiXG4+XG4gIDwhLS0gTWFpbiBOYXZiYXIgLS0+XG4gIDxkaXYgY2xhc3M9XCJ3LWZ1bGxcIj5cbiAgICA8ZGl2IGNsYXNzPVwibXgtYXV0byBweC0yIGgtMTYgZmxleCBpdGVtcy1jZW50ZXIganVzdGlmeS1iZXR3ZWVuXCI+XG4gICAgICA8IS0tIExlZnQgQ29udGVudCAtLT5cbiAgICAgIDxkaXYgY2xhc3M9XCJmbGV4LTEgZmxleCBqdXN0aWZ5LXN0YXJ0XCI+XG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltsZWZ0LWNvbnRlbnRdXCI+PC9uZy1jb250ZW50PlxuICAgICAgPC9kaXY+XG5cbiAgICAgIDwhLS0gQ2VudGVyIENvbnRlbnQgLS0+XG4gICAgICA8ZGl2IGNsYXNzPVwiZmxleC0xIGZsZXgganVzdGlmeS1jZW50ZXJcIj5cbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2NlbnRyYWwtY29udGVudF1cIj48L25nLWNvbnRlbnQ+XG4gICAgICA8L2Rpdj5cblxuICAgICAgPCEtLSBSaWdodCBDb250ZW50IC0tPlxuICAgICAgPGRpdiBjbGFzcz1cImZsZXgtMVwiIHN0eWxlPVwiZGlzcGxheTogZmxleDsganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZFwiPlxuICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbcmlnaHQtY29udGVudF1cIj48L25nLWNvbnRlbnQ+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG5cbiAgPCEtLSBIZWFkZXIgTWVudSAoU3VibWVudSkgLS0+XG4gIDxkaXYgaGVhZGVyLW1lbnUgY2xhc3M9XCJ3LWZ1bGwgaHItbmF2XCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2hlYWRlci1tZW51XVwiPjwvbmctY29udGVudD5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
@@ -1,22 +0,0 @@
1
- import { Component } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- export class TuduComponentsComponent {
4
- constructor() { }
5
- ngOnInit() {
6
- }
7
- }
8
- TuduComponentsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TuduComponentsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
9
- TuduComponentsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: TuduComponentsComponent, selector: "lib-tudu-components", ngImport: i0, template: `
10
- <p>
11
- tudu-components works!sss
12
- </p>
13
- `, isInline: true });
14
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TuduComponentsComponent, decorators: [{
15
- type: Component,
16
- args: [{ selector: 'lib-tudu-components', template: `
17
- <p>
18
- tudu-components works!sss
19
- </p>
20
- ` }]
21
- }], ctorParameters: function () { return []; } });
22
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHVkdS1jb21wb25lbnRzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL3R1ZHUtY29tcG9uZW50cy9zcmMvbGliL3R1ZHUtY29tcG9uZW50cy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxNQUFNLGVBQWUsQ0FBQzs7QUFZbEQsTUFBTSxPQUFPLHVCQUF1QjtJQUVsQyxnQkFBZ0IsQ0FBQztJQUVqQixRQUFRO0lBQ1IsQ0FBQzs7b0hBTFUsdUJBQXVCO3dHQUF2Qix1QkFBdUIsMkRBUnhCOzs7O0dBSVQ7MkZBSVUsdUJBQXVCO2tCQVZuQyxTQUFTOytCQUNFLHFCQUFxQixZQUNyQjs7OztHQUlUIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbGliLXR1ZHUtY29tcG9uZW50cycsXG4gIHRlbXBsYXRlOiBgXG4gICAgPHA+XG4gICAgICB0dWR1LWNvbXBvbmVudHMgd29ya3Mhc3NzXG4gICAgPC9wPlxuICBgLFxuICBzdHlsZXM6IFtcbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBUdWR1Q29tcG9uZW50c0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgY29uc3RydWN0b3IoKSB7IH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgfVxuXG59XG4iXX0=
@@ -1,20 +0,0 @@
1
- import { NgModule } from '@angular/core';
2
- import { TuduComponentsComponent } from './tudu-components.component';
3
- import { CommonModule } from '@angular/common';
4
- import { CardLayoutComponent } from '../lib/components/card-layout/card-layout.component';
5
- import { NavComponent } from './components/nav/nav.component';
6
- import * as i0 from "@angular/core";
7
- export class TuduComponentsModule {
8
- }
9
- TuduComponentsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TuduComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
10
- 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] });
11
- TuduComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TuduComponentsModule, imports: [CommonModule] });
12
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TuduComponentsModule, decorators: [{
13
- type: NgModule,
14
- args: [{
15
- declarations: [TuduComponentsComponent, CardLayoutComponent, NavComponent],
16
- imports: [CommonModule],
17
- exports: [TuduComponentsComponent, CardLayoutComponent, NavComponent],
18
- }]
19
- }] });
20
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHVkdS1jb21wb25lbnRzLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL3R1ZHUtY29tcG9uZW50cy9zcmMvbGliL3R1ZHUtY29tcG9uZW50cy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUN0RSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0scURBQXFELENBQUM7QUFDMUYsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGdDQUFnQyxDQUFDOztBQU85RCxNQUFNLE9BQU8sb0JBQW9COztpSEFBcEIsb0JBQW9CO2tIQUFwQixvQkFBb0IsaUJBSmhCLHVCQUF1QixFQUFFLG1CQUFtQixFQUFFLFlBQVksYUFDL0QsWUFBWSxhQUNaLHVCQUF1QixFQUFFLG1CQUFtQixFQUFFLFlBQVk7a0hBRXpELG9CQUFvQixZQUhyQixZQUFZOzJGQUdYLG9CQUFvQjtrQkFMaEMsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyx1QkFBdUIsRUFBRSxtQkFBbUIsRUFBRSxZQUFZLENBQUM7b0JBQzFFLE9BQU8sRUFBRSxDQUFDLFlBQVksQ0FBQztvQkFDdkIsT0FBTyxFQUFFLENBQUMsdUJBQXVCLEVBQUUsbUJBQW1CLEVBQUUsWUFBWSxDQUFDO2lCQUN0RSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBUdWR1Q29tcG9uZW50c0NvbXBvbmVudCB9IGZyb20gJy4vdHVkdS1jb21wb25lbnRzLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ2FyZExheW91dENvbXBvbmVudCB9IGZyb20gJy4uL2xpYi9jb21wb25lbnRzL2NhcmQtbGF5b3V0L2NhcmQtbGF5b3V0LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBOYXZDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvbmF2L25hdi5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtUdWR1Q29tcG9uZW50c0NvbXBvbmVudCwgQ2FyZExheW91dENvbXBvbmVudCwgTmF2Q29tcG9uZW50XSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIGV4cG9ydHM6IFtUdWR1Q29tcG9uZW50c0NvbXBvbmVudCwgQ2FyZExheW91dENvbXBvbmVudCwgTmF2Q29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgVHVkdUNvbXBvbmVudHNNb2R1bGUge31cbiJdfQ==
@@ -1,14 +0,0 @@
1
- import { Injectable } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- export class TuduComponentsService {
4
- constructor() { }
5
- }
6
- TuduComponentsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TuduComponentsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
7
- TuduComponentsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TuduComponentsService, providedIn: 'root' });
8
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TuduComponentsService, decorators: [{
9
- type: Injectable,
10
- args: [{
11
- providedIn: 'root'
12
- }]
13
- }], ctorParameters: function () { return []; } });
14
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHVkdS1jb21wb25lbnRzLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy90dWR1LWNvbXBvbmVudHMvc3JjL2xpYi90dWR1LWNvbXBvbmVudHMuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQUszQyxNQUFNLE9BQU8scUJBQXFCO0lBRWhDLGdCQUFnQixDQUFDOztrSEFGTixxQkFBcUI7c0hBQXJCLHFCQUFxQixjQUZwQixNQUFNOzJGQUVQLHFCQUFxQjtrQkFIakMsVUFBVTttQkFBQztvQkFDVixVQUFVLEVBQUUsTUFBTTtpQkFDbkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3RhYmxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBJbmplY3RhYmxlKHtcbiAgcHJvdmlkZWRJbjogJ3Jvb3QnXG59KVxuZXhwb3J0IGNsYXNzIFR1ZHVDb21wb25lbnRzU2VydmljZSB7XG5cbiAgY29uc3RydWN0b3IoKSB7IH1cbn1cbiJdfQ==
@@ -1,10 +0,0 @@
1
- /*
2
- * Public API Surface of tudu-components
3
- */
4
- export * from './lib/tudu-components.component';
5
- export * from './lib/tudu-components.module'; // ← Se criou este módulo
6
- export * from './lib/components/card-layout/card-layout.component';
7
- export * from './lib/components/nav/nav.component';
8
- export * from './lib/tudu-components.service';
9
- // export * from './lib/card-layout.module'; // ← Ou se usou CardLayoutModule
10
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL3R1ZHUtY29tcG9uZW50cy9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILGNBQWMsaUNBQWlDLENBQUM7QUFDaEQsY0FBYyw4QkFBOEIsQ0FBQyxDQUFDLHlCQUF5QjtBQUV2RSxjQUFjLG9EQUFvRCxDQUFDO0FBQ25FLGNBQWMsb0NBQW9DLENBQUM7QUFDbkQsY0FBYywrQkFBK0IsQ0FBQztBQUM5Qyw2RUFBNkUiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIHR1ZHUtY29tcG9uZW50c1xuICovXG5leHBvcnQgKiBmcm9tICcuL2xpYi90dWR1LWNvbXBvbmVudHMuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3R1ZHUtY29tcG9uZW50cy5tb2R1bGUnOyAvLyDihpAgU2UgY3Jpb3UgZXN0ZSBtw7NkdWxvXG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvY2FyZC1sYXlvdXQvY2FyZC1sYXlvdXQuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvbmF2L25hdi5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvdHVkdS1jb21wb25lbnRzLnNlcnZpY2UnO1xuLy8gZXhwb3J0ICogZnJvbSAnLi9saWIvY2FyZC1sYXlvdXQubW9kdWxlJzsgLy8g4oaQIE91IHNlIHVzb3UgQ2FyZExheW91dE1vZHVsZVxuXG4iXX0=
@@ -1,5 +0,0 @@
1
- /**
2
- * Generated bundle index. Do not edit.
3
- */
4
- export * from './public-api';
5
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHVkdS1jb21wb25lbnRzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vcHJvamVjdHMvdHVkdS1jb21wb25lbnRzL3NyYy90dWR1LWNvbXBvbmVudHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9wdWJsaWMtYXBpJztcbiJdfQ==
@@ -1,204 +0,0 @@
1
- import * as i0 from '@angular/core';
2
- import { Component, Input, HostListener, NgModule, Injectable } from '@angular/core';
3
- import * as i2 from '@angular/common';
4
- import { CommonModule } from '@angular/common';
5
- import * as i1 from '@angular/router';
6
-
7
- class TuduComponentsComponent {
8
- constructor() { }
9
- ngOnInit() {
10
- }
11
- }
12
- TuduComponentsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TuduComponentsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
13
- TuduComponentsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: TuduComponentsComponent, selector: "lib-tudu-components", ngImport: i0, template: `
14
- <p>
15
- tudu-components works!sss
16
- </p>
17
- `, isInline: true });
18
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TuduComponentsComponent, decorators: [{
19
- type: Component,
20
- args: [{ selector: 'lib-tudu-components', template: `
21
- <p>
22
- tudu-components works!sss
23
- </p>
24
- ` }]
25
- }], ctorParameters: function () { return []; } });
26
-
27
- class CardLayoutComponent {
28
- constructor(route) {
29
- this.route = route;
30
- this.statusPedido = '';
31
- this.cardTemplateIndicator = 0; // 1 para serviço, 2 para candidatura
32
- this.hideHeader = false; // 1 para serviço, 2 para candidatura
33
- this.tags = ['Residencial', 'Urgente', 'Elétrica'];
34
- this.statusOptions = [
35
- { class: 'status-active', text: 'Ativo', icon: 'fa-circle' },
36
- { class: 'status-pending', text: 'Em andamento', icon: 'fa-spinner' },
37
- { class: 'status-completed', text: 'Concluído', icon: 'fa-check' },
38
- { class: 'status-cancelled', text: 'Cancelado', icon: 'fa-times' },
39
- ];
40
- this.currentStatus = this.statusOptions[0];
41
- this.flowIndicator = '1';
42
- this.route.events.subscribe(() => {
43
- if (this.route.url.includes('budgets')) {
44
- this.flowIndicator = 'budgets';
45
- console.log('asdasdadsasda', this.flowIndicator);
46
- }
47
- });
48
- }
49
- ngOnInit() {
50
- let index = 0;
51
- this.statusInterval = setInterval(() => {
52
- index = (index + 1) % this.statusOptions.length;
53
- this.currentStatus = this.statusOptions[index];
54
- }, 3000);
55
- console.log('cardTemplateIndicator', this.cardTemplateIndicator);
56
- }
57
- get badgeStyles() {
58
- var _a;
59
- const status = (_a = this.statusPedido) === null || _a === void 0 ? void 0 : _a.toLowerCase();
60
- switch (status) {
61
- case 'finalizado':
62
- return { backgroundColor: '#4caf5020', color: '#4caf50' }; // verde suave
63
- case 'concluido':
64
- return { backgroundColor: '#0096881c', color: '#009688' }; // teal
65
- case 'cancelado':
66
- return { backgroundColor: '#ff52521c', color: '#ff5252' }; // vermelho claro
67
- case 'publicado':
68
- return { backgroundColor: '#0096ff1c', color: '#25a5ff' }; // azul suave
69
- case 'recusado':
70
- return { backgroundColor: '#ff52521c', color: '#ff5252' }; // vermelho claro
71
- case 'em negociacao':
72
- return { backgroundColor: '#ffab251f', color: '#ff9800' }; // laranja suave
73
- case 'pendente':
74
- return { backgroundColor: '#9a1fad1c', color: '#7e57c2' }; // roxo claro
75
- default:
76
- return { backgroundColor: '#e0e0e01c', color: '#757575' }; // cinza padrão
77
- }
78
- }
79
- ngOnDestroy() {
80
- if (this.statusInterval) {
81
- clearInterval(this.statusInterval);
82
- }
83
- }
84
- verDetalhes() {
85
- alert('Abrir detalhes do serviço...');
86
- }
87
- }
88
- CardLayoutComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CardLayoutComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
89
- CardLayoutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CardLayoutComponent, selector: "lib-card-layout", inputs: { statusPedido: "statusPedido", cardTemplateIndicator: "cardTemplateIndicator", hideHeader: "hideHeader" }, ngImport: i0, template: "<div\n class=\"service-card rounded-xl shadow-md overflow-hidden bg-white hover:shadow-lg transition-all duration-300 relative mb-5\"\n>\n <!-- HEADER -->\n <div\n *ngIf=\"hideHeader\"\n class=\"service-card-header flex items-center justify-between p-3 border-b border-gray-200\"\n >\n <div class=\"flex items-center gap-3\">\n <div class=\"icon-style\">\n <ng-content select=\"[service-icon]\"></ng-content>\n </div>\n <div class=\"flex flex-col\">\n <div class=\"flex items-center gap-3\">\n <div class=\"service-title truncate w-full\">\n <ng-content select=\"[service-title]\"></ng-content>\n </div>\n <div class=\"\">\n <ng-content select=\"[details-btn]\"></ng-content>\n </div>\n </div>\n <div\n class=\"whitespace-nowrap overflow-hidden text-ellipsis\"\n style=\"font-size: 12px; color: var(--tab-link)\"\n >\n <ng-content select=\"[service-address]\"></ng-content>\n </div>\n </div>\n </div>\n </div>\n\n <!-- BODY -->\n <div class=\"service-card-body p-4 space-y-3\">\n <div>\n <div\n class=\"flex flex-col items-start gap-3 border-b border-gray-100 pb-3 mb-3\"\n *ngIf=\"cardTemplateIndicator === 1\"\n >\n <div class=\"flex justify-between w-full pb-2\">\n <div class=\"status-badge\" [ngStyle]=\"badgeStyles\">\n <ng-content select=\"[status-badge]\"></ng-content>\n </div>\n\n <div\n class=\"text-xs text-gray-50 font-semibold\"\n style=\"\n background-color: #d3d3d32c;\n color: grey;\n border-radius: 25px;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 4px 10px;\n \"\n >\n <ng-content select=\"[order-number]\"></ng-content>\n </div>\n </div>\n\n <div class=\"flex flex-wrap gap-2 items-center\">\n <ng-content select=\"[filter-tag]\"></ng-content>\n </div>\n </div>\n\n <div class=\"fw-semibold\" *ngIf=\"statusPedido === 'finalizado'\">\n <ng-content select=\"[conclusion-date]\"></ng-content>\n </div>\n </div>\n <ng-content select=\"[info-row]\"></ng-content>\n\n <ng-content select=\"[description]\"></ng-content>\n </div>\n\n <!-- FOOTER -->\n\n <div\n class=\"service-card-footer flex justify-center items-center p-3 border-t border-gray-100 bg-gray-50 gap-1\"\n >\n <div class=\"col-6\">\n <ng-content select=\"[main-btn]\"></ng-content>\n </div>\n <div\n class=\"fw-semibold col-6\"\n style=\"display: flex; justify-content: flex-end\"\n >\n <ng-content select=\"[price]\"></ng-content>\n </div>\n </div>\n <!-- <div\n \n class=\"flex row justify-between items-center p-3 border-t border-gray-100 bg-gray-50\"\n >\n <div class=\"col-6\">\n <ng-content select=\"[main-btn]\"></ng-content>\n </div>\n <div class=\"col-6\">\n <ng-content select=\"[price]\"></ng-content>\n </div>\n </div> -->\n</div>\n", styles: [".service-card{background:var(--light, #fff);border-radius:1rem;transition:all .3s ease;.service-card-header i {color: var(--primary); font-size: 20px;} .order-badge {background-color: #d3d3d32c; color: grey; border-radius: 25px; padding: 5px;} .template-2-order {margin-top: -6em;} &[data-template=\"1\"] {} &[data-template=\"2\"] {} .status-badge {display: inline-flex; align-items: center; gap: 4px; font-weight: 600; font-size: 12px; padding: 4px 10px; border-radius: 25px; text-transform: capitalize; transition: all .3s ease; i {color: inherit !important;}} .filter-tag {background: var(--tag-bg, #f9fafb); border: 1px solid var(--primary); border-radius: 9999px; padding: .25rem .75rem; color: var(--primary); font-size: 12px;} .details-btn {cursor: pointer;} .price {font-weight: 600; font-size: 1rem; color: var(--primary);} .service-address {font-size: 13px; color: rgb(212,212,212) !important;} .icon-style {display: flex; justify-content: center; align-items: center; background-color: var(--primary) !important; width: 40px; height: 40px; font-size: 12px; font-size: 20px; border-radius: 10px;} .price {font-weight: 600; color: var(--background-color);} .service-title {font-weight: 600; font-size: 1.1rem;} .badge-finalizado {background-color: #e0f7fa; color: #00796b;} .badge-concluido {background-color: #e8f5e9; color: #2e7d32;} .badge-cancelado {background-color: #ffebee; color: #c62828;} .badge-publicado {background-color: #fff3e0; color: #25a5ff;} .badge-default {background-color: #eeeeee; color: #757575;}}.prestador-photo{width:100%;height:100%;object-fit:cover;border-radius:50%}.budget-card-footer button{width:100%;border-radius:8px;font-weight:600;transition:.2s}.status-badge i.notification-pulse{animation:pulse 2s infinite}:host-context(.has-notification) .status-badge i{animation:pulse 2s infinite}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
90
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CardLayoutComponent, decorators: [{
91
- type: Component,
92
- 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 *ngIf=\"hideHeader\"\n class=\"service-card-header flex items-center justify-between p-3 border-b border-gray-200\"\n >\n <div class=\"flex items-center gap-3\">\n <div class=\"icon-style\">\n <ng-content select=\"[service-icon]\"></ng-content>\n </div>\n <div class=\"flex flex-col\">\n <div class=\"flex items-center gap-3\">\n <div class=\"service-title truncate w-full\">\n <ng-content select=\"[service-title]\"></ng-content>\n </div>\n <div class=\"\">\n <ng-content select=\"[details-btn]\"></ng-content>\n </div>\n </div>\n <div\n class=\"whitespace-nowrap overflow-hidden text-ellipsis\"\n style=\"font-size: 12px; color: var(--tab-link)\"\n >\n <ng-content select=\"[service-address]\"></ng-content>\n </div>\n </div>\n </div>\n </div>\n\n <!-- BODY -->\n <div class=\"service-card-body p-4 space-y-3\">\n <div>\n <div\n class=\"flex flex-col items-start gap-3 border-b border-gray-100 pb-3 mb-3\"\n *ngIf=\"cardTemplateIndicator === 1\"\n >\n <div class=\"flex justify-between w-full pb-2\">\n <div class=\"status-badge\" [ngStyle]=\"badgeStyles\">\n <ng-content select=\"[status-badge]\"></ng-content>\n </div>\n\n <div\n class=\"text-xs text-gray-50 font-semibold\"\n style=\"\n background-color: #d3d3d32c;\n color: grey;\n border-radius: 25px;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 4px 10px;\n \"\n >\n <ng-content select=\"[order-number]\"></ng-content>\n </div>\n </div>\n\n <div class=\"flex flex-wrap gap-2 items-center\">\n <ng-content select=\"[filter-tag]\"></ng-content>\n </div>\n </div>\n\n <div class=\"fw-semibold\" *ngIf=\"statusPedido === 'finalizado'\">\n <ng-content select=\"[conclusion-date]\"></ng-content>\n </div>\n </div>\n <ng-content select=\"[info-row]\"></ng-content>\n\n <ng-content select=\"[description]\"></ng-content>\n </div>\n\n <!-- FOOTER -->\n\n <div\n class=\"service-card-footer flex justify-center items-center p-3 border-t border-gray-100 bg-gray-50 gap-1\"\n >\n <div class=\"col-6\">\n <ng-content select=\"[main-btn]\"></ng-content>\n </div>\n <div\n class=\"fw-semibold col-6\"\n style=\"display: flex; justify-content: flex-end\"\n >\n <ng-content select=\"[price]\"></ng-content>\n </div>\n </div>\n <!-- <div\n \n class=\"flex row justify-between items-center p-3 border-t border-gray-100 bg-gray-50\"\n >\n <div class=\"col-6\">\n <ng-content select=\"[main-btn]\"></ng-content>\n </div>\n <div class=\"col-6\">\n <ng-content select=\"[price]\"></ng-content>\n </div>\n </div> -->\n</div>\n", styles: [".service-card{background:var(--light, #fff);border-radius:1rem;transition:all .3s ease;.service-card-header i {color: var(--primary); font-size: 20px;} .order-badge {background-color: #d3d3d32c; color: grey; border-radius: 25px; padding: 5px;} .template-2-order {margin-top: -6em;} &[data-template=\"1\"] {} &[data-template=\"2\"] {} .status-badge {display: inline-flex; align-items: center; gap: 4px; font-weight: 600; font-size: 12px; padding: 4px 10px; border-radius: 25px; text-transform: capitalize; transition: all .3s ease; i {color: inherit !important;}} .filter-tag {background: var(--tag-bg, #f9fafb); border: 1px solid var(--primary); border-radius: 9999px; padding: .25rem .75rem; color: var(--primary); font-size: 12px;} .details-btn {cursor: pointer;} .price {font-weight: 600; font-size: 1rem; color: var(--primary);} .service-address {font-size: 13px; color: rgb(212,212,212) !important;} .icon-style {display: flex; justify-content: center; align-items: center; background-color: var(--primary) !important; width: 40px; height: 40px; font-size: 12px; font-size: 20px; border-radius: 10px;} .price {font-weight: 600; color: var(--background-color);} .service-title {font-weight: 600; font-size: 1.1rem;} .badge-finalizado {background-color: #e0f7fa; color: #00796b;} .badge-concluido {background-color: #e8f5e9; color: #2e7d32;} .badge-cancelado {background-color: #ffebee; color: #c62828;} .badge-publicado {background-color: #fff3e0; color: #25a5ff;} .badge-default {background-color: #eeeeee; color: #757575;}}.prestador-photo{width:100%;height:100%;object-fit:cover;border-radius:50%}.budget-card-footer button{width:100%;border-radius:8px;font-weight:600;transition:.2s}.status-badge i.notification-pulse{animation:pulse 2s infinite}:host-context(.has-notification) .status-badge i{animation:pulse 2s infinite}\n"] }]
93
- }], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { statusPedido: [{
94
- type: Input
95
- }], cardTemplateIndicator: [{
96
- type: Input
97
- }], hideHeader: [{
98
- type: Input
99
- }] } });
100
-
101
- class NavComponent {
102
- constructor(router, el) {
103
- this.router = router;
104
- this.el = el;
105
- this.openClose = false;
106
- this.message = '';
107
- this.lastScrollPosition = 0;
108
- this.isHeaderVisible = true;
109
- this.headerHeight = 0;
110
- this.isMobile = false;
111
- this.hasOffer = false;
112
- }
113
- ngAfterViewInit() {
114
- this.checkMobile();
115
- // Obtém a altura do header-menu após a view ser inicializada
116
- const headerMenu = this.el.nativeElement.querySelector('[header-menu]');
117
- if (headerMenu) {
118
- this.headerHeight = headerMenu.offsetHeight;
119
- }
120
- }
121
- ngOnInit() {
122
- this.hasOffer = this.router.url.includes('offer');
123
- }
124
- onResize() {
125
- this.checkMobile();
126
- }
127
- checkMobile() {
128
- this.isMobile = window.innerWidth < 768; // 768px é o breakpoint padrão do Tailwind para md
129
- if (!this.isMobile) {
130
- this.isHeaderVisible = true; // Garante que fique visível em desktop
131
- }
132
- }
133
- menu() {
134
- this.openClose = !this.openClose;
135
- }
136
- receiveMessage(event) {
137
- this.message = event;
138
- }
139
- onWindowScroll() {
140
- if (!this.isMobile)
141
- return;
142
- const currentScrollPosition = window.pageYOffset || document.documentElement.scrollTop;
143
- // Scroll DOWN - esconde o header
144
- if (currentScrollPosition > this.lastScrollPosition &&
145
- currentScrollPosition > 50) {
146
- this.isHeaderVisible = false;
147
- }
148
- // Scroll UP - mostra o header
149
- else if (currentScrollPosition < this.lastScrollPosition) {
150
- this.isHeaderVisible = true;
151
- }
152
- this.lastScrollPosition = currentScrollPosition;
153
- }
154
- }
155
- 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 });
156
- 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"] }] });
157
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NavComponent, decorators: [{
158
- type: Component,
159
- 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"] }]
160
- }], ctorParameters: function () { return [{ type: i1.Router }, { type: i0.ElementRef }]; }, propDecorators: { onResize: [{
161
- type: HostListener,
162
- args: ['window:resize']
163
- }], onWindowScroll: [{
164
- type: HostListener,
165
- args: ['window:scroll', []]
166
- }] } });
167
-
168
- class TuduComponentsModule {
169
- }
170
- TuduComponentsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TuduComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
171
- 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] });
172
- TuduComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TuduComponentsModule, imports: [CommonModule] });
173
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TuduComponentsModule, decorators: [{
174
- type: NgModule,
175
- args: [{
176
- declarations: [TuduComponentsComponent, CardLayoutComponent, NavComponent],
177
- imports: [CommonModule],
178
- exports: [TuduComponentsComponent, CardLayoutComponent, NavComponent],
179
- }]
180
- }] });
181
-
182
- class TuduComponentsService {
183
- constructor() { }
184
- }
185
- TuduComponentsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TuduComponentsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
186
- TuduComponentsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TuduComponentsService, providedIn: 'root' });
187
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TuduComponentsService, decorators: [{
188
- type: Injectable,
189
- args: [{
190
- providedIn: 'root'
191
- }]
192
- }], ctorParameters: function () { return []; } });
193
-
194
- /*
195
- * Public API Surface of tudu-components
196
- */
197
- // export * from './lib/card-layout.module'; // ← Ou se usou CardLayoutModule
198
-
199
- /**
200
- * Generated bundle index. Do not edit.
201
- */
202
-
203
- export { CardLayoutComponent, NavComponent, TuduComponentsComponent, TuduComponentsModule, TuduComponentsService };
204
- //# sourceMappingURL=tudu-components.mjs.map
@@ -1 +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 @Input() hideHeader: boolean = false; // 1 para serviço, 2 para candidatura\n\n tags: string[] = ['Residencial', 'Urgente', 'Elétrica'];\n\n statusOptions = [\n { class: 'status-active', text: 'Ativo', icon: 'fa-circle' },\n { class: 'status-pending', text: 'Em andamento', icon: 'fa-spinner' },\n { class: 'status-completed', text: 'Concluído', icon: 'fa-check' },\n { class: 'status-cancelled', text: 'Cancelado', icon: 'fa-times' },\n ];\n\n currentStatus = this.statusOptions[0];\n private statusInterval: any;\n flowIndicator: string = '1';\n\n constructor(private route: Router) {\n this.route.events.subscribe(() => {\n if (this.route.url.includes('budgets')) {\n this.flowIndicator = 'budgets';\n console.log('asdasdadsasda', this.flowIndicator);\n }\n });\n }\n\n ngOnInit() {\n let index = 0;\n this.statusInterval = setInterval(() => {\n index = (index + 1) % this.statusOptions.length;\n this.currentStatus = this.statusOptions[index];\n }, 3000);\n\n console.log('cardTemplateIndicator', this.cardTemplateIndicator);\n }\n\n get badgeStyles(): { [key: string]: string } {\n const status = this.statusPedido?.toLowerCase();\n\n switch (status) {\n case 'finalizado':\n return { backgroundColor: '#4caf5020', color: '#4caf50' }; // verde suave\n case 'concluido':\n return { backgroundColor: '#0096881c', color: '#009688' }; // teal\n case 'cancelado':\n return { backgroundColor: '#ff52521c', color: '#ff5252' }; // vermelho claro\n case 'publicado':\n return { backgroundColor: '#0096ff1c', color: '#25a5ff' }; // azul suave\n case 'recusado':\n return { backgroundColor: '#ff52521c', color: '#ff5252' }; // vermelho claro\n case 'em negociacao':\n return { backgroundColor: '#ffab251f', color: '#ff9800' }; // laranja suave\n case 'pendente':\n return { backgroundColor: '#9a1fad1c', color: '#7e57c2' }; // roxo claro\n default:\n return { backgroundColor: '#e0e0e01c', color: '#757575' }; // cinza padrão\n }\n }\n\n ngOnDestroy() {\n if (this.statusInterval) {\n clearInterval(this.statusInterval);\n }\n }\n\n verDetalhes() {\n alert('Abrir detalhes do serviço...');\n }\n}\n","<div\n class=\"service-card rounded-xl shadow-md overflow-hidden bg-white hover:shadow-lg transition-all duration-300 relative mb-5\"\n>\n <!-- HEADER -->\n <div\n *ngIf=\"hideHeader\"\n class=\"service-card-header flex items-center justify-between p-3 border-b border-gray-200\"\n >\n <div class=\"flex items-center gap-3\">\n <div class=\"icon-style\">\n <ng-content select=\"[service-icon]\"></ng-content>\n </div>\n <div class=\"flex flex-col\">\n <div class=\"flex items-center gap-3\">\n <div class=\"service-title truncate w-full\">\n <ng-content select=\"[service-title]\"></ng-content>\n </div>\n <div class=\"\">\n <ng-content select=\"[details-btn]\"></ng-content>\n </div>\n </div>\n <div\n class=\"whitespace-nowrap overflow-hidden text-ellipsis\"\n style=\"font-size: 12px; color: var(--tab-link)\"\n >\n <ng-content select=\"[service-address]\"></ng-content>\n </div>\n </div>\n </div>\n </div>\n\n <!-- BODY -->\n <div class=\"service-card-body p-4 space-y-3\">\n <div>\n <div\n class=\"flex flex-col items-start gap-3 border-b border-gray-100 pb-3 mb-3\"\n *ngIf=\"cardTemplateIndicator === 1\"\n >\n <div class=\"flex justify-between w-full pb-2\">\n <div class=\"status-badge\" [ngStyle]=\"badgeStyles\">\n <ng-content select=\"[status-badge]\"></ng-content>\n </div>\n\n <div\n class=\"text-xs text-gray-50 font-semibold\"\n style=\"\n background-color: #d3d3d32c;\n color: grey;\n border-radius: 25px;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 4px 10px;\n \"\n >\n <ng-content select=\"[order-number]\"></ng-content>\n </div>\n </div>\n\n <div class=\"flex flex-wrap gap-2 items-center\">\n <ng-content select=\"[filter-tag]\"></ng-content>\n </div>\n </div>\n\n <div class=\"fw-semibold\" *ngIf=\"statusPedido === 'finalizado'\">\n <ng-content select=\"[conclusion-date]\"></ng-content>\n </div>\n </div>\n <ng-content select=\"[info-row]\"></ng-content>\n\n <ng-content select=\"[description]\"></ng-content>\n </div>\n\n <!-- FOOTER -->\n\n <div\n class=\"service-card-footer flex justify-center items-center p-3 border-t border-gray-100 bg-gray-50 gap-1\"\n >\n <div class=\"col-6\">\n <ng-content select=\"[main-btn]\"></ng-content>\n </div>\n <div\n class=\"fw-semibold col-6\"\n style=\"display: flex; justify-content: flex-end\"\n >\n <ng-content select=\"[price]\"></ng-content>\n </div>\n </div>\n <!-- <div\n \n class=\"flex row justify-between items-center p-3 border-t border-gray-100 bg-gray-50\"\n >\n <div class=\"col-6\">\n <ng-content select=\"[main-btn]\"></ng-content>\n </div>\n <div class=\"col-6\">\n <ng-content select=\"[price]\"></ng-content>\n </div>\n </div> -->\n</div>\n","import { 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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"}