cx 26.3.10 → 26.4.0

package/src/util/isTouchDevice.ts

@@ -1,7 +1,7 @@
-let isTouch: boolean | null = null;
-
-export function isTouchDevice(): boolean {
-   if (isTouch == null)
-      isTouch = typeof window != 'undefined' && 'ontouchstart' in window;
-   return isTouch;
-}
+let isTouch: boolean | null = null;
+
+export function isTouchDevice(): boolean {
+   if (isTouch == null)
+      isTouch = typeof window != 'undefined' && 'ontouchstart' in window;
+   return isTouch;
+}

package/src/util/isTouchEvent.ts

@@ -1,64 +1,64 @@
-import { browserSupportsPassiveEventHandlers } from "./browserSupportsPassiveEventHandlers";
-import { isTouchDevice } from "./isTouchDevice";
-
-// This is primarily used for tooltips which behave differently on touch.
-// For example, tooltips are commonly toggled on touch or disabled completely.
-// To detect if mousemove is actually caused by a touch event, we check
-// if device supports touch events and when the last touch event happened.
-// Touch detection might cause bad scroll performance on devices which do not
-// support passive event listeners, and in that case detection relies only on
-// presence of touch events, without inspection of each event.
-
-let insideTouchEvent = 0;
-let lastTouchEvent = 0;
-let isTouchDetectionEnabled = false;
-
-export function enableTouchEventDetection(): void {
-   if (isTouchDevice() && !isTouchDetectionEnabled) {
-      let options: boolean | AddEventListenerOptions = true; //capture
-
-      if (browserSupportsPassiveEventHandlers())
-         options = {
-            passive: true,
-            capture: true,
-         };
-
-      document.addEventListener(
-         "touchstart",
-         () => {
-            insideTouchEvent++;
-            //console.log('TOUCHSTART');
-            lastTouchEvent = Date.now();
-         },
-         options,
-      );
-
-      document.addEventListener(
-         "touchmove",
-         () => {
-            //console.log('TOUCHMOVE');
-            lastTouchEvent = Date.now();
-         },
-         options,
-      );
-
-      document.addEventListener(
-         "touchend",
-         () => {
-            insideTouchEvent--;
-            lastTouchEvent = Date.now();
-            //console.log('TOUCHEND');
-         },
-         options,
-      );
-
-      isTouchDetectionEnabled = true;
-   }
-}
-
-export function isTouchEvent(): boolean {
-   return isTouchDevice() && (!isTouchDetectionEnabled || Date.now() - lastTouchEvent < 1000);
-}
-
-//enable touch event detection if there is no performance penalty on scrolling
-if (isTouchDevice() && browserSupportsPassiveEventHandlers()) enableTouchEventDetection();
+import { browserSupportsPassiveEventHandlers } from "./browserSupportsPassiveEventHandlers";
+import { isTouchDevice } from "./isTouchDevice";
+
+// This is primarily used for tooltips which behave differently on touch.
+// For example, tooltips are commonly toggled on touch or disabled completely.
+// To detect if mousemove is actually caused by a touch event, we check
+// if device supports touch events and when the last touch event happened.
+// Touch detection might cause bad scroll performance on devices which do not
+// support passive event listeners, and in that case detection relies only on
+// presence of touch events, without inspection of each event.
+
+let insideTouchEvent = 0;
+let lastTouchEvent = 0;
+let isTouchDetectionEnabled = false;
+
+export function enableTouchEventDetection(): void {
+   if (isTouchDevice() && !isTouchDetectionEnabled) {
+      let options: boolean | AddEventListenerOptions = true; //capture
+
+      if (browserSupportsPassiveEventHandlers())
+         options = {
+            passive: true,
+            capture: true,
+         };
+
+      document.addEventListener(
+         "touchstart",
+         () => {
+            insideTouchEvent++;
+            //console.log('TOUCHSTART');
+            lastTouchEvent = Date.now();
+         },
+         options,
+      );
+
+      document.addEventListener(
+         "touchmove",
+         () => {
+            //console.log('TOUCHMOVE');
+            lastTouchEvent = Date.now();
+         },
+         options,
+      );
+
+      document.addEventListener(
+         "touchend",
+         () => {
+            insideTouchEvent--;
+            lastTouchEvent = Date.now();
+            //console.log('TOUCHEND');
+         },
+         options,
+      );
+
+      isTouchDetectionEnabled = true;
+   }
+}
+
+export function isTouchEvent(): boolean {
+   return isTouchDevice() && (!isTouchDetectionEnabled || Date.now() - lastTouchEvent < 1000);
+}
+
+//enable touch event detection if there is no performance penalty on scrolling
+if (isTouchDevice() && browserSupportsPassiveEventHandlers()) enableTouchEventDetection();

package/src/util/isUndefined.ts

@@ -1,3 +1,3 @@
-export function isUndefined(x: any): x is undefined {
-   return x === undefined;
-}
+export function isUndefined(x: any): x is undefined {
+   return x === undefined;
+}

package/src/util/isValidIdentifierName.spec.ts

@@ -1,33 +1,33 @@
-import { isValidIdentifierName } from "./isValidIdentifierName";
-import assert from "assert";
-
-describe("isValidIdentifierName", function () {
-   it("names starting with a number are not valid", function () {
-      assert(!isValidIdentifierName("1a"));
-      assert(!isValidIdentifierName("00"));
-      assert(!isValidIdentifierName("0_abc"));
-   });
-
-   it("names starting with a dollar sign are valid", function () {
-      assert(isValidIdentifierName("$a"));
-      assert(isValidIdentifierName("$"));
-   });
-
-   it("names starting with an underscore are valid", function () {
-      assert(isValidIdentifierName("_a"));
-      assert(isValidIdentifierName("_"));
-   });
-
-   it("names starting with a letter are valid", function () {
-      assert(isValidIdentifierName("a"));
-      assert(isValidIdentifierName("abc"));
-      assert(isValidIdentifierName("abc0123"));
-   });
-
-   it("names with invalid characters are not valid", function () {
-      assert(!isValidIdentifierName("a b"));
-      assert(!isValidIdentifierName("a-b"));
-      assert(!isValidIdentifierName("a.b"));
-      assert(!isValidIdentifierName("a!b"));
-   });
-});
+import { isValidIdentifierName } from "./isValidIdentifierName";
+import assert from "assert";
+
+describe("isValidIdentifierName", function () {
+   it("names starting with a number are not valid", function () {
+      assert(!isValidIdentifierName("1a"));
+      assert(!isValidIdentifierName("00"));
+      assert(!isValidIdentifierName("0_abc"));
+   });
+
+   it("names starting with a dollar sign are valid", function () {
+      assert(isValidIdentifierName("$a"));
+      assert(isValidIdentifierName("$"));
+   });
+
+   it("names starting with an underscore are valid", function () {
+      assert(isValidIdentifierName("_a"));
+      assert(isValidIdentifierName("_"));
+   });
+
+   it("names starting with a letter are valid", function () {
+      assert(isValidIdentifierName("a"));
+      assert(isValidIdentifierName("abc"));
+      assert(isValidIdentifierName("abc0123"));
+   });
+
+   it("names with invalid characters are not valid", function () {
+      assert(!isValidIdentifierName("a b"));
+      assert(!isValidIdentifierName("a-b"));
+      assert(!isValidIdentifierName("a.b"));
+      assert(!isValidIdentifierName("a!b"));
+   });
+});

package/src/util/isValidIdentifierName.ts

@@ -1,5 +1,5 @@
-const regex = /^[$_\p{ID_Start}][$_\u{200C}\u{200D}\p{ID_Continue}]*$/u;
-
-export function isValidIdentifierName(name: string): boolean {
-   return regex.test(name);
-}
+const regex = /^[$_\p{ID_Start}][$_\u{200C}\u{200D}\p{ID_Continue}]*$/u;
+
+export function isValidIdentifierName(name: string): boolean {
+   return regex.test(name);
+}

package/src/util/maps.scss

@@ -1 +1 @@
-@forward "./scss/maps.scss";
+@forward "./scss/maps.scss";

package/src/util/onIdleCallback.ts

@@ -1,10 +1,10 @@
-export function onIdleCallback(callback: (idleDeadline: any) => any, options?: any): () => void {
-   let token: any = null;
-   if (typeof requestIdleCallback == "function") token = requestIdleCallback(callback, options);
-   else token = setTimeout(callback, 1);
-
-   return () => {
-      if (typeof cancelIdleCallback == "function") cancelIdleCallback(token);
-      else clearTimeout(token);
-   };
-}
+export function onIdleCallback(callback: (idleDeadline: any) => any, options?: any): () => void {
+   let token: any = null;
+   if (typeof requestIdleCallback == "function") token = requestIdleCallback(callback, options);
+   else token = setTimeout(callback, 1);
+
+   return () => {
+      if (typeof cancelIdleCallback == "function") cancelIdleCallback(token);
+      else clearTimeout(token);
+   };
+}

package/src/util/parseStyle.ts

@@ -1,29 +1,29 @@
-export function parseStyle(str: string): Record<string, string>;
-export function parseStyle(str: any): any;
-export function parseStyle(str: any): any {
-   if (typeof str != "string") return str;
-
-   var style: Record<string, string> = {},
-      parts = str.split(";");
-
-   for (var i = 0; i < parts.length; i++) {
-      let part = parts[i];
-
-      let colonIndex = part.indexOf(":");
-      if (colonIndex == -1) continue;
-
-      let name = part.substring(0, colonIndex).trim();
-      let value = part.substring(colonIndex + 1).trim();
-
-      //avoid css variables
-      if (!name.startsWith("--")) {
-         name = name
-            .split("-")
-            .map((p, i) => (i == 0 ? p : p[0].toUpperCase() + p.substring(1)))
-            .join("");
-      }
-      style[name] = value;
-   }
-
-   return style;
-}
+export function parseStyle(str: string): Record<string, string>;
+export function parseStyle(str: any): any;
+export function parseStyle(str: any): any {
+   if (typeof str != "string") return str;
+
+   var style: Record<string, string> = {},
+      parts = str.split(";");
+
+   for (var i = 0; i < parts.length; i++) {
+      let part = parts[i];
+
+      let colonIndex = part.indexOf(":");
+      if (colonIndex == -1) continue;
+
+      let name = part.substring(0, colonIndex).trim();
+      let value = part.substring(colonIndex + 1).trim();
+
+      //avoid css variables
+      if (!name.startsWith("--")) {
+         name = name
+            .split("-")
+            .map((p, i) => (i == 0 ? p : p[0].toUpperCase() + p.substring(1)))
+            .join("");
+      }
+      style[name] = value;
+   }
+
+   return style;
+}

package/src/util/quote.ts

@@ -1,6 +1,6 @@
-export function quoteStr(str: string): string;
-export function quoteStr(str: null): null;
-export function quoteStr(str: string | null): string | null {
-   if (str == null) return str;
-   return JSON.stringify(str);
-}
+export function quoteStr(str: string): string;
+export function quoteStr(str: null): null;
+export function quoteStr(str: string | null): string | null {
+   if (str == null) return str;
+   return JSON.stringify(str);
+}

package/src/util/reverseSlice.ts

@@ -1,10 +1,10 @@
-export function reverseSlice(array: any[], start: number): void {
-   let last = array.length - 1;
-   while (start < last) {
-      let x = array[start];
-      array[start] = array[last];
-      array[last] = x;
-      start++;
-      last--;
-   }
+export function reverseSlice(array: any[], start: number): void {
+   let last = array.length - 1;
+   while (start < last) {
+      let x = array[start];
+      array[start] = array[last];
+      array[last] = x;
+      start++;
+      last--;
+   }
 }

package/src/util/routeAppend.spec.ts

@@ -1,19 +1,19 @@
-import {routeAppend} from './routeAppend';
-
-import assert from 'assert';
-
-describe('routeAppend', function () {
-
-   it('adds / if necessary', function () {
-      assert(routeAppend('x', 'y'), 'x/y');
-   });
-
-   it('does not add extra / if not necessary', function () {
-      assert(routeAppend('x/', 'y'), 'x/y');
-      assert(routeAppend('x', '/y'), 'x/y');
-   });
-
-   it('removes extra slash if both parts contain it', function () {
-      assert(routeAppend('x/', '/y'), 'x/y');
-   });
-});
+import {routeAppend} from './routeAppend';
+
+import assert from 'assert';
+
+describe('routeAppend', function () {
+
+   it('adds / if necessary', function () {
+      assert(routeAppend('x', 'y'), 'x/y');
+   });
+
+   it('does not add extra / if not necessary', function () {
+      assert(routeAppend('x/', 'y'), 'x/y');
+      assert(routeAppend('x', '/y'), 'x/y');
+   });
+
+   it('removes extra slash if both parts contain it', function () {
+      assert(routeAppend('x/', '/y'), 'x/y');
+   });
+});

package/src/util/routeAppend.ts

@@ -1,16 +1,16 @@
-export function routeAppend(base: string, path: string): string {
-   let result = base;
-   if (path) {
-      if (path[0] == '/') {
-         if (result[result.length - 1] == '/')
-            result += path.substring(1);
-         else
-            result += path;
-      }
-      else if (result[result.length - 1] == '/')
-         result += path;
-      else
-         result += '/' + path;
-   }
-   return result;
+export function routeAppend(base: string, path: string): string {
+   let result = base;
+   if (path) {
+      if (path[0] == '/') {
+         if (result[result.length - 1] == '/')
+            result += path.substring(1);
+         else
+            result += path;
+      }
+      else if (result[result.length - 1] == '/')
+         result += path;
+      else
+         result += '/' + path;
+   }
+   return result;
 }

package/src/util/scrollElementIntoView.ts

@@ -1,40 +1,40 @@
-import { findScrollableParent } from "./findScrollableParent";
-import { getScrollerBoundingClientRect } from "./getScrollerBoundingClientRect";
-
-export function scrollElementIntoView(
-   el: Element,
-   vertical: boolean = true,
-   horizontal: boolean = false,
-   inflate: number = 0,
-   scrollContainer: HTMLElement | null = null
-): void {
-   if (horizontal) {
-      let parentEl = scrollContainer || findScrollableParent(el, true);
-      if (parentEl) {
-         let pr = getScrollerBoundingClientRect(parentEl);
-         let er = el.getBoundingClientRect();
-         let scrollbarWidth = parentEl.offsetWidth - parentEl.clientWidth;
-
-         if (er.right + inflate > pr.right - scrollbarWidth)
-            parentEl.scrollLeft = Math.max(0, parentEl.scrollLeft + er.right + inflate - pr.right + scrollbarWidth);
-
-         if (er.left - inflate < pr.left)
-            parentEl.scrollLeft = Math.max(0, parentEl.scrollLeft + er.left - inflate - pr.left);
-      }
-   }
-
-   if (vertical) {
-      let parentEl = scrollContainer || findScrollableParent(el);
-      if (parentEl) {
-         let pr = getScrollerBoundingClientRect(parentEl);
-         let er = el.getBoundingClientRect();
-         let scrollbarHeight = parentEl.offsetHeight - parentEl.clientHeight;
-
-         if (er.bottom + inflate > pr.bottom - scrollbarHeight)
-            parentEl.scrollTop = Math.max(0, parentEl.scrollTop + er.bottom + inflate - pr.bottom + scrollbarHeight);
-
-         if (er.top - inflate < pr.top)
-            parentEl.scrollTop = Math.max(0, parentEl.scrollTop + er.top - inflate - pr.top);
-      }
-   }
-}
+import { findScrollableParent } from "./findScrollableParent";
+import { getScrollerBoundingClientRect } from "./getScrollerBoundingClientRect";
+
+export function scrollElementIntoView(
+   el: Element,
+   vertical: boolean = true,
+   horizontal: boolean = false,
+   inflate: number = 0,
+   scrollContainer: HTMLElement | null = null
+): void {
+   if (horizontal) {
+      let parentEl = scrollContainer || findScrollableParent(el, true);
+      if (parentEl) {
+         let pr = getScrollerBoundingClientRect(parentEl);
+         let er = el.getBoundingClientRect();
+         let scrollbarWidth = parentEl.offsetWidth - parentEl.clientWidth;
+
+         if (er.right + inflate > pr.right - scrollbarWidth)
+            parentEl.scrollLeft = Math.max(0, parentEl.scrollLeft + er.right + inflate - pr.right + scrollbarWidth);
+
+         if (er.left - inflate < pr.left)
+            parentEl.scrollLeft = Math.max(0, parentEl.scrollLeft + er.left - inflate - pr.left);
+      }
+   }
+
+   if (vertical) {
+      let parentEl = scrollContainer || findScrollableParent(el);
+      if (parentEl) {
+         let pr = getScrollerBoundingClientRect(parentEl);
+         let er = el.getBoundingClientRect();
+         let scrollbarHeight = parentEl.offsetHeight - parentEl.clientHeight;
+
+         if (er.bottom + inflate > pr.bottom - scrollbarHeight)
+            parentEl.scrollTop = Math.max(0, parentEl.scrollTop + er.bottom + inflate - pr.bottom + scrollbarHeight);
+
+         if (er.top - inflate < pr.top)
+            parentEl.scrollTop = Math.max(0, parentEl.scrollTop + er.top - inflate - pr.top);
+      }
+   }
+}

package/src/util/scss/add-rules.scss

@@ -1,40 +1,40 @@
-@use "sass:map";
-
-@mixin cx-add-rules($styles) {
-   @each $rule, $value in $styles {
-      #{$rule}: $value;
-   }
-}
-
-@mixin cx-add-state-rules($state-style-map, $key) {
-   @include cx-add-rules(map.get($state-style-map, $key));
-}
-
-@function cx-merge-state-style-maps($state-style-map, $override-style-map) {
-   $result: $state-style-map;
-
-   @if ($override-style-map != null) {
-      @each $key, $new-value in $override-style-map {
-         $old-value: map.get($state-style-map, $key);
-         @if ($old-value != null) {
-            $new-value: map.merge($old-value, $new-value);
-         }
-         $result: map.merge(
-            $result,
-            (
-               $key: $new-value,
-            )
-         );
-      }
-   }
-
-   @return $result;
-}
-
-@function cx-get-state-rule($state-style-map, $key, $rule, $default: null) {
-   $result: map.get(map.get($state-style-map, $key), $rule);
-   @if ($result != null) {
-      @return $result;
-   }
-   @return $default;
-}
+@use "sass:map";
+
+@mixin cx-add-rules($styles) {
+   @each $rule, $value in $styles {
+      #{$rule}: $value;
+   }
+}
+
+@mixin cx-add-state-rules($state-style-map, $key) {
+   @include cx-add-rules(map.get($state-style-map, $key));
+}
+
+@function cx-merge-state-style-maps($state-style-map, $override-style-map) {
+   $result: $state-style-map;
+
+   @if ($override-style-map != null) {
+      @each $key, $new-value in $override-style-map {
+         $old-value: map.get($state-style-map, $key);
+         @if ($old-value != null) {
+            $new-value: map.merge($old-value, $new-value);
+         }
+         $result: map.merge(
+            $result,
+            (
+               $key: $new-value,
+            )
+         );
+      }
+   }
+
+   @return $result;
+}
+
+@function cx-get-state-rule($state-style-map, $key, $rule, $default: null) {
+   $result: map.get(map.get($state-style-map, $key), $rule);
+   @if ($result != null) {
+      @return $result;
+   }
+   @return $default;
+}

package/src/util/scss/besm.scss

@@ -1,15 +1,15 @@
-//
-// BESM
-//
-// B - block - top level HTML element
-// E - element - part of the component (block)
-// S - state - indicator of the component state which affects the appearance
-// M - mod - user supplied instruction which overrides default appearance
-//
-
-$cx-besm: (
-   block: "cxb-",
-   element: "cxe-",
-   state: "cxs-",
-   mod: "cxm-",
-) !default;
+//
+// BESM
+//
+// B - block - top level HTML element
+// E - element - part of the component (block)
+// S - state - indicator of the component state which affects the appearance
+// M - mod - user supplied instruction which overrides default appearance
+//
+
+$cx-besm: (
+   block: "cxb-",
+   element: "cxe-",
+   state: "cxs-",
+   mod: "cxm-",
+) !default;