framework7 6.3.4 → 7.0.0-beta.3

package/esm/components/color-picker/color-picker.js

@@ -1,94 +0,0 @@
-import $ from '../../shared/dom7';
-import ConstructorMethods from '../../shared/constructor-methods';
-import ColorPicker from './color-picker-class';
-export default {
-  name: 'colorPicker',
-  static: {
-    ColorPicker: ColorPicker
-  },
-  create: function create() {
-    var app = this;
-    app.colorPicker = ConstructorMethods({
-      defaultSelector: '.color-picker',
-      constructor: ColorPicker,
-      app: app,
-      domProp: 'f7ColorPicker'
-    });
-
-    app.colorPicker.close = function close(el) {
-      if (el === void 0) {
-        el = '.color-picker';
-      }
-
-      var $el = $(el);
-      if ($el.length === 0) return;
-      var colorPicker = $el[0].f7ColorPicker;
-      if (!colorPicker || colorPicker && !colorPicker.opened) return;
-      colorPicker.close();
-    };
-  },
-  params: {
-    colorPicker: {
-      // Color picker settings
-      value: null,
-      modules: ['wheel'],
-      palette: [['#FFEBEE', '#FFCDD2', '#EF9A9A', '#E57373', '#EF5350', '#F44336', '#E53935', '#D32F2F', '#C62828', '#B71C1C'], ['#F3E5F5', '#E1BEE7', '#CE93D8', '#BA68C8', '#AB47BC', '#9C27B0', '#8E24AA', '#7B1FA2', '#6A1B9A', '#4A148C'], ['#E8EAF6', '#C5CAE9', '#9FA8DA', '#7986CB', '#5C6BC0', '#3F51B5', '#3949AB', '#303F9F', '#283593', '#1A237E'], ['#E1F5FE', '#B3E5FC', '#81D4FA', '#4FC3F7', '#29B6F6', '#03A9F4', '#039BE5', '#0288D1', '#0277BD', '#01579B'], ['#E0F2F1', '#B2DFDB', '#80CBC4', '#4DB6AC', '#26A69A', '#009688', '#00897B', '#00796B', '#00695C', '#004D40'], ['#F1F8E9', '#DCEDC8', '#C5E1A5', '#AED581', '#9CCC65', '#8BC34A', '#7CB342', '#689F38', '#558B2F', '#33691E'], ['#FFFDE7', '#FFF9C4', '#FFF59D', '#FFF176', '#FFEE58', '#FFEB3B', '#FDD835', '#FBC02D', '#F9A825', '#F57F17'], ['#FFF3E0', '#FFE0B2', '#FFCC80', '#FFB74D', '#FFA726', '#FF9800', '#FB8C00', '#F57C00', '#EF6C00', '#E65100']],
-      groupedModules: false,
-      centerModules: true,
-      sliderLabel: false,
-      sliderValue: false,
-      sliderValueEdiable: false,
-      barLabel: false,
-      barValue: false,
-      barValueEdiable: false,
-      hexLabel: false,
-      hexValueEditable: false,
-      redLabelText: 'R',
-      greenLabelText: 'G',
-      blueLabelText: 'B',
-      hueLabelText: 'H',
-      saturationLabelText: 'S',
-      brightnessLabelText: 'B',
-      hexLabelText: 'HEX',
-      alphaLabelText: 'A',
-      // Common opener settings
-      containerEl: null,
-      openIn: 'popover',
-      // or 'popover' or 'sheet' or 'popup' or 'page' or 'auto'
-      openInPhone: 'popup',
-      // or 'popover' or 'sheet' or 'popup' or 'page'
-      popupPush: false,
-      popupSwipeToClose: undefined,
-      sheetPush: false,
-      sheetSwipeToClose: undefined,
-      formatValue: null,
-      targetEl: null,
-      targetElSetBackgroundColor: false,
-      inputEl: null,
-      inputReadOnly: true,
-      closeByOutsideClick: true,
-      scrollToInput: true,
-      toolbarSheet: true,
-      toolbarPopover: false,
-      toolbarCloseText: 'Done',
-      navbarPopup: true,
-      navbarCloseText: 'Done',
-      navbarTitleText: 'Color',
-      navbarBackLinkText: 'Back',
-      cssClass: null,
-      routableModals: false,
-      view: null,
-      url: 'color/',
-      backdrop: null,
-      closeByBackdropClick: true,
-      // Render functions
-      renderToolbar: null,
-      renderNavbar: null,
-      renderInline: null,
-      renderPopover: null,
-      renderSheet: null,
-      renderPopup: null,
-      render: null
-    }
-  }
-};

package/esm/components/contacts-list/contacts-list.js

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

package/esm/components/data-table/data-table.js

@@ -1,64 +0,0 @@
-import $ from '../../shared/dom7';
-import DataTable from './data-table-class';
-import ConstructorMethods from '../../shared/constructor-methods';
-export default {
-  name: 'dataTable',
-  static: {
-    DataTable: DataTable
-  },
-  create: function create() {
-    var app = this;
-    app.dataTable = ConstructorMethods({
-      defaultSelector: '.data-table',
-      constructor: DataTable,
-      app: app,
-      domProp: 'f7DataTable'
-    });
-  },
-  on: {
-    tabBeforeRemove: function tabBeforeRemove(tabEl) {
-      var app = this;
-      $(tabEl).find('.data-table-init').each(function (tableEl) {
-        app.dataTable.destroy(tableEl);
-      });
-    },
-    tabMounted: function tabMounted(tabEl) {
-      var app = this;
-      $(tabEl).find('.data-table-init').each(function (tableEl) {
-        app.dataTable.create({
-          el: tableEl
-        });
-      });
-    },
-    pageBeforeRemove: function pageBeforeRemove(page) {
-      var app = this;
-      page.$el.find('.data-table-init').each(function (tableEl) {
-        app.dataTable.destroy(tableEl);
-      });
-    },
-    pageInit: function pageInit(page) {
-      var app = this;
-      page.$el.find('.data-table-init').each(function (tableEl) {
-        app.dataTable.create({
-          el: tableEl
-        });
-      });
-    }
-  },
-  vnode: {
-    'data-table-init': {
-      insert: function insert(vnode) {
-        var app = this;
-        var tableEl = vnode.elm;
-        app.dataTable.create({
-          el: tableEl
-        });
-      },
-      destroy: function destroy(vnode) {
-        var app = this;
-        var tableEl = vnode.elm;
-        app.dataTable.destroy(tableEl);
-      }
-    }
-  }
-};

package/esm/components/dialog/dialog.js

@@ -1,286 +0,0 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-import { extend, iosPreloaderContent, mdPreloaderContent, auroraPreloaderContent } from '../../shared/utils';
-import Dialog from './dialog-class';
-import ModalMethods from '../../shared/modal-methods';
-export default {
-  name: 'dialog',
-  params: {
-    dialog: {
-      title: undefined,
-      buttonOk: 'OK',
-      buttonCancel: 'Cancel',
-      usernamePlaceholder: 'Username',
-      passwordPlaceholder: 'Password',
-      preloaderTitle: 'Loading... ',
-      progressTitle: 'Loading... ',
-      backdrop: true,
-      closeByBackdropClick: false,
-      destroyPredefinedDialogs: true,
-      keyboardActions: true,
-      autoFocus: true
-    }
-  },
-  static: {
-    Dialog: Dialog
-  },
-  create: function create() {
-    var app = this;
-
-    function defaultDialogTitle() {
-      return app.params.dialog.title || app.name;
-    }
-
-    var destroyOnClose = app.params.dialog.destroyPredefinedDialogs;
-    var keyboardActions = app.params.dialog.keyboardActions;
-    var autoFocus = app.params.dialog.autoFocus;
-    var autoFocusHandler = autoFocus ? {
-      on: {
-        opened: function opened(dialog) {
-          dialog.$el.find('input').eq(0).focus();
-        }
-      }
-    } : {};
-    app.dialog = extend(ModalMethods({
-      app: app,
-      constructor: Dialog,
-      defaultSelector: '.dialog.modal-in'
-    }), {
-      // Shortcuts
-      alert: function alert() {
-        for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-          args[_key] = arguments[_key];
-        }
-
-        var text = args[0],
-            title = args[1],
-            callbackOk = args[2];
-
-        if (args.length === 2 && typeof args[1] === 'function') {
-          text = args[0];
-          callbackOk = args[1];
-          title = args[2];
-        }
-
-        return new Dialog(app, {
-          title: typeof title === 'undefined' ? defaultDialogTitle() : title,
-          text: text,
-          buttons: [{
-            text: app.params.dialog.buttonOk,
-            bold: true,
-            onClick: callbackOk,
-            keyCodes: keyboardActions ? [13, 27] : null
-          }],
-          destroyOnClose: destroyOnClose
-        }).open();
-      },
-      prompt: function prompt() {
-        for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-          args[_key2] = arguments[_key2];
-        }
-
-        var text = args[0],
-            title = args[1],
-            callbackOk = args[2],
-            callbackCancel = args[3],
-            defaultValue = args[4];
-
-        if (typeof args[1] === 'function') {
-          text = args[0];
-          callbackOk = args[1];
-          callbackCancel = args[2];
-          defaultValue = args[3];
-          title = args[4];
-        }
-
-        defaultValue = typeof defaultValue === 'undefined' || defaultValue === null ? '' : defaultValue;
-        return new Dialog(app, _extends({
-          title: typeof title === 'undefined' ? defaultDialogTitle() : title,
-          text: text,
-          content: "<div class=\"dialog-input-field input\"><input type=\"text\" class=\"dialog-input\" value=\"" + defaultValue + "\"></div>",
-          buttons: [{
-            text: app.params.dialog.buttonCancel,
-            keyCodes: keyboardActions ? [27] : null,
-            color: app.theme === 'aurora' ? 'gray' : null
-          }, {
-            text: app.params.dialog.buttonOk,
-            bold: true,
-            keyCodes: keyboardActions ? [13] : null
-          }],
-          onClick: function onClick(dialog, index) {
-            var inputValue = dialog.$el.find('.dialog-input').val();
-            if (index === 0 && callbackCancel) callbackCancel(inputValue);
-            if (index === 1 && callbackOk) callbackOk(inputValue);
-          },
-          destroyOnClose: destroyOnClose
-        }, autoFocusHandler)).open();
-      },
-      confirm: function confirm() {
-        for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
-          args[_key3] = arguments[_key3];
-        }
-
-        var text = args[0],
-            title = args[1],
-            callbackOk = args[2],
-            callbackCancel = args[3];
-
-        if (typeof args[1] === 'function') {
-          text = args[0];
-          callbackOk = args[1];
-          callbackCancel = args[2];
-          title = args[3];
-        }
-
-        return new Dialog(app, {
-          title: typeof title === 'undefined' ? defaultDialogTitle() : title,
-          text: text,
-          buttons: [{
-            text: app.params.dialog.buttonCancel,
-            onClick: callbackCancel,
-            keyCodes: keyboardActions ? [27] : null,
-            color: app.theme === 'aurora' ? 'gray' : null
-          }, {
-            text: app.params.dialog.buttonOk,
-            bold: true,
-            onClick: callbackOk,
-            keyCodes: keyboardActions ? [13] : null
-          }],
-          destroyOnClose: destroyOnClose
-        }).open();
-      },
-      login: function login() {
-        for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
-          args[_key4] = arguments[_key4];
-        }
-
-        var text = args[0],
-            title = args[1],
-            callbackOk = args[2],
-            callbackCancel = args[3];
-
-        if (typeof args[1] === 'function') {
-          text = args[0];
-          callbackOk = args[1];
-          callbackCancel = args[2];
-          title = args[3];
-        }
-
-        return new Dialog(app, _extends({
-          title: typeof title === 'undefined' ? defaultDialogTitle() : title,
-          text: text,
-          // prettier-ignore
-          content: "\n              <div class=\"dialog-input-field dialog-input-double input\">\n                <input type=\"text\" name=\"dialog-username\" placeholder=\"" + app.params.dialog.usernamePlaceholder + "\" class=\"dialog-input\">\n              </div>\n              <div class=\"dialog-input-field dialog-input-double input\">\n                <input type=\"password\" name=\"dialog-password\" placeholder=\"" + app.params.dialog.passwordPlaceholder + "\" class=\"dialog-input\">\n              </div>",
-          buttons: [{
-            text: app.params.dialog.buttonCancel,
-            keyCodes: keyboardActions ? [27] : null,
-            color: app.theme === 'aurora' ? 'gray' : null
-          }, {
-            text: app.params.dialog.buttonOk,
-            bold: true,
-            keyCodes: keyboardActions ? [13] : null
-          }],
-          onClick: function onClick(dialog, index) {
-            var username = dialog.$el.find('[name="dialog-username"]').val();
-            var password = dialog.$el.find('[name="dialog-password"]').val();
-            if (index === 0 && callbackCancel) callbackCancel(username, password);
-            if (index === 1 && callbackOk) callbackOk(username, password);
-          },
-          destroyOnClose: destroyOnClose
-        }, autoFocusHandler)).open();
-      },
-      password: function password() {
-        for (var _len5 = arguments.length, args = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {
-          args[_key5] = arguments[_key5];
-        }
-
-        var text = args[0],
-            title = args[1],
-            callbackOk = args[2],
-            callbackCancel = args[3];
-
-        if (typeof args[1] === 'function') {
-          text = args[0];
-          callbackOk = args[1];
-          callbackCancel = args[2];
-          title = args[3];
-        }
-
-        return new Dialog(app, _extends({
-          title: typeof title === 'undefined' ? defaultDialogTitle() : title,
-          text: text,
-          // prettier-ignore
-          content: "\n              <div class=\"dialog-input-field input\">\n                <input type=\"password\" name=\"dialog-password\" placeholder=\"" + app.params.dialog.passwordPlaceholder + "\" class=\"dialog-input\">\n              </div>",
-          buttons: [{
-            text: app.params.dialog.buttonCancel,
-            keyCodes: keyboardActions ? [27] : null,
-            color: app.theme === 'aurora' ? 'gray' : null
-          }, {
-            text: app.params.dialog.buttonOk,
-            bold: true,
-            keyCodes: keyboardActions ? [13] : null
-          }],
-          onClick: function onClick(dialog, index) {
-            var password = dialog.$el.find('[name="dialog-password"]').val();
-            if (index === 0 && callbackCancel) callbackCancel(password);
-            if (index === 1 && callbackOk) callbackOk(password);
-          },
-          destroyOnClose: destroyOnClose
-        }, autoFocusHandler)).open();
-      },
-      preloader: function preloader(title, color) {
-        var preloaders = {
-          iosPreloaderContent: iosPreloaderContent,
-          mdPreloaderContent: mdPreloaderContent,
-          auroraPreloaderContent: auroraPreloaderContent
-        };
-        var preloaderInner = preloaders[app.theme + "PreloaderContent"] || '';
-        return new Dialog(app, {
-          title: typeof title === 'undefined' || title === null ? app.params.dialog.preloaderTitle : title,
-          // prettier-ignore
-          content: "<div class=\"preloader" + (color ? " color-" + color : '') + "\">" + preloaderInner + "</div>",
-          cssClass: 'dialog-preloader',
-          destroyOnClose: destroyOnClose
-        }).open();
-      },
-      progress: function progress() {
-        for (var _len6 = arguments.length, args = new Array(_len6), _key6 = 0; _key6 < _len6; _key6++) {
-          args[_key6] = arguments[_key6];
-        }
-
-        var title = args[0],
-            progress = args[1],
-            color = args[2];
-
-        if (args.length === 2) {
-          if (typeof args[0] === 'number') {
-            progress = args[0];
-            color = args[1];
-            title = args[2];
-          } else if (typeof args[0] === 'string' && typeof args[1] === 'string') {
-            title = args[0];
-            color = args[1];
-            progress = args[2];
-          }
-        } else if (args.length === 1) {
-          if (typeof args[0] === 'number') {
-            progress = args[0];
-            title = args[1];
-            color = args[2];
-          }
-        }
-
-        var infinite = typeof progress === 'undefined';
-        var dialog = new Dialog(app, {
-          title: typeof title === 'undefined' ? app.params.dialog.progressTitle : title,
-          cssClass: 'dialog-progress',
-          // prettier-ignore
-          content: "\n              <div class=\"progressbar" + (infinite ? '-infinite' : '') + (color ? " color-" + color : '') + "\">\n                " + (!infinite ? '<span></span>' : '') + "\n              </div>\n            ",
-          destroyOnClose: destroyOnClose
-        });
-        if (!infinite) dialog.setProgress(progress);
-        return dialog.open();
-      }
-    });
-  }
-};

package/esm/components/elevation/elevation.js

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

package/esm/components/fab/fab.js

@@ -1,185 +0,0 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-import $ from '../../shared/dom7';
-import { bindMethods, getTranslate, nextFrame } from '../../shared/utils';
-var Fab = {
-  morphOpen: function morphOpen(fabEl, targetEl) {
-    var app = this;
-    var $fabEl = $(fabEl);
-    var $targetEl = $(targetEl);
-    if ($targetEl.length === 0) return;
-    $targetEl.transition(0).addClass('fab-morph-target-visible');
-    var target = {
-      width: $targetEl[0].offsetWidth,
-      height: $targetEl[0].offsetHeight,
-      offset: $targetEl.offset(),
-      borderRadius: $targetEl.css('border-radius'),
-      zIndex: $targetEl.css('z-index')
-    };
-    var fab = {
-      width: $fabEl[0].offsetWidth,
-      height: $fabEl[0].offsetHeight,
-      offset: $fabEl.offset(),
-      translateX: getTranslate($fabEl[0], 'x'),
-      translateY: getTranslate($fabEl[0], 'y')
-    };
-    $fabEl[0].f7FabMorphData = {
-      $targetEl: $targetEl,
-      target: target,
-      fab: fab
-    };
-    var diffX = fab.offset.left + fab.width / 2 - (target.offset.left + target.width / 2) - fab.translateX;
-    var diffY = fab.offset.top + fab.height / 2 - (target.offset.top + target.height / 2) - fab.translateY;
-    var scaleX = target.width / fab.width;
-    var scaleY = target.height / fab.height;
-    var borderRadius = Math.ceil(parseInt(target.borderRadius, 10) / Math.max(scaleX, scaleY));
-    if (borderRadius > 0) borderRadius += 2;
-
-    $fabEl[0].f7FabMorphResizeHandler = function resizeHandler() {
-      $fabEl.transition(0).transform('');
-      $targetEl.transition(0);
-      target.width = $targetEl[0].offsetWidth;
-      target.height = $targetEl[0].offsetHeight;
-      target.offset = $targetEl.offset();
-      fab.offset = $fabEl.offset();
-      var diffXNew = fab.offset.left + fab.width / 2 - (target.offset.left + target.width / 2) - fab.translateX;
-      var diffYNew = fab.offset.top + fab.height / 2 - (target.offset.top + target.height / 2) - fab.translateY;
-      var scaleXNew = target.width / fab.width;
-      var scaleYNew = target.height / fab.height;
-      $fabEl.transform("translate3d(" + -diffXNew + "px, " + -diffYNew + "px, 0) scale(" + scaleXNew + ", " + scaleYNew + ")");
-    };
-
-    $targetEl.css('opacity', 0).transform("scale(" + 1 / scaleX + ", " + 1 / scaleY + ")");
-    $fabEl.addClass('fab-opened').css('z-index', target.zIndex - 1).transform("translate3d(" + -diffX + "px, " + -diffY + "px, 0)");
-    $fabEl.transitionEnd(function () {
-      $targetEl.transition('');
-      nextFrame(function () {
-        $targetEl.css('opacity', 1).transform('scale(1,1)');
-        $fabEl.transform("translate3d(" + -diffX + "px, " + -diffY + "px, 0) scale(" + scaleX + ", " + scaleY + ")").css('border-radius', borderRadius + "px").css('box-shadow', 'none').css('opacity', '0');
-      });
-      app.on('resize', $fabEl[0].f7FabMorphResizeHandler);
-
-      if ($targetEl.parents('.page-content').length > 0) {
-        $targetEl.parents('.page-content').on('scroll', $fabEl[0].f7FabMorphResizeHandler);
-      }
-    });
-  },
-  morphClose: function morphClose(fabEl) {
-    var app = this;
-    var $fabEl = $(fabEl);
-    var morphData = $fabEl[0].f7FabMorphData;
-    if (!morphData) return;
-    var $targetEl = morphData.$targetEl,
-        target = morphData.target,
-        fab = morphData.fab;
-    if ($targetEl.length === 0) return;
-    var diffX = fab.offset.left + fab.width / 2 - (target.offset.left + target.width / 2) - fab.translateX;
-    var diffY = fab.offset.top + fab.height / 2 - (target.offset.top + target.height / 2) - fab.translateY;
-    var scaleX = target.width / fab.width;
-    var scaleY = target.height / fab.height;
-    app.off('resize', $fabEl[0].f7FabMorphResizeHandler);
-
-    if ($targetEl.parents('.page-content').length > 0) {
-      $targetEl.parents('.page-content').off('scroll', $fabEl[0].f7FabMorphResizeHandler);
-    }
-
-    $targetEl.css('opacity', 0).transform("scale(" + 1 / scaleX + ", " + 1 / scaleY + ")");
-    $fabEl.transition('').css('box-shadow', '').css('border-radius', '').css('opacity', '1').transform("translate3d(" + -diffX + "px, " + -diffY + "px, 0)");
-    $fabEl.transitionEnd(function () {
-      $fabEl.css('z-index', '').removeClass('fab-opened').transform('');
-      nextFrame(function () {
-        $fabEl.transitionEnd(function () {
-          $targetEl.removeClass('fab-morph-target-visible').css('opacity', '').transform('').transition('');
-        });
-      });
-    });
-  },
-  open: function open(fabEl, targetEl) {
-    var app = this;
-    var $fabEl = $(fabEl).eq(0);
-    var $buttonsEl = $fabEl.find('.fab-buttons');
-    if (!$fabEl.length) return;
-    if ($fabEl.hasClass('fab-opened')) return;
-    if (!$buttonsEl.length && !$fabEl.hasClass('fab-morph')) return;
-
-    if (app.fab.openedEl) {
-      if (app.fab.openedEl === $fabEl[0]) return;
-      app.fab.close(app.fab.openedEl);
-    }
-
-    app.fab.openedEl = $fabEl[0];
-
-    if ($fabEl.hasClass('fab-morph')) {
-      app.fab.morphOpen($fabEl, targetEl || $fabEl.attr('data-morph-to'));
-    } else {
-      $fabEl.addClass('fab-opened');
-    }
-
-    $fabEl.siblings('.fab-backdrop').addClass('backdrop-in');
-    $fabEl.trigger('fab:open');
-  },
-  close: function close(fabEl) {
-    if (fabEl === void 0) {
-      fabEl = '.fab-opened';
-    }
-
-    var app = this;
-    var $fabEl = $(fabEl).eq(0);
-    var $buttonsEl = $fabEl.find('.fab-buttons');
-    if (!$fabEl.length) return;
-    if (!$fabEl.hasClass('fab-opened')) return;
-    if (!$buttonsEl.length && !$fabEl.hasClass('fab-morph')) return;
-    app.fab.openedEl = null;
-
-    if ($fabEl.hasClass('fab-morph')) {
-      app.fab.morphClose($fabEl);
-    } else {
-      $fabEl.removeClass('fab-opened');
-    }
-
-    $fabEl.siblings('.fab-backdrop').removeClass('backdrop-in');
-    $fabEl.trigger('fab:close');
-  },
-  toggle: function toggle(fabEl) {
-    var app = this;
-    var $fabEl = $(fabEl);
-    if (!$fabEl.hasClass('fab-opened')) app.fab.open(fabEl);else app.fab.close(fabEl);
-  }
-};
-export default {
-  name: 'fab',
-  create: function create() {
-    var app = this;
-    bindMethods(app, {
-      fab: _extends({
-        openedEl: null
-      }, Fab)
-    });
-  },
-  clicks: {
-    '.fab > a': function open($clickedEl) {
-      var app = this;
-      app.fab.toggle($clickedEl.parents('.fab'));
-    },
-    '.fab-open': function open($clickedEl, data) {
-      if (data === void 0) {
-        data = {};
-      }
-
-      var app = this;
-      app.fab.open(data.fab);
-    },
-    '.fab-close': function close($clickedEl, data) {
-      if (data === void 0) {
-        data = {};
-      }
-
-      var app = this;
-      app.fab.close(data.fab);
-    },
-    '.fab-backdrop': function close() {
-      var app = this;
-      app.fab.close();
-    }
-  }
-};