quasar 1.20.0 → 1.20.2

package/dist/quasar.umd.modern.js

@@ -1,5 +1,5 @@
 /*!
- * Quasar Framework v1.20.0
+ * Quasar Framework v1.20.2
  * (c) 2015-present Razvan Stoenescu
  * Released under the MIT License.
  */
@@ -12,7 +12,7 @@
 
   Vue = Vue && Object.prototype.hasOwnProperty.call(Vue, 'default') ? Vue['default'] : Vue;
 
-  var version = "1.20.0";
+  var version = "1.20.2";
 
   /* eslint-disable no-useless-escape */
 
@@ -980,7 +980,9 @@
       create: 'Create',
       search: 'Search',
       filter: 'Filter',
-      refresh: 'Refresh'
+      refresh: 'Refresh',
+      expand: function (label) { return label ? `Expand "${label}"` : 'Expand' },
+      collapse: function (label) { return label ? `Collapse "${label}"` : 'Collapse' }
     },
     date: {
       days: 'Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday'.split('_'),
@@ -5340,6 +5342,7 @@
       attrs () {
         return {
           tabindex: -1,
+          role: 'menu',
           ...this.qAttrs
         }
       }
@@ -5567,6 +5570,79 @@
     }
   });
 
+  /**
+   * Based on the work of https://github.com/jchook/uuid-random
+   */
+
+  let
+    buf,
+    bufIdx = 0;
+  const hexBytes = new Array(256);
+
+  // Pre-calculate toString(16) for speed
+  for (let i = 0; i < 256; i++) {
+    hexBytes[i] = (i + 0x100).toString(16).substr(1);
+  }
+
+  // Use best available PRNG
+  const randomBytes = (() => {
+    // Node & Browser support
+    const lib = typeof crypto !== 'undefined'
+      ? crypto
+      : (
+        typeof window !== 'undefined'
+          ? window.msCrypto // IE11
+          : void 0
+      );
+
+    if (lib !== void 0) {
+      if (lib.randomBytes !== void 0) {
+        return lib.randomBytes
+      }
+      if (lib.getRandomValues !== void 0) {
+        return n => {
+          var bytes = new Uint8Array(n);
+          lib.getRandomValues(bytes);
+          return bytes
+        }
+      }
+    }
+
+    return n => {
+      const r = [];
+      for (let i = n; i > 0; i--) {
+        r.push(Math.floor(Math.random() * 256));
+      }
+      return r
+    }
+  })();
+
+  // Buffer random numbers for speed
+  // Reduce memory usage by decreasing this number (min 16)
+  // or improve speed by increasing this number (try 16384)
+  const BUFFER_SIZE = 4096;
+
+  function uid () {
+    // Buffer some random bytes for speed
+    if (buf === void 0 || (bufIdx + 16 > BUFFER_SIZE)) {
+      bufIdx = 0;
+      buf = randomBytes(BUFFER_SIZE);
+    }
+
+    const b = Array.prototype.slice.call(buf, bufIdx, (bufIdx += 16));
+    b[6] = (b[6] & 0x0f) | 0x40;
+    b[8] = (b[8] & 0x3f) | 0x80;
+
+    return hexBytes[b[0]] + hexBytes[b[1]] +
+      hexBytes[b[2]] + hexBytes[b[3]] + '-' +
+      hexBytes[b[4]] + hexBytes[b[5]] + '-' +
+      hexBytes[b[6]] + hexBytes[b[7]] + '-' +
+      hexBytes[b[8]] + hexBytes[b[9]] + '-' +
+      hexBytes[b[10]] + hexBytes[b[11]] +
+      hexBytes[b[12]] + hexBytes[b[13]] +
+      hexBytes[b[14]] + hexBytes[b[15]]
+  }
+
   var QBtnDropdown = Vue.extend({
     name: 'QBtnDropdown',
 
@@ -5600,7 +5676,9 @@
       disableMainBtn: Boolean,
       disableDropdown: Boolean,
 
-      noIconAnimation: Boolean
+      noIconAnimation: Boolean,
+
+      toggleAriaLabel: String
     },
 
     data () {
@@ -5623,7 +5701,10 @@
       const label = slot(this, 'label', []);
       const attrs = {
         'aria-expanded': this.showing === true ? 'true' : 'false',
-        'aria-haspopup': 'true'
+        'aria-haspopup': 'true',
+        'aria-controls': this.targetUid,
+        'aria-owns': this.targetUid,
+        'aria-label': this.toggleAriaLabel || this.$q.lang.label[ this.showing === true ? 'collapse' : 'expand' ](this.label)
       };
 
       if (
@@ -5648,6 +5729,9 @@
       this.disableDropdown !== true && Arrow.push(
         h(QMenu, {
           ref: 'menu',
+          attrs: {
+            id: this.targetUid
+          },
           props: {
             cover: this.cover,
             fit: true,
@@ -5692,8 +5776,8 @@
             round: false
           },
           attrs: {
-            ...this.qAttrs,
-            ...attrs
+            ...attrs,
+            ...this.qAttrs
           },
           on: cache(this, 'nonSpl', {
             click: e => {
@@ -5775,6 +5859,10 @@
       }
     },
 
+    created () {
+      this.targetUid = `d_${uid()}`;
+    },
+
     mounted () {
       this.value === true && this.show();
     }
@@ -6889,6 +6977,14 @@
     return typeof v === 'number' && isFinite(v)
   }
 
+  var is = {
+    deepEqual: isDeepEqual,
+    object: isObject,
+    date: isDate,
+    regexp: isRegexp,
+    number: isNumber
+  };
+
   var QCarousel = Vue.extend({
     name: 'QCarousel',
 
@@ -7737,6 +7833,8 @@
       clickable: Boolean,
       removable: Boolean,
 
+      removeAriaLabel: String,
+
       tabindex: [String, Number],
       disable: Boolean
     },
@@ -7781,7 +7879,12 @@
       attrs () {
         return this.disable === true
           ? { tabindex: -1, 'aria-disabled': 'true' }
-          : { tabindex: this.tabindex || 0 }
+          : {
+            tabindex: this.tabindex || 0,
+            role: 'button',
+            'aria-hidden': 'false',
+            'aria-label': this.removeAriaLabel || this.$q.lang.label.remove
+          }
       }
     },
 
@@ -7906,6 +8009,7 @@
       trackColor: String,
 
       fontSize: String,
+      rounded: Boolean,
 
       // ratio
       thickness: {
@@ -7975,7 +8079,7 @@
     },
 
     methods: {
-      __getCircle (h, { thickness, offset, color, cls }) {
+      __getCircle (h, { thickness, offset, color, cls, rounded }) {
         return h('circle', {
           staticClass: 'q-circular-progress__' + cls,
           class: color !== void 0 ? `text-${color}` : null,
@@ -7986,6 +8090,7 @@
             'stroke-width': thickness,
             'stroke-dasharray': strokeDashArray,
             'stroke-dashoffset': offset,
+            'stroke-linecap': rounded,
             cx: this.viewBox,
             cy: this.viewBox,
             r: radius
@@ -8024,7 +8129,8 @@
           cls: 'circle',
           thickness: this.strokeWidth,
           offset: this.strokeDashOffset,
-          color: this.color
+          color: this.color,
+          rounded: this.rounded === true ? 'round' : void 0
         })
       );
 
@@ -8225,7 +8331,7 @@
     }
   }
 
-  let uid = 0;
+  let uid$1 = 0;
 
   var TouchPan = {
     name: 'touch-pan',
@@ -8252,7 +8358,7 @@
       }
 
       const ctx = {
-        uid: 'qvtp_' + (uid++),
+        uid: 'qvtp_' + (uid$1++),
         handler: value,
         modifiers,
         direction: getModifierDirections(modifiers),
@@ -10148,7 +10254,7 @@
     }
   });
 
-  let uid$1 = 0;
+  let uid$2 = 0;
 
   var QTab = Vue.extend({
     name: 'QTab',
@@ -10175,7 +10281,7 @@
 
       name: {
         type: [Number, String],
-        default: () => `t_${uid$1++}`
+        default: () => `t_${uid$2++}`
       },
 
       noCaps: Boolean,
@@ -14493,6 +14599,12 @@
         }
 
         return on
+      },
+
+      attrs () {
+        return this.useBackdrop === true
+          ? { 'aria-modal': 'true', ...this.qAttrs }
+          : this.qAttrs
       }
     },
 
@@ -14686,7 +14798,7 @@
           staticClass: `q-dialog fullscreen no-pointer-events q-dialog--${this.useBackdrop === true ? 'modal' : 'seamless'}`,
           class: this.contentClass,
           style: this.contentStyle,
-          attrs: this.qAttrs
+          attrs: this.attrs
         }, [
           h('transition', {
             props: { name: 'q-transition--fade' }
@@ -17391,6 +17503,7 @@
 
       dense: Boolean,
 
+      toggleAriaLabel: String,
       expandIcon: String,
       expandedIcon: String,
       expandIconClass: [ Array, String, Object ],
@@ -17401,6 +17514,7 @@
 
       expandSeparator: Boolean,
       defaultOpened: Boolean,
+      hideExpandIcon: Boolean,
       expandIconToggle: Boolean,
       switchToggleSide: Boolean,
       denseToggle: Boolean,
@@ -17461,6 +17575,30 @@
 
       activeToggleIcon () {
         return this.disable !== true && (this.hasLink === true || this.expandIconToggle === true)
+      },
+
+      headerSlotScope () {
+        return {
+          expanded: this.showing === true,
+          detailsId: this.targetUid,
+          toggle: this.toggle,
+          show: this.show,
+          hide: this.hide
+        }
+      },
+
+      toggleAriaAttrs () {
+        const toggleAriaLabel = this.toggleAriaLabel !== void 0
+          ? this.toggleAriaLabel
+          : this.$q.lang.label[ this.showing === true ? 'collapse' : 'expand' ](this.label);
+
+        return {
+          role: 'button',
+          'aria-expanded': this.showing === true ? 'true' : 'false',
+          'aria-owns': this.targetUid,
+          'aria-controls': this.targetUid,
+          'aria-label': toggleAriaLabel
+        }
       }
     },
 
@@ -17506,7 +17644,10 @@
 
         if (this.activeToggleIcon === true) {
           Object.assign(data, {
-            attrs: { tabindex: 0 },
+            attrs: {
+              tabindex: 0,
+              ...this.toggleAriaAttrs
+            },
             on: cache(this, 'inpExt', {
               click: this.__toggleIcon,
               keyup: this.__toggleIconKeyboard
@@ -17529,7 +17670,7 @@
         let child;
 
         if (this.$scopedSlots.header !== void 0) {
-          child = [].concat(this.$scopedSlots.header({ expanded: this.showing === true }));
+          child = [].concat(this.$scopedSlots.header(this.headerSlotScope));
         }
         else {
           child = [
@@ -17560,7 +17701,7 @@
           );
         }
 
-        this.disable !== true && child[this.switchToggleSide === true ? 'unshift' : 'push'](
+        this.disable !== true && this.hideExpandIcon !== true && child[this.switchToggleSide === true ? 'unshift' : 'push'](
           this.__getToggleIcon(h)
         );
 
@@ -17591,6 +17732,9 @@
 
             data.attrs = this.linkProps.attrs;
           }
+          else {
+            data.attrs = this.toggleAriaAttrs;
+          }
         }
 
         return h(QItem, data, child)
@@ -17610,6 +17754,7 @@
             h('div', {
               staticClass: 'q-expansion-item__content relative-position',
               style: this.contentStyle,
+              attrs: { id: this.targetUid },
               directives: [{ name: 'show', value: this.showing }]
             }, slot(this, 'default'))
           ])
@@ -17647,6 +17792,7 @@
 
     created () {
       this.group !== void 0 && this.$root.$on(eventName, this.__eventHandler);
+      this.targetUid = `e_${uid()}`;
     },
 
     beforeDestroy () {
@@ -17800,6 +17946,21 @@
         return `q-fab__actions--${this.direction}` + (this.showing === true ? ' q-fab__actions--opened' : '')
       },
 
+      actionsAttrs () {
+        const attrs = {
+          id: this.targetUid
+        };
+
+        if (this.showing === true) {
+          attrs.role = 'menu';
+        }
+        else {
+          attrs['aria-hidden'] = 'true';
+        }
+
+        return attrs
+      },
+
       iconHolderClasses () {
         return this.showing === true ? 'q-fab__icon-holder--opened' : ''
       },
@@ -17808,6 +17969,8 @@
         return {
           'aria-expanded': this.showing === true ? 'true' : 'false',
           'aria-haspopup': 'true',
+          'aria-controls': this.targetUid,
+          'aria-owns': this.targetUid,
           ...this.qAttrs
         }
       },
@@ -17878,9 +18041,14 @@
 
         h('div', {
           staticClass: 'q-fab__actions flex no-wrap inline',
-          class: this.actionsClasses
+          class: this.actionsClasses,
+          attrs: this.actionsAttrs
         }, slot(this, 'default'))
       ])
+    },
+
+    created () {
+      this.targetUid = `fb_${uid()}`;
     }
   });
 
@@ -18127,11 +18295,13 @@
 
         const index = ++this.validateIndex;
 
-        if (this.innerLoading !== true && this.lazyRules !== true) {
-          this.isDirty = true;
-        }
+        const setDirty = this.innerLoading !== true
+          ? () => this.isDirty !== true && (this.isDirty = true)
+          : () => {};
 
         const update = (err, msg) => {
+          err === true && setDirty();
+
           if (this.innerError !== err) {
             this.innerError = err;
           }
@@ -18154,7 +18324,7 @@
           let res;
 
           if (typeof rule === 'function') {
-            res = rule(val);
+            res = rule(val, testPattern);
           }
           else if (typeof rule === 'string' && testPattern[rule] !== void 0) {
             res = testPattern[rule](val);
@@ -18220,81 +18390,8 @@
     }
   };
 
-  /**
-   * Based on the work of https://github.com/jchook/uuid-random
-   */
-
-  let
-    buf,
-    bufIdx = 0;
-  const hexBytes = new Array(256);
-
-  // Pre-calculate toString(16) for speed
-  for (let i = 0; i < 256; i++) {
-    hexBytes[i] = (i + 0x100).toString(16).substr(1);
-  }
-
-  // Use best available PRNG
-  const randomBytes = (() => {
-    // Node & Browser support
-    const lib = typeof crypto !== 'undefined'
-      ? crypto
-      : (
-        typeof window !== 'undefined'
-          ? window.msCrypto // IE11
-          : void 0
-      );
-
-    if (lib !== void 0) {
-      if (lib.randomBytes !== void 0) {
-        return lib.randomBytes
-      }
-      if (lib.getRandomValues !== void 0) {
-        return n => {
-          var bytes = new Uint8Array(n);
-          lib.getRandomValues(bytes);
-          return bytes
-        }
-      }
-    }
-
-    return n => {
-      const r = [];
-      for (let i = n; i > 0; i--) {
-        r.push(Math.floor(Math.random() * 256));
-      }
-      return r
-    }
-  })();
-
-  // Buffer random numbers for speed
-  // Reduce memory usage by decreasing this number (min 16)
-  // or improve speed by increasing this number (try 16384)
-  const BUFFER_SIZE = 4096;
-
-  function uid$2 () {
-    // Buffer some random bytes for speed
-    if (buf === void 0 || (bufIdx + 16 > BUFFER_SIZE)) {
-      bufIdx = 0;
-      buf = randomBytes(BUFFER_SIZE);
-    }
-
-    const b = Array.prototype.slice.call(buf, bufIdx, (bufIdx += 16));
-    b[6] = (b[6] & 0x0f) | 0x40;
-    b[8] = (b[8] & 0x3f) | 0x80;
-
-    return hexBytes[b[0]] + hexBytes[b[1]] +
-      hexBytes[b[2]] + hexBytes[b[3]] + '-' +
-      hexBytes[b[4]] + hexBytes[b[5]] + '-' +
-      hexBytes[b[6]] + hexBytes[b[7]] + '-' +
-      hexBytes[b[8]] + hexBytes[b[9]] + '-' +
-      hexBytes[b[10]] + hexBytes[b[11]] +
-      hexBytes[b[12]] + hexBytes[b[13]] +
-      hexBytes[b[14]] + hexBytes[b[15]]
-  }
-
   function getTargetUid (val) {
-    return val === void 0 ? `f_${uid$2()}` : val
+    return val === void 0 ? `f_${uid()}` : val
   }
 
   var QField = Vue.extend({
@@ -19021,11 +19118,13 @@
           file.__key = file.webkitRelativePath + file.lastModified + file.name + file.size;
         });
 
-        // Avoid duplicate files
-        const filenameMap = currentFileList.map(entry => entry.__key);
-        files = filterFiles(files, rejectedFiles, 'duplicate', file => {
-          return filenameMap.includes(file.__key) === false
-        });
+        if (append === true) {
+          // Avoid duplicate files
+          const filenameMap = currentFileList.map(entry => entry.__key);
+          files = filterFiles(files, rejectedFiles, 'duplicate', file => {
+            return filenameMap.includes(file.__key) === false
+          });
+        }
 
         if (files.length === 0) { return done() }
 
@@ -19663,79 +19762,73 @@
 
     methods: {
       validate (shouldFocus) {
-        const promises = [];
         const focus = typeof shouldFocus === 'boolean'
           ? shouldFocus
           : this.noErrorFocus !== true;
 
         const index = ++this.validateIndex;
 
-        const components = this.getValidationComponents().filter(c => c.disable !== true);
+        const registeredComponents = this.getValidationComponents().filter(c => c.disable !== true);
 
         const emit = (res, ref) => {
           this.$emit('validation-' + (res === true ? 'success' : 'error'), ref);
         };
 
-        for (let i = 0; i < components.length; i++) {
-          const comp = components[i];
+        const validateComponent = comp => {
           const valid = comp.validate();
 
-          if (typeof valid.then === 'function') {
-            promises.push(
-              valid.then(
-                valid => ({ valid, comp }),
-                err => ({ valid: false, comp, err })
-              )
-            );
-          }
-          else if (valid !== true) {
-            if (this.greedy === false) {
-              emit(false, comp);
-
-              if (focus === true && typeof comp.focus === 'function') {
-                comp.focus();
-              }
+          return typeof valid.then === 'function'
+            ? valid.then(
+              valid => ({ valid, comp }),
+              err => ({ valid: false, comp, err })
+            )
+            : Promise.resolve({ valid, comp })
+        };
 
-              return Promise.resolve(false)
-            }
+        const errorsPromise = this.greedy === true
+          ? Promise
+            .all(registeredComponents.map(validateComponent))
+            .then(res => res.filter(r => r.valid !== true))
+          : registeredComponents
+            .reduce(
+              (acc, comp) => acc.then(() => {
+                return validateComponent(comp).then(r => {
+                  if (r.valid === false) { return Promise.reject(r) }
+                })
+              }),
+              Promise.resolve()
+            )
+            .catch(error => [ error ]);
 
-            promises.push({ valid: false, comp });
+        return errorsPromise.then(errors => {
+          if (errors.length === 0) {
+            index === this.validateIndex && emit(true);
+            return true
           }
-        }
 
-        if (promises.length === 0) {
-          emit(true);
-          return Promise.resolve(true)
-        }
+          if (index === this.validateIndex) {
+            const { comp, err } = errors[0];
 
-        return Promise.all(promises).then(
-          res => {
-            const errors = res.filter(r => r.valid !== true);
-
-            if (errors.length === 0) {
-              index === this.validateIndex && emit(true);
-              return true
-            }
+            err !== void 0 && console.error(err);
+            emit(false, comp);
 
-            const { valid, comp, err } = errors[0];
+            if (focus === true) {
+              // Try to focus first mounted and active component
+              const activeError = errors.find(({ comp }) => (
+                typeof comp.focus === 'function' &&
+                comp._isBeingDestroyed !== true &&
+                comp._isDestroyed !== true &&
+                comp._inactive !== true
+              ));
 
-            if (index === this.validateIndex) {
-              err !== void 0 && console.error(err);
-
-              emit(false, comp);
-
-              if (
-                focus === true &&
-                valid !== true &&
-                typeof comp.focus === 'function'
-              ) {
-                comp.focus();
+              if (activeError !== void 0) {
+                activeError.comp.focus();
               }
             }
-
-            return false
           }
-        )
+
+          return false
+        })
       },
 
       resetValidation () {
@@ -21465,21 +21558,24 @@
 
       // textarea only
       __adjustHeight () {
-        const inp = this.$refs.input;
-        if (inp !== void 0) {
-          const parentStyle = inp.parentNode.style;
-          const { overflow } = inp.style;
+        requestAnimationFrame(() => {
+          const inp = this.$refs.input;
+          if (inp !== void 0) {
+            const parentStyle = inp.parentNode.style;
+            const { overflow } = inp.style;
 
-          // reset height of textarea to a small size to detect the real height
-          // but keep the total control size the same
-          parentStyle.marginBottom = (inp.scrollHeight - 1) + 'px';
-          inp.style.height = '1px';
-          inp.style.overflow = 'hidden';
+            // reset height of textarea to a small size to detect the real height
+            // but keep the total control size the same
+            // Firefox rulez #14263, #14344
+            this.$q.platform.is.firefox !== true && (inp.style.overflow = 'hidden');
+            inp.style.height = '1px';
+            parentStyle.marginBottom = (inp.scrollHeight - 1) + 'px';
 
-          inp.style.height = inp.scrollHeight + 'px';
-          inp.style.overflow = overflow;
-          parentStyle.marginBottom = '';
-        }
+            inp.style.height = inp.scrollHeight + 'px';
+            inp.style.overflow = overflow;
+            parentStyle.marginBottom = '';
+          }
+        });
       },
 
       __onChange (e) {
@@ -26934,6 +27030,7 @@
           tabindex: this.tabindex,
           role: 'combobox',
           'aria-label': this.label,
+          'aria-readonly': this.readonly === true ? 'true' : 'false',
           'aria-autocomplete': this.useInput === true ? 'list' : 'none',
           'aria-expanded': this.menu === true ? 'true' : 'false',
           'aria-owns': `${this.targetUid}_lb`,
@@ -26954,10 +27051,6 @@
           'aria-multiselectable': this.multiple === true ? 'true' : 'false'
         };
 
-        if (this.optionIndex >= 0) {
-          attrs['aria-activedescendant'] = `${this.targetUid}_${this.optionIndex}`;
-        }
-
         return attrs
       }
     },
@@ -33103,7 +33196,7 @@
 
         if (rowEl !== null) {
           const scrollTarget = this.$el.querySelector('.q-table__middle.scroll');
-          const { offsetTop } = rowEl;
+          const offsetTop = rowEl.offsetTop - this.virtualScrollStickySizeStart;
           const direction = offsetTop < scrollTarget.scrollTop ? 'decrease' : 'increase';
 
           scrollTarget.scrollTop = offsetTop;
@@ -40513,6 +40606,121 @@
     return openWindow(url, reject, windowFeatures)
   };
 
+  function parsePromises (sequentialPromises) {
+    const isList = Array.isArray(sequentialPromises);
+
+    if (isList === true) {
+      const totalJobs = sequentialPromises.length;
+      return {
+        isList,
+        totalJobs,
+        resultAggregator: Array(totalJobs).fill(null)
+      }
+    }
+
+    const resultKeys = Object.keys(sequentialPromises);
+    const resultAggregator = {};
+    resultKeys.forEach(keyName => { resultAggregator[ keyName ] = null; });
+
+    return {
+      isList,
+      totalJobs: resultKeys.length,
+      resultAggregator,
+      resultKeys
+    }
+  }
+
+  /**
+   * Run a list of Promises sequentially, optionally on multiple threads.
+   *
+   * @param {*} sequentialPromises - Array of Functions or Object with Functions as values
+   *                          Array of Function form: [ (resultAggregator: Array) => Promise<any>, ... ]
+   *                          Object form: { [key: string]: (resultAggregator: object) => Promise<any>, ... }
+   * @param {*} opts - Optional options Object
+   *                   Object form: { threadsNumber?: number, abortOnFail?: boolean }
+   *                   Default: { threadsNumber: 1, abortOnFail: true }
+   *                   When configuring threadsNumber AND using http requests, be
+   *                       aware of the maximum threads that the hosting browser
+   *                       supports (usually 3); any number of threads above that
+   *                       won't add any real benefits
+   * @returns Promise<Array<Object> | Object>
+   *    With opts.abortOnFail set to true (which is default):
+   *        When sequentialPromises param is Array:
+   *          The Promise resolves with an Array of Objects of the following form:
+   *             [ { key: number, status: 'fulfilled', value: any }, ... ]
+   *          The Promise rejects with an Object of the following form:
+   *             { key: number, status: 'rejected', reason: Error, resultAggregator: array }
+   *        When sequentialPromises param is Object:
+   *          The Promise resolves with an Object of the following form:
+   *             { [key: string]: { key: string, status: 'fulfilled', value: any }, ... }
+   *          The Promise rejects with an Object of the following form:
+   *             { key: string, status: 'rejected', reason: Error, resultAggregator: object }
+   *    With opts.abortOnFail set to false:
+   *       The Promise is never rejected (no catch() needed)
+   *       The Promise resolves with:
+   *          An Array of Objects (when sequentialPromises param is also an Array) of the following form:
+   *             [ { key: number, status: 'fulfilled', value: any } | { status: 'rejected', reason: Error }, ... ]
+   *          An Object (when sequentialPromises param is also an Object) of the following form:
+   *             { [key: string]: { key: string, status: 'fulfilled', value: any } | { key: string, status: 'rejected', reason: Error }, ... }
+   */
+  function runSequentialPromises (
+    sequentialPromises,
+    { threadsNumber = 1, abortOnFail = true } = {}
+  ) {
+    let jobIndex = -1, hasAborted = false;
+
+    const { isList, totalJobs, resultAggregator, resultKeys } = parsePromises(sequentialPromises);
+
+    const getPromiseThread = () => new Promise((resolve, reject) => {
+      function runNextPromise () {
+        const currentJobIndex = ++jobIndex;
+
+        if (hasAborted === true || currentJobIndex >= totalJobs) {
+          resolve();
+          return
+        }
+
+        const key = isList === true ? currentJobIndex : resultKeys[ currentJobIndex ];
+
+        sequentialPromises[ key ](resultAggregator)
+          .then(value => {
+            if (hasAborted === true) {
+              resolve();
+              return // early exit
+            }
+
+            resultAggregator[ key ] = { key, status: 'fulfilled', value };
+
+            // timeout so it doesn't interfere with the .catch() below
+            setTimeout(runNextPromise);
+          })
+          .catch(reason => {
+            if (hasAborted === true) {
+              resolve();
+              return // early exit
+            }
+
+            const result = { key, status: 'rejected', reason };
+            resultAggregator[ key ] = result;
+
+            if (abortOnFail === true) {
+              hasAborted = true;
+              reject({ ...result, resultAggregator });
+              return // early exit
+            }
+
+            // timeout so no interference
+            setTimeout(runNextPromise);
+          });
+      }
+
+      runNextPromise();
+    });
+
+    const threads = Array(threadsNumber).fill(getPromiseThread());
+    return Promise.all(threads).then(() => resultAggregator)
+  }
+
 
 
   var utils = /*#__PURE__*/Object.freeze({
@@ -40529,12 +40737,14 @@
     format: format,
     frameDebounce: frameDebounce,
     noop: noop,
+    is: is,
     openURL: openUrl,
     morph: morph,
     patterns: patterns,
+    runSequentialPromises: runSequentialPromises,
     scroll: scroll,
     throttle: throttle,
-    uid: uid$2
+    uid: uid
   });
 
   Vue.use({ install }, {