framework7 6.3.4 → 7.0.0-beta.3

package/cjs/components/smart-select/smart-select.js

@@ -1,151 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _dom = _interopRequireDefault(require("../../shared/dom7"));
-
-var _utils = require("../../shared/utils");
-
-var _smartSelectClass = _interopRequireDefault(require("./smart-select-class"));
-
-var _constructorMethods = _interopRequireDefault(require("../../shared/constructor-methods"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _default = {
-  name: 'smartSelect',
-  params: {
-    smartSelect: {
-      el: undefined,
-      valueEl: undefined,
-      setValueText: true,
-      formatValueText: null,
-      openIn: 'page',
-      // or 'popup' or 'sheet' or 'popover'
-      popupPush: false,
-      popupSwipeToClose: undefined,
-      // defaults to app
-      sheetPush: false,
-      sheetSwipeToClose: undefined,
-      // defaults to app
-      sheetBackdrop: false,
-      pageTitle: undefined,
-      pageBackLinkText: 'Back',
-      popupCloseLinkText: 'Close',
-      popupTabletFullscreen: false,
-      sheetCloseLinkText: 'Done',
-      searchbar: false,
-      searchbarPlaceholder: 'Search',
-      searchbarDisableText: 'Cancel',
-      searchbarDisableButton: undefined,
-      searchbarSpellcheck: false,
-      closeOnSelect: false,
-      virtualList: false,
-      virtualListHeight: undefined,
-      scrollToSelectedItem: false,
-      formColorTheme: undefined,
-      navbarColorTheme: undefined,
-      routableModals: false,
-      url: 'select/',
-      cssClass: '',
-
-      /*
-        Custom render functions
-      */
-      renderPage: undefined,
-      renderPopup: undefined,
-      renderSheet: undefined,
-      renderPopover: undefined,
-      renderItems: undefined,
-      renderItem: undefined,
-      renderSearchbar: undefined
-    }
-  },
-  static: {
-    SmartSelect: _smartSelectClass.default
-  },
-  create: function create() {
-    var app = this;
-    app.smartSelect = (0, _utils.extend)((0, _constructorMethods.default)({
-      defaultSelector: '.smart-select',
-      constructor: _smartSelectClass.default,
-      app: app,
-      domProp: 'f7SmartSelect'
-    }), {
-      open: function open(smartSelectEl) {
-        var ss = app.smartSelect.get(smartSelectEl);
-        if (ss && ss.open) return ss.open();
-        return undefined;
-      },
-      close: function close(smartSelectEl) {
-        var ss = app.smartSelect.get(smartSelectEl);
-        if (ss && ss.close) return ss.close();
-        return undefined;
-      }
-    });
-  },
-  on: {
-    tabMounted: function tabMounted(tabEl) {
-      var app = this;
-      (0, _dom.default)(tabEl).find('.smart-select-init').each(function (smartSelectEl) {
-        app.smartSelect.create((0, _utils.extend)({
-          el: smartSelectEl
-        }, (0, _dom.default)(smartSelectEl).dataset()));
-      });
-    },
-    tabBeforeRemove: function tabBeforeRemove(tabEl) {
-      (0, _dom.default)(tabEl).find('.smart-select-init').each(function (smartSelectEl) {
-        if (smartSelectEl.f7SmartSelect && smartSelectEl.f7SmartSelect.destroy) {
-          smartSelectEl.f7SmartSelect.destroy();
-        }
-      });
-    },
-    pageInit: function pageInit(page) {
-      var app = this;
-      page.$el.find('.smart-select-init').each(function (smartSelectEl) {
-        app.smartSelect.create((0, _utils.extend)({
-          el: smartSelectEl
-        }, (0, _dom.default)(smartSelectEl).dataset()));
-      });
-    },
-    pageBeforeRemove: function pageBeforeRemove(page) {
-      page.$el.find('.smart-select-init').each(function (smartSelectEl) {
-        if (smartSelectEl.f7SmartSelect && smartSelectEl.f7SmartSelect.destroy) {
-          smartSelectEl.f7SmartSelect.destroy();
-        }
-      });
-    }
-  },
-  clicks: {
-    '.smart-select': function open($clickedEl, data) {
-      var app = this;
-
-      if (!$clickedEl[0].f7SmartSelect) {
-        var ss = app.smartSelect.create((0, _utils.extend)({
-          el: $clickedEl
-        }, data));
-        ss.open();
-      }
-    }
-  },
-  vnode: {
-    'smart-select-init': {
-      insert: function insert(vnode) {
-        var app = this;
-        var smartSelectEl = vnode.elm;
-        app.smartSelect.create((0, _utils.extend)({
-          el: smartSelectEl
-        }, (0, _dom.default)(smartSelectEl).dataset()));
-      },
-      destroy: function destroy(vnode) {
-        var smartSelectEl = vnode.elm;
-
-        if (smartSelectEl.f7SmartSelect && smartSelectEl.f7SmartSelect.destroy) {
-          smartSelectEl.f7SmartSelect.destroy();
-        }
-      }
-    }
-  }
-};
-exports.default = _default;

package/cjs/components/sortable/sortable.js

@@ -1,322 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _ssrWindow = require("ssr-window");
-
-var _dom = _interopRequireDefault(require("../../shared/dom7"));
-
-var _utils = require("../../shared/utils");
-
-var _getSupport = require("../../shared/get-support");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var Sortable = {
-  init: function init() {
-    var app = this;
-    var document = (0, _ssrWindow.getDocument)();
-    var isTouched;
-    var isMoved;
-    var touchStartY;
-    var touchesDiff;
-    var $sortingEl;
-    var $sortingItems;
-    var $sortableContainer;
-    var sortingElHeight;
-    var minTop;
-    var maxTop;
-    var $insertAfterEl;
-    var $insertBeforeEl;
-    var indexFrom;
-    var $pageEl;
-    var $pageContentEl;
-    var pageHeight;
-    var pageOffset;
-    var sortingElOffsetLocal;
-    var sortingElOffsetTop;
-    var initialScrollTop;
-    var wasTapHold;
-
-    function handleTouchStart(e, isTapHold) {
-      isMoved = false;
-      isTouched = true;
-      wasTapHold = false;
-      touchStartY = e.type === 'touchstart' ? e.targetTouches[0].pageY : e.pageY;
-      $sortingEl = (0, _dom.default)(e.target).closest('li').eq(0);
-      indexFrom = $sortingEl.index();
-      $sortableContainer = $sortingEl.parents('.sortable');
-      var $listGroup = $sortingEl.parents('.list-group');
-
-      if ($listGroup.length && $listGroup.parents($sortableContainer).length) {
-        $sortableContainer = $listGroup;
-      }
-
-      $sortingItems = $sortableContainer.children('ul').children('li:not(.disallow-sorting):not(.no-sorting)');
-      if (app.panel) app.panel.allowOpen = false;
-      if (app.swipeout) app.swipeout.allow = false;
-
-      if (isTapHold) {
-        $sortingEl.addClass('sorting');
-        $sortableContainer.addClass('sortable-sorting');
-        wasTapHold = true;
-      }
-    }
-
-    function handleTouchMove(e) {
-      if (!isTouched || !$sortingEl) return;
-      var pageY = e.type === 'touchmove' ? e.targetTouches[0].pageY : e.pageY;
-
-      if (!isMoved) {
-        $pageEl = $sortingEl.parents('.page');
-        $pageContentEl = $sortingEl.parents('.page-content');
-        var paddingTop = parseInt($pageContentEl.css('padding-top'), 10);
-        var paddingBottom = parseInt($pageContentEl.css('padding-bottom'), 10);
-        initialScrollTop = $pageContentEl[0].scrollTop;
-        pageOffset = $pageEl.offset().top + paddingTop;
-        pageHeight = $pageEl.height() - paddingTop - paddingBottom;
-        $sortingEl.addClass('sorting');
-        $sortableContainer.addClass('sortable-sorting');
-        sortingElOffsetLocal = $sortingEl[0].offsetTop;
-        minTop = $sortingEl[0].offsetTop;
-        maxTop = $sortingEl.parent().height() - sortingElOffsetLocal - $sortingEl.height();
-        sortingElHeight = $sortingEl[0].offsetHeight;
-        sortingElOffsetTop = $sortingEl.offset().top;
-      }
-
-      isMoved = true;
-      e.preventDefault();
-      e.f7PreventSwipePanel = true;
-      touchesDiff = pageY - touchStartY;
-      var translateScrollOffset = $pageContentEl[0].scrollTop - initialScrollTop;
-      var translate = Math.min(Math.max(touchesDiff + translateScrollOffset, -minTop), maxTop);
-      $sortingEl.transform("translate3d(0," + translate + "px,0)");
-      var scrollAddition = 44;
-      var allowScroll = true;
-
-      if (touchesDiff + translateScrollOffset + scrollAddition < -minTop) {
-        allowScroll = false;
-      }
-
-      if (touchesDiff + translateScrollOffset - scrollAddition > maxTop) {
-        allowScroll = false;
-      }
-
-      $insertBeforeEl = undefined;
-      $insertAfterEl = undefined;
-      var scrollDiff;
-
-      if (allowScroll) {
-        if (sortingElOffsetTop + touchesDiff + sortingElHeight + scrollAddition > pageOffset + pageHeight) {
-          // To Bottom
-          scrollDiff = sortingElOffsetTop + touchesDiff + sortingElHeight + scrollAddition - (pageOffset + pageHeight);
-        }
-
-        if (sortingElOffsetTop + touchesDiff < pageOffset + scrollAddition) {
-          // To Top
-          scrollDiff = sortingElOffsetTop + touchesDiff - pageOffset - scrollAddition;
-        }
-
-        if (scrollDiff) {
-          $pageContentEl[0].scrollTop += scrollDiff;
-        }
-      }
-
-      $sortingItems.each(function (el) {
-        var $currentEl = (0, _dom.default)(el);
-        if ($currentEl[0] === $sortingEl[0]) return;
-        var currentElOffset = $currentEl[0].offsetTop;
-        var currentElHeight = $currentEl.height();
-        var sortingElOffset = sortingElOffsetLocal + translate;
-
-        if (sortingElOffset >= currentElOffset - currentElHeight / 2 && $sortingEl.index() < $currentEl.index()) {
-          $currentEl.transform("translate3d(0, " + -sortingElHeight + "px,0)");
-          $insertAfterEl = $currentEl;
-          $insertBeforeEl = undefined;
-        } else if (sortingElOffset <= currentElOffset + currentElHeight / 2 && $sortingEl.index() > $currentEl.index()) {
-          $currentEl.transform("translate3d(0, " + sortingElHeight + "px,0)");
-          $insertAfterEl = undefined;
-          if (!$insertBeforeEl) $insertBeforeEl = $currentEl;
-        } else {
-          $currentEl.transform('translate3d(0, 0%,0)');
-        }
-      });
-    }
-
-    function handleTouchEnd() {
-      if (!isTouched || !isMoved) {
-        if (isTouched && !isMoved) {
-          if (app.panel) app.panel.allowOpen = true;
-          if (app.swipeout) app.swipeout.allow = true;
-
-          if (wasTapHold) {
-            $sortingEl.removeClass('sorting');
-            $sortableContainer.removeClass('sortable-sorting');
-          }
-        }
-
-        isTouched = false;
-        isMoved = false;
-        return;
-      }
-
-      if (app.panel) app.panel.allowOpen = true;
-      if (app.swipeout) app.swipeout.allow = true;
-      $sortingItems.transform('');
-      $sortingEl.removeClass('sorting');
-      $sortableContainer.removeClass('sortable-sorting');
-      var indexTo;
-      if ($insertAfterEl) indexTo = $insertAfterEl.index();else if ($insertBeforeEl) indexTo = $insertBeforeEl.index();
-      var moveElements = $sortableContainer.dataset().sortableMoveElements;
-
-      if (typeof moveElements === 'undefined') {
-        moveElements = app.params.sortable.moveElements;
-      }
-
-      if (moveElements) {
-        if ($insertAfterEl) {
-          $sortingEl.insertAfter($insertAfterEl);
-        }
-
-        if ($insertBeforeEl) {
-          $sortingEl.insertBefore($insertBeforeEl);
-        }
-      }
-
-      if (($insertAfterEl || $insertBeforeEl) && $sortableContainer.hasClass('virtual-list')) {
-        indexFrom = $sortingEl[0].f7VirtualListIndex;
-        if (typeof indexFrom === 'undefined') indexFrom = $sortingEl.attr('data-virtual-list-index');
-
-        if ($insertBeforeEl) {
-          indexTo = $insertBeforeEl[0].f7VirtualListIndex;
-          if (typeof indexTo === 'undefined') indexTo = $insertBeforeEl.attr('data-virtual-list-index');
-        } else {
-          indexTo = $insertAfterEl[0].f7VirtualListIndex;
-          if (typeof indexTo === 'undefined') indexTo = $insertAfterEl.attr('data-virtual-list-index');
-        }
-
-        if (indexTo !== null) indexTo = parseInt(indexTo, 10);else indexTo = undefined;
-        var virtualList = $sortableContainer[0].f7VirtualList;
-        if (indexFrom) indexFrom = parseInt(indexFrom, 10);
-        if (indexTo) indexTo = parseInt(indexTo, 10);
-        if (virtualList) virtualList.moveItem(indexFrom, indexTo);
-      }
-
-      if (typeof indexTo !== 'undefined' && !Number.isNaN(indexTo) && indexTo !== indexFrom) {
-        $sortingEl.trigger('sortable:sort', {
-          from: indexFrom,
-          to: indexTo
-        });
-        app.emit('sortableSort', $sortingEl[0], {
-          from: indexFrom,
-          to: indexTo,
-          el: $sortingEl[0]
-        }, $sortableContainer[0]);
-      }
-
-      $insertBeforeEl = undefined;
-      $insertAfterEl = undefined;
-      isTouched = false;
-      isMoved = false;
-    }
-
-    var activeListener = (0, _getSupport.getSupport)().passiveListener ? {
-      passive: false,
-      capture: false
-    } : false;
-    (0, _dom.default)(document).on(app.touchEvents.start, '.list.sortable .sortable-handler', handleTouchStart, activeListener);
-    app.on('touchmove:active', handleTouchMove);
-    app.on('touchend:passive', handleTouchEnd);
-    (0, _dom.default)(document).on('taphold', '.sortable-tap-hold', function (e, pointerEvent) {
-      handleTouchStart(pointerEvent, true);
-    });
-  },
-  enable: function enable(el) {
-    if (el === void 0) {
-      el = '.list.sortable';
-    }
-
-    var app = this;
-    var $el = (0, _dom.default)(el);
-    if ($el.length === 0) return;
-    $el.addClass('sortable-enabled');
-    $el.trigger('sortable:enable');
-    app.emit('sortableEnable', $el[0]);
-  },
-  disable: function disable(el) {
-    if (el === void 0) {
-      el = '.list.sortable';
-    }
-
-    var app = this;
-    var $el = (0, _dom.default)(el);
-    if ($el.length === 0) return;
-    $el.removeClass('sortable-enabled');
-    $el.trigger('sortable:disable');
-    app.emit('sortableDisable', $el[0]);
-  },
-  toggle: function toggle(el) {
-    if (el === void 0) {
-      el = '.list.sortable';
-    }
-
-    var app = this;
-    var $el = (0, _dom.default)(el);
-    if ($el.length === 0) return;
-
-    if ($el.hasClass('sortable-enabled')) {
-      app.sortable.disable($el);
-    } else {
-      app.sortable.enable($el);
-    }
-  }
-};
-var _default = {
-  name: 'sortable',
-  params: {
-    sortable: {
-      moveElements: true
-    }
-  },
-  create: function create() {
-    var app = this;
-    (0, _utils.bindMethods)(app, {
-      sortable: Sortable
-    });
-  },
-  on: {
-    init: function init() {
-      var app = this;
-      if (!app.params.sortable) return;
-      app.sortable.init();
-    }
-  },
-  clicks: {
-    '.sortable-enable': function enable($clickedEl, data) {
-      if (data === void 0) {
-        data = {};
-      }
-
-      var app = this;
-      app.sortable.enable(data.sortable);
-    },
-    '.sortable-disable': function disable($clickedEl, data) {
-      if (data === void 0) {
-        data = {};
-      }
-
-      var app = this;
-      app.sortable.disable(data.sortable);
-    },
-    '.sortable-toggle': function toggle($clickedEl, data) {
-      if (data === void 0) {
-        data = {};
-      }
-
-      var app = this;
-      app.sortable.toggle(data.sortable);
-    }
-  }
-};
-exports.default = _default;

package/cjs/components/statusbar/statusbar.js

@@ -1,226 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _ssrWindow = require("ssr-window");
-
-var _dom = _interopRequireDefault(require("../../shared/dom7"));
-
-var _utils = require("../../shared/utils");
-
-var _getDevice = require("../../shared/get-device");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var isCapacitor = function isCapacitor() {
-  var window = (0, _ssrWindow.getWindow)();
-  return window.Capacitor && window.Capacitor.isNative && window.Capacitor.Plugins && window.Capacitor.Plugins.StatusBar;
-};
-
-var Statusbar = {
-  hide: function hide() {
-    var window = (0, _ssrWindow.getWindow)();
-    var device = (0, _getDevice.getDevice)();
-
-    if (device.cordova && window.StatusBar) {
-      window.StatusBar.hide();
-    }
-
-    if (isCapacitor()) {
-      window.Capacitor.Plugins.StatusBar.hide();
-    }
-  },
-  show: function show() {
-    var window = (0, _ssrWindow.getWindow)();
-    var device = (0, _getDevice.getDevice)();
-
-    if (device.cordova && window.StatusBar) {
-      window.StatusBar.show();
-    }
-
-    if (isCapacitor()) {
-      window.Capacitor.Plugins.StatusBar.show();
-    }
-  },
-  onClick: function onClick() {
-    var app = this;
-    var pageContent;
-
-    if ((0, _dom.default)('.popup.modal-in').length > 0) {
-      // Check for opened popup
-      pageContent = (0, _dom.default)('.popup.modal-in').find('.page:not(.page-previous):not(.page-next):not(.cached)').find('.page-content');
-    } else if ((0, _dom.default)('.panel.panel-in').length > 0) {
-      // Check for opened panel
-      pageContent = (0, _dom.default)('.panel.panel-in').find('.page:not(.page-previous):not(.page-next):not(.cached)').find('.page-content');
-    } else if ((0, _dom.default)('.views > .view.tab-active').length > 0) {
-      // View in tab bar app layout
-      pageContent = (0, _dom.default)('.views > .view.tab-active').find('.page:not(.page-previous):not(.page-next):not(.cached)').find('.page-content');
-    } else if ((0, _dom.default)('.views').length > 0) {
-      pageContent = (0, _dom.default)('.views').find('.page:not(.page-previous):not(.page-next):not(.cached)').find('.page-content');
-    } else {
-      pageContent = app.$el.children('.view').find('.page:not(.page-previous):not(.page-next):not(.cached)').find('.page-content');
-    }
-
-    if (pageContent && pageContent.length > 0) {
-      // Check for tab
-      if (pageContent.hasClass('tab')) {
-        pageContent = pageContent.parent('.tabs').children('.page-content.tab-active');
-      }
-
-      if (pageContent.length > 0) pageContent.scrollTop(0, 300);
-    }
-  },
-  setTextColor: function setTextColor(color) {
-    var window = (0, _ssrWindow.getWindow)();
-    var device = (0, _getDevice.getDevice)();
-
-    if (device.cordova && window.StatusBar) {
-      if (color === 'white') {
-        window.StatusBar.styleLightContent();
-      } else {
-        window.StatusBar.styleDefault();
-      }
-    }
-
-    if (isCapacitor()) {
-      if (color === 'white') {
-        window.Capacitor.Plugins.StatusBar.setStyle({
-          style: 'DARK'
-        });
-      } else {
-        window.Capacitor.Plugins.StatusBar.setStyle({
-          style: 'LIGHT'
-        });
-      }
-    }
-  },
-  setBackgroundColor: function setBackgroundColor(color) {
-    var window = (0, _ssrWindow.getWindow)();
-    var device = (0, _getDevice.getDevice)();
-
-    if (device.cordova && window.StatusBar) {
-      window.StatusBar.backgroundColorByHexString(color);
-    }
-
-    if (isCapacitor()) {
-      window.Capacitor.Plugins.StatusBar.setBackgroundColor({
-        color: color
-      });
-    }
-  },
-  isVisible: function isVisible() {
-    var window = (0, _ssrWindow.getWindow)();
-    var device = (0, _getDevice.getDevice)();
-    return new Promise(function (resolve) {
-      if (device.cordova && window.StatusBar) {
-        resolve(window.StatusBar.isVisible);
-      }
-
-      if (isCapacitor()) {
-        window.Capacitor.Plugins.StatusBar.getInfo().then(function (info) {
-          resolve(info.visible);
-        });
-      }
-
-      resolve(false);
-    });
-  },
-  overlaysWebView: function overlaysWebView(overlays) {
-    if (overlays === void 0) {
-      overlays = true;
-    }
-
-    var window = (0, _ssrWindow.getWindow)();
-    var device = (0, _getDevice.getDevice)();
-
-    if (device.cordova && window.StatusBar) {
-      window.StatusBar.overlaysWebView(overlays);
-    }
-
-    if (isCapacitor()) {
-      window.Capacitor.Plugins.StatusBar.setOverlaysWebView({
-        overlay: overlays
-      });
-    }
-  },
-  init: function init() {
-    var app = this;
-    var window = (0, _ssrWindow.getWindow)();
-    var device = (0, _getDevice.getDevice)();
-    var params = app.params.statusbar;
-    if (!params.enabled) return;
-    var isCordova = device.cordova && window.StatusBar;
-    var isCap = isCapacitor();
-
-    if (isCordova || isCap) {
-      if (params.scrollTopOnClick) {
-        (0, _dom.default)(window).on('statusTap', Statusbar.onClick.bind(app));
-      }
-
-      if (device.ios) {
-        if (params.iosOverlaysWebView) {
-          Statusbar.overlaysWebView(true);
-        } else {
-          Statusbar.overlaysWebView(false);
-        }
-
-        if (params.iosTextColor === 'white') {
-          Statusbar.setTextColor('white');
-        } else {
-          Statusbar.setTextColor('black');
-        }
-      }
-
-      if (device.android) {
-        if (params.androidOverlaysWebView) {
-          Statusbar.overlaysWebView(true);
-        } else {
-          Statusbar.overlaysWebView(false);
-        }
-
-        if (params.androidTextColor === 'white') {
-          Statusbar.setTextColor('white');
-        } else {
-          Statusbar.setTextColor('black');
-        }
-      }
-    }
-
-    if (params.iosBackgroundColor && device.ios) {
-      Statusbar.setBackgroundColor(params.iosBackgroundColor);
-    }
-
-    if (params.androidBackgroundColor && device.android) {
-      Statusbar.setBackgroundColor(params.androidBackgroundColor);
-    }
-  }
-};
-var _default = {
-  name: 'statusbar',
-  params: {
-    statusbar: {
-      enabled: true,
-      scrollTopOnClick: true,
-      iosOverlaysWebView: true,
-      iosTextColor: 'black',
-      iosBackgroundColor: null,
-      androidOverlaysWebView: false,
-      androidTextColor: 'black',
-      androidBackgroundColor: null
-    }
-  },
-  create: function create() {
-    var app = this;
-    (0, _utils.bindMethods)(app, {
-      statusbar: Statusbar
-    });
-  },
-  on: {
-    init: function init() {
-      var app = this;
-      Statusbar.init.call(app);
-    }
-  }
-};
-exports.default = _default;