q2-tecton-elements 1.54.4 → 1.55.0

package/dist/types/components.d.ts

@@ -15,6 +15,7 @@ import { Q2Badge } from "./components/q2-badge/q2-badge";
 import { Q2Icon } from "./components/q2-icon/q2-icon";
 import { InputType } from "./components/q2-input/q2-input";
 import { IEventDetail, IFormatterValueObject } from "./components/q2-input/q2-input-types";
+import { ModalOption, ModalResponse } from "q2-tecton-common/lib/utility/modal";
 import { IOptionValue, ValidOptionElements } from "./components/q2-option-list/q2-option-list";
 import { IOptionValue as IOptionValue1 } from "./components/q2-option-list/q2-option-list";
 import { IStepperPaneEvent } from "./components/q2-stepper-pane/q2-stepper-pane";
@@ -28,6 +29,7 @@ export { Q2Badge } from "./components/q2-badge/q2-badge";
 export { Q2Icon } from "./components/q2-icon/q2-icon";
 export { InputType } from "./components/q2-input/q2-input";
 export { IEventDetail, IFormatterValueObject } from "./components/q2-input/q2-input-types";
+export { ModalOption, ModalResponse } from "q2-tecton-common/lib/utility/modal";
 export { IOptionValue, ValidOptionElements } from "./components/q2-option-list/q2-option-list";
 export { IOptionValue as IOptionValue1 } from "./components/q2-option-list/q2-option-list";
 export { IStepperPaneEvent } from "./components/q2-stepper-pane/q2-stepper-pane";
@@ -43,6 +45,7 @@ export namespace Components {
         /**
           * The orientation of the buttons, which will override the auto orientation.
           * @info This will override and disable the auto determination of the orientation.
+          * @warning Vertical orientation is not supported for [Links](https://tecton.q2developer.com/design-system/q2-link/) or `"coin"` [Buttons](https://tecton.q2developer.com/design-system/q2-btn/), and will be set to "horizontal".
          */
         "orientation": 'auto' | 'vertical' | 'horizontal';
         /**
@@ -79,7 +82,12 @@ export namespace Components {
     }
     interface Q2Badge {
         /**
-          * The number of digits to show.
+          * Returns the text content of the badge. This accounts for the text in slotted elements or the Shadow DOM.
+          * @testonly
+         */
+        "getTextContent": () => Promise<string>;
+        /**
+          * The number of characters to show. A maximum limit of 18 characters is acceptable.
          */
         "maxLength": number | undefined;
         /**
@@ -95,9 +103,11 @@ export namespace Components {
          */
         "theme": 'primary' | 'secondary' | 'tertiary' | undefined;
         /**
-          * The number to display in the badge. `q2-badge` also allows slot HTML elements which can be any string.
+          * What to display in the badge. Negative numbers will be shown as positive.
+          * @info `q2-badge` also has limited support for slotted HTML elements.
+          * @localizable
          */
-        "value": number;
+        "value": number | string;
     }
     interface Q2Btn {
         /**
@@ -1261,6 +1271,12 @@ export namespace Components {
          */
         "variant": 'browse' | 'browse-drop';
     }
+    interface Q2Form {
+        /**
+          * Changes the vertical spacing of the form-fields contained within the component's slot
+         */
+        "spacing": 'none' | 'compact' | 'normal' | 'comfortable';
+    }
     interface Q2FormattedText {
         /**
           * Formats to the language provided. Accepts multiple locales in an array as sequential fallbacks.
@@ -1633,6 +1649,50 @@ export namespace Components {
          */
         "type": 'info' | 'error' | 'danger' | 'warning' | 'success';
     }
+    interface Q2Modal {
+        /**
+          * Controls visibility of close button on top right corner.
+         */
+        "closable": boolean;
+        "closeModal": (data?: ModalResponse) => Promise<void>;
+        /**
+          * Allows HTML markup as modal content, but it'll be sanitized as needed for security purpose.
+         */
+        "customMarkup": string;
+        /**
+          * Plain text, description of the modal.
+         */
+        "description": string;
+        /**
+          * Icon type, [See Icon document](https://tecton.q2developer.com/design-system/q2-icon).
+         */
+        "icon": string;
+        /**
+          * Icon fill color, [See Icon document](https://tecton.q2developer.com/design-system/q2-icon).
+         */
+        "iconFillColor": string;
+        /**
+          * Icon primary stroke color, [See Icon document](https://tecton.q2developer.com/design-system/q2-icon).
+         */
+        "iconStrokePrimary": string;
+        /**
+          * Icon secondary stroke color, [See Icon document](https://tecton.q2developer.com/design-system/q2-icon).
+         */
+        "iconStrokeSecondary": string;
+        /**
+          * Icon secondary stroke width, [See Icon document](https://tecton.q2developer.com/design-system/q2-icon).
+         */
+        "iconStrokeWidth": string;
+        /**
+          * Image URL in modal content, it renders with 100% width.
+         */
+        "imageSrc": string;
+        "openModal": (option?: ModalOption) => Promise<void>;
+        /**
+          * Plain text, title of the modal on top area.
+         */
+        "title": string;
+    }
     interface Q2MonthPicker {
         "disabledMonths": string[];
         "today": string;
@@ -2371,6 +2431,10 @@ export namespace Components {
         "value": string;
     }
     interface Q2Tag {
+        /**
+          * Emulates clicking the tag to close the popover when options are provided and the popover is open.
+          * @testonly
+         */
         "closePopover": () => Promise<void>;
         /**
           * 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/).
@@ -2386,6 +2450,10 @@ export namespace Components {
           * @readonly
          */
         "open": boolean;
+        /**
+          * Emulates clicking the tag to open the popover when options are provided and the popover is closed.
+          * @testonly
+         */
         "openPopover": () => Promise<void>;
         /**
           * Determines the label that is applied to the option list for accessibility purposes.
@@ -2407,6 +2475,10 @@ export namespace Components {
           * @deprecated
          */
         "popoverMinHeight": number;
+        /**
+          * Emulates selecting an option matching the passed value.  If the popover is closed, this will open it before selecting the option.  If there are not options, or the passed value does not match any option's value, this method does nothing.
+          * @testonly
+         */
         "selectOption": (value: any) => Promise<void>;
         /**
           * The color of the element.
@@ -2613,6 +2685,10 @@ export interface Q2LinkCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLQ2LinkElement;
 }
+export interface Q2ModalCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLQ2ModalElement;
+}
 export interface Q2MonthPickerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLQ2MonthPickerElement;
@@ -3023,6 +3099,12 @@ declare global {
         prototype: HTMLQ2FilePickerElement;
         new (): HTMLQ2FilePickerElement;
     };
+    interface HTMLQ2FormElement extends Components.Q2Form, HTMLStencilElement {
+    }
+    var HTMLQ2FormElement: {
+        prototype: HTMLQ2FormElement;
+        new (): HTMLQ2FormElement;
+    };
     interface HTMLQ2FormattedTextElement extends Components.Q2FormattedText, HTMLStencilElement {
     }
     var HTMLQ2FormattedTextElement: {
@@ -3128,6 +3210,26 @@ declare global {
         prototype: HTMLQ2MessageElement;
         new (): HTMLQ2MessageElement;
     };
+    interface HTMLQ2ModalElementEventMap {
+        "tctClick": any;
+        "tctClose": any;
+        "tctOpen": any;
+        "tctReady": any;
+    }
+    interface HTMLQ2ModalElement extends Components.Q2Modal, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLQ2ModalElementEventMap>(type: K, listener: (this: HTMLQ2ModalElement, ev: Q2ModalCustomEvent<HTMLQ2ModalElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLQ2ModalElementEventMap>(type: K, listener: (this: HTMLQ2ModalElement, ev: Q2ModalCustomEvent<HTMLQ2ModalElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLQ2ModalElement: {
+        prototype: HTMLQ2ModalElement;
+        new (): HTMLQ2ModalElement;
+    };
     interface HTMLQ2MonthPickerElementEventMap {
         "toggleChange": any;
         "viewChange": any;
@@ -3506,6 +3608,7 @@ declare global {
         "q2-editable-field": HTMLQ2EditableFieldElement;
         "q2-example": HTMLQ2ExampleElement;
         "q2-file-picker": HTMLQ2FilePickerElement;
+        "q2-form": HTMLQ2FormElement;
         "q2-formatted-text": HTMLQ2FormattedTextElement;
         "q2-icon": HTMLQ2IconElement;
         "q2-input": HTMLQ2InputElement;
@@ -3517,6 +3620,7 @@ declare global {
         "q2-loading-element": HTMLQ2LoadingElementElement;
         "q2-loc": HTMLQ2LocElement;
         "q2-message": HTMLQ2MessageElement;
+        "q2-modal": HTMLQ2ModalElement;
         "q2-month-picker": HTMLQ2MonthPickerElement;
         "q2-optgroup": HTMLQ2OptgroupElement;
         "q2-option": HTMLQ2OptionElement;
@@ -3557,6 +3661,7 @@ declare namespace LocalJSX {
         /**
           * The orientation of the buttons, which will override the auto orientation.
           * @info This will override and disable the auto determination of the orientation.
+          * @warning Vertical orientation is not supported for [Links](https://tecton.q2developer.com/design-system/q2-link/) or `"coin"` [Buttons](https://tecton.q2developer.com/design-system/q2-btn/), and will be set to "horizontal".
          */
         "orientation"?: 'auto' | 'vertical' | 'horizontal';
         /**
@@ -3600,7 +3705,7 @@ declare namespace LocalJSX {
     }
     interface Q2Badge {
         /**
-          * The number of digits to show.
+          * The number of characters to show. A maximum limit of 18 characters is acceptable.
          */
         "maxLength"?: number | undefined;
         /**
@@ -3616,9 +3721,11 @@ declare namespace LocalJSX {
          */
         "theme"?: 'primary' | 'secondary' | 'tertiary' | undefined;
         /**
-          * The number to display in the badge. `q2-badge` also allows slot HTML elements which can be any string.
+          * What to display in the badge. Negative numbers will be shown as positive.
+          * @info `q2-badge` also has limited support for slotted HTML elements.
+          * @localizable
          */
-        "value"?: number;
+        "value"?: number | string;
     }
     interface Q2Btn {
         /**
@@ -4745,6 +4852,12 @@ declare namespace LocalJSX {
          */
         "variant"?: 'browse' | 'browse-drop';
     }
+    interface Q2Form {
+        /**
+          * Changes the vertical spacing of the form-fields contained within the component's slot
+         */
+        "spacing"?: 'none' | 'compact' | 'normal' | 'comfortable';
+    }
     interface Q2FormattedText {
         /**
           * Formats to the language provided. Accepts multiple locales in an array as sequential fallbacks.
@@ -5124,6 +5237,65 @@ declare namespace LocalJSX {
          */
         "type"?: 'info' | 'error' | 'danger' | 'warning' | 'success';
     }
+    interface Q2Modal {
+        /**
+          * Controls visibility of close button on top right corner.
+         */
+        "closable"?: boolean;
+        /**
+          * Allows HTML markup as modal content, but it'll be sanitized as needed for security purpose.
+         */
+        "customMarkup"?: string;
+        /**
+          * Plain text, description of the modal.
+         */
+        "description"?: string;
+        /**
+          * Icon type, [See Icon document](https://tecton.q2developer.com/design-system/q2-icon).
+         */
+        "icon"?: string;
+        /**
+          * Icon fill color, [See Icon document](https://tecton.q2developer.com/design-system/q2-icon).
+         */
+        "iconFillColor"?: string;
+        /**
+          * Icon primary stroke color, [See Icon document](https://tecton.q2developer.com/design-system/q2-icon).
+         */
+        "iconStrokePrimary"?: string;
+        /**
+          * Icon secondary stroke color, [See Icon document](https://tecton.q2developer.com/design-system/q2-icon).
+         */
+        "iconStrokeSecondary"?: string;
+        /**
+          * Icon secondary stroke width, [See Icon document](https://tecton.q2developer.com/design-system/q2-icon).
+         */
+        "iconStrokeWidth"?: string;
+        /**
+          * Image URL in modal content, it renders with 100% width.
+         */
+        "imageSrc"?: string;
+        /**
+          * Emitted when one of action button is clicked.
+         */
+        "onTctClick"?: (event: Q2ModalCustomEvent<any>) => void;
+        /**
+          * Emitted when modal is closed.
+         */
+        "onTctClose"?: (event: Q2ModalCustomEvent<any>) => void;
+        /**
+          * Emitted when the modal is opened.
+         */
+        "onTctOpen"?: (event: Q2ModalCustomEvent<any>) => void;
+        /**
+          * Emitted when the modal has finished rendering.
+          * @private
+         */
+        "onTctReady"?: (event: Q2ModalCustomEvent<any>) => void;
+        /**
+          * Plain text, title of the modal on top area.
+         */
+        "title"?: string;
+    }
     interface Q2MonthPicker {
         "disabledMonths"?: string[];
         "onToggleChange"?: (event: Q2MonthPickerCustomEvent<any>) => void;
@@ -6055,6 +6227,7 @@ declare namespace LocalJSX {
         "q2-editable-field": Q2EditableField;
         "q2-example": Q2Example;
         "q2-file-picker": Q2FilePicker;
+        "q2-form": Q2Form;
         "q2-formatted-text": Q2FormattedText;
         "q2-icon": Q2Icon;
         "q2-input": Q2Input;
@@ -6066,6 +6239,7 @@ declare namespace LocalJSX {
         "q2-loading-element": Q2LoadingElement;
         "q2-loc": Q2Loc;
         "q2-message": Q2Message;
+        "q2-modal": Q2Modal;
         "q2-month-picker": Q2MonthPicker;
         "q2-optgroup": Q2Optgroup;
         "q2-option": Q2Option;
@@ -6117,6 +6291,7 @@ declare module "@stencil/core" {
             "q2-editable-field": LocalJSX.Q2EditableField & JSXBase.HTMLAttributes<HTMLQ2EditableFieldElement>;
             "q2-example": LocalJSX.Q2Example & JSXBase.HTMLAttributes<HTMLQ2ExampleElement>;
             "q2-file-picker": LocalJSX.Q2FilePicker & JSXBase.HTMLAttributes<HTMLQ2FilePickerElement>;
+            "q2-form": LocalJSX.Q2Form & JSXBase.HTMLAttributes<HTMLQ2FormElement>;
             "q2-formatted-text": LocalJSX.Q2FormattedText & JSXBase.HTMLAttributes<HTMLQ2FormattedTextElement>;
             "q2-icon": LocalJSX.Q2Icon & JSXBase.HTMLAttributes<HTMLQ2IconElement>;
             "q2-input": LocalJSX.Q2Input & JSXBase.HTMLAttributes<HTMLQ2InputElement>;
@@ -6128,6 +6303,7 @@ declare module "@stencil/core" {
             "q2-loading-element": LocalJSX.Q2LoadingElement & JSXBase.HTMLAttributes<HTMLQ2LoadingElementElement>;
             "q2-loc": LocalJSX.Q2Loc & JSXBase.HTMLAttributes<HTMLQ2LocElement>;
             "q2-message": LocalJSX.Q2Message & JSXBase.HTMLAttributes<HTMLQ2MessageElement>;
+            "q2-modal": LocalJSX.Q2Modal & JSXBase.HTMLAttributes<HTMLQ2ModalElement>;
             "q2-month-picker": LocalJSX.Q2MonthPicker & JSXBase.HTMLAttributes<HTMLQ2MonthPickerElement>;
             "q2-optgroup": LocalJSX.Q2Optgroup & JSXBase.HTMLAttributes<HTMLQ2OptgroupElement>;
             "q2-option": LocalJSX.Q2Option & JSXBase.HTMLAttributes<HTMLQ2OptionElement>;

package/dist/types/util.d.ts

@@ -1,5 +1,6 @@
 import { Q2Input } from './components/q2-input/q2-input';
 import { Q2Textarea } from './components/q2-textarea/q2-textarea';
+import { IOverpanelOptions } from 'q2-tecton-common/lib/types/overpanels';
 
 export interface IDict<T> {
     [key: string]: T;
@@ -29,14 +30,6 @@ export type ResolveMenuFn = (
 
 export type NavigateToFn = (featureName: string, moduleName?: string, queryParams?: IDict<string>) => void;
 
-export interface IOverpanelOptions {
-    fullWidth?: boolean;
-    size?: string | undefined;
-    height?: string;
-    testId?: string;
-    public?: boolean;
-}
-
 export type ShowOverpanelFn = <T>(
     outletPath: string,
     params?: IDict<string>,

package/dist/types/utils/helpers.d.ts

@@ -53,6 +53,7 @@ export declare const getFocusedOptionValue: (page: E2EPage) => Promise<string>;
 export declare const getFocusedTagName: (page: E2EPage) => Promise<string>;
 export declare function getFocusedAttribute(page: E2EPage, attribute: string): Promise<string>;
 export declare const testDeprecatedAriaLabel: (element: E2EElement, label?: string) => Promise<void>;
+/** This function ensures all shadowDOM-enabled components check for SCSS compilation issues. */
 export declare const getListOfStyleCompilationIssues: (page: E2EPage, selector: string) => Promise<any[]>;
 export declare const getNestedElementProperty: (page: E2EPage, selectors: string | string[], prop: string) => Promise<any>;
 export declare const getNestedElementAttribute: (page: E2EPage, selectors: string | string[], attribute: string) => Promise<string>;
@@ -70,17 +71,4 @@ export declare const evaluateA11y: (page: any, ...args: string[]) => Promise<any
  * @note Be sure to call `jest.restoreAllMocks()` after the test to restore the original fetch function.
  */
 export declare const mockIconFetch: (iconMarkup?: string) => jest.SpyInstance<Promise<Response>, [input: string | URL | Request, init?: RequestInit], any>;
-declare global {
-    interface Window {
-        getAllText: (element: Element, options: any) => Promise<string>;
-    }
-}
-/**
- * Mimicks the behavior of the {@link getAllText} utility function, with a few extractions to simplify usage.
- * @param {E2EPage} page
- * @param {string} selector
- * @param {Object} options
- * @returns {Promise<string>}
- */
-export declare const getAllElementTextE2E: (page: E2EPage, selector: string, options?: {}) => Promise<string>;
 export {};

package/dist/types/utils/index.d.ts

@@ -12,6 +12,7 @@ import { Q2Loading } from "../components/q2-loading/q2-loading";
 import { Q2Radio } from "../components/q2-radio/q2-radio";
 import { Q2Select } from "../components/q2-select/q2-select";
 import { FormFieldTypes, IDict } from "../util";
+import { Q2Popover } from "../components/q2-popover/q2-popover";
 export declare const debounce: <F extends (...args: Parameters<F>) => ReturnType<F>>(fn: F, delay?: number) => (...args: Parameters<F>) => void;
 export declare function isMobile(): boolean;
 export declare function isHostLosingFocus(event: FocusEvent, hostElement: HTMLElement): boolean;
@@ -40,8 +41,8 @@ export declare function handleAriaLabel(target: Q2Input | Q2Select | Q2Radio | Q
 /**
  * Handles when a prop has been renamed on a component without introducing a breaking change.
  */
-export declare function handleRenamedProp(target: object, oldProp: string, newProp: string, removeOldProp?: boolean): void;
-export declare function handleDeprecationWarning(target: object, deprecatedItemName: string, deprecatedItemType: 'function' | 'prop' | 'method' | 'event'): void;
+export declare function handleRenamedProp(target: Q2Btn | Q2Calendar | Q2Dropdown | Q2Popover, oldProp: string, newProp: string, removeOldProp?: boolean): void;
+export declare function handleDeprecationWarning(target: Q2Btn | Q2Calendar | Q2Dropdown | Q2Popover, deprecatedItemName: string, deprecatedItemType: 'function' | 'prop' | 'method' | 'event'): void;
 export declare function renderMessages(target: FormFieldTypes): any;
 export declare function setMessageHeight(target: FormFieldTypes): void;
 export declare const resizeIframe: () => void;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "q2-tecton-elements",
-    "version": "1.54.4",
+    "version": "1.55.0",
     "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.4",
+        "q2-tecton-common": "1.55.0",
         "swiper": "8.4.4"
     },
     "devDependencies": {
@@ -61,5 +61,5 @@
         "typescript": "5.4.5",
         "typescript-eslint": "^7.11.0"
     },
-    "gitHead": "e19da0b786616b67fc67ad74c6497d3c49d4ba3b"
+    "gitHead": "ec467676615e9045b76ab4731a9270e4ef9bdd39"
 }

package/dist/cjs/index-76f63767.js.map

@@ -1 +0,0 @@
-{"file":"index-76f63767.js","mappings":"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","names":["h"],"sources":["src/utils/index.tsx"],"sourcesContent":["import { h } from '@stencil/core';\nimport { Q2Btn } from 'src/components/q2-btn/q2-btn';\nimport { Q2Calendar } from 'src/components/q2-calendar/q2-calendar';\nimport { Q2Carousel } from 'src/components/q2-carousel/q2-carousel';\nimport { Q2Checkbox } from 'src/components/q2-checkbox/q2-checkbox';\nimport { Q2CheckboxGroup } from 'src/components/q2-checkbox-group/q2-checkbox-group';\nimport { Q2RadioGroup } from 'src/components/q2-radio-group/q2-radio-group';\nimport { Q2Dropdown } from 'src/components/q2-dropdown/q2-dropdown';\nimport { Q2DropdownItem } from 'src/components/q2-dropdown-item/q2-dropdown-item';\nimport { Q2EditableField } from 'src/components/q2-editable-field/q2-editable-field';\nimport { Q2Input } from 'src/components/q2-input/q2-input';\nimport { Q2Loading } from 'src/components/q2-loading/q2-loading';\nimport { Q2Radio } from 'src/components/q2-radio/q2-radio';\nimport { Q2Select } from 'src/components/q2-select/q2-select';\nimport { FormFieldTypes, IDict } from 'src/util';\n\nexport const debounce = <F extends (...args: Parameters<F>) => ReturnType<F>>(fn: F, delay: number = 300) => {\n    let timeout: ReturnType<typeof setTimeout>;\n    return function (...args: Parameters<F>) {\n        clearTimeout(timeout);\n        timeout = setTimeout(() => {\n            fn(...args);\n        }, delay);\n    };\n};\n\nexport function isMobile(): boolean {\n    return /Android|webOS|iPhone|iPad|iPod|BlackBerry|Mobile|IEMobile|Windows Phone|Opera Mini/i.test(\n        navigator.userAgent\n    );\n}\n\nexport function isHostLosingFocus(event: FocusEvent, hostElement: HTMLElement) {\n    const type = event.type;\n    const focusInTypes = ['focusin', 'focus'];\n    const isFocusIn = focusInTypes.includes(type);\n\n    // on focusin: `target` is element losing focus, `relatedTarget` is element gaining focus\n    // on focusout: `target` is element gaining focus, `relatedTarget` is element losing focus\n    const elementGainingFocus = isFocusIn ? event.target : event.relatedTarget;\n\n    const isElementNestedInHostElement = (element: HTMLElement) => {\n        if (element === hostElement) return true;\n        if (element.parentElement) {\n            return isElementNestedInHostElement(element.parentElement);\n        }\n        return false;\n    };\n\n    if (!(elementGainingFocus instanceof HTMLElement)) return true;\n    return !isElementNestedInHostElement(elementGainingFocus);\n}\n\nexport function isRelatedTargetWithinHost(event: FocusEvent, element: HTMLElement) {\n    return event.relatedTarget !== element && !element.contains(event.relatedTarget as Node);\n}\n\nexport function isEventFromElement(event: Event, element: HTMLElement): boolean {\n    return event.composedPath?.()[0] === element;\n}\n\nexport function overrideFocus(hostElement: HTMLElement) {\n    hostElement.focus = () => hostElement?.dispatchEvent(new FocusEvent('focus', { bubbles: false }));\n}\n\nexport function isFirefox() {\n    const userAgent = navigator.userAgent.toLowerCase();\n    return userAgent.includes('firefox');\n}\n\nexport function isTouchDevice() {\n    return 'ontouchstart' in window || navigator.maxTouchPoints > 0;\n}\n\nexport function isSafari() {\n    const userAgent = navigator.userAgent.toLowerCase();\n    return userAgent.includes('safari') && !userAgent.includes('chrome');\n}\n\n/**\n * Returns the value of a prop if it is defined and included in the `validValues`\n * array. This is used primarily to prevent Vue wrappers from setting aria props\n * to \"Symbol()\" when the prop is not set.\n */\nexport function getAriaValueFromProp(prop: string, validValues?: string[]) {\n    if (prop === undefined) return prop;\n    if (!validValues) return prop !== 'Symbol()' ? prop : undefined;\n    return validValues.includes(prop) || prop === '' ? prop : undefined;\n}\n\nlet guid: number = 1000;\nexport function createGuid(): number {\n    return guid++;\n}\n\nexport function nextPaint(fn: (value?: unknown) => void) {\n    requestAnimationFrame(() => {\n        requestAnimationFrame(fn);\n    });\n}\n\nexport function isVisible(element: HTMLElement) {\n    return element.offsetWidth > 0 || element.offsetHeight > 0 || element.getClientRects().length > 0;\n}\n\nexport function waitForNextPaint() {\n    return new Promise(resolve => nextPaint(resolve));\n}\n\nexport function capitalize(value: string) {\n    return `${value.charAt(0).toUpperCase()}${value.slice(1)}`;\n}\n\nexport function pick(props: string[]): (obj: object) => object {\n    return obj => {\n        return props.reduce((memo, prop) => {\n            return {\n                ...memo,\n                [prop]: obj[prop],\n            };\n        }, {});\n    };\n}\n\nexport function loc(key: string, subs?: IDict<any> | string[]) {\n    if (!key) return '';\n    if (window.Tecton?.noStrings === true) {\n        return key;\n    }\n    return window?.TectonElements?.loc(key, subs) ?? key;\n}\n\nexport function renderLabel(target: FormFieldTypes | Q2RadioGroup | Q2CheckboxGroup) {\n    const { label, hideLabel, optional, readonly } = target;\n    const labelClasses: string[] = ['input-label'];\n    let helpText = '';\n\n    let shouldHideLabel = hideLabel;\n    if (!shouldHideLabel) {\n        const labelSlotElements = target.hostElement.querySelectorAll<HTMLSlotElement>('[slot=\"label\"]');\n        const hasSlotContent = labelSlotElements.length > 0;\n        const hasLabel = !!label;\n\n        shouldHideLabel = hasLabel || hasSlotContent ? false : true;\n    }\n\n    if (shouldHideLabel) labelClasses.push('sr');\n    if (optional) {\n        helpText = <span class=\"optional-tag\">{loc('tecton.element.input.optional')}</span>;\n    }\n    if (readonly) {\n        helpText = <span class=\"optional-tag\">{loc('tecton.element.input.readonly')}</span>;\n        labelClasses.push('readonly-field');\n    }\n    return (\n        <label\n            htmlFor={target.inputId}\n            class={labelClasses.join(' ')}\n        >\n            <slot name=\"label\">\n                {label ? loc(label) : undefined}\n                {helpText}\n            </slot>\n        </label>\n    );\n}\n\nexport function hasSlotContent(target: HTMLElement, slotName: string) {\n    return target.querySelector(`[slot=\"${slotName}\"]`) !== null;\n}\n\nexport function handleAriaLabel(\n    target:\n        | Q2Input\n        | Q2Select\n        | Q2Radio\n        | Q2Checkbox\n        | Q2EditableField\n        | Q2Dropdown\n        | Q2DropdownItem\n        | Q2Loading\n        | Q2Carousel\n        | Q2Calendar\n        | Q2Btn\n) {\n    const { ariaLabel } = target;\n    if (!ariaLabel) return;\n\n    // If empty ariaLabel prop is set to primitive symbol by framework wrapper, set ariaLabel to undefined and return\n    const FW_WRAPPERS_EMPTY_PROP = Symbol().toString();\n    if (ariaLabel === FW_WRAPPERS_EMPTY_PROP) {\n        target.ariaLabel = undefined;\n        return;\n    }\n\n    // If ariaLabel is set, set hideLabel to true and set label to ariaLabel\n    if ('hideLabel' in target) target.hideLabel = true;\n    target.label = loc(ariaLabel);\n    target.ariaLabel = undefined;\n}\n\n/**\n * Handles when a prop has been renamed on a component without introducing a breaking change.\n */\nexport function handleRenamedProp(target: object, oldProp: string, newProp: string, removeOldProp?: boolean) {\n    if (typeof target[oldProp] === 'undefined') return;\n\n    // If old prop has value, aka set in component, call handleDeprecationWarning()\n    if (target[oldProp]) {\n        handleDeprecationWarning(target, oldProp, 'prop');\n    }\n\n    target[newProp] = target[oldProp];\n\n    if (removeOldProp) {\n        delete target[oldProp];\n    }\n}\n\nexport function handleDeprecationWarning(\n    target: object,\n    deprecatedItemName: string,\n    deprecatedItemType: 'function' | 'prop' | 'method' | 'event'\n) {\n    if (window.location.hostname === 'localhost' || window.location.host === 'stack.q2developer.com') {\n        if (target[deprecatedItemName] === 'undefined') return;\n\n        const componentName = target.constructor.name.toLowerCase().slice(2);\n\n        switch (deprecatedItemType) {\n            case 'prop':\n                if (deprecatedItemName === 'size' && componentName === 'btn') {\n                    console.warn(\n                        `The property of size in q2-btn should not be typeof number, or typeof string containing a number. This functionality will be deprecated in an upcoming release. Instead, please use the value 'undefined', or typeof string with any of the following values: \"small\" / \"medium\" / \"large\" `\n                    );\n                } else {\n                    console.warn(\n                        `The property ${deprecatedItemName} in q2-${componentName} has been marked for deprecation and will be removed in an upcoming major release.`\n                    );\n                }\n                break;\n\n            case 'function':\n                console.warn(\n                    `The function ${deprecatedItemName} in ${componentName} has been marked for deprecation and will be removed in an upcoming major release.`\n                );\n                break;\n\n            case 'method':\n                console.warn(\n                    `The method ${deprecatedItemName} in ${componentName} has been marked for deprecation and will be removed in an upcoming major release.`\n                );\n                break;\n\n            case 'event':\n                console.warn(\n                    `The event ${deprecatedItemName} in ${componentName} has been marked for deprecation and will be removed in an upcoming major release.`\n                );\n                break;\n\n            default:\n                console.error(\n                    `handleDeprecationWarning --> No type found for desired deprecation: ${deprecatedItemName} in q2-${componentName}: deprecatedItemType = ${deprecatedItemName}`\n                );\n        }\n    }\n}\n\nexport function renderMessages(target: FormFieldTypes) {\n    const type = target.hasError ? 'danger' : 'info';\n\n    return (\n        <div class=\"messages-container\">\n            <q2-message\n                appearance=\"minimal\"\n                description\n                type={type}\n                test-id=\"message\"\n            >\n                <ul id={target.inputDescribedBy}>\n                    {target.messages.map(message => (\n                        <li test-id=\"messageListItem\">{loc(message)}</li>\n                    ))}\n                </ul>\n            </q2-message>\n        </div>\n    );\n}\n\nexport function setMessageHeight(target: FormFieldTypes) {\n    const messageContainer = (target.hostElement.shadowRoot as ShadowRoot).querySelector<HTMLDivElement>(\n        '.messages-container'\n    );\n    const q2Message = messageContainer.querySelector('q2-message');\n    nextPaint(() => {\n        const height = target.showMessages && target.hasFocus ? q2Message.getBoundingClientRect().height : 0;\n\n        if (messageContainer.style.getPropertyValue('height') === `${height}px`) return;\n\n        if (height === 0) {\n            q2Message.classList.add('invisible');\n            messageContainer.style.removeProperty('height');\n        } else {\n            q2Message.classList.remove('invisible');\n            messageContainer.style.setProperty('height', `${height}px`);\n        }\n    });\n}\n\nexport const resizeIframe = () => {\n    return window.TectonElements?.resizeIframe?.();\n};\n\n// Handling color attribute (deprecated)\nexport const handleColor = (target: Q2Btn) => {\n    if (!target.intent && ['primary', 'secondary'].includes(target.color)) {\n        target.intent = `workflow-${target.color}` as HTMLQ2BtnElement['intent'];\n        target.color = undefined;\n    }\n};\n\n/**\n * Gets all translated text content from an element, including shadow DOM content\n *\n * @param {Element} element - The element to extract text from\n * @param {Object} options - Configuration options\n * @param {boolean} [options.trim=true] - Whether to trim whitespace\n * @param {boolean} [options.normalizeWhitespace=false] - Whether to normalize whitespace\n * @param {boolean} [options.skipComponentReady=false] - Skip waiting for components (for test environments)\n * @return {Promise<string>} All translated text content in DOM order\n */\nexport const getAllText = async (element, options = {}) => {\n    if (!element) return '';\n\n    const opts = {\n        trim: true,\n        normalizeWhitespace: false,\n        skipComponentReady: false,\n        ...options,\n    };\n\n    const nodesToSkip = new Set(['STYLE', 'SCRIPT', 'NOSCRIPT', 'TEMPLATE', '#comment']);\n    const processedNodes = new WeakSet();\n    let result = '';\n\n    async function processNode(node) {\n        if (processedNodes.has(node) || nodesToSkip.has(node.nodeName)) return;\n\n        processedNodes.add(node);\n\n        // Handle text nodes\n        if (node.nodeType === Node.TEXT_NODE) {\n            const text = opts.trim ? node.textContent.trim() : node.textContent;\n\n            if (text) {\n                // Add space between adjacent text nodes if needed\n                if (result && !result.endsWith(' ') && !text.startsWith(' ')) {\n                    result += ' ';\n                }\n\n                // Translate the text\n                result += opts.skipComponentReady ? window.TectonElements?.loc(text) : loc(text);\n            }\n            return;\n        }\n\n        // Handle element nodes\n        if (node.nodeType === Node.ELEMENT_NODE) {\n            // Wait for Stencil component if needed\n            const isStencilComponent = node.nodeName.startsWith('Q2-') && typeof node.componentOnReady === 'function';\n\n            if (isStencilComponent && !opts.skipComponentReady) {\n                await node.componentOnReady();\n            }\n\n            // Process children in light DOM\n            for (const child of node.childNodes) {\n                await processNode(child);\n            }\n\n            // Process shadow DOM if present\n            if (node.shadowRoot) {\n                for (const shadowChild of node.shadowRoot.childNodes) {\n                    await processNode(shadowChild);\n                }\n            }\n\n            // Handle slot elements with assigned nodes\n            if (node.nodeName === 'SLOT' && typeof node.assignedNodes === 'function') {\n                const assignedNodes = node.assignedNodes();\n\n                if (assignedNodes.length > 0) {\n                    for (const assigned of assignedNodes) {\n                        if (!processedNodes.has(assigned)) {\n                            await processNode(assigned);\n                        }\n                    }\n                } else {\n                    // Process slot fallback content\n                    for (const fallback of node.childNodes) {\n                        if (!processedNodes.has(fallback)) {\n                            await processNode(fallback);\n                        }\n                    }\n                }\n            }\n        }\n    }\n\n    await processNode(element);\n\n    // Apply final formatting\n    if (opts.trim) {\n        result = result.trim();\n    }\n\n    if (opts.normalizeWhitespace) {\n        result = result.replace(/\\s+/g, ' ');\n    }\n\n    return result;\n};\n"],"version":3}