q2-tecton-elements 1.57.2 → 1.58.1

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

@@ -2,21 +2,22 @@ import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
 type DisplayedFile = {
     file: File;
     message?: string;
-    status: FileStatus;
+    status: ValidFileStatusType | InvalidFileStatusType;
     toBeRemoved?: boolean;
 };
-type UploadFileStatus = 'in-progress' | 'failed' | 'uploaded';
-type FileStatus = UploadFileStatus | 'invalid-type' | 'over-size-limit' | 'over-max-files-limit';
-export type StatusFile = {
+type ValidFileStatusType = 'in-progress' | 'failed' | 'uploaded';
+type InvalidFileStatusType = 'invalid-type' | 'over-size-limit' | 'over-max-files-limit';
+export type ValidFileStatus = {
     name: string;
-    status: UploadFileStatus;
+    status: ValidFileStatusType;
     message?: string;
 };
+export type InvalidFileStatus = {
+    file: File;
+    status: InvalidFileStatusType;
+};
 export type FilesObject = {
-    invalidFiles: {
-        file: File;
-        status: 'invalid-type' | 'over-size-limit' | 'over-max-files-limit' | 'in-progress' | 'failed' | 'uploaded';
-    }[];
+    invalidFiles: InvalidFileStatus[];
     validFiles: File[];
 };
 /**
@@ -34,7 +35,7 @@ export declare class Q2FilePicker implements ComponentInterface {
     isDropZoneHighlighted: boolean;
     refreshCounter: number;
     /**
-     * The size of the browse button. Can be 'none', 'small', 'medium', or 'large'.
+     * The size of the browse button.
      */
     buttonSize: 'none' | 'small' | 'medium' | 'large';
     /**
@@ -63,22 +64,30 @@ export declare class Q2FilePicker implements ComponentInterface {
      */
     maxFileSize: number;
     /**
-     * An array of objects representing the status of the files being uploaded.
-     * Each object should have a `name` property (the file name), a `status`
-     * property (the status of the file) that equals either 'in-progress',
-     * 'failed', or 'uploaded', and an optional `message` property.
-     *
-     * Custom messages provided in the `message` property will only be used for
-     * failed uploads (`status: 'failed'`). This allows for more specific error
-     * messages in failure scenarios, while ensuring that all other file status
-     * messages remain consistent and aligned with approved design/UX standards.
-     * Custom messages for failed uploads are limited to a single line.
+     * An array of `ValidFileStatus` objects representing the upload status of
+     * files. Each `ValidFileStatus` object contains the following properties:
+     * - `name`: The file name.
+     * - `status`: The upload status, either `"failed"` or `"uploaded"`.
+     * - `message`: (Optional) A custom status message, used only when `status`
+     *   is `"failed"`. This allows developers to provide more detail about
+     *   upload failures while ensuring all other file status messages remain
+     *   consistent with approved design/UX standards. Custom failure messages
+     *   are limited to a single line.
      * @localizable
      */
-    status: StatusFile[];
+    status: ValidFileStatus[];
     /**
-     * Returns an array of File objects representing the files selected by the
-     * user. If no files are selected, the value is an empty array.
+     * Returns an object representing the selected files with two properties:
+     * - `invalidFiles`: An array of `InvalidFileStatus` objects representing
+     *   files that failed validation.
+     * - `validFiles`: An array of `File` objects representing files that passed
+     *   validation.
+     *
+     * Each `InvalidFileStatus` object includes the following properties:
+     * - `file`: The `File` object.
+     * - `status`: The validation status, which can be `"invalid-type"` (invalid file
+     *   type), `"over-size-limit"` (file exceeds the size limit), or
+     *   `"over-max-files-limit"` (total exceeds the max files limit).
      * @readonly
      */
     value: FilesObject;
@@ -87,8 +96,23 @@ export declare class Q2FilePicker implements ComponentInterface {
      * browse link.
      */
     variant: 'browse' | 'browse-drop';
+    /**
+     * Custom event dispatched when the user selects files. The event detail
+     * contains an object representing the selected files with two
+     * properties:
+     * - `invalidFiles`: An array of `InvalidFileStatus` objects representing
+     *   files that failed validation.
+     * - `validFiles`: An array of `File` objects representing files that passed
+     *   validation.
+     *
+     * Each `InvalidFileStatus` object includes the following properties:
+     * - `file`: The `File` object.
+     * - `status`: The validation status, which can be `"invalid-type"` (invalid file
+     *   type), `"over-size-limit"` (file exceeds the size limit), or
+     *   `"over-max-files-limit"` (total exceeds the max files limit).
+     */
     tctChange: EventEmitter<FilesObject>;
-    updateFileList(newValue: StatusFile[]): void;
+    updateFileList(newValue: ValidFileStatus[]): void;
     get actualButtonSize(): "small" | "medium" | "large";
     get dropZoneClasses(): string;
     get fileTypesArray(): string[];

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

@@ -295,10 +295,11 @@ export declare class Q2Input {
     typeObserver(): void;
     valueObserver(): void;
     get ariaAttributes(): {
-        ariaOwns: string;
-        ariaHaspopup: string;
-        ariaExpanded: string;
         ariaActivedescendant: string;
+        ariaControls: string;
+        ariaExpanded: string;
+        ariaHaspopup: string;
+        ariaOwns: string;
     };
     get canSetSelection(): boolean;
     get clearClasses(): string[];

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

@@ -8,8 +8,12 @@ import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
  * Each of the following Scenarios must be tested on each Device, in each Environment.
  *
  * Scenarios:
- * - Q2 Select non-typeable
- * - Q2 Select typeable
+ * - Q2 Select searchable
+ * - Q2 Select non-searchable
+ *
+ * Orientations:
+ * - Portrait
+ * - Landscape
  *
  * Devices:
  * - iOS Safari

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

@@ -43,12 +43,14 @@ export declare class Q2Stepper implements ComponentInterface {
      * @testOnly
      */
     selectStep(value: number | string): Promise<void>;
+    lastEnabledStepChanged(): 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;
+    handleUndefinedStepProperties(): void;
     onScrollBtnClick: (direction: "left" | "right") => void;
     onSlotChange: () => void;
     onStepClick: (event: any, selectedStep: number) => void;

package/dist/types/components.d.ts

@@ -9,7 +9,7 @@ import { ActionSheetData, ActionSheetListCloseData } from "q2-tecton-common/lib/
 import { IChartData, IDonutChartData } from "q2-tecton-common/lib/types/element-types";
 import { Q2DataTableHeader, Q2DataTableRow, Q2DataTableSerializedRow } from "./components/q2-data-table/q2-data-table";
 import { Q2Input } from "./components/q2-input/q2-input";
-import { FilesObject, StatusFile } from "./components/q2-file-picker/q2-file-picker";
+import { FilesObject, ValidFileStatus } from "./components/q2-file-picker/q2-file-picker";
 import { TQ2GridAlignOptions, TQ2GridColumnsOptions, TQ2GridGapOptions, TQ2GridJustifyOptions, TQ2GridRowsOptions } from "./components/q2-grid/q2-grid";
 import { TQ2GridAreaAlignOptions, TQ2GridAreaColumnSpanOptions, TQ2GridAreaColumnStartOptions, TQ2GridAreaJustifyOptions, TQ2GridAreaRowSpanOptions, TQ2GridAreaRowStartOptions, TQ2GridAreaZIndexOptions } from "./components/q2-grid-area/q2-grid-area";
 import { Q2Badge } from "./components/q2-badge/q2-badge";
@@ -24,7 +24,7 @@ export { ActionSheetData, ActionSheetListCloseData } from "q2-tecton-common/lib/
 export { IChartData, IDonutChartData } from "q2-tecton-common/lib/types/element-types";
 export { Q2DataTableHeader, Q2DataTableRow, Q2DataTableSerializedRow } from "./components/q2-data-table/q2-data-table";
 export { Q2Input } from "./components/q2-input/q2-input";
-export { FilesObject, StatusFile } from "./components/q2-file-picker/q2-file-picker";
+export { FilesObject, ValidFileStatus } from "./components/q2-file-picker/q2-file-picker";
 export { TQ2GridAlignOptions, TQ2GridColumnsOptions, TQ2GridGapOptions, TQ2GridJustifyOptions, TQ2GridRowsOptions } from "./components/q2-grid/q2-grid";
 export { TQ2GridAreaAlignOptions, TQ2GridAreaColumnSpanOptions, TQ2GridAreaColumnStartOptions, TQ2GridAreaJustifyOptions, TQ2GridAreaRowSpanOptions, TQ2GridAreaRowStartOptions, TQ2GridAreaZIndexOptions } from "./components/q2-grid-area/q2-grid-area";
 export { Q2Badge } from "./components/q2-badge/q2-badge";
@@ -1300,7 +1300,7 @@ export namespace Components {
     }
     interface Q2FilePicker {
         /**
-          * The size of the browse button. Can be 'none', 'small', 'medium', or 'large'.
+          * The size of the browse button.
           * @default 'medium'
          */
         "buttonSize": 'none' | 'small' | 'medium' | 'large';
@@ -1330,13 +1330,13 @@ export namespace Components {
          */
         "maxFiles": number;
         /**
-          * An array of objects representing the status of the files being uploaded. Each object should have a `name` property (the file name), a `status` property (the status of the file) that equals either 'in-progress', 'failed', or 'uploaded', and an optional `message` property.  Custom messages provided in the `message` property will only be used for failed uploads (`status: 'failed'`). This allows for more specific error messages in failure scenarios, while ensuring that all other file status messages remain consistent and aligned with approved design/UX standards. Custom messages for failed uploads are limited to a single line.
+          * An array of `ValidFileStatus` objects representing the upload status of files. Each `ValidFileStatus` object contains the following properties: - `name`: The file name. - `status`: The upload status, either `"failed"` or `"uploaded"`. - `message`: (Optional) A custom status message, used only when `status`   is `"failed"`. This allows developers to provide more detail about   upload failures while ensuring all other file status messages remain   consistent with approved design/UX standards. Custom failure messages   are limited to a single line.
           * @localizable 
           * @default []
          */
-        "status": StatusFile[];
+        "status": ValidFileStatus[];
         /**
-          * Returns an array of File objects representing the files selected by the user. If no files are selected, the value is an empty array.
+          * Returns an object representing the selected files with two properties: - `invalidFiles`: An array of `InvalidFileStatus` objects representing   files that failed validation. - `validFiles`: An array of `File` objects representing files that passed   validation.  Each `InvalidFileStatus` object includes the following properties: - `file`: The `File` object. - `status`: The validation status, which can be `"invalid-type"` (invalid file   type), `"over-size-limit"` (file exceeds the size limit), or   `"over-max-files-limit"` (total exceeds the max files limit).
           * @readonly 
           * @default { invalidFiles: [], validFiles: [] }
          */
@@ -2380,8 +2380,11 @@ export namespace Components {
      * Touching this file obligates you to manually test thoroughly, because Puppeteer can't capture every edgecase.
      * Each of the following Scenarios must be tested on each Device, in each Environment.
      * Scenarios:
-     * - Q2 Select non-typeable
-     * - Q2 Select typeable
+     * - Q2 Select searchable
+     * - Q2 Select non-searchable
+     * Orientations:
+     * - Portrait
+     * - Landscape
      * Devices:
      * - iOS Safari
      * - Android Chrome
@@ -2765,7 +2768,6 @@ export namespace Components {
     interface Q2Stepper {
         /**
           * The currently selected step.
-          * @default 1
          */
         "currentStep": number;
         /**
@@ -3827,8 +3829,11 @@ declare global {
      * Touching this file obligates you to manually test thoroughly, because Puppeteer can't capture every edgecase.
      * Each of the following Scenarios must be tested on each Device, in each Environment.
      * Scenarios:
-     * - Q2 Select non-typeable
-     * - Q2 Select typeable
+     * - Q2 Select searchable
+     * - Q2 Select non-searchable
+     * Orientations:
+     * - Portrait
+     * - Landscape
      * Devices:
      * - iOS Safari
      * - Android Chrome
@@ -5392,7 +5397,7 @@ declare namespace LocalJSX {
     }
     interface Q2FilePicker {
         /**
-          * The size of the browse button. Can be 'none', 'small', 'medium', or 'large'.
+          * The size of the browse button.
           * @default 'medium'
          */
         "buttonSize"?: 'none' | 'small' | 'medium' | 'large';
@@ -5421,15 +5426,18 @@ declare namespace LocalJSX {
           * @default Infinity
          */
         "maxFiles"?: number;
+        /**
+          * Custom event dispatched when the user selects files. The event detail contains an object representing the selected files with two properties: - `invalidFiles`: An array of `InvalidFileStatus` objects representing   files that failed validation. - `validFiles`: An array of `File` objects representing files that passed   validation.  Each `InvalidFileStatus` object includes the following properties: - `file`: The `File` object. - `status`: The validation status, which can be `"invalid-type"` (invalid file   type), `"over-size-limit"` (file exceeds the size limit), or   `"over-max-files-limit"` (total exceeds the max files limit).
+         */
         "onTctChange"?: (event: Q2FilePickerCustomEvent<FilesObject>) => void;
         /**
-          * An array of objects representing the status of the files being uploaded. Each object should have a `name` property (the file name), a `status` property (the status of the file) that equals either 'in-progress', 'failed', or 'uploaded', and an optional `message` property.  Custom messages provided in the `message` property will only be used for failed uploads (`status: 'failed'`). This allows for more specific error messages in failure scenarios, while ensuring that all other file status messages remain consistent and aligned with approved design/UX standards. Custom messages for failed uploads are limited to a single line.
+          * An array of `ValidFileStatus` objects representing the upload status of files. Each `ValidFileStatus` object contains the following properties: - `name`: The file name. - `status`: The upload status, either `"failed"` or `"uploaded"`. - `message`: (Optional) A custom status message, used only when `status`   is `"failed"`. This allows developers to provide more detail about   upload failures while ensuring all other file status messages remain   consistent with approved design/UX standards. Custom failure messages   are limited to a single line.
           * @localizable 
           * @default []
          */
-        "status"?: StatusFile[];
+        "status"?: ValidFileStatus[];
         /**
-          * Returns an array of File objects representing the files selected by the user. If no files are selected, the value is an empty array.
+          * Returns an object representing the selected files with two properties: - `invalidFiles`: An array of `InvalidFileStatus` objects representing   files that failed validation. - `validFiles`: An array of `File` objects representing files that passed   validation.  Each `InvalidFileStatus` object includes the following properties: - `file`: The `File` object. - `status`: The validation status, which can be `"invalid-type"` (invalid file   type), `"over-size-limit"` (file exceeds the size limit), or   `"over-max-files-limit"` (total exceeds the max files limit).
           * @readonly 
           * @default { invalidFiles: [], validFiles: [] }
          */
@@ -6480,8 +6488,11 @@ declare namespace LocalJSX {
      * Touching this file obligates you to manually test thoroughly, because Puppeteer can't capture every edgecase.
      * Each of the following Scenarios must be tested on each Device, in each Environment.
      * Scenarios:
-     * - Q2 Select non-typeable
-     * - Q2 Select typeable
+     * - Q2 Select searchable
+     * - Q2 Select non-searchable
+     * Orientations:
+     * - Portrait
+     * - Landscape
      * Devices:
      * - iOS Safari
      * - Android Chrome
@@ -6842,7 +6853,6 @@ declare namespace LocalJSX {
     interface Q2Stepper {
         /**
           * The currently selected step.
-          * @default 1
          */
         "currentStep"?: number;
         /**
@@ -7309,8 +7319,11 @@ declare module "@stencil/core" {
              * Touching this file obligates you to manually test thoroughly, because Puppeteer can't capture every edgecase.
              * Each of the following Scenarios must be tested on each Device, in each Environment.
              * Scenarios:
-             * - Q2 Select non-typeable
-             * - Q2 Select typeable
+             * - Q2 Select searchable
+             * - Q2 Select non-searchable
+             * Orientations:
+             * - Portrait
+             * - Landscape
              * Devices:
              * - iOS Safari
              * - Android Chrome

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "q2-tecton-elements",
-    "version": "1.57.2",
+    "version": "1.58.1",
     "description": "Q2 Tecton Custom Elements",
     "license": "MIT",
     "author": "Q2 Tecton Team",
@@ -37,7 +37,7 @@
     },
     "dependencies": {
         "@stencil/core": "4.35.0",
-        "q2-tecton-common": "1.57.2",
+        "q2-tecton-common": "1.58.1",
         "swiper": "8.4.4"
     },
     "devDependencies": {
@@ -62,5 +62,5 @@
         "typescript": "5.4.5",
         "typescript-eslint": "^7.11.0"
     },
-    "gitHead": "81c2e9e33603646cbafa899613923929ab8358bb"
+    "gitHead": "19ed17d99f238aeeeeea432aab6283fbf9736fcc"
 }