{"version":3,"file":"detail-view-content-element-model-property-71821347.js","sources":["../../../app/javascript/formability/modelViews/components/detail-view-content-element-model-property.vue","../../../app/javascript/formability/modelViews/components/detail-view-content-element-model-property.vue?vue&type=template&lang.js"],"sourcesContent":["<template>\n  <p>\n    <list-format-display v-if=\"displayComponents.href\"\n                         :is-list=\"displayAsList\"\n                         :list-value=\"displayComponents.value\"\n                         :value=\"displayComponents.displayValue\"\n                         tag=\"a\"\n                         v-bind=\"linkAttrs\"\n    />\n    <list-format-display v-else\n                         :is-list=\"displayAsList\"\n                         :list-value=\"displayComponents.value\"\n                         :value=\"displayComponents.displayValue\"\n                         tag=\"span\"\n    />\n\n    <button\n      v-if=\"propertyHasSecurityMaskToggle\"\n      @click=\"toggleSecurityMask\"\n      class=\"btn-icon\"\n      :class=\"securityMaskActive ? 'light-grey' : 'grey'\"\n    >\n      <span class=\"sr-only\">{{ securityMaskActive ? \"Show\" : \"Hide\" }} masked data</span>\n      <icon :class=\"securityMaskActive ? 'hide' : 'show'\"></icon>\n    </button>\n  </p>\n</template>\n\n<script lang=\"ts\">\nimport Vue from \"vue\";\nimport { ObjectModelPropertyRootType } from \"~/enums/objectModelPropertyType\";\nimport { RouteHelper } from \"~/helpers/routeHelper\";\nimport { Route } from \"~/enums/route\";\nimport { ObjectModelBuiltinPropertyType } from \"~/enums/objectModelBuiltinPropertyType\";\nimport ObjectModelPropertyValue from \"~/models/objectModelProperties/objectModelPropertyValue\";\nimport ContentElementComponent from \"./content-element-component.vue\";\nimport ObjectModelProperty from \"~/models/objectModelProperties/objectModelProperty\";\nimport { ObjectModelPropertyCapability } from \"~/models/objectModelProperties/objectModelPropertyCapability\";\nimport selectedMixin from \"../mixins/selectedMixin\";\nimport SecurityMaskableViewer from \"~/models/securityMaskableViewer\";\nimport {NumberHelper} from \"~/helpers/numberHelper\"\nimport {InputFormatType} from '../../form_builder/models/inputFormatType'\nimport {StringHelper} from \"~/helpers/stringHelper\"\nimport {ListFormatType} from '~/enums/listFormatType'\nimport ListFormatDisplay from '~/components/content/list-format-display.vue'\n\nexport default Vue.extend({\n  components: {\n    ListFormatDisplay,\n  },\n  extends: ContentElementComponent,\n  mixins: [selectedMixin],\n  data: function () {\n    return {\n      securityMaskActive: true,\n    };\n  },\n  computed: {\n    propertyIsCurrency(): boolean {\n      return (\n        this.modelProperty.property_type === ObjectModelPropertyRootType.Number && this.modelProperty.format_type === InputFormatType.Currency\n      );\n    },\n    propertySecurityMaskEnabled(): boolean {\n      return this.modelProperty && this.modelProperty.is_security_maskable_enabled;\n    },\n    propertyHasSecurityMaskToggle(): boolean {\n      return (\n        this.propertySecurityMaskEnabled &&\n        this.modelProperty.securityMaskingFullViewersArray.some((x: SecurityMaskableViewer<ObjectModelProperty>) => {\n          return x.matches(this.selectedUser, this.entry);\n        })\n      );\n    },\n    displayComponents() {\n      let displayValue;\n      let decimalPlaces;\n      let href = null;\n      let newTab = true;\n      let value = null\n\n      if (this.modelProperty) {\n        value = this.selectedObjectModelEntry.valueFor(this.modelProperty.client_id);\n        displayValue = this.selectedObjectModelEntry.displayValueFor(this.modelProperty.client_id);\n        decimalPlaces = this.modelProperty.decimal_places || 0;\n\n        if (this.contentElement.propertyIsUrlFormat) {\n          href = value;\n        } else if (this.contentElement.propertyIsDateTime) {\n          displayValue = ObjectModelPropertyValue.parseDate(value, this.contentElement, this.modelProperty);\n        } else if (this.modelProperty.property_type === ObjectModelPropertyRootType.MappedProperty) {\n          if (this.isPreview) {\n            if (this.contentElement.mappedPropertyLinkedDetailViewsArray.length > 0) {\n              href = \"javascript:void(0);\";\n              newTab = false;\n            }\n          } else {\n            const linked_property_client_id = this.selectedObjectModelEntry.valueFor(\n              this.modelProperty.client_id + \"_linked_relation_mapped_property\"\n            );\n            const linked_entry_id = this.selectedObjectModelEntry.valueFor(this.modelProperty.client_id + \"_entry_id\");\n            const selectedMappedPropertyLinkedDetailView =\n              this.contentElement.mappedPropertyLinkedDetailViewsArray.find(\n                (mappedPropertyLinkedDetailView) =>\n                  mappedPropertyLinkedDetailView.property_client_id === linked_property_client_id\n              );\n\n            if (selectedMappedPropertyLinkedDetailView) {\n              let from = { from: \"Reporting & Submissions Dashboard\" };\n              const query = {};\n\n              query[\"bc\"] = [\n                { t: \"om\", v: \"bv\" },\n                { t: \"dv\", v: { dv: this.selectedDetailView.detail_view_id, e: this.selectedObjectModelEntry.id } },\n                { t: \"dv\", v: { dv: selectedMappedPropertyLinkedDetailView.detail_view_id, e: linked_entry_id } },\n              ];\n\n              href = RouteHelper.path({\n                route: Route.detailView,\n                namedWildcardOptions: [\n                  { wildcard: \":id\", modelOrId: selectedMappedPropertyLinkedDetailView.detail_view_id },\n                  { wildcard: \":entry_id\", modelOrId: linked_entry_id },\n                ],\n                query: query,\n              });\n            } else {\n              if (selectedMappedPropertyLinkedDetailView) {\n                let query = { from: \"Reporting & Submissions Dashboard\" };\n                href = RouteHelper.path({\n                  route: Route.detailView,\n                  namedWildcardOptions: [\n                    { wildcard: \":id\", modelOrId: selectedMappedPropertyLinkedDetailView.detail_view_id },\n                    { wildcard: \":entry_id\", modelOrId: linked_entry_id },\n                  ],\n                  query: query,\n                });\n              }\n            }\n          }\n        }\n\n        if (this.propertySecurityMaskEnabled) {\n          if (this.propertyHasSecurityMaskToggle) {\n            displayValue = this.securityMaskActive ? displayValue.masked : displayValue.unmasked;\n          } else {\n            displayValue = displayValue.masked;\n          }\n          return { value, displayValue, href, newTab };\n        }\n      } else if (this.contentElement.builtinPropertyType) {\n        let baseVal = this.selectedObjectModelEntry.valueForBuiltin(this.contentElement.builtinPropertyType);\n        displayValue = baseVal;\n\n        if (\n          this.contentElement.builtinPropertyType === ObjectModelBuiltinPropertyType.CreatedAt ||\n          this.contentElement.builtinPropertyType === ObjectModelBuiltinPropertyType.UpdatedAt\n        ) {\n          displayValue = ObjectModelPropertyValue.parseDate(baseVal, this.contentElement, this.modelProperty);\n        }\n      }\n\n      if (!displayValue && this.selectedObjectModelEntry?.view_data?.content_element_data) {\n        const contentElementData = this.selectedObjectModelEntry.view_data.content_element_data;\n        if (contentElementData[this.contentElement.client_id]) {\n          displayValue = contentElementData[this.contentElement.client_id];\n        }\n      }\n\n      if (this.contentElement.format_type === InputFormatType.Currency && this.isNumber(displayValue)) {\n        displayValue = NumberHelper.numberToCurrency(\"en-us\", \"USD\", displayValue)\n      }\n\n      if (this.contentElement.format_type === InputFormatType.Percentage && this.isNumber(displayValue)) {\n        const displayDecimalPlaces = Math.max(decimalPlaces - 2, 0);\n        displayValue = (parseFloat(displayValue) * 100).toFixed(displayDecimalPlaces) + '%'\n      }\n\n      if (this.displayAsList) {\n        value = this.entry.valueFor(this.modelProperty.client_id).map(this.modelProperty.getLabel.bind(this.modelProperty))\n      }\n\n      if (displayValue === null || displayValue === undefined || displayValue === \"\") {\n        displayValue = this.contentElement.placeholder_text;\n      }\n\n\n      return { value, displayValue, href, newTab };\n    },\n    linkAttrs() {\n      let attrs: any = {\n        href: this.displayComponents.href,\n      };\n\n      if (this.displayComponents.newTab) {\n        attrs.target = \"_blank\";\n      }\n\n      return attrs;\n    },\n    modelProperty() {\n      return this.contentElement.property\n    },\n    isPreview(): boolean {\n      return this.$route.name === \"detailViewPreview\";\n    },\n    displayAsList(): boolean {\n      return this.contentElement.list_format_type === ListFormatType.NewLine &&\n        this.modelProperty &&\n        this.modelProperty.isPickList &&\n        this.modelProperty.isDataCollection\n    },\n  },\n  methods: {\n    toggleSecurityMask(): void {\n      this.securityMaskActive = !this.securityMaskActive;\n    },\n    isNumber(val: unknown): boolean {\n      return typeof val === 'string' ? StringHelper.isNumber(val) : NumberHelper.isNumber(val)\n    },\n  },\n});\n</script>","\n<p>\n  <list-format-display v-if=\"displayComponents.href\"\n                       :is-list=\"displayAsList\"\n                       :list-value=\"displayComponents.value\"\n                       :value=\"displayComponents.displayValue\"\n                       tag=\"a\"\n                       v-bind=\"linkAttrs\"\n  />\n  <list-format-display v-else\n                       :is-list=\"displayAsList\"\n                       :list-value=\"displayComponents.value\"\n                       :value=\"displayComponents.displayValue\"\n                       tag=\"span\"\n  />\n\n  <button\n    v-if=\"propertyHasSecurityMaskToggle\"\n    @click=\"toggleSecurityMask\"\n    class=\"btn-icon\"\n    :class=\"securityMaskActive ? 'light-grey' : 'grey'\"\n  >\n    <span class=\"sr-only\">{{ securityMaskActive ? \"Show\" : \"Hide\" }} masked data</span>\n    <icon :class=\"securityMaskActive ? 'hide' : 'show'\"></icon>\n  </button>\n</p>\n"],"names":["__vue2_script","Vue","extend","components","ListFormatDisplay","extends","ContentElementComponent","mixins","selectedMixin","data","securityMaskActive","computed","propertyIsCurrency","this","modelProperty","property_type","ObjectModelPropertyRootType","Number","format_type","InputFormatType","Currency","propertySecurityMaskEnabled","is_security_maskable_enabled","propertyHasSecurityMaskToggle","securityMaskingFullViewersArray","some","x","matches","selectedUser","entry","displayComponents","displayValue","decimalPlaces","href","newTab","value","selectedObjectModelEntry","valueFor","client_id","displayValueFor","decimal_places","contentElement","propertyIsUrlFormat","propertyIsDateTime","ObjectModelPropertyValue","parseDate","MappedProperty","isPreview","mappedPropertyLinkedDetailViewsArray","length","linked_property_client_id","linked_entry_id","selectedMappedPropertyLinkedDetailView","find","mappedPropertyLinkedDetailView","property_client_id","query","t","v","dv","selectedDetailView","detail_view_id","e","id","RouteHelper","path","route","Route","detailView","namedWildcardOptions","wildcard","modelOrId","from","masked","unmasked","builtinPropertyType","baseVal","valueForBuiltin","ObjectModelBuiltinPropertyType","CreatedAt","UpdatedAt","_b","_a","view_data","content_element_data","contentElementData","isNumber","NumberHelper","numberToCurrency","Percentage","displayDecimalPlaces","Math","max","parseFloat","toFixed","displayAsList","map","getLabel","bind","placeholder_text","linkAttrs","attrs","target","property","$route","name","list_format_type","ListFormatType","NewLine","isPickList","isDataCollection","methods","toggleSecurityMask","val","StringHelper","_vm","_h","$createElement","_c","_self","tag","staticClass","class","on","click","_v","_s","_e"],"mappings":"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"}