buefy 1.0.0 → 1.0.2

package/dist/cjs/menu.js

@@ -0,0 +1,340 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var _pluginVue_exportHelper = require('./_plugin-vue_export-helper-Die8u8yB.js');
+var Icon = require('./Icon-lsDKE2wQ.js');
+var config = require('./config-DR826Ki2.js');
+var CompatFallthroughMixin = require('./CompatFallthroughMixin-hhK0Gkhr.js');
+var plugins = require('./plugins-DbyYGVpp.js');
+require('./helpers.js');
+
+var MenuItemContainerMixin = vue.defineComponent({
+  provide() {
+    return {
+      BMenuItemContainer: this
+    };
+  },
+  data() {
+    return {
+      menuItems: []
+    };
+  },
+  methods: {
+    appendMenuItem(item) {
+      this.menuItems.push(item);
+    },
+    removeMenuItem(item) {
+      const index = this.menuItems.indexOf(item);
+      if (index !== -1) {
+        this.menuItems.splice(index, 1);
+      }
+    }
+  }
+});
+
+var _sfc_main$2 = vue.defineComponent({
+  name: "BMenu",
+  mixins: [MenuItemContainerMixin],
+  props: {
+    accordion: {
+      type: Boolean,
+      default: true
+    },
+    activable: {
+      type: Boolean,
+      default: true
+    }
+  },
+  data() {
+    return {
+      _isMenu: true
+      // Used by MenuItem
+    };
+  }
+});
+
+const _hoisted_1$2 = { class: "menu" };
+function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$2, [
+    vue.renderSlot(_ctx.$slots, "default")
+  ]);
+}
+var Menu = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main$2, [["render", _sfc_render$2]]);
+
+var _sfc_main$1 = vue.defineComponent({
+  name: "BMenuList",
+  components: {
+    BIcon: Icon.BIcon
+  },
+  props: {
+    label: String,
+    icon: String,
+    iconPack: String,
+    ariaRole: {
+      type: String,
+      default: ""
+    },
+    size: {
+      type: String,
+      default: "is-small"
+    }
+  }
+});
+
+const _hoisted_1$1 = {
+  key: 0,
+  class: "menu-label"
+};
+const _hoisted_2$1 = ["role"];
+function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_b_icon = vue.resolveComponent("b-icon");
+  return vue.openBlock(), vue.createElementBlock(
+    vue.Fragment,
+    null,
+    [
+      _ctx.label || _ctx.$slots.label ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_1$1, [
+        _ctx.label ? (vue.openBlock(), vue.createElementBlock(
+          vue.Fragment,
+          { key: 0 },
+          [
+            _ctx.icon ? (vue.openBlock(), vue.createElementBlock(
+              vue.Fragment,
+              { key: 0 },
+              [
+                vue.createVNode(_component_b_icon, {
+                  icon: _ctx.icon,
+                  pack: _ctx.iconPack,
+                  size: _ctx.size
+                }, null, 8, ["icon", "pack", "size"]),
+                vue.createElementVNode(
+                  "span",
+                  null,
+                  vue.toDisplayString(_ctx.label),
+                  1
+                  /* TEXT */
+                )
+              ],
+              64
+              /* STABLE_FRAGMENT */
+            )) : (vue.openBlock(), vue.createElementBlock(
+              vue.Fragment,
+              { key: 1 },
+              [
+                vue.createTextVNode(
+                  vue.toDisplayString(_ctx.label),
+                  1
+                  /* TEXT */
+                )
+              ],
+              64
+              /* STABLE_FRAGMENT */
+            ))
+          ],
+          64
+          /* STABLE_FRAGMENT */
+        )) : vue.renderSlot(_ctx.$slots, "label", { key: 1 })
+      ])) : vue.createCommentVNode("v-if", true),
+      vue.createElementVNode("ul", {
+        class: "menu-list",
+        role: _ctx.ariaRole === "menu" ? _ctx.ariaRole : void 0
+      }, [
+        vue.renderSlot(_ctx.$slots, "default")
+      ], 8, _hoisted_2$1)
+    ],
+    64
+    /* STABLE_FRAGMENT */
+  );
+}
+var MenuList = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);
+
+var _sfc_main = vue.defineComponent({
+  name: "BMenuItem",
+  components: {
+    BIcon: Icon.BIcon
+  },
+  mixins: [CompatFallthroughMixin.CompatFallthroughMixin, MenuItemContainerMixin],
+  inject: {
+    parent: {
+      from: "BMenuItemContainer",
+      default: null
+    }
+  },
+  // deprecated, to replace with default 'value' in the next breaking change
+  props: {
+    label: String,
+    modelValue: Boolean,
+    expanded: Boolean,
+    disabled: Boolean,
+    iconPack: String,
+    icon: String,
+    animation: {
+      type: String,
+      default: "slide"
+    },
+    tag: {
+      type: [String, Object],
+      default: "a",
+      validator: (value) => {
+        return typeof value === "object" || config.config.defaultLinkTags.indexOf(value) >= 0;
+      }
+    },
+    ariaRole: {
+      type: String,
+      default: ""
+    },
+    size: {
+      type: String,
+      default: "is-small"
+    }
+  },
+  emits: {
+    /* eslint-disable @typescript-eslint/no-unused-vars */
+    "update:modelValue": (_isActive) => true,
+    "update:expanded": (_isExpanded) => true
+    /* eslint-enable @typescript-eslint/no-unused-vars */
+  },
+  data() {
+    return {
+      newActive: this.modelValue,
+      newExpanded: this.expanded
+    };
+  },
+  computed: {
+    ariaRoleMenu() {
+      return this.ariaRole === "menuitem" ? this.ariaRole : void 0;
+    }
+  },
+  watch: {
+    modelValue(value) {
+      this.newActive = value;
+    },
+    expanded(value) {
+      this.newExpanded = value;
+    }
+  },
+  methods: {
+    onClick() {
+      if (this.disabled) return;
+      const menu = this.getMenu();
+      this.reset(this.parent, menu);
+      this.newExpanded = this.$props.expanded || !this.newExpanded;
+      this.$emit("update:expanded", this.newExpanded);
+      if (menu && menu.activable) {
+        this.newActive = true;
+        this.$emit("update:modelValue", this.newActive);
+      }
+    },
+    reset(parent, menu) {
+      if (parent == null) {
+        return;
+      }
+      parent.menuItems.forEach((item) => {
+        if (item !== this) {
+          this.reset(item, menu);
+          if (!parent.$data._isMenu || parent.$data._isMenu && parent.accordion) {
+            item.newExpanded = false;
+            item.$emit("update:expanded", item.newExpanded);
+          }
+          if (menu && menu.activable) {
+            item.newActive = false;
+            item.$emit("update:modelValue", item.newActive);
+          }
+        }
+      });
+    },
+    getMenu() {
+      let parent = this.parent;
+      while (parent && !parent.$data._isMenu) {
+        parent = parent.parent;
+      }
+      return parent;
+    }
+  },
+  mounted() {
+    if (this.parent) {
+      this.parent.appendMenuItem(this);
+    }
+  },
+  beforeUnmount() {
+    if (this.parent) {
+      this.parent.removeMenuItem(this);
+    }
+  }
+});
+
+const _hoisted_1 = ["role"];
+const _hoisted_2 = { key: 1 };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_b_icon = vue.resolveComponent("b-icon");
+  return vue.openBlock(), vue.createElementBlock("li", vue.mergeProps({ role: _ctx.ariaRoleMenu }, _ctx.rootAttrs), [
+    (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.tag), vue.mergeProps(_ctx.fallthroughAttrs, {
+      class: {
+        "is-active": _ctx.newActive,
+        "is-expanded": _ctx.newExpanded,
+        "is-disabled": _ctx.disabled,
+        "icon-text": _ctx.icon
+      },
+      onClick: _cache[0] || (_cache[0] = ($event) => _ctx.onClick())
+    }), {
+      default: vue.withCtx(() => [
+        _ctx.icon ? (vue.openBlock(), vue.createBlock(_component_b_icon, {
+          key: 0,
+          icon: _ctx.icon,
+          pack: _ctx.iconPack,
+          size: _ctx.size
+        }, null, 8, ["icon", "pack", "size"])) : vue.createCommentVNode("v-if", true),
+        _ctx.label ? (vue.openBlock(), vue.createElementBlock(
+          "span",
+          _hoisted_2,
+          vue.toDisplayString(_ctx.label),
+          1
+          /* TEXT */
+        )) : vue.renderSlot(_ctx.$slots, "label", {
+          key: 2,
+          expanded: _ctx.newExpanded,
+          active: _ctx.newActive
+        })
+      ]),
+      _: 3
+      /* FORWARDED */
+    }, 16, ["class"])),
+    vue.createCommentVNode(" sub menu items "),
+    _ctx.$slots.default ? (vue.openBlock(), vue.createBlock(vue.Transition, {
+      key: 0,
+      name: _ctx.animation,
+      persisted: ""
+    }, {
+      default: vue.withCtx(() => [
+        vue.withDirectives(vue.createElementVNode(
+          "ul",
+          null,
+          [
+            vue.renderSlot(_ctx.$slots, "default")
+          ],
+          512
+          /* NEED_PATCH */
+        ), [
+          [vue.vShow, _ctx.newExpanded]
+        ])
+      ]),
+      _: 3
+      /* FORWARDED */
+    }, 8, ["name"])) : vue.createCommentVNode("v-if", true)
+  ], 16, _hoisted_1);
+}
+var MenuItem = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render]]);
+
+const Plugin = {
+  install(Vue) {
+    plugins.registerComponent(Vue, Menu);
+    plugins.registerComponent(Vue, MenuList, "BMenuList");
+    plugins.registerComponent(Vue, MenuItem);
+  }
+};
+
+exports.BMenu = Menu;
+exports.BMenuItem = MenuItem;
+exports.BMenuList = MenuList;
+exports.default = Plugin;

package/dist/cjs/message.js

@@ -0,0 +1,119 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var MessageMixin = require('./MessageMixin-bGuuzfev.js');
+var Icon = require('./Icon-lsDKE2wQ.js');
+var Progress = require('./Progress-DT9Qc8Id.js');
+var _pluginVue_exportHelper = require('./_plugin-vue_export-helper-Die8u8yB.js');
+var plugins = require('./plugins-DbyYGVpp.js');
+require('./config-DR826Ki2.js');
+require('./helpers.js');
+
+const Message$1 = vue.defineComponent({
+  name: "BMessage",
+  components: {
+    BIcon: Icon.BIcon,
+    BProgress: Progress.Progress
+  },
+  mixins: [MessageMixin.MessageMixin],
+  props: {
+    ariaCloseLabel: String
+  }
+});
+
+const _hoisted_1 = {
+  key: 0,
+  class: "message-header"
+};
+const _hoisted_2 = { key: 0 };
+const _hoisted_3 = { key: 1 };
+const _hoisted_4 = ["aria-label"];
+const _hoisted_5 = {
+  key: 1,
+  class: "message-body"
+};
+const _hoisted_6 = { class: "media" };
+const _hoisted_7 = {
+  key: 0,
+  class: "media-left"
+};
+const _hoisted_8 = { class: "media-content" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_b_icon = vue.resolveComponent("b-icon");
+  const _component_b_progress = vue.resolveComponent("b-progress");
+  return vue.openBlock(), vue.createBlock(vue.Transition, {
+    name: "fade",
+    persisted: ""
+  }, {
+    default: vue.withCtx(() => [
+      vue.withDirectives(vue.createElementVNode(
+        "article",
+        {
+          class: vue.normalizeClass(["message", [_ctx.type, _ctx.size]])
+        },
+        [
+          _ctx.$slots.header || _ctx.title ? (vue.openBlock(), vue.createElementBlock("header", _hoisted_1, [
+            _ctx.$slots.header ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+              vue.renderSlot(_ctx.$slots, "header")
+            ])) : _ctx.title ? (vue.openBlock(), vue.createElementBlock(
+              "p",
+              _hoisted_3,
+              vue.toDisplayString(_ctx.title),
+              1
+              /* TEXT */
+            )) : vue.createCommentVNode("v-if", true),
+            _ctx.closable ? (vue.openBlock(), vue.createElementBlock("button", {
+              key: 2,
+              type: "button",
+              class: "delete",
+              onClick: _cache[0] || (_cache[0] = (...args) => _ctx.close && _ctx.close(...args)),
+              "aria-label": _ctx.ariaCloseLabel
+            }, null, 8, _hoisted_4)) : vue.createCommentVNode("v-if", true)
+          ])) : vue.createCommentVNode("v-if", true),
+          _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("section", _hoisted_5, [
+            vue.createElementVNode("div", _hoisted_6, [
+              _ctx.computedIcon && _ctx.hasIcon ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7, [
+                vue.createVNode(_component_b_icon, {
+                  icon: _ctx.computedIcon,
+                  pack: _ctx.iconPack,
+                  class: vue.normalizeClass(_ctx.type),
+                  both: "",
+                  size: _ctx.newIconSize
+                }, null, 8, ["icon", "pack", "class", "size"])
+              ])) : vue.createCommentVNode("v-if", true),
+              vue.createElementVNode("div", _hoisted_8, [
+                vue.renderSlot(_ctx.$slots, "default")
+              ])
+            ])
+          ])) : vue.createCommentVNode("v-if", true),
+          _ctx.progressBar ? (vue.openBlock(), vue.createBlock(_component_b_progress, {
+            key: 2,
+            class: "auto-close-progress",
+            value: _ctx.remainingTime - 1,
+            max: _ctx.duration / 1e3 - 1,
+            type: _ctx.type,
+            rounded: false
+          }, null, 8, ["value", "max", "type"])) : vue.createCommentVNode("v-if", true)
+        ],
+        2
+        /* CLASS */
+      ), [
+        [vue.vShow, _ctx.isActive]
+      ])
+    ]),
+    _: 3
+    /* FORWARDED */
+  });
+}
+var Message = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(Message$1, [["render", _sfc_render]]);
+
+const Plugin = {
+  install(Vue) {
+    plugins.registerComponent(Vue, Message);
+  }
+};
+
+exports.BMessage = Message;
+exports.default = Plugin;

package/dist/cjs/modal.js

@@ -0,0 +1,103 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var Modal = require('./Modal-CYpSQe2Q.js');
+var helpers = require('./helpers.js');
+var plugins = require('./plugins-DbyYGVpp.js');
+require('./trapFocus-BlX6xykt.js');
+require('./config-DR826Ki2.js');
+require('./_plugin-vue_export-helper-Die8u8yB.js');
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __publicField = (obj, key, value) => __defNormalProp(obj, key + "" , value);
+class ModalProgrammatic {
+  constructor(app) {
+    __publicField(this, "app");
+    this.app = app;
+  }
+  open(params) {
+    if (typeof params === "string") {
+      params = {
+        content: params
+      };
+    }
+    let slot;
+    if (Array.isArray(params.content)) {
+      slot = params.content;
+      delete params.content;
+    }
+    const propsData = params;
+    const container = document.createElement("div");
+    const vueInstance = vue.createApp({
+      data() {
+        return {
+          modalVNode: null
+        };
+      },
+      methods: {
+        close() {
+          const modal = helpers.getComponentFromVNode(this.modalVNode);
+          if (modal) {
+            modal.close();
+          }
+        }
+      },
+      render() {
+        this.modalVNode = vue.h(
+          Modal.Modal,
+          __spreadProps(__spreadValues({}, propsData), {
+            programmatic: true,
+            onClose: () => {
+              vueInstance.unmount();
+            },
+            // intentionally overrides propsData.onCancel
+            // to prevent propsData.onCancel from receiving a "cancel" event
+            onCancel: () => {
+            },
+            cancelCallback: (method) => {
+              if (propsData.onCancel != null) {
+                propsData.onCancel(method);
+              }
+            }
+          }),
+          slot ? { default: () => slot } : void 0
+        );
+        return this.modalVNode;
+      }
+    });
+    if (this.app) {
+      helpers.copyAppContext(this.app, vueInstance);
+    }
+    return vueInstance.mount(container);
+  }
+}
+const Plugin = {
+  install(Vue) {
+    plugins.registerComponent(Vue, Modal.Modal);
+    plugins.registerComponentProgrammatic(Vue, "modal", new ModalProgrammatic(Vue));
+  }
+};
+
+exports.BModal = Modal.Modal;
+exports.ModalProgrammatic = ModalProgrammatic;
+exports.default = Plugin;