framework7 7.1.5 → 8.0.0-beta.2

package/components/login-screen/login-screen-aurora.less

@@ -1,2 +0,0 @@
-.aurora {
-}

package/components/login-screen/login-screen.lazy.js

@@ -1 +0,0 @@
-(function framework7ComponentLoader(e,n){void 0===n&&(n=!0);var o=e.$,t=e.utils,s=(e.getDevice,e.getSupport,e.Class,e.Modal),r=(e.ConstructorMethods,e.ModalMethods),a=(e.$jsx,t.extend);class i extends s{constructor(e,n){const t=a({on:{}},n);super(e,t);const s=this;let r;return s.params=t,r=s.params.el?o(s.params.el).eq(0):o(s.params.content).filter((e=>1===e.nodeType)).eq(0),r&&r.length>0&&r[0].f7Modal?r[0].f7Modal:0===r.length?s.destroy():(a(s,{app:e,$el:r,el:r[0],type:"loginScreen"}),r[0].f7Modal=s,s)}}var l={name:"loginScreen",static:{LoginScreen:i},create(){this.loginScreen=r({app:this,constructor:i,defaultSelector:".login-screen.modal-in"})},clicks:{".login-screen-open":function(e,n){void 0===n&&(n={});this.loginScreen.open(n.loginScreen,n.animate,e)},".login-screen-close":function(e,n){void 0===n&&(n={});this.loginScreen.close(n.loginScreen,n.animate,e)}}};if(n){if(e.prototype.modules&&e.prototype.modules[l.name])return;e.use(l),e.instance&&(e.instance.useModuleParams(l,e.instance.params),e.instance.useModule(l))}return l}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent))

package/components/menu/menu-aurora.less

@@ -1,8 +0,0 @@
-.aurora {
-  &.device-desktop {
-    .menu-dropdown-link:not(.no-hover):not(.active-state):hover:before {
-      background: var(--f7-menu-dropdown-hover-bg-color, rgba(255, 255, 255, 0.15));
-      opacity: 1;
-    }
-  }
-}

package/components/menu/menu-ios.less

@@ -1,2 +0,0 @@
-.ios {
-}

package/components/menu/menu-md.less

@@ -1,2 +0,0 @@
-.md {
-}

package/components/menu/menu-rtl.css

@@ -1 +0,0 @@
-:root{--f7-menu-text-color:#fff;--f7-menu-font-size:16px;--f7-menu-font-weight:500;--f7-menu-line-height:1.2;--f7-menu-bg-color:rgba(0, 0, 0, 0.9);--f7-menu-item-pressed-bg-color:rgba(20, 20, 20, 0.9);--f7-menu-item-padding-horizontal:12px;--f7-menu-item-spacing:6px;--f7-menu-item-height:40px;--f7-menu-item-dropdown-icon-color:rgba(255, 255, 255, 0.4);--f7-menu-item-border-radius:8px;--f7-menu-dropdown-item-height:32px;--f7-menu-dropdown-divider-color:rgba(255, 255, 255, 0.2);--f7-menu-dropdown-padding-vertical:6px}.menu{z-index:1000;position:relative;transform:translate3d(0,0,0);--f7-touch-ripple-color:var(--f7-touch-ripple-white)}.menu-inner{display:flex;justify-content:flex-start;align-items:flex-start;padding-left:var(--f7-menu-item-spacing);padding-right:var(--f7-menu-item-spacing)}.menu-inner:after{content:'';width:var(--f7-menu-item-spacing);height:100%;flex-shrink:0}.menu-item{height:var(--f7-menu-item-height);min-width:var(--f7-menu-item-height);flex-shrink:0;background:var(--f7-menu-bg-color);color:var(--f7-menu-text-color);border-radius:var(--f7-menu-item-border-radius);position:relative;box-sizing:border-box;font-size:var(--f7-menu-font-size);font-weight:var(--f7-menu-font-weight);cursor:pointer;margin-right:var(--f7-menu-item-spacing)}.menu-item:first-child{margin-right:0}.menu-item.active-state:not(.menu-item-dropdown-opened){background-color:rgba(0,0,0,.7)}.menu-item.icon-only{padding-left:0;padding-right:0}.menu-item-content{display:flex;justify-content:center;align-items:center;padding:0 var(--f7-menu-item-padding-horizontal);height:100%;box-sizing:border-box;width:100%;overflow:hidden;border-radius:var(--f7-menu-item-border-radius);position:relative}.icon-only .menu-item-content,.menu-item-content.icon-only{padding-left:0;padding-right:0}.menu-item-dropdown .menu-item-content:after{content:'';position:absolute;width:20px;height:2px;left:50%;transform:translateX(-50%);bottom:4px;background:var(--f7-menu-item-dropdown-icon-color);border-radius:4px}.menu-dropdown{opacity:0;visibility:hidden;pointer-events:none;cursor:auto;height:10px;background:var(--f7-menu-bg-color);position:relative}.menu-dropdown-content{position:absolute;top:100%;border-radius:var(--f7-menu-dropdown-border-radius,var(--f7-menu-item-border-radius));padding-top:var(--f7-menu-dropdown-padding-vertical);padding-bottom:var(--f7-menu-dropdown-padding-vertical);box-sizing:border-box;background:var(--f7-menu-bg-color);overflow:auto;-webkit-overflow-scrolling:touch;min-width:calc(100% + 24px)}.menu-dropdown-item,.menu-dropdown-link{display:flex;position:relative;justify-content:space-between;align-items:center;padding-left:var(--f7-menu-item-padding-horizontal);padding-right:var(--f7-menu-item-padding-horizontal);min-height:var(--f7-menu-dropdown-item-height);line-height:var(--f7-menu-line-height);font-size:var(--f7-menu-font-size);color:var(--f7-menu-text-color);font-weight:var(--f7-menu-font-weight);white-space:nowrap;min-width:100px;z-index:1}.menu-dropdown-item i,.menu-dropdown-item i.f7-icons,.menu-dropdown-item i.icon,.menu-dropdown-item i.material-icons,.menu-dropdown-link i,.menu-dropdown-link i.f7-icons,.menu-dropdown-link i.icon,.menu-dropdown-link i.material-icons{font-size:20px}.menu-dropdown-link:before{content:'';position:absolute;left:4px;top:2px;right:4px;bottom:2px;border-radius:4px;background:var(--f7-menu-dropdown-pressed-bg-color,var(--f7-theme-color));z-index:-1;opacity:0;pointer-events:none}.menu-dropdown-link.active-state{color:var(--f7-menu-text-color)}.menu-dropdown-link.active-state:before{opacity:1}.menu-dropdown-divider{height:1px;margin-top:2px;margin-bottom:2px;background:var(--f7-menu-dropdown-divider-color)}.menu-item-dropdown-opened{border-bottom-left-radius:0px;border-bottom-right-radius:0px}.menu-item-dropdown-opened .menu-item-content:after{opacity:0}.menu-item-dropdown-opened .menu-dropdown{opacity:1;visibility:visible;pointer-events:auto}.menu-dropdown-center:after,.menu-dropdown-left:after,.menu-item-dropdown-center .menu-dropdown:after,.menu-item-dropdown-left .menu-dropdown:after{content:'';position:absolute;left:100%;bottom:0;width:var(--f7-menu-item-border-radius);height:var(--f7-menu-item-border-radius);background-image:radial-gradient(ellipse at 100% 0%,transparent 0%,transparent 70%,var(--f7-menu-bg-color) 72%)}.menu-dropdown-center:before,.menu-dropdown-right:before,.menu-item-dropdown-center .menu-dropdown:before,.menu-item-dropdown-right .menu-dropdown:before{content:'';position:absolute;right:100%;bottom:0;width:var(--f7-menu-item-border-radius);height:var(--f7-menu-item-border-radius);background-image:radial-gradient(ellipse at 0% 0%,transparent 0%,transparent 70%,var(--f7-menu-bg-color) 72%)}.menu-dropdown-left .menu-dropdown-content,.menu-item-dropdown-left .menu-dropdown-content{left:0;border-top-left-radius:0px}.menu-dropdown-right .menu-dropdown-content,.menu-item-dropdown-right .menu-dropdown-content{right:0;border-top-right-radius:0px}.menu-dropdown-center .menu-dropdown-content,.menu-item-dropdown-center .menu-dropdown-content{left:50%;min-width:calc(100% + 24px + 24px);transform:translateX(-50%)}.aurora.device-desktop .menu-dropdown-link:not(.no-hover):not(.active-state):hover:before{background:var(--f7-menu-dropdown-hover-bg-color,rgba(255,255,255,.15));opacity:1}

package/components/menu/menu-vars.less

@@ -1,27 +0,0 @@
-:root {
-  --f7-menu-text-color: #fff;
-  --f7-menu-font-size: 16px;
-  --f7-menu-font-weight: 500;
-  --f7-menu-line-height: 1.2;
-  --f7-menu-bg-color: rgba(0, 0, 0, 0.9);
-  --f7-menu-item-pressed-bg-color: rgba(20, 20, 20, 0.9);
-  --f7-menu-item-padding-horizontal: 12px;
-  --f7-menu-item-spacing: 6px;
-  --f7-menu-item-height: 40px;
-  --f7-menu-item-dropdown-icon-color: rgba(255, 255, 255, 0.4);
-  --f7-menu-item-border-radius: 8px;
-  /*
-  --f7-menu-dropdown-pressed-bg-color: var(--f7-theme-color);
-  */
-  --f7-menu-dropdown-item-height: 32px;
-  --f7-menu-dropdown-divider-color: rgba(255, 255, 255, 0.2);
-  --f7-menu-dropdown-padding-vertical: 6px;
-  /*
-  --f7-menu-dropdown-border-radius: var(--f7-menu-item-border-radius);
-  */
-}
-.aurora-vars({
-  /*
-  --f7-menu-dropdown-hover-bg-color: rgba(255, 255, 255, 0.15);
-  */
-});

package/components/menu/menu.css

@@ -1 +0,0 @@
-:root{--f7-menu-text-color:#fff;--f7-menu-font-size:16px;--f7-menu-font-weight:500;--f7-menu-line-height:1.2;--f7-menu-bg-color:rgba(0, 0, 0, 0.9);--f7-menu-item-pressed-bg-color:rgba(20, 20, 20, 0.9);--f7-menu-item-padding-horizontal:12px;--f7-menu-item-spacing:6px;--f7-menu-item-height:40px;--f7-menu-item-dropdown-icon-color:rgba(255, 255, 255, 0.4);--f7-menu-item-border-radius:8px;--f7-menu-dropdown-item-height:32px;--f7-menu-dropdown-divider-color:rgba(255, 255, 255, 0.2);--f7-menu-dropdown-padding-vertical:6px}.menu{z-index:1000;position:relative;transform:translate3d(0,0,0);--f7-touch-ripple-color:var(--f7-touch-ripple-white)}.menu-inner{display:flex;justify-content:flex-start;align-items:flex-start;padding-left:var(--f7-menu-item-spacing);padding-right:var(--f7-menu-item-spacing)}.menu-inner:after{content:'';width:var(--f7-menu-item-spacing);height:100%;flex-shrink:0}.menu-item{height:var(--f7-menu-item-height);min-width:var(--f7-menu-item-height);flex-shrink:0;background:var(--f7-menu-bg-color);color:var(--f7-menu-text-color);border-radius:var(--f7-menu-item-border-radius);position:relative;box-sizing:border-box;font-size:var(--f7-menu-font-size);font-weight:var(--f7-menu-font-weight);cursor:pointer;margin-left:var(--f7-menu-item-spacing)}.menu-item:first-child{margin-left:0}.menu-item.active-state:not(.menu-item-dropdown-opened){background-color:rgba(0,0,0,.7)}.menu-item.icon-only{padding-left:0;padding-right:0}.menu-item-content{display:flex;justify-content:center;align-items:center;padding:0 var(--f7-menu-item-padding-horizontal);height:100%;box-sizing:border-box;width:100%;overflow:hidden;border-radius:var(--f7-menu-item-border-radius);position:relative}.icon-only .menu-item-content,.menu-item-content.icon-only{padding-left:0;padding-right:0}.menu-item-dropdown .menu-item-content:after{content:'';position:absolute;width:20px;height:2px;left:50%;transform:translateX(-50%);bottom:4px;background:var(--f7-menu-item-dropdown-icon-color);border-radius:4px}.menu-dropdown{opacity:0;visibility:hidden;pointer-events:none;cursor:auto;height:10px;background:var(--f7-menu-bg-color);position:relative}.menu-dropdown-content{position:absolute;top:100%;border-radius:var(--f7-menu-dropdown-border-radius,var(--f7-menu-item-border-radius));padding-top:var(--f7-menu-dropdown-padding-vertical);padding-bottom:var(--f7-menu-dropdown-padding-vertical);box-sizing:border-box;background:var(--f7-menu-bg-color);overflow:auto;-webkit-overflow-scrolling:touch;min-width:calc(100% + 24px)}.menu-dropdown-item,.menu-dropdown-link{display:flex;position:relative;justify-content:space-between;align-items:center;padding-left:var(--f7-menu-item-padding-horizontal);padding-right:var(--f7-menu-item-padding-horizontal);min-height:var(--f7-menu-dropdown-item-height);line-height:var(--f7-menu-line-height);font-size:var(--f7-menu-font-size);color:var(--f7-menu-text-color);font-weight:var(--f7-menu-font-weight);white-space:nowrap;min-width:100px;z-index:1}.menu-dropdown-item i,.menu-dropdown-item i.f7-icons,.menu-dropdown-item i.icon,.menu-dropdown-item i.material-icons,.menu-dropdown-link i,.menu-dropdown-link i.f7-icons,.menu-dropdown-link i.icon,.menu-dropdown-link i.material-icons{font-size:20px}.menu-dropdown-link:before{content:'';position:absolute;left:4px;top:2px;right:4px;bottom:2px;border-radius:4px;background:var(--f7-menu-dropdown-pressed-bg-color,var(--f7-theme-color));z-index:-1;opacity:0;pointer-events:none}.menu-dropdown-link.active-state{color:var(--f7-menu-text-color)}.menu-dropdown-link.active-state:before{opacity:1}.menu-dropdown-divider{height:1px;margin-top:2px;margin-bottom:2px;background:var(--f7-menu-dropdown-divider-color)}.menu-item-dropdown-opened{border-bottom-left-radius:0px;border-bottom-right-radius:0px}.menu-item-dropdown-opened .menu-item-content:after{opacity:0}.menu-item-dropdown-opened .menu-dropdown{opacity:1;visibility:visible;pointer-events:auto}.menu-dropdown-center:after,.menu-dropdown-left:after,.menu-item-dropdown-center .menu-dropdown:after,.menu-item-dropdown-left .menu-dropdown:after{content:'';position:absolute;left:100%;bottom:0;width:var(--f7-menu-item-border-radius);height:var(--f7-menu-item-border-radius);background-image:radial-gradient(ellipse at 100% 0%,transparent 0%,transparent 70%,var(--f7-menu-bg-color) 72%)}.menu-dropdown-center:before,.menu-dropdown-right:before,.menu-item-dropdown-center .menu-dropdown:before,.menu-item-dropdown-right .menu-dropdown:before{content:'';position:absolute;right:100%;bottom:0;width:var(--f7-menu-item-border-radius);height:var(--f7-menu-item-border-radius);background-image:radial-gradient(ellipse at 0% 0%,transparent 0%,transparent 70%,var(--f7-menu-bg-color) 72%)}.menu-dropdown-left .menu-dropdown-content,.menu-item-dropdown-left .menu-dropdown-content{left:0;border-top-left-radius:0px}.menu-dropdown-right .menu-dropdown-content,.menu-item-dropdown-right .menu-dropdown-content{right:0;border-top-right-radius:0px}.menu-dropdown-center .menu-dropdown-content,.menu-item-dropdown-center .menu-dropdown-content{left:50%;min-width:calc(100% + 24px + 24px);transform:translateX(-50%)}.aurora.device-desktop .menu-dropdown-link:not(.no-hover):not(.active-state):hover:before{background:var(--f7-menu-dropdown-hover-bg-color,rgba(255,255,255,.15));opacity:1}

package/components/menu/menu.d.ts

@@ -1,32 +0,0 @@
-import Framework7, {
-  CSSSelector,
-  Framework7EventsClass,
-  Framework7Plugin,
-} from '../app/app-class.js';
-
-export namespace Menu {
-  interface DomEvents {
-    /** Event will be triggered right after menu dropdown will be opened */
-    'menu:opened': () => void;
-    /** Event will be triggered right after menu dropdown will be closed */
-    'menu:closed': () => void;
-  }
-  interface AppMethods {
-    menu: {
-      /** open Menu dropdown */
-      open(el?: HTMLElement | CSSSelector): void;
-      /** close Menu dropdown */
-      close(el?: HTMLElement | CSSSelector): void;
-    };
-  }
-  interface AppParams {}
-  interface AppEvents {
-    /** Event will be triggered right after menu dropdown will be opened. As an argument event handler receives menu dropdown item element */
-    menuOpened: (el: HTMLElement) => void;
-    /** Event will be triggered right after menu dropdown will be closed. As an argument event handler receives menu dropdown item element */
-    menuClosed: (el: HTMLElement) => void;
-  }
-}
-
-declare const MenuComponent: Framework7Plugin;
-export default MenuComponent;

package/components/menu/menu.js

@@ -1,87 +0,0 @@
-import $ from '../../shared/dom7.js';
-import { bindMethods } from '../../shared/utils.js';
-const Menu = {
-  open(el) {
-    if (el === void 0) {
-      el = '.menu-item-dropdown';
-    }
-
-    const app = this;
-    if (!el) return;
-    const $el = $(el).closest('.menu-item-dropdown');
-    if (!$el.length) return;
-    const $menuEl = $el.closest('.menu').eq(0);
-
-    if ($menuEl.length) {
-      const zIndex = $menuEl.css('z-index');
-      const originalZIndex = $menuEl[0].style.zIndex;
-      $menuEl.css('z-index', parseInt(zIndex || 0, 10) + 1);
-      $menuEl[0].f7MenuZIndex = originalZIndex;
-    }
-
-    $el.eq(0).addClass('menu-item-dropdown-opened').trigger('menu:opened');
-    app.emit('menuOpened', $el.eq(0)[0]);
-  },
-
-  close(el) {
-    if (el === void 0) {
-      el = '.menu-item-dropdown-opened';
-    }
-
-    const app = this;
-    if (!el) return;
-    const $el = $(el).closest('.menu-item-dropdown-opened');
-    if (!$el.length) return;
-    const $menuEl = $el.closest('.menu').eq(0);
-
-    if ($menuEl.length) {
-      const zIndex = $menuEl[0].f7MenuZIndex;
-      $menuEl.css('z-index', zIndex);
-      delete $menuEl[0].f7MenuZIndex;
-    }
-
-    $el.eq(0).removeClass('menu-item-dropdown-opened').trigger('menu:closed');
-    app.emit('menuClosed', $el.eq(0)[0]);
-  }
-
-};
-export default {
-  name: 'menu',
-
-  create() {
-    const app = this;
-    bindMethods(app, {
-      menu: Menu
-    });
-  },
-
-  on: {
-    click(e) {
-      const app = this;
-      const openedMenus = $('.menu-item-dropdown-opened');
-      if (!openedMenus.length) return;
-      openedMenus.each(el => {
-        if (!$(e.target).closest('.menu-item-dropdown-opened').length) {
-          app.menu.close(el);
-        }
-      });
-    }
-
-  },
-  clicks: {
-    '.menu-item-dropdown': function onClick($clickedEl, dataset, e) {
-      const app = this;
-
-      if ($clickedEl.hasClass('menu-item-dropdown-opened')) {
-        if ($(e.target).closest('.menu-dropdown').length) return;
-        app.menu.close($clickedEl);
-      } else {
-        app.menu.open($clickedEl);
-      }
-    },
-    '.menu-close': function onClick() {
-      const app = this;
-      app.menu.close();
-    }
-  }
-};

package/components/menu/menu.lazy.js

@@ -1 +0,0 @@
-(function framework7ComponentLoader(e,n){void 0===n&&(n=!0);var o=e.$,t=e.utils,s=(e.getDevice,e.getSupport,e.Class,e.Modal,e.ConstructorMethods,e.ModalMethods,e.$jsx,t.bindMethods);const d={open(e){void 0===e&&(e=".menu-item-dropdown");if(!e)return;const n=o(e).closest(".menu-item-dropdown");if(!n.length)return;const t=n.closest(".menu").eq(0);if(t.length){const e=t.css("z-index"),n=t[0].style.zIndex;t.css("z-index",parseInt(e||0,10)+1),t[0].f7MenuZIndex=n}n.eq(0).addClass("menu-item-dropdown-opened").trigger("menu:opened"),this.emit("menuOpened",n.eq(0)[0])},close(e){void 0===e&&(e=".menu-item-dropdown-opened");if(!e)return;const n=o(e).closest(".menu-item-dropdown-opened");if(!n.length)return;const t=n.closest(".menu").eq(0);if(t.length){const e=t[0].f7MenuZIndex;t.css("z-index",e),delete t[0].f7MenuZIndex}n.eq(0).removeClass("menu-item-dropdown-opened").trigger("menu:closed"),this.emit("menuClosed",n.eq(0)[0])}};var i={name:"menu",create(){s(this,{menu:d})},on:{click(e){const n=this,t=o(".menu-item-dropdown-opened");t.length&&t.each((t=>{o(e.target).closest(".menu-item-dropdown-opened").length||n.menu.close(t)}))}},clicks:{".menu-item-dropdown":function(e,n,t){const s=this;if(e.hasClass("menu-item-dropdown-opened")){if(o(t.target).closest(".menu-dropdown").length)return;s.menu.close(e)}else s.menu.open(e)},".menu-close":function(){this.menu.close()}}};if(n){if(e.prototype.modules&&e.prototype.modules[i.name])return;e.use(i),e.instance&&(e.instance.useModuleParams(i,e.instance.params),e.instance.useModule(i))}return i}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent))

package/components/menu/menu.less

@@ -1,232 +0,0 @@
-/* === Menu === */
-@import './menu-vars.less';
-
-.menu {
-  z-index: 1000;
-  position: relative;
-  transform: translate3d(0, 0, 0);
-  --f7-touch-ripple-color: var(--f7-touch-ripple-white);
-}
-.menu-inner {
-  display: flex;
-  justify-content: flex-start;
-  align-items: flex-start;
-  padding-left: var(--f7-menu-item-spacing);
-  padding-right: var(--f7-menu-item-spacing);
-  &:after {
-    content: '';
-    width: var(--f7-menu-item-spacing);
-    height: 100%;
-    flex-shrink: 0;
-  }
-}
-.menu-item {
-  height: var(--f7-menu-item-height);
-  min-width: var(--f7-menu-item-height);
-  flex-shrink: 0;
-  background: var(--f7-menu-bg-color);
-  color: var(--f7-menu-text-color);
-  border-radius: var(--f7-menu-item-border-radius);
-  position: relative;
-  box-sizing: border-box;
-  font-size: var(--f7-menu-font-size);
-  font-weight: var(--f7-menu-font-weight);
-  cursor: pointer;
-  .ltr({
-    margin-left: var(--f7-menu-item-spacing);
-    &:first-child {
-      margin-left: 0;
-    }
-  });
-  .rtl({
-    margin-right: var(--f7-menu-item-spacing);
-    &:first-child {
-      margin-right: 0;
-    }
-  });
-
-  &.active-state:not(.menu-item-dropdown-opened) {
-    background-color: rgba(0, 0, 0, 0.7);
-  }
-
-  &.icon-only {
-    padding-left: 0;
-    padding-right: 0;
-  }
-}
-.menu-item-content {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  padding: 0 var(--f7-menu-item-padding-horizontal);
-  height: 100%;
-  box-sizing: border-box;
-  width: 100%;
-  overflow: hidden;
-  border-radius: var(--f7-menu-item-border-radius);
-  position: relative;
-  &.icon-only,
-  .icon-only & {
-    padding-left: 0;
-    padding-right: 0;
-  }
-  .menu-item-dropdown &:after {
-    content: '';
-    position: absolute;
-    width: 20px;
-    height: 2px;
-    left: 50%;
-    transform: translateX(-50%);
-    bottom: 4px;
-    background: var(--f7-menu-item-dropdown-icon-color);
-    border-radius: 4px;
-  }
-}
-.menu-dropdown {
-  opacity: 0;
-  visibility: hidden;
-  pointer-events: none;
-  cursor: auto;
-  height: 10px;
-  background: var(--f7-menu-bg-color);
-  position: relative;
-}
-.menu-dropdown-content {
-  position: absolute;
-  top: 100%;
-  border-radius: var(--f7-menu-dropdown-border-radius, var(--f7-menu-item-border-radius));
-  padding-top: var(--f7-menu-dropdown-padding-vertical);
-  padding-bottom: var(--f7-menu-dropdown-padding-vertical);
-  box-sizing: border-box;
-  background: var(--f7-menu-bg-color);
-  .scrollable();
-  min-width: calc(100% + 24px);
-}
-.menu-dropdown-link,
-.menu-dropdown-item {
-  display: flex;
-  position: relative;
-  justify-content: space-between;
-  align-items: center;
-  padding-left: var(--f7-menu-item-padding-horizontal);
-  padding-right: var(--f7-menu-item-padding-horizontal);
-  min-height: var(--f7-menu-dropdown-item-height);
-  line-height: var(--f7-menu-line-height);
-  font-size: var(--f7-menu-font-size);
-  color: var(--f7-menu-text-color);
-  font-weight: var(--f7-menu-font-weight);
-  white-space: nowrap;
-  min-width: 100px;
-  z-index: 1;
-  i,
-  i.icon,
-  i.f7-icons,
-  i.material-icons {
-    font-size: 20px;
-  }
-}
-.menu-dropdown-link {
-  &:before {
-    content: '';
-    position: absolute;
-    left: 4px;
-    top: 2px;
-    right: 4px;
-    bottom: 2px;
-    border-radius: 4px;
-    background: var(--f7-menu-dropdown-pressed-bg-color, var(--f7-theme-color));
-    z-index: -1;
-    opacity: 0;
-    pointer-events: none;
-  }
-  &.active-state {
-    &:before {
-      opacity: 1;
-    }
-    color: var(--f7-menu-text-color);
-  }
-}
-.menu-dropdown-divider {
-  height: 1px;
-  margin-top: 2px;
-  margin-bottom: 2px;
-  background: var(--f7-menu-dropdown-divider-color);
-}
-.menu-item-dropdown-opened {
-  border-bottom-left-radius: 0px;
-  border-bottom-right-radius: 0px;
-  .menu-item-content:after {
-    opacity: 0;
-  }
-  .menu-dropdown {
-    opacity: 1;
-    visibility: visible;
-    pointer-events: auto;
-  }
-}
-.menu-item-dropdown-left .menu-dropdown:after,
-.menu-item-dropdown-center .menu-dropdown:after,
-.menu-dropdown-left:after,
-.menu-dropdown-center:after {
-  content: '';
-  position: absolute;
-  left: 100%;
-  bottom: 0;
-  width: var(--f7-menu-item-border-radius);
-  height: var(--f7-menu-item-border-radius);
-  background-image: radial-gradient(
-    ellipse at 100% 0%,
-    transparent 0%,
-    transparent 70%,
-    var(--f7-menu-bg-color) 72%
-  );
-}
-.menu-item-dropdown-right .menu-dropdown:before,
-.menu-item-dropdown-center .menu-dropdown:before,
-.menu-dropdown-right:before,
-.menu-dropdown-center:before {
-  content: '';
-  position: absolute;
-  right: 100%;
-  bottom: 0;
-  width: var(--f7-menu-item-border-radius);
-  height: var(--f7-menu-item-border-radius);
-  background-image: radial-gradient(
-    ellipse at 0% 0%,
-    transparent 0%,
-    transparent 70%,
-    var(--f7-menu-bg-color) 72%
-  );
-}
-.menu-item-dropdown-left,
-.menu-dropdown-left {
-  .menu-dropdown-content {
-    left: 0;
-    border-top-left-radius: 0px;
-  }
-}
-.menu-item-dropdown-right,
-.menu-dropdown-right {
-  .menu-dropdown-content {
-    right: 0;
-    border-top-right-radius: 0px;
-  }
-}
-.menu-item-dropdown-center,
-.menu-dropdown-center {
-  .menu-dropdown-content {
-    left: 50%;
-    min-width: calc(100% + 24px + 24px);
-    transform: translateX(-50%);
-  }
-}
-
-.if-ios-theme({
-  @import './menu-ios.less';
-});
-.if-md-theme({
-  @import './menu-md.less';
-});
-.if-aurora-theme({
-  @import './menu-aurora.less';
-});

package/components/messagebar/messagebar-aurora.less

@@ -1,53 +0,0 @@
-.aurora {
-  .messagebar {
-    a.link + .messagebar-area {
-      margin-left: 8px;
-    }
-    .messagebar-area + a.link {
-      margin-left: 8px;
-    }
-  }
-  .messagebar-area {
-    margin-top: 8px;
-    margin-bottom: 8px;
-  }
-  .messagebar-sheet-image,
-  .messagebar-sheet-item {
-    .icon-checkbox {
-      border-color: #fff;
-      background: rgba(255, 255, 255, 0.25);
-      box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
-    }
-  }
-  .messagebar-attachments {
-    padding: 8px;
-    border-radius: var(--f7-messagebar-textarea-border-radius)
-      var(--f7-messagebar-textarea-border-radius) 0 0;
-    border: 1px solid var(--f7-messagebar-attachments-border-color);
-    border-bottom: none;
-  }
-  .messagebar-attachments-visible {
-    .messagebar-attachments + textarea {
-      border-radius: 0 0 var(--f7-messagebar-textarea-border-radius)
-        var(--f7-messagebar-textarea-border-radius);
-    }
-  }
-  .messagebar-attachment {
-    font-size: 14px;
-  }
-  .messagebar-attachment-delete {
-    right: 8px;
-    top: 8px;
-    width: 24px;
-    height: 24px;
-    background-color: var(--f7-theme-color);
-    &:after,
-    &:before {
-      width: 14px;
-      height: 2px;
-      background: #fff;
-      margin-left: -7px;
-      margin-top: -1px;
-    }
-  }
-}

package/components/messagebar/messagebar.lazy.js

@@ -1 +0,0 @@
-(function framework7ComponentLoader(e,t){void 0===t&&(t=!0);var a=e.$,s=e.utils,r=(e.getDevice,e.getSupport,e.Class),n=(e.Modal,e.ConstructorMethods),i=(e.ModalMethods,e.$jsx,s.extend),l=s.deleteProps;class c extends r{constructor(e,t){void 0===t&&(t={}),super(t,[e]);const s=this,r={top:!1,topOffset:0,bottomOffset:0,attachments:[],renderAttachments:void 0,renderAttachment:void 0,maxHeight:null,resizePage:!0};s.useModulesParams(r),s.params=i(r,t);const n=a(s.params.el);if(0===n.length)return s;if(n[0].f7Messagebar)return n[0].f7Messagebar;n[0].f7Messagebar=s;const l=n.parents(".page").eq(0),c=l.find(".page-content").eq(0),h=n.find(".messagebar-area");let o;o=s.params.textareaEl?a(s.params.textareaEl):n.find("textarea");const m=n.find(".messagebar-attachments"),g=n.find(".messagebar-sheet");function d(){s.params.resizePage&&s.resizePage()}function b(e){e.preventDefault()}function u(e){const t=a(this).index();a(e.target).closest(".messagebar-attachment-delete").length?(a(this).trigger("messagebar:attachmentdelete",t),s.emit("local::attachmentDelete messagebarAttachmentDelete",s,this,t)):(a(this).trigger("messagebar:attachmentclick",t),s.emit("local::attachmentClick messagebarAttachmentClick",s,this,t))}function f(){s.checkEmptyState(),s.$el.trigger("messagebar:change"),s.emit("local::change messagebarChange",s)}function p(){s.sheetHide(),s.$el.addClass("messagebar-focused"),s.$el.trigger("messagebar:focus"),s.emit("local::focus messagebarFocus",s)}function $(){s.$el.removeClass("messagebar-focused"),s.$el.trigger("messagebar:blur"),s.emit("local::blur messagebarBlur",s)}return s.params.top&&n.addClass("messagebar-top"),i(s,{$el:n,el:n[0],$areaEl:h,areaEl:h[0],$textareaEl:o,textareaEl:o[0],$attachmentsEl:m,attachmentsEl:m[0],attachmentsVisible:m.hasClass("messagebar-attachments-visible"),$sheetEl:g,sheetEl:g[0],sheetVisible:g.hasClass("messagebar-sheet-visible"),$pageEl:l,pageEl:l[0],$pageContentEl:c,pageContentEl:c,top:n.hasClass("messagebar-top")||s.params.top,attachments:[]}),s.attachEvents=function(){n.on("textarea:resize",d),n.on("submit",b),n.on("click",".messagebar-attachment",u),o.on("change input",f),o.on("focus",p),o.on("blur",$),e.on("resize",d)},s.detachEvents=function(){n.off("textarea:resize",d),n.off("submit",b),n.off("click",".messagebar-attachment",u),o.off("change input",f),o.off("focus",p),o.off("blur",$),e.off("resize",d)},s.useModules(),s.init(),s}focus(){return this.$textareaEl.focus(),this}blur(){return this.$textareaEl.blur(),this}clear(){return this.$textareaEl.val("").trigger("change"),this}getValue(){return this.$textareaEl.val().trim()}setValue(e){return this.$textareaEl.val(e).trigger("change"),this}setPlaceholder(e){return this.$textareaEl.attr("placeholder",e),this}resizePage(){const e=this,{params:t,$el:a,top:s,$pageEl:r,$pageContentEl:n,$areaEl:i,$textareaEl:l,$sheetEl:c,$attachmentsEl:h}=e,o=a[0].offsetHeight;let m=t.maxHeight;if(s);else{const s=parseInt(n.css("padding-bottom"),10),g=o+t.bottomOffset;if(g!==s&&n.length){const t=parseInt(n.css("padding-top"),10),s=n[0].scrollHeight,o=n[0].offsetHeight,d=n[0].scrollTop===s-o;m||(m=r[0].offsetHeight-t-c.outerHeight()-h.outerHeight()-parseInt(i.css("margin-top"),10)-parseInt(i.css("margin-bottom"),10)),l.css("max-height",`${m}px`),n.css("padding-bottom",`${g}px`),d&&n.scrollTop(n[0].scrollHeight-o),a.trigger("messagebar:resizepage"),e.emit("local::resizePage messagebarResizePage",e)}}}checkEmptyState(){const{$el:e,$textareaEl:t}=this,a=t.val().trim();a&&a.length?e.addClass("messagebar-with-value"):e.removeClass("messagebar-with-value")}attachmentsCreate(e){void 0===e&&(e="");const t=this,s=a(`<div class="messagebar-attachments">${e}</div>`);return s.insertBefore(t.$textareaEl),i(t,{$attachmentsEl:s,attachmentsEl:s[0]}),t}attachmentsShow(e){void 0===e&&(e="");const t=this;return t.$attachmentsEl=t.$el.find(".messagebar-attachments"),0===t.$attachmentsEl.length&&t.attachmentsCreate(e),t.$el.addClass("messagebar-attachments-visible"),t.attachmentsVisible=!0,t.params.resizePage&&t.resizePage(),t}attachmentsHide(){const e=this;return e.$el.removeClass("messagebar-attachments-visible"),e.attachmentsVisible=!1,e.params.resizePage&&e.resizePage(),e}attachmentsToggle(){const e=this;return e.attachmentsVisible?e.attachmentsHide():e.attachmentsShow(),e}renderAttachment(e){const t=this;return t.params.renderAttachment?t.params.renderAttachment.call(t,e):`\n        <div class="messagebar-attachment">\n          <img src="${e}">\n          <span class="messagebar-attachment-delete"></span>\n        </div>\n      `}renderAttachments(){const e=this;let t;t=e.params.renderAttachments?e.params.renderAttachments.call(e,e.attachments):`${e.attachments.map((t=>e.renderAttachment(t))).join("")}`,0===e.$attachmentsEl.length?e.attachmentsCreate(t):e.$attachmentsEl.html(t)}sheetCreate(e){void 0===e&&(e="");const t=this,s=a(`<div class="messagebar-sheet">${e}</div>`);return t.$el.append(s),i(t,{$sheetEl:s,sheetEl:s[0]}),t}sheetShow(e){void 0===e&&(e="");const t=this;return t.$sheetEl=t.$el.find(".messagebar-sheet"),0===t.$sheetEl.length&&t.sheetCreate(e),t.$el.addClass("messagebar-sheet-visible"),t.sheetVisible=!0,t.params.resizePage&&t.resizePage(),t}sheetHide(){const e=this;return e.$el.removeClass("messagebar-sheet-visible"),e.sheetVisible=!1,e.params.resizePage&&e.resizePage(),e}sheetToggle(){const e=this;return e.sheetVisible?e.sheetHide():e.sheetShow(),e}init(){const e=this;return e.attachEvents(),e.checkEmptyState(),e}destroy(){const e=this;e.emit("local::beforeDestroy messagebarBeforeDestroy",e),e.$el.trigger("messagebar:beforedestroy"),e.detachEvents(),e.$el[0]&&(e.$el[0].f7Messagebar=null,delete e.$el[0].f7Messagebar),l(e)}}var h={name:"messagebar",static:{Messagebar:c},create(){this.messagebar=n({defaultSelector:".messagebar",constructor:c,app:this,domProp:"f7Messagebar",addMethods:"clear getValue setValue setPlaceholder resizePage focus blur attachmentsCreate attachmentsShow attachmentsHide attachmentsToggle renderAttachments sheetCreate sheetShow sheetHide sheetToggle".split(" ")})},on:{tabBeforeRemove(e){const t=this;a(e).find(".messagebar-init").each((e=>{t.messagebar.destroy(e)}))},tabMounted(e){const t=this;a(e).find(".messagebar-init").each((e=>{t.messagebar.create(i({el:e},a(e).dataset()))}))},pageBeforeRemove(e){const t=this;e.$el.find(".messagebar-init").each((e=>{t.messagebar.destroy(e)}))},pageInit(e){const t=this;e.$el.find(".messagebar-init").each((e=>{t.messagebar.create(i({el:e},a(e).dataset()))}))}},vnode:{"messagebar-init":{insert(e){const t=e.elm;this.messagebar.create(i({el:t},a(t).dataset()))},destroy(e){const t=e.elm;this.messagebar.destroy(t)}}}};if(t){if(e.prototype.modules&&e.prototype.modules[h.name])return;e.use(h),e.instance&&(e.instance.useModuleParams(h,e.instance.params),e.instance.useModule(h))}return h}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent))

package/components/messages/messages-aurora.less

@@ -1,137 +0,0 @@
-.aurora {
-  .messages-title,
-  .message-header,
-  .message-footer,
-  .message-name {
-    b {
-      font-weight: 500;
-    }
-  }
-  .message-header,
-  .message-name {
-    margin-bottom: 2px;
-  }
-  .message-footer {
-    margin-top: 2px;
-  }
-  .message-text-header {
-    margin-bottom: 2px;
-  }
-  .message-text-footer {
-    margin-top: 2px;
-  }
-  .message-received,
-  .message-sent {
-    &.message-tail .message-bubble {
-      &:before {
-        position: absolute;
-        content: '';
-        bottom: 0;
-        width: 0;
-        height: 0;
-      }
-    }
-  }
-  .message-image {
-    margin: var(--f7-message-bubble-padding-vertical)
-      calc(-1 * var(--f7-message-bubble-padding-horizontal) + 4px);
-    &:first-child {
-      margin-top: calc(-1 * var(--f7-message-bubble-padding-vertical) + 4px);
-      img {
-        border-top-left-radius: var(--f7-message-bubble-border-radius);
-        border-top-right-radius: var(--f7-message-bubble-border-radius);
-      }
-    }
-    &:last-child {
-      margin-bottom: calc(-1 * var(--f7-message-bubble-padding-vertical) + 4px);
-      img {
-        border-bottom-left-radius: var(--f7-message-bubble-border-radius);
-        border-bottom-right-radius: var(--f7-message-bubble-border-radius);
-      }
-    }
-  }
-  .message-received {
-    margin-left: calc(16px + var(--f7-safe-area-left));
-    .message-avatar + .message-content {
-      margin-left: 5px;
-    }
-    .message-header,
-    .message-footer,
-    .message-name {
-      margin-left: var(--f7-message-bubble-padding-horizontal);
-    }
-    &.message-tail .message-bubble {
-      &:before {
-        border-left: 6px solid transparent;
-        border-right: 0 solid transparent;
-        border-bottom: 6px solid var(--f7-message-received-bg-color);
-        right: 100%;
-        transform: translate(2px, 0px) rotate(-15deg);
-        transform-origin: right bottom;
-      }
-    }
-  }
-  .message-sent {
-    margin-right: calc(16px + var(--f7-safe-area-right));
-    .message-avatar + .message-content {
-      margin-right: 5px;
-    }
-    .message-header,
-    .message-footer,
-    .message-name {
-      margin-right: var(--f7-message-bubble-padding-horizontal);
-    }
-    &.message-tail .message-bubble {
-      &:before {
-        border-left: 0 solid transparent;
-        border-right: 6px solid transparent;
-        border-bottom: 6px solid var(--f7-message-sent-bg-color, var(--f7-theme-color));
-        left: 100%;
-        transform: translate(-2px, 0px) rotate(15deg);
-        transform-origin: left bottom;
-      }
-    }
-  }
-
-  // Rules
-  .message + .message:not(.message-first) {
-    margin-top: 5px;
-  }
-
-  // Typing
-  .message-typing-indicator {
-    > div {
-      width: 6px;
-      height: 6px;
-      + div {
-        .ltr({
-          margin-left: 4px;
-        });
-        .rtl({
-          margin-right: 4px;
-        });
-      }
-    }
-    > div:nth-child(1) {
-      animation: aurora-message-typing-indicator 900ms infinite;
-    }
-    > div:nth-child(2) {
-      animation: aurora-message-typing-indicator 900ms 150ms infinite;
-    }
-    > div:nth-child(3) {
-      animation: aurora-message-typing-indicator 900ms 300ms infinite;
-    }
-  }
-}
-
-@keyframes aurora-message-typing-indicator {
-  0% {
-    transform: translateY(0%);
-  }
-  50% {
-    transform: translateY(-5px);
-  }
-  100% {
-    transform: translateY(0%);
-  }
-}

package/components/messages/messages.lazy.js

@@ -1 +0,0 @@
-(function framework7ComponentLoader(e,s){void 0===s&&(s=!0);var a=e.$,t=e.utils,r=(e.getDevice,e.getSupport,e.Class),o=(e.Modal,e.ConstructorMethods),i=(e.ModalMethods,e.$jsx),n=t.extend,g=t.deleteProps;function l(e){this.wrapped=e}function m(e){var s,a;function t(s,a){try{var o=e[s](a),i=o.value,n=i instanceof l;Promise.resolve(n?i.wrapped:i).then((function(e){n?t("return"===s?"return":"next",e):r(o.done?"return":"normal",e)}),(function(e){t("throw",e)}))}catch(e){r("throw",e)}}function r(e,r){switch(e){case"return":s.resolve({value:r,done:!0});break;case"throw":s.reject(r);break;default:s.resolve({value:r,done:!1})}(s=s.next)?t(s.key,s.arg):a=null}this._invoke=function(e,r){return new Promise((function(o,i){var n={key:e,arg:r,resolve:o,reject:i,next:null};a?a=a.next=n:(s=a=n,t(e,r))}))},"function"!=typeof e.return&&(this.return=void 0)}function d(){return d=Object.assign||function(e){for(var s=1;s<arguments.length;s++){var a=arguments[s];for(var t in a)Object.prototype.hasOwnProperty.call(a,t)&&(e[t]=a[t])}return e},d.apply(this,arguments)}m.prototype["function"==typeof Symbol&&Symbol.asyncIterator||"@@asyncIterator"]=function(){return this},m.prototype.next=function(e){return this._invoke("next",e)},m.prototype.throw=function(e){return this._invoke("throw",e)},m.prototype.return=function(e){return this._invoke("return",e)};class c extends r{constructor(e,s){void 0===s&&(s={}),super(s,[e]);const t=this,r={autoLayout:!0,messages:[],newMessagesFirst:!1,scrollMessages:!0,scrollMessagesOnEdge:!0,firstMessageRule:void 0,lastMessageRule:void 0,tailMessageRule:void 0,sameNameMessageRule:void 0,sameHeaderMessageRule:void 0,sameFooterMessageRule:void 0,sameAvatarMessageRule:void 0,customClassMessageRule:void 0,renderMessage:void 0};t.useModulesParams(r),t.params=n(r,s);const o=a(s.el).eq(0);if(0===o.length)return t;if(o[0].f7Messages)return o[0].f7Messages;o[0].f7Messages=t;const i=o.closest(".page-content").eq(0);return n(t,{messages:t.params.messages,$el:o,el:o[0],$pageContentEl:i,pageContentEl:i[0]}),t.useModules(),t.init(),t}getMessageData(e){const s=a(e),t={name:s.find(".message-name").html(),header:s.find(".message-header").html(),textHeader:s.find(".message-text-header").html(),textFooter:s.find(".message-text-footer").html(),footer:s.find(".message-footer").html(),isTitle:s.hasClass("messages-title"),type:s.hasClass("message-sent")?"sent":"received",text:s.find(".message-text").html(),image:s.find(".message-image").html(),imageSrc:s.find(".message-image img").attr("src"),typing:s.hasClass("message-typing")};t.isTitle&&(t.text=s.html()),t.text&&t.textHeader&&(t.text=t.text.replace(`<div class="message-text-header">${t.textHeader}</div>`,"")),t.text&&t.textFooter&&(t.text=t.text.replace(`<div class="message-text-footer">${t.textFooter}</div>`,""));let r=s.find(".message-avatar").css("background-image");return"none"!==r&&""!==r||(r=void 0),r=r&&"string"==typeof r?r.replace("url(","").replace(")","").replace(/"/g,"").replace(/'/g,""):void 0,t.avatar=r,t}getMessagesData(){const e=this,s=[];return e.$el.find(".message, .messages-title").each((a=>{s.push(e.getMessageData(a))})),s}renderMessage(e){const s=this,a=n({type:"sent",attrs:{}},e);return s.params.renderMessage?s.params.renderMessage.call(s,a):a.isTitle?`<div class="messages-title">${a.text}</div>`:i("div",d({class:`message message-${a.type} ${a.isTyping?"message-typing":""} ${a.cssClass||""}`},a.attrs),a.avatar&&i("div",{class:"message-avatar",style:`background-image:url(${a.avatar})`}),i("div",{class:"message-content"},a.name&&i("div",{class:"message-name"},a.name),a.header&&i("div",{class:"message-header"},a.header),i("div",{class:"message-bubble"},a.textHeader&&i("div",{class:"message-text-header"},a.textHeader),a.image&&i("div",{class:"message-image"},a.image),a.imageSrc&&!a.image&&i("div",{class:"message-image"},i("img",{src:a.imageSrc})),(a.text||a.isTyping)&&i("div",{class:"message-text"},a.text||"",a.isTyping&&i("div",{class:"message-typing-indicator"},i("div",null),i("div",null),i("div",null))),a.textFooter&&i("div",{class:"message-text-footer"},a.textFooter)),a.footer&&i("div",{class:"message-footer"},a.footer)))}renderMessages(e,s){void 0===e&&(e=this.messages),void 0===s&&(s=this.params.newMessagesFirst?"prepend":"append");const a=this,t=e.map((e=>a.renderMessage(e))).join("");a.$el[s](t)}isFirstMessage(){return!!this.params.firstMessageRule&&this.params.firstMessageRule(...arguments)}isLastMessage(){return!!this.params.lastMessageRule&&this.params.lastMessageRule(...arguments)}isTailMessage(){return!!this.params.tailMessageRule&&this.params.tailMessageRule(...arguments)}isSameNameMessage(){return!!this.params.sameNameMessageRule&&this.params.sameNameMessageRule(...arguments)}isSameHeaderMessage(){return!!this.params.sameHeaderMessageRule&&this.params.sameHeaderMessageRule(...arguments)}isSameFooterMessage(){return!!this.params.sameFooterMessageRule&&this.params.sameFooterMessageRule(...arguments)}isSameAvatarMessage(){return!!this.params.sameAvatarMessageRule&&this.params.sameAvatarMessageRule(...arguments)}isCustomClassMessage(){if(this.params.customClassMessageRule)return this.params.customClassMessageRule(...arguments)}layout(){const e=this;e.$el.find(".message, .messages-title").each(((s,t)=>{const r=a(s);e.messages||(e.messages=e.getMessagesData());const o=[],i=e.messages[t],n=e.messages[t-1],g=e.messages[t+1];e.isFirstMessage(i,n,g)&&o.push("message-first"),e.isLastMessage(i,n,g)&&o.push("message-last"),e.isTailMessage(i,n,g)&&o.push("message-tail"),e.isSameNameMessage(i,n,g)&&o.push("message-same-name"),e.isSameHeaderMessage(i,n,g)&&o.push("message-same-header"),e.isSameFooterMessage(i,n,g)&&o.push("message-same-footer"),e.isSameAvatarMessage(i,n,g)&&o.push("message-same-avatar");let l=e.isCustomClassMessage(i,n,g);l&&l.length&&("string"==typeof l&&(l=l.split(" ")),l.forEach((e=>{o.push(e)}))),r.removeClass("message-first message-last message-tail message-same-name message-same-header message-same-footer message-same-avatar"),o.forEach((e=>{r.addClass(e)}))}))}clear(){this.messages=[],this.$el.html("")}removeMessage(e,s){void 0===s&&(s=!0);const t=this;let r,o;return"number"==typeof e?(r=e,o=t.$el.find(".message, .messages-title").eq(r)):t.messages&&t.messages.indexOf(e)>=0?(r=t.messages.indexOf(e),o=t.$el.children().eq(r)):(o=a(e),r=o.index()),0===o.length||(o.remove(),t.messages.splice(r,1),t.params.autoLayout&&s&&t.layout()),t}removeMessages(e,s){void 0===s&&(s=!0);const t=this;if(Array.isArray(e)){const s=[];e.forEach((e=>{s.push(t.$el.find(".message, .messages-title").eq(e))})),s.forEach((e=>{t.removeMessage(e,!1)}))}else a(e).each((e=>{t.removeMessage(e,!1)}));return t.params.autoLayout&&s&&t.layout(),t}addMessage(){const e=this;let s,a,t;for(var r=arguments.length,o=new Array(r),i=0;i<r;i++)o[i]=arguments[i];return"boolean"==typeof o[1]?[s,a,t]=o:[s,t,a]=o,void 0===a&&(a=!0),void 0===t&&(t=e.params.newMessagesFirst?"prepend":"append"),e.addMessages([s],a,t)}setScrollData(){const e=this,s=e.pageContentEl.scrollHeight,a=e.pageContentEl.offsetHeight,t=e.pageContentEl.scrollTop;return e.scrollData={scrollHeightBefore:s,heightBefore:a,scrollBefore:t},{scrollHeightBefore:s,heightBefore:a,scrollBefore:t}}addMessages(){const e=this;let s,t,r;for(var o=arguments.length,i=new Array(o),n=0;n<o;n++)i[n]=arguments[n];"boolean"==typeof i[1]?[s,t,r]=i:[s,r,t]=i,void 0===t&&(t=!0),void 0===r&&(r=e.params.newMessagesFirst?"prepend":"append");const{scrollHeightBefore:g,scrollBefore:l}=e.setScrollData();let m="";const d=e.messages.filter((e=>e.isTyping))[0];s.forEach((s=>{d?"append"===r?e.messages.splice(e.messages.indexOf(d),0,s):e.messages.splice(e.messages.indexOf(d)+1,0,s):e.messages["append"===r?"push":"unshift"](s),m+=e.renderMessage(s)}));const c=a(m);return t&&("append"!==r||e.params.newMessagesFirst||c.addClass("message-appear-from-bottom"),"prepend"===r&&e.params.newMessagesFirst&&c.addClass("message-appear-from-top")),d?"append"===r?c.insertBefore(e.$el.find(".message-typing")):c.insertAfter(e.$el.find(".message-typing")):e.$el[r](c),e.params.autoLayout&&e.layout(),"prepend"!==r||d||(e.pageContentEl.scrollTop=l+(e.pageContentEl.scrollHeight-g)),e.params.scrollMessages&&("append"===r&&!e.params.newMessagesFirst||"prepend"===r&&e.params.newMessagesFirst&&!d)&&e.scrollWithEdgeCheck(t),e}showTyping(e){void 0===e&&(e={});const s=this,a=s.messages.filter((e=>e.isTyping))[0];return a&&s.removeMessage(s.messages.indexOf(a)),s.addMessage(n({type:"received",isTyping:!0},e)),s}hideTyping(){const e=this;let s,a;if(e.messages.forEach(((e,a)=>{e.isTyping&&(s=a)})),void 0!==s&&e.$el.find(".message").eq(s).hasClass("message-typing")&&(a=!0,e.removeMessage(s)),!a){const s=e.$el.find(".message-typing");s.length&&e.removeMessage(s)}return e}scrollWithEdgeCheck(e){const s=this,{scrollBefore:a,scrollHeightBefore:t,heightBefore:r}=s.scrollData;if(s.params.scrollMessagesOnEdge){let o=!1;s.params.newMessagesFirst&&0===a&&(o=!0),!s.params.newMessagesFirst&&a-(t-r)>=-10&&(o=!0),o&&s.scroll(e?void 0:0)}else s.scroll(e?void 0:0)}scroll(e,s){void 0===e&&(e=300);const a=this,t=a.pageContentEl.scrollTop;let r;if(void 0!==s)r=s;else if(r=a.params.newMessagesFirst?0:a.pageContentEl.scrollHeight-a.pageContentEl.offsetHeight,r===t)return a;return a.$pageContentEl.scrollTop(r,e),a}init(){const e=this;e.messages&&0!==e.messages.length||(e.messages=e.getMessagesData()),e.params.messages&&e.params.messages.length&&e.renderMessages(),e.params.autoLayout&&e.layout(),e.params.scrollMessages&&e.scroll(0)}destroy(){const e=this;e.emit("local::beforeDestroy messagesBeforeDestroy",e),e.$el.trigger("messages:beforedestroy"),e.$el[0]&&(e.$el[0].f7Messages=null,delete e.$el[0].f7Messages),g(e)}}var p={name:"messages",static:{Messages:c},create(){this.messages=o({defaultSelector:".messages",constructor:c,app:this,domProp:"f7Messages",addMethods:"renderMessages layout scroll clear removeMessage removeMessages addMessage addMessages".split(" ")})},on:{tabBeforeRemove(e){const s=this;a(e).find(".messages-init").each((e=>{s.messages.destroy(e)}))},tabMounted(e){const s=this;a(e).find(".messages-init").each((e=>{s.messages.create({el:e})}))},pageBeforeRemove(e){const s=this;e.$el.find(".messages-init").each((e=>{s.messages.destroy(e)}))},pageInit(e){const s=this;e.$el.find(".messages-init").each((e=>{s.messages.create({el:e})}))}},vnode:{"messages-init":{insert(e){const s=e.elm;this.messages.create({el:s})},destroy(e){const s=e.elm;this.messages.destroy(s)}}}};if(s){if(e.prototype.modules&&e.prototype.modules[p.name])return;e.use(p),e.instance&&(e.instance.useModuleParams(p,e.instance.params),e.instance.useModule(p))}return p}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent))