@net7/components 3.0.2-rc.2

package/lib/components/hero/hero.d.ts

@@ -0,0 +1,75 @@
+import { Anchor } from '../../shared-interfaces';
+import * as i0 from "@angular/core";
+/**
+ * Interface for HeroComponent's "data"
+ *
+ * @property title (required)
+ * @property text (optional)
+ * @property input (optional)
+ * - placeholder (optional)
+ * - icon (optional)
+ * - payload (optional)
+ * @property button (optional)
+ * - text (optional)
+ * - anchor (optional)
+ * @property image (optional)
+ * @property backgroundImage (optional)
+ * @property classes (optional)
+ * @property payload (optional)
+ * @property _meta (optional)
+ */
+export interface HeroData {
+    /**
+     * main text displayed in the hero section
+    */
+    title: string;
+    /**
+    * additional text under the title
+    */
+    text?: string;
+    /**
+    * input field (usually for search) and it's parameters
+    */
+    input?: {
+        placeholder: string;
+        icon: string;
+        payload: any;
+    };
+    /**
+    * call to action button and it's parameters
+    */
+    button?: {
+        text: string;
+        anchor?: Anchor;
+    };
+    /**
+     * image displayed inside the hero
+     */
+    image?: string;
+    /**
+    * background image that covers the full background area of the hero
+    */
+    backgroundImage?: string;
+    /**
+    * additional html classes
+    */
+    classes?: string;
+    /**
+    * action click's payload
+    */
+    payload?: any;
+    /**
+    * additional info
+    */
+    _meta?: any;
+}
+export declare class HeroComponent {
+    data: HeroData;
+    emit: any;
+    getBackgroundImageCssValue(backgroundImage: any): string;
+    onClick(payload: any): void;
+    onInputChange(payload: any, value: any): void;
+    onInputEnter(payload: any, value: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HeroComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HeroComponent, "n7-hero", never, { "data": "data"; "emit": "emit"; }, {}, never, never>;
+}

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

@@ -0,0 +1,2 @@
+import { HeroData } from './hero';
+export declare const HERO_MOCK: HeroData;

package/lib/components/histogram-range/histogram-range.d.ts

@@ -0,0 +1,113 @@
+import { AfterContentChecked } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Interface for HistogramRangeComponent's "data"
+ */
+export interface HistogramRangeData {
+    /**
+     * unique identifier for the histogram-range svg
+     */
+    containerId: string;
+    /**
+     * total width for the svg element
+     */
+    width: number;
+    /**
+     * total height for the svg element
+     */
+    height: number;
+    /**
+     * Internal margins of the svg
+     */
+    margin: {
+        left: number;
+        right: number;
+        top: number;
+        bottom: number;
+    };
+    /**
+     * Theme of the histogram
+     */
+    colours: {
+        top: string;
+        bottom: string;
+        accent: string;
+    };
+    /**
+     * Data for the histogram bars
+     */
+    items: {
+        /** default label of the item */
+        label: string;
+        /** y-axis value of the bar (height) */
+        value: number;
+        /** payload that the item should emit when selected */
+        payload: any;
+        /**
+         * 'upper' values of the range.
+         * only used when each bar represents a range.
+         */
+        range?: {
+            /** label loaded when selected by the right-most pointer */
+            label: string;
+            /** payload emitted when selected by the right-most pointer */
+            payload: any;
+        };
+    }[];
+    /**
+     * Axis settings
+     */
+    axis?: {
+        /** Y Axis settings */
+        yAxis?: {
+            /** Turn on and off the axis */
+            show?: boolean;
+            /** Manually set the axis values to show */
+            values?: number[];
+            /** How many ticks do you want to see */
+            tickAmount?: number;
+        };
+    };
+    /**
+     * expose the draw function outside of n7-frontend/components library
+     * this is needed to redraw bubble-chart-component on command
+     */
+    setDraw?: any;
+    /**
+     * setSliders
+     */
+    setSliders?: LabelCouple;
+    /**
+     * Public api
+     */
+    setApi?: any;
+}
+declare type Sliders = {
+    x: number;
+    y: number;
+}[];
+declare type LabelCouple = [string, string];
+export declare class HistogramRangeComponent implements AfterContentChecked {
+    data: HistogramRangeData;
+    emit: any;
+    private d3;
+    private sliders;
+    private _loaded;
+    private colourBars;
+    private getSelectedRange;
+    ngAfterContentChecked(): void;
+    draw: () => void;
+    /** Avoid collision of the slider labels */
+    textCollision: (sliders: Sliders) => void;
+    /** Get x-axis position from label */
+    labelToX(): any;
+    /** Public api that allows to dinamically change the bars */
+    setBars: (newBars: any) => void;
+    /** Public api that allows to dinamically change the slider position */
+    setSliders: ([startLabel, endLabel]: [any, any]) => any;
+    /** Emits an event when the component has loaded */
+    emitLoaded(payload: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HistogramRangeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HistogramRangeComponent, "n7-histogram-range", never, { "data": "data"; "emit": "emit"; }, {}, never, never>;
+}
+export {};

package/lib/components/histogram-range/histogram-range.mock.d.ts

@@ -0,0 +1,2 @@
+import { HistogramRangeData } from './histogram-range';
+export declare const HISTOGRAM_RANGE_MOCK: HistogramRangeData;

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

@@ -0,0 +1,61 @@
+import * as i0 from "@angular/core";
+/**
+ * Interface for ImageViewerComponent's images "data"
+ *
+ * Here the main options available, for a complete guide of image settings
+ * view the official openseadragon documentation https://openseadragon.github.io/
+ * All available options here: https://openseadragon.github.io/docs/OpenSeadragon.html
+ *
+ * @property  type (required)
+ * Admitted values:
+ * 'image' | 'zoomifytileservice' | 'openstreetmaps' | 'tiledmapservice' | 'legacy-image-pyramid'
+ * @property  height (optional) image height
+ * @property  width (optional) image width
+ * @property  url (required) image url
+ * @property  buildPyramid (optional)
+ * @property  crossOriginPolicy (optional) Admitted values 'Anonymous' | 'use-credentials' | false;
+ */
+export interface ImageData {
+    type: 'image' | 'zoomifytileservice' | 'openstreetmaps' | 'tiledmapservice' | 'legacy-image-pyramid';
+    height?: number;
+    width?: number;
+    url: string;
+    buildPyramid: boolean;
+    crossOriginPolicy?: 'Anonymous' | 'use-credentials' | false;
+}
+/**
+ * Interface for ImageViewerComponent's "data"
+ *
+ * @property prefixUrl (optional) Prepends the prefixUrl to navImages paths.
+ * Default is //openseadragon.github.io/openseadragon/images/
+ * @property classes (optional)
+ * @property viewerWidth (optional)
+ * @property viewerHeight (optional)
+ * @property images (required)
+ * @property viewerId (required) The id to assign to the imageviewer container
+ * @property libOptions (required)
+ */
+export interface ImageViewerData {
+    prefixUrl?: string;
+    classes?: string;
+    viewerWidth?: number;
+    viewerHeight?: number;
+    images: ImageData[] | string;
+    viewerId: string;
+    hideNavigation?: boolean;
+    libOptions: any;
+    _setViewer: any;
+}
+/**
+ * ImageViewerComponent <n7-image-viewer>
+ *
+ */
+export declare class ImageViewerComponent {
+    data: ImageViewerData;
+    emit: any;
+    private _loaded;
+    ngAfterContentChecked(): void;
+    onClick(payload: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ImageViewerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ImageViewerComponent, "n7-image-viewer", never, { "data": "data"; "emit": "emit"; }, {}, never, never>;
+}

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

@@ -0,0 +1,2 @@
+import { ImageViewerData } from './image-viewer';
+export declare const IMAGE_VIEWER_MOCK: ImageViewerData;

package/lib/components/image-viewer-tools/image-viewer-tools.d.ts

@@ -0,0 +1,116 @@
+import { Anchor } from '../../shared-interfaces';
+import * as i0 from "@angular/core";
+/**
+ * Interface for ImageViewerButtonsData, defines the thumbnail
+ * url and its relative payload
+ * @property thumb
+ * @property payload
+ */
+export interface ImageViewerThumbData {
+    /**
+     * Thumbnail URL
+     */
+    thumb: string;
+    /**
+     * Payload on thumbnail click
+     */
+    payload: any;
+    /**
+     * Thumbnail caption
+     */
+    caption?: string;
+}
+/**
+ * Interface for ImageViewerButtonsData, defines the look and
+ * payload of the controls buttons
+ * @property icon
+ * @property payload
+ */
+export interface ImageViewerButtonData {
+    /**
+     * CSS class of the icon. Usually from n7 icon pack
+     */
+    icon: string;
+    /**
+     * Button Anchor
+     */
+    anchor?: Anchor;
+    isActive?: boolean;
+}
+/**
+ * Interface for ImageViewerToolsComponent's "data"
+ * @property images
+ * @property description
+ * @property controls
+ * @property showDescription
+ * @property showThumbnails
+ * @property classes (optional)
+ * @property payload (optional)
+ * @property _meta (optional)
+ */
+export interface ImageViewerToolsData {
+    /**
+     * list of image's thumbnails
+     */
+    images: ImageViewerThumbData[];
+    /**
+     * description to be shown in the box
+     */
+    description?: string;
+    /**
+     * description/thumbnails visibility controls
+     */
+    controls: {
+        description: ImageViewerButtonData;
+        thumbs: ImageViewerButtonData;
+        closedescription: ImageViewerButtonData;
+    };
+    /**
+     * Description / thumbnail togglers
+     */
+    isVisible: {
+        /** Toggle description box visibility */
+        description: boolean;
+        /** Toggle thumbnails strip visibility */
+        thumbnails: boolean;
+    };
+    /**
+     * description overlay navigation
+     */
+    navigation?: {
+        prev: {
+            payload: any;
+            classes?: any;
+        };
+        next: {
+            payload: any;
+            classes?: any;
+        };
+    };
+    /**
+     * Initial image in array (progressive number from 0)
+     */
+    initial: number;
+    /**
+    * additional html classes
+    */
+    classes?: string;
+    /**
+     * action click's payload
+     */
+    payload?: any;
+    /**
+     * additional info
+     */
+    _meta?: any;
+}
+/**
+ * ImageViewerToolsComponent <n7-image-viewer-tools>
+ */
+export declare class ImageViewerToolsComponent {
+    data: ImageViewerToolsData;
+    emit: any;
+    onClick(payload: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ImageViewerToolsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ImageViewerToolsComponent, "n7-image-viewer-tools", never, { "data": "data"; "emit": "emit"; }, {}, never, never>;
+}

package/lib/components/image-viewer-tools/image-viewer-tools.mock.d.ts

@@ -0,0 +1,2 @@
+import { ImageViewerToolsData } from './image-viewer-tools';
+export declare const IMAGE_VIEWER_TOOLS_MOCK: ImageViewerToolsData;

package/lib/components/inner-title/inner-title.d.ts

@@ -0,0 +1,61 @@
+import { Anchor, Icon } from '../../shared-interfaces';
+import * as i0 from "@angular/core";
+/**
+ * Interface for InnerTitleComponent's "data"
+ *
+ * @property NAME (required|options) <--- TODO: update with interface properties
+ */
+export interface InnerTitleData {
+    icon?: Icon;
+    image?: string;
+    title: {
+        main: {
+            text: string;
+            classes?: any;
+        };
+        secondary?: {
+            text: string;
+            classes?: any;
+        };
+    };
+    tools?: string;
+    actions?: {
+        select?: {
+            label?: string;
+            options: InnerTitleOptions[];
+            payload?: any;
+        };
+        search?: {
+            placeholder: string;
+            payload: any;
+            button?: {
+                text: string;
+                payload: any;
+            };
+            _meta?: any;
+        };
+        buttons?: InnerTitleButtons[];
+    };
+}
+export interface InnerTitleOptions {
+    text: string;
+    value: string;
+    disabled?: boolean;
+    selected?: boolean;
+}
+export interface InnerTitleButtons {
+    anchor: Anchor;
+    text: string;
+    classes?: any;
+    icon?: Icon;
+}
+export declare class InnerTitleComponent {
+    data: InnerTitleData;
+    emit: any;
+    onClick(payload: any): void;
+    onChange(payload: any, value: any): void;
+    onInputChange(payload: any, value: any): void;
+    onInputEnter(payload: any, value: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InnerTitleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InnerTitleComponent, "n7-inner-title", never, { "data": "data"; "emit": "emit"; }, {}, never, never>;
+}

package/lib/components/inner-title/inner-title.mock.d.ts

@@ -0,0 +1,2 @@
+import { InnerTitleData } from './inner-title';
+export declare const INNER_TITLE_MOCK: InnerTitleData;

package/lib/components/input-checkbox/input-checkbox.d.ts

@@ -0,0 +1,67 @@
+import * as i0 from "@angular/core";
+/**
+ * Interface for InputCheckbox
+ *
+ * @property id (required)
+ * @property label (required)
+ * @property checked (optional)
+ * @property disabled (optional)
+ * @property payload (optional)
+ * @property classes (optional)
+ * @property _meta (optional)
+ */
+export interface InputCheckbox {
+    /**
+     * Unique ID for the checkbox
+     */
+    id: string;
+    /**
+     * Label for the checkbox
+     */
+    label: string;
+    /**
+     * Defaults the checkbox to be checked
+     */
+    checked?: boolean;
+    /**
+     * Sets the disabled HTML attribute
+     */
+    disabled?: boolean;
+    /**
+     * Payload for the change event
+     */
+    payload?: any;
+    /**
+     * Additional HTML Classes
+     */
+    classes?: string;
+    /**
+     * Additional data for the component's logic
+     */
+    _meta?: any;
+}
+/**
+ * Interface for InputCheckboxData
+ * @property checkboxes (required)
+ */
+export interface InputCheckboxData {
+    /**
+     * An array of input checkboxes
+     */
+    checkboxes: InputCheckbox[];
+    /**
+     * Fieldset (group) legend label
+     */
+    legend?: string;
+    /**
+     * Additional HTML Classes
+     */
+    classes?: string;
+}
+export declare class InputCheckboxComponent {
+    data: InputCheckboxData;
+    emit: any;
+    onChange(inputPayload: any, value?: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputCheckboxComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputCheckboxComponent, "n7-input-checkbox", never, { "data": "data"; "emit": "emit"; }, {}, never, never>;
+}

package/lib/components/input-checkbox/input-checkbox.mock.d.ts

@@ -0,0 +1,2 @@
+import { InputCheckboxData } from './input-checkbox';
+export declare const INPUT_CHECKBOX_MOCK: InputCheckboxData;

package/lib/components/input-link/input-link.d.ts

@@ -0,0 +1,54 @@
+import * as i0 from "@angular/core";
+/**
+ * Interface for an InputLink
+ *
+ * @property icon (optional)
+ * @property text (required)
+ * @property counter (optional)
+ * @property payload (optional)
+ * @property classes (optional)
+ * @property _meta (optional)
+ */
+export interface InputLink {
+    /**
+     * The rendered text of the link
+     */
+    text: string;
+    /**
+     * An icon to be added next to the text
+     */
+    icon?: string;
+    /**
+     * A colorful counter with a number
+     */
+    counter?: number;
+    /**
+     * The payload for the click event
+     */
+    payload?: any;
+    /**
+     * Additional HTML Classes
+     */
+    classes?: any;
+    /**
+     * Additional data for the component's logic
+     */
+    _meta?: any;
+}
+/**
+ * Interface for InputLinkData
+ * @property links (required)
+ */
+export interface InputLinkData {
+    /**
+     * A list of input links
+     */
+    links: InputLink[];
+}
+export declare class InputLinkComponent {
+    data: InputLinkData;
+    emit: any;
+    onChange(payload: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputLinkComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputLinkComponent, "n7-input-link", never, { "data": "data"; "emit": "emit"; }, {}, never, never>;
+}

package/lib/components/input-link/input-link.mock.d.ts

@@ -0,0 +1,2 @@
+import { InputLinkData } from './input-link';
+export declare const INPUT_LINK_MOCK: InputLinkData;

package/lib/components/input-select/input-select.d.ts

@@ -0,0 +1,67 @@
+import * as i0 from "@angular/core";
+/**
+ * Interface for InputSelect
+ *
+ * @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 InputSelectData {
+    /**
+     * A unique ID for the select item
+     */
+    id: string;
+    /**
+     * The array of <option> elements
+     */
+    options: Array<{
+        /**
+         * The rendered text for the <option> element
+         */
+        label: string;
+        /**
+         * The event value for the <option> element
+         */
+        value: string | number;
+        /**
+         * Sets the option as default (selected)
+         */
+        selected?: boolean;
+        /**
+         * Prevents the user from selecting this option
+         */
+        disabled?: boolean;
+    }>;
+    /**
+     * Label for the <select> element
+     */
+    label?: string;
+    /**
+     * Prevents the user from changing any option
+     */
+    disabled?: boolean;
+    /**
+     * Payload for the select's change event
+     */
+    payload?: any;
+    /**
+     * Additional HTML Classes
+     */
+    classes?: any;
+    /**
+     * Additional data for the component's logic
+     */
+    _meta?: any;
+}
+export declare class InputSelectComponent {
+    data: InputSelectData;
+    emit: any;
+    onChange(inputPayload: any, value?: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputSelectComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputSelectComponent, "n7-input-select", never, { "data": "data"; "emit": "emit"; }, {}, never, never>;
+}

package/lib/components/input-select/input-select.mock.d.ts

@@ -0,0 +1,2 @@
+import { InputSelectData } from './input-select';
+export declare const INPUT_SELECT_MOCK: InputSelectData;