valtech-components 2.0.46 → 2.0.47

package/lib/services/lang-provider/components/theme-settings.d.ts

@@ -0,0 +1,3 @@
+import { TextContent } from '../types';
+declare const _default: TextContent;
+export default _default;

package/lib/services/lang-provider/content.d.ts

@@ -0,0 +1,6 @@
+import { TextContent } from './types';
+export interface Provider {
+    [x: string]: TextContent;
+}
+declare const content: Provider;
+export default content;

package/lib/services/lang-provider/lang-provider.service.d.ts

@@ -0,0 +1,17 @@
+import { BehaviorSubject } from 'rxjs';
+import { Provider } from './content';
+import { LangOption, LanguageText } from './types';
+import { ValtechConfig } from '../types';
+import * as i0 from "@angular/core";
+export declare class LangService {
+    content: Provider;
+    default: LangOption;
+    selectedLang: BehaviorSubject<LangOption>;
+    config: ValtechConfig;
+    constructor(config: ValtechConfig);
+    Text(className: string): LanguageText;
+    get Lang(): LangOption;
+    set Lang(lang: LangOption);
+    static ɵfac: i0.ɵɵFactoryDeclaration<LangService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<LangService>;
+}

package/lib/services/lang-provider/types.d.ts

@@ -0,0 +1,15 @@
+export type LanguageText = {
+    [key: string]: string;
+};
+export type LanguagesContent = {
+    [key: string]: LanguageText;
+};
+export declare class TextContent {
+    text: LanguagesContent;
+    constructor(text: LanguagesContent);
+    get Content(): LanguagesContent;
+}
+export declare enum LangOption {
+    ES = "es",
+    EN = "en"
+}

package/lib/services/local-storage.service.d.ts

@@ -0,0 +1,6 @@
+export declare class LocalStorageService {
+    static set<T>(reference: string, value: T): void;
+    static get<T>(reference: string): T;
+    static remove(reference: string): void;
+    static clear(): void;
+}

package/lib/services/navigation.service.d.ts

@@ -0,0 +1,15 @@
+import { Router } from '@angular/router';
+import { InAppBrowserService } from './in-app-browser.service';
+import * as i0 from "@angular/core";
+export declare class NavigationService {
+    data: any;
+    router: Router;
+    inAppBrowser: InAppBrowserService;
+    constructor();
+    navigateInApp(url: string): void;
+    navigateWithData(route: string, dataTransfer: any): void;
+    navigateByUrl(url: string): void;
+    openInNewTab(url: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NavigationService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<NavigationService>;
+}

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

@@ -0,0 +1,27 @@
+import { BehaviorSubject } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare enum ThemeOption {
+    LIGHT = "light",
+    DARK = "dark",
+    AUTO = "auto"
+}
+export declare class ThemeService {
+    lightToggle: boolean;
+    darkToggle: boolean;
+    autoToggle: boolean;
+    currentOption: ThemeOption;
+    themeOptions: typeof ThemeOption;
+    prefersDark: boolean;
+    default: ThemeOption;
+    theme: BehaviorSubject<ThemeOption>;
+    constructor();
+    private handleAutoConfiguration;
+    private handleDarkPreference;
+    private handleLightPreference;
+    get Theme(): ThemeOption;
+    set Theme(theme: ThemeOption);
+    toggleTheme(name: string, shouldAdd: boolean): void;
+    toggleUserPreference(option: ThemeOption): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ThemeService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ThemeService>;
+}

package/{src/lib/services/types.ts → lib/services/types.d.ts}

@@ -1,8 +1,6 @@
 import { InjectionToken } from '@angular/core';
 import { Provider } from './lang-provider/content';
-
 export interface ValtechConfig {
-  content: Provider;
+    content: Provider;
 }
-
-export const ValtechConfigService = new InjectionToken<ValtechConfig>('ValtechConfig');
+export declare const ValtechConfigService: InjectionToken<ValtechConfig>;

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

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

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

@@ -0,0 +1,3 @@
+import { ElementRef } from '@angular/core';
+export declare const goToTop: (id: string) => void;
+export declare const isAtEnd: (elementRef: ElementRef) => boolean;

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

@@ -0,0 +1 @@
+export declare function resolveColor(color: string): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "valtech-components",
-  "version": "2.0.46",
+  "version": "2.0.47",
   "peerDependencies": {
     "@angular/common": "^18.0.0",
     "@angular/core": "^18.0.0",
@@ -14,19 +14,17 @@
     "tslib": "^2.3.0"
   },
   "sideEffects": false,
-  "devDependencies": {
-    "@ionic/angular": "^8.0.0",
-    "prettier": "^3.3.3",
-    "prettier-plugin-organize-imports": "^4.1.0",
-    "ionicons": "^7.2.1",
-    "rxjs": "~7.8.0",
-    "tslib": "^2.3.0"
-  },
-  "scripts": {
-    "ng": "ng",
-    "build": "ng build",
-    "prettier": "prettier --write src/**/*",
-    "build-prod": "ng build --configuration production",
-    "release": "bash release.sh"
+  "module": "fesm2022/valtech-components.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2022": "./esm2022/valtech-components.mjs",
+      "esm": "./esm2022/valtech-components.mjs",
+      "default": "./fesm2022/valtech-components.mjs"
+    }
   }
 }

package/{src/public-api.ts → public-api.d.ts}

@@ -1,11 +1,3 @@
-/*
- * Public API Surface of valtech-components
- */
-
-/*
- * Public API Surface of valtech-components
- */
-
 export * from './lib/components/atoms/avatar/avatar.component';
 export * from './lib/components/atoms/avatar/types';
 export * from './lib/components/atoms/box/box.component';
@@ -28,7 +20,6 @@ export * from './lib/components/atoms/text/text.component';
 export * from './lib/components/atoms/text/types';
 export * from './lib/components/atoms/title/title.component';
 export * from './lib/components/atoms/title/types';
-
 export * from './lib/components/molecules/alert-box/alert-box.component';
 export * from './lib/components/molecules/alert-box/types';
 export * from './lib/components/molecules/button-group/button-group.component';
@@ -64,7 +55,6 @@ export * from './lib/components/molecules/title-block/title-block.component';
 export * from './lib/components/molecules/title-block/types';
 export * from './lib/components/molecules/expandable-text/expandable-text.component';
 export * from './lib/components/molecules/expandable-text/types';
-
 export * from './lib/components/organisms/banner/banner.component';
 export * from './lib/components/organisms/banner/types';
 export * from './lib/components/organisms/footer/footer.component';
@@ -82,11 +72,9 @@ export * from './lib/components/organisms/wizard/wizard-footer/wizard-footer.com
 export * from './lib/components/organisms/wizard/wizard.component';
 export * from './lib/components/organisms/item-list/item-list.component';
 export * from './lib/components/organisms/item-list/types';
-
 export * from './lib/components/templates/layout/layout.component';
 export * from './lib/components/templates/simple/simple.component';
 export * from './lib/components/templates/simple/types';
-
 export * from './lib/services/download.service';
 export * from './lib/services/icons.service';
 export * from './lib/services/in-app-browser.service';
@@ -96,6 +84,5 @@ export * from './lib/services/local-storage.service';
 export * from './lib/services/navigation.service';
 export * from './lib/services/theme.service';
 export * from './lib/services/types';
-
 export * from './lib/components/types';
 export * from './lib/shared/utils/dom';

package/ng-package.json

@@ -1,10 +0,0 @@
-{
-  "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
-  "dest": "../../dist/valtech-components",
-  "lib": {
-    "entryFile": "src/public-api.ts",
-    "styleIncludePaths": ["src/lib/assets/fonts"]
-  },
-  "assets": ["src/lib/components/styles", "src/lib/assets/fonts", "./styles"],
-  "allowedNonPeerDependencies": ["ng-otp-input", "@capacitor/browser"]
-}

package/release.sh

@@ -1,76 +0,0 @@
-#!/bin/bash
-
-# Version
-if npm version patch; then
-  echo "Version npm aumentada"
-else
-  echo "Error al aumentar version."
-  exit 1
-fi
-
-# Obtener la versión actual del package.json
-VERSION=$(node -pe "require('./package.json').version")
-
-# Crear el tag con el nombre de la versión
-if git tag $VERSION; then
-  echo "Tag creado: $VERSION"
-else
-  echo "Error al crear el tag."
-  exit 1
-fi
-
-# Build
-if npm run build-prod; then
-  echo "Compilación exitosa"
-else
-  echo "Error al compilar."
-  exit 1
-fi
-
-# Stage
-if git add package.json package-lock.json; then
-  echo "Cambios agregados"
-else
-  echo "Error al agregar archivos nuevos."
-  exit 1
-fi
-
-# Commit
-if git commit --amend --no-edit --allow-empty --no-verify; then
-  echo "Cambios persistidos"
-else
-  echo "Error al guardar archivos nuevos."
-  exit 1
-fi
-
-# Dist
-if git push && cd ../../dist/valtech-components; then
-  echo "En directorio dist"
-else
-  echo "Error al intentar cambiar de directorio."
-  exit 1
-fi
-
-# Publish
-if npm publish; then
-  echo "Paquete publicado"
-else
-  echo "Error al publicar paquete."
-  exit 1
-fi
-
-# Empujar el tag al repositorio remoto
-if git push origin $VERSION; then
-  echo "Tag empujado al repositorio remoto: $VERSION"
-else
-  echo "Error al empujar el tag al repositorio remoto."
-  exit 1
-fi
-
-# Empujar cambios repositorio remoto
-if git push; then
-  echo "Cambios enviados remoto"
-else
-  echo "Error al empujar cambios al repositorio remoto."
-  exit 1
-fi

package/src/lib/components/atoms/avatar/avatar.component.scss

@@ -1,20 +0,0 @@
-@import '../../styles/mixins.scss';
-
-.box {
-  --border-radius: pxToRem(4);
-}
-
-.small {
-  width: pxToRem(28);
-  height: pxToRem(28);
-}
-
-.medium {
-  width: pxToRem(38);
-  height: pxToRem(38);
-}
-
-.large {
-  width: pxToRem(48);
-  height: pxToRem(48);
-}

package/src/lib/components/atoms/avatar/avatar.component.ts

@@ -1,29 +0,0 @@
-import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
-import { IonAvatar } from '@ionic/angular/standalone';
-import { AvatarMetadata } from './types';
-
-@Component({
-  selector: 'val-avatar',
-  standalone: true,
-  imports: [IonAvatar],
-  template: `
-    <ion-avatar aria-hidden="true" [class]="props.size" [class.box]="props.box" (click)="onClickHandler()">
-      <img alt="profile image" [src]="props.image || props.default" />
-    </ion-avatar>
-  `,
-  styleUrls: ['./avatar.component.scss'],
-})
-export class AvatarComponent implements OnInit {
-  @Input() props: AvatarMetadata;
-
-  @Output()
-  onClick = new EventEmitter();
-
-  constructor() {}
-
-  ngOnInit() {}
-
-  onClickHandler() {
-    this.onClick.emit();
-  }
-}

package/src/lib/components/atoms/avatar/types.ts

@@ -1,6 +0,0 @@
-export interface AvatarMetadata {
-  image: string;
-  default: string;
-  size: 'small' | 'medium' | 'large';
-  box?: boolean;
-}

package/src/lib/components/atoms/box/box.component.scss

@@ -1,57 +0,0 @@
-@import '../../styles/mixins.scss';
-
-.bordered {
-  border: pxToRem(1) solid var(--ion-color-medium);
-}
-
-.box {
-  width: 100%;
-  margin: pxToRem(0);
-  border-radius: pxToRem(0);
-  box-shadow: none;
-  padding: pxToRem(4);
-
-  @include media-medium {
-    padding: pxToRem(8);
-  }
-}
-
-.icon {
-  cursor: pointer;
-  margin: pxToRem(0);
-  padding: pxToRem(0);
-  position: absolute;
-  right: pxToRem(4);
-  top: pxToRem(4);
-  font-size: pxToRem(16);
-
-  @include media-medium {
-    right: pxToRem(8);
-    top: pxToRem(8);
-    font-size: pxToRem(24);
-  }
-}
-
-.left-border {
-  border-left: pxToRem(3) solid $color-default-border;
-
-  &.small {
-    border-width: pxToRem(3);
-  }
-
-  &.medium {
-    border-width: pxToRem(6);
-  }
-
-  &.large {
-    border-width: pxToRem(7);
-  }
-
-  &.xlarge {
-    border-width: pxToRem(8);
-  }
-}
-
-.transparent {
-  --background: transparent;
-}

package/src/lib/components/atoms/box/box.component.ts

@@ -1,38 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
-import { IonCard, IonIcon } from '@ionic/angular/standalone';
-import { BoxMetadata } from './types';
-
-@Component({
-  selector: 'val-box',
-  standalone: true,
-  imports: [CommonModule, IonCard, IonIcon],
-  template: `
-    <ion-card
-      class="box"
-      [color]="props.color"
-      [class.bordered]="props.bordered"
-      [class.transparent]="!props.color"
-      [class.left-border]="props.leftBorder"
-    >
-      <ion-icon *ngIf="!!props.icon" class="icon" [name]="props.icon" (click)="clickHandler()"></ion-icon>
-      <ng-content select="[body]"></ng-content>
-    </ion-card>
-  `,
-  styleUrls: ['./box.component.scss'],
-})
-export class BoxComponent implements OnInit {
-  @Input()
-  props: BoxMetadata;
-
-  @Output()
-  onClick = new EventEmitter();
-
-  constructor() {}
-
-  ngOnInit() {}
-
-  clickHandler() {
-    this.onClick.emit();
-  }
-}

package/src/lib/components/atoms/box/types.ts

@@ -1,8 +0,0 @@
-import { Color } from '@ionic/core';
-
-export interface BoxMetadata {
-  color: Color;
-  icon: string;
-  bordered?: boolean;
-  leftBorder?: boolean;
-}

package/src/lib/components/atoms/button/button.component.scss

@@ -1,5 +0,0 @@
-@import '../../styles/variables.scss';
-
-ion-button {
-  font-family: var(--ion-default-font), Arial, sans-serif;
-}

package/src/lib/components/atoms/button/button.component.ts

@@ -1,53 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-import { IonButton, IonIcon, IonSpinner, IonText } from '@ionic/angular/standalone';
-import { DownloadService } from '../../../services/download.service';
-import { ButtonMetadata, ComponentStates } from '../../types';
-
-@Component({
-  selector: 'val-button',
-  standalone: true,
-  imports: [CommonModule, IonButton, IonIcon, IonSpinner, IonText],
-  template: `
-    <ion-button
-      [type]="props.type"
-      [color]="props.color"
-      [expand]="props.expand"
-      [fill]="props.fill"
-      [size]="props.size"
-      [href]="props.href"
-      [target]="props.target"
-      [shape]="props.shape"
-      (click)="clickHandler()"
-      [disabled]="props.state === states.DISABLED"
-    >
-      <ion-icon *ngIf="props.icon" [slot]="props.icon.slot" [name]="props.icon.name"></ion-icon>
-      <ion-spinner *ngIf="props.state === states.WORKING" name="circular"></ion-spinner>
-      <ion-text *ngIf="props.state !== states.WORKING">{{ props.text }}</ion-text>
-    </ion-button>
-  `,
-  styleUrls: ['./button.component.scss'],
-})
-export class ButtonComponent {
-  states = ComponentStates;
-
-  @Input()
-  props!: ButtonMetadata;
-
-  @Output()
-  onClick = new EventEmitter<string>();
-
-  constructor(private download: DownloadService) {}
-
-  ngOnInit() {}
-
-  clickHandler() {
-    if (this.props.download) {
-      this.download.downloadLinkFromBrowser(this.props.download);
-    }
-    if (this.props.state === this.states.DISABLED) {
-      return;
-    }
-    this.onClick.emit(this.props.token);
-  }
-}