valtech-components 2.0.26 → 2.0.28

package/src/lib/services/in-app-browser.service.ts

@@ -0,0 +1,19 @@
+/* eslint-disable no-underscore-dangle */
+
+import { Injectable } from '@angular/core';
+import { Browser, OpenOptions } from '@capacitor/browser';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class InAppBrowserService {
+  options: OpenOptions = {
+    presentationStyle: 'popover',
+    url: '',
+  };
+  constructor() {}
+
+  async openWithInAppBrowser(url: string) {
+    await Browser.open({ ...this.options, url });
+  }
+}

package/src/lib/services/lang-provider/components/lang-settings.ts

@@ -0,0 +1,14 @@
+import { LanguagesContent, TextContent } from '../types';
+
+const text: LanguagesContent = {
+  es: {
+    spanish: 'Español',
+    english: 'Inglés',
+  },
+  en: {
+    spanish: 'Spanish',
+    english: 'English',
+  },
+};
+
+export default new TextContent(text);

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

@@ -0,0 +1,16 @@
+import { LanguagesContent, TextContent } from '../types';
+
+const text: LanguagesContent = {
+  es: {
+    light: 'Siempre claro',
+    dark: 'Siempre oscuro',
+    auto: 'Automático',
+  },
+  en: {
+    light: 'Always light',
+    dark: 'Always dark',
+    auto: 'System settings',
+  },
+};
+
+export default new TextContent(text);

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

@@ -0,0 +1,14 @@
+import LangSettings from './components/lang-settings';
+import ThemeSettings from './components/theme-settings';
+import { TextContent } from './types';
+
+export interface Provider {
+  [x: string]: TextContent;
+}
+
+const content: Provider = {
+  LangSettings,
+  ThemeSettings,
+};
+
+export default content;

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

@@ -0,0 +1,38 @@
+import { Inject, Injectable } from '@angular/core';
+import { BehaviorSubject } from 'rxjs';
+import { Provider } from './content';
+import { LangOption, LanguageText } from './types';
+import { LocalStorageService } from '../local-storage.service';
+import { LANG } from '../../shared/constants/storage';
+import { ValtechConfig, ValtechConfigService } from '../types';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class LangService {
+  content: Provider;
+  default = LangOption.ES;
+  selectedLang: BehaviorSubject<LangOption>;
+  config: ValtechConfig;
+
+  constructor(@Inject(ValtechConfigService) config: ValtechConfig) {
+    console.log('injected config: ', config);
+    this.content = config.content;
+    this.config = config;
+    const current = LocalStorageService.get<LangOption>(LANG);
+    this.selectedLang = new BehaviorSubject<LangOption>(current || this.default);
+  }
+
+  Text(className: string): LanguageText {
+    return this.content[className].Content[this.selectedLang.value];
+  }
+
+  get Lang(): LangOption {
+    return this.selectedLang.value;
+  }
+
+  set Lang(lang: LangOption) {
+    this.selectedLang.next(lang);
+    LocalStorageService.set<LangOption>(LANG, lang);
+  }
+}

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

@@ -0,0 +1,25 @@
+import { Provider } from './content';
+
+export type LanguageText = {
+  [key: string]: string;
+};
+
+export type LanguagesContent = {
+  [key: string]: LanguageText;
+};
+
+export class TextContent {
+  text: LanguagesContent;
+  constructor(text: LanguagesContent) {
+    this.text = text;
+  }
+
+  get Content(): LanguagesContent {
+    return this.text;
+  }
+}
+
+export enum LangOption {
+  ES = 'es',
+  EN = 'en',
+}

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

@@ -0,0 +1,18 @@
+export class LocalStorageService {
+  static set<T>(reference: string, value: T): void {
+    localStorage.setItem(reference, JSON.stringify(value));
+  }
+
+  static get<T>(reference: string): T {
+    const value = localStorage.getItem(reference);
+    return JSON.parse(value) as T;
+  }
+
+  static remove(reference: string): void {
+    localStorage.removeItem(reference);
+  }
+
+  static clear() {
+    localStorage.clear();
+  }
+}

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

@@ -0,0 +1,39 @@
+import { inject, Injectable } from '@angular/core';
+import { NavigationExtras, Router } from '@angular/router';
+import { InAppBrowserService } from './in-app-browser.service';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class NavigationService {
+  data: any;
+  router = inject(Router);
+  inAppBrowser = inject(InAppBrowserService);
+
+  constructor() {}
+
+  navigateInApp(url: string) {
+    this.inAppBrowser.openWithInAppBrowser(url);
+  }
+
+  navigateWithData(route: string, dataTransfer: any) {
+    const navigationExtras: NavigationExtras = {
+      state: {
+        data: dataTransfer,
+      },
+    };
+
+    this.router.navigate([route], navigationExtras);
+  }
+
+  navigateByUrl(url: string) {
+    this.router
+      .navigateByUrl(url)
+      .then(response => {})
+      .catch(error => {});
+  }
+
+  openInNewTab(url: string): void {
+    window.open(url, '_blank', 'noopener,noreferrer');
+  }
+}

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

@@ -0,0 +1,102 @@
+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/{lib/services/types.d.ts → src/lib/services/types.ts}

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

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

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

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

@@ -0,0 +1,19 @@
+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/{public-api.d.ts → src/public-api.ts}

@@ -1,3 +1,11 @@
+/*
+ * 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';
@@ -20,6 +28,7 @@ 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';
@@ -53,6 +62,7 @@ export * from './lib/components/molecules/searchbar/searchbar.component';
 export * from './lib/components/molecules/text-input/text-input.component';
 export * from './lib/components/molecules/title-block/title-block.component';
 export * from './lib/components/molecules/title-block/types';
+
 export * from './lib/components/organisms/banner/banner.component';
 export * from './lib/components/organisms/banner/types';
 export * from './lib/components/organisms/footer/footer.component';
@@ -68,14 +78,17 @@ export * from './lib/components/organisms/toolbar/types';
 export * from './lib/components/organisms/wizard/types';
 export * from './lib/components/organisms/wizard/wizard-footer/wizard-footer.component';
 export * from './lib/components/organisms/wizard/wizard.component';
+
 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/lang-provider/lang-provider.service';
 export * from './lib/services/lang-provider/types';
 export * from './lib/services/local-storage.service';
 export * from './lib/services/theme.service';
 export * from './lib/services/types';
+
 export * from './lib/components/types';
 export * from './lib/shared/utils/dom';

package/tsconfig.lib.json

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

@@ -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,14 @@
+/* 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"
+  ]
+}

package/esm2022/lib/components/atoms/avatar/avatar.component.mjs

@@ -1,31 +0,0 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-import { IonAvatar } from '@ionic/angular/standalone';
-import * as i0 from "@angular/core";
-export class AvatarComponent {
-    constructor() {
-        this.onClick = new EventEmitter();
-    }
-    ngOnInit() { }
-    onClickHandler() {
-        this.onClick.emit();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: AvatarComponent, isStandalone: true, selector: "val-avatar", inputs: { props: "props" }, outputs: { onClick: "onClick" }, ngImport: i0, template: `
-    <ion-avatar [class]="props.size" [class.box]="props.box" (click)="onClickHandler()">
-      <img alt="profile image" [src]="props.image || props.default" />
-    </ion-avatar>
-  `, isInline: true, styles: [".box{--border-radius: pxToRem(4)}.small{width:1.75rem;height:1.75rem}.medium{width:2.375rem;height:2.375rem}.large{width:3rem;height:3rem}\n"], dependencies: [{ kind: "component", type: IonAvatar, selector: "ion-avatar" }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AvatarComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'val-avatar', standalone: true, imports: [IonAvatar], template: `
-    <ion-avatar [class]="props.size" [class.box]="props.box" (click)="onClickHandler()">
-      <img alt="profile image" [src]="props.image || props.default" />
-    </ion-avatar>
-  `, styles: [".box{--border-radius: pxToRem(4)}.small{width:1.75rem;height:1.75rem}.medium{width:2.375rem;height:2.375rem}.large{width:3rem;height:3rem}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { props: [{
-                type: Input
-            }], onClick: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ZhbHRlY2gtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvYXRvbXMvYXZhdGFyL2F2YXRhci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMvRSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sMkJBQTJCLENBQUM7O0FBY3RELE1BQU0sT0FBTyxlQUFlO0lBTTFCO1FBRkEsWUFBTyxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7SUFFZCxDQUFDO0lBRWhCLFFBQVEsS0FBSSxDQUFDO0lBRWIsY0FBYztRQUNaLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDdEIsQ0FBQzsrR0FaVSxlQUFlO21HQUFmLGVBQWUsbUlBUGhCOzs7O0dBSVQsc05BTFMsU0FBUzs7NEZBUVIsZUFBZTtrQkFYM0IsU0FBUzsrQkFDRSxZQUFZLGNBQ1YsSUFBSSxXQUNQLENBQUMsU0FBUyxDQUFDLFlBQ1Y7Ozs7R0FJVDt3REFJUSxLQUFLO3NCQUFiLEtBQUs7Z0JBR04sT0FBTztzQkFETixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSW9uQXZhdGFyIH0gZnJvbSAnQGlvbmljL2FuZ3VsYXIvc3RhbmRhbG9uZSc7XG5pbXBvcnQgeyBBdmF0YXJNZXRhZGF0YSB9IGZyb20gJy4vdHlwZXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd2YWwtYXZhdGFyJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0lvbkF2YXRhcl0sXG4gIHRlbXBsYXRlOiBgXG4gICAgPGlvbi1hdmF0YXIgW2NsYXNzXT1cInByb3BzLnNpemVcIiBbY2xhc3MuYm94XT1cInByb3BzLmJveFwiIChjbGljayk9XCJvbkNsaWNrSGFuZGxlcigpXCI+XG4gICAgICA8aW1nIGFsdD1cInByb2ZpbGUgaW1hZ2VcIiBbc3JjXT1cInByb3BzLmltYWdlIHx8IHByb3BzLmRlZmF1bHRcIiAvPlxuICAgIDwvaW9uLWF2YXRhcj5cbiAgYCxcbiAgc3R5bGVVcmxzOiBbJy4vYXZhdGFyLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIEF2YXRhckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIHByb3BzOiBBdmF0YXJNZXRhZGF0YTtcblxuICBAT3V0cHV0KClcbiAgb25DbGljayA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgbmdPbkluaXQoKSB7fVxuXG4gIG9uQ2xpY2tIYW5kbGVyKCkge1xuICAgIHRoaXMub25DbGljay5lbWl0KCk7XG4gIH1cbn1cbiJdfQ==

package/esm2022/lib/components/atoms/avatar/types.mjs

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92YWx0ZWNoLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2F0b21zL2F2YXRhci90eXBlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGludGVyZmFjZSBBdmF0YXJNZXRhZGF0YSB7XG4gIGltYWdlOiBzdHJpbmc7XG4gIGRlZmF1bHQ6IHN0cmluZztcbiAgc2l6ZTogJ3NtYWxsJyB8ICdtZWRpdW0nIHwgJ2xhcmdlJztcbiAgYm94PzogYm9vbGVhbjtcbn1cbiJdfQ==

package/esm2022/lib/components/atoms/box/box.component.mjs

@@ -1,47 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-import { IonCard, IonIcon } from '@ionic/angular/standalone';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-export class BoxComponent {
-    constructor() {
-        this.onClick = new EventEmitter();
-    }
-    ngOnInit() { }
-    clickHandler() {
-        this.onClick.emit();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BoxComponent, isStandalone: true, selector: "val-box", inputs: { props: "props" }, outputs: { onClick: "onClick" }, ngImport: i0, 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>
-  `, isInline: true, styles: [".bordered{border:.0625rem solid var(--ion-color-medium)}.box{width:100%;margin:0rem;border-radius:0rem;box-shadow:none;padding:.25rem}@media (min-width: 768px){.box{padding:.5rem}}.icon{cursor:pointer;margin:0rem;padding:0rem;position:absolute;right:.25rem;top:.25rem;font-size:1rem}@media (min-width: 768px){.icon{right:.5rem;top:.5rem;font-size:1.5rem}}.left-border{border-left:.1875rem solid #dde3ed}.left-border.small{border-width:.1875rem}.left-border.medium{border-width:.375rem}.left-border.large{border-width:.4375rem}.left-border.xlarge{border-width:.5rem}.transparent{--background: transparent}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BoxComponent, decorators: [{
-            type: Component,
-            args: [{ 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>
-  `, styles: [".bordered{border:.0625rem solid var(--ion-color-medium)}.box{width:100%;margin:0rem;border-radius:0rem;box-shadow:none;padding:.25rem}@media (min-width: 768px){.box{padding:.5rem}}.icon{cursor:pointer;margin:0rem;padding:0rem;position:absolute;right:.25rem;top:.25rem;font-size:1rem}@media (min-width: 768px){.icon{right:.5rem;top:.5rem;font-size:1.5rem}}.left-border{border-left:.1875rem solid #dde3ed}.left-border.small{border-width:.1875rem}.left-border.medium{border-width:.375rem}.left-border.large{border-width:.4375rem}.left-border.xlarge{border-width:.5rem}.transparent{--background: transparent}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { props: [{
-                type: Input
-            }], onClick: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm94LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ZhbHRlY2gtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvYXRvbXMvYm94L2JveC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDL0UsT0FBTyxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQzs7O0FBcUI3RCxNQUFNLE9BQU8sWUFBWTtJQU92QjtRQUZBLFlBQU8sR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO0lBRWQsQ0FBQztJQUVoQixRQUFRLEtBQUksQ0FBQztJQUViLFlBQVk7UUFDVixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3RCLENBQUM7K0dBYlUsWUFBWTttR0FBWixZQUFZLGdJQWRiOzs7Ozs7Ozs7OztHQVdULHVxQkFaUyxZQUFZLG1JQUFFLE9BQU8seUxBQUUsT0FBTzs7NEZBZTdCLFlBQVk7a0JBbEJ4QixTQUFTOytCQUNFLFNBQVMsY0FDUCxJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsT0FBTyxFQUFFLE9BQU8sQ0FBQyxZQUMvQjs7Ozs7Ozs7Ozs7R0FXVDt3REFLRCxLQUFLO3NCQURKLEtBQUs7Z0JBSU4sT0FBTztzQkFETixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IElvbkNhcmQsIElvbkljb24gfSBmcm9tICdAaW9uaWMvYW5ndWxhci9zdGFuZGFsb25lJztcbmltcG9ydCB7IEJveE1ldGFkYXRhIH0gZnJvbSAnLi90eXBlcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3ZhbC1ib3gnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBJb25DYXJkLCBJb25JY29uXSxcbiAgdGVtcGxhdGU6IGBcbiAgICA8aW9uLWNhcmRcbiAgICAgIGNsYXNzPVwiYm94XCJcbiAgICAgIFtjb2xvcl09XCJwcm9wcy5jb2xvclwiXG4gICAgICBbY2xhc3MuYm9yZGVyZWRdPVwicHJvcHMuYm9yZGVyZWRcIlxuICAgICAgW2NsYXNzLnRyYW5zcGFyZW50XT1cIiFwcm9wcy5jb2xvclwiXG4gICAgICBbY2xhc3MubGVmdC1ib3JkZXJdPVwicHJvcHMubGVmdEJvcmRlclwiXG4gICAgPlxuICAgICAgPGlvbi1pY29uICpuZ0lmPVwiISFwcm9wcy5pY29uXCIgY2xhc3M9XCJpY29uXCIgW25hbWVdPVwicHJvcHMuaWNvblwiIChjbGljayk9XCJjbGlja0hhbmRsZXIoKVwiPjwvaW9uLWljb24+XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbYm9keV1cIj48L25nLWNvbnRlbnQ+XG4gICAgPC9pb24tY2FyZD5cbiAgYCxcbiAgc3R5bGVVcmxzOiBbJy4vYm94LmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIEJveENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpXG4gIHByb3BzOiBCb3hNZXRhZGF0YTtcblxuICBAT3V0cHV0KClcbiAgb25DbGljayA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgbmdPbkluaXQoKSB7fVxuXG4gIGNsaWNrSGFuZGxlcigpIHtcbiAgICB0aGlzLm9uQ2xpY2suZW1pdCgpO1xuICB9XG59XG4iXX0=

package/esm2022/lib/components/atoms/box/types.mjs

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92YWx0ZWNoLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2F0b21zL2JveC90eXBlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29sb3IgfSBmcm9tICdAaW9uaWMvY29yZSc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQm94TWV0YWRhdGEge1xuICBjb2xvcjogQ29sb3I7XG4gIGljb246IHN0cmluZztcbiAgYm9yZGVyZWQ/OiBib29sZWFuO1xuICBsZWZ0Qm9yZGVyPzogYm9vbGVhbjtcbn1cbiJdfQ==

package/esm2022/lib/components/atoms/button/button.component.mjs

@@ -1,69 +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 { ComponentStates } from '../../types';
-import * as i0 from "@angular/core";
-import * as i1 from "../../../services/download.service";
-import * as i2 from "@angular/common";
-export class ButtonComponent {
-    constructor(download) {
-        this.download = download;
-        this.states = ComponentStates;
-        this.onClick = new EventEmitter();
-    }
-    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);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ButtonComponent, deps: [{ token: i1.DownloadService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ButtonComponent, isStandalone: true, selector: "val-button", inputs: { props: "props" }, outputs: { onClick: "onClick" }, ngImport: i0, 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>
-  `, isInline: true, styles: ["ion-button{font-family:var(--ion-default-font),Arial,sans-serif}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }, { kind: "component", type: IonText, selector: "ion-text", inputs: ["color", "mode"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ButtonComponent, decorators: [{
-            type: Component,
-            args: [{ 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>
-  `, styles: ["ion-button{font-family:var(--ion-default-font),Arial,sans-serif}\n"] }]
-        }], ctorParameters: () => [{ type: i1.DownloadService }], propDecorators: { props: [{
-                type: Input
-            }], onClick: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ZhbHRlY2gtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvYXRvbXMvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdkUsT0FBTyxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBRXBGLE9BQU8sRUFBa0IsZUFBZSxFQUFFLE1BQU0sYUFBYSxDQUFDOzs7O0FBMEI5RCxNQUFNLE9BQU8sZUFBZTtJQVMxQixZQUFvQixRQUF5QjtRQUF6QixhQUFRLEdBQVIsUUFBUSxDQUFpQjtRQVI3QyxXQUFNLEdBQUcsZUFBZSxDQUFDO1FBTXpCLFlBQU8sR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO0lBRVcsQ0FBQztJQUVqRCxRQUFRLEtBQUksQ0FBQztJQUViLFlBQVk7UUFDVixJQUFJLElBQUksQ0FBQyxLQUFLLENBQUMsUUFBUSxFQUFFLENBQUM7WUFDeEIsSUFBSSxDQUFDLFFBQVEsQ0FBQyx1QkFBdUIsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBQzdELENBQUM7UUFDRCxJQUFJLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxLQUFLLElBQUksQ0FBQyxNQUFNLENBQUMsUUFBUSxFQUFFLENBQUM7WUFDOUMsT0FBTztRQUNULENBQUM7UUFDRCxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3RDLENBQUM7K0dBckJVLGVBQWU7bUdBQWYsZUFBZSxtSUFwQmhCOzs7Ozs7Ozs7Ozs7Ozs7OztHQWlCVCwySUFsQlMsWUFBWSxtSUFBRSxTQUFTLG9QQUFFLE9BQU8sMkpBQUUsVUFBVSx5R0FBRSxPQUFPOzs0RkFxQnBELGVBQWU7a0JBeEIzQixTQUFTOytCQUNFLFlBQVksY0FDVixJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsU0FBUyxFQUFFLE9BQU8sRUFBRSxVQUFVLEVBQUUsT0FBTyxDQUFDLFlBQ3REOzs7Ozs7Ozs7Ozs7Ozs7OztHQWlCVDtvRkFPRCxLQUFLO3NCQURKLEtBQUs7Z0JBSU4sT0FBTztzQkFETixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJb25CdXR0b24sIElvbkljb24sIElvblNwaW5uZXIsIElvblRleHQgfSBmcm9tICdAaW9uaWMvYW5ndWxhci9zdGFuZGFsb25lJztcbmltcG9ydCB7IERvd25sb2FkU2VydmljZSB9IGZyb20gJy4uLy4uLy4uL3NlcnZpY2VzL2Rvd25sb2FkLnNlcnZpY2UnO1xuaW1wb3J0IHsgQnV0dG9uTWV0YWRhdGEsIENvbXBvbmVudFN0YXRlcyB9IGZyb20gJy4uLy4uL3R5cGVzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndmFsLWJ1dHRvbicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIElvbkJ1dHRvbiwgSW9uSWNvbiwgSW9uU3Bpbm5lciwgSW9uVGV4dF0sXG4gIHRlbXBsYXRlOiBgXG4gICAgPGlvbi1idXR0b25cbiAgICAgIFt0eXBlXT1cInByb3BzLnR5cGVcIlxuICAgICAgW2NvbG9yXT1cInByb3BzLmNvbG9yXCJcbiAgICAgIFtleHBhbmRdPVwicHJvcHMuZXhwYW5kXCJcbiAgICAgIFtmaWxsXT1cInByb3BzLmZpbGxcIlxuICAgICAgW3NpemVdPVwicHJvcHMuc2l6ZVwiXG4gICAgICBbaHJlZl09XCJwcm9wcy5ocmVmXCJcbiAgICAgIFt0YXJnZXRdPVwicHJvcHMudGFyZ2V0XCJcbiAgICAgIFtzaGFwZV09XCJwcm9wcy5zaGFwZVwiXG4gICAgICAoY2xpY2spPVwiY2xpY2tIYW5kbGVyKClcIlxuICAgICAgW2Rpc2FibGVkXT1cInByb3BzLnN0YXRlID09PSBzdGF0ZXMuRElTQUJMRURcIlxuICAgID5cbiAgICAgIDxpb24taWNvbiAqbmdJZj1cInByb3BzLmljb25cIiBbc2xvdF09XCJwcm9wcy5pY29uLnNsb3RcIiBbbmFtZV09XCJwcm9wcy5pY29uLm5hbWVcIj48L2lvbi1pY29uPlxuICAgICAgPGlvbi1zcGlubmVyICpuZ0lmPVwicHJvcHMuc3RhdGUgPT09IHN0YXRlcy5XT1JLSU5HXCIgbmFtZT1cImNpcmN1bGFyXCI+PC9pb24tc3Bpbm5lcj5cbiAgICAgIDxpb24tdGV4dCAqbmdJZj1cInByb3BzLnN0YXRlICE9PSBzdGF0ZXMuV09SS0lOR1wiPnt7IHByb3BzLnRleHQgfX08L2lvbi10ZXh0PlxuICAgIDwvaW9uLWJ1dHRvbj5cbiAgYCxcbiAgc3R5bGVVcmxzOiBbJy4vYnV0dG9uLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIEJ1dHRvbkNvbXBvbmVudCB7XG4gIHN0YXRlcyA9IENvbXBvbmVudFN0YXRlcztcblxuICBASW5wdXQoKVxuICBwcm9wcyE6IEJ1dHRvbk1ldGFkYXRhO1xuXG4gIEBPdXRwdXQoKVxuICBvbkNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBkb3dubG9hZDogRG93bmxvYWRTZXJ2aWNlKSB7fVxuXG4gIG5nT25Jbml0KCkge31cblxuICBjbGlja0hhbmRsZXIoKSB7XG4gICAgaWYgKHRoaXMucHJvcHMuZG93bmxvYWQpIHtcbiAgICAgIHRoaXMuZG93bmxvYWQuZG93bmxvYWRMaW5rRnJvbUJyb3dzZXIodGhpcy5wcm9wcy5kb3dubG9hZCk7XG4gICAgfVxuICAgIGlmICh0aGlzLnByb3BzLnN0YXRlID09PSB0aGlzLnN0YXRlcy5ESVNBQkxFRCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICB0aGlzLm9uQ2xpY2suZW1pdCh0aGlzLnByb3BzLnRva2VuKTtcbiAgfVxufVxuIl19