cx 26.1.0 → 26.1.2

package/src/util/expandFatArrows.ts

@@ -1,118 +1,118 @@
-//http://stackoverflow.com/questions/36428283/arrow-function-eval-preprocessor
-
-export function expandFatArrows(code: string): string {
-   var arrowHeadRegex = RegExp(/(\((?:\w+,)*\w+\)|\(\)|\w+)[\r\t ]*=>\s*/);
-   var arrowHeadMatch = arrowHeadRegex.exec(code);
-
-   if (arrowHeadMatch) {//if no match return as it is
-      var params = arrowHeadMatch[1];
-      if (params.charAt(0) !== "(") {
-         params = "(" + params + ")";
-      }
-      var index = arrowHeadMatch.index;
-      var startCode = code.substring(0, index);
-
-      var bodyAndNext = code.substring(index + arrowHeadMatch[0].length);
-
-      var curlyCount = 0;
-      var curlyPresent = false;
-      var singleLineBodyEnd = 0;
-      var bodyEnd = 0;
-
-      for (var i = 0; i < bodyAndNext.length; i++) {
-         var ch = bodyAndNext[i];
-         if (ch === '{') {
-            curlyPresent = true;
-            curlyCount++;
-         } else if (ch === '}') {
-            curlyCount--;
-         } else if (!curlyPresent) {
-            //any character other than { or }
-            singleLineBodyEnd = getSingeLineBodyEnd(bodyAndNext, i);
-            break;
-         }
-         if (curlyPresent && curlyCount === 0) {
-            bodyEnd = i;
-            break;
-         }
-      }
-
-      var body;
-
-      if (curlyPresent) {
-         if (curlyCount !== 0) {
-            throw Error("Could not match curly braces for function at : " + index);
-         }
-         body = bodyAndNext.substring(0, bodyEnd + 1);
-
-         var restCode = bodyAndNext.substring(bodyEnd + 1);
-         var expandedFun = "(function " + params + body + ").bind(this)";
-         code = startCode + expandedFun + restCode;
-      } else {
-         if (singleLineBodyEnd <= 0) {
-            throw Error("could not get function body at : " + index);
-         }
-
-         body = bodyAndNext.substring(0, singleLineBodyEnd + 1);
-
-         restCode = bodyAndNext.substring(singleLineBodyEnd + 1);
-         expandedFun = "(function " + params + "{return " + body + "}).bind(this)";
-         code = startCode + expandedFun + restCode;
-      }
-
-      return expandFatArrows(code);//recursive call
-   }
-   return code;
-}
-
-function getSingeLineBodyEnd(bodyCode: string, startI: number): number {
-   var braceCount = 0;
-   var openingQuote = null;
-
-   for (var i = startI; i < bodyCode.length; i++) {
-      var ch = bodyCode[i];
-      var lastCh = null;
-      if (ch === '"' || ch === "'") {
-         openingQuote = ch;
-         i = skipQuotedString(bodyCode, openingQuote, i);
-         ch = bodyCode[i];
-      }
-
-      if (i !== 0 && !bodyCode[i - 1].match(/[\t\r ]/)) {
-         lastCh = bodyCode[i - 1];
-      }
-
-      if (ch === '{' || ch === '(') {
-         braceCount++;
-      } else if (ch === '}' || ch === ')') {
-         braceCount--;
-      }
-
-      if (braceCount < 0 || (lastCh !== '.' && ch === '\n')) {
-         return i - 1;
-      }
-   }
-
-   return bodyCode.length;
-}
-
-function skipQuotedString(bodyAndNext: string, openingQuote: string, i: number): number {
-   var matchFound = false;//matching quote
-   var openingQuoteI = i;
-   i++;
-   for (; i < bodyAndNext.length; i++) {
-      var ch = bodyAndNext[i];
-      var lastCh = (i !== 0) ? bodyAndNext[i - 1] : null;
-
-      if (ch !== openingQuote || (ch === openingQuote && lastCh === '\\' )) {
-         continue;//skip quoted string
-      } else if (ch === openingQuote) {//matched closing quote
-         matchFound = false;
-         break;
-      }
-   }
-   if (matchFound) {
-      throw new Error("Could not find closing quote for quote at : " + openingQuoteI);
-   }
-   return i;
-}
+//http://stackoverflow.com/questions/36428283/arrow-function-eval-preprocessor
+
+export function expandFatArrows(code: string): string {
+   var arrowHeadRegex = RegExp(/(\((?:\w+,)*\w+\)|\(\)|\w+)[\r\t ]*=>\s*/);
+   var arrowHeadMatch = arrowHeadRegex.exec(code);
+
+   if (arrowHeadMatch) {//if no match return as it is
+      var params = arrowHeadMatch[1];
+      if (params.charAt(0) !== "(") {
+         params = "(" + params + ")";
+      }
+      var index = arrowHeadMatch.index;
+      var startCode = code.substring(0, index);
+
+      var bodyAndNext = code.substring(index + arrowHeadMatch[0].length);
+
+      var curlyCount = 0;
+      var curlyPresent = false;
+      var singleLineBodyEnd = 0;
+      var bodyEnd = 0;
+
+      for (var i = 0; i < bodyAndNext.length; i++) {
+         var ch = bodyAndNext[i];
+         if (ch === '{') {
+            curlyPresent = true;
+            curlyCount++;
+         } else if (ch === '}') {
+            curlyCount--;
+         } else if (!curlyPresent) {
+            //any character other than { or }
+            singleLineBodyEnd = getSingeLineBodyEnd(bodyAndNext, i);
+            break;
+         }
+         if (curlyPresent && curlyCount === 0) {
+            bodyEnd = i;
+            break;
+         }
+      }
+
+      var body;
+
+      if (curlyPresent) {
+         if (curlyCount !== 0) {
+            throw Error("Could not match curly braces for function at : " + index);
+         }
+         body = bodyAndNext.substring(0, bodyEnd + 1);
+
+         var restCode = bodyAndNext.substring(bodyEnd + 1);
+         var expandedFun = "(function " + params + body + ").bind(this)";
+         code = startCode + expandedFun + restCode;
+      } else {
+         if (singleLineBodyEnd <= 0) {
+            throw Error("could not get function body at : " + index);
+         }
+
+         body = bodyAndNext.substring(0, singleLineBodyEnd + 1);
+
+         restCode = bodyAndNext.substring(singleLineBodyEnd + 1);
+         expandedFun = "(function " + params + "{return " + body + "}).bind(this)";
+         code = startCode + expandedFun + restCode;
+      }
+
+      return expandFatArrows(code);//recursive call
+   }
+   return code;
+}
+
+function getSingeLineBodyEnd(bodyCode: string, startI: number): number {
+   var braceCount = 0;
+   var openingQuote = null;
+
+   for (var i = startI; i < bodyCode.length; i++) {
+      var ch = bodyCode[i];
+      var lastCh = null;
+      if (ch === '"' || ch === "'") {
+         openingQuote = ch;
+         i = skipQuotedString(bodyCode, openingQuote, i);
+         ch = bodyCode[i];
+      }
+
+      if (i !== 0 && !bodyCode[i - 1].match(/[\t\r ]/)) {
+         lastCh = bodyCode[i - 1];
+      }
+
+      if (ch === '{' || ch === '(') {
+         braceCount++;
+      } else if (ch === '}' || ch === ')') {
+         braceCount--;
+      }
+
+      if (braceCount < 0 || (lastCh !== '.' && ch === '\n')) {
+         return i - 1;
+      }
+   }
+
+   return bodyCode.length;
+}
+
+function skipQuotedString(bodyAndNext: string, openingQuote: string, i: number): number {
+   var matchFound = false;//matching quote
+   var openingQuoteI = i;
+   i++;
+   for (; i < bodyAndNext.length; i++) {
+      var ch = bodyAndNext[i];
+      var lastCh = (i !== 0) ? bodyAndNext[i - 1] : null;
+
+      if (ch !== openingQuote || (ch === openingQuote && lastCh === '\\' )) {
+         continue;//skip quoted string
+      } else if (ch === openingQuote) {//matched closing quote
+         matchFound = false;
+         break;
+      }
+   }
+   if (matchFound) {
+      throw new Error("Could not find closing quote for quote at : " + openingQuoteI);
+   }
+   return i;
+}

package/src/util/findScrollableParent.ts

@@ -1,15 +1,15 @@
-import { closest } from "./DOM";
-
-export function findScrollableParent(sourceEl: Element, horizontal: boolean = false): HTMLElement | null {
-   if (!sourceEl) return null;
-   let scrollParent = closest(sourceEl, (el) => {
-      if (el.nodeType != Node.ELEMENT_NODE) return false;
-      if (!horizontal && el.clientHeight >= el.scrollHeight) return false;
-      if (horizontal && el.clientWidth >= el.scrollWidth) return false;
-      let overflow = getComputedStyle(el).getPropertyValue(horizontal ? "overflow-x" : "overflow-y");
-      return overflow == "auto" || overflow == "scroll";
-   }) as HTMLElement;
-   return (
-      scrollParent || (sourceEl.ownerDocument.scrollingElement as HTMLElement) || sourceEl.ownerDocument.documentElement
-   );
-}
+import { closest } from "./DOM";
+
+export function findScrollableParent(sourceEl: Element, horizontal: boolean = false): HTMLElement | null {
+   if (!sourceEl) return null;
+   let scrollParent = closest(sourceEl, (el) => {
+      if (el.nodeType != Node.ELEMENT_NODE) return false;
+      if (!horizontal && el.clientHeight >= el.scrollHeight) return false;
+      if (horizontal && el.clientWidth >= el.scrollWidth) return false;
+      let overflow = getComputedStyle(el).getPropertyValue(horizontal ? "overflow-x" : "overflow-y");
+      return overflow == "auto" || overflow == "scroll";
+   }) as HTMLElement;
+   return (
+      scrollParent || (sourceEl.ownerDocument.scrollingElement as HTMLElement) || sourceEl.ownerDocument.documentElement
+   );
+}

package/src/util/getParentFrameBoundingClientRect.ts

@@ -1,13 +1,13 @@
-export function getParentFrameBoundingClientRect(el: Element): DOMRect {
-   // if the ownerDocument is null, the element itself is the document
-   let ownerDocument = el.ownerDocument || el;
-   if (ownerDocument != document) {
-      let frames = document.getElementsByTagName("iframe");
-      for (let i = 0; i < frames.length; i++) {
-         if (frames[i].contentDocument == ownerDocument) {
-            return frames[i].getBoundingClientRect();
-         }
-      }
-   }
-   return new DOMRect(0, 0, window.innerWidth, window.innerHeight);
-}
+export function getParentFrameBoundingClientRect(el: Element): DOMRect {
+   // if the ownerDocument is null, the element itself is the document
+   let ownerDocument = el.ownerDocument || el;
+   if (ownerDocument != document) {
+      let frames = document.getElementsByTagName("iframe");
+      for (let i = 0; i < frames.length; i++) {
+         if (frames[i].contentDocument == ownerDocument) {
+            return frames[i].getBoundingClientRect();
+         }
+      }
+   }
+   return new DOMRect(0, 0, window.innerWidth, window.innerHeight);
+}

package/src/util/getScrollerBoundingClientRect.ts

@@ -1,12 +1,12 @@
-import { getParentFrameBoundingClientRect } from "./getParentFrameBoundingClientRect";
-import { getTopLevelBoundingClientRect } from "./getTopLevelBoundingClientRect";
-
-export function getScrollerBoundingClientRect(scrollEl: Element, topLevel: boolean = false): DOMRect {
-   if (scrollEl == scrollEl.ownerDocument.body || scrollEl == scrollEl.ownerDocument.documentElement) {
-      if (topLevel) return getParentFrameBoundingClientRect(scrollEl.ownerDocument.body);
-
-      return new DOMRect(0, 0, window.innerWidth, window.innerHeight);
-   }
-
-   return topLevel ? getTopLevelBoundingClientRect(scrollEl) : scrollEl.getBoundingClientRect();
-}
+import { getParentFrameBoundingClientRect } from "./getParentFrameBoundingClientRect";
+import { getTopLevelBoundingClientRect } from "./getTopLevelBoundingClientRect";
+
+export function getScrollerBoundingClientRect(scrollEl: Element, topLevel: boolean = false): DOMRect {
+   if (scrollEl == scrollEl.ownerDocument.body || scrollEl == scrollEl.ownerDocument.documentElement) {
+      if (topLevel) return getParentFrameBoundingClientRect(scrollEl.ownerDocument.body);
+
+      return new DOMRect(0, 0, window.innerWidth, window.innerHeight);
+   }
+
+   return topLevel ? getTopLevelBoundingClientRect(scrollEl) : scrollEl.getBoundingClientRect();
+}

package/src/util/getSearchQueryPredicate.spec.ts

@@ -1,40 +1,40 @@
-import { getSearchQueryPredicate, getSearchQueryHighlighter } from "./getSearchQueryPredicate";
-
-import assert from "assert";
-
-describe("getSearchQueryPredicate", function () {
-   it("blank means allow all", function () {
-      var m = getSearchQueryPredicate("");
-      assert(m("cx"));
-   });
-
-   it("is case insensitive", function () {
-      var m = getSearchQueryPredicate("Cx");
-      assert(m("cx"));
-   });
-
-   it("if multiple words are provided, all must be matched", function () {
-      var m = getSearchQueryPredicate("jo smi");
-      assert(m("John Smith"));
-      assert(!m("John Nash"));
-   });
-
-   it("regex special characters are properly escaped", function () {
-      var m = getSearchQueryPredicate("*?");
-      assert(m("*?"));
-   });
-});
-
-describe("getSearchQueryHighlighter", function () {
-   it("detects search parts", function () {
-      var m = getSearchQueryHighlighter("jo smi");
-      let items = m("John Smith");
-      assert.deepStrictEqual(items, ["", "Jo", "hn ", "Smi", "th"]);
-   });
-
-   it("detects search parts occuring multiple times", function () {
-      var m = getSearchQueryHighlighter("O");
-      let items = m("Option 1");
-      assert.deepStrictEqual(items, ["", "O", "pti", "o", "n 1"]);
-   });
-});
+import { getSearchQueryPredicate, getSearchQueryHighlighter } from "./getSearchQueryPredicate";
+
+import assert from "assert";
+
+describe("getSearchQueryPredicate", function () {
+   it("blank means allow all", function () {
+      var m = getSearchQueryPredicate("");
+      assert(m("cx"));
+   });
+
+   it("is case insensitive", function () {
+      var m = getSearchQueryPredicate("Cx");
+      assert(m("cx"));
+   });
+
+   it("if multiple words are provided, all must be matched", function () {
+      var m = getSearchQueryPredicate("jo smi");
+      assert(m("John Smith"));
+      assert(!m("John Nash"));
+   });
+
+   it("regex special characters are properly escaped", function () {
+      var m = getSearchQueryPredicate("*?");
+      assert(m("*?"));
+   });
+});
+
+describe("getSearchQueryHighlighter", function () {
+   it("detects search parts", function () {
+      var m = getSearchQueryHighlighter("jo smi");
+      let items = m("John Smith");
+      assert.deepStrictEqual(items, ["", "Jo", "hn ", "Smi", "th"]);
+   });
+
+   it("detects search parts occuring multiple times", function () {
+      var m = getSearchQueryHighlighter("O");
+      let items = m("Option 1");
+      assert.deepStrictEqual(items, ["", "O", "pti", "o", "n 1"]);
+   });
+});

package/src/util/getSearchQueryPredicate.ts

@@ -1,58 +1,58 @@
-import { escapeSpecialRegexCharacters } from "./escapeSpecialRegexCharacters";
-
-function getTermsAndRegularExpressions(query: string): [string[], RegExp[]] {
-   if (!query) return [[], []];
-   let terms = query.split(" ").filter(Boolean);
-   let regexes = terms.map((word) => new RegExp(escapeSpecialRegexCharacters(word), "gi"));
-   return [terms, regexes];
-}
-
-export function getSearchQueryPredicate(query: string, options?: any): (text: string) => boolean {
-   let [terms, regexes] = getTermsAndRegularExpressions(query);
-   if (terms.length == 0) return () => true;
-   if (regexes.length == 1) {
-      let regex = regexes[0];
-      return (text: string) => !!text && text.match(regex) != null;
-   }
-   return (text: string) => !!text && regexes.every((re) => text.match(re));
-}
-
-var highlighterCache: { [key: string]: (query: string) => string[] } = {};
-
-export function getSearchQueryHighlighter(query: string, options?: any): (query: string) => string[] {
-   let [terms, regexes] = getTermsAndRegularExpressions(query);
-   if (terms.length == 0) return (text) => [text];
-
-   if (highlighterCache[query]) return highlighterCache[query];
-
-   let result = (query: string) => {
-      let chunks = [query];
-      for (let i = 0; i < regexes.length; i++) {
-         let newChunks = [];
-         for (let j = 0; j < chunks.length; j++) {
-            let at = 0;
-            let chunk = chunks[j];
-            let parts = chunk.split(regexes[i]);
-            for (let k = 0; k < parts.length; k++) {
-               newChunks.push(parts[k]);
-               at += parts[k].length;
-               if (k < parts.length - 1) {
-                  newChunks.push(chunk.substr(at, terms[i].length));
-                  at += terms[i].length;
-               }
-            }
-         }
-         chunks = newChunks;
-      }
-      return chunks;
-   };
-
-   if (options?.cache) {
-      highlighterCache[query] = result;
-      setTimeout(() => {
-         delete highlighterCache[query];
-      }, options?.cachePeriod || 5000);
-   }
-
-   return result;
-}
+import { escapeSpecialRegexCharacters } from "./escapeSpecialRegexCharacters";
+
+function getTermsAndRegularExpressions(query: string): [string[], RegExp[]] {
+   if (!query) return [[], []];
+   let terms = query.split(" ").filter(Boolean);
+   let regexes = terms.map((word) => new RegExp(escapeSpecialRegexCharacters(word), "gi"));
+   return [terms, regexes];
+}
+
+export function getSearchQueryPredicate(query: string, options?: any): (text: string) => boolean {
+   let [terms, regexes] = getTermsAndRegularExpressions(query);
+   if (terms.length == 0) return () => true;
+   if (regexes.length == 1) {
+      let regex = regexes[0];
+      return (text: string) => !!text && text.match(regex) != null;
+   }
+   return (text: string) => !!text && regexes.every((re) => text.match(re));
+}
+
+var highlighterCache: { [key: string]: (query: string) => string[] } = {};
+
+export function getSearchQueryHighlighter(query: string, options?: any): (query: string) => string[] {
+   let [terms, regexes] = getTermsAndRegularExpressions(query);
+   if (terms.length == 0) return (text) => [text];
+
+   if (highlighterCache[query]) return highlighterCache[query];
+
+   let result = (query: string) => {
+      let chunks = [query];
+      for (let i = 0; i < regexes.length; i++) {
+         let newChunks = [];
+         for (let j = 0; j < chunks.length; j++) {
+            let at = 0;
+            let chunk = chunks[j];
+            let parts = chunk.split(regexes[i]);
+            for (let k = 0; k < parts.length; k++) {
+               newChunks.push(parts[k]);
+               at += parts[k].length;
+               if (k < parts.length - 1) {
+                  newChunks.push(chunk.substr(at, terms[i].length));
+                  at += terms[i].length;
+               }
+            }
+         }
+         chunks = newChunks;
+      }
+      return chunks;
+   };
+
+   if (options?.cache) {
+      highlighterCache[query] = result;
+      setTimeout(() => {
+         delete highlighterCache[query];
+      }, options?.cachePeriod || 5000);
+   }
+
+   return result;
+}

package/src/util/getTopLevelBoundingClientRect.ts

@@ -1,7 +1,7 @@
-import { getParentFrameBoundingClientRect } from "./getParentFrameBoundingClientRect";
-
-export function getTopLevelBoundingClientRect(el: Element): DOMRect {
-   let bounds = el.getBoundingClientRect();
-   let offset = getParentFrameBoundingClientRect(el);
-   return new DOMRect(bounds.left + offset.left, bounds.top + offset.top, bounds.width, bounds.height);
-}
+import { getParentFrameBoundingClientRect } from "./getParentFrameBoundingClientRect";
+
+export function getTopLevelBoundingClientRect(el: Element): DOMRect {
+   let bounds = el.getBoundingClientRect();
+   let offset = getParentFrameBoundingClientRect(el);
+   return new DOMRect(bounds.left + offset.left, bounds.top + offset.top, bounds.width, bounds.height);
+}

package/src/util/getVendorPrefix.ts

@@ -1,33 +1,33 @@
-//shamelessly taken from https://davidwalsh.name/vendor-prefix
-
-interface Prefixes {
-   dom: string;
-   lowercase: string;
-   css: string;
-   js: string;
-}
-
-var getPrefixes = function (): Prefixes {
-   var styles = window.getComputedStyle(document.documentElement, '') as any;
-   var match = Array.prototype.slice
-      .call(styles)
-      .join('')
-      .match(/-(moz|webkit|ms)-/) || (styles.OLink === '' && ['', 'o']);
-   var pre = (match as string[])[1];
-   var dom = ('WebKit|Moz|MS|O').match(new RegExp('(' + pre + ')', 'i'))![1];
-   return {
-      dom: dom,
-      lowercase: pre,
-      css: '-' + pre + '-',
-      js: pre[0].toUpperCase() + pre.substr(1)
-   };
-}
-
-var prefixes: Prefixes | undefined;
-
-export function getVendorPrefix(type: 'dom' | 'lowercase' | 'css' | 'js'): string {
-   if (!prefixes)
-      prefixes = getPrefixes();
-
-   return prefixes[type];
-}
+//shamelessly taken from https://davidwalsh.name/vendor-prefix
+
+interface Prefixes {
+   dom: string;
+   lowercase: string;
+   css: string;
+   js: string;
+}
+
+var getPrefixes = function (): Prefixes {
+   var styles = window.getComputedStyle(document.documentElement, '') as any;
+   var match = Array.prototype.slice
+      .call(styles)
+      .join('')
+      .match(/-(moz|webkit|ms)-/) || (styles.OLink === '' && ['', 'o']);
+   var pre = (match as string[])[1];
+   var dom = ('WebKit|Moz|MS|O').match(new RegExp('(' + pre + ')', 'i'))![1];
+   return {
+      dom: dom,
+      lowercase: pre,
+      css: '-' + pre + '-',
+      js: pre[0].toUpperCase() + pre.substr(1)
+   };
+}
+
+var prefixes: Prefixes | undefined;
+
+export function getVendorPrefix(type: 'dom' | 'lowercase' | 'css' | 'js'): string {
+   if (!prefixes)
+      prefixes = getPrefixes();
+
+   return prefixes[type];
+}

package/src/util/hasKey.ts

@@ -1,18 +1,18 @@
-import { isFunction } from "./isFunction";
-import { isString } from "./isString";
-
-export function hasKey<K extends string>(obj: object, key: K): obj is Record<K, unknown> {
-   return key in obj;
-}
-
-export function hasStringAtKey<K extends string>(obj: object, key: K): obj is Record<K, string> {
-   return hasKey(obj, key) && isString(obj[key]);
-}
-
-export function hasValueAtKey<K extends string>(obj: object, key: K, value: unknown): obj is Record<K, unknown> {
-   return hasKey(obj, key) && obj[key] === value;
-}
-
-export function hasFunctionAtKey<K extends string>(obj: object, key: K): obj is Record<K, (...args: any[]) => any> {
-   return hasKey(obj, key) && isFunction(obj[key]);
-}
+import { isFunction } from "./isFunction";
+import { isString } from "./isString";
+
+export function hasKey<K extends string>(obj: object, key: K): obj is Record<K, unknown> {
+   return key in obj;
+}
+
+export function hasStringAtKey<K extends string>(obj: object, key: K): obj is Record<K, string> {
+   return hasKey(obj, key) && isString(obj[key]);
+}
+
+export function hasValueAtKey<K extends string>(obj: object, key: K, value: unknown): obj is Record<K, unknown> {
+   return hasKey(obj, key) && obj[key] === value;
+}
+
+export function hasFunctionAtKey<K extends string>(obj: object, key: K): obj is Record<K, (...args: any[]) => any> {
+   return hasKey(obj, key) && isFunction(obj[key]);
+}

package/src/util/index.scss

@@ -1,11 +1,11 @@
-.cx-text-left.cx-text-left {
-   text-align: left;
-}
-
-.cx-text-right.cx-text-right {
-   text-align: right;
-}
-
-.cx-text-center.cx-text-center  {
-   text-align: center;
+.cx-text-left.cx-text-left {
+   text-align: left;
+}
+
+.cx-text-right.cx-text-right {
+   text-align: right;
+}
+
+.cx-text-center.cx-text-center  {
+   text-align: center;
 }