@lumx/core 3.20.1-alpha.20 → 3.20.1-alpha.21

package/js/utils/className/resolveColorWithVariants.js

@@ -1,8 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
 /** Resolve color & color variant from a `ColorWithVariants` and optionally a `ColorVariant`. */
 function resolveColorWithVariants(colorWithVariants, colorVariant) {
-  if (!colorWithVariants) return [undefined, colorVariant];
-  const [color, baseColorVariant] = colorWithVariants.split('-');
-  return [color, colorVariant || baseColorVariant];
+    if (!colorWithVariants)
+        return [undefined, colorVariant];
+    const [color, baseColorVariant] = colorWithVariants.split('-');
+    return [color, (colorVariant || baseColorVariant)];
 }
 
-export { resolveColorWithVariants };
+exports.resolveColorWithVariants = resolveColorWithVariants;

package/js/utils/className/resolveColorWithVariants.min.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.resolveColorWithVariants=function(e,t){if(!e)return[void 0,t];const[r,o]=e.split("-");return[r,t||o]};

package/js/utils/className/resolveColorWithVariants.test.js

@@ -1,28 +1,30 @@
-import { resolveColorWithVariants } from './resolveColorWithVariants.js';
+'use strict';
 
-describe(resolveColorWithVariants, () => {
-  it('should handle undefined color', () => {
-    const result = resolveColorWithVariants(undefined);
-    expect(result).toEqual([undefined, undefined]);
-  });
-  it('should handle undefined color with variant', () => {
-    const result = resolveColorWithVariants(undefined, 'L2');
-    expect(result).toEqual([undefined, 'L2']);
-  });
-  it('should handle color with undefined variant', () => {
-    const result = resolveColorWithVariants('primary');
-    expect(result).toEqual(['primary', undefined]);
-  });
-  it('should handle color & variant separated', () => {
-    const result = resolveColorWithVariants('primary', 'L2');
-    expect(result).toEqual(['primary', 'L2']);
-  });
-  it('should handle color with variant all in one', () => {
-    const result = resolveColorWithVariants('primary-L2');
-    expect(result).toEqual(['primary', 'L2']);
-  });
-  it('should override color variant with the given color variant', () => {
-    const result = resolveColorWithVariants('primary-L2', 'D2');
-    expect(result).toEqual(['primary', 'D2']);
-  });
+var js_utils_className_resolveColorWithVariants = require('./resolveColorWithVariants.js');
+
+describe(js_utils_className_resolveColorWithVariants.resolveColorWithVariants, () => {
+    it('should handle undefined color', () => {
+        const result = js_utils_className_resolveColorWithVariants.resolveColorWithVariants(undefined);
+        expect(result).toEqual([undefined, undefined]);
+    });
+    it('should handle undefined color with variant', () => {
+        const result = js_utils_className_resolveColorWithVariants.resolveColorWithVariants(undefined, 'L2');
+        expect(result).toEqual([undefined, 'L2']);
+    });
+    it('should handle color with undefined variant', () => {
+        const result = js_utils_className_resolveColorWithVariants.resolveColorWithVariants('primary');
+        expect(result).toEqual(['primary', undefined]);
+    });
+    it('should handle color & variant separated', () => {
+        const result = js_utils_className_resolveColorWithVariants.resolveColorWithVariants('primary', 'L2');
+        expect(result).toEqual(['primary', 'L2']);
+    });
+    it('should handle color with variant all in one', () => {
+        const result = js_utils_className_resolveColorWithVariants.resolveColorWithVariants('primary-L2');
+        expect(result).toEqual(['primary', 'L2']);
+    });
+    it('should override color variant with the given color variant', () => {
+        const result = js_utils_className_resolveColorWithVariants.resolveColorWithVariants('primary-L2', 'D2');
+        expect(result).toEqual(['primary', 'D2']);
+    });
 });

package/js/utils/className/resolveColorWithVariants.test.min.js

@@ -0,0 +1 @@
+"use strict";var o=require("./resolveColorWithVariants.min.js");describe(o.resolveColorWithVariants,()=>{it("should handle undefined color",()=>{const r=o.resolveColorWithVariants(void 0);expect(r).toEqual([void 0,void 0])}),it("should handle undefined color with variant",()=>{const r=o.resolveColorWithVariants(void 0,"L2");expect(r).toEqual([void 0,"L2"])}),it("should handle color with undefined variant",()=>{const r=o.resolveColorWithVariants("primary");expect(r).toEqual(["primary",void 0])}),it("should handle color & variant separated",()=>{const r=o.resolveColorWithVariants("primary","L2");expect(r).toEqual(["primary","L2"])}),it("should handle color with variant all in one",()=>{const r=o.resolveColorWithVariants("primary-L2");expect(r).toEqual(["primary","L2"])}),it("should override color variant with the given color variant",()=>{const r=o.resolveColorWithVariants("primary-L2","D2");expect(r).toEqual(["primary","D2"])})});

package/js/utils/index.js

@@ -1,16 +1,24 @@
-import noop from 'lodash/noop';
-export { handleBasicClasses } from './className/handleBasicClasses.js';
-export { getBasicClass } from './className/getBasicClass.js';
-export { getRootClassName } from './className/getRootClassName.js';
-export { getTypographyClassName } from './className/getTypographyClassName.js';
-export { fontColorClass } from './className/fontColorClass.js';
-export { resolveColorWithVariants } from './className/resolveColorWithVariants.js';
-import 'classnames';
-import 'lodash/isBoolean';
-import 'lodash/isEmpty';
-import 'lodash/kebabCase';
-import '../constants/index.js';
-import '../constants/keycodes.js';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var noop = require('lodash/noop');
+var js_utils_className_handleBasicClasses = require('./className/handleBasicClasses.js');
+var js_utils_className_getBasicClass = require('./className/getBasicClass.js');
+var js_utils_className_getRootClassName = require('./className/getRootClassName.js');
+var js_utils_className_getTypographyClassName = require('./className/getTypographyClassName.js');
+var js_utils_className_fontColorClass = require('./className/fontColorClass.js');
+var js_utils_className_resolveColorWithVariants = require('./className/resolveColorWithVariants.js');
+require('classnames');
+require('lodash/isBoolean');
+require('lodash/isEmpty');
+require('lodash/kebabCase');
+require('../constants/index.js');
+require('../constants/keycodes.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var noop__default = /*#__PURE__*/_interopDefaultLegacy(noop);
 
 /**
  * Make sure the pressed key is the enter key before calling the callback.
@@ -19,14 +27,13 @@ import '../constants/keycodes.js';
  * @return The decorated function.
  */
 function onEnterPressed(handler) {
-  return evt => {
-    if (evt.key !== 'Enter') {
-      return;
-    }
-    handler(evt);
-  };
+    return (evt) => {
+        if (evt.key !== 'Enter') {
+            return;
+        }
+        handler(evt);
+    };
 }
-
 /**
  * Make sure the pressed key is the escape key before calling the callback.
  *
@@ -34,14 +41,13 @@ function onEnterPressed(handler) {
  * @return The decorated function.
  */
 function onEscapePressed(handler) {
-  return evt => {
-    if (evt.key !== 'Escape') {
-      return;
-    }
-    handler(evt);
-  };
+    return (evt) => {
+        if (evt.key !== 'Escape') {
+            return;
+        }
+        handler(evt);
+    };
 }
-
 /**
  * Handle button key pressed (Enter + Space).
  *
@@ -49,12 +55,12 @@ function onEscapePressed(handler) {
  * @return The decorated function.
  */
 function onButtonPressed(handler) {
-  return evt => {
-    if (evt.key !== 'Enter' && evt.key !== ' ') {
-      return;
-    }
-    handler(evt);
-  };
+    return (evt) => {
+        if (evt.key !== 'Enter' && evt.key !== ' ') {
+            return;
+        }
+        handler(evt);
+    };
 }
 /**
  * Detects swipe direction.
@@ -65,146 +71,153 @@ function onButtonPressed(handler) {
  * @param  handleSwipe Callback function.
  * @return Function to remove listeners.
  */
-function detectSwipe(touchSurface, handleSwipe = noop) {
-  let distX;
-  let distY;
-  let startX;
-  let startY;
-  let direction;
-  // Required min distance traveled to be considered swipe.
-  const threshold = 150;
-  // Maximum distance allowed at the same time in perpendicular direction.
-  const restraint = 100;
-  // Maximum time allowed to travel that distance.
-  const allowedTime = 300;
-  let elapsedTime;
-  let startTime;
-  const onTouchStart = evt => {
-    const [touch] = Array.from(evt.changedTouches);
-    direction = 'none';
-    // Const dist = 0;
-    startX = touch.pageX;
-    startY = touch.pageY;
-    // Record time when finger first makes contact with surface.
-    startTime = new Date().getTime();
-    evt.preventDefault();
-  };
-  const onTouchMove = evt => {
-    // Prevent scrolling when inside DIV.
-    evt.preventDefault();
-  };
-  const onTouchEnd = evt => {
-    const [touch] = Array.from(evt.changedTouches);
-    // Get horizontal dist traveled by finger while in contact with surface.
-    distX = touch.pageX - startX;
-    // Get vertical dist traveled by finger while in contact with surface.
-    distY = touch.pageY - startY;
-    // Get time elapsed.
-    elapsedTime = new Date().getTime() - startTime;
-    if (elapsedTime <= allowedTime) {
-      // First condition for awipe met.
-      if (Math.abs(distX) >= threshold && Math.abs(distY) <= restraint) {
-        // 2nd condition for horizontal swipe met.
-        // If dist traveled is negative, it indicates left swipe.
-        direction = distX < 0 ? 'left' : 'right';
-      } else if (Math.abs(distY) >= threshold && Math.abs(distX) <= restraint) {
-        // 2nd condition for vertical swipe met.
-        // If dist traveled is negative, it indicates up swipe.
-        direction = distY < 0 ? 'up' : 'down';
-      }
-    }
-    handleSwipe(direction);
-    evt.preventDefault();
-  };
-  touchSurface.addEventListener('touchstart', onTouchStart, false);
-  touchSurface.addEventListener('touchmove', onTouchMove, false);
-  touchSurface.addEventListener('touchend', onTouchEnd, false);
-  return () => {
-    touchSurface.removeEventListener('touchstart', onTouchStart, false);
-    touchSurface.removeEventListener('touchmove', onTouchMove, false);
-    touchSurface.removeEventListener('touchend', onTouchEnd, false);
-  };
+function detectSwipe(touchSurface, handleSwipe = noop__default["default"]) {
+    let distX;
+    let distY;
+    let startX;
+    let startY;
+    let direction;
+    // Required min distance traveled to be considered swipe.
+    const threshold = 150;
+    // Maximum distance allowed at the same time in perpendicular direction.
+    const restraint = 100;
+    // Maximum time allowed to travel that distance.
+    const allowedTime = 300;
+    let elapsedTime;
+    let startTime;
+    const onTouchStart = (evt) => {
+        const [touch] = Array.from(evt.changedTouches);
+        direction = 'none';
+        // Const dist = 0;
+        startX = touch.pageX;
+        startY = touch.pageY;
+        // Record time when finger first makes contact with surface.
+        startTime = new Date().getTime();
+        evt.preventDefault();
+    };
+    const onTouchMove = (evt) => {
+        // Prevent scrolling when inside DIV.
+        evt.preventDefault();
+    };
+    const onTouchEnd = (evt) => {
+        const [touch] = Array.from(evt.changedTouches);
+        // Get horizontal dist traveled by finger while in contact with surface.
+        distX = touch.pageX - startX;
+        // Get vertical dist traveled by finger while in contact with surface.
+        distY = touch.pageY - startY;
+        // Get time elapsed.
+        elapsedTime = new Date().getTime() - startTime;
+        if (elapsedTime <= allowedTime) {
+            // First condition for awipe met.
+            if (Math.abs(distX) >= threshold && Math.abs(distY) <= restraint) {
+                // 2nd condition for horizontal swipe met.
+                // If dist traveled is negative, it indicates left swipe.
+                direction = distX < 0 ? 'left' : 'right';
+            }
+            else if (Math.abs(distY) >= threshold && Math.abs(distX) <= restraint) {
+                // 2nd condition for vertical swipe met.
+                // If dist traveled is negative, it indicates up swipe.
+                direction = distY < 0 ? 'up' : 'down';
+            }
+        }
+        handleSwipe(direction);
+        evt.preventDefault();
+    };
+    touchSurface.addEventListener('touchstart', onTouchStart, false);
+    touchSurface.addEventListener('touchmove', onTouchMove, false);
+    touchSurface.addEventListener('touchend', onTouchEnd, false);
+    return () => {
+        touchSurface.removeEventListener('touchstart', onTouchStart, false);
+        touchSurface.removeEventListener('touchmove', onTouchMove, false);
+        touchSurface.removeEventListener('touchend', onTouchEnd, false);
+    };
 }
-
 /**
  * Checks whether or not the browser support passive events.
  * @see https://github.com/Modernizr/Modernizr/blob/6d56d814b9682843313b16060adb25a58d83a317/feature-detects/dom/passiveeventlisteners.js
  */
 function isPassiveEventAvailable() {
-  let supportsPassiveOption = false;
-  try {
-    const opts = Object.defineProperty({}, 'passive', {
-      get() {
-        supportsPassiveOption = true;
-      }
-    });
-    window.addEventListener('testPassiveEventSupport', noop, opts);
-    window.removeEventListener('testPassiveEventSupport', noop, opts);
-  } catch (e) {
-    // ignored
-  }
-  return supportsPassiveOption;
+    let supportsPassiveOption = false;
+    try {
+        const opts = Object.defineProperty({}, 'passive', {
+            get() {
+                supportsPassiveOption = true;
+            },
+        });
+        window.addEventListener('testPassiveEventSupport', noop__default["default"], opts);
+        window.removeEventListener('testPassiveEventSupport', noop__default["default"], opts);
+    }
+    catch (e) {
+        // ignored
+    }
+    return supportsPassiveOption;
 }
-
 /**
  * Detects horizontal swipe direction without blocking the browser scroll using passive event.
  * @see http://javascriptkit.com/javatutors/touchevents2.shtml
  * @see https://github.com/WICG/EventListenerOptions/blob/gh-pages/explainer.md
  */
 function detectHorizontalSwipe(touchSurface, handleSwipe) {
-  let startX;
-  let startY;
-  // Required min distance traveled to be considered swipe.
-  const threshold = 150;
-  // Maximum distance allowed at the same time in perpendicular direction.
-  const restraint = 150;
-  // Maximum time allowed to travel that distance.
-  const allowedTime = 300;
-  let elapsedTime;
-  let startTime;
-  let finished;
-  const onTouchStart = evt => {
-    const [touch] = Array.from(evt.changedTouches);
-    startX = touch.pageX;
-    startY = touch.pageY;
-    // Record time when finger first makes contact with surface.
-    startTime = new Date().getTime();
-    finished = false;
-  };
-  const onTouchMove = evt => {
-    if (finished) {
-      return;
-    }
-    elapsedTime = new Date().getTime() - startTime;
-    if (elapsedTime > allowedTime) {
-      // Touch swipe too long to be considered.
-      return;
-    }
-    const [touch] = Array.from(evt.changedTouches);
-    // Get horizontal dist traveled by finger while in contact with surface.
-    const distX = touch.pageX - startX;
-    // Get vertical dist traveled by finger while in contact with surface.
-    const distY = touch.pageY - startY;
-    if (!(Math.abs(distX) >= threshold && Math.abs(distY) <= restraint)) {
-      // Swipe is not horizontal.
-      return;
-    }
-    // Swipe direction.
-    const direction = distX < 0 ? 'left' : 'right';
-    handleSwipe(direction);
-    finished = true;
-  };
-
-  // Activate passive event if possible for better scrolling performance.
-  const eventOptions = isPassiveEventAvailable() ? {
-    passive: true
-  } : false;
-  touchSurface.addEventListener('touchstart', onTouchStart, eventOptions);
-  touchSurface.addEventListener('touchmove', onTouchMove, eventOptions);
-  return () => {
-    touchSurface.removeEventListener('touchstart', onTouchStart, eventOptions);
-    touchSurface.removeEventListener('touchmove', onTouchMove, eventOptions);
-  };
+    let startX;
+    let startY;
+    // Required min distance traveled to be considered swipe.
+    const threshold = 150;
+    // Maximum distance allowed at the same time in perpendicular direction.
+    const restraint = 150;
+    // Maximum time allowed to travel that distance.
+    const allowedTime = 300;
+    let elapsedTime;
+    let startTime;
+    let finished;
+    const onTouchStart = (evt) => {
+        const [touch] = Array.from(evt.changedTouches);
+        startX = touch.pageX;
+        startY = touch.pageY;
+        // Record time when finger first makes contact with surface.
+        startTime = new Date().getTime();
+        finished = false;
+    };
+    const onTouchMove = (evt) => {
+        if (finished) {
+            return;
+        }
+        elapsedTime = new Date().getTime() - startTime;
+        if (elapsedTime > allowedTime) {
+            // Touch swipe too long to be considered.
+            return;
+        }
+        const [touch] = Array.from(evt.changedTouches);
+        // Get horizontal dist traveled by finger while in contact with surface.
+        const distX = touch.pageX - startX;
+        // Get vertical dist traveled by finger while in contact with surface.
+        const distY = touch.pageY - startY;
+        if (!(Math.abs(distX) >= threshold && Math.abs(distY) <= restraint)) {
+            // Swipe is not horizontal.
+            return;
+        }
+        // Swipe direction.
+        const direction = distX < 0 ? 'left' : 'right';
+        handleSwipe(direction);
+        finished = true;
+    };
+    // Activate passive event if possible for better scrolling performance.
+    const eventOptions = isPassiveEventAvailable() ? { passive: true } : false;
+    touchSurface.addEventListener('touchstart', onTouchStart, eventOptions);
+    touchSurface.addEventListener('touchmove', onTouchMove, eventOptions);
+    return () => {
+        touchSurface.removeEventListener('touchstart', onTouchStart, eventOptions);
+        touchSurface.removeEventListener('touchmove', onTouchMove, eventOptions);
+    };
 }
 
-export { detectHorizontalSwipe, detectSwipe, onButtonPressed, onEnterPressed, onEscapePressed };
+exports.handleBasicClasses = js_utils_className_handleBasicClasses.handleBasicClasses;
+exports.getBasicClass = js_utils_className_getBasicClass.getBasicClass;
+exports.getRootClassName = js_utils_className_getRootClassName.getRootClassName;
+exports.getTypographyClassName = js_utils_className_getTypographyClassName.getTypographyClassName;
+exports.fontColorClass = js_utils_className_fontColorClass.fontColorClass;
+exports.resolveColorWithVariants = js_utils_className_resolveColorWithVariants.resolveColorWithVariants;
+exports.detectHorizontalSwipe = detectHorizontalSwipe;
+exports.detectSwipe = detectSwipe;
+exports.onButtonPressed = onButtonPressed;
+exports.onEnterPressed = onEnterPressed;
+exports.onEscapePressed = onEscapePressed;

package/js/utils/index.min.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("lodash/noop"),t=require("./className/handleBasicClasses.min.js"),s=require("./className/getBasicClass.min.js"),r=require("./className/getRootClassName.min.js"),a=require("./className/getTypographyClassName.min.js"),n=require("./className/fontColorClass.min.js"),o=require("./className/resolveColorWithVariants.min.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("classnames"),require("lodash/isBoolean"),require("lodash/isEmpty"),require("lodash/kebabCase"),require("../constants/index.min.js"),require("../constants/keycodes.min.js");var u=i(e);exports.handleBasicClasses=t.handleBasicClasses,exports.getBasicClass=s.getBasicClass,exports.getRootClassName=r.getRootClassName,exports.getTypographyClassName=a.getTypographyClassName,exports.fontColorClass=n.fontColorClass,exports.resolveColorWithVariants=o.resolveColorWithVariants,exports.detectHorizontalSwipe=function(e,t){let s,r,a,n,o;const i=e=>{const[t]=Array.from(e.changedTouches);s=t.pageX,r=t.pageY,n=(new Date).getTime(),o=!1},c=e=>{if(o)return;if(a=(new Date).getTime()-n,a>300)return;const[i]=Array.from(e.changedTouches),u=i.pageX-s,c=i.pageY-r;if(!(Math.abs(u)>=150&&Math.abs(c)<=150))return;t(u<0?"left":"right"),o=!0},l=!!function(){let e=!1;try{const t=Object.defineProperty({},"passive",{get(){e=!0}});window.addEventListener("testPassiveEventSupport",u.default,t),window.removeEventListener("testPassiveEventSupport",u.default,t)}catch(e){}return e}()&&{passive:!0};return e.addEventListener("touchstart",i,l),e.addEventListener("touchmove",c,l),()=>{e.removeEventListener("touchstart",i,l),e.removeEventListener("touchmove",c,l)}},exports.detectSwipe=function(e,t=u.default){let s,r,a,n,o,i,c;const l=e=>{const[t]=Array.from(e.changedTouches);o="none",a=t.pageX,n=t.pageY,c=(new Date).getTime(),e.preventDefault()},p=e=>{e.preventDefault()},d=e=>{const[u]=Array.from(e.changedTouches);s=u.pageX-a,r=u.pageY-n,i=(new Date).getTime()-c,i<=300&&(Math.abs(s)>=150&&Math.abs(r)<=100?o=s<0?"left":"right":Math.abs(r)>=150&&Math.abs(s)<=100&&(o=r<0?"up":"down")),t(o),e.preventDefault()};return e.addEventListener("touchstart",l,!1),e.addEventListener("touchmove",p,!1),e.addEventListener("touchend",d,!1),()=>{e.removeEventListener("touchstart",l,!1),e.removeEventListener("touchmove",p,!1),e.removeEventListener("touchend",d,!1)}},exports.onButtonPressed=function(e){return t=>{"Enter"!==t.key&&" "!==t.key||e(t)}},exports.onEnterPressed=function(e){return t=>{"Enter"===t.key&&e(t)}},exports.onEscapePressed=function(e){return t=>{"Escape"===t.key&&e(t)}};