UNPKG

@appscode/ui-builder

Version:
1 lines 2.17 kB
import{n as s}from"./wrapper-5d451278.js";import"vue";import"./index-ba66ec6f.js";import{_ as e}from"./star-icon-1bdb79a1.js";import"./web.immediate-b3534d9e.js";import{f as t}from"./form-element-mixins-3a58edb9.js";import{d as i}from"./data-function-mixins-f9cb6d20.js";var a=s({render:function(){var s=this,t=s.$createElement,i=s._self._c||t;return i("div",{staticClass:"ac-single-input is-small",class:[s.acSingleInputCustomClass,s.disabled||s.isValueEmitting?"is-disable":""]},[i("label",{staticClass:"ac-label",class:{"show-label":s.isLabelHoisted,"is-required":s.required},on:{click:function(e){return e.preventDefault(),s.onClickLabel(e)}}},[s._v("\n "+s._s(s.$ubt(s.labelText))+"\n "),s._v(" "),s.required?i("span",{staticClass:"is-required"},[i("img",{attrs:{src:e,alt:""}})]):s._e()]),s._v(" "),i("input",{ref:"ub-input",staticClass:"ac-input",class:{"focus-visible bg-white":s.isLabelHoisted},attrs:{type:"password"===s.type?s.setPasswordVisible?"text":"password":s.type,disabled:s.disabled||s.isValueEmitting},domProps:{value:s.modelValue},on:{change:function(e){return s.modelValue=e.target.value},focus:s.onFocusInput,focusout:s.onFocusOutInput}}),s._v(" "),"password"===s.type?i("span",{staticClass:"eye",on:{click:s.toggleVisibility}},[i("i",{staticClass:"fa fa-eye",attrs:{"aria-hidden":"true"}})]):s._e(),s._v(" "),i("info-button",{attrs:{label:s.labelText,schema:s.schema}}),s._v(" "),i("p",{directives:[{name:"show",rawName:"v-show",value:s.errors.length,expression:"errors.length"}],staticClass:"is-error"},[i("i",{staticClass:"fa fa-exclamation-triangle",attrs:{"aria-hidden":"true"}}),s._v("\n "+s._s(s.errors[0])+"\n ")])],1)},staticRenderFns:[]},void 0,{name:"ub-simple-input",mixins:[t,i],props:{acSingleInputCustomClass:{type:String,default:"mb-20"}},data:function(){return{setPasswordVisible:!1}},methods:{onClickLabel:function(){this.$refs["ub-input"].focus()},toggleVisibility:function(){this.setPasswordVisible=!this.setPasswordVisible}},watch:{modelValue:{immediate:!0,handler:function(s){(s||"number"===this.type&&"number"==typeof s)&&(this.isLabelHoisted=!0)}}}},void 0,!1,void 0,!1,void 0,void 0,void 0);export default a;