buefy 1.0.0 → 1.0.2

package/dist/components/numberinput/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).Numberinput={},e.Vue)}(this,(function(e,t){"use strict";let i,n="mdi",s=null,o="on",l=!0,a=!0,r=!0,c=!0;var u=(e,t)=>{const i=e.__vccOpts||e;for(const[e,n]of t)i[e]=n;return i};const p={sizes:{default:"mdi-24px","is-small":null,"is-medium":"mdi-36px","is-large":"mdi-48px"},iconPrefix:"mdi-"},h=()=>{const e="fa-";return{sizes:{default:null,"is-small":null,"is-medium":e+"lg","is-large":e+"2x"},iconPrefix:e,internalIcons:{information:"info-circle",alert:"exclamation-triangle","alert-circle":"exclamation-circle","chevron-right":"angle-right","chevron-left":"angle-left","chevron-down":"angle-down","eye-off":"eye-slash","menu-down":"caret-down","menu-up":"caret-up","close-circle":"times-circle"}}};var d=u(t.defineComponent({name:"BIcon",props:{type:[String,Object],component:String,pack:String,icon:{type:String,required:!0},size:String,customSize:String,customClass:String,both:Boolean},computed:{iconConfig(){return{mdi:p,fa:h(),fas:h(),far:h(),fad:h(),fab:h(),fal:h(),"fa-solid":h(),"fa-regular":h(),"fa-light":h(),"fa-thin":h(),"fa-duotone":h(),"fa-brands":h()}[this.newPack]},iconPrefix(){return this.iconConfig&&this.iconConfig.iconPrefix?this.iconConfig.iconPrefix:""},newIcon(){return`${this.iconPrefix}${this.getEquivalentIconOf(this.icon)}`},newPack(){return this.pack||n},newType(){if(!this.type)return;let e=[];if("string"==typeof this.type)e=this.type.split("-");else for(const t in this.type)if(this.type[t]){e=t.split("-");break}if(e.length<=1)return;const[,...t]=e;return`has-text-${t.join("-")}`},newCustomSize(){return this.customSize||this.customSizeByPack},customSizeByPack(){if(this.iconConfig&&this.iconConfig.sizes){if(this.size&&void 0!==this.iconConfig.sizes[this.size])return this.iconConfig.sizes[this.size];if(this.iconConfig.sizes.default)return this.iconConfig.sizes.default}return null},useIconComponent(){return this.component||s}},methods:{getEquivalentIconOf(e){if(!this.both)return e;if(null==this.iconConfig)return e;const t=this.iconConfig;return t&&t.internalIcons&&t.internalIcons[e]?t.internalIcons[e]:e}}}),[["render",function(e,i,n,s,o,l){return t.openBlock(),t.createElementBlock("span",{class:t.normalizeClass(["icon",[e.newType,e.size]])},[e.useIconComponent?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.useIconComponent),{key:1,icon:[e.newPack,e.newIcon],size:e.newCustomSize,class:t.normalizeClass([e.customClass])},null,8,["icon","size","class"])):(t.openBlock(),t.createElementBlock("i",{key:0,class:t.normalizeClass([e.newPack,e.newIcon,e.newCustomSize,e.customClass])},null,2))],2)}]]),m=Object.getOwnPropertySymbols,g=Object.prototype.hasOwnProperty,f=Object.prototype.propertyIsEnumerable,y=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:n}=e;return((e,t)=>{var i={};for(var n in e)g.call(e,n)&&t.indexOf(n)<0&&(i[n]=e[n]);if(null!=e&&m)for(var n of m(e))t.indexOf(n)<0&&f.call(e,n)&&(i[n]=e[n]);return i})(e,["style","class","id"])}return this.$attrs}}});const b=t.defineComponent({props:{size:String,expanded:Boolean,loading:Boolean,rounded:Boolean,icon:String,iconPack:String,maxlength:[Number,String],useHtml5Validation:{type:Boolean,default:()=>r},validationMessage:String,locale:{type:[String,Array],default:()=>i},statusIcon:{type:Boolean,default:()=>c}},emits:{blur:e=>!0,focus:e=>!0},data(){return{isValid:!0,isFocused:!1,newIconPack:this.iconPack||n,_elementRef:""}},computed:{parentField(){let e=this.$parent;for(let t=0;t<3;t++)e&&!e.$data._isField&&(e=e.$parent);return e},statusType(){const{newType:e}=this.parentField||{};if(e){if("string"==typeof e)return e;for(const t in e)if(e[t])return t}},statusMessage(){if(this.parentField)return this.parentField.newMessage||this.parentField.$slots.message},iconSize(){switch(this.size){case"is-small":return this.size;case"is-medium":return;case"is-large":return"mdi"===this.newIconPack?"is-medium":""}}},methods:{focus(){const e=this.getElement();void 0!==e&&this.$nextTick((()=>{e&&e.focus()}))},onBlur(e){this.isFocused=!1,this.$emit("blur",e),this.checkHtml5Validity()},onFocus(e){this.isFocused=!0,this.$emit("focus",e)},getElement(){let e=this.$refs[this.$data._elementRef];for(;null!=e&&"object"==typeof e&&"$refs"in e;){const t=e;e=t.$refs[t.$data._elementRef]}return e},setInvalid(){const e=this.validationMessage||this.getElement().validationMessage;this.setValidity("is-danger",e)},setValidity(e,t){this.$nextTick((()=>{this.parentField&&(this.parentField.type||(this.parentField.newType=e),this.parentField.message||(this.parentField.newMessage=t))}))},checkHtml5Validity(){if(!this.useHtml5Validation)return!1;const e=this.getElement();return null!=e&&(e.checkValidity()?(this.setValidity(null,null),this.isValid=!0):(this.setInvalid(),this.isValid=!1),this.isValid)}}});var k=t.defineComponent({name:"BInput",components:{BIcon:d},mixins:[y,b],props:{modelValue:{type:[Number,String]},type:{type:String,default:"text"},lazy:{type:Boolean,default:!1},passwordReveal:Boolean,iconClickable:Boolean,hasCounter:{type:Boolean,default:()=>l},customClass:{type:String,default:""},iconRight:String,iconRightClickable:Boolean,iconRightType:String,autocomplete:String},emits:{"icon-click":e=>!0,"icon-right-click":e=>!0,"update:modelValue":e=>!0},data(){return{newValue:this.modelValue,newType:this.type,newAutocomplete:this.autocomplete||o,isPasswordVisible:!1,_elementRef:"textarea"===this.type?"textarea":"input"}},computed:{computedValue:{get(){return this.newValue},set(e){this.newValue=e,this.$emit("update:modelValue",e)}},rootClasses(){return[this.iconPosition,this.size,{"is-expanded":this.expanded,"is-loading":this.loading,"is-clearfix":!this.hasMessage}]},inputClasses(){return[this.statusType,this.size,{"is-rounded":this.rounded}]},hasIconRight(){return this.passwordReveal||this.loading||this.statusIcon&&this.statusTypeIcon||this.iconRight},rightIcon(){return this.passwordReveal?this.passwordVisibleIcon:this.iconRight?this.iconRight:this.statusTypeIcon},rightIconType(){return this.passwordReveal?"is-primary":this.iconRight?this.iconRightType||void 0:this.statusType},iconPosition(){let e="";return this.icon&&(e+="has-icons-left "),this.hasIconRight&&(e+="has-icons-right"),e},statusTypeIcon(){switch(this.statusType){case"is-success":return"check";case"is-danger":return"alert-circle";case"is-info":return"information";case"is-warning":return"alert";default:return}},hasMessage(){return!!this.statusMessage},passwordVisibleIcon(){return this.isPasswordVisible?"eye-off":"eye"},valueLength(){return"string"==typeof this.computedValue?Array.from(this.computedValue).length:"number"==typeof this.computedValue?this.computedValue.toString().length:0}},watch:{modelValue(e){const t=this.computedValue!=e;this.newValue=e,t&&this.$nextTick((()=>{!this.isValid&&this.checkHtml5Validity()}))},type(e){this.newType=e}},methods:{togglePasswordVisibility(){this.isPasswordVisible=!this.isPasswordVisible,this.newType=this.isPasswordVisible?"text":"password",this.$nextTick((()=>{this.focus()}))},iconClick(e,t){this.$emit(e,t),this.$nextTick((()=>{this.focus()}))},rightIconClick(e){this.passwordReveal?this.togglePasswordVisibility():this.iconRightClickable&&this.iconClick("icon-right-click",e)},onInput(){this.lazy||this.revalidate()},onChange(){this.lazy&&this.revalidate()},revalidate(){!this.isValid&&this.checkHtml5Validity()}}});const C=["type","autocomplete","maxlength"],V=["maxlength"],S=["type","autocomplete","maxlength"],w=["maxlength"];var x=u(k,[["render",function(e,i,n,s,o,l){const a=t.resolveComponent("b-icon");return t.openBlock(),t.createElementBlock("div",t.mergeProps({class:["control",e.rootClasses]},e.rootAttrs),[e.lazy?(t.openBlock(),t.createElementBlock(t.Fragment,{key:0},["textarea"!==e.type?t.withDirectives((t.openBlock(),t.createElementBlock("input",t.mergeProps({key:0,ref:"input",class:["input",[e.inputClasses,e.customClass]],type:e.newType,autocomplete:e.newAutocomplete,maxlength:e.maxlength,"onUpdate:modelValue":i[0]||(i[0]=t=>e.computedValue=t)},e.fallthroughAttrs,{onInput:i[1]||(i[1]=(...t)=>e.onInput&&e.onInput(...t)),onChange:i[2]||(i[2]=(...t)=>e.onChange&&e.onChange(...t)),onBlur:i[3]||(i[3]=(...t)=>e.onBlur&&e.onBlur(...t)),onFocus:i[4]||(i[4]=(...t)=>e.onFocus&&e.onFocus(...t))}),null,16,C)),[[t.vModelDynamic,e.computedValue,void 0,{lazy:!0}]]):t.withDirectives((t.openBlock(),t.createElementBlock("textarea",t.mergeProps({key:1,ref:"textarea",class:["textarea",[e.inputClasses,e.customClass]],maxlength:e.maxlength,"onUpdate:modelValue":i[5]||(i[5]=t=>e.computedValue=t)},e.fallthroughAttrs,{onInput:i[6]||(i[6]=(...t)=>e.onInput&&e.onInput(...t)),onChange:i[7]||(i[7]=(...t)=>e.onChange&&e.onChange(...t)),onBlur:i[8]||(i[8]=(...t)=>e.onBlur&&e.onBlur(...t)),onFocus:i[9]||(i[9]=(...t)=>e.onFocus&&e.onFocus(...t))}),null,16,V)),[[t.vModelText,e.computedValue,void 0,{lazy:!0}]])],64)):(t.openBlock(),t.createElementBlock(t.Fragment,{key:1},["textarea"!==e.type?t.withDirectives((t.openBlock(),t.createElementBlock("input",t.mergeProps({key:0,ref:"input",class:["input",[e.inputClasses,e.customClass]],type:e.newType,autocomplete:e.newAutocomplete,maxlength:e.maxlength,"onUpdate:modelValue":i[10]||(i[10]=t=>e.computedValue=t)},e.fallthroughAttrs,{onInput:i[11]||(i[11]=(...t)=>e.onInput&&e.onInput(...t)),onChange:i[12]||(i[12]=(...t)=>e.onChange&&e.onChange(...t)),onBlur:i[13]||(i[13]=(...t)=>e.onBlur&&e.onBlur(...t)),onFocus:i[14]||(i[14]=(...t)=>e.onFocus&&e.onFocus(...t))}),null,16,S)),[[t.vModelDynamic,e.computedValue]]):t.withDirectives((t.openBlock(),t.createElementBlock("textarea",t.mergeProps({key:1,ref:"textarea",class:["textarea",[e.inputClasses,e.customClass]],maxlength:e.maxlength,"onUpdate:modelValue":i[15]||(i[15]=t=>e.computedValue=t)},e.fallthroughAttrs,{onInput:i[16]||(i[16]=(...t)=>e.onInput&&e.onInput(...t)),onChange:i[17]||(i[17]=(...t)=>e.onChange&&e.onChange(...t)),onBlur:i[18]||(i[18]=(...t)=>e.onBlur&&e.onBlur(...t)),onFocus:i[19]||(i[19]=(...t)=>e.onFocus&&e.onFocus(...t))}),null,16,w)),[[t.vModelText,e.computedValue]])],64)),e.icon?(t.openBlock(),t.createBlock(a,{key:2,class:t.normalizeClass(["is-left",{"is-clickable":e.iconClickable}]),icon:e.icon,pack:e.iconPack,size:e.iconSize,onClick:i[20]||(i[20]=t=>e.iconClick("icon-click",t))},null,8,["class","icon","pack","size"])):t.createCommentVNode("v-if",!0),!e.loading&&e.hasIconRight&&e.rightIcon?(t.openBlock(),t.createBlock(a,{key:3,class:t.normalizeClass(["is-right",{"is-clickable":e.passwordReveal||e.iconRightClickable}]),icon:e.rightIcon,pack:e.iconPack,size:e.iconSize,type:e.rightIconType,both:"",onClick:e.rightIconClick},null,8,["class","icon","pack","size","type","onClick"])):t.createCommentVNode("v-if",!0),e.maxlength&&e.hasCounter&&"number"!==e.type?(t.openBlock(),t.createElementBlock("small",{key:4,class:t.normalizeClass(["help counter",{"is-invisible":!e.isFocused}])},t.toDisplayString(e.valueLength)+" / "+t.toDisplayString(e.maxlength),3)):t.createCommentVNode("v-if",!0)],16)}]]);const v=["left","right","center"];var B=t.defineComponent({name:"BNumberinput",components:{BIcon:d,BInput:x},mixins:[y,b],inject:{field:{from:"BField",default:!1}},props:{modelValue:[Number,null],min:{type:[Number,String]},max:[Number,String],step:[Number,String],minStep:[Number,String],exponential:[Boolean,Number],disabled:Boolean,type:{type:String,default:"is-primary"},editable:{type:Boolean,default:!0},controls:{type:Boolean,default:!0},controlsAlignment:{type:String,default:"center",validator:e=>v.indexOf(e)>=0},controlsRounded:{type:Boolean,default:!1},controlsPosition:String,placeholder:[Number,String],ariaMinusLabel:String,ariaPlusLabel:String,longPress:{type:Boolean,default:!0},autocomplete:String},emits:{blur:e=>!0,focus:e=>!0,"update:modelValue":e=>!0},data(){return{newValue:this.modelValue,newStep:this.step||1,newMinStep:this.minStep,timesPressed:1,_elementRef:"input",_$intervalRef:void 0}},computed:{computedValue:{get(){return this.newValue},set(e){let t=0===Number(e)?0:Number(e)||null;""!==e&&null!=e||(t=null),this.newValue=t,null===t?this.$emit("update:modelValue",t):isNaN(t)||this.$emit("update:modelValue",Number(t)),this.$nextTick((()=>{this.$refs.input&&this.$refs.input.checkHtml5Validity()}))}},controlsLeft(){return this.controls&&"right"!==this.controlsAlignment?"left"===this.controlsAlignment?["minus","plus"]:["minus"]:[]},controlsRight(){return this.controls&&"left"!==this.controlsAlignment?"right"===this.controlsAlignment?["minus","plus"]:["plus"]:[]},fieldClasses(){return[{"has-addons":"compact"===this.controlsPosition},{"is-grouped":"compact"!==this.controlsPosition},{"is-expanded":this.expanded}]},buttonClasses(){return[this.type,this.size,{"is-rounded":this.controlsRounded}]},minNumber(){return"string"==typeof this.min?parseFloat(this.min):this.min},maxNumber(){return"string"==typeof this.max?parseFloat(this.max):this.max},stepNumber(){return"any"===this.newStep?1:"string"==typeof this.newStep?parseFloat(this.newStep):this.newStep},minStepNumber(){if("any"===this.newStep&&void 0===this.newMinStep)return"any";const e=void 0!==this.newMinStep?this.newMinStep:this.newStep;return"string"==typeof e?parseFloat(e):e},disabledMin(){return+this.computedValue-this.stepNumber<this.minNumber},disabledMax(){return+this.computedValue+this.stepNumber>this.maxNumber},stepDecimals(){const e=this.minStepNumber.toString(),t=e.indexOf(".");return t>=0?e.substring(t+1).length:0},disabledOrUndefined(){return this.disabled||void 0}},watch:{modelValue:{immediate:!0,handler(e){this.newValue=e}},step(e){this.newStep=e},minStep(e){this.newMinStep=e}},methods:{isDisabled(e){return this.disabled||("plus"===e?this.disabledMax:this.disabledMin)},decrement(){if(null===this.computedValue||void 0===this.computedValue){if(null!==this.maxNumber&&void 0!==this.maxNumber)return void(this.computedValue=this.maxNumber);this.computedValue=0}if(void 0===this.minNumber||+this.computedValue-this.stepNumber>=this.minNumber){const e=+this.computedValue-this.stepNumber;this.computedValue=parseFloat(e.toFixed(this.stepDecimals))}},increment(){if(null===this.computedValue||void 0===this.computedValue||+this.computedValue<this.minNumber){if(null!==this.minNumber&&void 0!==this.minNumber)return void(this.computedValue=this.minNumber);this.computedValue=0}if(void 0===this.maxNumber||+this.computedValue+this.stepNumber<=this.maxNumber){const e=+this.computedValue+this.stepNumber;this.computedValue=parseFloat(e.toFixed(this.stepDecimals))}},onControlClick(e,t){0===e.detail&&"click"===e.type&&(t?this.increment():this.decrement())},longPressTick(e){e?this.increment():this.decrement(),this.longPress&&(this._$intervalRef=setTimeout((()=>{this.longPressTick(e)}),this.exponential?250/(+this.exponential*this.timesPressed++):250))},onStartLongPress(e,t){0!==e.button&&"touchstart"!==e.type||(clearTimeout(this._$intervalRef),this.longPressTick(t))},onStopLongPress(){this._$intervalRef&&(this.timesPressed=1,clearTimeout(this._$intervalRef),this._$intervalRef=void 0)}},mounted(){this.field===this.$parent&&this.$parent.wrapNumberinput({controlsPosition:this.controlsPosition,size:this.size})},beforeUnmount(){clearTimeout(this._$intervalRef)}});const P=["disabled","aria-label","onMousedown","onTouchstart","onClick"],z=["disabled","aria-label","onMousedown","onTouchstart","onClick"];var I=u(B,[["render",function(e,i,n,s,o,l){const a=t.resolveComponent("b-icon"),r=t.resolveComponent("b-input");return t.openBlock(),t.createElementBlock("div",t.mergeProps({class:["b-numberinput field",e.fieldClasses]},e.rootAttrs),[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.controlsLeft,(n=>(t.openBlock(),t.createElementBlock("p",{key:n,class:t.normalizeClass(["control",n]),onMouseup:i[0]||(i[0]=(...t)=>e.onStopLongPress&&e.onStopLongPress(...t)),onMouseleave:i[1]||(i[1]=(...t)=>e.onStopLongPress&&e.onStopLongPress(...t)),onTouchend:i[2]||(i[2]=(...t)=>e.onStopLongPress&&e.onStopLongPress(...t)),onTouchcancel:i[3]||(i[3]=(...t)=>e.onStopLongPress&&e.onStopLongPress(...t))},[t.createElementVNode("button",{type:"button",class:t.normalizeClass(["button",e.buttonClasses]),disabled:e.isDisabled(n)||void 0,"aria-label":"plus"===n?e.ariaPlusLabel:e.ariaMinusLabel,onMousedown:t=>!e.isDisabled(n)&&e.onStartLongPress(t,"plus"===n),onTouchstart:t.withModifiers((t=>!e.isDisabled(n)&&e.onStartLongPress(t,"plus"===n)),["prevent"]),onClick:t=>!e.isDisabled(n)&&e.onControlClick(t,"plus"===n)},[t.createVNode(a,{both:"",icon:n,pack:e.iconPack,size:e.iconSize},null,8,["icon","pack","size"])],42,P)],34)))),128)),t.createVNode(r,t.mergeProps({type:"number",ref:"input",modelValue:e.computedValue,"onUpdate:modelValue":i[4]||(i[4]=t=>e.computedValue=t)},e.fallthroughAttrs,{step:e.minStepNumber,max:e.max,min:e.min,size:e.size,disabled:e.disabledOrUndefined,readonly:!e.editable,loading:e.loading,rounded:e.rounded,icon:e.icon,"icon-pack":e.iconPack,autocomplete:e.autocomplete,expanded:e.expanded,placeholder:e.placeholder,"use-html5-validation":e.useHtml5Validation,onFocus:i[5]||(i[5]=t=>e.$emit("focus",t)),onBlur:i[6]||(i[6]=t=>e.$emit("blur",t))}),null,16,["modelValue","step","max","min","size","disabled","readonly","loading","rounded","icon","icon-pack","autocomplete","expanded","placeholder","use-html5-validation"]),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.controlsRight,(n=>(t.openBlock(),t.createElementBlock("p",{key:n,class:t.normalizeClass(["control",n]),onMouseup:i[7]||(i[7]=(...t)=>e.onStopLongPress&&e.onStopLongPress(...t)),onMouseleave:i[8]||(i[8]=(...t)=>e.onStopLongPress&&e.onStopLongPress(...t)),onTouchend:i[9]||(i[9]=(...t)=>e.onStopLongPress&&e.onStopLongPress(...t)),onTouchcancel:i[10]||(i[10]=(...t)=>e.onStopLongPress&&e.onStopLongPress(...t))},[t.createElementVNode("button",{type:"button",class:t.normalizeClass(["button",e.buttonClasses]),disabled:e.isDisabled(n)||void 0,"aria-label":"plus"===n?e.ariaPlusLabel:e.ariaMinusLabel,onMousedown:t=>!e.isDisabled(n)&&e.onStartLongPress(t,"plus"===n),onTouchstart:t.withModifiers((t=>!e.isDisabled(n)&&e.onStartLongPress(t,"plus"===n)),["prevent"]),onClick:t=>!e.isDisabled(n)&&e.onControlClick(t,"plus"===n)},[t.createVNode(a,{both:"",icon:n,pack:e.iconPack,size:e.iconSize},null,8,["icon","pack","size"])],42,z)],34)))),128))],16)}]]);const N={install(e){((e,t)=>{const i=t.name;if(null==i)throw new Error("Buefy.registerComponent: missing component name");e.component(i,t)})(e,I)}};e.BNumberinput=I,e.default=N,Object.defineProperty(e,"__esModule",{value:!0})}));