valtech-components 2.0.62 → 2.0.63

package/src/lib/services/theme.service.ts

@@ -1,102 +0,0 @@
-import { Injectable } from '@angular/core';
-import { BehaviorSubject } from 'rxjs';
-import { LocalStorageService } from './local-storage.service';
-import { THEME } from '../shared/constants/storage';
-
-export enum ThemeOption {
-  LIGHT = 'light',
-  DARK = 'dark',
-  AUTO = 'auto',
-}
-
-@Injectable({
-  providedIn: 'root',
-})
-export class ThemeService {
-  lightToggle = false;
-  darkToggle = false;
-  autoToggle = false;
-  currentOption = ThemeOption.AUTO;
-  themeOptions = ThemeOption;
-  prefersDark = false;
-  default = ThemeOption.AUTO;
-  theme: BehaviorSubject<ThemeOption>;
-
-  constructor() {
-    const current = LocalStorageService.get<ThemeOption>(THEME);
-    console.log('💡 ThemeConfig current::: ', current);
-    this.theme = new BehaviorSubject<ThemeOption>(current || this.default);
-    this.currentOption = this.Theme;
-    console.log('💡 ThemeConfig this.currentOption::: ', this.currentOption);
-    this.toggleUserPreference(this.currentOption);
-
-    const prefersDarkQuery = window.matchMedia('(prefers-color-scheme: dark)');
-    this.prefersDark = prefersDarkQuery.matches;
-    this.handleAutoConfiguration();
-
-    prefersDarkQuery.addEventListener('change', mediaQuery => {
-      console.log('💡 ThemeConfig addEventListener change::: ', mediaQuery);
-      this.prefersDark = mediaQuery.matches;
-      this.handleAutoConfiguration();
-    });
-  }
-
-  private handleAutoConfiguration() {
-    if (this.prefersDark && this.currentOption === ThemeOption.AUTO) {
-      console.log('💡 ThemeConfig prefersDark::: ', this.prefersDark);
-      this.toggleUserPreference(ThemeOption.AUTO);
-    }
-    if (!this.prefersDark && this.currentOption === ThemeOption.AUTO) {
-      console.log('💡 ThemeConfig prefersDark::: ', this.prefersDark);
-      this.toggleUserPreference(ThemeOption.AUTO);
-    }
-  }
-
-  private handleDarkPreference() {
-    this.toggleTheme(ThemeOption.DARK, true);
-    this.toggleTheme(ThemeOption.LIGHT, false);
-  }
-
-  private handleLightPreference() {
-    this.toggleTheme(ThemeOption.LIGHT, true);
-    this.toggleTheme(ThemeOption.DARK, false);
-  }
-
-  get Theme(): ThemeOption {
-    return this.theme.value;
-  }
-
-  set Theme(theme: ThemeOption) {
-    this.theme.next(theme);
-    LocalStorageService.set<ThemeOption>(THEME, theme);
-  }
-
-  toggleTheme(name: string, shouldAdd: boolean) {
-    console.log('toggleTheme::: ', name, shouldAdd);
-    document.body.classList.toggle(name, shouldAdd);
-  }
-
-  toggleUserPreference(option: ThemeOption) {
-    this.currentOption = option;
-    this.Theme = option;
-    this.lightToggle = option === ThemeOption.LIGHT;
-    this.darkToggle = option === ThemeOption.DARK;
-    this.autoToggle = option === ThemeOption.AUTO;
-
-    switch (option) {
-      case ThemeOption.LIGHT:
-        this.handleLightPreference();
-        break;
-      case ThemeOption.DARK:
-        this.handleDarkPreference();
-        break;
-      case ThemeOption.AUTO:
-        if (this.prefersDark) {
-          this.handleDarkPreference();
-        } else {
-          this.handleLightPreference();
-        }
-        break;
-    }
-  }
-}

package/src/lib/shared/constants/storage.ts

@@ -1,2 +0,0 @@
-export const LANG = 'LANG';
-export const THEME = 'THEME';

package/src/lib/shared/utils/dom.ts

@@ -1,19 +0,0 @@
-import { ElementRef } from '@angular/core';
-
-export const goToTop = (id: string): void => {
-  const element = document.getElementById(id);
-  if (element) {
-    element.scrollIntoView({
-      block: 'start',
-      inline: 'nearest',
-      behavior: 'smooth',
-    });
-  }
-};
-
-export const isAtEnd = (elementRef: ElementRef): boolean => {
-  const formElement = elementRef.nativeElement;
-  const rect = formElement.getBoundingClientRect();
-  const windowHeight = window.innerHeight;
-  return rect.bottom <= windowHeight;
-};

package/src/lib/shared/utils/styles.ts

@@ -1,27 +0,0 @@
-export function resolveColor(color: string): string {
-  // Si el color empieza con "--", se asume que es una variable CSS válida
-  if (color.startsWith('--')) {
-    return `var(${color})`;
-  }
-
-  // Lista de colores predefinidos de Ionic
-  const ionicColors = [
-    'primary',
-    'secondary',
-    'tertiary',
-    'success',
-    'warning',
-    'danger',
-    'light',
-    'medium',
-    'dark',
-  ];
-
-  // Verificar si el color es un color de Ionic
-  if (ionicColors.includes(color)) {
-    return `var(--ion-color-${color})`;
-  }
-
-  // Si no es una variable CSS ni un color de Ionic, devolver el color tal cual
-  return color;
-}

package/tsconfig.lib.json

@@ -1,14 +0,0 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../out-tsc/lib",
-    "declaration": true,
-    "declarationMap": true,
-    "inlineSources": true,
-    "types": []
-  },
-  "exclude": [
-    "**/*.spec.ts"
-  ]
-}

package/tsconfig.lib.prod.json

@@ -1,10 +0,0 @@
-/* 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

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