@appscode/ui-builder/dist/KeyValueInput-fd8677d6.js

## Motivation

"use strict";var e=require("./wrapper-944ca3a6.js");require("vue"),require("./es.array.concat-5462e385.js"),require("./index-cc93bc29.js"),require("./web.dom-collections.iterator-4a73d869.js"),require("./set-to-string-tag-4a66b282.js"),require("./object-set-prototype-of-f804d831.js");var t=require("./stickyContent-fa0d230c.js");require("./index-80081729.js"),require("./es.function.name-3ad8052c.js"),require("./SingleStepForm-3a723b1b.js");var r=require("./FormElement-d08d9261.js"),a=require("./focus-input-mixins-42215fc2.js"),u={name:"ub-key-value-input",mixins:[r.v,a.f],components:{UbSimpleInput:function(){return Promise.resolve().then((function(){return require("./SimpleInput-a939f9c8.js")})).then((function(e){return e.default}))}},data:function(){return{oldKey:"",oldValue:"",newKey:"",newValue:""}},props:{label:{type:Object,default:function(){return{}}},propKey:{type:String,default:""},propValue:{type:String,default:""},required:{type:Boolean,default:!1},ui:{type:Object,default:function(){return{}}},disabled:{type:Boolean,default:!1},disabledValidation:{type:Boolean,default:!1},isUpdate:{type:Boolean,default:!1}},computed:{labelText:function(){return this.label.text||"label"},keysLabelText:function(){var e,t;return(null===(e=this.ui.keys)||void 0===e||null===(t=e.label)||void 0===t?void 0:t.text)||"label"},valuesLabelText:function(){var e,t;return(null===(e=this.ui.values)||void 0===e||null===(t=e.label)||void 0===t?void 0:t.text)||"label"}},mounted:function(){this.oldKey=this.propKey,this.oldValue=this.propValue,this.newKey=this.propKey,this.newValue=this.propValue},methods:{saveProperty:function(){var e=this;return t._(t.r.mark((function r(){var a;return t.r.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return a="".concat(e.$ubt(e.labelText).replace(/ /g,"-")),t.next=3,e.$refs[a].validate();case 3:t.sent&&e.$emit("save",{oldKey:e.oldKey,oldValue:e.oldValue,newKey:e.newKey,newValue:e.newValue,isUpdate:e.isUpdate});case 5:case"end":return t.stop()}}),r)})))()}}},n=e.n({render:function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("validation-observer",{ref:""+e.$ubt(e.labelText).replace(/ /g,"-"),staticClass:"key-value-save",attrs:{disabled:e.disabledValidation,slim:""}},[r("validation-provider",{attrs:{rules:e.required?"required":"",name:e.$ubt(e.keysLabelText),slim:""},scopedSlots:e._u([{key:"default",fn:function(t){var a=t.errors;return[r("ub-simple-input",{attrs:{"ac-single-input-custom-class":"",label:e.ui.keys.label,disabled:e.disabled,required:e.required,errors:a},on:{focus:e.onFocusInput,focusout:e.onFocusOutInput},model:{value:e.newKey,callback:function(t){e.newKey=t},expression:"newKey"}})]}}])}),e._v(" "),r("validation-provider",{attrs:{rules:e.required?"required":"",name:e.$ubt(e.valuesLabelText),slim:""},scopedSlots:e._u([{key:"default",fn:function(t){var a=t.errors;return[r("ub-simple-input",{attrs:{"ac-single-input-custom-class":"",label:e.ui.values.label,disabled:e.disabled,required:e.required,errors:a},on:{focus:e.onFocusInput,focusout:e.onFocusOutInput},model:{value:e.newValue,callback:function(t){e.newValue=t},expression:"newValue"}})]}}])}),e._v(" "),r("button",{staticClass:"button ac-button is-small is-square is-outlined-gray is-transparent",class:{"is-primary":e.isInputInFocus},attrs:{disabled:e.disabled},on:{click:function(t){return t.preventDefault(),e.saveProperty(t)}}},[r("i",{staticClass:"fa fa-floppy-o",attrs:{"aria-hidden":"true"}})])],1)},staticRenderFns:[]},void 0,u,void 0,!1,"data-v-3cc4dd72",!1,void 0,void 0,void 0);exports.default=n;