buefy 1.0.0 → 1.0.2

package/dist/components/navbar/index.js

@@ -0,0 +1,634 @@
+/*! Buefy v1.0.2 | MIT License | github.com/buefy/buefy */
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
+    typeof define === 'function' && define.amd ? define(['exports', 'vue'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.Navbar = {}, global.Vue));
+})(this, (function (exports, vue) { 'use strict';
+
+    var _sfc_main$3 = vue.defineComponent({
+      name: "NavbarBurger",
+      props: {
+        isOpened: {
+          type: Boolean,
+          default: false
+        }
+      }
+    });
+
+    var _export_sfc = (sfc, props) => {
+      const target = sfc.__vccOpts || sfc;
+      for (const [key, val] of props) {
+        target[key] = val;
+      }
+      return target;
+    };
+
+    const _hoisted_1 = ["aria-expanded"];
+    const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode(
+      "span",
+      { "aria-hidden": "true" },
+      null,
+      -1
+      /* HOISTED */
+    );
+    const _hoisted_3 = /* @__PURE__ */ vue.createElementVNode(
+      "span",
+      { "aria-hidden": "true" },
+      null,
+      -1
+      /* HOISTED */
+    );
+    const _hoisted_4 = /* @__PURE__ */ vue.createElementVNode(
+      "span",
+      { "aria-hidden": "true" },
+      null,
+      -1
+      /* HOISTED */
+    );
+    const _hoisted_5 = [
+      _hoisted_2,
+      _hoisted_3,
+      _hoisted_4
+    ];
+    function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
+      return vue.openBlock(), vue.createElementBlock("a", vue.mergeProps({
+        role: "button",
+        class: ["navbar-burger burger", { "is-active": _ctx.isOpened }],
+        "aria-label": "menu",
+        "aria-expanded": _ctx.isOpened || void 0
+      }, _ctx.$attrs, { tabindex: "0" }), [..._hoisted_5], 16, _hoisted_1);
+    }
+    var NavbarBurger = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$2]]);
+
+    const isTouch = typeof window !== "undefined" && ("ontouchstart" in window || navigator.maxTouchPoints > 0);
+    const events = isTouch ? ["touchstart", "click"] : ["click"];
+    const instances = [];
+    function processArgs(bindingValue) {
+      const isFunction = typeof bindingValue === "function";
+      if (!isFunction && typeof bindingValue !== "object") {
+        throw new Error(`v-click-outside: Binding value should be a function or an object, ${typeof bindingValue} given`);
+      }
+      return {
+        handler: isFunction ? bindingValue : bindingValue.handler,
+        middleware: !isFunction && bindingValue.middleware || ((isClickOutside) => !!isClickOutside),
+        events: !isFunction && bindingValue.events || events
+      };
+    }
+    function onEvent({ el, event, handler, middleware }) {
+      const isClickOutside = event.target !== el && !el.contains(event.target);
+      if (!isClickOutside || !middleware(event, el)) {
+        return;
+      }
+      handler(event, el);
+    }
+    function toggleEventListeners({ eventHandlers }, action) {
+      eventHandlers.forEach(({ event, handler }) => {
+        document[`${action}EventListener`](event, handler);
+      });
+    }
+    function beforeMount(el, { value }) {
+      const { handler, middleware, events: events2 } = processArgs(value);
+      const instance = {
+        el,
+        eventHandlers: events2.map((eventName) => ({
+          event: eventName,
+          handler: (event) => onEvent({ event, el, handler, middleware })
+        }))
+      };
+      toggleEventListeners(instance, "add");
+      instances.push(instance);
+    }
+    function updated(el, { value }) {
+      const { handler, middleware, events: events2 } = processArgs(value);
+      const instance = instances.filter((instance2) => instance2.el === el)[0];
+      toggleEventListeners(instance, "remove");
+      instance.eventHandlers = events2.map((eventName) => ({
+        event: eventName,
+        handler: (event) => onEvent({ event, el, handler, middleware })
+      }));
+      toggleEventListeners(instance, "add");
+    }
+    function unmounted(el) {
+      const instance = instances.filter((instance2) => instance2.el === el)[0];
+      toggleEventListeners(instance, "remove");
+    }
+    const directive = {
+      beforeMount,
+      updated,
+      unmounted
+    };
+
+    const FIXED_TOP_CLASS = "is-fixed-top";
+    const BODY_FIXED_TOP_CLASS = "has-navbar-fixed-top";
+    const BODY_SPACED_FIXED_TOP_CLASS = "has-spaced-navbar-fixed-top";
+    const FIXED_BOTTOM_CLASS = "is-fixed-bottom";
+    const BODY_FIXED_BOTTOM_CLASS = "has-navbar-fixed-bottom";
+    const BODY_SPACED_FIXED_BOTTOM_CLASS = "has-spaced-navbar-fixed-bottom";
+    const BODY_CENTERED_CLASS = "has-navbar-centered";
+    const isFilled = (str) => !!str;
+    var _sfc_main$2 = vue.defineComponent({
+      name: "BNavbar",
+      components: {
+        NavbarBurger
+      },
+      directives: {
+        clickOutside: directive
+      },
+      props: {
+        type: [String, Object],
+        transparent: {
+          type: Boolean,
+          default: false
+        },
+        fixedTop: {
+          type: Boolean,
+          default: false
+        },
+        fixedBottom: {
+          type: Boolean,
+          default: false
+        },
+        modelValue: {
+          type: Boolean,
+          default: false
+        },
+        centered: {
+          type: Boolean,
+          default: false
+        },
+        wrapperClass: {
+          type: [String, Array, Object]
+        },
+        closeOnClick: {
+          type: Boolean,
+          default: true
+        },
+        mobileBurger: {
+          type: Boolean,
+          default: true
+        },
+        spaced: Boolean,
+        shadow: Boolean
+      },
+      emits: {
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        "update:modelValue": (_value) => true
+      },
+      data() {
+        return {
+          internalIsActive: this.modelValue,
+          _isNavBar: true
+          // Used internally by NavbarItem
+        };
+      },
+      computed: {
+        isOpened() {
+          return this.internalIsActive;
+        },
+        computedClasses() {
+          return [
+            this.type,
+            {
+              [FIXED_TOP_CLASS]: this.fixedTop,
+              [FIXED_BOTTOM_CLASS]: this.fixedBottom,
+              [BODY_CENTERED_CLASS]: this.centered,
+              "is-spaced": this.spaced,
+              "has-shadow": this.shadow,
+              "is-transparent": this.transparent
+            }
+          ];
+        }
+      },
+      watch: {
+        modelValue: {
+          handler(active) {
+            this.internalIsActive = active;
+          },
+          immediate: true
+        },
+        fixedTop(isSet) {
+          this.setBodyFixedTopClass(isSet);
+        },
+        bottomTop(isSet) {
+          this.setBodyFixedBottomClass(isSet);
+        }
+      },
+      methods: {
+        toggleActive() {
+          this.internalIsActive = !this.internalIsActive;
+          this.emitUpdateParentEvent();
+        },
+        closeMenu() {
+          if (this.closeOnClick && this.internalIsActive) {
+            this.internalIsActive = false;
+            this.emitUpdateParentEvent();
+          }
+        },
+        emitUpdateParentEvent() {
+          this.$emit("update:modelValue", this.internalIsActive);
+        },
+        setBodyClass(className) {
+          if (typeof window !== "undefined") {
+            document.body.classList.add(className);
+          }
+        },
+        removeBodyClass(className) {
+          if (typeof window !== "undefined") {
+            document.body.classList.remove(className);
+          }
+        },
+        checkIfFixedPropertiesAreColliding() {
+          const areColliding = this.fixedTop && this.fixedBottom;
+          if (areColliding) {
+            throw new Error("You should choose if the BNavbar is fixed bottom or fixed top, but not both");
+          }
+        },
+        genNavbar() {
+          const navBarSlots = [
+            this.genNavbarBrandNode(),
+            this.genNavbarSlotsNode()
+          ];
+          if (!isFilled(this.wrapperClass)) {
+            return this.genNavbarSlots(navBarSlots);
+          }
+          const navWrapper = vue.h(
+            "div",
+            { class: this.wrapperClass },
+            navBarSlots
+          );
+          return this.genNavbarSlots([navWrapper]);
+        },
+        genNavbarSlots(slots) {
+          const vnode = vue.h(
+            "nav",
+            {
+              class: ["navbar", this.computedClasses],
+              role: "navigation",
+              "aria-label": "main navigation"
+            },
+            slots
+          );
+          return vue.withDirectives(vnode, [
+            [vue.resolveDirective("click-outside"), this.closeMenu]
+          ]);
+        },
+        genNavbarBrandNode() {
+          const children = this.$slots.brand != null ? [this.$slots.brand(), this.genBurgerNode()] : this.genBurgerNode();
+          return vue.h(
+            "div",
+            { class: "navbar-brand" },
+            children
+          );
+        },
+        genBurgerNode() {
+          if (this.mobileBurger) {
+            const defaultBurgerNode = vue.h(
+              vue.resolveComponent("navbar-burger"),
+              {
+                isOpened: this.isOpened,
+                onClick: this.toggleActive,
+                onKeyup: (event) => {
+                  if (event.keyCode !== 13) return;
+                  this.toggleActive();
+                }
+              }
+            );
+            const hasBurgerSlot = !!this.$slots.burger;
+            return hasBurgerSlot ? this.$slots.burger({
+              isOpened: this.isOpened,
+              toggleActive: this.toggleActive
+            }) : defaultBurgerNode;
+          }
+        },
+        genNavbarSlotsNode() {
+          return vue.h(
+            "div",
+            { class: ["navbar-menu", { "is-active": this.isOpened }] },
+            [
+              this.genMenuPosition("start"),
+              this.genMenuPosition("end")
+            ]
+          );
+        },
+        genMenuPosition(positionName) {
+          return vue.h(
+            "div",
+            { class: `navbar-${positionName}` },
+            this.$slots[positionName] != null ? this.$slots[positionName]() : []
+          );
+        },
+        setBodyFixedTopClass(isSet) {
+          this.checkIfFixedPropertiesAreColliding();
+          if (isSet) {
+            this.setBodyClass(BODY_FIXED_TOP_CLASS);
+            this.spaced && this.setBodyClass(BODY_SPACED_FIXED_TOP_CLASS);
+          } else {
+            this.removeBodyClass(BODY_FIXED_TOP_CLASS);
+            this.removeBodyClass(BODY_SPACED_FIXED_TOP_CLASS);
+          }
+        },
+        setBodyFixedBottomClass(isSet) {
+          this.checkIfFixedPropertiesAreColliding();
+          if (isSet) {
+            this.setBodyClass(BODY_FIXED_BOTTOM_CLASS);
+            this.spaced && this.setBodyClass(BODY_SPACED_FIXED_BOTTOM_CLASS);
+          } else {
+            this.removeBodyClass(BODY_FIXED_BOTTOM_CLASS);
+            this.removeBodyClass(BODY_SPACED_FIXED_BOTTOM_CLASS);
+          }
+        }
+      },
+      beforeMount() {
+        this.fixedTop && this.setBodyFixedTopClass(true);
+        this.fixedBottom && this.setBodyFixedBottomClass(true);
+      },
+      beforeUnmount() {
+        if (this.fixedTop) {
+          const className = this.spaced ? BODY_SPACED_FIXED_TOP_CLASS : BODY_FIXED_TOP_CLASS;
+          this.removeBodyClass(className);
+        } else if (this.fixedBottom) {
+          const className = this.spaced ? BODY_SPACED_FIXED_BOTTOM_CLASS : BODY_FIXED_BOTTOM_CLASS;
+          this.removeBodyClass(className);
+        }
+      },
+      render() {
+        return this.genNavbar();
+      }
+    });
+
+    const clickableWhiteList = ["div", "span", "input"];
+    var _sfc_main$1 = vue.defineComponent({
+      name: "BNavbarItem",
+      inheritAttrs: false,
+      props: {
+        tag: {
+          type: [String, Object],
+          default: "a"
+        },
+        active: Boolean
+      },
+      methods: {
+        /*
+         * Keypress event that is bound to the document
+         */
+        keyPress({ key }) {
+          if (key === "Escape" || key === "Esc") {
+            this.closeMenuRecursive(this, ["NavBar"]);
+          }
+        },
+        /*
+         * Close parent if clicked outside.
+         */
+        handleClickEvent(event) {
+          const isOnWhiteList = clickableWhiteList.some((item) => item === event.target.localName);
+          if (!isOnWhiteList) {
+            const parent = this.closeMenuRecursive(this, ["NavbarDropdown", "NavBar"]);
+            if (parent && parent.$data._isNavbarDropdown) this.closeMenuRecursive(parent, ["NavBar"]);
+          }
+        },
+        /*
+         * Close parent recursively
+         */
+        closeMenuRecursive(current, targetComponents) {
+          const parent = current.$parent;
+          if (!parent) return null;
+          const foundItem = targetComponents.reduce((acc, item) => {
+            if (parent.$data[`_is${item}`]) {
+              parent.closeMenu();
+              return parent;
+            }
+            return acc;
+          }, null);
+          return foundItem || this.closeMenuRecursive(parent, targetComponents);
+        }
+      },
+      mounted() {
+        if (typeof window !== "undefined") {
+          this.$el.addEventListener("click", this.handleClickEvent);
+          document.addEventListener("keyup", this.keyPress);
+        }
+      },
+      beforeUnmount() {
+        if (typeof window !== "undefined") {
+          this.$el.removeEventListener("click", this.handleClickEvent);
+          document.removeEventListener("keyup", this.keyPress);
+        }
+      }
+    });
+
+    function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+      return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.tag), vue.mergeProps({
+        class: ["navbar-item", {
+          "is-active": _ctx.active
+        }]
+      }, _ctx.$attrs), {
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 16, ["class"]);
+    }
+    var NavbarItem = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);
+
+    let config = {
+      defaultCompatFallthrough: true};
+
+    var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+    var __hasOwnProp = Object.prototype.hasOwnProperty;
+    var __propIsEnum = Object.prototype.propertyIsEnumerable;
+    var __objRest = (source, exclude) => {
+      var target = {};
+      for (var prop in source)
+        if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+          target[prop] = source[prop];
+      if (source != null && __getOwnPropSymbols)
+        for (var prop of __getOwnPropSymbols(source)) {
+          if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+            target[prop] = source[prop];
+        }
+      return target;
+    };
+    var CompatFallthroughMixin = vue.defineComponent({
+      inheritAttrs: false,
+      props: {
+        compatFallthrough: {
+          type: Boolean,
+          default: () => config.defaultCompatFallthrough
+        }
+      },
+      computed: {
+        rootAttrs() {
+          return this.compatFallthrough ? {
+            class: this.$attrs.class,
+            style: this.$attrs.style,
+            id: this.$attrs.id
+          } : {};
+        },
+        fallthroughAttrs() {
+          if (this.compatFallthrough) {
+            const _a = this.$attrs, { style: _1, class: _2, id: _3 } = _a, rest = __objRest(_a, ["style", "class", "id"]);
+            return rest;
+          } else {
+            return this.$attrs;
+          }
+        }
+      }
+    });
+
+    var _sfc_main = vue.defineComponent({
+      name: "BNavbarDropdown",
+      directives: {
+        clickOutside: directive
+      },
+      mixins: [CompatFallthroughMixin],
+      props: {
+        label: String,
+        hoverable: Boolean,
+        active: Boolean,
+        right: Boolean,
+        arrowless: Boolean,
+        boxed: Boolean,
+        closeOnClick: {
+          type: Boolean,
+          default: true
+        },
+        collapsible: Boolean,
+        tag: {
+          type: [String, Object],
+          default: "a"
+        }
+      },
+      emits: {
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        "active-change": (_active) => true
+      },
+      data() {
+        return {
+          newActive: this.active,
+          isHoverable: this.hoverable,
+          _isNavbarDropdown: true
+          // Used internally by NavbarItem
+        };
+      },
+      watch: {
+        active(value) {
+          this.newActive = value;
+        },
+        newActive(value) {
+          this.$emit("active-change", value);
+        }
+      },
+      methods: {
+        toggleMenu() {
+          this.newActive = !this.newActive;
+        },
+        showMenu() {
+          this.newActive = true;
+        },
+        /*
+        * See naming convetion of navbaritem
+        */
+        closeMenu() {
+          this.newActive = !this.closeOnClick;
+          if (this.hoverable && this.closeOnClick) {
+            this.isHoverable = false;
+          }
+        },
+        checkHoverable() {
+          if (this.hoverable) {
+            this.isHoverable = true;
+          }
+        }
+      }
+    });
+
+    function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+      const _directive_click_outside = vue.resolveDirective("click-outside");
+      return vue.withDirectives((vue.openBlock(), vue.createElementBlock(
+        "div",
+        vue.mergeProps({
+          class: ["navbar-item has-dropdown", {
+            "is-hoverable": _ctx.isHoverable,
+            "is-active": _ctx.newActive
+          }],
+          onMouseenter: _cache[0] || (_cache[0] = (...args) => _ctx.checkHoverable && _ctx.checkHoverable(...args))
+        }, _ctx.rootAttrs),
+        [
+          (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.tag), vue.mergeProps({
+            class: ["navbar-link", {
+              "is-arrowless": _ctx.arrowless,
+              "is-active": _ctx.newActive && _ctx.collapsible
+            }]
+          }, _ctx.fallthroughAttrs, {
+            "aria-haspopup": "true",
+            onClick: vue.withModifiers(_ctx.toggleMenu, ["prevent"]),
+            onKeyup: vue.withKeys(_ctx.toggleMenu, ["enter"]),
+            tabindex: "0"
+          }), {
+            default: vue.withCtx(() => [
+              _ctx.label ? (vue.openBlock(), vue.createElementBlock(
+                vue.Fragment,
+                { key: 0 },
+                [
+                  vue.createTextVNode(
+                    vue.toDisplayString(_ctx.label),
+                    1
+                    /* TEXT */
+                  )
+                ],
+                64
+                /* STABLE_FRAGMENT */
+              )) : vue.renderSlot(_ctx.$slots, "label", { key: 1 })
+            ]),
+            _: 3
+            /* FORWARDED */
+          }, 16, ["class", "onClick", "onKeyup"])),
+          vue.createElementVNode(
+            "div",
+            {
+              class: vue.normalizeClass(["navbar-dropdown", {
+                "is-right": _ctx.right,
+                "is-boxed": _ctx.boxed,
+                "is-hidden-touch": _ctx.collapsible && !_ctx.newActive
+              }])
+            },
+            [
+              vue.renderSlot(_ctx.$slots, "default")
+            ],
+            2
+            /* CLASS */
+          )
+        ],
+        16
+        /* FULL_PROPS */
+      )), [
+        [_directive_click_outside, _ctx.closeMenu]
+      ]);
+    }
+    var NavbarDropdown = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+
+    const registerComponent = (Vue, component, name) => {
+      const componentName = component.name;
+      if (componentName == null) {
+        throw new Error("Buefy.registerComponent: missing component name");
+      }
+      Vue.component(componentName, component);
+    };
+
+    const Plugin = {
+      install(Vue) {
+        registerComponent(Vue, _sfc_main$2);
+        registerComponent(Vue, NavbarItem);
+        registerComponent(Vue, NavbarDropdown);
+      }
+    };
+
+    exports.BNavbar = _sfc_main$2;
+    exports.BNavbarDropdown = NavbarDropdown;
+    exports.BNavbarItem = NavbarItem;
+    exports.default = Plugin;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+}));

package/dist/components/navbar/index.min.js

@@ -0,0 +1,2 @@
+/*! Buefy v1.0.2 | MIT License | github.com/buefy/buefy */
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).Navbar={},e.Vue)}(this,(function(e,t){"use strict";var s=t.defineComponent({name:"NavbarBurger",props:{isOpened:{type:Boolean,default:!1}}}),o=(e,t)=>{const s=e.__vccOpts||e;for(const[e,o]of t)s[e]=o;return s};const n=["aria-expanded"],i=[t.createElementVNode("span",{"aria-hidden":"true"},null,-1),t.createElementVNode("span",{"aria-hidden":"true"},null,-1),t.createElementVNode("span",{"aria-hidden":"true"},null,-1)];var a=o(s,[["render",function(e,s,o,a,r,l){return t.openBlock(),t.createElementBlock("a",t.mergeProps({role:"button",class:["navbar-burger burger",{"is-active":e.isOpened}],"aria-label":"menu","aria-expanded":e.isOpened||void 0},e.$attrs,{tabindex:"0"}),[...i],16,n)}]]);const r="undefined"!=typeof window&&("ontouchstart"in window||navigator.maxTouchPoints>0)?["touchstart","click"]:["click"],l=[];function d(e){const t="function"==typeof e;if(!t&&"object"!=typeof e)throw new Error(`v-click-outside: Binding value should be a function or an object, ${typeof e} given`);return{handler:t?e:e.handler,middleware:!t&&e.middleware||(e=>!!e),events:!t&&e.events||r}}function c({el:e,event:t,handler:s,middleware:o}){t.target!==e&&!e.contains(t.target)&&o(t,e)&&s(t,e)}function h({eventHandlers:e},t){e.forEach((({event:e,handler:s})=>{document[`${t}EventListener`](e,s)}))}const u={beforeMount:function(e,{value:t}){const{handler:s,middleware:o,events:n}=d(t),i={el:e,eventHandlers:n.map((t=>({event:t,handler:t=>c({event:t,el:e,handler:s,middleware:o})})))};h(i,"add"),l.push(i)},updated:function(e,{value:t}){const{handler:s,middleware:o,events:n}=d(t),i=l.filter((t=>t.el===e))[0];h(i,"remove"),i.eventHandlers=n.map((t=>({event:t,handler:t=>c({event:t,el:e,handler:s,middleware:o})}))),h(i,"add")},unmounted:function(e){h(l.filter((t=>t.el===e))[0],"remove")}},v="is-fixed-top",p="has-navbar-fixed-top",m="has-spaced-navbar-fixed-top",f="is-fixed-bottom",b="has-navbar-fixed-bottom",g="has-spaced-navbar-fixed-bottom",B="has-navbar-centered";var y=t.defineComponent({name:"BNavbar",components:{NavbarBurger:a},directives:{clickOutside:u},props:{type:[String,Object],transparent:{type:Boolean,default:!1},fixedTop:{type:Boolean,default:!1},fixedBottom:{type:Boolean,default:!1},modelValue:{type:Boolean,default:!1},centered:{type:Boolean,default:!1},wrapperClass:{type:[String,Array,Object]},closeOnClick:{type:Boolean,default:!0},mobileBurger:{type:Boolean,default:!0},spaced:Boolean,shadow:Boolean},emits:{"update:modelValue":e=>!0},data(){return{internalIsActive:this.modelValue,_isNavBar:!0}},computed:{isOpened(){return this.internalIsActive},computedClasses(){return[this.type,{[v]:this.fixedTop,[f]:this.fixedBottom,[B]:this.centered,"is-spaced":this.spaced,"has-shadow":this.shadow,"is-transparent":this.transparent}]}},watch:{modelValue:{handler(e){this.internalIsActive=e},immediate:!0},fixedTop(e){this.setBodyFixedTopClass(e)},bottomTop(e){this.setBodyFixedBottomClass(e)}},methods:{toggleActive(){this.internalIsActive=!this.internalIsActive,this.emitUpdateParentEvent()},closeMenu(){this.closeOnClick&&this.internalIsActive&&(this.internalIsActive=!1,this.emitUpdateParentEvent())},emitUpdateParentEvent(){this.$emit("update:modelValue",this.internalIsActive)},setBodyClass(e){"undefined"!=typeof window&&document.body.classList.add(e)},removeBodyClass(e){"undefined"!=typeof window&&document.body.classList.remove(e)},checkIfFixedPropertiesAreColliding(){if(this.fixedTop&&this.fixedBottom)throw new Error("You should choose if the BNavbar is fixed bottom or fixed top, but not both")},genNavbar(){const e=[this.genNavbarBrandNode(),this.genNavbarSlotsNode()];if(!this.wrapperClass)return this.genNavbarSlots(e);const s=t.h("div",{class:this.wrapperClass},e);return this.genNavbarSlots([s])},genNavbarSlots(e){const s=t.h("nav",{class:["navbar",this.computedClasses],role:"navigation","aria-label":"main navigation"},e);return t.withDirectives(s,[[t.resolveDirective("click-outside"),this.closeMenu]])},genNavbarBrandNode(){const e=null!=this.$slots.brand?[this.$slots.brand(),this.genBurgerNode()]:this.genBurgerNode();return t.h("div",{class:"navbar-brand"},e)},genBurgerNode(){if(this.mobileBurger){const e=t.h(t.resolveComponent("navbar-burger"),{isOpened:this.isOpened,onClick:this.toggleActive,onKeyup:e=>{13===e.keyCode&&this.toggleActive()}});return!!this.$slots.burger?this.$slots.burger({isOpened:this.isOpened,toggleActive:this.toggleActive}):e}},genNavbarSlotsNode(){return t.h("div",{class:["navbar-menu",{"is-active":this.isOpened}]},[this.genMenuPosition("start"),this.genMenuPosition("end")])},genMenuPosition(e){return t.h("div",{class:`navbar-${e}`},null!=this.$slots[e]?this.$slots[e]():[])},setBodyFixedTopClass(e){this.checkIfFixedPropertiesAreColliding(),e?(this.setBodyClass(p),this.spaced&&this.setBodyClass(m)):(this.removeBodyClass(p),this.removeBodyClass(m))},setBodyFixedBottomClass(e){this.checkIfFixedPropertiesAreColliding(),e?(this.setBodyClass(b),this.spaced&&this.setBodyClass(g)):(this.removeBodyClass(b),this.removeBodyClass(g))}},beforeMount(){this.fixedTop&&this.setBodyFixedTopClass(!0),this.fixedBottom&&this.setBodyFixedBottomClass(!0)},beforeUnmount(){if(this.fixedTop){const e=this.spaced?m:p;this.removeBodyClass(e)}else if(this.fixedBottom){const e=this.spaced?g:b;this.removeBodyClass(e)}},render(){return this.genNavbar()}});const w=["div","span","input"];var C=o(t.defineComponent({name:"BNavbarItem",inheritAttrs:!1,props:{tag:{type:[String,Object],default:"a"},active:Boolean},methods:{keyPress({key:e}){"Escape"!==e&&"Esc"!==e||this.closeMenuRecursive(this,["NavBar"])},handleClickEvent(e){if(!w.some((t=>t===e.target.localName))){const e=this.closeMenuRecursive(this,["NavbarDropdown","NavBar"]);e&&e.$data._isNavbarDropdown&&this.closeMenuRecursive(e,["NavBar"])}},closeMenuRecursive(e,t){const s=e.$parent;if(!s)return null;return t.reduce(((e,t)=>s.$data[`_is${t}`]?(s.closeMenu(),s):e),null)||this.closeMenuRecursive(s,t)}},mounted(){"undefined"!=typeof window&&(this.$el.addEventListener("click",this.handleClickEvent),document.addEventListener("keyup",this.keyPress))},beforeUnmount(){"undefined"!=typeof window&&(this.$el.removeEventListener("click",this.handleClickEvent),document.removeEventListener("keyup",this.keyPress))}}),[["render",function(e,s,o,n,i,a){return t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.tag),t.mergeProps({class:["navbar-item",{"is-active":e.active}]},e.$attrs),{default:t.withCtx((()=>[t.renderSlot(e.$slots,"default")])),_:3},16,["class"])}]]);let k=!0;var x=Object.getOwnPropertySymbols,N=Object.prototype.hasOwnProperty,A=Object.prototype.propertyIsEnumerable,O=t.defineComponent({inheritAttrs:!1,props:{compatFallthrough:{type:Boolean,default:()=>k}},computed:{rootAttrs(){return this.compatFallthrough?{class:this.$attrs.class,style:this.$attrs.style,id:this.$attrs.id}:{}},fallthroughAttrs(){if(this.compatFallthrough){const e=this.$attrs,{style:t,class:s,id:o}=e;return((e,t)=>{var s={};for(var o in e)N.call(e,o)&&t.indexOf(o)<0&&(s[o]=e[o]);if(null!=e&&x)for(var o of x(e))t.indexOf(o)<0&&A.call(e,o)&&(s[o]=e[o]);return s})(e,["style","class","id"])}return this.$attrs}}});var $=o(t.defineComponent({name:"BNavbarDropdown",directives:{clickOutside:u},mixins:[O],props:{label:String,hoverable:Boolean,active:Boolean,right:Boolean,arrowless:Boolean,boxed:Boolean,closeOnClick:{type:Boolean,default:!0},collapsible:Boolean,tag:{type:[String,Object],default:"a"}},emits:{"active-change":e=>!0},data(){return{newActive:this.active,isHoverable:this.hoverable,_isNavbarDropdown:!0}},watch:{active(e){this.newActive=e},newActive(e){this.$emit("active-change",e)}},methods:{toggleMenu(){this.newActive=!this.newActive},showMenu(){this.newActive=!0},closeMenu(){this.newActive=!this.closeOnClick,this.hoverable&&this.closeOnClick&&(this.isHoverable=!1)},checkHoverable(){this.hoverable&&(this.isHoverable=!0)}}}),[["render",function(e,s,o,n,i,a){const r=t.resolveDirective("click-outside");return t.withDirectives((t.openBlock(),t.createElementBlock("div",t.mergeProps({class:["navbar-item has-dropdown",{"is-hoverable":e.isHoverable,"is-active":e.newActive}],onMouseenter:s[0]||(s[0]=(...t)=>e.checkHoverable&&e.checkHoverable(...t))},e.rootAttrs),[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.tag),t.mergeProps({class:["navbar-link",{"is-arrowless":e.arrowless,"is-active":e.newActive&&e.collapsible}]},e.fallthroughAttrs,{"aria-haspopup":"true",onClick:t.withModifiers(e.toggleMenu,["prevent"]),onKeyup:t.withKeys(e.toggleMenu,["enter"]),tabindex:"0"}),{default:t.withCtx((()=>[e.label?(t.openBlock(),t.createElementBlock(t.Fragment,{key:0},[t.createTextVNode(t.toDisplayString(e.label),1)],64)):t.renderSlot(e.$slots,"label",{key:1})])),_:3},16,["class","onClick","onKeyup"])),t.createElementVNode("div",{class:t.normalizeClass(["navbar-dropdown",{"is-right":e.right,"is-boxed":e.boxed,"is-hidden-touch":e.collapsible&&!e.newActive}])},[t.renderSlot(e.$slots,"default")],2)],16)),[[r,e.closeMenu]])}]]);const E=(e,t,s)=>{const o=t.name;if(null==o)throw new Error("Buefy.registerComponent: missing component name");e.component(o,t)},M={install(e){E(e,y),E(e,C),E(e,$)}};e.BNavbar=y,e.BNavbarDropdown=$,e.BNavbarItem=C,e.default=M,Object.defineProperty(e,"__esModule",{value:!0})}));