@appscode/ui-builder/dist/ListInputForm-879900a0.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"),i=require("./data-function-mixins-ba51d46e.js"),s=require("./individual-item-disablity-check-6865e0e8.js"),a=require("./edit-icon-0254a06e.js"),n=require("./trash-icon-c5dcaf9a.js"),l={name:"ub-list-input-form",components:{UbListInput:function(){return Promise.resolve().then((function(){return require("./ListInput-7603f48a.js")})).then((function(e){return e.default}))},UbLabelElement:function(){return Promise.resolve().then((function(){return require("./LabelElement-87e1ef84.js")})).then((function(e){return e.default}))}},mixins:[i.d,s.i],props:{label:{type:Object,default:function(){return{}}},ui:{type:Object,default:function(){return{}}},schema:{type:Object,default:function(){return{}}},wholeSchema:{type:Object,default:function(){return{}}},value:{type:null,default:function(){return[]}},disabled:{type:Boolean,default:!1},labelType:{type:Object,default:function(){return{}}},required:{type:Boolean,default:!1},errors:{type:Array,default:function(){return[]}}},data:function(){return{modelValue:[],newItem:"",updatePass:0,isSavingNewElement:!1,editFieldIdx:""}},computed:{schemaRef:function(){return this.ui.schema.$ref||""},showNewValueField:function(){return 0===this.modelValue.length||this.isSavingNewElement},isShowingEditableField:function(){return this.showNewValueField||""!==this.editFieldIdx},labelText:function(){return this.label.text||"label"},individualItemsArray:function(){return this.modelValue||[]}},created:function(){this.modelValue=Array.isArray(this.value)?this.value:[]},watch:{modelValue:{deep:!0,handler:function(e){this.$emit("input",e)}}},methods:{saveItem:function(e){var i=this;return t._(t.r.mark((function s(){return t.r.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:try{i.modelValue||(i.modelValue=[]),e.isUpdate?i.$set(i.modelValue,i.editFieldIdx,e.newItem):i.modelValue.push(e.newItem),i.resetAllData()}catch(e){i.$toasted.error(e)}case 1:case"end":return t.stop()}}),s)})))()},onEditClick:function(e){this.resetAllData(),this.newItem=this.modelValue[e],this.editFieldIdx=e},deleteItem:function(e){this.$delete(this.modelValue,e),this.updatePass+=1,this.resetAllData()},resetAllData:function(){this.newItem="",this.isSavingNewElement=!1,this.editFieldIdx=""}}},r=e.n({render:function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("div",[Object.keys(e.label).length?i("ub-label-element",{attrs:{label:Object.assign({},e.label,{isSubsection:!0}),schema:e.schema,"is-required":e.required,errors:e.errors}}):e._e(),e._ssrNode(" "),e._l(e.modelValue,(function(t,s){return e._ssrNode("<div"+e._ssrClass(null,["ac-final-state",e.isShowingEditableField||0!==s?"":"is-flex is-align-items-center is-justify-content-space-between",e.editFieldIdx===s?"mb-0":"mb-15"])+">","</div>",[e.editFieldIdx!==s?e._ssrNode('<div class="state-left is-flex is-align-items-center">',"</div>",[e._ssrNode('<span class="circle-list-shape"></span> <h6 class="is-small">'+e._ssrEscape(e._s(t))+'</h6> <button title="Edit"'+e._ssrAttr("disabled",e.individualItemDisabilityVerdict[s]||e.disabled||e.showNewValueField)+e._ssrClass("button ac-button is-transparent icon",{"is-disabled":e.individualItemDisabilityVerdict[s]||e.disabled||e.showNewValueField})+"><img"+e._ssrAttr("src",a._)+' alt></button> <button title="Delete"'+e._ssrAttr("disabled",e.individualItemDisabilityVerdict[s]||e.disabled||e.showNewValueField)+e._ssrClass("button ac-button is-transparent icon",{"is-disabled":e.individualItemDisabilityVerdict[s]||e.disabled||e.showNewValueField})+"><img"+e._ssrAttr("src",n._)+' alt="delete-icon"></button>')],2):i("ub-list-input",{attrs:{label:e.label,ui:e.ui,disabled:e.disabled,"is-update":!0,required:!0},on:{save:e.saveItem},model:{value:e.newItem,callback:function(t){e.newItem=t},expression:"newItem"}}),e._ssrNode(' <div class="state-right">'+(0!==s||e.isShowingEditableField||e.disabled?"\x3c!----\x3e":'<button class="button ac-button is-transparent is-primary is-small is-hovered-underline">'+e._ssrEscape("\n        + "+e._s(e.$ubt("buttons.add_new"))+"\n      ")+"</button>")+"</div>")],2)})),e._ssrNode(" "),e.showNewValueField?i("ub-list-input",{attrs:{label:e.label,ui:e.ui,"disabled-validation":!0,disabled:e.disabled,"is-update":!1,required:!0},on:{save:e.saveItem},model:{value:e.newItem,callback:function(t){e.newItem=t},expression:"newItem"}}):e._e()],2)},staticRenderFns:[]},void 0,l,void 0,!1,"data-v-2e266534",!1,void 0,void 0,void 0);exports.default=r;