@gravitee/ui-components 3.25.3-typescript-bfd8f67 → 3.25.3-typescript-e7256ca

package/src/atoms/gv-date-picker.d.ts

@@ -0,0 +1,194 @@
+/**
+ * Date Picker
+ *
+ * ## Details
+ * * has @theme facet
+ *
+ * @attr {Number|Array} value - if range picker, value is an array of timestamp else is a timestamp
+ * @attr {Boolean} range - if has range picker
+ * @attr {Boolean} time - if has time picker
+ * @attr {String} name - name of the input
+ * @attr {Boolean} strict - in completion of time if just have time picker
+ * @attr {Number} min - min timestamp
+ * @attr {Number} max - max timestamp
+ * @attr {Number} distanceFromNow - The distance timestamp relative to the current date. If configured, the min / max will be updated every minute.
+ * @attr {String} format - date format
+ * @attr {Boolean} valid - if value is valid
+ * @attr {Boolean} invalid - if value is invalid
+ * @attr {Boolean} small - for a small input
+ *
+ * @cssprop {Color} [--gv-date-picker-hover--bgc=var(--gv-theme-color-light, #86c3d0)] - Hover background color
+ * @cssprop {Color} [--gv-date-picker-hover--c=var(--gv-theme-font-color-dark, #262626)] - Hover color
+ * @cssprop {Color} [--gv-date-picker-selected--bgc=var(--gv-theme-color, #5a7684)] - Selected background color
+ * @cssprop {Color} [--gv-date-picker-selected--c=var(--gv-theme-font-color-light, #ffffff)] - Selected color
+ */
+export class GvDatePicker extends LitElement {
+    static get properties(): {
+        range: {
+            type: BooleanConstructor;
+        };
+        label: {
+            type: StringConstructor;
+        };
+        name: {
+            type: StringConstructor;
+        };
+        time: {
+            type: BooleanConstructor;
+        };
+        strict: {
+            type: BooleanConstructor;
+        };
+        small: {
+            type: BooleanConstructor;
+        };
+        value: {
+            type: ArrayConstructor;
+            reflect: boolean;
+        };
+        min: {
+            type: NumberConstructor;
+        };
+        max: {
+            type: NumberConstructor;
+        };
+        distanceFromNow: {
+            type: NumberConstructor;
+        };
+        disabledDates: {
+            type: ArrayConstructor;
+        };
+        format: {
+            type: StringConstructor;
+        };
+        invalid: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        valid: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        _hoveredDate: {
+            type: StringConstructor;
+            attribute: boolean;
+        };
+        _open: {
+            type: BooleanConstructor;
+            attribute: boolean;
+        };
+        _month: {
+            type: StringConstructor;
+            attribute: boolean;
+        };
+        _year: {
+            type: StringConstructor;
+            attribute: boolean;
+        };
+        _monthPlus: {
+            type: StringConstructor;
+            attribute: boolean;
+        };
+        _yearPlus: {
+            type: NumberConstructor;
+            attribute: boolean;
+        };
+        _mode: {
+            type: StringConstructor;
+            attribute: boolean;
+        };
+        _from: {
+            type: NumberConstructor;
+            attribute: boolean;
+        };
+        _to: {
+            type: NumberConstructor;
+            attribute: boolean;
+        };
+        _min: {
+            type: NumberConstructor;
+            attribute: boolean;
+        };
+        _max: {
+            type: NumberConstructor;
+            attribute: boolean;
+        };
+        _distance: {
+            type: NumberConstructor;
+            attribute: boolean;
+        };
+    };
+    static get styles(): import("lit").CSSResult[];
+    _id: string;
+    strict: boolean;
+    range: boolean;
+    time: boolean;
+    format: string;
+    timeFormat: string;
+    strictTimeFormat: string;
+    handleClick: (e: any) => void;
+    handleDocumentClick: (e: any) => void;
+    disabledDates: any[];
+    _year: any;
+    _month: any;
+    set min(arg: any);
+    _min: number | undefined;
+    set max(arg: any);
+    _max: number | undefined;
+    set distanceFromNow(arg: any);
+    _distance: any;
+    _from: any;
+    _onClick(e: any): void;
+    _onDocumentClick(e: any): void;
+    _open: boolean | undefined;
+    _onFocus(mode: any): void;
+    _mode: any;
+    getLocale(): Promise<any>;
+    get dateFromPlaceholder(): string;
+    get dateToPlaceholder(): string;
+    get icon(): "general:calendar" | "code:error";
+    get hasContent(): boolean;
+    _onClear(): void;
+    invalid: boolean | undefined;
+    value: any;
+    hasFrom(): boolean;
+    hasTo(): boolean;
+    _distanceTimer: NodeJS.Timeout | undefined;
+    monthChanged(month: any, year: any): void;
+    _monthPlus: string | undefined;
+    _yearPlus: number | undefined;
+    _to: any;
+    _onMonthChanged({ detail }: {
+        detail: any;
+    }): void;
+    _hoveredDate: any;
+    _onYearChanged({ detail }: {
+        detail: any;
+    }): void;
+    _onMonthMode({ detail }: {
+        detail: any;
+    }): void;
+    _onYearMode({ detail }: {
+        detail: any;
+    }): void;
+    _onBlurForm({ target }: {
+        target: any;
+    }): void;
+    _onBlurTo({ target }: {
+        target: any;
+    }): void;
+    hoveredDateChanged({ detail }: {
+        detail: any;
+    }): void;
+    dateFromChanged({ detail }: {
+        detail: any;
+    }): void;
+    valid: boolean | undefined;
+    dateToChanged({ detail }: {
+        detail: any;
+    }): void;
+    getFormat(): string;
+    getFormattedDate(date: any): Promise<string>;
+    parseValue(value: any): "" | Date;
+}
+import { LitElement } from "lit-element/lit-element";

package/src/atoms/gv-file-upload.d.ts

@@ -0,0 +1,64 @@
+/**
+ * File upload
+ *
+ * ## Details
+ * * has @theme facet
+ *
+ * @fires gv-file-upload:drop - Custom event when user drop file
+ *
+ * @attr {String} label - Label
+ * @attr {String} accept - One or more file type identifiers describing the authorized file types.
+ * @attr {String} except - One or more file type identifiers describing unauthorized file types.
+ * @attr {Number} limit - Max size limit in bytes.
+ * @attr {String} value - Reflected value of uploaded file
+ **/
+export class GvFileUpload extends LitElement {
+    static get properties(): {
+        label: {
+            type: StringConstructor;
+        };
+        accept: {
+            type: StringConstructor;
+        };
+        except: {
+            type: StringConstructor;
+        };
+        limit: {
+            type: NumberConstructor;
+        };
+        value: {
+            type: ArrayConstructor;
+            reflect: boolean;
+        };
+        _preview: {
+            type: StringConstructor;
+            attribute: boolean;
+        };
+        _files: {
+            type: ArrayConstructor;
+            attribute: boolean;
+        };
+        _errors: {
+            type: ArrayConstructor;
+            attribute: boolean;
+        };
+    };
+    static get styles(): import("lit").CSSResult[];
+    reader: FileReader;
+    _files: any[];
+    _errors: any[];
+    _counter: number;
+    _onDragOver(e: any): void;
+    _onDragEnd(e: any): void;
+    _onDrop(e: any): void;
+    _getRegex(mimeTypes: any): string;
+    setFiles(files: any): void;
+    _preview: string | ArrayBuffer | null | undefined;
+    value: string | ArrayBuffer | null | undefined;
+    _cancelEvent(e: any): void;
+    _removeFile(): void;
+    _onChange(e: any): void;
+    get icon(): "general:clip" | "general:upload";
+    _onPreviewError(): void;
+}
+import { LitElement } from "lit-element/lit-element";

package/src/atoms/gv-icon.d.ts

@@ -0,0 +1,26 @@
+/**
+ * An icon
+ *
+ * ## Details
+ * * has @theme facet
+ *
+ * @cssprop {Color} [--gv-icon--c=var(--gv-theme-font-color-dark, #262626)] - Color
+ * @cssprop {Color} [--gv-icon-opacity--c=var(--gv-theme-font-color-dark, #262626)] - Opacity color
+ * @cssprop {Length} [--gv-icon--s=32px] - Height and width
+ */
+export class GvIcon extends LitElement {
+    static get properties(): {
+        /**
+         * This is a shape, an concatenation of category name and icon name.
+         * @type {"{category}:{iconName}"}
+         * @attr
+         * @required
+         */
+        shape: "{category}:{iconName}";
+    };
+    static get excludedShapes(): string[];
+    static get styles(): import("lit").CSSResult[];
+    static getHref(shape: any): string;
+    canCustomize(): boolean;
+}
+import { LitElement } from "lit-element/lit-element";

package/src/atoms/gv-image.d.ts

@@ -0,0 +1,45 @@
+/**
+ * An image
+ *
+ * ## Details
+ * * has @theme facet
+ *
+ * @fires gv-image:loaded - When image is loaded
+ *
+ * @attr {String} src - Source of img
+ * @attr {String} alt - Alternative text of img
+ * @attr {Boolean} skeleton - enable skeleton screen UI pattern (loading hint)
+ *
+ * @cssprop {String} [--gv-image--of=cover] - set the object-fit of image
+ */
+export class GvImage extends LitElement {
+    static get properties(): {
+        src: {
+            type: StringConstructor;
+        };
+        skeleton: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        alt: {
+            type: StringConstructor;
+        };
+        _loaded: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        _error: {
+            type: BooleanConstructor;
+        };
+    };
+    static get styles(): import("lit").CSSResult[];
+    skeleton: boolean;
+    _error: boolean;
+    _loaded: boolean;
+    set src(arg: any);
+    get src(): any;
+    _src: any;
+    _onLoad(e: any): void;
+    _onError(e: any): void;
+}
+import { LitElement } from "lit-element/lit-element";

package/src/atoms/gv-input-message.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Input message component
+ *
+ * @attr {String} level - level of message ['info', 'error', 'warning']
+ */
+export class GvInputMessage extends LitElement {
+    static get properties(): {
+        level: {
+            type: StringConstructor;
+        };
+        _level: {
+            type: StringConstructor;
+            attribute: boolean;
+        };
+    };
+    static get styles(): import("lit").CSSResult[];
+    _level: string;
+    set level(arg: any);
+}
+import { LitElement } from "lit-element/lit-element";

package/src/atoms/gv-input.d.ts

@@ -0,0 +1,246 @@
+declare const GvInput_base: {
+    new (): {
+        [x: string]: any;
+        _id: string;
+        valid: boolean;
+        invalid: boolean;
+        updateState(value: any): void;
+        setValidity(isInvalid?: boolean, violation?: string): void;
+        firstUpdated(): void;
+        updated(changedProperties: any): void;
+        getInputElement(): any;
+        readonly offsetHeight: any;
+        renderLabel(): "" | import("lit-html").TemplateResult<1>;
+    };
+    [x: string]: any;
+    readonly properties: {
+        disabled: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        required: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        readonly: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        skeleton: {
+            type: BooleanConstructor;
+        };
+        value: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        label: {
+            type: StringConstructor;
+        };
+        title: {
+            type: StringConstructor;
+        };
+        name: {
+            type: StringConstructor;
+        };
+        placeholder: {
+            type: StringConstructor;
+        };
+        description: {
+            type: StringConstructor;
+        };
+        autofocus: {
+            type: BooleanConstructor;
+        };
+        invalid: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        valid: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+    };
+    readonly styles: import("lit").CSSResult[];
+};
+/**
+ *
+ * ## Details
+ * * has @theme facet
+ *
+ * @fires gv-input:input - mirrors native input events with the `value` on `detail`
+ * @fires gv-input:clear - event when user clear a clearable input
+ *
+ * @attr {Boolean} disabled - same as native input element `disabled` attribute
+ * @attr {Boolean} required - same as native input element `required` attribute
+ * @attr {Boolean} skeleton - enable skeleton screen UI pattern (loading hint)
+ * @attr {String} value - the value of the input
+ * @attr {String} label - label of the input
+ * @attr {String} title - title of the input
+ * @attr {String} name - name of the input
+ * @attr {String} placeholder - an example value to display in the input when empty
+ * @attr {String} description - a description
+ * @attr {String} type - type of the input, can be text (Default), password, email, search, number, url.
+ * @attr {Boolean} clipboard - for readonly input with clipboard
+ * @attr {Boolean} large - for a large input
+ * @attr {Boolean} medium - for a medium input (Default)
+ * @attr {Boolean} small - for a small input
+ * @attr {String} icon - icon of the input
+ * @attr {String} icon-left - icon of the input to display at left
+ * @attr {Boolean} valid - if value is valid
+ * @attr {Boolean} invalid - if value is invalid
+ * @attr {Boolean} [loading=false] - true to display a loading icon
+ * @attr {Boolean} [autofocus=false] - true to put the focus on the input
+ * @attr {Boolean} [readonly=false] - true if field is readonly mode
+ * @attr {String} [autocomplete='off'] - standard autocomplete attribute
+ * @attr {Boolean} [clickable=false] - If true, icon has link style
+ * @attr {Boolean} [clearable=false] - If true, input can be clear with button
+ * @attr {Boolean} [no-submit=false] - If true, input cannot dispatch native submit event on enter key press to closest form
+ * @attr {String} [pattern=null] - Pattern for input validation. If type is url, default pattern is ^(http|https)://
+ *
+ * @cssprop {String} [--gv-input--bdc=var(--gv-theme-neutral-color, #F5F5F5)] - Border color
+ * @cssprop {Color} [--gv-input--bds=solid] - Border style
+ * @cssprop {Color} [--gv-input-icon--bgc=var(--gv-theme-neutral-color, #F5F5F5)] - Icon background color
+ */
+export class GvInput extends GvInput_base {
+    static get properties(): {
+        type: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        large: {
+            type: BooleanConstructor;
+        };
+        medium: {
+            type: BooleanConstructor;
+        };
+        small: {
+            type: BooleanConstructor;
+        };
+        icon: {
+            type: StringConstructor;
+        };
+        iconLeft: {
+            type: StringConstructor;
+            attribute: string;
+        };
+        loading: {
+            type: BooleanConstructor;
+        };
+        min: {
+            type: NumberConstructor;
+        };
+        max: {
+            type: NumberConstructor;
+        };
+        autocomplete: {
+            type: StringConstructor;
+        };
+        clipboard: {
+            type: BooleanConstructor;
+        };
+        clickable: {
+            type: BooleanConstructor;
+        };
+        clearable: {
+            type: BooleanConstructor;
+        };
+        noSubmit: {
+            type: BooleanConstructor;
+            attribute: string;
+        };
+        pattern: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        description: {
+            type: StringConstructor;
+        };
+        _type: {
+            type: StringConstructor;
+            attribute: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        required: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        readonly: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        skeleton: {
+            type: BooleanConstructor;
+        };
+        value: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        label: {
+            type: StringConstructor;
+        };
+        title: {
+            type: StringConstructor;
+        };
+        name: {
+            type: StringConstructor;
+        };
+        placeholder: {
+            type: StringConstructor;
+        };
+        autofocus: {
+            type: BooleanConstructor;
+        };
+        invalid: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        valid: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+    };
+    static get shapeSearch(): string;
+    static get shapeClear(): string;
+    static get shapeInvisible(): string;
+    static get shapeVisible(): string;
+    _type: string;
+    _showPassword: boolean;
+    value: string;
+    autocomplete: string;
+    noSubmit: boolean;
+    reset(): void;
+    focus(): void;
+    _regexPattern: RegExp | undefined;
+    _setClipboardIcon(shape: any): void;
+    iconLeft: any;
+    icon: any;
+    copy: (() => void) | undefined;
+    _copied: boolean | undefined;
+    bindInputEvents(): void;
+    catchSlot(): void;
+    _input: any;
+    _onInput(e: any): void;
+    _onKeyPress(e: any): void;
+    _onKeyUp(e: any): void;
+    get isClearable(): boolean | undefined;
+    set type(arg: string);
+    get type(): string;
+    pattern: string | RegExp | undefined;
+    clearable: boolean | undefined;
+    _onIconClick(): void;
+    _onIconVisibleClick(e: any): void;
+    get isPassword(): boolean;
+    get hasClickableIcon(): any;
+    get hasClipboard(): any;
+    clear(): void;
+    _renderClearIcon(): "" | import("lit-html").TemplateResult<1>;
+    _shapePassword(): "general:visible" | "general:hidden";
+    _renderPasswordIcon(): "" | import("lit-html").TemplateResult<1>;
+    get hasBackground(): boolean;
+    renderIcon(): "" | import("lit-html").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
+}
+export {};

package/src/atoms/gv-link.d.ts

@@ -0,0 +1,67 @@
+/**
+ * A link
+ *
+ * ## Details
+ * * has @theme facet
+ *
+ * @fires gv-link:click - Custom click event from inner link element
+ *
+ * @slot - The content of the link (text or HTML)
+ *
+ * @attr {Boolean} active - set if link is active
+ * @attr {String} path - link path
+ * @attr {String} title - link title
+ * @attr {String} target - link target
+ * @attr {String} help - help text left between parentheses
+ *
+ * @cssprop {Length} [--gv-link-a--pv=15px] - Vertical padding for the inner <a> tag
+ * @cssprop {Length} [--gv-link-a--ph=15px] - Horizontal padding for the inner <a> tag
+ * @cssprop {Color} [--gv-link--c=var(--gv-theme-font-color-dark, #262626)] - Color
+ * @cssprop {Color} [--gv-link-active--c=var(--gv-theme-font-color-light, #ffffff)] - Active color
+ * @cssprop {Color} [--gv-link--bgc=transparent] - Background color
+ * @cssprop {Color} [--gv-link-active--bgc=var(--gv-theme-color-dark, #28444f)] - Active background color
+ * @cssprop {Color} [--gv-link-active--bdc=none] - Active border color
+ * @cssprop {String} [--gv-link-active--bds=none] - Active border style
+ * @cssprop {Length} [--gv-link-active--bdw=none] - Active border width
+ * @cssprop {String} [--gv-link--ta=center] - Text align
+ * @cssprop {String} [--gv-link--td=none] - Text decoration
+ * @cssprop {String} [--gv-link--tsh=none]- Text shadow
+ * @cssprop {Length} [--gv-link-icon--s=24px] - Height and icon width
+ */
+export class GvLink extends LitElement {
+    static get properties(): {
+        active: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        icon: {
+            type: StringConstructor;
+        };
+        path: {
+            type: StringConstructor;
+        };
+        title: {
+            type: StringConstructor;
+        };
+        target: {
+            type: StringConstructor;
+        };
+        _title: {
+            type: StringConstructor;
+            attribute: boolean;
+        };
+        help: {
+            type: StringConstructor;
+        };
+        skeleton: {
+            type: BooleanConstructor;
+        };
+        small: {
+            type: BooleanConstructor;
+        };
+    };
+    static get styles(): import("lit").CSSResult[];
+    _onClick(e: any): Promise<void>;
+    _title: any;
+}
+import { LitElement } from "lit-element/lit-element";

package/src/atoms/gv-message.d.ts

@@ -0,0 +1,23 @@
+import { LitElement } from 'lit';
+import './gv-icon';
+/**
+ * Message component
+ *
+ * ## Details
+ * * has @theme facet
+ *
+ * @fires gv-message:close - Click event from inner button element
+ *
+ * @slot - The content of the button (text or HTML)
+ *
+ * @attr {String} type - type of the message. Can be default, success, error, warning or info.
+ * @attr {boolean} closable - determines if the message can be hidden.
+ */
+export declare class GvMessage extends LitElement {
+    private _close;
+    closable: boolean;
+    type: string;
+    static styles: import("lit").CSSResult;
+    private _onClick;
+    render(): import("lit-html").TemplateResult<1>;
+}