cx 24.4.1 → 24.4.2

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;
+}
+

package/src/util/scss/calc.scss

@@ -1,41 +1,41 @@
-@function cx-calc($lengths...) {
-   $units: ();
-
-   @each $l in $lengths {
-      $unit: unit($l);
-      @if (map-has-key($units, $unit)) {
-         $nl: map-get($units, $unit) + $l;
-         $units: map-merge($units, ($unit: $nl))
-      } @else {
-         $units: map-merge($units, ($unit: $l))
-      }
-   }
-
-   $keys: map-keys($units);
-   @if (length($keys) == 1) {
-      @return map-get($units, nth($keys, 1));
-   }
-
-   $calc: '';
-   $count: 0;
-
-   @each $u, $v in $units {
-      @if ($v != 0) {
-         $count: $count + 1;
-         @if ($count > 1) {
-            $calc: $calc + ' + ';
-         }
-         $calc: $calc + $v;
-      }
-   }
-
-   @if ($count == 0) {
-      @return 0;
-   }
-
-   @if ($count == 1) {
-      @return #{$calc};
-   }
-
-   @return #{'calc(' + $calc  + ')'};
+@function cx-calc($lengths...) {
+   $units: ();
+
+   @each $l in $lengths {
+      $unit: unit($l);
+      @if (map-has-key($units, $unit)) {
+         $nl: map-get($units, $unit) + $l;
+         $units: map-merge($units, ($unit: $nl))
+      } @else {
+         $units: map-merge($units, ($unit: $l))
+      }
+   }
+
+   $keys: map-keys($units);
+   @if (length($keys) == 1) {
+      @return map-get($units, nth($keys, 1));
+   }
+
+   $calc: '';
+   $count: 0;
+
+   @each $u, $v in $units {
+      @if ($v != 0) {
+         $count: $count + 1;
+         @if ($count > 1) {
+            $calc: $calc + ' + ';
+         }
+         $calc: $calc + $v;
+      }
+   }
+
+   @if ($count == 0) {
+      @return 0;
+   }
+
+   @if ($count == 1) {
+      @return #{$calc};
+   }
+
+   @return #{'calc(' + $calc  + ')'};
 }

package/src/util/scss/call-once.scss

@@ -1,11 +1,11 @@
-$cx-call-once-data: () !default;
-
-@function cx-call-once($name) {
-   $result: map_get($cx-call-once-data, $name);
-   $cx-call-once-data: map_merge($cx-call-once-data, ($name: true)) !global;
-   @return $result != true;
-}
-
-@function cx-called-once($name) {
-   @return map_get($cx-call-once-data, $name);
+$cx-call-once-data: () !default;
+
+@function cx-call-once($name) {
+   $result: map_get($cx-call-once-data, $name);
+   $cx-call-once-data: map_merge($cx-call-once-data, ($name: true)) !global;
+   @return $result != true;
+}
+
+@function cx-called-once($name) {
+   @return map_get($cx-call-once-data, $name);
 }

package/src/util/scss/clockwise.scss

@@ -1,47 +1,47 @@
-@function cx-top($list) {
-   @if (length($list) > 0) {
-      @return nth($list, 1);
-   }
-   @return null;
-}
-
-@function cx-right($list) {
-   @if (length($list) == 1) {
-      @return nth($list, 1);
-   }
-   @if (length($list) > 1) {
-      @return nth($list, 2);
-   }
-   @return null;
-}
-
-@function cx-bottom($list) {
-   @if (length($list) > 2) {
-      @return nth($list, 3);
-   }
-
-   @if (length($list) >= 1) {
-      @return nth($list, 1);
-   }
-
-   @return null;
-}
-
-@function cx-left($list) {
-   @if (length($list) == 1) {
-      @return nth($list, 1);
-   }
-
-   @if (length($list) == 2) {
-      @return nth($list, 2);
-   }
-
-   @if (length($list) == 3) {
-      @return nth($list, 2);
-   }
-
-   @if (length($list) == 4) {
-      @return nth($list, 4);
-   }
-   @return null;
-}
+@function cx-top($list) {
+   @if (length($list) > 0) {
+      @return nth($list, 1);
+   }
+   @return null;
+}
+
+@function cx-right($list) {
+   @if (length($list) == 1) {
+      @return nth($list, 1);
+   }
+   @if (length($list) > 1) {
+      @return nth($list, 2);
+   }
+   @return null;
+}
+
+@function cx-bottom($list) {
+   @if (length($list) > 2) {
+      @return nth($list, 3);
+   }
+
+   @if (length($list) >= 1) {
+      @return nth($list, 1);
+   }
+
+   @return null;
+}
+
+@function cx-left($list) {
+   @if (length($list) == 1) {
+      @return nth($list, 1);
+   }
+
+   @if (length($list) == 2) {
+      @return nth($list, 2);
+   }
+
+   @if (length($list) == 3) {
+      @return nth($list, 2);
+   }
+
+   @if (length($list) == 4) {
+      @return nth($list, 4);
+   }
+   @return null;
+}

package/src/util/scss/colors.scss

@@ -1,8 +1,8 @@
-
-@function cx-whiten($color, $percentage) {
-   @return mix(white, $color, $percentage);
-}
-
-@function cx-blacken($color, $percentage) {
-   @return mix(black, $color, $percentage);
+
+@function cx-whiten($color, $percentage) {
+   @return mix(white, $color, $percentage);
+}
+
+@function cx-blacken($color, $percentage) {
+   @return mix(black, $color, $percentage);
 }

package/src/util/scss/deep-get.scss

@@ -1,10 +1,10 @@
-@function cx-map-deep-get($map, $keys...){
-   @each $key in $keys {
-      $map: map-get($map, $key)
-   }
-   @if $map != null {
-      @return $map
-   } @else {
-      @return null
-   }
+@function cx-map-deep-get($map, $keys...){
+   @each $key in $keys {
+      $map: map-get($map, $key)
+   }
+   @if $map != null {
+      @return $map
+   } @else {
+      @return null
+   }
 };

package/src/util/scss/deep-merge.scss

@@ -1,18 +1,18 @@
-@function cx-deep-map-merge($parent-map, $child-map) {
-	$result: $parent-map;
-	@each $key, $value in $child-map {
-		//If the parent map does not have the child map's key, or
-		//If their type don't match, or
-		//If they are not both maps,
-		@if (not map-has-key($result, $key)) or (type-of(map-get($result, $key)) != type-of($value)) or (not (type-of(map-get($result, $key)) == map and type-of($value) == map)) {
-			//Simply add that key to the parent map.
-			$result: map-merge($result, ($key: $value));
-		}
-		@else {
-			//If they are both maps, we need another non-destructive merger.
-			//Recursive, yay!
-			$result: map-merge($result, ($key: cx-deep-map-merge(map-get($result, $key), $value)));
-		}
-	}
-	@return $result;
-}
+@function cx-deep-map-merge($parent-map, $child-map) {
+	$result: $parent-map;
+	@each $key, $value in $child-map {
+		//If the parent map does not have the child map's key, or
+		//If their type don't match, or
+		//If they are not both maps,
+		@if (not map-has-key($result, $key)) or (type-of(map-get($result, $key)) != type-of($value)) or (not (type-of(map-get($result, $key)) == map and type-of($value) == map)) {
+			//Simply add that key to the parent map.
+			$result: map-merge($result, ($key: $value));
+		}
+		@else {
+			//If they are both maps, we need another non-destructive merger.
+			//Recursive, yay!
+			$result: map-merge($result, ($key: cx-deep-map-merge(map-get($result, $key), $value)));
+		}
+	}
+	@return $result;
+}

package/src/util/scss/divide.scss

@@ -1,3 +1,3 @@
-@function cx-divide($a, $b) {
-   @return $a / $b;
-}
+@function cx-divide($a, $b) {
+   @return $a / $b;
+}