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

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

@@ -0,0 +1,192 @@
+/**
+ * Code component
+ *
+ * ## Details
+ * * has @theme facet
+ *
+ * @fires gv-code:input - input events with the `value` on `detail`
+ * @fires gv-code:ready - event dispatch when component is ready
+ * @fires gv-code:clipboard-copy - event dispatch when component the `value` has been copied to clipboard
+ *
+ * @attr {String} label - code language
+ * @attr {String} value - code content to be highlighted
+ * @attr {options} Object - options based on codemirror
+ * @attr {String} placeholder - an example value to display in the input when empty
+ * @attr {Number} rows - number of rows of the text element
+ * @attr {Boolean} large - for a large input (only if the field has one row)
+ * @attr {Boolean} medium - for a medium input (only if the field has one row) (Default)
+ * @attr {Boolean} small - for a small input (only if the field has one row)
+ *
+ * @attr {Boolean} [clipboard=false]- true if field has clipboard button
+ * @attr {Boolean} [autofocus=false] - true to put the focus on the input
+ * @attr {Boolean} [readonly=false] - true if field is readonly mode
+ */
+export class GvCode extends GvInput {
+    static get properties(): {
+        options: {
+            type: ObjectConstructor;
+        };
+        rows: {
+            type: NumberConstructor;
+        };
+        _error: {
+            type: StringConstructor;
+            attribute: boolean;
+        };
+        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; /**
+             * Code component
+             *
+             * ## Details
+             * * has @theme facet
+             *
+             * @fires gv-code:input - input events with the `value` on `detail`
+             * @fires gv-code:ready - event dispatch when component is ready
+             * @fires gv-code:clipboard-copy - event dispatch when component the `value` has been copied to clipboard
+             *
+             * @attr {String} label - code language
+             * @attr {String} value - code content to be highlighted
+             * @attr {options} Object - options based on codemirror
+             * @attr {String} placeholder - an example value to display in the input when empty
+             * @attr {Number} rows - number of rows of the text element
+             * @attr {Boolean} large - for a large input (only if the field has one row)
+             * @attr {Boolean} medium - for a medium input (only if the field has one row) (Default)
+             * @attr {Boolean} small - for a small input (only if the field has one row)
+             *
+             * @attr {Boolean} [clipboard=false]- true if field has clipboard button
+             * @attr {Boolean} [autofocus=false] - true to put the focus on the input
+             * @attr {Boolean} [readonly=false] - true if field is readonly mode
+             */
+        };
+    };
+    static findLanguage(mode: any): Promise<import("@codemirror/language").LanguageDescription | {
+        name: string;
+        support: {
+            extension: import("@codemirror/stream-parser").StreamLanguage<unknown>;
+        };
+    } | null | undefined>;
+    static get codemirrorTheme(): import("@codemirror/state").Extension;
+    readonly: boolean;
+    autofocus: boolean;
+    clipboard: boolean;
+    _clipboardIcon: string;
+    languageCompartment: Compartment;
+    readonlyCompartment: Compartment;
+    placeholderCompartment: Compartment;
+    get hasInputStyle(): boolean;
+    _autocomplete(completionContext: any): any;
+    findBestAutocompleteHandler(completionContext: any): {
+        handler: {
+            run(completionContext: any): any;
+        };
+        match: boolean;
+    };
+    get defaultCompletionHandler(): {
+        run(completionContext: any): any;
+    };
+    _getExtensions(): import("@codemirror/state").Extension[];
+    getExtensions(): never[];
+    _editorState: any;
+    _editorView: any;
+    _reflectPlaceholder(): void;
+    _reflectValue(): void;
+    _reflectReadonlyDisabled(): void;
+    _reflectOptions(): Promise<void>;
+}
+import { GvInput } from "../atoms/gv-input";
+import { Compartment } from "@codemirror/state";

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

@@ -0,0 +1,60 @@
+/**
+ * Confirm component
+ *
+ * ## Details
+ * * has @theme facet
+ *
+ * @extends GvPopover
+ *
+ * @attr {String} event - the event that triggers the opening
+ * @attr {String} okLabel - the label of ok btn
+ * @attr {String} cancelLabel - the label of cancel btn
+ * @attr {String} icon - the icon before message
+ * @attr {String} message - the message
+ * @attr {Boolean} disabled - same as native button element `disabled` attribute
+ *
+ * @cssprop {Color} [--gv-confirm--bgc=var(--gv-theme-neutral-color-lighter, #fafafa)] - Background color
+ * @cssprop {Length} [--gv-confirm--maw=350px] - Max width
+ */
+export class GvConfirm extends GvPopover {
+    static get properties(): {
+        /**
+         * @default i18n: gv-confirm.cancel
+         */
+        cancelLabel: {
+            type: StringConstructor;
+        };
+        /**
+         * @default i18n: gv-confirm.ok
+         */
+        okLabel: {
+            type: StringConstructor;
+        };
+        message: {
+            type: StringConstructor;
+        };
+        icon: {
+            type: StringConstructor;
+        };
+        danger: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+        };
+        _disabled: {
+            type: BooleanConstructor;
+        };
+    };
+    static get styles(): (import("lit").CSSResult | import("lit").CSSResult[])[];
+    icon: string;
+    cancelLabel: string;
+    okLabel: string;
+    _onCancel(): void;
+    _onOk(): void;
+    _disabled: any;
+    _reflectDisabledOnSlot(): void;
+    _calculateIsDisabled(): any;
+}
+import { GvPopover } from "./gv-popover";

package/src/molecules/gv-cron-editor.d.ts

@@ -0,0 +1,115 @@
+declare const GvCronEditor_base: {
+    new (): {
+        [x: string]: any;
+        _onResize({ width }: {
+            width: any;
+        }): void;
+        connectedCallback(): Promise<void>;
+        _unobserveResize: (() => any) | undefined;
+        disconnectedCallback(): void;
+    };
+    [x: string]: any;
+};
+/**
+ * Cron editor component
+ *
+ * ## Details
+ *
+ * @fires gv-cron-editor:input - input events with the `value` on `detail`
+ *
+ * @attr {String} label - cron editor label
+ * @attr {String} value - cron expression
+ * @attr {String} mode - the opened mode (if no value is set, the pro mode will be opened)
+ *
+ * @attr {Boolean} [clipboard=false]- true if field has clipboard button
+ * @attr {Boolean} [autofocus=false] - true to put the focus on the input
+ * @attr {Boolean} [readonly=false] - true if field is readonly mode
+ */
+export class GvCronEditor extends GvCronEditor_base {
+    static get properties(): any;
+    static get styles(): import("lit").CSSResult[];
+    _value: string;
+    readonly: boolean;
+    autofocus: boolean;
+    clipboard: boolean;
+    _modes: string[];
+    _timeRange: number[];
+    _days: {
+        value: string;
+        label: string;
+    }[];
+    _months: string[];
+    _state: {
+        seconds: {
+            seconds: number;
+        };
+        minutes: {
+            minutes: number;
+            seconds: number;
+        };
+        hourly: {
+            hours: number;
+            minutes: number;
+            seconds: number;
+        };
+        daily: {
+            days: number;
+            time: number;
+            weekdays: boolean;
+        };
+        weekly: {
+            days: never[];
+            time: number;
+        };
+        monthly: {
+            day: number;
+            month: number;
+            time: number;
+        };
+        yearly: {
+            day: number;
+            month: number;
+            time: number;
+        };
+        pro: {
+            value: string;
+            displayDetails: boolean;
+        };
+    };
+    _docs: {
+        id: string;
+        label: string;
+    }[];
+    _currentDocumentationId: string;
+    _handleChange: ({ target, detail }: {
+        target: any;
+        detail: any;
+    }) => void;
+    _small: boolean;
+    tryToComputeAndInitModeFromValue(): void;
+    mode: any;
+    onResize({ width }: {
+        width: any;
+    }): void;
+    _truncateTabs: boolean | undefined;
+    set value(arg: string);
+    get value(): string;
+    firstUpdated(): Promise<void>;
+    _onOpenDocumentation(docId: any): void;
+    _onChange({ target, detail }: {
+        target: any;
+        detail: any;
+    }): void;
+    _onChangeTab(event: any): void;
+    _getTimeExpression(date: any): string;
+    generate(): void;
+    updateState(value: any): void;
+    renderLabel(): "" | import("lit-html").TemplateResult<1>;
+    displayProDetails(): void;
+    renderProDetails(): "" | import("lit-html").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
+    get allowedValues(): "" | "0-23" | "1-31" | "1-12 or JAN-DEC" | "1-7 or SUN-SAT" | "0-59";
+    get allowedChar(): "" | ",-*/";
+    _getDaySuffix(day?: number): "" | "th" | "st" | "nd" | "rd";
+}
+export {};

package/src/molecules/gv-dropdown-menu.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Dropdown menu
+ *
+ * @slot - The element which must be clicked to open the actions
+ * @slot actions - Element that contains actions
+ *
+ * @attr {Boolean} open - true, if menu should be open
+ * @attr {Boolean} right - true, if actions should at right of container when opened
+ */
+export class GvDropdownMenu extends LitElement {
+    static get properties(): {
+        open: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        right: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+    };
+    static get styles(): import("lit").CSSResult[];
+    open: boolean;
+    right: boolean;
+    _handleDocumentClick: () => void;
+    _onDocumentClick(): void;
+    toggle(): void;
+}
+import { LitElement } from "lit-element/lit-element";

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

@@ -0,0 +1,37 @@
+/**
+ * Expandable component
+ *
+ * @fires gv-expandable:toggle - When user toggle
+ *
+ * @attr {Boolean} open - When true, opens details by default
+ * @attr {String} icon - An icon to show open feature
+ * @attr {String} icon-opened -  An icon to show close feature
+ * @attr {Boolean} clickable - When true, details is clickable like summary
+ *
+ * @cssprop {String} [--gv-expandable--bdb=var(--gv-expandable--bdb, thin solid var(--gv-theme-color, #5a7684)] - Border bottom
+ */
+export class GvExpandable extends LitElement {
+    static get properties(): {
+        open: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        icon: {
+            type: StringConstructor;
+        };
+        iconOpened: {
+            type: StringConstructor;
+            attribute: string;
+        };
+        clickable: {
+            type: BooleanConstructor;
+        };
+    };
+    static get styles(): import("lit").CSSResult[];
+    open: boolean;
+    icon: string;
+    iconOpened: string;
+    clickable: boolean;
+    _onClick(event: any): void;
+}
+import { LitElement } from "lit-element/lit-element";

package/src/molecules/gv-expression-language.d.ts

@@ -0,0 +1,150 @@
+/**
+ * Expression Language component
+ *
+ * @fires gv-expression-language:input - input events with the `value` on `detail`
+ * @fires gv-expression-language:ready - event dispatch when component is ready
+ * @fires gv-expression-language:clipboard-copy - event dispatch when component the `value` has been copied to clipboard
+ *
+ * @attr {String} label - code language
+ * @attr {String} value - code content to be highlighted
+ * @attr {options} Object - options based on codemirror
+ * @attr {String} placeholder - an example value to display in the input when empty
+ * @attr {Number} rows - number of rows of the text element
+ * @attr {Boolean} large - for a large input (only if the field has one row)
+ * @attr {Boolean} medium - for a medium input (only if the field has one row) (Default)
+ * @attr {Boolean} small - for a small input (only if the field has one row)
+ * @attr {Object} grammar - The grammar for Expression Language support
+ *
+ * @attr {Boolean} [clipboard=false]- true if field has clipboard button
+ * @attr {Boolean} [autofocus=false] - true to put the focus on the input
+ * @attr {Boolean} [readonly=false] - true if field is readonly mode
+ */
+export class GvExpressionLanguage extends GvCode {
+    static get properties(): {
+        grammar: {
+            type: ObjectConstructor;
+        };
+        options: {
+            type: ObjectConstructor;
+        };
+        rows: {
+            type: NumberConstructor;
+        };
+        _error: {
+            type: StringConstructor;
+            attribute: boolean;
+        };
+        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;
+        };
+    };
+    insertELKeymap(): import("@codemirror/state").Extension;
+    buildMethods(type: any): any;
+    getModelType(typeId: any): any;
+    isMap(typeId: any): boolean;
+    getEnum(typeId: any): any;
+    convertType(type: any): "text" | "variable" | "type" | "enum";
+    get expressionLanguageCompletionHandlers(): ({
+        run(completionContext: any): any;
+    } | {
+        expr: RegExp;
+        supportEL: boolean;
+        run(completionContext: any, match: any): any;
+    })[];
+}
+import { GvCode } from "../molecules/gv-code";

package/src/molecules/gv-identity-picture.d.ts

@@ -0,0 +1,44 @@
+/**
+ * Identity picture component
+ *
+ * ## Details
+ * * has @theme facet
+ *
+ * @attr {String} picture - the picture
+ * @attr {String} display_name - the display_name of the picture
+ * @attr {Boolean} notification - true to display a notification info
+ * @attr {Boolean} rounded - true for rounded image/icon
+ *
+ * @cssprop {Color} [--gv-identity-picture-notification--bgc=var(--gv-theme-color-light, #86c3d0)] - Notification background color
+ */
+export class GvIdentityPicture extends LitElement {
+    static get properties(): {
+        picture: {
+            type: StringConstructor;
+        };
+        display_name: {
+            type: StringConstructor;
+        };
+        _error: {
+            type: BooleanConstructor;
+            attribute: boolean;
+        };
+        notification: {
+            type: BooleanConstructor;
+        };
+        rounded: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        skeleton: {
+            type: BooleanConstructor;
+        };
+    };
+    static get styles(): import("lit").CSSResult[];
+    _onError(): void;
+    _error: boolean | undefined;
+    _toNumber(size: any): number;
+    _onLoaded(): void;
+    _getMaxSize(width: any, height: any): number;
+}
+import { LitElement } from "lit-element/lit-element";