this.BX=this.BX||{};this.BX.Im=this.BX.Im||{};this.BX.Im.V2=this.BX.Im.V2||{};(function(t,e){"use strict";const a={name:"Checkbox",emits:["changeData"],props:{fieldValue:{type:Boolean,required:true},fieldMetadata:{type:Object,required:true}},template:`\n\t\t<input\n\t\t\ttype="checkbox"\n\t\t\t:checked=fieldValue\n\t\t\t:id="fieldMetadata.id"\n\t\t\tclass="bx-im-form-view__field_checkbox"\n\t\t\t@change="(event) => {\n\t\t\t\tthis.$emit('changeData', event.target.checked);\n\t\t\t}"\n\t\t/>\n\t\t<label\n\t\t\tclass="bx-im-form-view__field_label"\n\t\t\t:for="fieldMetadata.id"\n\t\t>\n\t\t\t{{fieldMetadata.label}}\n\t\t</label>\n\t`};const n={name:"Select",components:{Dropdown:e.Dropdown},emits:["changeData"],props:{fieldValue:{type:String,required:true},fieldMetadata:{type:Object,required:true}},template:`\n\t\t<label class="bx-im-form-view__field_label">\n\t\t\t{{fieldMetadata.label}}\n\t\t</label>\n\t\t<Dropdown\n\t\t\tclass="bx-im-form-view__field_select"\n\t\t\t:id="fieldMetadata.id"\n\t\t\t:items="fieldMetadata.options"\n\t\t\t@itemChange="(event) => {\n\t\t\t\tthis.$emit('changeData', event);\n\t\t\t}"\n\t\t/>\n\t`};const o={name:"FormView",components:{Checkbox:a,Select:n},emits:["changeData"],props:{sections:{type:Object,default:{}},formMetadata:{type:Object,required:true},formData:{type:Object,required:true},order:{type:Array,default:[]}},computed:{formatters(){return{boolean:a,select:n}},propsInSection(){const t=Object.keys(this.sections);const e=Object.keys(this.formMetadata);return t.reduce(((t,a)=>{const n=e.filter((t=>this.formMetadata[t].section===a));return{...t,[a]:n}}),{})}},methods:{changeData(t,e){const a=this.formData[t];const n={propName:t,oldValue:a,newValue:e};this.$emit("changeData",n)}},template:`\n\t\t<div class="bx-im-form-view__scope">\n\t\t\t<template v-for="orderItem in order">\n\t\t\t\t<template v-if="sections[orderItem]">\n\t\t\t\t\t<div class="bx-im-form-view__section" :key="orderItem">\n\t\t\t\t\t\t<p class="bx-im-form-view__section_title">\n\t\t\t\t\t\t\t{{sections[orderItem]}}\n\t\t\t\t\t\t</p>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tv-for="propName in propsInSection[orderItem]"\n\t\t\t\t\t\t\tclass="bx-im-form-view__field"\n\t\t\t\t\t\t\t:key="orderItem + '-' + propName"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Component\n\t\t\t\t\t\t\t\t:is="formatters[formMetadata[propName].type]"\n\t\t\t\t\t\t\t\t:fieldMetadata="formMetadata[propName]"\n\t\t\t\t\t\t\t\t:fieldValue="formData[propName]"\n\t\t\t\t\t\t\t\t@changeData="(event) => changeData(propName, event)"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</template>\n\t\t\t\t<div v-else class="bx-im-form-view__field" :key="orderItem">\n\t\t\t\t\t<Component\n\t\t\t\t\t\t:is="formatters[formMetadata[orderItem].type]"\n\t\t\t\t\t\t:fieldMetadata="formMetadata[orderItem]"\n\t\t\t\t\t\t:fieldValue="formData[orderItem]"\n\t\t\t\t\t\t@changeData="(event) => changeData(orderItem, event)"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</template>\n\t\t</div>\n\t`};t.FormView=o})(this.BX.Im.V2.Component=this.BX.Im.V2.Component||{},BX.Messenger.v2.Component.Elements);
//# sourceMappingURL=form-view.bundle.map.js