framework7 6.3.4 → 7.0.0-beta.3

package/esm/components/picker/picker.js

@@ -1,66 +0,0 @@
-import $ from '../../shared/dom7';
-import ConstructorMethods from '../../shared/constructor-methods';
-import Picker from './picker-class';
-export default {
-  name: 'picker',
-  static: {
-    Picker: Picker
-  },
-  create: function create() {
-    var app = this;
-    app.picker = ConstructorMethods({
-      defaultSelector: '.picker',
-      constructor: Picker,
-      app: app,
-      domProp: 'f7Picker'
-    });
-
-    app.picker.close = function close(el) {
-      if (el === void 0) {
-        el = '.picker';
-      }
-
-      var $el = $(el);
-      if ($el.length === 0) return;
-      var picker = $el[0].f7Picker;
-      if (!picker || picker && !picker.opened) return;
-      picker.close();
-    };
-  },
-  params: {
-    picker: {
-      // Picker settings
-      updateValuesOnMomentum: false,
-      updateValuesOnTouchmove: true,
-      updateValuesOnMousewheel: true,
-      mousewheel: true,
-      rotateEffect: false,
-      momentumRatio: 7,
-      freeMode: false,
-      cols: [],
-      // Common opener settings
-      containerEl: null,
-      openIn: 'auto',
-      // or 'popover' or 'sheet'
-      sheetPush: false,
-      sheetSwipeToClose: undefined,
-      backdrop: undefined,
-      // uses Popover or Sheet defaults
-      formatValue: null,
-      inputEl: null,
-      inputReadOnly: true,
-      closeByOutsideClick: true,
-      scrollToInput: true,
-      scrollToEl: undefined,
-      toolbar: true,
-      toolbarCloseText: 'Done',
-      cssClass: null,
-      routableModals: false,
-      view: null,
-      url: 'select/',
-      // Render functions
-      renderToolbar: null,
-      render: null
-    }
-  }
-};

package/esm/components/pie-chart/pie-chart-class.js

@@ -1,281 +0,0 @@
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-import $ from '../../shared/dom7';
-import { extend, deleteProps } from '../../shared/utils';
-import Framework7Class from '../../shared/class';
-/** @jsx $jsx */
-
-import $jsx from '../../shared/$jsx';
-
-var PieChart = /*#__PURE__*/function (_Framework7Class) {
-  _inheritsLoose(PieChart, _Framework7Class);
-
-  function PieChart(app, params) {
-    var _this;
-
-    if (params === void 0) {
-      params = {};
-    }
-
-    _this = _Framework7Class.call(this, params, [app]) || this;
-
-    var self = _assertThisInitialized(_this);
-
-    var defaults = extend({}, app.params.pieChart); // Extend defaults with modules params
-
-    self.useModulesParams(defaults);
-    self.params = extend(defaults, params);
-    var el = self.params.el;
-    if (!el) return self || _assertThisInitialized(_this);
-    var $el = $(el);
-    if ($el.length === 0) return self || _assertThisInitialized(_this);
-    if ($el[0].f7PieChart) return $el[0].f7PieChart || _assertThisInitialized(_this);
-    extend(self, {
-      app: app,
-      $el: $el,
-      el: $el && $el[0],
-      currentIndex: null,
-      f7Tooltip: null
-    });
-    $el[0].f7PieChart = self; // Install Modules
-
-    self.useModules();
-    self.showTooltip = self.showTooltip.bind(_assertThisInitialized(_this));
-    self.hideTooltip = self.hideTooltip.bind(_assertThisInitialized(_this));
-    self.init();
-    return self || _assertThisInitialized(_this);
-  }
-
-  var _proto = PieChart.prototype;
-
-  _proto.getSummValue = function getSummValue() {
-    var datasets = this.params.datasets;
-    var summ = 0;
-    datasets.map(function (d) {
-      return d.value || 0;
-    }).forEach(function (value) {
-      summ += value;
-    });
-    return summ;
-  };
-
-  _proto.getPaths = function getPaths() {
-    var _this2 = this;
-
-    var _this$params = this.params,
-        datasets = _this$params.datasets,
-        size = _this$params.size;
-    var paths = [];
-    var cumulativePercentage = 0;
-
-    function getCoordinatesForPercentage(percentage) {
-      var x = Math.cos(2 * Math.PI * percentage) * (size / 3);
-      var y = Math.sin(2 * Math.PI * percentage) * (size / 3);
-      return [x, y];
-    }
-
-    datasets.forEach(function (_ref) {
-      var value = _ref.value,
-          label = _ref.label,
-          color = _ref.color;
-
-      var percentage = value / _this2.getSummValue();
-
-      var _getCoordinatesForPer = getCoordinatesForPercentage(cumulativePercentage),
-          startX = _getCoordinatesForPer[0],
-          startY = _getCoordinatesForPer[1];
-
-      cumulativePercentage += percentage;
-
-      var _getCoordinatesForPer2 = getCoordinatesForPercentage(cumulativePercentage),
-          endX = _getCoordinatesForPer2[0],
-          endY = _getCoordinatesForPer2[1];
-
-      var largeArcFlag = percentage > 0.5 ? 1 : 0;
-      var points = ["M " + startX + " " + startY, // Move
-      "A " + size / 3 + " " + size / 3 + " 0 " + largeArcFlag + " 1 " + endX + " " + endY, // Arc
-      'L 0 0' // Line
-      ].join(' ');
-      paths.push({
-        points: points,
-        label: label,
-        color: color
-      });
-    });
-    return paths;
-  };
-
-  _proto.formatTooltipText = function formatTooltipText() {
-    var datasets = this.params.datasets;
-    var currentIndex = this.currentIndex;
-    if (currentIndex === null) return '';
-    var _datasets$currentInde = datasets[currentIndex],
-        value = _datasets$currentInde.value,
-        label = _datasets$currentInde.label,
-        color = _datasets$currentInde.color;
-    var percentage = value / this.getSummValue() * 100;
-
-    var round = function round(v) {
-      if (parseInt(v, 10) === v) return v;
-      return Math.round(v * 100) / 100;
-    };
-
-    if (this.params.formatTooltip) {
-      return this.params.formatTooltip.call(this, {
-        index: currentIndex,
-        value: value,
-        label: label,
-        color: color,
-        percentage: percentage
-      });
-    }
-
-    var tooltipText = "" + (label ? label + ": " : '') + round(value) + " (" + round(percentage) + "%)";
-    return "\n      <div class=\"pie-chart-tooltip-label\">\n        <span class=\"pie-chart-tooltip-color\" style=\"background-color: " + color + ";\"></span> " + tooltipText + "\n      </div>\n    ";
-  };
-
-  _proto.setTooltip = function setTooltip() {
-    var self = this;
-    var currentIndex = self.currentIndex,
-        el = self.el,
-        app = self.app,
-        params = self.params;
-    var tooltip = params.tooltip;
-    if (currentIndex === null && !self.f7Tooltip) return;
-    if (!tooltip || !el) return;
-
-    if (currentIndex !== null && !self.f7Tooltip) {
-      self.f7Tooltip = app.tooltip.create({
-        trigger: 'manual',
-        containerEl: el,
-        targetEl: el.querySelector("path[data-index=\"" + currentIndex + "\"]"),
-        text: self.formatTooltipText(),
-        cssClass: 'pie-chart-tooltip'
-      });
-      self.f7Tooltip.show();
-      return;
-    }
-
-    if (!self.f7Tooltip) return;
-
-    if (currentIndex !== null) {
-      self.f7Tooltip.setText(self.formatTooltipText());
-      self.f7Tooltip.setTargetEl(el.querySelector("path[data-index=\"" + currentIndex + "\"]"));
-      self.f7Tooltip.show();
-    } else {
-      self.f7Tooltip.hide();
-    }
-  };
-
-  _proto.render = function render() {
-    var self = this;
-    var size = self.params.size;
-    var paths = self.getPaths();
-    return $jsx("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: size,
-      viewBox: "-" + size / 3 + " -" + size / 3 + " " + size * 2 / 3 + " " + size * 2 / 3,
-      style: "transform: rotate(-90deg)"
-    }, paths.map(function (path, index) {
-      return $jsx("path", {
-        d: path.points,
-        fill: path.color,
-        "data-index": index
-      });
-    }));
-  };
-
-  _proto.update = function update(newParams) {
-    if (newParams === void 0) {
-      newParams = {};
-    }
-
-    var self = this;
-    var params = self.params;
-    Object.keys(newParams).forEach(function (param) {
-      if (typeof newParams[param] !== 'undefined') {
-        params[param] = newParams[param];
-      }
-    });
-    if (self.$svgEl.length === 0) return self;
-    self.$svgEl.remove();
-    delete self.$svgEl.f7PieChart;
-    var $svgEl = $(self.render()).eq(0);
-    $svgEl.f7PieChart = self;
-    extend(self, {
-      $svgEl: $svgEl,
-      svgEl: $svgEl && $svgEl[0]
-    });
-    self.$el.append($svgEl);
-    return self;
-  };
-
-  _proto.setCurrentIndex = function setCurrentIndex(index) {
-    var self = this;
-    if (index === self.currentIndex) return;
-    var datasets = self.params.datasets;
-    self.currentIndex = index;
-    self.$el.trigger('piechart:select', {
-      index: index,
-      dataset: datasets[index]
-    });
-    self.emit('local::select pieChartSelect', self, index, datasets[index]);
-  };
-
-  _proto.showTooltip = function showTooltip(e) {
-    var _this3 = this;
-
-    var newIndex = parseInt(e.target.getAttribute('data-index'), 10);
-    this.setCurrentIndex(newIndex);
-    this.$svgEl.find('path').removeClass('pie-chart-hidden').forEach(function (el, index) {
-      if (index !== _this3.currentIndex) $(el).addClass('pie-chart-hidden');
-    });
-    this.setTooltip();
-  };
-
-  _proto.hideTooltip = function hideTooltip() {
-    this.setCurrentIndex(null);
-    this.$svgEl.find('path').removeClass('pie-chart-hidden');
-    this.setTooltip();
-  };
-
-  _proto.init = function init() {
-    var self = this;
-    var $svgEl = $(self.render()).eq(0);
-    $svgEl.f7PieChart = self;
-    extend(self, {
-      $svgEl: $svgEl,
-      svgEl: $svgEl && $svgEl[0]
-    });
-    self.$el.append($svgEl);
-    self.$el.on('click mouseenter', 'path', self.showTooltip, true);
-    self.$el.on('mouseleave', 'path', self.hideTooltip, true);
-    return self;
-  };
-
-  _proto.destroy = function destroy() {
-    var self = this;
-    if (!self.$el || self.destroyed) return;
-    self.$el.trigger('piechart:beforedestroy');
-    self.emit('local::beforeDestroy pieChartBeforeDestroy', self);
-    self.$el.off('click mouseenter', 'path', self.showTooltip, true);
-    self.$el.off('mouseleave', 'path', self.hideTooltip, true);
-    self.$svgEl.remove();
-
-    if (self.f7Tooltip && self.f7Tooltip.destroy) {
-      self.f7Tooltip.destroy();
-    }
-
-    delete self.$el[0].f7PieChart;
-    deleteProps(self);
-    self.destroyed = true;
-  };
-
-  return PieChart;
-}(Framework7Class);
-
-export default PieChart;

package/esm/components/pie-chart/pie-chart.js

@@ -1,33 +0,0 @@
-import $ from '../../shared/dom7';
-import PieChart from './pie-chart-class';
-import ConstructorMethods from '../../shared/constructor-methods';
-export default {
-  name: 'pieChart',
-  params: {
-    pieChart: {
-      el: null,
-      datasets: [],
-      size: 320,
-      tooltip: false,
-      formatTooltip: null
-    }
-  },
-  create: function create() {
-    var app = this;
-    app.pieChart = ConstructorMethods({
-      defaultSelector: '.pie-chart',
-      constructor: PieChart,
-      app: app,
-      domProp: 'f7PieChart'
-    });
-
-    app.pieChart.update = function update(el, newParams) {
-      var $el = $(el);
-      if ($el.length === 0) return undefined;
-      var pieChart = app.pieChart.get(el);
-      if (!pieChart) return undefined;
-      pieChart.update(newParams);
-      return pieChart;
-    };
-  }
-};

package/esm/components/popover/popover.js

@@ -1,81 +0,0 @@
-import $ from '../../shared/dom7';
-import { extend } from '../../shared/utils';
-import Popover from './popover-class';
-import ModalMethods from '../../shared/modal-methods';
-export default {
-  name: 'popover',
-  params: {
-    popover: {
-      backdrop: true,
-      backdropEl: undefined,
-      closeByBackdropClick: true,
-      closeByOutsideClick: true,
-      closeOnEscape: false,
-      containerEl: null
-    }
-  },
-  static: {
-    Popover: Popover
-  },
-  create: function create() {
-    var app = this;
-    app.popover = extend(ModalMethods({
-      app: app,
-      constructor: Popover,
-      defaultSelector: '.popover.modal-in'
-    }), {
-      open: function open(popoverEl, targetEl, animate) {
-        var $popoverEl = $(popoverEl);
-
-        if ($popoverEl.length > 1) {
-          // check if same popover in other page
-          var $targetPage = $(targetEl).parents('.page');
-
-          if ($targetPage.length) {
-            $popoverEl.each(function (el) {
-              var $el = $(el);
-
-              if ($el.parents($targetPage)[0] === $targetPage[0]) {
-                $popoverEl = $el;
-              }
-            });
-          }
-        }
-
-        if ($popoverEl.length > 1) {
-          $popoverEl = $popoverEl.eq($popoverEl.length - 1);
-        }
-
-        var popover = $popoverEl[0].f7Modal;
-        var data = $popoverEl.dataset();
-
-        if (!popover) {
-          popover = new Popover(app, Object.assign({
-            el: $popoverEl,
-            targetEl: targetEl
-          }, data));
-        }
-
-        return popover.open(targetEl, animate);
-      }
-    });
-  },
-  clicks: {
-    '.popover-open': function openPopover($clickedEl, data) {
-      if (data === void 0) {
-        data = {};
-      }
-
-      var app = this;
-      app.popover.open(data.popover, $clickedEl, data.animate);
-    },
-    '.popover-close': function closePopover($clickedEl, data) {
-      if (data === void 0) {
-        data = {};
-      }
-
-      var app = this;
-      app.popover.close(data.popover, data.animate, $clickedEl);
-    }
-  }
-};

package/esm/components/popup/popup.js

@@ -1,47 +0,0 @@
-import Popup from './popup-class';
-import ModalMethods from '../../shared/modal-methods';
-export default {
-  name: 'popup',
-  params: {
-    popup: {
-      backdrop: true,
-      backdropEl: undefined,
-      closeByBackdropClick: true,
-      closeOnEscape: false,
-      swipeToClose: false,
-      swipeHandler: null,
-      push: false,
-      containerEl: null
-    }
-  },
-  static: {
-    Popup: Popup
-  },
-  create: function create() {
-    var app = this;
-    app.popup = ModalMethods({
-      app: app,
-      constructor: Popup,
-      defaultSelector: '.popup.modal-in',
-      parentSelector: '.popup'
-    });
-  },
-  clicks: {
-    '.popup-open': function openPopup($clickedEl, data) {
-      if (data === void 0) {
-        data = {};
-      }
-
-      var app = this;
-      app.popup.open(data.popup, data.animate, $clickedEl);
-    },
-    '.popup-close': function closePopup($clickedEl, data) {
-      if (data === void 0) {
-        data = {};
-      }
-
-      var app = this;
-      app.popup.close(data.popup, data.animate, $clickedEl);
-    }
-  }
-};

package/esm/components/preloader/preloader.js

@@ -1,101 +0,0 @@
-import $ from '../../shared/dom7';
-import { bindMethods, iosPreloaderContent, mdPreloaderContent, auroraPreloaderContent } from '../../shared/utils';
-var Preloader = {
-  init: function init(el) {
-    var app = this;
-    var preloaders = {
-      iosPreloaderContent: iosPreloaderContent,
-      mdPreloaderContent: mdPreloaderContent,
-      auroraPreloaderContent: auroraPreloaderContent
-    };
-    var $el = $(el);
-    if ($el.length === 0 || $el.children('.preloader-inner').length > 0 || $el.children('.preloader-inner-line').length > 0) return;
-    $el.append(preloaders[app.theme + "PreloaderContent"]);
-  },
-  // Modal
-  visible: false,
-  show: function show(color) {
-    if (color === void 0) {
-      color = 'white';
-    }
-
-    var app = this;
-    if (Preloader.visible) return;
-    var preloaders = {
-      iosPreloaderContent: iosPreloaderContent,
-      mdPreloaderContent: mdPreloaderContent,
-      auroraPreloaderContent: auroraPreloaderContent
-    };
-    var preloaderInner = preloaders[app.theme + "PreloaderContent"] || '';
-    $('html').addClass('with-modal-preloader'); // prettier-ignore
-
-    app.$el.append("\n      <div class=\"preloader-backdrop\"></div>\n      <div class=\"preloader-modal\">\n        <div class=\"preloader color-" + color + "\">" + preloaderInner + "</div>\n      </div>\n    ");
-    Preloader.visible = true;
-  },
-  showIn: function showIn(el, color) {
-    if (color === void 0) {
-      color = 'white';
-    }
-
-    var app = this;
-    var preloaders = {
-      iosPreloaderContent: iosPreloaderContent,
-      mdPreloaderContent: mdPreloaderContent,
-      auroraPreloaderContent: auroraPreloaderContent
-    };
-    var preloaderInner = preloaders[app.theme + "PreloaderContent"] || '';
-    $(el || 'html').addClass('with-modal-preloader'); // prettier-ignore
-
-    $(el || app.$el).append("\n      <div class=\"preloader-backdrop\"></div>\n      <div class=\"preloader-modal\">\n        <div class=\"preloader color-" + color + "\">" + preloaderInner + "</div>\n      </div>\n    ");
-  },
-  hide: function hide() {
-    var app = this;
-    if (!Preloader.visible) return;
-    $('html').removeClass('with-modal-preloader');
-    app.$el.find('.preloader-backdrop, .preloader-modal').remove();
-    Preloader.visible = false;
-  },
-  hideIn: function hideIn(el) {
-    var app = this;
-    $(el || 'html').removeClass('with-modal-preloader');
-    $(el || app.$el).find('.preloader-backdrop, .preloader-modal').remove();
-  }
-};
-export default {
-  name: 'preloader',
-  create: function create() {
-    var app = this;
-    bindMethods(app, {
-      preloader: Preloader
-    });
-  },
-  on: {
-    photoBrowserOpen: function photoBrowserOpen(pb) {
-      var app = this;
-      pb.$el.find('.preloader').each(function (preloaderEl) {
-        app.preloader.init(preloaderEl);
-      });
-    },
-    tabMounted: function tabMounted(tabEl) {
-      var app = this;
-      $(tabEl).find('.preloader').each(function (preloaderEl) {
-        app.preloader.init(preloaderEl);
-      });
-    },
-    pageInit: function pageInit(page) {
-      var app = this;
-      page.$el.find('.preloader').each(function (preloaderEl) {
-        app.preloader.init(preloaderEl);
-      });
-    }
-  },
-  vnode: {
-    preloader: {
-      insert: function insert(vnode) {
-        var app = this;
-        var preloaderEl = vnode.elm;
-        app.preloader.init(preloaderEl);
-      }
-    }
-  }
-};