q2-tecton-elements 1.71.4 → 1.73.0

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

@@ -1,3 +1,4 @@
+import { Q2ResizeObserverCustomEvent } from "../../components";
 import { EventEmitter, ComponentInterface } from '../../stencil-public-runtime';
 /**
  * @name Radio Group
@@ -9,18 +10,21 @@ export declare class Q2RadioGroup implements ComponentInterface {
     _id: string;
     mutationObserver: MutationObserver;
     hostElement: HTMLElement;
+    responsiveOrientation: 'vertical' | 'horizontal';
     /** Determines if all radios in the group are put into a `disabled` state. */
     disabled: boolean;
     /** Determines if the component should display in an errant state. */
     hasError: boolean;
     /**
-     * Hide's the group's `<label>` element from view.
+     * Hides the group's `<label>` element from view.
      * @warning
-     * Only use when a visible label is impractical.
+     * Hides the label visually. `label` text is still required for screenreader compliance.
      */
     hideLabel: boolean;
     /**
      * Text for the fieldset legend describing the radio group.
+     * @warning
+     * Required for screen reader compliance even when `hideLabel` is `true`.
      * @localizable
      */
     label: string;
@@ -28,6 +32,14 @@ export declare class Q2RadioGroup implements ComponentInterface {
     name: string;
     /** Appends "(optional)" to the group label, and sets `aria-required` on the nested input tag to `false`. */
     optional: boolean;
+    /** The layout direction of radio options when `tileLayout` is not enabled. */
+    orientation: 'vertical' | 'horizontal';
+    /**
+     * The width, in pixels, below which a horizontal non-tile layout displays vertically.
+     *
+     * @info The component determines this based on its own width, not the browser window.
+     */
+    orientationThreshold: number;
     /** Determines if all radios in the group can be focused, but not interacted with. */
     readonly: boolean;
     /** Provides alignment direction for tile-style radio group. */
@@ -70,9 +82,13 @@ export declare class Q2RadioGroup implements ComponentInterface {
     handleDeprecatedTilelayout(tilelayout: boolean): void;
     tileLayoutUpdated(tileLayout: boolean): void;
     valueUpdated(newVal: string): void;
+    get computedOrientation(): 'vertical' | 'horizontal';
     get inputId(): string;
     get radioElements(): HTMLQ2RadioElement[];
     checkedRadioExists: () => void;
+    handleResize: (event: Q2ResizeObserverCustomEvent<{
+        entries: ResizeObserverEntry[];
+    }>) => void;
     inputDom(): any;
     onInnerRadioChange: (event: CustomEvent) => void;
     onMutationObserved: () => void;

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

@@ -51,13 +51,15 @@ export declare class Q2Search implements ComponentInterface {
     /**
      * Hides the field's `<label>` element from view.
      * @warning
-     * Only use when a visible label is impractical.
+     * Hides the label visually. `label` text is still required for screenreader compliance.
      */
     hideLabel: 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.
+     * @warning
+     * Required for screen reader compliance even when `hideLabel` is `true`.
      * @localizable
      */
     label: string;

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

@@ -20,6 +20,7 @@ export declare class Q2Select implements ComponentInterface {
     originalSearchable: boolean;
     popoverElement?: HTMLQ2PopoverElement;
     popoverTopContainer?: HTMLDivElement;
+    removingSelectedDisplay: boolean;
     scheduledAfterRender: (() => void)[];
     statusMessageTimer: NodeJS.Timeout;
     hostElement: HTMLElement;
@@ -50,9 +51,9 @@ export declare class Q2Select implements ComponentInterface {
      */
     errors: string[];
     /**
-     * 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.
+     * Hides the label visually. `label` text is still required for screenreader compliance.
      */
     hideLabel: boolean;
     /**
@@ -69,6 +70,8 @@ export declare class Q2Select implements ComponentInterface {
     invalid: boolean;
     /**
      * The text that will be used as the label for the field.
+     * @warning
+     * Required for screen reader compliance even when `hideLabel` is `true`.
      * @localizable
      */
     label: string;
@@ -114,7 +117,12 @@ export declare class Q2Select implements ComponentInterface {
      * Takes priority over `optional` if both are `true`.
      */
     readonly: boolean;
-    /** Enables search functionality. */
+    /**
+     * Enables search functionality.
+     * @warning
+     * `searchable` is not compatible with the `hoist` prop. The action sheet workflow used when `hoist` is `true` does not support in-list search filtering.
+     * If both are set, `searchable` has no effect while the action sheet is active.
+     */
     searchable: boolean;
     /**
      * Each item in this array should correspond to the value of a `q2-option` element.
@@ -229,7 +237,7 @@ export declare class Q2Select implements ComponentInterface {
     }): Promise<void>;
     ariaLabelObserver(): void;
     handleMultilineOptionsUpdate(newValue: any, oldValue: any): void;
-    openChanged(isOpen: boolean): void;
+    openChanged(isOpen: boolean, wasOpen?: boolean): void;
     searchableChanged(newVal: boolean): void;
     buildStructuredSelectedOptions(): void;
     valueUpdated(): void;

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

@@ -30,9 +30,9 @@ export declare class Q2Textarea {
      */
     errors: string[];
     /**
-     * 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.
+     * Hides the label visually. `label` text is still required for screenreader compliance.
      */
     hideLabel: boolean;
     /**
@@ -50,6 +50,8 @@ export declare class Q2Textarea {
     hints: string[];
     /**
      * The label that appears above the field. This is announced by screen readers when the field is focused.
+     * @warning
+     * Required for screen reader compliance even when `hideLabel` is `true`.
      * @localizable
      */
     label: string;