framework7 6.3.4 → 7.0.0-beta.3

package/esm/components/searchbar/searchbar.js

@@ -1,129 +0,0 @@
-import $ from '../../shared/dom7';
-import { extend } from '../../shared/utils';
-import Searchbar from './searchbar-class';
-import ConstructorMethods from '../../shared/constructor-methods';
-export default {
-  name: 'searchbar',
-  static: {
-    Searchbar: Searchbar
-  },
-  create: function create() {
-    var app = this;
-    app.searchbar = ConstructorMethods({
-      defaultSelector: '.searchbar',
-      constructor: Searchbar,
-      app: app,
-      domProp: 'f7Searchbar',
-      addMethods: 'clear enable disable toggle search'.split(' ')
-    });
-  },
-  on: {
-    tabMounted: function tabMounted(tabEl) {
-      var app = this;
-      $(tabEl).find('.searchbar-init').each(function (searchbarEl) {
-        var $searchbarEl = $(searchbarEl);
-        app.searchbar.create(extend($searchbarEl.dataset(), {
-          el: searchbarEl
-        }));
-      });
-    },
-    tabBeforeRemove: function tabBeforeRemove(tabEl) {
-      $(tabEl).find('.searchbar-init').each(function (searchbarEl) {
-        if (searchbarEl.f7Searchbar && searchbarEl.f7Searchbar.destroy) {
-          searchbarEl.f7Searchbar.destroy();
-        }
-      });
-    },
-    pageInit: function pageInit(page) {
-      var app = this;
-      page.$el.find('.searchbar-init').each(function (searchbarEl) {
-        var $searchbarEl = $(searchbarEl);
-        app.searchbar.create(extend($searchbarEl.dataset(), {
-          el: searchbarEl
-        }));
-      });
-
-      if (app.theme === 'ios' && page.view && page.view.router.dynamicNavbar && page.$navbarEl && page.$navbarEl.length > 0) {
-        page.$navbarEl.find('.searchbar-init').each(function (searchbarEl) {
-          var $searchbarEl = $(searchbarEl);
-          app.searchbar.create(extend($searchbarEl.dataset(), {
-            el: searchbarEl
-          }));
-        });
-      }
-    },
-    pageBeforeRemove: function pageBeforeRemove(page) {
-      var app = this;
-      page.$el.find('.searchbar-init').each(function (searchbarEl) {
-        if (searchbarEl.f7Searchbar && searchbarEl.f7Searchbar.destroy) {
-          searchbarEl.f7Searchbar.destroy();
-        }
-      });
-
-      if (app.theme === 'ios' && page.view && page.view.router.dynamicNavbar && page.$navbarEl && page.$navbarEl.length > 0) {
-        page.$navbarEl.find('.searchbar-init').each(function (searchbarEl) {
-          if (searchbarEl.f7Searchbar && searchbarEl.f7Searchbar.destroy) {
-            searchbarEl.f7Searchbar.destroy();
-          }
-        });
-      }
-    }
-  },
-  clicks: {
-    '.searchbar-clear': function clear($clickedEl, data) {
-      if (data === void 0) {
-        data = {};
-      }
-
-      var app = this;
-      var sb = app.searchbar.get(data.searchbar);
-      if (sb) sb.clear();
-    },
-    '.searchbar-enable': function enable($clickedEl, data) {
-      if (data === void 0) {
-        data = {};
-      }
-
-      var app = this;
-      var sb = app.searchbar.get(data.searchbar);
-      if (sb) sb.enable(true);
-    },
-    '.searchbar-disable': function disable($clickedEl, data) {
-      if (data === void 0) {
-        data = {};
-      }
-
-      var app = this;
-      var sb = app.searchbar.get(data.searchbar);
-      if (sb) sb.disable();
-    },
-    '.searchbar-toggle': function toggle($clickedEl, data) {
-      if (data === void 0) {
-        data = {};
-      }
-
-      var app = this;
-      var sb = app.searchbar.get(data.searchbar);
-      if (sb) sb.toggle();
-    }
-  },
-  vnode: {
-    'searchbar-init': {
-      insert: function insert(vnode) {
-        var app = this;
-        var searchbarEl = vnode.elm;
-        var $searchbarEl = $(searchbarEl);
-        app.searchbar.create(extend($searchbarEl.dataset(), {
-          el: searchbarEl
-        }));
-      },
-      destroy: function destroy(vnode) {
-        var searchbarEl = vnode.elm;
-
-        if (searchbarEl.f7Searchbar && searchbarEl.f7Searchbar.destroy) {
-          searchbarEl.f7Searchbar.destroy();
-        }
-      }
-    }
-  }
-};

package/esm/components/sheet/sheet.js

@@ -1,71 +0,0 @@
-import $ from '../../shared/dom7';
-import { extend } from '../../shared/utils';
-import Sheet from './sheet-class';
-import ModalMethods from '../../shared/modal-methods';
-export default {
-  name: 'sheet',
-  params: {
-    sheet: {
-      push: false,
-      backdrop: undefined,
-      backdropEl: undefined,
-      closeByBackdropClick: true,
-      closeByOutsideClick: false,
-      closeOnEscape: false,
-      swipeToClose: false,
-      swipeToStep: false,
-      swipeHandler: null,
-      containerEl: null
-    }
-  },
-  static: {
-    Sheet: Sheet
-  },
-  create: function create() {
-    var app = this;
-    app.sheet = extend({}, ModalMethods({
-      app: app,
-      constructor: Sheet,
-      defaultSelector: '.sheet-modal.modal-in'
-    }), {
-      stepOpen: function stepOpen(sheet) {
-        var sheetInstance = app.sheet.get(sheet);
-        if (sheetInstance && sheetInstance.stepOpen) return sheetInstance.stepOpen();
-        return undefined;
-      },
-      stepClose: function stepClose(sheet) {
-        var sheetInstance = app.sheet.get(sheet);
-        if (sheetInstance && sheetInstance.stepClose) return sheetInstance.stepClose();
-        return undefined;
-      },
-      stepToggle: function stepToggle(sheet) {
-        var sheetInstance = app.sheet.get(sheet);
-        if (sheetInstance && sheetInstance.stepToggle) return sheetInstance.stepToggle();
-        return undefined;
-      }
-    });
-  },
-  clicks: {
-    '.sheet-open': function openSheet($clickedEl, data) {
-      if (data === void 0) {
-        data = {};
-      }
-
-      var app = this;
-
-      if ($('.sheet-modal.modal-in').length > 0 && data.sheet && $(data.sheet)[0] !== $('.sheet-modal.modal-in')[0]) {
-        app.sheet.close('.sheet-modal.modal-in');
-      }
-
-      app.sheet.open(data.sheet, data.animate, $clickedEl);
-    },
-    '.sheet-close': function closeSheet($clickedEl, data) {
-      if (data === void 0) {
-        data = {};
-      }
-
-      var app = this;
-      app.sheet.close(data.sheet, data.animate, $clickedEl);
-    }
-  }
-};

package/esm/components/skeleton/skeleton.js

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

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

@@ -1,139 +0,0 @@
-import $ from '../../shared/dom7';
-import { extend } from '../../shared/utils';
-import SmartSelect from './smart-select-class';
-import ConstructorMethods from '../../shared/constructor-methods';
-export 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: SmartSelect
-  },
-  create: function create() {
-    var app = this;
-    app.smartSelect = extend(ConstructorMethods({
-      defaultSelector: '.smart-select',
-      constructor: SmartSelect,
-      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;
-      $(tabEl).find('.smart-select-init').each(function (smartSelectEl) {
-        app.smartSelect.create(extend({
-          el: smartSelectEl
-        }, $(smartSelectEl).dataset()));
-      });
-    },
-    tabBeforeRemove: function tabBeforeRemove(tabEl) {
-      $(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(extend({
-          el: smartSelectEl
-        }, $(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(extend({
-          el: $clickedEl
-        }, data));
-        ss.open();
-      }
-    }
-  },
-  vnode: {
-    'smart-select-init': {
-      insert: function insert(vnode) {
-        var app = this;
-        var smartSelectEl = vnode.elm;
-        app.smartSelect.create(extend({
-          el: smartSelectEl
-        }, $(smartSelectEl).dataset()));
-      },
-      destroy: function destroy(vnode) {
-        var smartSelectEl = vnode.elm;
-
-        if (smartSelectEl.f7SmartSelect && smartSelectEl.f7SmartSelect.destroy) {
-          smartSelectEl.f7SmartSelect.destroy();
-        }
-      }
-    }
-  }
-};

package/esm/components/sortable/sortable.js

@@ -1,310 +0,0 @@
-import { getDocument } from 'ssr-window';
-import $ from '../../shared/dom7';
-import { bindMethods } from '../../shared/utils';
-import { getSupport } from '../../shared/get-support';
-var Sortable = {
-  init: function init() {
-    var app = this;
-    var document = 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 = $(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 = $(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 = getSupport().passiveListener ? {
-      passive: false,
-      capture: false
-    } : false;
-    $(document).on(app.touchEvents.start, '.list.sortable .sortable-handler', handleTouchStart, activeListener);
-    app.on('touchmove:active', handleTouchMove);
-    app.on('touchend:passive', handleTouchEnd);
-    $(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 = $(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 = $(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 = $(el);
-    if ($el.length === 0) return;
-
-    if ($el.hasClass('sortable-enabled')) {
-      app.sortable.disable($el);
-    } else {
-      app.sortable.enable($el);
-    }
-  }
-};
-export default {
-  name: 'sortable',
-  params: {
-    sortable: {
-      moveElements: true
-    }
-  },
-  create: function create() {
-    var app = this;
-    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);
-    }
-  }
-};