@rio-cloud/rio-uikit 0.16.1-beta.21 → 0.16.1-beta.22

package/lib/es/utils/arrayMove.js

@@ -1,27 +1,23 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 // taken from https://github.com/sindresorhus/array-move
 // but added here so it will be compiled to es5 as the original library was not nad failed iin IE11
+
 var arrayMoveMutate = function arrayMoveMutate(array, from, to) {
   var startIndex = to < 0 ? array.length + to : to;
   var item = array.splice(from, 1)[0];
   array.splice(startIndex, 0, item);
 };
-
 var arrayMove = function arrayMove(array, from, to) {
   var newArray = (0, _toConsumableArray2["default"])(array);
   arrayMoveMutate(newArray, from, to);
   return newArray;
 };
-
 var _default = arrayMove;
 exports["default"] = _default;

package/lib/es/utils/buttonEffect.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.registerButtonEffect = exports.createButtonRipple = void 0;
-
 var createButtonRipple = function createButtonRipple(event, target) {
   var button = target || event.currentTarget;
   var buttonRect = button.getBoundingClientRect();
@@ -15,29 +14,26 @@ var createButtonRipple = function createButtonRipple(event, target) {
   circle.style.left = "".concat(event.clientX - buttonRect.left - radius, "px");
   circle.style.top = "".concat(event.clientY - buttonRect.top - radius, "px");
   circle.classList.add('btn-ripple');
-  var rippleElement = button.getElementsByClassName('btn-ripple')[0]; // Cleanup previous ripple element from current button in case there
-  // are multiple clicks on the button itself
+  var rippleElement = button.getElementsByClassName('btn-ripple')[0];
 
+  // Cleanup previous ripple element from current button in case there
+  // are multiple clicks on the button itself
   if (rippleElement) {
     rippleElement.remove();
   }
+  button.appendChild(circle);
 
-  button.appendChild(circle); // Cleanup ripple element after some time
-
+  // Cleanup ripple element after some time
   setTimeout(function () {
     return circle.remove();
   }, 1000);
 };
-
 exports.createButtonRipple = createButtonRipple;
-
 var isTargetEligibleForEffect = function isTargetEligibleForEffect(target) {
   if (!target || !target.className) {
     return false;
   }
-
   var className = target.className;
-
   if (typeof className === 'string' || typeof className === 'array') {
     var isButton = className.includes('btn ');
     var isNotButtonComponent = !className.includes('btn-component');
@@ -46,30 +42,23 @@ var isTargetEligibleForEffect = function isTargetEligibleForEffect(target) {
     var isNotDisabled = !className.includes('disabled');
     return isButton && isNotButtonComponent && isNotDisabled && isNotLinkButton && isNotActionButton;
   }
-
   return false;
 };
-
 var enableButtonRipple = function enableButtonRipple(event) {
   var target = event.target;
-
   if (target) {
     var isButton = isTargetEligibleForEffect(target);
     var isChildOfButton = !isButton && isTargetEligibleForEffect(target.parentElement);
-
     if (isButton || isChildOfButton) {
       createButtonRipple(event, isChildOfButton ? target.parentElement : target);
     }
   }
 };
-
 var registerButtonEffect = function (document) {
   if (!document) {
     return;
   }
-
   document.addEventListener('mousedown', enableButtonRipple, false);
   document.addEventListener('touchstart', enableButtonRipple, false);
 }(document);
-
 exports.registerButtonEffect = registerButtonEffect;

package/lib/es/utils/cssuseragent.js

@@ -0,0 +1,327 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.cssua = void 0;
+/**
+ * CssUserAgent (cssua.js) v2.1.31
+ * http://cssuseragent.org
+ *
+ * Copyright (c)2006-2015 Stephen M. McKamey.
+ * Licensed under The MIT License.
+ */
+/*jshint smarttabs:true, regexp:false, browser:true */
+
+/**
+ * @param html {Object} root DOM element
+ * @param userAgent {string} browser userAgent string
+ * @return {Object}
+ */
+var cssua = function cssua(html, userAgent, sa) {
+  'use strict';
+
+  /**
+   * @const
+   * @type {string}
+   */
+  var PREFIX = ' ua-';
+
+  /**
+   * @const
+   * @type {RegExp}
+   */
+  var R_Platform = /\s*([\-\w ]+)[\s\/\:]([\d_]+\b(?:[\-\._\/]\w+)*)/;
+
+  /**
+   * @const
+   * @type {RegExp}
+   */
+  var R_Version = /([\w\-\.]+[\s\/][v]?[\d_]+\b(?:[\-\._\/]\w+)*)/g;
+
+  /**
+   * @const
+   * @type {RegExp}
+   */
+  var R_BlackBerry = /\b(?:(blackberry\w*|bb10)|(rim tablet os))(?:\/(\d+\.\d+(?:\.\w+)*))?/;
+
+  /**
+   * @const
+   * @type {RegExp}
+   */
+  var R_Silk = /\bsilk-accelerated=true\b/;
+
+  /**
+   * @const
+   * @type {RegExp}
+   */
+  var R_FluidApp = /\bfluidapp\b/;
+
+  /**
+   * @const
+   * @type {RegExp}
+   */
+  var R_desktop = /(\bwindows\b|\bmacintosh\b|\blinux\b|\bunix\b)/;
+
+  /**
+   * @const
+   * @type {RegExp}
+   */
+  var R_mobile = /(\bandroid\b|\bipad\b|\bipod\b|\bwindows phone\b|\bwpdesktop\b|\bxblwp7\b|\bzunewp7\b|\bwindows ce\b|\bblackberry\w*|\bbb10\b|\brim tablet os\b|\bmeego|\bwebos\b|\bpalm|\bsymbian|\bj2me\b|\bdocomo\b|\bpda\b|\bchtml\b|\bmidp\b|\bcldc\b|\w*?mobile\w*?|\w*?phone\w*?)/;
+
+  /**
+   * @const
+   * @type {RegExp}
+   */
+  var R_game = /(\bxbox\b|\bplaystation\b|\bnintendo\s+\w+)/;
+
+  /**
+   * The root CssUserAgent
+   * @type {Object}
+   */
+  var cssua = {
+    parse:
+    /**
+     * @param uaStr {string}
+     * @return {Object}
+     */
+    function parse(uaStr, sa) {
+      /**
+       * @type {Object}
+       */
+      var ua = {};
+      if (sa) {
+        ua.standalone = sa;
+      }
+      uaStr = ('' + uaStr).toLowerCase();
+      if (!uaStr) {
+        return ua;
+      }
+      var i,
+        count,
+        raw = uaStr.split(/[()]/);
+      for (var j = 0, rawCount = raw.length; j < rawCount; j++) {
+        if (j % 2) {
+          // inside parens covers platform identifiers
+          var platforms = raw[j].split(';');
+          for (i = 0, count = platforms.length; i < count; i++) {
+            if (R_Platform.exec(platforms[i])) {
+              var key = RegExp.$1.split(' ').join('_'),
+                val = RegExp.$2;
+
+              // if duplicate entries favor highest version
+              if (!ua[key] || parseFloat(ua[key]) < parseFloat(val)) {
+                ua[key] = val;
+              }
+            }
+          }
+        } else {
+          // outside parens covers most version identifiers
+          var uas = raw[j].match(R_Version);
+          if (uas) {
+            for (i = 0, count = uas.length; i < count; i++) {
+              var parts = uas[i].split(/[\/\s]+/);
+              if (parts.length && parts[0] !== 'mozilla') {
+                ua[parts[0].split(' ').join('_')] = parts.slice(1).join('-');
+              }
+            }
+          }
+        }
+      }
+      if (R_mobile.exec(uaStr)) {
+        // mobile device indicators
+        ua.mobile = RegExp.$1;
+        if (R_BlackBerry.exec(uaStr)) {
+          delete ua[ua.mobile];
+          ua.blackberry = ua.version || RegExp.$3 || RegExp.$2 || RegExp.$1;
+          if (RegExp.$1) {
+            // standardize non-tablet blackberry
+            ua.mobile = 'blackberry';
+          } else if (ua.version === '0.0.1') {
+            // fix playbook 1.0 quirk
+            ua.blackberry = '7.1.0.0';
+          }
+        }
+      } else if (R_game.exec(uaStr)) {
+        // game console indicators
+        ua.game = RegExp.$1;
+        var game = ua.game.split(' ').join('_');
+        if (ua.version && !ua[game]) {
+          ua[game] = ua.version;
+        }
+      } else if (R_desktop.exec(uaStr)) {
+        // desktop OS indicators
+        ua.desktop = RegExp.$1;
+      }
+
+      // platform naming standardizations
+      if (ua.intel_mac_os_x) {
+        ua.mac_os_x = ua.intel_mac_os_x.split('_').join('.');
+        delete ua.intel_mac_os_x;
+      } else if (ua.cpu_iphone_os) {
+        ua.ios = ua.cpu_iphone_os.split('_').join('.');
+        delete ua.cpu_iphone_os;
+      } else if (ua.cpu_os) {
+        ua.ios = ua.cpu_os.split('_').join('.');
+        delete ua.cpu_os;
+      } else if (ua.mobile === 'iphone' && !ua.ios) {
+        ua.ios = '1';
+      }
+
+      // UA naming standardizations
+      if (ua.opera && ua.version) {
+        ua.opera = ua.version;
+        // version/XXX refers to opera
+        delete ua.blackberry;
+      } else if (R_Silk.exec(uaStr)) {
+        ua.silk_accelerated = true;
+      } else if (R_FluidApp.exec(uaStr)) {
+        ua.fluidapp = ua.version;
+      }
+      if (ua.edge) {
+        delete ua.applewebkit;
+        delete ua.safari;
+        delete ua.chrome;
+        delete ua.android;
+      }
+      if (ua.applewebkit) {
+        ua.webkit = ua.applewebkit;
+        delete ua.applewebkit;
+        if (ua.opr) {
+          ua.opera = ua.opr;
+          delete ua.opr;
+          delete ua.chrome;
+        }
+        if (ua.safari) {
+          if (ua.chrome || ua.crios || ua.fxios || ua.opera || ua.silk || ua.fluidapp || ua.phantomjs || ua.mobile && !ua.ios) {
+            delete ua.safari;
+            if (ua.vivaldi) {
+              delete ua.chrome;
+            }
+          } else if (ua.version && !ua.rim_tablet_os) {
+            ua.safari = ua.version;
+          } else {
+            ua.safari = {
+              419: '2.0.4',
+              417: '2.0.3',
+              416: '2.0.2',
+              412: '2.0',
+              312: '1.3',
+              125: '1.2',
+              85: '1.0'
+            }[parseInt(ua.safari, 10)] || ua.safari;
+          }
+        }
+      } else if (ua.msie || ua.trident) {
+        if (!ua.opera) {
+          // standardize Internet Explorer
+          ua.ie = ua.msie || ua.rv;
+        }
+        delete ua.msie;
+        delete ua.android;
+        if (ua.windows_phone_os) {
+          // standardize window phone
+          ua.windows_phone = ua.windows_phone_os;
+          delete ua.windows_phone_os;
+        } else if (ua.mobile === 'wpdesktop' || ua.mobile === 'xblwp7' || ua.mobile === 'zunewp7') {
+          ua.mobile = 'windows desktop';
+          ua.windows_phone = +ua.ie < 9 ? '7.0' : +ua.ie < 10 ? '7.5' : '8.0';
+          delete ua.windows_nt;
+        }
+      } else if (ua.gecko || ua.firefox) {
+        ua.gecko = ua.rv;
+      }
+      if (ua.rv) {
+        delete ua.rv;
+      }
+      if (ua.version) {
+        delete ua.version;
+      }
+      return ua;
+    },
+    format:
+    /**
+     * @param ua {Object}
+     * @return {string}
+     */
+    function format(ua) {
+      /**
+       * @param b {string} browser key
+       * @param v {string} browser value
+       * @return {string} formatted CSS classes
+       */
+      function format(b, v) {
+        b = b.split('.').join('-');
+
+        /**
+         * @type {string}
+         */
+        var css = PREFIX + b;
+        if (typeof v === 'string') {
+          v = v.split(' ').join('_').split('.').join('-');
+          var i = v.indexOf('-');
+          while (i > 0) {
+            // loop through chopping last '-' to end off
+            // concat result onto return string
+            css += PREFIX + b + '-' + v.substring(0, i);
+            i = v.indexOf('-', i + 1);
+          }
+          css += PREFIX + b + '-' + v;
+        }
+        return css;
+      }
+
+      /**
+       * @type {string}
+       */
+      var uaCss = '';
+      for (var b in ua) {
+        if (b && ua.hasOwnProperty(b)) {
+          uaCss += format(b, ua[b]);
+        }
+      }
+
+      // user-agent classNames
+      return uaCss;
+    },
+    encode:
+    /**
+     * Encodes parsed userAgent object as a compact URI-Encoded key-value collection
+     * @param ua {Object}
+     * @return {string}
+     */
+    function encode(ua) {
+      var query = '';
+      for (var b in ua) {
+        if (b && ua.hasOwnProperty(b)) {
+          if (query) {
+            query += '&';
+          }
+          query += encodeURIComponent(b) + '=' + encodeURIComponent(ua[b]);
+        }
+      }
+      return query;
+    }
+  };
+
+  /**
+   * @const
+   * @type {Object}
+   */
+  cssua.userAgent = cssua.ua = cssua.parse(userAgent, sa);
+
+  /**
+   * @const
+   * @type {string}
+   */
+  var ua = cssua.format(cssua.ua) + ' js';
+
+  // append CSS classes to HTML node
+  if (html.className) {
+    html.className = html.className.replace(/\bno-js\b/g, '') + ua;
+  } else {
+    html.className = ua.substr(1);
+  }
+  return cssua;
+};
+exports.cssua = cssua;

package/lib/es/utils/deviceUtils.js

@@ -4,20 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.toggleZoomOnMobile = exports.isMobileScreen = exports.isMobile = exports.isDesktop = exports.inIframe = exports.hasTouch = exports.SCREEN_XL = exports.SCREEN_SM = exports.SCREEN_MD = exports.SCREEN_LG = exports.MOBILE_SCREEN = void 0;
-
-// As "cssuseragent" is accessing the html dom object directly without checking whether it exists or not, we need to
-// use old shool require() to have a conditional import only when html really exists. This avoids issues when
-// running the UIKIT in a web-worker
+var _cssuseragent = require("./cssuseragent");
+// As "cssuseragent" is accessing the html dom object directly without checking whether it exists or not,
+// we need to initialize only when html really exists. This avoids issues when running the UIKIT in a web-worker
 if (document && document.documentElement) {
-  // eslint-disable-next-line global-require
-  import('cssuseragent');
+  (0, _cssuseragent.cssua)(document.documentElement, navigator.userAgent, navigator.standalone);
 }
-
 var isDefined = function isDefined(val) {
   return val !== undefined && val !== null;
-}; // see https://patrickhlauke.github.io/touch/touchscreen-detection/ for reference
-
+};
 
+// see https://patrickhlauke.github.io/touch/touchscreen-detection/ for reference
 var hasTouch = function hasTouch() {
   if (window.PointerEvent && isDefined(navigator.maxTouchPoints)) {
     // if Pointer Events are supported, just check maxTouchPoints
@@ -32,11 +29,10 @@ var hasTouch = function hasTouch() {
     // last resort - check for exposed touch events API / event handler
     return true;
   }
-
   return false;
-}; // Screen sizes
-
+};
 
+// Screen sizes
 exports.hasTouch = hasTouch;
 var MOBILE_SCREEN = 480;
 exports.MOBILE_SCREEN = MOBILE_SCREEN;
@@ -48,62 +44,51 @@ var SCREEN_LG = 1200;
 exports.SCREEN_LG = SCREEN_LG;
 var SCREEN_XL = 1700;
 exports.SCREEN_XL = SCREEN_XL;
-
 var isMobileScreen = function isMobileScreen() {
   return window.matchMedia("(max-width: ".concat(MOBILE_SCREEN, "px)")).matches;
 };
-
 exports.isMobileScreen = isMobileScreen;
-
 var isMobile = function isMobile() {
   return document && document.documentElement.classList.contains('ua-mobile');
 };
-
 exports.isMobile = isMobile;
-
 var isDesktop = function isDesktop() {
   return document && document.documentElement.classList.contains('ua-desktop');
 };
-
 exports.isDesktop = isDesktop;
-
 var inIframe = function inIframe() {
   try {
     return window.self !== window.top;
   } catch (_) {
     return true;
   }
-}; // Disables the Zoom for the mobile devices.
+};
+
+// Disables the Zoom for the mobile devices.
 // This is not good for accessibility but makes the webpage feel more like a native app.
 // <meta name="viewport" content="user-scalable=0 ..." />
-
-
 exports.inIframe = inIframe;
 var USER_SCALABLE = 'user-scalable=0 maximum-scale=1';
-
 var toggleZoomOnMobile = function toggleZoomOnMobile() {
   if (!document) {
     return;
   }
-
   var viewportMeta = document.head.querySelector('[name="viewport"]');
-
   if (!viewportMeta) {
     return;
   }
+  var isScalable = viewportMeta.content.includes(USER_SCALABLE);
 
-  var isScalable = viewportMeta.content.includes(USER_SCALABLE); // Restrict the zoom for mobile if not yet set
-
+  // Restrict the zoom for mobile if not yet set
   if (isMobile() && !isScalable) {
     viewportMeta.content += " ".concat(USER_SCALABLE);
     return;
-  } // Remove the setting, for non mobile cases
-
+  }
 
+  // Remove the setting, for non mobile cases
   if (!isMobile() && isScalable) {
     viewportMeta.content = viewportMeta.content.replace(USER_SCALABLE, '').trim();
     return;
   }
 };
-
 exports.toggleZoomOnMobile = toggleZoomOnMobile;

package/lib/es/utils/getDropDirection.js

@@ -4,19 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = getDropDirection;
-
 // It requires the DOM node for the toggle (e.g. the dropdown button) and the DOM element
 // that shall be used to calculate remaining space (i.e. the dropdown menu)
 function getDropDirection(toggleNode, menuNode) {
   if (!toggleNode || !menuNode) {
     return {};
   }
-
   var clientRect = toggleNode.getBoundingClientRect();
   var pageX = clientRect.x;
   var pageY = clientRect.y;
-  var toggleHeight = toggleNode.offsetHeight; // menu has its height and width already when closed because visibility is collapse
+  var toggleHeight = toggleNode.offsetHeight;
 
+  // menu has its height and width already when closed because visibility is collapse
   var menuWidth = menuNode.offsetWidth;
   var menuHeight = menuNode.offsetHeight;
   var spaceUp = pageY - toggleHeight - menuHeight - window.pageYOffset;

package/lib/es/utils/getOffsetTopWholeScreen.js

@@ -4,11 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = getOffsetTopWholeScreen;
-
 function getOffsetTopWholeScreen(currentTarget) {
   if (currentTarget.offsetParent) {
     return getOffsetTopWholeScreen(currentTarget.offsetParent) + currentTarget.offsetTop;
   }
-
   return currentTarget.offsetTop;
 }