cx 24.9.3 → 24.9.4

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/include.scss

@@ -1,47 +1,47 @@
-@import "call-once";
-@import "colors";
-
-$cx-include-all: true !default;
-
-$cx-excluded: () !default;
-$cx-used: null !default;
-
-$cx-dependencies: () !default;
-
-@function cx-should-include($name, $once: true) {
-   @return (
-       (map-get($cx-excluded, $name) != true) and
-       ($cx-include-all or
-       ($cx-used != null and map-get($cx-used, $name) == true))
-   )
-   and ($once != true or cx-call-once($name));
-}
-
-@function cx-included($name) {
-   @return cx-called-once($name);
-}
-
-@function cx-widget($name) {
-   @if (map-get($cx-excluded, $name)) {
-      @return 0;
-   }
-   $cx-used: map_merge($cx-used, ($name: true)) !global;
-   $dummy: 1;
-   $deps: map-get($cx-dependencies, $name);
-   @if ($deps == null) {
-      @return 0;
-   }
-   @each $dep in $deps {
-      $dummy: cx-widget($dep);
-   }
-   @return $dummy;
-}
-
-@mixin cx-widgets($names...) {
-   $dummy: 1;
-   $cx-used: () !default !global;
-
-   @each $name in $names {
-      $dummy: cx-widget($name)
-   }
-}
+@import "call-once";
+@import "colors";
+
+$cx-include-all: true !default;
+
+$cx-excluded: () !default;
+$cx-used: null !default;
+
+$cx-dependencies: () !default;
+
+@function cx-should-include($name, $once: true) {
+   @return (
+       (map-get($cx-excluded, $name) != true) and
+       ($cx-include-all or
+       ($cx-used != null and map-get($cx-used, $name) == true))
+   )
+   and ($once != true or cx-call-once($name));
+}
+
+@function cx-included($name) {
+   @return cx-called-once($name);
+}
+
+@function cx-widget($name) {
+   @if (map-get($cx-excluded, $name)) {
+      @return 0;
+   }
+   $cx-used: map_merge($cx-used, ($name: true)) !global;
+   $dummy: 1;
+   $deps: map-get($cx-dependencies, $name);
+   @if ($deps == null) {
+      @return 0;
+   }
+   @each $dep in $deps {
+      $dummy: cx-widget($dep);
+   }
+   @return $dummy;
+}
+
+@mixin cx-widgets($names...) {
+   $dummy: 1;
+   $cx-used: () !default !global;
+
+   @each $name in $names {
+      $dummy: cx-widget($name)
+   }
+}

package/src/util/scss/index.scss

@@ -1,9 +1,9 @@
-@import "add-rules";
-@import "calc";
-@import "call-once";
-@import "clockwise";
-@import "colors";
-@import "deep-merge";
-@import "deep-get";
-@import "include";
-@import "divide";
+@import "add-rules";
+@import "calc";
+@import "call-once";
+@import "clockwise";
+@import "colors";
+@import "deep-merge";
+@import "deep-get";
+@import "include";
+@import "divide";

package/src/util/shallowEquals.js

@@ -1,43 +1,43 @@
-import {isArray} from './isArray';
-
-export function shallowEquals(v1, v2) {
-
-   if (v1 === v2)
-      return true;
-
-   let t1 = typeof v1,
-      t2 = typeof v2,
-      k, i;
-
-   if (t1 != t2)
-      return false;
-
-   if (v1 == null || v2 == null) //this captures undefined too
-      return false;
-
-   if (t1 == 'object') {
-
-      if (isArray(v1)) {
-         if (!isArray(v2) || v1.length != v2.length)
-            return false;
-
-         for (i = 0; i < v1.length; i++)
-            if (!shallowEquals(v1[i], v2[i]))
-               return false;
-
-         return true;
-      }
-      else {
-         for (k in v1)
-            if (v1.hasOwnProperty(k) && (!v2.hasOwnProperty(k) || v1[k] !== v2[k]))
-               return false;
-
-         for (k in v2)
-            if (v2.hasOwnProperty(k) && (!v1.hasOwnProperty(k) || v1[k] !== v2[k]))
-               return false;
-
-         return true;
-      }
-   }
-   return v1 === v2;
-}
+import {isArray} from './isArray';
+
+export function shallowEquals(v1, v2) {
+
+   if (v1 === v2)
+      return true;
+
+   let t1 = typeof v1,
+      t2 = typeof v2,
+      k, i;
+
+   if (t1 != t2)
+      return false;
+
+   if (v1 == null || v2 == null) //this captures undefined too
+      return false;
+
+   if (t1 == 'object') {
+
+      if (isArray(v1)) {
+         if (!isArray(v2) || v1.length != v2.length)
+            return false;
+
+         for (i = 0; i < v1.length; i++)
+            if (!shallowEquals(v1[i], v2[i]))
+               return false;
+
+         return true;
+      }
+      else {
+         for (k in v1)
+            if (v1.hasOwnProperty(k) && (!v2.hasOwnProperty(k) || v1[k] !== v2[k]))
+               return false;
+
+         for (k in v2)
+            if (v2.hasOwnProperty(k) && (!v1.hasOwnProperty(k) || v1[k] !== v2[k]))
+               return false;
+
+         return true;
+      }
+   }
+   return v1 === v2;
+}

package/src/util/throttle.d.ts

@@ -1,9 +1,9 @@
-/**
- * Returns a function, that, after it is invoked, will trigger the `callback` function, 
- * after the `delay` amount of milliseconds has passed. During that time, all subsequent calls are
- * ignored. All arguments are passed to the `callback` function.
- * @param callback
- * @param delay - Delay in milliseconds. 
- * @returns {Function}
- */
+/**
+ * Returns a function, that, after it is invoked, will trigger the `callback` function, 
+ * after the `delay` amount of milliseconds has passed. During that time, all subsequent calls are
+ * ignored. All arguments are passed to the `callback` function.
+ * @param callback
+ * @param delay - Delay in milliseconds. 
+ * @returns {Function}
+ */
 export function throttle(callback: (...args: any[]) => void, delay: number): (...args: any[]) => void;

package/src/util/throttle.js

@@ -1,14 +1,14 @@
-export function throttle(callback, delay) {
-   let timer, context, args;
-
-   return function () {
-      context = this;
-      args = arguments;
-
-      if (!timer)
-         timer = setTimeout(function () {
-            callback.apply(context, args);
-            timer = null;
-         }, delay);
-   };
-}
+export function throttle(callback, delay) {
+   let timer, context, args;
+
+   return function () {
+      context = this;
+      args = arguments;
+
+      if (!timer)
+         timer = setTimeout(function () {
+            callback.apply(context, args);
+            timer = null;
+         }, delay);
+   };
+}

package/src/util/validatedDebounce.js

@@ -1,19 +1,19 @@
-export function validatedDebounce(callback, valueGetter, delay) {
-   let timer;
-   let result = function (...args) {
-      clearTimeout(timer);
-      let prev = valueGetter();
-      timer = setTimeout(function () {
-         let now = valueGetter();
-         if (prev !== now) return;
-         callback(...args);
-      }, delay);
-   };
-
-   result.reset = function reset(...args) {
-      clearTimeout(timer);
-      callback(...args);
-   };
-
-   return result;
-}
+export function validatedDebounce(callback, valueGetter, delay) {
+   let timer;
+   let result = function (...args) {
+      clearTimeout(timer);
+      let prev = valueGetter();
+      timer = setTimeout(function () {
+         let now = valueGetter();
+         if (prev !== now) return;
+         callback(...args);
+      }, delay);
+   };
+
+   result.reset = function reset(...args) {
+      clearTimeout(timer);
+      callback(...args);
+   };
+
+   return result;
+}