buefy 0.7.9 → 0.8.2

package/dist/cjs/dialog.js

@@ -0,0 +1,237 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
+var __chunk_1 = require('./chunk-9f6a8079.js');
+var __chunk_2 = require('./chunk-59b91990.js');
+var __chunk_3 = require('./chunk-545f01b1.js');
+var __chunk_5 = require('./chunk-60061aa8.js');
+var __chunk_6 = require('./chunk-13e039f5.js');
+var Vue = _interopDefault(require('vue'));
+var __chunk_14 = require('./chunk-e5de6583.js');
+
+var script = {
+  name: 'BDialog',
+  components: __chunk_1._defineProperty({}, __chunk_5.Icon.name, __chunk_5.Icon),
+  extends: __chunk_14.Modal,
+  props: {
+    title: String,
+    message: String,
+    icon: String,
+    iconPack: String,
+    hasIcon: Boolean,
+    type: {
+      type: String,
+      default: 'is-primary'
+    },
+    size: String,
+    confirmText: {
+      type: String,
+      default: function _default() {
+        return __chunk_3.config.defaultDialogConfirmText ? __chunk_3.config.defaultDialogConfirmText : 'OK';
+      }
+    },
+    cancelText: {
+      type: String,
+      default: function _default() {
+        return __chunk_3.config.defaultDialogCancelText ? __chunk_3.config.defaultDialogCancelText : 'Cancel';
+      }
+    },
+    hasInput: Boolean,
+    // Used internally to know if it's prompt
+    inputAttrs: {
+      type: Object,
+      default: function _default() {
+        return {};
+      }
+    },
+    onConfirm: {
+      type: Function,
+      default: function _default() {}
+    },
+    focusOn: {
+      type: String,
+      default: 'confirm'
+    }
+  },
+  data: function data() {
+    var prompt = this.hasInput ? this.inputAttrs.value || '' : '';
+    return {
+      prompt: prompt,
+      isActive: false,
+      validationMessage: ''
+    };
+  },
+  computed: {
+    /**
+    * Icon name (MDI) based on the type.
+    */
+    iconByType: function iconByType() {
+      switch (this.type) {
+        case 'is-info':
+          return 'information';
+
+        case 'is-success':
+          return 'check-circle';
+
+        case 'is-warning':
+          return 'alert';
+
+        case 'is-danger':
+          return 'alert-circle';
+
+        default:
+          return null;
+      }
+    },
+    showCancel: function showCancel() {
+      return this.cancelOptions.indexOf('button') >= 0;
+    }
+  },
+  methods: {
+    /**
+    * If it's a prompt Dialog, validate the input.
+    * Call the onConfirm prop (function) and close the Dialog.
+    */
+    confirm: function confirm() {
+      var _this = this;
+
+      if (this.$refs.input !== undefined) {
+        if (!this.$refs.input.checkValidity()) {
+          this.validationMessage = this.$refs.input.validationMessage;
+          this.$nextTick(function () {
+            return _this.$refs.input.select();
+          });
+          return;
+        }
+      }
+
+      this.onConfirm(this.prompt);
+      this.close();
+    },
+
+    /**
+    * Close the Dialog.
+    */
+    close: function close() {
+      var _this2 = this;
+
+      this.isActive = false; // Timeout for the animation complete before destroying
+
+      setTimeout(function () {
+        _this2.$destroy();
+
+        __chunk_2.removeElement(_this2.$el);
+      }, 150);
+    }
+  },
+  beforeMount: function beforeMount() {
+    var _this3 = this;
+
+    // Insert the Dialog component in body tag
+    if (typeof window !== 'undefined') {
+      this.$nextTick(function () {
+        document.body.appendChild(_this3.$el);
+      });
+    }
+  },
+  mounted: function mounted() {
+    var _this4 = this;
+
+    this.isActive = true;
+
+    if (typeof this.inputAttrs.required === 'undefined') {
+      this.$set(this.inputAttrs, 'required', true);
+    }
+
+    this.$nextTick(function () {
+      // Handle which element receives focus
+      if (_this4.hasInput) {
+        _this4.$refs.input.focus();
+      } else if (_this4.focusOn === 'cancel' && _this4.showCancel) {
+        _this4.$refs.cancelButton.focus();
+      } else {
+        _this4.$refs.confirmButton.focus();
+      }
+    });
+  }
+};
+
+/* 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:{"name":_vm.animation}},[(_vm.isActive)?_c('div',{staticClass:"dialog modal is-active",class:_vm.size},[_c('div',{staticClass:"modal-background",on:{"click":function($event){_vm.cancel('outside');}}}),_vm._v(" "),_c('div',{staticClass:"modal-card animation-content"},[(_vm.title)?_c('header',{staticClass:"modal-card-head"},[_c('p',{staticClass:"modal-card-title"},[_vm._v(_vm._s(_vm.title))])]):_vm._e(),_vm._v(" "),_c('section',{staticClass:"modal-card-body",class:{ 'is-titleless': !_vm.title, 'is-flex': _vm.hasIcon }},[_c('div',{staticClass:"media"},[(_vm.hasIcon)?_c('div',{staticClass:"media-left"},[_c('b-icon',{attrs:{"icon":_vm.icon ? _vm.icon : _vm.iconByType,"pack":_vm.iconPack,"type":_vm.type,"both":!_vm.icon,"size":"is-large"}})],1):_vm._e(),_vm._v(" "),_c('div',{staticClass:"media-content"},[_c('p',{domProps:{"innerHTML":_vm._s(_vm.message)}}),_vm._v(" "),(_vm.hasInput)?_c('div',{staticClass:"field"},[_c('div',{staticClass:"control"},[_c('input',_vm._b({directives:[{name:"model",rawName:"v-model",value:(_vm.prompt),expression:"prompt"}],ref:"input",staticClass:"input",class:{ 'is-danger': _vm.validationMessage },domProps:{"value":(_vm.prompt)},on:{"keyup":function($event){if(!('button' in $event)&&_vm._k($event.keyCode,"enter",13,$event.key)){ return null; }_vm.confirm($event);},"input":function($event){if($event.target.composing){ return; }_vm.prompt=$event.target.value;}}},'input',_vm.inputAttrs,false))]),_vm._v(" "),_c('p',{staticClass:"help is-danger"},[_vm._v(_vm._s(_vm.validationMessage))])]):_vm._e()])])]),_vm._v(" "),_c('footer',{staticClass:"modal-card-foot"},[(_vm.showCancel)?_c('button',{ref:"cancelButton",staticClass:"button",on:{"click":function($event){_vm.cancel('button');}}},[_vm._v("\n                    "+_vm._s(_vm.cancelText)+"\n                ")]):_vm._e(),_vm._v(" "),_c('button',{ref:"confirmButton",staticClass:"button",class:_vm.type,on:{"click":_vm.confirm}},[_vm._v("\n                    "+_vm._s(_vm.confirmText)+"\n                ")])])])]):_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 Dialog = __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
+  );
+
+function open(propsData) {
+  var vm = typeof window !== 'undefined' && window.Vue ? window.Vue : Vue;
+  var DialogComponent = vm.extend(Dialog);
+  return new DialogComponent({
+    el: document.createElement('div'),
+    propsData: propsData
+  });
+}
+
+var DialogProgrammatic = {
+  alert: function alert(params) {
+    var message;
+    if (typeof params === 'string') message = params;
+    var defaultParam = {
+      canCancel: false,
+      message: message
+    };
+    var propsData = Object.assign(defaultParam, params);
+    return open(propsData);
+  },
+  confirm: function confirm(params) {
+    var defaultParam = {};
+    var propsData = Object.assign(defaultParam, params);
+    return open(propsData);
+  },
+  prompt: function prompt(params) {
+    var defaultParam = {
+      hasInput: true,
+      confirmText: 'Done'
+    };
+    var propsData = Object.assign(defaultParam, params);
+    return open(propsData);
+  }
+};
+var Plugin = {
+  install: function install(Vue) {
+    __chunk_6.registerComponent(Vue, Dialog);
+    __chunk_6.registerComponentProgrammatic(Vue, 'dialog', DialogProgrammatic);
+  }
+};
+__chunk_6.use(Plugin);
+
+exports.DialogProgrammatic = DialogProgrammatic;
+exports.default = Plugin;

package/dist/cjs/dropdown.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('./chunk-545f01b1.js');
+var __chunk_6 = require('./chunk-13e039f5.js');
+var __chunk_11 = require('./chunk-544a95da.js');
+
+var Plugin = {
+  install: function install(Vue) {
+    __chunk_6.registerComponent(Vue, __chunk_11.Dropdown);
+    __chunk_6.registerComponent(Vue, __chunk_11.DropdownItem);
+  }
+};
+__chunk_6.use(Plugin);
+
+exports.Dropdown = __chunk_11.Dropdown;
+exports.DropdownItem = __chunk_11.DropdownItem;
+exports.default = Plugin;

package/dist/cjs/field.js

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('./chunk-9f6a8079.js');
+require('./chunk-545f01b1.js');
+var __chunk_6 = require('./chunk-13e039f5.js');
+var __chunk_12 = require('./chunk-ef4753d5.js');
+
+var Plugin = {
+  install: function install(Vue) {
+    __chunk_6.registerComponent(Vue, __chunk_12.Field);
+  }
+};
+__chunk_6.use(Plugin);
+
+exports.Field = __chunk_12.Field;
+exports.default = Plugin;

package/dist/cjs/icon.js

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('./chunk-545f01b1.js');
+var __chunk_5 = require('./chunk-60061aa8.js');
+var __chunk_6 = require('./chunk-13e039f5.js');
+
+var Plugin = {
+  install: function install(Vue) {
+    __chunk_6.registerComponent(Vue, __chunk_5.Icon);
+  }
+};
+__chunk_6.use(Plugin);
+
+exports.Icon = __chunk_5.Icon;
+exports.default = Plugin;

package/dist/cjs/index.js

@@ -0,0 +1,164 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('./chunk-9f6a8079.js');
+require('./chunk-59b91990.js');
+var __chunk_3 = require('./chunk-545f01b1.js');
+require('./chunk-c146745e.js');
+require('./chunk-60061aa8.js');
+var __chunk_6 = require('./chunk-13e039f5.js');
+require('./chunk-f0c597f9.js');
+require('./chunk-5b2a3329.js');
+var autocomplete = require('./autocomplete.js');
+var button = require('./button.js');
+require('./chunk-96ce35a2.js');
+var checkbox = require('./checkbox.js');
+var collapse = require('./collapse.js');
+require('./chunk-c2aec7a9.js');
+require('./chunk-544a95da.js');
+require('./chunk-ef4753d5.js');
+var clockpicker = require('./clockpicker.js');
+require('./chunk-1b1231ce.js');
+var datepicker = require('./datepicker.js');
+require('vue');
+require('./chunk-e5de6583.js');
+var dialog = require('./dialog.js');
+var dropdown = require('./dropdown.js');
+var field = require('./field.js');
+var icon = require('./icon.js');
+var input = require('./input.js');
+require('./chunk-f1df1c63.js');
+var loading = require('./loading.js');
+var menu = require('./menu.js');
+require('./chunk-8985ffff.js');
+var message = require('./message.js');
+var modal = require('./modal.js');
+var notification = require('./notification.js');
+require('./chunk-6d6465c1.js');
+var navbar = require('./navbar.js');
+var numberinput = require('./numberinput.js');
+require('./chunk-876befa8.js');
+var pagination = require('./pagination.js');
+var progress = require('./progress.js');
+var radio = require('./radio.js');
+var select = require('./select.js');
+require('./chunk-6963026a.js');
+var slider = require('./slider.js');
+var snackbar = require('./snackbar.js');
+require('./chunk-3dffe6e7.js');
+var steps = require('./steps.js');
+var _switch = require('./switch.js');
+var table = require('./table.js');
+var tabs = require('./tabs.js');
+require('./chunk-77f69fca.js');
+var tag = require('./tag.js');
+var taginput = require('./taginput.js');
+var timepicker = require('./timepicker.js');
+var toast = require('./toast.js');
+var tooltip = require('./tooltip.js');
+var upload = require('./upload.js');
+
+
+
+var components = /*#__PURE__*/Object.freeze({
+    Autocomplete: autocomplete.default,
+    Button: button.default,
+    Checkbox: checkbox.default,
+    Clockpicker: clockpicker.default,
+    Collapse: collapse.default,
+    Datepicker: datepicker.default,
+    Dialog: dialog.default,
+    Dropdown: dropdown.default,
+    Field: field.default,
+    Icon: icon.default,
+    Input: input.default,
+    Loading: loading.default,
+    Menu: menu.default,
+    Message: message.default,
+    Modal: modal.default,
+    Navbar: navbar.default,
+    Notification: notification.default,
+    Numberinput: numberinput.default,
+    Pagination: pagination.default,
+    Progress: progress.default,
+    Radio: radio.default,
+    Select: select.default,
+    Slider: slider.default,
+    Snackbar: snackbar.default,
+    Steps: steps.default,
+    Switch: _switch.default,
+    Table: table.default,
+    Tabs: tabs.default,
+    Tag: tag.default,
+    Taginput: taginput.default,
+    Timepicker: timepicker.default,
+    Toast: toast.default,
+    Tooltip: tooltip.default,
+    Upload: upload.default
+});
+
+var Buefy = {
+  install: function install(Vue) {
+    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+    // Options
+    __chunk_3.setOptions(Object.assign(__chunk_3.config, options)); // Components
+
+
+    for (var componentKey in components) {
+      Vue.use(components[componentKey]);
+    } // Config component
+
+
+    var BuefyProgrammatic = {
+      setOptions: function setOptions(options) {
+        __chunk_3.setOptions(Object.assign(__chunk_3.config, options));
+      }
+    };
+    __chunk_6.registerComponentProgrammatic(Vue, 'config', BuefyProgrammatic);
+  }
+};
+__chunk_6.use(Buefy);
+
+exports.Autocomplete = autocomplete.default;
+exports.Button = button.default;
+exports.Checkbox = checkbox.default;
+exports.Collapse = collapse.default;
+exports.Clockpicker = clockpicker.default;
+exports.Datepicker = datepicker.default;
+exports.Dialog = dialog.default;
+exports.DialogProgrammatic = dialog.DialogProgrammatic;
+exports.Dropdown = dropdown.default;
+exports.Field = field.default;
+exports.Icon = icon.default;
+exports.Input = input.default;
+exports.Loading = loading.default;
+exports.LoadingProgrammatic = loading.LoadingProgrammatic;
+exports.Menu = menu.default;
+exports.Message = message.default;
+exports.Modal = modal.default;
+exports.ModalProgrammatic = modal.ModalProgrammatic;
+exports.Notification = notification.default;
+exports.NotificationProgrammatic = notification.NotificationProgrammatic;
+exports.Navbar = navbar.default;
+exports.Numberinput = numberinput.default;
+exports.Pagination = pagination.default;
+exports.Progress = progress.default;
+exports.Radio = radio.default;
+exports.Select = select.default;
+exports.Slider = slider.default;
+exports.Snackbar = snackbar.default;
+exports.SnackbarProgrammatic = snackbar.SnackbarProgrammatic;
+exports.Steps = steps.default;
+exports.Switch = _switch.default;
+exports.Table = table.default;
+exports.Tabs = tabs.default;
+exports.Tag = tag.default;
+exports.Taginput = taginput.default;
+exports.Timepicker = timepicker.default;
+exports.Toast = toast.default;
+exports.ToastProgrammatic = toast.ToastProgrammatic;
+exports.Tooltip = tooltip.default;
+exports.Upload = upload.default;
+exports.default = Buefy;

package/dist/cjs/input.js

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('./chunk-9f6a8079.js');
+require('./chunk-545f01b1.js');
+require('./chunk-c146745e.js');
+require('./chunk-60061aa8.js');
+var __chunk_6 = require('./chunk-13e039f5.js');
+var __chunk_7 = require('./chunk-f0c597f9.js');
+
+var Plugin = {
+  install: function install(Vue) {
+    __chunk_6.registerComponent(Vue, __chunk_7.Input);
+  }
+};
+__chunk_6.use(Plugin);
+
+exports.Input = __chunk_7.Input;
+exports.default = Plugin;

package/dist/cjs/loading.js

@@ -0,0 +1,166 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
+var __chunk_2 = require('./chunk-59b91990.js');
+var __chunk_6 = require('./chunk-13e039f5.js');
+var Vue = _interopDefault(require('vue'));
+var __chunk_15 = require('./chunk-f1df1c63.js');
+
+//
+var script = {
+  name: 'BLoading',
+  props: {
+    active: Boolean,
+    programmatic: Boolean,
+    container: [Object, Function, __chunk_15.HTMLElement],
+    isFullPage: {
+      type: Boolean,
+      default: true
+    },
+    animation: {
+      type: String,
+      default: 'fade'
+    },
+    canCancel: {
+      type: Boolean,
+      default: false
+    },
+    onCancel: {
+      type: Function,
+      default: function _default() {}
+    }
+  },
+  data: function data() {
+    return {
+      isActive: this.active || false
+    };
+  },
+  watch: {
+    active: function active(value) {
+      this.isActive = value;
+    }
+  },
+  methods: {
+    /**
+    * Close the Modal if canCancel.
+    */
+    cancel: function cancel() {
+      if (!this.canCancel || !this.isActive) return;
+      this.close();
+    },
+
+    /**
+    * Emit events, and destroy modal if it's programmatic.
+    */
+    close: function close() {
+      var _this = this;
+
+      this.onCancel.apply(null, arguments);
+      this.$emit('close');
+      this.$emit('update:active', false); // Timeout for the animation complete before destroying
+
+      if (this.programmatic) {
+        this.isActive = false;
+        setTimeout(function () {
+          _this.$destroy();
+
+          __chunk_2.removeElement(_this.$el);
+        }, 150);
+      }
+    },
+
+    /**
+    * Keypress event that is bound to the document.
+    */
+    keyPress: function keyPress(event) {
+      // Esc key
+      if (event.keyCode === 27) this.cancel();
+    }
+  },
+  created: function created() {
+    if (typeof window !== 'undefined') {
+      document.addEventListener('keyup', this.keyPress);
+    }
+  },
+  beforeMount: function beforeMount() {
+    // Insert the Loading component in body tag
+    // only if it's programmatic
+    if (this.programmatic) {
+      if (!this.container) {
+        document.body.appendChild(this.$el);
+      } else {
+        this.isFullPage = false;
+        this.container.appendChild(this.$el);
+      }
+    }
+  },
+  mounted: function mounted() {
+    if (this.programmatic) this.isActive = true;
+  },
+  beforeDestroy: function beforeDestroy() {
+    if (typeof window !== 'undefined') {
+      document.removeEventListener('keyup', this.keyPress);
+    }
+  }
+};
+
+/* 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:{"name":_vm.animation}},[(_vm.isActive)?_c('div',{staticClass:"loading-overlay is-active",class:{ 'is-full-page': _vm.isFullPage }},[_c('div',{staticClass:"loading-background",on:{"click":_vm.cancel}}),_vm._v(" "),_vm._t("default",[_c('div',{staticClass:"loading-icon"})])],2):_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 Loading = __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 LoadingProgrammatic = {
+  open: function open(params) {
+    var defaultParam = {
+      programmatic: true
+    };
+    var propsData = Object.assign(defaultParam, params);
+    var vm = typeof window !== 'undefined' && window.Vue ? window.Vue : Vue;
+    var LoadingComponent = vm.extend(Loading);
+    return new LoadingComponent({
+      el: document.createElement('div'),
+      propsData: propsData
+    });
+  }
+};
+var Plugin = {
+  install: function install(Vue) {
+    __chunk_6.registerComponent(Vue, Loading);
+    __chunk_6.registerComponentProgrammatic(Vue, 'loading', LoadingProgrammatic);
+  }
+};
+__chunk_6.use(Plugin);
+
+exports.Loading = Loading;
+exports.LoadingProgrammatic = LoadingProgrammatic;
+exports.default = Plugin;