q2-tecton-elements 1.66.2 → 1.67.0

package/dist/types/components/q2-pill/q2-pill.d.ts

@@ -1,5 +1,5 @@
 import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
-import { IOptionValue } from '../q2-option-list/q2-option-list';
+import { OptionValue } from '../q2-option-list/q2-option-list';
 /**
  * @name Pill
  * @category Display
@@ -73,7 +73,7 @@ export declare class Q2Pill implements ComponentInterface {
     /** @deprecated */
     popoverMinHeight: number;
     /** A list of the selected options on the element. */
-    selectedOptions: IOptionValue[];
+    selectedOptions: OptionValue[];
     /** The color of the element when in the active state. */
     theme: 'primary' | 'secondary' | 'tertiary';
     /** The value emitted when the component is selected. */
@@ -87,7 +87,7 @@ export declare class Q2Pill implements ComponentInterface {
      */
     change: EventEmitter<{
         value: string;
-        values: IOptionValue[];
+        values: OptionValue[];
         active: boolean;
     }>;
     /**
@@ -98,7 +98,7 @@ export declare class Q2Pill implements ComponentInterface {
      */
     tctChange: EventEmitter<{
         value: string;
-        values: IOptionValue[];
+        values: OptionValue[];
         active: boolean;
     }>;
     disconnectedCallback(): void;
@@ -150,7 +150,7 @@ export declare class Q2Pill implements ComponentInterface {
     handleOptionListExternalKeydown: (event: KeyboardEvent) => Promise<void>;
     handleSelectionChanges: (changeDetails: {
         value?: string;
-        values?: IOptionValue[];
+        values?: OptionValue[];
     }) => Promise<void>;
     handleWrapperClick: () => void;
     onClickElsewhere: (event: CustomEvent) => void;

package/dist/types/components/q2-popover/q2-popover.d.ts

@@ -40,10 +40,17 @@ export declare class Q2Popover implements ComponentInterface {
     displayBuffer: number;
     orientationChanged: boolean;
     hostElement: HTMLElement;
+    animationState: 'idle' | 'opening' | 'closing';
     currentDirection: 'down' | 'up';
     show: boolean;
     /** Aligns the popover to the left or right side of the control element. */
     align: 'left' | 'right';
+    /**
+     * Controls whether the popover is animated when opening/closing.
+     * Default is true (animated). Set to false to disable animations.
+     * Animation is also disabled if the user has enabled prefers-reduced-motion.
+     */
+    animated: boolean;
     /** Indicates the popover will match the width of its parent element. */
     block: boolean;
     /** The element that controls the popover's behavior. */

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

@@ -1,6 +1,7 @@
 import { EventEmitter, ComponentInterface } from '../../stencil-public-runtime';
-import { IEventDetail, Q2InputCustomEvent, Q2OptionListCustomEvent } from "../../components";
-import { IOptionValue } from '../q2-option-list/q2-option-list';
+import type { EventDetail } from 'q2-tecton-common/lib/types/elements';
+import { Q2InputCustomEvent, Q2OptionListCustomEvent } from "../../components";
+import { OptionValue } from '../q2-option-list/q2-option-list';
 /**
  * @name Select
  * @category Forms
@@ -12,6 +13,7 @@ import { IOptionValue } from '../q2-option-list/q2-option-list';
 export declare class Q2Select implements ComponentInterface {
     guid: number;
     inputField?: HTMLQ2InputElement;
+    isOrientationUpdate: boolean;
     lastTouchWasInPopover: boolean;
     mutationObserver: MutationObserver;
     optionList: HTMLQ2OptionListElement;
@@ -35,7 +37,7 @@ export declare class Q2Select implements ComponentInterface {
     searchText: string;
     showSelected: boolean;
     statusMessage: string;
-    structuredSelectedOptions: IOptionValue[];
+    structuredSelectedOptions: OptionValue[];
     /** @deprecated */
     ariaLabel: string;
     /** Renders an icon button when the field is non-empty. Pressing the button clears all input from the field. */
@@ -226,6 +228,7 @@ export declare class Q2Select implements ComponentInterface {
     ariaLabelObserver(): void;
     handleMultilineOptionsUpdate(newValue: any, oldValue: any): void;
     openChanged(isOpen: boolean): void;
+    searchableChanged(newVal: boolean): void;
     buildStructuredSelectedOptions(): void;
     valueUpdated(): void;
     get badgeValue(): string;
@@ -259,7 +262,7 @@ export declare class Q2Select implements ComponentInterface {
     handleOrientationChange: () => void;
     handleSelectionChanges(changeDetails: {
         value?: string;
-        values?: IOptionValue[];
+        values?: OptionValue[];
     }): void;
     handleTouchMove: (event: TouchEvent) => void;
     initEventListeners: () => void;
@@ -268,13 +271,13 @@ export declare class Q2Select implements ComponentInterface {
     inputChangeHandler: (event: Event) => void;
     inputClickHandler: (event: MouseEvent) => Promise<void>;
     inputFocusHandler: () => void;
-    inputInputHandler: (event: Q2InputCustomEvent<IEventDetail> & InputEvent) => void;
+    inputInputHandler: (event: Q2InputCustomEvent<EventDetail> & InputEvent) => void;
     inputKeydownHandler: (event: KeyboardEvent) => Promise<void>;
     onCustomDisplayClick: (event: MouseEvent) => void;
     onMutationObserved: () => void;
     onOptionListChange: (event: Q2OptionListCustomEvent<{
         value: string;
-        values: IOptionValue[];
+        values: OptionValue[];
     }>) => void;
     onPopoverState: ({ detail: { open, action }, }: CustomEvent<{
         open: boolean;

package/dist/types/components/q2-stepper-pane/q2-stepper-pane.d.ts

@@ -1,10 +1,5 @@
 import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
-export interface IStepperPaneEvent {
-    status: string;
-    isActive: boolean;
-    id: string;
-    host: HTMLElement;
-}
+import type { StepperPaneEvent } from 'q2-tecton-common/lib/types/elements';
 /**
  * @name Stepper Pane
  * @category Display
@@ -23,6 +18,8 @@ export declare class Q2StepperPane implements ComponentInterface {
      * @localizable
      */
     description: string;
+    /** Disables the pane's step button in the stepper, preventing user interaction. */
+    disabled: boolean;
     /**
      * Used by q2-stepper and q2-stepper-vertical to determine which pane is active
      * @private
@@ -45,7 +42,7 @@ export declare class Q2StepperPane implements ComponentInterface {
      * Emitted when the active state of the pane changes.
      * @deprecated Use 'tctActiveChange' instead
      */
-    activeChange: EventEmitter<IStepperPaneEvent>;
+    activeChange: EventEmitter<StepperPaneEvent>;
     /**
      * Emitted when the content of the pane changes.
      * @private
@@ -55,21 +52,21 @@ export declare class Q2StepperPane implements ComponentInterface {
      * Emitted when the status of the pane changes.
      * @deprecated Use 'tctStatusChange' instead
      */
-    statusChange: EventEmitter<IStepperPaneEvent>;
+    statusChange: EventEmitter<StepperPaneEvent>;
     /**
      * Emitted when the active state of the pane changes.
      */
-    tctActiveChange: EventEmitter<IStepperPaneEvent>;
+    tctActiveChange: EventEmitter<StepperPaneEvent>;
     /**
      * Emitted when the status of the pane changes.
      */
-    tctStatusChange: EventEmitter<IStepperPaneEvent>;
+    tctStatusChange: EventEmitter<StepperPaneEvent>;
     connectedCallback(): void;
     disconnectedCallback(): void;
     componentWillLoad(): void;
     componentDidLoad(): void;
-    isActiveChanged(isActive: any): void;
     labelOrDescriptionChanged(): void;
+    isActiveChanged(isActive: any): void;
     checkForActiveChildren(): void;
     statusChanged(status: any): void;
     render(): any;

package/dist/types/components/q2-stepper-vertical/q2-stepper-vertical.d.ts

@@ -1,13 +1,14 @@
 import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
-interface IBaseStructuredPane {
+interface BaseStructuredPane {
     id: string;
     label: string;
     description: string;
     isActive: boolean;
     status: string;
+    disabled: boolean;
 }
-interface IStructuredPane extends IBaseStructuredPane {
-    children: IBaseStructuredPane[];
+interface StructuredPane extends BaseStructuredPane {
+    children: BaseStructuredPane[];
 }
 /**
  * @name Vertical Stepper
@@ -19,7 +20,7 @@ export declare class Q2StepperVertical implements ComponentInterface {
     mutationObserver: MutationObserver;
     scheduledAfterRender: (() => void)[];
     hostElement: HTMLElement;
-    structuredPanes: IStructuredPane[];
+    structuredPanes: StructuredPane[];
     /** The `id` of the currently selected `q2-stepper-pane`. */
     currentStepId: string;
     /**
@@ -47,6 +48,7 @@ export declare class Q2StepperVertical implements ComponentInterface {
     componentWillUpdate(): void;
     componentDidRender(): void;
     defaultChangeHandler(event: CustomEvent): void;
+    contentChangeHandler(): void;
     delegateFocus(event: FocusEvent): void;
     statusChangeHandler(): void;
     /**
@@ -65,6 +67,7 @@ export declare class Q2StepperVertical implements ComponentInterface {
         label: string;
         description: string;
         status: "error" | "complete" | "locked";
+        disabled: any;
     };
     focusStepBtn(stepId: string, forceFocus?: boolean): void;
     getStepId(currentStepId: string, goTo: string): string;
@@ -75,9 +78,9 @@ export declare class Q2StepperVertical implements ComponentInterface {
     setDefaultPane(): void;
     showStep(stepId: string): void;
     showStepPane(stepId: string): void;
-    renderChildStepBtn(pane: IBaseStructuredPane, index: number, children: number, parentLabel: string): any;
-    renderSpacer(pane: IStructuredPane, stepLabel: string, isExpanded: boolean, isLastStep: boolean): any;
-    renderStepBtn(pane: IStructuredPane, index: number): any;
+    renderChildStepBtn(pane: BaseStructuredPane, index: number, children: number, parentLabel: string): any;
+    renderSpacer(pane: StructuredPane, stepLabel: string, isExpanded: boolean, isLastStep: boolean): any;
+    renderStepBtn(pane: StructuredPane, index: number): any;
     render(): any;
 }
 export {};

package/dist/types/components/q2-tooltip/q2-tooltip.d.ts

@@ -33,6 +33,7 @@ export declare class Q2Tooltip implements ComponentInterface {
     persistOnHover: boolean;
     /** The position of the tooltip based on [cardinal and intercardinal directions](https://en.wikipedia.org/wiki/Cardinal_direction). */
     position: 'n' | 's' | 'e' | 'w' | 'nw' | 'ne' | 'sw' | 'se';
+    disconnectedCallback(): void;
     componentDidLoad(): void;
     focusCaptureHandler(): void;
     focusHandler(event: any): void;
@@ -40,11 +41,14 @@ export declare class Q2Tooltip implements ComponentInterface {
     keyDownDocumentHandler(event: KeyboardEvent): void;
     mouseEnterHandler(): void;
     handleMouseOver(): void;
+    labelChanged(): void;
     get shouldBeVisible(): boolean;
     adjustSide(): void;
     animationEndHandler(): void;
     checkFocusClass(): void;
+    clearTooltipOnChildren(): void;
     findFocusVisibleElement(element: Element): Element;
     hideTooltip(): void;
+    propagateTooltip(): void;
     render(): any;
 }