buefy 0.7.9 → 0.8.2

package/dist/cjs/slider.js

@@ -0,0 +1,511 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var __chunk_1 = require('./chunk-9f6a8079.js');
+require('./chunk-545f01b1.js');
+var __chunk_6 = require('./chunk-13e039f5.js');
+var __chunk_19 = require('./chunk-6963026a.js');
+
+var script = {
+  name: 'BSliderThumb',
+  components: __chunk_1._defineProperty({}, __chunk_19.Tooltip.name, __chunk_19.Tooltip),
+  inheritAttrs: false,
+  props: {
+    value: {
+      type: Number,
+      default: 0
+    },
+    type: {
+      type: String,
+      default: ''
+    },
+    tooltip: {
+      type: Boolean,
+      default: true
+    }
+  },
+  data: function data() {
+    return {
+      isFocused: false,
+      dragging: false,
+      startX: 0,
+      startPosition: 0,
+      newPosition: null,
+      oldValue: this.value
+    };
+  },
+  computed: {
+    disabled: function disabled() {
+      return this.$parent.disabled;
+    },
+    max: function max() {
+      return this.$parent.max;
+    },
+    min: function min() {
+      return this.$parent.min;
+    },
+    step: function step() {
+      return this.$parent.step;
+    },
+    precision: function precision() {
+      return this.$parent.precision;
+    },
+    currentPosition: function currentPosition() {
+      return "".concat((this.value - this.min) / (this.max - this.min) * 100, "%");
+    },
+    wrapperStyle: function wrapperStyle() {
+      return {
+        left: this.currentPosition
+      };
+    }
+  },
+  watch: {
+    dragging: function dragging(val) {
+      this.$parent.dragging = val;
+    }
+  },
+  methods: {
+    onFocus: function onFocus() {
+      this.isFocused = true;
+    },
+    onBlur: function onBlur() {
+      this.isFocused = false;
+    },
+    onButtonDown: function onButtonDown(event) {
+      if (this.disabled) return;
+      event.preventDefault();
+      this.onDragStart(event);
+
+      if (typeof window !== 'undefined') {
+        document.addEventListener('mousemove', this.onDragging);
+        document.addEventListener('touchmove', this.onDragging);
+        document.addEventListener('mouseup', this.onDragEnd);
+        document.addEventListener('touchend', this.onDragEnd);
+        document.addEventListener('contextmenu', this.onDragEnd);
+      }
+    },
+    onLeftKeyDown: function onLeftKeyDown() {
+      if (this.disabled || this.value === this.min) return;
+      this.newPosition = parseFloat(this.currentPosition) - this.step / (this.max - this.min) * 100;
+      this.setPosition(this.newPosition);
+      this.$parent.emitChange();
+    },
+    onRightKeyDown: function onRightKeyDown() {
+      if (this.disabled || this.value === this.max) return;
+      this.newPosition = parseFloat(this.currentPosition) + this.step / (this.max - this.min) * 100;
+      this.setPosition(this.newPosition);
+      this.$parent.emitChange();
+    },
+    onHomeKeyDown: function onHomeKeyDown() {
+      if (this.disabled || this.value === this.min) return;
+      this.newPosition = 0;
+      this.setPosition(this.newPosition);
+      this.$parent.emitChange();
+    },
+    onEndKeyDown: function onEndKeyDown() {
+      if (this.disabled || this.value === this.max) return;
+      this.newPosition = 100;
+      this.setPosition(this.newPosition);
+      this.$parent.emitChange();
+    },
+    onDragStart: function onDragStart(event) {
+      this.dragging = true;
+
+      if (event.type === 'touchstart') {
+        event.clientX = event.touches[0].clientX;
+      }
+
+      this.startX = event.clientX;
+      this.startPosition = parseFloat(this.currentPosition);
+      this.newPosition = this.startPosition;
+    },
+    onDragging: function onDragging(event) {
+      if (this.dragging) {
+        if (event.type === 'touchmove') {
+          event.clientX = event.touches[0].clientX;
+        }
+
+        var diff = (event.clientX - this.startX) / this.$parent.sliderSize * 100;
+        this.newPosition = this.startPosition + diff;
+        this.setPosition(this.newPosition);
+      }
+    },
+    onDragEnd: function onDragEnd() {
+      var _this = this;
+
+      if (this.value !== this.oldValue) {
+        this.$parent.emitChange();
+      }
+
+      setTimeout(function () {
+        // defer to prevent triggering click on the track
+        _this.dragging = false;
+
+        _this.setPosition(_this.newPosition);
+      });
+
+      if (typeof window !== 'undefined') {
+        document.removeEventListener('mousemove', this.onDragging);
+        document.removeEventListener('touchmove', this.onDragging);
+        document.removeEventListener('mouseup', this.onDragEnd);
+        document.removeEventListener('touchend', this.onDragEnd);
+        document.removeEventListener('contextmenu', this.onDragEnd);
+      }
+    },
+    setPosition: function setPosition(percent) {
+      if (percent === null || isNaN(percent)) return;
+
+      if (percent < 0) {
+        percent = 0;
+      } else if (percent > 100) {
+        percent = 100;
+      }
+
+      var stepLength = 100 / ((this.max - this.min) / this.step);
+      var steps = Math.round(percent / stepLength);
+      var value = steps * stepLength / 100 * (this.max - this.min) + this.min;
+      value = parseFloat(value.toFixed(this.precision));
+      this.$emit('input', value);
+
+      if (!this.dragging && value !== this.oldValue) {
+        this.oldValue = value;
+      }
+    }
+  }
+};
+
+/* 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('div',{staticClass:"b-slider-thumb-wrapper",class:{ 'is-dragging': _vm.dragging },style:(_vm.wrapperStyle)},[_c('b-tooltip',{attrs:{"label":_vm.value.toString(),"type":_vm.type,"always":_vm.dragging || _vm.isFocused,"active":!_vm.disabled && _vm.tooltip}},[_c('div',_vm._b({staticClass:"b-slider-thumb",attrs:{"tabindex":_vm.disabled ? false : 0},on:{"mousedown":_vm.onButtonDown,"touchstart":_vm.onButtonDown,"focus":_vm.onFocus,"blur":_vm.onBlur,"keydown":[function($event){if(!('button' in $event)&&_vm._k($event.keyCode,"left",37,$event.key)){ return null; }if('button' in $event && $event.button !== 0){ return null; }$event.preventDefault();_vm.onLeftKeyDown($event);},function($event){if(!('button' in $event)&&_vm._k($event.keyCode,"right",39,$event.key)){ return null; }if('button' in $event && $event.button !== 2){ return null; }$event.preventDefault();_vm.onRightKeyDown($event);},function($event){if(!('button' in $event)&&_vm._k($event.keyCode,"down",40,$event.key)){ return null; }$event.preventDefault();_vm.onLeftKeyDown($event);},function($event){if(!('button' in $event)&&_vm._k($event.keyCode,"up",38,$event.key)){ return null; }$event.preventDefault();_vm.onRightKeyDown($event);},function($event){if(!('button' in $event)&&_vm._k($event.keyCode,"home",undefined,$event.key)){ return null; }$event.preventDefault();_vm.onHomeKeyDown($event);},function($event){if(!('button' in $event)&&_vm._k($event.keyCode,"end",undefined,$event.key)){ return null; }$event.preventDefault();_vm.onEndKeyDown($event);}]}},'div',_vm.$attrs,false))])],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 SliderThumb = __chunk_6.__vue_normalize__(
+    { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
+    __vue_inject_styles__,
+    __vue_script__,
+    __vue_scope_id__,
+    __vue_is_functional_template__,
+    __vue_module_identifier__,
+    undefined,
+    undefined
+  );
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+var script$1 = {
+  name: 'BSliderTick',
+  props: {
+    value: {
+      type: Number,
+      default: 0
+    }
+  },
+  computed: {
+    position: function position() {
+      var pos = (this.value - this.$parent.min) / (this.$parent.max - this.$parent.min) * 100;
+      return pos >= 0 && pos <= 100 ? pos : 0;
+    },
+    hidden: function hidden() {
+      return this.value === this.$parent.min || this.value === this.$parent.max;
+    }
+  },
+  methods: {
+    getTickStyle: function getTickStyle(position) {
+      return {
+        'left': position + '%'
+      };
+    }
+  },
+  created: function created() {
+    if (!this.$parent.$data._isSlider) {
+      this.$destroy();
+      throw new Error('You should wrap bSliderTick on a bSlider');
+    }
+  }
+};
+
+/* 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-slider-tick",class:{ 'is-tick-hidden': _vm.hidden },style:(_vm.getTickStyle(_vm.position))},[(_vm.$slots.default)?_c('span',{staticClass:"b-slider-tick-label"},[_vm._t("default")],2):_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 SliderTick = __chunk_6.__vue_normalize__(
+    { 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 _components;
+var script$2 = {
+  name: 'BSlider',
+  components: (_components = {}, __chunk_1._defineProperty(_components, SliderThumb.name, SliderThumb), __chunk_1._defineProperty(_components, SliderTick.name, SliderTick), _components),
+  props: {
+    value: {
+      type: [Number, Array],
+      default: 0
+    },
+    min: {
+      type: Number,
+      default: 0
+    },
+    max: {
+      type: Number,
+      default: 100
+    },
+    step: {
+      type: Number,
+      default: 1
+    },
+    type: {
+      type: String,
+      default: 'is-primary'
+    },
+    size: String,
+    ticks: {
+      type: Boolean,
+      default: false
+    },
+    tooltip: {
+      type: Boolean,
+      default: true
+    },
+    tooltipType: String,
+    rounded: {
+      type: Boolean,
+      default: false
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    ariaLabel: [String, Array]
+  },
+  data: function data() {
+    return {
+      value1: null,
+      value2: null,
+      dragging: false,
+      isRange: false,
+      newTooltipType: this.tooltipType ? this.tooltipType : this.type,
+      _isSlider: true // Used by Thumb and Tick
+
+    };
+  },
+  computed: {
+    tickValues: function tickValues() {
+      if (!this.ticks || this.min > this.max || this.step === 0) return [];
+      var result = [];
+
+      for (var i = this.min + this.step; i < this.max; i = i + this.step) {
+        result.push(i);
+      }
+
+      return result;
+    },
+    minValue: function minValue() {
+      return Math.min(this.value1, this.value2);
+    },
+    maxValue: function maxValue() {
+      return Math.max(this.value1, this.value2);
+    },
+    barSize: function barSize() {
+      return this.isRange ? "".concat(100 * (this.maxValue - this.minValue) / (this.max - this.min), "%") : "".concat(100 * (this.value1 - this.min) / (this.max - this.min), "%");
+    },
+    barStart: function barStart() {
+      return this.isRange ? "".concat(100 * (this.minValue - this.min) / (this.max - this.min), "%") : '0%';
+    },
+    precision: function precision() {
+      var precisions = [this.min, this.max, this.step].map(function (item) {
+        var decimal = ('' + item).split('.')[1];
+        return decimal ? decimal.length : 0;
+      });
+      return Math.max.apply(Math, __chunk_1._toConsumableArray(precisions));
+    },
+    barStyle: function barStyle() {
+      return {
+        width: this.barSize,
+        left: this.barStart
+      };
+    },
+    sliderSize: function sliderSize() {
+      return this.$refs.slider['clientWidth'];
+    },
+    rootClasses: function rootClasses() {
+      return {
+        'is-rounded': this.rounded,
+        'is-dragging': this.dragging,
+        'is-disabled': this.disabled
+      };
+    }
+  },
+  watch: {
+    /**
+    * When v-model is changed set the new active step.
+    */
+    value: function value(_value) {
+      this.setValues(_value);
+    },
+    value1: function value1(val) {
+      this.isThumbReversed = this.value1 > this.value2;
+
+      if (this.isRange) {
+        this.$emit('input', [this.minValue, this.maxValue]);
+      } else {
+        this.$emit('input', val);
+      }
+    },
+    value2: function value2(val) {
+      this.isThumbReversed = this.value1 > this.value2;
+
+      if (this.isRange) {
+        this.$emit('input', [this.minValue, this.maxValue]);
+      }
+    },
+    min: function min() {
+      this.setValues();
+    },
+    max: function max() {
+      this.setValues();
+    }
+  },
+  methods: {
+    setValues: function setValues(newValue) {
+      if (this.min > this.max) {
+        return;
+      }
+
+      if (Array.isArray(newValue)) {
+        this.isRange = true;
+        var smallValue = typeof newValue[0] !== 'number' || isNaN(newValue[0]) ? this.min : Math.min(Math.max(this.min, newValue[0]), this.max);
+        var largeValue = typeof newValue[1] !== 'number' || isNaN(newValue[1]) ? this.max : Math.max(Math.min(this.max, newValue[1]), this.min);
+        this.value1 = this.isThumbReversed ? largeValue : smallValue;
+        this.value2 = this.isThumbReversed ? smallValue : largeValue;
+      } else {
+        this.isRange = false;
+        this.value1 = isNaN(newValue) ? this.min : Math.min(this.max, Math.max(this.min, newValue));
+      }
+    },
+    onSliderClick: function onSliderClick(event) {
+      if (this.disabled || this.dragging) return;
+      var sliderOffsetLeft = this.$refs.slider.getBoundingClientRect().left;
+      var percent = (event.clientX - sliderOffsetLeft) / this.sliderSize * 100;
+      var targetValue = this.min + percent * (this.max - this.min) / 100;
+      var diffFirst = Math.abs(targetValue - this.value1);
+
+      if (!this.isRange) {
+        if (diffFirst < this.step / 2) return;
+        this.$refs.button1.setPosition(percent);
+      } else {
+        var diffSecond = Math.abs(targetValue - this.value2);
+
+        if (diffFirst <= diffSecond) {
+          if (diffFirst < this.step / 2) return;
+          this.$refs['button1'].setPosition(percent);
+        } else {
+          if (diffSecond < this.step / 2) return;
+          this.$refs['button2'].setPosition(percent);
+        }
+      }
+
+      this.emitChange();
+    },
+    emitChange: function emitChange() {
+      this.$emit('change', this.isRange ? [this.minValue, this.maxValue] : this.value1);
+    }
+  },
+  created: function created() {
+    this.setValues(this.value);
+    this.isThumbReversed = false;
+  }
+};
+
+/* script */
+const __vue_script__$2 = script$2;
+
+/* template */
+var __vue_render__$2 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"b-slider",class:[_vm.size, _vm.type, _vm.rootClasses]},[_c('div',{ref:"slider",staticClass:"b-slider-track",on:{"click":_vm.onSliderClick}},[_c('div',{staticClass:"b-slider-fill",style:(_vm.barStyle)}),_vm._v(" "),(_vm.ticks)?_vm._l((_vm.tickValues),function(val,key){return _c('b-slider-tick',{key:key,attrs:{"value":val}})}):_vm._e(),_vm._v(" "),_vm._t("default"),_vm._v(" "),_c('b-slider-thumb',{ref:"button1",attrs:{"type":_vm.newTooltipType,"tooltip":_vm.tooltip,"role":"slider","aria-valuenow":_vm.value1,"aria-valuemin":_vm.min,"aria-valuemax":_vm.max,"aria-orientation":"horizontal","aria-label":Array.isArray(_vm.ariaLabel) ? _vm.ariaLabel[0] : _vm.ariaLabel,"aria-disabled":_vm.disabled},model:{value:(_vm.value1),callback:function ($$v) {_vm.value1=$$v;},expression:"value1"}}),_vm._v(" "),(_vm.isRange)?_c('b-slider-thumb',{ref:"button2",attrs:{"type":_vm.newTooltipType,"tooltip":_vm.tooltip,"role":"slider","aria-valuenow":_vm.value2,"aria-valuemin":_vm.min,"aria-valuemax":_vm.max,"aria-orientation":"horizontal","aria-label":Array.isArray(_vm.ariaLabel) ? _vm.ariaLabel[1] : '',"aria-disabled":_vm.disabled},model:{value:(_vm.value2),callback:function ($$v) {_vm.value2=$$v;},expression:"value2"}}):_vm._e()],2)])};
+var __vue_staticRenderFns__$2 = [];
+
+  /* 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 = false;
+  /* style inject */
+  
+  /* style inject SSR */
+  
+
+  
+  var Slider = __chunk_6.__vue_normalize__(
+    { render: __vue_render__$2, staticRenderFns: __vue_staticRenderFns__$2 },
+    __vue_inject_styles__$2,
+    __vue_script__$2,
+    __vue_scope_id__$2,
+    __vue_is_functional_template__$2,
+    __vue_module_identifier__$2,
+    undefined,
+    undefined
+  );
+
+var Plugin = {
+  install: function install(Vue) {
+    __chunk_6.registerComponent(Vue, Slider);
+    __chunk_6.registerComponent(Vue, SliderTick);
+  }
+};
+__chunk_6.use(Plugin);
+
+exports.Slider = Slider;
+exports.SliderTick = SliderTick;
+exports.default = Plugin;

package/dist/cjs/snackbar.js

@@ -0,0 +1,114 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
+require('./chunk-59b91990.js');
+var __chunk_3 = require('./chunk-545f01b1.js');
+var __chunk_6 = require('./chunk-13e039f5.js');
+var Vue = _interopDefault(require('vue'));
+var __chunk_17 = require('./chunk-6d6465c1.js');
+
+//
+var script = {
+  name: 'BSnackbar',
+  mixins: [__chunk_17.NoticeMixin],
+  props: {
+    actionText: {
+      type: String,
+      default: 'OK'
+    },
+    onAction: {
+      type: Function,
+      default: function _default() {}
+    },
+    indefinite: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data: function data() {
+    return {
+      newDuration: this.duration || __chunk_3.config.defaultSnackbarDuration
+    };
+  },
+  methods: {
+    /**
+    * Click listener.
+    * Call action prop before closing (from Mixin).
+    */
+    action: function action() {
+      this.onAction();
+      this.close();
+    }
+  }
+};
+
+/* 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('transition',{attrs:{"enter-active-class":_vm.transition.enter,"leave-active-class":_vm.transition.leave}},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.isActive),expression:"isActive"}],staticClass:"snackbar",class:[_vm.type,_vm.position]},[_c('div',{staticClass:"text",domProps:{"innerHTML":_vm._s(_vm.message)}}),_vm._v(" "),(_vm.actionText)?_c('div',{staticClass:"action",class:_vm.type,on:{"click":_vm.action}},[_c('button',{staticClass:"button"},[_vm._v(_vm._s(_vm.actionText))])]):_vm._e()])])};
+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 Snackbar = __chunk_6.__vue_normalize__(
+    { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
+    __vue_inject_styles__,
+    __vue_script__,
+    __vue_scope_id__,
+    __vue_is_functional_template__,
+    __vue_module_identifier__,
+    undefined,
+    undefined
+  );
+
+var SnackbarProgrammatic = {
+  open: function open(params) {
+    var message;
+    var parent;
+    if (typeof params === 'string') message = params;
+    var defaultParam = {
+      type: 'is-success',
+      position: __chunk_3.config.defaultSnackbarPosition || 'is-bottom-right',
+      message: message
+    };
+
+    if (params.parent) {
+      parent = params.parent;
+      delete params.parent;
+    }
+
+    var propsData = Object.assign(defaultParam, params);
+    var vm = typeof window !== 'undefined' && window.Vue ? window.Vue : Vue;
+    var SnackbarComponent = vm.extend(Snackbar);
+    return new SnackbarComponent({
+      parent: parent,
+      el: document.createElement('div'),
+      propsData: propsData
+    });
+  }
+};
+var Plugin = {
+  install: function install(Vue) {
+    __chunk_6.registerComponentProgrammatic(Vue, 'snackbar', SnackbarProgrammatic);
+  }
+};
+__chunk_6.use(Plugin);
+
+exports.SnackbarProgrammatic = SnackbarProgrammatic;
+exports.default = Plugin;