framework7 6.3.4 → 7.0.0-beta.3

package/{esm/shared → shared}/utils.js

@@ -1,42 +1,44 @@
 import { getWindow } from 'ssr-window';
-var uniqueNum = 0;
+let uniqueNum = 0;
 export function uniqueNumber() {
   uniqueNum += 1;
   return uniqueNum;
 }
-export function id(mask, map) {
-  if (mask === void 0) {
-    mask = 'xxxxxxxxxx';
-  }
-
-  if (map === void 0) {
-    map = '0123456789abcdef';
-  }
-
-  var length = map.length;
-  return mask.replace(/x/g, function () {
-    return map[Math.floor(Math.random() * length)];
-  });
+export function id(mask = 'xxxxxxxxxx', map = '0123456789abcdef') {
+  const length = map.length;
+  return mask.replace(/x/g, () => map[Math.floor(Math.random() * length)]);
 }
-export var mdPreloaderContent = "\n  <span class=\"preloader-inner\">\n    <svg viewBox=\"0 0 36 36\">\n      <circle cx=\"18\" cy=\"18\" r=\"16\"></circle>\n    </svg>\n  </span>\n".trim();
-export var iosPreloaderContent = ("\n  <span class=\"preloader-inner\">\n    " + [0, 1, 2, 3, 4, 5, 6, 7].map(function () {
-  return '<span class="preloader-inner-line"></span>';
-}).join('') + "\n  </span>\n").trim();
-export var auroraPreloaderContent = "\n  <span class=\"preloader-inner\">\n    <span class=\"preloader-inner-circle\"></span>\n  </span>\n";
+export const mdPreloaderContent = `
+  <span class="preloader-inner">
+    <svg viewBox="0 0 36 36">
+      <circle cx="18" cy="18" r="16"></circle>
+    </svg>
+  </span>
+`.trim();
+export const iosPreloaderContent = `
+  <span class="preloader-inner">
+    ${[0, 1, 2, 3, 4, 5, 6, 7].map(() => '<span class="preloader-inner-line"></span>').join('')}
+  </span>
+`.trim();
+export const auroraPreloaderContent = `
+  <span class="preloader-inner">
+    <span class="preloader-inner-circle"></span>
+  </span>
+`;
 export function eventNameToColonCase(eventName) {
-  var hasColon;
-  return eventName.split('').map(function (char, index) {
+  let hasColon;
+  return eventName.split('').map((char, index) => {
     if (char.match(/[A-Z]/) && index !== 0 && !hasColon) {
       hasColon = true;
-      return ":" + char.toLowerCase();
+      return `:${char.toLowerCase()}`;
     }
 
     return char.toLowerCase();
   }).join('');
 }
 export function deleteProps(obj) {
-  var object = obj;
-  Object.keys(object).forEach(function (key) {
+  const object = obj;
+  Object.keys(object).forEach(key => {
     try {
       object[key] = null;
     } catch (e) {// no setter for object
@@ -49,22 +51,18 @@ export function deleteProps(obj) {
   });
 }
 export function requestAnimationFrame(callback) {
-  var window = getWindow();
+  const window = getWindow();
   return window.requestAnimationFrame(callback);
 }
 export function cancelAnimationFrame(frameId) {
-  var window = getWindow();
+  const window = getWindow();
   return window.cancelAnimationFrame(frameId);
 }
-export function nextTick(callback, delay) {
-  if (delay === void 0) {
-    delay = 0;
-  }
-
+export function nextTick(callback, delay = 0) {
   return setTimeout(callback, delay);
 }
 export function nextFrame(callback) {
-  return requestAnimationFrame(function () {
+  return requestAnimationFrame(() => {
     requestAnimationFrame(callback);
   });
 }
@@ -72,19 +70,17 @@ export function now() {
   return Date.now();
 }
 export function parseUrlQuery(url) {
-  var window = getWindow();
-  var query = {};
-  var urlToParse = url || window.location.href;
-  var i;
-  var params;
-  var param;
-  var length;
+  const window = getWindow();
+  const query = {};
+  let urlToParse = url || window.location.href;
+  let i;
+  let params;
+  let param;
+  let length;
 
   if (typeof urlToParse === 'string' && urlToParse.length) {
     urlToParse = urlToParse.indexOf('?') > -1 ? urlToParse.replace(/\S*\?/, '') : '';
-    params = urlToParse.split('&').filter(function (paramsPart) {
-      return paramsPart !== '';
-    });
+    params = urlToParse.split('&').filter(paramsPart => paramsPart !== '');
     length = params.length;
 
     for (i = 0; i < length; i += 1) {
@@ -95,24 +91,18 @@ export function parseUrlQuery(url) {
 
   return query;
 }
-export function getTranslate(el, axis) {
-  if (axis === void 0) {
-    axis = 'x';
-  }
-
-  var window = getWindow();
-  var matrix;
-  var curTransform;
-  var transformMatrix;
-  var curStyle = window.getComputedStyle(el, null);
+export function getTranslate(el, axis = 'x') {
+  const window = getWindow();
+  let matrix;
+  let curTransform;
+  let transformMatrix;
+  const curStyle = window.getComputedStyle(el, null);
 
   if (window.WebKitCSSMatrix) {
     curTransform = curStyle.transform || curStyle.webkitTransform;
 
     if (curTransform.split(',').length > 6) {
-      curTransform = curTransform.split(', ').map(function (a) {
-        return a.replace(',', '.');
-      }).join(', ');
+      curTransform = curTransform.split(', ').map(a => a.replace(',', '.')).join(', ');
     } // Some old versions of Webkit choke when 'none' is passed; pass
     // empty string instead in this case
 
@@ -139,25 +129,21 @@ export function getTranslate(el, axis) {
 
   return curTransform || 0;
 }
-export function serializeObject(obj, parents) {
-  if (parents === void 0) {
-    parents = [];
-  }
-
+export function serializeObject(obj, parents = []) {
   if (typeof obj === 'string') return obj;
-  var resultArray = [];
-  var separator = '&';
-  var newParents;
+  const resultArray = [];
+  const separator = '&';
+  let newParents;
 
   function varName(name) {
     if (parents.length > 0) {
-      var parentParts = '';
+      let parentParts = '';
 
-      for (var j = 0; j < parents.length; j += 1) {
-        if (j === 0) parentParts += parents[j];else parentParts += "[" + encodeURIComponent(parents[j]) + "]";
+      for (let j = 0; j < parents.length; j += 1) {
+        if (j === 0) parentParts += parents[j];else parentParts += `[${encodeURIComponent(parents[j])}]`;
       }
 
-      return parentParts + "[" + encodeURIComponent(name) + "]";
+      return `${parentParts}[${encodeURIComponent(name)}]`;
     }
 
     return encodeURIComponent(name);
@@ -167,26 +153,26 @@ export function serializeObject(obj, parents) {
     return encodeURIComponent(value);
   }
 
-  Object.keys(obj).forEach(function (prop) {
-    var toPush;
+  Object.keys(obj).forEach(prop => {
+    let toPush;
 
     if (Array.isArray(obj[prop])) {
       toPush = [];
 
-      for (var i = 0; i < obj[prop].length; i += 1) {
+      for (let i = 0; i < obj[prop].length; i += 1) {
         if (!Array.isArray(obj[prop][i]) && typeof obj[prop][i] === 'object') {
           newParents = parents.slice();
           newParents.push(prop);
           newParents.push(String(i));
           toPush.push(serializeObject(obj[prop][i], newParents));
         } else {
-          toPush.push(varName(prop) + "[]=" + varValue(obj[prop][i]));
+          toPush.push(`${varName(prop)}[]=${varValue(obj[prop][i])}`);
         }
       }
 
       if (toPush.length > 0) resultArray.push(toPush.join(separator));
     } else if (obj[prop] === null || obj[prop] === '') {
-      resultArray.push(varName(prop) + "=");
+      resultArray.push(`${varName(prop)}=`);
     } else if (typeof obj[prop] === 'object') {
       // Object, convert to named array
       newParents = parents.slice();
@@ -195,7 +181,7 @@ export function serializeObject(obj, parents) {
       if (toPush !== '') resultArray.push(toPush);
     } else if (typeof obj[prop] !== 'undefined' && obj[prop] !== '') {
       // Should be string or plain value
-      resultArray.push(varName(prop) + "=" + varValue(obj[prop]));
+      resultArray.push(`${varName(prop)}=${varValue(obj[prop])}`);
     } else if (obj[prop] === '') resultArray.push(varName(prop));
   });
   return resultArray.join(separator);
@@ -203,24 +189,20 @@ export function serializeObject(obj, parents) {
 export function isObject(o) {
   return typeof o === 'object' && o !== null && o.constructor && o.constructor === Object;
 }
-export function merge() {
-  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-    args[_key] = arguments[_key];
-  }
-
-  var to = args[0];
+export function merge(...args) {
+  const to = args[0];
   args.splice(0, 1);
-  var from = args;
+  const from = args;
 
-  for (var i = 0; i < from.length; i += 1) {
-    var nextSource = args[i];
+  for (let i = 0; i < from.length; i += 1) {
+    const nextSource = args[i];
 
     if (nextSource !== undefined && nextSource !== null) {
-      var keysArray = Object.keys(Object(nextSource));
+      const keysArray = Object.keys(Object(nextSource));
 
-      for (var nextIndex = 0, len = keysArray.length; nextIndex < len; nextIndex += 1) {
-        var nextKey = keysArray[nextIndex];
-        var desc = Object.getOwnPropertyDescriptor(nextSource, nextKey);
+      for (let nextIndex = 0, len = keysArray.length; nextIndex < len; nextIndex += 1) {
+        const nextKey = keysArray[nextIndex];
+        const desc = Object.getOwnPropertyDescriptor(nextSource, nextKey);
 
         if (desc !== undefined && desc.enumerable) {
           to[nextKey] = nextSource[nextKey];
@@ -231,14 +213,10 @@ export function merge() {
 
   return to;
 }
-export function extend() {
-  var deep = true;
-  var to;
-  var from;
-
-  for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-    args[_key2] = arguments[_key2];
-  }
+export function extend(...args) {
+  let deep = true;
+  let to;
+  let from;
 
   if (typeof args[0] === 'boolean') {
     deep = args[0];
@@ -251,15 +229,15 @@ export function extend() {
     from = args;
   }
 
-  for (var i = 0; i < from.length; i += 1) {
-    var nextSource = args[i];
+  for (let i = 0; i < from.length; i += 1) {
+    const nextSource = args[i];
 
     if (nextSource !== undefined && nextSource !== null) {
-      var keysArray = Object.keys(Object(nextSource));
+      const keysArray = Object.keys(Object(nextSource));
 
-      for (var nextIndex = 0, len = keysArray.length; nextIndex < len; nextIndex += 1) {
-        var nextKey = keysArray[nextIndex];
-        var desc = Object.getOwnPropertyDescriptor(nextSource, nextKey);
+      for (let nextIndex = 0, len = keysArray.length; nextIndex < len; nextIndex += 1) {
+        const nextKey = keysArray[nextIndex];
+        const desc = Object.getOwnPropertyDescriptor(nextSource, nextKey);
 
         if (desc !== undefined && desc.enumerable) {
           if (!deep) {
@@ -280,20 +258,16 @@ export function extend() {
   return to;
 }
 export function colorHexToRgb(hex) {
-  var h = hex.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i, function (m, r, g, b) {
-    return r + r + g + g + b + b;
-  });
-  var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(h);
-  return result ? result.slice(1).map(function (n) {
-    return parseInt(n, 16);
-  }) : null;
+  const h = hex.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i, (m, r, g, b) => r + r + g + g + b + b);
+  const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(h);
+  return result ? result.slice(1).map(n => parseInt(n, 16)) : null;
 }
 export function colorRgbToHex(r, g, b) {
-  var result = [r, g, b].map(function (n) {
-    var hex = n.toString(16);
-    return hex.length === 1 ? "0" + hex : hex;
+  const result = [r, g, b].map(n => {
+    const hex = n.toString(16);
+    return hex.length === 1 ? `0${hex}` : hex;
   }).join('');
-  return "#" + result;
+  return `#${result}`;
 }
 export function colorRgbToHsl(r, g, b) {
   r /= 255; // eslint-disable-line
@@ -302,84 +276,78 @@ export function colorRgbToHsl(r, g, b) {
 
   b /= 255; // eslint-disable-line
 
-  var max = Math.max(r, g, b);
-  var min = Math.min(r, g, b);
-  var d = max - min;
-  var h;
+  const max = Math.max(r, g, b);
+  const min = Math.min(r, g, b);
+  const d = max - min;
+  let h;
   if (d === 0) h = 0;else if (max === r) h = (g - b) / d % 6;else if (max === g) h = (b - r) / d + 2;else if (max === b) h = (r - g) / d + 4;
-  var l = (min + max) / 2;
-  var s = d === 0 ? 0 : d / (1 - Math.abs(2 * l - 1));
+  const l = (min + max) / 2;
+  const s = d === 0 ? 0 : d / (1 - Math.abs(2 * l - 1));
   if (h < 0) h = 360 / 60 + h;
   return [h * 60, s, l];
 }
 export function colorHslToRgb(h, s, l) {
-  var c = (1 - Math.abs(2 * l - 1)) * s;
-  var hp = h / 60;
-  var x = c * (1 - Math.abs(hp % 2 - 1));
-  var rgb1;
+  const c = (1 - Math.abs(2 * l - 1)) * s;
+  const hp = h / 60;
+  const x = c * (1 - Math.abs(hp % 2 - 1));
+  let rgb1;
 
   if (Number.isNaN(h) || typeof h === 'undefined') {
     rgb1 = [0, 0, 0];
   } else if (hp <= 1) rgb1 = [c, x, 0];else if (hp <= 2) rgb1 = [x, c, 0];else if (hp <= 3) rgb1 = [0, c, x];else if (hp <= 4) rgb1 = [0, x, c];else if (hp <= 5) rgb1 = [x, 0, c];else if (hp <= 6) rgb1 = [c, 0, x];
 
-  var m = l - c / 2;
-  return rgb1.map(function (n) {
-    return Math.max(0, Math.min(255, Math.round(255 * (n + m))));
-  });
+  const m = l - c / 2;
+  return rgb1.map(n => Math.max(0, Math.min(255, Math.round(255 * (n + m)))));
 }
 export function colorHsbToHsl(h, s, b) {
-  var HSL = {
-    h: h,
+  const HSL = {
+    h,
     s: 0,
     l: 0
   };
-  var HSB = {
-    h: h,
-    s: s,
-    b: b
+  const HSB = {
+    h,
+    s,
+    b
   };
   HSL.l = (2 - HSB.s) * HSB.b / 2;
   HSL.s = HSL.l && HSL.l < 1 ? HSB.s * HSB.b / (HSL.l < 0.5 ? HSL.l * 2 : 2 - HSL.l * 2) : HSL.s;
   return [HSL.h, HSL.s, HSL.l];
 }
 export function colorHslToHsb(h, s, l) {
-  var HSB = {
-    h: h,
+  const HSB = {
+    h,
     s: 0,
     b: 0
   };
-  var HSL = {
-    h: h,
-    s: s,
-    l: l
+  const HSL = {
+    h,
+    s,
+    l
   };
-  var t = HSL.s * (HSL.l < 0.5 ? HSL.l : 1 - HSL.l);
+  const t = HSL.s * (HSL.l < 0.5 ? HSL.l : 1 - HSL.l);
   HSB.b = HSL.l + t;
   HSB.s = HSL.l > 0 ? 2 * t / HSB.b : HSB.s;
   return [HSB.h, HSB.s, HSB.b];
 }
-export function colorThemeCSSProperties() {
-  var hex;
-  var rgb;
-
-  for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
-    args[_key3] = arguments[_key3];
-  }
+export function colorThemeCSSProperties(...args) {
+  let hex;
+  let rgb;
 
   if (args.length === 1) {
     hex = args[0];
     rgb = colorHexToRgb(hex);
   } else if (args.length === 3) {
     rgb = args;
-    hex = colorRgbToHex.apply(void 0, rgb);
+    hex = colorRgbToHex(...rgb);
   }
 
   if (!rgb) return {};
-  var hsl = colorRgbToHsl.apply(void 0, rgb);
-  var hslShade = [hsl[0], hsl[1], Math.max(0, hsl[2] - 0.08)];
-  var hslTint = [hsl[0], hsl[1], Math.max(0, hsl[2] + 0.08)];
-  var shade = colorRgbToHex.apply(void 0, colorHslToRgb.apply(void 0, hslShade));
-  var tint = colorRgbToHex.apply(void 0, colorHslToRgb.apply(void 0, hslTint));
+  const hsl = colorRgbToHsl(...rgb);
+  const hslShade = [hsl[0], hsl[1], Math.max(0, hsl[2] - 0.08)];
+  const hslTint = [hsl[0], hsl[1], Math.max(0, hsl[2] + 0.08)];
+  const shade = colorRgbToHex(...colorHslToRgb(...hslShade));
+  const tint = colorRgbToHex(...colorHslToRgb(...hslTint));
   return {
     '--f7-theme-color': hex,
     '--f7-theme-color-rgb': rgb.join(', '),
@@ -388,9 +356,9 @@ export function colorThemeCSSProperties() {
   };
 }
 export function bindMethods(instance, obj) {
-  Object.keys(obj).forEach(function (key) {
+  Object.keys(obj).forEach(key => {
     if (isObject(obj[key])) {
-      Object.keys(obj[key]).forEach(function (subKey) {
+      Object.keys(obj[key]).forEach(subKey => {
         if (typeof obj[key][subKey] === 'function') {
           obj[key][subKey] = obj[key][subKey].bind(instance);
         }
@@ -400,15 +368,10 @@ export function bindMethods(instance, obj) {
     instance[key] = obj[key];
   });
 }
-export function flattenArray() {
-  var arr = [];
-
-  for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
-    args[_key4] = arguments[_key4];
-  }
-
-  args.forEach(function (arg) {
-    if (Array.isArray(arg)) arr.push.apply(arr, flattenArray.apply(void 0, arg));else arr.push(arg);
+export function flattenArray(...args) {
+  const arr = [];
+  args.forEach(arg => {
+    if (Array.isArray(arg)) arr.push(...flattenArray(...arg));else arr.push(arg);
   });
   return arr;
 }

package/bundle/package.json

@@ -1,8 +0,0 @@
-{
-  "name": "framework7/bundle",
-  "private": true,
-  "sideEffects": false,
-  "main": "../cjs/framework7-bundle.js",
-  "module": "../esm/framework7-bundle.js",
-  "typings": "../framework7.d.ts"
-}

package/cjs/components/accordion/accordion.js

@@ -1,136 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _dom = _interopRequireDefault(require("../../shared/dom7"));
-
-var _utils = require("../../shared/utils");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var Accordion = {
-  toggleClicked: function toggleClicked($clickedEl) {
-    var app = this;
-    var $accordionItemEl = $clickedEl.closest('.accordion-item').eq(0);
-    if (!$accordionItemEl.length) $accordionItemEl = $clickedEl.parents('li').eq(0);
-    var $accordionContent = $clickedEl.parents('.accordion-item-content').eq(0);
-
-    if ($accordionContent.length) {
-      if ($accordionContent.parents($accordionItemEl).length) return;
-    }
-
-    if ($clickedEl.parents('li').length > 1 && $clickedEl.parents('li')[0] !== $accordionItemEl[0]) return;
-    app.accordion.toggle($accordionItemEl);
-  },
-  open: function open(el) {
-    var app = this;
-    var $el = (0, _dom.default)(el);
-    var prevented = false;
-
-    function prevent() {
-      prevented = true;
-    }
-
-    $el.trigger('accordion:beforeopen', {
-      prevent: prevent
-    }, prevent);
-    app.emit('accordionBeforeOpen', $el[0], prevent);
-    if (prevented) return;
-    var $list = $el.parents('.accordion-list').eq(0);
-    var $contentEl = $el.children('.accordion-item-content');
-    $contentEl.removeAttr('aria-hidden');
-    if ($contentEl.length === 0) $contentEl = $el.find('.accordion-item-content');
-    if ($contentEl.length === 0) return;
-    var $openedItem = $list.length > 0 && $el.parent().children('.accordion-item-opened');
-
-    if ($openedItem.length > 0) {
-      app.accordion.close($openedItem);
-    }
-
-    $contentEl.transitionEnd(function () {
-      if ($el.hasClass('accordion-item-opened')) {
-        $contentEl.transition(0);
-        $contentEl.css('height', 'auto');
-        (0, _utils.nextFrame)(function () {
-          $contentEl.transition('');
-          $el.trigger('accordion:opened');
-          app.emit('accordionOpened', $el[0]);
-        });
-      } else {
-        $contentEl.css('height', '');
-        $el.trigger('accordion:closed');
-        app.emit('accordionClosed', $el[0]);
-      }
-    });
-    $contentEl.css('height', $contentEl[0].scrollHeight + "px");
-    $el.trigger('accordion:open');
-    $el.addClass('accordion-item-opened');
-    app.emit('accordionOpen', $el[0]);
-  },
-  close: function close(el) {
-    var app = this;
-    var $el = (0, _dom.default)(el);
-    var prevented = false;
-
-    function prevent() {
-      prevented = true;
-    }
-
-    $el.trigger('accordion:beforeclose', {
-      prevent: prevent
-    }, prevent);
-    app.emit('accordionBeforeClose', $el[0], prevent);
-    if (prevented) return;
-    var $contentEl = $el.children('.accordion-item-content');
-    if ($contentEl.length === 0) $contentEl = $el.find('.accordion-item-content');
-    $el.removeClass('accordion-item-opened');
-    $contentEl.attr('aria-hidden', true);
-    $contentEl.transition(0);
-    $contentEl.css('height', $contentEl[0].scrollHeight + "px"); // Close
-
-    $contentEl.transitionEnd(function () {
-      if ($el.hasClass('accordion-item-opened')) {
-        $contentEl.transition(0);
-        $contentEl.css('height', 'auto');
-        (0, _utils.nextFrame)(function () {
-          $contentEl.transition('');
-          $el.trigger('accordion:opened');
-          app.emit('accordionOpened', $el[0]);
-        });
-      } else {
-        $contentEl.css('height', '');
-        $el.trigger('accordion:closed');
-        app.emit('accordionClosed', $el[0]);
-      }
-    });
-    (0, _utils.nextFrame)(function () {
-      $contentEl.transition('');
-      $contentEl.css('height', '');
-      $el.trigger('accordion:close');
-      app.emit('accordionClose', $el[0]);
-    });
-  },
-  toggle: function toggle(el) {
-    var app = this;
-    var $el = (0, _dom.default)(el);
-    if ($el.length === 0) return;
-    if ($el.hasClass('accordion-item-opened')) app.accordion.close(el);else app.accordion.open(el);
-  }
-};
-var _default = {
-  name: 'accordion',
-  create: function create() {
-    var app = this;
-    (0, _utils.bindMethods)(app, {
-      accordion: Accordion
-    });
-  },
-  clicks: {
-    '.accordion-item .item-link, .accordion-item-toggle, .links-list.accordion-list > ul > li > a': function open($clickedEl) {
-      var app = this;
-      Accordion.toggleClicked.call(app, $clickedEl);
-    }
-  }
-};
-exports.default = _default;