lib-common-angular 0.0.9 → 0.0.11

package/projects/lib-common-angular/src/lib/componentes/landingPages/atoms/ecommerce1/header-top-ecommerce1/header-top-ecommerce1.html

@@ -0,0 +1,21 @@
+     
+            <div class=" header-top py-2 px-4 w-full flex items-center justify-between">
+                
+                            <div class="flex flex-1 justify-start items-center gap-4">
+                    <span class="text-sm">FAQs</span>
+                    <span class="text-sm">Help</span>
+                    <span class="text-sm">Support</span>
+                </div>
+
+                                <div class="flex flex-1 justify-end items-center gap-4 iconos">
+                                        <a href="{{facebookLink}}" class="text-lg" aria-label="Facebook">
+                                            <i class="fab fa-facebook-f" style="color:#1877F2"></i>
+                                        </a>
+                                        <a href="{{instagramLink}}" class="text-lg" aria-label="Instagram">
+                                            <i class="fab fa-instagram" style="color:#E4405F"></i>
+                                        </a>
+                                        <a href="{{whatsappLink}}" target="_blank" class="text-lg" aria-label="WhatsApp">
+                                            <i class="fab fa-whatsapp" style="color:#25D366"></i>
+                                        </a>
+                </div>
+            </div>

package/projects/lib-common-angular/src/lib/componentes/landingPages/atoms/ecommerce1/header-top-ecommerce1/header-top-ecommerce1.scss

@@ -0,0 +1,19 @@
+$brand-yellow: #fbc30d;
+// Usa ruta relativa hacia la carpeta `theme` en la raíz de la librería
+@use "../../../../../../../../../theme/_funtions.scss" as func;
+.header-top { background-color: $brand-yellow; }
+
+.iconos {
+
+    
+	@include func.responsive-down(sm) {
+		margin-left: 30%;
+	}
+    @include func.responsive-up(lg) {
+		margin-left: 80%;
+	}
+     @include func.responsive-up(md) {
+		margin-left: 70%;
+	}
+}
+

package/projects/lib-common-angular/src/lib/componentes/landingPages/atoms/ecommerce1/header-top-ecommerce1/header-top-ecommerce1.spec.ts

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

package/projects/lib-common-angular/src/lib/componentes/landingPages/atoms/ecommerce1/header-top-ecommerce1/header-top-ecommerce1.ts

@@ -0,0 +1,24 @@
+import { Component, Input } from '@angular/core';
+import { ComponentesDTO } from '@juliaosistem/core-dtos';
+
+@Component({
+  selector: 'lib-header-top-ecommerce1',
+  imports: [],
+  templateUrl: './header-top-ecommerce1.html',
+  styleUrl: './header-top-ecommerce1.scss',
+})
+export class HeaderTopEcommerce1 {
+
+  // Metadata del componente  
+    componente:ComponentesDTO = {
+            id: 35,
+            nombreComponente: 'lib-header-top-ecommerce1',
+            version: '1.0',
+            descripcion: 'componente header top  de eccomerce 1'
+          }
+  
+  @Input() whatsappLink: string = '';
+  @Input() facebookLink: string = '';
+  @Input() instagramLink: string = '';
+
+}

package/projects/lib-common-angular/src/lib/componentes/landingPages/atoms/ecommerce1/inputs-login-ecommerce1/inputs-login-ecommerce1.html

@@ -0,0 +1,17 @@
+<div class="input-group">
+    <label for="login-email" class="input-label">Email</label>
+    <input pInputText id="login-email" type="email" class="input-field" placeholder="ejemplo@correo.com" required />
+</div>
+
+<div class="input-group">
+    <label for="login-password" class="input-label">Contraseña</label>
+    <p-password inputId="login-password" placeholder="********" [toggleMask]="true" appendTo="body" class="input-field"></p-password>
+</div>
+
+<div class="form-row">
+    <div class="remember">
+        <p-checkbox inputId="remember-me" binary="true" (onChange)="onRememberChange($event)"></p-checkbox>
+        <label for="remember-me" class="remember-label">Recordarme</label>
+    </div>
+    <a href="#" class="forgot-link">¿Olvidaste tu contraseña?</a>
+</div>

package/projects/lib-common-angular/src/lib/componentes/landingPages/atoms/ecommerce1/inputs-login-ecommerce1/inputs-login-ecommerce1.scss

@@ -0,0 +1,15 @@
+/* Styles replacing Tailwind utilities for login inputs */
+.input-group{ margin-bottom:1.5rem; }
+.input-label{ display:block; font-weight:700; margin-bottom:.5rem; color:#374151; }
+.input-field{ width:100%; padding:.75rem 1rem; border-radius:12px; border:1px solid #d1d5db; }
+
+.form-row{ display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:1.5rem; }
+.remember{ display:flex; align-items:center; gap:.5rem; }
+.remember-label{ margin:0; font-size:.9rem; color:#111827; }
+.forgot-link{ color:#111827; font-weight:600; text-decoration:none; }
+.forgot-link:hover{ opacity:.85; }
+
+/* Adjust PrimeNG password/input internals if needed */
+:host ::ng-deep .p-password{ width:100%; }
+:host ::ng-deep .p-inputtext{ width:100%; }
+

package/projects/lib-common-angular/src/lib/componentes/landingPages/atoms/ecommerce1/inputs-login-ecommerce1/inputs-login-ecommerce1.spec.ts

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

package/projects/lib-common-angular/src/lib/componentes/landingPages/atoms/ecommerce1/inputs-login-ecommerce1/inputs-login-ecommerce1.ts

@@ -0,0 +1,18 @@
+import { Component } from '@angular/core';
+import { PrimegModule } from '../../../../../modulos/primeg.module';
+
+@Component({
+  selector: 'lib-inputs-login-ecommerce1',
+  imports: [PrimegModule],
+  templateUrl: './inputs-login-ecommerce1.html',
+  styleUrl: './inputs-login-ecommerce1.scss'
+})
+export class InputsLoginEcommerce1 {
+  remember = false;
+
+  
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  onRememberChange(event: any): void {
+    this.remember = !!event?.checked;
+  }
+}

package/projects/lib-common-angular/src/lib/componentes/landingPages/atoms/ecommerce1/inputs-register-ecommerce1/inputs-register-ecommerce1.html

@@ -0,0 +1,21 @@
+<div class="grid formgrid p-fluid">
+    <div class="col-12 field">
+        <label for="register-name" class="input-label">Nombre completo</label>
+        <input id="register-name" type="text" pInputText placeholder="John Doe" required />
+    </div>
+
+    <div class="col-12 field">
+        <label for="register-email" class="input-label">Email</label>
+        <input id="register-email" type="email" pInputText placeholder="ejemplo@correo.com" required />
+    </div>
+
+    <div class="col-12 field">
+        <label for="register-password" class="input-label">Contraseña</label>
+        <p-password inputId="register-password" placeholder="********" [toggleMask]="true" appendTo="body"></p-password>
+    </div>
+
+    <div class="col-12 field">
+        <label for="register-confirm-password" class="input-label">Confirmar Contraseña</label>
+        <p-password inputId="register-confirm-password" [feedback]="false" [toggleMask]="true"></p-password>
+    </div>
+</div>

package/projects/lib-common-angular/src/lib/componentes/landingPages/atoms/ecommerce1/inputs-register-ecommerce1/inputs-register-ecommerce1.scss

@@ -0,0 +1,16 @@
+
+
+/* Label simple para consistencia visual */
+.input-label{ display:block; font-weight:600; margin-bottom:.5rem; color:#374151; }
+
+/* Ajustes mínimos para inputs PrimeNG */
+:host ::ng-deep .p-inputtext,
+:host ::ng-deep .p-password .p-inputtext{
+	width: 100% !important;
+	border-radius: 12px;
+	padding: .75rem 1rem;
+}
+
+:host ::ng-deep .p-password{
+	width: 100%;
+}

package/projects/lib-common-angular/src/lib/componentes/landingPages/atoms/ecommerce1/inputs-register-ecommerce1/inputs-register-ecommerce1.spec.ts

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

package/projects/lib-common-angular/src/lib/componentes/landingPages/atoms/ecommerce1/inputs-register-ecommerce1/inputs-register-ecommerce1.ts

@@ -0,0 +1,12 @@
+import { Component } from '@angular/core';
+import { PrimegModule } from '../../../../../modulos/primeg.module';
+
+@Component({
+  selector: 'lib-inputs-register-ecommerce1',
+  imports: [PrimegModule],
+  templateUrl: './inputs-register-ecommerce1.html',
+  styleUrl: './inputs-register-ecommerce1.scss'
+})
+export class InputsRegisterEcommerce1 {
+
+}

package/projects/lib-common-angular/src/lib/componentes/landingPages/atoms/ecommerce1/section-header-forms-login-ecomerce1/section-header-forms-login-ecomerce1.html

@@ -0,0 +1,4 @@
+<div class="section-header text-center p-8 rounded-t-xl"  style="background-color: #fbc30d;">
+  <h2 class="text-3xl font-bold text-white mb-2">{{ titulo }}</h2>
+  <p class="text-white">{{ subtitulo }}</p>
+</div>

package/projects/lib-common-angular/src/lib/componentes/landingPages/atoms/ecommerce1/section-header-forms-login-ecomerce1/section-header-forms-login-ecomerce1.spec.ts

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

package/projects/lib-common-angular/src/lib/componentes/landingPages/atoms/ecommerce1/section-header-forms-login-ecomerce1/section-header-forms-login-ecomerce1.ts

@@ -0,0 +1,13 @@
+import { Component, Input } from '@angular/core';
+
+@Component({
+  selector: 'lib-section-header-forms-login-ecomerce1',
+  imports: [],
+  templateUrl: './section-header-forms-login-ecomerce1.html',
+  styleUrl: './section-header-forms-login-ecomerce1.scss'
+})
+export class SectionHeaderFormsLoginEcomerce1 {
+
+  @Input() titulo: string = '';
+  @Input() subtitulo: string ='';
+}

package/projects/lib-common-angular/src/lib/componentes/landingPages/atoms/ecommerce1/section-login-registro-ecomerce1/section-login-registro-ecomerce1.html

@@ -0,0 +1,5 @@
+<div class="divider-wrapper">
+  <div class="divider-line"></div>
+  <span class="divider-text">O</span>
+  <div class="divider-line"></div>
+</div>

package/projects/lib-common-angular/src/lib/componentes/landingPages/atoms/ecommerce1/section-login-registro-ecomerce1/section-login-registro-ecomerce1.scss

@@ -0,0 +1,6 @@
+
+/* Divider styles to replace Tailwind utilities */
+.divider-wrapper{ display:flex; align-items:center; gap:1rem; padding:1rem 0; }
+.divider-line{ flex:1; height:1px; background:rgba(0,0,0,0.12); }
+.divider-text{ color:rgba(0,0,0,0.5); padding:0 .5rem; font-weight:600; }
+

package/projects/lib-common-angular/src/lib/componentes/landingPages/atoms/ecommerce1/section-login-registro-ecomerce1/section-login-registro-ecomerce1.spec.ts

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

package/projects/lib-common-angular/src/lib/componentes/landingPages/atoms/ecommerce1/section-login-registro-ecomerce1/section-login-registro-ecomerce1.ts

@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'lib-section-login-registro-ecomerce1',
+  imports: [],
+  templateUrl: './section-login-registro-ecomerce1.html',
+  styleUrl: './section-login-registro-ecomerce1.scss'
+})
+export class SectionLoginRegistroEcomerce1 {
+
+}

package/projects/lib-common-angular/src/lib/componentes/landingPages/molecules/ecommerce1/bar-float-ecommerce1/bar-float-ecommerce1.html

@@ -0,0 +1,9 @@
+<section class="bar-hero animate-hero-section" style="background-image: url('../../../../../assets/imagenes/bannerInflables.png');">
+    <div class="bar-hero-inner">
+        <div class="bar-hero-card">
+            <p class="hero-subtitle">¡Bienvenido a Zigma Inflables!</p>
+            <h1 class="hero-title">El mejor lugar para inflables</h1>
+            <p-button label="Ver catálogo" class="p-button-warning hero-cta"></p-button>
+        </div>
+    </div>
+</section>

package/projects/lib-common-angular/src/lib/componentes/landingPages/molecules/ecommerce1/bar-float-ecommerce1/bar-float-ecommerce1.scss

@@ -0,0 +1,27 @@
+/* Styles to replace Tailwind utilities in bar-float hero */
+.bar-hero{
+  background-size:cover;
+  background-position:center;
+  min-height:500px;
+  position:relative;
+}
+.bar-hero-inner{ display:flex; align-items:center; justify-content:center; height:100%; padding:4rem 1rem; }
+.bar-hero-card{ background:rgba(255,255,255,0.9); backdrop-filter:blur(6px); padding:2rem; border-radius:1rem; max-width:900px; text-align:center; box-shadow:0 10px 30px rgba(0,0,0,0.08); }
+.hero-subtitle{ margin:0 0 .5rem 0; color:#6b7280; font-size:1rem; }
+.hero-title{ margin:0 0 1rem 0; font-size:2rem; font-weight:800; color:#111827; }
+.hero-cta{ border-radius:999px; padding:.75rem 1.25rem; }
+
+@media(min-width:768px){
+  .hero-title{ font-size:2.5rem; }
+  .bar-hero-inner{ padding-top:6rem; }
+}
+    .animate-hero-section {
+            opacity: 0;
+            transform: translateY(50px);
+            transition: opacity 1.5s ease-out, transform 1.5s ease-out;
+        }
+        
+        .animate-hero-section.is-visible {
+            opacity: 1;
+            transform: translateY(0);
+        }

package/projects/lib-common-angular/src/lib/componentes/landingPages/molecules/ecommerce1/bar-float-ecommerce1/bar-float-ecommerce1.spec.ts

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

package/projects/lib-common-angular/src/lib/componentes/landingPages/molecules/ecommerce1/bar-float-ecommerce1/bar-float-ecommerce1.ts

@@ -0,0 +1,20 @@
+import { Component, ViewEncapsulation } from '@angular/core';
+import { ComponentesDTO } from '@juliaosistem/core-dtos';
+import { PrimegModule } from '../../../../../modulos/primeg.module';
+
+@Component({
+  selector: 'lib-bar-float-ecommerce1',
+  imports: [PrimegModule],
+  templateUrl: './bar-float-ecommerce1.html',
+  styleUrl: './bar-float-ecommerce1.scss',
+  encapsulation: ViewEncapsulation.None
+})
+export class BarFloatEcommerce1 {
+
+  componente:ComponentesDTO = {
+          id: 33,
+          nombreComponente: 'lib-bar-float-ecommerce1',
+          version: '1.0',
+          descripcion: 'Componente para mostrar una barra flotante en la página de ecommerce1'
+        }
+}

package/projects/lib-common-angular/src/lib/componentes/landingPages/molecules/ecommerce1/cart/cart.component.html

@@ -0,0 +1,34 @@
+<div class="cart-container">
+  <h3>Carrito de Compras</h3>
+
+  <p-table [value]="cartItems" *ngIf="cartItems.length > 0">
+    <ng-template pTemplate="header">
+      <tr>
+        <th>Producto</th>
+        <th>Cantidad</th>
+        <th>Precio Unitario</th>
+        <th>Subtotal</th>
+        <th>Acción</th>
+      </tr>
+    </ng-template>
+    <ng-template pTemplate="body" let-item let-i="rowIndex">
+      <tr>
+        <td>{{ item.product.name }}</td>
+        <td>{{ item.quantity }}</td>
+        <td>{{ item.product.precios[0].precio | currency:item.product.precios[0].codigo_iso }}</td>
+        <td>{{ (item.product.precios[0].precio * item.quantity) | currency:item.product.precios[0].codigo_iso }}</td>
+        <td>
+          <button pButton type="button" icon="pi pi-times" class="p-button-danger" (click)="removeItem(i)"></button>
+        </td>
+      </tr>
+    </ng-template>
+  </p-table>
+
+  <div *ngIf="cartItems.length === 0">
+    <p>No hay productos en el carrito</p>
+  </div>
+
+  <div class="cart-total" *ngIf="cartItems.length > 0">
+    <strong>Total:</strong> {{ total | currency:cartItems[0]?.product?.precios[0].codigo_iso }}
+  </div>
+</div>

package/projects/lib-common-angular/src/lib/componentes/landingPages/molecules/ecommerce1/cart/cart.component.ts

@@ -0,0 +1,23 @@
+import { Component, Input } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { ProductoDTO } from '@juliaosistem/core-dtos';
+import { ButtonModule } from 'primeng/button';
+import { TableModule } from 'primeng/table';
+
+@Component({
+  selector: 'lib-cart',
+  standalone: true,
+  imports: [CommonModule, ButtonModule, TableModule],
+  templateUrl: './cart.component.html',
+})
+export class CartComponent {
+  @Input() cartItems: { product: ProductoDTO, quantity: number }[] = [];
+
+  get total() {
+    return this.cartItems.reduce((acc, item) => acc + (item.product.precios[0].precio * item.quantity), 0);
+  }
+
+  removeItem(index: number) {
+    this.cartItems.splice(index, 1);
+  }
+}

package/projects/lib-common-angular/src/lib/componentes/landingPages/molecules/ecommerce1/footer-ecommerce1/footer-ecommerce1.html

@@ -0,0 +1,25 @@
+<footer class="ecom-footer">
+    <div class="ecom-footer-inner">
+        <div class="ecom-footer-top">
+            <h2 class="brand">{{DatosNegocio?.nombreNegocio || 'Zigma Inflables'}}</h2>
+
+            <!-- <nav class="footer-nav" aria-label="Footer links">
+                <a href="#">Inicio</a>
+                <a href="#">Catálogo</a>
+                <a href="#">Entrega</a>
+                <a href="#">Sobre</a>
+                <a href="#">Contactos</a>
+            </nav> -->
+
+            <div class="social-links" aria-hidden="false">
+                <a href="#" aria-label="Facebook" class="social"><i class="fab fa-facebook-f"></i></a>
+                <a href="#" aria-label="Instagram" class="social"><i class="fab fa-instagram"></i></a>
+                <a href="{{DatosNegocio?.urlWhatssapp || '#'}}" aria-label="WhatsApp" class="social"><i class="fab fa-whatsapp"></i></a>
+            </div>
+        </div>
+
+        <div class="ecom-footer-bottom">
+            <p>Desarrollado por <a href="#">TwinsCode</a> • <a href="#">Guía de Estilo</a> • <a href="#">Licencias</a></p>
+        </div>
+    </div>
+</footer>

package/projects/lib-common-angular/src/lib/componentes/landingPages/molecules/ecommerce1/footer-ecommerce1/footer-ecommerce1.scss

@@ -0,0 +1,19 @@
+.ecom-footer{
+  background:#fbc30d;
+  color:#000;
+  padding:3rem 0;
+}
+.ecom-footer-inner{ max-width:1200px; margin:0 auto; padding:0 1rem; }
+.ecom-footer-top{ display:flex; flex-direction:column; gap:1rem; border-bottom:1px solid rgba(0,0,0,0.15); padding-bottom:1.5rem; margin-bottom:1.5rem; align-items:center; }
+.brand{ font-size:1.75rem; font-weight:700; margin:0; }
+.footer-nav{ display:flex; gap:1.25rem; flex-wrap:wrap; }
+.footer-nav a{ color:inherit; text-decoration:none; transition:color .15s; }
+.footer-nav a:hover{ color:rgba(0,0,0,0.8); }
+.social-links{ display:flex; gap:0.75rem; }
+.social{ color:inherit; font-size:1.125rem; text-decoration:none; }
+.ecom-footer-bottom{ display:flex; flex-direction:column; gap:.5rem; font-size:.875rem; color:rgba(0,0,0,0.8); }
+
+@media(min-width:768px){
+  .ecom-footer-top{ flex-direction:row; justify-content:space-between; align-items:center; }
+  .ecom-footer-bottom{ flex-direction:row; justify-content:space-between; }
+}

package/projects/lib-common-angular/src/lib/componentes/landingPages/molecules/ecommerce1/footer-ecommerce1/footer-ecommerce1.spec.ts

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

package/projects/lib-common-angular/src/lib/componentes/landingPages/molecules/ecommerce1/footer-ecommerce1/footer-ecommerce1.ts

@@ -0,0 +1,23 @@
+import { Component, Input, ViewEncapsulation } from '@angular/core';
+import { BusinessDTO, ComponentesDTO } from '@juliaosistem/core-dtos';
+
+@Component({
+  selector: 'lib-footer-ecommerce1',
+  imports: [],
+  templateUrl: './footer-ecommerce1.html',
+  styleUrl: './footer-ecommerce1.scss',
+  encapsulation: ViewEncapsulation.None
+})
+export class FooterEcommerce1 {
+
+
+       componente:ComponentesDTO = {
+                  id: 32,
+                  nombreComponente: 'lib-footer-ecommerce1',
+                  version: '1.0',
+                  descripcion: 'Componente para mostrar el pie de página en la página de ecommerce1'
+                }
+
+  @Input() DatosNegocio :BusinessDTO | null = null;
+  
+}

package/projects/lib-common-angular/src/lib/componentes/landingPages/molecules/ecommerce1/form-auth-eccomerce1/form-auth-eccomerce1.html

@@ -0,0 +1,19 @@
+<form class="p-4 flex flex-column gap-3">
+    
+    
+   <lib-buttons-socialmedia-login [isRegistering]="isRegistering" [isLogout]="isLogout"></lib-buttons-socialmedia-login>
+    <lib-section-login-registro-ecomerce1></lib-section-login-registro-ecomerce1>
+    <!-- Botones de Social Login -->
+    
+    <!-- Campos del formulario -->
+     @if (isRegistering && isLogout) {
+        <lib-inputs-register-ecommerce1></lib-inputs-register-ecommerce1>
+     }@else {
+        <lib-inputs-login-ecommerce1></lib-inputs-login-ecommerce1>
+     }
+    
+   <button pButton type="submit"
+      [label]="isRegistering ? 'Registrarse' : 'Iniciar sesión'"
+      class="w-full p-button-warning font-bold py-3 px-4 border-round-xl shadow-3">
+   </button>
+</form>

package/projects/lib-common-angular/src/lib/componentes/landingPages/molecules/ecommerce1/form-auth-eccomerce1/form-auth-eccomerce1.spec.ts

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