{"version":3,"file":"ModalSection-ca450905.js","sources":["../../src/components/modals/ModalSection.vue"],"sourcesContent":["<template>\r\n  <div>\r\n    <div :class=\"[defaultClass, disabled ? disabledClass : '']\">\r\n      <button class=\"modal-section__container unstyled-btn w-full\" @click=\"sectionClicked\">\r\n        <div class=\"modal-section__title\">{{ title }}</div>\r\n        <div class=\"modal-section__count\" v-show=\"hasItems\">({{ itemCount }})</div>\r\n        <div class=\"modal-section__icon\"></div>\r\n      </button>\r\n    </div>\r\n    <div class=\"modal-section__preview\" v-show=\"showPreviewItems\">\r\n      <PillItem\r\n        v-for=\"(item, index) in itemsArray\"\r\n        :key=\"index\"\r\n        :show-as-link=\"true\"\r\n        :display-text-field=\"previewItemDisplayField\"\r\n        :data-model=\"item\"\r\n        @remove=\"removePreviewItem\"\r\n      />\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport PillItem from '../form-fields/PillItem.vue';\r\n\r\nexport default {\r\n  name: 'ModalSection',\r\n  components: {\r\n    PillItem,\r\n  },\r\n  emits: ['section-clicked', 'remove-preview-item'],\r\n  props: {\r\n    title: { default: 'Section Heading', type: String },\r\n    items: { default: () => [], type: [Array, Object] },\r\n    disabled: { default: false, type: Boolean },\r\n    contextObject: { default: () => {}, type: Object },\r\n    showPreview: { default: true, type: Boolean },\r\n    previewItemDisplayField: { default: '', type: String },\r\n    valueSymbol: { default: '', type: String },\r\n  },\r\n  data() {\r\n    return {\r\n      disabledClass: 'disabled',\r\n      defaultClass: 'modal-section',\r\n    };\r\n  },\r\n  computed: {\r\n    itemsArray() {\r\n      if (Array.isArray(this.items)) return this.items;\r\n\r\n      // it's a range (min|max values)\r\n      const listOfKeys = Object.keys(this.items);\r\n      let prefix = '';\r\n      let delimiter = ' - ';\r\n      let rangeItem = listOfKeys\r\n        .reduce((accumulator, keyName) => {\r\n          let itemValue = this.items[keyName];\r\n          const itemIsNumber = typeof itemValue === 'number';\r\n\r\n          if (itemValue === null) {\r\n            if (accumulator.length === 0) {\r\n              // min value not specified\r\n              prefix = 'Max ';\r\n            } else {\r\n              // max value not specified\r\n              prefix = 'Min ';\r\n            }\r\n            delimiter = '';\r\n          }\r\n\r\n          if (itemIsNumber && this.valueSymbol === '$') {\r\n            itemValue = Intl.NumberFormat().format(itemValue);\r\n          }\r\n\r\n          const finalConstructedValue = itemValue ? `${this.valueSymbol ?? ''}${itemValue}` : '';\r\n\r\n          return [...accumulator, `${finalConstructedValue}`];\r\n        }, [])\r\n        .join(delimiter);\r\n\r\n      rangeItem = `${prefix}${rangeItem}`;\r\n      return [rangeItem];\r\n    },\r\n    itemCount() {\r\n      if (this.items === undefined) return 0;\r\n      if (Array.isArray(this.items)) return this.items.length;\r\n\r\n      // it's a range\r\n      if (typeof this.items === 'object' && Object.keys(this.items).length > 0) {\r\n        return 1;\r\n      }\r\n\r\n      return 0;\r\n    },\r\n    hasItems() {\r\n      return this.itemCount > 0;\r\n    },\r\n    showPreviewItems() {\r\n      return this.showPreview && this.hasItems;\r\n    },\r\n    previewItems() {\r\n      if (this.previewItemDisplayField !== '') {\r\n        return this.items.map((preview) => preview[this.previewItemDisplayField]);\r\n      }\r\n      return this.items;\r\n    },\r\n  },\r\n  methods: {\r\n    sectionClicked(event) {\r\n      event.preventDefault();\r\n      event.stopPropagation();\r\n      this.$emit('section-clicked', this.title, this.itemCount);\r\n    },\r\n    removePreviewItem() {\r\n      this.$emit('remove-preview-item', ...arguments, this.contextObject); // send all the arguments\r\n    },\r\n  },\r\n};\r\n</script>\r\n<style lang=\"scss\">\r\n.modal-section {\r\n  background-color: $racq-pale-blue;\r\n  border-radius: 5px;\r\n\r\n  &.disabled {\r\n    opacity: 0.5;\r\n\r\n    &:hover {\r\n      cursor: default;\r\n    }\r\n  }\r\n\r\n  &:hover {\r\n    cursor: pointer;\r\n  }\r\n}\r\n\r\n.modal-section__count {\r\n  color: $racq-dark-grey;\r\n}\r\n\r\n.modal-section__container {\r\n  height: 50px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 5px;\r\n}\r\n\r\n.modal-section__title {\r\n  margin-left: 1rem;\r\n  color: $racq-dark-grey;\r\n}\r\n\r\n.modal-section__icon {\r\n  margin-left: auto;\r\n  margin-right: 1.25rem;\r\n  background-image: url(@/assets/img/chevron.svg);\r\n  background-repeat: no-repeat;\r\n  width: 18px;\r\n  height: 10px;\r\n  transform: rotate(90deg);\r\n}\r\n\r\n.modal-section__preview {\r\n  display: flex;\r\n  margin: 0.5rem 0;\r\n  flex-wrap: wrap;\r\n\r\n  @media (min-width: $breakpoint-md) {\r\n    margin: 1rem 0;\r\n  }\r\n}\r\n</style>\r\n"],"names":["_sfc_main","PillItem","listOfKeys","prefix","delimiter","rangeItem","accumulator","keyName","itemValue","itemIsNumber","finalConstructedValue","preview","event","_hoisted_1","_createElementVNode","_hoisted_3","_createElementBlock","_normalizeClass","$data","$props","$options","args","_toDisplayString","_hoisted_2","_withDirectives","_openBlock","_Fragment","_renderList","item","index","_createBlock","_component_PillItem"],"mappings":"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"}