clarity-js 0.7.31 → 0.7.33

package/src/layout/mutation.ts

@@ -17,6 +17,7 @@ import encode from "@src/layout/encode";
 import * as region from "@src/layout/region";
 import traverse from "@src/layout/traverse";
 import processNode from "./node";
+import config from "@src/core/config";
 
 let observers: MutationObserver[] = [];
 let mutations: MutationQueue[] = [];
@@ -129,7 +130,7 @@ async function process(): Promise<void> {
       if (state === Task.Wait) { state = await task.suspend(timer); }
       if (state === Task.Stop) { break; }      
       let target = mutation.target;
-      let type = track(mutation, timer, instance, record.time);
+      let type = config.throttleDom ? track(mutation, timer, instance, record.time) : mutation.type;
       if (type && target && target.ownerDocument) { dom.parse(target.ownerDocument); }
       if (type && target && target.nodeType == Node.DOCUMENT_FRAGMENT_NODE && (target as ShadowRoot).host) { dom.parse(target as ShadowRoot); }
       switch (type) {
@@ -160,7 +161,8 @@ function track(m: MutationRecord, timer: Timer, instance: number, timestamp: num
   let value = m.target ? dom.get(m.target.parentNode) : null;
   // Check if the parent is already discovered and that the parent is not the document root
   if (value && value.data.tag !== Constant.HTML) {
-    let inactive = time() > activePeriod;
+    // calculate inactive period based on the timestamp of the mutation not when the mutation is processed
+    let inactive = timestamp > activePeriod;
     let target = dom.get(m.target);
     let element = target && target.selector ? target.selector.join() : m.target.nodeName;
     let parent = value.selector ? value.selector.join() : Constant.Empty;

package/src/layout/node.ts

@@ -9,7 +9,7 @@ import * as schema from "@src/layout/schema";
 import { checkDocumentStyles } from "@src/layout/style";
 import { electron } from "@src/data/metadata";
 
-const IGNORE_ATTRIBUTES = ["title", "alt", "onload", "onfocus", "onerror", "data-drupal-form-submit-last"];
+const IGNORE_ATTRIBUTES = ["title", "alt", "onload", "onfocus", "onerror", "data-drupal-form-submit-last", "aria-label"];
 const newlineRegex = /[\r\n]+/g;
 
 export default function (node: Node, source: Source, timestamp: number): Node {

package/types/core.d.ts

@@ -138,6 +138,7 @@ export interface Config {
     action?: (key: string) => void;
     dob?: number;
     delayDom?: boolean;
+    throttleDom?: boolean;
 }
 
 export const enum Constant {

package/types/data.d.ts

@@ -145,7 +145,9 @@ export const enum Dimension {
     ConnectionType = 27,
     Dob = 28,
     CookieVersion = 29,
-    DeviceFamily = 30 // Allows iOS SDK to override the DeviceFamily value parsed from UserAgent.
+    DeviceFamily = 30, // Allows iOS SDK to override the DeviceFamily value parsed from UserAgent.
+    InitialScrollTop = 31,
+    InitialScrollBottom = 32
 }
 
 export const enum Check {

package/types/interaction.d.ts

@@ -134,8 +134,8 @@ export interface ScrollData {
     target: Target;
     x: number;
     y: number;
-    top: string;
-    bottom: string;
+    top: Node | string;
+    bottom: Node | string;
 }
 
 export interface SelectionData {