@gravitee/ui-components 3.31.0 → 3.31.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravitee/ui-components",
-  "version": "3.31.0",
+  "version": "3.31.1",
   "description": "Gravitee.io UI Components library, based on Web Components",
   "repository": {
     "type": "git",
@@ -87,11 +87,11 @@
     "asciidoctor-highlight.js": "0.4.0",
     "babel-jest": "27.5.1",
     "babel-loader": "8.2.3",
-    "chromatic": "6.4.3",
+    "chromatic": "6.5.3",
     "danger": "10.9.0",
     "del": "6.0.0",
-    "eslint": "8.9.0",
-    "eslint-config-prettier": "8.4.0",
+    "eslint": "8.11.0",
+    "eslint-config-prettier": "8.5.0",
     "eslint-config-standard": "16.0.3",
     "eslint-plugin-import": "2.25.4",
     "eslint-plugin-lit": "1.6.1",
@@ -99,11 +99,11 @@
     "eslint-plugin-promise": "6.0.0",
     "eslint-plugin-standard": "4.1.0",
     "esm": "3.2.25",
-    "fs-extra": "10.0.0",
+    "fs-extra": "10.0.1",
     "github-markdown-css": "4.0.0",
     "glob": "7.2.0",
     "highcharts": "9.3.3",
-    "highlight.js": "11.4.0",
+    "highlight.js": "11.5.0",
     "html-to-react": "1.4.8",
     "husky": "7.0.4",
     "i18n-extract": "0.6.7",
@@ -111,7 +111,7 @@
     "is-ci": "3.0.1",
     "jest": "27.5.1",
     "license-check-and-add": "4.0.3",
-    "lint-staged": "12.3.4",
+    "lint-staged": "12.3.5",
     "lit-html": "2.2.0",
     "markdown-it": "12.3.2",
     "node-static": "0.7.11",
@@ -122,7 +122,7 @@
     "sort-package-json": "1.54.0",
     "svgo": "2.8.0",
     "svgstore": "3.0.1",
-    "typescript": "4.5.5",
+    "typescript": "4.6.2",
     "web-component-analyzer": "1.1.6",
     "webpack-env": "0.8.0",
     "webpack-merge": "5.8.0",

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

@@ -62,6 +62,7 @@ export class GvAutocomplete extends LitElement {
     _candidateIndex: number;
     minChars: number;
     value: string;
+    style: string;
     filter: boolean;
     size: number;
     _handleOpened: ({ detail }: {
@@ -80,6 +81,7 @@ export class GvAutocomplete extends LitElement {
     _renderOption(option: any): any;
     _renderStyle(): "" | HTMLDivElement;
     _hasNoOptionSlot(): boolean;
+    render(): import("lit").TemplateResult<1>;
     _clearHover(): void;
     _updateHover(): void;
     _onKeydown(e: any): void;
@@ -90,6 +92,8 @@ export class GvAutocomplete extends LitElement {
     _onBlur(): void;
     _getInput(): ChildNode | null;
     _onClear(event: any): void;
+    updated(): void;
+    firstUpdated(): void;
     _handlers: {
         input: (event: any) => void;
         focus: () => void;

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

@@ -151,12 +151,15 @@ export class GvDatePicker extends LitElement {
     _onClear(): void;
     invalid: boolean | undefined;
     value: any;
+    render(): import("lit").TemplateResult<1>;
     hasFrom(): boolean;
     hasTo(): boolean;
+    firstUpdated(): void;
     _distanceTimer: NodeJS.Timer | undefined;
     monthChanged(month: any, year: any): void;
     _monthPlus: string | undefined;
     _yearPlus: number | undefined;
+    updated(properties: any): void;
     _to: any;
     _onMonthChanged({ detail }: {
         detail: any;

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

@@ -137,12 +137,14 @@ export class GvDatePickerCalendar extends LitElement {
     _renderNextNav(): import("lit").TemplateResult<1> | undefined;
     _renderDays(): import("lit").TemplateResult<1>;
     isStrictTime(): boolean;
+    render(): import("lit").TemplateResult<1>;
     isMinutesDisabled(value: any): boolean;
     isSecondsDisabled(value: any): boolean;
     isHoursDisabled(value: any): boolean;
     _updateTime(): void;
     getTime(): string;
     isCurrentDate(data: any): boolean;
+    updated(properties: any): void;
     _updateDays(): void;
     yearAndMonthChanged(year: any, month: any): void;
     _dimensions: null[][] | {

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

@@ -71,6 +71,8 @@ export class GvDatePickerCell extends LitElement {
     hovered: boolean;
     isCurrent: boolean;
     disabledDates: any[];
+    render(): import("lit").TemplateResult<1>;
+    updated(properties: any): void;
     isSelected(parsedDateFrom: any, parsedDateTo: any, data: any): any;
     dateChanged(dateFrom: any, dateTo: any, hoveredDate: any, data: any): void;
     _onClick(): void;

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

@@ -59,6 +59,8 @@ export class GvFileUpload extends LitElement {
     _removeFile(): void;
     _onChange(e: any): void;
     get icon(): "general:clip" | "general:upload";
+    render(): import("lit").TemplateResult<1>;
     _onPreviewError(): void;
+    updated(changedProperties: any): void;
 }
 import { LitElement } from "lit-element/lit-element";

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

@@ -22,5 +22,6 @@ export class GvIcon extends LitElement {
     static get styles(): import("lit").CSSResult[];
     static getHref(shape: any): string;
     canCustomize(): boolean;
+    render(): import("lit").TemplateResult<1>;
 }
 import { LitElement } from "lit-element/lit-element";

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

@@ -41,5 +41,6 @@ export class GvImage extends LitElement {
     _src: any;
     _onLoad(e: any): void;
     _onError(e: any): void;
+    render(): import("lit").TemplateResult<1>;
 }
 import { LitElement } from "lit-element/lit-element";

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

@@ -217,6 +217,7 @@ export class GvInput extends GvInput_base {
     _setClipboardIcon(shape: any): void;
     iconLeft: any;
     icon: any;
+    firstUpdated(changedProperties: any): void;
     copy: (() => void) | undefined;
     _copied: boolean | undefined;
     bindInputEvents(): void;

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

@@ -16,5 +16,6 @@ export class GvInputMessage extends LitElement {
     static get styles(): import("lit").CSSResult[];
     _level: string;
     set level(arg: any);
+    render(): import("lit").TemplateResult<1>;
 }
 import { LitElement } from "lit-element/lit-element";

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

@@ -62,6 +62,8 @@ export class GvLink extends LitElement {
     };
     static get styles(): import("lit").CSSResult[];
     _onClick(e: any): Promise<void>;
+    set title(arg: any);
     _title: any;
+    render(): import("lit").TemplateResult<1>;
 }
 import { LitElement } from "lit-element/lit-element";

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

@@ -28,5 +28,6 @@ export class GvMetric extends LitElement {
         };
     };
     static get styles(): import("lit").CSSResult[];
+    render(): import("lit").TemplateResult<1>;
 }
 import { LitElement } from "lit-element/lit-element";

package/src/atoms/gv-relative-time/gv-relative-time.d.ts

@@ -41,5 +41,6 @@ export class GvRelativeTime extends LitElement {
     _formatDateInThePast(date: any): any;
     _format(dateStr: any, lang: any): Promise<string | undefined>;
     updateIntervalId: NodeJS.Timer | null | undefined;
+    render(): import("lit").TemplateResult<1>;
 }
 import { LitElement } from "lit-element/lit-element";

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

@@ -52,6 +52,7 @@ export class GvSelect extends GvSelect_base {
         title: null;
     }[];
     _handleDocumentClick: () => void;
+    connectedCallback(): void;
     willUpdate(changedProperties: any): void;
     updateState(value: any): void;
     invalid: boolean | undefined;

package/src/atoms/gv-select-native/gv-select-native.d.ts

@@ -160,6 +160,7 @@ export class GvSelectNative extends GvSelectNative_base {
         disabled: boolean;
         title: null;
     }[];
+    firstUpdated(changedProperties: any): Promise<void>;
     willUpdate(changedProperties: any): void;
     _onEnter(e: any): void;
     _onLeave(): void;

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

@@ -6,5 +6,6 @@
  */
 export class GvSpinner extends LitElement {
     static get styles(): import("lit").CSSResult[];
+    render(): import("lit").TemplateResult<1>;
 }
 import { LitElement } from "lit-element/lit-element";

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

@@ -46,5 +46,6 @@ export class GvState extends LitElement {
         };
     };
     static get styles(): import("lit").CSSResult[];
+    render(): import("lit").TemplateResult<1>;
 }
 import { LitElement } from "lit-element/lit-element";

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

@@ -56,5 +56,7 @@ export class GvSwitch extends LitElement {
     checked: boolean;
     _onInput(): void;
     value: boolean | undefined;
+    updated(_changedProperties: any): void;
+    render(): import("lit").TemplateResult<1>;
 }
 import { LitElement } from "lit-element/lit-element";

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

@@ -65,5 +65,6 @@ export class GvTag extends LitElement {
     };
     static get styles(): import("lit").CSSResult[];
     _onTagClick(e: any): void;
+    render(): import("lit").TemplateResult<1>;
 }
 import { LitElement } from "lit-element/lit-element";

package/src/charts/gv-chart-bar/gv-chart-bar.d.ts

@@ -46,5 +46,51 @@ declare const GvChartBar_base: {
  *
  */
 export class GvChartBar extends GvChartBar_base {
+    getOptions(): Promise<{
+        chart: {
+            type: string;
+        };
+        series: any[];
+        xAxis: {
+            categories: any[];
+        };
+        legend: {
+            enabled: boolean;
+        };
+        yAxis: {
+            allowDecimals: boolean;
+            title: {
+                text: null;
+            };
+            min: number;
+        };
+        plotOptions: {
+            bar: {
+                dataLabels: {
+                    enabled: boolean;
+                };
+            };
+            series: {
+                animation: boolean;
+                events: {
+                    click: (event: any) => void;
+                };
+            };
+        };
+        tooltip: {
+            pointFormat: string;
+        };
+        title: {
+            text: string;
+            useHTML: boolean;
+            align: string;
+            verticalAlign: string;
+            y: number;
+            style: {
+                fontSize: string;
+                fontWeight: string;
+            };
+        };
+    }>;
 }
 export {};

package/src/charts/gv-chart-gauge/gv-chart-gauge.d.ts

@@ -54,5 +54,30 @@ export class GvChartGauge extends GvChartGauge_base {
             type: ArrayConstructor;
         };
     };
+    getOptions(): Promise<{
+        chart: {
+            type: string;
+            backgroundColor: string;
+        };
+        tooltip: any;
+        pane: any;
+        yAxis: {
+            min: number;
+            max: any;
+            lineWidth: number;
+            tickPositions: never[];
+        }[];
+        plotOptions: {
+            solidgauge: {
+                dataLabels: {
+                    enabled: boolean;
+                };
+                linecap: string;
+                stickyTracking: boolean;
+                rounded: boolean;
+            };
+        };
+        series: any;
+    }>;
 }
 export {};

package/src/charts/gv-chart-histogram/gv-chart-histogram.d.ts

@@ -44,5 +44,44 @@ declare const GvChartHistogram_base: {
  *
  */
 export class GvChartHistogram extends GvChartHistogram_base {
+    getOptions(): Promise<{
+        chart: {
+            type: string;
+            backgroundColor: string;
+        };
+        title: {
+            text: any;
+            align: string;
+            style: {
+                fontSize: string;
+                fontWeight: string;
+            };
+        };
+        subtitle: {
+            text: any;
+            align: string;
+            style: {
+                fontSize: string;
+                color: string;
+                opacity: string;
+            };
+        };
+        series: any;
+        xAxis: {
+            type: string;
+            dateTimeLabelFormats: {
+                month: string;
+                year: string;
+            };
+        };
+        legend: {
+            enabled: boolean;
+        };
+        yAxis: any;
+        plotOptions: any;
+        tooltip: {
+            pointFormat: string;
+        };
+    }>;
 }
 export {};

package/src/charts/gv-chart-line/gv-chart-line.d.ts

@@ -47,6 +47,45 @@ declare const GvChartLine_base: {
  *
  */
 export class GvChartLine extends GvChartLine_base {
+    getOptions(): Promise<{
+        chart: {
+            type: string;
+            zoomType: string;
+            events: {
+                selection: (event: any) => void;
+            };
+        };
+        tooltip: {
+            formatter: () => any;
+            shared: boolean;
+            useHTML: boolean;
+        };
+        plotOptions: {
+            line: {
+                allowPointSelect: boolean;
+                cursor: string;
+                dataLabels: {
+                    enabled: boolean;
+                    format: string;
+                };
+            };
+            series: any;
+        };
+        xAxis: {
+            type: string;
+            dateTimeLabelFormats: {
+                month: string;
+                year: string;
+            };
+            crosshair: boolean;
+            plotLines: any[];
+        };
+        yAxis: {
+            title: {
+                text: string;
+            };
+        };
+    }>;
     firstUpdated(): void;
 }
 export {};

package/src/charts/gv-chart-map/gv-chart-map.d.ts

@@ -46,5 +46,48 @@ declare const GvChartMap_base: {
  *
  */
 export class GvChartMap extends GvChartMap_base {
+    getOptions(): Promise<{
+        chart: {
+            map: any;
+        };
+        mapNavigation: {
+            enabled: boolean;
+            enableMouseWheelZoom: boolean;
+        };
+        legend: {
+            layout: string;
+            align: string;
+            verticalAlign: string;
+        };
+        colorAxis: {
+            min: number;
+            stops: any[][];
+        };
+        series: {
+            data: any[];
+            joinBy: string[];
+            name: any;
+            dataLabels: {
+                enabled: boolean;
+                formatter: () => any;
+            };
+            states: {
+                hover: {
+                    color: string;
+                    borderColor: string;
+                };
+            };
+            nullColor: string;
+            point: {
+                events: {
+                    click: (event: any) => void;
+                };
+            };
+        }[];
+        tooltip: {
+            headerFormat: string;
+            pointFormat: string;
+        };
+    }>;
 }
 export {};

package/src/charts/gv-chart-pie/gv-chart-pie.d.ts

@@ -46,5 +46,41 @@ declare const GvChartPie_base: {
  *
  */
 export class GvChartPie extends GvChartPie_base {
+    getOptions(): Promise<{
+        chart: {
+            type: string;
+        };
+        series: any[];
+        plotOptions: {
+            pie: {
+                allowPointSelect: boolean;
+                cursor: string;
+                dataLabels: {
+                    enabled: boolean;
+                    format: string;
+                };
+            };
+            series: {
+                animation: boolean;
+                events: {
+                    click: (event: any) => void;
+                };
+            };
+        };
+        tooltip: {
+            pointFormat: string;
+        };
+        title: {
+            text: string;
+            useHTML: boolean;
+            align: string;
+            verticalAlign: string;
+            y: number;
+            style: {
+                fontSize: string;
+                fontWeight: string;
+            };
+        };
+    }>;
 }
 export {};

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

@@ -160,7 +160,9 @@ export class GvCode extends GvInput {
     _getExtensions(): import("@codemirror/state").Extension[];
     _lockReflectValue: boolean | undefined;
     getExtensions(): never[];
+    firstUpdated(): void;
     _editorView: any;
+    updated(properties: any): Promise<void>;
     _reflectPlaceholder(): void;
     _reflectValue(): void;
     _reflectReadonlyDisabled(): void;

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

@@ -24,5 +24,6 @@ export class GvDropdownMenu extends LitElement {
     _handleDocumentClick: () => void;
     _onDocumentClick(): void;
     toggle(): void;
+    render(): import("lit").TemplateResult<1>;
 }
 import { LitElement } from "lit-element/lit-element";

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

@@ -33,5 +33,6 @@ export class GvExpandable extends LitElement {
     iconOpened: string;
     clickable: boolean;
     _onClick(event: any): void;
+    render(): import("lit").TemplateResult<1>;
 }
 import { LitElement } from "lit-element/lit-element";

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

@@ -133,8 +133,19 @@ export class GvExpressionLanguage extends GvCode {
             reflect: boolean;
         };
     };
+    getExtensions(): import("@codemirror/state").Extension[];
     insertELKeymap(): import("@codemirror/state").Extension;
     buildMethods(type: any): any;
+    findBestAutocompleteHandler(completionContext: any): {
+        handler: {
+            run(completionContext: any): any;
+        } | {
+            expr: RegExp;
+            supportEL: boolean;
+            run(completionContext: any, match: any): any;
+        };
+        match: any;
+    } | undefined;
     getModelType(typeId: any): any;
     isMap(typeId: any): boolean;
     getEnum(typeId: any): any;

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

@@ -40,5 +40,7 @@ export class GvIdentityPicture extends LitElement {
     _toNumber(size: any): number;
     _onLoaded(): void;
     _getMaxSize(width: any, height: any): number;
+    updated(properties: any): void;
+    render(): import("lit").TemplateResult<1>;
 }
 import { LitElement } from "lit-element/lit-element";

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

@@ -117,6 +117,7 @@ export class GvList extends GvList_base {
         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>[];
+        at(index: number): import("lit").CSSResult | undefined;
         [Symbol.iterator](): IterableIterator<import("lit").CSSResult>;
         [Symbol.unscopables](): {
             copyWithin: boolean;
@@ -127,7 +128,6 @@ export class GvList extends GvList_base {
             keys: boolean;
             values: boolean;
         };
-        at(index: number): import("lit").CSSResult | undefined;
     };
     _skeletonAttribute: string;
     _onClick(item: any): void;

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

@@ -54,6 +54,7 @@ export class GvModal extends LitElement {
     opened: boolean;
     showCloseIcon: boolean;
     blocking: boolean;
+    render(): import("lit").TemplateResult<1>;
     getModalClass(opened: any, _toChange: any): "transparent" | "transparent opened" | "opaque" | undefined;
     open(): void;
     _backgroundModalClick(e: any): void;

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

@@ -36,6 +36,8 @@ export class GvNav extends LitElement {
     vertical: boolean;
     set routes(arg: any);
     _getLink(route: any, index: any): Promise<void | import("lit").TemplateResult<1>>;
+    updated(_changedProperties: any): void;
     _compact: boolean | undefined;
+    render(): import("lit").TemplateResult<1>;
 }
 import { LitElement } from "lit-element/lit-element";

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

@@ -54,6 +54,7 @@ export class GvOption extends LitElement {
     multiple: boolean;
     reverse: boolean;
     _onClick(option: any): void;
+    performUpdate(): Promise<unknown>;
     setValue(option: any): void;
     value: any;
     set options(arg: any);
@@ -61,5 +62,6 @@ export class GvOption extends LitElement {
     _hasDescription: boolean | undefined;
     isActive(option: any): any;
     _renderOption(option: any, index: any): import("lit").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
 }
 import { LitElement } from "lit-element/lit-element";

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

@@ -67,6 +67,7 @@ export class GvPlans extends LitElement {
     _renderHeader(plans: any): any;
     _renderTriangles(plans: any): any;
     _renderPagination(): "" | import("lit").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
     toLeft(): void;
     toRight(): void;
 }

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

@@ -69,7 +69,9 @@ export class GvPopover extends LitElement {
     _opened: boolean | undefined;
     close(): void;
     _close(e: any): void;
+    render(): import("lit").TemplateResult<1>;
     renderContent(): import("lit").TemplateResult<1>;
+    firstUpdated(_changedProperties: any): void;
     _getContentSize(): {
         width: any;
         height: any;
@@ -87,5 +89,6 @@ export class GvPopover extends LitElement {
     _hasRightSpace(): boolean;
     _hasTopSpace(): boolean;
     _hasLeftSpace(): boolean;
+    updated(props: any): void;
 }
 import { LitElement } from "lit-element/lit-element";

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

@@ -50,6 +50,8 @@ export class GvRating extends LitElement {
     _onClick(index: any): void;
     _getAverage(): number;
     _renderStar(star: any, index: any): import("lit").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
+    firstUpdated(): void;
     _getCountTitle(): string;
 }
 import { LitElement } from "lit-element/lit-element";

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

@@ -56,6 +56,7 @@ export class GvRatingList extends LitElement {
     set ratings(arg: any);
     _skeleton: boolean | undefined;
     set permissions(arg: any);
+    render(): import("lit").TemplateResult<1>;
     _editAnswer(rating: any, e: any): void;
     _getAnswerValue(): any;
     _onAnswer(rating: any): void;