@net7/components 3.0.2-rc.2

package/lib/components/signup/signup.d.ts

@@ -0,0 +1,109 @@
+import * as i0 from "@angular/core";
+/**
+ * Interface for Signup field
+ *
+ * @property id (M)
+ * @property label (M)
+ * @property inputType (M)
+ * @property payload (M)
+ * @property error (O)
+ * @property hint (O)
+ * @property classes (O)
+ */
+interface SignupField {
+    id: string;
+    label: string;
+    inputType: 'password' | 'text' | 'email';
+    payload: any;
+    error?: string;
+    hint?: string;
+    classes?: string;
+}
+/**
+ * Interface for Signup password field (extends SignupField)
+ *
+ * @property show (O)
+ */
+interface SignupPasswordField extends SignupField {
+    show?: {
+        icon: string;
+        label: string;
+        payload: any;
+    };
+}
+/**
+ * Interface for Signup submit
+ *
+ * @property label (M)
+ * @property payload (M)
+ * @property error (O)
+ * @property classes (O)
+ */
+interface SignupSubmit {
+    label: string;
+    payload: any;
+    error?: string;
+    classes?: string;
+}
+/**
+ * Interface for Signup footer
+ *
+ * @property label (M)
+ * @property action (M)
+ * @property classes (O)
+ */
+interface SignupFooter {
+    label: string;
+    action: {
+        label: string;
+        payload: any;
+    };
+    classes?: string;
+}
+/**
+ * Interface for Signup data
+ * login/signup/forgotPassword groups
+ *
+ * @property login (O)
+ * @property signup (O)
+ * @property forgotPassword (O)
+ */
+export interface SignupData {
+    login?: {
+        email: SignupField;
+        password: SignupPasswordField;
+        forgotPassword?: {
+            title: string;
+            label: string;
+            payload: any;
+        };
+        submit: SignupSubmit;
+        footer?: SignupFooter;
+    };
+    signup?: {
+        name: SignupField;
+        email: SignupField;
+        password: SignupPasswordField;
+        rePassword: SignupPasswordField;
+        submit: SignupSubmit;
+        footer?: SignupFooter;
+    };
+    forgotPassword?: {
+        description: string;
+        email: SignupField;
+        submit: SignupSubmit;
+        footer?: SignupFooter;
+    };
+}
+export declare class SignupComponent {
+    data: SignupData;
+    emit: any;
+    onClick(payload: any): void;
+    onChange(inputPayload: any, value: any): void;
+    onInputEnter(inputPayload: any, value: any): void;
+    onFocus(payload: any): void;
+    onFocusOut(payload: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SignupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SignupComponent, "n7-signup", never, { "data": "data"; "emit": "emit"; }, {}, never, never>;
+}
+export {};

package/lib/components/signup/signup.mock.d.ts

@@ -0,0 +1,2 @@
+import { SignupData } from './signup';
+export declare const SIGNUP_MOCK: SignupData;

package/lib/components/simple-autocomplete/simple-autocomplete.d.ts

@@ -0,0 +1,40 @@
+import { Anchor } from '../../shared-interfaces';
+import * as i0 from "@angular/core";
+/**
+ * Interface for SimpleAutocompleteComponent's "data"
+ *
+ * @property suggestion (required)
+ * @property classes (optional)
+ * @property _meta (optional)
+ */
+export interface SimpleAutocompleteData {
+    /**
+     * Suggested word endings
+     */
+    suggestion: SimpleAutocompleteSuggestion[];
+    /**
+     * Additional HTML classes
+     */
+    classes?: any;
+    /**
+     * Additional data useful for the component's logic
+     */
+    _meta?: any;
+}
+/**
+ * Interface for SimpleAutocompleteComponent's "Suggestion"
+ *
+ * @property text
+ * @property anchor (optional)
+ */
+export interface SimpleAutocompleteSuggestion {
+    text: string;
+    anchor?: Anchor;
+}
+export declare class SimpleAutocompleteComponent {
+    data: SimpleAutocompleteData;
+    emit: any;
+    onClick(payload: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SimpleAutocompleteComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SimpleAutocompleteComponent, "n7-simple-autocomplete", never, { "data": "data"; "emit": "emit"; }, {}, never, never>;
+}

package/lib/components/simple-autocomplete/simple-autocomplete.mock.d.ts

@@ -0,0 +1,2 @@
+import { SimpleAutocompleteData } from './simple-autocomplete';
+export declare const SIMPLE_AUTOCOMPLETE_MOCK: SimpleAutocompleteData;

package/lib/components/table/table.d.ts

@@ -0,0 +1,89 @@
+import * as i0 from "@angular/core";
+/**
+ * Interface for row's cells
+ *
+ * @property content (required)
+ * @property type (optional)
+ * @property classes (optional)
+ * @property payload (optional)
+ * @property _meta (optional)
+ */
+export interface Cell {
+    content: any;
+    /**
+     * content type
+     */
+    type?: 'html' | 'input:text';
+    /**
+     * additional html classes
+     */
+    classes?: string;
+    /**
+     * action click's payload
+     */
+    payload?: any;
+    /**
+     * additional info
+     */
+    _meta?: any;
+}
+/**
+ * Interface for table's rows (head, body or foot rows)
+ *
+ * @property cells (required)
+ * @property classes (optional)
+ * @property payload (optional)
+ * @property _meta (optional)
+ */
+export interface Row {
+    cells: Cell[];
+    /**
+     * additional html classes
+     */
+    classes?: string;
+    /**
+     * additional info
+     */
+    _meta?: any;
+}
+/**
+ * Interface for TableComponent's "data"
+ *
+ * @property body (required)
+ * @property head (optional)
+ * @proprty foot (optional)
+ * @property classes (optional)
+ * @property payload (optional)
+ * @property _meta (optional)
+ */
+export interface TableData {
+    /**
+     * table's head
+     */
+    head?: Row[];
+    /**
+     * table's body (the table its self)
+     */
+    body: Row[];
+    /**
+     * table's foot
+     */
+    foot?: Row[];
+    /**
+     * additional html classes
+     */
+    classes?: string;
+    /**
+     * additional info
+     */
+    _meta?: any;
+}
+export declare class TableComponent {
+    data: TableData;
+    emit: any;
+    onCellClick(cellPayload: any): void;
+    onCellDblClick(cellPayload: any): void;
+    onInputTextChange(cellPayload: any, cellValue: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent, "n7-table", never, { "data": "data"; "emit": "emit"; }, {}, never, never>;
+}

package/lib/components/table/table.mock.d.ts

@@ -0,0 +1,2 @@
+import { TableData } from './table';
+export declare const TABLE_MOCK: TableData;

package/lib/components/tag/tag.d.ts

@@ -0,0 +1,45 @@
+import * as i0 from "@angular/core";
+/**
+ * Interface for TagComponent's "data"
+ *
+ * @property text (required)
+ * @property label (optional)
+ * @property icon (optional)
+ * @property classes (optional)
+ * @property payload (optional)
+ * @property _meta (optional)
+ *
+ */
+export interface TagData {
+    /**
+     * tag's label
+     */
+    label?: string;
+    /**
+     * text visualized on the tag
+     */
+    text: string;
+    /**
+     * action icon (on right side)
+     */
+    icon?: string;
+    /**
+     * additional html classes
+     */
+    classes?: string;
+    /**
+     * action click's payload
+     */
+    payload?: any;
+    /**
+     * additional info
+     */
+    _meta?: any;
+}
+export declare class TagComponent {
+    data: TagData;
+    emit: any;
+    onClick(payload: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TagComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TagComponent, "n7-tag", never, { "data": "data"; "emit": "emit"; }, {}, never, never>;
+}

package/lib/components/tag/tag.mock.d.ts

@@ -0,0 +1,2 @@
+import { TagData } from './tag';
+export declare const TAG_MOCK: TagData;

package/lib/components/text-viewer/text-viewer.d.ts

@@ -0,0 +1,34 @@
+import { OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Interface for TextViewerComponent's "data"
+ * @property endpoint (required)
+ * @property doc (required)
+ * @property facsimile (optional)
+ */
+export interface TextViewerData {
+    endpoint: string;
+    docs: {
+        xml: string;
+        odd: string;
+        id: string;
+        view: string;
+        channel?: string;
+        translation?: boolean;
+    }[];
+    facsimile?: any;
+    /**
+     * additional html classes
+     */
+    classes?: string;
+}
+export declare class TextViewerComponent implements OnInit {
+    data: TextViewerData;
+    emit: any;
+    static _loaded: boolean;
+    ngOnInit(): void;
+    onScriptLoaded(): void;
+    onClick(payload: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TextViewerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TextViewerComponent, "n7-text-viewer", never, { "data": "data"; "emit": "emit"; }, {}, never, never>;
+}

package/lib/components/text-viewer/text-viewer.mock.d.ts

@@ -0,0 +1,2 @@
+import { TextViewerData } from './text-viewer';
+export declare const TEXT_VIEWER_MOCK: TextViewerData;

package/lib/components/timeline/timeline.d.ts

@@ -0,0 +1,30 @@
+import { AfterContentChecked } from '@angular/core';
+import { DataItem, TimelineOptions } from 'vis-timeline';
+import * as i0 from "@angular/core";
+export interface LibOptions extends TimelineOptions {
+    /** Specifies how strong the zooming for each scroll tick.
+     * Higher zooming friction will slow zooming speed */
+    zoomFriction?: number;
+}
+export interface TimelineData {
+    /** ID for the HTML container element */
+    containerID: string;
+    /** Options for vis-timeline, full reference: https://visjs.github.io/vis-timeline/docs/timeline/#Configuration_Options */
+    libOptions: LibOptions;
+    /** Sets the timeline instance to the given parameter */
+    _setInstance?: any;
+    /** Dadaset in vis-js format, full ref: https://visjs.github.io/vis-timeline/docs/timeline/#Data_Format */
+    dataSet: DataItem[];
+}
+export declare class TimelineComponent implements AfterContentChecked {
+    data: TimelineData;
+    emit: any;
+    /** Knows if the component is loaded */
+    private _loaded;
+    /** Dynamically load required node modules */
+    private loadModules;
+    ngAfterContentChecked(): void;
+    onClick(payload: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TimelineComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TimelineComponent, "n7-timeline", never, { "data": "data"; "emit": "emit"; }, {}, never, never>;
+}

package/lib/components/timeline/timeline.mock.d.ts

@@ -0,0 +1,2 @@
+import { TimelineData } from './timeline';
+export declare const TIMELINE_MOCK: TimelineData;

package/lib/components/toast/toast.d.ts

@@ -0,0 +1,84 @@
+import * as i0 from "@angular/core";
+/**
+ * Interface for ToastComponent's "data"
+ *
+ * @property toasts (required)
+ * @property classes (optional)
+ */
+export interface ToastData {
+    toasts: ToastBox[];
+    classes?: string;
+}
+/**
+ * Interface for the single ToastComponent's "Box"
+ *
+ * @property classes (required)
+ * @property timer (optional)
+ * @property closeIcon (optional)
+ * - icon (required)
+ * - payload (required)
+ * @property title (optional)
+ * @property text (optional)
+ * @property actions (optional)
+ */
+export interface ToastBox {
+    /**
+     * requires: [is-success, is-warning, is-error] + optional additional html classes
+     */
+    classes: string;
+    /**
+     * larger, title text
+     */
+    title?: string;
+    /**
+     * the toast's body text
+     */
+    text?: string;
+    /**
+     * 'X' icon, to dismiss/close the toast
+     * ( n7-icon-cross )
+     *
+     *  Each icon requires it's onClick payload
+     */
+    closeIcon?: {
+        icon: string;
+        payload: string;
+    };
+    /**
+     * the toast's optional buttons
+     * suggestion: don't use more than 2 actions
+     */
+    actions?: ToastAction[];
+    /**
+     * additional info
+     */
+    _meta?: any;
+}
+/**
+ * Interface for the single ToastComponent's "Action"
+ *
+ * @property text (required)
+ * @property payload (required)
+ * @property classes (optional)
+ */
+export interface ToastAction {
+    /**
+     * the button's rendered text
+     */
+    text: string;
+    /**
+     * the button's onClick payload
+     */
+    payload: any;
+    /**
+     * additional html classes
+     */
+    classes?: string;
+}
+export declare class ToastComponent {
+    data: ToastData;
+    emit: any;
+    onClick(payload: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToastComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToastComponent, "n7-toast", never, { "data": "data"; "emit": "emit"; }, {}, never, never>;
+}

package/lib/components/toast/toast.mock.d.ts

@@ -0,0 +1,2 @@
+import { ToastData } from './toast';
+export declare const TOAST_MOCK: ToastData;

package/lib/components/tooltip-content/tooltip-content.d.ts

@@ -0,0 +1,24 @@
+import { Button } from '../../shared-interfaces';
+import * as i0 from "@angular/core";
+/**
+ * Interface for TooltipContentComponent's "data"
+ *
+ * @property NAME (required|options) <--- TODO: update with interface properties
+ */
+export interface TooltipContentData {
+    /** Title of the tooltip */
+    title?: string;
+    /** Subtitle or text */
+    text?: string;
+    /** Image for the tooltip */
+    image?: string;
+    /** Action or list of actions */
+    actions?: Button[];
+}
+export declare class TooltipContentComponent {
+    data: TooltipContentData;
+    emit: any;
+    onClick(payload: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TooltipContentComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TooltipContentComponent, "n7-tooltip-content", never, { "data": "data"; "emit": "emit"; }, {}, never, never>;
+}

package/lib/components/tooltip-content/tooltip-content.mock.d.ts

@@ -0,0 +1,2 @@
+import { TooltipContentData } from './tooltip-content';
+export declare const TOOLTIP_CONTENT_MOCK: TooltipContentData;

package/lib/components/tree/tree.d.ts

@@ -0,0 +1,79 @@
+import { Anchor } from '../../shared-interfaces';
+import * as i0 from "@angular/core";
+/**
+ * Interface for TreeComponent's "data"
+ *
+ * @property header (required)
+ * - icon (required)
+ * - text (required)
+ * - collapseIcon (required)
+ * - classes (optional)
+ * - payload (optional)
+ * @property items (required)
+ */
+export interface TreeData {
+    /**
+     * tree of items
+     */
+    items: TreeItem[];
+}
+/**
+ * Interface for the single TreeComponent's "Item"
+ *
+ * @property icon (optional)
+ * @property img (optional)
+ * @property classes (optional)
+ * @property text (required)
+ * @property anchor (optional)
+ * @property _meta (optional)
+ * @property items (optional)
+ */
+export interface TreeItem {
+    /**
+     * the node's toggle arrow, to expand and
+     * collapse it's child nodes.
+     */
+    toggle?: {
+        icon: string;
+        payload?: any;
+    };
+    /**
+     * the item's icon, only used on leaf items
+     */
+    icon?: string;
+    /**
+    * the item's right icon, only used on tree items
+    */
+    iconright?: string;
+    /**
+     * the item's image, only used on leaf items
+     */
+    img?: string;
+    /**
+     * additional html classes
+     */
+    classes?: any;
+    /**
+     * the item's rendered text
+     */
+    text: string;
+    /**
+     * anchor <a>
+     */
+    anchor?: Anchor;
+    /**
+     * additional info useful for the component's logic
+     */
+    _meta?: any;
+    /**
+     * item recursion
+     */
+    items?: TreeItem[];
+}
+export declare class TreeComponent {
+    data: TreeData;
+    emit: any;
+    onClick(payload: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TreeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TreeComponent, "n7-tree", never, { "data": "data"; "emit": "emit"; }, {}, never, never>;
+}

package/lib/components/tree/tree.mock.d.ts

@@ -0,0 +1,2 @@
+import { TreeData } from './tree';
+export declare const TREE_MOCK: TreeData;

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

@@ -0,0 +1,57 @@
+import * as i0 from "@angular/core";
+/**
+* Interface for a single WizardComponent's "item"
+*
+* @property text (optional)
+* @property number (optional)
+* @property classes (optional)
+* @property payload (required)
+* @property _meta (optional)
+*
+*/
+export interface WizardItem {
+    /**
+    *  text rendered on the step
+    */
+    text?: string;
+    /**
+    * number rendered on the step
+    */
+    number?: number;
+    /**
+    * action click's payload
+    */
+    payload: any;
+    /**
+    * additional html classes
+    */
+    classes?: any;
+    /**
+    * additional info useful for the component's logic
+    */
+    _meta?: any;
+}
+/**
+* Interface for WizardComponent's "data"
+*
+* @property items (required)
+* @property classes (optional)
+*
+*/
+export interface WizardData {
+    /**
+    * each item represents a step
+    */
+    items: WizardItem[];
+    /**
+    * additional html classes
+    */
+    classes?: any;
+}
+export declare class WizardComponent {
+    data: WizardData;
+    emit: any;
+    onClick(payload: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WizardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WizardComponent, "n7-wizard", never, { "data": "data"; "emit": "emit"; }, {}, never, never>;
+}

package/lib/components/wizard/wizard.mock.d.ts

@@ -0,0 +1,2 @@
+import { WizardData } from './wizard';
+export declare const WIZARD_MOCK: WizardData;