promod 2.5.3 → 3.0.0

package/built/esm/pw/pw_element.d.ts

@@ -1,6 +1,7 @@
+import type { Browser } from './pw_client';
 import type { PromodElementType, PromodElementsType } from '../interface';
 import type { TCustomSelector } from '../mappers';
-import type { Locator } from 'playwright-core';
+import type { Locator, ElementHandle } from 'playwright-core';
 declare class PromodPlaywrightElements {
     private _driver;
     private _driverElements;
@@ -9,8 +10,8 @@ declare class PromodPlaywrightElements {
     private useParent;
     private selector;
     parentSelector: string;
-    _browserInterface: any;
-    constructor(selector: any, client: any, getParent?: any, getExecuteScriptArgs?: any, useParent?: any);
+    _browserInterface: Browser;
+    constructor(selector: string | TCustomSelector | ((...args: unknown[]) => unknown) | Promise<unknown>, client: Browser, getParent?: (...args: unknown[]) => Promise<unknown>, getExecuteScriptArgs?: () => unknown[], useParent?: boolean);
     /**
      * @private
      *
@@ -28,7 +29,7 @@ declare class PromodPlaywrightElements {
      * @param {number} index
      * @returns {PromodElementType}
      */
-    get(index: any): PromodElementType;
+    get(index: number): PromodElementType;
     /**
      * @example
      *
@@ -68,7 +69,7 @@ declare class PromodPlaywrightElements {
      *
      * @returns {Promise<ElementHandle[]>}
      */
-    getEngineElements(): Promise<Locator[]>;
+    getEngineElements(): Promise<(Locator | ElementHandle<Node>)[]>;
     /**
      * @example
      *
@@ -131,8 +132,8 @@ declare class PromodPlaywrightElement {
     private useParent;
     selector: string;
     parentSelector: string;
-    _browserInterface: any;
-    constructor(selector: any, client: any, getParent?: any, getExecuteScriptArgs?: any, useParent?: any);
+    _browserInterface: Browser;
+    constructor(selector: string | TCustomSelector | ((...args: unknown[]) => unknown) | Promise<unknown>, client: Browser, getParent?: (...args: unknown[]) => Promise<unknown>, getExecuteScriptArgs?: () => unknown[], useParent?: boolean);
     /**
      * @private
      * @returns {Promise<ElementHandle<Node>>}
@@ -146,7 +147,7 @@ declare class PromodPlaywrightElement {
      * @param {any[]} rest
      * @returns {PromodElementType}
      */
-    $(selector: any, ...rest: any[]): PromodElementType;
+    $(selector: string | TCustomSelector | ((...args: unknown[]) => unknown) | Promise<unknown>, ...rest: unknown[]): PromodElementType;
     /**
      * @example
      * const buttons = $$('button');
@@ -155,7 +156,7 @@ declare class PromodPlaywrightElement {
      * @param {any[]} rest
      * @returns {PromodElementsType}
      */
-    $$(selector: any, ...rest: any[]): PromodElementsType;
+    $$(selector: string | TCustomSelector | ((...args: unknown[]) => unknown) | Promise<unknown>, ...rest: unknown[]): PromodElementsType;
     /**
      * @example
      * const button = $('button');
@@ -232,7 +233,7 @@ declare class PromodPlaywrightElement {
      * @returns {Promise<string>}
      */
     getTagName(): Promise<string>;
-    getCssValue(): Promise<void>;
+    getCssValue(cssStyleProperty: string): Promise<string>;
     getAttribute(attribute: string): Promise<string>;
     getRect(): Promise<{
         x: number;
@@ -364,11 +365,11 @@ declare class PromodPlaywrightElement {
     };
     private isInteractionIntercepted;
 }
-declare const $: (selector: string | TCustomSelector | ((...args: any[]) => any) | Promise<any>, root?: PromodElementType | any, ...rest: any[]) => PromodElementType;
-declare const $$: (selector: string | TCustomSelector | ((...args: any[]) => any) | Promise<any>, root?: PromodElementType | any, ...rest: any[]) => PromodElementsType;
-declare function preBindBrowserInstance(browserThaNeedsToBeBinded: any): {
-    $: (selector: string | TCustomSelector | ((...args: any[]) => any) | Promise<any>, root?: PromodElementType | any, ...rest: any[]) => PromodElementType;
-    $$: (selector: string | TCustomSelector | ((...args: any[]) => any) | Promise<any>, root?: PromodElementType | any, ...rest: any[]) => PromodElementsType;
-    browser: any;
+declare const $: (selector: string | TCustomSelector | ((...args: unknown[]) => unknown) | Promise<unknown>, root?: PromodElementType, ...rest: unknown[]) => PromodElementType;
+declare const $$: (selector: string | TCustomSelector | ((...args: unknown[]) => unknown) | Promise<unknown>, root?: PromodElementType, ...rest: unknown[]) => PromodElementsType;
+declare function preBindBrowserInstance(browserThaNeedsToBeBinded: Browser): {
+    $: (selector: string | TCustomSelector | ((...args: unknown[]) => unknown) | Promise<unknown>, root?: PromodElementType, ...rest: unknown[]) => PromodElementType;
+    $$: (selector: string | TCustomSelector | ((...args: unknown[]) => unknown) | Promise<unknown>, root?: PromodElementType, ...rest: unknown[]) => PromodElementsType;
+    browser: Browser;
 };
 export { $, $$, PromodPlaywrightElement, PromodPlaywrightElements, preBindBrowserInstance };

package/built/esm/pw/pw_element.js

@@ -1,15 +1,12 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PromodPlaywrightElements = exports.PromodPlaywrightElement = exports.$$ = exports.$ = void 0;
-exports.preBindBrowserInstance = preBindBrowserInstance;
 /* eslint-disable max-len */
-const sat_utils_1 = require("sat-utils");
-const pw_client_1 = require("./pw_client");
-const mappers_1 = require("../mappers");
-const internals_1 = require("../internals");
+import { getType, isUndefined, isObject, toArray, isString, isNumber, isFunction, isAsyncFunction, isPromise, lengthToIndexesArray, getRandomString, } from 'sat-utils';
+import { browser } from './pw_client';
+import { getPositionXY, KeysSWD } from '../mappers';
+import { promodLogger } from '../internals';
+import { customSelectorFilterFn } from '../shared/custom_selector_filter';
 const buildBy = (selector, getExecuteScriptArgs, parent, toMany) => {
-    getExecuteScriptArgs = (0, sat_utils_1.isFunction)(getExecuteScriptArgs) ? getExecuteScriptArgs : () => [];
-    if ((0, sat_utils_1.isString)(selector) && selector.includes('xpath=')) {
+    getExecuteScriptArgs = isFunction(getExecuteScriptArgs) ? getExecuteScriptArgs : () => [];
+    if (isString(selector) && selector.includes('xpath=')) {
         const sel = selector;
         if (sel.startsWith('xpath=//')) {
             return sel.replace('xpath=', '');
@@ -21,43 +18,16 @@ const buildBy = (selector, getExecuteScriptArgs, parent, toMany) => {
             return sel.replace('xpath=.', '').replace(/\|\./gi, '|');
         }
     }
-    else if ((0, sat_utils_1.isPromise)(selector)) {
+    else if (isPromise(selector)) {
         return selector;
     }
-    else if ((0, sat_utils_1.isFunction)(selector) || (0, sat_utils_1.isAsyncFunction)(selector)) {
+    else if (isFunction(selector) || isAsyncFunction(selector)) {
         return [selector, ...getExecuteScriptArgs()];
     }
-    else if ((0, sat_utils_1.isObject)(selector)) {
+    else if (isObject(selector)) {
         const item = selector;
         return [
-            ([parent, entry]) => {
-                const { query, text, rg, strict, toMany, rgFlags = 'gmi' } = entry;
-                const elements = parent ? parent.querySelectorAll(query) : document.querySelectorAll(query);
-                if (!elements.length)
-                    return null;
-                const filteredElements = [];
-                for (const element of elements) {
-                    const innerText = element?.innerText?.trim() || element?.textContent?.trim() || element?.outerHTML?.trim();
-                    const textMatches = typeof text === 'string' && (!strict ? innerText.includes(text) : innerText === text);
-                    const rgMatches = rg && innerText.match(new RegExp(rg, rgFlags));
-                    if (rgMatches && !toMany) {
-                        return element;
-                    }
-                    else if (textMatches && !toMany) {
-                        return element;
-                    }
-                    else if (rgMatches && toMany) {
-                        filteredElements.push(element);
-                    }
-                    else if (textMatches && toMany) {
-                        filteredElements.push(element);
-                    }
-                    if (!text && !rg) {
-                        return element;
-                    }
-                }
-                return toMany ? filteredElements : null;
-            },
+            customSelectorFilterFn,
             [parent, { ...item, toMany }],
         ];
     }
@@ -87,9 +57,9 @@ class PromodPlaywrightElements {
      * @returns {Promise<ElementHandle>}
      */
     async getElement(index) {
-        internals_1.promodLogger.engineLog(`[PW] Promod elements interface calls method "getElement" from wrapped API, args: `, index);
-        this._driver = await pw_client_1.browser['getWorkingContext']();
-        const ignoreParent = (0, sat_utils_1.isString)(this.selector) && this.selector.startsWith('ignore-parent=');
+        promodLogger.engineLog(`[PW] Promod elements interface calls method "getElement" from wrapped API, args: `, index);
+        this._driver = await browser['getWorkingContext']();
+        const ignoreParent = isString(this.selector) && this.selector.startsWith('ignore-parent=');
         const selector = ignoreParent ? this.selector.replace('ignore-parent=', '') : this.selector;
         const shouldUserDocumentRoot = selector.toString().startsWith('xpath=//') || ignoreParent;
         let parent;
@@ -114,31 +84,29 @@ class PromodPlaywrightElements {
             return this._driverElements[index];
         }
         const getElementArgs = buildBy(selector, this.getExecuteScriptArgs);
-        if ((0, sat_utils_1.isString)(selector)) {
+        if (isString(selector)) {
             const items = await (parent || this._driver).locator(getElementArgs);
             this._driverElements = await items.all();
         }
-        else if ((0, sat_utils_1.isFunction)(getElementArgs[0]) || (0, sat_utils_1.isAsyncFunction)(getElementArgs[0])) {
+        else if (isFunction(getElementArgs[0]) || isAsyncFunction(getElementArgs[0])) {
             const [queryFn, quertFnArgs] = buildBy(selector, this.getExecuteScriptArgs, parent, true);
             const elementHandles = [];
             const resolved = [];
-            const callArgs = (0, sat_utils_1.toArray)(quertFnArgs);
+            const callArgs = toArray(quertFnArgs);
             for (const item of callArgs) {
                 // TODO refactor resolver
                 const resolvedItem = await item;
-                resolved.push(resolvedItem?.elementHandle ? await resolvedItem.elementHandle() : resolvedItem);
+                resolved.push(resolvedItem?.evaluate ? await resolvedItem.evaluateHandle((node) => node) : resolvedItem);
             }
-            // @ts-ignore
             const handlesByFunctionSearch = await this._driver.evaluateHandle(queryFn, resolved.length === 1 ? resolved[0] : resolved);
-            // @ts-ignore
             const availableHandlesLength = await this._driver.evaluate((nodes) => nodes.length, handlesByFunctionSearch);
-            for (const index of (0, sat_utils_1.lengthToIndexesArray)(availableHandlesLength)) {
-                const handle = await this._driver.evaluateHandle(
-                // @ts-ignore
-                ([nodes, itemIndex]) => nodes[itemIndex], [handlesByFunctionSearch, index]);
-                elementHandles.push(await handle.asElement());
+            for (const index of lengthToIndexesArray(availableHandlesLength)) {
+                const handle = await this._driver.evaluateHandle(([nodes, itemIndex]) => nodes[itemIndex], [handlesByFunctionSearch, index]);
+                const element = handle.asElement();
+                if (element)
+                    elementHandles.push(element);
             }
-            this._driverElements = elementHandles.filter(Boolean);
+            this._driverElements = elementHandles;
         }
         else {
             this._driverElements = await this._driver.locator(buildBy(this.selector, this.getExecuteScriptArgs)).all();
@@ -174,7 +142,7 @@ class PromodPlaywrightElements {
      * @returns {PromodElementType}
      */
     last() {
-        internals_1.promodLogger.engineLog(`[PW] Promod elements interface calls method "last" from wrapped API`);
+        promodLogger.engineLog(`[PW] Promod elements interface calls method "last" from wrapped API`);
         return this.get(-1);
     }
     /**
@@ -190,17 +158,18 @@ class PromodPlaywrightElements {
         return new PromodPlaywrightElement(this.selector, this._browserInterface, this.find.bind(this, (el) => el.isDisplayed()), null, true);
     }
     getAllVisible() {
+        const self = this;
         const _getElements = async function _getElements() {
-            await this.getElement(0);
+            await self.getElement(0);
             const els = [];
-            for (let i = 0; i < this._driverElements.length; i++) {
-                const el = this._driverElements[i];
+            for (let i = 0; i < self._driverElements.length; i++) {
+                const el = self._driverElements[i];
                 if (await el.isVisible()) {
                     els.push(el);
                 }
             }
             return els;
-        }.bind(this);
+        };
         const promodElements = new PromodPlaywrightElements(this.selector, this._browserInterface, _getElements, null, true);
         return promodElements;
     }
@@ -214,7 +183,7 @@ class PromodPlaywrightElements {
      * @returns {PromodElementType}
      */
     first() {
-        internals_1.promodLogger.engineLog(`[PW] Promod elements interface calls method "first" from wrapped API`);
+        promodLogger.engineLog(`[PW] Promod elements interface calls method "first" from wrapped API`);
         return this.get(0);
     }
     /**
@@ -226,7 +195,7 @@ class PromodPlaywrightElements {
      * @returns {Promise<ElementHandle[]>}
      */
     async getEngineElements() {
-        internals_1.promodLogger.engineLog(`[PW] Promod elements interface calls method "getEngineElements" from wrapped API`);
+        promodLogger.engineLog(`[PW] Promod elements interface calls method "getEngineElements" from wrapped API`);
         await this.getElement();
         return this._driverElements;
     }
@@ -239,7 +208,7 @@ class PromodPlaywrightElements {
      * @param {(item, index) => Promise<void>} cb
      */
     async each(cb) {
-        internals_1.promodLogger.engineLog(`[PW] Promod elements interface calls method "each" from wrapped API, args: `, cb);
+        promodLogger.engineLog(`[PW] Promod elements interface calls method "each" from wrapped API, args: `, cb);
         await this.getElement(0);
         for (let i = 0; i < this._driverElements.length; i++) {
             await cb(this.get(i), i);
@@ -254,7 +223,7 @@ class PromodPlaywrightElements {
      * @returns {Promise<any[]>}
      */
     async map(cb) {
-        internals_1.promodLogger.engineLog(`[PW] Promod elements interface calls method "map" from wrapped API, args: `, cb);
+        promodLogger.engineLog(`[PW] Promod elements interface calls method "map" from wrapped API, args: `, cb);
         await this.getElement(0);
         const res = [];
         for (let i = 0; i < this._driverElements.length; i++) {
@@ -271,7 +240,7 @@ class PromodPlaywrightElements {
      * @returns {Promise<boolean>}
      */
     async some(cb) {
-        internals_1.promodLogger.engineLog(`[PW] Promod elements interface calls method "some" from wrapped API, args: `, cb);
+        promodLogger.engineLog(`[PW] Promod elements interface calls method "some" from wrapped API, args: `, cb);
         await this.getElement(0);
         for (let i = 0; i < this._driverElements.length; i++) {
             const res = await cb(this.get(i), i).catch(() => false);
@@ -290,7 +259,7 @@ class PromodPlaywrightElements {
      * @returns {Promise<boolean>}
      */
     async every(cb) {
-        internals_1.promodLogger.engineLog(`[PW] Promod elements interface calls method "every" from wrapped API, args: `, cb);
+        promodLogger.engineLog(`[PW] Promod elements interface calls method "every" from wrapped API, args: `, cb);
         await this.getElement(0);
         for (let i = 0; i < this._driverElements.length; i++) {
             const res = await cb(this.get(i), i).catch(() => false);
@@ -309,7 +278,7 @@ class PromodPlaywrightElements {
      * @returns {Promise<PromodElementType>}
      */
     async find(cb) {
-        internals_1.promodLogger.engineLog(`[PW] Promod elements interface calls method "find" from wrapped API, args: `, cb);
+        promodLogger.engineLog(`[PW] Promod elements interface calls method "find" from wrapped API, args: `, cb);
         await this.getElement(0);
         for (let i = 0; i < this._driverElements.length; i++) {
             const el = this.get(i);
@@ -327,16 +296,15 @@ class PromodPlaywrightElements {
      * @returns {Promise<number>}
      */
     async count() {
-        internals_1.promodLogger.engineLog(`[PW] Promod elements interface calls method "count" from wrapped API`);
+        promodLogger.engineLog(`[PW] Promod elements interface calls method "count" from wrapped API`);
         return this.getElement()
             .then(() => this._driverElements.length)
             .catch((error) => {
-            internals_1.promodLogger.engineLog(`Promod elements interface gets error after method "count" from wrapped API, error: `, error);
+            promodLogger.engineLog(`Promod elements interface gets error after method "count" from wrapped API, error: `, error);
             return 0;
         });
     }
 }
-exports.PromodPlaywrightElements = PromodPlaywrightElements;
 class PromodPlaywrightElement {
     _driver;
     _driverElement;
@@ -358,9 +326,9 @@ class PromodPlaywrightElement {
      * @returns {Promise<ElementHandle<Node>>}
      */
     async getElement() {
-        internals_1.promodLogger.engineLog(`[PW] Promod element interface calls method "getElement" from wrapped API`);
-        this._driver = await pw_client_1.browser['getWorkingContext']();
-        const ignoreParent = (0, sat_utils_1.isString)(this.selector) && this.selector.startsWith('ignore-parent=');
+        promodLogger.engineLog(`[PW] Promod element interface calls method "getElement" from wrapped API`);
+        this._driver = await browser['getWorkingContext']();
+        const ignoreParent = isString(this.selector) && this.selector.startsWith('ignore-parent=');
         const selector = ignoreParent ? this.selector.replace('ignore-parent=', '') : this.selector;
         const shouldUserDocumentRoot = selector.toString().startsWith('xpath=//') || ignoreParent;
         let parent;
@@ -380,31 +348,27 @@ class PromodPlaywrightElement {
             return this._driverElement;
         }
         const getElementArgs = buildBy(selector, this.getExecuteScriptArgs, parent, false);
-        if (this.getParent && !ignoreParent && (0, sat_utils_1.isString)(selector)) {
+        if (this.getParent && !ignoreParent && isString(selector)) {
             this._driverElement = (await (parent || this._driver).locator(getElementArgs).all())[0];
         }
-        else if ((0, sat_utils_1.isFunction)(getElementArgs[0]) || (0, sat_utils_1.isAsyncFunction)(getElementArgs[0])) {
+        else if (isFunction(getElementArgs[0]) || isAsyncFunction(getElementArgs[0])) {
             const [queryFn, quertFnArgs] = getElementArgs;
             const resolved = [];
-            const callArgs = (0, sat_utils_1.toArray)(quertFnArgs);
+            const callArgs = toArray(quertFnArgs);
             for (const item of callArgs) {
                 // TODO refactor resolver
                 const resolvedItem = await item;
-                resolved.push(resolvedItem?.elementHandle ? await resolvedItem.elementHandle() : resolvedItem);
+                resolved.push(resolvedItem?.evaluate ? await resolvedItem.evaluateHandle((node) => node) : resolvedItem);
             }
             const result = (await this._driver.evaluateHandle(queryFn, resolved.length === 1 ? resolved[0] : resolved)).asElement();
-            let tempLocatorDataAttribute = `${(0, sat_utils_1.getRandomString)(25, { letters: true })}`;
+            let tempLocatorDataAttribute = `${getRandomString(25, { letters: true })}`;
             const locatoDataAttribute = await result.evaluate((n, item) => {
-                // @ts-ignore
                 if (n.dataset.promod_element_item) {
-                    // @ts-ignore
                     return n.dataset.promod_element_item;
                 }
                 else {
-                    // @ts-ignore
                     n.dataset.promod_element_item = `${item}`;
                 }
-                // @ts-ignore
                 return n.dataset.promod_element_item;
             }, tempLocatorDataAttribute);
             await result.dispose();
@@ -429,7 +393,7 @@ class PromodPlaywrightElement {
      * @returns {PromodElementType}
      */
     $(selector, ...rest) {
-        internals_1.promodLogger.engineLog('[PW] Create new promod child element, selector: ', selector);
+        promodLogger.engineLog('[PW] Create new promod child element, selector: ', selector);
         const [, executeScriptArgsGetter] = getInitElementRest(selector, null, ...rest);
         const childElement = new PromodPlaywrightElement(selector, this._browserInterface, this.getElement.bind(this), executeScriptArgsGetter);
         childElement.parentSelector = this.selector;
@@ -444,7 +408,7 @@ class PromodPlaywrightElement {
      * @returns {PromodElementsType}
      */
     $$(selector, ...rest) {
-        internals_1.promodLogger.engineLog('[PW] Create new promod child elements, selector: ', selector);
+        promodLogger.engineLog('[PW] Create new promod child elements, selector: ', selector);
         const [, executeScriptArgsGetter] = getInitElementRest(selector, null, ...rest);
         const childElements = new PromodPlaywrightElements(selector, this._browserInterface, this.getElement.bind(this), executeScriptArgsGetter);
         childElements.parentSelector = this.selector;
@@ -469,9 +433,9 @@ class PromodPlaywrightElement {
      * @returns {Promise<void>}
      */
     async doubleClick(opts = { timeout: 500 }) {
-        internals_1.promodLogger.engineLog(`[PW] Promod element interface calls method "click" from wrapped API, args: `, opts);
-        if (!(0, sat_utils_1.isObject)(opts) && !(0, sat_utils_1.isUndefined)(opts)) {
-            throw new TypeError(`click(); accepts only object type ${(0, sat_utils_1.getType)(opts)}`);
+        promodLogger.engineLog(`[PW] Promod element interface calls method "click" from wrapped API, args: `, opts);
+        if (!isObject(opts) && !isUndefined(opts)) {
+            throw new TypeError(`click(); accepts only object type ${getType(opts)}`);
         }
         const { withScroll, allowForceIfIntercepted, ...pwOpts } = opts;
         await this.getElement();
@@ -511,9 +475,9 @@ class PromodPlaywrightElement {
      * @returns {Promise<void>}
      */
     async click(opts = { clickCount: 1, timeout: 500 }) {
-        internals_1.promodLogger.engineLog(`[PW] Promod element interface calls method "click" from wrapped API, args: `, opts);
-        if (!(0, sat_utils_1.isObject)(opts) && !(0, sat_utils_1.isUndefined)(opts)) {
-            throw new TypeError(`click(); accepts only object type ${(0, sat_utils_1.getType)(opts)}`);
+        promodLogger.engineLog(`[PW] Promod element interface calls method "click" from wrapped API, args: `, opts);
+        if (!isObject(opts) && !isUndefined(opts)) {
+            throw new TypeError(`click(); accepts only object type ${getType(opts)}`);
         }
         const { withScroll, allowForceIfIntercepted, ...pwOpts } = opts;
         await this.getElement();
@@ -543,11 +507,15 @@ class PromodPlaywrightElement {
      * @returns {Promise<string>}
      */
     async getTagName() {
-        internals_1.promodLogger.engineLog(`[PW] Promod element interface calls method "getTagName" from wrapped API`);
+        promodLogger.engineLog(`[PW] Promod element interface calls method "getTagName" from wrapped API`);
         await this.getElement();
         return await this._driverElement.evaluate((item) => item.nodeName.toLowerCase());
     }
-    async getCssValue() { }
+    async getCssValue(cssStyleProperty) {
+        promodLogger.engineLog(`[PW] Promod element interface calls method "getCssValue" from wrapped API, args: `, cssStyleProperty);
+        await this.getElement();
+        return await this._driverElement.evaluate((el, prop) => window.getComputedStyle(el).getPropertyValue(prop), cssStyleProperty);
+    }
     async getAttribute(attribute) {
         await this.getElement();
         return this._driverElement.getAttribute(attribute);
@@ -570,21 +538,21 @@ class PromodPlaywrightElement {
      * @param value
      */
     async sendKeys(value, asFill) {
-        internals_1.promodLogger.engineLog(`[PW] Promod element interface calls method "sendKeys" from wrapped API, args: `, value);
-        if (!(0, sat_utils_1.isString)(value) && !(0, sat_utils_1.isNumber)(value)) {
-            throw new TypeError(`sendKeys(); accepts only string or number value type ${(0, sat_utils_1.getType)(value)}`);
+        promodLogger.engineLog(`[PW] Promod element interface calls method "sendKeys" from wrapped API, args: `, value);
+        if (!isString(value) && !isNumber(value)) {
+            throw new TypeError(`sendKeys(); accepts only string or number value type ${getType(value)}`);
         }
         await this.getElement();
         if (asFill) {
             return this._driverElement.fill(value.toString());
         }
         const stringValue = value.toString();
-        const seleniumKeysAlignment = Object.values(mappers_1.KeysSWD);
+        const seleniumKeysAlignment = Object.values(KeysSWD);
         for (const char of stringValue.split('')) {
             if (seleniumKeysAlignment.includes(char)) {
                 // TODO - this needs to be done in a better way
                 await this.click();
-                await pw_client_1.browser.keyDownAndUp(Object.keys(mappers_1.KeysSWD).find((k) => mappers_1.KeysSWD[k] === char));
+                await browser.keyDownAndUp(Object.keys(KeysSWD).find((k) => KeysSWD[k] === char));
             }
             else {
                 await this._driverElement.pressSequentially(char, { delay: 7 });
@@ -606,7 +574,7 @@ class PromodPlaywrightElement {
      * @returns {Promise<void>}
      */
     async hover(opts = { force: true, timeout: 500 }) {
-        internals_1.promodLogger.engineLog(`[PW] Promod element interface calls method "hover" from wrapped API`);
+        promodLogger.engineLog(`[PW] Promod element interface calls method "hover" from wrapped API`);
         await this.getElement();
         await this._driverElement.hover(opts);
     }
@@ -619,9 +587,9 @@ class PromodPlaywrightElement {
      * @returns {Promise<void>}
      */
     async hoverByElementCoordinate(position = 'center') {
-        internals_1.promodLogger.engineLog(`Promod element interface calls method "hoverByElementCoordinate" from wrapped API, args: `, position);
+        promodLogger.engineLog(`Promod element interface calls method "hoverByElementCoordinate" from wrapped API, args: `, position);
         const { x, y } = await this.getElementCoordinates(position);
-        await (await pw_client_1.browser['getCurrentPage']()).mouse.move(x, y);
+        await (await browser['getCurrentPage']()).mouse.move(x, y);
     }
     /**
      * @example
@@ -632,18 +600,18 @@ class PromodPlaywrightElement {
      * @returns {Promise<void>}
      */
     async clickByElementCoordinate(position = 'center') {
-        internals_1.promodLogger.engineLog(`Promod element interface calls method "clickByElementCoordinate" from wrapped API, args: `, position);
+        promodLogger.engineLog(`Promod element interface calls method "clickByElementCoordinate" from wrapped API, args: `, position);
         const { x, y } = await this.getElementCoordinates(position);
-        await (await pw_client_1.browser['getCurrentPage']()).mouse.click(x, y);
+        await (await browser['getCurrentPage']()).mouse.click(x, y);
     }
     async getElementCoordinates(position = 'center') {
-        internals_1.promodLogger.engineLog(`Promod element interface calls method "clickByElementCoordinate" from wrapped API, args: `, position);
+        promodLogger.engineLog(`Promod element interface calls method "clickByElementCoordinate" from wrapped API, args: `, position);
         await this.getElement();
         const { x, y, width, height } = await this._driverElement.evaluate((el) => el.getBoundingClientRect());
-        return (0, mappers_1.getPositionXY)(position, { x, y, width, height });
+        return getPositionXY(position, { x, y, width, height });
     }
     async focus() {
-        internals_1.promodLogger.engineLog(`[PW] Promod element interface calls method "focus" from wrapped API`);
+        promodLogger.engineLog(`[PW] Promod element interface calls method "focus" from wrapped API`);
         await this.getElement();
         await this._driverElement.focus();
     }
@@ -659,7 +627,7 @@ class PromodPlaywrightElement {
      * @returns {Promise<void>}
      */
     async pressEnter(focus = true) {
-        internals_1.promodLogger.engineLog(`[PW] Promod element interface calls method "pressEnter" from wrapped API, args: `, focus);
+        promodLogger.engineLog(`[PW] Promod element interface calls method "pressEnter" from wrapped API, args: `, focus);
         await this.getElement();
         if (focus) {
             await this._driverElement.focus();
@@ -679,18 +647,18 @@ class PromodPlaywrightElement {
      * @returns {Promise<void>}
      */
     async clearViaBackspace(repeat = 1, focus = true) {
-        internals_1.promodLogger.engineLog(`Promod element interface calls method "clearViaBackspace" from wrapped API, args: `, repeat, focus);
+        promodLogger.engineLog(`Promod element interface calls method "clearViaBackspace" from wrapped API, args: `, repeat, focus);
         await this.getElement();
         if (focus) {
             await this._driverElement.focus();
         }
-        for (const _act of (0, sat_utils_1.lengthToIndexesArray)(repeat)) {
+        for (const _act of lengthToIndexesArray(repeat)) {
             await this._driver.keyboard.press('Backspace', { delay: 25 });
         }
     }
     async selectOption(value, strictTextOptionEqual) {
         await this.getElement();
-        if ((0, sat_utils_1.isString)(value)) {
+        if (isString(value)) {
             const opts = await this._driverElement.locator('option').all();
             for (const opt of opts) {
                 const content = (await opt.textContent()).trim();
@@ -725,7 +693,7 @@ class PromodPlaywrightElement {
      */
     async scrollIntoView(position) {
         await this.getElement();
-        await pw_client_1.browser.executeScript(([elem, scrollPosition]) => {
+        await browser.executeScript(([elem, scrollPosition]) => {
             let position = true;
             const scrollBlock = ['end', 'start', 'center', 'nearest'];
             // @ts-ignore
@@ -751,7 +719,7 @@ class PromodPlaywrightElement {
         return this.getElement()
             .then(() => this._driverElement.isVisible())
             .catch((error) => {
-            internals_1.promodLogger.engineLog(`Promod element interface gets error after method "isDisplayed" from wrapped API, error: `, error);
+            promodLogger.engineLog(`Promod element interface gets error after method "isDisplayed" from wrapped API, error: `, error);
             return false;
         });
     }
@@ -780,11 +748,10 @@ class PromodPlaywrightElement {
         };
     }
 }
-exports.PromodPlaywrightElement = PromodPlaywrightElement;
 function getInitElementRest(selector, root, ...rest) {
     let getParent = null;
     let getExecuteScriptArgs = null;
-    if ((0, sat_utils_1.isFunction)(selector) || (0, sat_utils_1.isPromise)(selector)) {
+    if (isFunction(selector) || isPromise(selector)) {
         getExecuteScriptArgs = function getExecuteScriptArgs() {
             const localRest = rest.map((item) => (item && item.getEngineElement ? item.getEngineElement() : item));
             const rootPromiseIfRequired = root && root.getEngineElement ? root.getEngineElement() : root;
@@ -803,14 +770,12 @@ function getInitElementRest(selector, root, ...rest) {
 }
 const $ = (selector, root, ...rest) => {
     const restArgs = getInitElementRest(selector, root, ...rest);
-    return new PromodPlaywrightElement(selector, pw_client_1.browser, ...restArgs);
+    return new PromodPlaywrightElement(selector, browser, ...restArgs);
 };
-exports.$ = $;
 const $$ = (selector, root, ...rest) => {
     const restArgs = getInitElementRest(selector, root, ...rest);
-    return new PromodPlaywrightElements(selector, pw_client_1.browser, ...restArgs);
+    return new PromodPlaywrightElements(selector, browser, ...restArgs);
 };
-exports.$$ = $$;
 function preBindBrowserInstance(browserThaNeedsToBeBinded) {
     const $ = (selector, root, ...rest) => {
         const restArgs = getInitElementRest(selector, root, ...rest);
@@ -826,4 +791,5 @@ function preBindBrowserInstance(browserThaNeedsToBeBinded) {
         browser: browserThaNeedsToBeBinded,
     };
 }
+export { $, $$, PromodPlaywrightElement, PromodPlaywrightElements, preBindBrowserInstance };
 //# sourceMappingURL=pw_element.js.map