@mozaic-ds/vue 0.29.0 → 0.29.1-beta.0

package/dist/mozaic-vue.common.js

@@ -18950,6 +18950,9 @@ function _regeneratorRuntime() {
   var exports = {},
     Op = Object.prototype,
     hasOwn = Op.hasOwnProperty,
+    defineProperty = Object.defineProperty || function (obj, key, desc) {
+      obj[key] = desc.value;
+    },
     $Symbol = "function" == typeof Symbol ? Symbol : {},
     iteratorSymbol = $Symbol.iterator || "@@iterator",
     asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator",
@@ -18973,40 +18976,9 @@ function _regeneratorRuntime() {
     var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator,
       generator = Object.create(protoGenerator.prototype),
       context = new Context(tryLocsList || []);
-    return generator._invoke = function (innerFn, self, context) {
-      var state = "suspendedStart";
-      return function (method, arg) {
-        if ("executing" === state) throw new Error("Generator is already running");
-        if ("completed" === state) {
-          if ("throw" === method) throw arg;
-          return doneResult();
-        }
-        for (context.method = method, context.arg = arg;;) {
-          var delegate = context.delegate;
-          if (delegate) {
-            var delegateResult = maybeInvokeDelegate(delegate, context);
-            if (delegateResult) {
-              if (delegateResult === ContinueSentinel) continue;
-              return delegateResult;
-            }
-          }
-          if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) {
-            if ("suspendedStart" === state) throw state = "completed", context.arg;
-            context.dispatchException(context.arg);
-          } else "return" === context.method && context.abrupt("return", context.arg);
-          state = "executing";
-          var record = tryCatch(innerFn, self, context);
-          if ("normal" === record.type) {
-            if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue;
-            return {
-              value: record.arg,
-              done: context.done
-            };
-          }
-          "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg);
-        }
-      };
-    }(innerFn, self, context), generator;
+    return defineProperty(generator, "_invoke", {
+      value: makeInvokeMethod(innerFn, self, context)
+    }), generator;
   }
   function tryCatch(fn, obj, arg) {
     try {
@@ -19060,13 +19032,49 @@ function _regeneratorRuntime() {
       reject(record.arg);
     }
     var previousPromise;
-    this._invoke = function (method, arg) {
-      function callInvokeWithMethodAndArg() {
-        return new PromiseImpl(function (resolve, reject) {
-          invoke(method, arg, resolve, reject);
-        });
+    defineProperty(this, "_invoke", {
+      value: function value(method, arg) {
+        function callInvokeWithMethodAndArg() {
+          return new PromiseImpl(function (resolve, reject) {
+            invoke(method, arg, resolve, reject);
+          });
+        }
+        return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
+      }
+    });
+  }
+  function makeInvokeMethod(innerFn, self, context) {
+    var state = "suspendedStart";
+    return function (method, arg) {
+      if ("executing" === state) throw new Error("Generator is already running");
+      if ("completed" === state) {
+        if ("throw" === method) throw arg;
+        return doneResult();
+      }
+      for (context.method = method, context.arg = arg;;) {
+        var delegate = context.delegate;
+        if (delegate) {
+          var delegateResult = maybeInvokeDelegate(delegate, context);
+          if (delegateResult) {
+            if (delegateResult === ContinueSentinel) continue;
+            return delegateResult;
+          }
+        }
+        if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) {
+          if ("suspendedStart" === state) throw state = "completed", context.arg;
+          context.dispatchException(context.arg);
+        } else "return" === context.method && context.abrupt("return", context.arg);
+        state = "executing";
+        var record = tryCatch(innerFn, self, context);
+        if ("normal" === record.type) {
+          if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue;
+          return {
+            value: record.arg,
+            done: context.done
+          };
+        }
+        "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg);
       }
-      return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
     };
   }
   function maybeInvokeDelegate(delegate, context) {
@@ -19124,7 +19132,13 @@ function _regeneratorRuntime() {
       done: !0
     };
   }
-  return GeneratorFunction.prototype = GeneratorFunctionPrototype, define(Gp, "constructor", GeneratorFunctionPrototype), define(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) {
+  return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", {
+    value: GeneratorFunctionPrototype,
+    configurable: !0
+  }), defineProperty(GeneratorFunctionPrototype, "constructor", {
+    value: GeneratorFunction,
+    configurable: !0
+  }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) {
     var ctor = "function" == typeof genFun && genFun.constructor;
     return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name));
   }, exports.mark = function (genFun) {
@@ -19145,8 +19159,9 @@ function _regeneratorRuntime() {
     return this;
   }), define(Gp, "toString", function () {
     return "[object Generator]";
-  }), exports.keys = function (object) {
-    var keys = [];
+  }), exports.keys = function (val) {
+    var object = Object(val),
+      keys = [];
     for (var key in object) {
       keys.push(key);
     }
@@ -30305,10 +30320,11 @@ MStepper.install = function (Vue) {
   Vue.component(MStepper.name, MStepper);
 };
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/tabs/MTab.vue?vue&type=template&id=3d3ca203&
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/tabs/MTab.vue?vue&type=template&id=75c1875c&
 
 
-var MTabvue_type_template_id_3d3ca203_render = function render() {
+
+var MTabvue_type_template_id_75c1875c_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -30330,19 +30346,19 @@ var MTabvue_type_template_id_3d3ca203_render = function render() {
     }, [tab.router ? _c("".concat(tab.router), _vm._b({
       tag: "component",
       staticClass: "mc-tabs__element",
-      class: _vm.setLinkClass(tab),
+      class: _vm.setActiveClass(tab),
       attrs: {
         "to": tab.to,
         "active-class": "mc-tabs__element--selected"
       }
     }, 'component', tab.attrs, false), [_c('span', {
       staticClass: "mc-tabs__text"
-    }, [_vm._v(_vm._s(tab.text))])]) : _c(tab.href ? tab.disabled ? 'span' : 'a' : 'button', _vm._b({
+    }, [_vm._v(_vm._s(tab.text))])]) : _c(tab.href ? tab.disabled ? 'span' : 'a' : 'button', {
       ref: "tab",
       refInFor: true,
       tag: "component",
       staticClass: "mc-tabs__element",
-      class: _vm.setLinkClass(tab),
+      class: _vm.setActiveClass(tab),
       attrs: {
         "id": tab.id,
         "href": tab.href ? !tab.disabled ? tab.href : null : null,
@@ -30353,10 +30369,12 @@ var MTabvue_type_template_id_3d3ca203_render = function render() {
       },
       on: {
         "click": function click($event) {
-          return _vm.onTabClicked($event, tab, index);
+          _vm.manageTabs($event.target, $event, Object.assign({
+            index: index
+          }, tab));
         }
       }
-    }, 'component', tab.attrs, false), [_c('span', {
+    }, [_c('span', {
       staticClass: "mc-tabs__text"
     }, [_vm._v(_vm._s(tab.text))])])], 1);
   }), 0) : _c('m-select', _vm._b({
@@ -30365,9 +30383,9 @@ var MTabvue_type_template_id_3d3ca203_render = function render() {
     }
   }, 'm-select', _vm.selectAttributes, false))], 1);
 };
-var MTabvue_type_template_id_3d3ca203_staticRenderFns = [];
+var MTabvue_type_template_id_75c1875c_staticRenderFns = [];
 
-;// CONCATENATED MODULE: ./src/components/tabs/MTab.vue?vue&type=template&id=3d3ca203&
+;// CONCATENATED MODULE: ./src/components/tabs/MTab.vue?vue&type=template&id=75c1875c&
 
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/tabs/MTab.vue?vue&type=script&lang=js&
 
@@ -30376,6 +30394,7 @@ var MTabvue_type_template_id_3d3ca203_staticRenderFns = [];
 
 
 
+
 /* harmony default export */ var MTabvue_type_script_lang_js_ = ({
   name: 'MTab',
   components: {
@@ -30417,37 +30436,33 @@ var MTabvue_type_template_id_3d3ca203_staticRenderFns = [];
     },
     activeIndex: {
       type: Number,
-      default: null
+      default: 0
     }
   },
   data: function data() {
     return {
-      tablist: null,
-      localActiveIndex: null
+      tablist: null
     };
   },
   computed: {
     setClasses: function setClasses() {
-      return {
+      var classes = [{
         'mc-tabs--full': this.align === 'full',
         'mc-tabs--full-centered': this.align === 'centered',
         'mc-tabs--dropdown': this.type === 'dropdown',
-        'mc-tabs--no-divider': !this.shadow
-      };
+        'mc-tabs--no-shadow': !this.shadow
+      }];
+      return classes;
     }
   },
   watch: {
     activeIndex: function activeIndex(newValue) {
-      this.localActiveIndex = newValue;
-    },
-    localActiveIndex: {
-      handler: function handler(newValue) {
-        var selectedTab = this.getTabFromIndex(newValue);
-        if (selectedTab) {
-          this.setTabState(selectedTab);
-        }
-      },
-      immediate: true
+      var tab = this.getTabFromIndex(newValue);
+      if (tab && this.tabs[newValue]) {
+        this.manageTabs(tab, null, Object.assign({
+          index: newValue
+        }, this.tabs[newValue]));
+      }
     }
   },
   mounted: function mounted() {
@@ -30456,57 +30471,60 @@ var MTabvue_type_template_id_3d3ca203_staticRenderFns = [];
       if (_this.type === 'tabs') {
         _this.tablist = _this.$refs.tablist;
         if (_this.activeIndex) {
-          _this.localActiveIndex = _this.activeIndex;
+          var tab = _this.getTabFromIndex(_this.activeIndex);
+          if (tab) {
+            _this.manageTabs(tab);
+          }
         } else {
           var isActive = _this.tabs.some(function (tab) {
-            return Object.prototype.hasOwnProperty.call(tab, 'active') && tab.active === true;
+            return Object.prototype.hasOwnProperty.call(tab, 'active');
           });
           if (!isActive) {
-            _this.localActiveIndex = 0;
+            var firstTab = _this.tablist.querySelector('.mc-tabs__element');
+            _this.manageTabs(firstTab);
           }
         }
       }
     });
   },
   methods: {
-    setLinkClass: function setLinkClass(tab) {
-      return {
-        'mc-tabs__element--selected': tab.active,
-        'mc-tabs__element--disabled': tab.disabled
-      };
+    setActiveClass: function setActiveClass(tab) {
+      var tabClasses = [];
+      if (tab.active) {
+        tabClasses.push('mc-tabs__element--selected');
+      }
+      if (tab.disabled) {
+        tabClasses.push('mc-tabs__element--disabled');
+      }
+      return tabClasses;
     },
-    setTabState: function setTabState(tab) {
+    manageTabs: function manageTabs(el, e, tab) {
+      if (tab && tab.disabled) {
+        return;
+      }
+      if (e) {
+        this.$emit('tab-clicked', e.currentTarget, tab);
+      }
       this.tablist.querySelectorAll('.mc-tabs__element').forEach(function (el) {
         el.classList.remove('mc-tabs__element--selected');
         el.setAttribute('aria-selected', 'false');
       });
-      tab.classList.add('mc-tabs__element--selected');
-      tab.setAttribute('aria-selected', 'true');
+      el.classList.add('mc-tabs__element--selected');
+      el.setAttribute('aria-selected', 'true');
     },
     getTabFromIndex: function getTabFromIndex(index) {
       if (this.tablist && this.tablist.children[index] && this.tablist.children[index].children[0]) {
         return this.tablist.children[index].children[0];
       }
-    },
-    onTabClicked: function onTabClicked(e, tab, index) {
-      if (tab && tab.disabled) {
-        return;
-      }
-      if (typeof this.activeIndex !== 'number') {
-        this.localActiveIndex = index;
-      }
-      this.$emit('tab-clicked', e.currentTarget, Object.assign({
-        index: index
-      }, tab));
     }
   }
 });
 ;// CONCATENATED MODULE: ./src/components/tabs/MTab.vue?vue&type=script&lang=js&
  /* harmony default export */ var tabs_MTabvue_type_script_lang_js_ = (MTabvue_type_script_lang_js_); 
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-41.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/tabs/MTab.vue?vue&type=style&index=0&id=3d3ca203&prod&lang=scss&
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-41.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/tabs/MTab.vue?vue&type=style&index=0&id=75c1875c&prod&lang=scss&
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/components/tabs/MTab.vue?vue&type=style&index=0&id=3d3ca203&prod&lang=scss&
+;// CONCATENATED MODULE: ./src/components/tabs/MTab.vue?vue&type=style&index=0&id=75c1875c&prod&lang=scss&
 
 ;// CONCATENATED MODULE: ./src/components/tabs/MTab.vue
 
@@ -30519,8 +30537,8 @@ var MTabvue_type_template_id_3d3ca203_staticRenderFns = [];
 
 var MTab_component = normalizeComponent(
   tabs_MTabvue_type_script_lang_js_,
-  MTabvue_type_template_id_3d3ca203_render,
-  MTabvue_type_template_id_3d3ca203_staticRenderFns,
+  MTabvue_type_template_id_75c1875c_render,
+  MTabvue_type_template_id_75c1875c_staticRenderFns,
   false,
   null,
   null,