@gardev/components 0.0.7 → 0.0.9

package/src/lib/layouts/page-layout/page-layout.component.html

@@ -1,32 +0,0 @@
-<header class="page-header" [ngStyle]="{
-    'background': headerBackground
-      ? `linear-gradient(color-mix(in srgb, var(--color-bg) 40%, transparent), color-mix(in srgb, var(--color-bg) 40%, transparent)),
-    url('${headerBackground}') center/cover no-repeat`
-      : 'none'
-  }" style="position: relative">
-    <div class="layout_max-width">
-        <h1>
-            {{title}}
-        </h1>
-    </div>
-    <div class="custom-shape-divider-top-1770151990" style="position: absolute; bottom: 0; height: 25px; width: 100%">
-        <svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none"
-            style="height: 40px; width: 100%">
-            <path
-                d="M985.66,92.83C906.67,72,823.78,31,743.84,14.19c-82.26-17.34-168.06-16.33-250.45.39-57.84,11.73-114,31.07-172,41.86A600.21,600.21,0,0,1,0,27.35V120H1200V95.8C1132.19,118.92,1055.71,111.31,985.66,92.83Z"
-                style="fill: var(--color-bg)"></path>
-        </svg>
-    </div>
-</header>
-
-<main class="page-main">
-    <div class="layout_max-width">
-        <ng-content></ng-content>
-    </div>
-</main>
-
-<section class="page-sections">
-    <div class="layout_max-width">
-        <ng-content select="[sections]"></ng-content>
-    </div>
-</section>

package/src/lib/layouts/page-layout/page-layout.component.spec.ts

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

package/src/lib/layouts/page-layout/page-layout.component.ts

@@ -1,13 +0,0 @@
-import { NgStyle } from '@angular/common';
-import { Component, Input, } from '@angular/core';
-
-@Component({
-  selector: 'ard-page-layout',
-  templateUrl: './page-layout.component.html',
-  styleUrls: ['./page-layout.component.css'],
-  imports: [NgStyle,]
-})
-export class PageLayoutComponent {
-  @Input() headerBackground?: string = '';
-  @Input() title?: string = 'Lorem ipsum'
-}

package/src/lib/layouts/scroll-reactive-section/scroll-reactive-section.component.html

@@ -1,10 +0,0 @@
-<div style="position: sticky; top:0; height: 0; z-index: 0;">
-    <div #content
-        style="background: gray; display: flex; justify-content: center; align-items: center;overflow: hidden;">
-        <ng-content></ng-content>
-
-    </div>
-</div>
-<div style="position: relative; height: 100vh; pointer-events: none;" #container>
-
-</div>

package/src/lib/layouts/scroll-reactive-section/scroll-reactive-section.component.spec.ts

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

package/src/lib/layouts/scroll-reactive-section/scroll-reactive-section.component.ts

@@ -1,40 +0,0 @@
-import {
-  Component,
-  ElementRef,
-  ViewChild,
-  AfterViewInit,
-  HostListener
-} from '@angular/core';
-
-@Component({
-  selector: 'ard-scroll-reactive-section',
-  standalone: true,
-  templateUrl: './scroll-reactive-section.component.html',
-})
-export class ScrollReactiveSectionComponent implements AfterViewInit {
-  @ViewChild('container') container!: ElementRef<HTMLElement>;
-  @ViewChild('content') content!: ElementRef<HTMLElement>;
-
-  ngAfterViewInit() {
-    this.update();
-  }
-
-  @HostListener('window:scroll')
-  @HostListener('window:resize')
-  update() {
-    const containerEl = this.container.nativeElement;
-    const contentEl = this.content.nativeElement;
-
-    const rect = containerEl.getBoundingClientRect();
-    const viewportHeight = window.innerHeight;
-
-    const visibleTop = Math.max(rect.top, 0);
-    const visibleBottom = Math.min(rect.bottom, viewportHeight);
-    const visibleHeight = Math.max(0, visibleBottom - visibleTop);
-
-    const maxHeight = containerEl.offsetHeight;
-    const height = Math.min(visibleHeight, maxHeight);
-
-    contentEl.style.height = `${height}px`;
-  }
-}

package/src/lib/layouts/section/section.component.html

@@ -1,10 +0,0 @@
-<section class="layout_max-width">
-  <h2>Secció</h2>
-  <div style="display: flex;">
-    <!-- <app-bottle [color]="'#5b8940'"></app-bottle> -->
-    <!-- <app-bottle [color]="'#b4862a'"></app-bottle>
-    <app-bottle [color]="'#121e10'"></app-bottle>
-    <app-bottle [wineColor]="'#ffffff'"></app-bottle> -->
-    <!-- <app-bottle [color]="'#868132'" [wineColor]="'#e2d744'"></app-bottle> -->
-  </div>
-</section>

package/src/lib/layouts/section/section.component.spec.ts

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

package/src/lib/layouts/section/section.component.ts

@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-  selector: 'ard-section',
-  imports: [],
-  templateUrl: './section.component.html',
-  styleUrl: './section.component.css',
-  standalone: true,
-})
-export class SectionComponent {
-
-}

package/src/lib/theme.service.ts

@@ -1,22 +0,0 @@
-import { Injectable } from "@angular/core";
-
-@Injectable({ providedIn: 'root' })
-export class ThemeService {
-
-    ngOnInit() {
-        const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
-        document.body.classList.toggle('dark', prefersDark);
-
-    }
-    toggle() {
-        document.body.classList.toggle('dark');
-    }
-
-    setDark() {
-        document.body.classList.add('dark');
-    }
-
-    setLight() {
-        document.body.classList.remove('dark');
-    }
-}

package/src/public-api.ts

@@ -1,14 +0,0 @@
-/*
- * Public API Surface of @ardev/components
- */
-
-export * from './lib/components/bottle/bottle.component';
-export * from './lib/components/caroussel/caroussel.component';
-export * from './lib/components/cronogram/cronogram.component';
-export * from './lib/layouts/menu/menu.component';
-export * from './lib/layouts/navbar/navbar.component';
-export * from './lib/layouts/page-layout/page-layout.component';
-export * from './lib/layouts/scroll-reactive-section/scroll-reactive-section.component'; // probablement esborrar
-export * from './lib/layouts/section/section.component';
-export * from './lib/components/stack-caroussel/stack-caroussel'
-export * from './lib/theme.service'

package/tsconfig.lib.json

@@ -1,17 +0,0 @@
-/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
-/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
-{
-  "extends": "../../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../../../out-tsc/lib",
-    "declaration": true,
-    "declarationMap": true,
-    "types": []
-  },
-  "include": [
-    "src/**/*.ts"
-  ],
-  "exclude": [
-    "**/*.spec.ts"
-  ]
-}

package/tsconfig.lib.prod.json

@@ -1,11 +0,0 @@
-/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
-/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
-{
-  "extends": "./tsconfig.lib.json",
-  "compilerOptions": {
-    "declarationMap": false
-  },
-  "angularCompilerOptions": {
-    "compilationMode": "partial"
-  }
-}

package/tsconfig.spec.json

@@ -1,15 +0,0 @@
-/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
-/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../out-tsc/spec",
-    "types": [
-      "vitest/globals"
-    ]
-  },
-  "include": [
-    "src/**/*.d.ts",
-    "src/**/*.spec.ts"
-  ]
-}