framework7 6.3.16 → 7.0.0-beta.12

package/components/dialog/dialog.lazy.js

@@ -0,0 +1 @@
+(function framework7ComponentLoader(o,e){void 0===e&&(e=!0);var t=o.$,l=o.utils,a=o.getDevice,n=(o.getSupport,o.Class,o.Modal),s=(o.ConstructorMethods,o.ModalMethods),i=l.extend,d=l.iosPreloaderContent,r=l.mdPreloaderContent,c=l.auroraPreloaderContent;class p extends n{constructor(o,e){const l=i({title:o.params.dialog.title,text:void 0,content:"",buttons:[],verticalButtons:!1,onClick:void 0,cssClass:void 0,destroyOnClose:!1,on:{}},e);void 0===l.closeByBackdropClick&&(l.closeByBackdropClick=o.params.dialog.closeByBackdropClick),void 0===l.backdrop&&(l.backdrop=o.params.dialog.backdrop),super(o,l);const n=this,s=a(),d=getDocument(),{title:r,text:c,content:p,buttons:u,verticalButtons:g,cssClass:m,backdrop:k}=l;let C,f,y;if(n.params=l,n.params.el)C=t(n.params.el);else{const o=["dialog"];0===u.length&&o.push("dialog-no-buttons"),u.length>0&&o.push(`dialog-buttons-${u.length}`),g&&o.push("dialog-buttons-vertical"),m&&o.push(m);let e="";u.length>0&&(e=$jsx("div",{class:"dialog-buttons"},u.map((o=>$jsx("span",{class:`dialog-button${o.bold?" dialog-button-bold":""}${o.color?` color-${o.color}`:""}${o.cssClass?` ${o.cssClass}`:""}`},o.text)))));const l=$jsx("div",{class:o.join(" ")},$jsx("div",{class:"dialog-inner"},r&&$jsx("div",{class:"dialog-title"},r),c&&$jsx("div",{class:"dialog-text"},c),p),e);C=t(l)}if(C&&C.length>0&&C[0].f7Modal)return C[0].f7Modal;if(0===C.length)return n.destroy();function b(o){const e=t(this).index(),l=u[e];l.onClick&&l.onClick(n,o),n.params.onClick&&n.params.onClick(n,e),!1!==l.close&&n.close()}function v(o){const e=o.keyCode;u.forEach(((t,l)=>{t.keyCodes&&t.keyCodes.indexOf(e)>=0&&(d.activeElement&&d.activeElement.blur(),t.onClick&&t.onClick(n,o),n.params.onClick&&n.params.onClick(n,l),!1!==t.close&&n.close())}))}function h(o){const e=o.target;0===t(e).closest(n.el).length&&n.params.closeByBackdropClick&&n.backdropEl&&n.backdropEl===e&&n.close()}return k&&(f=o.$el.children(".dialog-backdrop"),0===f.length&&(f=t('<div class="dialog-backdrop"></div>'),o.$el.append(f))),u&&u.length>0&&(n.on("open",(()=>{C.find(".dialog-button").each(((o,e)=>{u[e].keyCodes&&(y=!0),t(o).on("click",b)})),!y||s.ios||s.android||s.cordova||s.capacitor||t(d).on("keydown",v)})),n.on("close",(()=>{C.find(".dialog-button").each((o=>{t(o).off("click",b)})),!y||s.ios||s.android||s.cordova||s.capacitor||t(d).off("keydown",v),y=!1}))),i(n,{app:o,$el:C,el:C[0],$backdropEl:f,backdropEl:f&&f[0],type:"dialog",setProgress:(e,t)=>(o.progressbar.set(C.find(".progressbar"),e,t),n),setText(o){let e=C.find(".dialog-text");return 0===e.length&&(e=t('<div class="dialog-text"></div>'),void 0!==r?e.insertAfter(C.find(".dialog-title")):C.find(".dialog-inner").prepend(e)),e.html(o),n.params.text=o,n},setTitle(o){let e=C.find(".dialog-title");return 0===e.length&&(e=t('<div class="dialog-title"></div>'),C.find(".dialog-inner").prepend(e)),e.html(o),n.params.title=o,n}}),n.on("opened",(()=>{n.params.closeByBackdropClick&&o.on("click",h)})),n.on("close",(()=>{n.params.closeByBackdropClick&&o.off("click",h)})),C[0].f7Modal=n,n.params.destroyOnClose&&n.once("closed",(()=>{setTimeout((()=>{n.destroy()}),0)})),n}}var u={name:"dialog",params:{dialog:{title:void 0,buttonOk:"OK",buttonCancel:"Cancel",usernamePlaceholder:"Username",passwordPlaceholder:"Password",preloaderTitle:"Loading... ",progressTitle:"Loading... ",backdrop:!0,closeByBackdropClick:!1,destroyPredefinedDialogs:!0,keyboardActions:!0,autoFocus:!0}},static:{Dialog:p},create(){const o=this;function e(){return o.params.dialog.title||o.name}const t=o.params.dialog.destroyPredefinedDialogs,l=o.params.dialog.keyboardActions,a=o.params.dialog.autoFocus?{on:{opened(o){o.$el.find("input").eq(0).focus()}}}:{};o.dialog=i(s({app:o,constructor:p,defaultSelector:".dialog.modal-in"}),{alert(...a){let[n,s,i]=a;return 2===a.length&&"function"==typeof a[1]&&([n,i,s]=a),new p(o,{title:void 0===s?e():s,text:n,buttons:[{text:o.params.dialog.buttonOk,bold:!0,onClick:i,keyCodes:l?[13,27]:null}],destroyOnClose:t}).open()},prompt(...n){let[s,i,d,r,c]=n;return"function"==typeof n[1]&&([s,d,r,c,i]=n),c=null==c?"":c,new p(o,{title:void 0===i?e():i,text:s,content:`<div class="dialog-input-field input"><input type="text" class="dialog-input" value="${c}"></div>`,buttons:[{text:o.params.dialog.buttonCancel,keyCodes:l?[27]:null,color:"aurora"===o.theme?"gray":null},{text:o.params.dialog.buttonOk,bold:!0,keyCodes:l?[13]:null}],onClick(o,e){const t=o.$el.find(".dialog-input").val();0===e&&r&&r(t),1===e&&d&&d(t)},destroyOnClose:t,...a}).open()},confirm(...a){let[n,s,i,d]=a;return"function"==typeof a[1]&&([n,i,d,s]=a),new p(o,{title:void 0===s?e():s,text:n,buttons:[{text:o.params.dialog.buttonCancel,onClick:d,keyCodes:l?[27]:null,color:"aurora"===o.theme?"gray":null},{text:o.params.dialog.buttonOk,bold:!0,onClick:i,keyCodes:l?[13]:null}],destroyOnClose:t}).open()},login(...n){let[s,i,d,r]=n;return"function"==typeof n[1]&&([s,d,r,i]=n),new p(o,{title:void 0===i?e():i,text:s,content:`\n                <div class="dialog-input-field dialog-input-double input">\n                  <input type="text" name="dialog-username" placeholder="${o.params.dialog.usernamePlaceholder}" class="dialog-input">\n                </div>\n                <div class="dialog-input-field dialog-input-double input">\n                  <input type="password" name="dialog-password" placeholder="${o.params.dialog.passwordPlaceholder}" class="dialog-input">\n                </div>`,buttons:[{text:o.params.dialog.buttonCancel,keyCodes:l?[27]:null,color:"aurora"===o.theme?"gray":null},{text:o.params.dialog.buttonOk,bold:!0,keyCodes:l?[13]:null}],onClick(o,e){const t=o.$el.find('[name="dialog-username"]').val(),l=o.$el.find('[name="dialog-password"]').val();0===e&&r&&r(t,l),1===e&&d&&d(t,l)},destroyOnClose:t,...a}).open()},password(...n){let[s,i,d,r]=n;return"function"==typeof n[1]&&([s,d,r,i]=n),new p(o,{title:void 0===i?e():i,text:s,content:`\n                <div class="dialog-input-field input">\n                  <input type="password" name="dialog-password" placeholder="${o.params.dialog.passwordPlaceholder}" class="dialog-input">\n                </div>`,buttons:[{text:o.params.dialog.buttonCancel,keyCodes:l?[27]:null,color:"aurora"===o.theme?"gray":null},{text:o.params.dialog.buttonOk,bold:!0,keyCodes:l?[13]:null}],onClick(o,e){const t=o.$el.find('[name="dialog-password"]').val();0===e&&r&&r(t),1===e&&d&&d(t)},destroyOnClose:t,...a}).open()},preloader(e,l){const a={iosPreloaderContent:d,mdPreloaderContent:r,auroraPreloaderContent:c}[`${o.theme}PreloaderContent`]||"";return new p(o,{title:null==e?o.params.dialog.preloaderTitle:e,content:`<div class="preloader${l?` color-${l}`:""}">${a}</div>`,cssClass:"dialog-preloader",destroyOnClose:t}).open()},progress(...e){let[l,a,n]=e;2===e.length?"number"==typeof e[0]?[a,n,l]=e:"string"==typeof e[0]&&"string"==typeof e[1]&&([l,n,a]=e):1===e.length&&"number"==typeof e[0]&&([a,l,n]=e);const s=void 0===a,i=new p(o,{title:void 0===l?o.params.dialog.progressTitle:l,cssClass:"dialog-progress",content:`\n                <div class="progressbar${s?"-infinite":""}${n?` color-${n}`:""}">\n                  ${s?"":"<span></span>"}\n                </div>\n              `,destroyOnClose:t});return s||i.setProgress(a),i.open()}})}};if(e){if(o.prototype.modules&&o.prototype.modules[u.name])return;o.use(u),o.instance&&(o.instance.useModuleParams(u,o.instance.params),o.instance.useModule(u))}return u}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent))

package/components/elevation/elevation.js

@@ -1 +1,3 @@
-(function framework7ComponentLoader(e,o){void 0===o&&(o=!0);e.$,e.utils,e.getDevice,e.getSupport,e.Class,e.Modal,e.ConstructorMethods,e.ModalMethods;var t={name:"elevation"};if(o){if(e.prototype.modules&&e.prototype.modules[t.name])return;e.use(t),e.instance&&(e.instance.useModuleParams(t,e.instance.params),e.instance.useModule(t))}return t}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent))
+export default {
+  name: 'elevation'
+};

package/components/elevation/elevation.lazy.js

@@ -0,0 +1 @@
+(function framework7ComponentLoader(e,o){void 0===o&&(o=!0);e.$,e.utils,e.getDevice,e.getSupport,e.Class,e.Modal,e.ConstructorMethods,e.ModalMethods;var t={name:"elevation"};if(o){if(e.prototype.modules&&e.prototype.modules[t.name])return;e.use(t),e.instance&&(e.instance.useModuleParams(t,e.instance.params),e.instance.useModule(t))}return t}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent))

package/components/fab/fab.js

@@ -1 +1,181 @@
-(function framework7ComponentLoader(t,e){void 0===e&&(e=!0);var n=t.$,a=t.utils;t.getDevice,t.getSupport,t.Class,t.Modal,t.ConstructorMethods,t.ModalMethods;function o(t){this.wrapped=t}function s(t){var e,n;function a(e,n){try{var r=t[e](n),f=r.value,i=f instanceof o;Promise.resolve(i?f.wrapped:f).then((function(t){i?a("return"===e?"return":"next",t):s(r.done?"return":"normal",t)}),(function(t){a("throw",t)}))}catch(t){s("throw",t)}}function s(t,o){switch(t){case"return":e.resolve({value:o,done:!0});break;case"throw":e.reject(o);break;default:e.resolve({value:o,done:!1})}(e=e.next)?a(e.key,e.arg):n=null}this._invoke=function(t,o){return new Promise((function(s,r){var f={key:t,arg:o,resolve:s,reject:r,next:null};n?n=n.next=f:(e=n=f,a(t,o))}))},"function"!=typeof t.return&&(this.return=void 0)}function r(){return(r=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(t[a]=n[a])}return t}).apply(this,arguments)}s.prototype["function"==typeof Symbol&&Symbol.asyncIterator||"@@asyncIterator"]=function(){return this},s.prototype.next=function(t){return this._invoke("next",t)},s.prototype.throw=function(t){return this._invoke("throw",t)},s.prototype.return=function(t){return this._invoke("return",t)};var f=a.bindMethods,i=a.getTranslate,h=a.nextFrame,l={morphOpen:function(t,e){var a=this,o=n(t),s=n(e);if(0!==s.length){s.transition(0).addClass("fab-morph-target-visible");var r={width:s[0].offsetWidth,height:s[0].offsetHeight,offset:s.offset(),borderRadius:s.css("border-radius"),zIndex:s.css("z-index")},f={width:o[0].offsetWidth,height:o[0].offsetHeight,offset:o.offset(),translateX:i(o[0],"x"),translateY:i(o[0],"y")};o[0].f7FabMorphData={$targetEl:s,target:r,fab:f};var l=f.offset.left+f.width/2-(r.offset.left+r.width/2)-f.translateX,p=f.offset.top+f.height/2-(r.offset.top+r.height/2)-f.translateY,c=r.width/f.width,d=r.height/f.height,b=Math.ceil(parseInt(r.borderRadius,10)/Math.max(c,d));b>0&&(b+=2),o[0].f7FabMorphResizeHandler=function(){o.transition(0).transform(""),s.transition(0),r.width=s[0].offsetWidth,r.height=s[0].offsetHeight,r.offset=s.offset(),f.offset=o.offset();var t=f.offset.left+f.width/2-(r.offset.left+r.width/2)-f.translateX,e=f.offset.top+f.height/2-(r.offset.top+r.height/2)-f.translateY,n=r.width/f.width,a=r.height/f.height;o.transform("translate3d("+-t+"px, "+-e+"px, 0) scale("+n+", "+a+")")},s.css("opacity",0).transform("scale("+1/c+", "+1/d+")"),o.addClass("fab-opened").css("z-index",r.zIndex-1).transform("translate3d("+-l+"px, "+-p+"px, 0)"),o.transitionEnd((function(){s.transition(""),h((function(){s.css("opacity",1).transform("scale(1,1)"),o.transform("translate3d("+-l+"px, "+-p+"px, 0) scale("+c+", "+d+")").css("border-radius",b+"px").css("box-shadow","none").css("opacity","0")})),a.on("resize",o[0].f7FabMorphResizeHandler),s.parents(".page-content").length>0&&s.parents(".page-content").on("scroll",o[0].f7FabMorphResizeHandler)}))}},morphClose:function(t){var e=n(t),a=e[0].f7FabMorphData;if(a){var o=a.$targetEl,s=a.target,r=a.fab;if(0!==o.length){var f=r.offset.left+r.width/2-(s.offset.left+s.width/2)-r.translateX,i=r.offset.top+r.height/2-(s.offset.top+s.height/2)-r.translateY,l=s.width/r.width,p=s.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/p+")"),e.transition("").css("box-shadow","").css("border-radius","").css("opacity","1").transform("translate3d("+-f+"px, "+-i+"px, 0)"),e.transitionEnd((function(){e.css("z-index","").removeClass("fab-opened").transform(""),h((function(){e.transitionEnd((function(){o.removeClass("fab-morph-target-visible").css("opacity","").transform("").transition("")}))}))}))}}},open:function(t,e){var a=this,o=n(t).eq(0),s=o.find(".fab-buttons");if(o.length&&!o.hasClass("fab-opened")&&(s.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:function(t){void 0===t&&(t=".fab-opened");var e=n(t).eq(0),a=e.find(".fab-buttons");e.length&&e.hasClass("fab-opened")&&(a.length||e.hasClass("fab-morph"))&&(this.fab.openedEl=null,e.hasClass("fab-morph")?this.fab.morphClose(e):e.removeClass("fab-opened"),e.siblings(".fab-backdrop").removeClass("backdrop-in"),e.trigger("fab:close"))},toggle:function(t){n(t).hasClass("fab-opened")?this.fab.close(t):this.fab.open(t)}},p={name:"fab",create:function(){f(this,{fab:r({openedEl:null},l)})},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[p.name])return;t.use(p),t.instance&&(t.instance.useModuleParams(p,t.instance.params),t.instance.useModule(p))}return p}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent))
+import $ from '../../shared/dom7.js';
+import { bindMethods, getTranslate, nextFrame } from '../../shared/utils.js';
+const Fab = {
+  morphOpen(fabEl, targetEl) {
+    const app = this;
+    const $fabEl = $(fabEl);
+    const $targetEl = $(targetEl);
+    if ($targetEl.length === 0) return;
+    $targetEl.transition(0).addClass('fab-morph-target-visible');
+    const target = {
+      width: $targetEl[0].offsetWidth,
+      height: $targetEl[0].offsetHeight,
+      offset: $targetEl.offset(),
+      borderRadius: $targetEl.css('border-radius'),
+      zIndex: $targetEl.css('z-index')
+    };
+    const fab = {
+      width: $fabEl[0].offsetWidth,
+      height: $fabEl[0].offsetHeight,
+      offset: $fabEl.offset(),
+      translateX: getTranslate($fabEl[0], 'x'),
+      translateY: getTranslate($fabEl[0], 'y')
+    };
+    $fabEl[0].f7FabMorphData = {
+      $targetEl,
+      target,
+      fab
+    };
+    const diffX = fab.offset.left + fab.width / 2 - (target.offset.left + target.width / 2) - fab.translateX;
+    const diffY = fab.offset.top + fab.height / 2 - (target.offset.top + target.height / 2) - fab.translateY;
+    const scaleX = target.width / fab.width;
+    const scaleY = target.height / fab.height;
+    let borderRadius = Math.ceil(parseInt(target.borderRadius, 10) / Math.max(scaleX, scaleY));
+    if (borderRadius > 0) borderRadius += 2;
+
+    $fabEl[0].f7FabMorphResizeHandler = function resizeHandler() {
+      $fabEl.transition(0).transform('');
+      $targetEl.transition(0);
+      target.width = $targetEl[0].offsetWidth;
+      target.height = $targetEl[0].offsetHeight;
+      target.offset = $targetEl.offset();
+      fab.offset = $fabEl.offset();
+      const diffXNew = fab.offset.left + fab.width / 2 - (target.offset.left + target.width / 2) - fab.translateX;
+      const diffYNew = fab.offset.top + fab.height / 2 - (target.offset.top + target.height / 2) - fab.translateY;
+      const scaleXNew = target.width / fab.width;
+      const scaleYNew = target.height / fab.height;
+      $fabEl.transform(`translate3d(${-diffXNew}px, ${-diffYNew}px, 0) scale(${scaleXNew}, ${scaleYNew})`);
+    };
+
+    $targetEl.css('opacity', 0).transform(`scale(${1 / scaleX}, ${1 / scaleY})`);
+    $fabEl.addClass('fab-opened').css('z-index', target.zIndex - 1).transform(`translate3d(${-diffX}px, ${-diffY}px, 0)`);
+    $fabEl.transitionEnd(() => {
+      $targetEl.transition('');
+      nextFrame(() => {
+        $targetEl.css('opacity', 1).transform('scale(1,1)');
+        $fabEl.transform(`translate3d(${-diffX}px, ${-diffY}px, 0) scale(${scaleX}, ${scaleY})`).css('border-radius', `${borderRadius}px`).css('box-shadow', 'none').css('opacity', '0');
+      });
+      app.on('resize', $fabEl[0].f7FabMorphResizeHandler);
+
+      if ($targetEl.parents('.page-content').length > 0) {
+        $targetEl.parents('.page-content').on('scroll', $fabEl[0].f7FabMorphResizeHandler);
+      }
+    });
+  },
+
+  morphClose(fabEl) {
+    const app = this;
+    const $fabEl = $(fabEl);
+    const morphData = $fabEl[0].f7FabMorphData;
+    if (!morphData) return;
+    const {
+      $targetEl,
+      target,
+      fab
+    } = morphData;
+    if ($targetEl.length === 0) return;
+    const diffX = fab.offset.left + fab.width / 2 - (target.offset.left + target.width / 2) - fab.translateX;
+    const diffY = fab.offset.top + fab.height / 2 - (target.offset.top + target.height / 2) - fab.translateY;
+    const scaleX = target.width / fab.width;
+    const scaleY = target.height / fab.height;
+    app.off('resize', $fabEl[0].f7FabMorphResizeHandler);
+
+    if ($targetEl.parents('.page-content').length > 0) {
+      $targetEl.parents('.page-content').off('scroll', $fabEl[0].f7FabMorphResizeHandler);
+    }
+
+    $targetEl.css('opacity', 0).transform(`scale(${1 / scaleX}, ${1 / scaleY})`);
+    $fabEl.transition('').css('box-shadow', '').css('border-radius', '').css('opacity', '1').transform(`translate3d(${-diffX}px, ${-diffY}px, 0)`);
+    $fabEl.transitionEnd(() => {
+      $fabEl.css('z-index', '').removeClass('fab-opened').transform('');
+      nextFrame(() => {
+        $fabEl.transitionEnd(() => {
+          $targetEl.removeClass('fab-morph-target-visible').css('opacity', '').transform('').transition('');
+        });
+      });
+    });
+  },
+
+  open(fabEl, targetEl) {
+    const app = this;
+    const $fabEl = $(fabEl).eq(0);
+    const $buttonsEl = $fabEl.find('.fab-buttons');
+    if (!$fabEl.length) return;
+    if ($fabEl.hasClass('fab-opened')) return;
+    if (!$buttonsEl.length && !$fabEl.hasClass('fab-morph')) return;
+
+    if (app.fab.openedEl) {
+      if (app.fab.openedEl === $fabEl[0]) return;
+      app.fab.close(app.fab.openedEl);
+    }
+
+    app.fab.openedEl = $fabEl[0];
+
+    if ($fabEl.hasClass('fab-morph')) {
+      app.fab.morphOpen($fabEl, targetEl || $fabEl.attr('data-morph-to'));
+    } else {
+      $fabEl.addClass('fab-opened');
+    }
+
+    $fabEl.siblings('.fab-backdrop').addClass('backdrop-in');
+    $fabEl.trigger('fab:open');
+  },
+
+  close(fabEl = '.fab-opened') {
+    const app = this;
+    const $fabEl = $(fabEl).eq(0);
+    const $buttonsEl = $fabEl.find('.fab-buttons');
+    if (!$fabEl.length) return;
+    if (!$fabEl.hasClass('fab-opened')) return;
+    if (!$buttonsEl.length && !$fabEl.hasClass('fab-morph')) return;
+    app.fab.openedEl = null;
+
+    if ($fabEl.hasClass('fab-morph')) {
+      app.fab.morphClose($fabEl);
+    } else {
+      $fabEl.removeClass('fab-opened');
+    }
+
+    $fabEl.siblings('.fab-backdrop').removeClass('backdrop-in');
+    $fabEl.trigger('fab:close');
+  },
+
+  toggle(fabEl) {
+    const app = this;
+    const $fabEl = $(fabEl);
+    if (!$fabEl.hasClass('fab-opened')) app.fab.open(fabEl);else app.fab.close(fabEl);
+  }
+
+};
+export default {
+  name: 'fab',
+
+  create() {
+    const app = this;
+    bindMethods(app, {
+      fab: {
+        openedEl: null,
+        ...Fab
+      }
+    });
+  },
+
+  clicks: {
+    '.fab > a': function open($clickedEl) {
+      const app = this;
+      app.fab.toggle($clickedEl.parents('.fab'));
+    },
+    '.fab-open': function open($clickedEl, data = {}) {
+      const app = this;
+      app.fab.open(data.fab);
+    },
+    '.fab-close': function close($clickedEl, data = {}) {
+      const app = this;
+      app.fab.close(data.fab);
+    },
+    '.fab-backdrop': function close() {
+      const app = this;
+      app.fab.close();
+    }
+  }
+};

package/components/fab/fab.lazy.js

@@ -0,0 +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))

package/components/form/form.js

@@ -1 +1,347 @@
-(function framework7ComponentLoader(t,e){void 0===e&&(e=!0);var a=t.$,o=t.utils,r=(t.getDevice,t.getSupport,t.Class,t.Modal,t.ConstructorMethods,t.ModalMethods,o.extend),n=o.serializeObject,i={store:function(t,e){var o=t,r=a(t);r.length&&r.is("form")&&r.attr("id")&&(o=r.attr("id")),this.form.data["form-"+o]=e,window.localStorage["f7form-"+o]=JSON.stringify(e)},get:function(t){var e=t,o=a(t);return o.length&&o.is("form")&&o.attr("id")&&(e=o.attr("id")),window.localStorage["f7form-"+e]?JSON.parse(window.localStorage["f7form-"+e]):this.form.data["form-"+e]?this.form.data["form-"+e]:void 0},remove:function(t){var e=this,o=t,r=a(t);r.length&&r.is("form")&&r.attr("id")&&(o=r.attr("id")),e.form.data["form-"+o]&&(e.form.data["form-"+o]="",delete e.form.data["form-"+o]),window.localStorage["f7form-"+o]&&(window.localStorage["f7form-"+o]="",window.localStorage.removeItem("f7form-"+o))}},f={init:function(t){var e=this,o=a(t),r=o.attr("id");if(r){var n=e.form.getFormData(r);n&&e.form.fillFromData(o,n),o.on("change submit",(function(){var t=e.form.convertToData(o);t&&(e.form.storeFormData(r,t),o.trigger("form:storedata",t),e.emit("formStoreData",o[0],t))}))}},destroy:function(t){a(t).off("change submit")}};function s(t){var e=a(t).eq(0);if(0!==e.length){var o={},r=["submit","image","button","file"],n=[];return e.find("input, select, textarea").each((function(t){var i=a(t);if(!i.hasClass("ignore-store-data")&&!i.hasClass("no-store-data")){var f=i.attr("name"),s=i.attr("type"),m=t.nodeName.toLowerCase();if(!(r.indexOf(s)>=0)&&!(n.indexOf(f)>=0)&&f)if("select"===m&&i.prop("multiple"))n.push(f),o[f]=[],e.find('select[name="'+f+'"] option').each((function(t){t.selected&&o[f].push(t.value)}));else switch(s){case"checkbox":n.push(f),o[f]=[],e.find('input[name="'+f+'"]').each((function(t){t.checked&&o[f].push(t.value)}));break;case"radio":n.push(f),e.find('input[name="'+f+'"]').each((function(t){t.checked&&(o[f]=t.value)}));break;default:o[f]=i.val()}}})),e.trigger("form:todata",o),this.emit("formToData",e[0],o),o}}function m(t,e){var o=a(t).eq(0);if(o.length){var r=e,n=o.attr("id");if(!r&&n&&(r=this.form.getFormData(n)),r){var i=["submit","image","button","file"],f=[];o.find("input, select, textarea").each((function(t){var e=a(t);if(!e.hasClass("ignore-store-data")&&!e.hasClass("no-store-data")){var n=e.attr("name"),s=e.attr("type"),m=t.nodeName.toLowerCase();if(void 0!==r[n]&&null!==r[n]&&!(i.indexOf(s)>=0)&&!(f.indexOf(n)>=0)&&n){if("select"===m&&e.prop("multiple"))f.push(n),o.find('select[name="'+n+'"] option').each((function(t){var e=t;r[n].indexOf(t.value)>=0?e.selected=!0:e.selected=!1}));else switch(s){case"checkbox":f.push(n),o.find('input[name="'+n+'"]').each((function(t){var e=t;r[n].indexOf(t.value)>=0?e.checked=!0:e.checked=!1}));break;case"radio":f.push(n),o.find('input[name="'+n+'"]').each((function(t){var e=t;r[n]===t.value?e.checked=!0:e.checked=!1}));break;default:e.val(r[n])}"select"!==m&&"input"!==m&&"textarea"!==m||e.trigger("change","fromdata")}}})),o.trigger("form:fromdata",r),this.emit("formFromData",o[0],r)}}}function c(){var t=this;a(document).on("submit change","form.form-ajax-submit, form.form-ajax-submit-onchange",(function(e,o){var r=a(this);if(("change"!==e.type||r.hasClass("form-ajax-submit-onchange"))&&("submit"===e.type&&e.preventDefault(),"change"!==e.type||"fromdata"!==o)){var i,f=(r.attr("method")||"GET").toUpperCase(),s=r.prop("enctype")||r.attr("enctype"),m=r.attr("action");if(m)i="POST"===f?"application/x-www-form-urlencoded"===s?t.form.convertToData(r[0]):new window.FormData(r[0]):n(t.form.convertToData(r[0])),t.request({method:f,url:m,contentType:s,data:i,beforeSend:function(e){r.trigger("formajax:beforesend",{data:i,xhr:e}),t.emit("formAjaxBeforeSend",r[0],i,e)},error:function(e){r.trigger("formajax:error",{data:i,xhr:e}),t.emit("formAjaxError",r[0],i,e)},complete:function(e){r.trigger("formajax:complete",{data:i,xhr:e}),t.emit("formAjaxComplete",r[0],i,e)},success:function(e,a,o){r.trigger("formajax:success",{data:i,xhr:o}),t.emit("formAjaxSuccess",r[0],i,o)}})}}))}var d={name:"form",create:function(){var t=this;r(t,{form:{data:{},storeFormData:i.store.bind(t),getFormData:i.get.bind(t),removeFormData:i.remove.bind(t),convertToData:s.bind(t),fillFromData:m.bind(t),storage:{init:f.init.bind(t),destroy:f.destroy.bind(t)}}})},on:{init:function(){c.call(this)},tabBeforeRemove:function(t){var e=this;a(t).find(".form-store-data").each((function(t){e.form.storage.destroy(t)}))},tabMounted:function(t){var e=this;a(t).find(".form-store-data").each((function(t){e.form.storage.init(t)}))},pageBeforeRemove:function(t){var e=this;t.$el.find(".form-store-data").each((function(t){e.form.storage.destroy(t)}))},pageInit:function(t){var e=this;t.$el.find(".form-store-data").each((function(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))
+import { getWindow, getDocument } from 'ssr-window';
+import $ from '../../shared/dom7.js';
+import { extend, serializeObject } from '../../shared/utils.js'; // Form Data
+
+const FormData = {
+  store(form, data) {
+    const app = this;
+    const window = getWindow();
+    let formId = form;
+    const $formEl = $(form);
+
+    if ($formEl.length && $formEl.is('form') && $formEl.attr('id')) {
+      formId = $formEl.attr('id');
+    } // Store form data in app.formsData
+
+
+    app.form.data[`form-${formId}`] = data; // Store form data in local storage also
+
+    window.localStorage[`f7form-${formId}`] = JSON.stringify(data);
+  },
+
+  get(form) {
+    const app = this;
+    const window = getWindow();
+    let formId = form;
+    const $formEl = $(form);
+
+    if ($formEl.length && $formEl.is('form') && $formEl.attr('id')) {
+      formId = $formEl.attr('id');
+    }
+
+    if (window.localStorage[`f7form-${formId}`]) {
+      return JSON.parse(window.localStorage[`f7form-${formId}`]);
+    }
+
+    if (app.form.data[`form-${formId}`]) {
+      return app.form.data[`form-${formId}`];
+    }
+
+    return undefined;
+  },
+
+  remove(form) {
+    const app = this;
+    const window = getWindow();
+    let formId = form;
+    const $formEl = $(form);
+
+    if ($formEl.length && $formEl.is('form') && $formEl.attr('id')) {
+      formId = $formEl.attr('id');
+    } // Delete form data from app.formsData
+
+
+    if (app.form.data[`form-${formId}`]) {
+      app.form.data[`form-${formId}`] = '';
+      delete app.form.data[`form-${formId}`];
+    } // Delete form data from local storage also
+
+
+    if (window.localStorage[`f7form-${formId}`]) {
+      window.localStorage[`f7form-${formId}`] = '';
+      window.localStorage.removeItem(`f7form-${formId}`);
+    }
+  }
+
+}; // Form Storage
+
+const FormStorage = {
+  init(formEl) {
+    const app = this;
+    const $formEl = $(formEl);
+    const formId = $formEl.attr('id');
+    if (!formId) return;
+    const initialData = app.form.getFormData(formId);
+
+    if (initialData) {
+      app.form.fillFromData($formEl, initialData);
+    }
+
+    function store() {
+      const data = app.form.convertToData($formEl);
+      if (!data) return;
+      app.form.storeFormData(formId, data);
+      $formEl.trigger('form:storedata', data);
+      app.emit('formStoreData', $formEl[0], data);
+    }
+
+    $formEl.on('change submit', store);
+  },
+
+  destroy(formEl) {
+    const $formEl = $(formEl);
+    $formEl.off('change submit');
+  }
+
+}; // Form To/From Data
+
+function formToData(formEl) {
+  const app = this;
+  const $formEl = $(formEl).eq(0);
+  if ($formEl.length === 0) return undefined; // Form data
+
+  const data = {}; // Skip input types
+
+  const skipTypes = ['submit', 'image', 'button', 'file'];
+  const skipNames = [];
+  $formEl.find('input, select, textarea').each(inputEl => {
+    const $inputEl = $(inputEl);
+
+    if ($inputEl.hasClass('ignore-store-data') || $inputEl.hasClass('no-store-data')) {
+      return;
+    }
+
+    const name = $inputEl.attr('name');
+    const type = $inputEl.attr('type');
+    const tag = inputEl.nodeName.toLowerCase();
+    if (skipTypes.indexOf(type) >= 0) return;
+    if (skipNames.indexOf(name) >= 0 || !name) return;
+
+    if (tag === 'select' && $inputEl.prop('multiple')) {
+      skipNames.push(name);
+      data[name] = [];
+      $formEl.find(`select[name="${name}"] option`).each(el => {
+        if (el.selected) data[name].push(el.value);
+      });
+    } else {
+      switch (type) {
+        case 'checkbox':
+          skipNames.push(name);
+          data[name] = [];
+          $formEl.find(`input[name="${name}"]`).each(el => {
+            if (el.checked) data[name].push(el.value);
+          });
+          break;
+
+        case 'radio':
+          skipNames.push(name);
+          $formEl.find(`input[name="${name}"]`).each(el => {
+            if (el.checked) data[name] = el.value;
+          });
+          break;
+
+        default:
+          data[name] = $inputEl.val();
+          break;
+      }
+    }
+  });
+  $formEl.trigger('form:todata', data);
+  app.emit('formToData', $formEl[0], data);
+  return data;
+}
+
+function formFromData(formEl, formData) {
+  const app = this;
+  const $formEl = $(formEl).eq(0);
+  if (!$formEl.length) return;
+  let data = formData;
+  const formId = $formEl.attr('id');
+
+  if (!data && formId) {
+    data = app.form.getFormData(formId);
+  }
+
+  if (!data) return; // Skip input types
+
+  const skipTypes = ['submit', 'image', 'button', 'file'];
+  const skipNames = [];
+  $formEl.find('input, select, textarea').each(inputEl => {
+    const $inputEl = $(inputEl);
+
+    if ($inputEl.hasClass('ignore-store-data') || $inputEl.hasClass('no-store-data')) {
+      return;
+    }
+
+    const name = $inputEl.attr('name');
+    const type = $inputEl.attr('type');
+    const tag = inputEl.nodeName.toLowerCase();
+    if (typeof data[name] === 'undefined' || data[name] === null) return;
+    if (skipTypes.indexOf(type) >= 0) return;
+    if (skipNames.indexOf(name) >= 0 || !name) return;
+
+    if (tag === 'select' && $inputEl.prop('multiple')) {
+      skipNames.push(name);
+      $formEl.find(`select[name="${name}"] option`).each(el => {
+        const selectEl = el;
+        if (data[name].indexOf(el.value) >= 0) selectEl.selected = true;else selectEl.selected = false;
+      });
+    } else {
+      switch (type) {
+        case 'checkbox':
+          skipNames.push(name);
+          $formEl.find(`input[name="${name}"]`).each(el => {
+            const checkboxEl = el;
+            if (data[name].indexOf(el.value) >= 0) checkboxEl.checked = true;else checkboxEl.checked = false;
+          });
+          break;
+
+        case 'radio':
+          skipNames.push(name);
+          $formEl.find(`input[name="${name}"]`).each(el => {
+            const radioEl = el;
+            if (data[name] === el.value) radioEl.checked = true;else radioEl.checked = false;
+          });
+          break;
+
+        default:
+          $inputEl.val(data[name]);
+          break;
+      }
+    }
+
+    if (tag === 'select' || tag === 'input' || tag === 'textarea') {
+      $inputEl.trigger('change', 'fromdata');
+    }
+  });
+  $formEl.trigger('form:fromdata', data);
+  app.emit('formFromData', $formEl[0], data);
+}
+
+function initAjaxForm() {
+  const app = this;
+  const window = getWindow();
+  const document = getDocument();
+
+  function onSubmitChange(e, fromData) {
+    const $formEl = $(this);
+    if (e.type === 'change' && !$formEl.hasClass('form-ajax-submit-onchange')) return;
+    if (e.type === 'submit') e.preventDefault();
+    if (e.type === 'change' && fromData === 'fromdata') return;
+    const method = ($formEl.attr('method') || 'GET').toUpperCase();
+    const contentType = $formEl.prop('enctype') || $formEl.attr('enctype');
+    const url = $formEl.attr('action');
+    if (!url) return;
+    let data;
+
+    if (method === 'POST') {
+      if (contentType === 'application/x-www-form-urlencoded') {
+        data = app.form.convertToData($formEl[0]);
+      } else {
+        data = new window.FormData($formEl[0]);
+      }
+    } else {
+      data = serializeObject(app.form.convertToData($formEl[0]));
+    }
+
+    app.request({
+      method,
+      url,
+      contentType,
+      data,
+
+      beforeSend(xhr) {
+        $formEl.trigger('formajax:beforesend', {
+          data,
+          xhr
+        });
+        app.emit('formAjaxBeforeSend', $formEl[0], data, xhr);
+      },
+
+      error(xhr) {
+        $formEl.trigger('formajax:error', {
+          data,
+          xhr
+        });
+        app.emit('formAjaxError', $formEl[0], data, xhr);
+      },
+
+      complete(xhr) {
+        $formEl.trigger('formajax:complete', {
+          data,
+          xhr
+        });
+        app.emit('formAjaxComplete', $formEl[0], data, xhr);
+      },
+
+      success(response, status, xhr) {
+        $formEl.trigger('formajax:success', {
+          data,
+          xhr
+        });
+        app.emit('formAjaxSuccess', $formEl[0], data, xhr);
+      }
+
+    });
+  }
+
+  $(document).on('submit change', 'form.form-ajax-submit, form.form-ajax-submit-onchange', onSubmitChange);
+}
+
+export default {
+  name: 'form',
+
+  create() {
+    const app = this;
+    extend(app, {
+      form: {
+        data: {},
+        storeFormData: FormData.store.bind(app),
+        getFormData: FormData.get.bind(app),
+        removeFormData: FormData.remove.bind(app),
+        convertToData: formToData.bind(app),
+        fillFromData: formFromData.bind(app),
+        storage: {
+          init: FormStorage.init.bind(app),
+          destroy: FormStorage.destroy.bind(app)
+        }
+      }
+    });
+  },
+
+  on: {
+    init() {
+      const app = this;
+      initAjaxForm.call(app);
+    },
+
+    tabBeforeRemove(tabEl) {
+      const app = this;
+      $(tabEl).find('.form-store-data').each(formEl => {
+        app.form.storage.destroy(formEl);
+      });
+    },
+
+    tabMounted(tabEl) {
+      const app = this;
+      $(tabEl).find('.form-store-data').each(formEl => {
+        app.form.storage.init(formEl);
+      });
+    },
+
+    pageBeforeRemove(page) {
+      const app = this;
+      page.$el.find('.form-store-data').each(formEl => {
+        app.form.storage.destroy(formEl);
+      });
+    },
+
+    pageInit(page) {
+      const app = this;
+      page.$el.find('.form-store-data').each(formEl => {
+        app.form.storage.init(formEl);
+      });
+    }
+
+  }
+};

package/components/form/form.lazy.js

@@ -0,0 +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))