valtech-components 1.2.0 → 1.3.0

package/esm2022/lib/valtech-components.module.mjs

@@ -0,0 +1,59 @@
+import { CommonModule } from '@angular/common';
+import { HttpClientModule } from '@angular/common/http';
+import { NgModule } from '@angular/core';
+import { IonicModule } from '@ionic/angular';
+import { ButtonComponent } from './components/atoms/button/button.component';
+import { DisplayComponent } from './components/atoms/display/display.component';
+import { TextComponent } from './components/atoms/text/text.component';
+import { TitleComponent } from './components/atoms/title/title.component';
+import { AvatarComponent } from './components/atoms/avatar/avatar.component';
+import { DividerComponent } from './components/atoms/divider/divider.component';
+import { ContentLoaderComponent } from './components/molecules/content-loader/content-loader.component';
+import { LinkComponent } from './components/molecules/link/link.component';
+import * as i0 from "@angular/core";
+export class ValtechComponentsModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: ValtechComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.0", ngImport: i0, type: ValtechComponentsModule, declarations: [ButtonComponent,
+            DisplayComponent,
+            TextComponent,
+            TitleComponent,
+            AvatarComponent,
+            DividerComponent,
+            ContentLoaderComponent,
+            LinkComponent], imports: [CommonModule, HttpClientModule, IonicModule], exports: [ButtonComponent,
+            DisplayComponent,
+            TextComponent,
+            TitleComponent,
+            AvatarComponent,
+            DividerComponent,
+            ContentLoaderComponent,
+            LinkComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: ValtechComponentsModule, imports: [CommonModule, HttpClientModule, IonicModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: ValtechComponentsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        ButtonComponent,
+                        DisplayComponent,
+                        TextComponent,
+                        TitleComponent,
+                        AvatarComponent,
+                        DividerComponent,
+                        ContentLoaderComponent,
+                        LinkComponent,
+                    ],
+                    imports: [CommonModule, HttpClientModule, IonicModule],
+                    exports: [
+                        ButtonComponent,
+                        DisplayComponent,
+                        TextComponent,
+                        TitleComponent,
+                        AvatarComponent,
+                        DividerComponent,
+                        ContentLoaderComponent,
+                        LinkComponent,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmFsdGVjaC1jb21wb25lbnRzLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL3ZhbHRlY2gtY29tcG9uZW50cy9zcmMvbGliL3ZhbHRlY2gtY29tcG9uZW50cy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ3hELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzdDLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSw0Q0FBNEMsQ0FBQztBQUM3RSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSw4Q0FBOEMsQ0FBQztBQUNoRixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0NBQXdDLENBQUM7QUFDdkUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDBDQUEwQyxDQUFDO0FBQzFFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSw0Q0FBNEMsQ0FBQztBQUM3RSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSw4Q0FBOEMsQ0FBQztBQUNoRixPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxnRUFBZ0UsQ0FBQztBQUN4RyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sNENBQTRDLENBQUM7O0FBeUIzRSxNQUFNLE9BQU8sdUJBQXVCOzhHQUF2Qix1QkFBdUI7K0dBQXZCLHVCQUF1QixpQkFyQmhDLGVBQWU7WUFDZixnQkFBZ0I7WUFDaEIsYUFBYTtZQUNiLGNBQWM7WUFDZCxlQUFlO1lBQ2YsZ0JBQWdCO1lBQ2hCLHNCQUFzQjtZQUN0QixhQUFhLGFBRUwsWUFBWSxFQUFFLGdCQUFnQixFQUFFLFdBQVcsYUFFbkQsZUFBZTtZQUNmLGdCQUFnQjtZQUNoQixhQUFhO1lBQ2IsY0FBYztZQUNkLGVBQWU7WUFDZixnQkFBZ0I7WUFDaEIsc0JBQXNCO1lBQ3RCLGFBQWE7K0dBR0osdUJBQXVCLFlBWnhCLFlBQVksRUFBRSxnQkFBZ0IsRUFBRSxXQUFXOzsyRkFZMUMsdUJBQXVCO2tCQXZCbkMsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1osZUFBZTt3QkFDZixnQkFBZ0I7d0JBQ2hCLGFBQWE7d0JBQ2IsY0FBYzt3QkFDZCxlQUFlO3dCQUNmLGdCQUFnQjt3QkFDaEIsc0JBQXNCO3dCQUN0QixhQUFhO3FCQUNkO29CQUNELE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxnQkFBZ0IsRUFBRSxXQUFXLENBQUM7b0JBQ3RELE9BQU8sRUFBRTt3QkFDUCxlQUFlO3dCQUNmLGdCQUFnQjt3QkFDaEIsYUFBYTt3QkFDYixjQUFjO3dCQUNkLGVBQWU7d0JBQ2YsZ0JBQWdCO3dCQUNoQixzQkFBc0I7d0JBQ3RCLGFBQWE7cUJBQ2Q7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgSHR0cENsaWVudE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbi9odHRwJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJb25pY01vZHVsZSB9IGZyb20gJ0Bpb25pYy9hbmd1bGFyJztcbmltcG9ydCB7IEJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9hdG9tcy9idXR0b24vYnV0dG9uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBEaXNwbGF5Q29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL2F0b21zL2Rpc3BsYXkvZGlzcGxheS5jb21wb25lbnQnO1xuaW1wb3J0IHsgVGV4dENvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9hdG9tcy90ZXh0L3RleHQuY29tcG9uZW50JztcbmltcG9ydCB7IFRpdGxlQ29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL2F0b21zL3RpdGxlL3RpdGxlLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBBdmF0YXJDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvYXRvbXMvYXZhdGFyL2F2YXRhci5jb21wb25lbnQnO1xuaW1wb3J0IHsgRGl2aWRlckNvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9hdG9tcy9kaXZpZGVyL2RpdmlkZXIuY29tcG9uZW50JztcbmltcG9ydCB7IENvbnRlbnRMb2FkZXJDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvbW9sZWN1bGVzL2NvbnRlbnQtbG9hZGVyL2NvbnRlbnQtbG9hZGVyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBMaW5rQ29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL21vbGVjdWxlcy9saW5rL2xpbmsuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgQnV0dG9uQ29tcG9uZW50LFxuICAgIERpc3BsYXlDb21wb25lbnQsXG4gICAgVGV4dENvbXBvbmVudCxcbiAgICBUaXRsZUNvbXBvbmVudCxcbiAgICBBdmF0YXJDb21wb25lbnQsXG4gICAgRGl2aWRlckNvbXBvbmVudCxcbiAgICBDb250ZW50TG9hZGVyQ29tcG9uZW50LFxuICAgIExpbmtDb21wb25lbnQsXG4gIF0sXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEh0dHBDbGllbnRNb2R1bGUsIElvbmljTW9kdWxlXSxcbiAgZXhwb3J0czogW1xuICAgIEJ1dHRvbkNvbXBvbmVudCxcbiAgICBEaXNwbGF5Q29tcG9uZW50LFxuICAgIFRleHRDb21wb25lbnQsXG4gICAgVGl0bGVDb21wb25lbnQsXG4gICAgQXZhdGFyQ29tcG9uZW50LFxuICAgIERpdmlkZXJDb21wb25lbnQsXG4gICAgQ29udGVudExvYWRlckNvbXBvbmVudCxcbiAgICBMaW5rQ29tcG9uZW50LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBWYWx0ZWNoQ29tcG9uZW50c01vZHVsZSB7fVxuIl19

package/esm2022/public-api.mjs

@@ -0,0 +1,16 @@
+/*
+ * Public API Surface of valtech-components
+ */
+export * from './lib/components/atoms/button/button.component';
+export * from './lib/components/atoms/button/types';
+export * from './lib/components/atoms/button/factory';
+export * from './lib/components/atoms/text/text.component';
+export * from './lib/components/atoms/title/title.component';
+export * from './lib/components/atoms/display/display.component';
+export * from './lib/components/atoms/avatar/avatar.component';
+export * from './lib/components/atoms/divider/divider.component';
+export * from './lib/components/molecules/content-loader/content-loader.component';
+export * from './lib/components/molecules/link/link.component';
+export * from './lib/components/types';
+export * from './lib/valtech-components.module';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL3ZhbHRlY2gtY29tcG9uZW50cy9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsZ0RBQWdELENBQUM7QUFDL0QsY0FBYyxxQ0FBcUMsQ0FBQztBQUNwRCxjQUFjLHVDQUF1QyxDQUFDO0FBQ3RELGNBQWMsNENBQTRDLENBQUM7QUFDM0QsY0FBYyw4Q0FBOEMsQ0FBQztBQUM3RCxjQUFjLGtEQUFrRCxDQUFDO0FBQ2pFLGNBQWMsZ0RBQWdELENBQUM7QUFDL0QsY0FBYyxrREFBa0QsQ0FBQztBQUVqRSxjQUFjLG9FQUFvRSxDQUFDO0FBQ25GLGNBQWMsZ0RBQWdELENBQUM7QUFFL0QsY0FBYyx3QkFBd0IsQ0FBQztBQUN2QyxjQUFjLGlDQUFpQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFB1YmxpYyBBUEkgU3VyZmFjZSBvZiB2YWx0ZWNoLWNvbXBvbmVudHNcbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2F0b21zL2J1dHRvbi9idXR0b24uY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvYXRvbXMvYnV0dG9uL3R5cGVzJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvYXRvbXMvYnV0dG9uL2ZhY3RvcnknO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9hdG9tcy90ZXh0L3RleHQuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvYXRvbXMvdGl0bGUvdGl0bGUuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvYXRvbXMvZGlzcGxheS9kaXNwbGF5LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2F0b21zL2F2YXRhci9hdmF0YXIuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvYXRvbXMvZGl2aWRlci9kaXZpZGVyLmNvbXBvbmVudCc7XG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvbW9sZWN1bGVzL2NvbnRlbnQtbG9hZGVyL2NvbnRlbnQtbG9hZGVyLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL21vbGVjdWxlcy9saW5rL2xpbmsuY29tcG9uZW50JztcblxuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy90eXBlcyc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi92YWx0ZWNoLWNvbXBvbmVudHMubW9kdWxlJztcblxuXG4iXX0=

package/esm2022/valtech-components.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmFsdGVjaC1jb21wb25lbnRzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vcHJvamVjdHMvdmFsdGVjaC1jb21wb25lbnRzL3NyYy92YWx0ZWNoLWNvbXBvbmVudHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9wdWJsaWMtYXBpJztcbiJdfQ==

package/fesm2022/valtech-components.mjs

@@ -0,0 +1,454 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, Input, Output, NgModule } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i1$1 from '@ionic/angular';
+import { IonicModule } from '@ionic/angular';
+import { HttpClientModule } from '@angular/common/http';
+
+const ENABLED = 'ENABLED';
+const DISABLED = 'DISABLED';
+const WORKING = 'WORKING';
+const ComponentStates = { ENABLED, DISABLED, WORKING };
+
+class ButtonComponent {
+    constructor() {
+        this.states = ComponentStates;
+        this.onClick = new EventEmitter();
+    }
+    ngOnInit() { }
+    clickHandler() {
+        this.onClick.emit();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.0", type: ButtonComponent, selector: "val-button", inputs: { props: "props" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<ion-button\n  [type]=\"props.type\"\n  [color]=\"props.color\"\n  [expand]=\"props.expand\"\n  [fill]=\"props.fill\"\n  [size]=\"props.size\"\n  [href]=\"props.href\"\n  [target]=\"props.target\"\n  [download]=\"props.download\"\n  [shape]=\"props.shape\"\n  [href]=\"props.href\"\n  (click)=\"clickHandler()\"\n>\n  <ion-icon *ngIf=\"props.icon\" [slot]=\"props.icon.slot\" [name]=\"props.icon.name\"></ion-icon>\n  <ion-spinner *ngIf=\"props.state === states.WORKING\" name=\"circular\"></ion-spinner>\n  <ion-text *ngIf=\"props.state !== states.WORKING\">{{ props.text }}</ion-text>\n</ion-button>\n", styles: ["ion-button{font-family:var(--ion-default-font),Arial,sans-serif}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1$1.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: i1$1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1$1.IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }, { kind: "component", type: i1$1.IonText, selector: "ion-text", inputs: ["color", "mode"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: ButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-button', template: "<ion-button\n  [type]=\"props.type\"\n  [color]=\"props.color\"\n  [expand]=\"props.expand\"\n  [fill]=\"props.fill\"\n  [size]=\"props.size\"\n  [href]=\"props.href\"\n  [target]=\"props.target\"\n  [download]=\"props.download\"\n  [shape]=\"props.shape\"\n  [href]=\"props.href\"\n  (click)=\"clickHandler()\"\n>\n  <ion-icon *ngIf=\"props.icon\" [slot]=\"props.icon.slot\" [name]=\"props.icon.name\"></ion-icon>\n  <ion-spinner *ngIf=\"props.state === states.WORKING\" name=\"circular\"></ion-spinner>\n  <ion-text *ngIf=\"props.state !== states.WORKING\">{{ props.text }}</ion-text>\n</ion-button>\n", styles: ["ion-button{font-family:var(--ion-default-font),Arial,sans-serif}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { props: [{
+                type: Input
+            }], onClick: [{
+                type: Output
+            }] } });
+
+const Icon = (name, slot) => {
+    return {
+        name,
+        slot,
+    };
+};
+/* name convention: COLOR FILL SIZE [optionals: SHAPE EXPAND ICON HREF/DOWNLOAD] TYPE */
+const BaseDefault = (text, type) => {
+    return {
+        color: 'primary',
+        state: 'ENABLED',
+        text,
+        size: 'default',
+        type,
+    };
+};
+const ClearDefault = (text, type) => {
+    return { ...BaseDefault(text, type), fill: 'clear' };
+};
+const ClearDefaultRound = (text, type) => {
+    return { ...ClearDefault(text, type), shape: 'round' };
+};
+const SolidDefault = (text, type) => {
+    return { ...BaseDefault(text, type), fill: 'solid' };
+};
+const SolidDefaultRound = (text, type) => {
+    return { ...SolidDefault(text, type), shape: 'round' };
+};
+const OutlineDefault = (text, type) => {
+    return { ...BaseDefault(text, type), fill: 'outline' };
+};
+const OutlineDefaultRound = (text, type) => {
+    return { ...OutlineDefault(text, type), shape: 'round' };
+};
+const ClearDefaultFull = (text, type) => {
+    return { ...ClearDefault(text, type), expand: 'full' };
+};
+const ClearDefaultRoundFull = (text, type) => {
+    return { ...ClearDefaultRound(text, type), expand: 'full' };
+};
+const ClearDefaultBlock = (text, type) => {
+    return { ...ClearDefault(text, type), expand: 'block' };
+};
+const ClearDefaultRoundBlock = (text, type) => {
+    return { ...ClearDefaultRound(text, type), expand: 'block' };
+};
+const SolidDefaultFull = (text, type) => {
+    return { ...SolidDefault(text, type), expand: 'full' };
+};
+const SolidDefaultRoundFull = (text, type) => {
+    return { ...SolidDefaultRound(text, type), expand: 'full' };
+};
+const SolidDefaultBlock = (text, type) => {
+    return { ...SolidDefault(text, type), expand: 'block' };
+};
+const SolidDefaultRoundBlock = (text, type) => {
+    return { ...SolidDefaultRound(text, type), expand: 'block' };
+};
+const OutlineDefaultFull = (text, type) => {
+    return { ...OutlineDefault(text, type), expand: 'full' };
+};
+const OutlineDefaultRoundFull = (text, type) => {
+    return { ...OutlineDefaultRound(text, type), expand: 'full' };
+};
+const OutlineDefaultBlock = (text, type) => {
+    return { ...OutlineDefault(text, type), expand: 'block' };
+};
+const OutlineDefaultRoundBlock = (text, type) => {
+    return { ...OutlineDefaultRound(text, type), expand: 'block' };
+};
+const SolidDefaultButton = (text) => {
+    return SolidDefault(text, 'button');
+};
+const SolidSmallButton = (text) => {
+    return { ...SolidDefault(text, 'button'), size: 'small' };
+};
+const SolidLargeButton = (text) => {
+    return { ...SolidDefault(text, 'button'), size: 'large' };
+};
+const SolidDefaultRoundButton = (text) => {
+    return SolidDefaultRound(text, 'button');
+};
+const SolidSmallRoundButton = (text) => {
+    return { ...SolidDefaultRound(text, 'button'), size: 'small' };
+};
+const SolidLargeRoundButton = (text) => {
+    return { ...SolidDefaultRound(text, 'button'), size: 'large' };
+};
+const SolidFullButton = (text) => {
+    return SolidDefaultFull(text, 'button');
+};
+const SolidBlockButton = (text) => {
+    return SolidDefaultBlock(text, 'button');
+};
+/** PRIMARY */
+const PrimarySolidDefaultRoundButton = (text) => {
+    return { ...SolidDefaultRoundButton(text), color: 'primary' };
+};
+const PrimarySolidDefaultRoundIconButton = (text, icon) => {
+    return { ...PrimarySolidDefaultRoundButton(text), icon };
+};
+const PrimarySolidDefaultRoundHrefButton = (text, href, target) => {
+    return { ...PrimarySolidDefaultRoundButton(text), href, target };
+};
+const PrimarySolidDefaultRoundIconHrefButton = (text, icon, href, target) => {
+    return { ...PrimarySolidDefaultRoundIconButton(text, icon), href, target };
+};
+const PrimarySolidSmallRoundButton = (text) => {
+    return { ...SolidSmallRoundButton(text), color: 'primary' };
+};
+const PrimarySolidSmallRoundIconButton = (text, icon) => {
+    return { ...PrimarySolidSmallRoundButton(text), icon };
+};
+const PrimarySolidSmallRoundHrefButton = (text, href, target) => {
+    return { ...PrimarySolidSmallRoundButton(text), href, target };
+};
+const PrimarySolidSmallRoundIconHrefButton = (text, icon, href, target) => {
+    return { ...PrimarySolidSmallRoundIconButton(text, icon), href, target };
+};
+const PrimarySolidLargeRoundButton = (text) => {
+    return { ...SolidLargeRoundButton(text), color: 'primary' };
+};
+const PrimarySolidLargeRoundIconButton = (text, icon) => {
+    return { ...PrimarySolidLargeRoundButton(text), icon };
+};
+const PrimarySolidLargeRoundHrefButton = (text, href, target) => {
+    return { ...PrimarySolidLargeRoundButton(text), href, target };
+};
+const PrimarySolidLargeRoundIconHrefButton = (text, icon, href, target) => {
+    return { ...PrimarySolidLargeRoundIconButton(text, icon), href, target };
+};
+const PrimarySolidBlockButton = (text) => {
+    return { ...SolidBlockButton(text), color: 'primary' };
+};
+const PrimarySolidBlockIconButton = (text, icon) => {
+    return { ...PrimarySolidBlockButton(text), icon };
+};
+const PrimarySolidBlockHrefButton = (text, href, target) => {
+    return { ...PrimarySolidBlockButton(text), href, target };
+};
+const PrimarySolidBlockIconHrefButton = (text, icon, href, target) => {
+    return { ...PrimarySolidBlockIconButton(text, icon), href, target };
+};
+const PrimarySolidFullButton = (text) => {
+    return { ...SolidFullButton(text), color: 'primary' };
+};
+const PrimarySolidFullIconButton = (text, icon) => {
+    return { ...PrimarySolidFullButton(text), icon };
+};
+const PrimarySolidFullHrefButton = (text, href, target) => {
+    return { ...PrimarySolidFullButton(text), href, target };
+};
+const PrimarySolidFullIconHrefButton = (text, icon, href, target) => {
+    return { ...PrimarySolidFullIconButton(text, icon), href, target };
+};
+/** SECONDARY */
+const SecondarySolidDefaultRoundButton = (text) => {
+    return { ...SolidDefaultRoundButton(text), color: 'secondary' };
+};
+const SecondarySolidDefaultRoundIconButton = (text, icon) => {
+    return { ...SecondarySolidDefaultRoundButton(text), icon };
+};
+const SecondarySolidDefaultRoundHrefButton = (text, href, target) => {
+    return { ...SecondarySolidDefaultRoundButton(text), href, target };
+};
+const SecondarySolidDefaultRoundIconHrefButton = (text, icon, href, target) => {
+    return { ...SecondarySolidDefaultRoundIconButton(text, icon), href, target };
+};
+const SecondarySolidSmallRoundButton = (text) => {
+    return { ...SolidSmallRoundButton(text), color: 'secondary' };
+};
+const SecondarySolidSmallRoundIconButton = (text, icon) => {
+    return { ...SecondarySolidSmallRoundButton(text), icon };
+};
+const SecondarySolidSmallRoundHrefButton = (text, href, target) => {
+    return { ...SecondarySolidSmallRoundButton(text), href, target };
+};
+const SecondarySolidSmallRoundIconHrefButton = (text, icon, href, target) => {
+    return { ...SecondarySolidSmallRoundIconButton(text, icon), href, target };
+};
+const SecondarySolidLargeRoundButton = (text) => {
+    return { ...SolidLargeRoundButton(text), color: 'secondary' };
+};
+const SecondarySolidLargeRoundIconButton = (text, icon) => {
+    return { ...SecondarySolidLargeRoundButton(text), icon };
+};
+const SecondarySolidLargeRoundHrefButton = (text, href, target) => {
+    return { ...SecondarySolidLargeRoundButton(text), href, target };
+};
+const SecondarySolidLargeRoundIconHrefButton = (text, icon, href, target) => {
+    return { ...SecondarySolidLargeRoundIconButton(text, icon), href, target };
+};
+const SecondarySolidFullButton = (text) => {
+    return { ...SolidFullButton(text), color: 'secondary' };
+};
+const SecondarySolidFullIconButton = (text, icon) => {
+    return { ...SecondarySolidFullButton(text), icon };
+};
+const SecondarySolidFullHrefButton = (text, href, target) => {
+    return { ...SecondarySolidFullButton(text), href, target };
+};
+const SecondarySolidFullIconHrefButton = (text, icon, href, target) => {
+    return { ...SecondarySolidFullIconButton(text, icon), href, target };
+};
+const SecondarySolidBlockButton = (text) => {
+    return { ...SolidBlockButton(text), color: 'secondary' };
+};
+const SecondarySolidBlockIconButton = (text, icon) => {
+    return { ...SecondarySolidBlockButton(text), icon };
+};
+const SecondarySolidBlockHrefButton = (text, href, target) => {
+    return { ...SecondarySolidBlockButton(text), href, target };
+};
+const SecondarySolidBlockIconHrefButton = (text, icon, href, target) => {
+    return { ...SecondarySolidBlockIconButton(text, icon), href, target };
+};
+
+class TextComponent {
+    constructor() {
+        this.bold = false;
+    }
+    ngOnInit() { }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: TextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.0", type: TextComponent, selector: "val-text", inputs: { size: "size", color: "color", content: "content", bold: "bold" }, ngImport: i0, template: "<ion-text [color]=\"color\">\n  <p [class]=\"size\" [class.bold]=\"bold\">\n    {{ content }}\n  </p>\n</ion-text>\n", styles: [".small{font-size:.75rem;line-height:1.25rem;font-weight:400}.small.bold{font-size:.75rem;line-height:1.25rem;font-weight:700}.medium{font-size:.875rem;line-height:1.5rem;font-weight:400}@media (min-width: 768px){.medium{font-size:1rem;line-height:1.5rem}}.medium.bold{font-size:.875rem;line-height:1.5rem;font-weight:700}@media (min-width: 768px){.medium.bold{font-size:1rem;line-height:1.5rem}}.large{font-size:1rem;line-height:1.5rem;font-weight:400}@media (min-width: 768px){.large{font-size:1.125rem;line-height:1.5rem}}.large.bold{font-size:1rem;line-height:1.5rem;font-weight:700}@media (min-width: 768px){.large.bold{font-size:1.125rem;line-height:1.5rem}}.xlarge{font-size:1.125rem;line-height:1.5rem;font-weight:400}@media (min-width: 768px){.xlarge{font-size:1.5rem;line-height:2rem}}.xlarge.bold{font-size:1.125rem;line-height:1.5rem;font-weight:700}@media (min-width: 768px){.xlarge.bold{font-size:1.5rem;line-height:2rem}}\n"], dependencies: [{ kind: "component", type: i1$1.IonText, selector: "ion-text", inputs: ["color", "mode"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: TextComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-text', template: "<ion-text [color]=\"color\">\n  <p [class]=\"size\" [class.bold]=\"bold\">\n    {{ content }}\n  </p>\n</ion-text>\n", styles: [".small{font-size:.75rem;line-height:1.25rem;font-weight:400}.small.bold{font-size:.75rem;line-height:1.25rem;font-weight:700}.medium{font-size:.875rem;line-height:1.5rem;font-weight:400}@media (min-width: 768px){.medium{font-size:1rem;line-height:1.5rem}}.medium.bold{font-size:.875rem;line-height:1.5rem;font-weight:700}@media (min-width: 768px){.medium.bold{font-size:1rem;line-height:1.5rem}}.large{font-size:1rem;line-height:1.5rem;font-weight:400}@media (min-width: 768px){.large{font-size:1.125rem;line-height:1.5rem}}.large.bold{font-size:1rem;line-height:1.5rem;font-weight:700}@media (min-width: 768px){.large.bold{font-size:1.125rem;line-height:1.5rem}}.xlarge{font-size:1.125rem;line-height:1.5rem;font-weight:400}@media (min-width: 768px){.xlarge{font-size:1.5rem;line-height:2rem}}.xlarge.bold{font-size:1.125rem;line-height:1.5rem;font-weight:700}@media (min-width: 768px){.xlarge.bold{font-size:1.5rem;line-height:2rem}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { size: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], content: [{
+                type: Input
+            }], bold: [{
+                type: Input
+            }] } });
+
+class TitleComponent {
+    constructor() { }
+    ngOnInit() { }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: TitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.0", type: TitleComponent, selector: "val-title", inputs: { size: "size", color: "color", content: "content" }, ngImport: i0, template: "<ion-text [color]=\"color\">\n  <p [class]=\"size\">\n    {{ content }}\n  </p>\n</ion-text>\n", styles: [".small{font-size:.875rem;line-height:1.5rem;font-weight:700}@media (min-width: 768px){.small{font-size:1rem;line-height:1.5rem}}.medium{font-size:1rem;line-height:1.5rem;font-weight:700}@media (min-width: 768px){.medium{font-size:1.125rem;line-height:1.5rem}}.large{font-size:1.125rem;line-height:1.5rem;font-weight:700}@media (min-width: 768px){.large{font-size:1.5rem;line-height:2rem}}\n"], dependencies: [{ kind: "component", type: i1$1.IonText, selector: "ion-text", inputs: ["color", "mode"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: TitleComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-title', template: "<ion-text [color]=\"color\">\n  <p [class]=\"size\">\n    {{ content }}\n  </p>\n</ion-text>\n", styles: [".small{font-size:.875rem;line-height:1.5rem;font-weight:700}@media (min-width: 768px){.small{font-size:1rem;line-height:1.5rem}}.medium{font-size:1rem;line-height:1.5rem;font-weight:700}@media (min-width: 768px){.medium{font-size:1.125rem;line-height:1.5rem}}.large{font-size:1.125rem;line-height:1.5rem;font-weight:700}@media (min-width: 768px){.large{font-size:1.5rem;line-height:2rem}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { size: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], content: [{
+                type: Input
+            }] } });
+
+class DisplayComponent {
+    constructor() { }
+    ngOnInit() { }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: DisplayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.0", type: DisplayComponent, selector: "val-display", inputs: { size: "size", color: "color", content: "content" }, ngImport: i0, template: "<ion-text [color]=\"color\">\n  <p [class]=\"size\">\n    {{ content }}\n  </p>\n</ion-text>\n", styles: [".small{font-size:1.5rem;line-height:2rem;font-weight:800}@media (min-width: 768px){.small{font-size:2rem;line-height:2.5rem}}.medium{font-size:2rem;line-height:2.5rem;font-weight:800}@media (min-width: 768px){.medium{font-size:2.5rem;line-height:3rem}}.large{font-size:2.5rem;line-height:3rem;font-weight:800}@media (min-width: 768px){.large{font-size:3rem;line-height:3.5rem}}.xlarge{font-size:3rem;line-height:3.5rem;font-weight:800}@media (min-width: 768px){.xlarge{font-size:3.5rem;line-height:4rem}}\n"], dependencies: [{ kind: "component", type: i1$1.IonText, selector: "ion-text", inputs: ["color", "mode"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: DisplayComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-display', template: "<ion-text [color]=\"color\">\n  <p [class]=\"size\">\n    {{ content }}\n  </p>\n</ion-text>\n", styles: [".small{font-size:1.5rem;line-height:2rem;font-weight:800}@media (min-width: 768px){.small{font-size:2rem;line-height:2.5rem}}.medium{font-size:2rem;line-height:2.5rem;font-weight:800}@media (min-width: 768px){.medium{font-size:2.5rem;line-height:3rem}}.large{font-size:2.5rem;line-height:3rem;font-weight:800}@media (min-width: 768px){.large{font-size:3rem;line-height:3.5rem}}.xlarge{font-size:3rem;line-height:3.5rem;font-weight:800}@media (min-width: 768px){.xlarge{font-size:3.5rem;line-height:4rem}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { size: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], content: [{
+                type: Input
+            }] } });
+
+class AvatarComponent {
+    constructor() {
+        this.size = 'medium';
+        this.box = false;
+        this.onClick = new EventEmitter();
+    }
+    ngOnInit() { }
+    onClickHandler() {
+        this.onClick.emit();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: AvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.0", type: AvatarComponent, selector: "val-avatar", inputs: { image: "image", default: "default", size: "size", box: "box" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<ion-avatar [class]=\"size\" [class.box]=\"box\" (click)=\"onClickHandler()\">\n  <img alt=\"profile image\" [src]=\"image || default\" />\n</ion-avatar>\n", styles: [".box{--border-radius: pxToRem(4)}.small{width:1.5rem;height:1.5rem}.medium{width:2.375rem;height:2.375rem}.large{width:3rem;height:3rem}\n"], dependencies: [{ kind: "component", type: i1$1.IonAvatar, selector: "ion-avatar" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: AvatarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-avatar', template: "<ion-avatar [class]=\"size\" [class.box]=\"box\" (click)=\"onClickHandler()\">\n  <img alt=\"profile image\" [src]=\"image || default\" />\n</ion-avatar>\n", styles: [".box{--border-radius: pxToRem(4)}.small{width:1.5rem;height:1.5rem}.medium{width:2.375rem;height:2.375rem}.large{width:3rem;height:3rem}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { image: [{
+                type: Input
+            }], default: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], box: [{
+                type: Input
+            }], onClick: [{
+                type: Output
+            }] } });
+
+class DividerComponent {
+    constructor() { }
+    ngOnInit() { }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: DividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.0", type: DividerComponent, selector: "val-divider", inputs: { size: "size", color: "color", fill: "fill" }, ngImport: i0, template: "<div [ngClass]=\"['divider', size, color, fill]\"></div>\n", styles: [".solid{border-top:.0625rem solid #878ca0}.gradient{height:.125rem}.gradient.primary{background:linear-gradient(to right,var(--ion-color-primary),var(--ion-color-light))}.gradient.secondary{background:linear-gradient(to right,var(--ion-color-secondary),var(--ion-color-light))}.gradient.dark{background:linear-gradient(to right,var(--ion-color-dark),var(--ion-color-light))}.gradient.light{background:linear-gradient(to right,var(--ion-color-light),#ffffff)}.small{margin:1rem}.medium{margin:1.5rem 1rem}.large{margin:2.25rem 1rem}.primary{border-color:var(--ion-color-primary)}.secondary{border-color:var(--ion-color-secondary)}.dark{border-color:var(--ion-color-dark)}.light{border-color:var(--ion-color-light)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: DividerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-divider', template: "<div [ngClass]=\"['divider', size, color, fill]\"></div>\n", styles: [".solid{border-top:.0625rem solid #878ca0}.gradient{height:.125rem}.gradient.primary{background:linear-gradient(to right,var(--ion-color-primary),var(--ion-color-light))}.gradient.secondary{background:linear-gradient(to right,var(--ion-color-secondary),var(--ion-color-light))}.gradient.dark{background:linear-gradient(to right,var(--ion-color-dark),var(--ion-color-light))}.gradient.light{background:linear-gradient(to right,var(--ion-color-light),#ffffff)}.small{margin:1rem}.medium{margin:1.5rem 1rem}.large{margin:2.25rem 1rem}.primary{border-color:var(--ion-color-primary)}.secondary{border-color:var(--ion-color-secondary)}.dark{border-color:var(--ion-color-dark)}.light{border-color:var(--ion-color-light)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { size: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], fill: [{
+                type: Input
+            }] } });
+
+class ContentLoaderComponent {
+    constructor() {
+        this.color = 'primary';
+        this.size = 'small';
+        this.name = 'circular';
+    }
+    ngOnInit() { }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: ContentLoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.0", type: ContentLoaderComponent, selector: "val-content-loader", inputs: { color: "color", size: "size", name: "name", text: "text" }, ngImport: i0, template: "<div [ngClass]=\"['spinner-wrapper', size]\">\n  <ion-spinner [ngClass]=\"[size]\" [name]=\"name\" [color]=\"color\"></ion-spinner>\n  <ion-text [color]=\"color\">\n    <p>{{ text }}</p>\n  </ion-text>\n</div>\n", styles: [".small{width:1.5rem;height:1.5rem}.medium{width:2.375rem;height:2.375rem}.large{width:3rem;height:3rem}.spinner-wrapper{width:100%;text-align:center}.spinner-wrapper.small{height:4.5rem;padding-top:1.5rem;font-size:.75rem;line-height:1.25rem;font-weight:400}.spinner-wrapper.medium{height:6.125rem;padding-top:2rem;font-size:.875rem;line-height:1.5rem;font-weight:400}@media (min-width: 768px){.spinner-wrapper.medium{font-size:1rem;line-height:1.5rem}}.spinner-wrapper.large{height:6.75rem;padding-top:2.625rem;font-size:1rem;line-height:1.5rem;font-weight:400}@media (min-width: 768px){.spinner-wrapper.large{font-size:1.125rem;line-height:1.5rem}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i1$1.IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }, { kind: "component", type: i1$1.IonText, selector: "ion-text", inputs: ["color", "mode"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: ContentLoaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-content-loader', template: "<div [ngClass]=\"['spinner-wrapper', size]\">\n  <ion-spinner [ngClass]=\"[size]\" [name]=\"name\" [color]=\"color\"></ion-spinner>\n  <ion-text [color]=\"color\">\n    <p>{{ text }}</p>\n  </ion-text>\n</div>\n", styles: [".small{width:1.5rem;height:1.5rem}.medium{width:2.375rem;height:2.375rem}.large{width:3rem;height:3rem}.spinner-wrapper{width:100%;text-align:center}.spinner-wrapper.small{height:4.5rem;padding-top:1.5rem;font-size:.75rem;line-height:1.25rem;font-weight:400}.spinner-wrapper.medium{height:6.125rem;padding-top:2rem;font-size:.875rem;line-height:1.5rem;font-weight:400}@media (min-width: 768px){.spinner-wrapper.medium{font-size:1rem;line-height:1.5rem}}.spinner-wrapper.large{height:6.75rem;padding-top:2.625rem;font-size:1rem;line-height:1.5rem;font-weight:400}@media (min-width: 768px){.spinner-wrapper.large{font-size:1.125rem;line-height:1.5rem}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { color: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], text: [{
+                type: Input
+            }] } });
+
+class LinkComponent {
+    constructor() {
+        this.onClick = new EventEmitter();
+    }
+    ngOnInit() { }
+    onClickHandler() {
+        this.onClick.emit();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: LinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.0", type: LinkComponent, selector: "val-link", inputs: { text: "text", size: "size", color: "color" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<div>\n  <ion-button type=\"button\" [color]=\"color\" fill=\"clear\" [size]=\"size\" (click)=\"onClickHandler()\">\n    <ion-icon slot=\"end\" name=\"chevron-forward-outline\"></ion-icon>\n    <ion-text>{{ text }}</ion-text>\n  </ion-button>\n</div>\n", styles: ["ion-button{font-family:var(--ion-default-font),Arial,sans-serif}\n"], dependencies: [{ kind: "component", type: i1$1.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: i1$1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1$1.IonText, selector: "ion-text", inputs: ["color", "mode"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: LinkComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-link', template: "<div>\n  <ion-button type=\"button\" [color]=\"color\" fill=\"clear\" [size]=\"size\" (click)=\"onClickHandler()\">\n    <ion-icon slot=\"end\" name=\"chevron-forward-outline\"></ion-icon>\n    <ion-text>{{ text }}</ion-text>\n  </ion-button>\n</div>\n", styles: ["ion-button{font-family:var(--ion-default-font),Arial,sans-serif}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { text: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], onClick: [{
+                type: Output
+            }] } });
+
+class ValtechComponentsModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: ValtechComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.0", ngImport: i0, type: ValtechComponentsModule, declarations: [ButtonComponent,
+            DisplayComponent,
+            TextComponent,
+            TitleComponent,
+            AvatarComponent,
+            DividerComponent,
+            ContentLoaderComponent,
+            LinkComponent], imports: [CommonModule, HttpClientModule, IonicModule], exports: [ButtonComponent,
+            DisplayComponent,
+            TextComponent,
+            TitleComponent,
+            AvatarComponent,
+            DividerComponent,
+            ContentLoaderComponent,
+            LinkComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: ValtechComponentsModule, imports: [CommonModule, HttpClientModule, IonicModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: ValtechComponentsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        ButtonComponent,
+                        DisplayComponent,
+                        TextComponent,
+                        TitleComponent,
+                        AvatarComponent,
+                        DividerComponent,
+                        ContentLoaderComponent,
+                        LinkComponent,
+                    ],
+                    imports: [CommonModule, HttpClientModule, IonicModule],
+                    exports: [
+                        ButtonComponent,
+                        DisplayComponent,
+                        TextComponent,
+                        TitleComponent,
+                        AvatarComponent,
+                        DividerComponent,
+                        ContentLoaderComponent,
+                        LinkComponent,
+                    ],
+                }]
+        }] });
+
+/*
+ * Public API Surface of valtech-components
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AvatarComponent, BaseDefault, ButtonComponent, ClearDefault, ClearDefaultBlock, ClearDefaultFull, ClearDefaultRound, ClearDefaultRoundBlock, ClearDefaultRoundFull, ComponentStates, ContentLoaderComponent, DisplayComponent, DividerComponent, Icon, LinkComponent, OutlineDefault, OutlineDefaultBlock, OutlineDefaultFull, OutlineDefaultRound, OutlineDefaultRoundBlock, OutlineDefaultRoundFull, PrimarySolidBlockButton, PrimarySolidBlockHrefButton, PrimarySolidBlockIconButton, PrimarySolidBlockIconHrefButton, PrimarySolidDefaultRoundButton, PrimarySolidDefaultRoundHrefButton, PrimarySolidDefaultRoundIconButton, PrimarySolidDefaultRoundIconHrefButton, PrimarySolidFullButton, PrimarySolidFullHrefButton, PrimarySolidFullIconButton, PrimarySolidFullIconHrefButton, PrimarySolidLargeRoundButton, PrimarySolidLargeRoundHrefButton, PrimarySolidLargeRoundIconButton, PrimarySolidLargeRoundIconHrefButton, PrimarySolidSmallRoundButton, PrimarySolidSmallRoundHrefButton, PrimarySolidSmallRoundIconButton, PrimarySolidSmallRoundIconHrefButton, SecondarySolidBlockButton, SecondarySolidBlockHrefButton, SecondarySolidBlockIconButton, SecondarySolidBlockIconHrefButton, SecondarySolidDefaultRoundButton, SecondarySolidDefaultRoundHrefButton, SecondarySolidDefaultRoundIconButton, SecondarySolidDefaultRoundIconHrefButton, SecondarySolidFullButton, SecondarySolidFullHrefButton, SecondarySolidFullIconButton, SecondarySolidFullIconHrefButton, SecondarySolidLargeRoundButton, SecondarySolidLargeRoundHrefButton, SecondarySolidLargeRoundIconButton, SecondarySolidLargeRoundIconHrefButton, SecondarySolidSmallRoundButton, SecondarySolidSmallRoundHrefButton, SecondarySolidSmallRoundIconButton, SecondarySolidSmallRoundIconHrefButton, SolidBlockButton, SolidDefault, SolidDefaultBlock, SolidDefaultButton, SolidDefaultFull, SolidDefaultRound, SolidDefaultRoundBlock, SolidDefaultRoundButton, SolidDefaultRoundFull, SolidFullButton, SolidLargeButton, SolidLargeRoundButton, SolidSmallButton, SolidSmallRoundButton, TextComponent, TitleComponent, ValtechComponentsModule };
+//# sourceMappingURL=valtech-components.mjs.map