q2-tecton-elements 1.55.4 → 1.55.6

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

@@ -0,0 +1,61 @@
+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;
+    /**
+     * Emulates clicking a step in the stepper and emitting the change event.
+     *
+     * You may provide either the step number or the stepper pane id.
+     *
+     * If the value is invalid or the step is locked, the method will do nothing.
+     * @testOnly
+     */
+    selectStep(value: number | string): Promise<void>;
+    currentStepChanged(stepNumber: number): void;
+    get allPanes(): 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,68 @@
+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;
+    /**
+     * A method to select a step corresponding with the step id.
+     *
+     * @testOnly
+     */
+    selectStep(stepId: string): Promise<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;
     moveToAdjacentTab: (value: string, direction: 'next' | 'prev' | 'first' | 'last') => void;
     moveToTab: (index: number, shouldFocus?: boolean) => HTMLButtonElement;

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

@@ -0,0 +1,91 @@
+import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
+export declare class Q2Tag implements ComponentInterface {
+    dropdownBtn: HTMLButtonElement;
+    mutationObserver: MutationObserver;
+    optionList: HTMLQ2OptionListElement;
+    popoverElement: HTMLQ2PopoverElement;
+    hostElement: HTMLElement;
+    optionCount: number;
+    /**
+     * 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;
+    /**
+     * Determine whether the popover is open or closed.
+     *
+     * @readonly
+     */
+    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';
+    /**
+     * 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;
+    /** @deprecated */
+    popoverMinHeight: number;
+    /** The color of the element. */
+    theme: 'primary' | 'secondary' | 'tertiary';
+    /**
+     * Emitted when a provided option is clicked.
+     *
+     * Requires at least one option to be provided.
+     */
+    click: EventEmitter<{
+        value: string;
+    }>;
+    disconnectedCallback(): void;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    delegateFocus(event: FocusEvent): void;
+    popoverStateHandler({ detail: { open } }: CustomEvent<{
+        open: boolean;
+    }>): void;
+    /**
+     * Emulates clicking the tag to close the popover when options are provided and the popover is open.
+     * @testonly
+     */
+    closePopover(): Promise<void>;
+    /**
+     * Emulates clicking the tag to open the popover when options are provided and the popover is closed.
+     * @testonly
+     */
+    openPopover(): Promise<void>;
+    /**
+     * Emulates selecting an option matching the passed value.
+     *
+     * If the popover is closed, this will open it before selecting the option.
+     *
+     * If there are not options, or the passed value does not match any option's value, this method does nothing.
+     * @testonly
+     */
+    selectOption(value: any): Promise<void>;
+    _togglePopover(): void;
+    determineOptionCount: () => void;
+    filterSlottedElements: () => void;
+    handleButtonFocusout: (event: FocusEvent) => Promise<void>;
+    handleChange: (event: any) => void;
+    handleClick: (event: MouseEvent) => Promise<void>;
+    handleKeydown: (event: KeyboardEvent) => Promise<void>;
+    handleWrapperClick: () => void;
+    initMutationObserver: () => void;
+    onClickElsewhere: (event: CustomEvent) => void;
+    onMutationObserved: () => void;
+    renderHiddenElement(): any;
+    render(): any;
+}

package/dist/types/utils/action-sheet.d.ts

@@ -0,0 +1,12 @@
+import { ActionSheetListCloseData, ActionSheetListData } from 'q2-tecton-common/lib/utility/action-sheet';
+interface IActionSheetComponent {
+    hoist: boolean;
+}
+export declare const shouldShowActionSheet: (component: IActionSheetComponent, event?: KeyboardEvent | MouseEvent) => boolean;
+export declare const buildListData: (component: IActionSheetListComponent, event?: MouseEvent | KeyboardEvent) => Promise<ActionSheetListData>;
+interface IActionSheetListComponent {
+    optionList: HTMLQ2OptionListElement;
+    label: string;
+}
+export declare const showActionSheetList: (component: IActionSheetListComponent, event?: MouseEvent | KeyboardEvent) => Promise<ActionSheetListCloseData>;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "q2-tecton-elements",
-    "version": "1.55.4",
+    "version": "1.55.6",
     "description": "Q2 Tecton Custom Elements",
     "license": "MIT",
     "author": "Q2 Tecton Team",
@@ -36,7 +36,7 @@
     },
     "dependencies": {
         "@stencil/core": "4.18.0",
-        "q2-tecton-common": "1.55.4",
+        "q2-tecton-common": "1.55.6",
         "swiper": "8.4.4"
     },
     "devDependencies": {
@@ -60,5 +60,6 @@
         "puppeteer": "^20.9.0",
         "typescript": "5.4.5",
         "typescript-eslint": "^7.11.0"
-    }
+    },
+    "gitHead": "e27b72eb51b2fd8c39c5ff5275d1a10dbe9445e8"
 }