buefy 1.0.0 → 1.0.2

package/dist/components/sidebar/index.js

@@ -0,0 +1,337 @@
+/*! 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.Sidebar = {}, global.Vue));
+})(this, (function (exports, vue) { 'use strict';
+
+    let config = {
+      defaultSidebarDelay: null};
+
+    function removeElement(el) {
+      if (typeof el.remove !== "undefined") {
+        el.remove();
+      } else if (typeof el.parentNode !== "undefined" && el.parentNode !== null) {
+        el.parentNode.removeChild(el);
+      }
+    }
+
+    const SIDEBAR_POSITIONS = ["fixed", "absolute", "static"];
+    const SCROLL_BEHAVIORS = ["clip", "keep"];
+    var _sfc_main = vue.defineComponent({
+      name: "BSidebar",
+      props: {
+        modelValue: Boolean,
+        type: [String, Object],
+        overlay: Boolean,
+        position: {
+          type: String,
+          default: "fixed",
+          validator: (value) => {
+            return SIDEBAR_POSITIONS.indexOf(value) >= 0;
+          }
+        },
+        fullheight: Boolean,
+        fullwidth: Boolean,
+        right: Boolean,
+        mobile: {
+          type: String
+        },
+        reduce: Boolean,
+        expandOnHover: Boolean,
+        expandOnHoverFixed: Boolean,
+        delay: {
+          type: [Number, null],
+          default: () => config.defaultSidebarDelay
+        },
+        canCancel: {
+          type: [Array, Boolean],
+          default: () => ["escape", "outside"]
+        },
+        onCancel: {
+          type: Function,
+          default: () => {
+          }
+        },
+        scroll: {
+          type: String,
+          default: () => {
+            return "clip";
+          },
+          validator: (value) => {
+            return SCROLL_BEHAVIORS.indexOf(value) >= 0;
+          }
+        }
+      },
+      emits: {
+        close: () => true,
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        "update:modelValue": (_value) => true
+      },
+      data() {
+        return {
+          isOpen: this.modelValue,
+          isDelayOver: false,
+          transitionName: void 0,
+          animating: true,
+          savedScrollTop: null,
+          hasLeaved: false,
+          timer: void 0
+        };
+      },
+      computed: {
+        rootClasses() {
+          return [this.type, {
+            "is-fixed": this.isFixed,
+            "is-static": this.isStatic,
+            "is-absolute": this.isAbsolute,
+            "is-fullheight": this.fullheight,
+            "is-fullwidth": this.fullwidth,
+            "is-right": this.right,
+            "is-mini": this.reduce && !this.isDelayOver,
+            "is-mini-expand": this.expandOnHover || this.isDelayOver,
+            "is-mini-expand-fixed": this.expandOnHover && this.expandOnHoverFixed || this.isDelayOver,
+            "is-mini-delayed": this.delay !== null,
+            "is-mini-mobile": this.mobile === "reduce",
+            "is-hidden-mobile": this.mobile === "hide",
+            "is-fullwidth-mobile": this.mobile === "fullwidth"
+          }];
+        },
+        cancelOptions() {
+          return typeof this.canCancel === "boolean" ? this.canCancel ? ["escape", "outside"] : [] : this.canCancel;
+        },
+        isStatic() {
+          return this.position === "static";
+        },
+        isFixed() {
+          return this.position === "fixed";
+        },
+        isAbsolute() {
+          return this.position === "absolute";
+        }
+      },
+      watch: {
+        modelValue: {
+          handler(value) {
+            this.isOpen = value;
+            if (this.overlay) {
+              this.handleScroll();
+            }
+            const open = this.right ? !value : value;
+            this.transitionName = !open ? "slide-prev" : "slide-next";
+          },
+          immediate: true
+        }
+      },
+      methods: {
+        /*
+        * Keypress event that is bound to the document.
+        */
+        keyPress({ key }) {
+          if (this.isFixed) {
+            if (this.isOpen && (key === "Escape" || key === "Esc")) this.cancel("escape");
+          }
+        },
+        /*
+        * Close the Sidebar if canCancel and call the onCancel prop (function).
+        */
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        cancel(method, ...args) {
+          if (this.cancelOptions.indexOf(method) < 0) return;
+          if (this.isStatic) return;
+          this.onCancel.call(null, method, ...args);
+          this.close();
+        },
+        /*
+        * Call the onCancel prop (function) and emit events
+        */
+        close() {
+          this.isOpen = false;
+          this.$emit("close");
+          this.$emit("update:modelValue", false);
+        },
+        /*
+         * Close fixed sidebar if clicked outside.
+         */
+        clickedOutside(event) {
+          if (!this.isFixed || !this.isOpen || this.animating) {
+            return;
+          }
+          if (!event.composedPath().includes(this.$refs.sidebarContent)) {
+            this.cancel("outside");
+          }
+        },
+        /*
+        * Transition before-enter hook
+        */
+        beforeEnter() {
+          this.animating = true;
+        },
+        /*
+        * Transition after-leave hook
+        */
+        afterEnter() {
+          this.animating = false;
+        },
+        handleScroll() {
+          if (typeof window === "undefined") return;
+          if (this.scroll === "clip") {
+            if (this.modelValue) {
+              document.documentElement.classList.add("is-clipped");
+            } else {
+              document.documentElement.classList.remove("is-clipped");
+            }
+            return;
+          }
+          this.savedScrollTop = !this.savedScrollTop ? document.documentElement.scrollTop : this.savedScrollTop;
+          if (this.modelValue) {
+            document.body.classList.add("is-noscroll");
+          } else {
+            document.body.classList.remove("is-noscroll");
+          }
+          if (this.modelValue) {
+            document.body.style.top = `-${this.savedScrollTop}px`;
+            return;
+          }
+          document.documentElement.scrollTop = this.savedScrollTop;
+          document.body.style.top = "";
+          this.savedScrollTop = null;
+        },
+        onHover() {
+          if (this.delay) {
+            this.hasLeaved = false;
+            this.timer = setTimeout(() => {
+              if (!this.hasLeaved) {
+                this.isDelayOver = true;
+              }
+              this.timer = void 0;
+            }, this.delay);
+          } else {
+            this.isDelayOver = false;
+          }
+        },
+        onHoverLeave() {
+          this.hasLeaved = true;
+          this.timer = void 0;
+          this.isDelayOver = false;
+        },
+        /*
+         * Close sidebar if close button is clicked.
+         */
+        clickedCloseButton() {
+          if (this.isFixed) {
+            if (this.isOpen && this.fullwidth) {
+              this.cancel("outside");
+            }
+          }
+        }
+      },
+      created() {
+        if (typeof window !== "undefined") {
+          document.addEventListener("keyup", this.keyPress);
+          document.addEventListener("click", this.clickedOutside);
+        }
+      },
+      mounted() {
+        if (typeof window !== "undefined") {
+          if (this.isFixed) {
+            document.body.appendChild(this.$el);
+          }
+        }
+        if (this.overlay && this.modelValue) {
+          this.handleScroll();
+        }
+      },
+      beforeUnmount() {
+        if (typeof window !== "undefined") {
+          document.removeEventListener("keyup", this.keyPress);
+          document.removeEventListener("click", this.clickedOutside);
+          if (this.overlay) {
+            document.documentElement.classList.remove("is-clipped");
+            const savedScrollTop = !this.savedScrollTop ? document.documentElement.scrollTop : this.savedScrollTop;
+            document.body.classList.remove("is-noscroll");
+            document.documentElement.scrollTop = savedScrollTop;
+            document.body.style.top = "";
+          }
+        }
+        if (this.isFixed) {
+          removeElement(this.$el);
+        }
+        clearTimeout(this.timer);
+      }
+    });
+
+    var _export_sfc = (sfc, props) => {
+      const target = sfc.__vccOpts || sfc;
+      for (const [key, val] of props) {
+        target[key] = val;
+      }
+      return target;
+    };
+
+    const _hoisted_1 = { class: "b-sidebar" };
+    const _hoisted_2 = {
+      key: 0,
+      class: "sidebar-background"
+    };
+    function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        _ctx.overlay && _ctx.isOpen ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2)) : vue.createCommentVNode("v-if", true),
+        vue.createVNode(vue.Transition, {
+          name: _ctx.transitionName,
+          onBeforeEnter: _ctx.beforeEnter,
+          onAfterEnter: _ctx.afterEnter,
+          persisted: ""
+        }, {
+          default: vue.withCtx(() => [
+            vue.withDirectives(vue.createElementVNode(
+              "div",
+              {
+                ref: "sidebarContent",
+                class: vue.normalizeClass(["sidebar-content", _ctx.rootClasses]),
+                onMouseenter: _cache[1] || (_cache[1] = (...args) => _ctx.onHover && _ctx.onHover(...args)),
+                onMouseleave: _cache[2] || (_cache[2] = (...args) => _ctx.onHoverLeave && _ctx.onHoverLeave(...args))
+              },
+              [
+                _ctx.fullwidth ? (vue.openBlock(), vue.createElementBlock("button", {
+                  key: 0,
+                  type: "button",
+                  onClick: _cache[0] || (_cache[0] = (...args) => _ctx.clickedCloseButton && _ctx.clickedCloseButton(...args)),
+                  class: "modal-close is-large sidebar-close",
+                  "aria-label": "Close"
+                })) : vue.createCommentVNode("v-if", true),
+                vue.renderSlot(_ctx.$slots, "default")
+              ],
+              34
+              /* CLASS, NEED_HYDRATION */
+            ), [
+              [vue.vShow, _ctx.isOpen]
+            ])
+          ]),
+          _: 3
+          /* FORWARDED */
+        }, 8, ["name", "onBeforeEnter", "onAfterEnter"])
+      ]);
+    }
+    var Sidebar = /* @__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, Sidebar);
+      }
+    };
+
+    exports.BSidebar = Sidebar;
+    exports.default = Plugin;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+}));

package/dist/components/sidebar/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).Sidebar={},e.Vue)}(this,(function(e,t){"use strict";let i=null;const o=["fixed","absolute","static"],s=["clip","keep"];var n=t.defineComponent({name:"BSidebar",props:{modelValue:Boolean,type:[String,Object],overlay:Boolean,position:{type:String,default:"fixed",validator:e=>o.indexOf(e)>=0},fullheight:Boolean,fullwidth:Boolean,right:Boolean,mobile:{type:String},reduce:Boolean,expandOnHover:Boolean,expandOnHoverFixed:Boolean,delay:{type:[Number,null],default:()=>i},canCancel:{type:[Array,Boolean],default:()=>["escape","outside"]},onCancel:{type:Function,default:()=>{}},scroll:{type:String,default:()=>"clip",validator:e=>s.indexOf(e)>=0}},emits:{close:()=>!0,"update:modelValue":e=>!0},data(){return{isOpen:this.modelValue,isDelayOver:!1,transitionName:void 0,animating:!0,savedScrollTop:null,hasLeaved:!1,timer:void 0}},computed:{rootClasses(){return[this.type,{"is-fixed":this.isFixed,"is-static":this.isStatic,"is-absolute":this.isAbsolute,"is-fullheight":this.fullheight,"is-fullwidth":this.fullwidth,"is-right":this.right,"is-mini":this.reduce&&!this.isDelayOver,"is-mini-expand":this.expandOnHover||this.isDelayOver,"is-mini-expand-fixed":this.expandOnHover&&this.expandOnHoverFixed||this.isDelayOver,"is-mini-delayed":null!==this.delay,"is-mini-mobile":"reduce"===this.mobile,"is-hidden-mobile":"hide"===this.mobile,"is-fullwidth-mobile":"fullwidth"===this.mobile}]},cancelOptions(){return"boolean"==typeof this.canCancel?this.canCancel?["escape","outside"]:[]:this.canCancel},isStatic(){return"static"===this.position},isFixed(){return"fixed"===this.position},isAbsolute(){return"absolute"===this.position}},watch:{modelValue:{handler(e){this.isOpen=e,this.overlay&&this.handleScroll();const t=this.right?!e:e;this.transitionName=t?"slide-next":"slide-prev"},immediate:!0}},methods:{keyPress({key:e}){this.isFixed&&(!this.isOpen||"Escape"!==e&&"Esc"!==e||this.cancel("escape"))},cancel(e,...t){this.cancelOptions.indexOf(e)<0||this.isStatic||(this.onCancel.call(null,e,...t),this.close())},close(){this.isOpen=!1,this.$emit("close"),this.$emit("update:modelValue",!1)},clickedOutside(e){this.isFixed&&this.isOpen&&!this.animating&&(e.composedPath().includes(this.$refs.sidebarContent)||this.cancel("outside"))},beforeEnter(){this.animating=!0},afterEnter(){this.animating=!1},handleScroll(){"undefined"!=typeof window&&("clip"!==this.scroll?(this.savedScrollTop=this.savedScrollTop?this.savedScrollTop:document.documentElement.scrollTop,this.modelValue?document.body.classList.add("is-noscroll"):document.body.classList.remove("is-noscroll"),this.modelValue?document.body.style.top=`-${this.savedScrollTop}px`:(document.documentElement.scrollTop=this.savedScrollTop,document.body.style.top="",this.savedScrollTop=null)):this.modelValue?document.documentElement.classList.add("is-clipped"):document.documentElement.classList.remove("is-clipped"))},onHover(){this.delay?(this.hasLeaved=!1,this.timer=setTimeout((()=>{this.hasLeaved||(this.isDelayOver=!0),this.timer=void 0}),this.delay)):this.isDelayOver=!1},onHoverLeave(){this.hasLeaved=!0,this.timer=void 0,this.isDelayOver=!1},clickedCloseButton(){this.isFixed&&this.isOpen&&this.fullwidth&&this.cancel("outside")}},created(){"undefined"!=typeof window&&(document.addEventListener("keyup",this.keyPress),document.addEventListener("click",this.clickedOutside))},mounted(){"undefined"!=typeof window&&this.isFixed&&document.body.appendChild(this.$el),this.overlay&&this.modelValue&&this.handleScroll()},beforeUnmount(){if("undefined"!=typeof window&&(document.removeEventListener("keyup",this.keyPress),document.removeEventListener("click",this.clickedOutside),this.overlay)){document.documentElement.classList.remove("is-clipped");const e=this.savedScrollTop?this.savedScrollTop:document.documentElement.scrollTop;document.body.classList.remove("is-noscroll"),document.documentElement.scrollTop=e,document.body.style.top=""}var e;this.isFixed&&(void 0!==(e=this.$el).remove?e.remove():void 0!==e.parentNode&&null!==e.parentNode&&e.parentNode.removeChild(e)),clearTimeout(this.timer)}});const l={class:"b-sidebar"},d={key:0,class:"sidebar-background"};var a=((e,t)=>{const i=e.__vccOpts||e;for(const[e,o]of t)i[e]=o;return i})(n,[["render",function(e,i,o,s,n,a){return t.openBlock(),t.createElementBlock("div",l,[e.overlay&&e.isOpen?(t.openBlock(),t.createElementBlock("div",d)):t.createCommentVNode("v-if",!0),t.createVNode(t.Transition,{name:e.transitionName,onBeforeEnter:e.beforeEnter,onAfterEnter:e.afterEnter,persisted:""},{default:t.withCtx((()=>[t.withDirectives(t.createElementVNode("div",{ref:"sidebarContent",class:t.normalizeClass(["sidebar-content",e.rootClasses]),onMouseenter:i[1]||(i[1]=(...t)=>e.onHover&&e.onHover(...t)),onMouseleave:i[2]||(i[2]=(...t)=>e.onHoverLeave&&e.onHoverLeave(...t))},[e.fullwidth?(t.openBlock(),t.createElementBlock("button",{key:0,type:"button",onClick:i[0]||(i[0]=(...t)=>e.clickedCloseButton&&e.clickedCloseButton(...t)),class:"modal-close is-large sidebar-close","aria-label":"Close"})):t.createCommentVNode("v-if",!0),t.renderSlot(e.$slots,"default")],34),[[t.vShow,e.isOpen]])])),_:3},8,["name","onBeforeEnter","onAfterEnter"])])}]]);const r={install(e){((e,t)=>{const i=t.name;if(null==i)throw new Error("Buefy.registerComponent: missing component name");e.component(i,t)})(e,a)}};e.BSidebar=a,e.default=r,Object.defineProperty(e,"__esModule",{value:!0})}));

package/dist/components/skeleton/index.js

@@ -0,0 +1,87 @@
+/*! 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.Skeleton = {}, global.Vue));
+})(this, (function (exports, vue) { 'use strict';
+
+    const SKELETON_POSITIONS = ["", "is-centered", "is-right"];
+    const BSkeleton = (props) => {
+      if (!props.active) return;
+      const items = [];
+      const width = props.width;
+      const height = props.height;
+      for (let i = 0; i < props.count; i++) {
+        items.push(vue.h("div", {
+          class: [
+            "b-skeleton-item",
+            { "is-rounded": props.rounded }
+          ],
+          key: i,
+          style: {
+            height: height === void 0 ? null : isNaN(+height) ? height : height + "px",
+            width: width === void 0 ? null : isNaN(+width) ? width : width + "px",
+            borderRadius: props.circle ? "50%" : null
+          }
+        }));
+      }
+      return vue.h(
+        "div",
+        {
+          class: [
+            "b-skeleton",
+            props.size,
+            props.position,
+            { "is-animated": props.animated }
+          ]
+        },
+        items
+      );
+    };
+    BSkeleton.props = {
+      active: {
+        type: Boolean,
+        default: true
+      },
+      animated: {
+        type: Boolean,
+        default: true
+      },
+      width: [Number, String],
+      height: [Number, String],
+      circle: Boolean,
+      rounded: {
+        type: Boolean,
+        default: true
+      },
+      count: {
+        type: Number,
+        default: 1
+      },
+      position: {
+        type: String,
+        default: "",
+        validator(value) {
+          return SKELETON_POSITIONS.indexOf(value) > -1;
+        }
+      },
+      size: String
+    };
+
+    const registerComponent = (Vue, component, name) => {
+      const componentName = name;
+      Vue.component(componentName, component);
+    };
+
+    const Plugin = {
+      install(Vue) {
+        registerComponent(Vue, BSkeleton, "BSkeleton");
+      }
+    };
+
+    exports.BSkeleton = BSkeleton;
+    exports.default = Plugin;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+}));

package/dist/components/skeleton/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).Skeleton={},e.Vue)}(this,(function(e,t){"use strict";const i=["","is-centered","is-right"],n=e=>{if(!e.active)return;const i=[],n=e.width,o=e.height;for(let d=0;d<e.count;d++)i.push(t.h("div",{class:["b-skeleton-item",{"is-rounded":e.rounded}],key:d,style:{height:void 0===o?null:isNaN(+o)?o:o+"px",width:void 0===n?null:isNaN(+n)?n:n+"px",borderRadius:e.circle?"50%":null}}));return t.h("div",{class:["b-skeleton",e.size,e.position,{"is-animated":e.animated}]},i)};n.props={active:{type:Boolean,default:!0},animated:{type:Boolean,default:!0},width:[Number,String],height:[Number,String],circle:Boolean,rounded:{type:Boolean,default:!0},count:{type:Number,default:1},position:{type:String,default:"",validator:e=>i.indexOf(e)>-1},size:String};const o={install(e){((e,t,i)=>{const n=i;e.component(n,t)})(e,n,"BSkeleton")}};e.BSkeleton=n,e.default=o,Object.defineProperty(e,"__esModule",{value:!0})}));