q2-tecton-elements 1.17.1 → 1.19.0

package/dist/types/components.d.ts

@@ -36,6 +36,7 @@ export namespace Components {
         "ariaSelected": string;
         "badge": boolean;
         "block": boolean;
+        "color": string;
         "disabled": boolean;
         "fab": boolean;
         "hideLabel": boolean;
@@ -244,6 +245,11 @@ export namespace Components {
         "present": () => Promise<void>;
         "type": 'info' | 'error' | 'danger' | 'warning' | 'success';
     }
+    interface Q2MonthPicker {
+        "disabledMonths": string[];
+        "today": string;
+        "year": number;
+    }
     interface Q2Optgroup {
         "disabled": boolean;
         "label": string;
@@ -271,12 +277,10 @@ export namespace Components {
         "handleExternalKeydown": (event: KeyboardEvent) => Promise<void>;
         "multiple": boolean;
         "noSelect": boolean;
-        "open": boolean;
         "role": 'listbox' | 'menu';
         "selectedOptions": IOptionValue[];
         "setActiveElement": (index: number) => Promise<void>;
         "setDefaultActiveElement": () => Promise<void>;
-        "toggle": () => Promise<void>;
         "type": 'menu' | 'listbox';
     }
     interface Q2Pagination {
@@ -295,10 +299,21 @@ export namespace Components {
         "maxLength": number;
         "multiple": boolean;
         "open": boolean;
+        "popoverDirection": 'up' | 'down';
+        "popoverMinHeight": number;
         "selectedOptions": IOptionValue1[];
         "theme": 'primary' | 'secondary' | 'tertiary';
         "value": string;
     }
+    interface Q2Popover {
+        "align": 'left' | 'right';
+        "block": boolean;
+        "controlElement": HTMLElement;
+        "direction": 'up' | 'down';
+        "minHeight": number;
+        "open": boolean;
+        "toggle": () => Promise<void>;
+    }
     interface Q2Radio {
         "ariaLabel": string;
         "checked": boolean;
@@ -381,6 +396,8 @@ export namespace Components {
     interface Q2Tag {
         "label": string;
         "open": boolean;
+        "popoverDirection": 'up' | 'down';
+        "popoverMinHeight": number;
         "role": string;
         "theme": 'primary' | 'secondary' | 'tertiary';
     }
@@ -403,6 +420,7 @@ export namespace Components {
     }
     interface Q2Tooltip {
         "block": boolean;
+        "immediate": boolean;
         "label": string;
         "multiline": boolean;
         "persistent": boolean;
@@ -425,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 {
     }
@@ -546,6 +672,12 @@ declare global {
         prototype: HTMLQ2MessageElement;
         new (): HTMLQ2MessageElement;
     };
+    interface HTMLQ2MonthPickerElement extends Components.Q2MonthPicker, HTMLStencilElement {
+    }
+    var HTMLQ2MonthPickerElement: {
+        prototype: HTMLQ2MonthPickerElement;
+        new (): HTMLQ2MonthPickerElement;
+    };
     interface HTMLQ2OptgroupElement extends Components.Q2Optgroup, HTMLStencilElement {
     }
     var HTMLQ2OptgroupElement: {
@@ -576,6 +708,12 @@ declare global {
         prototype: HTMLQ2PillElement;
         new (): HTMLQ2PillElement;
     };
+    interface HTMLQ2PopoverElement extends Components.Q2Popover, HTMLStencilElement {
+    }
+    var HTMLQ2PopoverElement: {
+        prototype: HTMLQ2PopoverElement;
+        new (): HTMLQ2PopoverElement;
+    };
     interface HTMLQ2RadioElement extends Components.Q2Radio, HTMLStencilElement {
     }
     var HTMLQ2RadioElement: {
@@ -675,11 +813,13 @@ declare global {
         "q2-loading-element": HTMLQ2LoadingElementElement;
         "q2-loc": HTMLQ2LocElement;
         "q2-message": HTMLQ2MessageElement;
+        "q2-month-picker": HTMLQ2MonthPickerElement;
         "q2-optgroup": HTMLQ2OptgroupElement;
         "q2-option": HTMLQ2OptionElement;
         "q2-option-list": HTMLQ2OptionListElement;
         "q2-pagination": HTMLQ2PaginationElement;
         "q2-pill": HTMLQ2PillElement;
+        "q2-popover": HTMLQ2PopoverElement;
         "q2-radio": HTMLQ2RadioElement;
         "q2-radio-group": HTMLQ2RadioGroupElement;
         "q2-section": HTMLQ2SectionElement;
@@ -697,7 +837,7 @@ declare global {
 }
 declare namespace LocalJSX {
     interface ClickElsewhere {
-        "onChange"?: (event: CustomEvent<any>) => void;
+        "onChange"?: (event: ClickElsewhereCustomEvent<any>) => void;
     }
     interface Q2Avatar {
         "icon"?: string;
@@ -722,6 +862,7 @@ declare namespace LocalJSX {
         "ariaSelected"?: string;
         "badge"?: boolean;
         "block"?: boolean;
+        "color"?: string;
         "disabled"?: boolean;
         "fab"?: boolean;
         "hideLabel"?: boolean;
@@ -748,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;
@@ -771,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;
@@ -783,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 {
@@ -801,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;
@@ -820,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;
@@ -829,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;
@@ -866,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;
@@ -903,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;
@@ -940,6 +1081,13 @@ declare namespace LocalJSX {
         "description"?: boolean;
         "type"?: 'info' | 'error' | 'danger' | 'warning' | 'success';
     }
+    interface Q2MonthPicker {
+        "disabledMonths"?: string[];
+        "onToggleChange"?: (event: Q2MonthPickerCustomEvent<any>) => void;
+        "onViewChange"?: (event: Q2MonthPickerCustomEvent<any>) => void;
+        "today"?: string;
+        "year"?: number;
+    }
     interface Q2Optgroup {
         "disabled"?: boolean;
         "label"?: string;
@@ -966,15 +1114,14 @@ declare namespace LocalJSX {
         "disabled"?: boolean;
         "multiple"?: boolean;
         "noSelect"?: boolean;
-        "onChange"?: (event: CustomEvent<{ value: string; values: IOptionValue[] }>) => void;
-        "onOptionListState"?: (event: CustomEvent<{ open: boolean }>) => void;
-        "open"?: boolean;
+        "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;
@@ -989,12 +1136,23 @@ 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;
     }
+    interface Q2Popover {
+        "align"?: 'left' | 'right';
+        "block"?: boolean;
+        "controlElement"?: HTMLElement;
+        "direction"?: 'up' | 'down';
+        "minHeight"?: number;
+        "onPopoverStateChanged"?: (event: Q2PopoverCustomEvent<{ open: boolean }>) => void;
+        "open"?: boolean;
+    }
     interface Q2Radio {
         "ariaLabel"?: string;
         "checked"?: boolean;
@@ -1005,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 {
@@ -1013,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';
@@ -1026,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;
@@ -1038,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;
@@ -1050,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;
     }
@@ -1082,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';
     }
@@ -1102,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;
@@ -1114,6 +1274,7 @@ declare namespace LocalJSX {
     }
     interface Q2Tooltip {
         "block"?: boolean;
+        "immediate"?: boolean;
         "label"?: string;
         "multiline"?: boolean;
         "persistent"?: boolean;
@@ -1129,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;
@@ -1157,11 +1318,13 @@ declare namespace LocalJSX {
         "q2-loading-element": Q2LoadingElement;
         "q2-loc": Q2Loc;
         "q2-message": Q2Message;
+        "q2-month-picker": Q2MonthPicker;
         "q2-optgroup": Q2Optgroup;
         "q2-option": Q2Option;
         "q2-option-list": Q2OptionList;
         "q2-pagination": Q2Pagination;
         "q2-pill": Q2Pill;
+        "q2-popover": Q2Popover;
         "q2-radio": Q2Radio;
         "q2-radio-group": Q2RadioGroup;
         "q2-section": Q2Section;
@@ -1201,11 +1364,13 @@ declare module "@stencil/core" {
             "q2-loading-element": LocalJSX.Q2LoadingElement & JSXBase.HTMLAttributes<HTMLQ2LoadingElementElement>;
             "q2-loc": LocalJSX.Q2Loc & JSXBase.HTMLAttributes<HTMLQ2LocElement>;
             "q2-message": LocalJSX.Q2Message & JSXBase.HTMLAttributes<HTMLQ2MessageElement>;
+            "q2-month-picker": LocalJSX.Q2MonthPicker & JSXBase.HTMLAttributes<HTMLQ2MonthPickerElement>;
             "q2-optgroup": LocalJSX.Q2Optgroup & JSXBase.HTMLAttributes<HTMLQ2OptgroupElement>;
             "q2-option": LocalJSX.Q2Option & JSXBase.HTMLAttributes<HTMLQ2OptionElement>;
             "q2-option-list": LocalJSX.Q2OptionList & JSXBase.HTMLAttributes<HTMLQ2OptionListElement>;
             "q2-pagination": LocalJSX.Q2Pagination & JSXBase.HTMLAttributes<HTMLQ2PaginationElement>;
             "q2-pill": LocalJSX.Q2Pill & JSXBase.HTMLAttributes<HTMLQ2PillElement>;
+            "q2-popover": LocalJSX.Q2Popover & JSXBase.HTMLAttributes<HTMLQ2PopoverElement>;
             "q2-radio": LocalJSX.Q2Radio & JSXBase.HTMLAttributes<HTMLQ2RadioElement>;
             "q2-radio-group": LocalJSX.Q2RadioGroup & JSXBase.HTMLAttributes<HTMLQ2RadioGroupElement>;
             "q2-section": LocalJSX.Q2Section & JSXBase.HTMLAttributes<HTMLQ2SectionElement>;

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/utils/index.d.ts

@@ -36,3 +36,4 @@ export interface ISetPopPropertiesTarget {
 }
 export declare function setPopProperties(target: ISetPopPropertiesTarget): "up" | "down";
 export declare const resizeIframe: () => void;
+export declare const handleColor: (target: Q2Btn) => void;

package/dist/types/workspace/workspace/{tecton-production_release_1.17.x → 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.17.1",
+    "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": "7bb1d00e14c8b63aa769106dce8eafb0ced6ad43"
+    "gitHead": "94ce25404979168543025a4673166d1f2c762a24"
 }

package/dist/q2-tecton-elements/p-06865cf5.entry.js

@@ -1 +0,0 @@
-import{r as t,c as i,h as o,F as a,g as e}from"./p-c5691700.js";import{c as r,o as n,i as s,l}from"./p-41fcf343.js";const p=class{constructor(o){t(this,o),this.change=i(this,"change",7),this.disabled=!1,this.tileAlignment="center",this.hasError=!1,this.id=`radio-group-${r()}`,this.onMutationObserved=()=>{this.valueUpdated(this.value),this.nameUpdated(),this.disabledUpdated(),this.readonlyUpdated(),this.tileLayoutUpdated(this.tileLayout)},this.onInnerRadioChange=t=>{t.stopImmediatePropagation(),this.readonly||this.change.emit({value:t.detail.value})}}get radioElements(){return Array.from(this.hostElement.querySelectorAll("q2-radio"))}componentWillLoad(){this.onMutationObserved(),this.tilelayout&&(this.tileLayout=this.tilelayout)}componentDidLoad(){const t=new MutationObserver(this.onMutationObserved);t.observe(this.hostElement,{childList:!0}),this.mutationObserver=t,n(this.hostElement)}valueUpdated(t){this.radioElements.forEach((i=>{i.checked=t===i.value}))}nameUpdated(){this.radioElements.forEach((t=>{t.name=this.name||this.id}))}disabledUpdated(){this.radioElements.forEach((t=>{t.groupDisabled=this.disabled}))}readonlyUpdated(){const t=this.readonly;this.radioElements.forEach((i=>i.groupReadonly=t))}tilelayoutUpdated(t){this.tileLayout=t}tileLayoutUpdated(t){this.radioElements.forEach((i=>{i.groupTileLayout=t}))}onHostElementChange(t){t.target===this.hostElement&&(this.hostElement.onchange||(this.value=t.detail.value))}delegateFocus(t){if(!s(t,this.hostElement))return;const i=this.hostElement.querySelector("q2-radio[checked]")||this.hostElement.querySelector("q2-radio");null==i||i.dispatchEvent(new FocusEvent("focus"))}keydownHandler(t){const i=t.target.getAttribute("value")||this.value;let o=this.radioElements.findIndex((o=>o===t.target||o.getAttribute("value")===i)),a=0;switch(t.key){case"ArrowLeft":case"ArrowUp":a=-1;break;case"ArrowRight":case"ArrowDown":a=1}-1!==o&&0!==a&&(o+=a,o=a<0?Math.max(0,o):Math.min(this.radioElements.length-1,o),t.preventDefault(),this.readonly||(this.value=this.radioElements[o].value),this.radioElements[o].dispatchEvent(new FocusEvent("focus")))}labelDOM(){const{label:t,optional:i,readonly:e}=this;let r="";return e?r=o("span",{class:"optional-tag"},l("tecton.element.input.readonly")):i&&(r=o("span",{class:"optional-tag"},l("tecton.element.input.optional"))),o(a,null,t&&l(t),!!r&&o("span",{class:"optional-tag"},r))}render(){const t=this.label||this.optional||this.readonly,{hasError:i}=this;return o(a,null,(t||i)&&o("div",{class:"label-row"},t&&o("div",{class:"group-legend"},this.labelDOM()),i&&o("q2-icon",{type:"error","test-id":"iconError"})),o("fieldset",{onChange:this.onInnerRadioChange,"aria-required":`${!this.optional}`,"aria-readonly":`${this.readonly}`,"aria-invalid":`${this.hasError}`},t&&o("legend",{class:"sr"},this.labelDOM()),this.inputDom()))}inputDom(){if(this.tileLayout){const{tileAlignment:t}=this,i=["left","center","right"].includes(t)?t:"center";return o("div",{class:`tile-container ${i}`},o("div",{class:"options-container"},o("slot",null)))}return o("div",{class:"options-container"},o("slot",null))}get hostElement(){return e(this)}static get watchers(){return{value:["valueUpdated"],name:["nameUpdated"],disabled:["disabledUpdated"],readonly:["readonlyUpdated"],tilelayout:["tilelayoutUpdated"],tileLayout:["tileLayoutUpdated"]}}};p.style='*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus, 0 0 0 2px #33b4ff)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{margin-top:var(--tct-scale-2, var(--app-scale-2x, 10px))}fieldset{padding:0;margin:0;border:0;position:relative}.label-row{display:grid;grid-template-columns:1fr 24px;grid-template-areas:"label icon";gap:var(--app-scale-1x, 5px)}.label-row q2-icon{grid-area:icon;margin-top:-2px;margin-bottom:-2px}.group-legend{font-weight:600}.optional-tag{margin-left:var(--tct-input-label-optional-margin-left, var(--t-input-label-optional-margin-left, var(--tct-scale-1, var(--app-scale-1x, 5px))));color:var(--tct-input-label-optional-font-color, var(--t-input-label-optional-font-color, var(--t-textA, var(--t-a11y-gray-color, rgba(77, 77, 77, 0.77)))));font-size:var(--tct-input-label-optional-font-size, var(--t-input-label-optional-font-size, 12px));font-weight:var(--tct-input-label-optional-font-weight, var(--t-input-label-optional-font-weight, 400))}.tile-container,.tile-container .options-container{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;flex-grow:1}.options-container{--comp-default-margin:var(--app-scale-1x, 5px) 0;--comp-options-margin:var(--tct-radio-group-options-margin, var(--t-radio-group-options-margin, var(--comp-default-margin, 5px 0)));margin:var(--comp-options-margin);padding:var(--tct-radio-group-options-padding, var(--t-radio-group-options-padding, var(--app-scale-1x, 5px)));border-width:1px;border-color:transparent;border-style:solid;border-radius:var(--tct-border-radius-1, var(--app-border-radius-1, 2px))}:host([has-error]) .options-container{border-color:var(--tct-input-error-border-color, var(--const-stoplight-alert, #c30000))}:host([has-error=false]) .options-container{border-color:transparent}.tile-container.left{justify-content:start}.tile-container.right{justify-content:end}.tile-container .options-container{gap:var(--tct-radio-group-tile-gap, var(--t-radio-group-tile-gap, var(--app-scale-2x, 10px)));justify-content:inherit}';export{p as q2_radio_group}