cx 24.7.5 → 24.8.0

package/src/util/isNumber.js

@@ -1,3 +1,3 @@
-export function isNumber(n) {
-   return typeof n === 'number';
-}
+export function isNumber(n) {
+   return typeof n === 'number';
+}

package/src/util/isObject.d.ts

@@ -1 +1 @@
-export function isObject(x: any): x is object;
+export function isObject(x: any): x is object;

package/src/util/isObject.js

@@ -1,3 +1,3 @@
-export function isObject(o) {
-   return o !== null && typeof o === 'object';
-}
+export function isObject(o) {
+   return o !== null && typeof o === 'object';
+}

package/src/util/isPromise.d.ts

@@ -1 +1 @@
-export function isPromise(x: any): x is Promise;
+export function isPromise(x: any): x is Promise;

package/src/util/isPromise.js

@@ -1,6 +1,6 @@
-import {isFunction} from './isFunction';
-import {isObject} from './isObject';
-
-export function isPromise(x) {
-   return isObject(x) && isFunction(x.then);
-}
+import {isFunction} from './isFunction';
+import {isObject} from './isObject';
+
+export function isPromise(x) {
+   return isObject(x) && isFunction(x.then);
+}

package/src/util/isString.d.ts

@@ -1 +1 @@
-export function isString(x: any): x is string;
+export function isString(x: any): x is string;

package/src/util/isString.js

@@ -1,3 +1,3 @@
-export function isString(s) {
-   return typeof s === 'string';
-}
+export function isString(s) {
+   return typeof s === 'string';
+}

package/src/util/isTextInputElement.d.ts

@@ -1 +1 @@
-export function isTextInputElement(el: Element): boolean;
+export function isTextInputElement(el: Element): boolean;

package/src/util/isTextInputElement.js

@@ -1,3 +1,3 @@
-export function isTextInputElement(el) {
-   return el.tagName == 'INPUT' || el.tagName == 'TEXTAREA';
+export function isTextInputElement(el) {
+   return el.tagName == 'INPUT' || el.tagName == 'TEXTAREA';
 }

package/src/util/isTouchDevice.d.ts

@@ -1,2 +1,2 @@
-
+
 export function isTouchDevice(): boolean;

package/src/util/isTouchDevice.js

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

package/src/util/isTouchEvent.d.ts

@@ -1,4 +1,4 @@
-
-export function enableTouchEventDetection();
-
+
+export function enableTouchEventDetection();
+
 export function isTouchEvent(): boolean;

package/src/util/isTouchEvent.js

@@ -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() {
-   if (isTouchDevice() && !isTouchDetectionEnabled) {
-      let options = 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() {
-   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() {
+   if (isTouchDevice() && !isTouchDetectionEnabled) {
+      let options = 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() {
+   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.d.ts

@@ -1 +1 @@
-export function isUndefined(x: any): x is undefined;
+export function isUndefined(x: any): x is undefined;

package/src/util/isUndefined.js

@@ -1,3 +1,3 @@
-export function isUndefined(v) {
-   return v === undefined;
-}
+export function isUndefined(v) {
+   return v === undefined;
+}

package/src/util/onIdleCallback.js

@@ -1,14 +1,14 @@
-export function onIdleCallback(callback, options) {
-   let token = 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, options) {
+   let token = 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.d.ts

@@ -1,4 +1,4 @@
-import * as Cx from '../core';
-
-export function parseStyle(str: string) : Cx.Config;
+import * as Cx from '../core';
+
+export function parseStyle(str: string) : Cx.Config;
 export function parseStyle(str: any) : any;

package/src/util/parseStyle.js

@@ -1,27 +1,27 @@
-export function parseStyle(str) {
-   if (typeof str != "string") return str;
-
-   var style = {},
-      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) {
+   if (typeof str != "string") return str;
+
+   var style = {},
+      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.d.ts

@@ -1,3 +1,3 @@
-
-export function quoteStr(str: string): string;
+
+export function quoteStr(str: string): string;
 export function quoteStr(str: null): null;

package/src/util/quote.js

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

package/src/util/reverseSlice.js

@@ -1,10 +1,10 @@
-export function reverseSlice(array, start) {
-   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, start) {
+   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.js

@@ -1,16 +1,16 @@
-export function routeAppend(base, path) {
-   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, path) {
+   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/routeAppend.spec.js

@@ -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/scrollElementIntoView.d.ts

@@ -1,7 +1,7 @@
-export function scrollElementIntoView(
-   el: Element,
-   vertical?: boolean,
-   horizontal?: boolean,
-   inflate?: number,
-   scrollContainer?: HTMLElement
-): void;
+export function scrollElementIntoView(
+   el: Element,
+   vertical?: boolean,
+   horizontal?: boolean,
+   inflate?: number,
+   scrollContainer?: HTMLElement
+): void;

package/src/util/scrollElementIntoView.js

@@ -1,34 +1,34 @@
-import { findScrollableParent } from "./findScrollableParent";
-import { getScrollerBoundingClientRect } from "./getScrollerBoundingClientRect";
-
-export function scrollElementIntoView(el, vertical = true, horizontal = false, inflate = 0, scrollContainer = null) {
-   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, vertical = true, horizontal = false, inflate = 0, scrollContainer = null) {
+   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,39 +1,39 @@
-@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;
-}
-
+@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;
+}
+