@qualweb/util 0.6.0-alpha5 → 0.6.0

package/dist/accessibilityUtils/isElementInAT.js

@@ -0,0 +1,71 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const constants_1 = require("./constants");
+function isElementInAT(element) {
+    const childPresentational = window.AccessibilityUtils.isElementChildPresentational(element);
+    const isHidden = window.DomUtils.isElementHidden(element);
+    let result = false;
+    const role = window.AccessibilityUtils.getElementRole(element);
+    const validRole = window.AccessibilityUtils.elementHasValidRole(element);
+    if (!isHidden && !childPresentational && role !== 'presentation' && role !== 'none') {
+        const name = element.getElementTagName();
+        const notExposedIfEmpyTag = constants_1.notExposedIfEmpty.includes(name);
+        const needsToBeInsideDetailsTag = constants_1.needsToBeInsideDetails.includes(name);
+        if (constants_1.notDefaultAT.includes(name) || notExposedIfEmpyTag || needsToBeInsideDetailsTag) {
+            let specialCondition = false;
+            if (notExposedIfEmpyTag) {
+                const text = element.getElementText();
+                specialCondition = !!text && text.trim() !== '';
+            }
+            else if (needsToBeInsideDetailsTag) {
+                const parent = element.getElementParent();
+                specialCondition = !!parent && parent.getElementTagName() === 'details';
+            }
+            else if (name === 'picture') {
+                const child = element.getElement('img');
+                specialCondition = !!child;
+            }
+            const type = element.getElementType();
+            const focusable = window.AccessibilityUtils.isElementFocusable(element);
+            const id = element.getElementAttribute('id');
+            let ariaActivedescendant = false;
+            let ariaControls = false;
+            let ariaDescribedby = false;
+            let ariaDetails = false;
+            let ariaErrormessage = false;
+            let ariaFlowto = false;
+            let ariaLabelledby = false;
+            let ariaOwns = false;
+            if (id !== null) {
+                ariaActivedescendant = window.DomUtils.elementIdIsReferenced(element, id, 'aria-activedescendant');
+                ariaControls = window.DomUtils.elementIdIsReferenced(element, id, ' aria-controls');
+                ariaDescribedby = window.DomUtils.elementIdIsReferenced(element, id, ' aria-describedby');
+                ariaDetails = window.DomUtils.elementIdIsReferenced(element, id, ' aria-details');
+                ariaErrormessage = window.DomUtils.elementIdIsReferenced(element, id, 'aria-errormessage');
+                ariaFlowto = window.DomUtils.elementIdIsReferenced(element, id, 'aria-flowto');
+                ariaLabelledby = window.DomUtils.elementIdIsReferenced(element, id, 'aria-labelledby');
+                ariaOwns = window.DomUtils.elementIdIsReferenced(element, id, 'aria-owns');
+            }
+            const globalWaiARIA = window.AccessibilityUtils.elementHasGlobalARIAPropertyOrAttribute(element);
+            result =
+                specialCondition ||
+                    type === 'text' ||
+                    focusable ||
+                    ariaActivedescendant ||
+                    ariaControls ||
+                    ariaDescribedby ||
+                    ariaDetails ||
+                    ariaErrormessage ||
+                    ariaFlowto ||
+                    ariaLabelledby ||
+                    ariaOwns ||
+                    validRole ||
+                    globalWaiARIA;
+        }
+        else {
+            result = true;
+        }
+    }
+    return result;
+}
+exports.default = isElementInAT;

package/dist/accessibilityUtils/isElementReferencedByAriaLabel.d.ts

@@ -0,0 +1,4 @@
+import type { QWElement } from '@qualweb/qw-element';
+declare function isElementReferencedByAriaLabel(element: QWElement): boolean;
+export default isElementReferencedByAriaLabel;
+//# sourceMappingURL=isElementReferencedByAriaLabel.d.ts.map

package/dist/accessibilityUtils/isElementReferencedByAriaLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"isElementReferencedByAriaLabel.d.ts","sourceRoot":"","sources":["../../src/accessibilityUtils/isElementReferencedByAriaLabel.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAErD,iBAAS,8BAA8B,CAAC,OAAO,EAAE,SAAS,GAAG,OAAO,CAoBnE;AAED,eAAe,8BAA8B,CAAC"}

package/dist/accessibilityUtils/isElementReferencedByAriaLabel.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+function isElementReferencedByAriaLabel(element) {
+    const id = element.getElementAttribute('id');
+    let result = false;
+    try {
+        if (id !== null) {
+            const referencedByAriaLabel = window.qwPage.getElements(`[aria-labelledby~="${id}"]`, element);
+            let i = 0;
+            while (i < referencedByAriaLabel.length) {
+                const ariaLabelBy = referencedByAriaLabel[i].getElementAttribute('aria-labelledby');
+                if (ariaLabelBy !== null) {
+                    const ids = ariaLabelBy.split(' ');
+                    if (ids.includes(id)) {
+                        result = true;
+                    }
+                }
+                i++;
+            }
+        }
+    }
+    catch (_a) { }
+    return result;
+}
+exports.default = isElementReferencedByAriaLabel;

package/dist/accessibilityUtils/isElementWidget.d.ts

@@ -0,0 +1,4 @@
+import type { QWElement } from '@qualweb/qw-element';
+declare function isElementWidget(element: QWElement): boolean;
+export default isElementWidget;
+//# sourceMappingURL=isElementWidget.d.ts.map

package/dist/accessibilityUtils/isElementWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"isElementWidget.d.ts","sourceRoot":"","sources":["../../src/accessibilityUtils/isElementWidget.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAGrD,iBAAS,eAAe,CAAC,OAAO,EAAE,SAAS,GAAG,OAAO,CAGpD;AAED,eAAe,eAAe,CAAC"}

package/dist/accessibilityUtils/isElementWidget.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const constants_1 = require("./constants");
+function isElementWidget(element) {
+    const role = window.AccessibilityUtils.getElementRoleAName(element, '');
+    return role !== null && constants_1.widgetRoles.indexOf(role) >= 0;
+}
+exports.default = isElementWidget;

package/dist/accessibilityUtils/isFocusableBrowser.d.ts

@@ -0,0 +1,4 @@
+import type { QWElement } from '@qualweb/qw-element';
+declare function isFocusableBrowser(element: QWElement): boolean;
+export default isFocusableBrowser;
+//# sourceMappingURL=isFocusableBrowser.d.ts.map

package/dist/accessibilityUtils/isFocusableBrowser.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"isFocusableBrowser.d.ts","sourceRoot":"","sources":["../../src/accessibilityUtils/isFocusableBrowser.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAErD,iBAAS,kBAAkB,CAAC,OAAO,EAAE,SAAS,GAAG,OAAO,CAIvD;AAED,eAAe,kBAAkB,CAAC"}

package/dist/accessibilityUtils/isFocusableBrowser.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+function isFocusableBrowser(element) {
+    element.focusElement();
+    const focused = window.qwPage.getFocusedElement();
+    return element.getElementSelector() === (focused === null || focused === void 0 ? void 0 : focused.getElementSelector());
+}
+exports.default = isFocusableBrowser;

package/dist/accessibilityUtils/isPartOfSequentialFocusNavigation.d.ts

@@ -0,0 +1,4 @@
+import type { QWElement } from '@qualweb/qw-element';
+declare function isPartOfSequentialFocusNavigation(element: QWElement): boolean;
+export default isPartOfSequentialFocusNavigation;
+//# sourceMappingURL=isPartOfSequentialFocusNavigation.d.ts.map

package/dist/accessibilityUtils/isPartOfSequentialFocusNavigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"isPartOfSequentialFocusNavigation.d.ts","sourceRoot":"","sources":["../../src/accessibilityUtils/isPartOfSequentialFocusNavigation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAErD,iBAAS,iCAAiC,CAAC,OAAO,EAAE,SAAS,GAAG,OAAO,CAUtE;AAED,eAAe,iCAAiC,CAAC"}

package/dist/accessibilityUtils/isPartOfSequentialFocusNavigation.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+function isPartOfSequentialFocusNavigation(element) {
+    let tabIndexLessThanZero = false;
+    const tabindex = element.getElementAttribute('tabindex');
+    const tabIndexExistsAndIsNumber = tabindex !== null && !isNaN(parseInt(tabindex, 10));
+    if (tabindex && tabIndexExistsAndIsNumber) {
+        tabIndexLessThanZero = parseInt(tabindex, 10) < 0;
+    }
+    const focusable = window.AccessibilityUtils.isElementFocusable(element);
+    return (focusable && tabIndexExistsAndIsNumber && !tabIndexLessThanZero) || (focusable && !tabIndexExistsAndIsNumber);
+}
+exports.default = isPartOfSequentialFocusNavigation;

package/dist/accessibilityUtils/landmarkIsTopLevel.d.ts

@@ -0,0 +1,4 @@
+import type { QWElement } from '@qualweb/qw-element';
+declare function landmarkIsTopLevel(element: QWElement): boolean;
+export default landmarkIsTopLevel;
+//# sourceMappingURL=landmarkIsTopLevel.d.ts.map

package/dist/accessibilityUtils/landmarkIsTopLevel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"landmarkIsTopLevel.d.ts","sourceRoot":"","sources":["../../src/accessibilityUtils/landmarkIsTopLevel.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAErD,iBAAS,kBAAkB,CAAC,OAAO,EAAE,SAAS,GAAG,OAAO,CAavD;AAED,eAAe,kBAAkB,CAAC"}

package/dist/accessibilityUtils/landmarkIsTopLevel.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+function landmarkIsTopLevel(element) {
+    const landmarks = ['application', 'banner', 'contentinfo', 'main', 'complementary', 'form', 'navigation', 'region'];
+    let parent = element.getElementParent();
+    const nodeRole = window.AccessibilityUtils.getElementRole(element);
+    while (parent) {
+        const role = window.AccessibilityUtils.getElementRole(parent);
+        if (role && landmarks.includes(role) && !(role === 'main' && nodeRole === 'complementary')) {
+            return false;
+        }
+        parent = parent.getElementParent();
+    }
+    return true;
+}
+exports.default = landmarkIsTopLevel;