{"version":3,"file":"searchList-cAKhSvWq.js","sources":["../../../../apps/store-vue/src/components/SearchItem.vue","../../../../node_modules/.pnpm/@ts-pro+vue-eternal-loading@1.3.0_vue@3.3.4/node_modules/@ts-pro/vue-eternal-loading/dist/vue-eternal-loading.mjs","../../../../apps/store-vue/src/catalog/search/SearchList.vue","../../../../apps/store-vue/src/catalog/search/searchList.ts"],"sourcesContent":["<template>\n  <div class=\"product is-gray\" data-cy=\"search-item\">\n    <div class=\"image d-flex align-items-center justify-content-center\">\n      <a :href=\"getUrl\">\n        <img\n          :src=\"getImageUrl\"\n          alt=\"\"\n          class=\"img-fluid\"\n          onerror=\"this.src = '/images/comingsoon.png'\"\n          style=\"max-height: 220px\"\n        />\n      </a>\n      <div\n        class=\"hover-overlay d-flex align-items-center justify-content-center\"\n      >\n        <div class=\"CTA d-flex align-items-center justify-content-center\">\n          <!--<a href=\"\"class=\"add-to-cart\"><i class=\"fa fa-shopping-cart\"></i></a>-->\n          <a :href=\"getUrl\" class=\"visit-product active\"\n            ><i class=\"icon-search\"></i>{{ $t('View') }}</a\n          >\n          <!--<a href=\"\"data-toggle=\"modal\" data-target=\"#exampleModal\" class=\"quick-view\"><i class=\"fa fa-arrows-alt\"></i></a>-->\n        </div>\n      </div>\n    </div>\n    <div class=\"title\">\n      <a :href=\"getUrl\">\n        <h3 class=\"h6 text-uppercase no-margin-bottom\">{{ item.teamName }}</h3>\n        <p>\n          <span class=\"small\">{{ item.cityStateCountry }}</span\n          ><br />\n          {{ item.description }}\n        </p>\n      </a>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, type PropType } from 'vue';\nimport { type SearchResult } from '../common/CatalogItem';\n\nexport default defineComponent({\n  name: 'SearchItem',\n  props: {\n    item: {\n      type: Object as PropType<SearchResult>,\n      default: () => ({\n        id: '',\n        hideImage: true,\n        imageUrl: '',\n      }),\n    },\n  },\n  computed: {\n    getUrl() {\n      return '/custom/item/' + this.item.id;\n    },\n    getImageUrl() {\n      return this.item.hideImage\n        ? '/images/comingsoon.png'\n        : this.item.imageUrl;\n    },\n  },\n});\n</script>\n\n<style scoped></style>\n","import { defineComponent as H, ref as _, watchEffect as P, watch as I, unref as i, openBlock as R, createElementBlock as w, renderSlot as p, normalizeProps as v, mergeProps as g, createCommentVNode as L, createElementVNode as h, nextTick as B } from \"vue\";\nfunction T(o) {\n  return o.scrollHeight;\n}\nfunction W(o) {\n  return o.scrollWidth;\n}\nfunction z(o, s) {\n  o.scrollTop = o.scrollHeight - s + o.scrollTop;\n}\nfunction C(o, s) {\n  o.scrollLeft = o.scrollWidth - s + o.scrollLeft;\n}\nconst M = /* @__PURE__ */ h(\"div\", { class: \"loading\" }, \"Loading...\", -1), j = /* @__PURE__ */ h(\"div\", { class: \"no-more\" }, \"No more.\", -1), D = /* @__PURE__ */ h(\"div\", { class: \"no-results\" }, \"No results.\", -1), A = /* @__PURE__ */ h(\"div\", { class: \"error\" }, \"Error.\", -1), J = /* @__PURE__ */ H({\n  __name: \"VueEternalLoading\",\n  props: {\n    load: {\n      required: !0,\n      type: Function\n    },\n    isInitial: {\n      required: !1,\n      type: Boolean,\n      default: !0\n    },\n    position: {\n      required: !1,\n      type: String,\n      default: \"default\"\n    },\n    container: {\n      required: !1,\n      type: Object,\n      default: null\n    },\n    margin: {\n      required: !1,\n      type: String,\n      default: void 0\n    }\n  },\n  emits: [\"update:isInitial\"],\n  setup(o, { emit: s }) {\n    const t = o, l = _();\n    let a = _(\"loading\"), r = _(t.isInitial);\n    const F = typeof process < \"u\" && process.env !== void 0 && process.env.NODE_ENV !== \"test\";\n    let c = 0;\n    function d() {\n      B(() => {\n        var e, n;\n        t.position === \"top\" ? z(\n          (e = t.container) != null ? e : document.documentElement,\n          c\n        ) : t.position === \"left\" && C(\n          (n = t.container) != null ? n : document.documentElement,\n          c\n        );\n      });\n    }\n    function N(e, n) {\n      return e === 0 ? r.value ? (S(), \"no-results\") : (y(), \"no-more\") : e !== void 0 && n !== void 0 && e < n ? (y(), \"no-more\") : (r.value = !1, d(), f(), \"loading\");\n    }\n    function y() {\n      r.value = !1, u(\"no-more\"), d();\n    }\n    function S() {\n      r.value = !1, u(\"no-results\"), d();\n    }\n    function V() {\n      r.value = !1, u(\"error\"), d();\n    }\n    function q() {\n      r.value = !0, u(\"loading\"), f();\n    }\n    function E() {\n      u(\"loading\"), f();\n    }\n    function u(e) {\n      a.value = e;\n    }\n    function b() {\n      l.value && m.unobserve(l.value);\n    }\n    function f() {\n      l.value && m.observe(l.value);\n    }\n    function O() {\n      return new IntersectionObserver(\n        ([e]) => {\n          var n, k;\n          e.isIntersecting && (t.position === \"top\" ? c = T(\n            (n = t.container) != null ? n : document.documentElement\n          ) : t.position === \"left\" && (c = W(\n            (k = t.container) != null ? k : document.documentElement\n          )), b(), t.load(\n            {\n              loaded: N,\n              noMore: y,\n              noResults: S,\n              error: V\n            },\n            {\n              isFirstLoad: r.value\n            }\n          ));\n        },\n        {\n          root: t.container,\n          threshold: 0,\n          rootMargin: t.margin\n        }\n      );\n    }\n    let m;\n    return typeof IntersectionObserver < \"u\" && P(\n      () => {\n        m && b(), m = O(), f();\n      },\n      {\n        flush: \"post\"\n      }\n    ), I(\n      () => t.isInitial,\n      (e) => {\n        e && q();\n      }\n    ), I(r, (e) => {\n      e || s(\"update:isInitial\", !1);\n    }), (e, n) => i(F) ? L(\"\", !0) : (R(), w(\"div\", {\n      key: 0,\n      class: \"vue-eternal-loading\",\n      ref_key: \"rootRef\",\n      ref: l\n    }, [\n      i(a) === \"loading\" ? p(e.$slots, \"loading\", v(g({ key: 0 }, { isFirstLoad: i(r) })), () => [\n        M\n      ]) : i(a) === \"no-more\" ? p(e.$slots, \"no-more\", v(g({ key: 1 }, { retry: E })), () => [\n        j\n      ]) : i(a) === \"no-results\" ? p(e.$slots, \"no-results\", v(g({ key: 2 }, { retry: E })), () => [\n        D\n      ]) : i(a) === \"error\" ? p(e.$slots, \"error\", v(g({ key: 3 }, { retry: E })), () => [\n        A\n      ]) : L(\"\", !0)\n    ], 512));\n  }\n});\nexport {\n  J as VueEternalLoading\n};\n","<template>\n  <div v-cloak>\n    <main>\n      <div class=\"container\">\n        <div class=\"row\">\n          <!-- Sidebar-->\n          <CategoryFilter\n            :categories=\"categories\"\n            v-model=\"filterC\"\n          ></CategoryFilter>\n          <!-- /Sidebar end-->\n          <!-- Grid -->\n          <div class=\"products-grid col-xl-9 col-lg-8 sidebar-left\">\n            <div v-if=\"data.items.length > 0\">\n              <div class=\"row\">\n                <!-- item-->\n                <div\n                  class=\"item col-xl-3 col-md-6 col-6\"\n                  v-for=\"item in filteredItems\"\n                  :key=\"item.id\"\n                >\n                  <SearchItem :item=\"item\"></SearchItem>\n                </div>\n              </div>\n            </div>\n          </div>\n          <!-- / Grid End-->\n        </div>\n      </div>\n    </main>\n    <VueEternalLoading :load=\"load\"></VueEternalLoading>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport type Category from '../../common/Category';\nimport CategoryFilter from '../../components/CategoryFilter.vue';\nimport SearchItem from '../../components/SearchItem.vue';\nimport {\n  VueEternalLoading,\n  type LoadAction,\n} from '@ts-pro/vue-eternal-loading';\nimport { type SearchResult } from '../../common/CatalogItem';\nimport { filter, intersection, isEmpty, some } from 'lodash-es';\nimport { computed, reactive } from 'vue';\n\ninterface Props {\n  api?: string;\n  categories: Category[];\n  items: SearchResult[];\n  pageNo: number;\n  pageSize: number;\n}\nconst props = withDefaults(defineProps<Props>(), {\n  api: '',\n  pageNo: 1,\n});\n\nconst urlParams = new URLSearchParams(window.location.search);\n// eslint-disable-next-line vue/no-setup-props-destructure\nconst data = reactive({\n  filter: JSON.parse(urlParams.get('filter') || '{}') as Record<\n    string,\n    string[]\n  >,\n  items: props.items || [],\n  pageNo: props.pageNo,\n});\n\nconst filterC = computed({\n  get() {\n    return data.filter;\n  },\n  set(newValue) {\n    data.filter = newValue;\n    const url = new URL(window.location.toString());\n    url.searchParams.set('filter', JSON.stringify(newValue));\n    history.replaceState({}, '', url.toString());\n  },\n});\n\nconst filteredItems = computed(() => {\n  if (isEmpty(filterC.value)) {\n    return data.items;\n  }\n  let nonEmptyCategories = filter(filterC.value, function (category) {\n    return category.length > 0;\n  });\n  //console.log(nonEmptyCategories);\n  if (nonEmptyCategories.length === 0) {\n    return data.items;\n  }\n  return filter(data.items, function (item) {\n    //console.log(\"style:\");\n    //console.log(style);\n    return some(nonEmptyCategories, function (selectedChildren) {\n      //console.log(\"children:\");\n      //console.log(selectedChildren);\n      if (selectedChildren.length === 0) return true;\n      return intersection(item.categories, selectedChildren).length > 0;\n    });\n  });\n});\n\nasync function load({ loaded, noMore }: LoadAction): Promise<void> {\n  const response = await fetch(props.api + '&pageNo=' + data.pageNo);\n  const { products } = await response.json();\n  if (products.length) {\n    data.pageNo += 1;\n    data.items.push(...products);\n    loaded(products.length, props.pageSize);\n  } else {\n    noMore();\n  }\n}\n</script>\n","import { createApp } from 'vue';\nimport SearchList from './SearchList.vue';\nimport { createAgonI18n } from '../../i18n';\n\ndeclare const rootProps: never;\n\nconst i18n = createAgonI18n(rootProps['culture']);\n\ncreateApp(SearchList, rootProps).use(i18n).mount('#search-list');\n"],"names":["_sfc_main$1","defineComponent","_hoisted_1","_hoisted_3","_hoisted_4","_hoisted_6","_hoisted_7","_hoisted_10","_hoisted_11","_sfc_render","_ctx","_cache","$props","$setup","$data","$options","_openBlock","_createElementBlock","_createElementVNode","_hoisted_2","_hoisted_5","_createCommentVNode","_createTextVNode","_toDisplayString","_hoisted_9","_hoisted_12","_hoisted_13","define_process_env_default","urlParams","data","reactive","props","filterC","computed","newValue","url","filteredItems","isEmpty","nonEmptyCategories","filter","category","item","some","selectedChildren","intersection","load","loaded","noMore","response","products","i18n","createAgonI18n","createApp","SearchList"],"mappings":"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","x_google_ignoreList":[1]}