framework7 6.3.4 → 7.0.0-beta.3

package/esm/components/accordion/accordion.js

@@ -1,126 +0,0 @@
-import $ from '../../shared/dom7';
-import { nextFrame, bindMethods } from '../../shared/utils';
-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 = $(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');
-        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 = $(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');
-        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]);
-      }
-    });
-    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 = $(el);
-    if ($el.length === 0) return;
-    if ($el.hasClass('accordion-item-opened')) app.accordion.close(el);else app.accordion.open(el);
-  }
-};
-export default {
-  name: 'accordion',
-  create: function create() {
-    var app = this;
-    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);
-    }
-  }
-};

package/esm/components/actions/actions-class.js

@@ -1,373 +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); }
-
-/* eslint indent: ["off"] */
-import { getWindow, getDocument } from 'ssr-window';
-import { getDevice } from '../../shared/get-device';
-import { extend, nextTick } from '../../shared/utils';
-import Modal from '../modal/modal-class';
-import $ from '../../shared/dom7';
-/** @jsx $jsx */
-
-import $jsx from '../../shared/$jsx';
-
-var Actions = /*#__PURE__*/function (_Modal) {
-  _inheritsLoose(Actions, _Modal);
-
-  function Actions(app, params) {
-    var _this;
-
-    var extendedParams = extend({
-      on: {}
-    }, app.params.actions, params); // Extends with open/close Modal methods;
-
-    _this = _Modal.call(this, app, extendedParams) || this;
-
-    var actions = _assertThisInitialized(_this);
-
-    var device = getDevice();
-    var window = getWindow();
-    var document = getDocument();
-    actions.params = extendedParams; // Buttons
-
-    var groups;
-
-    if (actions.params.buttons) {
-      groups = actions.params.buttons;
-      if (!Array.isArray(groups[0])) groups = [groups];
-    }
-
-    actions.groups = groups; // Find Element
-
-    var $el;
-
-    if (actions.params.el) {
-      $el = $(actions.params.el).eq(0);
-    } else if (actions.params.content) {
-      $el = $(actions.params.content).filter(function (node) {
-        return node.nodeType === 1;
-      }).eq(0);
-    } else if (actions.params.buttons) {
-      if (actions.params.convertToPopover) {
-        actions.popoverHtml = actions.renderPopover();
-      }
-
-      actions.actionsHtml = actions.render();
-    }
-
-    if ($el && $el.length > 0 && $el[0].f7Modal) {
-      return $el[0].f7Modal || _assertThisInitialized(_this);
-    }
-
-    if ($el && $el.length === 0 && !(actions.actionsHtml || actions.popoverHtml)) {
-      return actions.destroy() || _assertThisInitialized(_this);
-    } // Backdrop
-
-
-    var $backdropEl;
-
-    if (actions.params.backdrop && actions.params.backdropEl) {
-      $backdropEl = $(actions.params.backdropEl);
-    } else if (actions.params.backdrop) {
-      $backdropEl = actions.$containerEl.children('.actions-backdrop');
-
-      if ($backdropEl.length === 0) {
-        $backdropEl = $('<div class="actions-backdrop"></div>');
-        actions.$containerEl.append($backdropEl);
-      }
-    }
-
-    var originalOpen = actions.open;
-    var originalClose = actions.close;
-    var popover;
-
-    function buttonOnClick(e) {
-      var $buttonEl = $(this);
-      var buttonIndex;
-      var groupIndex;
-
-      if ($buttonEl.hasClass('list-button') || $buttonEl.hasClass('item-link')) {
-        buttonIndex = $buttonEl.parents('li').index();
-        groupIndex = $buttonEl.parents('.list').index();
-      } else {
-        buttonIndex = $buttonEl.index();
-        groupIndex = $buttonEl.parents('.actions-group').index();
-      }
-
-      if (typeof groups !== 'undefined') {
-        var button = groups[groupIndex][buttonIndex];
-        if (button.onClick) button.onClick(actions, e);
-        if (actions.params.onClick) actions.params.onClick(actions, e);
-        if (button.close !== false) actions.close();
-      }
-    }
-
-    actions.open = function open(animate) {
-      var convertToPopover = false;
-      var _actions$params = actions.params,
-          targetEl = _actions$params.targetEl,
-          targetX = _actions$params.targetX,
-          targetY = _actions$params.targetY,
-          targetWidth = _actions$params.targetWidth,
-          targetHeight = _actions$params.targetHeight;
-
-      if (actions.params.convertToPopover && (targetEl || targetX !== undefined && targetY !== undefined)) {
-        // Popover
-        if (actions.params.forceToPopover || device.ios && device.ipad || app.width >= 768 || device.desktop && app.theme === 'aurora') {
-          convertToPopover = true;
-        }
-      }
-
-      if (convertToPopover && actions.popoverHtml) {
-        popover = app.popover.create({
-          containerEl: actions.params.containerEl,
-          content: actions.popoverHtml,
-          backdrop: actions.params.backdrop,
-          targetEl: targetEl,
-          targetX: targetX,
-          targetY: targetY,
-          targetWidth: targetWidth,
-          targetHeight: targetHeight,
-          on: {
-            open: function open() {
-              if (!actions.$el) {
-                actions.$el = popover.$el;
-              }
-
-              actions.$el.trigger("modal:open " + actions.type.toLowerCase() + ":open");
-              actions.emit("local::open modalOpen " + actions.type + "Open", actions);
-            },
-            opened: function opened() {
-              if (!actions.$el) {
-                actions.$el = popover.$el;
-              }
-
-              actions.$el.trigger("modal:opened " + actions.type.toLowerCase() + ":opened");
-              actions.emit("local::opened modalOpened " + actions.type + "Opened", actions);
-            },
-            close: function close() {
-              if (!actions.$el) {
-                actions.$el = popover.$el;
-              }
-
-              actions.$el.trigger("modal:close " + actions.type.toLowerCase() + ":close");
-              actions.emit("local::close modalClose " + actions.type + "Close", actions);
-            },
-            closed: function closed() {
-              if (!actions.$el) {
-                actions.$el = popover.$el;
-              }
-
-              actions.$el.trigger("modal:closed " + actions.type.toLowerCase() + ":closed");
-              actions.emit("local::closed modalClosed " + actions.type + "Closed", actions);
-            }
-          }
-        });
-        popover.open(animate);
-        popover.once('popoverOpened', function () {
-          popover.$el.find('.list-button, .item-link').each(function (buttonEl) {
-            $(buttonEl).on('click', buttonOnClick);
-          });
-        });
-        popover.once('popoverClosed', function () {
-          popover.$el.find('.list-button, .item-link').each(function (buttonEl) {
-            $(buttonEl).off('click', buttonOnClick);
-          });
-          nextTick(function () {
-            popover.destroy();
-            popover = undefined;
-          });
-        });
-      } else {
-        actions.$el = actions.actionsHtml ? $(actions.actionsHtml) : actions.$el;
-        actions.$el[0].f7Modal = actions;
-
-        if (actions.groups) {
-          actions.$el.find('.actions-button').each(function (buttonEl) {
-            $(buttonEl).on('click', buttonOnClick);
-          });
-          actions.once('actionsClosed', function () {
-            actions.$el.find('.actions-button').each(function (buttonEl) {
-              $(buttonEl).off('click', buttonOnClick);
-            });
-          });
-        }
-
-        actions.el = actions.$el[0];
-        originalOpen.call(actions, animate);
-      }
-
-      return actions;
-    };
-
-    actions.close = function close(animate) {
-      if (popover) {
-        popover.close(animate);
-      } else {
-        originalClose.call(actions, animate);
-      }
-
-      return actions;
-    };
-
-    extend(actions, {
-      app: app,
-      $el: $el,
-      el: $el ? $el[0] : undefined,
-      $backdropEl: $backdropEl,
-      backdropEl: $backdropEl && $backdropEl[0],
-      type: 'actions'
-    });
-
-    function handleClick(e) {
-      var target = e.target;
-      var $target = $(target);
-      var keyboardOpened = !device.desktop && device.cordova && (window.Keyboard && window.Keyboard.isVisible || window.cordova.plugins && window.cordova.plugins.Keyboard && window.cordova.plugins.Keyboard.isVisible);
-      if (keyboardOpened) return;
-
-      if ($target.closest(actions.el).length === 0) {
-        if (actions.params.closeByBackdropClick && actions.params.backdrop && actions.backdropEl && actions.backdropEl === target) {
-          actions.close();
-        } else if (actions.params.closeByOutsideClick) {
-          actions.close();
-        }
-      }
-    }
-
-    function onKeyDown(e) {
-      var keyCode = e.keyCode;
-
-      if (keyCode === 27 && actions.params.closeOnEscape) {
-        actions.close();
-      }
-    }
-
-    if (actions.params.closeOnEscape) {
-      actions.on('open', function () {
-        $(document).on('keydown', onKeyDown);
-      });
-      actions.on('close', function () {
-        $(document).off('keydown', onKeyDown);
-      });
-    }
-
-    actions.on('opened', function () {
-      if (actions.params.closeByBackdropClick || actions.params.closeByOutsideClick) {
-        app.on('click', handleClick);
-      }
-    });
-    actions.on('close', function () {
-      if (actions.params.closeByBackdropClick || actions.params.closeByOutsideClick) {
-        app.off('click', handleClick);
-      }
-    });
-
-    if ($el) {
-      $el[0].f7Modal = actions;
-    }
-
-    return actions || _assertThisInitialized(_this);
-  }
-
-  var _proto = Actions.prototype;
-
-  _proto.render = function render() {
-    var actions = this;
-    if (actions.params.render) return actions.params.render.call(actions, actions);
-    var groups = actions.groups;
-    var cssClass = actions.params.cssClass;
-    return $jsx("div", {
-      class: "actions-modal" + (actions.params.grid ? ' actions-grid' : '') + " " + (cssClass || '')
-    }, groups.map(function (group) {
-      return $jsx("div", {
-        class: "actions-group"
-      }, group.map(function (button) {
-        var buttonClasses = ["actions-" + (button.label ? 'label' : 'button')];
-        var color = button.color,
-            bg = button.bg,
-            bold = button.bold,
-            disabled = button.disabled,
-            label = button.label,
-            text = button.text,
-            icon = button.icon;
-        if (color) buttonClasses.push("color-" + color);
-        if (bg) buttonClasses.push("bg-color-" + bg);
-        if (bold) buttonClasses.push('actions-button-bold');
-        if (disabled) buttonClasses.push('disabled');
-
-        if (label) {
-          return $jsx("div", {
-            class: buttonClasses.join(' ')
-          }, text);
-        }
-
-        return $jsx("div", {
-          class: buttonClasses.join(' ')
-        }, icon && $jsx("div", {
-          class: "actions-button-media"
-        }, icon), $jsx("div", {
-          class: "actions-button-text"
-        }, text));
-      }));
-    }));
-  };
-
-  _proto.renderPopover = function renderPopover() {
-    var actions = this;
-    if (actions.params.renderPopover) return actions.params.renderPopover.call(actions, actions);
-    var groups = actions.groups;
-    var cssClass = actions.params.cssClass;
-    return $jsx("div", {
-      class: "popover popover-from-actions " + (cssClass || '')
-    }, $jsx("div", {
-      class: "popover-inner"
-    }, groups.map(function (group) {
-      return $jsx("div", {
-        class: "list"
-      }, $jsx("ul", null, group.map(function (button) {
-        var itemClasses = [];
-        var color = button.color,
-            bg = button.bg,
-            bold = button.bold,
-            disabled = button.disabled,
-            label = button.label,
-            text = button.text,
-            icon = button.icon;
-        if (color) itemClasses.push("color-" + color);
-        if (bg) itemClasses.push("bg-color-" + bg);
-        if (bold) itemClasses.push('popover-from-actions-bold');
-        if (disabled) itemClasses.push('disabled');
-
-        if (label) {
-          itemClasses.push('popover-from-actions-label');
-          return "<li class=\"" + itemClasses.join(' ') + "\">" + text + "</li>";
-        }
-
-        if (icon) {
-          itemClasses.push('item-link item-content');
-          return $jsx("li", null, $jsx("a", {
-            class: itemClasses.join(' ')
-          }, $jsx("div", {
-            class: "item-media"
-          }, icon), $jsx("div", {
-            class: "item-inner"
-          }, $jsx("div", {
-            class: "item-title"
-          }, text))));
-        }
-
-        itemClasses.push('list-button');
-        return $jsx("li", null, $jsx("a", {
-          class: itemClasses.join(' ')
-        }, text));
-      })));
-    })));
-  };
-
-  return Actions;
-}(Modal);
-
-export default Actions;

package/esm/components/actions/actions.js

@@ -1,48 +0,0 @@
-import Actions from './actions-class';
-import ModalMethods from '../../shared/modal-methods';
-export default {
-  name: 'actions',
-  params: {
-    actions: {
-      convertToPopover: true,
-      forceToPopover: false,
-      backdrop: true,
-      backdropEl: undefined,
-      cssClass: null,
-      closeByBackdropClick: true,
-      closeOnEscape: false,
-      render: null,
-      renderPopover: null,
-      containerEl: null
-    }
-  },
-  static: {
-    Actions: Actions
-  },
-  create: function create() {
-    var app = this;
-    app.actions = ModalMethods({
-      app: app,
-      constructor: Actions,
-      defaultSelector: '.actions-modal.modal-in'
-    });
-  },
-  clicks: {
-    '.actions-open': function openActions($clickedEl, data) {
-      if (data === void 0) {
-        data = {};
-      }
-
-      var app = this;
-      app.actions.open(data.actions, data.animate, $clickedEl);
-    },
-    '.actions-close': function closeActions($clickedEl, data) {
-      if (data === void 0) {
-        data = {};
-      }
-
-      var app = this;
-      app.actions.close(data.actions, data.animate, $clickedEl);
-    }
-  }
-};

package/esm/components/appbar/appbar.js

@@ -1,3 +0,0 @@
-export default {
-  name: 'appbar'
-};