https://stupendiumstore.com/assets/TmlInput.12712b46.js

1import{_ as N,T,bl as P,bm as M,bn as A,aX as D,bo as V,aq as C,bp as R}from"./index.474d7b13.js";import{f as j}from"./faCheck.7ed10ce6.js";import{f as L}from"./faTimes.9d3c46b2.js";import{f as O}from"./faPlus.700d6e29.js";import{f as z}from"./faMinus.74c043d9.js";import{f as w}from"./faArrowRight.6d6d4730.js";import{f as I}from"./faUndo.4cbdec1e.js";import{N as E,D as l,E as u,S as h,H as m,a1 as y,f,Q as s,R as g,a9 as q,W as p,U as v,a3 as K,a0 as b,a4 as U,G as H,V as _}from"./vue.00f7c436.js";import"./sentry.09480738.js";const x=e=>{var i;return((i=`${e}`.split(".")[1])==null?void 0:i.length)||0};var k={},B;function G(){return B||(B=1,function(e){Object.defineProperty(e,"__esModule",{value:!0});var i="fas",t="eye",d=576,n=512,a=[128065],o="f06e",c="M288 32c-80.8 0-145.5 36.8-192.6 80.6C48.6 156 17.3 208 2.5 243.7c-3.3 7.9-3.3 16.7 0 24.6C17.3 304 48.6 356 95.4 399.4C142.5 443.2 207.2 480 288 480s145.5-36.8 192.6-80.6c46.8-43.5 78.1-95.4 93-131.1c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C433.5 68.8 368.8 32 288 32zM432 256c0 79.5-64.5 144-144 144s-144-64.5-144-144s64.5-144 144-144s144 64.5 144 144zM288 192c0 35.3-28.7 64-64 64c-11.5 0-22.3-3-31.6-8.4c-.2 2.8-.4 5.5-.4 8.4c0 53 43 96 96 96s96-43 96-96s-43-96-96-96c-2.8 0-5.6 .1-8.4 .4c5.3 9.3 8.4 20.1 8.4 31.6z";e.definition={prefix:i,iconName:t,icon:[d,n,a,o,c]},e.faEye=e.definition,e.prefix=i,e.iconName=t,e.width=d,e.height=n,e.ligatures=a,e.unicode=o,e.svgPathData=c,e.aliases=a}(k)),k}var Q=G(),S={},F;function W(){return F||(F=1,function(e){Object.defineProperty(e,"__esModule",{value:!0});var i="fas",t="eye-slash",d=640,n=512,a=[],o="f070",c="M38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2S-1.2 34.7 9.2 42.9l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7L525.6 386.7c39.6-40.6 66.4-86.1 79.9-118.4c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C465.5 68.8 400.8 32 320 32c-68.2 0-125 26.3-169.3 60.8L38.8 5.1zM223.1 149.5C248.6 126.2 282.7 112 320 112c79.5 0 144 64.5 144 144c0 24.9-6.3 48.3-17.4 68.7L408 294.5c5.2-11.8 8-24.8 8-38.5c0-53-43-96-96-96c-2.8 0-5.6 .1-8.4 .4c5.3 9.3 8.4 20.1 8.4 31.6c0 10.2-2.4 19.8-6.6 28.3l-90.3-70.8zm223.1 298L373 389.9c-16.4 6.5-34.3 10.1-53 10.1c-79.5 0-144-64.5-144-144c0-6.9 .5-13.6 1.4-20.2L83.1 161.5C60.3 191.2 44 220.8 34.5 243.7c-3.3 7.9-3.3 16.7 0 24.6c14.9 35.7 46.2 87.7 93 131.1C174.5 443.2 239.2 480 320 480c47.8 0 89.9-12.9 126.2-32.5z";e.definition={prefix:i,iconName:t,icon:[d,n,a,o,c]},e.faEyeSlash=e.definition,e.prefix=i,e.iconName=t,e.width=d,e.height=n,e.ligatures=a,e.unicode=o,e.svgPathData=c,e.aliases=a}(S)),S}var X=W();const J={name:"TmlInput",components:{TmlAnchor:T},mixins:[P],inject:["theme"],props:{disabled:Boolean,fieldName:{type:String,required:!0},type:{type:String,default:"text"},inputMode:String,placeholder:String,icon:Object,validationRules:Object,placeholderAnimation:{type:String,default:"move"},suffix:String,suffixTrailingFixed:{type:Boolean,default:!1},hidden:Boolean,readOnly:Boolean,standalone:Boolean,step:{type:[String,Number],default:1},precision:Number,min:{type:[String,Number],default:-1/0},max:{type:[String,Number],default:1/0},maxLength:{type:Number},snapToStep:{type:Boolean,default:!0},numberIterator:Boolean,focusInput:Boolean,forceFocus:Boolean,center:{type:Boolean,default:!1},submitButton:{type:Boolean,default:!1},allowEmpty:{type:Boolean,default:!1},showClear:{type:Boolean,default:!1},valueAfterCleared:{type:String,default:""},colourPreview:String,loading:{type:Boolean,default:!1},rightIcon:{type:Object,default:null},clearIcon:{type:Object,default:()=>I.faUndo},autoComplete:{type:[Boolean,String],default:!0},inactive:{type:Boolean,default:!1},textPrimaryColor:String,textSecondaryColor:String,textErrorColor:String,borderColor:String,borderRadius:String,borderFocusedColor:String,borderErrorColor:String,backgroundColor:String,maxHeight:String,showActionButton:Boolean,actionButtonIcon:{type:Object,default:()=>w.faArrowRight},ariaLabel:String,enterkeyhint:String},data(){return{focused:!1,passwordVisible:!1,faTimes:L.faTimes,faCheck:j.faCheck,faEye:Q.faEye,faEyeSlash:X.faEyeSlash,faCircleNotch:M.faCircleNotch,faPlus:O.faPlus,faMinus:z.faMinus,faArrowRight:w.faArrowRight,faUndo:I.faUndo}},computed:{getType(){return this.type==="password"&&this.passwordVisible?"text":this.t

1ype},empty(){return this.inputValue===0?!1:this.inputValue===null||this.inputValue===""?!0:!this.inputValue},autoCompleteValue(){return typeof this.autoComplete=="boolean"?this.autoComplete?"on":"off":this.autoComplete},isIos(){return A()},internalStyles(){const e=this.theme();return D({"--custom-form-background-color":this.backgroundColor||e.get("form.background.primary.color"),"--custom-form-border-color":this.borderColor||e.get("form.border.color"),"--custom-form-border-radius":this.borderRadius||e.get("form.border.radius"),"--custom-form-border-focused-color":this.borderFocusedColor||e.get("form.border.focused.color"),"--custom-form-border-error-color":this.borderErrorColor||e.get("form.border.error.color"),"--custom-form-text-primary-color":this.textPrimaryColor||e.get("form.text.primary.color"),"--custom-form-text-secondary-color":this.textSecondaryColor||e.get("form.text.secondary.color"),"--custom-form-text-error-color":this.textErrorColor||e.get("form.text.error.color")},V)},clampedValue(){return this.type!=="number"?this.inputValue:this.allowEmpty&&(this.inputValue===""||this.inputValue===null)?this.inputValue:C(this.inputValue,parseFloat(V(this.min)?-1/0:this.min,10),parseFloat(V(this.max)?1/0:this.max,10))},safeValue(){return this.type==="number"&&this.min&&this.max?this.clampedValue:this.inputValue}},watch:{inputValue:{immediate:!0,handler(e){if(this.type==="number"){if(e===""){this.allowEmpty||(this.inputValue=0);return}if(typeof e!="number")return;this.max&&e>this.max&&this.clampValue(),e!==null&&typeof e!="number"&&(this.inputValue=parseFloat(e,10))}}},min:{immediate:!0,handler(e){if(typeof this.inputValue=="number"&&e>=0){const i=C(this.inputValue,parseInt(e,10),parseInt(this.max,10));i!==this.inputValue&&(this.inputValue=i)}}},max:{immediate:!0,handler(e){if(typeof this.inputValue=="number"&&e>=0){const i=C(this.inputValue,parseInt(this.min,10),parseInt(e,10));i!==this.inputValue&&(this.inputValue=i)}}}},created(){this.registerField(this.fieldName,{value:this.value||"",isValid:!1})},mounted(){this.focusInput&&this.$refs.input.focus()},methods:{emitValue(e){this.inputValue=e.target.value,this.$emit("new-input",this.safeValue),this.$emit("valid",this.isValid),this.$emit(`onChange${this.fieldName}`,this.safeValue)},onKeyup(e){this.$emit("keyup",e)},submitForm(){this.$emit("submit",this.safeValue),this.$emit("on-submit",this.$store.getters[`forms/${this.$parent.formName}/formData`])},focus(){this.focused=!0,this.onFieldFocus(),this.$emit("focus")},blur(){this.clampValue(),this.forceFocus&&this.$refs.input?this.$refs.input.focus():(this.focused=!1,this.onFieldBlur(),this.$emit("blur",this.safeValue))},setValue(e){this.inputValue=e},onIncrement(){var t;if(this.disabled)return;const e=(t=this.precision)!=null?t:x(this.step),i=parseFloat(this.inputValue)+parseFloat(this.step);typeof this.max=="number"&&i>this.max||(this.inputValue=Number(i.toFixed(e)),this.$emit("increment",this.inputValue))},onDecrement(){var t;if(this.disabled)return;const e=(t=this.precision)!=null?t:x(this.step),i=parseFloat(this.inputValue)-parseFloat(this.step);typeof this.min=="number"&&i<this.min||(this.inputValue=Number(i.toFixed(e)),this.$emit("decrement",this.inputValue))},clampValue(){this.inputValue=this.clampedValue},isTransparent:R}},Y=["id","value","readonly","type","inputmode","name","disabled","min","max","maxlength","step","autocomplete","aria-label","enterkeyhint"],Z=["for"],$={key:6,class:"input-message"},ee={key:7,class:"tml-input__suffix-container"},te={key:0,class:"tml-input__suffix"},ie={key:8,class:"tml-input__suffix-pinned"},ae={key:0,class:"loading"};function re(e,i,t,d,n,a){const o=E("font-awesome-icon"),c=E("tml-anchor");return l(),u("div",{class:m(["wrapper",{hidden:t.hidden,inactive:t.inactive}])},[h("div",{class:m(["field-wrapper fancy",{"fade-out":t.placeholderAnimation==="hide",occupied:!a.empty||t.suffix||!1,focused:n.focused,error:e.displayError,standalone:t.standalone,datepicker:["date","datetime-local"].includes(t.type)}]),style:g(a.internalStyles)},[t.numberIterator?(l(),u("a",{key:0,class:m(["number-iterator negative",{"cursor-default":t.disabled}]),href:"#",onClick:i[0]||(i[0]=y((...r)=>

1a.onDecrement&&a.onDecrement(...r),["prevent"]))},[f(o,{icon:n.faMinus},null,8,["icon"])],2)):s("",!0),t.colourPreview?(l(),u("div",{key:1,class:"colour-preview cursor-pointer",onClick:i[1]||(i[1]=r=>e.$emit("selected-colour",t.colourPreview))},[h("div",{style:g({"background-color":t.colourPreview}),class:m({"clear-col":a.isTransparent(e.inputValue)})},null,6)])):s("",!0),h("input",{id:e.elementId,ref:"input",value:e.inputValue,readonly:t.readOnly,type:a.getType,inputmode:t.inputMode,name:t.fieldName,disabled:t.disabled,min:t.min,max:t.max,maxlength:t.maxLength,step:t.snapToStep?t.step:null,autocomplete:a.autoCompleteValue,class:m(["w-full outline-none",{center:t.numberIterator||t.center,"has-left-icon":t.icon}]),style:g({paddingRight:t.rightIcon?"2.6em":void 0,maxHeight:t.maxHeight||void 0}),"aria-label":t.ariaLabel,enterkeyhint:t.enterkeyhint,onInput:i[2]||(i[2]=(...r)=>a.emitValue&&a.emitValue(...r)),onFocus:i[3]||(i[3]=(...r)=>a.focus&&a.focus(...r)),onBlur:i[4]||(i[4]=(...r)=>a.blur&&a.blur(...r)),onClick:i[5]||(i[5]=r=>e.$emit("click-input",r)),onKeyup:[i[6]||(i[6]=q((...r)=>a.submitForm&&a.submitForm(...r),["enter"])),i[7]||(i[7]=(...r)=>a.onKeyup&&a.onKeyup(...r))]},null,46,Y),t.icon?(l(),p(K(e.$listeners.leftIconClick?"tml-anchor":"div"),{key:2,href:"#",class:"left-icon absolute flex items-center h-full w-10 px-2",onClick:i[8]||(i[8]=r=>e.$listeners.leftIconClick?e.$emit("left-icon-click",r):e.$refs.input.focus())},{default:v(()=>[f(o,{icon:t.icon},null,8,["icon"])]),_:1})):s("",!0),t.numberIterator?(l(),u("a",{key:3,href:"#",class:m(["number-iterator positive",{"cursor-default":t.disabled}]),onClick:i[9]||(i[9]=y((...r)=>a.onIncrement&&a.onIncrement(...r),["prevent"]))},[f(o,{icon:n.faPlus},null,8,["icon"])],2)):s("",!0),t.submitButton?(l(),u("a",{key:4,class:"submit-button",href:"#",onClick:i[10]||(i[10]=y((...r)=>a.submitForm&&a.submitForm(...r),["prevent"]))},[f(o,{icon:n.faArrowRight},null,8,["icon"])])):s("",!0),t.showActionButton?(l(),u("a",{key:5,class:"submit-button",href:"#",onClick:i[11]||(i[11]=y(r=>e.$emit("on-action",r),["prevent"]))},[f(o,{icon:t.actionButtonIcon},null,8,["icon"])])):s("",!0),h("label",{for:e.elementId,class:"placeholder"},b(t.placeholder),9,Z),e.displayError?(l(),u("div",$,[h("span",null,b(e.displayError),1)])):s("",!0),t.suffix&&!t.suffixTrailingFixed?(l(),u("div",ee,[e.inputValue||e.inputValue===0?(l(),u("span",te,b(e.inputValue),1)):s("",!0),U(" "+b(t.suffix),1)])):t.suffix&&t.suffixTrailingFixed?(l(),u("div",ie,b(t.suffix),1)):s("",!0),H(e.$slots,"right-icon",{},()=>[t.rightIcon&&!t.loading?(l(),p(c,{key:0,class:"right-icon cursor-pointer",style:g({right:t.showClear?"2.5em":"0"}),onClick:i[12]||(i[12]=r=>e.$emit("right-icon-click",r))},{default:v(()=>[f(o,{icon:t.rightIcon},null,8,["icon"])]),_:1},8,["style"])):s("",!0),t.showClear?(l(),p(c,{key:1,class:"clear-button flex relative justify-center items-center cursor-pointer",onClick:i[13]||(i[13]=r=>{e.$emit("input",t.valueAfterCleared),e.$emit("new-input",t.valueAfterCleared),e.$emit("cleared")})},{default:v(()=>[f(o,{icon:t.clearIcon},null,8,["icon"])]),_:1})):s("",!0)],!0),t.type=="password"&&!t.rightIcon?(l(),u("div",{key:9,class:m(["password-visible",n.focused&&!a.isIos?"shift-on-safari":""]),onClick:i[14]||(i[14]=y(r=>n.passwordVisible=!n.passwordVisible,["stop"]))},[n.passwordVisible?(l(),p(o,{key:0,icon:n.faEye},null,8,["icon"])):s("",!0),n.passwordVisible?s("",!0):(l(),p(o,{key:1,icon:n.faEyeSlash},null,8,["icon"]))],2)):s("",!0),f(_,{name:"fade"},{default:v(()=>[t.loading?(l(),u("div",ae,[f(o,{icon:n.faCircleNotch},null,8,["icon"])])):s("",!0)]),_:1})],6)],2)}const he=N(J,[["render",re],["__scopeId","data-v-90925dc3"]]);export{he as default};
2//# sourceMappingURL=TmlInput.12712b46.js.map