q2-tecton-elements 1.38.1 → 1.39.0

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

@@ -33,7 +33,12 @@ export declare class Q2Radio implements ComponentInterface {
   _id: string;
   inputField: HTMLInputElement;
   isLoaded: boolean;
-  change: EventEmitter;
+  /**
+   * Emitted when the radio is checked.
+   */
+  change: EventEmitter<{
+    value: string;
+  }>;
   componentWillLoad(): void;
   componentDidLoad(): void;
   ariaLabelObserver(): void;

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

@@ -32,7 +32,13 @@ export declare class Q2RadioGroup implements ComponentInterface {
    * @testOnly
    */
   setValue(value: string): void;
-  change: EventEmitter;
+  /**
+   * Emitted when the value of the radio group changes.
+   * @legacyEvent
+   */
+  change: EventEmitter<{
+    value: string;
+  }>;
   onHostElementChange(event: CustomEvent): void;
   delegateFocus(event: FocusEvent): void;
   keydownHandler(event: KeyboardEvent): void;

package/dist/types/components/q2-section/index.d.ts

@@ -27,7 +27,13 @@ export declare class Q2Section implements ComponentInterface {
   collapseSection(): Promise<void>;
   expandSection(): Promise<void>;
   collapsibleObserver(): void;
-  change: EventEmitter;
+  /**
+   * Emitted when the section is expanded or collapsed.
+   * @legacyEvent
+   */
+  change: EventEmitter<{
+    expanded: boolean;
+  }>;
   onHeaderClick: () => void;
   onTransitionEnd: () => void;
   onHeaderSlotChange: () => void;

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

@@ -58,11 +58,26 @@ export declare class Q2Select implements ComponentInterface {
   valueUpdated(): void;
   handleMultilineOptionsUpdate(newValue: any, oldValue: any): void;
   openChanged(isOpen: boolean): void;
+  /**
+   * 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[];
   }>;
-  input: EventEmitter;
+  /**
+   * Emitted when the input value changes.
+   *
+   * Requires the `searchable` prop to be set to `true`.
+   */
+  input: EventEmitter<{
+    query: string;
+  }>;
   _togglePopover(): void;
   /**
    * Emulates clicking the `<input>` to display the popover if it is hidden.

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

@@ -8,6 +8,10 @@ export declare class Q2Stepper implements ComponentInterface {
   stepCount: number;
   lastEnabledStep: number;
   hostElement: HTMLElement;
+  /**
+   * Emitted when the selected step changes.
+   * @legacyEvent
+   */
   change: EventEmitter;
   contentChangeTriggerCount: number;
   scrollEnabled: boolean;

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

@@ -17,9 +17,19 @@ export declare class Q2StepperPane implements ComponentInterface {
   status: 'complete' | 'error' | 'locked';
   isChildActive: boolean;
   hostElement: HTMLElement;
+  /**
+   * Emitted when the status of the pane changes.
+   */
   statusChange: EventEmitter<IStepperPaneEvent>;
+  /**
+   * Emitted when the active state of the pane changes.
+   */
   activeChange: EventEmitter<IStepperPaneEvent>;
-  contentChange: EventEmitter;
+  /**
+   * Emitted when the content of the pane changes.
+   * @private
+   */
+  contentChange: EventEmitter<undefined>;
   mutationObserver: MutationObserver;
   connectedCallback(): void;
   componentWillLoad(): void;

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

@@ -9,10 +9,18 @@ interface IBaseStructuredPane {
 interface IStructuredPane extends IBaseStructuredPane {
   children: IBaseStructuredPane[];
 }
-export declare class Q2AdvancedStepper implements ComponentInterface {
+export declare class Q2StepperVertical implements ComponentInterface {
   currentStepId: string;
   hostElement: HTMLElement;
-  change: EventEmitter;
+  /**
+   * Emitted when the selected step changes.
+   * @legacyEvent
+   */
+  change: EventEmitter<{
+    selectedStep: HTMLQ2StepperPaneElement;
+    selectedStepId: string;
+    currentStepId: string;
+  }>;
   structuredPanes: IStructuredPane[];
   mutationObserver: MutationObserver;
   expandedStepChildrenList: HTMLUListElement;

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

@@ -16,8 +16,18 @@ export declare class Q2TabContainer implements ComponentInterface {
   color: 'alt' | undefined;
   noPrint: boolean;
   hostElement: HTMLElement;
-  change: EventEmitter;
-  settled: EventEmitter;
+  /**
+   * Emitted when the selected tab changes.
+   * @legacyEvent
+   */
+  change: EventEmitter<{
+    value: string;
+  }>;
+  /**
+   * Emitted when the component has finished rendering.
+   * @private
+   */
+  settled: EventEmitter<undefined>;
   guid: number;
   scheduledAfterRender: (() => void)[];
   listElement: HTMLUListElement;

package/dist/types/components/q2-tab-pane/index.d.ts

@@ -27,6 +27,10 @@ export declare class Q2TabPane implements ComponentInterface {
    * @private
    */
   guid: number;
+  /**
+   * Emitted when the badge count, description, theme, or status changes.
+   * @private
+   */
   badge: EventEmitter<boolean>;
   badgeObserver(): void;
   render(): any;

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

@@ -10,6 +10,11 @@ export declare class Q2Tag implements ComponentInterface {
   optionListLabel: string;
   optionCount: number;
   hostElement: HTMLElement;
+  /**
+   * Emitted when a provided option is clicked.
+   *
+   * Requires at least one option to be provided.
+   */
   click: EventEmitter<{
     value: string;
   }>;

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

@@ -44,8 +44,20 @@ export declare class Q2Textarea {
   onHostElementFocus(event: Event): void;
   onHostElementChange(event: CustomEvent): void;
   onHostElementInput(event: CustomEvent): void;
-  input: EventEmitter<any>;
-  change: EventEmitter<any>;
+  /**
+   * Emitted when the field value is updated.
+   * @legacyEvent
+   */
+  input: EventEmitter<{
+    value: string;
+  }>;
+  /**
+   * Emitted when the field loses focus after the value has been changed.
+   * @legacyEvent
+   */
+  change: EventEmitter<{
+    value: string;
+  }>;
   /**
    * Emulates focusing the `<textarea>`, centering the provided value, and emitting an `input` event.
    *

package/dist/types/components/tecton-tab-pane/index.d.ts

@@ -22,6 +22,10 @@ export declare class TectonTabPane implements ComponentInterface {
   showForm: boolean;
   _showForm: boolean;
   hostElement: HTMLElement;
+  /**
+   * Emitted when the badge count, description, theme, or status changes.
+   * @private
+   */
   badge: EventEmitter<boolean>;
   badgeObserver(): void;
   get iframeTitle(): string;