{"version":3,"file":"detail-view-content-element-base-ccc2f45b.js","sources":["../../../app/javascript/formability/modelViews/components/detail-view-content-element-base.vue","../../../app/javascript/formability/modelViews/components/detail-view-content-element-base.vue?vue&type=template&lang.js"],"sourcesContent":["<template>\n  <div v-if=\"!elementIsHidden\"\n       :data-id=\"contentElement.client_id\"\n       :data-type=\"contentElement.content_type\"\n       :class=\"[contentElementClasses]\"\n       class=\"fds\"\n  >\n    <slot-array v-if=\"shouldShowLabel\" :length=\"8\">\n      <template :slot=\"1\">\n        <column>\n          <component :is=\"contentElement.labelTag\" :class=\"contentElement.labelClass\">\n            {{contentElement.label_title}}\n            <help-tooltip v-if=\"contentElement.help_text\"\n                          :text=\"contentElement.help_text\"\n                          :key=\"`${contentElement.client_id}-${contentElement.help_text}`\"></help-tooltip>\n          </component>\n        </column>\n      </template>\n      <template :slot=\"2\">\n\n      </template>\n    </slot-array>\n    <component\n      v-if=\"getComponentByType(contentElement.content_type)\"\n      :is=\"getComponentByType(contentElement.content_type)\"\n      :content-element=\"contentElement\"\n      :entry=\"entry\"\n      :is-in-edit-mode=\"isInEditMode\"\n      :showingAllAttachments=\"showingAllAttachments\"\n      :key=\"contentElement.client_id\">\n    </component>\n    <slot-array :length=\"1\">\n      <template :slot=\"1\">\n\n\n      </template>\n    </slot-array>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport Vue from \"vue\";\nimport {Hash} from \"~/interfaces/hashInterfaces\";\nimport DetailViewContentElementDefinition from \"~/models/detailView/elements/detailViewContentElementDefinition\";\nimport {DetailViewContentElementType} from \"~/enums/detailViews/detailViewContentElementType\";\nimport SlotArray from \"~/components/layouts/slotArray.vue\";\nimport DetailViewContentElementHeader from \"./detail-view-content-element-header.vue\"\nimport DetailViewContentElementPageTitle from \"./detail-view-content-element-page-title.vue\"\nimport DetailViewContentElementActions from \"./detail-view-content-element-actions.vue\"\nimport DetailViewContentElementPageSubtitle from \"./detail-view-content-element-page-subtitle.vue\"\nimport DetailViewContentElementModelProperty from \"./detail-view-content-element-model-property.vue\"\nimport DetailViewContentElementHeading from \"./detail-view-content-element-heading.vue\"\nimport DetailViewContentElementSubheading from \"./detail-view-content-element-subheading.vue\"\nimport DetailViewContentElementTextArea from \"./detail-view-content-element-text-area.vue\"\nimport DetailViewContentElementDivider from \"./detail-view-content-element-divider.vue\"\nimport DetailViewContentElementRelatedObject from \"./detail-view-content-element-related-object.vue\";\nimport DetailViewContentElementModelHistory from \"./detail-view-content-element-model-history.vue\"\nimport DetailViewContentElementFileProperty from \"./detail-view-content-element-file-property.vue\";\nimport DetailViewContentElementRelationSection from \"./detail-view-content-element-relation-section.vue\";\nimport DetailViewContentElementDocumentLink from \"./detail-view-content-element-document-link.vue\";\nimport DetailViewContentElementFormList from \"./detail-view-content-element-form-list.vue\";\nimport DetailViewContentElement from \"~/models/detailView/elements/detailViewContentElement\";\nimport LayoutElementGrid from \"./layout-element-grid.vue\"\nimport ObjectModelEntry from \"~/models/objectModelEntries/objectModelEntry\";\nimport HelpText from \"~/components/helpText.vue\"\nimport {DetailViewContentElementCapability} from \"~/models/detailView/elements/detailViewContentElementCapability\";\nimport DetailViewEditElementBase from \"./detail-view-edit-element-base.vue\"\nimport ObjectModelConditionalRuleEvaluator from \"~/models/objectModels/objectModelConditionalRuleEvaluator\";\nexport default Vue.extend({\n    name: \"detail-view-content-element-base\",\n    mixins: [],\n    components: {\n      'page-header': DetailViewContentElementHeader,\n      'page-title': DetailViewContentElementPageTitle,\n      'actions': DetailViewContentElementActions,\n      'page-subtitle': DetailViewContentElementPageSubtitle,\n      'model-property': DetailViewContentElementModelProperty,\n      'heading': DetailViewContentElementHeading,\n      'subheading': DetailViewContentElementSubheading,\n      'text-area': DetailViewContentElementTextArea,\n      'divider': DetailViewContentElementDivider,\n      'related-object': DetailViewContentElementRelatedObject,\n      'grid': LayoutElementGrid,\n      'stack': LayoutElementGrid,\n      'document-link': DetailViewContentElementDocumentLink,\n      'model-history': DetailViewContentElementModelHistory,\n      'form-list': DetailViewContentElementFormList,\n      'file-property': DetailViewContentElementFileProperty,\n      'relation-section': DetailViewContentElementRelationSection,\n      \"detail-view-edit-element-base\": DetailViewEditElementBase,\n      SlotArray,\n      HelpText\n    },\n    props: {\n      contentElement: {\n        type: DetailViewContentElement\n      },\n      isInEditMode: {\n        type: Boolean,\n        default: false\n      },\n      entry: {\n        type: ObjectModelEntry\n      },\n      showingAllAttachments: {\n        type: Boolean,\n        default: false\n      }\n    },\n    data: function () {\n      return {\n        DetailViewContentElementCapability\n      }\n    },\n    computed: {\n      contentElementClasses(): Hash<boolean> {\n        return {\n          'dv-content-element': !this.disabled,\n          [this.getComponentClass(this.contentElement.content_type)]: true,\n        };\n      },\n      elementIsHidden(): boolean {\n        // When in normal display mode, we rely on the backend to calculate which elements are hidden, because not all\n        // property values may be sent to the frontend so we may not be able to calculate it correctly. But, in edit mode,\n        // elements are expected to appear/disappear as values are edited and the conditional rules result changes.\n        if (this.isInEditMode) {\n          if (!this.entry) return false;\n          const visible = ObjectModelConditionalRuleEvaluator.evaluate(this.entry, this.contentElement, 'visible');\n          return !visible;\n        } else {\n          return this.entry?.view_data?.hidden_element_client_ids?.includes(this.contentElement.client_id);\n        }\n      },\n      shouldShowLabel(): boolean {\n        return this.contentElement.can(DetailViewContentElementCapability.labelable);\n      },\n    },\n    methods: {\n      getComponentByType(contentType: DetailViewContentElementType): string {\n        return DetailViewContentElementDefinition.getComponent(contentType);\n      },\n      getComponentClass(contentType: DetailViewContentElementType): string {\n        return DetailViewContentElementDefinition.getComponentClass(contentType);\n      },\n    },\n  });\n</script>","\n<div v-if=\"!elementIsHidden\"\n     :data-id=\"contentElement.client_id\"\n     :data-type=\"contentElement.content_type\"\n     :class=\"[contentElementClasses]\"\n     class=\"fds\"\n>\n  <slot-array v-if=\"shouldShowLabel\" :length=\"8\">\n    <template :slot=\"1\">\n      <column>\n        <component :is=\"contentElement.labelTag\" :class=\"contentElement.labelClass\">\n          {{contentElement.label_title}}\n          <help-tooltip v-if=\"contentElement.help_text\"\n                        :text=\"contentElement.help_text\"\n                        :key=\"`${contentElement.client_id}-${contentElement.help_text}`\"></help-tooltip>\n        </component>\n      </column>\n    </template>\n    <template :slot=\"2\">\n\n    </template>\n  </slot-array>\n  <component\n    v-if=\"getComponentByType(contentElement.content_type)\"\n    :is=\"getComponentByType(contentElement.content_type)\"\n    :content-element=\"contentElement\"\n    :entry=\"entry\"\n    :is-in-edit-mode=\"isInEditMode\"\n    :showingAllAttachments=\"showingAllAttachments\"\n    :key=\"contentElement.client_id\">\n  </component>\n  <slot-array :length=\"1\">\n    <template :slot=\"1\">\n\n\n    </template>\n  </slot-array>\n</div>\n"],"names":["__vue2_script","Vue","extend","name","mixins","components","DetailViewContentElementHeader","DetailViewContentElementPageTitle","actions","DetailViewContentElementActions","DetailViewContentElementPageSubtitle","DetailViewContentElementModelProperty","heading","DetailViewContentElementHeading","subheading","DetailViewContentElementSubheading","DetailViewContentElementTextArea","divider","DetailViewContentElementDivider","DetailViewContentElementRelatedObject","grid","LayoutElementGrid","stack","DetailViewContentElementDocumentLink","DetailViewContentElementModelHistory","DetailViewContentElementFormList","DetailViewContentElementFileProperty","DetailViewContentElementRelationSection","DetailViewEditElementBase","SlotArray","HelpText","props","contentElement","type","DetailViewContentElement","isInEditMode","Boolean","default","entry","ObjectModelEntry","showingAllAttachments","data","DetailViewContentElementCapability","computed","contentElementClasses","this","disabled","getComponentClass","content_type","elementIsHidden","ObjectModelConditionalRuleEvaluator","evaluate","_c","_b","_a","view_data","hidden_element_client_ids","includes","client_id","shouldShowLabel","can","labelable","methods","getComponentByType","contentType","DetailViewContentElementDefinition","getComponent","_vm","_h","$createElement","_self","_e","staticClass","class","attrs","length","slot","labelTag","tag","labelClass","_v","_s","label_title","help_text","key","text"],"mappings":"usHAoEA,MAAAA,EAAAC,EAAAC,OAAA,CACAC,KAAA,mCACAC,OAAA,GACAC,WAAA,CACA,cAAAC,EACA,aAAAC,EACAC,QAAAC,EACA,gBAAAC,EACA,iBAAAC,EACAC,QAAAC,EACAC,WAAAC,EACA,YAAAC,EACAC,QAAAC,EACA,iBAAAC,EACAC,KAAAC,EACAC,MAAAD,EACA,gBAAAE,EACA,gBAAAC,EACA,YAAAC,EACA,gBAAAC,EACA,mBAAAC,EACA,gCAAAC,EACAC,YACAC,YAEAC,MAAA,CACAC,eAAA,CACAC,KAAAC,GAEAC,aAAA,CACAF,KAAAG,QACAC,SAAA,GAEAC,MAAA,CACAL,KAAAM,GAEAC,sBAAA,CACAP,KAAAG,QACAC,SAAA,IAGAI,KAAA,WACA,MAAA,CACAC,qCAEA,EACAC,SAAA,CACAC,wBACA,MAAA,CACA,sBAAAC,KAAAC,SACA,CAAAD,KAAAE,kBAAAF,KAAAb,eAAAgB,gBAAA,EAEA,EACAC,4BAIA,GAAAJ,KAAAV,aAAA,CACA,IAAAU,KAAAP,MAAA,OAAA,EAEA,OADAY,EAAAC,SAAAN,KAAAP,MAAAO,KAAAb,eAAA,UACA,CAEA,OAAA,OAAAoB,EAAA,OAAAC,EAAA,OAAAC,EAAAT,KAAAP,YAAA,EAAAgB,EAAAC,oBAAAC,gCAAA,EAAAJ,EAAAK,SAAAZ,KAAAb,eAAA0B,UAEA,EACAC,kBACA,OAAAd,KAAAb,eAAA4B,IAAAlB,EAAAmB,UACA,GAEAC,QAAA,CACAC,mBAAAC,GACAC,EAAAC,aAAAF,GAEAjB,kBAAAiB,GACAC,EAAAlB,kBAAAiB,4BC9Ia,WACX,IAAIG,EAAItB,KACJuB,EAAGD,EAAIE,eACPjB,EAAGe,EAAIG,MAAMlB,IAAIgB,EAErB,OAAQD,EAAIlB,gBAsCGkB,EAAII,KAtCWnB,EAAG,MAAO,CACtCoB,YAAa,MACbC,MAAO,CAACN,EAAIvB,uBACZ8B,MAAO,CACL,UAAWP,EAAInC,eAAe0B,UAC9B,YAAaS,EAAInC,eAAegB,eAEjC,CAACmB,EAAIR,gBAAkBP,EAAG,aAAc,CACzCsB,MAAO,CACLC,OAAU,IAEX,CAACvB,EAAG,WAAY,CACjBwB,KAAM,GACL,CAACxB,EAAG,SAAU,CAACA,EAAGe,EAAInC,eAAe6C,SAAU,CAChDC,IAAK,YACLL,MAAON,EAAInC,eAAe+C,YACzB,CAACZ,EAAIa,GAAG,IAAMb,EAAIc,GAAGd,EAAInC,eAAekD,aAAe,KAAMf,EAAInC,eAAemD,UAAY/B,EAAG,eAAgB,CAChHgC,IAAK,GAAGjB,EAAInC,eAAe0B,aAAaS,EAAInC,eAAemD,YAC3DT,MAAO,CACLW,KAAQlB,EAAInC,eAAemD,aAE1BhB,EAAII,MAAO,IAAK,IAAK,GAAInB,EAAG,WAAY,CAC3CwB,KAAM,KACH,GAAKT,EAAII,KAAMJ,EAAIJ,mBAAmBI,EAAInC,eAAegB,cAAgBI,EAAGe,EAAIJ,mBAAmBI,EAAInC,eAAegB,cAAe,CACxIoC,IAAKjB,EAAInC,eAAe0B,UACxBoB,IAAK,YACLJ,MAAO,CACL,kBAAmBP,EAAInC,eACvBM,MAAS6B,EAAI7B,MACb,kBAAmB6B,EAAIhC,aACvBK,sBAAyB2B,EAAI3B,yBAE5B2B,EAAII,KAAMnB,EAAG,aAAc,CAC9BsB,MAAO,CACLC,OAAU,IAEX,CAACvB,EAAG,WAAY,CACjBwB,KAAM,KACH,IAAK,EACZ,GACsB"}