@net7/components 3.0.2-rc.2

package/lib/components/facet/facet.d.ts

@@ -0,0 +1,129 @@
+import * as i0 from "@angular/core";
+/**
+ * Interface for FacetComponent's "data"
+ *
+ * @property sections (required)
+ * @property classes (optional)
+ */
+export interface FacetData {
+    sections: FacetSection[];
+    classes?: string;
+}
+/**
+ * Interface for FacetSection
+ *
+ * @property inputs (required)
+ * @property classes (optional)
+ * @property _meta (optional)
+ */
+export interface FacetSection {
+    inputs: Array<FacetInputCheckbox | FacetInputLink | FacetInputText | FacetInputSelect>;
+    classes?: string;
+    _meta?: any;
+}
+/**
+ * Interface for FacetInputText
+ *
+ * @property type (required)
+ * @property id (required)
+ * @property placeholder (optional)
+ * @property value (optional)
+ * @property label (optional)
+ * @property disabled (optional)
+ * @property icon (optional)
+ * @property inputPayload (optional)
+ * @property enterPayload (optional)
+ * @property iconPayload (optional)
+ * @property classes (optional)
+ * @property _meta (optional)
+ */
+export interface FacetInputText {
+    type: 'text';
+    id: string;
+    placeholder?: string;
+    value?: string | number | null;
+    label?: string;
+    disabled?: boolean;
+    icon?: string;
+    inputPayload?: any;
+    enterPayload?: any;
+    iconPayload?: any;
+    classes?: any;
+    _meta?: any;
+}
+/**
+ * Interface for FacetInputSelect
+ *
+ * @property type (required)
+ * @property id (required)
+ * @property options (required)
+ * @property label (optional)
+ * @property disabled (optional)
+ * @property icon (optional)
+ * @property payload (optional)
+ * @property classes (optional)
+ * @property _meta (optional)
+ */
+export interface FacetInputSelect {
+    type: 'select';
+    id: string;
+    options: Array<{
+        label: string;
+        value: string | number;
+        selected?: boolean;
+        disabled?: boolean;
+    }>;
+    label?: string;
+    disabled?: boolean;
+    payload?: any;
+    classes?: any;
+    _meta?: any;
+}
+/**
+ * Interface for FacetInputCheckbox
+ *
+ * @property type (required)
+ * @property id (required)
+ * @property label (required)
+ * @property checked (optional)
+ * @property disabled (optional)
+ * @property payload (optional)
+ * @property classes (optional)
+ * @property _meta (optional)
+ */
+export interface FacetInputCheckbox {
+    type: 'checkbox';
+    id: string;
+    label: string;
+    checked?: boolean;
+    disabled?: boolean;
+    payload?: any;
+    classes?: any;
+    _meta?: any;
+}
+/**
+ * Interface for FacetInputLink
+ *
+ * @property icon (optional)
+ * @property text (required)
+ * @property counter (optional)
+ * @property payload (optional)
+ * @property classes (optional)
+ * @property _meta (optional)
+ */
+export interface FacetInputLink {
+    type: 'link';
+    text: string;
+    icon?: string;
+    counter?: number;
+    payload?: any;
+    classes?: any;
+    _meta?: any;
+}
+export declare class FacetComponent {
+    data: FacetData;
+    emit: any;
+    onChange(inputPayload: any, value?: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FacetComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FacetComponent, "n7-facet", never, { "data": "data"; "emit": "emit"; }, {}, never, never>;
+}

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

@@ -0,0 +1,2 @@
+import { FacetData } from './facet';
+export declare const FACET_MOCK: FacetData;

package/lib/components/facet-header/facet-header.d.ts

@@ -0,0 +1,44 @@
+import * as i0 from "@angular/core";
+/**
+ * Interface for FacetHeaderComponent's "data"
+ *
+ * @property iconLeft (optional)
+ * @property text (required)
+ * @property additionalText (optional)
+ * @property iconRight (optional)
+ * @property classes (optional)
+ * @property payload (optional)
+ */
+export interface FacetHeaderData {
+    /**
+     * the headers leftmost icon
+     */
+    iconLeft?: string;
+    /**
+     * the title text
+     */
+    text: string;
+    /**
+     * additional text, displayed on the right of the text
+     */
+    additionalText?: string;
+    /**
+     * the headers rightmost icon
+     */
+    iconRight?: string;
+    /**
+     * additional html classes
+     */
+    classes?: any;
+    /**
+     * payload for onClick events
+     */
+    payload?: any;
+}
+export declare class FacetHeaderComponent {
+    data: FacetHeaderData;
+    emit: any;
+    onClick(payload: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FacetHeaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FacetHeaderComponent, "n7-facet-header", never, { "data": "data"; "emit": "emit"; }, {}, never, never>;
+}

package/lib/components/facet-header/facet-header.mock.d.ts

@@ -0,0 +1,2 @@
+import { FacetHeaderData } from './facet-header';
+export declare const FACET_HEADER_MOCK: FacetHeaderData;

package/lib/components/facet-year-range/facet-year-range.d.ts

@@ -0,0 +1,83 @@
+import * as i0 from "@angular/core";
+/**
+ * Interface for FacetYearRangeComponent's "data"
+ *
+ * @property inDate (required)
+ * - text (optional)
+ * - classes (optional)
+ * - payload (required)
+ * - _meta (optional)
+ * @property outDate (required)
+ * - text (optional)
+ * - classes (optional)
+ * - payload (required)
+ * - _meta (optional)
+ * @property options (required)
+ */
+export interface FacetYearRangeData {
+    /**
+     * beginning year range selection
+     */
+    inDate: {
+        /**
+         * <select> heading
+         */
+        text?: string;
+        /**
+         * additional html classes
+         */
+        classes?: any;
+        /**
+         * placeholder option
+         */
+        placeholder?: string;
+        /**
+         * onChange payload
+         */
+        payload: any;
+        /**
+         * additional data useful for the component's logic
+         */
+        _meta?: any;
+        options: FacetOptions[];
+    };
+    /**
+    * end year range selection
+    */
+    outDate: {
+        /**
+         * <select> heading
+         */
+        text?: string;
+        /**
+         * additional html classes
+         */
+        classes?: any;
+        /**
+         * placeholder option
+         */
+        placeholder?: string;
+        /**
+         * onChange payload
+         */
+        payload: any;
+        /**
+         * additional data useful for the component's logic
+         */
+        _meta?: any;
+        options: FacetOptions[];
+    };
+}
+export interface FacetOptions {
+    /**
+     * value of each <option>
+     */
+    value: any;
+}
+export declare class FacetYearRangeComponent {
+    data: FacetYearRangeData;
+    emit: any;
+    onChange(payload: any, selected: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FacetYearRangeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FacetYearRangeComponent, "n7-facet-year-range", never, { "data": "data"; "emit": "emit"; }, {}, never, never>;
+}

package/lib/components/facet-year-range/facet-year-range.mock.d.ts

@@ -0,0 +1,2 @@
+import { FacetYearRangeData } from './facet-year-range';
+export declare const FACET_YEAR_RANGE_MOCK: FacetYearRangeData;

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

@@ -0,0 +1,118 @@
+import { Anchor } from '../../shared-interfaces';
+import * as i0 from "@angular/core";
+/**
+ * Interface for each link in footer menus
+ *
+ * @property text (required)
+ * @property classes (optional)
+ * @property anchor (mandatory)
+ * @property _meta (optional)
+ * @property _meta (optional)
+ *
+ */
+export interface FooterLink {
+    /**
+     * image url
+     */
+    text: string;
+    /**
+     * additional html classes
+     */
+    classes?: any;
+    anchor: Anchor;
+    /**
+     * additional info useful for the component's logic
+     */
+    _meta?: any;
+}
+/**
+ * Interface for each image in the footer (usually logos)
+ *
+ * @property url (required)
+ * @property alttext (optional)
+ * @property classes (optional)
+ * @property anchor (required)
+ * @property _meta (optional)
+ * @property _meta (optional)
+ *
+ */
+export interface FooterImage {
+    /**
+     * image url
+     */
+    url: string;
+    /**
+     * image alt text
+     */
+    alttext?: string;
+    /**
+     * additional html classes
+     */
+    classes?: any;
+    anchor: Anchor;
+    /**
+     * additional info useful for the component's logic
+     */
+    _meta?: any;
+}
+/**
+ * Interface for a single Footer column that can display title, images, text and a nav list
+ *
+ * @property title (optional)
+ * @property images (optional)
+ * @property text (optional)
+ * @property links (optional)
+ * @property classes (optional)
+ * @property _meta (optional)
+ *
+ */
+export interface FooterColumn {
+    /**
+     * column's title
+     */
+    title?: string;
+    /**
+     * column's images
+     */
+    images?: FooterImage[];
+    /**
+     * column's text
+     */
+    text?: string;
+    /**
+     * column's nav
+     */
+    links?: FooterLink[];
+    /**
+     * additional html classes
+     */
+    classes?: any;
+    /**
+     * additional info useful for the component's logic
+     */
+    _meta?: any;
+}
+/**
+ * Interface for FooterComponents's "Data"
+ *
+ * @property columns (required)
+ * @property classes (optional)
+ *
+ */
+export interface FooterData {
+    /**
+     * each item renders a column of the footer
+     */
+    columns: FooterColumn[];
+    /**
+     * additional html classes
+     */
+    classes?: any;
+}
+export declare class FooterComponent {
+    data: FooterData;
+    emit: any;
+    onClick(payload: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FooterComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FooterComponent, "n7-footer", never, { "data": "data"; "emit": "emit"; }, {}, never, never>;
+}

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

@@ -0,0 +1,2 @@
+import { FooterData } from './footer';
+export declare const FOOTER_MOCK: FooterData;

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

@@ -0,0 +1,281 @@
+import { Anchor } from '../../shared-interfaces';
+import * as i0 from "@angular/core";
+/**
+ * Interface for a single button
+ *
+ * @property text (required)
+ * @property anchor (required)
+ * @property icon (optional)
+ * @property classes (optional)
+ * @property _meta (optional)
+ */
+export interface ButtonItem {
+    /**
+     * text
+     */
+    text: string;
+    /**
+     * anchor
+     */
+    anchor: Anchor;
+    /**
+     * icon class
+     */
+    icon?: string;
+    /**
+     * additional html classes
+     */
+    classes?: string;
+    /**
+     * additional info
+     */
+    _meta?: any;
+}
+/**
+ * Interface for a single action item
+ *
+ * @property icon (required)
+ * @property badge (optional)
+ * - text (optional)
+ * @property classes (optional)
+ * @property anchor (required)
+ * @property _meta (optional)
+ */
+export interface ActionItem {
+    /**
+     * optional badge with, optionally, its text
+     */
+    badge?: {
+        text?: string;
+    };
+    /**
+     * icon class
+     */
+    icon: string;
+    anchor: Anchor;
+    /**
+     * additional html classes
+     */
+    classes?: string;
+    /**
+     * additional info
+     */
+    _meta?: any;
+}
+/**
+ * Interface for a single navbar item
+ *
+ * note: a single nav's item can be a text (w/ anchor) OR a dropdown
+ *
+ * @property icon (optional)
+ * @property subnav (optional)
+ * @property text (optional)
+ * @property classes (optional)
+ * @property anchor (required)
+ * @property _meta (optional)
+ */
+export interface NavbarItem {
+    /**
+     * text of a single item of the navbar (text and payload are connected)
+     */
+    text?: string;
+    /**
+     * icon for a single item of the navbar (associated to "text")
+     */
+    icon?: string;
+    /**
+     * second level navigation
+     */
+    subnav?: NavbarItem[];
+    anchor: Anchor;
+    /**
+     * additional html classes
+     */
+    classes?: string;
+    /**
+     * additional info
+     */
+    _meta?: any;
+}
+/**
+ * Interface for HeaderComponent's "data"
+ *
+ * @property logo (required)
+ * - title (required)
+ * - image (optional)
+ * - subtitle (optional)
+ * - classes (optional)
+ * - payload (optional)
+ * - anchor (optional)
+ * @proprty menuToggle (required)
+ * - open (required)
+ * - - payload (required)
+ * - closen (required)
+ * - - payload (required)
+ * @property actions (optional)
+ * @property nav (optional)
+ * - items (required)
+ * - isBelow (optional)
+ * - classes (optional)
+ * - payload (optional)
+ * - anchor (optional)
+ * - _meta (optional)
+ * @property search (optional)
+ * - hint (optional)
+ * - classes (optional)
+ * - payload (optional)
+ * - _meta (optional)
+ * @property user (optional)
+ * - image (optional)
+ * - name (optional)
+ * - classes (optional)
+ * - payload (optional)
+ * - anchor (optional)
+ * - _meta (optional)
+ * @property classes (optional)
+ * @property payload (optional)
+ * @property _meta (optional)
+ */
+export interface HeaderData {
+    /**
+     * logo and title area parameters
+     */
+    logo: {
+        image?: string;
+        title: string;
+        subtitle?: string;
+        classes?: string;
+        payload?: any;
+        anchor: Anchor;
+    };
+    /**
+     * nav's parameters
+     */
+    nav?: {
+        /**
+         * list of the items in the navbar
+         */
+        items: NavbarItem[];
+        /**
+         * flag for display the navbar under the header (instead of IN the header)
+         */
+        isBelow?: boolean;
+        /**
+         * additional html classes
+         */
+        classes?: string;
+        /**
+         * action click's payload
+         */
+        payload?: any;
+        /**
+         * additional info
+         */
+        _meta?: any;
+    };
+    /**
+     * search parameters
+     */
+    search?: {
+        /**
+         * hint (text showed in the input box until something is writed in there)
+         */
+        hint?: string;
+        /**
+         * additional html classes
+         */
+        classes?: string;
+        /**
+         * action click's payload
+         */
+        payload?: any;
+        /**
+         * additional info
+         */
+        _meta?: any;
+    };
+    /**
+     * action items
+     */
+    actions?: ActionItem[];
+    /**
+     * buttons items
+     */
+    buttons?: ButtonItem[];
+    /**
+     * user parameters
+     */
+    user?: {
+        /**
+         * user's profile picture
+         */
+        img?: string;
+        /**
+         * user's profile name
+         */
+        name?: string;
+        /**
+         * additional html classes
+         */
+        classes?: string;
+        anchor: Anchor;
+        /**
+         * additional info
+         */
+        _meta?: any;
+    };
+    /**
+     * menu toggle for mobile
+     */
+    menuToggle: {
+        open: {
+            payload: any;
+        };
+        close: {
+            payload: any;
+        };
+    };
+    /**
+     * additional html classes
+     */
+    classes?: string;
+    /**
+     * action click's payload
+     */
+    payload?: any;
+    /**
+     * additional info
+     */
+    _meta?: any;
+}
+/**
+ * HeaderComponent <n7-header>
+ *
+ * @structure
+ *  >>  cpm = it has Classes, Payload, Metadata  <<
+ *  >>  -p- = it has only Payload                <<
+ *  >>  +-- = sub-member                         <<
+ *  >>  +---> = array                            <<
+ *
+ *  data (cpm)
+ *    +-- actions
+ *          +---> action (cpm)
+ *                  +-- badge
+ *    +-- logo (cp-)
+ *    +-- menuToggle
+ *          +-- open (-p-)
+ *          +-- close (-p-)
+ *    +-- nav (cpm)
+ *          +---> items
+ *    +-- search (cpm)
+ *    +-- user (cpm)
+ *
+ */
+export declare class HeaderComponent {
+    data: any;
+    emit: any;
+    onClick(payload: any): void;
+    onKeyUp(payload: any, keyCode: any, value: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HeaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HeaderComponent, "n7-header", never, { "data": "data"; "emit": "emit"; }, {}, never, never>;
+}

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

@@ -0,0 +1,2 @@
+import { HeaderData } from './header';
+export declare const HEADER_MOCK: HeaderData;