{"version":3,"file":"tBFNPf1B.js","sources":["../../../../components/ad-hocs/search/insight-list/InsightListPreviewFilters.vue","../../../../components/ad-hocs/search/insight-list/InsightListFullFilters.vue","../../../../components/collections/InsightsCard.vue","../../../../components/ad-hocs/modal/InsightModalTable.vue","../../../../components/cards/PlaceholderInsightsCard.vue","../../../../components/ad-hocs/modal/InsightModal.vue","../../../../components/collections/InsightList.vue"],"sourcesContent":["<template>\n  <div class=\"d-flex justify-content-between flex-wrap\" style=\"margin-bottom: 24px; gap: 4px\">\n    <h2>Insights</h2>\n    <div class=\"search-input-container\">\n      <IconMagnifyingGlass />\n      <input\n        v-model=\"searchValue\"\n        class=\"form-control\"\n        type=\"text\"\n        placeholder=\"Search for name, title...\"\n        :disabled=\"insightStore.isLoading\"\n        @input=\"debouncedSearch\"\n      />\n    </div>\n  </div>\n\n  <div class=\"d-flex gap-2 flex-wrap mb-3 align-items-center\">\n    <button\n      :disabled=\"insightStore.isLoading\"\n      :class=\"[\n        'btn',\n        'btn-filters',\n        'btn-bordered',\n        'btn-outlined-black',\n        { active: insightStore.selectedInsightCategory == '' }\n      ]\"\n      @click=\"changeSelectedCategory('')\"\n    >\n      <span>All</span>\n    </button>\n    <button\n      v-for=\"availableCategory in insightStore.availableCategories\"\n      :key=\"availableCategory\"\n      :disabled=\"insightStore.isLoading\"\n      :class=\"[\n        'btn',\n        'btn-filters',\n        'btn-bordered',\n        'btn-outlined-black',\n        { active: insightStore.selectedInsightCategory == availableCategory }\n      ]\"\n      @click=\"changeSelectedCategory(availableCategory)\"\n    >\n      <span>{{ availableCategory }}</span>\n    </button>\n  </div>\n\n  <div class=\"d-flex justify-content-between mb-2 align-items-center\" style=\"height: 44px\">\n    <div v-if=\"insightStore.items.length > 0\" class=\"results\">\n      {{\n        insightStore.items.length > insightStore.size\n          ? 'Showing 1 - ' + insightStore.size + ' of ' + insightStore.totalResults + ' results'\n          : 'Showing 1 - ' + insightStore.totalResults + ' results'\n      }}\n    </div>\n    <div v-else class=\"results\"> 0 results </div>\n    <div class=\"view-all\">\n      <button class=\"btn btn-light pb-2\" @click=\"toggleModal\">View All</button>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport debounce from 'lodash/debounce'\nimport { ref } from 'vue'\nimport { useInsightModalStore } from '~/stores/modals/insight-modal'\n\nconst debouncedSearch = debounce(() => insightStore.setSearchValue(searchValue.value), 1000)\nconst insightStore = useInsightModalStore()\nconst searchValue = ref(insightStore.searchValue)\n\nfunction changeSelectedCategory(categoryName: string) {\n  if (categoryName === insightStore.selectedInsightCategory) {\n    insightStore.setSelectedInsightCategory('')\n    return\n  }\n  insightStore.setSelectedInsightCategory(categoryName)\n}\n\nfunction toggleModal() {\n  insightStore.setViewAllPreview()\n}\n</script>\n","<template>\n  <section>\n    <div class=\"d-flex justify-content-between mb-3\">\n      <div>\n        <h2 class=\"mt-4\">Insights</h2>\n        <span v-if=\"selectedCapability\" class=\"tag\">{{ selectedCapability }}</span>\n      </div>\n      <div class=\"d-flex justify-content-between align-items-center gap-1\">\n        <div>\n          <button class=\"btn\" style=\"padding: 10px\" @click=\"copyUrlToClipboard()\">\n            <IconShare />\n          </button>\n        </div>\n        <slot name=\"close\" />\n      </div>\n    </div>\n\n    <div class=\"d-flex align-items-center modal-filters\">\n      <div class=\"flex-grow-1\">\n        <div class=\"row filters-gap-x\">\n          <div v-if=\"selectedCapability && usePageStore().page?.system.type != contentTypes.capabilities_page.codename\n\" class=\"col-md-6 col-lg-3\">\n            <div class=\"dropdown\">\n              <div\n                id=\"dropdownMenuButtonCapability\"\n                class=\"form-select\"\n                type=\"button\"\n                data-bs-toggle=\"dropdown\"\n                aria-expanded=\"false\"\n              >\n                {{ selectedCapability || 'Capability' }}\n              </div>\n              <ul class=\"dropdown-menu\" aria-labelledby=\"dropdownMenuButtonCapability\">\n                <li key=\"Capability\">\n                  <a class=\"dropdown-item\" href=\"#\"> Capability </a>\n                </li>\n                <li :key=\"selectedCapability\">\n                  <a class=\"dropdown-item\" href=\"#\">\n                    {{ selectedCapability }}\n                  </a>\n                </li>\n              </ul>\n            </div>\n          </div>\n          <div class=\"col-md-6 col-lg-3\">\n            <div class=\"dropdown\">\n              <div\n                id=\"dropdownMenuButtonInsightCategory\"\n                class=\"form-select\"\n                type=\"button\"\n                data-bs-toggle=\"dropdown\"\n                aria-expanded=\"false\"\n              >\n                {{ selectedInsightCategory || 'Insight Category' }}\n              </div>\n              <ul class=\"dropdown-menu\" aria-labelledby=\"dropdownMenuButtonInsightCategory\">\n                <li key=\"Insight Category\">\n                  <a class=\"dropdown-item\" href=\"#\"> Insight Category </a>\n                </li>\n                <li v-for=\"(term, i) in availableCategories\" :key=\"`term-${i}`\">\n                  <a\n                    class=\"dropdown-item\"\n                    href=\"#\"\n                    @click.prevent=\"changeSelectedInsightCategory(term)\"\n                  >\n                    {{ term }}\n                  </a>\n                </li>\n              </ul>\n            </div>\n          </div>\n          <div class=\"col-md-6 col-lg-3\">\n            <div class=\"dropdown\">\n              <div\n              id=\"dropdownMenuButtonAuthor\"\n              class=\"form-select\"\n              type=\"button\"\n              data-bs-toggle=\"dropdown\"\n              aria-expanded=\"false\"\n              :class=\"{ 'disabled': usePageStore().page?.system.type == contentTypes.people_page.codename }\"\n              :aria-disabled=\"usePageStore().page?.system.type == contentTypes.people_page.codename\"\n            >\n              {{ selectedAuthor || 'Author' }}\n            </div>\n              <ul class=\"dropdown-menu\" aria-labelledby=\"dropdownMenuButtonAuthor\">\n                <li key=\"Author\">\n                  <a class=\"dropdown-item\" href=\"#\"> Author </a>\n                </li>\n                <li v-for=\"author in authors\" :key=\"author\">\n                  <a class=\"dropdown-item\" href=\"#\" @click.prevent=\"changeSelectedAuthor(author)\">\n                    {{ author }}\n                  </a>\n                </li>\n              </ul>\n            </div>\n          </div>\n          <div class=\"col-md-6 col-lg-3\">\n            <div class=\"d-flex justify-content-between\">\n              <div class=\"search-input-container w-100\">\n                <IconMagnifyingGlass />\n                <input\n                  v-model=\"searchValue\"\n                  class=\"form-control\"\n                  type=\"text\"\n                  placeholder=\"Search for title, keyword...\"\n                  :disabled=\"isLoading\"\n                  @input=\"debouncedSearch\"\n                />\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"flex-shrink-0\">\n        <button\n          class=\"d-none d-lg-inline-block btn btn-light clear-all flex-grow-1 text-nowrap align-self-center\"\n          style=\"padding-right: 2px\"\n          @click=\"clearFilters()\"\n        >\n          Clear All\n        </button>\n      </div>\n    </div>\n\n    <div class=\"d-flex justify-content-between mb-2 align-items-center\">\n      <div class=\"d-none d-lg-inline-block results\">Showing {{ totalResults }} Result(s)</div>\n      <button\n        class=\"d-lg-none d-inline-block btn btn-light clear-all flex-grow-1 text-nowrap text-start ps-0\"\n        style=\"padding-right: 2px\"\n        @click=\"clearFilters()\"\n      >\n        Clear All\n      </button>\n      <div class=\"d-flex align-items-center\">\n        <span class=\"d-none d-sm-inline-block sort-dropdown-title\">Sort by</span>\n        <select\n          v-model=\"selectedSortValue\"\n          class=\"btn btn-light sort-dropdown px-0 pe-2\"\n          @change=\"changeSortValue(selectedSortValue)\"\n        >\n          <option value=\"desc\">New to Old</option>\n          <option value=\"asc\">Old to New</option>\n        </select>\n        <div class=\"sort-buttons\">\n          <button\n            v-element-hover=\"onGridBtnHovered\"\n            :class=\"{ 'sort-view sort-grid': true, active: isGrid }\"\n            @click=\"insightStore.setIsGrid(true)\"\n          >\n            <IconSquaresFour v-if=\"isGrid || isGridBtnHovered\" />\n            <IconSquaresFourInactive v-else />\n          </button>\n          <button\n            v-element-hover=\"onListBtnHovered\"\n            :class=\"{ 'sort-view sort-list': true, active: !isGrid }\"\n            @click=\"insightStore.setIsGrid(false)\"\n          >\n            <IconRowsInactive v-if=\"!isGrid\" />\n            <template v-else>\n              <IconRows v-if=\"!isListBtnHovered\" />\n              <IconRowsHovered v-else />\n            </template>\n          </button>\n        </div>\n      </div>\n    </div>\n  </section>\n</template>\n<script setup lang=\"ts\">\nimport debounce from 'lodash/debounce'\nimport { ref } from 'vue'\nimport { useInsightModalStore } from '~/stores/modals/insight-modal'\nimport { vElementHover } from '@vueuse/components'\nimport { useToast } from 'vue-toast-notification';\nimport { contentTypes } from '~/models';\n\nconst insightStore = useInsightModalStore()\nconst {\n  isGrid,\n  selectedAuthor,\n  selectedSortValue,\n  totalResults,\n  isLoading,\n  authors,\n  availableCategories,\n  selectedCapability,\n  selectedInsightCategory\n} = storeToRefs(insightStore)\n\nconst searchValue = ref(insightStore.searchValue)\nconst debouncedSearch = debounce(() => {\n  insightStore.setSearchValue(searchValue.value)\n  usePaginationStore().changePage(1)\n}, 1000)\n\nfunction changeSelectedAuthor(author: string) {\n  insightStore.setSelectedAuthor(author)\n}\n\nfunction changeSortValue(value: string) {\n  insightStore.setSortValue(value)\n}\n\nfunction clearFilters() {\n  insightStore.clearFilters()\n}\n\nfunction changeSelectedInsightCategory(category: string) {\n  insightStore.setSelectedInsightCategory(category)\n}\n\nasync function copyUrlToClipboard() {\n  const queryParams = {\n    c: insightStore.selectedCapability || '',\n      a: insightStore.selectedAuthor || '',\n      i: insightStore.selectedInsightCategory || '',\n      s: insightStore.searchValue || ''\n  };\n  const url = new URL(insightsPageUrl ,window.location.origin);\n  Object.keys(queryParams).forEach((key) => {\n    const queryKey = key as keyof typeof queryParams;\n    if (queryParams[queryKey]) {\n      url.searchParams.append(queryKey, queryParams[queryKey]);\n    }\n  });\n  const toast = useToast();\n  try {\n    await navigator.clipboard.writeText(url.toString());\n    \n    toast.success('URL copied to clipboard.', {\n      position:'bottom-right'\n    });\n  } catch (error) {\n    console.error('Failed to copy the URL: ', error);\n    toast.error('Failed to copy the URL.', {\n      position:'bottom-right'\n    })\n  }\n}\nconst isGridBtnHovered = ref(false)\nfunction onGridBtnHovered(state: boolean) {\n  isGridBtnHovered.value = state\n}\nconst isListBtnHovered = ref(false)\nfunction onListBtnHovered(state: boolean) {\n  isListBtnHovered.value = state\n}\n\nwatch( () => insightStore.searchValue, () => {\n  searchValue.value = insightStore.searchValue\n})\n</script>\n","<template>\n  <div class=\"insight-card\">\n    <GenericCard\n      :key=\"item.id\"\n      :card-url=\"ctaUrl\"\n      :category=\"first(item.insightCategory) ?? ''\"\n      :content=\"item.content\"\n      :cta-link=\"ctaUrl\"\n      :custom-element-content=\"item.richTextCustomElement\"\n      :date=\"item.publishingDate\"\n      :description=\"item.shortDescription\"\n      :image=\"item.imgSrc\"\n      :title=\"item.title\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { onMounted, ref } from 'vue'\nimport type { SearchResultInsightItem } from '~/types/SearchResultItem'\nimport first from 'lodash/first'\n\nconst pageStore = usePageStore()\nconst props = defineProps<{ item: SearchResultInsightItem }>()\nconst ctaUrl = ref('')\n\n// Fetch the URL asynchronously after component mounts\nonMounted(async () => {\n  ctaUrl.value = (await pageStore.getUrlByItemId(props.item.id)) ?? ''\n})\n</script>\n","<template>\n  <div class=\"table-responsive insight-modal__table d-none d-lg-block\">\n    <table class=\"table table-bordered mb-0\">\n      <thead>\n        <tr>\n          <th class=\"align-middle\" scope=\"col\">Name</th>\n          <th class=\"align-middle\" scope=\"col\">Category</th>\n          <th class=\"align-middle\" scope=\"col\">\n            Date\n            <IconCaretDownFill v-if=\"selectedSortValue == 'asc'\" class=\"mb-1\" />\n            <IconCaretUpFill v-else class=\"mb-1\" />\n          </th>\n          <th class=\"align-middle\" scope=\"col\">Action</th>\n        </tr>\n      </thead>\n      <tbody>\n        <tr v-for=\"item in insightModalStore.items\" :key=\"item.id\">\n          <td class=\"align-middle\">\n            <div class=\"insight-modal__table__name\">\n              <NuxtImg v-if=\"item.imgSrc\" :src=\"item.imgSrc\" />\n              <span>{{ item.title }}</span>\n            </div>\n          </td>\n          <td class=\"align-middle\">\n            <div class=\"insight-modal__table__category\">\n              <p>{{ item.insightCategory[0] }}</p>\n            </div>\n          </td>\n          <td class=\"align-middle\">\n            <div class=\"insight-modal__table__date\">\n              <p>{{ prettyDate2Digit(new Date(item.publishingDate).toISOString()) }}</p>\n            </div>\n          </td>\n          <td class=\"align-middle\">\n            <button\n              :class=\"`btn btn-manatt-black w-100 table-item-btn`\"\n              @click=\"navigate(item.id)\"\n            >\n              Read More\n            </button>\n          </td>\n        </tr>\n      </tbody>\n    </table>\n  </div>\n  <div class=\"insight-modal__list d-lg-none\">\n    <ul>\n      <li v-for=\"item in insightModalStore.items\" :key=\"item.id\">\n        <div class=\"insight-modal__list__item card\" @click=\"navigate(item.id)\">\n          <NuxtImg v-if=\"item.imgSrc\" :src=\"item.imgSrc\" />\n          <div class=\"insight-modal__list__item__text\">\n            <div class=\"insight-modal__list__item__text__top-row\">\n              <span>{{ item.insightCategory[0] }}</span>\n              <span>{{ prettyDate2Digit(new Date(item.publishingDate).toISOString()) }}</span>\n            </div>\n            <div class=\"insight-modal__list__item__text__bottom-row\">\n              <span>{{ item.title }}</span>\n            </div>\n          </div>\n        </div>\n      </li>\n    </ul>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { useInsightModalStore } from '~/stores/modals/insight-modal'\n\nconst pageStore = usePageStore()\nconst insightModalStore = useInsightModalStore()\nconst { selectedSortValue } = storeToRefs(insightModalStore)\n\nconst navigate = async (itemId: string) => {\n  document.body.classList.remove('modal-open')\n\n  const url = await pageStore.getUrlByItemId(itemId)\n  navigateTo(url)\n}\n</script>\n","<template>\n  <div class=\"generic-card\">\n    <div class=\"card\">\n      <div class=\"card-body\">\n        <h4 class=\"card-title placeholder-glow mb-5\">\n          <span class=\"placeholder col-12\"></span>\n        </h4>\n        <p class=\"card-text placeholder-glow\">\n          <span class=\"placeholder col-7\"></span>\n          <span class=\"placeholder col-4\"></span>\n          <span class=\"placeholder col-4\"></span>\n          <span class=\"placeholder col-6\"></span>\n          <span class=\"placeholder col-8\"></span>\n          <span class=\"placeholder col-4\"></span>\n          <span class=\"placeholder col-4\"></span>\n          <span class=\"placeholder col-6\"></span>\n          <span class=\"placeholder col-8\"></span>\n          <span class=\"placeholder col-4\"></span>\n          <span class=\"placeholder col-4\"></span>\n          <span class=\"placeholder col-6\"></span>\n          <span class=\"placeholder col-4\"></span>\n          <span class=\"placeholder col-4\"></span>\n        </p>\n      </div>\n    </div>\n  </div>\n</template>\n","<template>\n  <div\n    :class=\"{\n      'insight-modal': true,\n      'modal-mask': insightModalStore.openAsModal\n    }\"\n  >\n    <div ref=\"modalContainer\" v-on-click-outside=\"insightModalStore.setCloseViewAll\">\n      <section v-if=\"!insightModalStore.layoutIsFullList\">\n        <InsightListPreviewFilters />\n      </section>\n      <section v-else class=\"insight-modal__top-section\">\n        <InsightListFullFilters>\n          <template #close>\n            <span v-if=\"insightModalStore.openAsModal\" class=\"d-flex justify-content-end\">\n              <button\n                class=\"btn pe-0\"\n                style=\"padding: 10px\"\n                @click=\"insightModalStore.setCloseViewAll()\"\n              >\n                <IconX />\n              </button>\n            </span>\n          </template>\n        </InsightListFullFilters>\n      </section>\n\n      <div v-if=\"!isLoading\" class=\"d-grid\">\n        <template v-if=\"insightModalStore.isGrid && !insightModalStore.layoutIsFullList\">\n          <div class=\"insight-modal__slider-wrapper\">\n            <div\n              ref=\"scrollRef\"\n              :class=\"{\n                'insight-modal__slider d-flex': true,\n                'full-list': insightModalStore.layoutIsFullList\n              }\"\n              @touchstart=\"onTouchStart\"\n              @touchmove=\"onTouchMove\"\n              @touchend=\"handleSwipe\"\n            >\n              <InsightsCard v-for=\"item in insightModalStore.items\" :key=\"item.id\" :item=\"item\" />\n            </div>\n            <div\n              class=\"insight-modal__slider__overlay-left\"\n              :style=\"{ display: showLeftArrow ? 'inherit' : 'none' }\"\n            />\n            <div\n              class=\"insight-modal__slider__overlay-right\"\n              :style=\"{ display: showRightArrow ? 'inherit' : 'none' }\"\n            />\n            <div\n              class=\"insight-modal__slider__arrow-left\"\n              :style=\"{ display: showLeftArrow ? 'inherit' : 'none' }\"\n              @click=\"onArrowLeft\"\n            />\n            <div\n              class=\"insight-modal__slider__arrow-right\"\n              :style=\"{ display: showRightArrow ? 'inherit' : 'none' }\"\n              @click=\"onArrowRight\"\n            />\n          </div>\n        </template>\n        <div\n          v-if=\"insightModalStore.isGrid\"\n          :class=\"{\n            'insight-modal__grid': true,\n            'd-grid overflow-auto full-list': insightModalStore.layoutIsFullList,\n            '-preview': !insightModalStore.layoutIsFullList\n          }\"\n          :style=\"`min-height: ${gridMinHeight}px`\"\n        >\n          <InsightsCard v-for=\"item in insightModalStore.items\" :key=\"item.id\" :item=\"item\" />\n        </div>\n\n        <div v-else class=\"insight-modal__table\">\n          <InsightModalTable />\n        </div>\n        <div class=\"insight-modal__pager-wrapper\">\n          <div class=\"insight-modal-pager\">\n            <Pager\n              v-if=\"\n                insightModalStore.layoutIsFullList &&\n                insightModalStore.openAsModal &&\n                insightModalStore.items.length < insightModalStore.totalResults\n              \"\n            />\n          </div>\n          <div\n            v-if=\"\n              insightModalStore.layoutIsFullList &&\n              insightModalStore.openAsModal &&\n              insightModalStore.items.length < insightModalStore.totalResults\n            \"\n            class=\"insight-modal-selection\"\n          >\n            <span class=\"insight-modal-selection__label\">Results</span>\n            <select class=\"form-select insight-modal-size-select\" v-model=\"insightModalStore.size\">\n              <option v-for=\"size in [8, 12, 16, 20]\" :key=\"size\" :value=\"size\">{{ size }}</option>\n            </select>\n          </div>\n        </div>\n      </div>\n      <div class=\"insight-modal-more\">\n        <button\n          v-if=\"\n            insightModalStore.layoutIsFullList &&\n            !insightModalStore.openAsModal &&\n            insightModalStore.items.length < insightModalStore.totalResults\n          \"\n          :class=\"`btn btn-manatt-black mt-3`\"\n          @click=\"loadMore()\"\n        >\n          Load More...\n        </button>\n      </div>\n      <div v-show=\"isLoading\">\n        <div\n          :class=\"{\n            'insight-modal__grid': true,\n            'd-grid overflow-auto full-list': insightModalStore.layoutIsFullList,\n            '-preview': !insightModalStore.layoutIsFullList\n          }\"\n        >\n          <PlaceholderInsightsCard />\n          <PlaceholderInsightsCard />\n          <PlaceholderInsightsCard />\n          <PlaceholderInsightsCard />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport { useInsightModalStore } from '~/stores/modals/insight-modal'\nimport { vOnClickOutside } from '@vueuse/components'\nimport delay from 'lodash/delay'\nimport { useEventListener } from '@vueuse/core'\n\nconst pageStore = usePageStore()\nconst insightModalStore = useInsightModalStore()\nconst { isLoading, items } = storeToRefs(insightModalStore)\nconst gridMinHeight = computed(() => {\n  if (items.value.length == 0) return 0\n  if (items.value.length > 2) return 1060\n  else return 530\n})\n\nconst modalContainer = ref<HTMLElement | null>()\n\nconst themeColor = pageStore.getThemeColor()\nconst btnColor = themeColor == 'gold' ? 'black' : themeColor\n\nconst scrollAmount = 300\nconst { scrollRef, scrollLeft, scrollRight } = useScroll()\nconst { showLeftArrow, showRightArrow, checkVisibility } = useSliderVisibility(scrollRef)\nconst updateArrows = () => delay(checkVisibility, 500)\nconst { onTouchStart, onTouchMove, onTouchEnd } = useSwipe()\n\nconst handleSwipe = () => {\n  onTouchEnd((direction) => {\n    if (scrollRef.value) {\n      if (direction === 'right') {\n        scrollLeft(scrollAmount)\n        updateArrows()\n      } else if (direction === 'left') {\n        scrollRight(scrollAmount)\n        updateArrows()\n      }\n    }\n  })\n}\n\nconst onArrowLeft = () => {\n  scrollLeft(scrollAmount)\n  updateArrows()\n}\n\nconst onArrowRight = () => {\n  scrollRight(scrollAmount)\n  updateArrows()\n}\n\nconst showModal = () => {\n  document.body.classList.add('modal-open')\n  modalContainer.value?.classList.add('modal-container')\n  delay(() => modalContainer.value?.classList.add('show'), 100)\n}\n\nconst hideModal = () => {\n  document.body.classList.remove('modal-open')\n  modalContainer.value?.classList.remove('modal-container')\n  modalContainer.value?.classList.remove('show')\n}\n\nwatch(\n  () => insightModalStore.openAsModal,\n  (isOpenAsModal) => {\n    if (isOpenAsModal) {\n      showModal()\n    } else {\n      hideModal()\n    }\n  }\n)\n\nfunction loadMore() {\n  insightModalStore.setReadMore(true)\n}\n\nonMounted(() => {\n  updateArrows()\n  useEventListener(window, 'scroll', updateArrows)\n})\nonUnmounted(() => hideModal())\n</script>\n","<template>\n  <span \n    :id=\"model?.system?.id\"\n    v-if=\"insightModalStore.initialItemsCount > 0\">\n    <SmartLinkItemComponent :id=\"model?.system?.id\" class=\"content-block\" :component=\"!model?.system?.workflow\">\n      <div class=\"container\">\n        <InsightModal />\n      </div>\n    </SmartLinkItemComponent>\n  </span>\n</template>\n\n<script setup lang=\"ts\">\nimport type { SearchResultInsightItem } from '~/types/SearchResultItem'\nimport type { InsightListPageModel, InsightPageModel } from '~/models'\nimport type { InsightSearchRequest } from '~/types/search-types/InsightSearchRequest'\nimport { useInsightModalStore } from '~/stores/modals/insight-modal'\n\nconst pageStore = usePageStore()\nconst siteStore = useSiteStore()\nconst pagerStore = usePaginationStore()\nconst loaderStore = useLoadingStore()\nconst route = useRoute()\nconst props = defineProps<{ model: InsightListPageModel }>()\nlet isSettingCategories = false\nconst availableCategoriesTemp = ref<string[]>([])\nconst insightModalStore = useInsightModalStore()\n/// handling 'previous page (back)' btn\ninsightModalStore.resetStates()\ninsightModalStore.unMutableLayoutIsFullList =\n  firstOrDefault(props.model?.elements.layout.value)?.codename.toLowerCase() === 'full_list'\ninsightModalStore.setLayoutIsFullList(insightModalStore.unMutableLayoutIsFullList)\nconst featuredItems =\n  pageStore.getListAs<InsightPageModel>(props.model?.elements.featuredInsightItems.value) ??\n  siteStore.getListAs<InsightPageModel>(props.model?.elements.featuredInsightItems.value)\n\ninsightModalStore.setSelectedCapability(firstOrDefault(props.model?.elements.relatedCapability.value)?.name || '')\n\nasync function fetchInsightPages(insightCategory?: string) {\n  const body: InsightSearchRequest = {\n    capability: insightModalStore.selectedCapability,\n    author: insightModalStore.selectedAuthor,\n    insightCategory: insightCategory || insightModalStore.selectedInsightCategory,\n    searchValue: insightModalStore.searchValue || '',\n    page: pagerStore.currentPage,\n    size: insightModalStore.size,\n    sort: insightModalStore.selectedSortValue\n  }\n  return await fetchInsightSearch(body)\n}\n\nasync function handleDisplayOfItems() {\n  if (insightModalStore.readMore == true) return\n  if (\n    !insightModalStore.layoutIsFullList &&\n    !insightModalStore.openAsModal &&\n    featuredItems.length > 0\n  ) {\n    insightModalStore.setFeaturedPreviewItems(featuredItems)\n    insightModalStore.setTotalResults(featuredItems?.length || 0)\n  } else {\n    insightModalStore.setLoading(true)\n    const { data } = await fetchInsightPages()\n    insightModalStore.setItems(data?.items as SearchResultInsightItem[])\n    insightModalStore.setTotalResults(data?.totalCount || 0)\n    pagerStore.setTotalPages(Math.ceil(insightModalStore.totalResults / insightModalStore.size))\n    insightModalStore.setLoading(false)\n  }\n}\n\nasync function getAuthors() {\n  insightModalStore.setAuthors([])\n  const people = await fetchPeople()\n  const tempAuthors = [] as string[]\n  people?.data?.items.map((p: any) => tempAuthors.push(p.elements.firstName.value + ' ' + p.elements.lastName.value))\n  insightModalStore.setAuthors(tempAuthors)\n}\n\nasync function fetchSelectOptions() {\n  await getTaxonomies()\n  await getAuthors()\n}\n\nasync function getTaxonomies() {\n  const taxonomy = await fetchTaxonomy()\n  const availableCategories = taxonomy?.data\n    ?.find((t: any) => t.system.codename === 'insight_category')\n    ?.terms.map((t: any) => t.name)\n  availableCategoriesTemp.value = availableCategories || []\n}\n\nasync function readMore() {\n  if (insightModalStore.readMore == false) return\n  loaderStore.setLoading(true)\n  pagerStore.changePage(pagerStore.currentPage + 1)\n  const { data } = await fetchInsightPages()\n  insightModalStore.addItems(data?.items as SearchResultInsightItem[])\n  insightModalStore.setTotalResults(data?.totalCount || 0)\n  loaderStore.setLoading(false)\n  insightModalStore.setReadMore(false)\n}\n\nasync function removeUnnecessaryFilters() {\n  isSettingCategories = true;\n  const availableCategories = [];\n\n  for (const category of availableCategoriesTemp.value) {\n    const pages = await fetchInsightPages(category);\n    if ((pages.data?.totalCount && pages.data.totalCount > 0) || (route.query.i === category)) {\n      availableCategories.push(category);\n    }\n  }\n\n  insightModalStore.setSelectedInsightCategory('');\n  insightModalStore.setAvailableCategories(availableCategories);\n  isSettingCategories = false;\n}\n\nfunction getCategoriesByQuery(categoriesQuery: string): string {\n  if (!categoriesQuery)\n    return ''\n  const queryCapabilities = insightModalStore.availableCategories.find((c: any) => c.toLowerCase() === categoriesQuery.toLowerCase())\n  return queryCapabilities ?? ''\n}\n\nfunction getAuthorsByQuery(authorsQuery: string): string {\n  if (!authorsQuery)\n    return ''\n  const queryAuthors = insightModalStore.authors.find((c: any) => c.toLowerCase() === authorsQuery.toLowerCase())\n  return queryAuthors ?? ''\n}\nfunction getCapabilitiesByQuery(capabilitiesQuery: string): string {\n  if (!capabilitiesQuery)\n    return ''\n  return capabilitiesQuery\n    .toLowerCase()\n    .split(' ')\n    .map(word => word.charAt(0).toUpperCase() + word.slice(1))\n    .join(' ');\n}\n\nwatch(\n  () => [\n    insightModalStore.searchValue,\n    insightModalStore.selectedAuthor,\n    insightModalStore.selectedInsightCategory,\n    insightModalStore.selectedSortValue,\n    insightModalStore.layoutIsFullList,\n    insightModalStore.openAsModal,\n    insightModalStore.isGrid,\n    insightModalStore.size,\n    pagerStore.currentPage\n  ],\n  async () => {\n    if (isSettingCategories) return // Skip the execution if setting categories\n    await handleDisplayOfItems()\n  }\n)\n\nwatch(\n  () => [insightModalStore.readMore],\n  async () => {\n    await readMore()\n  }\n)\n\n\nonBeforeMount(async () => {\n  if(pageStore.page?.system.type === 'people_page'){\n    insightModalStore.setSelectedAuthor(pageStore.page?.elements.firstName.value + ' ' + pageStore.page?.elements.lastName.value)\n    insightModalStore.setSelectedCapability('')\n  }\n  await fetchSelectOptions()\n  await removeUnnecessaryFilters()\n  if (route.query.c || route.query.a || route.query.i || route.query.s) {\n    if (route.query.s) insightModalStore.setSearchValue(route.query.s as string)\n    if (route.query.c) insightModalStore.setSelectedCapability(getCapabilitiesByQuery(route.query.c as string))\n    if (route.query.a) insightModalStore.setSelectedAuthor(getAuthorsByQuery(route.query.a as string))\n    if (route.query.i) insightModalStore.setSelectedInsightCategory(getCategoriesByQuery(route.query.i as string))\n    await handleDisplayOfItems();\n  }\n  else {\n    await handleDisplayOfItems()\n  }\n  insightModalStore.setInitialItemsCount(insightModalStore.items.length)\n})\n\n</script>\n"],"names":["debouncedSearch","debounce","insightStore","searchValue","useInsightModalStore","ref","changeSelectedCategory","categoryName","toggleModal","isGrid","selectedAuthor","selectedSortValue","totalResults","isLoading","authors","availableCategories","selectedCapability","selectedInsightCategory","storeToRefs","usePaginationStore","changeSelectedAuthor","author","changeSortValue","value","clearFilters","changeSelectedInsightCategory","category","copyUrlToClipboard","queryParams","url","insightsPageUrl","key","queryKey","toast","useToast","error","isGridBtnHovered","onGridBtnHovered","state","isListBtnHovered","onListBtnHovered","watch","pageStore","usePageStore","props","__props","ctaUrl","onMounted","insightModalStore","navigate","itemId","navigateTo","_sfc_render","_ctx","_cache","_openBlock","_createElementBlock","_hoisted_1","scrollAmount","items","gridMinHeight","computed","modalContainer","scrollRef","scrollLeft","scrollRight","useScroll","showLeftArrow","showRightArrow","checkVisibility","useSliderVisibility","updateArrows","delay","onTouchStart","onTouchMove","onTouchEnd","useSwipe","handleSwipe","direction","onArrowLeft","onArrowRight","showModal","_a","hideModal","_b","isOpenAsModal","loadMore","useEventListener","onUnmounted","siteStore","useSiteStore","pagerStore","loaderStore","useLoadingStore","route","useRoute","isSettingCategories","availableCategoriesTemp","firstOrDefault","featuredItems","_c","_d","_f","_e","fetchInsightPages","insightCategory","body","fetchInsightSearch","handleDisplayOfItems","data","getAuthors","people","fetchPeople","tempAuthors","p","fetchSelectOptions","getTaxonomies","taxonomy","fetchTaxonomy","t","readMore","removeUnnecessaryFilters","pages","getCategoriesByQuery","categoriesQuery","c","getAuthorsByQuery","authorsQuery","getCapabilitiesByQuery","capabilitiesQuery","word","onBeforeMount"],"mappings":"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"}