q2-tecton-elements 1.49.2 → 1.49.3

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

@@ -0,0 +1,60 @@
+import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
+export declare class Q2Pagination implements ComponentInterface {
+    containerElement: HTMLElement;
+    containerWidth: number;
+    inputField: HTMLQ2InputElement;
+    resizeObserver: ResizeObserver;
+    hostElement: HTMLElement;
+    isSmall: boolean;
+    /** Indicates the horizontal alignment of children elements */
+    alignment: string;
+    /** Determines whether the component uses the dynamic resizing behavior. */
+    autoSize: boolean;
+    /** The current page that is being displayed. */
+    page: number;
+    /**
+     * The number of pages that can be displayed.
+     * @info
+     * Only referenced when `pagesOnly` is true.
+     */
+    pages: number;
+    /** Indicates to only display the current and total pages. */
+    pagesOnly: boolean;
+    /** The total number of records displayed on each page. */
+    perPage: number;
+    /** The list of perPage to operate pagination. e.g.) [10, 25, 50] */
+    perPageIncrements: number[];
+    /** Indicates to only display the current and total records. */
+    recordsOnly: boolean;
+    /** Description of the record type to be displayed alongside the record count. */
+    recordType: string;
+    /** The total number of records to paginate. */
+    total: number;
+    /**
+     * Emitted when the page is changed.
+     * @legacyEvent
+     */
+    change: EventEmitter<{
+        page: number;
+    }>;
+    disconnectedCallback(): void;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    onHostElementFocus(event: any): void;
+    manageResizeObserver(): void;
+    get currentRange(): string;
+    get isFullViewHidden(): boolean;
+    get nextRange(): string;
+    get pageWithDefault(): number;
+    get perPageWithDefault(): number;
+    get prevRange(): string;
+    get recordTypeWithDefault(): string;
+    get totalPages(): number;
+    get totalWithDefault(): number;
+    checkSize: () => void;
+    handlePageChange: (page: number) => void;
+    handlePerPageChange: (event: CustomEvent) => void;
+    removeResizeObserver(): void;
+    renderPerPage(): any;
+    render(): any;
+}

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

@@ -0,0 +1,102 @@
+import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
+import { IOptionValue } from '../q2-option-list/q2-option-list';
+export declare class Q2Pill implements ComponentInterface {
+    mutationObserver: MutationObserver;
+    optionList: HTMLQ2OptionListElement;
+    popoverElement: HTMLQ2PopoverElement;
+    primaryBtn: HTMLButtonElement;
+    primaryBtnWrapper: HTMLElement;
+    scheduledAfterRender: (() => void)[];
+    hostElement: HTMLElement;
+    optionCount: number;
+    selectedOptionElements: HTMLQ2OptionElement[];
+    /** Determine if the elements is in the selected state, with values. */
+    active: boolean;
+    /** Indicates that the pill has no border */
+    borderless: boolean;
+    /** Indicates the pill cannot be focused or interacted with. */
+    disabled: boolean;
+    /**
+     * Instructs the component to use the action sheet workflow for displaying its options.
+     *
+     * For more information, see [Action Sheets](https://tecton.q2developer.com/guides/action-sheets/).
+     */
+    hoist: boolean;
+    /**
+     * The text that populates the label.
+     * @localizable
+     */
+    label: string;
+    /**
+     * The maximum number of characters to display before ellipcizing.
+     * @info
+     * Limitless by default.
+     */
+    maxLength: number;
+    /**
+     * Enables the multi-select ability for the dropdown.
+     * @info
+     * Only applicable when options are provided.
+     */
+    multiple: boolean;
+    /** Determine whether the popover is open or closed. */
+    open: boolean;
+    /** Determines the label that is applied to the option list for accessibility purposes. */
+    optionListLabel: string;
+    /** Aligns the popover dropdown to the left or right side of the input field. */
+    popoverAlignment: 'left' | 'right';
+    /**
+     * Force the direction of the popover dropdown when it opens.
+     * If no value is passed, the component will auto-detect the direction based on available space.
+     */
+    popoverDirection: 'up' | 'down';
+    /** @deprecated */
+    popoverMinHeight: number;
+    /** A list of the selected options on the element. */
+    selectedOptions: IOptionValue[];
+    /** The color of the element when in the active state. */
+    theme: 'primary' | 'secondary' | 'tertiary';
+    /** The value emitted when the component is selected. */
+    value: string;
+    /**
+     * Emitted when the pill is clicked or the selected options change.
+     * @legacyEvent
+     */
+    change: EventEmitter<{
+        value: string;
+        values: IOptionValue[];
+        active: boolean;
+    }>;
+    disconnectedCallback(): void;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    componentDidRender(): void;
+    handleSelectedDisplay(): void;
+    delegateFocus(event: FocusEvent): void;
+    popoverStateHandler({ detail: { open } }: CustomEvent<{
+        open: boolean;
+    }>): void;
+    selectedOptionsChanged(newValue: any): void;
+    valueChanged(newValue: any): Promise<void>;
+    get buttonContent(): string;
+    get truncatedButtonContent(): string;
+    clearSelectedOptions: () => void;
+    determineOptionCount: () => void;
+    executeActionSheet(event: MouseEvent | KeyboardEvent): Promise<void>;
+    generateHiddenElement(): any;
+    generateIcon(): any;
+    getOption: (value: string) => Promise<HTMLQ2OptionElement>;
+    handleButtonFocusout: (event: FocusEvent) => Promise<void>;
+    handleChange: (event: any) => void;
+    handleClick: (event: MouseEvent) => Promise<void>;
+    handleKeydown: (event: KeyboardEvent) => Promise<void>;
+    handleSelectionChanges(changeDetails: {
+        value?: string;
+        values?: IOptionValue[];
+    }): Promise<void>;
+    handleWrapperClick: () => void;
+    onClickElsewhere: (event: CustomEvent) => void;
+    syncValueProperties: () => void;
+    updateSelectedOptionElements: () => Promise<void>;
+    render(): any;
+}

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

@@ -1,60 +1,60 @@
 import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
 export declare class Q2Popover implements ComponentInterface {
-    containerElement: HTMLDivElement;
-    contentElement: HTMLDivElement;
     /**
-     * The number of pixels to leave between the popover and the edge of the viewport
+     * Force the direction of the popover when it opens.
+     * If no value is passed, the component will auto-detect the direction based on available space.
      */
-    displayBuffer: number;
-    /** remove when Popover API is supported in iOS */
-    orientationChanged: boolean;
-    rootElementRect: DOMRect;
-    hostElement: HTMLElement;
-    currentDirection: 'down' | 'up';
-    show: boolean;
+    direction: 'up' | 'down';
     /** Aligns the popover to the left or right side of the control element. */
     align: 'left' | 'right';
+    /** Controls whether the popover is open or closed. */
+    open: boolean;
     /** Indicates the popover will match the width of its parent element. */
     block: boolean;
     /** The element that controls the popover's behavior. */
     controlElement: HTMLElement;
-    /**
-     * Force the direction of the popover when it opens.
-     * If no value is passed, the component will auto-detect the direction based on available space.
-     */
-    direction: 'up' | 'down';
+    mode: 'legacy';
     /** @deprecated */
     minHeight: number;
-    mode: 'legacy';
-    /** Controls whether the popover is open or closed. */
-    open: boolean;
+    hostElement: HTMLElement;
     /**
      * Emitted when the popover is opened or closed.
      */
     popoverStateChanged: EventEmitter<{
         open: boolean;
     }>;
-    disconnectedCallback(): void;
+    currentDirection: 'down' | 'up';
+    show: boolean;
+    containerElement: HTMLDivElement;
+    contentElement: HTMLDivElement;
+    /**
+     * The number of pixels to leave between the popover and the edge of the viewport
+     */
+    displayBuffer: number;
+    orientationChanged: boolean;
+    componentWillLoad(): void;
     componentDidLoad(): void;
+    disconnectedCallback(): void;
+    toggle(): Promise<void>;
+    scrollContainerTo(options: ScrollToOptions): Promise<void>;
+    openChanged(open: boolean): Promise<void>;
+    minHeightProvided(): void;
     popoverStateHandler(event: CustomEvent<{
         open: boolean;
     }>): void;
-    scrollContainerTo(options: ScrollToOptions): Promise<void>;
-    toggle(): Promise<void>;
-    minHeightProvided(): void;
-    openChanged(open: boolean): Promise<void>;
-    get actualDirection(): 'up' | 'down' | undefined;
+    get providedDirection(): 'up' | 'down' | undefined;
     get isModule(): boolean;
-    addViewportListeners(): void;
-    clearCSSProperties(): void;
-    determinePopDirection(): Promise<void>;
+    get supportsPopoverAPI(): boolean;
     handleMinHeight: () => void;
+    handlePopoverToggleEvent: (event: ToggleEvent) => void;
+    viewPortChanged: () => void;
+    viewPortOrientationChanged: () => void;
+    addViewportListeners(): void;
     removeViewportListeners(): void;
+    setPopoverAPICSSProperties: () => Promise<void>;
     setAbsoluteCSSProperties: () => Promise<void>;
+    clearCSSProperties(): void;
     setDirectionAndShow(direction: 'up' | 'down'): void;
-    setFixedCSSProperties: () => Promise<void>;
-    setRootElement(): void;
-    viewPortChanged: () => void;
-    viewPortOrientationChanged: () => void;
+    determinePopDirection(): Promise<void>;
     render(): any;
 }

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

@@ -0,0 +1,256 @@
+/// <reference types="node" />
+import { EventEmitter, ComponentInterface } from '../../stencil-public-runtime';
+import { IEventDetail, Q2InputCustomEvent, Q2OptionListCustomEvent } from "../../components";
+import { IOptionValue } from '../q2-option-list/q2-option-list';
+/**
+ * @slot popover-top - An optional slot to display custom content persistently at the top of the popover. This is **not** compatible with the action sheet workflow.
+ * @slot popover-bottom - An optional slot to display custom content persistently at the bottom of the popover. This is **not** compatible with the action sheet workflow.
+ * @slot q2-select-display - An optional slot to display custom HTML content in the display area.
+ */
+export declare class Q2Select implements ComponentInterface {
+    guid: number;
+    inputField?: HTMLQ2InputElement;
+    mutationObserver: MutationObserver;
+    optionList: HTMLQ2OptionListElement;
+    originalSearchable: boolean;
+    popoverElement?: HTMLQ2PopoverElement;
+    popoverTopContainer?: HTMLDivElement;
+    scheduledAfterRender: (() => void)[];
+    statusMessageTimer: NodeJS.Timeout;
+    hostElement: HTMLElement;
+    hasCustomDisplay: boolean;
+    hasPopoverBottom: boolean;
+    hasPopoverTop: boolean;
+    inputFocused: boolean;
+    open: boolean;
+    prioritizeSearch: boolean;
+    searchText: string;
+    showSelected: boolean;
+    statusMessage: string;
+    structuredSelectedOptions: IOptionValue[];
+    /** @deprecated */
+    ariaLabel: string;
+    /** Renders an icon button when the field is non-empty. Pressing the button clears all input from the field. */
+    clearable: boolean;
+    /** Disables all interaction with the field and leverages the disabled visual style of `q2-input`. */
+    disabled: boolean;
+    /**
+     * The presence of `errors` will mark the field as invalid, putting it into an error state.
+     * @localizable
+     */
+    errors: string[];
+    /**
+     * Hide's the field's `<label>` element from view.
+     * @warning
+     * Only use when a visible label is impractical.
+     */
+    hideLabel: boolean;
+    /**
+     * Instructs the component to use the action sheet workflow for displaying its options.
+     *
+     * For more information, see [Action Sheets](https://tecton.q2developer.com/guides/action-sheets/).
+     * @warning
+     * If your `q2-select` renders inside of an iframe, and you are using multiline/robust content options,
+     * any custom CSS you apply to your options will not get passed up to the platform which displays the action sheet.
+     * For this reason, we strongly suggest using the [q2-card](https://tecton.q2developer.com/design-system/q2-card/) component since its styling is managed by Tecton.
+     */
+    hoist: boolean;
+    /** Determines whether to show an error state. Its primary use-case is for an unfilled field. */
+    invalid: boolean;
+    /**
+     * The text that will be used as the label for the field.
+     * @localizable
+     */
+    label: string;
+    /**
+     * Determines the label that is applied to the option list for accessibility purposes.
+     * @localizable
+     */
+    listLabel: string;
+    /** The minimum number of rows the component will try to display below or above the component when opened. */
+    minRows: number;
+    /** Enables text wrapping for `q2-option` elements. When `false`, the text truncates and does not wrap. */
+    multilineOptions: boolean;
+    /** Enables multi-select functionality. */
+    multiple: boolean;
+    /** Appends "(optional)" to the field label, and sets `aria-required` on the nested input tag to `false`. */
+    optional: boolean;
+    /**
+     * Text that appears within the field when it is blurred and empty.
+     * Placeholder text disappears when the user selects an option.
+     * @localizable
+     */
+    placeholder: string;
+    /** @deprecated */
+    popDirection: 'up' | 'down';
+    /**
+     * Force the maximum height of the popover. This value will be interpreted as pixels.
+     * If no value is passed, or the value exceeds available space, the component will auto-detect the maximum height based on available space.
+     */
+    popoverMaxHeight: number;
+    /**
+     * Determines the display mode of the popover.
+     *
+     * Providing a value of `legacy` instructs the popover to use absolute positioning instead of fixed positioning.
+     *
+     * @info
+     * This is a temporary solution to work around styling issues related to using fixed positioning for the popover
+     * when nested inside of elements with transform properties. This will be removed once the popover API is available
+     * for use.
+     */
+    popoverMode: 'legacy';
+    /**
+     * Appends "(read only)" to the field label, and field becomes unusable, but remains focusable.
+     * Takes priority over `optional` if both are `true`.
+     */
+    readonly: boolean;
+    /** Enables search functionality. */
+    searchable: boolean;
+    /**
+     * Each item in this array should correspond to the value of a `q2-option` element.
+     * This property is only relevant for `multiple` (i.e., multi-select) implementations.
+     */
+    selectedOptions: string[];
+    /**
+     * The current value for the select. This should correspond to the value of a nested q2-option element.
+     * This property is only relevant for single-select implementations.
+     */
+    value: string;
+    /**
+     * Emitted when an option is selected or deselected.
+     *
+     * When the multi-select is enabled, the `value` property will be `undefined` and the `selectedOptions` property
+     * will contain the selected option values.
+     *
+     * @legacyEvent
+     */
+    change: EventEmitter<{
+        value: string;
+        selectedOptions: string[];
+    }>;
+    /**
+     * Emitted when the input value changes.
+     *
+     * Requires the `searchable` prop to be set to `true`.
+     */
+    input: EventEmitter<{
+        query: string;
+    }>;
+    disconnectedCallback(): void;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    componentDidRender(): void;
+    onHostElementChange(event: CustomEvent<{
+        value: string;
+        selectedOptions: string[];
+    }>): void;
+    onClearHandler(): void;
+    handleSelectedDisplay(event: CustomEvent): void;
+    delegateFocus(event: FocusEvent): void;
+    handleFocusout(event: FocusEvent): void;
+    onHostElementInput(event: CustomEvent): void;
+    keydownHandler(event: KeyboardEvent): void;
+    popoverStateChanged({ detail: { open } }: CustomEvent<{
+        open: boolean;
+    }>): void;
+    /**
+     * Emulates clicking the `<input>` to hide the popover if it is visible.
+     *
+     * @testOnly
+     */
+    closePopover(): Promise<void>;
+    /**
+     * Emulates clicking the `<input>` to display the popover if it is hidden.
+     *
+     * @testOnly
+     */
+    openPopover(): Promise<void>;
+    /**
+     * Emulates focusing the `<input>`, entering the provided value, and emitting an `input` event.
+     *
+     * @warning
+     * Only applicable when the input is searchable.
+     *
+     * @testOnly
+     */
+    searchOptions(query: string): void;
+    /**
+     * Emulates clicking the `<input>` to display the popover and selecting the option(s) with the specified value(s).
+     *
+     * If the multi-select is enabled and the `closePopover` argument is `true` (default), the popover will be closed
+     * after the option(s) are selected.
+     *
+     * @testOnly
+     */
+    setValue(values: string | string[], options?: {
+        closePopover?: boolean;
+    }): Promise<void>;
+    ariaLabelObserver(): void;
+    handleMultilineOptionsUpdate(newValue: any, oldValue: any): void;
+    openChanged(isOpen: boolean): void;
+    buildStructuredSelectedOptions(): void;
+    valueUpdated(): void;
+    get badgeValue(): string;
+    get firstSelectedOptionElement(): HTMLQ2OptionElement;
+    get firstSelectedValue(): string;
+    get innerInputContainer(): HTMLElement;
+    get innerInputField(): HTMLInputElement | HTMLButtonElement;
+    get inputId(): string;
+    get isModule(): boolean;
+    get optionElements(): HTMLQ2OptionElement[];
+    get popoverMinHeight(): number;
+    get selectedDisplay(): string;
+    get selectedDisplaySlot(): HTMLElement;
+    get wrapperClasses(): string;
+    _togglePopover(): void;
+    calculateMultiSelectSelectedDisplay(): string;
+    calculateSingleSelectSelectedDisplay(): string;
+    checkSelectedDisplay(): void | HTMLElement;
+    checkSelectedDisplayHeight(): void;
+    checkSelectedOptions(): void;
+    clearSearchText(): void;
+    clearSelectedDisplay(): void;
+    clearValue(): void;
+    clickedElsewhere: (event: CustomEvent) => void;
+    closeDropdown(): void;
+    destroyEventListeners: () => void;
+    executeActionSheet(event: MouseEvent | KeyboardEvent): Promise<void>;
+    focusInput(): void;
+    handleOptionListExternalKeydown(event: KeyboardEvent): void;
+    handleOrientationChange: () => void;
+    handleSelectionChanges(changeDetails: {
+        value?: string;
+        values?: IOptionValue[];
+    }): void;
+    initEventListeners: () => void;
+    initMutationObserver: () => void;
+    inputBlurHandler: () => void;
+    inputChangeHandler: (event: Event) => void;
+    inputClickHandler: (event: MouseEvent) => Promise<void>;
+    inputFocusHandler: () => void;
+    inputInputHandler: (event: Q2InputCustomEvent<IEventDetail> & InputEvent) => void;
+    inputKeydownHandler: (event: KeyboardEvent) => Promise<void>;
+    onCustomDisplayClick: (event: MouseEvent) => void;
+    onMutationObserved: () => void;
+    onOptionListChange: (event: Q2OptionListCustomEvent<{
+        value: string;
+        values: IOptionValue[];
+    }>) => void;
+    onPopoverState: ({ detail: { open, action }, }: CustomEvent<{
+        open: boolean;
+        action: 'close' | 'select' | 'open';
+    }>) => void;
+    openDropdownWithoutActiveElement(): void;
+    setCustomLabel(): void;
+    setStatusMessage(message: any): void;
+    shouldClearSearchText(event: KeyboardEvent): boolean;
+    showAllOptions: () => void;
+    showSelectedOptions: () => void;
+    toggleDropdown(): void;
+    visibilityToggleKeyDown: (event: KeyboardEvent) => void;
+    renderCustomDisplay(): any;
+    renderOptionsDropdown(): any;
+    renderSelectField(): any;
+    renderVisibilityToggle(): any;
+    render(): any;
+}

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

@@ -0,0 +1,52 @@
+import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
+export declare class Q2Stepper implements ComponentInterface {
+    listElement: HTMLUListElement;
+    resizeObserver: ResizeObserver;
+    scheduledAfterRender: (() => void)[];
+    hostElement: HTMLElement;
+    contentChangeTriggerCount: number;
+    scrollEnabled: boolean;
+    showScrollLeft: boolean;
+    showScrollRight: boolean;
+    /** The currently selected step. */
+    currentStep: number;
+    /**
+     * The last step the user may navigate to.
+     * @info
+     * Will be managed automatically if not provided.
+     */
+    lastEnabledStep: number;
+    /**
+     * Used to determine the number of steps in the stepper.
+     * @private
+     */
+    stepCount: number;
+    /**
+     * Emitted when the selected step changes.
+     * @legacyEvent
+     */
+    change: EventEmitter;
+    disconnectedCallback(): void;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    componentDidRender(): void;
+    defaultChangeHandler(event: CustomEvent): void;
+    contentChangeHandler(): void;
+    delegateFocus(event: FocusEvent): void;
+    statusChangeHandler(event: CustomEvent): void;
+    currentStepChanged(stepNumber: number): void;
+    get allPanes(): NodeListOf<HTMLQ2StepperPaneElement>;
+    checkForPanes: () => void;
+    checkScrollState: () => void;
+    focusStep(stepNumber: number, scrollIntoView?: boolean, forceFocus?: boolean): void;
+    getPaneSlotOrProperty(pane: HTMLQ2StepperPaneElement, slotName: 'description' | 'label'): string;
+    onScrollBtnClick: (direction: 'left' | 'right') => void;
+    onSlotChange: () => void;
+    onStepClick: (event: any, selectedStep: number) => void;
+    onStepKeyDown: (event: KeyboardEvent, stepNumber: number) => void;
+    resizeIframe(): void;
+    showStep(stepNumber: number): void;
+    showStepPane(stepNumber: number): void;
+    renderStepBtn(stepIndex: number): any;
+    render(): any;
+}

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

@@ -0,0 +1,62 @@
+import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
+interface IBaseStructuredPane {
+    id: string;
+    label: string;
+    description: string;
+    isActive: boolean;
+    status: string;
+}
+interface IStructuredPane extends IBaseStructuredPane {
+    children: IBaseStructuredPane[];
+}
+export declare class Q2StepperVertical implements ComponentInterface {
+    expandedStepChildrenList: HTMLUListElement;
+    mutationObserver: MutationObserver;
+    scheduledAfterRender: (() => void)[];
+    hostElement: HTMLElement;
+    structuredPanes: IStructuredPane[];
+    /** The `id` of the currently selected `q2-stepper-pane`. */
+    currentStepId: string;
+    /**
+     * Emitted when the selected step changes.
+     * @legacyEvent
+     */
+    change: EventEmitter<{
+        selectedStep: HTMLQ2StepperPaneElement;
+        selectedStepId: string;
+        currentStepId: string;
+    }>;
+    disconnectedCallback(): void;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    componentWillUpdate(): void;
+    componentDidRender(): void;
+    defaultChangeHandler(event: CustomEvent): void;
+    delegateFocus(event: FocusEvent): void;
+    statusChangeHandler(): void;
+    currentStepChanged(stepId: string): void;
+    get allPanes(): HTMLQ2StepperPaneElement[];
+    get allRootPanes(): HTMLQ2StepperPaneElement[];
+    buildPaneList: () => void;
+    determinePaneChanges: (mutations: MutationRecord[]) => void;
+    extractDetails(pane: HTMLQ2StepperPaneElement): {
+        id: string;
+        label: string;
+        description: string;
+        status: "error" | "complete" | "locked";
+    };
+    focusStepBtn(stepId: string, forceFocus?: boolean): void;
+    getStepId(currentStepId: string, goTo: string): string;
+    onStepClick: (event: any, stepId: string) => void;
+    onStepKeyDown: (event: KeyboardEvent, stepId: string) => void;
+    openCurrentStepChildren(): void;
+    resizeIframe(): void;
+    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;
+    render(): any;
+}
+export {};

package/dist/types/components/q2-tab-container/q2-tab-container.d.ts

@@ -67,9 +67,9 @@ export declare class Q2TabContainer implements ComponentInterface {
     onResize(): void;
     nameObserver(): void;
     valueObserver(): void;
-    get selectedTabValue(): any;
+    get selectedTabValue(): string;
     get tabList(): Element;
-    get tabPanes(): any[];
+    get tabPanes(): (HTMLQ2TabPaneElement | HTMLTectonTabPaneElement)[];
     checkScrollState: () => void;
     generateTab(tab: TabPane, index: number): JSX.IntrinsicElements;
     generateTabWithBadge(tab: TabPane, isSelected: boolean): JSX.IntrinsicElements;