buefy 1.0.0 → 1.0.2

package/dist/components/slider/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).Slider={},e.Vue)}(this,(function(e,t){"use strict";let i,s="is-primary",o=null,n=null,a=!0;function r(e,t,i){return Math.max(t,Math.min(i,e))}const l=["is-auto","is-top","is-bottom","is-left","is-right"];var d=(e,t)=>{const i=e.__vccOpts||e;for(const[e,s]of t)i[e]=s;return i};var h=d(t.defineComponent({name:"BTooltip",props:{active:{type:Boolean,default:!0},type:{type:String,default:()=>s},label:String,delay:{type:Number,default:()=>o},closeDelay:{type:Number,default:()=>n},position:{type:String,default:"is-auto",validator:e=>l.indexOf(e)>-1},triggers:{type:Array,default:()=>["hover"]},always:Boolean,square:Boolean,dashed:Boolean,multilined:Boolean,size:{type:String,default:"is-medium"},appendToBody:Boolean,animated:{type:Boolean,default:!0},animation:{type:String,default:"fade"},contentClass:String,autoClose:{type:[Array,Boolean],default:!0}},emits:{close:()=>!0,open:()=>!0},data:()=>({isActive:!1,triggerStyle:{},timer:void 0,_bodyEl:void 0,resizeObserver:void 0,resizeListener:void 0,timeOutID:void 0,controller:void 0,dynamicPosition:void 0}),computed:{rootClasses(){return["b-tooltip",this.type,this.dynamicPosition,this.size,{"is-square":this.square,"is-always":this.always,"is-multiline":this.multilined,"is-dashed":this.dashed}]},newAnimation(){return this.animated?this.animation:void 0}},watch:{isActive(){this.isActive?this.$emit("open"):this.$emit("close"),this.appendToBody&&this.updateAppendToBody()}},methods:{computePosition(){if("is-auto"!==this.position)return this.position;const e=this.$refs.trigger.getBoundingClientRect(),t=e.top,i=window.innerHeight-e.bottom,s=e.left,o=window.innerWidth-e.right,n=Math.min(t,i,s,o);return n===t?"is-bottom":n===i?"is-top":n===s?"is-right":"is-left"},updateAppendToBody(){const e=this.$refs.tooltip,t=this.$refs.trigger;if(e&&t){const e=this.$data._bodyEl.children[0];e.classList.forEach((t=>e.classList.remove(t))),this.rootClasses.forEach((t=>{if("object"==typeof t){const i=t;for(const t in i)i[t]&&e.classList.add(t)}else e.classList.add(t)}));const i=t.getBoundingClientRect(),s=i.top+window.scrollY,o=i.left+window.scrollX;switch(e.style.position="absolute",this.dynamicPosition=this.computePosition(),this.dynamicPosition){case"is-top":e.style.width=`${t.clientWidth}px`,e.style.height="0px",e.style.top="0px",e.style.left="0px";break;case"is-bottom":e.style.width=`${t.clientWidth}px`,e.style.height="0px",e.style.top=`${t.clientHeight}px`,e.style.left="0px";break;case"is-left":e.style.width="0px",e.style.height=`${t.clientHeight}px`,e.style.top="0px",e.style.left="0px";break;case"is-right":e.style.width="0px",e.style.height=`${t.clientHeight}px`,e.style.top="0px",e.style.left=`${t.clientWidth}px`}const n=this.$data._bodyEl;n.style.position="absolute",n.style.top=`${s}px`,n.style.left=`${o}px`,n.style.width="0px",n.style.zIndex=this.isActive||this.always?"99":"-1",this.triggerStyle={zIndex:this.isActive||this.always?"100":void 0}}},onClick(){this.triggers.indexOf("click")<0||this.$nextTick((()=>{this.timeOutID=setTimeout((()=>this.open()))}))},onHover(){this.triggers.indexOf("hover")<0||this.open()},onContextMenu(e){this.triggers.indexOf("contextmenu")<0||(e.preventDefault(),this.open())},onFocus(){this.triggers.indexOf("focus")<0||this.open()},open(){this.dynamicPosition=this.computePosition(),this.delay?this.timer=setTimeout((()=>{this.isActive=!0,this.timer=void 0}),this.delay):this.isActive=!0},close(){"boolean"==typeof this.autoClose&&(this.autoClose&&this.timer&&clearTimeout(this.timer),this.closeDelay?this.timer=setTimeout((()=>{this.isActive=!this.autoClose,this.timer=void 0}),this.closeDelay):this.isActive=!this.autoClose)},clickedOutside(e){if(this.isActive&&Array.isArray(this.autoClose)){if(this.autoClose.includes("outside")&&!this.isInWhiteList(e.target))return void(this.isActive=!1);this.autoClose.includes("inside")&&this.isInWhiteList(e.target)&&(this.isActive=!1)}},keyPress({key:e}){!this.isActive||"Escape"!==e&&"Esc"!==e||Array.isArray(this.autoClose)&&this.autoClose.indexOf("escape")>=0&&(this.isActive=!1)},isInWhiteList(e){if(e===this.$refs.content)return!0;if(null!=this.$refs.content){const t=this.$refs.content.querySelectorAll("*");for(const i of t)if(e===i)return!0}return!1}},mounted(){if(this.appendToBody&&"undefined"!=typeof window){this.controller=new window.AbortController,this.$data._bodyEl=function(e){const t=document.createElement("div");t.style.position="absolute",t.style.left="0px",t.style.top="0px",t.style.width="100%";const i=document.createElement("div");return t.appendChild(i),i.appendChild(e),document.body.appendChild(t),t}(this.$refs.content),this.updateAppendToBody();const e=this.$el.closest(".animation-content");if(null!=e){const t=()=>{this.updateAppendToBody(),e.removeEventListener("transitionend",t)};e.addEventListener("transitionend",t,{signal:this.controller.signal})}this.resizeListener=()=>this.updateAppendToBody(),window.addEventListener("resize",this.resizeListener),this.resizeObserver=new ResizeObserver(this.resizeListener),null!=this.$el.parentNode&&this.$el.parentNode.nodeType===Node.ELEMENT_NODE&&this.resizeObserver.observe(this.$el.parentNode)}this.always&&(this.dynamicPosition=this.computePosition())},created(){"undefined"!=typeof window&&(document.addEventListener("click",this.clickedOutside),document.addEventListener("keyup",this.keyPress))},beforeUnmount(){var e;"undefined"!=typeof window&&(document.removeEventListener("click",this.clickedOutside),document.removeEventListener("keyup",this.keyPress)),null!=this.resizeListener&&window.removeEventListener("resize",this.resizeListener),null!=this.resizeObserver&&this.resizeObserver.disconnect(),this.appendToBody&&(void 0!==(e=this.$data._bodyEl).remove?e.remove():void 0!==e.parentNode&&null!==e.parentNode&&e.parentNode.removeChild(e)),null!=this.controller&&this.controller.abort(),clearTimeout(this.timer),clearTimeout(this.timeOutID)}}),[["render",function(e,i,s,o,n,a){return t.openBlock(),t.createElementBlock("div",{ref:"tooltip",class:t.normalizeClass(e.rootClasses)},[t.createVNode(t.Transition,{name:e.newAnimation,persisted:""},{default:t.withCtx((()=>[t.withDirectives(t.createElementVNode("div",{ref:"content",class:t.normalizeClass(["tooltip-content",e.contentClass])},[e.label?(t.openBlock(),t.createElementBlock(t.Fragment,{key:0},[t.createTextVNode(t.toDisplayString(e.label),1)],64)):e.$slots.content?t.renderSlot(e.$slots,"content",{key:1}):t.createCommentVNode("v-if",!0)],2),[[t.vShow,e.active&&(e.isActive||e.always)]])])),_:3},8,["name"]),t.createElementVNode("div",{ref:"trigger",class:"tooltip-trigger",style:t.normalizeStyle(e.triggerStyle),onClick:i[0]||(i[0]=(...t)=>e.onClick&&e.onClick(...t)),onContextmenu:i[1]||(i[1]=(...t)=>e.onContextMenu&&e.onContextMenu(...t)),onMouseenter:i[2]||(i[2]=(...t)=>e.onHover&&e.onHover(...t)),onFocusCapture:i[3]||(i[3]=(...t)=>e.onFocus&&e.onFocus(...t)),onBlurCapture:i[4]||(i[4]=(...t)=>e.close&&e.close(...t)),onMouseleave:i[5]||(i[5]=(...t)=>e.close&&e.close(...t))},[t.renderSlot(e.$slots,"default",{ref:"slot"})],36)],2)}]]),u=Object.getOwnPropertySymbols,c=Object.prototype.hasOwnProperty,m=Object.prototype.propertyIsEnumerable,p=t.defineComponent({inheritAttrs:!1,props:{compatFallthrough:{type:Boolean,default:()=>a}},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:i,id:s}=e;return((e,t)=>{var i={};for(var s in e)c.call(e,s)&&t.indexOf(s)<0&&(i[s]=e[s]);if(null!=e&&u)for(var s of u(e))t.indexOf(s)<0&&m.call(e,s)&&(i[s]=e[s]);return i})(e,["style","class","id"])}return this.$attrs}}});const y=["raw","percent"];var g=t.defineComponent({name:"BSliderThumb",components:{BTooltip:h},mixins:[p],props:{modelValue:{type:Number,default:0},type:{type:String,default:""},tooltip:{type:Boolean,default:!0},indicator:{type:Boolean,default:!1},customFormatter:Function,format:{type:String,default:"raw",validator:e=>y.indexOf(e)>=0},locale:{type:[String,Array],default:()=>i},tooltipAlways:{type:Boolean,default:!1}},emits:{dragend:()=>!0,dragstart:()=>!0,"update:modelValue":e=>!0},data(){return{isFocused:!1,dragging:!1,startX:0,startPosition:0,newPosition:null,oldValue:this.modelValue}},computed:{parent(){return this.$parent},disabled(){return this.parent.disabled},max(){return this.parent.max},min(){return this.parent.min},step(){return this.parent.step},precision(){return this.parent.precision},currentPosition(){return(this.modelValue-this.min)/(this.max-this.min)*100+"%"},wrapperStyle(){return{left:this.currentPosition}},formattedValue(){return void 0!==this.customFormatter?this.customFormatter(this.modelValue):"percent"===this.format?new Intl.NumberFormat(this.locale,{style:"percent"}).format((this.modelValue-this.min)/(this.max-this.min)):new Intl.NumberFormat(this.locale).format(this.modelValue)}},methods:{onFocus(){this.isFocused=!0},onBlur(){this.isFocused=!1},onButtonDown(e){this.disabled||(e.preventDefault(),this.onDragStart(e),"undefined"!=typeof window&&(document.addEventListener("mousemove",this.onDragging),document.addEventListener("touchmove",this.onDragging),document.addEventListener("mouseup",this.onDragEnd),document.addEventListener("touchend",this.onDragEnd),document.addEventListener("contextmenu",this.onDragEnd)))},onLeftKeyDown(){this.disabled||this.modelValue===this.min||(this.newPosition=parseFloat(this.currentPosition)-this.step/(this.max-this.min)*100,this.setPosition(this.newPosition),this.parent.emitValue("change"))},onRightKeyDown(){this.disabled||this.modelValue===this.max||(this.newPosition=parseFloat(this.currentPosition)+this.step/(this.max-this.min)*100,this.setPosition(this.newPosition),this.parent.emitValue("change"))},onHomeKeyDown(){this.disabled||this.modelValue===this.min||(this.newPosition=0,this.setPosition(this.newPosition),this.parent.emitValue("change"))},onEndKeyDown(){this.disabled||this.modelValue===this.max||(this.newPosition=100,this.setPosition(this.newPosition),this.parent.emitValue("change"))},onDragStart(e){this.dragging=!0,this.$emit("dragstart"),this.startX="touchstart"===e.type?e.touches[0].clientX:e.clientX,this.startPosition=parseFloat(this.currentPosition),this.newPosition=this.startPosition},onDragging(e){if(this.dragging){const t=(("touchmove"===e.type?e.touches[0].clientX:e.clientX)-this.startX)/this.parent.sliderSize()*100;this.newPosition=this.startPosition+t,this.setPosition(this.newPosition)}},onDragEnd(){this.dragging=!1,this.$emit("dragend"),this.modelValue!==this.oldValue&&this.parent.emitValue("change"),this.setPosition(this.newPosition),"undefined"!=typeof window&&(document.removeEventListener("mousemove",this.onDragging),document.removeEventListener("touchmove",this.onDragging),document.removeEventListener("mouseup",this.onDragEnd),document.removeEventListener("touchend",this.onDragEnd),document.removeEventListener("contextmenu",this.onDragEnd))},setPosition(e){if(null===e||isNaN(e))return;e<0?e=0:e>100&&(e=100);const t=100/((this.max-this.min)/this.step);let i=Math.round(e/t)*t/100*(this.max-this.min)+this.min;i=parseFloat(i.toFixed(this.precision)),this.$emit("update:modelValue",i),this.dragging||i===this.oldValue||(this.oldValue=i)}},beforeUnmount(){document.removeEventListener("mousemove",this.onDragging),document.removeEventListener("touchmove",this.onDragging),document.removeEventListener("mouseup",this.onDragEnd),document.removeEventListener("touchend",this.onDragEnd),document.removeEventListener("contextmenu",this.onDragEnd)}});const f=["tabindex"],v={key:0};var w=d(g,[["render",function(e,i,s,o,n,a){const r=t.resolveComponent("b-tooltip");return t.openBlock(),t.createElementBlock("div",t.mergeProps({class:["b-slider-thumb-wrapper",{"is-dragging":e.dragging,"has-indicator":e.indicator}],style:e.wrapperStyle},e.rootAttrs),[t.createVNode(r,{label:e.formattedValue,type:e.type,always:e.dragging||e.isFocused||e.tooltipAlways,active:!e.disabled&&e.tooltip},{default:t.withCtx((()=>[t.createElementVNode("div",t.mergeProps({class:"b-slider-thumb",tabindex:e.disabled?void 0:0},e.fallthroughAttrs,{onMousedown:i[0]||(i[0]=(...t)=>e.onButtonDown&&e.onButtonDown(...t)),onTouchstart:i[1]||(i[1]=(...t)=>e.onButtonDown&&e.onButtonDown(...t)),onFocus:i[2]||(i[2]=(...t)=>e.onFocus&&e.onFocus(...t)),onBlur:i[3]||(i[3]=(...t)=>e.onBlur&&e.onBlur(...t)),onKeydown:[i[4]||(i[4]=t.withKeys(t.withModifiers(((...t)=>e.onLeftKeyDown&&e.onLeftKeyDown(...t)),["prevent"]),["left"])),i[5]||(i[5]=t.withKeys(t.withModifiers(((...t)=>e.onRightKeyDown&&e.onRightKeyDown(...t)),["prevent"]),["right"])),i[6]||(i[6]=t.withKeys(t.withModifiers(((...t)=>e.onLeftKeyDown&&e.onLeftKeyDown(...t)),["prevent"]),["down"])),i[7]||(i[7]=t.withKeys(t.withModifiers(((...t)=>e.onRightKeyDown&&e.onRightKeyDown(...t)),["prevent"]),["up"])),i[8]||(i[8]=t.withKeys(t.withModifiers(((...t)=>e.onHomeKeyDown&&e.onHomeKeyDown(...t)),["prevent"]),["home"])),i[9]||(i[9]=t.withKeys(t.withModifiers(((...t)=>e.onEndKeyDown&&e.onEndKeyDown(...t)),["prevent"]),["end"]))]}),[e.indicator?(t.openBlock(),t.createElementBlock("span",v,t.toDisplayString(e.formattedValue),1)):t.createCommentVNode("v-if",!0)],16,f)])),_:1},8,["label","type","always","active"])],16)}]]),b=t.defineComponent({name:"BSliderTick",props:{value:{type:Number,default:0}},computed:{parent(){return this.$parent},position(){const e=(this.value-this.parent.min)/(this.parent.max-this.parent.min)*100;return e>=0&&e<=100?e:0},hidden(){return this.value===this.parent.min||this.value===this.parent.max}},methods:{getTickStyle:e=>({left:e+"%"})},created(){if(!this.parent.$data._isSlider)throw new Error("You should wrap bSliderTick on a bSlider")}});const x={key:0,class:"b-slider-tick-label"};var k=d(b,[["render",function(e,i,s,o,n,a){return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["b-slider-tick",{"is-tick-hidden":e.hidden}]),style:t.normalizeStyle(e.getTickStyle(e.position))},[e.$slots.default?(t.openBlock(),t.createElementBlock("span",x,[t.renderSlot(e.$slots,"default")])):t.createCommentVNode("v-if",!0)],6)}]]),V=t.defineComponent({name:"BSlider",components:{BSliderThumb:w,BSliderTick:k},props:{modelValue:{type:[Number,Array],default:0},min:{type:Number,default:0},max:{type:Number,default:100},step:{type:Number,default:1},type:{type:String,default:"is-primary"},size:String,ticks:{type:Boolean,default:!1},tooltip:{type:Boolean,default:!0},tooltipType:String,rounded:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},lazy:{type:Boolean,default:!1},customFormatter:Function,ariaLabel:[String,Array],biggerSliderFocus:{type:Boolean,default:!1},indicator:{type:Boolean,default:!1},format:{type:String,default:"raw",validator:e=>y.indexOf(e)>=0},locale:{type:[String,Array],default:()=>i},tooltipAlways:{type:Boolean,default:!1}},emits:{change:e=>!0,dragend:()=>!0,dragging:e=>!0,dragstart:()=>!0,"update:modelValue":e=>!0},data:()=>({value1:void 0,value2:void 0,internal:{value1:void 0,value2:void 0},dragging:!1,isRange:!1,isThumbReversed:!1,isTrackClickDisabled:!1,_isSlider:!0,timeOutID:void 0}),computed:{newTooltipType(){return this.tooltipType?this.tooltipType:this.type},tickValues(){if(!this.ticks||this.min>this.max||0===this.step)return[];const e=[];for(let t=this.min+this.step;t<this.max;t+=this.step)e.push(t);return e},minValue(){return Math.min(this.value1,this.value2)},maxValue(){return Math.max(this.value1,this.value2)},barSize(){return this.isRange?100*(this.maxValue-this.minValue)/(this.max-this.min)+"%":100*(this.value1-this.min)/(this.max-this.min)+"%"},barStart(){return this.isRange?100*(this.minValue-this.min)/(this.max-this.min)+"%":"0%"},precision(){const e=[this.min,this.max,this.step].map((e=>{const t=(""+e).split(".")[1];return t?t.length:0}));return Math.max(...e)},barStyle(){return{width:this.barSize,left:this.barStart}},rootClasses(){return{"is-rounded":this.rounded,"is-dragging":this.dragging,"is-disabled":this.disabled,"slider-focus":this.biggerSliderFocus}}},watch:{modelValue(e){this.setValues(e)},internal({value1:e,value2:t}){this.value1=e,this.value2=t},value1(e){this.internal.value1!==e&&this.onInternalValueUpdate()},value2(e){this.internal.value2!==e&&this.onInternalValueUpdate()},min(){this.setValues(this.modelValue)},max(){this.setValues(this.modelValue)}},methods:{setValues(e){if(!(this.min>this.max))if(Array.isArray(e)){this.isRange=!0;const t="number"!=typeof e[0]||isNaN(e[0])?this.min:r(e[0],this.min,this.max),i="number"!=typeof e[1]||isNaN(e[1])?this.max:r(e[1],this.min,this.max);this.internal={value1:this.isThumbReversed?i:t,value2:this.isThumbReversed?t:i}}else this.isRange=!1,this.internal={value1:isNaN(e)?this.min:r(e,this.min,this.max),value2:void 0}},onInternalValueUpdate(){this.isRange&&(this.isThumbReversed=this.value1>this.value2),this.lazy&&this.dragging||this.emitValue("update:modelValue"),this.dragging&&this.emitValue("dragging")},sliderSize(){return this.$refs.slider.getBoundingClientRect().width},onSliderClick(e){if(this.disabled||this.isTrackClickDisabled)return;const t=this.$refs.slider.getBoundingClientRect().left,i=(e.clientX-t)/this.sliderSize()*100,s=this.min+i*(this.max-this.min)/100,o=Math.abs(s-this.value1);if(this.isRange){const e=Math.abs(s-this.value2);if(o<=e){if(o<this.step/2)return;this.$refs.button1.setPosition(i)}else{if(e<this.step/2)return;this.$refs.button2.setPosition(i)}}else{if(o<this.step/2)return;this.$refs.button1.setPosition(i)}this.emitValue("change")},onDragStart(){this.dragging=!0,this.$emit("dragstart")},onDragEnd(){this.isTrackClickDisabled=!0,this.timeOutID=setTimeout((()=>{this.isTrackClickDisabled=!1}),0),this.dragging=!1,this.$emit("dragend"),this.lazy&&this.emitValue("update:modelValue")},emitValue(e){const t=this.isRange?[this.minValue,this.maxValue]:this.value1;switch(e){case"change":case"dragging":case"update:modelValue":this.$emit(e,t)}}},created(){this.isThumbReversed=!1,this.isTrackClickDisabled=!1,this.setValues(this.modelValue)},beforeUnmount(){clearTimeout(this.timeOutID)}});const D={class:"b-slider-track",ref:"slider"};var B=d(V,[["render",function(e,i,s,o,n,a){const r=t.resolveComponent("b-slider-tick"),l=t.resolveComponent("b-slider-thumb");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["b-slider",[e.size,e.type,e.rootClasses]]),onClick:i[2]||(i[2]=(...t)=>e.onSliderClick&&e.onSliderClick(...t))},[t.createElementVNode("div",D,[t.createElementVNode("div",{class:"b-slider-fill",style:t.normalizeStyle(e.barStyle)},null,4),e.ticks?(t.openBlock(!0),t.createElementBlock(t.Fragment,{key:0},t.renderList(e.tickValues,((e,i)=>(t.openBlock(),t.createBlock(r,{key:i,value:e},null,8,["value"])))),128)):t.createCommentVNode("v-if",!0),t.renderSlot(e.$slots,"default"),t.createVNode(l,{"tooltip-always":e.tooltipAlways,modelValue:e.value1,"onUpdate:modelValue":i[0]||(i[0]=t=>e.value1=t),type:e.newTooltipType,tooltip:e.tooltip,"custom-formatter":e.customFormatter,indicator:e.indicator,format:e.format,locale:e.locale,ref:"button1",role:"slider","aria-valuenow":e.value1,"aria-valuemin":e.min,"aria-valuemax":e.max,"aria-orientation":"horizontal","aria-label":Array.isArray(e.ariaLabel)?e.ariaLabel[0]:e.ariaLabel,"aria-disabled":e.disabled||void 0,onDragstart:e.onDragStart,onDragend:e.onDragEnd},null,8,["tooltip-always","modelValue","type","tooltip","custom-formatter","indicator","format","locale","aria-valuenow","aria-valuemin","aria-valuemax","aria-label","aria-disabled","onDragstart","onDragend"]),e.isRange?(t.openBlock(),t.createBlock(l,{key:1,"tooltip-always":e.tooltipAlways,modelValue:e.value2,"onUpdate:modelValue":i[1]||(i[1]=t=>e.value2=t),type:e.newTooltipType,tooltip:e.tooltip,"custom-formatter":e.customFormatter,indicator:e.indicator,format:e.format,locale:e.locale,ref:"button2",role:"slider","aria-valuenow":e.value2,"aria-valuemin":e.min,"aria-valuemax":e.max,"aria-orientation":"horizontal","aria-label":Array.isArray(e.ariaLabel)?e.ariaLabel[1]:"","aria-disabled":e.disabled||void 0,onDragstart:e.onDragStart,onDragend:e.onDragEnd},null,8,["tooltip-always","modelValue","type","tooltip","custom-formatter","indicator","format","locale","aria-valuenow","aria-valuemin","aria-valuemax","aria-label","aria-disabled","onDragstart","onDragend"])):t.createCommentVNode("v-if",!0)],512)],2)}]]);const E=(e,t,i)=>{const s=t.name;if(null==s)throw new Error("Buefy.registerComponent: missing component name");e.component(s,t)},C={install(e){E(e,B),E(e,k)}};e.BSlider=B,e.BSliderTick=k,e.default=C,Object.defineProperty(e,"__esModule",{value:!0})}));

package/dist/components/snackbar/index.js

@@ -0,0 +1,439 @@
+/*! 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.Snackbar = {}, global.Vue));
+})(this, (function (exports, vue) { 'use strict';
+
+    const NOTICE_POSITIONS = [
+      "is-top-right",
+      "is-top",
+      "is-top-left",
+      "is-bottom-right",
+      "is-bottom",
+      "is-bottom-left"
+    ];
+    let config = {
+      defaultContainerElement: null,
+      defaultSnackbarDuration: 3500,
+      defaultNoticeQueue: true};
+
+    function removeElement(el) {
+      if (typeof el.remove !== "undefined") {
+        el.remove();
+      } else if (typeof el.parentNode !== "undefined" && el.parentNode !== null) {
+        el.parentNode.removeChild(el);
+      }
+    }
+    function getComponentFromVNode(vnode) {
+      if (!vnode) {
+        return void 0;
+      }
+      const { component } = vnode;
+      if (!component) {
+        return void 0;
+      }
+      return component.exposed && component.exposeProxy || component.proxy;
+    }
+    function copyAppContext(src, dest) {
+      const { _context: srcContext } = src;
+      const { _context: destContext } = dest;
+      destContext.config = srcContext.config;
+      destContext.mixins = srcContext.mixins;
+      destContext.components = srcContext.components;
+      destContext.directives = srcContext.directives;
+      destContext.provides = srcContext.provides;
+      destContext.optionsCache = srcContext.optionsCache;
+      destContext.propsCache = srcContext.propsCache;
+      destContext.emitsCache = srcContext.emitsCache;
+      if ("__VUE_I18N_SYMBOL__" in src) {
+        dest.__VUE_I18N_SYMBOL__ = src.__VUE_I18N_SYMBOL__;
+      }
+    }
+
+    var NoticeMixin = vue.defineComponent({
+      props: {
+        type: {
+          type: String,
+          default: "is-dark"
+        },
+        message: [String, Array],
+        duration: Number,
+        queue: {
+          type: Boolean,
+          default: void 0
+        },
+        indefinite: {
+          type: Boolean,
+          default: false
+        },
+        pauseOnHover: {
+          type: Boolean,
+          default: false
+        },
+        position: {
+          type: String,
+          default: "is-top",
+          validator(value) {
+            return NOTICE_POSITIONS.indexOf(value) > -1;
+          }
+        },
+        container: String
+      },
+      emits: {
+        click: () => true,
+        close: () => true
+      },
+      data() {
+        return {
+          isActive: false,
+          isPaused: false,
+          parentTop: null,
+          parentBottom: null,
+          newContainer: this.container || config.defaultContainerElement,
+          timer: void 0,
+          // host container should override `newDuration`
+          newDuration: this.duration || 0
+        };
+      },
+      computed: {
+        correctParent() {
+          switch (this.position) {
+            case "is-top-right":
+            case "is-top":
+            case "is-top-left":
+              return this.parentTop;
+            case "is-bottom-right":
+            case "is-bottom":
+            case "is-bottom-left":
+              return this.parentBottom;
+            default: {
+              const exhaustiveCheck = this.position;
+              throw new RangeError(`invalid position: ${exhaustiveCheck}`);
+            }
+          }
+        },
+        transition() {
+          switch (this.position) {
+            case "is-top-right":
+            case "is-top":
+            case "is-top-left":
+              return {
+                enter: "fadeInDown",
+                leave: "fadeOut"
+              };
+            case "is-bottom-right":
+            case "is-bottom":
+            case "is-bottom-left":
+              return {
+                enter: "fadeInUp",
+                leave: "fadeOut"
+              };
+            default: {
+              const exhaustiveCheck = this.position;
+              throw new RangeError(`invalid position: ${exhaustiveCheck}`);
+            }
+          }
+        }
+      },
+      methods: {
+        pause() {
+          if (this.pauseOnHover && !this.indefinite) {
+            this.isPaused = true;
+            clearInterval(this.$buefy.globalNoticeInterval);
+          }
+        },
+        removePause() {
+          if (this.pauseOnHover && !this.indefinite) {
+            this.isPaused = false;
+            this.close();
+          }
+        },
+        shouldQueue() {
+          const queue = this.queue !== void 0 ? this.queue : config.defaultNoticeQueue;
+          if (!queue) return false;
+          return this.parentTop.childElementCount > 0 || this.parentBottom.childElementCount > 0;
+        },
+        click() {
+          this.$emit("click");
+        },
+        close() {
+          if (!this.isPaused) {
+            clearTimeout(this.timer);
+            this.isActive = false;
+            this.$emit("close");
+            setTimeout(() => {
+              removeElement(this.$el);
+            }, 150);
+          }
+        },
+        timeoutCallback() {
+          return this.close();
+        },
+        showNotice() {
+          if (this.shouldQueue()) this.correctParent.innerHTML = "";
+          this.correctParent.insertAdjacentElement("afterbegin", this.$el);
+          this.isActive = true;
+          if (!this.indefinite) {
+            this.timer = setTimeout(() => this.timeoutCallback(), this.newDuration);
+          }
+        },
+        setupContainer() {
+          this.parentTop = document.querySelector((this.newContainer ? this.newContainer : "body") + ">.notices.is-top");
+          this.parentBottom = document.querySelector((this.newContainer ? this.newContainer : "body") + ">.notices.is-bottom");
+          if (this.parentTop && this.parentBottom) return;
+          if (!this.parentTop) {
+            this.parentTop = document.createElement("div");
+            this.parentTop.className = "notices is-top";
+          }
+          if (!this.parentBottom) {
+            this.parentBottom = document.createElement("div");
+            this.parentBottom.className = "notices is-bottom";
+          }
+          const container = document.querySelector(this.newContainer) || document.body;
+          container.appendChild(this.parentTop);
+          container.appendChild(this.parentBottom);
+          if (this.newContainer) {
+            this.parentTop.classList.add("has-custom-container");
+            this.parentBottom.classList.add("has-custom-container");
+          }
+        }
+      },
+      beforeMount() {
+        this.setupContainer();
+      },
+      mounted() {
+        this.showNotice();
+      }
+    });
+
+    const Snackbar$1 = vue.defineComponent({
+      name: "BSnackbar",
+      mixins: [NoticeMixin],
+      props: {
+        actionText: {
+          type: String,
+          default: "OK"
+        },
+        onAction: {
+          type: Function,
+          default: () => {
+          }
+        },
+        cancelText: {
+          type: String,
+          default: null
+        }
+      },
+      data() {
+        return {
+          newDuration: this.duration || config.defaultSnackbarDuration
+        };
+      },
+      methods: {
+        /*
+        * Click listener.
+        * Call action prop before closing (from Mixin).
+        */
+        action() {
+          this.onAction();
+          this.close();
+        }
+      }
+    });
+
+    var _export_sfc = (sfc, props) => {
+      const target = sfc.__vccOpts || sfc;
+      for (const [key, val] of props) {
+        target[key] = val;
+      }
+      return target;
+    };
+
+    const _hoisted_1 = ["role"];
+    const _hoisted_2 = ["innerHTML"];
+    const _hoisted_3 = { class: "button" };
+    const _hoisted_4 = { class: "button" };
+    function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+      return vue.openBlock(), vue.createBlock(vue.Transition, {
+        "enter-active-class": _ctx.transition.enter,
+        "leave-active-class": _ctx.transition.leave,
+        persisted: ""
+      }, {
+        default: vue.withCtx(() => [
+          vue.withDirectives(vue.createElementVNode("div", {
+            class: vue.normalizeClass(["snackbar", [_ctx.type, _ctx.position]]),
+            onMouseenter: _cache[2] || (_cache[2] = (...args) => _ctx.pause && _ctx.pause(...args)),
+            onMouseleave: _cache[3] || (_cache[3] = (...args) => _ctx.removePause && _ctx.removePause(...args)),
+            role: _ctx.actionText ? "alertdialog" : "alert"
+          }, [
+            _ctx.$slots.default ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }) : (vue.openBlock(), vue.createElementBlock(
+              vue.Fragment,
+              { key: 1 },
+              [
+                vue.createCommentVNode(" eslint-disable-next-line vue/no-v-html "),
+                vue.createElementVNode("div", {
+                  class: "text",
+                  innerHTML: _ctx.message
+                }, null, 8, _hoisted_2)
+              ],
+              64
+              /* STABLE_FRAGMENT */
+            )),
+            _ctx.cancelText ? (vue.openBlock(), vue.createElementBlock("div", {
+              key: 2,
+              class: "action is-light is-cancel",
+              onClick: _cache[0] || (_cache[0] = (...args) => _ctx.close && _ctx.close(...args))
+            }, [
+              vue.createElementVNode(
+                "button",
+                _hoisted_3,
+                vue.toDisplayString(_ctx.cancelText),
+                1
+                /* TEXT */
+              )
+            ])) : vue.createCommentVNode("v-if", true),
+            _ctx.actionText ? (vue.openBlock(), vue.createElementBlock(
+              "div",
+              {
+                key: 3,
+                class: vue.normalizeClass(["action", _ctx.type]),
+                onClick: _cache[1] || (_cache[1] = (...args) => _ctx.action && _ctx.action(...args))
+              },
+              [
+                vue.createElementVNode(
+                  "button",
+                  _hoisted_4,
+                  vue.toDisplayString(_ctx.actionText),
+                  1
+                  /* TEXT */
+                )
+              ],
+              2
+              /* CLASS */
+            )) : vue.createCommentVNode("v-if", true)
+          ], 42, _hoisted_1), [
+            [vue.vShow, _ctx.isActive]
+          ])
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 8, ["enter-active-class", "leave-active-class"]);
+    }
+    var Snackbar = /* @__PURE__ */ _export_sfc(Snackbar$1, [["render", _sfc_render]]);
+
+    const registerComponentProgrammatic = (Vue, property, component) => {
+      if (!Vue.config.globalProperties.$buefy) Vue.config.globalProperties.$buefy = {};
+      Vue.config.globalProperties.$buefy[property] = component;
+    };
+
+    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 __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 __publicField = (obj, key, value) => __defNormalProp(obj, key + "" , value);
+    class SnackbarProgrammatic {
+      // may be undefined in the testing environment
+      constructor(app) {
+        __publicField(this, "app");
+        this.app = app;
+      }
+      open(params) {
+        if (typeof params === "string") {
+          params = {
+            message: params
+          };
+        }
+        let slot;
+        let _a = params, { message } = _a, restParams = __objRest(_a, ["message"]);
+        if (typeof message !== "string") {
+          slot = message;
+          message = void 0;
+        }
+        const propsData = __spreadValues({
+          type: "is-success",
+          position: "is-bottom-right",
+          queue: true,
+          message
+        }, restParams);
+        const container = document.createElement("div");
+        const vueInstance = vue.createApp({
+          data() {
+            return {
+              snackbarVNode: null
+            };
+          },
+          methods: {
+            close() {
+              const snackbar = getComponentFromVNode(this.snackbarVNode);
+              if (snackbar) {
+                snackbar.close();
+              }
+            }
+          },
+          render() {
+            this.snackbarVNode = vue.h(
+              Snackbar,
+              __spreadProps(__spreadValues({}, propsData), {
+                onClose() {
+                  if (typeof propsData.onClose === "function") {
+                    propsData.onClose();
+                  }
+                  setTimeout(() => {
+                    vueInstance.unmount();
+                  }, 150);
+                }
+              }),
+              slot != null ? { default: () => slot } : void 0
+            );
+            return this.snackbarVNode;
+          }
+        });
+        if (this.app) {
+          copyAppContext(this.app, vueInstance);
+        } else {
+          vueInstance.config.globalProperties.$buefy = {};
+        }
+        return vueInstance.mount(container);
+      }
+    }
+    const Plugin = {
+      install(Vue) {
+        registerComponentProgrammatic(Vue, "snackbar", new SnackbarProgrammatic(Vue));
+      }
+    };
+
+    exports.BSnackbar = Snackbar;
+    exports.SnackbarProgrammatic = SnackbarProgrammatic;
+    exports.default = Plugin;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+}));

package/dist/components/snackbar/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).Snackbar={},e.Vue)}(this,(function(e,t){"use strict";const o=["is-top-right","is-top","is-top-left","is-bottom-right","is-bottom","is-bottom-left"];let i=null,n=3500,s=!0;var a=t.defineComponent({props:{type:{type:String,default:"is-dark"},message:[String,Array],duration:Number,queue:{type:Boolean,default:void 0},indefinite:{type:Boolean,default:!1},pauseOnHover:{type:Boolean,default:!1},position:{type:String,default:"is-top",validator:e=>o.indexOf(e)>-1},container:String},emits:{click:()=>!0,close:()=>!0},data(){return{isActive:!1,isPaused:!1,parentTop:null,parentBottom:null,newContainer:this.container||i,timer:void 0,newDuration:this.duration||0}},computed:{correctParent(){switch(this.position){case"is-top-right":case"is-top":case"is-top-left":return this.parentTop;case"is-bottom-right":case"is-bottom":case"is-bottom-left":return this.parentBottom;default:{const e=this.position;throw new RangeError(`invalid position: ${e}`)}}},transition(){switch(this.position){case"is-top-right":case"is-top":case"is-top-left":return{enter:"fadeInDown",leave:"fadeOut"};case"is-bottom-right":case"is-bottom":case"is-bottom-left":return{enter:"fadeInUp",leave:"fadeOut"};default:{const e=this.position;throw new RangeError(`invalid position: ${e}`)}}}},methods:{pause(){this.pauseOnHover&&!this.indefinite&&(this.isPaused=!0,clearInterval(this.$buefy.globalNoticeInterval))},removePause(){this.pauseOnHover&&!this.indefinite&&(this.isPaused=!1,this.close())},shouldQueue(){return!!(void 0!==this.queue?this.queue:s)&&(this.parentTop.childElementCount>0||this.parentBottom.childElementCount>0)},click(){this.$emit("click")},close(){this.isPaused||(clearTimeout(this.timer),this.isActive=!1,this.$emit("close"),setTimeout((()=>{var e;void 0!==(e=this.$el).remove?e.remove():void 0!==e.parentNode&&null!==e.parentNode&&e.parentNode.removeChild(e)}),150))},timeoutCallback(){return this.close()},showNotice(){this.shouldQueue()&&(this.correctParent.innerHTML=""),this.correctParent.insertAdjacentElement("afterbegin",this.$el),this.isActive=!0,this.indefinite||(this.timer=setTimeout((()=>this.timeoutCallback()),this.newDuration))},setupContainer(){if(this.parentTop=document.querySelector((this.newContainer?this.newContainer:"body")+">.notices.is-top"),this.parentBottom=document.querySelector((this.newContainer?this.newContainer:"body")+">.notices.is-bottom"),this.parentTop&&this.parentBottom)return;this.parentTop||(this.parentTop=document.createElement("div"),this.parentTop.className="notices is-top"),this.parentBottom||(this.parentBottom=document.createElement("div"),this.parentBottom.className="notices is-bottom");const e=document.querySelector(this.newContainer)||document.body;e.appendChild(this.parentTop),e.appendChild(this.parentBottom),this.newContainer&&(this.parentTop.classList.add("has-custom-container"),this.parentBottom.classList.add("has-custom-container"))}},beforeMount(){this.setupContainer()},mounted(){this.showNotice()}});const r=t.defineComponent({name:"BSnackbar",mixins:[a],props:{actionText:{type:String,default:"OK"},onAction:{type:Function,default:()=>{}},cancelText:{type:String,default:null}},data(){return{newDuration:this.duration||n}},methods:{action(){this.onAction(),this.close()}}});const c=["role"],l=["innerHTML"],p={class:"button"},u={class:"button"};var d=((e,t)=>{const o=e.__vccOpts||e;for(const[e,i]of t)o[e]=i;return o})(r,[["render",function(e,o,i,n,s,a){return t.openBlock(),t.createBlock(t.Transition,{"enter-active-class":e.transition.enter,"leave-active-class":e.transition.leave,persisted:""},{default:t.withCtx((()=>[t.withDirectives(t.createElementVNode("div",{class:t.normalizeClass(["snackbar",[e.type,e.position]]),onMouseenter:o[2]||(o[2]=(...t)=>e.pause&&e.pause(...t)),onMouseleave:o[3]||(o[3]=(...t)=>e.removePause&&e.removePause(...t)),role:e.actionText?"alertdialog":"alert"},[e.$slots.default?t.renderSlot(e.$slots,"default",{key:0}):(t.openBlock(),t.createElementBlock(t.Fragment,{key:1},[t.createCommentVNode(" eslint-disable-next-line vue/no-v-html "),t.createElementVNode("div",{class:"text",innerHTML:e.message},null,8,l)],64)),e.cancelText?(t.openBlock(),t.createElementBlock("div",{key:2,class:"action is-light is-cancel",onClick:o[0]||(o[0]=(...t)=>e.close&&e.close(...t))},[t.createElementVNode("button",p,t.toDisplayString(e.cancelText),1)])):t.createCommentVNode("v-if",!0),e.actionText?(t.openBlock(),t.createElementBlock("div",{key:3,class:t.normalizeClass(["action",e.type]),onClick:o[1]||(o[1]=(...t)=>e.action&&e.action(...t))},[t.createElementVNode("button",u,t.toDisplayString(e.actionText),1)],2)):t.createCommentVNode("v-if",!0)],42,c),[[t.vShow,e.isActive]])])),_:3},8,["enter-active-class","leave-active-class"])}]]);var h=Object.defineProperty,m=Object.defineProperties,f=Object.getOwnPropertyDescriptors,v=Object.getOwnPropertySymbols,b=Object.prototype.hasOwnProperty,y=Object.prototype.propertyIsEnumerable,g=(e,t,o)=>t in e?h(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,C=(e,t)=>{for(var o in t||(t={}))b.call(t,o)&&g(e,o,t[o]);if(v)for(var o of v(t))y.call(t,o)&&g(e,o,t[o]);return e};class k{constructor(e){var t;g(this,"app"+"",t),this.app=e}open(e){let o;"string"==typeof e&&(e={message:e});let i=e,{message:n}=i,s=((e,t)=>{var o={};for(var i in e)b.call(e,i)&&t.indexOf(i)<0&&(o[i]=e[i]);if(null!=e&&v)for(var i of v(e))t.indexOf(i)<0&&y.call(e,i)&&(o[i]=e[i]);return o})(i,["message"]);"string"!=typeof n&&(o=n,n=void 0);const a=C({type:"is-success",position:"is-bottom-right",queue:!0,message:n},s),r=document.createElement("div"),c=t.createApp({data:()=>({snackbarVNode:null}),methods:{close(){const e=function(e){if(!e)return;const{component:t}=e;return t?t.exposed&&t.exposeProxy||t.proxy:void 0}(this.snackbarVNode);e&&e.close()}},render(){var e;return this.snackbarVNode=t.h(d,(e=C({},a),m(e,f({onClose(){"function"==typeof a.onClose&&a.onClose(),setTimeout((()=>{c.unmount()}),150)}}))),null!=o?{default:()=>o}:void 0),this.snackbarVNode}});return this.app?function(e,t){const{_context:o}=e,{_context:i}=t;i.config=o.config,i.mixins=o.mixins,i.components=o.components,i.directives=o.directives,i.provides=o.provides,i.optionsCache=o.optionsCache,i.propsCache=o.propsCache,i.emitsCache=o.emitsCache,"__VUE_I18N_SYMBOL__"in e&&(t.__VUE_I18N_SYMBOL__=e.__VUE_I18N_SYMBOL__)}(this.app,c):c.config.globalProperties.$buefy={},c.mount(r)}}const w={install(e){((e,t,o)=>{e.config.globalProperties.$buefy||(e.config.globalProperties.$buefy={}),e.config.globalProperties.$buefy[t]=o})(e,"snackbar",new k(e))}};e.BSnackbar=d,e.SnackbarProgrammatic=k,e.default=w,Object.defineProperty(e,"__esModule",{value:!0})}));