q2-tecton-elements 1.55.3 → 1.55.4

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

@@ -1,117 +0,0 @@
-import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
-export declare class Q2Pagination implements ComponentInterface {
-    containerElement: HTMLElement;
-    containerWidth: number;
-    firstPageBtn: HTMLQ2BtnElement;
-    inputField: HTMLQ2InputElement;
-    lastPageBtn: HTMLQ2BtnElement;
-    nextPageBtn: HTMLQ2BtnElement;
-    perPageSelect: HTMLQ2SelectElement;
-    prevPageBtn: HTMLQ2BtnElement;
-    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 display only the current and total pages. */
-    pagesOnly: boolean;
-    /** The total number of records displayed on each page. */
-    perPage: number;
-    /**
-     * A list of perPage values.
-     * This generates a [Select](https://tecton.q2developer.com/design-system/q2-select/) element that allows the user to modify the `perPage` value.
-     *
-     * **Example:**
-     * @snippet
-     * this.perPageIncrements = [10, 25, 50];
-     */
-    perPageIncrements: number[];
-    /** Indicates to display only 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;
-    /**
-     * Emulates clicking the button that controls moving to the first page, and emitting a change event with the updated page number.
-     *
-     * If the `<button>` is disabled, this method does nothing.
-     * @testOnly
-     */
-    clickFirstPage(): Promise<void>;
-    /**
-     * Emulates clicking the button that controls moving to the last page, and emitting a change event with the updated page number.
-     *
-     * If the `<button>` is disabled, this method does nothing.
-     * @testOnly
-     */
-    clickLastPage(): Promise<void>;
-    /**
-     * Emulates clicking the button that controls moving to the next page, and emitting a change event with the updated page number.
-     *
-     * If the `<button>` is disabled, this method does nothing.
-     * @testOnly
-     */
-    clickNextPage(): Promise<void>;
-    /**
-     * Emulates clicking the button that controls moving to the previous page, and emitting a change event with the updated page number.
-     *
-     * If the `<button>` is disabled, this method does nothing.
-     * @testOnly
-     */
-    clickPreviousPage(): Promise<void>;
-    /**
-     * Emulates selecting a `perPage` value from the `perPageIncrements` dropdown,
-     * and updates the value of the `perPage` property.
-     *
-     * If `value` is not in the `perPageIncrements` array, this method does nothing.
-     * @testOnly
-     */
-    selectPerPageIncrementValue(value: number): Promise<void>;
-    /**
-     * Emulates setting the page value in the `<input>` field,
-     * and emitting a change event with the updated page number.
-     *
-     * If `value` is invalid, this method does nothing.
-     * @testOnly
-     */
-    setPageValue(value: number): Promise<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 showPerPageSelect(): boolean;
-    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

@@ -1,143 +0,0 @@
-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;
-    popoverBottomContainer: HTMLElement;
-    popoverElement: HTMLQ2PopoverElement;
-    popoverTopContainer: HTMLElement;
-    primaryBtn: HTMLButtonElement;
-    primaryBtnWrapper: HTMLElement;
-    scheduledAfterRender: (() => void)[];
-    hostElement: HTMLElement;
-    hasPopoverBottom: boolean;
-    hasPopoverTop: boolean;
-    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.
-     *
-     * @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;
-    /** 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.
-     *
-     * When multi-select is enabled, `value` will be `undefined`.
-     * @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;
-    /**
-     * Emulates clicking the `<button>` to hide the popover if it is visible.
-     *
-     * @testOnly
-     */
-    closePopover(): Promise<void>;
-    /**
-     * Emulates clicking the `<button>` to display the popover if it is hidden.
-     *
-     * @testOnly
-     */
-    openPopover(): Promise<void>;
-    /**
-     * Emulates clicking the `<button>` to display the popover and selecting the option(s) with the specified value(s).
-     *
-     * If 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>;
-    selectedOptionsChanged(newValue: any): void;
-    valueChanged(newValue: any): Promise<void>;
-    get buttonContent(): string;
-    get truncatedButtonContent(): string;
-    _togglePopover(): void;
-    clearSelectedOptions: () => void;
-    determineOptionCount: () => Promise<void>;
-    executeActionSheet: (event: MouseEvent | KeyboardEvent) => Promise<void>;
-    getOption: (value: string) => Promise<import("../q2-option-list/q2-option-list").ValidOptionElements>;
-    handleFocusOut: (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;
-    onMutationObserved: () => void;
-    syncValueProperties: () => void;
-    updateSelectedOptionElements: () => Promise<void>;
-    updateSlotState: () => void;
-    renderHiddenElement(): any;
-    renderIcon(): any;
-    render(): any;
-}

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

@@ -1,238 +0,0 @@
-/// <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';
-export declare class Q2Select implements ComponentInterface {
-    inputField?: HTMLQ2InputElement;
-    mutationObserver: MutationObserver;
-    optionList: HTMLQ2OptionListElement;
-    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;
-    /**
-     * 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 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;
-    executeActionSheet(event: MouseEvent | KeyboardEvent): Promise<void>;
-    focusInput(): void;
-    handleOptionListExternalKeydown(event: KeyboardEvent): void;
-    handleSelectionChanges(changeDetails: {
-        value?: string;
-        values?: IOptionValue[];
-    }): 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;
-    setStatusMessage(message: any): void;
-    shouldClearSearchText(event: KeyboardEvent): boolean;
-    showAllOptions: () => void;
-    showSelectedOptions: () => void;
-    toggleDropdown(): void;
-    visibilityToggleKeyDown: (event: KeyboardEvent) => void;
-    renderCustomDisplay(): any;
-    renderOptionsDropdown(): any;
-    renderVisibilityToggle(): any;
-    render(): any;
-}

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

@@ -1,61 +0,0 @@
-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

@@ -1,68 +0,0 @@
-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 {};