q2-tecton-elements 1.18.0 → 1.19.0

package/dist/types/components.d.ts

@@ -299,6 +299,8 @@ export namespace Components {
         "maxLength": number;
         "multiple": boolean;
         "open": boolean;
+        "popoverDirection": 'up' | 'down';
+        "popoverMinHeight": number;
         "selectedOptions": IOptionValue1[];
         "theme": 'primary' | 'secondary' | 'tertiary';
         "value": string;
@@ -394,6 +396,8 @@ export namespace Components {
     interface Q2Tag {
         "label": string;
         "open": boolean;
+        "popoverDirection": 'up' | 'down';
+        "popoverMinHeight": number;
         "role": string;
         "theme": 'primary' | 'secondary' | 'tertiary';
     }
@@ -439,6 +443,114 @@ export namespace Components {
         "value": string;
     }
 }
+export interface ClickElsewhereCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLClickElsewhereElement;
+}
+export interface Q2CalendarCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLQ2CalendarElement;
+}
+export interface Q2CardCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLQ2CardElement;
+}
+export interface Q2CarouselCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLQ2CarouselElement;
+}
+export interface Q2CarouselPaneCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLQ2CarouselPaneElement;
+}
+export interface Q2ChartDonutCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLQ2ChartDonutElement;
+}
+export interface Q2CheckboxCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLQ2CheckboxElement;
+}
+export interface Q2CheckboxGroupCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLQ2CheckboxGroupElement;
+}
+export interface Q2EditableFieldCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLQ2EditableFieldElement;
+}
+export interface Q2InputCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLQ2InputElement;
+}
+export interface Q2MonthPickerCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLQ2MonthPickerElement;
+}
+export interface Q2OptionListCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLQ2OptionListElement;
+}
+export interface Q2PaginationCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLQ2PaginationElement;
+}
+export interface Q2PillCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLQ2PillElement;
+}
+export interface Q2PopoverCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLQ2PopoverElement;
+}
+export interface Q2RadioCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLQ2RadioElement;
+}
+export interface Q2RadioGroupCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLQ2RadioGroupElement;
+}
+export interface Q2SectionCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLQ2SectionElement;
+}
+export interface Q2SelectCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLQ2SelectElement;
+}
+export interface Q2StepperCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLQ2StepperElement;
+}
+export interface Q2StepperPaneCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLQ2StepperPaneElement;
+}
+export interface Q2StepperVerticalCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLQ2StepperVerticalElement;
+}
+export interface Q2TabContainerCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLQ2TabContainerElement;
+}
+export interface Q2TabPaneCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLQ2TabPaneElement;
+}
+export interface Q2TagCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLQ2TagElement;
+}
+export interface Q2TextareaCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLQ2TextareaElement;
+}
+export interface TectonTabPaneCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLTectonTabPaneElement;
+}
 declare global {
     interface HTMLClickElsewhereElement extends Components.ClickElsewhere, HTMLStencilElement {
     }
@@ -725,7 +837,7 @@ declare global {
 }
 declare namespace LocalJSX {
     interface ClickElsewhere {
-        "onChange"?: (event: CustomEvent<any>) => void;
+        "onChange"?: (event: ClickElsewhereCustomEvent<any>) => void;
     }
     interface Q2Avatar {
         "icon"?: string;
@@ -777,9 +889,9 @@ declare namespace LocalJSX {
         "invalid"?: boolean;
         "invalidDates"?: string[];
         "label"?: string;
-        "onChange"?: (event: CustomEvent<any>) => void;
-        "onError"?: (event: CustomEvent<any>) => void;
-        "onSuccess"?: (event: CustomEvent<any>) => void;
+        "onChange"?: (event: Q2CalendarCustomEvent<any>) => void;
+        "onError"?: (event: Q2CalendarCustomEvent<any>) => void;
+        "onSuccess"?: (event: Q2CalendarCustomEvent<any>) => void;
         "onsuccess"?: (e: CustomEvent) => void;
         "optional"?: boolean;
         "placeholder"?: string;
@@ -800,7 +912,7 @@ declare namespace LocalJSX {
         "isSmall"?: boolean;
         "isStatic"?: boolean;
         "isTouch"?: boolean;
-        "onClick"?: (event: CustomEvent<any>) => void;
+        "onClick"?: (event: Q2CardCustomEvent<any>) => void;
         "target"?: '_self' | '_blank' | '_parent' | '_top';
         "title"?: string;
         "url"?: string;
@@ -812,14 +924,14 @@ declare namespace LocalJSX {
         "hidePagination"?: boolean;
         "index"?: number;
         "label"?: string;
-        "onChange"?: (event: CustomEvent<{ index: number }>) => void;
+        "onChange"?: (event: Q2CarouselCustomEvent<{ index: number }>) => void;
         "showNavigationArrows"?: boolean;
     }
     interface Q2CarouselPane {
         "index"?: number;
         "isActivePane"?: boolean;
         "label"?: string;
-        "onClickCarouselPane"?: (event: CustomEvent<any>) => void;
+        "onClickCarouselPane"?: (event: Q2CarouselPaneCustomEvent<any>) => void;
         "siblingCount"?: number;
     }
     interface Q2ChartDonut {
@@ -830,8 +942,8 @@ declare namespace LocalJSX {
         "innerRadius"?: string;
         "isClickable"?: boolean;
         "minSliceSize"?: string;
-        "onChange"?: (event: CustomEvent<any>) => void;
-        "onClick"?: (event: CustomEvent<any>) => void;
+        "onChange"?: (event: Q2ChartDonutCustomEvent<any>) => void;
+        "onClick"?: (event: Q2ChartDonutCustomEvent<any>) => void;
         "outerRadius"?: string;
         "selectedOffset"?: number;
         "summaryIcon"?: string;
@@ -849,7 +961,7 @@ declare namespace LocalJSX {
         "indeterminate"?: boolean;
         "label"?: string;
         "name"?: string;
-        "onChange"?: (event: CustomEvent<any>) => void;
+        "onChange"?: (event: Q2CheckboxCustomEvent<any>) => void;
         "readonly"?: boolean;
         "type"?: string;
         "value"?: string;
@@ -858,7 +970,7 @@ declare namespace LocalJSX {
         "disabled"?: boolean;
         "hasError"?: boolean;
         "label"?: string;
-        "onChange"?: (event: CustomEvent<any>) => void;
+        "onChange"?: (event: Q2CheckboxGroupCustomEvent<any>) => void;
         "optional"?: boolean;
         "readonly"?: boolean;
         "value"?: object;
@@ -895,8 +1007,8 @@ declare namespace LocalJSX {
         "hints"?: string[];
         "label"?: string;
         "maxlength"?: number;
-        "onChange"?: (event: CustomEvent<any>) => void;
-        "onInput"?: (event: CustomEvent<any>) => void;
+        "onChange"?: (event: Q2EditableFieldCustomEvent<any>) => void;
+        "onInput"?: (event: Q2EditableFieldCustomEvent<any>) => void;
         "persistentLabel"?: boolean;
         "truncated"?: string;
         "type"?: string;
@@ -932,8 +1044,8 @@ declare namespace LocalJSX {
         "max"?: number;
         "maxlength"?: number;
         "min"?: number;
-        "onChange"?: (event: CustomEvent<IEventDetail>) => void;
-        "onInput"?: (event: CustomEvent<IEventDetail>) => void;
+        "onChange"?: (event: Q2InputCustomEvent<IEventDetail>) => void;
+        "onInput"?: (event: Q2InputCustomEvent<IEventDetail>) => void;
         "optional"?: boolean;
         "placeholder"?: string;
         "pseudo"?: boolean;
@@ -971,8 +1083,8 @@ declare namespace LocalJSX {
     }
     interface Q2MonthPicker {
         "disabledMonths"?: string[];
-        "onToggleChange"?: (event: CustomEvent<any>) => void;
-        "onViewChange"?: (event: CustomEvent<any>) => void;
+        "onToggleChange"?: (event: Q2MonthPickerCustomEvent<any>) => void;
+        "onViewChange"?: (event: Q2MonthPickerCustomEvent<any>) => void;
         "today"?: string;
         "year"?: number;
     }
@@ -1002,14 +1114,14 @@ declare namespace LocalJSX {
         "disabled"?: boolean;
         "multiple"?: boolean;
         "noSelect"?: boolean;
-        "onChange"?: (event: CustomEvent<{ value: string; values: IOptionValue[] }>) => void;
-        "onPopoverState"?: (event: CustomEvent<{ open: boolean }>) => void;
+        "onChange"?: (event: Q2OptionListCustomEvent<{ value: string; values: IOptionValue[] }>) => void;
+        "onPopoverState"?: (event: Q2OptionListCustomEvent<{ open: boolean }>) => void;
         "role"?: 'listbox' | 'menu';
         "selectedOptions"?: IOptionValue[];
         "type"?: 'menu' | 'listbox';
     }
     interface Q2Pagination {
-        "onChange"?: (event: CustomEvent<any>) => void;
+        "onChange"?: (event: Q2PaginationCustomEvent<any>) => void;
         "page"?: number;
         "pages"?: number;
         "pagesOnly"?: boolean;
@@ -1024,8 +1136,10 @@ declare namespace LocalJSX {
         "label"?: string;
         "maxLength"?: number;
         "multiple"?: boolean;
-        "onChange"?: (event: CustomEvent<{ value: string; values: IOptionValue1[]; active: boolean }>) => void;
+        "onChange"?: (event: Q2PillCustomEvent<{ value: string; values: IOptionValue1[]; active: boolean }>) => void;
         "open"?: boolean;
+        "popoverDirection"?: 'up' | 'down';
+        "popoverMinHeight"?: number;
         "selectedOptions"?: IOptionValue1[];
         "theme"?: 'primary' | 'secondary' | 'tertiary';
         "value"?: string;
@@ -1036,7 +1150,7 @@ declare namespace LocalJSX {
         "controlElement"?: HTMLElement;
         "direction"?: 'up' | 'down';
         "minHeight"?: number;
-        "onPopoverStateChanged"?: (event: CustomEvent<{ open: boolean }>) => void;
+        "onPopoverStateChanged"?: (event: Q2PopoverCustomEvent<{ open: boolean }>) => void;
         "open"?: boolean;
     }
     interface Q2Radio {
@@ -1049,7 +1163,7 @@ declare namespace LocalJSX {
         "hideLabel"?: boolean;
         "label"?: string;
         "name"?: string;
-        "onChange"?: (event: CustomEvent<any>) => void;
+        "onChange"?: (event: Q2RadioCustomEvent<any>) => void;
         "value"?: string;
     }
     interface Q2RadioGroup {
@@ -1057,7 +1171,7 @@ declare namespace LocalJSX {
         "hasError"?: boolean;
         "label"?: string;
         "name"?: string;
-        "onChange"?: (event: CustomEvent<any>) => void;
+        "onChange"?: (event: Q2RadioGroupCustomEvent<any>) => void;
         "optional"?: boolean;
         "readonly"?: boolean;
         "tileAlignment"?: 'left' | 'center' | 'right';
@@ -1070,7 +1184,7 @@ declare namespace LocalJSX {
         "expanded"?: boolean;
         "label"?: string;
         "noCollapseIcon"?: boolean;
-        "onChange"?: (event: CustomEvent<any>) => void;
+        "onChange"?: (event: Q2SectionCustomEvent<any>) => void;
     }
     interface Q2Select {
         "ariaLabel"?: string;
@@ -1082,8 +1196,8 @@ declare namespace LocalJSX {
         "minRows"?: number;
         "multilineOptions"?: boolean;
         "multiple"?: boolean;
-        "onChange"?: (event: CustomEvent<any>) => void;
-        "onInput"?: (event: CustomEvent<any>) => void;
+        "onChange"?: (event: Q2SelectCustomEvent<any>) => void;
+        "onInput"?: (event: Q2SelectCustomEvent<any>) => void;
         "optional"?: boolean;
         "popDirection"?: 'up' | 'down';
         "readonly"?: boolean;
@@ -1094,28 +1208,28 @@ declare namespace LocalJSX {
     interface Q2Stepper {
         "currentStep"?: number;
         "lastEnabledStep"?: number;
-        "onChange"?: (event: CustomEvent<any>) => void;
+        "onChange"?: (event: Q2StepperCustomEvent<any>) => void;
         "stepCount"?: number;
     }
     interface Q2StepperPane {
         "description"?: string;
         "isActive"?: boolean;
         "label"?: string;
-        "onActiveChange"?: (event: CustomEvent<IStepperPaneEvent>) => void;
-        "onStatusChange"?: (event: CustomEvent<IStepperPaneEvent>) => void;
+        "onActiveChange"?: (event: Q2StepperPaneCustomEvent<IStepperPaneEvent>) => void;
+        "onStatusChange"?: (event: Q2StepperPaneCustomEvent<IStepperPaneEvent>) => void;
         "showWithChildren"?: boolean;
         "status"?: 'complete' | 'error' | 'locked';
     }
     interface Q2StepperVertical {
         "currentStepId"?: string;
-        "onChange"?: (event: CustomEvent<any>) => void;
+        "onChange"?: (event: Q2StepperVerticalCustomEvent<any>) => void;
     }
     interface Q2TabContainer {
         "color"?: string;
         "name"?: string;
         "noPrint"?: boolean;
-        "onChange"?: (event: CustomEvent<any>) => void;
-        "onSettled"?: (event: CustomEvent<any>) => void;
+        "onChange"?: (event: Q2TabContainerCustomEvent<any>) => void;
+        "onSettled"?: (event: Q2TabContainerCustomEvent<any>) => void;
         "type"?: string;
         "value"?: string;
     }
@@ -1126,14 +1240,16 @@ declare namespace LocalJSX {
         "index"?: number;
         "label"?: string;
         "name"?: string;
-        "onBadge"?: (event: CustomEvent<boolean>) => void;
+        "onBadge"?: (event: Q2TabPaneCustomEvent<boolean>) => void;
         "selected"?: boolean;
         "value"?: string;
     }
     interface Q2Tag {
         "label"?: string;
-        "onClick"?: (event: CustomEvent<{ value: string }>) => void;
+        "onClick"?: (event: Q2TagCustomEvent<{ value: string }>) => void;
         "open"?: boolean;
+        "popoverDirection"?: 'up' | 'down';
+        "popoverMinHeight"?: number;
         "role"?: string;
         "theme"?: 'primary' | 'secondary' | 'tertiary';
     }
@@ -1146,8 +1262,8 @@ declare namespace LocalJSX {
         "hints"?: string[];
         "label"?: string;
         "maxlength"?: number;
-        "onChange"?: (event: CustomEvent<any>) => void;
-        "onInput"?: (event: CustomEvent<any>) => void;
+        "onChange"?: (event: Q2TextareaCustomEvent<any>) => void;
+        "onInput"?: (event: Q2TextareaCustomEvent<any>) => void;
         "optional"?: boolean;
         "placeholder"?: string;
         "readonly"?: boolean;
@@ -1174,7 +1290,7 @@ declare namespace LocalJSX {
         "minHeight"?: string;
         "moduleId"?: string;
         "name"?: string;
-        "onBadge"?: (event: CustomEvent<boolean>) => void;
+        "onBadge"?: (event: TectonTabPaneCustomEvent<boolean>) => void;
         "provided"?: boolean;
         "selected"?: boolean;
         "showForm"?: boolean;

package/dist/types/stencil-public-runtime.d.ts

@@ -221,7 +221,9 @@ export declare type ErrorHandler = (err: any, element?: HTMLElement) => void;
  */
 export declare const setMode: (handler: ResolutionHandler) => void;
 /**
- * getMode
+ * `getMode()` is used for libraries which provide multiple "modes" for styles.
+ * @param ref a reference to the node to get styles for
+ * @returns the current mode or undefined, if not found
  */
 export declare function getMode<T = string | undefined>(ref: any): T;
 export declare function setPlatformHelpers(helpers: {
@@ -234,6 +236,9 @@ export declare function setPlatformHelpers(helpers: {
 /**
  * Get the base path to where the assets can be found. Use `setAssetPath(path)`
  * if the path needs to be customized.
+ * @param path the path to use in calculating the asset path. this value will be
+ * used in conjunction with the base asset path
+ * @returns the base path
  */
 export declare function getAssetPath(path: string): string;
 /**
@@ -246,22 +251,29 @@ export declare function getAssetPath(path: string): string;
  * `setAssetPath(document.currentScript.src)`, or using a bundler's replace plugin to
  * dynamically set the path at build time, such as `setAssetPath(process.env.ASSET_PATH)`.
  * But do note that this configuration depends on how your script is bundled, or lack of
- * bunding, and where your assets can be loaded from. Additionally custom bundling
+ * bundling, and where your assets can be loaded from. Additionally custom bundling
  * will have to ensure the static assets are copied to its build directory.
+ * @param path the asset path to set
+ * @returns the set path
  */
 export declare function setAssetPath(path: string): string;
 /**
- * getElement
+ * Retrieve a Stencil element for a given reference
+ * @param ref the ref to get the Stencil element for
+ * @returns a reference to the element
  */
 export declare function getElement(ref: any): HTMLStencilElement;
 /**
  * Schedules a new render of the given instance or element even if no state changed.
  *
- * Notice `forceUpdate()` is not syncronous and might perform the DOM render in the next frame.
+ * Notice `forceUpdate()` is not synchronous and might perform the DOM render in the next frame.
+ *
+ * @param ref the node/element to force the re-render of
  */
 export declare function forceUpdate(ref: any): void;
 /**
  * getRenderingRef
+ * @returns the rendering ref
  */
 export declare function getRenderingRef(): any;
 export interface HTMLStencilElement extends HTMLElement {
@@ -272,6 +284,8 @@ export interface HTMLStencilElement extends HTMLElement {
  * in the best moment to perform DOM mutation without causing layout thrashing.
  *
  * For further information: https://developers.google.com/web/fundamentals/performance/rendering/avoid-large-complex-layouts-and-layout-thrashing
+ *
+ * @param task the DOM-write to schedule
  */
 export declare function writeTask(task: RafCallback): void;
 /**
@@ -279,6 +293,8 @@ export declare function writeTask(task: RafCallback): void;
  * in the best moment to perform DOM reads without causing layout thrashing.
  *
  * For further information: https://developers.google.com/web/fundamentals/performance/rendering/avoid-large-complex-layouts-and-layout-thrashing
+ *
+ * @param task the DOM-read to schedule
  */
 export declare function readTask(task: RafCallback): void;
 /**

package/dist/types/workspace/workspace/Tecton_tecton-production_master/packages/q2-tecton-elements/.stencil/test/helpers.d.ts

@@ -11,4 +11,6 @@ export declare function setWindowHeight(height: number): void;
 export declare function makeDomRect(customAttributes: any): any;
 export declare const base64Image = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVQYV2NgYAAAAAMAAWgmWQ0AAAAASUVORK5CYII=";
 export declare function getActiveElementTestId(page: E2EPage): Promise<string>;
+export declare const getFocusedValue: (page: E2EPage) => Promise<string>;
+export declare const getFocusedTagName: (page: E2EPage) => Promise<string>;
 export declare function getFocusedAttribute(page: E2EPage, attribute: string): Promise<string>;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "q2-tecton-elements",
-    "version": "1.18.0",
+    "version": "1.19.0",
     "description": "Q2 Tecton Custom Elements",
     "main": "dist/index.js",
     "module": "dist/index.mjs",
@@ -31,8 +31,8 @@
         "lint:fix": "tslint --fix --project ./tsconfig.json"
     },
     "devDependencies": {
-        "@stencil/core": "2.15.2",
-        "@stencil/sass": "^1.5.2",
+        "@stencil/core": "2.19.2",
+        "@stencil/sass": "^2.0.0",
         "@types/jest": "27.5.1",
         "@types/puppeteer": "5.4.6",
         "date-fns": "^2.28.0",
@@ -42,12 +42,12 @@
         "prettier": "^2.6.2",
         "tslint": "^6.1.3",
         "tslint-config-prettier": "^1.18.0",
-        "typescript": "4.6.4"
+        "typescript": "4.7.4"
     },
     "dependencies": {
         "puppeteer": "^10.4.0",
         "smoothscroll-polyfill": "^0.4.4",
-        "swiper": "8.1.4"
+        "swiper": "8.4.4"
     },
-    "gitHead": "8561e60b6a7c79b434f7ff04f1a4583f816a94c6"
+    "gitHead": "94ce25404979168543025a4673166d1f2c762a24"
 }