tudu-components 0.2.1 → 0.2.3

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/src/public-api.ts

@@ -0,0 +1,11 @@
+/*
+ * 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/components/fallback-message/fallback-message.component';
+export * from './lib/tudu-components.service';
+// export * from './lib/card-layout.module'; // ← Ou se usou CardLayoutModule

package/src/test.ts

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

package/tsconfig.lib.json

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

package/tsconfig.lib.prod.json

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

package/tsconfig.spec.json

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

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

@@ -1,77 +0,0 @@
-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.hideHeader = false; // 1 para serviço, 2 para candidatura
-        this.tags = ['Residencial', 'Urgente', 'Elétrica'];
-        this.statusOptions = [
-            { class: 'status-active', text: 'Ativo', icon: 'fa-circle' },
-            { class: 'status-pending', text: 'Em andamento', icon: 'fa-spinner' },
-            { class: 'status-completed', text: 'Concluído', icon: 'fa-check' },
-            { class: 'status-cancelled', text: 'Cancelado', icon: 'fa-times' },
-        ];
-        this.currentStatus = this.statusOptions[0];
-        this.flowIndicator = '1';
-        this.route.events.subscribe(() => {
-            if (this.route.url.includes('budgets')) {
-                this.flowIndicator = 'budgets';
-                console.log('asdasdadsasda', this.flowIndicator);
-            }
-        });
-    }
-    ngOnInit() {
-        let index = 0;
-        this.statusInterval = setInterval(() => {
-            index = (index + 1) % this.statusOptions.length;
-            this.currentStatus = this.statusOptions[index];
-        }, 3000);
-        console.log('cardTemplateIndicator', this.cardTemplateIndicator);
-    }
-    get badgeStyles() {
-        const status = this.statusPedido?.toLowerCase();
-        switch (status) {
-            case 'finalizado':
-                return { backgroundColor: '#4caf5020', color: '#4caf50' }; // verde suave
-            case 'concluido':
-                return { backgroundColor: '#0096881c', color: '#009688' }; // teal
-            case 'cancelado':
-                return { backgroundColor: '#ff52521c', color: '#ff5252' }; // vermelho claro
-            case 'publicado':
-                return { backgroundColor: '#0096ff1c', color: '#25a5ff' }; // azul suave
-            case 'recusado':
-                return { backgroundColor: '#ff52521c', color: '#ff5252' }; // vermelho claro
-            case 'em negociacao':
-                return { backgroundColor: '#ffab251f', color: '#ff9800' }; // laranja suave
-            case 'pendente':
-                return { backgroundColor: '#9a1fad1c', color: '#7e57c2' }; // roxo claro
-            default:
-                return { backgroundColor: '#e0e0e01c', color: '#757575' }; // cinza padrão
-        }
-    }
-    ngOnDestroy() {
-        if (this.statusInterval) {
-            clearInterval(this.statusInterval);
-        }
-    }
-    verDetalhes() {
-        alert('Abrir detalhes do serviço...');
-    }
-}
-CardLayoutComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CardLayoutComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
-CardLayoutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CardLayoutComponent, selector: "lib-card-layout", inputs: { statusPedido: "statusPedido", cardTemplateIndicator: "cardTemplateIndicator", hideHeader: "hideHeader" }, ngImport: i0, template: "<div\n  class=\"service-card rounded-xl shadow-md overflow-hidden bg-white hover:shadow-lg transition-all duration-300 relative mb-5\"\n>\n  <!-- HEADER -->\n  <div\n    [class.force-show]=\"!hideHeader\"\n    class=\"service-card-header flex items-center justify-between p-3 border-b border-gray-200\"\n  >\n    <div class=\"flex items-center gap-3\">\n      <div class=\"icon-style\">\n        <ng-content select=\"[service-icon]\"></ng-content>\n      </div>\n      <div class=\"flex flex-col\">\n        <div class=\"flex items-center gap-3\">\n          <div class=\"service-title truncate w-full\">\n            <ng-content select=\"[service-title]\"></ng-content>\n          </div>\n          <div class=\"\">\n            <ng-content select=\"[details-btn]\"></ng-content>\n          </div>\n        </div>\n        <div\n          class=\"whitespace-nowrap overflow-hidden text-ellipsis\"\n          style=\"font-size: 12px; color: var(--tab-link)\"\n        >\n          <ng-content select=\"[service-address]\"></ng-content>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <!-- BODY -->\n  <div class=\"service-card-body p-4 space-y-3\">\n    <div>\n      <div\n        class=\"flex flex-col items-start gap-3 border-b border-gray-100 pb-3 mb-3\"\n        *ngIf=\"cardTemplateIndicator === 1\"\n      >\n        <div class=\"flex justify-between w-full pb-2\">\n          <div class=\"status-badge\" [ngStyle]=\"badgeStyles\">\n            <ng-content select=\"[status-badge]\"></ng-content>\n          </div>\n\n          <div\n            class=\"text-xs text-gray-50 font-semibold\"\n            style=\"\n              background-color: #d3d3d32c;\n              color: grey;\n              border-radius: 25px;\n              display: flex;\n              justify-content: center;\n              align-items: center;\n              padding: 4px 10px;\n            \"\n          >\n            <ng-content select=\"[order-number]\"></ng-content>\n          </div>\n        </div>\n\n        <div class=\"flex flex-wrap gap-2 items-center\">\n          <ng-content select=\"[filter-tag]\"></ng-content>\n        </div>\n      </div>\n\n      <div class=\"fw-semibold\" *ngIf=\"statusPedido === 'finalizado'\">\n        <ng-content select=\"[conclusion-date]\"></ng-content>\n      </div>\n    </div>\n    <ng-content select=\"[info-row]\"></ng-content>\n\n    <ng-content select=\"[description]\"></ng-content>\n  </div>\n\n  <!-- FOOTER -->\n\n  <div\n    class=\"service-card-footer flex justify-center items-center p-3 border-t border-gray-100 bg-gray-50 gap-1\"\n  >\n    <div class=\"col-6\">\n      <ng-content select=\"[main-btn]\"></ng-content>\n    </div>\n    <div\n      class=\"fw-semibold col-6\"\n      style=\"display: flex; justify-content: flex-end\"\n    >\n      <ng-content select=\"[price]\"></ng-content>\n    </div>\n  </div>\n  <!-- <div\n    \n    class=\"flex row justify-between items-center p-3 border-t border-gray-100 bg-gray-50\"\n  >\n    <div class=\"col-6\">\n      <ng-content select=\"[main-btn]\"></ng-content>\n    </div>\n    <div class=\"col-6\">\n      <ng-content select=\"[price]\"></ng-content>\n    </div>\n  </div> -->\n</div>\n", styles: [".service-card{background:var(--light, #fff);border-radius:1rem;transition:all .3s ease;.service-card-header i {color: var(--primary); font-size: 20px;} .order-badge {background-color: #d3d3d32c; color: grey; border-radius: 25px; padding: 5px;} .template-2-order {margin-top: -6em;} &[data-template=\"1\"] {} &[data-template=\"2\"] {} .status-badge {display: inline-flex; align-items: center; gap: 4px; font-weight: 600; font-size: 12px; padding: 4px 10px; border-radius: 25px; text-transform: capitalize; transition: all .3s ease; i {color: inherit !important;}} .filter-tag {background: var(--tag-bg, #f9fafb); border: 1px solid var(--primary); border-radius: 9999px; padding: .25rem .75rem; color: var(--primary); font-size: 12px;} .details-btn {cursor: pointer;} .price {font-weight: 600; font-size: 1rem; color: var(--primary);} .service-address {font-size: 13px; color: rgb(212,212,212) !important;} .icon-style {display: flex; justify-content: center; align-items: center; background-color: var(--primary) !important; width: 40px; height: 40px; font-size: 12px; font-size: 20px; border-radius: 10px;} .price {font-weight: 600; color: var(--background-color);} .service-title {font-weight: 600; font-size: 1.1rem;} .badge-finalizado {background-color: #e0f7fa; color: #00796b;} .badge-concluido {background-color: #e8f5e9; color: #2e7d32;} .badge-cancelado {background-color: #ffebee; color: #c62828;} .badge-publicado {background-color: #fff3e0; color: #25a5ff;} .badge-default {background-color: #eeeeee; color: #757575;}}.prestador-photo{width:100%;height:100%;object-fit:cover;border-radius:50%}.budget-card-footer button{width:100%;border-radius:8px;font-weight:600;transition:.2s}.status-badge i.notification-pulse{animation:pulse 2s infinite}:host-context(.has-notification) .status-badge i{animation:pulse 2s infinite}.service-card-header{display:none}@media (min-width: 768px){.service-card-header{display:block}}.service-card-header.force-show{display:block}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CardLayoutComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-card-layout', template: "<div\n  class=\"service-card rounded-xl shadow-md overflow-hidden bg-white hover:shadow-lg transition-all duration-300 relative mb-5\"\n>\n  <!-- HEADER -->\n  <div\n    [class.force-show]=\"!hideHeader\"\n    class=\"service-card-header flex items-center justify-between p-3 border-b border-gray-200\"\n  >\n    <div class=\"flex items-center gap-3\">\n      <div class=\"icon-style\">\n        <ng-content select=\"[service-icon]\"></ng-content>\n      </div>\n      <div class=\"flex flex-col\">\n        <div class=\"flex items-center gap-3\">\n          <div class=\"service-title truncate w-full\">\n            <ng-content select=\"[service-title]\"></ng-content>\n          </div>\n          <div class=\"\">\n            <ng-content select=\"[details-btn]\"></ng-content>\n          </div>\n        </div>\n        <div\n          class=\"whitespace-nowrap overflow-hidden text-ellipsis\"\n          style=\"font-size: 12px; color: var(--tab-link)\"\n        >\n          <ng-content select=\"[service-address]\"></ng-content>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <!-- BODY -->\n  <div class=\"service-card-body p-4 space-y-3\">\n    <div>\n      <div\n        class=\"flex flex-col items-start gap-3 border-b border-gray-100 pb-3 mb-3\"\n        *ngIf=\"cardTemplateIndicator === 1\"\n      >\n        <div class=\"flex justify-between w-full pb-2\">\n          <div class=\"status-badge\" [ngStyle]=\"badgeStyles\">\n            <ng-content select=\"[status-badge]\"></ng-content>\n          </div>\n\n          <div\n            class=\"text-xs text-gray-50 font-semibold\"\n            style=\"\n              background-color: #d3d3d32c;\n              color: grey;\n              border-radius: 25px;\n              display: flex;\n              justify-content: center;\n              align-items: center;\n              padding: 4px 10px;\n            \"\n          >\n            <ng-content select=\"[order-number]\"></ng-content>\n          </div>\n        </div>\n\n        <div class=\"flex flex-wrap gap-2 items-center\">\n          <ng-content select=\"[filter-tag]\"></ng-content>\n        </div>\n      </div>\n\n      <div class=\"fw-semibold\" *ngIf=\"statusPedido === 'finalizado'\">\n        <ng-content select=\"[conclusion-date]\"></ng-content>\n      </div>\n    </div>\n    <ng-content select=\"[info-row]\"></ng-content>\n\n    <ng-content select=\"[description]\"></ng-content>\n  </div>\n\n  <!-- FOOTER -->\n\n  <div\n    class=\"service-card-footer flex justify-center items-center p-3 border-t border-gray-100 bg-gray-50 gap-1\"\n  >\n    <div class=\"col-6\">\n      <ng-content select=\"[main-btn]\"></ng-content>\n    </div>\n    <div\n      class=\"fw-semibold col-6\"\n      style=\"display: flex; justify-content: flex-end\"\n    >\n      <ng-content select=\"[price]\"></ng-content>\n    </div>\n  </div>\n  <!-- <div\n    \n    class=\"flex row justify-between items-center p-3 border-t border-gray-100 bg-gray-50\"\n  >\n    <div class=\"col-6\">\n      <ng-content select=\"[main-btn]\"></ng-content>\n    </div>\n    <div class=\"col-6\">\n      <ng-content select=\"[price]\"></ng-content>\n    </div>\n  </div> -->\n</div>\n", styles: [".service-card{background:var(--light, #fff);border-radius:1rem;transition:all .3s ease;.service-card-header i {color: var(--primary); font-size: 20px;} .order-badge {background-color: #d3d3d32c; color: grey; border-radius: 25px; padding: 5px;} .template-2-order {margin-top: -6em;} &[data-template=\"1\"] {} &[data-template=\"2\"] {} .status-badge {display: inline-flex; align-items: center; gap: 4px; font-weight: 600; font-size: 12px; padding: 4px 10px; border-radius: 25px; text-transform: capitalize; transition: all .3s ease; i {color: inherit !important;}} .filter-tag {background: var(--tag-bg, #f9fafb); border: 1px solid var(--primary); border-radius: 9999px; padding: .25rem .75rem; color: var(--primary); font-size: 12px;} .details-btn {cursor: pointer;} .price {font-weight: 600; font-size: 1rem; color: var(--primary);} .service-address {font-size: 13px; color: rgb(212,212,212) !important;} .icon-style {display: flex; justify-content: center; align-items: center; background-color: var(--primary) !important; width: 40px; height: 40px; font-size: 12px; font-size: 20px; border-radius: 10px;} .price {font-weight: 600; color: var(--background-color);} .service-title {font-weight: 600; font-size: 1.1rem;} .badge-finalizado {background-color: #e0f7fa; color: #00796b;} .badge-concluido {background-color: #e8f5e9; color: #2e7d32;} .badge-cancelado {background-color: #ffebee; color: #c62828;} .badge-publicado {background-color: #fff3e0; color: #25a5ff;} .badge-default {background-color: #eeeeee; color: #757575;}}.prestador-photo{width:100%;height:100%;object-fit:cover;border-radius:50%}.budget-card-footer button{width:100%;border-radius:8px;font-weight:600;transition:.2s}.status-badge i.notification-pulse{animation:pulse 2s infinite}:host-context(.has-notification) .status-badge i{animation:pulse 2s infinite}.service-card-header{display:none}@media (min-width: 768px){.service-card-header{display:block}}.service-card-header.force-show{display:block}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { statusPedido: [{
-                type: Input
-            }], cardTemplateIndicator: [{
-                type: Input
-            }], hideHeader: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1sYXlvdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdHVkdS1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9jYXJkLWxheW91dC9jYXJkLWxheW91dC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90dWR1LWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2NhcmQtbGF5b3V0L2NhcmQtbGF5b3V0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7O0FBUXpELE1BQU0sT0FBTyxtQkFBbUI7SUFrQjlCLFlBQW9CLEtBQWE7UUFBYixVQUFLLEdBQUwsS0FBSyxDQUFRO1FBakJ4QixpQkFBWSxHQUFXLEVBQUUsQ0FBQztRQUMxQiwwQkFBcUIsR0FBVyxDQUFDLENBQUMsQ0FBQyxxQ0FBcUM7UUFDeEUsZUFBVSxHQUFZLEtBQUssQ0FBQyxDQUFDLHFDQUFxQztRQUUzRSxTQUFJLEdBQWEsQ0FBQyxhQUFhLEVBQUUsU0FBUyxFQUFFLFVBQVUsQ0FBQyxDQUFDO1FBRXhELGtCQUFhLEdBQUc7WUFDZCxFQUFFLEtBQUssRUFBRSxlQUFlLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsV0FBVyxFQUFFO1lBQzVELEVBQUUsS0FBSyxFQUFFLGdCQUFnQixFQUFFLElBQUksRUFBRSxjQUFjLEVBQUUsSUFBSSxFQUFFLFlBQVksRUFBRTtZQUNyRSxFQUFFLEtBQUssRUFBRSxrQkFBa0IsRUFBRSxJQUFJLEVBQUUsV0FBVyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUU7WUFDbEUsRUFBRSxLQUFLLEVBQUUsa0JBQWtCLEVBQUUsSUFBSSxFQUFFLFdBQVcsRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFO1NBQ25FLENBQUM7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b25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFJvdXRlciB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xpYi1jYXJkLWxheW91dCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9jYXJkLWxheW91dC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NhcmQtbGF5b3V0LmNvbXBvbmVudC5jc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgQ2FyZExheW91dENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIHN0YXR1c1BlZGlkbzogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIGNhcmRUZW1wbGF0ZUluZGljYXRvcjogbnVtYmVyID0gMDsgLy8gMSBwYXJhIHNlcnZpw6dvLCAyIHBhcmEgY2FuZGlkYXR1cmFcbiAgQElucHV0KCkgaGlkZUhlYWRlcjogYm9vbGVhbiA9IGZhbHNlOyAvLyAxIHBhcmEgc2VydmnDp28sIDIgcGFyYSBjYW5kaWRhdHVyYVxuXG4gIHRhZ3M6IHN0cmluZ1tdID0gWydSZXNpZGVuY2lhbCcsICdVcmdlbnRlJywgJ0Vsw6l0cmljYSddO1xuXG4gIHN0YXR1c09wdGlvbnMgPSBbXG4gICAgeyBjbGFzczogJ3N0YXR1cy1hY3RpdmUnLCB0ZXh0OiAnQXRpdm8nLCBpY29uOiAnZmEtY2lyY2xlJyB9LFxuICAgIHsgY2xhc3M6ICdzdGF0dXMtcGVuZGluZycsIHRleHQ6ICdFbSBhbmRhbWVudG8nLCBpY29uOiAnZmEtc3Bpbm5lcicgfSxcbiAgICB7IGNsYXNzOiAnc3RhdHVzLWNvbXBsZXRlZCcsIHRleHQ6ICdDb25jbHXDrWRvJywgaWNvbjogJ2ZhLWNoZWNrJyB9LFxuICAgIHsgY2xhc3M6ICdzdGF0dXMtY2FuY2VsbGVkJywgdGV4dDogJ0NhbmNlbGFkbycsIGljb246ICdmYS10aW1lcycgfSxcbiAgXTtcblxuICBjdXJyZW50U3RhdHVzID0gdGhpcy5zdGF0dXNPcHRpb25zWzBdO1xuICBwcml2YXRlIHN0YXR1c0ludGVydmFsOiBhbnk7XG4gIGZsb3dJbmRpY2F0b3I6IHN0cmluZyA9ICcxJztcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJvdXRlOiBSb3V0ZXIpIHtcbiAgICB0aGlzLnJvdXRlLmV2ZW50cy5zdWJzY3JpYmUoKCkgPT4ge1xuICAgICAgaWYgKHRoaXMucm91dGUudXJsLmluY2x1ZGVzKCdidWRnZXRzJykpIHtcbiAgICAgICAgdGhpcy5mbG93SW5kaWNhdG9yID0gJ2J1ZGdldHMnO1xuICAgICAgICBjb25zb2xlLmxvZygnYXNkYXNkYWRzYXNkYScsIHRoaXMuZmxvd0luZGljYXRvcik7XG4gICAgICB9XG4gICAgfSk7XG4gIH1cblxuICBuZ09uSW5pdCgpIHtcbiAgICBsZXQgaW5kZXggPSAwO1xuICAgIHRoaXMuc3RhdHVzSW50ZXJ2YWwgPSBzZXRJbnRlcnZhbCgoKSA9PiB7XG4gICAgICBpbmRleCA9IChpbmRleCArIDEpICUgdGhpcy5zdGF0dXNPcHRpb25zLmxlbmd0aDtcbiAgICAgIHRoaXMuY3VycmVudFN0YXR1cyA9IHRoaXMuc3RhdHVzT3B0aW9uc1tpbmRleF07XG4gICAgfSwgMzAwMCk7XG5cbiAgICBjb25zb2xlLmxvZygnY2FyZFRlbXBsYXRlSW5kaWNhdG9yJywgdGhpcy5jYXJkVGVtcGxhdGVJbmRpY2F0b3IpO1xuICB9XG5cbiAgZ2V0IGJhZGdlU3R5bGVzKCk6IHsgW2tleTogc3RyaW5nXTogc3RyaW5nIH0ge1xuICAgIGNvbnN0IHN0YXR1cyA9IHRoaXMuc3RhdHVzUGVkaWRvPy50b0xvd2VyQ2FzZSgpO1xuXG4gICAgc3dpdGNoIChzdGF0dXMpIHtcbiAgICAgIGNhc2UgJ2ZpbmFsaXphZG8nOlxuICAgICAgICByZXR1cm4geyBiYWNrZ3JvdW5kQ29sb3I6ICcjNGNhZjUwMjAnLCBjb2xvcjogJyM0Y2FmNTAnIH07IC8vIHZlcmRlIHN1YXZlXG4gICAgICBjYXNlICdjb25jbHVpZG8nOlxuICAgICAgICByZXR1cm4geyBiYWNrZ3JvdW5kQ29sb3I6ICcjMDA5Njg4MWMnLCBjb2xvcjogJyMwMDk2ODgnIH07IC8vIHRlYWxcbiAgICAgIGNhc2UgJ2NhbmNlbGFkbyc6XG4gICAgICAgIHJldHVybiB7IGJhY2tncm91bmRDb2xvcjogJyNmZjUyNTIxYycsIGNvbG9yOiAnI2ZmNTI1MicgfTsgLy8gdmVybWVsaG8gY2xhcm9cbiAgICAgIGNhc2UgJ3B1YmxpY2Fkbyc6XG4gICAgICAgIHJldHVybiB7IGJhY2tncm91bmRDb2xvcjogJyMwMDk2ZmYxYycsIGNvbG9yOiAnIzI1YTVmZicgfTsgLy8gYXp1bCBzdWF2ZVxuICAgICAgY2FzZSAncmVjdXNhZG8nOlxuICAgICAgICByZXR1cm4geyBiYWNrZ3JvdW5kQ29sb3I6ICcjZmY1MjUyMWMnLCBjb2xvcjogJyNmZjUyNTInIH07IC8vIHZlcm1lbGhvIGNsYXJvXG4gICAgICBjYXNlICdlbSBuZWdvY2lhY2FvJzpcbiAgICAgICAgcmV0dXJuIHsgYmFja2dyb3VuZENvbG9yOiAnI2ZmYWIyNTFmJywgY29sb3I6ICcjZmY5ODAwJyB9OyAvLyBsYXJhbmphIHN1YXZlXG4gICAgICBjYXNlICdwZW5kZW50ZSc6XG4gICAgICAgIHJldHVybiB7IGJhY2tncm91bmRDb2xvcjogJyM5YTFmYWQxYycsIGNvbG9yOiAnIzdlNTdjMicgfTsgLy8gcm94byBjbGFyb1xuICAgICAgZGVmYXVsdDpcbiAgICAgICAgcmV0dXJuIHsgYmFja2dyb3VuZENvbG9yOiAnI2UwZTBlMDFjJywgY29sb3I6ICcjNzU3NTc1JyB9OyAvLyBjaW56YSBwYWRyw6NvXG4gICAgfVxuICB9XG5cbiAgbmdPbkRlc3Ryb3koKSB7XG4gICAgaWYgKHRoaXMuc3RhdHVzSW50ZXJ2YWwpIHtcbiAgICAgIGNsZWFySW50ZXJ2YWwodGhpcy5zdGF0dXNJbnRlcnZhbCk7XG4gICAgfVxuICB9XG5cbiAgdmVyRGV0YWxoZXMoKSB7XG4gICAgYWxlcnQoJ0FicmlyIGRldGFsaGVzIGRvIHNlcnZpw6dvLi4uJyk7XG4gIH1cbn1cbiIsIjxkaXZcbiAgY2xhc3M9XCJzZXJ2aWNlLWNhcmQgcm91bmRlZC14bCBzaGFkb3ctbWQgb3ZlcmZsb3ctaGlkZGVuIGJnLXdoaXRlIGhvdmVyOnNoYWRvdy1sZyB0cmFuc2l0aW9uLWFsbCBkdXJhdGlvbi0zMDAgcmVsYXRpdmUgbWItNVwiXG4+XG4gIDwhLS0gSEVBREVSIC0tPlxuICA8ZGl2XG4gICAgW2NsYXNzLmZvcmNlLXNob3ddPVwiIWhpZGVIZWFkZXJcIlxuICAgIGNsYXNzPVwic2VydmljZS1jYXJkLWhlYWRlciBmbGV4IGl0ZW1zLWNlbnRlciBqdXN0aWZ5LWJldHdlZW4gcC0zIGJvcmRlci1iIGJvcmRlci1ncmF5LTIwMFwiXG4gID5cbiAgICA8ZGl2IGNsYXNzPVwiZmxleCBpdGVtcy1jZW50ZXIgZ2FwLTNcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJpY29uLXN0eWxlXCI+XG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltzZXJ2aWNlLWljb25dXCI+PC9uZy1jb250ZW50PlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2IGNsYXNzPVwiZmxleCBmbGV4LWNvbFwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZmxleCBpdGVtcy1jZW50ZXIgZ2FwLTNcIj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwic2VydmljZS10aXRsZSB0cnVuY2F0ZSB3LWZ1bGxcIj5cbiAgICAgICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltzZXJ2aWNlLXRpdGxlXVwiPjwvbmctY29udGVudD5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiXCI+XG4gICAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbZGV0YWlscy1idG5dXCI+PC9uZy1jb250ZW50PlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNsYXNzPVwid2hpdGVzcGFjZS1ub3dyYXAgb3ZlcmZsb3ctaGlkZGVuIHRleHQtZWxsaXBzaXNcIlxuICAgICAgICAgIHN0eWxlPVwiZm9udC1zaXplOiAxMnB4OyBjb2xvcjogdmFyKC0tdGFiLWxpbmspXCJcbiAgICAgICAgPlxuICAgICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltzZXJ2aWNlLWFkZHJlc3NdXCI+PC9uZy1jb250ZW50PlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cblxuICA8IS0tIEJPRFkgLS0+XG4gIDxkaXYgY2xhc3M9XCJzZXJ2aWNlLWNhcmQtYm9keSBwLTQgc3BhY2UteS0zXCI+XG4gICAgPGRpdj5cbiAgICAgIDxkaXZcbiAgICAgICAgY2xhc3M9XCJmbGV4IGZsZXgtY29sIGl0ZW1zLXN0YXJ0IGdhcC0zIGJvcmRlci1iIGJvcmRlci1ncmF5LTEwMCBwYi0zIG1iLTNcIlxuICAgICAgICAqbmdJZj1cImNhcmRUZW1wbGF0ZUluZGljYXRvciA9PT0gMVwiXG4gICAgICA+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJmbGV4IGp1c3RpZnktYmV0d2VlbiB3LWZ1bGwgcGItMlwiPlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJzdGF0dXMtYmFkZ2VcIiBbbmdTdHlsZV09XCJiYWRnZVN0eWxlc1wiPlxuICAgICAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3N0YXR1cy1iYWRnZV1cIj48L25nLWNvbnRlbnQ+XG4gICAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICBjbGFzcz1cInRleHQteHMgdGV4dC1ncmF5LTUwIGZvbnQtc2VtaWJvbGRcIlxuICAgICAgICAgICAgc3R5bGU9XCJcbiAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogI2QzZDNkMzJjO1xuICAgICAgICAgICAgICBjb2xvcjogZ3JleTtcbiAgICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogMjVweDtcbiAgICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAgICAgIHBhZGRpbmc6IDRweCAxMHB4O1xuICAgICAgICAgICAgXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbb3JkZXItbnVtYmVyXVwiPjwvbmctY29udGVudD5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgPGRpdiBjbGFzcz1cImZsZXggZmxleC13cmFwIGdhcC0yIGl0ZW1zLWNlbnRlclwiPlxuICAgICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltmaWx0ZXItdGFnXVwiPjwvbmctY29udGVudD5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cblxuICAgICAgPGRpdiBjbGFzcz1cImZ3LXNlbWlib2xkXCIgKm5nSWY9XCJzdGF0dXNQZWRpZG8gPT09ICdmaW5hbGl6YWRvJ1wiPlxuICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbY29uY2x1c2lvbi1kYXRlXVwiPjwvbmctY29udGVudD5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltpbmZvLXJvd11cIj48L25nLWNvbnRlbnQ+XG5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbZGVzY3JpcHRpb25dXCI+PC9uZy1jb250ZW50PlxuICA8L2Rpdj5cblxuICA8IS0tIEZPT1RFUiAtLT5cblxuICA8ZGl2XG4gICAgY2xhc3M9XCJzZXJ2aWNlLWNhcmQtZm9vdGVyIGZsZXgganVzdGlmeS1jZW50ZXIgaXRlbXMtY2VudGVyIHAtMyBib3JkZXItdCBib3JkZXItZ3JheS0xMDAgYmctZ3JheS01MCBnYXAtMVwiXG4gID5cbiAgICA8ZGl2IGNsYXNzPVwiY29sLTZcIj5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIlttYWluLWJ0bl1cIj48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG4gICAgPGRpdlxuICAgICAgY2xhc3M9XCJmdy1zZW1pYm9sZCBjb2wtNlwiXG4gICAgICBzdHlsZT1cImRpc3BsYXk6IGZsZXg7IGp1c3RpZnktY29udGVudDogZmxleC1lbmRcIlxuICAgID5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltwcmljZV1cIj48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuICA8IS0tIDxkaXZcbiAgICBcbiAgICBjbGFzcz1cImZsZXggcm93IGp1c3RpZnktYmV0d2VlbiBpdGVtcy1jZW50ZXIgcC0zIGJvcmRlci10IGJvcmRlci1ncmF5LTEwMCBiZy1ncmF5LTUwXCJcbiAgPlxuICAgIDxkaXYgY2xhc3M9XCJjb2wtNlwiPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW21haW4tYnRuXVwiPjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiY29sLTZcIj5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltwcmljZV1cIj48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG4gIDwvZGl2PiAtLT5cbjwvZGl2PlxuIl19