q2-tecton-elements 1.54.5 → 1.54.7

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

@@ -1,6 +1,7 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { IEventDetail, Q2InputCustomEvent } from "../../components";
 import { Q2Input } from '../q2-input/q2-input';
+import { IFormatterValueObject } from '../q2-input/q2-input-types';
 export declare class Q2EditableField {
     cancelBtnElement: HTMLQ2BtnElement;
     defaultValue: string;
@@ -90,6 +91,7 @@ export declare class Q2EditableField {
     componentDidRender(): void;
     onHostElementChange(event: CustomEvent): void;
     delegateFocus(event: FocusEvent): void;
+    inputFormatted(event: CustomEvent<IFormatterValueObject>): void;
     /**
      * Emulates clicking the cancel button, which will hide the `<q2-input>` field.
      *
@@ -128,7 +130,6 @@ export declare class Q2EditableField {
     get wrapperClass(): string;
     cancelClick: (event?: MouseEvent) => void;
     editClick: (event: MouseEvent) => void;
-    generateEditBtn(): any;
     generateEditStateDOM(): any;
     generateReadStateDOM(): any;
     inputChange: (e: CustomEvent) => void;

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

@@ -12,6 +12,7 @@ export declare class Q2Icon implements ComponentInterface {
     type: string;
     componentWillLoad(): void;
     componentDidRender(): void;
+    disconnectedCallback(): void;
     handleIcon(): void;
     get iconCloneViewBox(): string;
     get isCustom(): boolean;

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

@@ -6,9 +6,7 @@ export declare class Q2Popover implements ComponentInterface {
      * The number of pixels to leave between the popover and the edge of the viewport
      */
     displayBuffer: number;
-    /** remove when Popover API is supported in iOS */
     orientationChanged: boolean;
-    rootElementRect: DOMRect;
     hostElement: HTMLElement;
     currentDirection: 'down' | 'up';
     show: boolean;
@@ -40,6 +38,7 @@ export declare class Q2Popover implements ComponentInterface {
         open: boolean;
     }>;
     disconnectedCallback(): void;
+    componentWillLoad(): void;
     componentDidLoad(): void;
     popoverStateHandler(event: CustomEvent<{
         open: boolean;
@@ -50,16 +49,17 @@ export declare class Q2Popover implements ComponentInterface {
     openChanged(open: boolean): Promise<void>;
     get isModule(): boolean;
     get providedDirection(): 'up' | 'down' | undefined;
+    get supportsPopoverAPI(): boolean;
     get validatedMaxHeight(): number | undefined;
     addViewportListeners(): void;
     clearCSSProperties(): void;
     determinePopDirection(): Promise<void>;
     handleMinHeight: () => void;
+    handlePopoverToggleEvent: (event: ToggleEvent) => void;
     removeViewportListeners(): void;
     setAbsoluteCSSProperties: () => Promise<void>;
     setDirectionAndShow(direction: 'up' | 'down'): void;
-    setFixedCSSProperties: () => Promise<void>;
-    setRootElement(): void;
+    setPopoverAPICSSProperties: () => Promise<void>;
     viewPortChanged: () => void;
     viewPortOrientationChanged: () => void;
     render(): any;

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

@@ -2,10 +2,17 @@
 import { EventEmitter, ComponentInterface } from '../../stencil-public-runtime';
 import { IEventDetail, Q2InputCustomEvent, Q2OptionListCustomEvent } from "../../components";
 import { IOptionValue } from '../q2-option-list/q2-option-list';
+/**
+ * @slot popover-top - An optional slot to display custom content persistently at the top of the popover. This is **not** compatible with the action sheet workflow.
+ * @slot popover-bottom - An optional slot to display custom content persistently at the bottom of the popover. This is **not** compatible with the action sheet workflow.
+ * @slot q2-select-display - An optional slot to display custom HTML content in the display area.
+ */
 export declare class Q2Select implements ComponentInterface {
+    guid: number;
     inputField?: HTMLQ2InputElement;
     mutationObserver: MutationObserver;
     optionList: HTMLQ2OptionListElement;
+    originalSearchable: boolean;
     popoverElement?: HTMLQ2PopoverElement;
     popoverTopContainer?: HTMLDivElement;
     scheduledAfterRender: (() => void)[];
@@ -143,6 +150,9 @@ export declare class Q2Select implements ComponentInterface {
     handleFocusout(event: FocusEvent): void;
     onHostElementInput(event: CustomEvent): void;
     keydownHandler(event: KeyboardEvent): void;
+    popoverStateChanged({ detail: { open } }: CustomEvent<{
+        open: boolean;
+    }>): void;
     /**
      * Emulates clicking the `<input>` to hide the popover if it is visible.
      *
@@ -185,6 +195,8 @@ export declare class Q2Select implements ComponentInterface {
     get firstSelectedValue(): string;
     get innerInputContainer(): HTMLElement;
     get innerInputField(): HTMLInputElement | HTMLButtonElement;
+    get inputId(): string;
+    get isModule(): boolean;
     get optionElements(): HTMLQ2OptionElement[];
     get popoverMinHeight(): number;
     get selectedDisplay(): string;
@@ -201,12 +213,17 @@ export declare class Q2Select implements ComponentInterface {
     clearValue(): void;
     clickedElsewhere: (event: CustomEvent) => void;
     closeDropdown(): void;
+    destroyEventListeners: () => void;
     executeActionSheet(event: MouseEvent | KeyboardEvent): Promise<void>;
     focusInput(): void;
+    handleOptionListExternalKeydown(event: KeyboardEvent): void;
+    handleOrientationChange: () => void;
     handleSelectionChanges(changeDetails: {
         value?: string;
         values?: IOptionValue[];
     }): void;
+    initEventListeners: () => void;
+    initMutationObserver: () => void;
     inputBlurHandler: () => void;
     inputChangeHandler: (event: Event) => void;
     inputClickHandler: (event: MouseEvent) => Promise<void>;
@@ -224,6 +241,7 @@ export declare class Q2Select implements ComponentInterface {
         action: 'close' | 'select' | 'open';
     }>) => void;
     openDropdownWithoutActiveElement(): void;
+    setCustomLabel(): void;
     setStatusMessage(message: any): void;
     shouldClearSearchText(event: KeyboardEvent): boolean;
     showAllOptions: () => void;
@@ -232,6 +250,7 @@ export declare class Q2Select implements ComponentInterface {
     visibilityToggleKeyDown: (event: KeyboardEvent) => void;
     renderCustomDisplay(): any;
     renderOptionsDropdown(): any;
+    renderSelectField(): any;
     renderVisibilityToggle(): any;
     render(): any;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "q2-tecton-elements",
-    "version": "1.54.5",
+    "version": "1.54.7",
     "description": "Q2 Tecton Custom Elements",
     "license": "MIT",
     "author": "Q2 Tecton Team",
@@ -36,7 +36,7 @@
     },
     "dependencies": {
         "@stencil/core": "4.18.0",
-        "q2-tecton-common": "1.54.5",
+        "q2-tecton-common": "1.54.7",
         "swiper": "8.4.4"
     },
     "devDependencies": {
@@ -61,5 +61,5 @@
         "typescript": "5.4.5",
         "typescript-eslint": "^7.11.0"
     },
-    "gitHead": "da1b4f73a198741eefa10c3a69b442e70a8ead37"
+    "gitHead": "3929823b0e21dd69f2421911aa40906dc399ab8f"
 }