@gravitee/ui-components 3.25.3-typescript-bfd8f67 → 3.25.3-yarn-784d7a8

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

@@ -0,0 +1,77 @@
+/**
+ * List of ratings with answer form
+ *
+ * ## Details
+ * * has @theme facet
+ *
+ * ## Attribute `permissions` details
+ * * `delete` and `update` properties supports booleans or arrays of rating identifier.
+ * * `addAnswer` and `deleteAnswer` only accept booleans.
+ *
+ * @fires gv-rating-list:add-answer - When user submit answer
+ * @fires gv-rating-list:delete - When user delete rating
+ * @fires gv-rating-list:delete-answer - When user delete answer
+ * @fires gv-rating-list:update - When user update rating
+ *
+ * @attr {Promise<Array>} ratings - ratings
+ * @attr {id, avatar, display_name} user - a current user
+ * @attr {Object<{update, delete, addAnswer, deleteAnswer}>} permissions - The permissions
+ * @cssprop {Color} [--gv-rating-list--bgc=var(--gv-theme-neutral-color-lightest, #ffffff)] - Background color
+ * @cssprop {Color} [--gv-rating-list-answer--bgc=var(--gv-theme-neutral-color-lighter, #fafafa)] - Answer background color
+ * @cssprop {Color} [--gv-rating-list--bdc=var(--gv-theme-neutral-color, #f5f5f5)] - Border color
+ * @cssprop {Length} [--gv-rating-list--s=18px] - Height and star width
+ */
+export class GvRatingList extends LitElement {
+    static get properties(): {
+        ratings: {
+            type: ArrayConstructor;
+        };
+        user: {
+            type: ObjectConstructor;
+        };
+        permissions: {
+            type: ObjectConstructor;
+        };
+        required: {
+            type: BooleanConstructor;
+            attribute: string;
+        };
+        _permissions: {
+            type: ObjectConstructor;
+            attribute: boolean;
+        };
+        _ratings: {
+            type: ArrayConstructor;
+            attribute: boolean;
+        };
+    };
+    static get styles(): import("lit").CSSResult[];
+    _ratings: any[];
+    _permissions: {
+        update: boolean;
+        delete: boolean;
+        addAnswer: boolean;
+        deleteAnswer: boolean;
+    };
+    set ratings(arg: any);
+    _skeleton: boolean | undefined;
+    set permissions(arg: any);
+    _editAnswer(rating: any, e: any): void;
+    _getAnswerValue(): any;
+    _onAnswer(rating: any): void;
+    _hasValidAnswer(): boolean;
+    _onClose(rating: any): void;
+    _renderAnswer(rating: any, answer: any): any;
+    _renderAnswers(rating: any): any;
+    _onDelete(rating: any): void;
+    _onDeleteAnswer(rating: any, answer: any): void;
+    _renderActions(data: any, parent: any): import("lit-html").TemplateResult<1>;
+    _render(data: any, parent: any): any;
+    _onUpdateRating(rating: any, e: any): void;
+    _canAddAnswer(): boolean;
+    _canDeleteAnswer(): boolean;
+    _canUpdate(ratingId: any): boolean;
+    _canDelete(ratingId: any): boolean;
+    _getDisplayName(data: any): "" | import("lit-html").TemplateResult<1>;
+}
+import { LitElement } from "lit-element/lit-element";

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

@@ -0,0 +1,55 @@
+/**
+ * Rating component
+ *
+ * ## Details
+ * * has @theme facet
+ *
+ * @attr {Length} value - average of ratings between 1 and 5
+ * @attr {String} count - total count for the average
+ * @attr {Boolean} skeleton - skeleton mode
+ * @attr {Boolean} readonly - readonly mode
+ * @attr {Boolean} with-description - if true, show rate description on hover
+ *
+ * @cssprop {Color} [--gv-rating--c=var(--gv-theme-color, #5a7684)] - Color
+ * @cssprop {Length} [--gv-rating--s=13px] - Size
+ */
+export class GvRating extends LitElement {
+    static get properties(): {
+        value: {
+            type: NumberConstructor;
+            reflect: boolean;
+        };
+        count: {
+            type: StringConstructor;
+        };
+        skeleton: {
+            type: BooleanConstructor;
+        };
+        readonly: {
+            type: BooleanConstructor;
+        };
+        _candidate: {
+            type: NumberConstructor;
+            attribute: boolean;
+        };
+        withDescription: {
+            type: BooleanConstructor;
+            attribute: string;
+        };
+    };
+    static get styles(): import("lit").CSSResult[];
+    value: number;
+    count: number;
+    readonly: boolean;
+    _candidate: number;
+    isSelected: boolean;
+    _getTitle(): string;
+    _onMouseEnter(index: any): void;
+    description: string | null | undefined;
+    _onMouseOut(): void;
+    _onClick(index: any): void;
+    _getAverage(): number;
+    _renderStar(star: any, index: any): import("lit-html").TemplateResult<1>;
+    _getCountTitle(): string;
+}
+import { LitElement } from "lit-element/lit-element";

package/src/molecules/gv-row-expandable.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Expandable row
+ *  @extends GvExpandable
+ *
+ */
+export class GvRowExpandable extends GvExpandable {
+}
+import { GvExpandable } from "./gv-expandable";

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

@@ -0,0 +1,37 @@
+declare const GvRow_base: {
+    new (): {
+        [x: string]: any;
+        _onResize({ width }: {
+            width: any;
+        }): void;
+        connectedCallback(): Promise<void>;
+        _unobserveResize: (() => any) | undefined;
+        disconnectedCallback(): void;
+    };
+    [x: string]: any;
+};
+/**
+ * Row component
+ *
+ * ## Details
+ * * has @theme facet
+ *
+ * @attr {Promise<any>} item - An item.
+ * @attr {Boolean} small - When true, not display labels
+ *
+ * @cssprop {Color} [--gv-row-hover--bgc=var(--gv-theme-neutral-color-lighter, #fafafa)] - Hoover background color
+ * @cssprop {Length} [--gv-row-hover--trf-ty=0px] - Hoover transform translateY
+ * @cssprop {Length} [--gv-row-image--h=35px] - Image height
+ * @cssprop {Length} [--gv-row-image--w=35px] - Image width
+ *
+ */
+export class GvRow extends GvRow_base {
+    static get styles(): any[];
+    static get properties(): any;
+    breakpoints: {
+        width: number[];
+    };
+    small: boolean;
+    render(): import("lit-html").TemplateResult<1>;
+}
+export {};

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

@@ -0,0 +1,53 @@
+declare const GvStats_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[];
+};
+/**
+ * Stats component
+ *
+ * ## Details
+ * * has @theme facet
+ *
+ * @attr {Object} stats - The stats (count by key). Key can be: count, min, max, avg, sum, rps, rpm or rph.
+ * @attr {Array<any>} options - The list of options to display.
+ */
+export class GvStats extends GvStats_base {
+    static get properties(): {
+        stats: {
+            type: ObjectConstructor;
+        };
+        options: {
+            type: ArrayConstructor;
+        };
+    };
+    _skeletonAttribute: string;
+    _getStat(option: any): import("lit-html").TemplateResult<1> | "<div></div>";
+    render(): import("lit-html").TemplateResult<1>;
+}
+export {};

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

@@ -0,0 +1,46 @@
+/**
+ * Stepper component
+ *
+ * ## Details
+ * * has @theme facet
+ *
+ * @fires gv-stepper:change - when step change
+ *
+ * @attr {Length} current - The current selected step
+ * @attr {Array} steps - Array of step {title: string, description: string, valid: boolean, invalid: boolean}
+ * @attr {Boolean} [disabled=false] - Indicate if stepper is disabled
+ *
+ * @cssprop {Color} [--gv-stepper-valid--bgc=var(--gv-theme-color, #5a7684)] - Valid background color
+ * @cssprop {Color} [--gv-stepper-passed--bdc=var(--gv-theme-color-light, #86c3d0)] - Passed border color
+ * @cssprop {Color} [--gv-stepper--bgc=var(--gv-theme-neutral-color-dark, #bfbfbf)] - Background color
+ * @cssprop {Color} [--gv-stepper--bdc=var(--gv-theme-neutral-color-dark, #bfbfbf)] - Border color
+ * @cssprop {Color} [--gv-stepper--c=var(--gv-theme-neutral-color-dark, #bfbfbf)] - Color
+ * @cssprop {Color} [--gv-stepper-passed--c=#595959] - Passed color
+ * @cssprop {Length} [--gv-stepper-icon--s=32px] - Height and icon width
+ */
+export class GvStepper extends LitElement {
+    static get properties(): {
+        current: {
+            type: NumberConstructor;
+            reflect: boolean;
+        };
+        steps: {
+            type: ArrayConstructor;
+        };
+        disabled: {
+            type: BooleanConstructor;
+        };
+        _error: {
+            type: BooleanConstructor;
+        };
+    };
+    static get styles(): import("lit").CSSResult[];
+    current: number;
+    _steps: any[];
+    _error: boolean;
+    _empty: boolean;
+    _onClick(index: any): void;
+    _getIcon(step: any): import("lit-html").TemplateResult<1>;
+    _getStep(step: any, index: any): import("lit-html").TemplateResult<1>;
+}
+import { LitElement } from "lit-element/lit-element";

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

@@ -0,0 +1,159 @@
+declare const GvTable_base: {
+    new (): {
+        [x: string]: any;
+        _onResize({ width }: {
+            width: any;
+        }): void;
+        connectedCallback(): Promise<void>;
+        _unobserveResize: (() => any) | undefined;
+        disconnectedCallback(): void;
+    };
+    [x: string]: any;
+};
+/**
+ * Table component
+ *
+ * ## Details
+ * * has @theme facet
+ *
+ * @fires gv-table:select - when table row is selected
+ * @fires gv-table:mouseenter - when the pointer is entering on a table row
+ * @fires gv-table:mouseleave - when the pointer is leaving a table row
+ * @fires gv-table:sort - when the order is changed
+ *
+ * @attr {Array<any>} items - A list of items to display
+ * @attr {String} title - A title to display
+ * @attr {String} order - If defined, the table will be ordered by the field. Start with '-' to sort in desc
+ * @attr {Array<any>} options - The list of options to display
+ * @attr {Boolean} noheader - Used to hide the table header
+ * @attr {Boolean} nosort - Used to disable the click on header to sort
+ * @attr {String} rowsheight - The height of the table rows
+ * @attr {String} rowheight - The height of the table single row
+ * @attr {String} emptymessage - The empty message to display
+ * @attr {Function} format - A function to format table headers and string cells
+ * @attr {Function} compareFn - A function to define how to sort. Default function will sort selected field ignoring case
+ * @attr {Array<any>} selected - A list of selected ids of the items displayed
+ * @attr {String} total - Total of data displayed on the table (useful with in case of pagination)
+ * @attr {Boolean} skeleton - Force gv-table to be in skeleton mode
+ *
+ * @cssprop {Color} [--gv-table-selected--bgc=var(--gv-theme-color, #5a7684)] - Selected background color
+ * @cssprop {Color} [--gv-table-hover--bgc=var(--gv-theme-neutral-color-lighter, #fafafa)] - Row background color on hover
+ * @cssprop {Color} [--gv-table--bgc=var(--gv-theme-neutral-color-lightest, #ffffff)] - Background color
+ * @cssprop {Color} [--gv-table--bdc=var(--gv-theme-neutral-color-dark, #d9d9d9)] - Border color
+ * @cssprop {String} [--gv-table-header--fz=var(--gv-theme-font-size-l, 20px)] - Title font size
+ * @cssprop {Length} [--gv-table-header--p=2rem 4rem] - Title padding
+ * @cssprop {String} [--gv-table-rows--ov=auto] - Overflow on table
+ * @cssprop {Length} [--gv-table--colmg=0.2rem] - Column gap
+ * @cssprop {String} [--gv-table-row--ai=center] - Row align-items
+ * @cssprop {String} [--gv-table-row--ac=center] - Row align-content
+ * @cssprop {String} [--gv-table-cell--d=flex] - Cell display
+ */
+export class GvTable extends GvTable_base {
+    static get properties(): {
+        items: {
+            type: ArrayConstructor;
+        };
+        title: {
+            type: StringConstructor;
+        };
+        order: {
+            type: StringConstructor;
+        };
+        options: {
+            type: ArrayConstructor;
+        };
+        noheader: {
+            type: BooleanConstructor;
+        };
+        nosort: {
+            type: BooleanConstructor;
+        };
+        rowsheight: {
+            type: StringConstructor;
+        };
+        rowheight: {
+            type: StringConstructor;
+        };
+        emptymessage: {
+            type: StringConstructor;
+        };
+        format: {
+            type: FunctionConstructor;
+        };
+        compareFn: {
+            type: FunctionConstructor;
+        };
+        selected: {
+            type: ArrayConstructor;
+            reflect: boolean;
+        };
+        total: {
+            type: StringConstructor;
+        };
+        skeleton: {
+            type: BooleanConstructor;
+        };
+        _items: {
+            type: ArrayConstructor;
+            attribute: boolean;
+        };
+        _skeleton: {
+            type: BooleanConstructor;
+            attribute: boolean;
+        };
+        _error: {
+            type: BooleanConstructor;
+            attribute: boolean;
+        };
+        _empty: {
+            type: BooleanConstructor;
+            attribute: boolean;
+        };
+        _itemsProvider: {
+            type: ArrayConstructor;
+            attribute: boolean;
+        };
+        _page: {
+            type: NumberConstructor;
+            attribute: boolean;
+        };
+    };
+    static get styles(): import("lit").CSSResult[];
+    _id: number;
+    breakpoints: {
+        width: number[];
+    };
+    _empty: boolean;
+    order: string;
+    _page: number;
+    _itemsProvider: any[];
+    selected: any[];
+    compareFn: (item: any, item2: any, value: any) => any;
+    set items(arg: any[]);
+    get items(): any[];
+    _skeleton: boolean | undefined;
+    _error: boolean | undefined;
+    _onSortChanged(field: any, e: any): void;
+    get _items(): any[];
+    _getItemId(item: any): any;
+    _onSelect(item: any, event: any): void;
+    get selectedItems(): any[];
+    _onMouseEnter(item: any): void;
+    _onMouseLeave(): void;
+    _renderHeader(styleGridColumns: any): "" | import("lit-html").TemplateResult<1>;
+    _renderIcon(item: any, itemIndex: any, option: any): "" | import("lit-html").TemplateResult<1>;
+    _renderComponent(item: any, itemIndex: any, option: any, value: any, type: any): any;
+    _renderCell(formattedValue: any, option: any, item: any, itemIndex: any): any;
+    _getFormattedCellValue(option: any, item: any): any;
+    _isSelected(item: any): boolean;
+    _renderRows(styleGridColumns: any): import("lit-html").TemplateResult<1>;
+    _renderItems(): import("lit-html").TemplateResult<1>;
+    _renderPagination(): import("lit-html").TemplateResult<1> | undefined;
+    _getDataFromField(item: any, field: any): any;
+    _renderTag(option: any, item: any): "" | import("lit-html").TemplateResult<1>;
+    _onImageLoaded(): void;
+    _renderImage(picture: any, alt: any): import("lit-html").TemplateResult<1>;
+    updated(props: any): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+export {};

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

@@ -0,0 +1,44 @@
+/**
+ * A tree menu
+ *
+ * ## Details
+ * * has @theme facet
+ *
+ * @fires gv-tree:select - Custom event from child components
+ * @fires gv-tree:toggle - Custom event from child components
+ *
+ * @attr {Array} items - list of items and subitems to be displayed in the menu MenuItem: {name: String, value: any, children: Array<MenuItem>}
+ * @attr {Boolean} closed - allows to close the menu
+ * @attr {Object} selectedItem - the item selected
+ *
+ * @cssprop {Color} [--gv-tree--bgc=var(--gv-theme-neutral-color-lightest, #ffffff)] - Background color
+ * @cssprop {Color} [--gv-tree--c=var(--gv-theme-font-color-dark, #262626)] - Color
+ * @cssprop {Color} [--gv-tree-active--bdc=var(--gv-theme-color, #5a7684)] - Active border
+ * @cssprop {Color} [--gv-tree-active--bgc=var(--gv-theme-neutral-color-dark, #d9d9d9)] - Active background color
+ * @cssprop {Length} [--gv-tree-icon--s=20px] - Height and icon width
+ */
+export class GvTree extends LitElement {
+    static get properties(): {
+        items: {
+            type: ArrayConstructor;
+        };
+        closed: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        selectedItem: {
+            type: ObjectConstructor;
+        };
+    };
+    static get styles(): import("lit").CSSResult[];
+    closed: boolean;
+    _onSelect(menuItem: any, e: any): void;
+    selectedItem: any;
+    _onClick(menuItem: any, e: any): void;
+    _getMenuItemPage(menuItem: any): import("lit-html").TemplateResult<1>;
+    _getMenuItemFolder(menuItem: any): any;
+    _getMenu(menuItems: any): any;
+    _getMenuItem(menuItem: any): any;
+    _toggleMenu(): void;
+}
+import { LitElement } from "lit-element/lit-element";

package/src/organisms/gv-documentation.d.ts

@@ -0,0 +1,52 @@
+/**
+ *  Documentation component
+ *
+ * ⚠️ This component is based on `asciidoctor`, `highlight.js` and `asciidoctor-highlight.js`.
+ * To use this component in your project be sure the dependencies are installed or
+ * install them with: `npm install asciidoctor highlight.js asciidoctor-highlight.js --save`
+ *
+ * @attr {String} text - Documentation content
+ * @attr {String} type - Type of content
+ * @attr {String} image - Image or icon to display in header
+ * @attr {Boolean} disabled - true if component is disabled
+ * @attr {Boolean} without-header - true if component should not have header with title and actions
+ */
+export class GvDocumentation extends LitElement {
+    static get properties(): {
+        text: {
+            type: StringConstructor;
+        };
+        type: {
+            type: StringConstructor;
+        };
+        image: {
+            type: StringConstructor;
+        };
+        _dom: {
+            type: ObjectConstructor;
+            attribute: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+        };
+        withoutHeader: {
+            type: BooleanConstructor;
+            attribute: string;
+        };
+        _cssLoaded: {
+            type: BooleanConstructor;
+            attribute: boolean;
+        };
+    };
+    static get styles(): import("lit").CSSResult[];
+    type: string;
+    _onCloseDocumentation(): void;
+    _renderIcon(): import("lit-html").TemplateResult<1>;
+    _dom: {
+        title: string;
+        element: HTMLDivElement;
+    } | undefined;
+    _onLoad(): void;
+    _cssLoaded: boolean | undefined;
+}
+import { LitElement } from "lit-element/lit-element";

package/src/organisms/gv-header.d.ts

@@ -0,0 +1,60 @@
+declare const GvHeader_base: {
+    new (): {
+        [x: string]: any;
+        _onResize({ width }: {
+            width: any;
+        }): void;
+        connectedCallback(): Promise<void>;
+        _unobserveResize: (() => any) | undefined;
+        disconnectedCallback(): void;
+    };
+    [x: string]: any;
+};
+/**
+ * Header component
+ *
+ * ## Details
+ * * has @theme facet
+ *
+ * @attr {Promise<any>} item - An item
+ * @attr {Promise<Array<{ path: String, title: String }>>} breadcrumbs - definition of routes in order
+ * @attr {Boolean} canSubscribe - for display actions (default: false)
+ *
+ * @cssprop {Color} [--gv-header--bgc=var(--gv-theme-color-light, #86c3d0)] - Background color.
+ * @cssprop {Color} [--gv-header--c=var(--gv-theme-font-color-dark, #262626)] - Color
+ *
+ * @cssprop {Length} [--gv-header-button--p=10px 24px] - Button adding
+ * @cssprop {Length} [--gv-header-button--fz=var(--gv-theme-font-size-l, 16px)] - Button font size
+ *
+ */
+export class GvHeader extends GvHeader_base {
+    static get properties(): {
+        breadcrumbs: {
+            type: ArrayConstructor;
+        };
+        sticky: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        _breadcrumbs: {
+            type: ArrayConstructor;
+            attribute: boolean;
+        };
+        canSubscribe: {
+            type: BooleanConstructor;
+            attribute: string;
+        };
+    };
+    static get styles(): any[];
+    breakpoints: {
+        width: number[];
+    };
+    _breadcrumbs: any[];
+    canSubscribe: boolean;
+    set breadcrumbs(arg: any);
+    _getLink(route: any, index: any): Promise<void | import("lit-html").TemplateResult<1>>;
+    _renderBreadcrumbs(): import("lit-html").TemplateResult<1>;
+    _onSubscribe(e: any): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+export {};

package/src/organisms/gv-http-client.d.ts

@@ -0,0 +1,57 @@
+declare const GvHttpClient_base: {
+    new (): {
+        [x: string]: any;
+        _controller: {};
+        _handleKeyDown: (e: any) => void;
+        _handleKeyUp: (e: any) => void;
+        connectedCallback(): void;
+        disconnectedCallback(): void;
+        _onKeyDown(e: any): void;
+        _onKeyUp(e: any): void;
+        isPressed(...keys: any[]): boolean;
+        onKeyboard(controller: any): void;
+    };
+    [x: string]: any;
+};
+/**
+ * @fires gv-http-client:send - Event sent when
+ *
+ * @attr {String} path - Path of the request
+ * @attr {String} method - Method of the request
+ * @attr {Boolean} loading - True if the request is in progress
+ * @attr {Object} response - Response of the request
+ */
+export class GvHttpClient extends GvHttpClient_base {
+    static get properties(): {
+        response: {
+            type: ObjectConstructor;
+        };
+        path: {
+            type: StringConstructor;
+        };
+        method: {
+            type: StringConstructor;
+        };
+        loading: {
+            type: BooleanConstructor;
+        };
+    };
+    static get styles(): import("lit").CSSResult[];
+    response: any;
+    loading: boolean;
+    path: any;
+    method: any;
+    request: {
+        method: string;
+        path: string;
+    };
+    _sendRequest(): void;
+    _updateRequest(formData: any): void;
+    isFormValid: any;
+    render(): import("lit-html").TemplateResult<1>;
+    _renderEmptyResponse(): import("lit-html").TemplateResult<1>;
+    _renderLoading(): import("lit-html").TemplateResult<1>;
+    _renderDebugResponse(): import("lit-html").TemplateResult<1>;
+    _renderResponseHeader(): import("lit-html").TemplateResult<1>;
+}
+export {};