q2-tecton-elements 1.67.2 → 1.68.0

package/dist/q2-tecton-elements/tecton-tab-pane.entry.js

@@ -52,7 +52,7 @@ const a = class {
   // #region Render Methods
   render() {
     return i("div", {
-      key: "58a67b201accff4cdb0cf19172f3a91a6c8effd5",
+      key: "064545f0fed8a7d7b7aac0ec36179d745fc350af",
       id: `tab-pane-${this.guid}-${this.index}`,
       class: `tab-pane${this.selected ? "" : " hidden"}`,
       role: "tabpanel",
@@ -60,12 +60,12 @@ const a = class {
       "aria-hidden": `${!this.selected}`,
       "aria-labelledby": `tab-${this.guid}-${this.index}`
     }, this.selected && this.provided !== undefined && !this.provided && i("div", {
-      key: "14ea6040e9a7c5c019d982e3f9e84227f0144d19"
+      key: "b74988726b4e15f377d76d9af1921a0c68027d8d"
     }, i("slot", {
-      key: "2f23163c833f14e5b787f35d7af3fe162a6d3fb7",
+      key: "e4e020b962bc6d21520a5d394a4b0a4ecc060476",
       name: "loading-wrapper"
     }), i("iframe", {
-      key: "9bdaf2ad2df5d0a0763aae906c7227d7e05052b7",
+      key: "c33f35f9c4a49e23bfe5ee9b1ad2100a746e2a1f",
       hidden: true,
       name: this.moduleId,
       scrolling: "no",
@@ -88,11 +88,11 @@ const a = class {
       value: e.value,
       name: e.key
     })))) : ""), i("div", {
-      key: "8aeea96ffde0dfb337dd84e0346951d075b4d233",
+      key: "c6e4e3295cbf6dbdcddb7f8109a19bfe3a4975dd",
       class: "slot-wrapper",
       hidden: this.selected && this.provided !== undefined && !this.provided
     }, i("slot", {
-      key: "c81c5ad3f2c93436284fe928be54b58836ff0fff"
+      key: "d2db52e88ddfe939b119217ca3c69ed93e9d4e38"
     })));
   }
   get hostElement() {

package/dist/types/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/.stencil/playwright.config.d.ts

@@ -0,0 +1,2 @@
+declare const _default: Promise<import("@playwright/test").PlaywrightTestConfig>;
+export default _default;

package/dist/types/components/q2-action-sheet/q2-action-sheet.d.ts

@@ -7,8 +7,10 @@ import type { ActionSheetListCloseData, ActionSheetData, ActionSheetListData, Ac
  * @summary Use for presenting a modal sheet.
  */
 export declare class Q2ActionSheet implements ComponentInterface {
+    closeButtonElement: HTMLQ2BtnElement;
     contentElement: HTMLDivElement;
     dialogElement: HTMLDialogElement;
+    doneButtonElement: HTMLQ2BtnElement;
     initialSelectedOptions: ActionSheetSelectedOption[];
     maxHeight: number;
     minHeight: number;
@@ -42,8 +44,28 @@ export declare class Q2ActionSheet implements ComponentInterface {
     hide(data?: ActionSheetListCloseData): Promise<void>;
     show(): Promise<void>;
     focusContent(): void;
+    /**
+     * Focuses the last visible (non-hidden, non-disabled) option in the option list.
+     * Uses the async getOptions() method, but is invoked after preventDefault() has
+     * already been called synchronously by the caller.
+     */
+    focusLastVisibleOption: () => Promise<void>;
     generateOptgroup: (option: ActionSheetListOptgroup) => HTMLQ2OptgroupElement;
     generateOption: (option: ActionSheetListOption) => HTMLQ2OptionElement;
+    /**
+     * Handles keyboard navigation within the action sheet dialog.
+     * Manages Tab navigation between options and action buttons (close/done).
+     * Allows Tab to exit to browser chrome when reaching boundaries.
+     *
+     * NOTE: This handler is intentionally synchronous. `event.preventDefault()`
+     * must be called before the browser processes the Tab key (i.e., during the
+     * synchronous portion of the keydown event). Introducing an `await` here
+     * allows the browser to shift focus before preventDefault runs, which causes
+     * Tab from the close button to escape the dialog instead of cycling back to
+     * the options.
+     * @param event - The keyboard event.
+     */
+    handleDialogKeydown: (event: KeyboardEvent) => void;
     hidePostHook(): void;
     onCancel: (event: Event) => void;
     onClick: (event: MouseEvent) => void;

package/dist/types/components/q2-avatar/test/q2-avatar-test.vr.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/q2-badge/test/q2-badge-test.vr.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/q2-btn/test/q2-btn-test.vr.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/q2-calendar/test/q2-calendar-test.vr.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/q2-card/test/q2-card-test.vr.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/q2-card-image/test/q2-card-image-test.vr.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -12,7 +12,9 @@ export declare class Q2Carousel implements ComponentInterface {
     fullWidthDisplayOptions: SwiperOptions;
     guid: number;
     mutationObserver: MutationObserver;
+    paneResizeObserver?: ResizeObserver;
     swiper?: Swiper;
+    syncPaneHeightFrame?: number;
     universalCarouselOptions: SwiperOptions;
     hostElement: HTMLElement;
     /** Manages re-rendering the component when the `ariaLive` value changes. */
@@ -33,8 +35,16 @@ export declare class Q2Carousel implements ComponentInterface {
      * `hug`: bottom area around pagination indicator and wraps the pagination indicator.
      */
     arrowPosition: 'bottom' | 'hug' | 'float' | undefined;
+    /** Keeps all carousel panes at the height of the tallest pane. */
+    autoHeight: boolean;
     /** Enables the auto-play feature and starts the carousel without user input. */
     autoPlay: boolean;
+    /** Adjusts width of active pane automatically in compact screen based on the carousel width. */
+    autoWidth: boolean;
+    /** Breakpoint pixel number for switching to compact mode when autoWIdth is enabled, default is 500.*/
+    compactBreakpoint: number;
+    /** Display a gradient fade on the left and right edges of the carousel. */
+    edgeFade: boolean;
     /** Display the carousel panes as frameless with no container or shadow. */
     framelessPanes: boolean;
     /** Display the carousel panes full-width rather than with peeking content. */
@@ -83,6 +93,7 @@ export declare class Q2Carousel implements ComponentInterface {
      */
     togglePlayPause(): Promise<void>;
     ariaLabelObserver(): void;
+    autoHeightChanged(): void;
     carouselWrapperWidthChanged(): void;
     framelessPanesChanged(): void;
     revampCarousel(): void;
@@ -96,13 +107,31 @@ export declare class Q2Carousel implements ComponentInterface {
     get peekContentDisplayOptions(): SwiperOptions;
     get realIndex(): number;
     get useDynamicPaginationDots(): boolean;
+    /**
+     * Swiper's loop mode rearranges existing DOM slides rather than cloning them. Small pane sets
+     * are padded in `syncPaneDuplicates` so Swiper has enough slides while Pane N still visually
+     * loops back to Pane 1.
+     */
+    get useFullWidthPanes(): boolean;
     configureCarousel: (carouselWrapper: any, carouselOptions: any) => void;
     handleAriaLive(activeAndFocused: boolean): void;
     handleAutoPlayPause: (action: "play" | "pause") => void;
     handlePopovers: (event: CustomEvent) => void;
     keydownHandler: (event: KeyboardEvent) => void;
+    managePaneHeightObserver: () => void;
+    observePaneHeights: () => void;
     onMutationObserved: () => void;
+    schedulePaneHeightSync: () => void;
     setCarouselWrapperWidth: () => void;
+    /**
+     * Swiper's loop mode needs enough DOM slides on both sides of a centered active slide. For
+     * two-pane full-width carousels and 3 to 5 pane peek carousels, we double the pane set in the
+     * DOM by cloning each real pane once, giving Swiper 4 to 10 slides to loop through. Duplicates are tagged with
+     * `data-q2-pane-duplicate`; they're excluded from `paneArray` / `paneCount` / pagination, and
+     * logical index changes are mapped back to the real-pane range via `modulo paneCount`.
+     */
+    syncPaneDuplicates: () => void;
+    syncPaneHeights: () => void;
     tearDownCarousel: () => void;
     updateCarouselPaneProps: () => void;
     renderAutoPlayBtn: () => any;

package/dist/types/components/q2-carousel/test/q2-carousel-test.vr.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/q2-chart-area/test/q2-chart-area-test.vr.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/q2-chart-bar/test/q2-chart-bar-test.vr.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/q2-chart-donut/q2-chart-donut.d.ts

@@ -31,6 +31,8 @@ export declare class Q2ChartDonut implements ComponentInterface {
      * @localizable
      */
     chartName: string;
+    /** Controls when numbers displayed as currency, if they are whole numbers, they will not include the .00. */
+    currencyRound: boolean;
     /** An array of objects that contain the data to be displayed. */
     data: DonutChartData[];
     /** Controls whether values on the value axis are shown as numbers or as currency. */

package/dist/types/components/q2-chart-donut/test/q2-chart-donut-test.vr.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/q2-checkbox/test/q2-checkbox-test.vr.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/q2-checkbox-group/test/q2-checkbox-group-test.vr.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/q2-context/test/q2-context-test.vr.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/q2-currency/test/q2-currency-test.vr.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/q2-data-table/test/q2-data-table-test.vr.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/q2-editable-field/test/q2-editable-field-test.vr.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/q2-file-picker/test/q2-file-picker-test.vr.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/q2-formatted-text/test/q2-formatted-text-test.vr.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -9,6 +9,14 @@ export type TQ2GridAlignOptions = 'stretch' | 'start' | 'center' | 'end';
  * @summary Use for responsive grid layouts with flexible rows and columns.
  */
 export declare class Q2Grid {
+    /**
+     * Tracks whether the `gap` attribute was explicitly set on this element at mount.
+     * When false (and the grid is inside a q2-form), the grid's gap defers to the
+     * form's --comp-spacing so form+grid matches form-only spacing without the
+     * consumer having to mirror tokens.
+     */
+    private hasExplicitGap;
+    element: HTMLElement;
     /**
      * Sets the vertical alignment behavior of q2-grid-area components within a grid track at
      * the baseline viewport size.
@@ -153,10 +161,12 @@ export declare class Q2Grid {
      * components placed within the grid and the number of columns allowed per row.
      */
     xsRows: TQ2GridRowsOptions;
+    componentWillLoad(): void;
     get computedLgRows(): TQ2GridRowsOptions;
     get computedMdRows(): TQ2GridRowsOptions;
     get computedSmRows(): TQ2GridRowsOptions;
     get computedXlRows(): TQ2GridRowsOptions;
     get computedXsRows(): TQ2GridRowsOptions;
+    private gapValue;
     render(): any;
 }

package/dist/types/components/q2-icon/test/q2-icon-test.vr.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/q2-input/test/q2-input-test.vr.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -8,6 +8,8 @@ import type { DonutChartData } from 'q2-tecton-common/lib/types/elements';
 export declare class Q2Legend implements ComponentInterface {
     hoveredItemIndex: number;
     selectedItemIndex: number;
+    /** Controls when numbers displayed as currency, if they are whole numbers, they will not include the .00. */
+    currencyRound: boolean;
     /** An array of objects that contain the data to be displayed. */
     data: DonutChartData[];
     /** The format of the value displayed in the legend. */

package/dist/types/components/q2-link/test/q2-link-test.vr.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/q2-list/test/q2-list-test.vr.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/q2-message/test/q2-message-test.vr.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/q2-meter/test/q2-meter-test.vr.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/q2-modal/test/q2-modal-test.vr.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,159 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+/**
+ * @name One-Time Password
+ * @category Forms
+ * @summary Use for entering a short one-time verification code.
+ */
+export declare class Q2Otp {
+    private readonly defaultSendCodeLabel;
+    private readonly defaultSendCodeLabelValue;
+    private readonly defaultSubmitLabel;
+    private readonly defaultSubmitLabelValue;
+    guid: number;
+    hasAutoFocused: boolean;
+    inputRef: HTMLInputElement;
+    sendCodeRef: HTMLElement;
+    hostElement: HTMLElement;
+    hasFocus: boolean;
+    /** Focuses the first one-time password field when the component loads. */
+    autoFocus: boolean;
+    /** Triggers submission when the last field is filled. */
+    autoSubmit: boolean;
+    /** Clears all fields and returns focus to the first field when `state` becomes `error`. */
+    clearOnError: boolean;
+    /** Disables all one-time password fields. */
+    disabled: boolean;
+    /**
+     * Error message rendered below the submit area.
+     * @localizable
+     */
+    errorMessage: string;
+    /**
+     * Helper text content.
+     * @localizable
+     */
+    helperText: string;
+    /**
+     * Visible label above the one-time password fields.
+     * @localizable
+     */
+    label: string;
+    /** Number of one-time password fields. */
+    length: number;
+    /** Obscures entered characters. */
+    masked: boolean;
+    /**
+     * Button text during processing.
+     * @localizable
+     */
+    processingLabel: string;
+    /**
+     * Button text for the send-code action.
+     * @localizable
+     */
+    sendCodeLabel: string;
+    /** Toggles helper text visibility. */
+    showHelperText: boolean;
+    /**
+     * Renders fields in two equal groups with a dash separator.
+     * @private
+     */
+    split: boolean;
+    /**
+     * Sets the visual status for the one-time password fields.
+     *
+     * - `ready` — Shows the send-code button and hides the input fields until the user requests a code.
+     * - `error` — Displays an error style on the fields. If `errorMessage` is set, it renders below the submit area.
+     *   When `clearOnError` is enabled, all fields are cleared and focus returns to the first field.
+     * - `success` — Locks the input, replaces the submit button with a success indicator, and displays the
+     *   `successMessage` if provided.
+     * - `verifying` — Locks the input and puts the submit button into a loading state. When combined with `autoSubmit`,
+     *   a processing overlay with `processingLabel` is shown over the fields.
+     */
+    state: 'error' | 'ready' | 'success' | 'verifying' | undefined;
+    /**
+     * Renders a submit button with this label.
+     * @localizable
+     */
+    submitLabel: string;
+    /**
+     * Success message rendered below the submit area.
+     * @localizable
+     */
+    successMessage: string;
+    /** The composed one-time password value. */
+    value: string;
+    /** Emitted when the fields are cleared. */
+    tctClear: EventEmitter<{
+        value: string;
+    }>;
+    /** Emitted when all fields are filled. */
+    tctComplete: EventEmitter<{
+        value: string;
+    }>;
+    /** Emitted when any field value changes. */
+    tctInput: EventEmitter<{
+        value: string;
+    }>;
+    /** Emitted when the send-code button is clicked. */
+    tctSendCode: EventEmitter<void>;
+    /** Emitted when the submit button is clicked or auto-submit triggers. */
+    tctSubmit: EventEmitter<{
+        value: string;
+    }>;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    componentDidRender(): void;
+    onHostElementFocus(event: FocusEvent): void;
+    /**
+     * Clears all fields, focuses the first field, and emits `tctClear`.
+     */
+    clear(): Promise<void>;
+    /**
+     * Clears the component and resets error, success, and processing state.
+     */
+    reset(): Promise<void>;
+    autoFocusObserver(): void;
+    lengthObserver(): void;
+    stateObserver(state: string | null): void;
+    valueObserver(): void;
+    get activeSlotIndex(): number;
+    get componentId(): string;
+    get describedBy(): string | undefined;
+    get hasVisibleHelperText(): boolean;
+    get helperTextId(): string;
+    get inputAriaLabel(): string;
+    get isAwaitingSendCode(): boolean;
+    get isComplete(): boolean;
+    get isSuccess(): boolean;
+    get isVerifying(): boolean;
+    get labelId(): string;
+    get localizedHelperText(): string;
+    get localizedLabel(): string;
+    get localizedProcessingLabel(): string;
+    get localizedSendCodeLabel(): string;
+    get localizedSubmitLabel(): string;
+    get locksInput(): boolean;
+    get messageId(): string;
+    get normalizedLength(): number;
+    clearValue(emitEvent?: boolean): void;
+    filterDigits(value: string): string;
+    focusOnLoad(): void;
+    handleComplete(digits: string): void;
+    handleFocusIn: () => void;
+    handleFocusOut: (event: FocusEvent) => void;
+    handleInputEvent: () => void;
+    handleKeyDown: (event: KeyboardEvent) => void;
+    handlePaste: (event: ClipboardEvent) => void;
+    handleSendCodeClick: () => void;
+    handleSubmitClick: () => void;
+    submit(value?: string): void;
+    renderFields(): any[][];
+    renderHelperText(): any;
+    renderLabel(): any;
+    renderMessage(): any;
+    renderProcessingOverlay(): any;
+    renderSendCodeButton(): any;
+    renderSubmitArea(): any;
+    render(): any;
+}

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

@@ -0,0 +1 @@
+export {};

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

@@ -135,9 +135,12 @@ export declare class Q2Pill implements ComponentInterface {
     }): Promise<void>;
     selectedOptionsChanged(newValue: any): void;
     valueChanged(newValue: any, _oldValue: any, propName: any): Promise<void>;
-    get buttonContent(): string;
-    get truncatedButtonContent(): string;
+    get buttonContent(): {
+        text: string;
+        truncatedText: string;
+    };
     _togglePopover(): void;
+    _truncate(text?: string, maxLength?: number): string;
     clearSelectedOptions: () => void;
     determineOptionCount: () => Promise<void>;
     executeActionSheet: (event: MouseEvent | KeyboardEvent) => Promise<void>;

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

@@ -0,0 +1 @@
+export {};

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

@@ -31,7 +31,7 @@ export declare class Q2Radio implements ComponentInterface {
      */
     groupTileLayout: boolean;
     /**
-     * Hide's the field's `<label>` element from view.
+     * Hides the field's `<label>` element from view.
      *
      * @warning
      * Only use when a visible label is impractical.

package/dist/types/components/q2-radio/test/q2-radio-test.vr.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/q2-radio-group/test/q2-radio-group-test.vr.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/q2-section/test/q2-section-test.vr.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1 @@
+export {};

package/dist/types/components/q2-textarea/test/q2-textarea-test.vr.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -6,6 +6,7 @@ import { ComponentInterface } from '../../stencil-public-runtime';
  */
 export declare class Q2Tooltip implements ComponentInterface {
     animationEndCount: number;
+    cachedTooltipHeight: number | null;
     tooltipElement: HTMLDivElement;
     hostElement: HTMLElement;
     focusClass: 'has-keyboard-focus' | 'has-generic-focus' | 'has-generic-focus-out';
@@ -35,6 +36,7 @@ export declare class Q2Tooltip implements ComponentInterface {
     position: 'n' | 's' | 'e' | 'w' | 'nw' | 'ne' | 'sw' | 'se';
     disconnectedCallback(): void;
     componentDidLoad(): void;
+    documentPointerHandler(event: Event): void;
     focusCaptureHandler(): void;
     focusHandler(event: any): void;
     focusOutHandler(): void;
@@ -45,8 +47,10 @@ export declare class Q2Tooltip implements ComponentInterface {
     get shouldBeVisible(): boolean;
     adjustSide(): void;
     animationEndHandler(): void;
+    calculateTooltipHeight(): number;
     checkFocusClass(): void;
     clearTooltipOnChildren(): void;
+    findConstrainingContainer(): Element;
     findFocusVisibleElement(element: Element): Element;
     hideTooltip(): void;
     propagateTooltip(): void;

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

@@ -0,0 +1 @@
+export {};