buefy 0.9.26 → 0.9.28

package/dist/esm/SlotComponent-8871a20f.js

@@ -0,0 +1,51 @@
+import { isVueComponent } from './helpers.js';
+
+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();
+    }
+  },
+  created: function created() {
+    if (isVueComponent(this.component)) {
+      this.component.$on(this.event, this.refresh);
+    }
+  },
+  beforeDestroy: function beforeDestroy() {
+    if (isVueComponent(this.component)) {
+      this.component.$off(this.event, this.refresh);
+    }
+  },
+  render: function render(createElement) {
+    if (isVueComponent(this.component)) {
+      return createElement(this.tag, {}, this.scoped ? this.component.$scopedSlots[this.name](this.props) : this.component.$slots[this.name]);
+    }
+  }
+};
+
+export { SlotComponent as S };

package/dist/esm/TabbedChildMixin-bcb13767.js

@@ -0,0 +1,219 @@
+import { _ as _defineProperty } from './_rollupPluginBabelHelpers-df313029.js';
+import { I as Icon } from './Icon-60d47b31.js';
+import { S as SlotComponent } from './SlotComponent-8871a20f.js';
+import { P as ProviderParentMixin, S as Sorted, I as InjectedChildMixin, a as Sorted$1 } from './InjectedChildMixin-b4220787.js';
+import { bound } from './helpers.js';
+
+var TabbedMixin = (function (cmp) {
+  return {
+    mixins: [ProviderParentMixin(cmp, Sorted)],
+    components: _defineProperty(_defineProperty({}, Icon.name, Icon), SlotComponent.name, SlotComponent),
+    props: {
+      value: {
+        type: [String, Number],
+        default: undefined
+      },
+      size: String,
+      animated: {
+        type: Boolean,
+        default: true
+      },
+      animation: String,
+      animateInitially: Boolean,
+      vertical: {
+        type: Boolean,
+        default: false
+      },
+      position: String,
+      destroyOnHide: {
+        type: Boolean,
+        default: false
+      }
+    },
+    data: function data() {
+      return {
+        activeId: this.value,
+        // Internal state
+        defaultSlots: [],
+        contentHeight: 0,
+        isTransitioning: false
+      };
+    },
+    mounted: function mounted() {
+      if (typeof this.value === 'number') {
+        // Backward compatibility: converts the index value to an id
+        var value = bound(this.value, 0, this.items.length - 1);
+        this.activeId = this.items[value].value;
+      } else {
+        this.activeId = this.value;
+      }
+    },
+    computed: {
+      activeItem: function activeItem() {
+        var _this = this;
+        return this.activeId === undefined ? this.items[0] : this.activeId === null ? null : this.childItems.find(function (i) {
+          return i.value === _this.activeId;
+        });
+      },
+      items: function items() {
+        return this.sortedItems;
+      }
+    },
+    watch: {
+      /**
+       * When v-model is changed set the new active tab.
+       */
+      value: function value(_value) {
+        if (typeof _value === 'number') {
+          // Backward compatibility: converts the index value to an id
+          _value = bound(_value, 0, this.items.length - 1);
+          this.activeId = this.items[_value].value;
+        } else {
+          this.activeId = _value;
+        }
+      },
+      /**
+       * Sync internal state with external state
+       */
+      activeId: function activeId(val, oldValue) {
+        var oldTab = oldValue !== undefined && oldValue !== null ? this.childItems.find(function (i) {
+          return i.value === oldValue;
+        }) : null;
+        if (oldTab && this.activeItem) {
+          oldTab.deactivate(this.activeItem.index);
+          this.activeItem.activate(oldTab.index);
+        }
+        val = this.activeItem ? typeof this.value === 'number' ? this.items.indexOf(this.activeItem) : this.activeItem.value : undefined;
+        if (val !== this.value) {
+          this.$emit('input', val);
+        }
+      }
+    },
+    methods: {
+      /**
+      * Child click listener, emit input event and change active child.
+      */
+      childClick: function childClick(child) {
+        this.activeId = child.value;
+      },
+      getNextItemIdx: function getNextItemIdx(fromIdx) {
+        var skipDisabled = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+        var nextItemIdx = null;
+        var idx = fromIdx + 1;
+        for (; idx < this.items.length; idx++) {
+          var item = this.items[idx];
+          if (item.visible && (!skipDisabled || skipDisabled && !item.disabled)) {
+            nextItemIdx = idx;
+            break;
+          }
+        }
+        return nextItemIdx;
+      },
+      getPrevItemIdx: function getPrevItemIdx(fromIdx) {
+        var skipDisabled = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+        var prevItemIdx = null;
+        for (var idx = fromIdx - 1; idx >= 0; idx--) {
+          var item = this.items[idx];
+          if (item.visible && (!skipDisabled || skipDisabled && !item.disabled)) {
+            prevItemIdx = idx;
+            break;
+          }
+        }
+        return prevItemIdx;
+      }
+    }
+  };
+});
+
+var TabbedChildMixin = (function (parentCmp) {
+  return {
+    mixins: [InjectedChildMixin(parentCmp, Sorted$1)],
+    props: {
+      label: String,
+      icon: String,
+      iconPack: String,
+      visible: {
+        type: Boolean,
+        default: true
+      },
+      value: {
+        type: String,
+        default: function _default() {
+          return this._uid.toString();
+        }
+      },
+      headerClass: {
+        type: [String, Array, Object],
+        default: null
+      }
+    },
+    data: function data() {
+      return {
+        transitionName: null,
+        elementClass: 'item',
+        elementRole: null
+      };
+    },
+    computed: {
+      isActive: function isActive() {
+        return this.parent.activeItem === this;
+      }
+    },
+    methods: {
+      /**
+       * Activate element, alter animation name based on the index.
+       */
+      activate: function activate(oldIndex) {
+        this.transitionName = this.index < oldIndex ? this.parent.vertical ? 'slide-down' : 'slide-next' : this.parent.vertical ? 'slide-up' : 'slide-prev';
+      },
+      /**
+       * Deactivate element, alter animation name based on the index.
+       */
+      deactivate: function deactivate(newIndex) {
+        this.transitionName = newIndex < this.index ? this.parent.vertical ? 'slide-down' : 'slide-next' : this.parent.vertical ? 'slide-up' : 'slide-prev';
+      }
+    },
+    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
+        }],
+        staticClass: this.elementClass,
+        attrs: {
+          'role': this.elementRole,
+          'id': "".concat(this.value, "-content"),
+          'aria-labelledby': this.elementRole ? "".concat(this.value, "-label") : null,
+          'tabindex': this.isActive ? 0 : -1
+        }
+      }, this.$slots.default);
+      // check animated prop
+      if (this.parent.animated) {
+        return createElement('transition', {
+          props: {
+            'name': this.parent.animation || this.transitionName,
+            'appear': this.parent.animateInitially === true || undefined
+          },
+          on: {
+            'before-enter': function beforeEnter() {
+              _this.parent.isTransitioning = true;
+            },
+            'after-enter': function afterEnter() {
+              _this.parent.isTransitioning = false;
+            }
+          }
+        }, [vnode]);
+      }
+      return vnode;
+    }
+  };
+});
+
+export { TabbedMixin as T, TabbedChildMixin as a };

package/dist/esm/Tag-6365aa46.js

@@ -0,0 +1,152 @@
+import { n as normalizeComponent } from './plugins-218aea86.js';
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+var script = {
+  name: 'BTag',
+  props: {
+    attached: Boolean,
+    closable: Boolean,
+    type: [String, Object],
+    size: String,
+    rounded: Boolean,
+    disabled: Boolean,
+    ellipsis: Boolean,
+    tabstop: {
+      type: Boolean,
+      default: true
+    },
+    ariaCloseLabel: String,
+    icon: String,
+    iconType: String,
+    iconPack: String,
+    closeType: String,
+    closeIcon: String,
+    closeIconPack: String,
+    closeIconType: String
+  },
+  methods: {
+    /**
+    * Emit close event when delete button is clicked
+    * or delete key is pressed.
+    */
+    close: function close(event) {
+      if (this.disabled) return;
+      this.$emit('close', event);
+    },
+    /**
+    * Emit click event when tag is clicked.
+    */
+    click: function click(event) {
+      if (this.disabled) return;
+      this.$emit('click', event);
+    }
+  }
+};
+
+/* script */
+const __vue_script__ = script;
+
+/* template */
+var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.attached && _vm.closable)?_c('div',{staticClass:"tags has-addons inline-tags"},[_c('span',{staticClass:"tag",class:[_vm.type, _vm.size, { 'is-rounded': _vm.rounded }]},[(_vm.icon)?_c('b-icon',{attrs:{"icon":_vm.icon,"size":_vm.size,"type":_vm.iconType,"pack":_vm.iconPack}}):_vm._e(),_c('span',{class:{ 'has-ellipsis': _vm.ellipsis },on:{"click":_vm.click}},[_vm._t("default")],2)],1),_c('a',{staticClass:"tag",class:[_vm.size,
+                 _vm.closeType,
+                 {'is-rounded': _vm.rounded},
+                 _vm.closeIcon ? 'has-delete-icon' : 'is-delete'],attrs:{"role":"button","aria-label":_vm.ariaCloseLabel,"tabindex":_vm.tabstop ? 0 : false,"disabled":_vm.disabled},on:{"click":_vm.close,"keyup":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"delete",[8,46],$event.key,["Backspace","Delete","Del"])){ return null; }$event.preventDefault();return _vm.close($event)}}},[(_vm.closeIcon)?_c('b-icon',{attrs:{"custom-class":"","icon":_vm.closeIcon,"size":_vm.size,"type":_vm.closeIconType,"pack":_vm.closeIconPack}}):_vm._e()],1)]):_c('span',{staticClass:"tag",class:[_vm.type, _vm.size, { 'is-rounded': _vm.rounded }]},[(_vm.icon)?_c('b-icon',{attrs:{"icon":_vm.icon,"size":_vm.size,"type":_vm.iconType,"pack":_vm.iconPack}}):_vm._e(),_c('span',{class:{ 'has-ellipsis': _vm.ellipsis },on:{"click":_vm.click}},[_vm._t("default")],2),(_vm.closable)?_c('a',{staticClass:"delete is-small",class:_vm.closeType,attrs:{"role":"button","aria-label":_vm.ariaCloseLabel,"disabled":_vm.disabled,"tabindex":_vm.tabstop ? 0 : false},on:{"click":_vm.close,"keyup":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"delete",[8,46],$event.key,["Backspace","Delete","Del"])){ return null; }$event.preventDefault();return _vm.close($event)}}}):_vm._e()],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 */
+  
+  /* style inject shadow dom */
+  
+
+  
+  const __vue_component__ = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
+    __vue_inject_styles__,
+    __vue_script__,
+    __vue_scope_id__,
+    __vue_is_functional_template__,
+    __vue_module_identifier__,
+    false,
+    undefined,
+    undefined,
+    undefined
+  );
+
+  var Tag = __vue_component__;
+
+export { Tag as T };

package/dist/esm/Timepicker-38480bbc.js

@@ -0,0 +1,65 @@
+import { _ as _defineProperty } from './_rollupPluginBabelHelpers-df313029.js';
+import { T as TimepickerMixin } from './TimepickerMixin-d736b0a9.js';
+import { D as DropdownItem, a as Dropdown } from './DropdownItem-55682322.js';
+import { I as Input } from './Input-20612b63.js';
+import { F as Field } from './Field-3ceba31e.js';
+import { S as Select } from './Select-97781d4e.js';
+import { I as Icon } from './Icon-60d47b31.js';
+import { n as normalizeComponent } from './plugins-218aea86.js';
+
+var script = {
+  name: 'BTimepicker',
+  components: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, Input.name, Input), Field.name, Field), Select.name, Select), Icon.name, Icon), Dropdown.name, Dropdown), DropdownItem.name, DropdownItem),
+  mixins: [TimepickerMixin],
+  inheritAttrs: false,
+  data: function data() {
+    return {
+      _isTimepicker: true
+    };
+  },
+  computed: {
+    nativeStep: function nativeStep() {
+      if (this.enableSeconds) return '1';
+    }
+  }
+};
+
+/* 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:"timepicker control",class:[_vm.size, {'is-expanded': _vm.expanded}]},[(!_vm.isMobile || _vm.inline)?_c('b-dropdown',{ref:"dropdown",attrs:{"position":_vm.position,"disabled":_vm.disabled,"inline":_vm.inline,"mobile-modal":_vm.mobileModal,"append-to-body":_vm.appendToBody,"append-to-body-copy-parent":""},on:{"active-change":_vm.onActiveChange},scopedSlots:_vm._u([(!_vm.inline)?{key:"trigger",fn:function(){return [_vm._t("trigger",[_c('b-input',_vm._b({ref:"input",attrs:{"autocomplete":"off","value":_vm.formatValue(_vm.computedValue),"placeholder":_vm.placeholder,"size":_vm.size,"icon":_vm.icon,"icon-pack":_vm.iconPack,"loading":_vm.loading,"disabled":_vm.disabled,"readonly":!_vm.editable,"rounded":_vm.rounded,"use-html5-validation":_vm.useHtml5Validation},on:{"focus":_vm.handleOnFocus},nativeOn:{"keyup":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.toggle(true)},"change":function($event){return _vm.onChange($event.target.value)}}},'b-input',_vm.$attrs,false))])]},proxy:true}:null],null,true)},[_c('b-dropdown-item',{attrs:{"disabled":_vm.disabled,"focusable":_vm.focusable,"custom":""}},[_c('b-field',{attrs:{"grouped":"","position":"is-centered"}},[_c('b-select',{attrs:{"disabled":_vm.disabled,"placeholder":"00"},nativeOn:{"change":function($event){return _vm.onHoursChange($event.target.value)}},model:{value:(_vm.hoursSelected),callback:function ($$v) {_vm.hoursSelected=$$v;},expression:"hoursSelected"}},_vm._l((_vm.hours),function(hour){return _c('option',{key:hour.value,attrs:{"disabled":_vm.isHourDisabled(hour.value)},domProps:{"value":hour.value}},[_vm._v(" "+_vm._s(hour.label)+" ")])}),0),_c('span',{staticClass:"control is-colon"},[_vm._v(_vm._s(_vm.hourLiteral))]),_c('b-select',{attrs:{"disabled":_vm.disabled,"placeholder":"00"},nativeOn:{"change":function($event){return _vm.onMinutesChange($event.target.value)}},model:{value:(_vm.minutesSelected),callback:function ($$v) {_vm.minutesSelected=$$v;},expression:"minutesSelected"}},_vm._l((_vm.minutes),function(minute){return _c('option',{key:minute.value,attrs:{"disabled":_vm.isMinuteDisabled(minute.value)},domProps:{"value":minute.value}},[_vm._v(" "+_vm._s(minute.label)+" ")])}),0),(_vm.enableSeconds)?[_c('span',{staticClass:"control is-colon"},[_vm._v(_vm._s(_vm.minuteLiteral))]),_c('b-select',{attrs:{"disabled":_vm.disabled,"placeholder":"00"},nativeOn:{"change":function($event){return _vm.onSecondsChange($event.target.value)}},model:{value:(_vm.secondsSelected),callback:function ($$v) {_vm.secondsSelected=$$v;},expression:"secondsSelected"}},_vm._l((_vm.seconds),function(second){return _c('option',{key:second.value,attrs:{"disabled":_vm.isSecondDisabled(second.value)},domProps:{"value":second.value}},[_vm._v(" "+_vm._s(second.label)+" ")])}),0),_c('span',{staticClass:"control is-colon"},[_vm._v(_vm._s(_vm.secondLiteral))])]:_vm._e(),(!_vm.isHourFormat24)?_c('b-select',{attrs:{"disabled":_vm.disabled},nativeOn:{"change":function($event){return _vm.onMeridienChange($event.target.value)}},model:{value:(_vm.meridienSelected),callback:function ($$v) {_vm.meridienSelected=$$v;},expression:"meridienSelected"}},_vm._l((_vm.meridiens),function(meridien){return _c('option',{key:meridien,domProps:{"value":meridien}},[_vm._v(" "+_vm._s(meridien)+" ")])}),0):_vm._e()],2),(_vm.$slots.default !== undefined && _vm.$slots.default.length)?_c('footer',{staticClass:"timepicker-footer"},[_vm._t("default")],2):_vm._e()],1)],1):_c('b-input',_vm._b({ref:"input",attrs:{"type":"time","step":_vm.nativeStep,"autocomplete":"off","value":_vm.formatHHMMSS(_vm.computedValue),"placeholder":_vm.placeholder,"size":_vm.size,"icon":_vm.icon,"icon-pack":_vm.iconPack,"rounded":_vm.rounded,"loading":_vm.loading,"max":_vm.formatHHMMSS(_vm.maxTime),"min":_vm.formatHHMMSS(_vm.minTime),"disabled":_vm.disabled,"readonly":false,"use-html5-validation":_vm.useHtml5Validation},on:{"focus":_vm.handleOnFocus,"blur":function($event){_vm.onBlur() && _vm.checkHtml5Validity();}},nativeOn:{"change":function($event){return _vm.onChange($event.target.value)}}},'b-input',_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 */
+  
+  /* style inject shadow dom */
+  
+
+  
+  const __vue_component__ = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
+    __vue_inject_styles__,
+    __vue_script__,
+    __vue_scope_id__,
+    __vue_is_functional_template__,
+    __vue_module_identifier__,
+    false,
+    undefined,
+    undefined,
+    undefined
+  );
+
+  var Timepicker = __vue_component__;
+
+export { Timepicker as T };