{"version":3,"file":"detail-view-content-element-header-8f71c513.js","sources":["../../../app/javascript/formability/modelViews/components/detail-view-content-element-header.vue","../../../app/javascript/formability/modelViews/components/detail-view-content-element-header.vue?vue&type=template&lang.js"],"sourcesContent":["<template>\n  <div>\n\n    <div class=\"submission-details\">\n      <div class=\"container\">\n        <div :class=\"showActions ? 'row' : ''\">\n          <div :class=\"pageTitleClass\">\n            <suffix v-if=\"$feature.isOn('see_underlying_properties')\" >\n              <button class=\"btn-icon blue\" @click=\"showSeeUnderlyingPropertiesModal\">\n                <icon class=\"inspection\"></icon>\n                <span class=\"sr-only\">See Underling Properties</span>\n              </button>\n            </suffix>\n            <underlying-properties-modal\n              @toggle-modal=\"hideModal(vueModalID.seeUnderlyingProperties)\"\n              :object-model-entry=\"selectedObjectModelEntry\"\n              :object-model=\"selectedDetailView.objectModel\"\n              v-if=\"modalStateFor(vueModalID.seeUnderlyingProperties).isVisible\"\n              :state=\"modalStateFor(vueModalID.seeUnderlyingProperties)\"\n              :index=\"vueModalID.seeUnderlyingProperties\"\n            ></underlying-properties-modal>\n            <detail-view-content-element-base\n              :content-element=\"pageTitleElement\"\n              :object-model-entry=\"entry\"\n            ></detail-view-content-element-base>\n          </div>\n          <div class=\"col-12 col-md-3\" v-if=\"showActions\">\n            <detail-view-content-element-base\n              :content-element=\"actionsElement\"\n              :is-in-edit-mode=\"isInEditMode\"\n              :object-model-entry=\"entry\"\n            ></detail-view-content-element-base>\n          </div>\n\n        </div>\n        <div>\n          <detail-view-content-element-base v-if=\"pageSubTitleElement.label_title\"\n                                            :content-element=\"pageSubTitleElement\"\n                                            :object-model-entry=\"entry\"\n          ></detail-view-content-element-base>\n        </div>\n        <div v-for=\"modelProperty in additionalPropertyElements\" class=\"inline-parent\">\n          <detail-view-content-element-base\n            :content-element=\"modelProperty\"\n            :object-model-entry=\"entry\"\n          ></detail-view-content-element-base>\n        </div>\n\n        <tab-container\n          v-if=\"hasTabs\"\n          :is-in-edit-mode=\"isInEditMode\"\n        ></tab-container>\n        <a v-if=\"showReturnToDetailViewLink\" :href=\"returnToDetailViewLink\" class=\"btn-link\">\n          <icon glyph=\"arrow-chevron\" direction=\"left\" tag=\"small\" aria-hidden=\"true\"></icon>\n          Return\n        </a>\n      </div>\n    </div>\n  </div>\n</template>\n<script lang=\"ts\">\n  import Vue from \"vue\";\n  import selectedMixin from \"../mixins/selectedMixin\";\n  import DetailViewLayoutElementTabContainer from \"./detail-view-layout-element-tab-container.vue\"\n  import {mapState} from \"vuex\";\n  import {DetailViewMode} from \"../enums/detailViewMode\";\n  import ContentElementComponent from \"./content-element-component.vue\";\n  import UnderlyingPropertiesModal from \"~/components/experimental/see-underlying-properties-modal.vue\"\n  import isOneStop from \"~/mixins/isOneStop\";\n  import {RouteHelper} from \"~/helpers/routeHelper\";\n  import {Route} from \"~/enums/route\";\n  import breadcrumbMixin from \"../mixins/breadcrumbMixin\";\n  export default Vue.extend({\n    extends: ContentElementComponent,\n    mixins: [selectedMixin, isOneStop, breadcrumbMixin],\n    components: {\n      'tab-container': DetailViewLayoutElementTabContainer,\n      UnderlyingPropertiesModal\n    },\n    props: {\n      hideTabs: {\n        type: Boolean,\n        default: false\n      },\n    },\n    methods:{\n      showSeeUnderlyingPropertiesModal(){\n        this.showModal(this.vueModalID.seeUnderlyingProperties)\n      }\n    },\n    computed: {\n      objectModel() {\n        return this.selectedDetailView.object_model\n      },\n      pageTitleClass() {\n        return {\n          \"col\": this.showActions,\n          \"inline-parent\": true\n        }\n      },\n      pageTitleElement() {\n        return this.contentElement.contentElementsArray[0];\n      },\n      showActions() {\n        return this.contentElement.display_actions && this.actionsElement.contentElementsArray.length > 0;\n      },\n      pageSubTitleElement() {\n        return this.contentElement.contentElementsArray[2];\n      },\n      actionsElement() {\n        return this.contentElement.contentElementsArray[1];\n      },\n      additionalPropertyElements() {\n        return this.contentElement.contentElementsArray.slice(3);\n      },\n      hasTabs(): boolean {\n        return !this.hideTabs && this.detailViewMode === DetailViewMode.Default && this.selectedDetailView.tabBreaks.length > 0;\n      },\n      returnToDetailViewLink(): string {\n        const routeEnum = this.isPreview ? Route.previewDetailView : Route.detailView;\n        const namedWildcardOptions = [\n          { wildcard: \":id\", modelOrId: this.selectedPublishedDetailView.detail_view_id },\n          { wildcard: \":entry_id\", modelOrId: this.selectedObjectModelEntry.id }\n        ]\n        const query = {\n          bc: this.currentBreadcrumbs?.slice(0, this.currentBreadcrumbs.length - 1)\n        }\n        return RouteHelper.path({ route: routeEnum, namedWildcardOptions, query: query });\n      },\n      showReturnToDetailViewLink(): boolean {\n        return this.hideTabs && this.selectedPublishedDetailView && this.selectedObjectModelEntry\n      },\n      ...mapState('detailViewStore', ['detailViewMode'])\n    }\n\n  });\n</script>","\n<div>\n\n  <div class=\"submission-details\">\n    <div class=\"container\">\n      <div :class=\"showActions ? 'row' : ''\">\n        <div :class=\"pageTitleClass\">\n          <suffix v-if=\"$feature.isOn('see_underlying_properties')\" >\n            <button class=\"btn-icon blue\" @click=\"showSeeUnderlyingPropertiesModal\">\n              <icon class=\"inspection\"></icon>\n              <span class=\"sr-only\">See Underling Properties</span>\n            </button>\n          </suffix>\n          <underlying-properties-modal\n            @toggle-modal=\"hideModal(vueModalID.seeUnderlyingProperties)\"\n            :object-model-entry=\"selectedObjectModelEntry\"\n            :object-model=\"selectedDetailView.objectModel\"\n            v-if=\"modalStateFor(vueModalID.seeUnderlyingProperties).isVisible\"\n            :state=\"modalStateFor(vueModalID.seeUnderlyingProperties)\"\n            :index=\"vueModalID.seeUnderlyingProperties\"\n          ></underlying-properties-modal>\n          <detail-view-content-element-base\n            :content-element=\"pageTitleElement\"\n            :object-model-entry=\"entry\"\n          ></detail-view-content-element-base>\n        </div>\n        <div class=\"col-12 col-md-3\" v-if=\"showActions\">\n          <detail-view-content-element-base\n            :content-element=\"actionsElement\"\n            :is-in-edit-mode=\"isInEditMode\"\n            :object-model-entry=\"entry\"\n          ></detail-view-content-element-base>\n        </div>\n\n      </div>\n      <div>\n        <detail-view-content-element-base v-if=\"pageSubTitleElement.label_title\"\n                                          :content-element=\"pageSubTitleElement\"\n                                          :object-model-entry=\"entry\"\n        ></detail-view-content-element-base>\n      </div>\n      <div v-for=\"modelProperty in additionalPropertyElements\" class=\"inline-parent\">\n        <detail-view-content-element-base\n          :content-element=\"modelProperty\"\n          :object-model-entry=\"entry\"\n        ></detail-view-content-element-base>\n      </div>\n\n      <tab-container\n        v-if=\"hasTabs\"\n        :is-in-edit-mode=\"isInEditMode\"\n      ></tab-container>\n      <a v-if=\"showReturnToDetailViewLink\" :href=\"returnToDetailViewLink\" class=\"btn-link\">\n        <icon glyph=\"arrow-chevron\" direction=\"left\" tag=\"small\" aria-hidden=\"true\"></icon>\n        Return\n      </a>\n    </div>\n  </div>\n</div>\n"],"names":["__vue2_script","Vue","extend","extends","ContentElementComponent","mixins","selectedMixin","isOneStop","breadcrumbMixin","components","DetailViewLayoutElementTabContainer","UnderlyingPropertiesModal","props","hideTabs","type","Boolean","default","methods","showSeeUnderlyingPropertiesModal","this","showModal","vueModalID","seeUnderlyingProperties","computed","objectModel","selectedDetailView","object_model","pageTitleClass","col","showActions","pageTitleElement","contentElement","contentElementsArray","display_actions","actionsElement","length","pageSubTitleElement","additionalPropertyElements","slice","hasTabs","detailViewMode","DetailViewMode","Default","tabBreaks","returnToDetailViewLink","routeEnum","isPreview","Route","previewDetailView","detailView","namedWildcardOptions","wildcard","modelOrId","selectedPublishedDetailView","detail_view_id","selectedObjectModelEntry","id","query","bc","_a","currentBreadcrumbs","RouteHelper","path","route","showReturnToDetailViewLink","mapState","_vm","_h","$createElement","_c","_self","staticClass","class","$feature","isOn","on","click","_v","_e","modalStateFor","isVisible","attrs","state","index","$event","hideModal","entry","isInEditMode","label_title","_l","modelProperty","href","glyph","direction","tag"],"mappings":"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"}