buefy 0.7.9 → 0.8.2

package/dist/esm/dialog.js

@@ -0,0 +1,231 @@
+import { _ as _defineProperty } from './chunk-d6200087.js';
+import { r as removeElement } from './chunk-e5fce48f.js';
+import { c as config } from './chunk-9e3207cc.js';
+import { I as Icon } from './chunk-e84b4047.js';
+import { _ as __vue_normalize__, r as registerComponent, a as registerComponentProgrammatic, u as use } from './chunk-cca88db8.js';
+import Vue from 'vue';
+import { M as Modal } from './chunk-a5ea70d0.js';
+
+var script = {
+  name: 'BDialog',
+  components: _defineProperty({}, Icon.name, Icon),
+  extends: 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 config.defaultDialogConfirmText ? config.defaultDialogConfirmText : 'OK';
+      }
+    },
+    cancelText: {
+      type: String,
+      default: function _default() {
+        return config.defaultDialogCancelText ? 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();
+
+        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 = __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) {
+    registerComponent(Vue, Dialog);
+    registerComponentProgrammatic(Vue, 'dialog', DialogProgrammatic);
+  }
+};
+use(Plugin);
+
+export default Plugin;
+export { DialogProgrammatic };

package/dist/esm/dropdown.js

@@ -0,0 +1,14 @@
+import './chunk-9e3207cc.js';
+import { r as registerComponent, u as use } from './chunk-cca88db8.js';
+import { D as Dropdown, a as DropdownItem } from './chunk-00e3e67f.js';
+export { D as Dropdown, a as DropdownItem } from './chunk-00e3e67f.js';
+
+var Plugin = {
+  install: function install(Vue) {
+    registerComponent(Vue, Dropdown);
+    registerComponent(Vue, DropdownItem);
+  }
+};
+use(Plugin);
+
+export default Plugin;

package/dist/esm/field.js

@@ -0,0 +1,14 @@
+import './chunk-d6200087.js';
+import './chunk-9e3207cc.js';
+import { r as registerComponent, u as use } from './chunk-cca88db8.js';
+import { F as Field } from './chunk-531b8274.js';
+export { F as Field } from './chunk-531b8274.js';
+
+var Plugin = {
+  install: function install(Vue) {
+    registerComponent(Vue, Field);
+  }
+};
+use(Plugin);
+
+export default Plugin;

package/dist/esm/icon.js

@@ -0,0 +1,13 @@
+import './chunk-9e3207cc.js';
+import { I as Icon } from './chunk-e84b4047.js';
+export { I as Icon } from './chunk-e84b4047.js';
+import { r as registerComponent, u as use } from './chunk-cca88db8.js';
+
+var Plugin = {
+  install: function install(Vue) {
+    registerComponent(Vue, Icon);
+  }
+};
+use(Plugin);
+
+export default Plugin;

package/dist/esm/index.js

@@ -0,0 +1,154 @@
+import './chunk-d6200087.js';
+import './chunk-e5fce48f.js';
+import { s as setOptions, c as config } from './chunk-9e3207cc.js';
+import './chunk-10c85529.js';
+import './chunk-e84b4047.js';
+import { a as registerComponentProgrammatic, u as use } from './chunk-cca88db8.js';
+import './chunk-98e86f40.js';
+import './chunk-92acc21f.js';
+import Plugin from './autocomplete.js';
+export { default as Autocomplete } from './autocomplete.js';
+import Plugin$1 from './button.js';
+export { default as Button } from './button.js';
+import './chunk-9a776697.js';
+import Plugin$2 from './checkbox.js';
+export { default as Checkbox } from './checkbox.js';
+import Plugin$4 from './collapse.js';
+export { default as Collapse } from './collapse.js';
+import './chunk-07e19446.js';
+import './chunk-00e3e67f.js';
+import './chunk-531b8274.js';
+import Plugin$3 from './clockpicker.js';
+export { default as Clockpicker } from './clockpicker.js';
+import './chunk-912ed715.js';
+import Plugin$5 from './datepicker.js';
+export { default as Datepicker } from './datepicker.js';
+import 'vue';
+import './chunk-a5ea70d0.js';
+import Plugin$6 from './dialog.js';
+export { default as Dialog, DialogProgrammatic } from './dialog.js';
+import Plugin$7 from './dropdown.js';
+export { default as Dropdown } from './dropdown.js';
+import Plugin$8 from './field.js';
+export { default as Field } from './field.js';
+import Plugin$9 from './icon.js';
+export { default as Icon } from './icon.js';
+import Plugin$a from './input.js';
+export { default as Input } from './input.js';
+import './chunk-b9bdb0e4.js';
+import Plugin$b from './loading.js';
+export { default as Loading, LoadingProgrammatic } from './loading.js';
+import Plugin$c from './menu.js';
+export { default as Menu } from './menu.js';
+import './chunk-edd8ff91.js';
+import Plugin$d from './message.js';
+export { default as Message } from './message.js';
+import Plugin$e from './modal.js';
+export { default as Modal, ModalProgrammatic } from './modal.js';
+import Plugin$g from './notification.js';
+export { default as Notification, NotificationProgrammatic } from './notification.js';
+import './chunk-daeac852.js';
+import Plugin$f from './navbar.js';
+export { default as Navbar } from './navbar.js';
+import Plugin$h from './numberinput.js';
+export { default as Numberinput } from './numberinput.js';
+import './chunk-cc718c15.js';
+import Plugin$i from './pagination.js';
+export { default as Pagination } from './pagination.js';
+import Plugin$j from './progress.js';
+export { default as Progress } from './progress.js';
+import Plugin$k from './radio.js';
+export { default as Radio } from './radio.js';
+import Plugin$l from './select.js';
+export { default as Select } from './select.js';
+import './chunk-411d6eea.js';
+import Plugin$m from './slider.js';
+export { default as Slider } from './slider.js';
+import Plugin$n from './snackbar.js';
+export { default as Snackbar, SnackbarProgrammatic } from './snackbar.js';
+import './chunk-0e3f4fb5.js';
+import Plugin$o from './steps.js';
+export { default as Steps } from './steps.js';
+import Plugin$p from './switch.js';
+export { default as Switch } from './switch.js';
+import Plugin$q from './table.js';
+export { default as Table } from './table.js';
+import Plugin$r from './tabs.js';
+export { default as Tabs } from './tabs.js';
+import './chunk-3e47308f.js';
+import Plugin$s from './tag.js';
+export { default as Tag } from './tag.js';
+import Plugin$t from './taginput.js';
+export { default as Taginput } from './taginput.js';
+import Plugin$u from './timepicker.js';
+export { default as Timepicker } from './timepicker.js';
+import Plugin$v from './toast.js';
+export { default as Toast, ToastProgrammatic } from './toast.js';
+import Plugin$w from './tooltip.js';
+export { default as Tooltip } from './tooltip.js';
+import Plugin$x from './upload.js';
+export { default as Upload } from './upload.js';
+
+
+
+var components = /*#__PURE__*/Object.freeze({
+    Autocomplete: Plugin,
+    Button: Plugin$1,
+    Checkbox: Plugin$2,
+    Clockpicker: Plugin$3,
+    Collapse: Plugin$4,
+    Datepicker: Plugin$5,
+    Dialog: Plugin$6,
+    Dropdown: Plugin$7,
+    Field: Plugin$8,
+    Icon: Plugin$9,
+    Input: Plugin$a,
+    Loading: Plugin$b,
+    Menu: Plugin$c,
+    Message: Plugin$d,
+    Modal: Plugin$e,
+    Navbar: Plugin$f,
+    Notification: Plugin$g,
+    Numberinput: Plugin$h,
+    Pagination: Plugin$i,
+    Progress: Plugin$j,
+    Radio: Plugin$k,
+    Select: Plugin$l,
+    Slider: Plugin$m,
+    Snackbar: Plugin$n,
+    Steps: Plugin$o,
+    Switch: Plugin$p,
+    Table: Plugin$q,
+    Tabs: Plugin$r,
+    Tag: Plugin$s,
+    Taginput: Plugin$t,
+    Timepicker: Plugin$u,
+    Toast: Plugin$v,
+    Tooltip: Plugin$w,
+    Upload: Plugin$x
+});
+
+var Buefy = {
+  install: function install(Vue) {
+    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+    // Options
+    setOptions(Object.assign(config, options)); // Components
+
+
+    for (var componentKey in components) {
+      Vue.use(components[componentKey]);
+    } // Config component
+
+
+    var BuefyProgrammatic = {
+      setOptions: function setOptions$1(options) {
+        setOptions(Object.assign(config, options));
+      }
+    };
+    registerComponentProgrammatic(Vue, 'config', BuefyProgrammatic);
+  }
+};
+use(Buefy);
+
+export default Buefy;

package/dist/esm/input.js

@@ -0,0 +1,16 @@
+import './chunk-d6200087.js';
+import './chunk-9e3207cc.js';
+import './chunk-10c85529.js';
+import './chunk-e84b4047.js';
+import { r as registerComponent, u as use } from './chunk-cca88db8.js';
+import { I as Input } from './chunk-98e86f40.js';
+export { I as Input } from './chunk-98e86f40.js';
+
+var Plugin = {
+  install: function install(Vue) {
+    registerComponent(Vue, Input);
+  }
+};
+use(Plugin);
+
+export default Plugin;

package/dist/esm/loading.js

@@ -0,0 +1,159 @@
+import { r as removeElement } from './chunk-e5fce48f.js';
+import { _ as __vue_normalize__, r as registerComponent, a as registerComponentProgrammatic, u as use } from './chunk-cca88db8.js';
+import Vue from 'vue';
+import { H as HTMLElement } from './chunk-b9bdb0e4.js';
+
+//
+var script = {
+  name: 'BLoading',
+  props: {
+    active: Boolean,
+    programmatic: Boolean,
+    container: [Object, Function, 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();
+
+          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 = __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) {
+    registerComponent(Vue, Loading);
+    registerComponentProgrammatic(Vue, 'loading', LoadingProgrammatic);
+  }
+};
+use(Plugin);
+
+export default Plugin;
+export { Loading, LoadingProgrammatic };