framework7 7.0.9 → 8.0.0-beta.1

package/modules/component/eventslisteners.js

@@ -1,43 +1,37 @@
 import $ from '../../shared/dom7.js';
-
 function invokeHandler(handler, event, args) {
   if (typeof handler === 'function') {
     // call function handler
     handler(event, ...args);
   }
 }
-
 function handleEvent(event, args, vnode) {
   const name = event.type;
-  const on = vnode.data.on; // call event handler(s) if exists
-
+  const on = vnode.data.on;
+  // call event handler(s) if exists
   if (on && on[name]) {
     invokeHandler(on[name], event, args, vnode);
   }
 }
-
 function createListener() {
   return function handler(event) {
     for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
       args[_key - 1] = arguments[_key];
     }
-
     handleEvent(event, args, handler.vnode);
   };
 }
-
 function updateEvents(oldVnode, vnode) {
   const oldOn = oldVnode.data.on;
   const oldListener = oldVnode.listener;
   const oldElm = oldVnode.elm;
   const on = vnode && vnode.data.on;
-  const elm = vnode && vnode.elm; // optimization for reused immutable handlers
-
+  const elm = vnode && vnode.elm;
+  // optimization for reused immutable handlers
   if (oldOn === on) {
     return;
-  } // remove existing listeners which no longer used
-
-
+  }
+  // remove existing listeners which no longer used
   if (oldOn && oldListener) {
     // if element changed or deleted we remove all existing listeners unconditionally
     if (!on) {
@@ -51,16 +45,15 @@ function updateEvents(oldVnode, vnode) {
         }
       });
     }
-  } // add new listeners which has not already attached
-
-
+  }
+  // add new listeners which has not already attached
   if (on) {
     // reuse existing listener or create new
     const listener = oldVnode.listener || createListener();
-    vnode.listener = listener; // update vnode for listener
-
-    listener.vnode = vnode; // if element changed or added we add all needed listeners unconditionally
-
+    vnode.listener = listener;
+    // update vnode for listener
+    listener.vnode = vnode;
+    // if element changed or added we add all needed listeners unconditionally
     if (!oldOn) {
       Object.keys(on).forEach(name => {
         $(elm).on(name, listener);
@@ -74,7 +67,6 @@ function updateEvents(oldVnode, vnode) {
     }
   }
 }
-
 export default {
   create: updateEvents,
   update: updateEvents,

package/modules/component/parse-component.js

@@ -1,43 +1,39 @@
 import { getWindow, getDocument } from 'ssr-window';
 import $ from '../../shared/dom7.js';
 import { id } from '../../shared/utils.js';
-
 function parseComponent(componentString) {
   const window = getWindow();
   const document = getDocument();
   const componentId = id();
-  const callbackCreateName = `f7_component_create_callback_${componentId}`; // Template
+  const callbackCreateName = `f7_component_create_callback_${componentId}`;
 
+  // Template
   let template;
   const hasTemplate = componentString.match(/<template([ ]?)([a-z0-9-]*)>/);
-
   if (hasTemplate) {
     template = componentString.split(/<template[ ]?[a-z0-9-]*>/).filter((item, index) => index > 0).join('<template>').split('</template>').filter((item, index, arr) => index < arr.length - 1).join('</template>').replace(/{{#raw}}([ \n]*)<template/g, '{{#raw}}<template').replace(/\/template>([ \n]*){{\/raw}}/g, '/template>{{/raw}}').replace(/([ \n])<template/g, '$1{{#raw}}<template').replace(/\/template>([ \n])/g, '/template>{{/raw}}$1');
-  } // Parse Styles
-
+  }
 
+  // Parse Styles
   let style = null;
-
   if (componentString.indexOf('<style>') >= 0) {
     style = componentString.split('<style>')[1].split('</style>')[0];
   }
-
   if (componentString.indexOf('<style scoped>') >= 0) {
     style = componentString.split('<style scoped>')[1].split('</style>')[0];
-  } // Parse Script
-
+  }
 
+  // Parse Script
   let scriptContent;
-
   if (componentString.indexOf('<script>') >= 0) {
     const scripts = componentString.split('<script>');
     scriptContent = scripts[scripts.length - 1].split('</script>')[0].trim();
   } else {
     scriptContent = 'return () => {return $render}';
   }
+  if (!scriptContent || !scriptContent.trim()) scriptContent = 'return () => {return $render}';
 
-  if (!scriptContent || !scriptContent.trim()) scriptContent = 'return () => {return $render}'; // Parse Template
-
+  // Parse Template
   if (template) {
     scriptContent = scriptContent.replace('$render', `function ($$ctx) {
           var $ = $$ctx.$$;
@@ -54,27 +50,29 @@ function parseComponent(componentString) {
           return $h\`${template}\`
         }
         `).replace(/export default/g, 'return');
-  } // Execute Script
-
+  }
 
-  scriptContent = `window.${callbackCreateName} = function () {${scriptContent}}`; // Insert Script El
+  // Execute Script
+  scriptContent = `window.${callbackCreateName} = function () {${scriptContent}}`;
 
+  // Insert Script El
   const scriptEl = document.createElement('script');
   scriptEl.innerHTML = scriptContent;
   $('head').append(scriptEl);
-  const component = window[callbackCreateName](); // Remove Script El
+  const component = window[callbackCreateName]();
 
+  // Remove Script El
   $(scriptEl).remove();
   window[callbackCreateName] = null;
-  delete window[callbackCreateName]; // Assign Style
+  delete window[callbackCreateName];
 
+  // Assign Style
   if (style) {
     component.style = style;
-  } // Component ID
-
+  }
 
+  // Component ID
   component.id = componentId;
   return component;
 }
-
 export default parseComponent;

package/modules/component/snabbdom/h.js

@@ -1,29 +1,23 @@
 import { vnode } from './vnode.js';
 import * as is from './is.js';
-
 function addNS(data, children, sel) {
   data.ns = 'http://www.w3.org/2000/svg';
-
   if (sel !== 'foreignObject' && children !== undefined) {
     for (var i = 0; i < children.length; ++i) {
       var childData = children[i].data;
-
       if (childData !== undefined) {
         addNS(childData, children[i].children, children[i].sel);
       }
     }
   }
 }
-
 export function h(sel, b, c) {
   var data = {},
-      children,
-      text,
-      i;
-
+    children,
+    text,
+    i;
   if (c !== undefined) {
     data = b;
-
     if (is.array(c)) {
       children = c;
     } else if (is.primitive(c)) {
@@ -42,17 +36,14 @@ export function h(sel, b, c) {
       data = b;
     }
   }
-
   if (is.array(children)) {
     for (i = 0; i < children.length; ++i) {
       if (is.primitive(children[i])) children[i] = vnode(undefined, undefined, undefined, children[i], undefined);
     }
   }
-
   if (sel[0] === 's' && sel[1] === 'v' && sel[2] === 'g' && (sel.length === 3 || sel[3] === '.' || sel[3] === '#')) {
     addNS(data, children, sel);
   }
-
   return vnode(sel, data, children, text, undefined);
 }
 ;

package/modules/component/snabbdom/helpers/attachto.js

@@ -1,39 +1,34 @@
 function pre(vnode, newVnode) {
-  var attachData = vnode.data.attachData; // Copy created placeholder and real element from old vnode
-
+  var attachData = vnode.data.attachData;
+  // Copy created placeholder and real element from old vnode
   newVnode.data.attachData.placeholder = attachData.placeholder;
-  newVnode.data.attachData.real = attachData.real; // Mount real element in vnode so the patch process operates on it
-
+  newVnode.data.attachData.real = attachData.real;
+  // Mount real element in vnode so the patch process operates on it
   vnode.elm = vnode.data.attachData.real;
 }
-
 function post(_, vnode) {
   // Mount dummy placeholder in vnode so potential reorders use it
   vnode.elm = vnode.data.attachData.placeholder;
 }
-
 function destroy(vnode) {
   // Remove placeholder
   if (vnode.elm !== undefined) {
     vnode.elm.parentNode.removeChild(vnode.elm);
-  } // Remove real element from where it was inserted
-
-
+  }
+  // Remove real element from where it was inserted
   vnode.elm = vnode.data.attachData.real;
 }
-
 function create(_, vnode) {
   var real = vnode.elm,
-      attachData = vnode.data.attachData;
-  var placeholder = document.createElement('span'); // Replace actual element with dummy placeholder
+    attachData = vnode.data.attachData;
+  var placeholder = document.createElement('span');
+  // Replace actual element with dummy placeholder
   // Snabbdom will then insert placeholder instead
-
   vnode.elm = placeholder;
   attachData.target.appendChild(real);
   attachData.real = real;
   attachData.placeholder = placeholder;
 }
-
 export function attachTo(target, vnode) {
   if (vnode.data === undefined) vnode.data = {};
   if (vnode.data.hook === undefined) vnode.data.hook = {};

package/modules/component/snabbdom/htmldomapi.js

@@ -1,68 +1,52 @@
 function createElement(tagName) {
   return document.createElement(tagName);
 }
-
 function createElementNS(namespaceURI, qualifiedName) {
   return document.createElementNS(namespaceURI, qualifiedName);
 }
-
 function createTextNode(text) {
   return document.createTextNode(text);
 }
-
 function createComment(text) {
   return document.createComment(text);
 }
-
 function insertBefore(parentNode, newNode, referenceNode) {
   if (referenceNode && referenceNode.parentNode !== parentNode) {
     if (referenceNode.__component__) referenceNode = referenceNode.__component__.el;
   }
-
   parentNode.insertBefore(newNode, referenceNode);
 }
-
 function removeChild(node, child) {
   if (!node) return;
   node.removeChild(child);
 }
-
 function appendChild(node, child) {
   node.appendChild(child);
 }
-
 function parentNode(node) {
   return node.parentNode;
 }
-
 function nextSibling(node) {
   return node.nextSibling;
 }
-
 function tagName(elm) {
   return elm.tagName;
 }
-
 function setTextContent(node, text) {
   node.textContent = text;
 }
-
 function getTextContent(node) {
   return node.textContent;
 }
-
 function isElement(node) {
   return node.nodeType === 1;
 }
-
 function isText(node) {
   return node.nodeType === 3;
 }
-
 function isComment(node) {
   return node.nodeType === 8;
 }
-
 export var htmlDomApi = {
   createElement: createElement,
   createElementNS: createElementNS,

package/modules/component/snabbdom/modules/attributes.js

@@ -2,21 +2,19 @@ var xlinkNS = 'http://www.w3.org/1999/xlink';
 var xmlNS = 'http://www.w3.org/XML/1998/namespace';
 var colonChar = 58;
 var xChar = 120;
-
 function updateAttrs(oldVnode, vnode) {
   var key,
-      elm = vnode.elm,
-      oldAttrs = oldVnode.data.attrs,
-      attrs = vnode.data.attrs;
+    elm = vnode.elm,
+    oldAttrs = oldVnode.data.attrs,
+    attrs = vnode.data.attrs;
   if (!oldAttrs && !attrs) return;
   if (oldAttrs === attrs) return;
   oldAttrs = oldAttrs || {};
-  attrs = attrs || {}; // update modified attributes, add new attributes
-
+  attrs = attrs || {};
+  // update modified attributes, add new attributes
   for (key in attrs) {
     var cur = attrs[key];
     var old = oldAttrs[key];
-
     if (old !== cur) {
       if (cur === true) {
         elm.setAttribute(key, "");
@@ -36,18 +34,16 @@ function updateAttrs(oldVnode, vnode) {
         }
       }
     }
-  } // remove removed attributes
+  }
+  // remove removed attributes
   // use `in` operator since the previous `for` iteration uses it (.i.e. add even attributes with undefined value)
   // the other option is to remove all attributes with value == undefined
-
-
   for (key in oldAttrs) {
     if (!(key in attrs)) {
       elm.removeAttribute(key);
     }
   }
 }
-
 export var attributesModule = {
   create: updateAttrs,
   update: updateAttrs

package/modules/component/snabbdom/modules/class.js

@@ -1,29 +1,25 @@
 function updateClass(oldVnode, vnode) {
   var cur,
-      name,
-      elm = vnode.elm,
-      oldClass = oldVnode.data.class,
-      klass = vnode.data.class;
+    name,
+    elm = vnode.elm,
+    oldClass = oldVnode.data.class,
+    klass = vnode.data.class;
   if (!oldClass && !klass) return;
   if (oldClass === klass) return;
   oldClass = oldClass || {};
   klass = klass || {};
-
   for (name in oldClass) {
     if (!klass[name]) {
       elm.classList.remove(name);
     }
   }
-
   for (name in klass) {
     cur = klass[name];
-
     if (cur !== oldClass[name]) {
       elm.classList[cur ? 'add' : 'remove'](name);
     }
   }
 }
-
 export var classModule = {
   create: updateClass,
   update: updateClass

package/modules/component/snabbdom/modules/dataset.js

@@ -1,16 +1,14 @@
 var CAPS_REGEX = /[A-Z]/g;
-
 function updateDataset(oldVnode, vnode) {
   var elm = vnode.elm,
-      oldDataset = oldVnode.data.dataset,
-      dataset = vnode.data.dataset,
-      key;
+    oldDataset = oldVnode.data.dataset,
+    dataset = vnode.data.dataset,
+    key;
   if (!oldDataset && !dataset) return;
   if (oldDataset === dataset) return;
   oldDataset = oldDataset || {};
   dataset = dataset || {};
   var d = elm.dataset;
-
   for (key in oldDataset) {
     if (!dataset[key]) {
       if (d) {
@@ -22,7 +20,6 @@ function updateDataset(oldVnode, vnode) {
       }
     }
   }
-
   for (key in dataset) {
     if (oldDataset[key] !== dataset[key]) {
       if (d) {
@@ -33,7 +30,6 @@ function updateDataset(oldVnode, vnode) {
     }
   }
 }
-
 export var datasetModule = {
   create: updateDataset,
   update: updateDataset

package/modules/component/snabbdom/modules/eventlisteners.js

@@ -22,35 +22,31 @@ function invokeHandler(handler, vnode, event) {
     }
   }
 }
-
 function handleEvent(event, vnode) {
   var name = event.type,
-      on = vnode.data.on; // call event handler(s) if exists
-
+    on = vnode.data.on;
+  // call event handler(s) if exists
   if (on && on[name]) {
     invokeHandler(on[name], vnode, event);
   }
 }
-
 function createListener() {
   return function handler(event) {
     handleEvent(event, handler.vnode);
   };
 }
-
 function updateEventListeners(oldVnode, vnode) {
   var oldOn = oldVnode.data.on,
-      oldListener = oldVnode.listener,
-      oldElm = oldVnode.elm,
-      on = vnode && vnode.data.on,
-      elm = vnode && vnode.elm,
-      name; // optimization for reused immutable handlers
-
+    oldListener = oldVnode.listener,
+    oldElm = oldVnode.elm,
+    on = vnode && vnode.data.on,
+    elm = vnode && vnode.elm,
+    name;
+  // optimization for reused immutable handlers
   if (oldOn === on) {
     return;
-  } // remove existing listeners which no longer used
-
-
+  }
+  // remove existing listeners which no longer used
   if (oldOn && oldListener) {
     // if element changed or deleted we remove all existing listeners unconditionally
     if (!on) {
@@ -66,15 +62,14 @@ function updateEventListeners(oldVnode, vnode) {
         }
       }
     }
-  } // add new listeners which has not already attached
-
-
+  }
+  // add new listeners which has not already attached
   if (on) {
     // reuse existing listener or create new
-    var listener = vnode.listener = oldVnode.listener || createListener(); // update vnode for listener
-
-    listener.vnode = vnode; // if element changed or added we add all needed listeners unconditionally
-
+    var listener = vnode.listener = oldVnode.listener || createListener();
+    // update vnode for listener
+    listener.vnode = vnode;
+    // if element changed or added we add all needed listeners unconditionally
     if (!oldOn) {
       for (name in on) {
         // add listener if element was changed or new listeners added
@@ -90,7 +85,6 @@ function updateEventListeners(oldVnode, vnode) {
     }
   }
 }
-
 export var eventListenersModule = {
   create: updateEventListeners,
   update: updateEventListeners,