q2-tecton-elements 1.49.2 → 1.50.1

package/dist/types/components.d.ts

@@ -380,11 +380,11 @@ export namespace Components {
          */
         "ariaLabel": string;
         /**
-          * Start the carousel without user input.
+          * Enables the auto-play feature and starts the carousel without user input.
          */
         "autoPlay": boolean;
         /**
-          * Display the carousel a frameless with no container or shadow *
+          * Display the carousel panes as frameless with no container or shadow.
          */
         "framelessPanes": boolean;
         /**
@@ -396,7 +396,7 @@ export namespace Components {
          */
         "hidePagination": boolean;
         /**
-          * The carousel pane you want the carousel to start from.
+          * The currently displayed carousel pane.
          */
         "index": number;
         /**
@@ -404,14 +404,25 @@ export namespace Components {
           * @localizable
          */
         "label": string;
+        /**
+          * Clicks and Focuses the `q2-carousel-pane` matching the specified index.
+          * @testOnly
+         */
+        "selectCarouselPane": (index: number) => Promise<void>;
         /**
           * Display navigation arrow buttons as another way to navigate the carousel.
          */
         "showNavigationArrows": boolean;
+        /**
+          * Clicks and Focuses the `<button>` that controls playing or pausing the auto-play feature of the carousel.
+          * @warning If the `autoPlay` property is not enabled, this method does nothing.
+          * @testOnly
+         */
+        "togglePlayPause": () => Promise<void>;
     }
     interface Q2CarouselPane {
         /**
-          * Used by q2-carousel to determine the pane's index.
+          * Used by `q2-carousel` to determine the pane's index.
           * @private
          */
         "index": number;
@@ -426,12 +437,12 @@ export namespace Components {
          */
         "label": string;
         /**
-          * Used by q2-carousel to indicate how many panes are in the carousel.
+          * Used by `q2-carousel` to indicate how many panes are in the carousel.
           * @private
          */
         "siblingCount": number;
         /**
-          * Used by `q2-carousel` to indicate the pane should be frameless
+          * Used by `q2-carousel` to indicate the pane should be frameless.
           * @private
          */
         "slotFrameless": boolean;
@@ -480,7 +491,7 @@ export namespace Components {
          */
         "gridLines": 'horizontal' | 'vertical' | 'off';
         /**
-          * Sets chart padding around the grid. Accepts an object: { left?: number; right?: number; top?: number; bottom?: number; } Each field in the object expecting a number as pixel unit **Examples:**
+          * Sets chart padding around the grid. Each value in the object will be interpreted as pixels.  **Examples:**
           * @snippet chart.gridPadding = { left: 10, right: 10, top: 20, bottom: 20 };
          */
         "gridPadding": { left?: number; right?: number; top?: number; bottom?: number };
@@ -567,7 +578,7 @@ export namespace Components {
          */
         "formatModifier": string;
         /**
-          * Sets chart padding around the grid. Accepts an object: { left?: number; right?: number; top?: number; bottom?: number; } Each field in the object expecting a number as pixel unit **Examples:**
+          * Sets chart padding around the grid. Each value in the object will be interpreted as pixels.  **Examples:**
           * @snippet chart.gridPadding = { left: 10, right: 10, top: 20, bottom: 20 };
          */
         "gridPadding": { left?: number; right?: number; top?: number; bottom?: number };
@@ -816,6 +827,11 @@ export namespace Components {
           * Provides a caption for the data table.
          */
         "caption": string;
+        /**
+          * A method to click a row that accepts a row ID that is will be clicked.
+          * @testOnly
+         */
+        "clickRow": (rowId: number | string) => Promise<void>;
         /**
           * Adds the ability to click a row and have the table emit an event with the selected row's data.
          */
@@ -833,6 +849,11 @@ export namespace Components {
           * @localizable
          */
         "emptyMessage": string;
+        /**
+          * A method that returns the plain text value of a particular cell (including slot content).
+          * @testOnly
+         */
+        "getCellContent": (rowId: number | string, columnKey: string) => Promise<string>;
         /**
           * Defines the headers of the table.
           * @snippet element.headers = [  {    title: 'Day of the Week',    key: 'day',  },  {    title: 'Sales',    key: 'sales',    align: 'end',  } ]
@@ -869,10 +890,30 @@ export namespace Components {
           * Adds a shadow to the table
          */
         "shadowed": boolean;
+        /**
+          * A method to sort a column that accepts a header object with key</b> and <b>sorted</b> property.
+          * @testOnly
+         */
+        "sortColumn": (header: Q2DataTableHeader) => Promise<void>;
         /**
           * Enables alternating background colors for the table rows
          */
         "striped": boolean;
+        /**
+          * A method to toggle row expansion that accepts a row ID that will be clicked to expand or collapse the expandable content
+          * @testOnly
+         */
+        "toggleRowExpansion": (rowId: number | string) => Promise<void>;
+        /**
+          * A method to toggle row selection that accepts a row ID whose checkbox will be checked, if the feature is enabled.
+          * @testOnly
+         */
+        "toggleRowSelect": (rowId: number | string) => Promise<void>;
+        /**
+          * A method to toggle select all button (checkbox) on left top corner.
+          * @testOnly
+         */
+        "toggleSelectAllRows": () => Promise<void>;
     }
     interface Q2Detail {
         /**
@@ -1533,6 +1574,11 @@ export namespace Components {
           * Indicates that the pill has no border
          */
         "borderless": boolean;
+        /**
+          * Emulates clicking the `<button>` to hide the popover if it is visible.
+          * @testOnly
+         */
+        "closePopover": () => Promise<void>;
         /**
           * Indicates the pill cannot be focused or interacted with.
          */
@@ -1560,6 +1606,11 @@ export namespace Components {
           * Determine whether the popover is open or closed.
          */
         "open": boolean;
+        /**
+          * Emulates clicking the `<button>` to display the popover if it is hidden.
+          * @testOnly
+         */
+        "openPopover": () => Promise<void>;
         /**
           * Determines the label that is applied to the option list for accessibility purposes.
          */
@@ -1580,6 +1631,11 @@ export namespace Components {
           * A list of the selected options on the element.
          */
         "selectedOptions": IOptionValue1[];
+        /**
+          * Emulates clicking the `<button>` to display the popover and selecting the option(s) with the specified value(s).  If multi-select is enabled and the `closePopover` argument is `true` (default), the popover will be closed after the option(s) are selected.
+          * @testOnly
+         */
+        "setValue": (values: string | string[], options?: { closePopover?: boolean; }) => Promise<void>;
         /**
           * The color of the element when in the active state.
          */
@@ -2023,6 +2079,7 @@ export namespace Components {
         "value": string;
     }
     interface Q2Tag {
+        "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/).
          */
@@ -2036,6 +2093,7 @@ export namespace Components {
           * Determine whether the popover is open or closed.
          */
         "open": boolean;
+        "openPopover": () => Promise<void>;
         /**
           * Determines the label that is applied to the option list for accessibility purposes.
          */
@@ -2052,6 +2110,7 @@ export namespace Components {
           * @deprecated
          */
         "popoverMinHeight": number;
+        "selectOption": (value: any) => Promise<void>;
         /**
           * The color of the element.
          */
@@ -2163,9 +2222,6 @@ export namespace Components {
          */
         "position": 'n' | 's' | 'e' | 'w' | 'nw' | 'ne' | 'sw' | 'se';
     }
-    interface SlotComponent {
-        "slotSize": string;
-    }
     interface TectonTabPane {
         "authPayload": { key: string; value: string }[];
         "badgeCount": number;
@@ -2997,12 +3053,6 @@ declare global {
         prototype: HTMLQ2TooltipElement;
         new (): HTMLQ2TooltipElement;
     };
-    interface HTMLSlotComponentElement extends Components.SlotComponent, HTMLStencilElement {
-    }
-    var HTMLSlotComponentElement: {
-        prototype: HTMLSlotComponentElement;
-        new (): HTMLSlotComponentElement;
-    };
     interface HTMLTectonTabPaneElementEventMap {
         "badge": boolean;
     }
@@ -3070,7 +3120,6 @@ declare global {
         "q2-tag": HTMLQ2TagElement;
         "q2-textarea": HTMLQ2TextareaElement;
         "q2-tooltip": HTMLQ2TooltipElement;
-        "slot-component": HTMLSlotComponentElement;
         "tecton-tab-pane": HTMLTectonTabPaneElement;
     }
 }
@@ -3438,11 +3487,11 @@ declare namespace LocalJSX {
          */
         "ariaLabel"?: string;
         /**
-          * Start the carousel without user input.
+          * Enables the auto-play feature and starts the carousel without user input.
          */
         "autoPlay"?: boolean;
         /**
-          * Display the carousel a frameless with no container or shadow *
+          * Display the carousel panes as frameless with no container or shadow.
          */
         "framelessPanes"?: boolean;
         /**
@@ -3454,7 +3503,7 @@ declare namespace LocalJSX {
          */
         "hidePagination"?: boolean;
         /**
-          * The carousel pane you want the carousel to start from.
+          * The currently displayed carousel pane.
          */
         "index"?: number;
         /**
@@ -3463,7 +3512,7 @@ declare namespace LocalJSX {
          */
         "label"?: string;
         /**
-          * Emitted when the carousel pane changes.
+          * Emitted when the displayed carousel pane changes.
          */
         "onChange"?: (event: Q2CarouselCustomEvent<{ index: number }>) => void;
         /**
@@ -3473,7 +3522,7 @@ declare namespace LocalJSX {
     }
     interface Q2CarouselPane {
         /**
-          * Used by q2-carousel to determine the pane's index.
+          * Used by `q2-carousel` to determine the pane's index.
           * @private
          */
         "index"?: number;
@@ -3492,12 +3541,12 @@ declare namespace LocalJSX {
          */
         "onClickCarouselPane"?: (event: Q2CarouselPaneCustomEvent<{ paneIndex: number; pane: HTMLElement }>) => void;
         /**
-          * Used by q2-carousel to indicate how many panes are in the carousel.
+          * Used by `q2-carousel` to indicate how many panes are in the carousel.
           * @private
          */
         "siblingCount"?: number;
         /**
-          * Used by `q2-carousel` to indicate the pane should be frameless
+          * Used by `q2-carousel` to indicate the pane should be frameless.
           * @private
          */
         "slotFrameless"?: boolean;
@@ -3546,7 +3595,7 @@ declare namespace LocalJSX {
          */
         "gridLines"?: 'horizontal' | 'vertical' | 'off';
         /**
-          * Sets chart padding around the grid. Accepts an object: { left?: number; right?: number; top?: number; bottom?: number; } Each field in the object expecting a number as pixel unit **Examples:**
+          * Sets chart padding around the grid. Each value in the object will be interpreted as pixels.  **Examples:**
           * @snippet chart.gridPadding = { left: 10, right: 10, top: 20, bottom: 20 };
          */
         "gridPadding"?: { left?: number; right?: number; top?: number; bottom?: number };
@@ -3640,7 +3689,7 @@ declare namespace LocalJSX {
          */
         "formatModifier"?: string;
         /**
-          * Sets chart padding around the grid. Accepts an object: { left?: number; right?: number; top?: number; bottom?: number; } Each field in the object expecting a number as pixel unit **Examples:**
+          * Sets chart padding around the grid. Each value in the object will be interpreted as pixels.  **Examples:**
           * @snippet chart.gridPadding = { left: 10, right: 10, top: 20, bottom: 20 };
          */
         "gridPadding"?: { left?: number; right?: number; top?: number; bottom?: number };
@@ -4668,7 +4717,7 @@ declare namespace LocalJSX {
          */
         "multiple"?: boolean;
         /**
-          * Emitted when the pill is clicked or the selected options change.
+          * Emitted when the pill is clicked or the selected options change.  When multi-select is enabled, `value` will be `undefined`.
           * @legacyEvent
          */
         "onChange"?: (event: Q2PillCustomEvent<{ value: string; values: IOptionValue1[]; active: boolean }>) => void;
@@ -5317,9 +5366,6 @@ declare namespace LocalJSX {
          */
         "position"?: 'n' | 's' | 'e' | 'w' | 'nw' | 'ne' | 'sw' | 'se';
     }
-    interface SlotComponent {
-        "slotSize"?: string;
-    }
     interface TectonTabPane {
         "authPayload"?: { key: string; value: string }[];
         "badgeCount"?: number;
@@ -5396,7 +5442,6 @@ declare namespace LocalJSX {
         "q2-tag": Q2Tag;
         "q2-textarea": Q2Textarea;
         "q2-tooltip": Q2Tooltip;
-        "slot-component": SlotComponent;
         "tecton-tab-pane": TectonTabPane;
     }
 }
@@ -5453,7 +5498,6 @@ declare module "@stencil/core" {
             "q2-tag": LocalJSX.Q2Tag & JSXBase.HTMLAttributes<HTMLQ2TagElement>;
             "q2-textarea": LocalJSX.Q2Textarea & JSXBase.HTMLAttributes<HTMLQ2TextareaElement>;
             "q2-tooltip": LocalJSX.Q2Tooltip & JSXBase.HTMLAttributes<HTMLQ2TooltipElement>;
-            "slot-component": LocalJSX.SlotComponent & JSXBase.HTMLAttributes<HTMLSlotComponentElement>;
             "tecton-tab-pane": LocalJSX.TectonTabPane & JSXBase.HTMLAttributes<HTMLTectonTabPaneElement>;
         }
     }

package/dist/types/utils/action-sheet.d.ts

@@ -0,0 +1,12 @@
+import { ActionSheetListCloseData, ActionSheetListData } from 'q2-tecton-common/lib/utility/action-sheet';
+interface IActionSheetComponent {
+    hoist: boolean;
+}
+export declare const shouldShowActionSheet: (component: IActionSheetComponent, event?: KeyboardEvent | MouseEvent) => boolean;
+export declare const buildListData: (component: IActionSheetListComponent, event?: MouseEvent | KeyboardEvent) => Promise<ActionSheetListData>;
+interface IActionSheetListComponent {
+    optionList: HTMLQ2OptionListElement;
+    label: string;
+}
+export declare const showActionSheetList: (component: IActionSheetListComponent, event?: MouseEvent | KeyboardEvent) => Promise<ActionSheetListCloseData>;
+export {};

package/dist/types/{workspace/workspace/tecton-production_release_1.49.x/packages/q2-tecton-elements/.stencil/test → utils}/helpers.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="jest" />
 import { E2EPage } from '@stencil/core/testing';
-import { IDict } from '../src/util';
+import { IDict } from "../util";
 import { E2EElement, NewE2EPageOptions } from '@stencil/core/testing/puppeteer/puppeteer-declarations';
 interface PasteInit extends EventInit {
     pastedValue: string;

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

@@ -30,6 +30,7 @@ export declare function createGuid(): number;
 export declare function nextPaint(fn: (value?: unknown) => void): void;
 export declare function isVisible(element: HTMLElement): boolean;
 export declare function waitForNextPaint(): Promise<unknown>;
+export declare function sanitizeHTMLString(htmlString: string): string;
 export declare function capitalize(value: string): string;
 export declare function pick(props: string[]): (obj: object) => object;
 export declare function loc(key: string, subs?: IDict<any> | string[]): string;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "q2-tecton-elements",
-    "version": "1.49.2",
+    "version": "1.50.1",
     "description": "Q2 Tecton Custom Elements",
     "license": "MIT",
     "author": "Q2 Tecton Team",
@@ -13,8 +13,7 @@
         "dist/"
     ],
     "publishConfig": {
-        "access": "public",
-        "registry": "https://registry.npmjs.org"
+        "access": "public"
     },
     "scripts": {
         "build": "stencil build && node ../../build/create-theme-files.js",
@@ -22,6 +21,7 @@
         "build:docs-json": "stencil build --docs-json dist/docs.json",
         "build:elements": "stencil build",
         "build:local": "stencil build --dev --watch --serve",
+        "build:prerelease": "stencil build && node ../../build/create-theme-files.js",
         "build:prod": "stencil build && node ../../build/create-theme-files.js",
         "clean": "rm -rf dist tmp",
         "lint": "cross-env ESLINT_USE_FLAT_CONFIG=false eslint --config .cli-eslintrc.js --ext .ts,.tsx --ignore-path .gitignore .",
@@ -29,12 +29,13 @@
         "problems": "tsc --noEmit",
         "style": "node scripts/runApplyStyleGuide.js",
         "style:fix": "node scripts/runApplyStyleGuide.js --fix",
-        "test": "stencil test --spec --e2e --silent",
+        "test": "stencil test --spec --e2e",
+        "test:ci": "stencil test --spec --e2e --silent --maxWorkers=0 --runInBand",
         "test:dev": "stencil test --spec --e2e --maxWorkers=0 --watchAll"
     },
     "dependencies": {
         "@stencil/core": "4.18.0",
-        "q2-tecton-common": "1.49.2",
+        "q2-tecton-common": "1.50.1",
         "swiper": "8.4.4"
     },
     "devDependencies": {
@@ -49,6 +50,7 @@
         "@typescript-eslint/parser": "^7.11.0",
         "cross-env": "^7.0.3",
         "date-fns": "^3.6.0",
+        "dompurify": "^3.2.3",
         "echarts": "^5.5.1",
         "fast-glob": "^3.3.2",
         "jest-cli": "^29.7.0",
@@ -58,5 +60,5 @@
         "typescript": "5.4.5",
         "typescript-eslint": "^7.11.0"
     },
-    "gitHead": "feafddabf2f933dd9612f1caa69c4afa84ac07b5"
+    "gitHead": "4e0fd8bd7d7dec264efb47d85f546b6e7a74554d"
 }

package/dist/cjs/index-a93362ed.js

@@ -1,225 +0,0 @@
-'use strict';
-
-const index = require('./index-14c3693c.js');
-
-function isMobile() {
-    return /Android|webOS|iPhone|iPad|iPod|BlackBerry|Mobile|IEMobile|Windows Phone|Opera Mini/i.test(navigator.userAgent);
-}
-function isHostLosingFocus(event, hostElement) {
-    const type = event.type;
-    const focusInTypes = ['focusin', 'focus'];
-    const isFocusIn = focusInTypes.includes(type);
-    // on focusin: `target` is element losing focus, `relatedTarget` is element gaining focus
-    // on focusout: `target` is element gaining focus, `relatedTarget` is element losing focus
-    const elementGainingFocus = isFocusIn ? event.target : event.relatedTarget;
-    const isElementNestedInHostElement = (element) => {
-        if (element === hostElement)
-            return true;
-        if (element.parentElement) {
-            return isElementNestedInHostElement(element.parentElement);
-        }
-        return false;
-    };
-    if (!(elementGainingFocus instanceof HTMLElement))
-        return true;
-    return !isElementNestedInHostElement(elementGainingFocus);
-}
-function isRelatedTargetWithinHost(event, element) {
-    return event.relatedTarget !== element && !element.contains(event.relatedTarget);
-}
-function isEventFromElement(event, element) {
-    var _a;
-    return ((_a = event.composedPath) === null || _a === void 0 ? void 0 : _a.call(event)[0]) === element;
-}
-function overrideFocus(hostElement) {
-    hostElement.focus = () => hostElement === null || hostElement === void 0 ? void 0 : hostElement.dispatchEvent(new FocusEvent('focus', { bubbles: false }));
-}
-function isFirefox() {
-    const userAgent = navigator.userAgent.toLowerCase();
-    return userAgent.includes('firefox');
-}
-function isTouchDevice() {
-    return 'ontouchstart' in window || navigator.maxTouchPoints > 0;
-}
-/**
- * Returns the value of a prop if it is defined and included in the `validValues`
- * array. This is used primarily to prevent Vue wrappers from setting aria props
- * to "Symbol()" when the prop is not set.
- */
-function getAriaValueFromProp(prop, validValues) {
-    if (prop === undefined)
-        return prop;
-    if (!validValues)
-        return prop !== 'Symbol()' ? prop : undefined;
-    return validValues.includes(prop) || prop === '' ? prop : undefined;
-}
-let guid = 1000;
-function createGuid() {
-    return guid++;
-}
-function nextPaint(fn) {
-    requestAnimationFrame(() => {
-        requestAnimationFrame(fn);
-    });
-}
-function isVisible(element) {
-    return element.offsetWidth > 0 || element.offsetHeight > 0 || element.getClientRects().length > 0;
-}
-function waitForNextPaint() {
-    return new Promise(resolve => nextPaint(resolve));
-}
-function loc(key, subs) {
-    var _a, _b, _c;
-    if (!key)
-        return '';
-    if (((_a = window.Tecton) === null || _a === void 0 ? void 0 : _a.noStrings) === true) {
-        return key;
-    }
-    return (_c = (_b = window === null || window === void 0 ? void 0 : window.TectonElements) === null || _b === void 0 ? void 0 : _b.loc(key, subs)) !== null && _c !== void 0 ? _c : key;
-}
-function labelDOM(target) {
-    const { label, hideLabel, optional, readonly } = target;
-    const labelClasses = ['input-label'];
-    let helpText = '';
-    let shouldHideLabel = hideLabel;
-    if (!shouldHideLabel) {
-        const labelSlotElements = target.hostElement.querySelectorAll('[slot="label"]');
-        const hasSlotContent = labelSlotElements.length > 0;
-        const hasLabel = !!label;
-        shouldHideLabel = hasLabel || hasSlotContent ? false : true;
-    }
-    if (shouldHideLabel)
-        labelClasses.push('sr');
-    if (optional) {
-        helpText = index.h("span", { class: "optional-tag" }, loc('tecton.element.input.optional'));
-    }
-    if (readonly) {
-        helpText = index.h("span", { class: "optional-tag" }, loc('tecton.element.input.readonly'));
-        labelClasses.push('readonly-field');
-    }
-    return (index.h("label", { htmlFor: target.inputId, class: labelClasses.join(' ') },
-        index.h("slot", { name: "label" },
-            label ? loc(label) : undefined,
-            helpText)));
-}
-function hasSlotContent(target, slotName) {
-    return target.querySelector(`[slot="${slotName}"]`) !== null;
-}
-function handleAriaLabel(target) {
-    const { ariaLabel } = target;
-    if (!ariaLabel)
-        return;
-    // If empty ariaLabel prop is set to primitive symbol by framework wrapper, set ariaLabel to undefined and return
-    const FW_WRAPPERS_EMPTY_PROP = Symbol().toString();
-    if (ariaLabel === FW_WRAPPERS_EMPTY_PROP) {
-        target.ariaLabel = undefined;
-        return;
-    }
-    // If ariaLabel is set, set hideLabel to true and set label to ariaLabel
-    if ('hideLabel' in target)
-        target.hideLabel = true;
-    target.label = loc(ariaLabel);
-    target.ariaLabel = undefined;
-}
-/**
- * Handles when a prop has been renamed on a component without introducing a breaking change.
- */
-function handleRenamedProp(target, oldProp, newProp, removeOldProp) {
-    if (typeof target[oldProp] === 'undefined')
-        return;
-    // If old prop has value, aka set in component, call handleDeprecationWarning()
-    if (target[oldProp]) {
-        handleDeprecationWarning(target, oldProp, 'prop');
-    }
-    target[newProp] = target[oldProp];
-    if (removeOldProp) {
-        delete target[oldProp];
-    }
-}
-function handleDeprecationWarning(target, deprecatedItemName, deprecatedItemType) {
-    if (window.location.hostname === 'localhost' || window.location.host === 'stack.q2developer.com') {
-        if (target[deprecatedItemName] === 'undefined')
-            return;
-        const componentName = target.constructor.name.toLowerCase().slice(2);
-        switch (deprecatedItemType) {
-            case 'prop':
-                if (deprecatedItemName === 'size' && componentName === 'btn') {
-                    console.warn(`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" `);
-                }
-                else {
-                    console.warn(`The property ${deprecatedItemName} in q2-${componentName} has been marked for deprecation and will be removed in an upcoming major release.`);
-                }
-                break;
-            case 'function':
-                console.warn(`The function ${deprecatedItemName} in ${componentName} has been marked for deprecation and will be removed in an upcoming major release.`);
-                break;
-            case 'method':
-                console.warn(`The method ${deprecatedItemName} in ${componentName} has been marked for deprecation and will be removed in an upcoming major release.`);
-                break;
-            case 'event':
-                console.warn(`The event ${deprecatedItemName} in ${componentName} has been marked for deprecation and will be removed in an upcoming major release.`);
-                break;
-            default:
-                console.error(`handleDeprecationWarning --> No type found for desired deprecation: ${deprecatedItemName} in q2-${componentName}: deprecatedItemType = ${deprecatedItemName}`);
-        }
-    }
-}
-function messagesDOM(target) {
-    const type = target.hasError ? 'danger' : 'info';
-    return (index.h("div", { class: "messages-container" },
-        index.h("q2-message", { appearance: "minimal", description: true, type: type, "test-id": "message" },
-            index.h("ul", { id: target.inputDescribedBy }, target.messages.map(message => (index.h("li", { "test-id": "messageListItem" }, loc(message))))))));
-}
-function setMessageHeight(target) {
-    const messageContainer = target.hostElement.shadowRoot.querySelector('.messages-container');
-    const q2Message = messageContainer.querySelector('q2-message');
-    nextPaint(() => {
-        const height = target.showMessages && target.hasFocus ? q2Message.getBoundingClientRect().height : 0;
-        if (messageContainer.style.getPropertyValue('height') === `${height}px`)
-            return;
-        if (height === 0) {
-            q2Message.classList.add('invisible');
-            messageContainer.style.removeProperty('height');
-        }
-        else {
-            q2Message.classList.remove('invisible');
-            messageContainer.style.setProperty('height', `${height}px`);
-        }
-    });
-}
-const resizeIframe = () => {
-    var _a, _b;
-    return (_b = (_a = window.TectonElements) === null || _a === void 0 ? void 0 : _a.resizeIframe) === null || _b === void 0 ? void 0 : _b.call(_a);
-};
-// Handling color attribute (deprecated)
-const handleColor = (target) => {
-    if (!target.intent && ['primary', 'secondary'].includes(target.color)) {
-        target.intent = `workflow-${target.color}`;
-        target.color = undefined;
-    }
-};
-
-exports.createGuid = createGuid;
-exports.getAriaValueFromProp = getAriaValueFromProp;
-exports.handleAriaLabel = handleAriaLabel;
-exports.handleColor = handleColor;
-exports.handleDeprecationWarning = handleDeprecationWarning;
-exports.handleRenamedProp = handleRenamedProp;
-exports.hasSlotContent = hasSlotContent;
-exports.isEventFromElement = isEventFromElement;
-exports.isFirefox = isFirefox;
-exports.isHostLosingFocus = isHostLosingFocus;
-exports.isMobile = isMobile;
-exports.isRelatedTargetWithinHost = isRelatedTargetWithinHost;
-exports.isTouchDevice = isTouchDevice;
-exports.isVisible = isVisible;
-exports.labelDOM = labelDOM;
-exports.loc = loc;
-exports.messagesDOM = messagesDOM;
-exports.nextPaint = nextPaint;
-exports.overrideFocus = overrideFocus;
-exports.resizeIframe = resizeIframe;
-exports.setMessageHeight = setMessageHeight;
-exports.waitForNextPaint = waitForNextPaint;
-
-//# sourceMappingURL=index-a93362ed.js.map