buefy 0.7.9 → 0.8.2

package/dist/components/steps/index.js

@@ -1,2 +1,721 @@
-/*! Buefy v0.7.9 | MIT License | github.com/buefy/buefy */
-!(function(t,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e();else if("function"==typeof define&&define.amd)define([],e);else{var n=e();for(var i in n)("object"==typeof exports?exports:t)[i]=n[i]}})("undefined"!=typeof self?self:this,(function(){return (function(t){function e(i){if(n[i])return n[i].exports;var r=n[i]={i:i,l:!1,exports:{}};return t[i].call(r.exports,r,r.exports,e),r.l=!0,r.exports}var n={};return e.m=t,e.c=n,e.d=function(t,n,i){e.o(t,n)||Object.defineProperty(t,n,{configurable:!1,enumerable:!0,get:i})},e.n=function(t){var n=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(n,"a",n),n},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="/",e(e.s=290)})({0:function(t,e){t.exports=function(t,e,n,i,r){var s,o=t=t||{},a=typeof t.default;"object"!==a&&"function"!==a||(s=t,o=t.default);var c="function"==typeof o?o.options:o;e&&(c.render=e.render,c.staticRenderFns=e.staticRenderFns),i&&(c._scopeId=i);var u;if(r?(u=function(t){t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,t||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),n&&n.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(r)},c._ssrRegister=u):n&&(u=n),u){var l=c.functional,f=l?c.render:c.beforeCreate;l?c.render=function(t,e){return u.call(e),f(t,e)}:c.beforeCreate=f?[].concat(f,u):[u]}return{esModule:s,exports:o,options:c}}},1:function(t,e,n){t.exports=!n(7)((function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a}))},10:function(t,e,n){var i=n(5);t.exports=function(t){if(!i(t))throw TypeError(t+" is not an object!");return t}},112:function(t,e,n){"use strict";e.a={name:"BSlotComponent",props:{component:{type:Object,required:!0},name:{type:String,default:"default"},tag:{type:String,default:"div"},event:{type:String,default:"hook:updated"}},methods:{refresh:function(){this.$forceUpdate()},isVueComponent:function(){return this.component&&this.component._isVue}},created:function(){this.isVueComponent()&&this.component.$on(this.event,this.refresh)},beforeDestroy:function(){this.isVueComponent()&&this.component.$off(this.event,this.refresh)},render:function(t){if(this.isVueComponent()){var e=this.component.$slots[this.name];return t(this.tag,{},e)}}}},12:function(t,e,n){"use strict";n.d(e,"c",(function(){return i})),n.d(e,"a",(function(){return r})),n.d(e,"b",(function(){return s}));var i=function(t){"undefined"!=typeof window&&window.Vue&&window.Vue.use(t)},r=function(t,e){t.component(e.name,e)},s=function(t,e,n){t.prototype[e]=n}},14:function(t,e){t.exports=function(t,e){return{enumerable:!(1&t),configurable:!(2&t),writable:!(4&t),value:e}}},15:function(t,e,n){var i=n(5);t.exports=function(t,e){if(!i(t))return t;var n,r;if(e&&"function"==typeof(n=t.toString)&&!i(r=n.call(t)))return r;if("function"==typeof(n=t.valueOf)&&!i(r=n.call(t)))return r;if(!e&&"function"==typeof(n=t.toString)&&!i(r=n.call(t)))return r;throw TypeError("Can't convert object to primitive value")}},16:function(t,e,n){var i=n(2),r=n(3),s=n(29),o=n(9),a=n(6),c=function(t,e,n){var u,l,f,p=t&c.F,d=t&c.G,h=t&c.S,v=t&c.P,m=t&c.B,b=t&c.W,y=d?r:r[e]||(r[e]={}),S=y.prototype,x=d?i:h?i[e]:(i[e]||{}).prototype;d&&(n=e);for(u in n)(l=!p&&x&&void 0!==x[u])&&a(y,u)||(f=l?x[u]:n[u],y[u]=d&&"function"!=typeof x[u]?n[u]:m&&l?s(f,i):b&&x[u]==f?(function(t){var e=function(e,n,i){if(this instanceof t){switch(arguments.length){case 0:return new t;case 1:return new t(e);case 2:return new t(e,n)}return new t(e,n,i)}return t.apply(this,arguments)};return e.prototype=t.prototype,e})(f):v&&"function"==typeof f?s(Function.call,f):f,v&&((y.virtual||(y.virtual={}))[u]=f,t&c.R&&S&&!S[u]&&o(S,u,f)))};c.F=1,c.G=2,c.S=4,c.P=8,c.B=16,c.W=32,c.U=64,c.R=128,t.exports=c},18:function(t,e,n){"use strict";e.__esModule=!0;var i=n(42),r=(function(t){return t&&t.__esModule?t:{default:t}})(i);e.default=function(t,e,n){return e in t?(0,r.default)(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}},2:function(t,e){var n=t.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=n)},20:function(t,e,n){t.exports=!n(1)&&!n(7)((function(){return 7!=Object.defineProperty(n(21)("div"),"a",{get:function(){return 7}}).a}))},21:function(t,e,n){var i=n(5),r=n(2).document,s=i(r)&&i(r.createElement);t.exports=function(t){return s?r.createElement(t):{}}},210:function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=n(211),r=n.n(i),s=n(214),o=n.n(s),a=n(12);n.d(e,"Steps",(function(){return r.a})),n.d(e,"StepItem",(function(){return o.a}));var c={install:function(t){Object(a.a)(t,r.a),Object(a.a)(t,o.a)}};Object(a.c)(c),e.default=c},211:function(t,e,n){var i=n(0)(n(212),n(213),null,null,null);t.exports=i.exports},212:function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i,r=n(18),s=n.n(r),o=n(23),a=n.n(o),c=n(112);e.default={name:"BSteps",components:(i={},s()(i,a.a.name,a.a),s()(i,c.a.name,c.a),i),props:{value:Number,type:[String,Object],size:String,animated:{type:Boolean,default:!0},destroyOnHide:{type:Boolean,default:!1},iconPack:String,hasNavigation:{type:Boolean,default:!0},ariaNextLabel:String,ariaPreviousLabel:String},data:function(){return{activeStep:this.value||0,stepItems:[],contentHeight:0,isTransitioning:!1,_isSteps:!0}},computed:{mainClasses:function(){return[this.type,this.size]},reversedStepItems:function(){return this.stepItems.slice().reverse()},firstVisibleStepIndex:function(){return this.stepItems.findIndex((function(t,e){return t.visible}))},hasPrev:function(){return this.firstVisibleStepIndex>=0&&this.activeStep>this.firstVisibleStepIndex},lastVisibleStepIndex:function(){var t=this.reversedStepItems.findIndex((function(t,e){return t.visible}));return t>=0?this.stepItems.length-1-t:t},hasNext:function(){return this.lastVisibleStepIndex>=0&&this.activeStep<this.lastVisibleStepIndex}},watch:{value:function(t){this.changeStep(t)},stepItems:function(){this.activeStep<this.stepItems.length&&(this.stepItems[this.activeStep].isActive=!0)}},methods:{changeStep:function(t){this.activeStep!==t&&(this.activeStep<this.stepItems.length&&this.stepItems[this.activeStep].deactivate(this.activeStep,t),this.stepItems[t].activate(this.activeStep,t),this.activeStep=t,this.$emit("change",t))},isItemClickable:function(t){return void 0===t.clickable?t.completed:t.clickable},stepClick:function(t){this.$emit("input",t),this.changeStep(t)},prev:function(){var t=this;if(this.hasPrev){var e=this.reversedStepItems.findIndex((function(e,n){return t.stepItems.length-1-n<t.activeStep&&e.visible}));e>=0&&(e=this.stepItems.length-1-e),this.changeStep(e)}},next:function(){var t=this;if(this.hasNext){var e=this.stepItems.findIndex((function(e,n){return n>t.activeStep&&e.visible}));this.changeStep(e)}}},mounted:function(){this.activeStep<this.stepItems.length&&(this.stepItems[this.activeStep].isActive=!0)}}},213:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"b-steps"},[n("nav",{staticClass:"steps",class:t.mainClasses},[n("ul",{staticClass:"step-items"},t._l(t.stepItems,(function(e,i){return n("li",{directives:[{name:"show",rawName:"v-show",value:e.visible,expression:"stepItem.visible"}],key:i,staticClass:"step-item",class:[e.type||t.type,{"is-active":t.activeStep===i,"is-completed":e.completed||t.activeStep>i}]},[n("a",{staticClass:"step-link",class:{"is-clickable":t.isItemClickable(e)},on:{click:function(n){t.isItemClickable(e)&&t.stepClick(i)}}},[n("div",{staticClass:"step-marker"},[e.icon?n("b-icon",{attrs:{icon:e.icon,pack:e.iconPack,size:t.size}}):t._e()],1),t._v(" "),n("div",{staticClass:"step-details"},[n("span",{staticClass:"step-title"},[t._v(t._s(e.label))])])])])})))]),t._v(" "),n("section",{staticClass:"step-content",class:{"is-transitioning":t.isTransitioning}},[t._t("default")],2),t._v(" "),t.hasNavigation?n("nav",{staticClass:"step-navigation"},[n("a",{staticClass:"pagination-previous",attrs:{role:"button",href:"#",disabled:!t.hasPrev,"aria-label":t.ariaPreviousLabel},on:{click:function(e){e.preventDefault(),t.prev(e)}}},[n("b-icon",{attrs:{icon:"chevron-left",pack:t.iconPack,both:"","aria-hidden":"true"}})],1),t._v(" "),n("a",{staticClass:"pagination-next",attrs:{role:"button",href:"#",disabled:!t.hasNext,"aria-label":t.ariaNextLabel},on:{click:function(e){e.preventDefault(),t.next(e)}}},[n("b-icon",{attrs:{icon:"chevron-right",pack:t.iconPack,both:"","aria-hidden":"true"}})],1)]):t._e()])},staticRenderFns:[]}},214:function(t,e,n){var i=n(0)(n(215),null,null,null,null);t.exports=i.exports},215:function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={name:"BStepItem",props:{label:String,type:String|Object,icon:String,iconPack:String,clickable:Boolean,completed:{type:Boolean,default:!1},visible:{type:Boolean,default:!0}},data:function(){return{isActive:!1,transitionName:null}},methods:{activate:function(t,e){this.transitionName=e<t?"slide-next":"slide-prev",this.isActive=!0},deactivate:function(t,e){this.transitionName=e<t?"slide-next":"slide-prev",this.isActive=!1}},created:function(){if(!this.$parent.$data._isSteps)throw this.$destroy(),new Error("You should wrap bStepItem on a bSteps");this.$parent.stepItems.push(this)},beforeDestroy:function(){var t=this.$parent.stepItems.indexOf(this);t>=0&&this.$parent.stepItems.splice(t,1)},render:function(t){var e=this;if(!this.$parent.destroyOnHide||this.isActive&&this.visible){var n=t("div",{directives:[{name:"show",value:this.isActive&&this.visible}],attrs:{class:"step-item"}},this.$slots.default);return this.$parent.animated?t("transition",{props:{name:this.transitionName},on:{"before-enter":function(){e.$parent.isTransitioning=!0},"after-enter":function(){e.$parent.isTransitioning=!1}}},[n]):n}}}},23:function(t,e,n){var i=n(0)(n(46),n(47),null,null,null);t.exports=i.exports},29:function(t,e,n){var i=n(32);t.exports=function(t,e,n){if(i(t),void 0===e)return t;switch(n){case 1:return function(n){return t.call(e,n)};case 2:return function(n,i){return t.call(e,n,i)};case 3:return function(n,i,r){return t.call(e,n,i,r)}}return function(){return t.apply(e,arguments)}}},290:function(t,e,n){t.exports=n(210)},3:function(t,e){var n=t.exports={version:"2.5.7"};"number"==typeof __e&&(__e=n)},32:function(t,e){t.exports=function(t){if("function"!=typeof t)throw TypeError(t+" is not a function!");return t}},4:function(t,e,n){var i=n(10),r=n(20),s=n(15),o=Object.defineProperty;e.f=n(1)?Object.defineProperty:function(t,e,n){if(i(t),e=s(e,!0),i(n),r)try{return o(t,e,n)}catch(t){}if("get"in n||"set"in n)throw TypeError("Accessors not supported!");return"value"in n&&(t[e]=n.value),t}},42:function(t,e,n){t.exports={default:n(43),__esModule:!0}},43:function(t,e,n){n(44);var i=n(3).Object;t.exports=function(t,e,n){return i.defineProperty(t,e,n)}},44:function(t,e,n){var i=n(16);i(i.S+i.F*!n(1),"Object",{defineProperty:n(4).f})},46:function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=n(8);e.default={name:"BIcon",props:{type:[String,Object],pack:String,icon:String,size:String,customSize:String,customClass:String,both:Boolean},computed:{newIcon:function(){return"mdi"===this.newPack?this.newPack+"-"+this.icon:this.addFAPrefix(this.getEquivalentIconOf(this.icon))},newPack:function(){return this.pack||i.a.defaultIconPack},newType:function(){if(this.type){var t=[];if("string"==typeof this.type)t=this.type.split("-");else for(var e in this.type)if(this.type[e]){t=e.split("-");break}if(!(t.length<=1))return"has-text-"+t[1]}},newCustomSize:function(){return this.customSize||this.customSizeByPack},customSizeByPack:function(){var t="mdi"===this.newPack?"mdi-24px":this.addFAPrefix("lg"),e="mdi"===this.newPack?"mdi-36px":this.addFAPrefix("2x"),n="mdi"===this.newPack?"mdi-48px":this.addFAPrefix("3x");switch(this.size){case"is-small":return;case"is-medium":return e;case"is-large":return n;default:return t}},useIconComponent:function(){return i.a.defaultIconComponent}},methods:{addFAPrefix:function(t){return this.useIconComponent?t:"fa-"+t},getEquivalentIconOf:function(t){if(!this.both)return t;switch(t){case"check":return"check";case"information":return"info-circle";case"check-circle":return"check-circle";case"alert":return"exclamation-triangle";case"alert-circle":return"exclamation-circle";case"arrow-up":return"arrow-up";case"chevron-right":return"angle-right";case"chevron-left":return"angle-left";case"chevron-down":return"angle-down";case"eye":return"eye";case"eye-off":return"eye-slash";case"menu-down":return"caret-down";case"menu-up":return"caret-up";default:return t}}}}},47:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("span",{staticClass:"icon",class:[t.newType,t.size]},[t.useIconComponent?n(t.useIconComponent,{tag:"component",class:[t.customClass],attrs:{icon:[t.newPack,t.newIcon],size:t.newCustomSize}}):n("i",{class:[t.newPack,t.newIcon,t.newCustomSize,t.customClass]})],1)},staticRenderFns:[]}},5:function(t,e){t.exports=function(t){return"object"==typeof t?null!==t:"function"==typeof t}},6:function(t,e){var n={}.hasOwnProperty;t.exports=function(t,e){return n.call(t,e)}},7:function(t,e){t.exports=function(t){try{return!!t()}catch(t){return!0}}},8:function(t,e,n){"use strict";var i={defaultContainerElement:null,defaultIconPack:"mdi",defaultIconComponent:null,defaultDialogConfirmText:null,defaultDialogCancelText:null,defaultSnackbarDuration:3500,defaultSnackbarPosition:null,defaultToastDuration:2e3,defaultToastPosition:null,defaultNotificationDuration:2e3,defaultNotificationPosition:null,defaultTooltipType:"is-primary",defaultTooltipAnimated:!1,defaultInputAutocomplete:"on",defaultDateFormatter:null,defaultDateParser:null,defaultDateCreator:null,defaultDayNames:null,defaultMonthNames:null,defaultFirstDayOfWeek:null,defaultUnselectableDaysOfWeek:null,defaultTimeFormatter:null,defaultTimeParser:null,defaultModalCanCancel:["escape","x","outside","button"],defaultModalScroll:null,defaultDatepickerMobileNative:!0,defaultTimepickerMobileNative:!0,defaultNoticeQueue:!0,defaultInputHasCounter:!0,defaultUseHtml5Validation:!0,defaultDropdownMobileModal:!0,defaultFieldLabelPosition:null,defaultDatepickerYearsRange:[-100,3],defaultDatepickerNearbyMonthDays:!0,defaultDatepickerNearbySelectableMonthDays:!1};e.a=i},9:function(t,e,n){var i=n(4),r=n(14);t.exports=n(1)?function(t,e,n){return i.f(t,e,r(1,n))}:function(t,e,n){return t[e]=n,t}}})}));
+/*! Buefy v0.8.2 | MIT License | github.com/buefy/buefy */
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+  typeof define === 'function' && define.amd ? define(['exports'], factory) :
+  (global = global || self, factory(global.Steps = {}));
+}(this, function (exports) { 'use strict';
+
+  function _defineProperty(obj, key, value) {
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+
+    return obj;
+  }
+
+  var config = {
+    defaultContainerElement: null,
+    defaultIconPack: 'mdi',
+    defaultIconComponent: null,
+    defaultDialogConfirmText: null,
+    defaultDialogCancelText: null,
+    defaultSnackbarDuration: 3500,
+    defaultSnackbarPosition: null,
+    defaultToastDuration: 2000,
+    defaultToastPosition: null,
+    defaultNotificationDuration: 2000,
+    defaultNotificationPosition: null,
+    defaultTooltipType: 'is-primary',
+    defaultTooltipAnimated: false,
+    defaultTooltipDelay: 0,
+    defaultInputAutocomplete: 'on',
+    defaultDateFormatter: null,
+    defaultDateParser: null,
+    defaultDateCreator: null,
+    defaultDayNames: null,
+    defaultMonthNames: null,
+    defaultFirstDayOfWeek: null,
+    defaultUnselectableDaysOfWeek: null,
+    defaultTimeFormatter: null,
+    defaultTimeParser: null,
+    defaultModalCanCancel: ['escape', 'x', 'outside', 'button'],
+    defaultModalScroll: null,
+    defaultDatepickerMobileNative: true,
+    defaultTimepickerMobileNative: true,
+    defaultNoticeQueue: true,
+    defaultInputHasCounter: true,
+    defaultTaginputHasCounter: true,
+    defaultUseHtml5Validation: true,
+    defaultDropdownMobileModal: true,
+    defaultFieldLabelPosition: null,
+    defaultDatepickerYearsRange: [-100, 3],
+    defaultDatepickerNearbyMonthDays: true,
+    defaultDatepickerNearbySelectableMonthDays: false,
+    defaultDatepickerShowWeekNumber: false
+  };
+  var config$1 = config;
+
+  //
+  var script = {
+    name: 'BIcon',
+    props: {
+      type: [String, Object],
+      pack: String,
+      icon: String,
+      size: String,
+      customSize: String,
+      customClass: String,
+      both: Boolean // This is used internally to show both MDI and FA icon
+
+    },
+    computed: {
+      /**
+      * Internal icon name based on the pack.
+      * If pack is 'fa', gets the equivalent FA icon name of the MDI,
+      * internal icons are always MDI.
+      */
+      newIcon: function newIcon() {
+        return this.newPack === 'mdi' ? "".concat(this.newPack, "-").concat(this.icon) : this.addFAPrefix(this.getEquivalentIconOf(this.icon));
+      },
+      newPack: function newPack() {
+        return this.pack || config$1.defaultIconPack;
+      },
+      newType: function newType() {
+        if (!this.type) return;
+        var splitType = [];
+
+        if (typeof this.type === 'string') {
+          splitType = this.type.split('-');
+        } else {
+          for (var key in this.type) {
+            if (this.type[key]) {
+              splitType = key.split('-');
+              break;
+            }
+          }
+        }
+
+        if (splitType.length <= 1) return;
+        return "has-text-".concat(splitType[1]);
+      },
+      newCustomSize: function newCustomSize() {
+        return this.customSize || this.customSizeByPack;
+      },
+      customSizeByPack: function customSizeByPack() {
+        var defaultSize = this.newPack === 'mdi' ? 'mdi-24px' : this.addFAPrefix('lg');
+        var mediumSize = this.newPack === 'mdi' ? 'mdi-36px' : this.addFAPrefix('2x');
+        var largeSize = this.newPack === 'mdi' ? 'mdi-48px' : this.addFAPrefix('3x');
+
+        switch (this.size) {
+          case 'is-small':
+            return;
+
+          case 'is-medium':
+            return mediumSize;
+
+          case 'is-large':
+            return largeSize;
+
+          default:
+            return defaultSize;
+        }
+      },
+      useIconComponent: function useIconComponent() {
+        return config$1.defaultIconComponent;
+      }
+    },
+    methods: {
+      addFAPrefix: function addFAPrefix(value) {
+        if (this.useIconComponent) {
+          return value;
+        }
+
+        return "fa-".concat(value);
+      },
+
+      /**
+      * Equivalent FA icon name of the MDI.
+      */
+      getEquivalentIconOf: function getEquivalentIconOf(value) {
+        // Only transform the class if the both prop is set to true
+        if (!this.both) {
+          return value;
+        }
+
+        switch (value) {
+          case 'check':
+            return 'check';
+
+          case 'information':
+            return 'info-circle';
+
+          case 'check-circle':
+            return 'check-circle';
+
+          case 'alert':
+            return 'exclamation-triangle';
+
+          case 'alert-circle':
+            return 'exclamation-circle';
+
+          case 'arrow-up':
+            return 'arrow-up';
+
+          case 'chevron-right':
+            return 'angle-right';
+
+          case 'chevron-left':
+            return 'angle-left';
+
+          case 'chevron-down':
+            return 'angle-down';
+
+          case 'eye':
+            return 'eye';
+
+          case 'eye-off':
+            return 'eye-slash';
+
+          case 'menu-down':
+            return 'caret-down';
+
+          case 'menu-up':
+            return 'caret-up';
+
+          default:
+            return value;
+        }
+      }
+    }
+  };
+
+  function normalizeComponent(template, style, script, scopeId, isFunctionalTemplate, moduleIdentifier
+  /* server only */
+  , shadowMode, createInjector, createInjectorSSR, createInjectorShadow) {
+    if (typeof shadowMode !== 'boolean') {
+      createInjectorSSR = createInjector;
+      createInjector = shadowMode;
+      shadowMode = false;
+    } // Vue.extend constructor export interop.
+
+
+    var options = typeof script === 'function' ? script.options : script; // render functions
+
+    if (template && template.render) {
+      options.render = template.render;
+      options.staticRenderFns = template.staticRenderFns;
+      options._compiled = true; // functional template
+
+      if (isFunctionalTemplate) {
+        options.functional = true;
+      }
+    } // scopedId
+
+
+    if (scopeId) {
+      options._scopeId = scopeId;
+    }
+
+    var hook;
+
+    if (moduleIdentifier) {
+      // server build
+      hook = function hook(context) {
+        // 2.3 injection
+        context = context || // cached call
+        this.$vnode && this.$vnode.ssrContext || // stateful
+        this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext; // functional
+        // 2.2 with runInNewContext: true
+
+        if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
+          context = __VUE_SSR_CONTEXT__;
+        } // inject component styles
+
+
+        if (style) {
+          style.call(this, createInjectorSSR(context));
+        } // register component module identifier for async chunk inference
+
+
+        if (context && context._registeredComponents) {
+          context._registeredComponents.add(moduleIdentifier);
+        }
+      }; // used by ssr in case component is cached and beforeCreate
+      // never gets called
+
+
+      options._ssrRegister = hook;
+    } else if (style) {
+      hook = shadowMode ? function () {
+        style.call(this, createInjectorShadow(this.$root.$options.shadowRoot));
+      } : function (context) {
+        style.call(this, createInjector(context));
+      };
+    }
+
+    if (hook) {
+      if (options.functional) {
+        // register for functional component in vue file
+        var originalRender = options.render;
+
+        options.render = function renderWithStyleInjection(h, context) {
+          hook.call(context);
+          return originalRender(h, context);
+        };
+      } else {
+        // inject component registration as beforeCreate hook
+        var existing = options.beforeCreate;
+        options.beforeCreate = existing ? [].concat(existing, hook) : [hook];
+      }
+    }
+
+    return script;
+  }
+
+  var normalizeComponent_1 = normalizeComponent;
+
+  /* script */
+  const __vue_script__ = script;
+
+  /* template */
+  var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',{staticClass:"icon",class:[_vm.newType, _vm.size]},[(!_vm.useIconComponent)?_c('i',{class:[_vm.newPack, _vm.newIcon, _vm.newCustomSize, _vm.customClass]}):_c(_vm.useIconComponent,{tag:"component",class:[_vm.customClass],attrs:{"icon":[_vm.newPack, _vm.newIcon],"size":_vm.newCustomSize}})],1)};
+  var __vue_staticRenderFns__ = [];
+
+    /* style */
+    const __vue_inject_styles__ = undefined;
+    /* scoped */
+    const __vue_scope_id__ = undefined;
+    /* module identifier */
+    const __vue_module_identifier__ = undefined;
+    /* functional template */
+    const __vue_is_functional_template__ = false;
+    /* style inject */
+    
+    /* style inject SSR */
+    
+
+    
+    var Icon = normalizeComponent_1(
+      { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
+      __vue_inject_styles__,
+      __vue_script__,
+      __vue_scope_id__,
+      __vue_is_functional_template__,
+      __vue_module_identifier__,
+      undefined,
+      undefined
+    );
+
+  var SlotComponent = {
+    name: 'BSlotComponent',
+    props: {
+      component: {
+        type: Object,
+        required: true
+      },
+      name: {
+        type: String,
+        default: 'default'
+      },
+      scoped: {
+        type: Boolean
+      },
+      props: {
+        type: Object
+      },
+      tag: {
+        type: String,
+        default: 'div'
+      },
+      event: {
+        type: String,
+        default: 'hook:updated'
+      }
+    },
+    methods: {
+      refresh: function refresh() {
+        this.$forceUpdate();
+      },
+      isVueComponent: function isVueComponent() {
+        return this.component && this.component._isVue;
+      }
+    },
+    created: function created() {
+      if (this.isVueComponent()) {
+        this.component.$on(this.event, this.refresh);
+      }
+    },
+    beforeDestroy: function beforeDestroy() {
+      if (this.isVueComponent()) {
+        this.component.$off(this.event, this.refresh);
+      }
+    },
+    render: function render(createElement) {
+      if (this.isVueComponent()) {
+        return createElement(this.tag, {}, this.scoped ? this.component.$scopedSlots[this.name](this.props) : this.component.$slots[this.name]);
+      }
+    }
+  };
+
+  var _components;
+  var script$1 = {
+    name: 'BSteps',
+    components: (_components = {}, _defineProperty(_components, Icon.name, Icon), _defineProperty(_components, SlotComponent.name, SlotComponent), _components),
+    props: {
+      value: Number,
+      type: [String, Object],
+      size: String,
+      animated: {
+        type: Boolean,
+        default: true
+      },
+      destroyOnHide: {
+        type: Boolean,
+        default: false
+      },
+      iconPack: String,
+      hasNavigation: {
+        type: Boolean,
+        default: true
+      },
+      ariaNextLabel: String,
+      ariaPreviousLabel: String
+    },
+    data: function data() {
+      return {
+        activeStep: this.value || 0,
+        stepItems: [],
+        contentHeight: 0,
+        isTransitioning: false,
+        _isSteps: true // Used internally by StepItem
+
+      };
+    },
+    computed: {
+      mainClasses: function mainClasses() {
+        return [this.type, this.size];
+      },
+      reversedStepItems: function reversedStepItems() {
+        return this.stepItems.slice().reverse();
+      },
+
+      /**
+          * Check the first visible step index.
+          */
+      firstVisibleStepIndex: function firstVisibleStepIndex() {
+        return this.stepItems.findIndex(function (step, idx) {
+          return step.visible;
+        });
+      },
+
+      /**
+          * Check if previous button is available.
+          */
+      hasPrev: function hasPrev() {
+        return this.firstVisibleStepIndex >= 0 && this.activeStep > this.firstVisibleStepIndex;
+      },
+
+      /**
+          * Check the last visible step index.
+          */
+      lastVisibleStepIndex: function lastVisibleStepIndex() {
+        var idx = this.reversedStepItems.findIndex(function (step, idx) {
+          return step.visible;
+        });
+
+        if (idx >= 0) {
+          return this.stepItems.length - 1 - idx;
+        }
+
+        return idx;
+      },
+
+      /**
+          * Check if next button is available.
+          */
+      hasNext: function hasNext() {
+        return this.lastVisibleStepIndex >= 0 && this.activeStep < this.lastVisibleStepIndex;
+      }
+    },
+    watch: {
+      /**
+      * When v-model is changed set the new active step.
+      */
+      value: function value(_value) {
+        this.changeStep(_value);
+      },
+
+      /**
+      * When step-items are updated, set active one.
+      */
+      stepItems: function stepItems() {
+        if (this.activeStep < this.stepItems.length) {
+          this.stepItems[this.activeStep].isActive = true;
+        }
+      }
+    },
+    methods: {
+      /**
+      * Change the active step and emit change event.
+      */
+      changeStep: function changeStep(newIndex) {
+        if (this.activeStep === newIndex) return;
+
+        if (this.activeStep < this.stepItems.length) {
+          this.stepItems[this.activeStep].deactivate(this.activeStep, newIndex);
+        }
+
+        this.stepItems[newIndex].activate(this.activeStep, newIndex);
+        this.activeStep = newIndex;
+        this.$emit('change', newIndex);
+      },
+
+      /**
+          * Return if the step should be clickable or not.
+          */
+      isItemClickable: function isItemClickable(stepItem, index) {
+        if (stepItem.clickable === undefined) {
+          return this.activeStep > index;
+        }
+
+        return stepItem.clickable;
+      },
+
+      /**
+      * Step click listener, emit input event and change active step.
+      */
+      stepClick: function stepClick(value) {
+        this.$emit('input', value);
+        this.changeStep(value);
+      },
+
+      /**
+          * Previous button click listener.
+          */
+      prev: function prev() {
+        var _this = this;
+
+        if (!this.hasPrev) return;
+        var prevItemIdx = this.reversedStepItems.findIndex(function (step, idx) {
+          return _this.stepItems.length - 1 - idx < _this.activeStep && step.visible;
+        });
+
+        if (prevItemIdx >= 0) {
+          prevItemIdx = this.stepItems.length - 1 - prevItemIdx;
+        }
+
+        this.$emit('input', prevItemIdx);
+        this.changeStep(prevItemIdx);
+      },
+
+      /**
+          * Previous button click listener.
+          */
+      next: function next() {
+        var _this2 = this;
+
+        if (!this.hasNext) return;
+        var nextItemIdx = this.stepItems.findIndex(function (step, idx) {
+          return idx > _this2.activeStep && step.visible;
+        });
+        this.$emit('input', nextItemIdx);
+        this.changeStep(nextItemIdx);
+      }
+    },
+    mounted: function mounted() {
+      if (this.activeStep < this.stepItems.length) {
+        this.stepItems[this.activeStep].isActive = true;
+      }
+    }
+  };
+
+  /* script */
+  const __vue_script__$1 = script$1;
+
+  /* template */
+  var __vue_render__$1 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"b-steps"},[_c('nav',{staticClass:"steps",class:_vm.mainClasses},[_c('ul',{staticClass:"step-items"},_vm._l((_vm.stepItems),function(stepItem,index){return _c('li',{directives:[{name:"show",rawName:"v-show",value:(stepItem.visible),expression:"stepItem.visible"}],key:index,staticClass:"step-item",class:[stepItem.type || _vm.type, {
+                      'is-active': _vm.activeStep === index,
+                      'is-previous': _vm.activeStep > index
+              }]},[_c('a',{staticClass:"step-link",class:{'is-clickable': _vm.isItemClickable(stepItem, index)},on:{"click":function($event){_vm.isItemClickable(stepItem, index) && _vm.stepClick(index);}}},[_c('div',{staticClass:"step-marker"},[(stepItem.icon)?_c('b-icon',{attrs:{"icon":stepItem.icon,"pack":stepItem.iconPack,"size":_vm.size}}):_vm._e()],1),_vm._v(" "),_c('div',{staticClass:"step-details"},[_c('span',{staticClass:"step-title"},[_vm._v(_vm._s(stepItem.label))])])])])}))]),_vm._v(" "),_c('section',{staticClass:"step-content",class:{'is-transitioning': _vm.isTransitioning}},[_vm._t("default")],2),_vm._v(" "),(_vm.hasNavigation)?_c('nav',{staticClass:"step-navigation"},[_c('a',{staticClass:"pagination-previous",attrs:{"role":"button","href":"#","disabled":!_vm.hasPrev,"aria-label":_vm.ariaPreviousLabel},on:{"click":function($event){$event.preventDefault();_vm.prev($event);}}},[_c('b-icon',{attrs:{"icon":"chevron-left","pack":_vm.iconPack,"both":"","aria-hidden":"true"}})],1),_vm._v(" "),_c('a',{staticClass:"pagination-next",attrs:{"role":"button","href":"#","disabled":!_vm.hasNext,"aria-label":_vm.ariaNextLabel},on:{"click":function($event){$event.preventDefault();_vm.next($event);}}},[_c('b-icon',{attrs:{"icon":"chevron-right","pack":_vm.iconPack,"both":"","aria-hidden":"true"}})],1)]):_vm._e()])};
+  var __vue_staticRenderFns__$1 = [];
+
+    /* style */
+    const __vue_inject_styles__$1 = undefined;
+    /* scoped */
+    const __vue_scope_id__$1 = undefined;
+    /* module identifier */
+    const __vue_module_identifier__$1 = undefined;
+    /* functional template */
+    const __vue_is_functional_template__$1 = false;
+    /* style inject */
+    
+    /* style inject SSR */
+    
+
+    
+    var Steps = normalizeComponent_1(
+      { render: __vue_render__$1, staticRenderFns: __vue_staticRenderFns__$1 },
+      __vue_inject_styles__$1,
+      __vue_script__$1,
+      __vue_scope_id__$1,
+      __vue_is_functional_template__$1,
+      __vue_module_identifier__$1,
+      undefined,
+      undefined
+    );
+
+  var script$2 = {
+    name: 'BStepItem',
+    props: {
+      label: String,
+      type: String | Object,
+      icon: String,
+      iconPack: String,
+      clickable: {
+        type: Boolean,
+        default: undefined
+      },
+      visible: {
+        type: Boolean,
+        default: true
+      }
+    },
+    data: function data() {
+      return {
+        isActive: false,
+        transitionName: null
+      };
+    },
+    methods: {
+      /**
+      * Activate step, alter animation name based on the index.
+      */
+      activate: function activate(oldIndex, index) {
+        this.transitionName = index < oldIndex ? 'slide-next' : 'slide-prev';
+        this.isActive = true;
+      },
+
+      /**
+      * Deactivate step, alter animation name based on the index.
+      */
+      deactivate: function deactivate(oldIndex, index) {
+        this.transitionName = index < oldIndex ? 'slide-next' : 'slide-prev';
+        this.isActive = false;
+      }
+    },
+    created: function created() {
+      if (!this.$parent.$data._isSteps) {
+        this.$destroy();
+        throw new Error('You should wrap bStepItem on a bSteps');
+      }
+
+      this.$parent.stepItems.push(this);
+    },
+    beforeDestroy: function beforeDestroy() {
+      var index = this.$parent.stepItems.indexOf(this);
+
+      if (index >= 0) {
+        this.$parent.stepItems.splice(index, 1);
+      }
+    },
+    render: function render(createElement) {
+      var _this = this;
+
+      // if destroy apply v-if
+      if (this.$parent.destroyOnHide) {
+        if (!this.isActive || !this.visible) {
+          return;
+        }
+      }
+
+      var vnode = createElement('div', {
+        directives: [{
+          name: 'show',
+          value: this.isActive && this.visible
+        }],
+        attrs: {
+          'class': 'step-item'
+        }
+      }, this.$slots.default); // check animated prop
+
+      if (this.$parent.animated) {
+        return createElement('transition', {
+          props: {
+            'name': this.transitionName
+          },
+          on: {
+            'before-enter': function beforeEnter() {
+              _this.$parent.isTransitioning = true;
+            },
+            'after-enter': function afterEnter() {
+              _this.$parent.isTransitioning = false;
+            }
+          }
+        }, [vnode]);
+      }
+
+      return vnode;
+    }
+  };
+
+  /* script */
+  const __vue_script__$2 = script$2;
+
+  /* template */
+
+    /* style */
+    const __vue_inject_styles__$2 = undefined;
+    /* scoped */
+    const __vue_scope_id__$2 = undefined;
+    /* module identifier */
+    const __vue_module_identifier__$2 = undefined;
+    /* functional template */
+    const __vue_is_functional_template__$2 = undefined;
+    /* style inject */
+    
+    /* style inject SSR */
+    
+
+    
+    var StepItem = normalizeComponent_1(
+      {},
+      __vue_inject_styles__$2,
+      __vue_script__$2,
+      __vue_scope_id__$2,
+      __vue_is_functional_template__$2,
+      __vue_module_identifier__$2,
+      undefined,
+      undefined
+    );
+
+  var use = function use(plugin) {
+    if (typeof window !== 'undefined' && window.Vue) {
+      window.Vue.use(plugin);
+    }
+  };
+  var registerComponent = function registerComponent(Vue, component) {
+    Vue.component(component.name, component);
+  };
+
+  var Plugin = {
+    install: function install(Vue) {
+      registerComponent(Vue, Steps);
+      registerComponent(Vue, StepItem);
+    }
+  };
+  use(Plugin);
+
+  exports.StepItem = StepItem;
+  exports.Steps = Steps;
+  exports.default = Plugin;
+
+  Object.defineProperty(exports, '__esModule', { value: true });
+
+}));