valtech-components 2.0.19 → 2.0.21

package/lib/components/molecules/title-block/title-block.component.d.ts

@@ -0,0 +1,10 @@
+import { OnInit } from '@angular/core';
+import { TitleBlockMetada } from './types';
+import * as i0 from "@angular/core";
+export declare class TitleBlockComponent implements OnInit {
+    props: TitleBlockMetada;
+    constructor();
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TitleBlockComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TitleBlockComponent, "val-title-block", never, { "props": { "alias": "props"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/components/molecules/title-block/types.d.ts

@@ -0,0 +1,12 @@
+import { Color } from '@ionic/core';
+export type TitleMetada = {
+    text: string;
+    color: Color;
+    size: 'small' | 'medium' | 'large' | 'xlarge';
+};
+export type TitleBlockMetada = {
+    position: 'center' | 'left' | 'right';
+    title?: TitleMetada;
+    aboveTitle?: TitleMetada;
+    bellowTitle?: TitleMetada;
+};

package/lib/components/organisms/banner/banner.component.d.ts

@@ -0,0 +1,14 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import { BannerMetadata } from './types';
+import * as i0 from "@angular/core";
+export declare class BannerComponent implements OnInit {
+    props: BannerMetadata;
+    onClick: EventEmitter<string>;
+    onClose: EventEmitter<any>;
+    constructor();
+    ngOnInit(): void;
+    clickHandler(token?: string): void;
+    closeHandler(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BannerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BannerComponent, "val-banner", never, { "props": { "alias": "props"; "required": false; }; }, { "onClick": "onClick"; "onClose": "onClose"; }, never, never, true, never>;
+}

package/lib/components/organisms/banner/types.d.ts

@@ -0,0 +1,11 @@
+import { Color } from '@ionic/core';
+import { TitleBlockMetada } from '../../molecules/title-block/types';
+import { ButtonMetadata } from '../../types';
+export type BannerMetadata = {
+    color: Color;
+    bordered: boolean;
+    closable: boolean;
+    mode: 'row' | 'column' | 'hybrid' | 'center';
+    actions: ButtonMetadata[];
+    content: TitleBlockMetada;
+};

package/lib/components/organisms/footer/footer.component.d.ts

@@ -0,0 +1,12 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import { FooterMetadata } from './types';
+import * as i0 from "@angular/core";
+export declare class FooterComponent implements OnInit {
+    props: FooterMetadata;
+    onClick: EventEmitter<string>;
+    constructor();
+    ngOnInit(): void;
+    clickHandler(token?: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FooterComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FooterComponent, "val-footer", never, { "props": { "alias": "props"; "required": false; }; }, { "onClick": "onClick"; }, never, ["[extra]"], true, never>;
+}

package/lib/components/organisms/footer/types.d.ts

@@ -0,0 +1,6 @@
+import { ToolbarMetadata } from '../toolbar/types';
+export type FooterMetadata = {
+    translucent?: boolean;
+    bordered?: boolean;
+    toolbar: ToolbarMetadata;
+};

package/lib/components/organisms/form/factory.d.ts

@@ -0,0 +1,5 @@
+import { ValidatorFn } from '@angular/forms';
+export declare const maxLength: (field: string, max: number) => {
+    validator: ValidatorFn;
+    error: string;
+};

package/lib/components/organisms/form/form-footer/form-footer.component.d.ts

@@ -0,0 +1,15 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import { ButtonMetadata, FormSubmit } from '../../../types';
+import * as i0 from "@angular/core";
+export declare class FormFooterComponent implements OnInit {
+    form: FormGroup;
+    action: ButtonMetadata;
+    onSubmit: EventEmitter<FormSubmit>;
+    constructor();
+    ngOnInit(): void;
+    submitHandler(token?: string): Promise<void>;
+    get actions(): ButtonMetadata[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormFooterComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormFooterComponent, "val-form-footer", never, { "form": { "alias": "form"; "required": false; }; "action": { "alias": "action"; "required": false; }; }, { "onSubmit": "onSubmit"; }, never, never, true, never>;
+}

package/lib/components/organisms/form/form.component.d.ts

@@ -0,0 +1,23 @@
+import { ElementRef, EventEmitter, OnInit } from '@angular/core';
+import { FormBuilder, FormControl, FormGroup } from '@angular/forms';
+import { ButtonMetadata, FormMetadata, FormSubmit, InputMetadata, InputType } from '../../types';
+import * as i0 from "@angular/core";
+export declare class FormComponent implements OnInit {
+    private fb;
+    private elementRef;
+    props: FormMetadata;
+    onSubmit: EventEmitter<FormSubmit>;
+    onInvalid: EventEmitter<any>;
+    form: FormGroup;
+    types: typeof InputType;
+    constructor(fb: FormBuilder, elementRef: ElementRef);
+    ngOnInit(): void;
+    submitHandler(token?: string): Promise<void>;
+    getControl(field: string): FormControl;
+    getFieldProp(field: InputMetadata): InputMetadata;
+    get isAtEndOfForm(): boolean;
+    get Form(): FormGroup;
+    get actions(): ButtonMetadata[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormComponent, "val-form", never, { "props": { "alias": "props"; "required": false; }; }, { "onSubmit": "onSubmit"; "onInvalid": "onInvalid"; }, never, never, true, never>;
+}

package/lib/components/organisms/header/header.component.d.ts

@@ -0,0 +1,12 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import { HeaderMetadata } from './types';
+import * as i0 from "@angular/core";
+export declare class HeaderComponent implements OnInit {
+    props: HeaderMetadata;
+    onClick: EventEmitter<string>;
+    constructor();
+    ngOnInit(): void;
+    clickHandler(token?: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HeaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HeaderComponent, "val-header", never, { "props": { "alias": "props"; "required": false; }; }, { "onClick": "onClick"; }, never, never, true, never>;
+}

package/lib/components/organisms/header/types.d.ts

@@ -0,0 +1,6 @@
+import { ToolbarMetadata } from '../toolbar/types';
+export type HeaderMetadata = {
+    translucent?: boolean;
+    bordered?: boolean;
+    toolbar: ToolbarMetadata;
+};

package/lib/components/organisms/no-content/no-content.component.d.ts

@@ -0,0 +1,12 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import { NoContentMetadata } from './types';
+import * as i0 from "@angular/core";
+export declare class NoContentComponent implements OnInit {
+    props: NoContentMetadata;
+    onClick: EventEmitter<string>;
+    constructor();
+    ngOnInit(): void;
+    onClickHandler(token: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NoContentComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NoContentComponent, "val-no-content", never, { "props": { "alias": "props"; "required": false; }; }, { "onClick": "onClick"; }, never, never, true, never>;
+}

package/lib/components/organisms/no-content/types.d.ts

@@ -0,0 +1,6 @@
+import { ImageMetadata } from '../../atoms/image/types';
+import { BannerMetadata } from '../../organisms/banner/types';
+export type NoContentMetadata = {
+    image: ImageMetadata;
+    content: BannerMetadata;
+};

package/lib/components/organisms/toolbar/toolbar.component.d.ts

@@ -0,0 +1,21 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import { NavController } from '@ionic/angular';
+import { ToolbarAction, ToolbarActionType } from '../../types';
+import { ToolbarMetadata } from './types';
+import * as i0 from "@angular/core";
+export declare class ToolbarComponent implements OnInit {
+    private navCtrl;
+    props: ToolbarMetadata;
+    onClick: EventEmitter<string>;
+    actionTypes: typeof ToolbarActionType;
+    constructor(navCtrl: NavController);
+    ngOnInit(): void;
+    goBack(): void;
+    rightActions(): ToolbarAction[];
+    leftActions(): ToolbarAction[];
+    someInRight(): boolean;
+    someInLeft(): boolean;
+    clickHandler(token?: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToolbarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToolbarComponent, "val-toolbar", never, { "props": { "alias": "props"; "required": false; }; }, { "onClick": "onClick"; }, never, ["[toolbar-bottom]"], true, never>;
+}

package/lib/components/organisms/toolbar/types.d.ts

@@ -0,0 +1,11 @@
+import { Color } from '@ionic/core';
+import { ToolbarAction } from '../../types';
+export type ToolbarMetadata = {
+    withBack: boolean;
+    backText?: string;
+    withActions: boolean;
+    color?: Color;
+    textColor?: Color;
+    title: string;
+    actions: ToolbarAction[];
+};

package/lib/components/organisms/wizard/types.d.ts

@@ -0,0 +1,20 @@
+import { ButtonMetadata, ComponentState } from '../../types';
+import { NoContentMetadata } from '../no-content/types';
+export type WizardMetadata = {
+    state: ComponentState;
+    current: number;
+    steps: Steps;
+    error: Step;
+};
+export type Step = {
+    titles: NoContentMetadata;
+    buttons: ButtonMetadata[];
+};
+export type Steps = {
+    [step: number]: Step;
+};
+export declare enum MOTION {
+    BACKWARD = 0,
+    FORWARD = 1,
+    RETRY = 2
+}

package/lib/components/organisms/wizard/wizard-footer/wizard-footer.component.d.ts

@@ -0,0 +1,21 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import { ButtonMetadata } from '../../../types';
+import { MOTION, Step, WizardMetadata } from '../types';
+import * as i0 from "@angular/core";
+export declare class WizardFooterComponent implements OnInit {
+    props: WizardMetadata;
+    onClick: EventEmitter<{
+        current: number;
+        motion: MOTION;
+    }>;
+    wrapperId: string;
+    constructor();
+    ngOnInit(): void;
+    clickHandler(token?: string): void;
+    get Current(): Step;
+    get Progress(): number;
+    get actions(): ButtonMetadata[];
+    tryToStep(motion: MOTION): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WizardFooterComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WizardFooterComponent, "val-wizard-footer", never, { "props": { "alias": "props"; "required": false; }; }, { "onClick": "onClick"; }, never, never, true, never>;
+}

package/lib/components/organisms/wizard/wizard.component.d.ts

@@ -0,0 +1,22 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import { MOTION, Step, WizardMetadata } from './types';
+import * as i0 from "@angular/core";
+export declare class WizardComponent implements OnInit {
+    props: WizardMetadata;
+    onClick: EventEmitter<{
+        current: number;
+        motion: MOTION;
+    }>;
+    wrapperId: string;
+    constructor();
+    ngOnInit(): void;
+    working(): void;
+    done(): void;
+    get Current(): Step;
+    setCurrent(newStep: number): void;
+    setError(error: string): void;
+    reset(): void;
+    clickHandler(token?: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WizardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WizardComponent, "val-wizard", never, { "props": { "alias": "props"; "required": false; }; }, { "onClick": "onClick"; }, never, ["[step]"], true, never>;
+}

package/lib/components/templates/simple/simple.component.d.ts

@@ -0,0 +1,7 @@
+import { SimpleMetadata } from './types';
+import * as i0 from "@angular/core";
+export declare class SimpleComponent {
+    props: SimpleMetadata;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SimpleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SimpleComponent, "val-simple", never, { "props": { "alias": "props"; "required": false; }; }, {}, never, ["*"], true, never>;
+}

package/lib/components/templates/simple/types.d.ts

@@ -0,0 +1,7 @@
+import { HeaderMetadata } from '../../organisms/header/types';
+export interface SimpleMetadata {
+    header: HeaderMetadata;
+    pageTitle: string;
+    pageDescription: string;
+    withDivider: boolean;
+}

package/lib/components/types.d.ts

@@ -1,5 +1,6 @@
-import { ValidatorFn } from '@angular/forms';
-import { ButtonMetadata } from './atoms/button/types';
+import { FormControl, ValidatorFn } from '@angular/forms';
+import { ImageMetadata } from './atoms/image/types';
+import { Color } from '@ionic/core';
 export type ComponentState = 'ENABLED' | 'DISABLED' | 'WORKING' | 'ERROR';
 export declare const ComponentStates: {
     ENABLED: "ENABLED";
@@ -40,6 +41,7 @@ export type InputOption = {
     order: number;
 };
 export type InputMetadata = {
+    control: FormControl;
     token: string;
     label: string;
     name: string;
@@ -76,3 +78,36 @@ export type FormMetadata = {
     actions: ButtonMetadata;
     state: ComponentState;
 };
+export declare enum ToolbarActionType {
+    AVATAR = "AVATAR",
+    ICON = "ICON",
+    IMAGE = "IMAGE",
+    BUTTON = "BUTTON"
+}
+export type ToolbarAction = {
+    type: 'AVATAR' | 'ICON' | 'IMAGE' | 'BUTTON';
+    token?: string;
+    position: 'left' | 'right' | 'center';
+    description?: string;
+    image?: ImageMetadata;
+};
+export interface IconMetada {
+    name: string;
+    slot: 'start' | 'end';
+}
+export interface ButtonMetadata {
+    actionType?: ActionType;
+    expand?: 'full' | 'block';
+    href?: string;
+    target?: '_blank' | '_self' | '_parent' | '_top';
+    download?: string;
+    color: Color;
+    state: ComponentState;
+    text: string;
+    icon?: IconMetada;
+    shape?: 'round';
+    size?: 'small' | 'default' | 'large';
+    fill?: 'clear' | 'outline' | 'solid' | 'default';
+    type: 'button' | 'submit' | 'reset';
+    token?: string;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "valtech-components",
-  "version": "2.0.19",
+  "version": "2.0.21",
   "peerDependencies": {
     "@angular/common": "^18.0.0",
     "@angular/core": "^18.0.0",

package/public-api.d.ts

@@ -1,9 +1,76 @@
-export * from './lib/components/atoms/button/button.component';
-export * from './lib/components/atoms/button/factory';
-export * from './lib/components/atoms/button/types';
 export * from './lib/components/atoms/avatar/avatar.component';
 export * from './lib/components/atoms/avatar/types';
+export * from './lib/components/atoms/box/box.component';
+export * from './lib/components/atoms/box/types';
+export * from './lib/components/atoms/button/button.component';
+export * from './lib/components/atoms/button/factory';
+export * from './lib/components/atoms/display/display.component';
+export * from './lib/components/atoms/display/types';
+export * from './lib/components/atoms/divider/divider.component';
+export * from './lib/components/atoms/divider/types';
+export * from './lib/components/atoms/href/href.component';
+export * from './lib/components/atoms/href/types';
+export * from './lib/components/atoms/icon/icon.component';
+export * from './lib/components/atoms/icon/types';
+export * from './lib/components/atoms/image/image.component';
+export * from './lib/components/atoms/image/types';
+export * from './lib/components/atoms/progress-bar/progress-bar.component';
+export * from './lib/components/atoms/progress-bar/types';
+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';
+export * from './lib/components/molecules/button-group/types';
+export * from './lib/components/molecules/card/card.component';
+export * from './lib/components/molecules/card/types';
+export * from './lib/components/molecules/check-input/check-input.component';
+export * from './lib/components/molecules/comment-input/comment-input.component';
+export * from './lib/components/molecules/content-loader/content-loader.component';
+export * from './lib/components/molecules/content-loader/types';
+export * from './lib/components/molecules/date-input/date-input.component';
+export * from './lib/components/molecules/email-input/email-input.component';
+export * from './lib/components/molecules/file-input/file-input.component';
+export * from './lib/components/molecules/hint/hint.component';
+export * from './lib/components/molecules/hour-input/hour-input.component';
+export * from './lib/components/molecules/link/link.component';
+export * from './lib/components/molecules/link/types';
+export * from './lib/components/molecules/links-cake/links-cake.component';
+export * from './lib/components/molecules/links-cake/types';
+export * from './lib/components/molecules/notes-box/notes-box.component';
+export * from './lib/components/molecules/notes-box/types';
+export * from './lib/components/molecules/number-input/number-input.component';
+export * from './lib/components/molecules/password-input/password-input.component';
+export * from './lib/components/molecules/pin-input/pin-input.component';
+export * from './lib/components/molecules/progress-status/progress-status.component';
+export * from './lib/components/molecules/progress-status/types';
+export * from './lib/components/molecules/prompter/prompter.component';
+export * from './lib/components/molecules/prompter/types';
+export * from './lib/components/molecules/radio-input/radio-input.component';
+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';
+export * from './lib/components/organisms/form/factory';
+export * from './lib/components/organisms/form/form-footer/form-footer.component';
+export * from './lib/components/organisms/form/form.component';
+export * from './lib/components/organisms/header/header.component';
+export * from './lib/components/organisms/header/types';
+export * from './lib/components/organisms/no-content/no-content.component';
+export * from './lib/components/organisms/no-content/types';
+export * from './lib/components/organisms/toolbar/toolbar.component';
+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';

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

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

package/lib/components/atoms/button/types.d.ts

@@ -1,22 +0,0 @@
-import { Color } from '@ionic/core';
-import { ActionType, ComponentState } from '../../types';
-export interface IconMetada {
-    name: string;
-    slot: 'start' | 'end';
-}
-export interface ButtonMetadata {
-    actionType?: ActionType;
-    expand?: 'full' | 'block';
-    href?: string;
-    target?: '_blank' | '_self' | '_parent' | '_top';
-    download?: string;
-    color: Color;
-    state: ComponentState;
-    text: string;
-    icon?: IconMetada;
-    shape?: 'round';
-    size?: 'small' | 'default' | 'large';
-    fill?: 'clear' | 'outline' | 'solid' | 'default';
-    type: 'button' | 'submit' | 'reset';
-    token?: string;
-}