@net7/components 3.0.2-rc.2

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

@@ -0,0 +1,57 @@
+import { Anchor } from '../../shared-interfaces';
+import * as i0 from "@angular/core";
+/**
+ * Interface for AdvancedAutocompleteComponent's "data"
+ */
+export interface AdvancedAutocompleteData {
+    results?: AdvancedAutocompleteResponse[];
+    actions?: {
+        advanced?: {
+            text: string;
+            anchor?: Anchor;
+            classes?: any;
+        };
+        showMore?: {
+            text: string;
+            anchor?: Anchor;
+            classes?: any;
+        };
+    };
+    fallback: string;
+    classes?: any;
+    _meta?: any;
+}
+interface AdvancedAutocompleteItem {
+    /**
+     * anchor <a>
+     */
+    anchor?: Anchor;
+    /**
+     * Rendered text for the result item
+     */
+    title?: string;
+    /**
+     * Additional metadata for the result item
+     */
+    metadata?: Array<{
+        key?: string;
+        value?: string;
+    }>;
+}
+interface AdvancedAutocompleteResponse {
+    items: AdvancedAutocompleteItem[];
+    group?: {
+        title: string;
+        classes?: string;
+        icon?: string;
+        anchor?: Anchor;
+    };
+}
+export declare class AdvancedAutocompleteComponent {
+    data: AdvancedAutocompleteData;
+    emit: any;
+    onClick(payload: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AdvancedAutocompleteComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AdvancedAutocompleteComponent, "n7-advanced-autocomplete", never, { "data": "data"; "emit": "emit"; }, {}, never, never>;
+}
+export {};

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

@@ -0,0 +1,2 @@
+import { AdvancedAutocompleteData } from './advanced-autocomplete';
+export declare const ADVANCED_AUTOCOMPLETE_MOCK: AdvancedAutocompleteData;

package/lib/components/alert/alert.d.ts

@@ -0,0 +1,46 @@
+import * as i0 from "@angular/core";
+/**
+ * Interface for TagComponent's "data"
+ *
+ * @property body (required)
+ * @property icon (optional)
+ * @property classes (optional)
+ * @property payload (optional)
+ * @property _meta (optional)
+ * @property hasCloseButton (optional)
+ *
+ */
+export interface AlertData {
+    /**
+     * the alert's body/message which can include html tags
+    */
+    text: string;
+    /**
+     * alert icon (on left side)
+     */
+    icon?: string;
+    /**
+     * additional html classes
+     */
+    classes?: string;
+    /**
+     * action click's payload
+     */
+    payload?: any;
+    /**
+     * additional info
+     */
+    _meta?: any;
+    /**
+     * indicates whether the alert includes a close button (on top-right corner)
+     * or not (if not provided assumed as false)
+     */
+    hasCloseButton?: boolean;
+}
+export declare class AlertComponent {
+    data: AlertData;
+    emit: any;
+    onClick(payload: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AlertComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AlertComponent, "n7-alert", never, { "data": "data"; "emit": "emit"; }, {}, never, never>;
+}

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

@@ -0,0 +1,2 @@
+import { AlertData } from './alert';
+export declare const ALERT_MOCK: AlertData;

package/lib/components/anchor-wrapper/anchor-wrapper.d.ts

@@ -0,0 +1,16 @@
+import { EventEmitter } from '@angular/core';
+import { Anchor } from '../../shared-interfaces';
+import * as i0 from "@angular/core";
+export declare class AnchorWrapperComponent {
+    data: Anchor;
+    classes: string;
+    clicked: EventEmitter<any>;
+    isExternal(href: any): boolean;
+    /**
+     * Click event handler.
+     * Outputs the payload to it's parent component
+     */
+    onClick(payload: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AnchorWrapperComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AnchorWrapperComponent, "n7-anchor-wrapper", never, { "data": "data"; "classes": "classes"; }, { "clicked": "clicked"; }, never, ["*"]>;
+}

package/lib/components/breadcrumbs/breadcrumbs.d.ts

@@ -0,0 +1,50 @@
+import { Anchor } from '../../shared-interfaces';
+import * as i0 from "@angular/core";
+/**
+ * Interface for a single BreadcrumbsComponent's "Item"
+ *
+ * @property label (required)
+ * @property payload (required)
+ * @property classes (optional)
+ * @property _meta (optional)
+ *
+ */
+export interface BreadcrumbsItem {
+    /**
+     * item's label
+     */
+    label: string;
+    anchor: Anchor;
+    /**
+     * additional html classes
+     */
+    classes?: any;
+    /**
+     * additional info useful for the component's logic
+     */
+    _meta?: any;
+}
+/**
+ * Interface for BreadcrumbsComponent's "Data"
+ *
+ * @property items (required)
+ * @property classes (optional)
+ *
+ */
+export interface BreadcrumbsData {
+    /**
+     * each item renders a breadcrumb level
+     */
+    items: BreadcrumbsItem[];
+    /**
+     * additional html classes
+     */
+    classes?: any;
+}
+export declare class BreadcrumbsComponent {
+    data: BreadcrumbsData;
+    emit: any;
+    onClick(payload: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BreadcrumbsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BreadcrumbsComponent, "n7-breadcrumbs", never, { "data": "data"; "emit": "emit"; }, {}, never, never>;
+}

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

@@ -0,0 +1,2 @@
+import { BreadcrumbsData } from './breadcrumbs';
+export declare const BREADCRUMBS_MOCK: BreadcrumbsData;

package/lib/components/bubble-chart/bubble-chart.d.ts

@@ -0,0 +1,108 @@
+import { AfterContentChecked } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Interface for BubbleChartComponent's "data"
+ *
+ * @property containerId (required)
+ * @property containerWidth (required)
+ * @property containerHeight (required)
+ * @property bubblesData (required)
+ * @property isForceSimulationEnabled (required)
+ * @property classes (optional)
+ * @property reset (optional)
+*/
+export interface BubbleChartData {
+    /**
+     * unique identifier for the bubble-chart
+     */
+    containerId: string;
+    /**
+     * total width for the bubble-chart
+     */
+    width: number;
+    /**
+     * total height for the bubble-chart
+     */
+    height: number;
+    /**
+     * data about the bubbles
+     */
+    data: BubbleChartDataItem[];
+    /**
+     * additional css classes
+     */
+    classes?: string;
+    /**
+     * list of ID's of selected items
+     * (selected items will render with a 'X' icon)
+     */
+    selected?: string[];
+    /**
+     * Specify a list of typeOfEntity types (domain),
+     * and a list of colors (range), which will be mapped together.
+     */
+    colorMatch?: {
+        domain: string[];
+        range: string[];
+    };
+    /**
+     * Define a max and min size for the bubbles
+     */
+    sizeRange: [number, number];
+    /**
+     * If defined, transition will be activated
+     * and the value will be used as duration
+     */
+    transition?: number;
+    /**
+     * If set to false, stops the shuffling of the data
+     * before rendering.
+     */
+    shuffle?: boolean;
+    /**
+     * Defines the font-family and the font-weight for each text group
+     */
+    fontRendering?: {
+        label?: {
+            family?: string;
+            weight?: string;
+        };
+        counter?: {
+            family?: string;
+            weight?: string;
+        };
+    };
+    /**
+     * expose the draw function outside of n7-frontend/components library
+     * this is needed to redraw bubble-chart-component on command
+     */
+    setDraw?: any;
+}
+/**
+ * Interface for D3Chart's "data"
+ *
+ * @property entity (required)
+ * - id (required)
+ * - label (optional)
+ * - typeOfEntity (optional)
+ * @property count (required)
+*/
+export interface BubbleChartDataItem {
+    entity: {
+        id: string;
+        label?: string;
+        typeOfEntity?: string;
+    };
+    count: number;
+}
+export declare class BubbleChartComponent implements AfterContentChecked {
+    data: BubbleChartData;
+    emit: any;
+    private d3;
+    private _loaded;
+    ngAfterContentChecked(): void;
+    onClick(payload: any): void;
+    draw: () => void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BubbleChartComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BubbleChartComponent, "n7-bubble-chart", never, { "data": "data"; "emit": "emit"; }, {}, never, never>;
+}

package/lib/components/bubble-chart/bubble-chart.mock.d.ts

@@ -0,0 +1,2 @@
+import { BubbleChartData } from './bubble-chart';
+export declare const BUBBLECHART_MOCK: BubbleChartData;

package/lib/components/carousel/carousel.d.ts

@@ -0,0 +1,166 @@
+import { AfterContentChecked } from '@angular/core';
+import { Anchor } from '../../shared-interfaces';
+import * as i0 from "@angular/core";
+/**
+ * Interface for PaginationComponent's links (pages and navigation buttons)
+ *
+ * @property text (required)
+ * @property anchor (optional)
+ * @property classes (optional)
+ * @property _meta (optional)
+ */
+export interface CarouselButton {
+    /**
+     * innerHTML or plain text for the label
+     */
+    text?: string;
+    /**
+     * additional html classes
+     */
+    classes?: string;
+    anchor?: Anchor;
+    /**
+     * additional info
+     */
+    _meta?: any;
+}
+/**
+ * Interface for PaginationComponent's Metadata tuples (pages and navigation buttons)
+ *
+ * @property key (optional)
+ * @property value (optional)
+ */
+export interface CarouselMetadata {
+    /**
+     * First element
+     */
+    key?: string;
+    /**
+     * Second element
+     */
+    value?: string;
+}
+export interface CarouselBackgroundItem {
+    /**
+     * Background image for the carousel
+     */
+    image?: string;
+    /**
+     * Background video for the carousel
+     */
+    video?: {
+        /** Media URL */
+        url: string;
+        /** Placeholder image while loading */
+        poster?: string;
+        /** Video width in pixels */
+        width: number;
+        /** Video height in pixels */
+        height: number;
+    };
+    /**
+     * Background color for the carousel
+     */
+    color?: string;
+}
+/**
+ * Interface for CarouselComponent's "Item"
+ *
+ * @property title (optional)
+ * @property text (optional)
+ * @property metadata (optional)
+ * @property action (optional)
+ * @property classes (optional)
+ * @property _meta (optional)
+ */
+export interface CarouselForegroundItem {
+    /**
+     * Header
+     */
+    title?: string;
+    /**
+     * Text paragraph / subtitle / pretitle
+     */
+    text?: string;
+    /**
+     * Metadata
+     */
+    metadata?: CarouselMetadata[];
+}
+/**
+ * Interface for CarouselComponent's "data"
+ *
+ * @property items (required)
+ * @property image (optional)
+ * @property video (optional)
+ * @property classes (optional)
+ * @property _meta (optional)
+ */
+export interface CarouselData {
+    /**
+     * ID Of the carousel container
+     */
+    containerId: string;
+    /**
+     * Options for the carousel library ( docs here : https://lattecarousel.dev/ )
+     */
+    libOptions?: any;
+    /**
+     * Array of carousel slides
+     */
+    slides: {
+        items: CarouselForegroundItem[];
+        /**
+         * Button
+         */
+        action?: CarouselButton;
+        background?: CarouselBackgroundItem;
+        classes?: string;
+    }[];
+    /**
+     * Callback for getting the carousel instance
+     */
+    setInstance?: any;
+    /**
+     * Callback to access the carousel API
+     * */
+    setComponentAPI?: any;
+    /**
+     * Classes for the carousel component
+     */
+    classes?: string;
+    /**
+     * Additional data useful for the component's logic
+     */
+    _meta?: any;
+}
+export declare class CarouselComponent implements AfterContentChecked {
+    data: CarouselData;
+    emit: any;
+    private loaded;
+    /**
+     * API of the carousel component
+     */
+    api: {
+        /**
+         * Used to lazy-load video resources.
+         * Call api.load.videos on DOMContentReady event
+         */
+        load: {
+            /** Changes all data-src attributes to src and calls <video>.load() */
+            videos: () => void;
+        };
+    };
+    ngAfterContentChecked(): void;
+    onClick(payload: any): void;
+    /**
+     * Function that adds the event listeners to each button.
+     * This is needed because when "new Carousel()" is called the event listeners are lost.
+     */
+    addButtonEvents({ slides, containerId }: {
+        slides: any;
+        containerId: any;
+    }): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CarouselComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CarouselComponent, "n7-carousel", never, { "data": "data"; "emit": "emit"; }, {}, never, never>;
+}

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

@@ -0,0 +1,2 @@
+import { CarouselData } from './carousel';
+export declare const CAROUSEL_MOCK: CarouselData;

package/lib/components/chart/chart.d.ts

@@ -0,0 +1,46 @@
+import { AfterContentChecked } from '@angular/core';
+import { ApexOptions } from 'apexcharts';
+import * as i0 from "@angular/core";
+/**
+ * Interface for ChartComponent's "data"
+ *
+ * @property _chartId (required)
+ * @property options (required)
+ * @property classes (optional)
+ * @property payload (optional)
+ * @property _meta (optional)
+*/
+export interface ChartData {
+    /**
+     * unique identifier for the chart
+     */
+    containerId: string;
+    /**
+     * libOptions for the chart ( docs here : https://apexcharts.com/docs/options/ )
+     */
+    libOptions: ApexOptions;
+    /**
+     * additional html classes
+     */
+    classes?: string;
+    /**
+     * action click's payload
+     */
+    payload?: any;
+    /**
+     * additional info
+     */
+    _meta?: any;
+    /**
+     * callback for saving the created chart instance
+     */
+    setChart?: any;
+}
+export declare class ChartComponent implements AfterContentChecked {
+    data: ChartData;
+    emit: any;
+    private _loaded;
+    ngAfterContentChecked(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ChartComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChartComponent, "n7-chart", never, { "data": "data"; "emit": "emit"; }, {}, never, never>;
+}

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

@@ -0,0 +1,2 @@
+import { ChartData } from './chart';
+export declare const CHART_MOCK: ChartData;

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

@@ -0,0 +1,28 @@
+import * as i0 from "@angular/core";
+/**
+ * Interface for ContentPlaceholderComponent's "data"
+ *
+ * @property classes (optional)
+ * @property _meta (optional)
+ */
+export interface ContentPlaceholderData {
+    /**
+     * array of html classes
+     */
+    blocks: BlocksData[];
+    /**
+     * additional info
+     */
+    _meta?: any;
+}
+interface BlocksData {
+    classes?: string;
+    image?: string;
+    alt?: string;
+}
+export declare class ContentPlaceholderComponent {
+    data: ContentPlaceholderData;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ContentPlaceholderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ContentPlaceholderComponent, "n7-content-placeholder", never, { "data": "data"; }, {}, never, never>;
+}
+export {};

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

@@ -0,0 +1,2 @@
+import { ContentPlaceholderData } from './content-placeholder';
+export declare const CONTENT_PLACEHOLDER_MOCK: ContentPlaceholderData;

package/lib/components/data-widget/data-widget.d.ts

@@ -0,0 +1,50 @@
+import * as i0 from "@angular/core";
+/**
+ * Interface for an index component Item
+ *
+ * @property icon (optional)
+ * @property text (required)
+ * @property subtitle (required)
+ * - text (required)
+ * - icon (optional)
+ * - grow (required)
+ */
+export interface DataWidgetData {
+    /**
+     * item icon
+     */
+    icon?: string;
+    /**
+     * item text
+     */
+    text?: string;
+    subtitle?: {
+        /**
+         * item subtitle
+         */
+        text: string;
+        /**
+         * item subtitle icon
+         */
+        icon: string;
+        /**
+         * percent rate
+         */
+        value: number | string;
+        payload: any;
+    };
+    classes?: string;
+    /**
+     * mouse event payload
+     */
+    payload: any;
+    _meta?: any;
+}
+export declare class DataWidgetComponent {
+    data: DataWidgetData;
+    emit: any;
+    onMouseEnter(payload: any): void;
+    onMouseLeave(payload: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DataWidgetComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DataWidgetComponent, "n7-data-widget", never, { "data": "data"; "emit": "emit"; }, {}, never, never>;
+}

package/lib/components/data-widget/data-widget.mock.d.ts

@@ -0,0 +1,2 @@
+import { DataWidgetData } from './data-widget';
+export declare const DATA_WIDGET_MOCK: DataWidgetData;

package/lib/components/datepicker/datepicker.d.ts

@@ -0,0 +1,43 @@
+import * as i0 from "@angular/core";
+/**
+ * Interface for datapicker component
+ * @property id (required)
+ * @property libOptions (required)
+ * @property classes (optional)
+ * @property payload (optional)
+ * @property _meta (optional)
+ */
+export interface DatePickerData {
+    /**
+     * datepicker id
+     */
+    id: string;
+    /**
+    * datepicker library options
+    * view LINK: https://flatpickr.js.org/
+    */
+    libOptions: any;
+    /**
+     * for datepicker range min and max range value
+     */
+    minRange?: number;
+    maxRange?: number;
+    classes?: string;
+    /**
+     * datepicker event payload
+     */
+    payload?: any;
+    _meta?: any;
+    /**
+     * callback for saving the created datepicker instance
+     */
+    getInstance?: any;
+}
+export declare class DatepickerComponent {
+    data: DatePickerData;
+    emit: any;
+    private _loaded;
+    ngAfterContentChecked(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DatepickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DatepickerComponent, "n7-datepicker", never, { "data": "data"; "emit": "emit"; }, {}, never, never>;
+}

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

@@ -0,0 +1,2 @@
+import { DatePickerData } from './datepicker';
+export declare const DATEPICKER_MOCK: DatePickerData;