framework7-vue 6.3.4 → 7.0.0-beta.3

package/cjs/framework7-vue.js

@@ -1,416 +0,0 @@
-/**
- * Framework7 Vue 6.3.4
- * Build full featured iOS & Android apps using Framework7 & Vue
- * https://framework7.io/vue/
- *
- * Copyright 2014-2021 Vladimir Kharlampidi
- *
- * Released under the MIT License
- *
- * Released on: September 16, 2021
- */
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _plugin = _interopRequireDefault(require("./shared/plugin"));
-
-var _f = require("./shared/f7");
-
-exports.f7 = _f.f7;
-exports.f7ready = _f.f7ready;
-exports.theme = _f.theme;
-
-var _useStore = require("./shared/use-store");
-
-exports.useStore = _useStore.useStore;
-
-var _accordionContent = _interopRequireDefault(require("./components/accordion-content"));
-
-exports.f7AccordionContent = _accordionContent.default;
-
-var _accordionItem = _interopRequireDefault(require("./components/accordion-item"));
-
-exports.f7AccordionItem = _accordionItem.default;
-
-var _accordionToggle = _interopRequireDefault(require("./components/accordion-toggle"));
-
-exports.f7AccordionToggle = _accordionToggle.default;
-
-var _accordion = _interopRequireDefault(require("./components/accordion"));
-
-exports.f7Accordion = _accordion.default;
-
-var _actionsButton = _interopRequireDefault(require("./components/actions-button"));
-
-exports.f7ActionsButton = _actionsButton.default;
-
-var _actionsGroup = _interopRequireDefault(require("./components/actions-group"));
-
-exports.f7ActionsGroup = _actionsGroup.default;
-
-var _actionsLabel = _interopRequireDefault(require("./components/actions-label"));
-
-exports.f7ActionsLabel = _actionsLabel.default;
-
-var _actions = _interopRequireDefault(require("./components/actions"));
-
-exports.f7Actions = _actions.default;
-
-var _app = _interopRequireDefault(require("./components/app"));
-
-exports.f7App = _app.default;
-
-var _appbar = _interopRequireDefault(require("./components/appbar"));
-
-exports.f7Appbar = _appbar.default;
-
-var _areaChart = _interopRequireDefault(require("./components/area-chart"));
-
-exports.f7AreaChart = _areaChart.default;
-
-var _badge = _interopRequireDefault(require("./components/badge"));
-
-exports.f7Badge = _badge.default;
-
-var _blockFooter = _interopRequireDefault(require("./components/block-footer"));
-
-exports.f7BlockFooter = _blockFooter.default;
-
-var _blockHeader = _interopRequireDefault(require("./components/block-header"));
-
-exports.f7BlockHeader = _blockHeader.default;
-
-var _blockTitle = _interopRequireDefault(require("./components/block-title"));
-
-exports.f7BlockTitle = _blockTitle.default;
-
-var _block = _interopRequireDefault(require("./components/block"));
-
-exports.f7Block = _block.default;
-
-var _button = _interopRequireDefault(require("./components/button"));
-
-exports.f7Button = _button.default;
-
-var _cardContent = _interopRequireDefault(require("./components/card-content"));
-
-exports.f7CardContent = _cardContent.default;
-
-var _cardFooter = _interopRequireDefault(require("./components/card-footer"));
-
-exports.f7CardFooter = _cardFooter.default;
-
-var _cardHeader = _interopRequireDefault(require("./components/card-header"));
-
-exports.f7CardHeader = _cardHeader.default;
-
-var _card = _interopRequireDefault(require("./components/card"));
-
-exports.f7Card = _card.default;
-
-var _checkbox = _interopRequireDefault(require("./components/checkbox"));
-
-exports.f7Checkbox = _checkbox.default;
-
-var _chip = _interopRequireDefault(require("./components/chip"));
-
-exports.f7Chip = _chip.default;
-
-var _col = _interopRequireDefault(require("./components/col"));
-
-exports.f7Col = _col.default;
-
-var _fabBackdrop = _interopRequireDefault(require("./components/fab-backdrop"));
-
-exports.f7FabBackdrop = _fabBackdrop.default;
-
-var _fabButton = _interopRequireDefault(require("./components/fab-button"));
-
-exports.f7FabButton = _fabButton.default;
-
-var _fabButtons = _interopRequireDefault(require("./components/fab-buttons"));
-
-exports.f7FabButtons = _fabButtons.default;
-
-var _fab = _interopRequireDefault(require("./components/fab"));
-
-exports.f7Fab = _fab.default;
-
-var _gauge = _interopRequireDefault(require("./components/gauge"));
-
-exports.f7Gauge = _gauge.default;
-
-var _icon = _interopRequireDefault(require("./components/icon"));
-
-exports.f7Icon = _icon.default;
-
-var _input = _interopRequireDefault(require("./components/input"));
-
-exports.f7Input = _input.default;
-
-var _link = _interopRequireDefault(require("./components/link"));
-
-exports.f7Link = _link.default;
-
-var _listButton = _interopRequireDefault(require("./components/list-button"));
-
-exports.f7ListButton = _listButton.default;
-
-var _listGroup = _interopRequireDefault(require("./components/list-group"));
-
-exports.f7ListGroup = _listGroup.default;
-
-var _listIndex = _interopRequireDefault(require("./components/list-index"));
-
-exports.f7ListIndex = _listIndex.default;
-
-var _listInput = _interopRequireDefault(require("./components/list-input"));
-
-exports.f7ListInput = _listInput.default;
-
-var _listItemCell = _interopRequireDefault(require("./components/list-item-cell"));
-
-exports.f7ListItemCell = _listItemCell.default;
-
-var _listItemRow = _interopRequireDefault(require("./components/list-item-row"));
-
-exports.f7ListItemRow = _listItemRow.default;
-
-var _listItem = _interopRequireDefault(require("./components/list-item"));
-
-exports.f7ListItem = _listItem.default;
-
-var _list = _interopRequireDefault(require("./components/list"));
-
-exports.f7List = _list.default;
-
-var _loginScreenTitle = _interopRequireDefault(require("./components/login-screen-title"));
-
-exports.f7LoginScreenTitle = _loginScreenTitle.default;
-
-var _loginScreen = _interopRequireDefault(require("./components/login-screen"));
-
-exports.f7LoginScreen = _loginScreen.default;
-
-var _menuDropdownItem = _interopRequireDefault(require("./components/menu-dropdown-item"));
-
-exports.f7MenuDropdownItem = _menuDropdownItem.default;
-
-var _menuDropdown = _interopRequireDefault(require("./components/menu-dropdown"));
-
-exports.f7MenuDropdown = _menuDropdown.default;
-
-var _menuItem = _interopRequireDefault(require("./components/menu-item"));
-
-exports.f7MenuItem = _menuItem.default;
-
-var _menu = _interopRequireDefault(require("./components/menu"));
-
-exports.f7Menu = _menu.default;
-
-var _message = _interopRequireDefault(require("./components/message"));
-
-exports.f7Message = _message.default;
-
-var _messagebarAttachment = _interopRequireDefault(require("./components/messagebar-attachment"));
-
-exports.f7MessagebarAttachment = _messagebarAttachment.default;
-
-var _messagebarAttachments = _interopRequireDefault(require("./components/messagebar-attachments"));
-
-exports.f7MessagebarAttachments = _messagebarAttachments.default;
-
-var _messagebarSheetImage = _interopRequireDefault(require("./components/messagebar-sheet-image"));
-
-exports.f7MessagebarSheetImage = _messagebarSheetImage.default;
-
-var _messagebarSheetItem = _interopRequireDefault(require("./components/messagebar-sheet-item"));
-
-exports.f7MessagebarSheetItem = _messagebarSheetItem.default;
-
-var _messagebarSheet = _interopRequireDefault(require("./components/messagebar-sheet"));
-
-exports.f7MessagebarSheet = _messagebarSheet.default;
-
-var _messagebar = _interopRequireDefault(require("./components/messagebar"));
-
-exports.f7Messagebar = _messagebar.default;
-
-var _messagesTitle = _interopRequireDefault(require("./components/messages-title"));
-
-exports.f7MessagesTitle = _messagesTitle.default;
-
-var _messages = _interopRequireDefault(require("./components/messages"));
-
-exports.f7Messages = _messages.default;
-
-var _navLeft = _interopRequireDefault(require("./components/nav-left"));
-
-exports.f7NavLeft = _navLeft.default;
-
-var _navRight = _interopRequireDefault(require("./components/nav-right"));
-
-exports.f7NavRight = _navRight.default;
-
-var _navTitleLarge = _interopRequireDefault(require("./components/nav-title-large"));
-
-exports.f7NavTitleLarge = _navTitleLarge.default;
-
-var _navTitle = _interopRequireDefault(require("./components/nav-title"));
-
-exports.f7NavTitle = _navTitle.default;
-
-var _navbar = _interopRequireDefault(require("./components/navbar"));
-
-exports.f7Navbar = _navbar.default;
-
-var _pageContent = _interopRequireDefault(require("./components/page-content"));
-
-exports.f7PageContent = _pageContent.default;
-
-var _page = _interopRequireDefault(require("./components/page"));
-
-exports.f7Page = _page.default;
-
-var _panel = _interopRequireDefault(require("./components/panel"));
-
-exports.f7Panel = _panel.default;
-
-var _photoBrowser = _interopRequireDefault(require("./components/photo-browser"));
-
-exports.f7PhotoBrowser = _photoBrowser.default;
-
-var _pieChart = _interopRequireDefault(require("./components/pie-chart"));
-
-exports.f7PieChart = _pieChart.default;
-
-var _popover = _interopRequireDefault(require("./components/popover"));
-
-exports.f7Popover = _popover.default;
-
-var _popup = _interopRequireDefault(require("./components/popup"));
-
-exports.f7Popup = _popup.default;
-
-var _preloader = _interopRequireDefault(require("./components/preloader"));
-
-exports.f7Preloader = _preloader.default;
-
-var _progressbar = _interopRequireDefault(require("./components/progressbar"));
-
-exports.f7Progressbar = _progressbar.default;
-
-var _radio = _interopRequireDefault(require("./components/radio"));
-
-exports.f7Radio = _radio.default;
-
-var _range = _interopRequireDefault(require("./components/range"));
-
-exports.f7Range = _range.default;
-
-var _routableModals = _interopRequireDefault(require("./components/routable-modals"));
-
-exports.f7RoutableModals = _routableModals.default;
-
-var _row = _interopRequireDefault(require("./components/row"));
-
-exports.f7Row = _row.default;
-
-var _searchbar = _interopRequireDefault(require("./components/searchbar"));
-
-exports.f7Searchbar = _searchbar.default;
-
-var _segmented = _interopRequireDefault(require("./components/segmented"));
-
-exports.f7Segmented = _segmented.default;
-
-var _sheet = _interopRequireDefault(require("./components/sheet"));
-
-exports.f7Sheet = _sheet.default;
-
-var _skeletonAvatar = _interopRequireDefault(require("./components/skeleton-avatar"));
-
-exports.f7SkeletonAvatar = _skeletonAvatar.default;
-
-var _skeletonBlock = _interopRequireDefault(require("./components/skeleton-block"));
-
-exports.f7SkeletonBlock = _skeletonBlock.default;
-
-var _skeletonImage = _interopRequireDefault(require("./components/skeleton-image"));
-
-exports.f7SkeletonImage = _skeletonImage.default;
-
-var _skeletonText = _interopRequireDefault(require("./components/skeleton-text"));
-
-exports.f7SkeletonText = _skeletonText.default;
-
-var _stepper = _interopRequireDefault(require("./components/stepper"));
-
-exports.f7Stepper = _stepper.default;
-
-var _subnavbar = _interopRequireDefault(require("./components/subnavbar"));
-
-exports.f7Subnavbar = _subnavbar.default;
-
-var _swipeoutActions = _interopRequireDefault(require("./components/swipeout-actions"));
-
-exports.f7SwipeoutActions = _swipeoutActions.default;
-
-var _swipeoutButton = _interopRequireDefault(require("./components/swipeout-button"));
-
-exports.f7SwipeoutButton = _swipeoutButton.default;
-
-var _swiperSlide = _interopRequireDefault(require("./components/swiper-slide"));
-
-exports.f7SwiperSlide = _swiperSlide.default;
-
-var _swiper = _interopRequireDefault(require("./components/swiper"));
-
-exports.f7Swiper = _swiper.default;
-
-var _tab = _interopRequireDefault(require("./components/tab"));
-
-exports.f7Tab = _tab.default;
-
-var _tabs = _interopRequireDefault(require("./components/tabs"));
-
-exports.f7Tabs = _tabs.default;
-
-var _textEditor = _interopRequireDefault(require("./components/text-editor"));
-
-exports.f7TextEditor = _textEditor.default;
-
-var _toggle = _interopRequireDefault(require("./components/toggle"));
-
-exports.f7Toggle = _toggle.default;
-
-var _toolbar = _interopRequireDefault(require("./components/toolbar"));
-
-exports.f7Toolbar = _toolbar.default;
-
-var _treeviewItem = _interopRequireDefault(require("./components/treeview-item"));
-
-exports.f7TreeviewItem = _treeviewItem.default;
-
-var _treeview = _interopRequireDefault(require("./components/treeview"));
-
-exports.f7Treeview = _treeview.default;
-
-var _useIcon = _interopRequireDefault(require("./components/use-icon"));
-
-exports.f7UseIcon = _useIcon.default;
-
-var _view = _interopRequireDefault(require("./components/view"));
-
-exports.f7View = _view.default;
-
-var _views = _interopRequireDefault(require("./components/views"));
-
-exports.f7Views = _views.default;
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _default = _plugin.default;
-exports.default = _default;

package/cjs/shared/components-router.js

@@ -1,243 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _f = require("./f7");
-
-var _utils = require("./utils");
-
-/* eslint no-underscore-dangle: "off" */
-var getChildrenArray = function getChildrenArray(el) {
-  var arr = [];
-
-  for (var i = 0; i < el.children.length; i += 1) {
-    arr.push(el.children[i]);
-  }
-
-  return arr;
-};
-
-var hasSameChildren = function hasSameChildren(childrenBefore, childrenAfter) {
-  if (childrenBefore.length !== childrenAfter.length) return false;
-  var set = new Set([].concat(childrenBefore, childrenAfter));
-  if (set.size === childrenBefore.length) return true;
-  return false;
-};
-
-var _default = {
-  proto: {
-    pageComponentLoader: function pageComponentLoader(_ref) {
-      var routerEl = _ref.routerEl,
-          component = _ref.component,
-          options = _ref.options,
-          resolve = _ref.resolve,
-          reject = _ref.reject;
-      var router = this;
-      var routerId = router.id;
-      var el = routerEl;
-      var viewRouter;
-
-      _f.f7routers.views.forEach(function (data) {
-        if (data.el && data.el === routerEl || data.routerId && data.routerId === routerId) {
-          viewRouter = data;
-        }
-      });
-
-      if (!viewRouter) {
-        reject();
-        return;
-      }
-
-      var pageData = {
-        component: component,
-        id: (0, _utils.getComponentId)(),
-        props: (0, _utils.extend)({
-          f7route: options.route,
-          f7router: router
-        }, options.route.params, options.props || {})
-      };
-      var resolved;
-      var childrenBefore = getChildrenArray(el);
-
-      function onDidUpdate(componentRouterData) {
-        if (componentRouterData !== viewRouter || resolved) return;
-        var childrenAfter = getChildrenArray(el);
-        if (hasSameChildren(childrenBefore, childrenAfter)) return;
-
-        _f.f7events.off('viewRouterDidUpdate', onDidUpdate);
-
-        var pageEl = el.children[el.children.length - 1];
-        pageData.el = pageEl;
-        resolve(pageEl);
-        resolved = true;
-      }
-
-      _f.f7events.on('viewRouterDidUpdate', onDidUpdate);
-
-      viewRouter.pages.push(pageData);
-      viewRouter.setPages(viewRouter.pages);
-    },
-    removePage: function removePage($pageEl) {
-      if (!$pageEl) return;
-      var router = this;
-      var f7Page;
-      if ('length' in $pageEl && $pageEl[0]) f7Page = $pageEl[0].f7Page;else f7Page = $pageEl.f7Page;
-
-      if (f7Page && f7Page.route && f7Page.route.route && f7Page.route.route.keepAlive) {
-        router.app.$($pageEl).remove();
-        return;
-      }
-
-      var viewRouter;
-
-      _f.f7routers.views.forEach(function (data) {
-        if (data.el && data.el === router.el) {
-          viewRouter = data;
-        }
-      });
-
-      var pageEl;
-
-      if ('length' in $pageEl) {
-        // Dom7
-        if ($pageEl.length === 0) return;
-        pageEl = $pageEl[0];
-      } else {
-        pageEl = $pageEl;
-      }
-
-      if (!pageEl) return;
-      var pageComponentFound;
-      viewRouter.pages.forEach(function (page, index) {
-        if (page.el === pageEl) {
-          pageComponentFound = true;
-          viewRouter.pages.splice(index, 1);
-          viewRouter.setPages(viewRouter.pages);
-        }
-      });
-
-      if (!pageComponentFound) {
-        pageEl.parentNode.removeChild(pageEl);
-      }
-    },
-    tabComponentLoader: function tabComponentLoader(_temp) {
-      var _ref2 = _temp === void 0 ? {} : _temp,
-          tabEl = _ref2.tabEl,
-          component = _ref2.component,
-          options = _ref2.options,
-          resolve = _ref2.resolve,
-          reject = _ref2.reject;
-
-      var router = this;
-      if (!tabEl) reject();
-      var tabRouter;
-
-      _f.f7routers.tabs.forEach(function (tabData) {
-        if (tabData.el && tabData.el === tabEl) {
-          tabRouter = tabData;
-        }
-      });
-
-      if (!tabRouter) {
-        reject();
-        return;
-      }
-
-      var id = (0, _utils.getComponentId)();
-      var tabContent = {
-        id: id,
-        component: component,
-        props: (0, _utils.extend)({
-          f7route: options.route,
-          f7router: router
-        }, options.route.route && options.route.route.tab && options.route.route.tab.options && options.route.route.tab.options.props || {}, options.route.params, options.props || {})
-      };
-      var resolved;
-
-      function onDidUpdate(componentRouterData) {
-        if (componentRouterData !== tabRouter || resolved) return;
-
-        _f.f7events.off('tabRouterDidUpdate', onDidUpdate);
-
-        var tabContentEl = tabEl.children[0];
-        resolve(tabContentEl);
-        resolved = true;
-      }
-
-      _f.f7events.on('tabRouterDidUpdate', onDidUpdate);
-
-      tabRouter.setTabContent(tabContent);
-    },
-    removeTabContent: function removeTabContent(tabEl) {
-      if (!tabEl) return;
-      var tabRouter;
-
-      _f.f7routers.tabs.forEach(function (tabData) {
-        if (tabData.el && tabData.el === tabEl) {
-          tabRouter = tabData;
-        }
-      });
-
-      if (!tabRouter) {
-        tabEl.innerHTML = ''; // eslint-disable-line
-
-        return;
-      }
-
-      tabRouter.setTabContent(null);
-    },
-    modalComponentLoader: function modalComponentLoader(_temp2) {
-      var _ref3 = _temp2 === void 0 ? {} : _temp2,
-          component = _ref3.component,
-          options = _ref3.options,
-          resolve = _ref3.resolve,
-          reject = _ref3.reject;
-
-      var router = this;
-      var modalsRouter = _f.f7routers.modals;
-
-      if (!modalsRouter) {
-        reject();
-        return;
-      }
-
-      var modalData = {
-        component: component,
-        id: (0, _utils.getComponentId)(),
-        props: (0, _utils.extend)({
-          f7route: options.route,
-          f7router: router
-        }, options.route.params, options.props || {})
-      };
-      var resolved;
-
-      function onDidUpdate() {
-        if (resolved) return;
-
-        _f.f7events.off('modalsRouterDidUpdate', onDidUpdate);
-
-        var modalEl = modalsRouter.el.children[modalsRouter.el.children.length - 1];
-        modalData.el = modalEl;
-        resolve(modalEl);
-        resolved = true;
-      }
-
-      _f.f7events.on('modalsRouterDidUpdate', onDidUpdate);
-
-      modalsRouter.modals.push(modalData);
-      modalsRouter.setModals(modalsRouter.modals);
-    },
-    removeModal: function removeModal(modalEl) {
-      var modalsRouter = _f.f7routers.modals;
-      if (!modalsRouter) return;
-      var modalDataToRemove;
-      modalsRouter.modals.forEach(function (modalData) {
-        if (modalData.el === modalEl) modalDataToRemove = modalData;
-      });
-      modalsRouter.modals.splice(modalsRouter.modals.indexOf(modalDataToRemove), 1);
-      modalsRouter.setModals(modalsRouter.modals);
-    }
-  }
-};
-exports.default = _default;