@gravitee/ui-components 3.25.3-typescript-9a4271f → 3.25.3-typescript-50960c3

package/src/molecules/gv-list.d.ts

@@ -0,0 +1,123 @@
+declare const GvList_base: {
+    new (): {
+        [x: string]: any;
+        _invisible: boolean;
+        _skeleton: boolean;
+        _error: boolean;
+        _empty: boolean;
+        updated(changedProperties: any): void;
+    };
+    [x: string]: any;
+    readonly properties: {
+        _invisible: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        _skeleton: {
+            type: BooleanConstructor;
+            attribute: boolean;
+        };
+        _error: {
+            type: BooleanConstructor;
+            attribute: boolean;
+        };
+        _empty: {
+            type: BooleanConstructor;
+            attribute: boolean;
+        };
+    };
+    readonly styles: import("lit").CSSResult[];
+};
+/**
+ * Connected Applications component
+ *
+ * ## Details
+ * * has @theme facet
+ *
+ * @fires gv-list:click - Click event from an element of the list
+ *
+ * @attr {Promise<Array<{Object}>>} items - a list of item.
+ * @attr {String} title - title of the list.
+ * @attr {Boolean} clickable - true if gv-list element can be clickable.
+ *
+ * @cssprop {Color} [--gv-list--bgc=var(--gv-theme-neutral-color-lightest, #ffffff)] - Background color
+ * @cssprop {Length} [--gv-list-icon--s=20px] - Height and icon width
+ * @cssprop {Length} [--gv-list-image--h=40px] - Image height
+ * @cssprop {Length} [--gv-list-image--w=40px] - Image width
+ */
+export class GvList extends GvList_base {
+    static get properties(): {
+        items: {
+            type: ObjectConstructor;
+        };
+        title: {
+            type: StringConstructor;
+        };
+        clickable: {
+            type: BooleanConstructor;
+        };
+        _items: {
+            type: ObjectConstructor;
+            attribute: boolean;
+        };
+        length: number;
+        toString(): string;
+        toLocaleString(): string;
+        pop(): import("lit").CSSResult | undefined;
+        push(...items: import("lit").CSSResult[]): number;
+        concat(...items: ConcatArray<import("lit").CSSResult>[]): import("lit").CSSResult[];
+        concat(...items: (import("lit").CSSResult | ConcatArray<import("lit").CSSResult>)[]): import("lit").CSSResult[];
+        join(separator?: string | undefined): string;
+        reverse(): import("lit").CSSResult[];
+        shift(): import("lit").CSSResult | undefined;
+        slice(start?: number | undefined, end?: number | undefined): import("lit").CSSResult[];
+        sort(compareFn?: ((a: import("lit").CSSResult, b: import("lit").CSSResult) => number) | undefined): import("lit").CSSResult[];
+        splice(start: number, deleteCount?: number | undefined): import("lit").CSSResult[];
+        splice(start: number, deleteCount: number, ...items: import("lit").CSSResult[]): import("lit").CSSResult[];
+        unshift(...items: import("lit").CSSResult[]): number;
+        indexOf(searchElement: import("lit").CSSResult, fromIndex?: number | undefined): number;
+        lastIndexOf(searchElement: import("lit").CSSResult, fromIndex?: number | undefined): number;
+        every<S extends import("lit").CSSResult>(predicate: (value: import("lit").CSSResult, index: number, array: import("lit").CSSResult[]) => value is S, thisArg?: any): this is S[];
+        every(predicate: (value: import("lit").CSSResult, index: number, array: import("lit").CSSResult[]) => unknown, thisArg?: any): boolean;
+        some(predicate: (value: import("lit").CSSResult, index: number, array: import("lit").CSSResult[]) => unknown, thisArg?: any): boolean;
+        forEach(callbackfn: (value: import("lit").CSSResult, index: number, array: import("lit").CSSResult[]) => void, thisArg?: any): void;
+        map<U>(callbackfn: (value: import("lit").CSSResult, index: number, array: import("lit").CSSResult[]) => U, thisArg?: any): U[];
+        filter<S_1 extends import("lit").CSSResult>(predicate: (value: import("lit").CSSResult, index: number, array: import("lit").CSSResult[]) => value is S_1, thisArg?: any): S_1[];
+        filter(predicate: (value: import("lit").CSSResult, index: number, array: import("lit").CSSResult[]) => unknown, thisArg?: any): import("lit").CSSResult[];
+        reduce(callbackfn: (previousValue: import("lit").CSSResult, currentValue: import("lit").CSSResult, currentIndex: number, array: import("lit").CSSResult[]) => import("lit").CSSResult): import("lit").CSSResult;
+        reduce(callbackfn: (previousValue: import("lit").CSSResult, currentValue: import("lit").CSSResult, currentIndex: number, array: import("lit").CSSResult[]) => import("lit").CSSResult, initialValue: import("lit").CSSResult): import("lit").CSSResult;
+        reduce<U_1>(callbackfn: (previousValue: U_1, currentValue: import("lit").CSSResult, currentIndex: number, array: import("lit").CSSResult[]) => U_1, initialValue: U_1): U_1;
+        reduceRight(callbackfn: (previousValue: import("lit").CSSResult, currentValue: import("lit").CSSResult, currentIndex: number, array: import("lit").CSSResult[]) => import("lit").CSSResult): import("lit").CSSResult;
+        reduceRight(callbackfn: (previousValue: import("lit").CSSResult, currentValue: import("lit").CSSResult, currentIndex: number, array: import("lit").CSSResult[]) => import("lit").CSSResult, initialValue: import("lit").CSSResult): import("lit").CSSResult;
+        reduceRight<U_2>(callbackfn: (previousValue: U_2, currentValue: import("lit").CSSResult, currentIndex: number, array: import("lit").CSSResult[]) => U_2, initialValue: U_2): U_2;
+        find<S_2 extends import("lit").CSSResult>(predicate: (this: void, value: import("lit").CSSResult, index: number, obj: import("lit").CSSResult[]) => value is S_2, thisArg?: any): S_2 | undefined;
+        find(predicate: (value: import("lit").CSSResult, index: number, obj: import("lit").CSSResult[]) => unknown, thisArg?: any): import("lit").CSSResult | undefined;
+        findIndex(predicate: (value: import("lit").CSSResult, index: number, obj: import("lit").CSSResult[]) => unknown, thisArg?: any): number;
+        fill(value: import("lit").CSSResult, start?: number | undefined, end?: number | undefined): import("lit").CSSResult[];
+        copyWithin(target: number, start: number, end?: number | undefined): import("lit").CSSResult[];
+        entries(): IterableIterator<[number, import("lit").CSSResult]>;
+        keys(): IterableIterator<number>;
+        values(): IterableIterator<import("lit").CSSResult>;
+        includes(searchElement: import("lit").CSSResult, fromIndex?: number | undefined): boolean;
+        flatMap<U_3, This = undefined>(callback: (this: This, value: import("lit").CSSResult, index: number, array: import("lit").CSSResult[]) => U_3 | readonly U_3[], thisArg?: This | undefined): U_3[];
+        flat<A, D extends number = 1>(this: A, depth?: D | undefined): FlatArray<A, D>[];
+        [Symbol.iterator](): IterableIterator<import("lit").CSSResult>;
+        [Symbol.unscopables](): {
+            copyWithin: boolean;
+            entries: boolean;
+            fill: boolean;
+            find: boolean;
+            findIndex: boolean;
+            keys: boolean;
+            values: boolean;
+        };
+    };
+    _skeletonAttribute: string;
+    _onClick(item: any): void;
+    _renderImage(item: any): import("lit-html").TemplateResult<1>;
+    _renderStatus(subscriptions: any): "" | import("lit-html").TemplateResult<1>;
+    _renderItem(item: any): import("lit-html").TemplateResult<1>;
+    _renderItems(): "" | import("lit-html").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
+}
+export {};

package/src/molecules/gv-metrics.d.ts

@@ -0,0 +1,65 @@
+declare const GvMetrics_base: {
+    new (): {
+        [x: string]: any;
+        _invisible: boolean;
+        _skeleton: boolean;
+        _error: boolean;
+        _empty: boolean;
+        updated(changedProperties: any): void;
+    };
+    [x: string]: any;
+    readonly properties: {
+        _invisible: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        _skeleton: {
+            type: BooleanConstructor;
+            attribute: boolean;
+        };
+        _error: {
+            type: BooleanConstructor;
+            attribute: boolean;
+        };
+        _empty: {
+            type: BooleanConstructor;
+            attribute: boolean;
+        };
+    };
+    readonly styles: import("lit").CSSResult[];
+};
+/**
+ * Metrics information component
+ *
+ * ## Details
+ * * has @theme facet
+ * * attributes `metrics` should be an array of Object {value, clickable}, or an array of values, or a mix.
+ *
+ * @fires gv-metrics:click - Click event from metric if is clickable
+ *
+ * @attr {Promise<{ hits: value, health: {value, clickable}, subscribers: {value, clickable?, title?} }>} metrics - Metrics.
+ * @attr {RatingSummary} rating - Ratings of an API.
+ */
+export class GvMetrics extends GvMetrics_base {
+    static get properties(): {
+        metrics: {
+            type: ObjectConstructor;
+        };
+        _metrics: {
+            type: ObjectConstructor;
+            attribute: boolean;
+        };
+    };
+    _skeletonAttribute: string;
+    skeleton: boolean;
+    _isClickable(metricName: any): any;
+    _getValue(metric: any): any;
+    _getSubscribers(): any;
+    _getHits(): any;
+    _getHealth(): string | null;
+    _getTitle(metricName: any): any;
+    _onClick(key: any): void;
+    _renderMetric(key: any, icon: any, name: any, value: any): import("lit-html").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
+}
+export {};

package/src/molecules/gv-modal.d.ts

@@ -0,0 +1,64 @@
+/**
+ * A modal that shows up on top of your page
+ *
+ * @fires gv-modal:closed - Event fired when modal is closed.
+ *
+ * @cssprop {Length} [--gv-modal--anim-duration=0.3s] - Duration of the animation
+ * @cssprop {Length} [--gv-modal--z=100] - z-index for modal
+ * @cssprop {Color} [--gv-modal--bgc=rgba(30, 30, 30, 0.6)] - Modal background color
+ * @cssprop {Length} [--gv-modal-content--z=101] - z-index for modal content
+ * @cssprop {Length} [--gv-modal--w=280px] - model width
+ * @cssprop {Length} [--gv-modal--miw=250px] - modal min-width
+ * @cssprop {Length} [--gv-modal--maw=100vw] - modal max-width
+ * @cssprop {Length} [--gv-modal--h=auto] - modal height
+ * @cssprop {Length} [--gv-modal--mih=auto] - modal min height
+ * @cssprop {Length} [--gv-modal--mah=100vh] - modal max height
+ * @cssprop {Color} [--gv-modal-content--bgc=var(--gv-theme-neutral-color-light, #efefef)] - Modal content background color
+ * @cssprop {String} [--gv-modal--bxsh=0px 0px 16px #383e3f] - Modal box shadow
+ * @cssprop {Length} [--gv-modal--bdrs=4px] - Modal border radius
+ * @cssprop {Length} [--gv-modal--p=1em] - Modal content padding
+ * @cssprop {Length} [--gv-modal-close-icon--s=24px] - Modal close icon size
+ */
+export class GvModal extends LitElement {
+    static get properties(): {
+        _toChange: {
+            type: BooleanConstructor;
+        };
+        /**
+         * If true the modal box is in opened status.
+         */
+        opened: {
+            type: BooleanConstructor;
+        };
+        /**
+         * If true the modal box displays a close icon
+         */
+        showCloseIcon: {
+            type: BooleanConstructor;
+        };
+        /**
+         * The title of the modal dialog
+         */
+        modalTitle: {
+            type: StringConstructor;
+        };
+        /**
+         * If true the modal box blocks the screen. That is, when you click in the background layer, the modal box do not close.
+         */
+        blocking: {
+            type: BooleanConstructor;
+        };
+    };
+    static get styles(): import("lit").CSSResult[];
+    _toChange: boolean;
+    opened: boolean;
+    showCloseIcon: boolean;
+    blocking: boolean;
+    getModalClass(opened: any, _toChange: any): "transparent" | "transparent opened" | "opaque" | undefined;
+    open(): void;
+    _backgroundModalClick(e: any): void;
+    close(): void;
+    animationEnd(): void;
+    contentClick(e: any): void;
+}
+import { LitElement } from "lit-element/lit-element";

package/src/molecules/gv-nav.d.ts

@@ -0,0 +1,41 @@
+/**
+ * A main nav
+ *
+ * ## Details
+ * * has @theme facet
+ *
+ * @fires gv-nav:click - Custom event when nav item is clicked
+ *
+ * @attr {Array<{active: Boolean, icon: String, path: String, title: Promise<String>, target: String}>} routes - definition of routes
+ */
+export class GvNav extends LitElement {
+    static get properties(): {
+        routes: {
+            type: ArrayConstructor;
+        };
+        _routes: {
+            type: ArrayConstructor;
+        };
+        small: {
+            type: BooleanConstructor;
+        };
+        _compact: {
+            type: BooleanConstructor;
+            attribute: boolean;
+        };
+        vertical: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+    };
+    static get styles(): import("lit").CSSResult[];
+    _onClick(event: any): void;
+    _isLocked: boolean | undefined;
+    /** @protected */
+    protected _routes: any[];
+    vertical: boolean;
+    set routes(arg: any);
+    _getLink(route: any, index: any): Promise<void | import("lit-html").TemplateResult<1>>;
+    _compact: boolean | undefined;
+}
+import { LitElement } from "lit-element/lit-element";

package/src/molecules/gv-option.d.ts

@@ -0,0 +1,65 @@
+/**
+ * Option component
+ *
+ * ## Details
+ * * has @theme facet
+ *
+ * @attr {Array<{id, title, icon?, active?, description?, label?}>} options - An array of options.
+ * @attr {String|Array} value - Selected value id, array with multiple option ids.
+ * @attr {Boolean} multiple - If true, can choose several option
+ * @attr {Boolean} reverse - If true, title and description are reversed.
+ * @attr {Boolean} small - If true, use small button for options
+ * @attr {Boolean} outlined - If true, use outlined button for options
+ *
+ * @cssprop {Color} [--gv-option--bgc=var(--gv-theme-neutral-color-dark, #bfbfbf)] - Background color
+ * @cssprop {Length} [--gv-option--bdrs=0.15rem] - Border radius
+ * @cssprop {Length} [--gv-option-button--maw=200px] - Button max width
+ * @cssprop {Length} [--gv-option-icon--s=64px] - Icon size
+ */
+export class GvOption extends LitElement {
+    static get properties(): {
+        options: {
+            type: ArrayConstructor;
+        };
+        _options: {
+            type: ArrayConstructor;
+            attribute: boolean;
+        };
+        _hasDescription: {
+            type: ArrayConstructor;
+            attribute: boolean;
+        };
+        value: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        multiple: {
+            type: BooleanConstructor;
+        };
+        reverse: {
+            type: BooleanConstructor;
+        };
+        small: {
+            type: BooleanConstructor;
+        };
+        outlined: {
+            type: BooleanConstructor;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+    };
+    static get styles(): import("lit").CSSResult[];
+    multiple: boolean;
+    reverse: boolean;
+    _onClick(option: any): void;
+    setValue(option: any): void;
+    value: any;
+    set options(arg: any);
+    _options: any[] | undefined;
+    _hasDescription: boolean | undefined;
+    isActive(option: any): any;
+    _renderOption(option: any, index: any): import("lit-html").TemplateResult<1>;
+}
+import { LitElement } from "lit-element/lit-element";

package/src/molecules/gv-plans.d.ts

@@ -0,0 +1,73 @@
+/**
+ * Plans
+ *
+ * ## Details
+ * * has @theme facet
+ *
+ * @fires input - Native input event when plan change
+ * @fires gv-plans:redirect - Event when user click to redirect link when plans are empty
+ *
+ * @attr {Array} plans - Plans list
+ * @attr {Number} current - The current plan index
+ * @attr {String} value - The current plan id
+ * @attr {Boolean} skeleton - enable skeleton screen UI pattern (loading hint)
+ *
+ * @cssprop {Color} [--gv-plans--bgc=var(--gv-theme-color, #5a7684)] - Background color
+ * @cssprop {Color} [--gv-plans-font--c=var(--gv-theme-font-color-light, #ffffff)] - Font color
+ * @cssprop {Color} [--gv-plans-characteristic--bgc=var(--gv-theme-color-light, #86c3d0)] - Characteristic background color
+ * @cssprop {Color} [--gv-plans-characteristics--bdc=var(--gv-theme-neutral-color, #f5f5f5)] - Characteristics border color
+ * @cssprop {Length} [--gv-plans-icon--s=24px] - Height and icon width
+ */
+export class GvPlans extends LitElement {
+    static get properties(): {
+        /**
+         * This List of Plan
+         * @type Object https://github.com/gravitee-io/gravitee-clients-sdk/blob/master/model/plan.ts
+         * @attr
+         * @required
+         */
+        plans: Object;
+        current: {
+            type: NumberConstructor;
+        };
+        value: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        skeleton: {
+            type: BooleanConstructor;
+        };
+        size: {
+            type: NumberConstructor;
+        };
+        _empty: {
+            type: BooleanConstructor;
+        };
+        _plans: {
+            type: ArrayConstructor;
+        };
+    };
+    static get styles(): import("lit").CSSResult[];
+    current: number;
+    size: number;
+    _plans: any[];
+    _empty: boolean;
+    get _characteristics(): any;
+    set plans(arg: any[]);
+    get plans(): any[];
+    skeleton: boolean | undefined;
+    value: any;
+    _error: boolean | undefined;
+    to(plan: any): void;
+    _getPlanTitle(plan: any): any;
+    _onRedirect(): void;
+    get hasPagination(): boolean;
+    get hasLeft(): boolean;
+    get hasRight(): boolean;
+    _renderHeader(plans: any): any;
+    _renderTriangles(plans: any): any;
+    _renderPagination(): "" | import("lit-html").TemplateResult<1>;
+    toLeft(): void;
+    toRight(): void;
+}
+import { LitElement } from "lit-element/lit-element";

package/src/molecules/gv-popover.d.ts

@@ -0,0 +1,91 @@
+/**
+ * Popover component
+ *
+ * ## Details
+ * * has @theme facet
+ *
+ * @attr {String} event - the event that triggers the opening.
+ * @attr {String} delay - the time before closing, useful for a click event
+ * @attr {String} arrow - if need arrow
+ * @attr {String} small - Small popover
+ * @attr {String} medium - Medium popover
+ * @attr {String} large - Large popover
+ * @attr {String} width - The width of popover
+ * @attr {String} position - The position top, right, bottom or left
+ * @attr {Boolean} auto - to let the component choose the position
+ *
+ * @cssprop {Color} [--gv-popover--bgc=var(--gv-theme-neutral-color-lighter, #fafafa)] - Background color
+ * @cssprop {Color} [--gv-popover--c=var(--gv-theme-font-color-dark, #262626)] - Color
+ * @cssprop {Color} [--gv-popover--bdc=var(--gv-theme-neutral-color, #f5f5f5)] - Border color
+ * @cssprop {Length} [--gv-popover--p=0.5rem] - Padding
+ */
+export class GvPopover extends LitElement {
+    static get properties(): {
+        event: {
+            type: StringConstructor;
+        };
+        delay: {
+            type: NumberConstructor;
+        };
+        arrow: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        small: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        medium: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        large: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        width: {
+            type: StringConstructor;
+        };
+        position: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        auto: {
+            type: BooleanConstructor;
+        };
+        _opened: {
+            type: BooleanConstructor;
+            attribute: boolean;
+        };
+    };
+    static get styles(): import("lit").CSSResult[];
+    event: string;
+    _closeHandler: (e: any) => void;
+    delay: number;
+    arrow: boolean;
+    position: string;
+    auto: boolean;
+    _open(e: any): void;
+    _opened: boolean | undefined;
+    close(): void;
+    _close(e: any): void;
+    renderContent(): import("lit-html").TemplateResult<1>;
+    _getContentSize(): {
+        width: any;
+        height: any;
+    };
+    _getPositionPadding(): number;
+    _getCenterPosition(): {
+        x: number;
+        y: number;
+    };
+    _updatePosition(): void;
+    target: DOMRect | undefined;
+    _getMaxX(): number;
+    _getMaxY(): number;
+    _hasBottomSpace(): boolean;
+    _hasRightSpace(): boolean;
+    _hasTopSpace(): boolean;
+    _hasLeftSpace(): boolean;
+}
+import { LitElement } from "lit-element/lit-element";

package/src/molecules/gv-promote.d.ts

@@ -0,0 +1,108 @@
+declare const GvPromote_base: {
+    new (): {
+        [x: string]: any;
+        _skeletonAttribute: string;
+        _onImageLoaded(): void;
+        _skeleton: boolean;
+        _renderImage(): "" | import("lit-html").TemplateResult<1>;
+        _onTagClick(tagValue: any, event: any): void;
+        _renderLabels(clickable: any): unknown;
+        _renderStates(): unknown;
+        _onClickToMetrics(event: any): void;
+        _renderMetricsWithRating(): "" | import("lit-html").TemplateResult<1>;
+        _renderInfoRating(): "" | import("lit-html").TemplateResult<1>;
+        _invisible: boolean;
+        _error: boolean;
+        _empty: boolean;
+        updated(changedProperties: any): void;
+    };
+    readonly properties: {
+        item: {
+            type: ObjectConstructor;
+        };
+        href: {
+            type: StringConstructor;
+        };
+        metrics: {
+            type: ObjectConstructor;
+        };
+        _item: {
+            type: ObjectConstructor;
+            attribute: boolean;
+        };
+        _invisible: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        _skeleton: {
+            type: BooleanConstructor;
+            attribute: boolean;
+        };
+        _error: {
+            type: BooleanConstructor;
+            attribute: boolean;
+        };
+        _empty: {
+            type: BooleanConstructor;
+            attribute: boolean;
+        };
+    };
+    readonly styles: import("lit").CSSResult[];
+};
+/**
+ * Promote component
+ *
+ * ## Details
+ * * has @theme facet
+ *
+ * @fires gv-promote:click - When click on button for view item
+ * @fires gv-tag:click - When one of the label is clicked
+ *
+ * @attr {Promise<any>} item - an item.
+ *
+ * @cssprop {Color} [--gv-promote-image--bgc=var(--gv-theme-color-light, #86c3d0)] - Image background color
+ * @cssprop {Color} [--gv-promote--bgc=var(--gv-theme-neutral-color-lightest, #ffffff)] - Background color
+ * @cssprop {Length} [--gv-promote-image--h=300px] - Image height
+ * @cssprop {Length} [--gv-promote-image--w=300px] - Image width
+ * @cssprop {Length} [--gv-promote-button--p=19px 80px] - Button padding
+ * @cssprop {Length} [--gv-promote-button--fz=var(--gv-theme-font-size-l, 16px)] - Button font size
+ */
+export class GvPromote extends GvPromote_base {
+    static get properties(): {
+        limit: {
+            type: NumberConstructor;
+        };
+        item: {
+            type: ObjectConstructor;
+        };
+        href: {
+            type: StringConstructor;
+        };
+        metrics: {
+            type: ObjectConstructor;
+        };
+        _item: {
+            type: ObjectConstructor;
+            attribute: boolean;
+        };
+        _invisible: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        _skeleton: {
+            type: BooleanConstructor;
+            attribute: boolean;
+        };
+        _error: {
+            type: BooleanConstructor;
+            attribute: boolean;
+        };
+        _empty: {
+            type: BooleanConstructor;
+            attribute: boolean;
+        };
+    };
+    _onClick(): void;
+    render(): "" | import("lit-html").TemplateResult<1>;
+}
+export {};