@appscode/ui-builder/dist/KeyValueInput-2d93e526.js

## Motivation

import{n as e}from"./wrapper-5d451278.js";import"vue";import"./es.array.concat-bc6da240.js";import"./index-ba66ec6f.js";import"./web.dom-collections.iterator-98113e95.js";import"./set-to-string-tag-edc1b53a.js";import"./object-set-prototype-of-866dfe15.js";import{_ as t,r as a}from"./stickyContent-c27d9838.js";import"./index-f7c726f7.js";import"./es.function.name-b20a5f0c.js";import"./SingleStepForm-e4a2064c.js";import{v as r}from"./FormElement-3679b8af.js";import{f as n}from"./focus-input-mixins-c2d95e30.js";var i=e({render:function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("validation-observer",{ref:""+e.$ubt(e.labelText).replace(/ /g,"-"),staticClass:"key-value-save",attrs:{disabled:e.disabledValidation,slim:""}},[a("validation-provider",{attrs:{rules:e.required?"required":"",name:e.$ubt(e.keysLabelText),slim:""},scopedSlots:e._u([{key:"default",fn:function(t){var r=t.errors;return[a("ub-simple-input",{attrs:{"ac-single-input-custom-class":"",label:e.ui.keys.label,disabled:e.disabled,required:e.required,errors:r},on:{focus:e.onFocusInput,focusout:e.onFocusOutInput},model:{value:e.newKey,callback:function(t){e.newKey=t},expression:"newKey"}})]}}])}),e._v(" "),a("validation-provider",{attrs:{rules:e.required?"required":"",name:e.$ubt(e.valuesLabelText),slim:""},scopedSlots:e._u([{key:"default",fn:function(t){var r=t.errors;return[a("ub-simple-input",{attrs:{"ac-single-input-custom-class":"",label:e.ui.values.label,disabled:e.disabled,required:e.required,errors:r},on:{focus:e.onFocusInput,focusout:e.onFocusOutInput},model:{value:e.newValue,callback:function(t){e.newValue=t},expression:"newValue"}})]}}])}),e._v(" "),a("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)}}},[a("i",{staticClass:"fa fa-floppy-o",attrs:{"aria-hidden":"true"}})])],1)},staticRenderFns:[]},void 0,{name:"ub-key-value-input",mixins:[r,n],components:{UbSimpleInput:function(){return import("./SimpleInput-c2395e0b.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(a.mark((function t(){var r;return a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return r="".concat(e.$ubt(e.labelText).replace(/ /g,"-")),t.next=3,e.$refs[r].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()}}),t)})))()}}},void 0,!1,void 0,!1,void 0,void 0,void 0);export default i;