q2-tecton-elements 1.50.1 → 1.51.1

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

@@ -2,6 +2,7 @@
 import { E2EPage } from '@stencil/core/testing';
 import { IDict } from "../util";
 import { E2EElement, NewE2EPageOptions } from '@stencil/core/testing/puppeteer/puppeteer-declarations';
+import { NewSpecPageOptions } from '../stencil-public-runtime';
 interface PasteInit extends EventInit {
     pastedValue: string;
 }
@@ -17,6 +18,33 @@ export declare function promiseMap<T>(arr: T[], fn: (...args: any[]) => any): Pr
 export declare function waitForTimeout(timeout: number): Promise<unknown>;
 export declare function offsetTimezone(date: string): string;
 export declare function setup(pageOptions?: NewE2EPageOptions): Promise<E2EPage>;
+/**
+ * Converts an object to a string of HTML attributes.
+ *
+ * @param obj - The object to convert, where keys are attribute names and values are attribute values.
+ * @returns A string representing the HTML attributes.
+ *
+ * @example
+ * const attributes = objectToHTMLAttributes({ id: 'my-element', class: 'my-class', 'data-value': '123' });
+ * console.log(attributes); // Output: "id='my-element' class='my-class' data-value='123'"
+ */
+export declare function objectToHTMLAttributes(obj: any): string;
+/**
+ * Sets up a new Spec Page with localization capabilities for testing.
+ *
+ * @param pageOptions - Configuration options for the new Spec Page.
+ * @param testStrings - Optional dictionary of test strings for localization.
+ * @returns A promise that resolves to the configured Spec Page.
+ *
+ * This function initializes a new Spec Page and sets up the `TectonElements`
+ * object for localization testing. It also sets the provided test strings for
+ * localization and reloads the page to ensure the new `TectonElements` object
+ * is available.
+ *
+ * @note This method doesn't work with `NewSpecPageOptions.template`
+ * property. If you need to use that, please use `newSpecPage` directly.
+ */
+export declare function setupSpecPageWithLoc(pageOptions: NewSpecPageOptions, testStrings?: IDict<string>): Promise<import("@stencil/core/testing").SpecPage>;
 export declare function setWindowHeight(height: number): void;
 export declare function makeDomRect(customAttributes: any): any;
 export declare const base64Image = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVQYV2NgYAAAAAMAAWgmWQ0AAAAASUVORK5CYII=";

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";
+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;
 export declare function isRelatedTargetWithinHost(event: FocusEvent, element: HTMLElement): boolean;
@@ -30,11 +31,10 @@ 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;
-export declare function labelDOM(target: FormFieldTypes | Q2RadioGroup | Q2CheckboxGroup): any;
+export declare function renderLabel(target: FormFieldTypes | Q2RadioGroup | Q2CheckboxGroup): any;
 export declare function hasSlotContent(target: HTMLElement, slotName: string): boolean;
 export declare function handleAriaLabel(target: Q2Input | Q2Select | Q2Radio | Q2Checkbox | Q2EditableField | Q2Dropdown | Q2DropdownItem | Q2Loading | Q2Carousel | Q2Calendar | Q2Btn): void;
 /**
@@ -42,7 +42,7 @@ export declare function handleAriaLabel(target: Q2Input | Q2Select | Q2Radio | Q
  */
 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 messagesDOM(target: FormFieldTypes): any;
+export declare function renderMessages(target: FormFieldTypes): any;
 export declare function setMessageHeight(target: FormFieldTypes): void;
 export declare const resizeIframe: () => void;
 export declare const handleColor: (target: Q2Btn) => void;

package/dist/types/utils/sanitize-html-string.d.ts

@@ -0,0 +1 @@
+export default function sanitizeHTMLString(htmlString: string): string;

package/dist/types/utils/sanitize-regex-string.d.ts

@@ -0,0 +1 @@
+export default function sanitizeRegexString(regexString: string): string;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "q2-tecton-elements",
-    "version": "1.50.1",
+    "version": "1.51.1",
     "description": "Q2 Tecton Custom Elements",
     "license": "MIT",
     "author": "Q2 Tecton Team",
@@ -35,7 +35,7 @@
     },
     "dependencies": {
         "@stencil/core": "4.18.0",
-        "q2-tecton-common": "1.50.1",
+        "q2-tecton-common": "1.51.1",
         "swiper": "8.4.4"
     },
     "devDependencies": {
@@ -50,7 +50,7 @@
         "@typescript-eslint/parser": "^7.11.0",
         "cross-env": "^7.0.3",
         "date-fns": "^3.6.0",
-        "dompurify": "^3.2.3",
+        "dompurify": "^3.2.4",
         "echarts": "^5.5.1",
         "fast-glob": "^3.3.2",
         "jest-cli": "^29.7.0",
@@ -60,5 +60,5 @@
         "typescript": "5.4.5",
         "typescript-eslint": "^7.11.0"
     },
-    "gitHead": "4e0fd8bd7d7dec264efb47d85f546b6e7a74554d"
+    "gitHead": "c015aa63e29195a6fce8f445eb38cdb77b8da727"
 }