framework7 6.3.5 → 7.0.0-beta.10

package/esm/components/panel/panel.js

@@ -1,208 +0,0 @@
-import $ from '../../shared/dom7';
-import { extend } from '../../shared/utils';
-import Panel from './panel-class';
-export default {
-  name: 'panel',
-  params: {
-    panel: {
-      opened: undefined,
-      // default based on panel-in class
-      side: undefined,
-      // default based on panel class
-      effect: undefined,
-      // default based on panel class
-      resizable: undefined,
-      // default based on panel-resizable class
-      backdrop: true,
-      backdropEl: undefined,
-      visibleBreakpoint: undefined,
-      collapsedBreakpoint: undefined,
-      swipe: false,
-      // or true
-      swipeNoFollow: false,
-      // or true
-      swipeOnlyClose: false,
-      swipeActiveArea: 0,
-      swipeThreshold: 0,
-      closeByBackdropClick: true,
-      containerEl: undefined
-    }
-  },
-  static: {
-    Panel: Panel
-  },
-  create: function create() {
-    var app = this;
-    extend(app, {
-      panel: {
-        allowOpen: true,
-        create: function create(params) {
-          return new Panel(app, params);
-        },
-        get: function get(el) {
-          if (el === void 0) {
-            el = '.panel';
-          }
-
-          if (el instanceof Panel) return el;
-          if (el === 'left' || el === 'right') el = ".panel-" + el; // eslint-disable-line
-
-          var $el = $(el);
-          if ($el.length === 0 || $el.length > 1) return undefined;
-          return $el[0].f7Panel;
-        },
-        destroy: function destroy(el) {
-          if (el === void 0) {
-            el = '.panel';
-          }
-
-          var panel = app.panel.get(el);
-          if (panel && panel.destroy) return panel.destroy();
-          return undefined;
-        },
-        open: function open(el, animate) {
-          if (el === void 0) {
-            el = '.panel';
-          }
-
-          if (el === 'left' || el === 'right') el = ".panel-" + el; // eslint-disable-line
-
-          var panel = app.panel.get(el);
-          if (panel && panel.open) return panel.open(animate);
-
-          if (!panel) {
-            panel = app.panel.create({
-              el: el
-            });
-            return panel.open(animate);
-          }
-
-          return undefined;
-        },
-        close: function close(el, animate) {
-          if (el === void 0) {
-            el = '.panel-in';
-          }
-
-          if (el === 'left' || el === 'right') el = ".panel-" + el; // eslint-disable-line
-
-          var panel = app.panel.get(el);
-          if (panel && panel.open) return panel.close(animate);
-
-          if (!panel) {
-            panel = app.panel.create({
-              el: el
-            });
-            return panel.close(animate);
-          }
-
-          return undefined;
-        },
-        toggle: function toggle(el, animate) {
-          if (el === void 0) {
-            el = '.panel';
-          }
-
-          if (el === 'left' || el === 'right') el = ".panel-" + el; // eslint-disable-line
-
-          var panel = app.panel.get(el);
-          if (panel && panel.toggle) return panel.toggle(animate);
-
-          if (!panel) {
-            panel = app.panel.create({
-              el: el
-            });
-            return panel.toggle(animate);
-          }
-
-          return undefined;
-        }
-      }
-    });
-  },
-  on: {
-    init: function init() {
-      var app = this;
-      $('.panel-init').each(function (panelEl) {
-        var params = Object.assign({
-          el: panelEl
-        }, $(panelEl).dataset() || {});
-        app.panel.create(params);
-      });
-    },
-    pageInit: function pageInit(page) {
-      var app = this;
-      page.$el.find('.panel-init').each(function (panelEl) {
-        var params = Object.assign({
-          el: panelEl
-        }, $(panelEl).dataset() || {});
-        app.panel.create(params);
-      });
-    },
-    pageBeforeRemove: function pageBeforeRemove(page) {
-      var app = this;
-      page.$el.find('.panel-init').each(function (panelEl) {
-        var panel = app.panel.get(panelEl);
-        if (panel && panel.destroy) panel.destroy();
-      });
-    }
-  },
-  vnode: {
-    'panel-init': {
-      insert: function insert(vnode) {
-        var app = this;
-        var panelEl = vnode.elm;
-        var params = Object.assign({
-          el: panelEl
-        }, $(panelEl).dataset() || {});
-        app.panel.create(params);
-      },
-      destroy: function destroy(vnode) {
-        var app = this;
-        var panelEl = vnode.elm;
-        var panel = app.panel.get(panelEl);
-        if (panel && panel.destroy) panel.destroy();
-      }
-    }
-  },
-  clicks: {
-    '.panel-open': function open(clickedEl, data) {
-      if (data === void 0) {
-        data = {};
-      }
-
-      var app = this;
-      app.panel.open(data.panel, data.animate);
-    },
-    '.panel-close': function close(clickedEl, data) {
-      if (data === void 0) {
-        data = {};
-      }
-
-      var app = this;
-      app.panel.close(data.panel, data.animate);
-    },
-    '.panel-toggle': function close(clickedEl, data) {
-      if (data === void 0) {
-        data = {};
-      }
-
-      var app = this;
-      app.panel.toggle(data.panel, data.animate);
-    },
-    '.panel-backdrop': function close() {
-      var app = this;
-      var $panelEl = $('.panel-in:not(.panel-out)');
-      if (!$panelEl.length) return;
-      var instance = $panelEl[0] && $panelEl[0].f7Panel;
-      $panelEl.trigger('panel:backdrop-click');
-
-      if (instance) {
-        instance.emit('backdropClick', instance);
-      }
-
-      app.emit('panelBackdropClick', instance || $panelEl[0]);
-      if (app.params.panel.closeByBackdropClick) app.panel.close();
-    }
-  }
-};

package/esm/components/photo-browser/photo-browser.js

@@ -1,68 +0,0 @@
-import PhotoBrowser from './photo-browser-class';
-import ConstructorMethods from '../../shared/constructor-methods';
-export default {
-  name: 'photoBrowser',
-  params: {
-    photoBrowser: {
-      photos: [],
-      exposition: true,
-      expositionHideCaptions: false,
-      type: 'standalone',
-      navbar: true,
-      toolbar: true,
-      theme: 'light',
-      captionsTheme: undefined,
-      iconsColor: undefined,
-      popupPush: false,
-      swipeToClose: true,
-      pageBackLinkText: 'Back',
-      popupCloseLinkText: 'Close',
-      navbarOfText: 'of',
-      navbarShowCount: undefined,
-      view: undefined,
-      url: 'photos/',
-      routableModals: false,
-      virtualSlides: true,
-      renderNavbar: undefined,
-      renderToolbar: undefined,
-      renderCaption: undefined,
-      renderObject: undefined,
-      renderLazyPhoto: undefined,
-      renderPhoto: undefined,
-      renderPage: undefined,
-      renderPopup: undefined,
-      renderStandalone: undefined,
-      swiper: {
-        initialSlide: 0,
-        spaceBetween: 20,
-        speed: 300,
-        loop: false,
-        preloadImages: true,
-        navigation: {
-          nextEl: '.photo-browser-next',
-          prevEl: '.photo-browser-prev'
-        },
-        zoom: {
-          enabled: true,
-          maxRatio: 3,
-          minRatio: 1
-        },
-        lazy: {
-          enabled: true
-        }
-      }
-    }
-  },
-  create: function create() {
-    var app = this;
-    app.photoBrowser = ConstructorMethods({
-      defaultSelector: '.photo-browser-popup, .photo-browser-page',
-      constructor: PhotoBrowser,
-      app: app,
-      domProp: 'f7PhotoBrowser'
-    });
-  },
-  static: {
-    PhotoBrowser: PhotoBrowser
-  }
-};

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;
-    };
-  }
-};