framework7 7.0.0-beta.15 → 7.0.0-beta.20

package/components/fab/fab-rtl.css

@@ -1 +1 @@
-:root{--f7-fab-margin:16px;--f7-fab-text-color:#fff;--f7-fab-extended-text-font-size:14px;--f7-fab-extended-text-padding:0 20px;--f7-fab-label-bg-color:#fff;--f7-fab-label-text-color:#333;--f7-fab-label-border-radius:4px;--f7-fab-label-padding:4px 12px;--f7-fab-label-font-size:inherit;--f7-fab-button-size:40px}.ios{--f7-fab-size:50px;--f7-fab-box-shadow:0px 2px 4px rgba(0, 0, 0, 0.4);--f7-fab-extended-size:50px;--f7-fab-extended-text-font-weight:600;--f7-fab-extended-text-letter-spacing:0;--f7-fab-label-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.4)}.md{--f7-fab-size:56px;--f7-fab-box-shadow:var(--f7-elevation-6);--f7-fab-extended-size:48px;--f7-fab-extended-text-font-weight:500;--f7-fab-extended-text-letter-spacing:0.05em;--f7-fab-label-box-shadow:var(--f7-elevation-3)}.aurora{--f7-fab-size:56px;--f7-fab-box-shadow:var(--f7-elevation-6);--f7-fab-extended-size:48px;--f7-fab-extended-text-font-weight:600;--f7-fab-extended-text-letter-spacing:0;--f7-fab-label-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.4)}.fab-backdrop{z-index:1400}.fab{position:absolute;z-index:1500}.fab a{--f7-touch-ripple-color:var(--f7-touch-ripple-white)}.fab-left-bottom,.fab-left-center,.fab-left-top{left:calc(var(--f7-fab-margin) + var(--f7-safe-area-left))}.fab-right-bottom,.fab-right-center,.fab-right-top{right:calc(var(--f7-fab-margin) + var(--f7-safe-area-right))}.fab-center-top,.fab-left-top,.fab-right-top{top:var(--f7-fab-margin)}.fab-center-bottom,.fab-left-bottom,.fab-right-bottom{bottom:calc(var(--f7-fab-margin) + var(--f7-safe-area-bottom))}.fab-center-bottom,.fab-center-center,.fab-center-top{left:50%;transform:translateX(-50%)}.fab-center-center,.fab-left-center,.fab-right-center{top:50%;transform:translateY(-50%)}.fab-center-center{top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.fab-buttons a,.fab>a{background-color:var(--f7-fab-bg-color,var(--f7-theme-color));width:var(--f7-fab-size);height:var(--f7-fab-size);box-shadow:var(--f7-fab-box-shadow);border-radius:calc(var(--f7-fab-size)/ 2);position:relative;transition-duration:.3s;display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:1;color:var(--f7-fab-text-color)}.fab-buttons a.active-state,.fab>a.active-state{background-color:var(--f7-fab-pressed-bg-color,var(--f7-theme-color-shade))}.fab>a i{position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0) rotate(0deg) scale(1);transition:.3s}.fab>a i+i{transform:translate3d(-50%,-50%,0) rotate(-90deg) scale(.5);opacity:0}.fab-buttons a{border-radius:calc(var(--f7-fab-button-size)/ 2);width:var(--f7-fab-button-size);height:var(--f7-fab-button-size)}.fab-buttons{display:flex;visibility:hidden;pointer-events:none;position:absolute}.fab-buttons a{opacity:0}.fab-opened:not(.fab-morph)>a i{transform:translate3d(-50%,-50%,0) rotate(90deg) scale(.5);opacity:0}.fab-opened:not(.fab-morph)>a i+i{transform:translate3d(-50%,-50%,0) rotate(0deg) scale(1);opacity:1}.fab-opened .fab-buttons{visibility:visible;pointer-events:auto}.fab-opened .fab-buttons a{opacity:1;transform:translate3d(0,0px,0) scale(1)!important}.fab-opened .fab-buttons a:nth-child(2){transition-delay:50ms}.fab-opened .fab-buttons a:nth-child(3){transition-delay:0.1s}.fab-opened .fab-buttons a:nth-child(4){transition-delay:150ms}.fab-opened .fab-buttons a:nth-child(5){transition-delay:0.2s}.fab-opened .fab-buttons a:nth-child(6){transition-delay:250ms}.fab-buttons-bottom,.fab-buttons-top{left:50%;width:var(--f7-fab-button-size);margin-left:calc(-1 * var(--f7-fab-button-size)/ 2)}.fab-buttons-top{bottom:100%;margin-bottom:16px;flex-direction:column-reverse}.fab-buttons-top a{transform:translate3d(0,8px,0) scale(.3);transform-origin:center bottom}.fab-buttons-top a+a{margin-bottom:16px}.fab-buttons-bottom{top:100%;margin-top:16px;flex-direction:column}.fab-buttons-bottom a{transform:translate3d(0,-8px,0) scale(.3);transform-origin:center top}.fab-buttons-bottom a+a{margin-top:16px}.fab-buttons-left,.fab-buttons-right{top:50%;height:var(--f7-fab-button-size);margin-top:calc(-1 * var(--f7-fab-button-size)/ 2)}.fab-buttons-left{right:100%;margin-right:16px}.fab-buttons-left a{transform:translate3d(8px,0px,0) scale(.3);transform-origin:right center}.fab-buttons-left a+a{margin-right:16px}.fab-buttons-right{left:100%;margin-left:16px;flex-direction:row-reverse}.fab-buttons-right a{transform:translate3d(-8px,0,0) scale(.3);transform-origin:left center}.fab-buttons-right a+a{margin-left:16px}.fab-buttons-center{left:0%;top:0%;width:100%;height:100%}.fab-buttons-center a{position:absolute}.fab-buttons-center a:nth-child(1){left:50%;margin-left:calc(-1 * var(--f7-fab-button-size)/ 2);bottom:100%;margin-bottom:16px;transform:translateY(-8px) scale(.3);transform-origin:center bottom}.fab-buttons-center a:nth-child(2){left:100%;margin-top:calc(-1 * var(--f7-fab-button-size)/ 2);top:50%;margin-left:16px;transform:translateX(-8px) scale(.3);transform-origin:left center}.fab-buttons-center a:nth-child(3){left:50%;margin-left:calc(-1 * var(--f7-fab-button-size)/ 2);top:100%;margin-top:16px;transform:translateY(8px) scale(.3);transform-origin:center top}.fab-buttons-center a:nth-child(4){right:100%;margin-top:calc(-1 * var(--f7-fab-button-size)/ 2);top:50%;margin-right:16px;transform:translateX(8px) scale(.3);transform-origin:right center}.fab-morph{border-radius:calc(var(--f7-fab-size)/ 2);background:var(--f7-fab-bg-color,var(--f7-theme-color));box-shadow:var(--f7-fab-box-shadow)}.fab-morph>a{box-shadow:none;background:0 0!important}.fab-opened.fab-morph>a i{opacity:0}.fab-morph,.fab-morph-target,.fab-morph>a{transition-duration:250ms}.fab-morph-target:not(.fab-morph-target-visible){display:none}.fab-extended{width:auto;min-width:var(--f7-fab-extended-size)}.fab-extended>a{width:100%;height:var(--f7-fab-extended-size)}.fab-extended>a i{left:calc(var(--f7-fab-extended-size)/ 2)}.fab-extended i~.fab-text{padding-left:var(--f7-fab-extended-size)}.fab-extended>a{width:100%!important}.fab-text{box-sizing:border-box;font-size:var(--f7-fab-extended-text-font-size);padding:var(--f7-fab-extended-text-padding);font-weight:var(--f7-fab-extended-text-font-weight);letter-spacing:var(--f7-fab-extended-text-letter-spacing);text-transform:uppercase}.fab-label-button{overflow:visible!important}.fab-label{position:absolute;top:50%;padding:var(--f7-fab-label-padding);border-radius:var(--f7-fab-label-border-radius);background:var(--f7-fab-label-bg-color);color:var(--f7-fab-label-text-color);box-shadow:var(--f7-fab-label-box-shadow);white-space:nowrap;transform:translateY(-50%);pointer-events:none;font-size:var(--f7-fab-label-font-size)}.fab-right-bottom .fab-label,.fab-right-center .fab-label,.fab-right-top .fab-label{right:100%;margin-right:8px}.fab-left-bottom .fab-label,.fab-left-center .fab-label,.fab-left-top .fab-label{left:100%;margin-left:8px}.navbars~* .fab-center-top,.navbars~* .fab-left-top,.navbars~* .fab-right-top,.navbars~.fab-center-top,.navbars~.fab-left-top,.navbars~.fab-right-top,.navbar~* .fab-center-top,.navbar~* .fab-left-top,.navbar~* .fab-right-top,.navbar~.fab-center-top,.navbar~.fab-left-top,.navbar~.fab-right-top{margin-top:calc(var(--f7-navbar-height) + var(--f7-safe-area-top))}.ios .toolbar-top-ios~* .fab-center-top,.ios .toolbar-top-ios~* .fab-left-top,.ios .toolbar-top-ios~* .fab-right-top,.ios .toolbar-top-ios~.fab-center-top,.ios .toolbar-top-ios~.fab-left-top,.ios .toolbar-top-ios~.fab-right-top,.md .toolbar-top-md~* .fab-center-top,.md .toolbar-top-md~* .fab-left-top,.md .toolbar-top-md~* .fab-right-top,.md .toolbar-top-md~.fab-center-top,.md .toolbar-top-md~.fab-left-top,.md .toolbar-top-md~.fab-right-top,.toolbar-top~* .fab-center-top,.toolbar-top~* .fab-left-top,.toolbar-top~* .fab-right-top,.toolbar-top~.fab-center-top,.toolbar-top~.fab-left-top,.toolbar-top~.fab-right-top{margin-top:var(--f7-toolbar-height)}.ios .toolbar-bottom-ios~* .fab-center-bottom,.ios .toolbar-bottom-ios~* .fab-left-bottom,.ios .toolbar-bottom-ios~* .fab-right-bottom,.ios .toolbar-bottom-ios~.fab-center-bottom,.ios .toolbar-bottom-ios~.fab-left-bottom,.ios .toolbar-bottom-ios~.fab-right-bottom,.md .toolbar-bottom-md~* .fab-center-bottom,.md .toolbar-bottom-md~* .fab-left-bottom,.md .toolbar-bottom-md~* .fab-right-bottom,.md .toolbar-bottom-md~.fab-center-bottom,.md .toolbar-bottom-md~.fab-left-bottom,.md .toolbar-bottom-md~.fab-right-bottom,.toolbar-bottom~* .fab-center-bottom,.toolbar-bottom~* .fab-left-bottom,.toolbar-bottom~* .fab-right-bottom,.toolbar-bottom~.fab-center-bottom,.toolbar-bottom~.fab-left-bottom,.toolbar-bottom~.fab-right-bottom{margin-bottom:var(--f7-toolbar-height)}.ios .tabbar-labels.toolbar-bottom-ios~* .fab-center-bottom,.ios .tabbar-labels.toolbar-bottom-ios~* .fab-left-bottom,.ios .tabbar-labels.toolbar-bottom-ios~* .fab-right-bottom,.ios .tabbar-labels.toolbar-bottom-ios~.fab-center-bottom,.ios .tabbar-labels.toolbar-bottom-ios~.fab-left-bottom,.ios .tabbar-labels.toolbar-bottom-ios~.fab-right-bottom,.md .tabbar-labels.toolbar-bottom-md~* .fab-center-bottom,.md .tabbar-labels.toolbar-bottom-md~* .fab-left-bottom,.md .tabbar-labels.toolbar-bottom-md~* .fab-right-bottom,.md .tabbar-labels.toolbar-bottom-md~.fab-center-bottom,.md .tabbar-labels.toolbar-bottom-md~.fab-left-bottom,.md .tabbar-labels.toolbar-bottom-md~.fab-right-bottom,.tabbar-labels.toolbar-bottom~* .fab-center-bottom,.tabbar-labels.toolbar-bottom~* .fab-left-bottom,.tabbar-labels.toolbar-bottom~* .fab-right-bottom,.tabbar-labels.toolbar-bottom~.fab-center-bottom,.tabbar-labels.toolbar-bottom~.fab-left-bottom,.tabbar-labels.toolbar-bottom~.fab-right-bottom{margin-bottom:var(--f7-tabbar-labels-height)}.ios .tabbar-labels.toolbar-top-ios~* .fab-center-bottom,.ios .tabbar-labels.toolbar-top-ios~* .fab-left-bottom,.ios .tabbar-labels.toolbar-top-ios~* .fab-right-bottom,.ios .tabbar-labels.toolbar-top-ios~.fab-center-bottom,.ios .tabbar-labels.toolbar-top-ios~.fab-left-bottom,.ios .tabbar-labels.toolbar-top-ios~.fab-right-bottom,.md .tabbar-labels.toolbar-top-md~* .fab-center-bottom,.md .tabbar-labels.toolbar-top-md~* .fab-left-bottom,.md .tabbar-labels.toolbar-top-md~* .fab-right-bottom,.md .tabbar-labels.toolbar-top-md~.fab-center-bottom,.md .tabbar-labels.toolbar-top-md~.fab-left-bottom,.md .tabbar-labels.toolbar-top-md~.fab-right-bottom,.tabbar-labels.toolbar-top~* .fab-center-bottom,.tabbar-labels.toolbar-top~* .fab-left-bottom,.tabbar-labels.toolbar-top~* .fab-right-bottom,.tabbar-labels.toolbar-top~.fab-center-bottom,.tabbar-labels.toolbar-top~.fab-left-bottom,.tabbar-labels.toolbar-top~.fab-right-bottom{margin-top:var(--f7-tabbar-labels-height)}.messagebar~* .fab-center-bottom,.messagebar~* .fab-left-bottom,.messagebar~* .fab-right-bottom,.messagebar~.fab-center-bottom,.messagebar~.fab-left-bottom,.messagebar~.fab-right-bottom{margin-bottom:var(--f7-messagebar-height)}.ios .navbar+.toolbar-top-ios~* .fab-center-top,.ios .navbar+.toolbar-top-ios~* .fab-left-top,.ios .navbar+.toolbar-top-ios~* .fab-right-top,.ios .navbar+.toolbar-top-ios~.fab-center-top,.ios .navbar+.toolbar-top-ios~.fab-left-top,.ios .navbar+.toolbar-top-ios~.fab-right-top,.md .navbar+.toolbar-top-ios~* .fab-center-top,.md .navbar+.toolbar-top-ios~* .fab-left-top,.md .navbar+.toolbar-top-ios~* .fab-right-top,.md .navbar+.toolbar-top-ios~.fab-center-top,.md .navbar+.toolbar-top-ios~.fab-left-top,.md .navbar+.toolbar-top-ios~.fab-right-top,.navbar+.toolbar-top~* .fab-center-top,.navbar+.toolbar-top~* .fab-left-top,.navbar+.toolbar-top~* .fab-right-top,.navbar+.toolbar-top~.fab-center-top,.navbar+.toolbar-top~.fab-left-top,.navbar+.toolbar-top~.fab-right-top{margin-top:calc(var(--f7-toolbar-height) + var(--f7-navbar-height) + var(--f7-safe-area-top))}.ios .navbar+.toolbar-top-ios.tabbar-labels~* .fab-center-top,.ios .navbar+.toolbar-top-ios.tabbar-labels~* .fab-left-top,.ios .navbar+.toolbar-top-ios.tabbar-labels~* .fab-right-top,.ios .navbar+.toolbar-top-ios.tabbar-labels~.fab-center-top,.ios .navbar+.toolbar-top-ios.tabbar-labels~.fab-left-top,.ios .navbar+.toolbar-top-ios.tabbar-labels~.fab-right-top,.md .navbar+.toolbar-top-ios.tabbar-labels~* .fab-center-top,.md .navbar+.toolbar-top-ios.tabbar-labels~* .fab-left-top,.md .navbar+.toolbar-top-ios.tabbar-labels~* .fab-right-top,.md .navbar+.toolbar-top-ios.tabbar-labels~.fab-center-top,.md .navbar+.toolbar-top-ios.tabbar-labels~.fab-left-top,.md .navbar+.toolbar-top-ios.tabbar-labels~.fab-right-top,.navbar+.toolbar-top.tabbar-labels~* .fab-center-top,.navbar+.toolbar-top.tabbar-labels~* .fab-left-top,.navbar+.toolbar-top.tabbar-labels~* .fab-right-top,.navbar+.toolbar-top.tabbar-labels~.fab-center-top,.navbar+.toolbar-top.tabbar-labels~.fab-left-top,.navbar+.toolbar-top.tabbar-labels~.fab-right-top{margin-top:calc(var(--f7-tabbar-labels-height) + var(--f7-navbar-height) + var(--f7-safe-area-top))}.ios .navbars+.toolbar-top-ios~* .fab-center-top,.ios .navbars+.toolbar-top-ios~* .fab-left-top,.ios .navbars+.toolbar-top-ios~* .fab-right-top,.ios .navbars+.toolbar-top-ios~.fab-center-top,.ios .navbars+.toolbar-top-ios~.fab-left-top,.ios .navbars+.toolbar-top-ios~.fab-right-top,.navbars+.toolbar-top~* .fab-center-top,.navbars+.toolbar-top~* .fab-left-top,.navbars+.toolbar-top~* .fab-right-top,.navbars+.toolbar-top~.fab-center-top,.navbars+.toolbar-top~.fab-left-top,.navbars+.toolbar-top~.fab-right-top{margin-top:calc(var(--f7-toolbar-height) + var(--f7-navbar-height) + var(--f7-safe-area-top))}.ios .navbars+.toolbar-top-ios.tabbar-labels~* .fab-center-top,.ios .navbars+.toolbar-top-ios.tabbar-labels~* .fab-left-top,.ios .navbars+.toolbar-top-ios.tabbar-labels~* .fab-right-top,.ios .navbars+.toolbar-top-ios.tabbar-labels~.fab-center-top,.ios .navbars+.toolbar-top-ios.tabbar-labels~.fab-left-top,.ios .navbars+.toolbar-top-ios.tabbar-labels~.fab-right-top,.navbars+.toolbar-top.tabbar-labels~* .fab-center-top,.navbars+.toolbar-top.tabbar-labels~* .fab-left-top,.navbars+.toolbar-top.tabbar-labels~* .fab-right-top,.navbars+.toolbar-top.tabbar-labels~.fab-center-top,.navbars+.toolbar-top.tabbar-labels~.fab-left-top,.navbars+.toolbar-top.tabbar-labels~.fab-right-top{margin-top:calc(var(--f7-tabbar-labels-height) + var(--f7-navbar-height) + var(--f7-safe-area-top))}.ios .fab-buttons a.active-state,.ios .fab>a.active-state{transition-duration:0s}
+:root{--f7-fab-margin:16px;--f7-fab-text-color:#fff;--f7-fab-extended-text-font-size:14px;--f7-fab-extended-text-padding:0 20px;--f7-fab-label-bg-color:#fff;--f7-fab-label-text-color:#333;--f7-fab-label-border-radius:4px;--f7-fab-label-padding:4px 12px;--f7-fab-label-font-size:inherit;--f7-fab-button-size:40px}.ios{--f7-fab-size:50px;--f7-fab-box-shadow:0px 2px 4px rgba(0, 0, 0, 0.4);--f7-fab-extended-size:50px;--f7-fab-extended-text-font-weight:600;--f7-fab-extended-text-letter-spacing:0;--f7-fab-label-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.4)}.md{--f7-fab-size:56px;--f7-fab-box-shadow:var(--f7-elevation-6);--f7-fab-extended-size:48px;--f7-fab-extended-text-font-weight:500;--f7-fab-extended-text-letter-spacing:0.05em;--f7-fab-label-box-shadow:var(--f7-elevation-3)}.aurora{--f7-fab-size:56px;--f7-fab-box-shadow:var(--f7-elevation-6);--f7-fab-extended-size:48px;--f7-fab-extended-text-font-weight:600;--f7-fab-extended-text-letter-spacing:0;--f7-fab-label-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.4)}.fab-backdrop{z-index:1400}.fab{position:absolute;z-index:1500}.fab a{--f7-touch-ripple-color:var(--f7-touch-ripple-white)}.fab-left-bottom,.fab-left-center,.fab-left-top{left:calc(var(--f7-fab-margin) + var(--f7-safe-area-left))}.fab-right-bottom,.fab-right-center,.fab-right-top{right:calc(var(--f7-fab-margin) + var(--f7-safe-area-right))}.fab-center-top,.fab-left-top,.fab-right-top{top:var(--f7-fab-margin)}.fab-center-bottom,.fab-left-bottom,.fab-right-bottom{bottom:calc(var(--f7-fab-margin) + var(--f7-safe-area-bottom))}.fab-center-bottom,.fab-center-center,.fab-center-top{left:50%;transform:translateX(-50%)}.fab-center-center,.fab-left-center,.fab-right-center{top:50%;transform:translateY(-50%)}.fab-center-center{top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.fab-buttons a,.fab>a{background-color:var(--f7-fab-bg-color,var(--f7-theme-color));width:var(--f7-fab-size);height:var(--f7-fab-size);box-shadow:var(--f7-fab-box-shadow);border-radius:calc(var(--f7-fab-size)/ 2);position:relative;transition-duration:.3s;display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:1;color:var(--f7-fab-text-color)}.fab-buttons a.active-state,.fab>a.active-state{background-color:var(--f7-fab-pressed-bg-color,var(--f7-theme-color-shade))}.fab>a i{position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0) rotate(0deg) scale(1);transition:.3s}.fab>a i+i{transform:translate3d(-50%,-50%,0) rotate(-90deg) scale(.5);opacity:0}.fab-buttons a{border-radius:calc(var(--f7-fab-button-size)/ 2);width:var(--f7-fab-button-size);height:var(--f7-fab-button-size)}.fab-buttons{display:flex;visibility:hidden;pointer-events:none;position:absolute}.fab-buttons a{opacity:0}.fab-opened:not(.fab-morph)>a i{transform:translate3d(-50%,-50%,0) rotate(90deg) scale(.5);opacity:0}.fab-opened:not(.fab-morph)>a i+i{transform:translate3d(-50%,-50%,0) rotate(0deg) scale(1);opacity:1}.fab-opened .fab-buttons{visibility:visible;pointer-events:auto}.fab-opened .fab-buttons a{opacity:1;transform:translate3d(0,0px,0) scale(1)!important}.fab-opened .fab-buttons a:nth-child(2){transition-delay:50ms}.fab-opened .fab-buttons a:nth-child(3){transition-delay:0.1s}.fab-opened .fab-buttons a:nth-child(4){transition-delay:150ms}.fab-opened .fab-buttons a:nth-child(5){transition-delay:0.2s}.fab-opened .fab-buttons a:nth-child(6){transition-delay:250ms}.fab-buttons-bottom,.fab-buttons-top{left:50%;width:var(--f7-fab-button-size);margin-left:calc(-1 * var(--f7-fab-button-size)/ 2)}.fab-buttons-top{bottom:100%;margin-bottom:16px;flex-direction:column-reverse}.fab-buttons-top a{transform:translate3d(0,8px,0) scale(.3);transform-origin:center bottom}.fab-buttons-top a+a{margin-bottom:16px}.fab-buttons-bottom{top:100%;margin-top:16px;flex-direction:column}.fab-buttons-bottom a{transform:translate3d(0,-8px,0) scale(.3);transform-origin:center top}.fab-buttons-bottom a+a{margin-top:16px}.fab-buttons-left,.fab-buttons-right{top:50%;height:var(--f7-fab-button-size);margin-top:calc(-1 * var(--f7-fab-button-size)/ 2)}.fab-buttons-left{right:100%;margin-right:16px}.fab-buttons-left a{transform:translate3d(8px,0px,0) scale(.3);transform-origin:right center}.fab-buttons-left a+a{margin-right:16px}.fab-buttons-right{left:100%;margin-left:16px;flex-direction:row-reverse}.fab-buttons-right a{transform:translate3d(-8px,0,0) scale(.3);transform-origin:left center}.fab-buttons-right a+a{margin-left:16px}.fab-buttons-center{left:0%;top:0%;width:100%;height:100%}.fab-buttons-center a{position:absolute}.fab-buttons-center a:first-child{left:50%;margin-left:calc(-1 * var(--f7-fab-button-size)/ 2);bottom:100%;margin-bottom:16px;transform:translateY(-8px) scale(.3);transform-origin:center bottom}.fab-buttons-center a:nth-child(2){left:100%;margin-top:calc(-1 * var(--f7-fab-button-size)/ 2);top:50%;margin-left:16px;transform:translateX(-8px) scale(.3);transform-origin:left center}.fab-buttons-center a:nth-child(3){left:50%;margin-left:calc(-1 * var(--f7-fab-button-size)/ 2);top:100%;margin-top:16px;transform:translateY(8px) scale(.3);transform-origin:center top}.fab-buttons-center a:nth-child(4){right:100%;margin-top:calc(-1 * var(--f7-fab-button-size)/ 2);top:50%;margin-right:16px;transform:translateX(8px) scale(.3);transform-origin:right center}.fab-morph{border-radius:calc(var(--f7-fab-size)/ 2);background:var(--f7-fab-bg-color,var(--f7-theme-color));box-shadow:var(--f7-fab-box-shadow)}.fab-morph>a{box-shadow:none;background:0 0!important}.fab-opened.fab-morph>a i{opacity:0}.fab-morph,.fab-morph-target,.fab-morph>a{transition-duration:250ms}.fab-morph-target:not(.fab-morph-target-visible){display:none}.fab-extended{width:auto;min-width:var(--f7-fab-extended-size)}.fab-extended>a{width:100%;height:var(--f7-fab-extended-size)}.fab-extended>a i{left:calc(var(--f7-fab-extended-size)/ 2)}.fab-extended i~.fab-text{padding-left:var(--f7-fab-extended-size)}.fab-extended>a{width:100%!important}.fab-text{box-sizing:border-box;font-size:var(--f7-fab-extended-text-font-size);padding:var(--f7-fab-extended-text-padding);font-weight:var(--f7-fab-extended-text-font-weight);letter-spacing:var(--f7-fab-extended-text-letter-spacing);text-transform:uppercase}.fab-label-button{overflow:visible!important}.fab-label{position:absolute;top:50%;padding:var(--f7-fab-label-padding);border-radius:var(--f7-fab-label-border-radius);background:var(--f7-fab-label-bg-color);color:var(--f7-fab-label-text-color);box-shadow:var(--f7-fab-label-box-shadow);white-space:nowrap;transform:translateY(-50%);pointer-events:none;font-size:var(--f7-fab-label-font-size)}.fab-right-bottom .fab-label,.fab-right-center .fab-label,.fab-right-top .fab-label{right:100%;margin-right:8px}.fab-left-bottom .fab-label,.fab-left-center .fab-label,.fab-left-top .fab-label{left:100%;margin-left:8px}.navbars~* .fab-center-top,.navbars~* .fab-left-top,.navbars~* .fab-right-top,.navbars~.fab-center-top,.navbars~.fab-left-top,.navbars~.fab-right-top,.navbar~* .fab-center-top,.navbar~* .fab-left-top,.navbar~* .fab-right-top,.navbar~.fab-center-top,.navbar~.fab-left-top,.navbar~.fab-right-top{margin-top:calc(var(--f7-navbar-height) + var(--f7-safe-area-top))}.ios .toolbar-top-ios~* .fab-center-top,.ios .toolbar-top-ios~* .fab-left-top,.ios .toolbar-top-ios~* .fab-right-top,.ios .toolbar-top-ios~.fab-center-top,.ios .toolbar-top-ios~.fab-left-top,.ios .toolbar-top-ios~.fab-right-top,.md .toolbar-top-md~* .fab-center-top,.md .toolbar-top-md~* .fab-left-top,.md .toolbar-top-md~* .fab-right-top,.md .toolbar-top-md~.fab-center-top,.md .toolbar-top-md~.fab-left-top,.md .toolbar-top-md~.fab-right-top,.toolbar-top~* .fab-center-top,.toolbar-top~* .fab-left-top,.toolbar-top~* .fab-right-top,.toolbar-top~.fab-center-top,.toolbar-top~.fab-left-top,.toolbar-top~.fab-right-top{margin-top:var(--f7-toolbar-height)}.ios .toolbar-bottom-ios~* .fab-center-bottom,.ios .toolbar-bottom-ios~* .fab-left-bottom,.ios .toolbar-bottom-ios~* .fab-right-bottom,.ios .toolbar-bottom-ios~.fab-center-bottom,.ios .toolbar-bottom-ios~.fab-left-bottom,.ios .toolbar-bottom-ios~.fab-right-bottom,.md .toolbar-bottom-md~* .fab-center-bottom,.md .toolbar-bottom-md~* .fab-left-bottom,.md .toolbar-bottom-md~* .fab-right-bottom,.md .toolbar-bottom-md~.fab-center-bottom,.md .toolbar-bottom-md~.fab-left-bottom,.md .toolbar-bottom-md~.fab-right-bottom,.toolbar-bottom~* .fab-center-bottom,.toolbar-bottom~* .fab-left-bottom,.toolbar-bottom~* .fab-right-bottom,.toolbar-bottom~.fab-center-bottom,.toolbar-bottom~.fab-left-bottom,.toolbar-bottom~.fab-right-bottom{margin-bottom:var(--f7-toolbar-height)}.ios .tabbar-labels.toolbar-bottom-ios~* .fab-center-bottom,.ios .tabbar-labels.toolbar-bottom-ios~* .fab-left-bottom,.ios .tabbar-labels.toolbar-bottom-ios~* .fab-right-bottom,.ios .tabbar-labels.toolbar-bottom-ios~.fab-center-bottom,.ios .tabbar-labels.toolbar-bottom-ios~.fab-left-bottom,.ios .tabbar-labels.toolbar-bottom-ios~.fab-right-bottom,.md .tabbar-labels.toolbar-bottom-md~* .fab-center-bottom,.md .tabbar-labels.toolbar-bottom-md~* .fab-left-bottom,.md .tabbar-labels.toolbar-bottom-md~* .fab-right-bottom,.md .tabbar-labels.toolbar-bottom-md~.fab-center-bottom,.md .tabbar-labels.toolbar-bottom-md~.fab-left-bottom,.md .tabbar-labels.toolbar-bottom-md~.fab-right-bottom,.tabbar-labels.toolbar-bottom~* .fab-center-bottom,.tabbar-labels.toolbar-bottom~* .fab-left-bottom,.tabbar-labels.toolbar-bottom~* .fab-right-bottom,.tabbar-labels.toolbar-bottom~.fab-center-bottom,.tabbar-labels.toolbar-bottom~.fab-left-bottom,.tabbar-labels.toolbar-bottom~.fab-right-bottom{margin-bottom:var(--f7-tabbar-labels-height)}.ios .tabbar-labels.toolbar-top-ios~* .fab-center-bottom,.ios .tabbar-labels.toolbar-top-ios~* .fab-left-bottom,.ios .tabbar-labels.toolbar-top-ios~* .fab-right-bottom,.ios .tabbar-labels.toolbar-top-ios~.fab-center-bottom,.ios .tabbar-labels.toolbar-top-ios~.fab-left-bottom,.ios .tabbar-labels.toolbar-top-ios~.fab-right-bottom,.md .tabbar-labels.toolbar-top-md~* .fab-center-bottom,.md .tabbar-labels.toolbar-top-md~* .fab-left-bottom,.md .tabbar-labels.toolbar-top-md~* .fab-right-bottom,.md .tabbar-labels.toolbar-top-md~.fab-center-bottom,.md .tabbar-labels.toolbar-top-md~.fab-left-bottom,.md .tabbar-labels.toolbar-top-md~.fab-right-bottom,.tabbar-labels.toolbar-top~* .fab-center-bottom,.tabbar-labels.toolbar-top~* .fab-left-bottom,.tabbar-labels.toolbar-top~* .fab-right-bottom,.tabbar-labels.toolbar-top~.fab-center-bottom,.tabbar-labels.toolbar-top~.fab-left-bottom,.tabbar-labels.toolbar-top~.fab-right-bottom{margin-top:var(--f7-tabbar-labels-height)}.messagebar~* .fab-center-bottom,.messagebar~* .fab-left-bottom,.messagebar~* .fab-right-bottom,.messagebar~.fab-center-bottom,.messagebar~.fab-left-bottom,.messagebar~.fab-right-bottom{margin-bottom:var(--f7-messagebar-height)}.ios .navbar+.toolbar-top-ios~* .fab-center-top,.ios .navbar+.toolbar-top-ios~* .fab-left-top,.ios .navbar+.toolbar-top-ios~* .fab-right-top,.ios .navbar+.toolbar-top-ios~.fab-center-top,.ios .navbar+.toolbar-top-ios~.fab-left-top,.ios .navbar+.toolbar-top-ios~.fab-right-top,.md .navbar+.toolbar-top-ios~* .fab-center-top,.md .navbar+.toolbar-top-ios~* .fab-left-top,.md .navbar+.toolbar-top-ios~* .fab-right-top,.md .navbar+.toolbar-top-ios~.fab-center-top,.md .navbar+.toolbar-top-ios~.fab-left-top,.md .navbar+.toolbar-top-ios~.fab-right-top,.navbar+.toolbar-top~* .fab-center-top,.navbar+.toolbar-top~* .fab-left-top,.navbar+.toolbar-top~* .fab-right-top,.navbar+.toolbar-top~.fab-center-top,.navbar+.toolbar-top~.fab-left-top,.navbar+.toolbar-top~.fab-right-top{margin-top:calc(var(--f7-toolbar-height) + var(--f7-navbar-height) + var(--f7-safe-area-top))}.ios .navbar+.toolbar-top-ios.tabbar-labels~* .fab-center-top,.ios .navbar+.toolbar-top-ios.tabbar-labels~* .fab-left-top,.ios .navbar+.toolbar-top-ios.tabbar-labels~* .fab-right-top,.ios .navbar+.toolbar-top-ios.tabbar-labels~.fab-center-top,.ios .navbar+.toolbar-top-ios.tabbar-labels~.fab-left-top,.ios .navbar+.toolbar-top-ios.tabbar-labels~.fab-right-top,.md .navbar+.toolbar-top-ios.tabbar-labels~* .fab-center-top,.md .navbar+.toolbar-top-ios.tabbar-labels~* .fab-left-top,.md .navbar+.toolbar-top-ios.tabbar-labels~* .fab-right-top,.md .navbar+.toolbar-top-ios.tabbar-labels~.fab-center-top,.md .navbar+.toolbar-top-ios.tabbar-labels~.fab-left-top,.md .navbar+.toolbar-top-ios.tabbar-labels~.fab-right-top,.navbar+.toolbar-top.tabbar-labels~* .fab-center-top,.navbar+.toolbar-top.tabbar-labels~* .fab-left-top,.navbar+.toolbar-top.tabbar-labels~* .fab-right-top,.navbar+.toolbar-top.tabbar-labels~.fab-center-top,.navbar+.toolbar-top.tabbar-labels~.fab-left-top,.navbar+.toolbar-top.tabbar-labels~.fab-right-top{margin-top:calc(var(--f7-tabbar-labels-height) + var(--f7-navbar-height) + var(--f7-safe-area-top))}.ios .navbars+.toolbar-top-ios~* .fab-center-top,.ios .navbars+.toolbar-top-ios~* .fab-left-top,.ios .navbars+.toolbar-top-ios~* .fab-right-top,.ios .navbars+.toolbar-top-ios~.fab-center-top,.ios .navbars+.toolbar-top-ios~.fab-left-top,.ios .navbars+.toolbar-top-ios~.fab-right-top,.navbars+.toolbar-top~* .fab-center-top,.navbars+.toolbar-top~* .fab-left-top,.navbars+.toolbar-top~* .fab-right-top,.navbars+.toolbar-top~.fab-center-top,.navbars+.toolbar-top~.fab-left-top,.navbars+.toolbar-top~.fab-right-top{margin-top:calc(var(--f7-toolbar-height) + var(--f7-navbar-height) + var(--f7-safe-area-top))}.ios .navbars+.toolbar-top-ios.tabbar-labels~* .fab-center-top,.ios .navbars+.toolbar-top-ios.tabbar-labels~* .fab-left-top,.ios .navbars+.toolbar-top-ios.tabbar-labels~* .fab-right-top,.ios .navbars+.toolbar-top-ios.tabbar-labels~.fab-center-top,.ios .navbars+.toolbar-top-ios.tabbar-labels~.fab-left-top,.ios .navbars+.toolbar-top-ios.tabbar-labels~.fab-right-top,.navbars+.toolbar-top.tabbar-labels~* .fab-center-top,.navbars+.toolbar-top.tabbar-labels~* .fab-left-top,.navbars+.toolbar-top.tabbar-labels~* .fab-right-top,.navbars+.toolbar-top.tabbar-labels~.fab-center-top,.navbars+.toolbar-top.tabbar-labels~.fab-left-top,.navbars+.toolbar-top.tabbar-labels~.fab-right-top{margin-top:calc(var(--f7-tabbar-labels-height) + var(--f7-navbar-height) + var(--f7-safe-area-top))}.ios .fab-buttons a.active-state,.ios .fab>a.active-state{transition-duration:0s}

package/components/fab/fab.css

@@ -1 +1 @@
-:root{--f7-fab-margin:16px;--f7-fab-text-color:#fff;--f7-fab-extended-text-font-size:14px;--f7-fab-extended-text-padding:0 20px;--f7-fab-label-bg-color:#fff;--f7-fab-label-text-color:#333;--f7-fab-label-border-radius:4px;--f7-fab-label-padding:4px 12px;--f7-fab-label-font-size:inherit;--f7-fab-button-size:40px}.ios{--f7-fab-size:50px;--f7-fab-box-shadow:0px 2px 4px rgba(0, 0, 0, 0.4);--f7-fab-extended-size:50px;--f7-fab-extended-text-font-weight:600;--f7-fab-extended-text-letter-spacing:0;--f7-fab-label-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.4)}.md{--f7-fab-size:56px;--f7-fab-box-shadow:var(--f7-elevation-6);--f7-fab-extended-size:48px;--f7-fab-extended-text-font-weight:500;--f7-fab-extended-text-letter-spacing:0.05em;--f7-fab-label-box-shadow:var(--f7-elevation-3)}.aurora{--f7-fab-size:56px;--f7-fab-box-shadow:var(--f7-elevation-6);--f7-fab-extended-size:48px;--f7-fab-extended-text-font-weight:600;--f7-fab-extended-text-letter-spacing:0;--f7-fab-label-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.4)}.fab-backdrop{z-index:1400}.fab{position:absolute;z-index:1500}.fab a{--f7-touch-ripple-color:var(--f7-touch-ripple-white)}.fab-left-bottom,.fab-left-center,.fab-left-top{left:calc(var(--f7-fab-margin) + var(--f7-safe-area-left))}.fab-right-bottom,.fab-right-center,.fab-right-top{right:calc(var(--f7-fab-margin) + var(--f7-safe-area-right))}.fab-center-top,.fab-left-top,.fab-right-top{top:var(--f7-fab-margin)}.fab-center-bottom,.fab-left-bottom,.fab-right-bottom{bottom:calc(var(--f7-fab-margin) + var(--f7-safe-area-bottom))}.fab-center-bottom,.fab-center-center,.fab-center-top{left:50%;transform:translateX(-50%)}.fab-center-center,.fab-left-center,.fab-right-center{top:50%;transform:translateY(-50%)}.fab-center-center{top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.fab-buttons a,.fab>a{background-color:var(--f7-fab-bg-color,var(--f7-theme-color));width:var(--f7-fab-size);height:var(--f7-fab-size);box-shadow:var(--f7-fab-box-shadow);border-radius:calc(var(--f7-fab-size)/ 2);position:relative;transition-duration:.3s;display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:1;color:var(--f7-fab-text-color)}.fab-buttons a.active-state,.fab>a.active-state{background-color:var(--f7-fab-pressed-bg-color,var(--f7-theme-color-shade))}.fab>a i{position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0) rotate(0deg) scale(1);transition:.3s}.fab>a i+i{transform:translate3d(-50%,-50%,0) rotate(-90deg) scale(.5);opacity:0}.fab-buttons a{border-radius:calc(var(--f7-fab-button-size)/ 2);width:var(--f7-fab-button-size);height:var(--f7-fab-button-size)}.fab-buttons{display:flex;visibility:hidden;pointer-events:none;position:absolute}.fab-buttons a{opacity:0}.fab-opened:not(.fab-morph)>a i{transform:translate3d(-50%,-50%,0) rotate(90deg) scale(.5);opacity:0}.fab-opened:not(.fab-morph)>a i+i{transform:translate3d(-50%,-50%,0) rotate(0deg) scale(1);opacity:1}.fab-opened .fab-buttons{visibility:visible;pointer-events:auto}.fab-opened .fab-buttons a{opacity:1;transform:translate3d(0,0px,0) scale(1)!important}.fab-opened .fab-buttons a:nth-child(2){transition-delay:50ms}.fab-opened .fab-buttons a:nth-child(3){transition-delay:0.1s}.fab-opened .fab-buttons a:nth-child(4){transition-delay:150ms}.fab-opened .fab-buttons a:nth-child(5){transition-delay:0.2s}.fab-opened .fab-buttons a:nth-child(6){transition-delay:250ms}.fab-buttons-bottom,.fab-buttons-top{left:50%;width:var(--f7-fab-button-size);margin-left:calc(-1 * var(--f7-fab-button-size)/ 2)}.fab-buttons-top{bottom:100%;margin-bottom:16px;flex-direction:column-reverse}.fab-buttons-top a{transform:translate3d(0,8px,0) scale(.3);transform-origin:center bottom}.fab-buttons-top a+a{margin-bottom:16px}.fab-buttons-bottom{top:100%;margin-top:16px;flex-direction:column}.fab-buttons-bottom a{transform:translate3d(0,-8px,0) scale(.3);transform-origin:center top}.fab-buttons-bottom a+a{margin-top:16px}.fab-buttons-left,.fab-buttons-right{top:50%;height:var(--f7-fab-button-size);margin-top:calc(-1 * var(--f7-fab-button-size)/ 2)}.fab-buttons-left{right:100%;margin-right:16px;flex-direction:row-reverse}.fab-buttons-left a{transform:translate3d(8px,0px,0) scale(.3);transform-origin:right center}.fab-buttons-left a+a{margin-right:16px}.fab-buttons-right{left:100%;margin-left:16px}.fab-buttons-right a{transform:translate3d(-8px,0,0) scale(.3);transform-origin:left center}.fab-buttons-right a+a{margin-left:16px}.fab-buttons-center{left:0%;top:0%;width:100%;height:100%}.fab-buttons-center a{position:absolute}.fab-buttons-center a:nth-child(1){left:50%;margin-left:calc(-1 * var(--f7-fab-button-size)/ 2);bottom:100%;margin-bottom:16px;transform:translateY(-8px) scale(.3);transform-origin:center bottom}.fab-buttons-center a:nth-child(2){left:100%;margin-top:calc(-1 * var(--f7-fab-button-size)/ 2);top:50%;margin-left:16px;transform:translateX(-8px) scale(.3);transform-origin:left center}.fab-buttons-center a:nth-child(3){left:50%;margin-left:calc(-1 * var(--f7-fab-button-size)/ 2);top:100%;margin-top:16px;transform:translateY(8px) scale(.3);transform-origin:center top}.fab-buttons-center a:nth-child(4){right:100%;margin-top:calc(-1 * var(--f7-fab-button-size)/ 2);top:50%;margin-right:16px;transform:translateX(8px) scale(.3);transform-origin:right center}.fab-morph{border-radius:calc(var(--f7-fab-size)/ 2);background:var(--f7-fab-bg-color,var(--f7-theme-color));box-shadow:var(--f7-fab-box-shadow)}.fab-morph>a{box-shadow:none;background:0 0!important}.fab-opened.fab-morph>a i{opacity:0}.fab-morph,.fab-morph-target,.fab-morph>a{transition-duration:250ms}.fab-morph-target:not(.fab-morph-target-visible){display:none}.fab-extended{width:auto;min-width:var(--f7-fab-extended-size)}.fab-extended>a{width:100%;height:var(--f7-fab-extended-size)}.fab-extended>a i{left:calc(var(--f7-fab-extended-size)/ 2)}.fab-extended i~.fab-text{padding-left:var(--f7-fab-extended-size)}.fab-extended>a{width:100%!important}.fab-text{box-sizing:border-box;font-size:var(--f7-fab-extended-text-font-size);padding:var(--f7-fab-extended-text-padding);font-weight:var(--f7-fab-extended-text-font-weight);letter-spacing:var(--f7-fab-extended-text-letter-spacing);text-transform:uppercase}.fab-label-button{overflow:visible!important}.fab-label{position:absolute;top:50%;padding:var(--f7-fab-label-padding);border-radius:var(--f7-fab-label-border-radius);background:var(--f7-fab-label-bg-color);color:var(--f7-fab-label-text-color);box-shadow:var(--f7-fab-label-box-shadow);white-space:nowrap;transform:translateY(-50%);pointer-events:none;font-size:var(--f7-fab-label-font-size)}.fab-right-bottom .fab-label,.fab-right-center .fab-label,.fab-right-top .fab-label{right:100%;margin-right:8px}.fab-left-bottom .fab-label,.fab-left-center .fab-label,.fab-left-top .fab-label{left:100%;margin-left:8px}.navbars~* .fab-center-top,.navbars~* .fab-left-top,.navbars~* .fab-right-top,.navbars~.fab-center-top,.navbars~.fab-left-top,.navbars~.fab-right-top,.navbar~* .fab-center-top,.navbar~* .fab-left-top,.navbar~* .fab-right-top,.navbar~.fab-center-top,.navbar~.fab-left-top,.navbar~.fab-right-top{margin-top:calc(var(--f7-navbar-height) + var(--f7-safe-area-top))}.ios .toolbar-top-ios~* .fab-center-top,.ios .toolbar-top-ios~* .fab-left-top,.ios .toolbar-top-ios~* .fab-right-top,.ios .toolbar-top-ios~.fab-center-top,.ios .toolbar-top-ios~.fab-left-top,.ios .toolbar-top-ios~.fab-right-top,.md .toolbar-top-md~* .fab-center-top,.md .toolbar-top-md~* .fab-left-top,.md .toolbar-top-md~* .fab-right-top,.md .toolbar-top-md~.fab-center-top,.md .toolbar-top-md~.fab-left-top,.md .toolbar-top-md~.fab-right-top,.toolbar-top~* .fab-center-top,.toolbar-top~* .fab-left-top,.toolbar-top~* .fab-right-top,.toolbar-top~.fab-center-top,.toolbar-top~.fab-left-top,.toolbar-top~.fab-right-top{margin-top:var(--f7-toolbar-height)}.ios .toolbar-bottom-ios~* .fab-center-bottom,.ios .toolbar-bottom-ios~* .fab-left-bottom,.ios .toolbar-bottom-ios~* .fab-right-bottom,.ios .toolbar-bottom-ios~.fab-center-bottom,.ios .toolbar-bottom-ios~.fab-left-bottom,.ios .toolbar-bottom-ios~.fab-right-bottom,.md .toolbar-bottom-md~* .fab-center-bottom,.md .toolbar-bottom-md~* .fab-left-bottom,.md .toolbar-bottom-md~* .fab-right-bottom,.md .toolbar-bottom-md~.fab-center-bottom,.md .toolbar-bottom-md~.fab-left-bottom,.md .toolbar-bottom-md~.fab-right-bottom,.toolbar-bottom~* .fab-center-bottom,.toolbar-bottom~* .fab-left-bottom,.toolbar-bottom~* .fab-right-bottom,.toolbar-bottom~.fab-center-bottom,.toolbar-bottom~.fab-left-bottom,.toolbar-bottom~.fab-right-bottom{margin-bottom:var(--f7-toolbar-height)}.ios .tabbar-labels.toolbar-bottom-ios~* .fab-center-bottom,.ios .tabbar-labels.toolbar-bottom-ios~* .fab-left-bottom,.ios .tabbar-labels.toolbar-bottom-ios~* .fab-right-bottom,.ios .tabbar-labels.toolbar-bottom-ios~.fab-center-bottom,.ios .tabbar-labels.toolbar-bottom-ios~.fab-left-bottom,.ios .tabbar-labels.toolbar-bottom-ios~.fab-right-bottom,.md .tabbar-labels.toolbar-bottom-md~* .fab-center-bottom,.md .tabbar-labels.toolbar-bottom-md~* .fab-left-bottom,.md .tabbar-labels.toolbar-bottom-md~* .fab-right-bottom,.md .tabbar-labels.toolbar-bottom-md~.fab-center-bottom,.md .tabbar-labels.toolbar-bottom-md~.fab-left-bottom,.md .tabbar-labels.toolbar-bottom-md~.fab-right-bottom,.tabbar-labels.toolbar-bottom~* .fab-center-bottom,.tabbar-labels.toolbar-bottom~* .fab-left-bottom,.tabbar-labels.toolbar-bottom~* .fab-right-bottom,.tabbar-labels.toolbar-bottom~.fab-center-bottom,.tabbar-labels.toolbar-bottom~.fab-left-bottom,.tabbar-labels.toolbar-bottom~.fab-right-bottom{margin-bottom:var(--f7-tabbar-labels-height)}.ios .tabbar-labels.toolbar-top-ios~* .fab-center-bottom,.ios .tabbar-labels.toolbar-top-ios~* .fab-left-bottom,.ios .tabbar-labels.toolbar-top-ios~* .fab-right-bottom,.ios .tabbar-labels.toolbar-top-ios~.fab-center-bottom,.ios .tabbar-labels.toolbar-top-ios~.fab-left-bottom,.ios .tabbar-labels.toolbar-top-ios~.fab-right-bottom,.md .tabbar-labels.toolbar-top-md~* .fab-center-bottom,.md .tabbar-labels.toolbar-top-md~* .fab-left-bottom,.md .tabbar-labels.toolbar-top-md~* .fab-right-bottom,.md .tabbar-labels.toolbar-top-md~.fab-center-bottom,.md .tabbar-labels.toolbar-top-md~.fab-left-bottom,.md .tabbar-labels.toolbar-top-md~.fab-right-bottom,.tabbar-labels.toolbar-top~* .fab-center-bottom,.tabbar-labels.toolbar-top~* .fab-left-bottom,.tabbar-labels.toolbar-top~* .fab-right-bottom,.tabbar-labels.toolbar-top~.fab-center-bottom,.tabbar-labels.toolbar-top~.fab-left-bottom,.tabbar-labels.toolbar-top~.fab-right-bottom{margin-top:var(--f7-tabbar-labels-height)}.messagebar~* .fab-center-bottom,.messagebar~* .fab-left-bottom,.messagebar~* .fab-right-bottom,.messagebar~.fab-center-bottom,.messagebar~.fab-left-bottom,.messagebar~.fab-right-bottom{margin-bottom:var(--f7-messagebar-height)}.ios .navbar+.toolbar-top-ios~* .fab-center-top,.ios .navbar+.toolbar-top-ios~* .fab-left-top,.ios .navbar+.toolbar-top-ios~* .fab-right-top,.ios .navbar+.toolbar-top-ios~.fab-center-top,.ios .navbar+.toolbar-top-ios~.fab-left-top,.ios .navbar+.toolbar-top-ios~.fab-right-top,.md .navbar+.toolbar-top-ios~* .fab-center-top,.md .navbar+.toolbar-top-ios~* .fab-left-top,.md .navbar+.toolbar-top-ios~* .fab-right-top,.md .navbar+.toolbar-top-ios~.fab-center-top,.md .navbar+.toolbar-top-ios~.fab-left-top,.md .navbar+.toolbar-top-ios~.fab-right-top,.navbar+.toolbar-top~* .fab-center-top,.navbar+.toolbar-top~* .fab-left-top,.navbar+.toolbar-top~* .fab-right-top,.navbar+.toolbar-top~.fab-center-top,.navbar+.toolbar-top~.fab-left-top,.navbar+.toolbar-top~.fab-right-top{margin-top:calc(var(--f7-toolbar-height) + var(--f7-navbar-height) + var(--f7-safe-area-top))}.ios .navbar+.toolbar-top-ios.tabbar-labels~* .fab-center-top,.ios .navbar+.toolbar-top-ios.tabbar-labels~* .fab-left-top,.ios .navbar+.toolbar-top-ios.tabbar-labels~* .fab-right-top,.ios .navbar+.toolbar-top-ios.tabbar-labels~.fab-center-top,.ios .navbar+.toolbar-top-ios.tabbar-labels~.fab-left-top,.ios .navbar+.toolbar-top-ios.tabbar-labels~.fab-right-top,.md .navbar+.toolbar-top-ios.tabbar-labels~* .fab-center-top,.md .navbar+.toolbar-top-ios.tabbar-labels~* .fab-left-top,.md .navbar+.toolbar-top-ios.tabbar-labels~* .fab-right-top,.md .navbar+.toolbar-top-ios.tabbar-labels~.fab-center-top,.md .navbar+.toolbar-top-ios.tabbar-labels~.fab-left-top,.md .navbar+.toolbar-top-ios.tabbar-labels~.fab-right-top,.navbar+.toolbar-top.tabbar-labels~* .fab-center-top,.navbar+.toolbar-top.tabbar-labels~* .fab-left-top,.navbar+.toolbar-top.tabbar-labels~* .fab-right-top,.navbar+.toolbar-top.tabbar-labels~.fab-center-top,.navbar+.toolbar-top.tabbar-labels~.fab-left-top,.navbar+.toolbar-top.tabbar-labels~.fab-right-top{margin-top:calc(var(--f7-tabbar-labels-height) + var(--f7-navbar-height) + var(--f7-safe-area-top))}.ios .navbars+.toolbar-top-ios~* .fab-center-top,.ios .navbars+.toolbar-top-ios~* .fab-left-top,.ios .navbars+.toolbar-top-ios~* .fab-right-top,.ios .navbars+.toolbar-top-ios~.fab-center-top,.ios .navbars+.toolbar-top-ios~.fab-left-top,.ios .navbars+.toolbar-top-ios~.fab-right-top,.navbars+.toolbar-top~* .fab-center-top,.navbars+.toolbar-top~* .fab-left-top,.navbars+.toolbar-top~* .fab-right-top,.navbars+.toolbar-top~.fab-center-top,.navbars+.toolbar-top~.fab-left-top,.navbars+.toolbar-top~.fab-right-top{margin-top:calc(var(--f7-toolbar-height) + var(--f7-navbar-height) + var(--f7-safe-area-top))}.ios .navbars+.toolbar-top-ios.tabbar-labels~* .fab-center-top,.ios .navbars+.toolbar-top-ios.tabbar-labels~* .fab-left-top,.ios .navbars+.toolbar-top-ios.tabbar-labels~* .fab-right-top,.ios .navbars+.toolbar-top-ios.tabbar-labels~.fab-center-top,.ios .navbars+.toolbar-top-ios.tabbar-labels~.fab-left-top,.ios .navbars+.toolbar-top-ios.tabbar-labels~.fab-right-top,.navbars+.toolbar-top.tabbar-labels~* .fab-center-top,.navbars+.toolbar-top.tabbar-labels~* .fab-left-top,.navbars+.toolbar-top.tabbar-labels~* .fab-right-top,.navbars+.toolbar-top.tabbar-labels~.fab-center-top,.navbars+.toolbar-top.tabbar-labels~.fab-left-top,.navbars+.toolbar-top.tabbar-labels~.fab-right-top{margin-top:calc(var(--f7-tabbar-labels-height) + var(--f7-navbar-height) + var(--f7-safe-area-top))}.ios .fab-buttons a.active-state,.ios .fab>a.active-state{transition-duration:0s}
+:root{--f7-fab-margin:16px;--f7-fab-text-color:#fff;--f7-fab-extended-text-font-size:14px;--f7-fab-extended-text-padding:0 20px;--f7-fab-label-bg-color:#fff;--f7-fab-label-text-color:#333;--f7-fab-label-border-radius:4px;--f7-fab-label-padding:4px 12px;--f7-fab-label-font-size:inherit;--f7-fab-button-size:40px}.ios{--f7-fab-size:50px;--f7-fab-box-shadow:0px 2px 4px rgba(0, 0, 0, 0.4);--f7-fab-extended-size:50px;--f7-fab-extended-text-font-weight:600;--f7-fab-extended-text-letter-spacing:0;--f7-fab-label-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.4)}.md{--f7-fab-size:56px;--f7-fab-box-shadow:var(--f7-elevation-6);--f7-fab-extended-size:48px;--f7-fab-extended-text-font-weight:500;--f7-fab-extended-text-letter-spacing:0.05em;--f7-fab-label-box-shadow:var(--f7-elevation-3)}.aurora{--f7-fab-size:56px;--f7-fab-box-shadow:var(--f7-elevation-6);--f7-fab-extended-size:48px;--f7-fab-extended-text-font-weight:600;--f7-fab-extended-text-letter-spacing:0;--f7-fab-label-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.4)}.fab-backdrop{z-index:1400}.fab{position:absolute;z-index:1500}.fab a{--f7-touch-ripple-color:var(--f7-touch-ripple-white)}.fab-left-bottom,.fab-left-center,.fab-left-top{left:calc(var(--f7-fab-margin) + var(--f7-safe-area-left))}.fab-right-bottom,.fab-right-center,.fab-right-top{right:calc(var(--f7-fab-margin) + var(--f7-safe-area-right))}.fab-center-top,.fab-left-top,.fab-right-top{top:var(--f7-fab-margin)}.fab-center-bottom,.fab-left-bottom,.fab-right-bottom{bottom:calc(var(--f7-fab-margin) + var(--f7-safe-area-bottom))}.fab-center-bottom,.fab-center-center,.fab-center-top{left:50%;transform:translateX(-50%)}.fab-center-center,.fab-left-center,.fab-right-center{top:50%;transform:translateY(-50%)}.fab-center-center{top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.fab-buttons a,.fab>a{background-color:var(--f7-fab-bg-color,var(--f7-theme-color));width:var(--f7-fab-size);height:var(--f7-fab-size);box-shadow:var(--f7-fab-box-shadow);border-radius:calc(var(--f7-fab-size)/ 2);position:relative;transition-duration:.3s;display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:1;color:var(--f7-fab-text-color)}.fab-buttons a.active-state,.fab>a.active-state{background-color:var(--f7-fab-pressed-bg-color,var(--f7-theme-color-shade))}.fab>a i{position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0) rotate(0deg) scale(1);transition:.3s}.fab>a i+i{transform:translate3d(-50%,-50%,0) rotate(-90deg) scale(.5);opacity:0}.fab-buttons a{border-radius:calc(var(--f7-fab-button-size)/ 2);width:var(--f7-fab-button-size);height:var(--f7-fab-button-size)}.fab-buttons{display:flex;visibility:hidden;pointer-events:none;position:absolute}.fab-buttons a{opacity:0}.fab-opened:not(.fab-morph)>a i{transform:translate3d(-50%,-50%,0) rotate(90deg) scale(.5);opacity:0}.fab-opened:not(.fab-morph)>a i+i{transform:translate3d(-50%,-50%,0) rotate(0deg) scale(1);opacity:1}.fab-opened .fab-buttons{visibility:visible;pointer-events:auto}.fab-opened .fab-buttons a{opacity:1;transform:translate3d(0,0px,0) scale(1)!important}.fab-opened .fab-buttons a:nth-child(2){transition-delay:50ms}.fab-opened .fab-buttons a:nth-child(3){transition-delay:0.1s}.fab-opened .fab-buttons a:nth-child(4){transition-delay:150ms}.fab-opened .fab-buttons a:nth-child(5){transition-delay:0.2s}.fab-opened .fab-buttons a:nth-child(6){transition-delay:250ms}.fab-buttons-bottom,.fab-buttons-top{left:50%;width:var(--f7-fab-button-size);margin-left:calc(-1 * var(--f7-fab-button-size)/ 2)}.fab-buttons-top{bottom:100%;margin-bottom:16px;flex-direction:column-reverse}.fab-buttons-top a{transform:translate3d(0,8px,0) scale(.3);transform-origin:center bottom}.fab-buttons-top a+a{margin-bottom:16px}.fab-buttons-bottom{top:100%;margin-top:16px;flex-direction:column}.fab-buttons-bottom a{transform:translate3d(0,-8px,0) scale(.3);transform-origin:center top}.fab-buttons-bottom a+a{margin-top:16px}.fab-buttons-left,.fab-buttons-right{top:50%;height:var(--f7-fab-button-size);margin-top:calc(-1 * var(--f7-fab-button-size)/ 2)}.fab-buttons-left{right:100%;margin-right:16px;flex-direction:row-reverse}.fab-buttons-left a{transform:translate3d(8px,0px,0) scale(.3);transform-origin:right center}.fab-buttons-left a+a{margin-right:16px}.fab-buttons-right{left:100%;margin-left:16px}.fab-buttons-right a{transform:translate3d(-8px,0,0) scale(.3);transform-origin:left center}.fab-buttons-right a+a{margin-left:16px}.fab-buttons-center{left:0%;top:0%;width:100%;height:100%}.fab-buttons-center a{position:absolute}.fab-buttons-center a:first-child{left:50%;margin-left:calc(-1 * var(--f7-fab-button-size)/ 2);bottom:100%;margin-bottom:16px;transform:translateY(-8px) scale(.3);transform-origin:center bottom}.fab-buttons-center a:nth-child(2){left:100%;margin-top:calc(-1 * var(--f7-fab-button-size)/ 2);top:50%;margin-left:16px;transform:translateX(-8px) scale(.3);transform-origin:left center}.fab-buttons-center a:nth-child(3){left:50%;margin-left:calc(-1 * var(--f7-fab-button-size)/ 2);top:100%;margin-top:16px;transform:translateY(8px) scale(.3);transform-origin:center top}.fab-buttons-center a:nth-child(4){right:100%;margin-top:calc(-1 * var(--f7-fab-button-size)/ 2);top:50%;margin-right:16px;transform:translateX(8px) scale(.3);transform-origin:right center}.fab-morph{border-radius:calc(var(--f7-fab-size)/ 2);background:var(--f7-fab-bg-color,var(--f7-theme-color));box-shadow:var(--f7-fab-box-shadow)}.fab-morph>a{box-shadow:none;background:0 0!important}.fab-opened.fab-morph>a i{opacity:0}.fab-morph,.fab-morph-target,.fab-morph>a{transition-duration:250ms}.fab-morph-target:not(.fab-morph-target-visible){display:none}.fab-extended{width:auto;min-width:var(--f7-fab-extended-size)}.fab-extended>a{width:100%;height:var(--f7-fab-extended-size)}.fab-extended>a i{left:calc(var(--f7-fab-extended-size)/ 2)}.fab-extended i~.fab-text{padding-left:var(--f7-fab-extended-size)}.fab-extended>a{width:100%!important}.fab-text{box-sizing:border-box;font-size:var(--f7-fab-extended-text-font-size);padding:var(--f7-fab-extended-text-padding);font-weight:var(--f7-fab-extended-text-font-weight);letter-spacing:var(--f7-fab-extended-text-letter-spacing);text-transform:uppercase}.fab-label-button{overflow:visible!important}.fab-label{position:absolute;top:50%;padding:var(--f7-fab-label-padding);border-radius:var(--f7-fab-label-border-radius);background:var(--f7-fab-label-bg-color);color:var(--f7-fab-label-text-color);box-shadow:var(--f7-fab-label-box-shadow);white-space:nowrap;transform:translateY(-50%);pointer-events:none;font-size:var(--f7-fab-label-font-size)}.fab-right-bottom .fab-label,.fab-right-center .fab-label,.fab-right-top .fab-label{right:100%;margin-right:8px}.fab-left-bottom .fab-label,.fab-left-center .fab-label,.fab-left-top .fab-label{left:100%;margin-left:8px}.navbars~* .fab-center-top,.navbars~* .fab-left-top,.navbars~* .fab-right-top,.navbars~.fab-center-top,.navbars~.fab-left-top,.navbars~.fab-right-top,.navbar~* .fab-center-top,.navbar~* .fab-left-top,.navbar~* .fab-right-top,.navbar~.fab-center-top,.navbar~.fab-left-top,.navbar~.fab-right-top{margin-top:calc(var(--f7-navbar-height) + var(--f7-safe-area-top))}.ios .toolbar-top-ios~* .fab-center-top,.ios .toolbar-top-ios~* .fab-left-top,.ios .toolbar-top-ios~* .fab-right-top,.ios .toolbar-top-ios~.fab-center-top,.ios .toolbar-top-ios~.fab-left-top,.ios .toolbar-top-ios~.fab-right-top,.md .toolbar-top-md~* .fab-center-top,.md .toolbar-top-md~* .fab-left-top,.md .toolbar-top-md~* .fab-right-top,.md .toolbar-top-md~.fab-center-top,.md .toolbar-top-md~.fab-left-top,.md .toolbar-top-md~.fab-right-top,.toolbar-top~* .fab-center-top,.toolbar-top~* .fab-left-top,.toolbar-top~* .fab-right-top,.toolbar-top~.fab-center-top,.toolbar-top~.fab-left-top,.toolbar-top~.fab-right-top{margin-top:var(--f7-toolbar-height)}.ios .toolbar-bottom-ios~* .fab-center-bottom,.ios .toolbar-bottom-ios~* .fab-left-bottom,.ios .toolbar-bottom-ios~* .fab-right-bottom,.ios .toolbar-bottom-ios~.fab-center-bottom,.ios .toolbar-bottom-ios~.fab-left-bottom,.ios .toolbar-bottom-ios~.fab-right-bottom,.md .toolbar-bottom-md~* .fab-center-bottom,.md .toolbar-bottom-md~* .fab-left-bottom,.md .toolbar-bottom-md~* .fab-right-bottom,.md .toolbar-bottom-md~.fab-center-bottom,.md .toolbar-bottom-md~.fab-left-bottom,.md .toolbar-bottom-md~.fab-right-bottom,.toolbar-bottom~* .fab-center-bottom,.toolbar-bottom~* .fab-left-bottom,.toolbar-bottom~* .fab-right-bottom,.toolbar-bottom~.fab-center-bottom,.toolbar-bottom~.fab-left-bottom,.toolbar-bottom~.fab-right-bottom{margin-bottom:var(--f7-toolbar-height)}.ios .tabbar-labels.toolbar-bottom-ios~* .fab-center-bottom,.ios .tabbar-labels.toolbar-bottom-ios~* .fab-left-bottom,.ios .tabbar-labels.toolbar-bottom-ios~* .fab-right-bottom,.ios .tabbar-labels.toolbar-bottom-ios~.fab-center-bottom,.ios .tabbar-labels.toolbar-bottom-ios~.fab-left-bottom,.ios .tabbar-labels.toolbar-bottom-ios~.fab-right-bottom,.md .tabbar-labels.toolbar-bottom-md~* .fab-center-bottom,.md .tabbar-labels.toolbar-bottom-md~* .fab-left-bottom,.md .tabbar-labels.toolbar-bottom-md~* .fab-right-bottom,.md .tabbar-labels.toolbar-bottom-md~.fab-center-bottom,.md .tabbar-labels.toolbar-bottom-md~.fab-left-bottom,.md .tabbar-labels.toolbar-bottom-md~.fab-right-bottom,.tabbar-labels.toolbar-bottom~* .fab-center-bottom,.tabbar-labels.toolbar-bottom~* .fab-left-bottom,.tabbar-labels.toolbar-bottom~* .fab-right-bottom,.tabbar-labels.toolbar-bottom~.fab-center-bottom,.tabbar-labels.toolbar-bottom~.fab-left-bottom,.tabbar-labels.toolbar-bottom~.fab-right-bottom{margin-bottom:var(--f7-tabbar-labels-height)}.ios .tabbar-labels.toolbar-top-ios~* .fab-center-bottom,.ios .tabbar-labels.toolbar-top-ios~* .fab-left-bottom,.ios .tabbar-labels.toolbar-top-ios~* .fab-right-bottom,.ios .tabbar-labels.toolbar-top-ios~.fab-center-bottom,.ios .tabbar-labels.toolbar-top-ios~.fab-left-bottom,.ios .tabbar-labels.toolbar-top-ios~.fab-right-bottom,.md .tabbar-labels.toolbar-top-md~* .fab-center-bottom,.md .tabbar-labels.toolbar-top-md~* .fab-left-bottom,.md .tabbar-labels.toolbar-top-md~* .fab-right-bottom,.md .tabbar-labels.toolbar-top-md~.fab-center-bottom,.md .tabbar-labels.toolbar-top-md~.fab-left-bottom,.md .tabbar-labels.toolbar-top-md~.fab-right-bottom,.tabbar-labels.toolbar-top~* .fab-center-bottom,.tabbar-labels.toolbar-top~* .fab-left-bottom,.tabbar-labels.toolbar-top~* .fab-right-bottom,.tabbar-labels.toolbar-top~.fab-center-bottom,.tabbar-labels.toolbar-top~.fab-left-bottom,.tabbar-labels.toolbar-top~.fab-right-bottom{margin-top:var(--f7-tabbar-labels-height)}.messagebar~* .fab-center-bottom,.messagebar~* .fab-left-bottom,.messagebar~* .fab-right-bottom,.messagebar~.fab-center-bottom,.messagebar~.fab-left-bottom,.messagebar~.fab-right-bottom{margin-bottom:var(--f7-messagebar-height)}.ios .navbar+.toolbar-top-ios~* .fab-center-top,.ios .navbar+.toolbar-top-ios~* .fab-left-top,.ios .navbar+.toolbar-top-ios~* .fab-right-top,.ios .navbar+.toolbar-top-ios~.fab-center-top,.ios .navbar+.toolbar-top-ios~.fab-left-top,.ios .navbar+.toolbar-top-ios~.fab-right-top,.md .navbar+.toolbar-top-ios~* .fab-center-top,.md .navbar+.toolbar-top-ios~* .fab-left-top,.md .navbar+.toolbar-top-ios~* .fab-right-top,.md .navbar+.toolbar-top-ios~.fab-center-top,.md .navbar+.toolbar-top-ios~.fab-left-top,.md .navbar+.toolbar-top-ios~.fab-right-top,.navbar+.toolbar-top~* .fab-center-top,.navbar+.toolbar-top~* .fab-left-top,.navbar+.toolbar-top~* .fab-right-top,.navbar+.toolbar-top~.fab-center-top,.navbar+.toolbar-top~.fab-left-top,.navbar+.toolbar-top~.fab-right-top{margin-top:calc(var(--f7-toolbar-height) + var(--f7-navbar-height) + var(--f7-safe-area-top))}.ios .navbar+.toolbar-top-ios.tabbar-labels~* .fab-center-top,.ios .navbar+.toolbar-top-ios.tabbar-labels~* .fab-left-top,.ios .navbar+.toolbar-top-ios.tabbar-labels~* .fab-right-top,.ios .navbar+.toolbar-top-ios.tabbar-labels~.fab-center-top,.ios .navbar+.toolbar-top-ios.tabbar-labels~.fab-left-top,.ios .navbar+.toolbar-top-ios.tabbar-labels~.fab-right-top,.md .navbar+.toolbar-top-ios.tabbar-labels~* .fab-center-top,.md .navbar+.toolbar-top-ios.tabbar-labels~* .fab-left-top,.md .navbar+.toolbar-top-ios.tabbar-labels~* .fab-right-top,.md .navbar+.toolbar-top-ios.tabbar-labels~.fab-center-top,.md .navbar+.toolbar-top-ios.tabbar-labels~.fab-left-top,.md .navbar+.toolbar-top-ios.tabbar-labels~.fab-right-top,.navbar+.toolbar-top.tabbar-labels~* .fab-center-top,.navbar+.toolbar-top.tabbar-labels~* .fab-left-top,.navbar+.toolbar-top.tabbar-labels~* .fab-right-top,.navbar+.toolbar-top.tabbar-labels~.fab-center-top,.navbar+.toolbar-top.tabbar-labels~.fab-left-top,.navbar+.toolbar-top.tabbar-labels~.fab-right-top{margin-top:calc(var(--f7-tabbar-labels-height) + var(--f7-navbar-height) + var(--f7-safe-area-top))}.ios .navbars+.toolbar-top-ios~* .fab-center-top,.ios .navbars+.toolbar-top-ios~* .fab-left-top,.ios .navbars+.toolbar-top-ios~* .fab-right-top,.ios .navbars+.toolbar-top-ios~.fab-center-top,.ios .navbars+.toolbar-top-ios~.fab-left-top,.ios .navbars+.toolbar-top-ios~.fab-right-top,.navbars+.toolbar-top~* .fab-center-top,.navbars+.toolbar-top~* .fab-left-top,.navbars+.toolbar-top~* .fab-right-top,.navbars+.toolbar-top~.fab-center-top,.navbars+.toolbar-top~.fab-left-top,.navbars+.toolbar-top~.fab-right-top{margin-top:calc(var(--f7-toolbar-height) + var(--f7-navbar-height) + var(--f7-safe-area-top))}.ios .navbars+.toolbar-top-ios.tabbar-labels~* .fab-center-top,.ios .navbars+.toolbar-top-ios.tabbar-labels~* .fab-left-top,.ios .navbars+.toolbar-top-ios.tabbar-labels~* .fab-right-top,.ios .navbars+.toolbar-top-ios.tabbar-labels~.fab-center-top,.ios .navbars+.toolbar-top-ios.tabbar-labels~.fab-left-top,.ios .navbars+.toolbar-top-ios.tabbar-labels~.fab-right-top,.navbars+.toolbar-top.tabbar-labels~* .fab-center-top,.navbars+.toolbar-top.tabbar-labels~* .fab-left-top,.navbars+.toolbar-top.tabbar-labels~* .fab-right-top,.navbars+.toolbar-top.tabbar-labels~.fab-center-top,.navbars+.toolbar-top.tabbar-labels~.fab-left-top,.navbars+.toolbar-top.tabbar-labels~.fab-right-top{margin-top:calc(var(--f7-tabbar-labels-height) + var(--f7-navbar-height) + var(--f7-safe-area-top))}.ios .fab-buttons a.active-state,.ios .fab>a.active-state{transition-duration:0s}

package/components/fab/fab.js

@@ -121,7 +121,11 @@ const Fab = {
     $fabEl.trigger('fab:open');
   },
 
-  close(fabEl = '.fab-opened') {
+  close(fabEl) {
+    if (fabEl === void 0) {
+      fabEl = '.fab-opened';
+    }
+
     const app = this;
     const $fabEl = $(fabEl).eq(0);
     const $buttonsEl = $fabEl.find('.fab-buttons');
@@ -165,11 +169,19 @@ export default {
       const app = this;
       app.fab.toggle($clickedEl.parents('.fab'));
     },
-    '.fab-open': function open($clickedEl, data = {}) {
+    '.fab-open': function open($clickedEl, data) {
+      if (data === void 0) {
+        data = {};
+      }
+
       const app = this;
       app.fab.open(data.fab);
     },
-    '.fab-close': function close($clickedEl, data = {}) {
+    '.fab-close': function close($clickedEl, data) {
+      if (data === void 0) {
+        data = {};
+      }
+
       const app = this;
       app.fab.close(data.fab);
     },

package/components/fab/fab.lazy.js

@@ -1 +1 @@
-(function framework7ComponentLoader(t,e){void 0===e&&(e=!0);var s=t.$,a=t.utils,o=(t.getDevice,t.getSupport,t.Class,t.Modal,t.ConstructorMethods,t.ModalMethods,a.bindMethods),n=a.getTranslate,f=a.nextFrame;const r={morphOpen(t,e){const a=this,o=s(t),r=s(e);if(0===r.length)return;r.transition(0).addClass("fab-morph-target-visible");const i={width:r[0].offsetWidth,height:r[0].offsetHeight,offset:r.offset(),borderRadius:r.css("border-radius"),zIndex:r.css("z-index")},h={width:o[0].offsetWidth,height:o[0].offsetHeight,offset:o.offset(),translateX:n(o[0],"x"),translateY:n(o[0],"y")};o[0].f7FabMorphData={$targetEl:r,target:i,fab:h};const l=h.offset.left+h.width/2-(i.offset.left+i.width/2)-h.translateX,d=h.offset.top+h.height/2-(i.offset.top+i.height/2)-h.translateY,p=i.width/h.width,b=i.height/h.height;let c=Math.ceil(parseInt(i.borderRadius,10)/Math.max(p,b));c>0&&(c+=2),o[0].f7FabMorphResizeHandler=function(){o.transition(0).transform(""),r.transition(0),i.width=r[0].offsetWidth,i.height=r[0].offsetHeight,i.offset=r.offset(),h.offset=o.offset();const t=h.offset.left+h.width/2-(i.offset.left+i.width/2)-h.translateX,e=h.offset.top+h.height/2-(i.offset.top+i.height/2)-h.translateY,s=i.width/h.width,a=i.height/h.height;o.transform(`translate3d(${-t}px, ${-e}px, 0) scale(${s}, ${a})`)},r.css("opacity",0).transform(`scale(${1/p}, ${1/b})`),o.addClass("fab-opened").css("z-index",i.zIndex-1).transform(`translate3d(${-l}px, ${-d}px, 0)`),o.transitionEnd((()=>{r.transition(""),f((()=>{r.css("opacity",1).transform("scale(1,1)"),o.transform(`translate3d(${-l}px, ${-d}px, 0) scale(${p}, ${b})`).css("border-radius",`${c}px`).css("box-shadow","none").css("opacity","0")})),a.on("resize",o[0].f7FabMorphResizeHandler),r.parents(".page-content").length>0&&r.parents(".page-content").on("scroll",o[0].f7FabMorphResizeHandler)}))},morphClose(t){const e=s(t),a=e[0].f7FabMorphData;if(!a)return;const{$targetEl:o,target:n,fab:r}=a;if(0===o.length)return;const i=r.offset.left+r.width/2-(n.offset.left+n.width/2)-r.translateX,h=r.offset.top+r.height/2-(n.offset.top+n.height/2)-r.translateY,l=n.width/r.width,d=n.height/r.height;this.off("resize",e[0].f7FabMorphResizeHandler),o.parents(".page-content").length>0&&o.parents(".page-content").off("scroll",e[0].f7FabMorphResizeHandler),o.css("opacity",0).transform(`scale(${1/l}, ${1/d})`),e.transition("").css("box-shadow","").css("border-radius","").css("opacity","1").transform(`translate3d(${-i}px, ${-h}px, 0)`),e.transitionEnd((()=>{e.css("z-index","").removeClass("fab-opened").transform(""),f((()=>{e.transitionEnd((()=>{o.removeClass("fab-morph-target-visible").css("opacity","").transform("").transition("")}))}))}))},open(t,e){const a=this,o=s(t).eq(0),n=o.find(".fab-buttons");if(o.length&&!o.hasClass("fab-opened")&&(n.length||o.hasClass("fab-morph"))){if(a.fab.openedEl){if(a.fab.openedEl===o[0])return;a.fab.close(a.fab.openedEl)}a.fab.openedEl=o[0],o.hasClass("fab-morph")?a.fab.morphOpen(o,e||o.attr("data-morph-to")):o.addClass("fab-opened"),o.siblings(".fab-backdrop").addClass("backdrop-in"),o.trigger("fab:open")}},close(t=".fab-opened"){const e=this,a=s(t).eq(0),o=a.find(".fab-buttons");a.length&&a.hasClass("fab-opened")&&(o.length||a.hasClass("fab-morph"))&&(e.fab.openedEl=null,a.hasClass("fab-morph")?e.fab.morphClose(a):a.removeClass("fab-opened"),a.siblings(".fab-backdrop").removeClass("backdrop-in"),a.trigger("fab:close"))},toggle(t){s(t).hasClass("fab-opened")?this.fab.close(t):this.fab.open(t)}};var i={name:"fab",create(){o(this,{fab:{openedEl:null,...r}})},clicks:{".fab > a":function(t){this.fab.toggle(t.parents(".fab"))},".fab-open":function(t,e={}){this.fab.open(e.fab)},".fab-close":function(t,e={}){this.fab.close(e.fab)},".fab-backdrop":function(){this.fab.close()}}};if(e){if(t.prototype.modules&&t.prototype.modules[i.name])return;t.use(i),t.instance&&(t.instance.useModuleParams(i,t.instance.params),t.instance.useModule(i))}return i}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent))
+(function framework7ComponentLoader(t,e){void 0===e&&(e=!0);var s=t.$,a=t.utils,o=(t.getDevice,t.getSupport,t.Class,t.Modal,t.ConstructorMethods,t.ModalMethods,a.getTranslate),n=a.nextFrame,f=a.bindMethods;const r={morphOpen(t,e){const a=this,f=s(t),r=s(e);if(0===r.length)return;r.transition(0).addClass("fab-morph-target-visible");const i={width:r[0].offsetWidth,height:r[0].offsetHeight,offset:r.offset(),borderRadius:r.css("border-radius"),zIndex:r.css("z-index")},h={width:f[0].offsetWidth,height:f[0].offsetHeight,offset:f.offset(),translateX:o(f[0],"x"),translateY:o(f[0],"y")};f[0].f7FabMorphData={$targetEl:r,target:i,fab:h};const l=h.offset.left+h.width/2-(i.offset.left+i.width/2)-h.translateX,d=h.offset.top+h.height/2-(i.offset.top+i.height/2)-h.translateY,p=i.width/h.width,b=i.height/h.height;let c=Math.ceil(parseInt(i.borderRadius,10)/Math.max(p,b));c>0&&(c+=2),f[0].f7FabMorphResizeHandler=function(){f.transition(0).transform(""),r.transition(0),i.width=r[0].offsetWidth,i.height=r[0].offsetHeight,i.offset=r.offset(),h.offset=f.offset();const t=h.offset.left+h.width/2-(i.offset.left+i.width/2)-h.translateX,e=h.offset.top+h.height/2-(i.offset.top+i.height/2)-h.translateY,s=i.width/h.width,a=i.height/h.height;f.transform(`translate3d(${-t}px, ${-e}px, 0) scale(${s}, ${a})`)},r.css("opacity",0).transform(`scale(${1/p}, ${1/b})`),f.addClass("fab-opened").css("z-index",i.zIndex-1).transform(`translate3d(${-l}px, ${-d}px, 0)`),f.transitionEnd((()=>{r.transition(""),n((()=>{r.css("opacity",1).transform("scale(1,1)"),f.transform(`translate3d(${-l}px, ${-d}px, 0) scale(${p}, ${b})`).css("border-radius",`${c}px`).css("box-shadow","none").css("opacity","0")})),a.on("resize",f[0].f7FabMorphResizeHandler),r.parents(".page-content").length>0&&r.parents(".page-content").on("scroll",f[0].f7FabMorphResizeHandler)}))},morphClose(t){const e=s(t),a=e[0].f7FabMorphData;if(!a)return;const{$targetEl:o,target:f,fab:r}=a;if(0===o.length)return;const i=r.offset.left+r.width/2-(f.offset.left+f.width/2)-r.translateX,h=r.offset.top+r.height/2-(f.offset.top+f.height/2)-r.translateY,l=f.width/r.width,d=f.height/r.height;this.off("resize",e[0].f7FabMorphResizeHandler),o.parents(".page-content").length>0&&o.parents(".page-content").off("scroll",e[0].f7FabMorphResizeHandler),o.css("opacity",0).transform(`scale(${1/l}, ${1/d})`),e.transition("").css("box-shadow","").css("border-radius","").css("opacity","1").transform(`translate3d(${-i}px, ${-h}px, 0)`),e.transitionEnd((()=>{e.css("z-index","").removeClass("fab-opened").transform(""),n((()=>{e.transitionEnd((()=>{o.removeClass("fab-morph-target-visible").css("opacity","").transform("").transition("")}))}))}))},open(t,e){const a=this,o=s(t).eq(0),n=o.find(".fab-buttons");if(o.length&&!o.hasClass("fab-opened")&&(n.length||o.hasClass("fab-morph"))){if(a.fab.openedEl){if(a.fab.openedEl===o[0])return;a.fab.close(a.fab.openedEl)}a.fab.openedEl=o[0],o.hasClass("fab-morph")?a.fab.morphOpen(o,e||o.attr("data-morph-to")):o.addClass("fab-opened"),o.siblings(".fab-backdrop").addClass("backdrop-in"),o.trigger("fab:open")}},close(t){void 0===t&&(t=".fab-opened");const e=this,a=s(t).eq(0),o=a.find(".fab-buttons");a.length&&a.hasClass("fab-opened")&&(o.length||a.hasClass("fab-morph"))&&(e.fab.openedEl=null,a.hasClass("fab-morph")?e.fab.morphClose(a):a.removeClass("fab-opened"),a.siblings(".fab-backdrop").removeClass("backdrop-in"),a.trigger("fab:close"))},toggle(t){s(t).hasClass("fab-opened")?this.fab.close(t):this.fab.open(t)}};var i={name:"fab",create(){f(this,{fab:{openedEl:null,...r}})},clicks:{".fab > a":function(t){this.fab.toggle(t.parents(".fab"))},".fab-open":function(t,e){void 0===e&&(e={});this.fab.open(e.fab)},".fab-close":function(t,e){void 0===e&&(e={});this.fab.close(e.fab)},".fab-backdrop":function(){this.fab.close()}}};if(e){if(t.prototype.modules&&t.prototype.modules[i.name])return;t.use(i),t.instance&&(t.instance.useModuleParams(i,t.instance.params),t.instance.useModule(i))}return i}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent))

package/components/form/form.lazy.js

@@ -1 +1 @@
-(function framework7ComponentLoader(t,e){void 0===e&&(e=!0);var o=t.$,a=t.utils,r=(t.getDevice,t.getSupport,t.Class,t.Modal,t.ConstructorMethods,t.ModalMethods,a.extend),n=a.serializeObject;const s={store(t,e){const a=getWindow();let r=t;const n=o(t);n.length&&n.is("form")&&n.attr("id")&&(r=n.attr("id")),this.form.data[`form-${r}`]=e,a.localStorage[`f7form-${r}`]=JSON.stringify(e)},get(t){const e=this,a=getWindow();let r=t;const n=o(t);return n.length&&n.is("form")&&n.attr("id")&&(r=n.attr("id")),a.localStorage[`f7form-${r}`]?JSON.parse(a.localStorage[`f7form-${r}`]):e.form.data[`form-${r}`]?e.form.data[`form-${r}`]:void 0},remove(t){const e=this,a=getWindow();let r=t;const n=o(t);n.length&&n.is("form")&&n.attr("id")&&(r=n.attr("id")),e.form.data[`form-${r}`]&&(e.form.data[`form-${r}`]="",delete e.form.data[`form-${r}`]),a.localStorage[`f7form-${r}`]&&(a.localStorage[`f7form-${r}`]="",a.localStorage.removeItem(`f7form-${r}`))}},i={init(t){const e=this,a=o(t),r=a.attr("id");if(!r)return;const n=e.form.getFormData(r);n&&e.form.fillFromData(a,n),a.on("change submit",(function(){const t=e.form.convertToData(a);t&&(e.form.storeFormData(r,t),a.trigger("form:storedata",t),e.emit("formStoreData",a[0],t))}))},destroy(t){o(t).off("change submit")}};function c(t){const e=o(t).eq(0);if(0===e.length)return;const a={},r=["submit","image","button","file"],n=[];return e.find("input, select, textarea").each((t=>{const s=o(t);if(s.hasClass("ignore-store-data")||s.hasClass("no-store-data"))return;const i=s.attr("name"),c=s.attr("type"),f=t.nodeName.toLowerCase();if(!(r.indexOf(c)>=0)&&!(n.indexOf(i)>=0)&&i)if("select"===f&&s.prop("multiple"))n.push(i),a[i]=[],e.find(`select[name="${i}"] option`).each((t=>{t.selected&&a[i].push(t.value)}));else switch(c){case"checkbox":n.push(i),a[i]=[],e.find(`input[name="${i}"]`).each((t=>{t.checked&&a[i].push(t.value)}));break;case"radio":n.push(i),e.find(`input[name="${i}"]`).each((t=>{t.checked&&(a[i]=t.value)}));break;default:a[i]=s.val()}})),e.trigger("form:todata",a),this.emit("formToData",e[0],a),a}function f(t,e){const a=this,r=o(t).eq(0);if(!r.length)return;let n=e;const s=r.attr("id");if(!n&&s&&(n=a.form.getFormData(s)),!n)return;const i=["submit","image","button","file"],c=[];r.find("input, select, textarea").each((t=>{const e=o(t);if(e.hasClass("ignore-store-data")||e.hasClass("no-store-data"))return;const a=e.attr("name"),s=e.attr("type"),f=t.nodeName.toLowerCase();if(void 0!==n[a]&&null!==n[a]&&!(i.indexOf(s)>=0)&&!(c.indexOf(a)>=0)&&a){if("select"===f&&e.prop("multiple"))c.push(a),r.find(`select[name="${a}"] option`).each((t=>{const e=t;n[a].indexOf(t.value)>=0?e.selected=!0:e.selected=!1}));else switch(s){case"checkbox":c.push(a),r.find(`input[name="${a}"]`).each((t=>{const e=t;n[a].indexOf(t.value)>=0?e.checked=!0:e.checked=!1}));break;case"radio":c.push(a),r.find(`input[name="${a}"]`).each((t=>{const e=t;n[a]===t.value?e.checked=!0:e.checked=!1}));break;default:e.val(n[a])}"select"!==f&&"input"!==f&&"textarea"!==f||e.trigger("change","fromdata")}})),r.trigger("form:fromdata",n),a.emit("formFromData",r[0],n)}function m(){const t=this,e=getWindow(),a=getDocument();o(a).on("submit change","form.form-ajax-submit, form.form-ajax-submit-onchange",(function(a,r){const s=o(this);if("change"===a.type&&!s.hasClass("form-ajax-submit-onchange"))return;if("submit"===a.type&&a.preventDefault(),"change"===a.type&&"fromdata"===r)return;const i=(s.attr("method")||"GET").toUpperCase(),c=s.prop("enctype")||s.attr("enctype"),f=s.attr("action");if(!f)return;let m;m="POST"===i?"application/x-www-form-urlencoded"===c?t.form.convertToData(s[0]):new e.FormData(s[0]):n(t.form.convertToData(s[0])),t.request({method:i,url:f,contentType:c,data:m,beforeSend(e){s.trigger("formajax:beforesend",{data:m,xhr:e}),t.emit("formAjaxBeforeSend",s[0],m,e)},error(e){s.trigger("formajax:error",{data:m,xhr:e}),t.emit("formAjaxError",s[0],m,e)},complete(e){s.trigger("formajax:complete",{data:m,xhr:e}),t.emit("formAjaxComplete",s[0],m,e)},success(e,o,a){s.trigger("formajax:success",{data:m,xhr:a}),t.emit("formAjaxSuccess",s[0],m,a)}})}))}var d={name:"form",create(){const t=this;r(t,{form:{data:{},storeFormData:s.store.bind(t),getFormData:s.get.bind(t),removeFormData:s.remove.bind(t),convertToData:c.bind(t),fillFromData:f.bind(t),storage:{init:i.init.bind(t),destroy:i.destroy.bind(t)}}})},on:{init(){m.call(this)},tabBeforeRemove(t){const e=this;o(t).find(".form-store-data").each((t=>{e.form.storage.destroy(t)}))},tabMounted(t){const e=this;o(t).find(".form-store-data").each((t=>{e.form.storage.init(t)}))},pageBeforeRemove(t){const e=this;t.$el.find(".form-store-data").each((t=>{e.form.storage.destroy(t)}))},pageInit(t){const e=this;t.$el.find(".form-store-data").each((t=>{e.form.storage.init(t)}))}}};if(e){if(t.prototype.modules&&t.prototype.modules[d.name])return;t.use(d),t.instance&&(t.instance.useModuleParams(d,t.instance.params),t.instance.useModule(d))}return d}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent))
+(function framework7ComponentLoader(t,e){void 0===e&&(e=!0);var o=t.$,a=t.utils,r=(t.getDevice,t.getSupport,t.Class,t.Modal,t.ConstructorMethods,t.ModalMethods,a.serializeObject),n=a.extend;const s={store(t,e){const a=getWindow();let r=t;const n=o(t);n.length&&n.is("form")&&n.attr("id")&&(r=n.attr("id")),this.form.data[`form-${r}`]=e,a.localStorage[`f7form-${r}`]=JSON.stringify(e)},get(t){const e=this,a=getWindow();let r=t;const n=o(t);return n.length&&n.is("form")&&n.attr("id")&&(r=n.attr("id")),a.localStorage[`f7form-${r}`]?JSON.parse(a.localStorage[`f7form-${r}`]):e.form.data[`form-${r}`]?e.form.data[`form-${r}`]:void 0},remove(t){const e=this,a=getWindow();let r=t;const n=o(t);n.length&&n.is("form")&&n.attr("id")&&(r=n.attr("id")),e.form.data[`form-${r}`]&&(e.form.data[`form-${r}`]="",delete e.form.data[`form-${r}`]),a.localStorage[`f7form-${r}`]&&(a.localStorage[`f7form-${r}`]="",a.localStorage.removeItem(`f7form-${r}`))}},i={init(t){const e=this,a=o(t),r=a.attr("id");if(!r)return;const n=e.form.getFormData(r);n&&e.form.fillFromData(a,n),a.on("change submit",(function(){const t=e.form.convertToData(a);t&&(e.form.storeFormData(r,t),a.trigger("form:storedata",t),e.emit("formStoreData",a[0],t))}))},destroy(t){o(t).off("change submit")}};function c(t){const e=o(t).eq(0);if(0===e.length)return;const a={},r=["submit","image","button","file"],n=[];return e.find("input, select, textarea").each((t=>{const s=o(t);if(s.hasClass("ignore-store-data")||s.hasClass("no-store-data"))return;const i=s.attr("name"),c=s.attr("type"),f=t.nodeName.toLowerCase();if(!(r.indexOf(c)>=0)&&!(n.indexOf(i)>=0)&&i)if("select"===f&&s.prop("multiple"))n.push(i),a[i]=[],e.find(`select[name="${i}"] option`).each((t=>{t.selected&&a[i].push(t.value)}));else switch(c){case"checkbox":n.push(i),a[i]=[],e.find(`input[name="${i}"]`).each((t=>{t.checked&&a[i].push(t.value)}));break;case"radio":n.push(i),e.find(`input[name="${i}"]`).each((t=>{t.checked&&(a[i]=t.value)}));break;default:a[i]=s.val()}})),e.trigger("form:todata",a),this.emit("formToData",e[0],a),a}function f(t,e){const a=this,r=o(t).eq(0);if(!r.length)return;let n=e;const s=r.attr("id");if(!n&&s&&(n=a.form.getFormData(s)),!n)return;const i=["submit","image","button","file"],c=[];r.find("input, select, textarea").each((t=>{const e=o(t);if(e.hasClass("ignore-store-data")||e.hasClass("no-store-data"))return;const a=e.attr("name"),s=e.attr("type"),f=t.nodeName.toLowerCase();if(void 0!==n[a]&&null!==n[a]&&!(i.indexOf(s)>=0)&&!(c.indexOf(a)>=0)&&a){if("select"===f&&e.prop("multiple"))c.push(a),r.find(`select[name="${a}"] option`).each((t=>{const e=t;n[a].indexOf(t.value)>=0?e.selected=!0:e.selected=!1}));else switch(s){case"checkbox":c.push(a),r.find(`input[name="${a}"]`).each((t=>{const e=t;n[a].indexOf(t.value)>=0?e.checked=!0:e.checked=!1}));break;case"radio":c.push(a),r.find(`input[name="${a}"]`).each((t=>{const e=t;n[a]===t.value?e.checked=!0:e.checked=!1}));break;default:e.val(n[a])}"select"!==f&&"input"!==f&&"textarea"!==f||e.trigger("change","fromdata")}})),r.trigger("form:fromdata",n),a.emit("formFromData",r[0],n)}function m(){const t=this,e=getWindow(),a=getDocument();o(a).on("submit change","form.form-ajax-submit, form.form-ajax-submit-onchange",(function(a,n){const s=o(this);if("change"===a.type&&!s.hasClass("form-ajax-submit-onchange"))return;if("submit"===a.type&&a.preventDefault(),"change"===a.type&&"fromdata"===n)return;const i=(s.attr("method")||"GET").toUpperCase(),c=s.prop("enctype")||s.attr("enctype"),f=s.attr("action");if(!f)return;let m;m="POST"===i?"application/x-www-form-urlencoded"===c?t.form.convertToData(s[0]):new e.FormData(s[0]):r(t.form.convertToData(s[0])),t.request({method:i,url:f,contentType:c,data:m,beforeSend(e){s.trigger("formajax:beforesend",{data:m,xhr:e}),t.emit("formAjaxBeforeSend",s[0],m,e)},error(e){s.trigger("formajax:error",{data:m,xhr:e}),t.emit("formAjaxError",s[0],m,e)},complete(e){s.trigger("formajax:complete",{data:m,xhr:e}),t.emit("formAjaxComplete",s[0],m,e)},success(e,o,a){s.trigger("formajax:success",{data:m,xhr:a}),t.emit("formAjaxSuccess",s[0],m,a)}})}))}var d={name:"form",create(){const t=this;n(t,{form:{data:{},storeFormData:s.store.bind(t),getFormData:s.get.bind(t),removeFormData:s.remove.bind(t),convertToData:c.bind(t),fillFromData:f.bind(t),storage:{init:i.init.bind(t),destroy:i.destroy.bind(t)}}})},on:{init(){m.call(this)},tabBeforeRemove(t){const e=this;o(t).find(".form-store-data").each((t=>{e.form.storage.destroy(t)}))},tabMounted(t){const e=this;o(t).find(".form-store-data").each((t=>{e.form.storage.init(t)}))},pageBeforeRemove(t){const e=this;t.$el.find(".form-store-data").each((t=>{e.form.storage.destroy(t)}))},pageInit(t){const e=this;t.$el.find(".form-store-data").each((t=>{e.form.storage.init(t)}))}}};if(e){if(t.prototype.modules&&t.prototype.modules[d.name])return;t.use(d),t.instance&&(t.instance.useModuleParams(d,t.instance.params),t.instance.useModule(d))}return d}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent))

package/components/gauge/gauge-class.js

@@ -8,7 +8,11 @@ import Framework7Class from '../../shared/class.js';
 import $jsx from '../../shared/$jsx.js';
 
 class Gauge extends Framework7Class {
-  constructor(app, params = {}) {
+  constructor(app, params) {
+    if (params === void 0) {
+      params = {};
+    }
+
     super(params, [app]);
     const self = this;
     const defaults = extend({}, app.params.gauge); // Extend defaults with modules params
@@ -134,7 +138,11 @@ class Gauge extends Framework7Class {
     }, labelText));
   }
 
-  update(newParams = {}) {
+  update(newParams) {
+    if (newParams === void 0) {
+      newParams = {};
+    }
+
     const self = this;
     const document = getDocument();
     const {

package/components/gauge/gauge.lazy.js

@@ -1 +1 @@
-(function framework7ComponentLoader(e,t){void 0===t&&(t=!0);var a=e.$,o=e.utils,r=(e.getDevice,e.getSupport,e.Class),s=(e.Modal,e.ConstructorMethods),l=(e.ModalMethods,o.extend),n=o.deleteProps;class i extends r{constructor(e,t={}){super(t,[e]);const o=this,r=l({},e.params.gauge);o.useModulesParams(r),o.params=l(r,t);const{el:s}=o.params;if(!s)return o;const n=a(s);return 0===n.length?o:n[0].f7Gauge?n[0].f7Gauge:(l(o,{app:e,$el:n,el:n&&n[0]}),n[0].f7Gauge=o,o.useModules(),o.init(),o)}calcRadius(){const{size:e,borderWidth:t}=this.params;return e/2-t/2}calcBorderLength(){const e=this.calcRadius();return 2*Math.PI*e}render(){const e=this;if(e.params.render)return e.params.render.call(e,e);const{type:t,value:a,size:o,bgColor:r,borderBgColor:s,borderColor:l,borderWidth:n,valueText:i,valueTextColor:g,valueFontSize:d,valueFontWeight:c,labelText:u,labelTextColor:f,labelFontSize:h,labelFontWeight:x}=e.params,m="semicircle"===t,b=e.calcRadius(),p=e.calcBorderLength(),v=Math.max(Math.min(a,1),0);return $jsx("svg",{class:"gauge-svg",width:`${o}px`,height:`${m?o/2:o}px`,viewBox:`0 0 ${o} ${m?o/2:o}`},m&&$jsx("path",{class:"gauge-back-semi",d:`M${o-n/2},${o/2} a1,1 0 0,0 -${o-n},0`,stroke:s,"stroke-width":n,fill:r||"none"}),m&&$jsx("path",{class:"gauge-front-semi",d:`M${o-n/2},${o/2} a1,1 0 0,0 -${o-n},0`,stroke:l,"stroke-width":n,"stroke-dasharray":p/2,"stroke-dashoffset":p/2*(1+v),fill:s?"none":r||"none"}),!m&&s&&$jsx("circle",{class:"gauge-back-circle",stroke:s,"stroke-width":n,fill:r||"none",cx:o/2,cy:o/2,r:b}),!m&&$jsx("circle",{class:"gauge-front-circle",transform:`rotate(-90 ${o/2} ${o/2})`,stroke:l,"stroke-width":n,"stroke-dasharray":p,"stroke-dashoffset":p*(1-v),fill:s?"none":r||"none",cx:o/2,cy:o/2,r:b}),i&&$jsx("text",{class:"gauge-value-text",x:"50%",y:m?"100%":"50%","font-weight":c,"font-size":d,fill:g,dy:m?u?-h-15:-5:0,"text-anchor":"middle","dominant-baseline":!m&&"middle"},i),u&&$jsx("text",{class:"gauge-label-text",x:"50%",y:m?"100%":"50%","font-weight":x,"font-size":h,fill:f,dy:m?-5:i?d/2+10:0,"text-anchor":"middle","dominant-baseline":!m&&"middle"},u))}update(e={}){const t=this,a=getDocument(),{params:o,$svgEl:r}=t;if(Object.keys(e).forEach((t=>{void 0!==e[t]&&(o[t]=e[t])})),0===r.length)return t;const{value:s,size:l,bgColor:n,borderBgColor:i,borderColor:g,borderWidth:d,valueText:c,valueTextColor:u,valueFontSize:f,valueFontWeight:h,labelText:x,labelTextColor:m,labelFontSize:b,labelFontWeight:p}=o,v=t.calcBorderLength(),$=Math.max(Math.min(s,1),0),y=t.calcRadius(),k="semicircle"===o.type,w={width:`${l}px`,height:`${k?l/2:l}px`,viewBox:`0 0 ${l} ${k?l/2:l}`};if(Object.keys(w).forEach((e=>{r.attr(e,w[e])})),k){const e={d:`M${l-d/2},${l/2} a1,1 0 0,0 -${l-d},0`,stroke:i,"stroke-width":d,fill:n||"none"},t={d:`M${l-d/2},${l/2} a1,1 0 0,0 -${l-d},0`,stroke:g,"stroke-width":d,"stroke-dasharray":v/2,"stroke-dashoffset":v/2*(1+$),fill:i?"none":n||"none"};Object.keys(e).forEach((t=>{r.find(".gauge-back-semi").attr(t,e[t])})),Object.keys(t).forEach((e=>{r.find(".gauge-front-semi").attr(e,t[e])}))}else{const e={stroke:i,"stroke-width":d,fill:n||"none",cx:l/2,cy:l/2,r:y},t={transform:`rotate(-90 ${l/2} ${l/2})`,stroke:g,"stroke-width":d,"stroke-dasharray":v,"stroke-dashoffset":v*(1-$),fill:i?"none":n||"none",cx:l/2,cy:l/2,r:y};Object.keys(e).forEach((t=>{r.find(".gauge-back-circle").attr(t,e[t])})),Object.keys(t).forEach((e=>{r.find(".gauge-front-circle").attr(e,t[e])}))}if(c){if(!r.find(".gauge-value-text").length){const e=a.createElementNS("http://www.w3.org/2000/svg","text");e.classList.add("gauge-value-text"),r.append(e)}const e={x:"50%",y:k?"100%":"50%","font-weight":h,"font-size":f,fill:u,dy:k?x?-b-15:-5:0,"text-anchor":"middle","dominant-baseline":!k&&"middle"};Object.keys(e).forEach((t=>{r.find(".gauge-value-text").attr(t,e[t])})),r.find(".gauge-value-text").text(c)}else r.find(".gauge-value-text").remove();if(x){if(!r.find(".gauge-label-text").length){const e=a.createElementNS("http://www.w3.org/2000/svg","text");e.classList.add("gauge-label-text"),r.append(e)}const e={x:"50%",y:k?"100%":"50%","font-weight":p,"font-size":b,fill:m,dy:k?-5:c?f/2+10:0,"text-anchor":"middle","dominant-baseline":!k&&"middle"};Object.keys(e).forEach((t=>{r.find(".gauge-label-text").attr(t,e[t])})),r.find(".gauge-label-text").text(x)}else r.find(".gauge-label-text").remove();return t}init(){const e=this,t=a(e.render()).eq(0);return t.f7Gauge=e,l(e,{$svgEl:t,svgEl:t&&t[0]}),e.$el.append(t),e}destroy(){const e=this;e.$el&&!e.destroyed&&(e.$el.trigger("gauge:beforedestroy"),e.emit("local::beforeDestroy gaugeBeforeDestroy",e),e.$svgEl.remove(),delete e.$el[0].f7Gauge,n(e),e.destroyed=!0)}}var g={name:"gauge",static:{Gauge:i},create(){const e=this;e.gauge=s({defaultSelector:".gauge",constructor:i,app:e,domProp:"f7Gauge"}),e.gauge.update=function(t,o){if(0===a(t).length)return;const r=e.gauge.get(t);return r?(r.update(o),r):void 0}},params:{gauge:{el:null,type:"circle",value:0,size:200,bgColor:"transparent",borderBgColor:"#eeeeee",borderColor:"#000000",borderWidth:10,valueText:null,valueTextColor:"#000000",valueFontSize:31,valueFontWeight:500,labelText:null,labelTextColor:"#888888",labelFontSize:14,labelFontWeight:400}},on:{tabMounted(e){const t=this;a(e).find(".gauge-init").each((e=>{t.gauge.create(l({el:e},a(e).dataset()||{}))}))},tabBeforeRemove(e){a(e).find(".gauge-init").each((e=>{e.f7Gauge&&e.f7Gauge.destroy()}))},pageInit(e){const t=this;e.$el.find(".gauge-init").each((e=>{t.gauge.create(l({el:e},a(e).dataset()||{}))}))},pageBeforeRemove(e){e.$el.find(".gauge-init").each((e=>{e.f7Gauge&&e.f7Gauge.destroy()}))}},vnode:{"gauge-init":{insert(e){const t=e.elm;this.gauge.create(l({el:t},a(t).dataset()||{}))},destroy(e){const t=e.elm;t.f7Gauge&&t.f7Gauge.destroy()}}}};if(t){if(e.prototype.modules&&e.prototype.modules[g.name])return;e.use(g),e.instance&&(e.instance.useModuleParams(g,e.instance.params),e.instance.useModule(g))}return g}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent))
+(function framework7ComponentLoader(e,t){void 0===t&&(t=!0);var a=e.$,o=e.utils,r=(e.getDevice,e.getSupport,e.Class),s=(e.Modal,e.ConstructorMethods),l=(e.ModalMethods,o.extend),n=o.deleteProps;class i extends r{constructor(e,t){void 0===t&&(t={}),super(t,[e]);const o=this,r=l({},e.params.gauge);o.useModulesParams(r),o.params=l(r,t);const{el:s}=o.params;if(!s)return o;const n=a(s);return 0===n.length?o:n[0].f7Gauge?n[0].f7Gauge:(l(o,{app:e,$el:n,el:n&&n[0]}),n[0].f7Gauge=o,o.useModules(),o.init(),o)}calcRadius(){const{size:e,borderWidth:t}=this.params;return e/2-t/2}calcBorderLength(){const e=this.calcRadius();return 2*Math.PI*e}render(){const e=this;if(e.params.render)return e.params.render.call(e,e);const{type:t,value:a,size:o,bgColor:r,borderBgColor:s,borderColor:l,borderWidth:n,valueText:i,valueTextColor:d,valueFontSize:g,valueFontWeight:c,labelText:u,labelTextColor:f,labelFontSize:h,labelFontWeight:x}=e.params,m="semicircle"===t,b=e.calcRadius(),p=e.calcBorderLength(),v=Math.max(Math.min(a,1),0);return $jsx("svg",{class:"gauge-svg",width:`${o}px`,height:`${m?o/2:o}px`,viewBox:`0 0 ${o} ${m?o/2:o}`},m&&$jsx("path",{class:"gauge-back-semi",d:`M${o-n/2},${o/2} a1,1 0 0,0 -${o-n},0`,stroke:s,"stroke-width":n,fill:r||"none"}),m&&$jsx("path",{class:"gauge-front-semi",d:`M${o-n/2},${o/2} a1,1 0 0,0 -${o-n},0`,stroke:l,"stroke-width":n,"stroke-dasharray":p/2,"stroke-dashoffset":p/2*(1+v),fill:s?"none":r||"none"}),!m&&s&&$jsx("circle",{class:"gauge-back-circle",stroke:s,"stroke-width":n,fill:r||"none",cx:o/2,cy:o/2,r:b}),!m&&$jsx("circle",{class:"gauge-front-circle",transform:`rotate(-90 ${o/2} ${o/2})`,stroke:l,"stroke-width":n,"stroke-dasharray":p,"stroke-dashoffset":p*(1-v),fill:s?"none":r||"none",cx:o/2,cy:o/2,r:b}),i&&$jsx("text",{class:"gauge-value-text",x:"50%",y:m?"100%":"50%","font-weight":c,"font-size":g,fill:d,dy:m?u?-h-15:-5:0,"text-anchor":"middle","dominant-baseline":!m&&"middle"},i),u&&$jsx("text",{class:"gauge-label-text",x:"50%",y:m?"100%":"50%","font-weight":x,"font-size":h,fill:f,dy:m?-5:i?g/2+10:0,"text-anchor":"middle","dominant-baseline":!m&&"middle"},u))}update(e){void 0===e&&(e={});const t=this,a=getDocument(),{params:o,$svgEl:r}=t;if(Object.keys(e).forEach((t=>{void 0!==e[t]&&(o[t]=e[t])})),0===r.length)return t;const{value:s,size:l,bgColor:n,borderBgColor:i,borderColor:d,borderWidth:g,valueText:c,valueTextColor:u,valueFontSize:f,valueFontWeight:h,labelText:x,labelTextColor:m,labelFontSize:b,labelFontWeight:p}=o,v=t.calcBorderLength(),$=Math.max(Math.min(s,1),0),y=t.calcRadius(),k="semicircle"===o.type,w={width:`${l}px`,height:`${k?l/2:l}px`,viewBox:`0 0 ${l} ${k?l/2:l}`};if(Object.keys(w).forEach((e=>{r.attr(e,w[e])})),k){const e={d:`M${l-g/2},${l/2} a1,1 0 0,0 -${l-g},0`,stroke:i,"stroke-width":g,fill:n||"none"},t={d:`M${l-g/2},${l/2} a1,1 0 0,0 -${l-g},0`,stroke:d,"stroke-width":g,"stroke-dasharray":v/2,"stroke-dashoffset":v/2*(1+$),fill:i?"none":n||"none"};Object.keys(e).forEach((t=>{r.find(".gauge-back-semi").attr(t,e[t])})),Object.keys(t).forEach((e=>{r.find(".gauge-front-semi").attr(e,t[e])}))}else{const e={stroke:i,"stroke-width":g,fill:n||"none",cx:l/2,cy:l/2,r:y},t={transform:`rotate(-90 ${l/2} ${l/2})`,stroke:d,"stroke-width":g,"stroke-dasharray":v,"stroke-dashoffset":v*(1-$),fill:i?"none":n||"none",cx:l/2,cy:l/2,r:y};Object.keys(e).forEach((t=>{r.find(".gauge-back-circle").attr(t,e[t])})),Object.keys(t).forEach((e=>{r.find(".gauge-front-circle").attr(e,t[e])}))}if(c){if(!r.find(".gauge-value-text").length){const e=a.createElementNS("http://www.w3.org/2000/svg","text");e.classList.add("gauge-value-text"),r.append(e)}const e={x:"50%",y:k?"100%":"50%","font-weight":h,"font-size":f,fill:u,dy:k?x?-b-15:-5:0,"text-anchor":"middle","dominant-baseline":!k&&"middle"};Object.keys(e).forEach((t=>{r.find(".gauge-value-text").attr(t,e[t])})),r.find(".gauge-value-text").text(c)}else r.find(".gauge-value-text").remove();if(x){if(!r.find(".gauge-label-text").length){const e=a.createElementNS("http://www.w3.org/2000/svg","text");e.classList.add("gauge-label-text"),r.append(e)}const e={x:"50%",y:k?"100%":"50%","font-weight":p,"font-size":b,fill:m,dy:k?-5:c?f/2+10:0,"text-anchor":"middle","dominant-baseline":!k&&"middle"};Object.keys(e).forEach((t=>{r.find(".gauge-label-text").attr(t,e[t])})),r.find(".gauge-label-text").text(x)}else r.find(".gauge-label-text").remove();return t}init(){const e=this,t=a(e.render()).eq(0);return t.f7Gauge=e,l(e,{$svgEl:t,svgEl:t&&t[0]}),e.$el.append(t),e}destroy(){const e=this;e.$el&&!e.destroyed&&(e.$el.trigger("gauge:beforedestroy"),e.emit("local::beforeDestroy gaugeBeforeDestroy",e),e.$svgEl.remove(),delete e.$el[0].f7Gauge,n(e),e.destroyed=!0)}}var d={name:"gauge",static:{Gauge:i},create(){const e=this;e.gauge=s({defaultSelector:".gauge",constructor:i,app:e,domProp:"f7Gauge"}),e.gauge.update=function(t,o){if(0===a(t).length)return;const r=e.gauge.get(t);return r?(r.update(o),r):void 0}},params:{gauge:{el:null,type:"circle",value:0,size:200,bgColor:"transparent",borderBgColor:"#eeeeee",borderColor:"#000000",borderWidth:10,valueText:null,valueTextColor:"#000000",valueFontSize:31,valueFontWeight:500,labelText:null,labelTextColor:"#888888",labelFontSize:14,labelFontWeight:400}},on:{tabMounted(e){const t=this;a(e).find(".gauge-init").each((e=>{t.gauge.create(l({el:e},a(e).dataset()||{}))}))},tabBeforeRemove(e){a(e).find(".gauge-init").each((e=>{e.f7Gauge&&e.f7Gauge.destroy()}))},pageInit(e){const t=this;e.$el.find(".gauge-init").each((e=>{t.gauge.create(l({el:e},a(e).dataset()||{}))}))},pageBeforeRemove(e){e.$el.find(".gauge-init").each((e=>{e.f7Gauge&&e.f7Gauge.destroy()}))}},vnode:{"gauge-init":{insert(e){const t=e.elm;this.gauge.create(l({el:t},a(t).dataset()||{}))},destroy(e){const t=e.elm;t.f7Gauge&&t.f7Gauge.destroy()}}}};if(t){if(e.prototype.modules&&e.prototype.modules[d.name])return;e.use(d),e.instance&&(e.instance.useModuleParams(d,e.instance.params),e.instance.useModule(d))}return d}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent))

package/components/input/input.js

@@ -190,7 +190,11 @@ const Input = {
     }
   },
 
-  scrollIntoView(inputEl, duration = 0, centered, force) {
+  scrollIntoView(inputEl, duration, centered, force) {
+    if (duration === void 0) {
+      duration = 0;
+    }
+
     const $inputEl = $(inputEl);
     const $scrollableEl = $inputEl.parents('.page-content, .panel, .card-expandable .card-content').eq(0);
 

package/components/input/input.lazy.js

@@ -1 +1 @@
-(function framework7ComponentLoader(t,e){void 0===e&&(e=!0);var a=t.$,i=t.utils,n=t.getDevice,s=(t.getSupport,t.Class,t.Modal,t.ConstructorMethods,t.ModalMethods,i.bindMethods);const r={ignoreTypes:["checkbox","button","submit","range","radio","image"],createTextareaResizableShadow(){const t=getDocument(),e=a(t.createElement("textarea"));e.addClass("textarea-resizable-shadow"),e.prop({disabled:!0,readonly:!0}),r.textareaResizableShadow=e},textareaResizableShadow:void 0,resizeTextarea(t){const e=this,i=getWindow(),n=a(t);r.textareaResizableShadow||r.createTextareaResizableShadow();const s=r.textareaResizableShadow;if(!n.length)return;if(!n.hasClass("resizable"))return;0===r.textareaResizableShadow.parents().length&&e.$el.append(s);const l=i.getComputedStyle(n[0]);"padding-top padding-bottom padding-left padding-right margin-left margin-right margin-top margin-bottom width font-size font-family font-style font-weight line-height font-variant text-transform letter-spacing border box-sizing display".split(" ").forEach((t=>{let e=l[t];"font-size line-height letter-spacing width".split(" ").indexOf(t)>=0&&(e=e.replace(",",".")),s.css(t,e)}));const o=n[0].clientHeight;s.val("");const p=s[0].scrollHeight;s.val(n.val()),s.css("height",0);const u=s[0].scrollHeight;o!==u&&(u>p?n.css("height",`${u}px`):u<o&&n.css("height",""),(u>p||u<o)&&(n.trigger("textarea:resize",{initialHeight:p,currentHeight:o,scrollHeight:u}),e.emit("textareaResize",{initialHeight:p,currentHeight:o,scrollHeight:u})))},validate(t){const e=a(t);if(!e.length)return!0;const i=e.parents(".item-input"),n=e.parents(".input");function s(){e[0].f7ValidateReadonly&&(e[0].readOnly=!0)}e[0].f7ValidateReadonly&&(e[0].readOnly=!1);const r=e[0].validity,l=e.dataset().errorMessage||e[0].validationMessage||"";if(!r)return s(),!0;if(!r.valid){let t=e.nextAll(".item-input-error-message, .input-error-message");return l&&(0===t.length&&(t=a(`<div class="${n.length?"input-error-message":"item-input-error-message"}"></div>`),t.insertAfter(e)),t.text(l)),t.length>0&&(i.addClass("item-input-with-error-message"),n.addClass("input-with-error-message")),i.addClass("item-input-invalid"),n.addClass("input-invalid"),e.addClass("input-invalid"),s(),!1}return i.removeClass("item-input-invalid item-input-with-error-message"),n.removeClass("input-invalid input-with-error-message"),e.removeClass("input-invalid"),s(),!0},validateInputs(t){const e=this;return a(t).find("input, textarea, select").map((t=>e.input.validate(t))).indexOf(!1)<0},focus(t){const e=a(t),i=e.attr("type");r.ignoreTypes.indexOf(i)>=0||(e.parents(".item-input").addClass("item-input-focused"),e.parents(".input").addClass("input-focused"),e.addClass("input-focused"))},blur(t){const e=a(t);e.parents(".item-input").removeClass("item-input-focused"),e.parents(".input").removeClass("input-focused"),e.removeClass("input-focused")},checkEmptyState(t){const e=this;let i=a(t);if(i.is("input, select, textarea, .item-input [contenteditable]")||(i=i.find("input, select, textarea, .item-input [contenteditable]").eq(0)),!i.length)return;let n;n=i[0].hasAttribute("contenteditable")?i.find(".text-editor-placeholder").length?"":i.html():i.val();const s=i.parents(".item-input"),r=i.parents(".input");n&&"string"==typeof n&&""!==n.trim()||Array.isArray(n)&&n.length>0?(s.addClass("item-input-with-value"),r.addClass("input-with-value"),i.addClass("input-with-value"),i.trigger("input:notempty"),e.emit("inputNotEmpty",i[0])):(s.removeClass("item-input-with-value"),r.removeClass("input-with-value"),i.removeClass("input-with-value"),i.trigger("input:empty"),e.emit("inputEmpty",i[0]))},scrollIntoView(t,e=0,i,n){const s=a(t),r=s.parents(".page-content, .panel, .card-expandable .card-content").eq(0);if(!r.length)return!1;const l=r[0].offsetHeight,o=r[0].scrollTop,p=parseInt(r.css("padding-top"),10),u=parseInt(r.css("padding-bottom"),10),d=r.offset().top-o,c=s.offset().top-d,h=c+o-p,m=c+o-l+u+s[0].offsetHeight,g=h+(m-h)/2;return o>h?(r.scrollTop(i?g:h,e),!0):o<m?(r.scrollTop(i?g:m,e),!0):(n&&r.scrollTop(i?g:m,e),!1)},init(){const t=this,e=n(),i=getWindow(),s=getDocument();r.createTextareaResizableShadow(),a(s).on("click",".input-clear-button",(function(){const e=a(this).siblings("input, textarea").eq(0),i=e.val();e.val("").trigger("input change").focus().trigger("input:clear",i),t.emit("inputClear",i)})),a(s).on("mousedown",".input-clear-button",(function(t){t.preventDefault()})),a(s).on("change input","input, textarea, select, .item-input [contenteditable]",(function(){const e=a(this),i=e.attr("type"),n=e[0].nodeName.toLowerCase(),s=e[0].hasAttribute("contenteditable");r.ignoreTypes.indexOf(i)>=0||(t.input.checkEmptyState(e),s||(null!==e.attr("data-validate-on-blur")||!e.dataset().validate&&null===e.attr("validate")||t.input.validate(e),"textarea"===n&&e.hasClass("resizable")&&t.input.resizeTextarea(e)))}),!0),a(s).on("focus","input, textarea, select, .item-input [contenteditable]",(function(){const n=this;t.params.input.scrollIntoViewOnFocus&&(e.android?a(i).once("resize",(()=>{s&&s.activeElement===n&&t.input.scrollIntoView(n,t.params.input.scrollIntoViewDuration,t.params.input.scrollIntoViewCentered,t.params.input.scrollIntoViewAlways)})):t.input.scrollIntoView(n,t.params.input.scrollIntoViewDuration,t.params.input.scrollIntoViewCentered,t.params.input.scrollIntoViewAlways)),t.input.focus(n)}),!0),a(s).on("blur","input, textarea, select, .item-input [contenteditable]",(function(){const e=a(this),i=e[0].nodeName.toLowerCase();t.input.blur(e),(e.dataset().validate||null!==e.attr("validate")||null!==e.attr("data-validate-on-blur"))&&t.input.validate(e),"textarea"===i&&e.hasClass("resizable")&&r.textareaResizableShadow&&r.textareaResizableShadow.remove()}),!0),a(s).on("invalid","input, textarea, select",(function(e){const i=a(this);null!==i.attr("data-validate-on-blur")||!i.dataset().validate&&null===i.attr("validate")||(e.preventDefault(),t.input.validate(i))}),!0)}};var l={name:"input",params:{input:{scrollIntoViewOnFocus:void 0,scrollIntoViewCentered:!1,scrollIntoViewDuration:0,scrollIntoViewAlways:!1}},create(){const t=this;void 0===t.params.input.scrollIntoViewOnFocus&&(t.params.input.scrollIntoViewOnFocus=n().android),s(t,{input:r})},on:{init(){this.input.init()},tabMounted(t){const e=this,i=a(t);i.find(".item-input, .input").each((t=>{a(t).find("input, select, textarea, [contenteditable]").each((t=>{const i=a(t);r.ignoreTypes.indexOf(i.attr("type"))>=0||e.input.checkEmptyState(i)}))})),i.find("textarea.resizable").each((t=>{e.input.resizeTextarea(t)}))},pageInit(t){const e=this,i=t.$el;i.find(".item-input, .input").each((t=>{a(t).find("input, select, textarea, [contenteditable]").each((t=>{const i=a(t);r.ignoreTypes.indexOf(i.attr("type"))>=0||e.input.checkEmptyState(i)}))})),i.find("textarea.resizable").each((t=>{e.input.resizeTextarea(t)}))},"panelBreakpoint panelCollapsedBreakpoint panelResize panelOpen panelSwipeOpen resize viewMasterDetailBreakpoint":function(t){const e=this;t&&t.$el?t.$el.find("textarea.resizable").each((t=>{e.input.resizeTextarea(t)})):a("textarea.resizable").each((t=>{e.input.resizeTextarea(t)}))}}};if(e){if(t.prototype.modules&&t.prototype.modules[l.name])return;t.use(l),t.instance&&(t.instance.useModuleParams(l,t.instance.params),t.instance.useModule(l))}return l}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent))
+(function framework7ComponentLoader(t,e){void 0===e&&(e=!0);var a=t.$,i=t.utils,n=t.getDevice,s=(t.getSupport,t.Class,t.Modal,t.ConstructorMethods,t.ModalMethods,i.bindMethods);const r={ignoreTypes:["checkbox","button","submit","range","radio","image"],createTextareaResizableShadow(){const t=getDocument(),e=a(t.createElement("textarea"));e.addClass("textarea-resizable-shadow"),e.prop({disabled:!0,readonly:!0}),r.textareaResizableShadow=e},textareaResizableShadow:void 0,resizeTextarea(t){const e=this,i=getWindow(),n=a(t);r.textareaResizableShadow||r.createTextareaResizableShadow();const s=r.textareaResizableShadow;if(!n.length)return;if(!n.hasClass("resizable"))return;0===r.textareaResizableShadow.parents().length&&e.$el.append(s);const l=i.getComputedStyle(n[0]);"padding-top padding-bottom padding-left padding-right margin-left margin-right margin-top margin-bottom width font-size font-family font-style font-weight line-height font-variant text-transform letter-spacing border box-sizing display".split(" ").forEach((t=>{let e=l[t];"font-size line-height letter-spacing width".split(" ").indexOf(t)>=0&&(e=e.replace(",",".")),s.css(t,e)}));const o=n[0].clientHeight;s.val("");const p=s[0].scrollHeight;s.val(n.val()),s.css("height",0);const u=s[0].scrollHeight;o!==u&&(u>p?n.css("height",`${u}px`):u<o&&n.css("height",""),(u>p||u<o)&&(n.trigger("textarea:resize",{initialHeight:p,currentHeight:o,scrollHeight:u}),e.emit("textareaResize",{initialHeight:p,currentHeight:o,scrollHeight:u})))},validate(t){const e=a(t);if(!e.length)return!0;const i=e.parents(".item-input"),n=e.parents(".input");function s(){e[0].f7ValidateReadonly&&(e[0].readOnly=!0)}e[0].f7ValidateReadonly&&(e[0].readOnly=!1);const r=e[0].validity,l=e.dataset().errorMessage||e[0].validationMessage||"";if(!r)return s(),!0;if(!r.valid){let t=e.nextAll(".item-input-error-message, .input-error-message");return l&&(0===t.length&&(t=a(`<div class="${n.length?"input-error-message":"item-input-error-message"}"></div>`),t.insertAfter(e)),t.text(l)),t.length>0&&(i.addClass("item-input-with-error-message"),n.addClass("input-with-error-message")),i.addClass("item-input-invalid"),n.addClass("input-invalid"),e.addClass("input-invalid"),s(),!1}return i.removeClass("item-input-invalid item-input-with-error-message"),n.removeClass("input-invalid input-with-error-message"),e.removeClass("input-invalid"),s(),!0},validateInputs(t){const e=this;return a(t).find("input, textarea, select").map((t=>e.input.validate(t))).indexOf(!1)<0},focus(t){const e=a(t),i=e.attr("type");r.ignoreTypes.indexOf(i)>=0||(e.parents(".item-input").addClass("item-input-focused"),e.parents(".input").addClass("input-focused"),e.addClass("input-focused"))},blur(t){const e=a(t);e.parents(".item-input").removeClass("item-input-focused"),e.parents(".input").removeClass("input-focused"),e.removeClass("input-focused")},checkEmptyState(t){const e=this;let i=a(t);if(i.is("input, select, textarea, .item-input [contenteditable]")||(i=i.find("input, select, textarea, .item-input [contenteditable]").eq(0)),!i.length)return;let n;n=i[0].hasAttribute("contenteditable")?i.find(".text-editor-placeholder").length?"":i.html():i.val();const s=i.parents(".item-input"),r=i.parents(".input");n&&"string"==typeof n&&""!==n.trim()||Array.isArray(n)&&n.length>0?(s.addClass("item-input-with-value"),r.addClass("input-with-value"),i.addClass("input-with-value"),i.trigger("input:notempty"),e.emit("inputNotEmpty",i[0])):(s.removeClass("item-input-with-value"),r.removeClass("input-with-value"),i.removeClass("input-with-value"),i.trigger("input:empty"),e.emit("inputEmpty",i[0]))},scrollIntoView(t,e,i,n){void 0===e&&(e=0);const s=a(t),r=s.parents(".page-content, .panel, .card-expandable .card-content").eq(0);if(!r.length)return!1;const l=r[0].offsetHeight,o=r[0].scrollTop,p=parseInt(r.css("padding-top"),10),u=parseInt(r.css("padding-bottom"),10),d=r.offset().top-o,c=s.offset().top-d,h=c+o-p,m=c+o-l+u+s[0].offsetHeight,g=h+(m-h)/2;return o>h?(r.scrollTop(i?g:h,e),!0):o<m?(r.scrollTop(i?g:m,e),!0):(n&&r.scrollTop(i?g:m,e),!1)},init(){const t=this,e=n(),i=getWindow(),s=getDocument();r.createTextareaResizableShadow(),a(s).on("click",".input-clear-button",(function(){const e=a(this).siblings("input, textarea").eq(0),i=e.val();e.val("").trigger("input change").focus().trigger("input:clear",i),t.emit("inputClear",i)})),a(s).on("mousedown",".input-clear-button",(function(t){t.preventDefault()})),a(s).on("change input","input, textarea, select, .item-input [contenteditable]",(function(){const e=a(this),i=e.attr("type"),n=e[0].nodeName.toLowerCase(),s=e[0].hasAttribute("contenteditable");r.ignoreTypes.indexOf(i)>=0||(t.input.checkEmptyState(e),s||(null!==e.attr("data-validate-on-blur")||!e.dataset().validate&&null===e.attr("validate")||t.input.validate(e),"textarea"===n&&e.hasClass("resizable")&&t.input.resizeTextarea(e)))}),!0),a(s).on("focus","input, textarea, select, .item-input [contenteditable]",(function(){const n=this;t.params.input.scrollIntoViewOnFocus&&(e.android?a(i).once("resize",(()=>{s&&s.activeElement===n&&t.input.scrollIntoView(n,t.params.input.scrollIntoViewDuration,t.params.input.scrollIntoViewCentered,t.params.input.scrollIntoViewAlways)})):t.input.scrollIntoView(n,t.params.input.scrollIntoViewDuration,t.params.input.scrollIntoViewCentered,t.params.input.scrollIntoViewAlways)),t.input.focus(n)}),!0),a(s).on("blur","input, textarea, select, .item-input [contenteditable]",(function(){const e=a(this),i=e[0].nodeName.toLowerCase();t.input.blur(e),(e.dataset().validate||null!==e.attr("validate")||null!==e.attr("data-validate-on-blur"))&&t.input.validate(e),"textarea"===i&&e.hasClass("resizable")&&r.textareaResizableShadow&&r.textareaResizableShadow.remove()}),!0),a(s).on("invalid","input, textarea, select",(function(e){const i=a(this);null!==i.attr("data-validate-on-blur")||!i.dataset().validate&&null===i.attr("validate")||(e.preventDefault(),t.input.validate(i))}),!0)}};var l={name:"input",params:{input:{scrollIntoViewOnFocus:void 0,scrollIntoViewCentered:!1,scrollIntoViewDuration:0,scrollIntoViewAlways:!1}},create(){const t=this;void 0===t.params.input.scrollIntoViewOnFocus&&(t.params.input.scrollIntoViewOnFocus=n().android),s(t,{input:r})},on:{init(){this.input.init()},tabMounted(t){const e=this,i=a(t);i.find(".item-input, .input").each((t=>{a(t).find("input, select, textarea, [contenteditable]").each((t=>{const i=a(t);r.ignoreTypes.indexOf(i.attr("type"))>=0||e.input.checkEmptyState(i)}))})),i.find("textarea.resizable").each((t=>{e.input.resizeTextarea(t)}))},pageInit(t){const e=this,i=t.$el;i.find(".item-input, .input").each((t=>{a(t).find("input, select, textarea, [contenteditable]").each((t=>{const i=a(t);r.ignoreTypes.indexOf(i.attr("type"))>=0||e.input.checkEmptyState(i)}))})),i.find("textarea.resizable").each((t=>{e.input.resizeTextarea(t)}))},"panelBreakpoint panelCollapsedBreakpoint panelResize panelOpen panelSwipeOpen resize viewMasterDetailBreakpoint":function(t){const e=this;t&&t.$el?t.$el.find("textarea.resizable").each((t=>{e.input.resizeTextarea(t)})):a("textarea.resizable").each((t=>{e.input.resizeTextarea(t)}))}}};if(e){if(t.prototype.modules&&t.prototype.modules[l.name])return;t.use(l),t.instance&&(t.instance.useModuleParams(l,t.instance.params),t.instance.useModule(l))}return l}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent))

package/components/list-index/list-index-class.js

@@ -4,7 +4,11 @@ import Framework7Class from '../../shared/class.js';
 import { getSupport } from '../../shared/get-support.js';
 
 class ListIndex extends Framework7Class {
-  constructor(app, params = {}) {
+  constructor(app, params) {
+    if (params === void 0) {
+      params = {};
+    }
+
     super(params, [app]);
     const index = this;
     const defaults = {

package/components/list-index/list-index.lazy.js

@@ -1 +1 @@
-(function framework7ComponentLoader(e,t){void 0===t&&(t=!0);var n=e.$,s=e.utils,i=(e.getDevice,e.getSupport),l=e.Class,a=(e.Modal,e.ConstructorMethods),o=(e.ModalMethods,s.extend),r=s.deleteProps;class d extends l{constructor(e,t={}){super(t,[e]);const s=this,l={el:null,listEl:null,indexes:"auto",iosItemHeight:14,mdItemHeight:14,auroraItemHeight:14,scrollList:!0,label:!1,renderItem:(e,t)=>`\n            <li>${e}</li>\n          `.trim(),renderSkipPlaceholder:()=>'<li class="list-index-skip-placeholder"></li>',on:{}};let a,r,d,c;if(s.useModulesParams(l),s.params=o(l,t),!s.params.el)return s;if(a=n(s.params.el),a[0].f7ListIndex)return a[0].f7ListIndex;if(c=a.find("ul"),0===c.length&&(c=n("<ul></ul>"),a.append(c)),s.params.listEl&&(r=n(s.params.listEl)),"auto"===s.params.indexes&&!r)return s;function p(){const e={index:s};s.calcSize(),e!==s.height&&s.render()}function h(e){const t=n(e.target).closest("li");if(!t.length)return;let i=t.index();if(s.skipRate>0){const e=i/(t.siblings("li").length-1);i=Math.round((s.indexes.length-1)*e)}const l=s.indexes[i];s.$el.trigger("listindex:click",{content:l,index:i}),s.emit("local::click listIndexClick",s,l,i),s.$el.trigger("listindex:select",{content:l,index:i}),s.emit("local::select listIndexSelect",s,l,i),s.$listEl&&s.params.scrollList&&s.scrollListToIndex(l,i)}r?d=r.parents(".page-content").eq(0):(d=a.siblings(".page-content").eq(0),0===d.length&&(d=a.parents(".page").eq(0).find(".page-content").eq(0))),a[0].f7ListIndex=s,o(s,{app:e,$el:a,el:a&&a[0],$ul:c,ul:c&&c[0],$listEl:r,listEl:r&&r[0],$pageContentEl:d,pageContentEl:d&&d[0],indexes:t.indexes,height:0,skipRate:0}),s.useModules();const u={};let f,g,x,m,I,v=null;function $(e){const t=c.children();t.length&&(x=t[0].getBoundingClientRect().top,m=t[t.length-1].getBoundingClientRect().top+t[0].offsetHeight,u.x="touchstart"===e.type?e.targetTouches[0].pageX:e.pageX,u.y="touchstart"===e.type?e.targetTouches[0].pageY:e.pageY,f=!0,g=!1,v=null)}function L(e){if(!f)return;!g&&s.params.label&&(I=n('<span class="list-index-label"></span>'),a.append(I)),g=!0;const t="touchmove"===e.type?e.targetTouches[0].pageY:e.pageY;e.preventDefault();let i=(t-x)/(m-x);i=Math.min(Math.max(i,0),1);const l=Math.round((s.indexes.length-1)*i),o=s.indexes[l],r=m-x,d=(s.height-r)/2+(1-i)*r;l!==v&&(s.params.label&&I.html(o).transform(`translateY(-${d}px)`),s.$listEl&&s.params.scrollList&&s.scrollListToIndex(o,l)),v=l,s.$el.trigger("listindex:select"),s.emit("local::select listIndexSelect",s,o,l)}function E(){f&&(f=!1,g=!1,s.params.label&&(I&&I.remove(),I=void 0))}const b=!!i().passiveListener&&{passive:!0};return s.attachEvents=function(){a.parents(".tab").on("tab:show",p),a.parents(".page").on("page:reinit",p),a.parents(".panel").on("panel:open",p),a.parents(".sheet-modal, .actions-modal, .popup, .popover, .login-screen, .dialog, .toast").on("modal:open",p),e.on("resize",p),a.on("click",h),a.on(e.touchEvents.start,$,b),e.on("touchmove:active",L),e.on("touchend:passive",E)},s.detachEvents=function(){a.parents(".tab").off("tab:show",p),a.parents(".page").off("page:reinit",p),a.parents(".panel").off("panel:open",p),a.parents(".sheet-modal, .actions-modal, .popup, .popover, .login-screen, .dialog, .toast").off("modal:open",p),e.off("resize",p),a.off("click",h),a.off(e.touchEvents.start,$,b),e.off("touchmove:active",L),e.off("touchend:passive",E)},s.init(),s}scrollListToIndex(e,t){const s=this,{$listEl:i,$pageContentEl:l,app:a}=s;if(!i||!l||0===l.length)return s;let o;if(i.find(".list-group-title, .item-divider").each((t=>{if(o)return;const s=n(t);s.text()===e&&(o=s)})),!o||0===o.length)return s;const r=o.parent().offset().top;let d=parseInt(l.css("padding-top"),10);const c=l[0].scrollTop,p=o.offset().top;if(l.parents(".page-with-navbar-large").length){const e=a.navbar.getElByPage(l.parents(".page-with-navbar-large").eq(0)),t=n(e).find(".title-large");t.length&&(d-=t[0].offsetHeight||0)}return r<=d?l.scrollTop(r+c-d):l.scrollTop(p+c-d),s}renderSkipPlaceholder(){return this.params.renderSkipPlaceholder.call(this)}renderItem(e,t){return this.params.renderItem.call(this,e,t)}render(){const e=this,{$ul:t,indexes:n,skipRate:s}=e;let i;const l=n.map(((t,n)=>{if(n%s!=0&&s>0)return i=!0,"";let l=e.renderItem(t,n);return i&&(l=e.renderSkipPlaceholder()+l),i=!1,l})).join("");return t.html(l),e}calcSize(){const e=this,{app:t,params:n,el:s,indexes:i}=e,l=s.offsetHeight,a=n[`${t.theme}ItemHeight`],o=Math.floor(l/a),r=i.length;let d=0;return r>o&&(d=Math.ceil((2*r-1)/o)),e.height=l,e.skipRate=d,e}calcIndexes(){const e=this;return"auto"===e.params.indexes?(e.indexes=[],e.$listEl.find(".list-group-title, .item-divider").each((t=>{const s=n(t).text();e.indexes.indexOf(s)<0&&e.indexes.push(s)}))):e.indexes=e.params.indexes,e}update(){const e=this;return e.calcIndexes(),e.calcSize(),e.render(),e}init(){const e=this;e.calcIndexes(),e.calcSize(),e.render(),e.attachEvents()}destroy(){let e=this;e.$el.trigger("listindex:beforedestroy",e),e.emit("local::beforeDestroy listIndexBeforeDestroy"),e.detachEvents(),e.$el[0]&&(e.$el[0].f7ListIndex=null,delete e.$el[0].f7ListIndex),r(e),e=null}}var c={name:"listIndex",static:{ListIndex:d},create(){this.listIndex=a({defaultSelector:".list-index",constructor:d,app:this,domProp:"f7ListIndex"})},on:{tabMounted(e){const t=this;n(e).find(".list-index-init").each((e=>{const s=o(n(e).dataset(),{el:e});t.listIndex.create(s)}))},tabBeforeRemove(e){n(e).find(".list-index-init").each((e=>{e.f7ListIndex&&e.f7ListIndex.destroy()}))},pageInit(e){const t=this;e.$el.find(".list-index-init").each((e=>{const s=o(n(e).dataset(),{el:e});t.listIndex.create(s)}))},pageBeforeRemove(e){e.$el.find(".list-index-init").each((e=>{e.f7ListIndex&&e.f7ListIndex.destroy()}))}},vnode:{"list-index-init":{insert(e){const t=e.elm,s=o(n(t).dataset(),{el:t});this.listIndex.create(s)},destroy(e){const t=e.elm;t.f7ListIndex&&t.f7ListIndex.destroy()}}}};if(t){if(e.prototype.modules&&e.prototype.modules[c.name])return;e.use(c),e.instance&&(e.instance.useModuleParams(c,e.instance.params),e.instance.useModule(c))}return c}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent))
+(function framework7ComponentLoader(e,t){void 0===t&&(t=!0);var n=e.$,s=e.utils,i=(e.getDevice,e.getSupport),l=e.Class,a=(e.Modal,e.ConstructorMethods),o=(e.ModalMethods,s.extend),r=s.deleteProps;class d extends l{constructor(e,t){void 0===t&&(t={}),super(t,[e]);const s=this,l={el:null,listEl:null,indexes:"auto",iosItemHeight:14,mdItemHeight:14,auroraItemHeight:14,scrollList:!0,label:!1,renderItem:(e,t)=>`\n            <li>${e}</li>\n          `.trim(),renderSkipPlaceholder:()=>'<li class="list-index-skip-placeholder"></li>',on:{}};let a,r,d,c;if(s.useModulesParams(l),s.params=o(l,t),!s.params.el)return s;if(a=n(s.params.el),a[0].f7ListIndex)return a[0].f7ListIndex;if(c=a.find("ul"),0===c.length&&(c=n("<ul></ul>"),a.append(c)),s.params.listEl&&(r=n(s.params.listEl)),"auto"===s.params.indexes&&!r)return s;function p(){const e={index:s};s.calcSize(),e!==s.height&&s.render()}function h(e){const t=n(e.target).closest("li");if(!t.length)return;let i=t.index();if(s.skipRate>0){const e=i/(t.siblings("li").length-1);i=Math.round((s.indexes.length-1)*e)}const l=s.indexes[i];s.$el.trigger("listindex:click",{content:l,index:i}),s.emit("local::click listIndexClick",s,l,i),s.$el.trigger("listindex:select",{content:l,index:i}),s.emit("local::select listIndexSelect",s,l,i),s.$listEl&&s.params.scrollList&&s.scrollListToIndex(l,i)}r?d=r.parents(".page-content").eq(0):(d=a.siblings(".page-content").eq(0),0===d.length&&(d=a.parents(".page").eq(0).find(".page-content").eq(0))),a[0].f7ListIndex=s,o(s,{app:e,$el:a,el:a&&a[0],$ul:c,ul:c&&c[0],$listEl:r,listEl:r&&r[0],$pageContentEl:d,pageContentEl:d&&d[0],indexes:t.indexes,height:0,skipRate:0}),s.useModules();const u={};let f,g,x,m,I,v=null;function $(e){const t=c.children();t.length&&(x=t[0].getBoundingClientRect().top,m=t[t.length-1].getBoundingClientRect().top+t[0].offsetHeight,u.x="touchstart"===e.type?e.targetTouches[0].pageX:e.pageX,u.y="touchstart"===e.type?e.targetTouches[0].pageY:e.pageY,f=!0,g=!1,v=null)}function L(e){if(!f)return;!g&&s.params.label&&(I=n('<span class="list-index-label"></span>'),a.append(I)),g=!0;const t="touchmove"===e.type?e.targetTouches[0].pageY:e.pageY;e.preventDefault();let i=(t-x)/(m-x);i=Math.min(Math.max(i,0),1);const l=Math.round((s.indexes.length-1)*i),o=s.indexes[l],r=m-x,d=(s.height-r)/2+(1-i)*r;l!==v&&(s.params.label&&I.html(o).transform(`translateY(-${d}px)`),s.$listEl&&s.params.scrollList&&s.scrollListToIndex(o,l)),v=l,s.$el.trigger("listindex:select"),s.emit("local::select listIndexSelect",s,o,l)}function E(){f&&(f=!1,g=!1,s.params.label&&(I&&I.remove(),I=void 0))}const b=!!i().passiveListener&&{passive:!0};return s.attachEvents=function(){a.parents(".tab").on("tab:show",p),a.parents(".page").on("page:reinit",p),a.parents(".panel").on("panel:open",p),a.parents(".sheet-modal, .actions-modal, .popup, .popover, .login-screen, .dialog, .toast").on("modal:open",p),e.on("resize",p),a.on("click",h),a.on(e.touchEvents.start,$,b),e.on("touchmove:active",L),e.on("touchend:passive",E)},s.detachEvents=function(){a.parents(".tab").off("tab:show",p),a.parents(".page").off("page:reinit",p),a.parents(".panel").off("panel:open",p),a.parents(".sheet-modal, .actions-modal, .popup, .popover, .login-screen, .dialog, .toast").off("modal:open",p),e.off("resize",p),a.off("click",h),a.off(e.touchEvents.start,$,b),e.off("touchmove:active",L),e.off("touchend:passive",E)},s.init(),s}scrollListToIndex(e,t){const s=this,{$listEl:i,$pageContentEl:l,app:a}=s;if(!i||!l||0===l.length)return s;let o;if(i.find(".list-group-title, .item-divider").each((t=>{if(o)return;const s=n(t);s.text()===e&&(o=s)})),!o||0===o.length)return s;const r=o.parent().offset().top;let d=parseInt(l.css("padding-top"),10);const c=l[0].scrollTop,p=o.offset().top;if(l.parents(".page-with-navbar-large").length){const e=a.navbar.getElByPage(l.parents(".page-with-navbar-large").eq(0)),t=n(e).find(".title-large");t.length&&(d-=t[0].offsetHeight||0)}return r<=d?l.scrollTop(r+c-d):l.scrollTop(p+c-d),s}renderSkipPlaceholder(){return this.params.renderSkipPlaceholder.call(this)}renderItem(e,t){return this.params.renderItem.call(this,e,t)}render(){const e=this,{$ul:t,indexes:n,skipRate:s}=e;let i;const l=n.map(((t,n)=>{if(n%s!=0&&s>0)return i=!0,"";let l=e.renderItem(t,n);return i&&(l=e.renderSkipPlaceholder()+l),i=!1,l})).join("");return t.html(l),e}calcSize(){const e=this,{app:t,params:n,el:s,indexes:i}=e,l=s.offsetHeight,a=n[`${t.theme}ItemHeight`],o=Math.floor(l/a),r=i.length;let d=0;return r>o&&(d=Math.ceil((2*r-1)/o)),e.height=l,e.skipRate=d,e}calcIndexes(){const e=this;return"auto"===e.params.indexes?(e.indexes=[],e.$listEl.find(".list-group-title, .item-divider").each((t=>{const s=n(t).text();e.indexes.indexOf(s)<0&&e.indexes.push(s)}))):e.indexes=e.params.indexes,e}update(){const e=this;return e.calcIndexes(),e.calcSize(),e.render(),e}init(){const e=this;e.calcIndexes(),e.calcSize(),e.render(),e.attachEvents()}destroy(){let e=this;e.$el.trigger("listindex:beforedestroy",e),e.emit("local::beforeDestroy listIndexBeforeDestroy"),e.detachEvents(),e.$el[0]&&(e.$el[0].f7ListIndex=null,delete e.$el[0].f7ListIndex),r(e),e=null}}var c={name:"listIndex",static:{ListIndex:d},create(){this.listIndex=a({defaultSelector:".list-index",constructor:d,app:this,domProp:"f7ListIndex"})},on:{tabMounted(e){const t=this;n(e).find(".list-index-init").each((e=>{const s=o(n(e).dataset(),{el:e});t.listIndex.create(s)}))},tabBeforeRemove(e){n(e).find(".list-index-init").each((e=>{e.f7ListIndex&&e.f7ListIndex.destroy()}))},pageInit(e){const t=this;e.$el.find(".list-index-init").each((e=>{const s=o(n(e).dataset(),{el:e});t.listIndex.create(s)}))},pageBeforeRemove(e){e.$el.find(".list-index-init").each((e=>{e.f7ListIndex&&e.f7ListIndex.destroy()}))}},vnode:{"list-index-init":{insert(e){const t=e.elm,s=o(n(t).dataset(),{el:t});this.listIndex.create(s)},destroy(e){const t=e.elm;t.f7ListIndex&&t.f7ListIndex.destroy()}}}};if(t){if(e.prototype.modules&&e.prototype.modules[c.name])return;e.use(c),e.instance&&(e.instance.useModuleParams(c,e.instance.params),e.instance.useModule(c))}return c}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent))

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

@@ -16,11 +16,19 @@ export default {
   },
 
   clicks: {
-    '.login-screen-open': function openLoginScreen($clickedEl, data = {}) {
+    '.login-screen-open': function openLoginScreen($clickedEl, data) {
+      if (data === void 0) {
+        data = {};
+      }
+
       const app = this;
       app.loginScreen.open(data.loginScreen, data.animate, $clickedEl);
     },
-    '.login-screen-close': function closeLoginScreen($clickedEl, data = {}) {
+    '.login-screen-close': function closeLoginScreen($clickedEl, data) {
+      if (data === void 0) {
+        data = {};
+      }
+
       const app = this;
       app.loginScreen.close(data.loginScreen, data.animate, $clickedEl);
     }

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

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

@@ -1,7 +1,11 @@
 import $ from '../../shared/dom7.js';
 import { bindMethods } from '../../shared/utils.js';
 const Menu = {
-  open(el = '.menu-item-dropdown') {
+  open(el) {
+    if (el === void 0) {
+      el = '.menu-item-dropdown';
+    }
+
     const app = this;
     if (!el) return;
     const $el = $(el).closest('.menu-item-dropdown');
@@ -19,7 +23,11 @@ const Menu = {
     app.emit('menuOpened', $el.eq(0)[0]);
   },
 
-  close(el = '.menu-item-dropdown-opened') {
+  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');

package/components/menu/menu.lazy.js

@@ -1 +1 @@
-(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,t.bindMethods);const d={open(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=".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 u={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[u.name])return;e.use(u),e.instance&&(e.instance.useModuleParams(u,e.instance.params),e.instance.useModule(u))}return u}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent))
+(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,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/messagebar/messagebar-class.js

@@ -3,7 +3,11 @@ import { extend, deleteProps } from '../../shared/utils.js';
 import Framework7Class from '../../shared/class.js';
 
 class Messagebar extends Framework7Class {
-  constructor(app, params = {}) {
+  constructor(app, params) {
+    if (params === void 0) {
+      params = {};
+    }
+
     super(params, [app]);
     const messagebar = this;
     const defaults = {
@@ -244,7 +248,11 @@ class Messagebar extends Framework7Class {
     }
   }
 
-  attachmentsCreate(innerHTML = '') {
+  attachmentsCreate(innerHTML) {
+    if (innerHTML === void 0) {
+      innerHTML = '';
+    }
+
     const messagebar = this;
     const $attachmentsEl = $(`<div class="messagebar-attachments">${innerHTML}</div>`);
     $attachmentsEl.insertBefore(messagebar.$textareaEl);
@@ -255,7 +263,11 @@ class Messagebar extends Framework7Class {
     return messagebar;
   }
 
-  attachmentsShow(innerHTML = '') {
+  attachmentsShow(innerHTML) {
+    if (innerHTML === void 0) {
+      innerHTML = '';
+    }
+
     const messagebar = this;
     messagebar.$attachmentsEl = messagebar.$el.find('.messagebar-attachments');
 
@@ -329,7 +341,11 @@ class Messagebar extends Framework7Class {
     }
   }
 
-  sheetCreate(innerHTML = '') {
+  sheetCreate(innerHTML) {
+    if (innerHTML === void 0) {
+      innerHTML = '';
+    }
+
     const messagebar = this;
     const $sheetEl = $(`<div class="messagebar-sheet">${innerHTML}</div>`);
     messagebar.$el.append($sheetEl);
@@ -340,7 +356,11 @@ class Messagebar extends Framework7Class {
     return messagebar;
   }
 
-  sheetShow(innerHTML = '') {
+  sheetShow(innerHTML) {
+    if (innerHTML === void 0) {
+      innerHTML = '';
+    }
+
     const messagebar = this;
     messagebar.$sheetEl = messagebar.$el.find('.messagebar-sheet');
 

package/components/messagebar/messagebar.lazy.js

@@ -1 +1 @@
-(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,s.extend),l=s.deleteProps;class c extends r{constructor(e,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=""){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=""){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=""){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=""){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))
+(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,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))