q2-tecton-elements 1.23.0-alpha.0 → 1.23.0

package/dist/types/components/q2-card/index.d.ts

@@ -23,7 +23,7 @@ export declare class Q2Card implements ComponentInterface {
   barColor: string;
   componentWillLoad(): void;
   componentDidLoad(): void;
-  willDestroyElement(): void;
+  disconnectedCallback(): void;
   handleClick: (event: MouseEvent) => boolean;
   onHostElementFocus(event: any): void;
   checkBar(): void;

package/dist/types/components/q2-chart-area/index.d.ts

@@ -0,0 +1,40 @@
+import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
+import * as echarts from 'echarts/core';
+import { IChartData } from 'src/utils/charting';
+export declare class Q2ChartArea implements ComponentInterface {
+  data: IChartData[];
+  alignChartName: 'left' | 'right' | 'center';
+  chartName: string;
+  lineColor: string;
+  pointerLineColor: string;
+  pointerLineStyle: 'solid' | 'dashed';
+  areaColor: string;
+  dataNamesOverflow: 'break' | 'truncate';
+  dataNamesWidth: number;
+  format: 'currency' | 'default';
+  formatModifier: string;
+  hideNameAxisLabels: boolean;
+  hideValueAxisLabels: boolean;
+  offsetDataNames: boolean;
+  offsetDataValues: boolean;
+  showChartName: boolean;
+  showDatapointLabels: boolean;
+  showGradient: boolean;
+  gridLines: 'horizontal' | 'vertical' | 'off';
+  hostElement: HTMLElement;
+  change: EventEmitter;
+  chartContainer: HTMLDivElement;
+  chartContainerStyles: CSSStyleDeclaration;
+  hostElementStyles: CSSStyleDeclaration;
+  chart: echarts.ECharts;
+  resizeEventListener: EventListener;
+  componentDidLoad(): void;
+  disconnectedCallback(): void;
+  cacheComputedStyles(): void;
+  getAreaFill(): any;
+  getColor(color: string): any;
+  updateChart(chart: echarts.ECharts): void;
+  resizeChart(): void;
+  propsUpdates(): void;
+  render(): any;
+}

package/dist/types/components/q2-chart-bar/index.d.ts

@@ -21,10 +21,10 @@ export declare class Q2ChartBar implements ComponentInterface {
   chartContainer: HTMLDivElement;
   chartContainerStyles: CSSStyleDeclaration;
   hostElementStyles: CSSStyleDeclaration;
-  resizeObserver: ResizeObserver;
   chart: echarts.ECharts;
+  resizeEventListener: EventListener;
   componentDidLoad(): void;
-  willDestroyElement(): void;
+  disconnectedCallback(): void;
   cacheComputedStyles(): void;
   getColor(color: string): any;
   processData(data: IChartData[]): {

package/dist/types/components/q2-chart-donut/index.d.ts

@@ -36,7 +36,7 @@ export declare class Q2ChartDonut implements ComponentInterface {
     name: any;
   };
   componentDidLoad(): void;
-  willDestroyElement(): void;
+  disconnectedCallback(): void;
   get centerData(): {
     color: string;
     icon?: string;

package/dist/types/components/q2-select/index.d.ts

@@ -16,6 +16,7 @@ export declare class Q2Select implements ComponentInterface {
   searchable: boolean;
   multilineOptions: boolean;
   optional: boolean;
+  placeholder: string;
   hostElement: HTMLElement;
   dropdownOpen: boolean;
   onlyShowingSelected: boolean;

package/dist/types/components.d.ts

@@ -104,6 +104,27 @@ export namespace Components {
         "label": string;
         "siblingCount": number;
     }
+    interface Q2ChartArea {
+        "alignChartName": 'left' | 'right' | 'center';
+        "areaColor": string;
+        "chartName": string;
+        "data": IChartData[];
+        "dataNamesOverflow": 'break' | 'truncate';
+        "dataNamesWidth": number;
+        "format": 'currency' | 'default';
+        "formatModifier": string;
+        "gridLines": 'horizontal' | 'vertical' | 'off';
+        "hideNameAxisLabels": boolean;
+        "hideValueAxisLabels": boolean;
+        "lineColor": string;
+        "offsetDataNames": boolean;
+        "offsetDataValues": boolean;
+        "pointerLineColor": string;
+        "pointerLineStyle": 'solid' | 'dashed';
+        "showChartName": boolean;
+        "showDatapointLabels": boolean;
+        "showGradient": boolean;
+    }
     interface Q2ChartBar {
         "alignChartName": 'left' | 'right' | 'center';
         "chartName": string;
@@ -375,6 +396,7 @@ export namespace Components {
         "multilineOptions": boolean;
         "multiple": boolean;
         "optional": boolean;
+        "placeholder": string;
         "popDirection": 'up' | 'down';
         "readonly": boolean;
         "searchable": boolean;
@@ -483,6 +505,10 @@ export interface Q2CarouselPaneCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLQ2CarouselPaneElement;
 }
+export interface Q2ChartAreaCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLQ2ChartAreaElement;
+}
 export interface Q2ChartDonutCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLQ2ChartDonutElement;
@@ -620,6 +646,12 @@ declare global {
         prototype: HTMLQ2CarouselPaneElement;
         new (): HTMLQ2CarouselPaneElement;
     };
+    interface HTMLQ2ChartAreaElement extends Components.Q2ChartArea, HTMLStencilElement {
+    }
+    var HTMLQ2ChartAreaElement: {
+        prototype: HTMLQ2ChartAreaElement;
+        new (): HTMLQ2ChartAreaElement;
+    };
     interface HTMLQ2ChartBarElement extends Components.Q2ChartBar, HTMLStencilElement {
     }
     var HTMLQ2ChartBarElement: {
@@ -827,6 +859,7 @@ declare global {
         "q2-card": HTMLQ2CardElement;
         "q2-carousel": HTMLQ2CarouselElement;
         "q2-carousel-pane": HTMLQ2CarouselPaneElement;
+        "q2-chart-area": HTMLQ2ChartAreaElement;
         "q2-chart-bar": HTMLQ2ChartBarElement;
         "q2-chart-donut": HTMLQ2ChartDonutElement;
         "q2-checkbox": HTMLQ2CheckboxElement;
@@ -962,6 +995,28 @@ declare namespace LocalJSX {
         "onClickCarouselPane"?: (event: Q2CarouselPaneCustomEvent<any>) => void;
         "siblingCount"?: number;
     }
+    interface Q2ChartArea {
+        "alignChartName"?: 'left' | 'right' | 'center';
+        "areaColor"?: string;
+        "chartName"?: string;
+        "data"?: IChartData[];
+        "dataNamesOverflow"?: 'break' | 'truncate';
+        "dataNamesWidth"?: number;
+        "format"?: 'currency' | 'default';
+        "formatModifier"?: string;
+        "gridLines"?: 'horizontal' | 'vertical' | 'off';
+        "hideNameAxisLabels"?: boolean;
+        "hideValueAxisLabels"?: boolean;
+        "lineColor"?: string;
+        "offsetDataNames"?: boolean;
+        "offsetDataValues"?: boolean;
+        "onChange"?: (event: Q2ChartAreaCustomEvent<any>) => void;
+        "pointerLineColor"?: string;
+        "pointerLineStyle"?: 'solid' | 'dashed';
+        "showChartName"?: boolean;
+        "showDatapointLabels"?: boolean;
+        "showGradient"?: boolean;
+    }
     interface Q2ChartBar {
         "alignChartName"?: 'left' | 'right' | 'center';
         "chartName"?: string;
@@ -1246,6 +1301,7 @@ declare namespace LocalJSX {
         "onChange"?: (event: Q2SelectCustomEvent<any>) => void;
         "onInput"?: (event: Q2SelectCustomEvent<any>) => void;
         "optional"?: boolean;
+        "placeholder"?: string;
         "popDirection"?: 'up' | 'down';
         "readonly"?: boolean;
         "searchable"?: boolean;
@@ -1353,6 +1409,7 @@ declare namespace LocalJSX {
         "q2-card": Q2Card;
         "q2-carousel": Q2Carousel;
         "q2-carousel-pane": Q2CarouselPane;
+        "q2-chart-area": Q2ChartArea;
         "q2-chart-bar": Q2ChartBar;
         "q2-chart-donut": Q2ChartDonut;
         "q2-checkbox": Q2Checkbox;
@@ -1400,6 +1457,7 @@ declare module "@stencil/core" {
             "q2-card": LocalJSX.Q2Card & JSXBase.HTMLAttributes<HTMLQ2CardElement>;
             "q2-carousel": LocalJSX.Q2Carousel & JSXBase.HTMLAttributes<HTMLQ2CarouselElement>;
             "q2-carousel-pane": LocalJSX.Q2CarouselPane & JSXBase.HTMLAttributes<HTMLQ2CarouselPaneElement>;
+            "q2-chart-area": LocalJSX.Q2ChartArea & JSXBase.HTMLAttributes<HTMLQ2ChartAreaElement>;
             "q2-chart-bar": LocalJSX.Q2ChartBar & JSXBase.HTMLAttributes<HTMLQ2ChartBarElement>;
             "q2-chart-donut": LocalJSX.Q2ChartDonut & JSXBase.HTMLAttributes<HTMLQ2ChartDonutElement>;
             "q2-checkbox": LocalJSX.Q2Checkbox & JSXBase.HTMLAttributes<HTMLQ2CheckboxElement>;

package/dist/types/global.d.ts

@@ -1,4 +1,4 @@
-import { LocFn, ResizeIframeFn, ResolveMenuFn, NavigateToFn, ShowOverpanelFn } from './util';
+import { LocFn, ResizeIframeFn, ResolveMenuFn, NavigateToFn, ShowOverpanelFn, IDict } from './util';
 
 declare global {
     interface Window {
@@ -11,7 +11,9 @@ declare global {
         };
         Tecton?: {
             inMobileApp: boolean;
-            noString: boolean;
+            noStrings: boolean;
+            platformUrl: string;
+            platformDimensions: IDict<any>;
         };
         __forceSmoothScrollPolyfill__: boolean;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "q2-tecton-elements",
-    "version": "1.23.0-alpha.0",
+    "version": "1.23.0",
     "description": "Q2 Tecton Custom Elements",
     "main": "dist/index.js",
     "module": "dist/index.mjs",
@@ -52,5 +52,5 @@
         "smoothscroll-polyfill": "^0.4.4",
         "swiper": "8.4.4"
     },
-    "gitHead": "53cf06b634ee822ac4301e5382372477fd3ca482"
+    "gitHead": "618b0e86c3a5d915bfa221fdc27d5501c90766b6"
 }