{"version":3,"file":"js/app.54aabb81.js","mappings":"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","sources":["webpack://vue-search-filters/./src/services/nopAPI/nopInstance.js","webpack://vue-search-filters/./src/services/nopAPI/endpoints/cart.js","webpack://vue-search-filters/./src/services/nopAPI/endpoints/product.js","webpack://vue-search-filters/./src/services/nopAPI/endpoints/search.js","webpack://vue-search-filters/./src/services/nopAPI/endpoints/filter.js","webpack://vue-search-filters/./src/services/nopAPI/endpoints/article.js","webpack://vue-search-filters/./src/services/nopAPI/endpoints/promotion.js","webpack://vue-search-filters/./src/stores/filter-store.js","webpack://vue-search-filters/./src/stores/search-store.js","webpack://vue-search-filters/./src/components/BreadcrumbsComponent.vue","webpack://vue-search-filters/./src/components/BreadcrumbsComponent.vue?0eea","webpack://vue-search-filters/./src/components/filters/PillsFilter.vue","webpack://vue-search-filters/./src/components/filters/PillsFilter.vue?7b3d","webpack://vue-search-filters/./src/stores/promotion-store.js","webpack://vue-search-filters/./src/components/Promotions.vue","webpack://vue-search-filters/./src/components/Promotions.vue?387a","webpack://vue-search-filters/./src/components/ProductResultsTable/TablePagination.vue","webpack://vue-search-filters/./src/components/ProductResultsTable/TablePagination.vue?dfec","webpack://vue-search-filters/./src/components/KBaseResultsTable.vue","webpack://vue-search-filters/./src/components/KBaseResultsTable.vue?ffa0","webpack://vue-search-filters/./src/stores/product-store.js","webpack://vue-search-filters/./src/stores/cart-store.js","webpack://vue-search-filters/./src/components/svg/CircleSvg.vue","webpack://vue-search-filters/./src/components/svg/CircleSvg.vue?d1c5","webpack://vue-search-filters/./src/components/ProductResultsTable/StockMessage.vue","webpack://vue-search-filters/./src/components/ProductResultsTable/StockMessage.vue?10bc","webpack://vue-search-filters/./src/components/ProductResultsTable/RowDetailCard.vue","webpack://vue-search-filters/./src/components/ProductResultsTable/RowDetailCard.vue?0c89","webpack://vue-search-filters/./src/components/ProductResultsTable/index.vue","webpack://vue-search-filters/./src/components/ProductResultsTable/index.vue?161c","webpack://vue-search-filters/./src/components/filters/FilterWrapper.vue","webpack://vue-search-filters/./src/components/filters/FilterWrapper.vue?a885","webpack://vue-search-filters/./src/components/filters/SliderFilter.vue","webpack://vue-search-filters/./src/components/filters/SliderFilter.vue?1dcb","webpack://vue-search-filters/./src/components/filters/OptionsFilter.vue","webpack://vue-search-filters/./src/components/filters/OptionsFilter.vue?81c4","webpack://vue-search-filters/./src/components/filters/DropdownFilter.vue","webpack://vue-search-filters/./src/components/filters/DropdownFilter.vue?2012","webpack://vue-search-filters/./src/components/FiltersSection.vue","webpack://vue-search-filters/./src/components/FiltersSection.vue?3e26","webpack://vue-search-filters/./src/components/SearchPage.vue","webpack://vue-search-filters/./src/components/SearchPage.vue?e967","webpack://vue-search-filters/./src/App_SearchPage.vue","webpack://vue-search-filters/./src/App_SearchPage.vue?803d","webpack://vue-search-filters/./src/stores/dropdown-search-store.js","webpack://vue-search-filters/./src/stores/category-store.js","webpack://vue-search-filters/./src/components/SearchInput/SearchResultAccordion.vue","webpack://vue-search-filters/./src/components/SearchInput/SearchResultAccordion.vue?1732","webpack://vue-search-filters/./src/components/SearchInput/SearchRusultSuggestionItem.vue","webpack://vue-search-filters/./src/components/SearchInput/AddToCartWithQuantity.vue","webpack://vue-search-filters/./src/components/SearchInput/AddToCartWithQuantity.vue?720c","webpack://vue-search-filters/./src/components/SearchInput/MatchingProductsDetails.vue","webpack://vue-search-filters/./src/components/SearchInput/MatchingProductsDetails.vue?bf1f","webpack://vue-search-filters/./src/components/SearchInput/MatchingL2ProductsDetails.vue","webpack://vue-search-filters/./src/components/SearchInput/MatchingL2ProductsDetails.vue?5fe7","webpack://vue-search-filters/./src/components/SearchInput/MatchingProducts.vue","webpack://vue-search-filters/./src/components/SearchInput/MatchingProducts.vue?b541","webpack://vue-search-filters/./src/components/KBaseResultsCard.vue","webpack://vue-search-filters/./src/components/KBaseResultsCard.vue?102d","webpack://vue-search-filters/./src/components/SearchInput/SearchResultsWindow.vue","webpack://vue-search-filters/./src/components/SearchInput/SearchResultsWindow.vue?64b4","webpack://vue-search-filters/./src/components/SearchInput/SearchInputBox.vue","webpack://vue-search-filters/./src/components/SearchInput/SearchInputBox.vue?e805","webpack://vue-search-filters/./src/App_SearchInputBox.vue","webpack://vue-search-filters/./src/App_FilterModel.vue","webpack://vue-search-filters/./src/App_FilterModel.vue?aa96","webpack://vue-search-filters/./src/quasar-user-options.js","webpack://vue-search-filters/./src/main.js","webpack://vue-search-filters/webpack/bootstrap","webpack://vue-search-filters/webpack/runtime/chunk loaded","webpack://vue-search-filters/webpack/runtime/compat get default export","webpack://vue-search-filters/webpack/runtime/define property getters","webpack://vue-search-filters/webpack/runtime/global","webpack://vue-search-filters/webpack/runtime/hasOwnProperty shorthand","webpack://vue-search-filters/webpack/runtime/jsonp chunk loading","webpack://vue-search-filters/webpack/startup"],"sourcesContent":["import axios from 'axios';\r\n\r\nlet baseURL = process.env.VUE_APP_API_BASE_URL;\r\nbaseURL = baseURL.endsWith('/') ? baseURL : `${baseURL}/`;\r\n\r\nconst nopInstance = axios.create({\r\n  baseURL,\r\n});\r\n\r\n// Add an interceptor to automatically extract the Data property from the response object\r\nnopInstance.interceptors.response.use(\r\n  (response) => {\r\n    if (response?.data) {\r\n      return response.data;\r\n    }\r\n    handleError('No data in response');\r\n  },\r\n  (error) => handleError(error),\r\n);\r\n\r\nconst handleError = (error) => {\r\n  console.log(error);\r\n  throw error;\r\n};\r\n\r\nexport default nopInstance;\r\n","import nopInstance from \"../nopInstance.js\";\r\n\r\nconst getCartItemCount = async () => {\r\n  const itemCount = await nopInstance.get(\"api/cart\").then(response => response.data.length);\r\n  return itemCount;\r\n}\r\n\r\nconst addToCart = async (productId, quantity) => {\r\n  const FD = new FormData();\r\n  FD.append('shoppingCartTypeId', 1)\r\n  FD.append('forceredirection', false)\r\n  FD.append('productId', productId)\r\n  FD.append('qty', quantity)\r\n  const response = await nopInstance.post(\"ShoppingCart/AddProductToCart_DetailsCustom\", FD);\r\n  console.log(response);\r\n  return response;\r\n}\r\n\r\nexport default {\r\n    getCartItemCount, addToCart,\r\n}","import nopInstance from \"../nopInstance.js\"\r\n\r\nconst config = {\r\n    headers: {\r\n    'Content-Type': 'application/json',\r\n    },\r\n};\r\n\r\nconst getProductsByIds = async (ids) => {\r\n    // Set the Content-Type header to application/json\r\n    \r\n    \r\n    const response = await nopInstance.get(`api/product?productId=${ids}`, config);\r\n    return response;\r\n}\r\n\r\nconst getProductPriceAndStock = async(ids) => {\r\n    return await nopInstance.get(`api/product/pricing?ids=${ids}`)\r\n}\r\n\r\nexport default {\r\n    getProductsByIds,\r\n    getProductPriceAndStock\r\n}","import nopInstance from \"../nopInstance.js\";\r\n\r\nconst search = async (query) => {\r\n  if (query) {\r\n    const response = await nopInstance.get(`api/search?${query}`);\r\n    return response;\r\n  }\r\n}\r\n\r\nexport default {\r\n    search,\r\n}","import nopInstance from \"../nopInstance.js\";\r\n\r\nconst getAllFilters = async () => {\r\n    const response = await nopInstance.get(\"api/filter\");\r\n    return response;\r\n}\r\n\r\nconst getFiltersByCategoryId = async (categoryId) => {\r\n  const response = await nopInstance.get(`api/filter/${categoryId}`);\r\n  return response;\r\n};\r\n\r\nconst getSampleFilterData = async (categoryId, labelAttribute, valueAttribute, orderAttribute, orderAscDesc, filterBy = null, filterByValue = null) => {\r\n  // only send filterBy and filterByValue if they both have data\r\n  const filterByData = filterBy && filterByValue ? `/${filterBy}/${filterByValue}` : ''\r\n  const response = await nopInstance.get(`api/filter/sample/${categoryId}/${labelAttribute}/${valueAttribute}/${orderAttribute}/${orderAscDesc}${filterByData}`);\r\n  return response;\r\n};\r\n\r\nexport default {\r\n  getAllFilters,\r\n  getFiltersByCategoryId,\r\n  getSampleFilterData,\r\n};","/* eslint-disable */\r\nimport nopInstance from '../nopInstance.js';\r\n\r\nconst config = {\r\n  headers: {\r\n    'Content-Type': 'application/json',\r\n  },\r\n};\r\n\r\nconst getArticleDetail = async (ids) => {\r\n  const response = await nopInstance.get(`api/article?ids=${ids}`);\r\n  return response\r\n};\r\n\r\nexport default {\r\n  getArticleDetail,\r\n};\r\n","import nopInstance from \"../nopInstance.js\"\r\n\r\nconst config = {\r\n    headers: {\r\n    'Content-Type': 'application/json',\r\n    },\r\n};\r\n\r\nconst getPromotions = async () => {\r\n    const response = await nopInstance.get(`api/promotions`, config);\r\n    return response;\r\n}\r\n\r\nexport default {\r\n  getPromotions,\r\n};","import { ref, computed, reactive } from 'vue';\r\nimport { defineStore } from 'pinia';\r\nimport { filterEndpoint } from '../services/nopAPI';\r\nimport parseUrl from 'parse-url'\r\n\r\n/* eslint-disable */\r\nimport { useSearchStore } from './search-store';\r\n\r\nexport const useFilterStore = defineStore('filter', () => {\r\n  const siteFilters = ref({});\r\n  const selectedFilters = reactive({});\r\n  const urlQuery = reactive(parseUrl(window.location.href));\r\n\r\n  const defaultProductFilter = '(term+field%3Ddocumenttype+%27product%27)';\r\n  const defaultArticleFilter = '(or(term+field%3Ddocumenttype+%27blog%27)(term+field%3Ddocumenttype+%27resource%27)(term+field%3Ddocumenttype+%27catalog%27))';\r\n  const defaultArticleReturnFields = 'return=tags,documenttype,name,shortdescription,documenttype_id,slug';\r\n\r\n  const allFiltersAndOptions = reactive({});\r\n\r\n  // state used for L2 pages:\r\n  const categoryId = ref(0)\r\n  const categoryName = ref('')\r\n  const categoryDescription = ref('')\r\n  const breadcrumbs = ref([])\r\n\r\n  const isGenericSearch = computed(() => {\r\n    return urlQuery.pathname.startsWith('/search');\r\n  })\r\n  const isCategorySearch = computed(() => {\r\n    return categoryId.value == 0? false : true;\r\n  })\r\n  const isProductSearch = computed(() => {\r\n    if (!isGenericSearch.value&&!isCategorySearch) return false;\r\n    if (documentTypeFilters.value['product'] && documentTypeFilters.value['product'].length > 0) return true;\r\n    return false;\r\n  });\r\n\r\n  const isArticleSearch = computed(() => {\r\n    if (!isGenericSearch.value) return false;\r\n    if (documentTypeFilters.value['article'] && documentTypeFilters.value['article'].length > 0) return true;\r\n    return false;\r\n  });\r\n\r\n  const filtersInQuery = computed(() => {\r\n    if (urlQuery.search) {\r\n      return parseQueryForFilters(urlQuery.search)\r\n    }\r\n    return {}\r\n  })\r\n\r\n  const filterCount = computed(() => Object.keys(allFiltersAndOptions).length)\r\n\r\n  async function establishFilters() {\r\n    siteFilters.value = await getDynamicFilters();\r\n  }\r\n\r\n  const filterPills = computed(() => {\r\n    /* eslint-disable */\r\n    let pills = [];\r\n    let filterKeys = Object.keys(selectedFilters);\r\n\r\n    if (filterKeys.length != 0) {\r\n      filterKeys.forEach((filterName) => {\r\n        if (typeof selectedFilters[filterName] == 'object') {\r\n          if (Array.isArray(selectedFilters[filterName])) {\r\n            selectedFilters[filterName].forEach((item) => {\r\n              if( allFiltersAndOptions[filterName][item]){\r\n                pills.push({\r\n                  filter: allFiltersAndOptions[filterName][item].key,\r\n                  label: allFiltersAndOptions[filterName][item].label,\r\n                  value: allFiltersAndOptions[filterName][item].value,\r\n                });\r\n              }\r\n              if (isRangeFilter(item)) {\r\n                const parsedItem = JSON.parse(item);\r\n                if (parsedItem.length > 0) {\r\n                  const minVlaue = parsedItem[0];\r\n                  console.log(minVlaue)\r\n                  const firstKey = Object.keys(allFiltersAndOptions[filterName])[0];\r\n                  const key = allFiltersAndOptions[filterName][firstKey].key\r\n                  const label = `${parsedItem[0]} - ${parsedItem[1]}`;\r\n                  const value = item;\r\n                  pills.push({\r\n                    filter: key,\r\n                    label: label,\r\n                    value: value,\r\n                  })\r\n                }\r\n              }\r\n            });\r\n          } else {\r\n            if (selectedFilters[filterName] != null) {\r\n              pills.push({\r\n                filter: filterName,\r\n                label: selectedFilters[filterName].label,\r\n                value: selectedFilters[filterName].value,\r\n              });\r\n            }\r\n          }\r\n        } else if (typeof selectedFilters[filterName] == 'string') {\r\n          const item = selectedFilters[filterName];\r\n          item &&\r\n            pills.push({\r\n              filter: allFiltersAndOptions[filterName][item].key,\r\n              label: allFiltersAndOptions[filterName][item].label,\r\n              value: allFiltersAndOptions[filterName][item].value,\r\n            });\r\n        }\r\n      });\r\n    }\r\n    return pills;\r\n  });\r\n\r\n  function loadFilterData(filterList) {\r\n    filterList.forEach((filterData) => {\r\n      let data = {};\r\n      if (filterData.items.every((item) => typeof item === 'string')) {\r\n        data = filterData.items.map((item) => {\r\n          // {label:item, value:item, key:filterData.key}\r\n          let context = {};\r\n          const subject = { label: item, value: item, key: filterData.key };\r\n          context = subject;\r\n          context[item] = { ...subject };\r\n          return context;\r\n        });\r\n      } else {\r\n        data = filterData.items.map((item) => {\r\n          // {label:item, value:item, key:filterData.key}\r\n          let context = {};\r\n          const subject = { ...item, key: filterData.key };\r\n          context = subject;\r\n          context[item.value] = { ...subject };\r\n          return context;\r\n        });\r\n      }\r\n      allFiltersAndOptions[filterData.key] = data.reduce((acc, item) => {\r\n        if (!acc[item.value]) acc[item.value] = {};\r\n        acc[item.value] = item;\r\n        return acc;\r\n      }, {});\r\n    });\r\n  }\r\n\r\n  const appliedFilters = computed(() => {\r\n    return filterPills.value.reduce((list, item) => {\r\n      if (!list[item.filter]) list[item.filter] = [];\r\n      list[item.filter].push(item.value);\r\n      return list;\r\n    }, {});\r\n  });\r\n\r\n  const formattedFilters = computed(() => {\r\n    const lists = Object.keys(appliedFilters.value).map((key) => {\r\n      let compiledList = ''\r\n      if (!key === 'documenttype') {\r\n        compiledList = appliedFilters.value[key].length > 1 ? 'or' : '';\r\n        compiledList = appliedFilters.value[key].reduce((list, item) => {\r\n          return (list += formatSearchField(key, item, 'term'));\r\n        }, compiledList);\r\n\r\n        return `(${compiledList})`;\r\n      }\r\n    })\r\n    return lists.join('');\r\n  });\r\n\r\n  const defaultCategoryFilter = computed(() => {\r\n    formatSearchField('documenttype', 'product', 'term')\r\n    const category = categoryName.value.replace(/&/g, \"%26\")\r\n    return `%28term+field%3Dl2_+%27${category}%27%29`\r\n  });\r\n  function formatSearchField(key, item, type='term') {\r\n    if (type !== \"range\") {\r\n      if(key === \"material\")\r\n        key = \"name\";\r\n      item = item && item.replace(/&/g, '%26');\r\n      return `${type}+field%3D${key}+%27${item}%27`\r\n    } else {\r\n      return `${type}+field%3D${key}+${item}`\r\n    }\r\n  }\r\n\r\n  function removePill(pill) {\r\n    if (typeof selectedFilters[pill.filter] == 'object') {\r\n      if (Array.isArray(selectedFilters[pill.filter])) {\r\n        let index = selectedFilters[pill.filter].findIndex((i) => i == pill.value);\r\n        selectedFilters[pill.filter].splice(index, 1);\r\n      } else {\r\n        selectedFilters[pill.filter] = null;\r\n      }\r\n    } else {\r\n      delete selectedFilters[pill.filter];\r\n    }\r\n  }\r\n\r\n  const documentTypeFilters = computed(() => {\r\n    let filters = {}\r\n    if (appliedFilters.value['documenttype'] && appliedFilters.value['documenttype'].length) {\r\n      filters = appliedFilters.value['documenttype'].reduce((list, item) => {\r\n        const filter = allFiltersAndOptions['documenttype'][item];\r\n        if (filter.endpoint) {\r\n          if (!list[filter.endpoint]) list[filter.endpoint] = []\r\n          list[filter.endpoint].push(formatSearchField('documenttype', item, 'term'))\r\n        };\r\n        return list\r\n      }, {})\r\n    }\r\n    if (isCategorySearch) {\r\n      filters['product'] = [formatSearchField('documenttype', 'product', 'term')]\r\n    }\r\n    return filters\r\n  })\r\n\r\n  const appliedProductFilters = computed(() => {\r\n    if(isGenericSearch.value || isCategorySearch.value) {\r\n      let filterKeys = Object.keys(appliedFilters.value) // ['documenttype', 'l1_', 'l2_']\r\n      const productFilters = filterKeys.filter(key => key !== 'documenttype') // ['l1_', 'l2_']\r\n      const filterMap = [[formatSearchField('documenttype', 'product', 'term')]];\r\n\r\n      // const materialFilter = filterKeys.filter(key => key === 'material');\r\n      // let materialFilerValue = appliedFilters.value[materialFilter];\r\n      \r\n      // if(materialFilter.length > 0)\r\n      // {\r\n        \r\n        filterMap.push(...productFilters.map(filterKey => {\r\n          let materialValArr = [];\r\n          materialValArr.push(appliedFilters.value[filterKey].map(item => (isRangeFilter(item)?formatSearchField('name', queryRangeValue(item), 'range'):formatSearchField('name', item, 'term'))))\r\n          materialValArr.push(appliedFilters.value[filterKey].map(item => (isRangeFilter(item)?formatSearchField('shortdescription', queryRangeValue(item), 'range'):formatSearchField('shortdescription', item, 'term'))))\r\n          materialValArr.push(appliedFilters.value[filterKey].map(item => (isRangeFilter(item)?formatSearchField('fulldescription', queryRangeValue(item), 'range'):formatSearchField('fulldescription', item, 'term'))))\r\n          return materialValArr;\r\n        }));\r\n\r\n        // productFilters = productFilters.filter(key => key !== 'material');\r\n      //}\r\n      \r\n      // filterMap.push(...productFilters.map(filterKey => {\r\n      //   return appliedFilters.value[filterKey].map(item => (isRangeFilter(item)?formatSearchField(filterKey, queryRangeValue(item), 'range'):formatSearchField(filterKey, item, 'term')))\r\n      // })) \r\n      \r\n      if (isCategorySearch.value) {\r\n        var filterString = defaultCategoryFilter.value\r\n        filterMap.forEach((set) => {\r\n          if (set.length > 1) {\r\n            set.forEach((ele, idx) => {\r\n              set[idx] = `(${ele.join(')(')})`; \r\n            })\r\n            //filterString += `(or(${set.join(')(')}))`;\r\n            filterString += `(or${set.join('')})`;\r\n          } else {\r\n            filterString += `(${set})`\r\n          }\r\n        })\r\n        filterString = `(and${filterString})`\r\n\r\n      } else {\r\n        var filterString = ''\r\n        if (filterMap.length > 1) {\r\n          filterMap.forEach((set) => {\r\n            if (set.length > 1) {\r\n              filterString += `(or(${set.join(')(')}))`;\r\n            } else {\r\n              filterString += `(${set})`\r\n            }\r\n          })\r\n\r\n          filterString = `(and${filterString})`\r\n        }\r\n        else {\r\n          if (filterMap[0].length == 1) \r\n            filterString = `(${filterMap[0][0]})`\r\n          if (filterMap[0].length > 1) \r\n            filterString = `(or(${filterMap[0].join(')(')}))`\r\n        }\r\n      }\r\n      return filterString\r\n    }\r\n  })\r\n\r\n  const appliedArticleFilters = computed(() => {\r\n    if (!isGenericSearch.value) {\r\n      let filterKeys = Object.keys(appliedFilters.value); // ['documenttype', 'l1_', 'l2_']\r\n      const productFilters = filterKeys.filter((key) => key !== 'documenttype'); // ['l1_', 'l2_']\r\n      const filterMap = [[formatSearchField('documenttype', 'blog', 'term'), formatSearchField('documenttype', 'resource', 'term'), formatSearchField('documenttype', 'catalog', 'term')]];\r\n      filterMap.push(\r\n        ...productFilters.map((filterKey) => {\r\n          return appliedFilters.value[filterKey].map((item) => formatSearchField(filterKey, item, 'term'));\r\n        }),\r\n      );\r\n\r\n      let filterString = '';\r\n      if (filterMap.length > 1) {\r\n        filterMap.forEach((set) => {\r\n          if (set.length > 1) {\r\n            filterString += `(or(${set.join(')(')}))`;\r\n          } else {\r\n            filterString += `(${set})`;\r\n          }\r\n        });\r\n\r\n        filterString = `(and${filterString})`;\r\n      } else {\r\n        if (filterMap[0].length == 1) filterString = `(${filterMap[0][0]})`;\r\n        if (filterMap[0].length > 1) filterString = `(or(${filterMap[0].join(')(')}))`;\r\n      }\r\n\r\n      return filterString;\r\n    }\r\n    \r\n    else if (isArticleSearch.value) {\r\n      let filterKeys = Object.keys(appliedFilters.value); // ['documenttype', 'l1_', 'l2_']\r\n      const productFilters = filterKeys.filter((key) => key !== 'documenttype'); // ['l1_', 'l2_']\r\n      const filterMap = [documentTypeFilters.value['article']];\r\n      filterMap.push(\r\n        ...productFilters.map((filterKey) => {\r\n          return appliedFilters.value[filterKey].map((item) => formatSearchField(filterKey, item, 'term'));\r\n        }),\r\n      );\r\n\r\n      let filterString = '';\r\n      if (filterMap.length > 1) {\r\n        filterMap.forEach((set) => {\r\n          if (set.length > 1) {\r\n            filterString += `(or(${set.join(')(')}))`;\r\n          } else {\r\n            filterString += `(${set})`;\r\n          }\r\n        });\r\n\r\n        filterString = `(and${filterString})`;\r\n      } else {\r\n        if (filterMap[0].length == 1) filterString = `(${filterMap[0][0]})`;\r\n        if (filterMap[0].length > 1) filterString = `(or(${filterMap[0].join(')(')}))`;\r\n      }\r\n\r\n      return filterString;\r\n    }\r\n  })\r\n  \r\n  const loadDynamicFilterConfiguration_old = () => {\r\n    //! this isn't used any more, but it's left here for reference/testing\r\n    const productTypeOptions = [\r\n      'O-Rings',\r\n      'O-Ring Cord',\r\n      'Flange Gaskets',\r\n      'Seals',\r\n      'Packing Material',\r\n      'O-Ring Kits',\r\n      'Sealing Accessories',\r\n      'Flat Glass',\r\n      'Tubular Gauge Glass',\r\n      'Annular Glass',\r\n      'Replacement Visors',\r\n      'Sandblast Lenses',\r\n      'Blast Cabinet Underlayment',\r\n      'PPE Headgear',\r\n      'Sheet Material',\r\n      'Respirator Cover Lenses',\r\n      'Flat Gauge Glass',\r\n      'Spiral Wound Gaskets',\r\n      'Electrical Conduit Gaskets',\r\n      'Cam & Groove Accessories',\r\n      'Basic 8 Cam & Groove',\r\n      'Combination Nipples',\r\n      'Sleeves & Ferrules',\r\n    ];\r\n\r\n    const documentTypeOptions = [\r\n      { label: 'Products', value: 'product', endpoint: 'product' },\r\n      { label: 'Blogs', value: 'blog', endpoint: 'article' },\r\n      { label: 'Resources', value: 'resource', endpoint: 'article' },\r\n      { label: 'Catalogs', value: 'catalog', endpoint: 'article' },\r\n    ];\r\n    const productLineOptions = ['Sealing', 'Industrial Couplings', 'Industrial Glass', 'Plastics', 'Raw Materials'];\r\n\r\n    const mainFilter = { type: 'checkbox', name: 'FILTER RESULTS', key: 'documenttype', expand: true, searchable: false, items: documentTypeOptions, rank: 1 };\r\n    const productLineFilter = { type: 'checkbox', name: 'Product Categories', key: 'l1_', expand: true, searchable: false, items: productLineOptions, rank: 2 };\r\n    const productTypeFilter = { type: 'checkbox', name: 'Product Lines', key: 'l2_', expand: true, searchable: false, items: productTypeOptions, rank: 3 };\r\n\r\n    // these filters are commented out because they are not used in the current implementation\r\n    // these are left here because they are good for references\r\n    // const sliderFilter1 =   { type:'slider', name: 'Inner Diameter', expand: false, conversionType: 0, }\r\n    // const sliderFilter2 =   { type:'slider', name: 'Working Temperature', expand: false, conversionType: 1, }\r\n    // const checkboxFilter1 = { type:'checkbox', name: 'Product Category', key: 'l1_1', expand: false, searchable: true, conversionType: 1, items: ['Sealing', 'Industrial Couplings', 'Industrial Glass', 'Plastics', 'Raw Materials']}\r\n    // const checkboxFilter2 = { type:'checkbox', name: 'Material', key: 'l1_2', expand: false, searchable: true, conversionType: 1, items: ['Material One', 'Material Two', 'Material Three', 'Material Four', 'Material Five', 'Material Six', 'Material Seven', 'Material Eight', 'Material Nine']}\r\n    // const radioFilter1 =    { type:'radio', name: 'Unit of Measure', key: 'l1_3', expand: false, searchable: true, conversionType: 2, items: [{label: 'Fahrenheit', value: 'F'}, {label: 'Celsius', value: 'C'}, {label: 'Kelvin', value: 'K'},{label: 'Fahrenheit', value: 'F2'}, {label: 'Celsius', value: 'C2'}, {label: 'Kelvin', value: 'K2'}]}\r\n    // const dropdownFilter1 = { type:'dropdown', name: 'Measure Dropdown', key: 'l1_4', expand: true, searchable: true, conversionType: 2, items: [{label: 'Fahrenheit', value: 'F'}, {label: 'Celsius', value: 'C'}, {label: 'Kelvin', value: 'K'},{label: 'Fahrenheit', value: 'F2'}, {label: 'Celsius', value: 'C2'}, {label: 'Kelvin', value: 'K2'}]}\r\n    // const dropdownFilter2 = { type:'dropdown', name: 'Measure Dropdown2', key: 'l1_5', expand: true, searchable: true, conversionType: 2, items: ['Fahrenheit', 'Celsius', 'Kelvin', 'Fahrenheit2', 'Celsius2', 'Kelvin2' ]}\r\n\r\n    const hardcodedFilters = [\r\n      mainFilter,\r\n      productLineFilter,\r\n      productTypeFilter,\r\n      // sliderFilter1,\r\n      // sliderFilter2,\r\n      // checkboxFilter1,\r\n      // checkboxFilter2,\r\n      // radioFilter1,\r\n      // dropdownFilter1,\r\n      // dropdownFilter2,\r\n    ];\r\n\r\n    return hardcodedFilters;\r\n  }\r\n\r\n  const loadDynamicFilterConfiguration = () => {\r\n    //? The nopCommerce View should be pre-loaded with a JSON object\r\n    //? containing the filter configuration. Here we pull it in and parse it.\r\n    const templateFilter = { filters: [], categoryId: 0, categoryName: '', description: '', breadcrumbs: []};\r\n    const configElement = document.getElementById('preloadedFilterConfiguration');\r\n    const config = JSON.parse(configElement.innerHTML.trim().replace(\";\", \"\"));\r\n    console.log(\">>>>> Dynamic Filter Configuration...\");\r\n    console.log(config);\r\n    return config || templateFilter;\r\n  }\r\n\r\n  const getCaptializedLabel = (label) => {\r\n    return label\r\n      .split(' ')\r\n      .map((word) => {\r\n        if (word.length > 1) return word[0].toUpperCase() + word.slice(1)\r\n        return word.toUpperCase()\r\n      })\r\n      .join(' ');\r\n  };\r\n\r\n  const buildFacetOptions = (facetData) => {\r\n    return Object.keys(facetData).reduce((options, key) => {\r\n      const buckets = facetData[key].buckets || facetData[key]; \r\n      options[key] = [];\r\n      options[key] = buckets.map((bucket) => {\r\n        const option = {};\r\n        option.value = bucket.value;\r\n        option.label = bucket.label ? bucket.label : getCaptializedLabel(bucket.value);\r\n\r\n        // to reduce number of queries, when they aren't needed\r\n        // we establish an endpoint property on the filter, if the filter type\r\n        // is `documenttype` (product or article)\r\n        if (key === 'documenttype') {\r\n          if (bucket.value === 'product') option.endpoint = 'product';\r\n          else option.endpoint = 'article';\r\n        }\r\n\r\n        return option;\r\n      });\r\n      return options;\r\n    }, {});\r\n  };\r\n\r\n  const getfilterItems = async (categoryId, keyMap, categoryName) => {\r\n    let facetData = {};\r\n    if (!categoryId) {\r\n      console.log('getting filters from SEARCH PLATFORM')\r\n      const { getFacetOptionList } = useSearchStore();\r\n      facetData = await getFacetOptionList(keyMap, categoryName.value);\r\n    }\r\n    else {\r\n      console.log('getting filters from FILTER ENDPOINT')\r\n      facetData = await filterEndpoint.getFiltersByCategoryId(categoryId);\r\n    }\r\n    return facetData\r\n  }\r\n\r\n  const getSampleFilterItems = async ({ categoryId, label, value, sortBy, sortOrder, filterBy, filterByValue }) => {\r\n    if (filterBy && filterByValue) return await filterEndpoint.getSampleFilterData(categoryId, label, value, sortBy, sortOrder, filterBy, filterByValue);\r\n    return await filterEndpoint.getSampleFilterData(categoryId, label, value, sortBy, sortOrder);\r\n  };\r\n  \r\n  async function getDynamicFilters() {\r\n    const { filters: dynamicFilters, categoryId: id, categoryName: name, breadcrumbs: crumbs, description } = loadDynamicFilterConfiguration();\r\n    // storing the category information into the store\r\n    categoryId.value = id\r\n    categoryName.value = name\r\n    breadcrumbs.value = crumbs\r\n    categoryDescription.value = description\r\n    \r\n    const keyMap = dynamicFilters.map((filter) => filter.key);\r\n\r\n    const facetData = await getfilterItems(categoryId.value, keyMap, categoryName.value);\r\n    \r\n    const facetOptions = buildFacetOptions(facetData);\r\n\r\n    dynamicFilters.forEach((filter) => {\r\n      filter.type = filter.type.toLowerCase();\r\n      if (facetOptions[filter.key].length > 0) filter.items = facetOptions[filter.key]\r\n    });\r\n\r\n    loadFilterData(dynamicFilters);\r\n\r\n    // establish all dynamic filters with default values\r\n    dynamicFilters.forEach((filter) => {\r\n      if (filter.type === 'checkbox') selectedFilters[filter.key] = [];\r\n      else if (filter.type === 'radio') selectedFilters[filter.key] = \"\";\r\n      else if (filter.type === 'dropdown') selectedFilters[filter.key] = null;\r\n      else if (filter.type === 'slider') selectedFilters[filter.key] = null;\r\n    });\r\n\r\n    // if we've loaded the documenttype filter, we should default all options to SELECTED\r\n    if (selectedFilters['documenttype']) {\r\n      selectedFilters['documenttype'].push('product', 'blog', 'resource', 'catalog');\r\n    }\r\n    // console.log(filtersInQuery.value,urlQuery);\r\n    if (selectedFilters['l1_']) {\r\n      const queryWithL1=urlQuery.query?.l1;\r\n      const queryWithL2=urlQuery.query?.l2;\r\n      if(queryWithL1){\r\n        selectedFilters['l1_'].push(queryWithL1);\r\n      }\r\n      if(queryWithL2){\r\n        selectedFilters['l2_'].push(queryWithL2);\r\n      }\r\n    }\r\n\r\n    // load filters from query string\r\n    const filterKeyMap = dynamicFilters.reduce((map, filter) => {\r\n      map[filter.key] = filter\r\n      return map\r\n    }, {});\r\n    const filterKeys = Object.keys(filtersInQuery.value);\r\n    if (filterKeys.length > 0) {\r\n      filterKeys.forEach((filterKey) => {\r\n        if (!filterKeyMap[filterKey]) return;\r\n        else if (filterKeyMap[filterKey]?.type === 'checkbox') selectedFilters[filterKey].push(...filtersInQuery.value[filterKey]);\r\n        else if (filterKeyMap[filterKey]?.type === 'radio') selectedFilters[filterKey] = filtersInQuery.value[filterKey][0];\r\n        else if (filterKeyMap[filterKey]?.type === 'dropdown') selectedFilters[filterKey] = { label: filtersInQuery.value[filterKey][0], value: filtersInQuery.value[filterKey][0] };\r\n        else if (filterKeyMap[filterKey]?.type === 'slider') selectedFilters[filterKey] = { ...filtersInQuery.value[filterKey] };\r\n      });\r\n    }\r\n\r\n    return dynamicFilters\r\n  }\r\n\r\n  const getNextKeyValue = (haystack) => {\r\n    let key = '';\r\n    let value = '';\r\n    let pos = -1;\r\n    pos = haystack.indexOf('%3D');\r\n    haystack = haystack.slice(pos + 3);\r\n    let nextStringPos = haystack.indexOf('+%27');\r\n    let nextArrayPos = haystack.indexOf('+[%27');\r\n    let isArray = false\r\n    pos = nextStringPos;\r\n    if (nextArrayPos != -1 && nextArrayPos < nextStringPos ||\r\n        nextArrayPos != -1 && nextStringPos == -1) {\r\n      pos = nextArrayPos;\r\n      isArray = true;\r\n    }\r\n    key = haystack.slice(0, pos);\r\n    haystack = isArray ? haystack.slice(pos + 5) : haystack.slice(pos + 4);\r\n    // let pos1 = haystack.indexOf('%20');\r\n    pos = isArray ?  haystack.indexOf('])') : haystack.indexOf('%27');\r\n    // pos = pos1 > 0 && pos1 < pos2 ? pos1 : pos2;\r\n    value = haystack.slice(0, pos);\r\n    if (isArray) {\r\n      value = value.replace(/%27/g, \"\");\r\n    }\r\n\r\n    return [key, value, haystack];\r\n  };\r\n\r\n  function parseQueryForFilters(str) {\r\n    const json = {};\r\n    const keyValuePairs = str.split('&');\r\n    keyValuePairs.forEach((pair) => {\r\n      let [key, value] = pair.split('=');\r\n      if (key === 'fq') {\r\n        str = str.replace(/%20/g, ' ').replace(/%26/g, '&')\r\n        while (str.indexOf('%3D') >= 0) {\r\n          let [key, value, newStr] = getNextKeyValue(str);\r\n          if (value.indexOf(',') > 0) {\r\n            json[key] = { label: value.replace(',', ' - '), value: `[${value}]`}\r\n          }\r\n          else {\r\n            if (!json[key]) json[key] = [];\r\n            json[key].push(value);\r\n          }\r\n          str = newStr;\r\n        }\r\n      }\r\n    });\r\n    return json;\r\n  }\r\n  \r\n\r\n  const parseOutQField = () => {\r\n    // (near+field=FIELD+distance=N+boost=N+'STRING')\r\n    // (near+field%3DFIELD+distance%3DN+boost%3DN+%27STRING%27)\r\n    // (near field=name distance=1 boost=2 'material')\r\n    let string = urlQuery?.query?.q;\r\n    if (!string) return '';\r\n    console.log('here is the string', string);\r\n    console.log('here is indexOf(\"\\'\")', string.indexOf('\\''));\r\n    // console.log('here is the q', q)\r\n    // console.log('here is the q', q)\r\n    if (string.indexOf('\\'') >= 0) {\r\n      string = string.slice(string.indexOf('\\'')+1);\r\n      console.log(string)\r\n      string = string.slice(0, string.indexOf('\\''));\r\n    \r\n      console.log('here is the string from parsing', string);\r\n    }\r\n    return string;\r\n  };\r\n\r\n  const buildQField = (qString) => {\r\n    let query = ''\r\n    query += `(term+%27${qString}%27)`\r\n    const segments = qString.split(' ')\r\n    let andSegments = ''\r\n    let orSegments = ''\r\n    if (segments.length == 1) query += `(prefix+%27${qString}%27)`\r\n    if (segments.length > 1) {\r\n      segments.forEach((segment) => {\r\n        if (segment.length === 0) return\r\n        andSegments += `(prefix+boost%3D4+%27${segment}%27)`\r\n        orSegments += `(prefix+boost%3D2+%27${segment}%27)`\r\n      })\r\n      andSegments = `(and${andSegments})`\r\n      orSegments = `(or${orSegments})`\r\n      query += andSegments + orSegments\r\n    }\r\n    return query\r\n  };\r\n\r\n  const getMin = (items) => {\r\n    let min = items[0].value;\r\n    items.forEach(item => {\r\n      if (parseInt(min) > parseInt(item.value)) {\r\n        min = item.value;\r\n      }\r\n    });\r\n\r\n    return min;\r\n  }\r\n\r\n  const getMax = (items) => {\r\n    let max = items[0].value;\r\n    items.forEach(item => {\r\n      if (parseInt(max) < parseInt(item.value)) {\r\n        max = item.value;\r\n      }\r\n    });\r\n    return max;\r\n  }\r\n\r\n  const isRangeFilter = (item) => {\r\n    try {\r\n      if (Array.isArray(JSON.parse(item))) {\r\n        return true;\r\n      }\r\n    } catch (e) {\r\n      return false;\r\n    }  \r\n   \r\n    return false;\r\n  }\r\n\r\n  const queryRangeValue = (item) => {\r\n    let query = '';\r\n    const parsedItem = JSON.parse(item);\r\n    if (Array.isArray(JSON.parse(item))) {\r\n      if (parsedItem.length > 0) {\r\n        query = `['${parsedItem[0]}','${parsedItem[1]}']`;\r\n      }\r\n    }\r\n    return query\r\n  } \r\n  return {\r\n    establishFilters,\r\n    removePill,\r\n    siteFilters,\r\n    selectedFilters,\r\n    filterPills,\r\n    defaultProductFilter,\r\n    defaultArticleFilter,\r\n    defaultArticleReturnFields,\r\n    loadFilterData,\r\n    formattedFilters,\r\n    getDynamicFilters,\r\n    documentTypeFilters,\r\n    isGenericSearch,\r\n    isProductSearch,\r\n    isArticleSearch,\r\n    appliedProductFilters,\r\n    appliedArticleFilters,\r\n    breadcrumbs,\r\n    parseOutQField,\r\n    buildQField,\r\n    categoryDescription,\r\n    defaultCategoryFilter,\r\n    isCategorySearch,\r\n    getSampleFilterItems,\r\n    filterCount,\r\n  };\r\n});\r\n","import { ref, computed } from 'vue';\r\nimport { defineStore, storeToRefs } from 'pinia';\r\nimport { useFilterStore} from './filter-store'\r\nimport { searchEndpoint, productEndpoint, articleEndpoint } from '../services/nopAPI';\r\n\r\nexport const useSearchStore = defineStore('search', () => {\r\n  const searchedString = ref('');\r\n  const isDropDownSearch = ref(false);\r\n\r\n  const productResults = ref([]);\r\n  const L2productResults = ref([]);\r\n  const pricingResults = ref([]);\r\n\r\n  const articleResults = ref([]);\r\n  const searchLoading = ref(false);\r\n  const articleImgResults = ref([]);\r\n\r\n  const dropdownArticleResults = ref([]);\r\n  const dropdownArticleImgResults = ref([]);\r\n  \r\n  const productL1FeedBack = ref([]);\r\n  const productL2FeedBack = ref([]);\r\n  const productDocumentTypeFeedBack = ref([]);\r\n  \r\n  const productsPerPage = ref(10);\r\n\r\n  const articlesPerPage = ref(3);\r\n  const dropdownArticlesPerPage = ref(10);\r\n\r\n  const startPage = ref(1);\r\n\r\n  const articlesStartPage = ref(1);\r\n  const dropdownArticlesStartPage = ref(1);\r\n\r\n  const productsSortBy = ref('_score+desc');\r\n  const parserOptions = ref('&q.parser=structured&q.options=%7B%22defaultOperator%22%3A%22and%22%2C%22fields%22%3A%5B%22sku%5E100%22%2C%20%22name%5E50%22%2C%20%22shortdescription%5E10%22%2C%20%22fulldescription%5E4%22%5D%7D');\r\n  const feedbackParserOptions = ref('&q.parser=structured&facet.l1_=%7B%7D&facet.l2_=%7B%7D&facet.documenttype=%7B%7D&q.options=%7B%22fields%22%3A%5B%22fulldescription%22%2C%22shortdescription%22%2C%22name%22%2C%22sku%22%5D%7D');\r\n  const searchQuery = ref('');\r\n\r\n  const { formattedFilters, isProductSearch, documentTypeFilters, isArticleSearch, appliedProductFilters, appliedArticleFilters, isCategorySearch } = storeToRefs(useFilterStore());\r\n  const { parseOutQField, buildQField } = useFilterStore()\r\n\r\n  const productMatchCount = computed(() => {\r\n    if (productResults.value.hits && productResults.value.hits.found) {\r\n      return productResults.value.hits.found;\r\n    }\r\n    return 0;\r\n  });\r\n\r\n  const articleMatchCount = computed(() => {\r\n    if (articleResults.value.hits && articleResults.value.hits.found) {\r\n      return articleResults.value.hits.found;\r\n    }\r\n    return 0;\r\n  });\r\n\r\n  const dropdownArticleMatchCount = computed(() => {\r\n    if (dropdownArticleResults.value.hits && dropdownArticleResults.value.hits.found) {\r\n      return dropdownArticleResults.value.hits.found;\r\n    }\r\n    return 0;\r\n  });\r\n\r\n  const productIdList = computed(() => {\r\n    if (productMatchCount.value) {\r\n      return productResults.value.hits.hit.map((hit) => hit.fields.documenttype_id);\r\n    }\r\n    return [];\r\n  });\r\n\r\n  const articleIdList = computed(() => {\r\n    if (articleMatchCount.value) {\r\n      return articleResults.value.hits.hit.map((hit) => hit.fields.documenttype_id);\r\n    }\r\n    return [];\r\n  });\r\n  const dropdownArticleIdList = computed(() => {\r\n    if (dropdownArticleMatchCount.value) {\r\n      return dropdownArticleResults.value.hits.hit.map((hit) => hit.fields.documenttype_id);\r\n    }\r\n    return [];\r\n  });\r\n\r\n  const productSearchResults = computed(() => {\r\n    if (productResults.value.hits && productResults.value.hits.found) {\r\n      return productResults.value.hits.hit.map((item) => {\r\n        const id = item.fields.documenttype_id;\r\n        const defaultPricing = {\r\n          pricing: {\r\n            StockQuantity: null,\r\n            ProductsPrice: null,\r\n          },\r\n        };\r\n        const pricing = { pricing: pricingResults.value[id] } || defaultPricing;\r\n        const match = { id, ...item.fields, ...pricing };\r\n        return match;\r\n      });\r\n    }\r\n    return [];\r\n  });\r\n\r\n  const articleSearchResults = computed(() => {\r\n    if (articleResults.value.hits && articleResults.value.hits.found) {\r\n      /* eslint-disable */\r\n      return articleResults.value.hits.hit.map((item) => {\r\n        const id = item.fields.documenttype_id;\r\n        const defaultDetails = {\r\n          details: {\r\n            img: null,\r\n            posted: 'Unknown',\r\n          },\r\n        };\r\n        const details = articleImgResults.value[id] ? { details: articleImgResults.value[id] } : defaultDetails;\r\n        const match = { id, ...item.fields, ...details };\r\n        return match;\r\n      });\r\n    }\r\n    return [];\r\n  });\r\n\r\n  const dropdownArticleSearchResults = computed(() => {\r\n    if (dropdownArticleResults.value.hits && dropdownArticleResults.value.hits.found) {\r\n      /* eslint-disable */\r\n      return dropdownArticleResults.value.hits.hit.map((item) => {\r\n        const id = item.fields.documenttype_id;\r\n        const defaultDetails = {\r\n          details: {\r\n            img: null,\r\n            posted: 'Unknown',\r\n          },\r\n        };\r\n        const details = dropdownArticleImgResults.value[id] ? { details: dropdownArticleImgResults.value[id] } : defaultDetails;\r\n        const match = { id, ...item.fields, ...details };\r\n        return match;\r\n      });\r\n    }\r\n    return [];\r\n  });\r\n\r\n  const L2productSearchResults = computed(() => {\r\n    const imgURL=\"/images/thumbs/0017241_nitrile-70-durometer-md-o-ring-270.jpeg\";\r\n    const search_String=searchedString.value;\r\n\r\n    let searchResult=L2productResults.value.map(item => {\r\n      let searchLink=search_String ? `/search?q=${search_String}&l2=${item.value}` : '#';\r\n      return {\r\n        ...item,\r\n        image:imgURL,\r\n        link: searchLink,\r\n      }\r\n    })\r\n    return searchResult;\r\n  });\r\n\r\n  async function initializeSearchPage() {\r\n    let query = window.location.search;\r\n    if (query) {\r\n      const params = new URLSearchParams(query);\r\n      searchedString.value = parseOutQField()\r\n\r\n      if (params.get('start')) {\r\n        startPage.value = parseInt(params.get('start'))\r\n      }\r\n      if (params.get('size')) {\r\n        productsPerPage.value = params.get('size')\r\n      }\r\n      if (params.get('sort')) {\r\n        productsSortBy.value = params.get('sort')\r\n      }\r\n\r\n      if (query.charAt(0) === '?') {\r\n        query = query.slice(1);\r\n      }\r\n    }\r\n  }\r\n\r\n  async function getFacetOptionList(facetList = [], l2Name = '') {\r\n    if (!facetList.length) return [];\r\n\r\n    const facetOptions = facetList.reduce((acc, facet) => {\r\n      acc += `&facet.${facet}={size:999}`;\r\n      return acc;\r\n    }, '');\r\n\r\n    var l2Filter = l2Name ? `&fq=(term field%3Dl2_ '${l2Name}')` : '';\r\n    \r\n    const { facets } = await searchEndpoint.search(`q=(matchall)&q.parser=structured${facetOptions}${l2Filter}`);\r\n    return facets;\r\n  }\r\n\r\n  async function searchProducts() {\r\n    if (isProductSearch.value) {\r\n      // let allAppliedFilters = '';\r\n      // if (formattedFilters.value.length) {\r\n      //   allAppliedFilters = `(and${documentTypeFilters.value['product']}${formattedFilters.value}})`;\r\n      // } else {\r\n      //   allAppliedFilters = documentTypeFilters.value['product'] ? `${documentTypeFilters.value['product']}` : '';\r\n      // }\r\n\r\n      // allAppliedFilters = allAppliedFilters ? `&fq=${allAppliedFilters}` : '';\r\n      console.log('product searching..');\r\n\r\n      if (isCategorySearch.value) {\r\n        const size = productsPerPage.value === 10 ? '' : `&size=${productsPerPage.value}`;\r\n        const start = startPage.value === 1 ? '' : `&start=${startPage.value}`;\r\n        let query = `q=(matchall)${parserOptions.value}${size}${start}&fq=${appliedProductFilters.value}`;\r\n\r\n        await getProductsByL2Category();\r\n        const newUrl = `${window.location.origin}${window.location.pathname}?${query}`;\r\n        window.history.replaceState({}, '', newUrl);\r\n      } else if (searchedString.value) {\r\n        const size = productsPerPage.value === 10 ? '' : `&size=${productsPerPage.value}`;\r\n        const start = startPage.value === 1 ? '' : `&start=${startPage.value}`;\r\n      \r\n        let query = `q=(or${buildQField(searchedString.value)})${parserOptions.value}${size}${start}&fq=${appliedProductFilters.value}`;\r\n        await getProductsBySearchString(searchedString.value);\r\n        const newUrl = `${window.location.origin}${window.location.pathname}?${query}`;\r\n        window.history.replaceState({}, '', newUrl);\r\n      }\r\n      //productResults.value = await searchEndpoint.search(query)\r\n      //getProductPriceAndStock();\r\n    }\r\n  }\r\n\r\n  async function searchFeedBack() {\r\n    let query = `q=(or${buildQField(searchedString.value)})${feedbackParserOptions.value}&size=0`;\r\n    const { facets } = await searchEndpoint.search(query);\r\n    if (facets !== undefined) {\r\n      productL1FeedBack.value = facets[\"l1_\"]['buckets'];\r\n      productL2FeedBack.value = facets[\"l2_\"]['buckets'];\r\n      productDocumentTypeFeedBack.value = facets[\"documenttype\"]['buckets'];\r\n    }\r\n    // const result = await searchEndpoint.search(query);\r\n  }\r\n\r\n  async function getProductsBySearchString(searchString){\r\n    let allAppliedFilters = '';\r\n      if (formattedFilters.value.length) {\r\n        allAppliedFilters = `(and${documentTypeFilters.value['product']}${formattedFilters.value}})`;\r\n      } else {\r\n        allAppliedFilters = documentTypeFilters.value['product'] ? `${documentTypeFilters.value['product']}` : '';\r\n      }\r\n\r\n      if (!searchString) return\r\n      let qField = `(or${buildQField(searchString)})`\r\n      allAppliedFilters = allAppliedFilters ? `&fq=${allAppliedFilters}` : '';\r\n\r\n      const size = productsPerPage.value === 10 ? '' : `&size=${productsPerPage.value}`;\r\n      const start = startPage.value === 1 ? '' : `&start=${startPage.value}`;\r\n      let query = `q=${qField}&q.parser=structured${size}${start}&fq=${appliedProductFilters.value}`;\r\n      productResults.value = await searchEndpoint.search(query)\r\n      getProductPriceAndStock()\r\n  }\r\n\r\n  async function getProductsByL2Category() {\r\n    const size = productsPerPage.value === 10 ? '' : `&size=${productsPerPage.value}`;\r\n    const start = startPage.value === 1 ? '' : `&start=${startPage.value}`;\r\n    let query = `q=(matchall)&q.parser=structured${size}${start}&fq=${appliedProductFilters.value}`;\r\n    productResults.value = await searchEndpoint.search(query)\r\n    getProductPriceAndStock();\r\n  }\r\n\r\n  async function searchArticles() {\r\n    if (!isDropDownSearch.value && searchedString.value && isArticleSearch.value) {\r\n      const size = articlesPerPage.value === 10 ? '' : `&size=${articlesPerPage.value}`;\r\n      const start = articlesStartPage.value === 1 ? '' : `&start=${articlesStartPage.value}`;\r\n      const returnFields = `&return=tags,documenttype,name,shortdescription,documenttype_id,slug`;\r\n      const query = `q=(or${buildQField(searchedString.value)})&q.parser=structured&fq=${appliedArticleFilters.value}${returnFields}${size}${start}`;\r\n\r\n      articleResults.value = await searchEndpoint.search(query)\r\n      console.log(\"search articles call multiple times.\");\r\n      getArticleDetail()\r\n    }\r\n  }\r\n\r\n  async function searchDropdownArticles(KBaseType='blog') {\r\n    // console.log('drop down search',isDropDownSearch.value);\r\n    if (isDropDownSearch.value && searchedString.value) {\r\n      const returnFields = `&return=tags,documenttype,name,shortdescription,documenttype_id,slug`;\r\n      const query = `q=(or${buildQField(searchedString.value)})&q.parser=structured&fq=(and(term field%3Ddocumenttype '${KBaseType}'))${returnFields}`\r\n\r\n      const articleRes = await searchEndpoint.search(query)\r\n      dropdownArticleResults.value = articleRes\r\n      getDropdownArticleDetail()\r\n    }\r\n  }\r\n\r\n\r\n  async function getProductPriceAndStock() {\r\n    if (productMatchCount.value) {\r\n      // productIdList.value.map(async (id) => {\r\n      //   if (pricingResults.value[id] && pricingResults.value[id].loaded) return\r\n      //   await productEndpoint.getProductPriceAndStock([id])\r\n      //     .then((priceAndStock) => {\r\n      //       const stuff = {\r\n      //         loaded: true,\r\n      //         id: priceAndStock.ProductsPricing[0].Id,\r\n      //         ProductsPrice: priceAndStock.ProductsPricing[0].ProductsPrice,\r\n      //         StockQuantity: priceAndStock.ProductsPricing[0].StockQuantity,\r\n      //         ShowStock: priceAndStock.ProductsPricing[0].ShowStock,\r\n      //         StockStatus: priceAndStock.ProductsPricing[0].StockStatus\r\n      //       };\r\n      //       pricingResults.value[id] = stuff\r\n      //     })\r\n      //     .catch(() => {\r\n      //       const stuff = {\r\n      //         loaded: false,\r\n      //         id,\r\n      //         ProductsPrice: 'Call for price',\r\n      //         StockQuantity: 'Call for stock',\r\n      //       };\r\n      //       pricingResults.value[id] = stuff;\r\n      //     })\r\n      // })\r\n      // productIdList.value.map(async (id) => {\r\n      //   if (pricingResults.value[id] && pricingResults.value[id].loaded) return\r\n      // })\r\n      // console.log(pricingResults.value.length);\r\n      // if(pricingResults.value.length > 0) return;\r\n\r\n      await productEndpoint.getProductPriceAndStock([productIdList.value])\r\n        .then((priceAndStock) => {\r\n          productIdList.value.map(async (id,index) => {\r\n            const stuff = {\r\n              loaded: true,\r\n              id: priceAndStock.ProductsPricing[index].Id,\r\n              ProductsPrice: priceAndStock.ProductsPricing[index].ProductsPrice,\r\n              StockQuantity: priceAndStock.ProductsPricing[index].StockQuantity,\r\n              ShowStock: priceAndStock.ProductsPricing[index].ShowStock,\r\n              StockStatus: priceAndStock.ProductsPricing[index].StockStatus\r\n            };\r\n            pricingResults.value[id] = stuff\r\n          })\r\n        })\r\n        .catch(() => {\r\n          productIdList.value.map(async (id,index) => {\r\n            const stuff = {\r\n              loaded: false,\r\n              id,\r\n              ProductsPrice: 'Call for price',\r\n              StockQuantity: 'Call for stock',\r\n            };\r\n            pricingResults.value[id] = stuff;\r\n          })\r\n        })\r\n    }\r\n  }\r\n  \r\n  async function getArticleDetail() {\r\n    if (articleMatchCount.value) {\r\n      const defaultDetail = {\r\n        loaded: false,\r\n        id: 0,\r\n        img: null,\r\n        posted: 'Unknown',\r\n      };\r\n      await articleEndpoint.getArticleDetail([articleIdList.value])\r\n      .then((detailData) => {\r\n        articleIdList.value.map(async (id, index) => {\r\n          const detail = {\r\n            loaded: true,\r\n            id: detailData.Articles[index].id,\r\n            img: detailData.Articles[index].img,\r\n            posted: detailData.Articles[index].posted,\r\n          };\r\n          articleImgResults.value[id] = detail;\r\n        })\r\n      })\r\n      .catch(() => {\r\n        articleImgResults.value[id] = defaultDetail;\r\n      });\r\n      // articleIdList.value.map(async (id) => {\r\n      //   if (articleImgResults.value[id] && articleImgResults.value[id].loaded) return;\r\n      //   const defaultDetail = {\r\n      //     loaded: false,\r\n      //     id,\r\n      //     img: null,\r\n      //     posted: 'Unknown',\r\n      //   };\r\n      //   await articleEndpoint\r\n      //     .getArticleDetail([id])\r\n      //     .then((detailData) => {\r\n      //       const detail = {\r\n      //         loaded: true,\r\n      //         id: detailData.Article.id,\r\n      //         img: detailData.Article.img,\r\n      //         posted: detailData.Article.posted,\r\n      //       };\r\n      //       articleImgResults.value[id] = detail;\r\n      //     })\r\n      //     .catch(() => {\r\n      //       articleImgResults.value[id] = defaultDetail;\r\n      //     });\r\n      // });\r\n    }\r\n  }\r\n  async function getDropdownArticleDetail() {\r\n    if (dropdownArticleMatchCount.value) {\r\n      if (dropdownArticleImgResults.value.length > 0) return;\r\n      const defaultDetail = {\r\n        loaded: false,\r\n        id: 0,\r\n        img: null,\r\n        posted: 'Unknown',\r\n      };\r\n      await articleEndpoint.getArticleDetail([dropdownArticleIdList.value])\r\n      .then((detailData) => {\r\n        dropdownArticleIdList.value.map(async (id, index) => {\r\n          const detail = {\r\n            loaded: true,\r\n            id: detailData.Articles[index].id,\r\n            img: detailData.Articles[index].img,\r\n            posted: detailData.Articles[index].posted,\r\n          };\r\n          dropdownArticleImgResults.value[id] = detail;\r\n        })\r\n      })\r\n      .catch(() => {\r\n        dropdownArticleImgResults.value[id] = defaultDetail;\r\n      });\r\n      // dropdownArticleIdList.value.map(async (id) => {\r\n      //   if (dropdownArticleImgResults.value[id] && dropdownArticleImgResults.value[id].loaded) return;\r\n      //   const defaultDetail = {\r\n      //     loaded: false,\r\n      //     id,\r\n      //     img: null,\r\n      //     posted: 'Unknown',\r\n      //   };\r\n      //   await articleEndpoint\r\n      //     .getArticleDetail([id])\r\n      //     .then((detailData) => {\r\n      //       const detail = {\r\n      //         loaded: true,\r\n      //         id: detailData.Article.id,\r\n      //         img: detailData.Article.img,\r\n      //         posted: detailData.Article.posted,\r\n      //       };\r\n      //       dropdownArticleImgResults.value[id] = detail;\r\n      //     })\r\n      //     .catch(() => {\r\n      //       dropdownArticleImgResults.value[id] = defaultDetail;\r\n      //     });\r\n      // });\r\n    }\r\n  }\r\n  const executeSearch = async () => {\r\n    console.log('SEARCH EXECUTED');\r\n  }\r\n\r\n  async function getL2ProductResults(l1ProductName){\r\n    if (searchedString.value) {\r\n      l1ProductName = l1ProductName.replace(/&/g, '%26');\r\n      let query = `q=(or${buildQField(searchedString.value)})&q.parser=structured&fq=l1_:'${l1ProductName}'&q.options={\"fields\":[\"fulldescription\",\"shortdescription\",\"name\",\"sku\"]}&facet.l2_={}`;\r\n      const l2productsRes = await searchEndpoint.search(query);\r\n      const L2products = l2productsRes?.facets?.l2_?.buckets;\r\n      if (Array.isArray(L2products)) {\r\n        L2productResults.value = L2products;\r\n      }\r\n    }\r\n  }\r\n\r\n\r\n  function debounce(fn, delay) {\r\n    let timeoutId = null;\r\n    return async function (...args) {\r\n      if (timeoutId) clearTimeout(timeoutId);\r\n      timeoutId = setTimeout(async () => {\r\n        timeoutId = null;\r\n        await fn(...args);\r\n      }, delay);\r\n    };\r\n  }\r\n\r\n  function setLoading() {\r\n    searchLoading.value = true\r\n  }\r\n\r\n  function unSetLoading() {\r\n    searchLoading.value = false\r\n  }\r\n\r\n  return {\r\n    initializeSearchPage,\r\n    productSearchResults,\r\n    articleSearchResults,\r\n    searchedString,\r\n    isDropDownSearch,\r\n    getProductPriceAndStock,\r\n    searchProducts,\r\n    searchLoading,\r\n    productL1FeedBack,\r\n    productL2FeedBack,\r\n    productDocumentTypeFeedBack,\r\n    productIdList,\r\n    productMatchCount,\r\n    articleMatchCount,\r\n    productsPerPage,\r\n    startPage,\r\n    searchArticles,\r\n    getL2ProductResults,\r\n    L2productSearchResults,\r\n    articlesPerPage,\r\n    articlesStartPage,\r\n    articleImgResults,\r\n    articleIdList,\r\n    searchQuery,\r\n    getFacetOptionList,\r\n\r\n    dropdownArticlesPerPage,\r\n    dropdownArticlesStartPage,\r\n    dropdownArticleMatchCount,\r\n    dropdownArticleIdList,\r\n    dropdownArticleSearchResults,\r\n    searchDropdownArticles,\r\n    getDropdownArticleDetail,\r\n\r\n    debounce,\r\n    getProductsBySearchString,\r\n    searchFeedBack,\r\n    setLoading,\r\n    unSetLoading,\r\n  };\r\n});","<template>\r\n  <div class=\"breadcrumb--wrapper\">\r\n    <div class=\"breadcrumb non-transform\">\r\n      <div class=\"breadcrumb--left-section\">\r\n        <div class=\"breadcrumb--steps\"><a href=\"/\">Home</a> \r\n          <a :href='breadcrumb.page' v-for=\"(breadcrumb, index) in breadcrumbs\" :key=\"index\"> > {{ breadcrumb.name }}</a>\r\n        </div>\r\n        <div v-if='searchedString' class=\"breadcrumb--results\">Results for \"<span class=\"breadcrumb--results-data\">{{ searchedString }}</span>\" <span style='display:none;'>in Sealing</span></div>\r\n        <div v-else class=\"breadcrumb--results\">Search for Products in Catalog</div>\r\n      </div>\r\n      <div v-if='false' class=\"breadcrumb--right-section\">\r\n        <q-btn class=\"btn-go-to-page\" label=\"Go to O-Rings Page\" />\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup>\r\nimport { storeToRefs } from \"pinia\"\r\nimport { useSearchStore } from \"../stores/search-store\"\r\nimport { useFilterStore } from \"../stores/filter-store\"\r\n\r\nconst searchStore = useSearchStore()\r\nconst filterStore = useFilterStore()\r\n\r\nconst { searchedString } = storeToRefs(searchStore)\r\nconst { breadcrumbs } = storeToRefs(filterStore)\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.breadcrumb {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  padding-top: 15px;\r\n  padding-bottom: 15px;\r\n  max-width: 90%;\r\n  margin: 0 auto;\r\n  padding-left: 0 !important;\r\n  padding-right: 0 !important;\r\n  z-index: unset !important;\r\n  \r\n  @media (max-width: $breakpoint-xs) {\r\n    // padding-bottom: 15px;\r\n    padding-top: 0px;\r\n  }\r\n\r\n  &--wrapper {\r\n    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\r\n  }\r\n  &--left-section {\r\n    color: #0566b1;\r\n    letter-spacing: 0.5px;\r\n    font-weight: 700;\r\n    font-size: 14px;\r\n    line-height: 18px;\r\n    a {\r\n      color: #0566b1;\r\n      text-decoration: none;\r\n      letter-spacing: 0.5px;\r\n      font-weight: 700;\r\n      font-size: 14px;\r\n      line-height: 18px;\r\n    }\r\n  }\r\n  &--right-section {\r\n    @media (max-width: $breakpoint-xs) {\r\n      display: none;\r\n    }\r\n  }\r\n  &--results {\r\n    font-weight: 700;\r\n    font-size: 18px;\r\n    line-height: 22px;\r\n    color: #444444;\r\n    letter-spacing: 0.1px;\r\n    &-data {\r\n      color: #0566b1;\r\n    }\r\n  }\r\n}\r\n.btn-go-to-page {\r\n  background: #0684c7 !important;\r\n  border-radius: 8px !important;\r\n  color: #fff !important;\r\n  font-weight: 700 !important;\r\n  font-size: 16px !important;\r\n  line-height: 20px !important;\r\n  letter-spacing: 0.1px !important;\r\n  text-transform: none !important;\r\n}\r\n.breadcrumb--results{\r\n  margin-top: 5px;\r\n}\r\n</style>\r\n","import script from \"./BreadcrumbsComponent.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./BreadcrumbsComponent.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./BreadcrumbsComponent.vue?vue&type=style&index=0&id=3f7669d7&lang=scss&scoped=true\"\n\nimport exportComponent from \"F:\\\\APG\\\\LatestProject\\\\vue-search-filters\\\\node_modules\\\\vue-loader\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-3f7669d7\"]])\n\nexport default __exports__\nimport QBtn from 'quasar/src/components/btn/QBtn.js';\nimport qInstall from \"../../node_modules/vue-cli-plugin-quasar/lib/runtime.auto-import.js\";\nqInstall(script, 'components', {QBtn});\n","<template>\r\n  <div class=\"filter-pills\" v-if=\"modelValue.length > 0\">\r\n    <span class=\"filter-clear\" @click=\"clearFilter\">Clear All {{ modelValue.length }} Filters</span>\r\n    <q-chip\r\n      class=\"pill\"\r\n      icon-remove=\"close\"\r\n      outline\r\n      removable\r\n      remove-aria-label=\"remove-pill\"\r\n      v-for=\"(pillVal, index) in modelValue\"\r\n      :key=\"`pill-${pillVal}-${index}`\"\r\n      v-model=\"pills[index]\"\r\n      @remove=\"onRemove\"\r\n      color=\"apg-med-grey\"\r\n      text-color=\"white\"\r\n    >\r\n      {{ pillVal.label }}\r\n    </q-chip>\r\n  </div>\r\n  <div v-else class=\"filter-pills\"><b>No Filters Applied</b></div>\r\n</template>\r\n\r\n<script setup>\r\nimport { defineProps, defineEmits, ref, onBeforeMount } from 'vue';\r\n\r\nconst pills = ref([]);\r\nconst props = defineProps({\r\n  modelValue: {\r\n    type: Array,\r\n    default: () => {\r\n      [];\r\n    },\r\n    required: true,\r\n  },\r\n  labelKey: {\r\n    type: String,\r\n    default: null,\r\n  },\r\n});\r\nonBeforeMount(() => {\r\n  pills.value = Array(props.modelValue.length).fill(true);\r\n});\r\n\r\nconst emit = defineEmits(['update:modelValue', 'remove']);\r\n\r\nfunction clearFilter() {\r\n  pills.value = [];\r\n  props.modelValue.forEach(item => {\r\n    emit('remove', item)\r\n  })\r\n  emit('update:modelValue', []);\r\n}\r\n\r\nfunction onRemove() {\r\n  const newArray = [...props.modelValue];\r\n  let pillIndex = pills.value.indexOf(false);\r\n  emit('remove', newArray[pillIndex])\r\n  newArray.splice(pillIndex, 1);\r\n  pills.value.splice(pillIndex, 1);\r\n  emit('update:modelValue', newArray);\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.filter-clear {\r\n  color: $apg-dark-blue;\r\n  font-weight: 700;\r\n  font-size: 14px;\r\n  line-height: 18px;\r\n  cursor: pointer;\r\n  margin-right: 4px;\r\n}\r\n.q-chip {\r\n  letter-spacing: 0.4px;\r\n  font-size: 12px;\r\n  line-height: 16px;\r\n}\r\n.filter-pills {\r\n  padding: 20px 0;\r\n\r\n  b {\r\n    letter-spacing: 0.4px;\r\n    line-height: 32px;\r\n  }\r\n  &::v-deep {\r\n    .q-chip__icon--remove {\r\n      font-size: 12px;\r\n      margin-left: 8px;\r\n    }\r\n  }\r\n}\r\n.h-10 {\r\n  height: 10px;\r\n}\r\n</style>\r\n","import script from \"./PillsFilter.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./PillsFilter.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./PillsFilter.vue?vue&type=style&index=0&id=42acbffc&lang=scss&scoped=true\"\n\nimport exportComponent from \"F:\\\\APG\\\\LatestProject\\\\vue-search-filters\\\\node_modules\\\\vue-loader\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-42acbffc\"]])\n\nexport default __exports__\nimport QChip from 'quasar/src/components/chip/QChip.js';\nimport qInstall from \"../../../node_modules/vue-cli-plugin-quasar/lib/runtime.auto-import.js\";\nqInstall(script, 'components', {QChip});\n","import { ref, computed } from 'vue';\r\nimport { defineStore } from 'pinia';\r\nimport { promotionEndpoint } from '../services/nopAPI';\r\n\r\nexport const usePromotionStore = defineStore('promotion', () => {\r\n  const promotions = ref([]);\r\n  const promotionCount = computed(() => promotions.value.length);\r\n\r\n  async function initializePromotion() {\r\n    try {\r\n      const resp = await promotionEndpoint.getPromotions();\r\n      promotions.value = resp.Promotions;\r\n    } catch (error) {\r\n      console.error('error initializePromotion', error);\r\n    }\r\n  }\r\n  return {\r\n    initializePromotion,\r\n    promotions,\r\n    promotionCount,\r\n  };\r\n});\r\n","<template>\r\n  <a :href=\"promotion.Url\" class=\"promotion\" v-for=\"(promotion, index) in promotions\" :key=\"index + promotion.Title\">\r\n    <!-- {{ promotion }} -->\r\n    <img :src=\"promotion.ImageUrl\" :alt=\"promotion.Title\" />\r\n  </a>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'PromotionComponent',\r\n};\r\n</script>\r\n<script setup>\r\nimport { storeToRefs } from 'pinia';\r\nimport { onBeforeMount } from 'vue';\r\nimport { usePromotionStore } from '../stores/promotion-store';\r\n\r\nconst store = usePromotionStore();\r\nconst { promotions } = storeToRefs(store);\r\n\r\nonBeforeMount(() => {\r\n  store.initializePromotion();\r\n});\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.promotion {\r\n\r\n  img {\r\n    width: 100%;\r\n    border: 1px solid #e5e5e5;\r\n    border-radius: 8px;\r\n  }\r\n}\r\n</style>\r\n","import script from \"./Promotions.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./Promotions.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./Promotions.vue?vue&type=style&index=0&id=d811ca24&lang=scss&scoped=true\"\n\nimport exportComponent from \"F:\\\\APG\\\\LatestProject\\\\vue-search-filters\\\\node_modules\\\\vue-loader\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-d811ca24\"]])\n\nexport default __exports__","<template>\r\n  <div class=\"table-pagination\">\r\n    <div class=\"table-rows-par-page float-left\">\r\n      Rows per page: <q-select :disable='disableTableSize' borderless :modelValue=\"componentValue\" @update:model-value=\"update\" :options=\"rowsPerPageOptions\" class=\"q-pl-md q-mb-none\" />\r\n    </div>\r\n    <div class=\"float-right\">\r\n      {{ firstIndex }}-{{ lastIndex }} of {{ props.scope.pagination.rowsNumber }} items\r\n      <q-btn icon=\"chevron_left\" color=\"primary\" round dense flat :disable=\"isFirstPage\" @click=\"() => updatePage(props.scope.pagination.page - 1)\" />\r\n      <q-btn icon=\"chevron_right\" color=\"primary\" round dense flat :disable=\"isLastPage\" @click=\"() => updatePage(props.scope.pagination.page + 1)\" />\r\n    </div>\r\n  </div>\r\n</template>\r\n<script setup>\r\n/* eslint-disable */\r\nimport { defineProps, defineEmits, onMounted, ref, computed } from 'vue';\r\n\r\nconst props = defineProps({\r\n  scope: {\r\n    require: true,\r\n  },\r\n  rowsPerPageOptions: Array,\r\n  rowsPerPage: Number,\r\n  disableTableSize: {\r\n    type: Boolean,\r\n    default: false,\r\n  }\r\n});\r\n\r\nconst componentValue = ref(10)\r\n\r\nconst isFirstPage = computed(() => props.scope.pagination.page == 1)\r\nconst isLastPage = computed(() => lastIndex.value >= parseInt(props.scope.pagination.rowsNumber))\r\n\r\nconst firstIndex = computed(() => {\r\n  return (parseInt(props.scope.pagination.page) - 1) * parseInt(props.scope.pagination.rowsPerPage) + 1\r\n})\r\n\r\nconst lastIndex = computed(() => {\r\n  const lIndex = (parseInt(firstIndex.value) - 1) + parseInt(props.scope.pagination.rowsPerPage)\r\n  return lIndex >= parseInt(props.scope.pagination.rowsNumber) ? props.scope.pagination.rowsNumber : lIndex\r\n})\r\n\r\nconst update = (val) => {\r\n  componentValue.value = val\r\n  emit('update:rowsPerPage', val)\r\n}\r\n\r\nconst updatePage = (page) => {\r\n  emit('updatePage', page)\r\n}\r\n\r\nconst emit = defineEmits(['update:rowsPerPage', 'updatePage'])\r\n\r\nonMounted(() => {\r\n  componentValue.value = props.scope.pagination.rowsPerPage\r\n})\r\n\r\n</script>\r\n<style scoped lang=\"scss\">\r\n.table-pagination {\r\n  width: 100%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n}\r\n\r\n.table-rows-par-page {\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n</style>","import script from \"./TablePagination.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./TablePagination.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./TablePagination.vue?vue&type=style&index=0&id=26102da7&scoped=true&lang=scss\"\n\nimport exportComponent from \"F:\\\\APG\\\\LatestProject\\\\vue-search-filters\\\\node_modules\\\\vue-loader\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-26102da7\"]])\n\nexport default __exports__\nimport QSelect from 'quasar/src/components/select/QSelect.js';\nimport QBtn from 'quasar/src/components/btn/QBtn.js';\nimport qInstall from \"../../../node_modules/vue-cli-plugin-quasar/lib/runtime.auto-import.js\";\nqInstall(script, 'components', {QSelect,QBtn});\n","\r\n<template>\r\n  <div class=\"\">\r\n    <div class='kb-table-title'>Knowledge Base</div>\r\n    <q-table\r\n      grid\r\n      color='primary'\r\n      no-data-label=\"No Knowledge Base Articles Found\"\r\n      :rows=\"articleSearchResults\"\r\n      :columns=\"columns\"\r\n      row-key=\"name\"\r\n      :filter=\"filter\"\r\n      hide-header\r\n      :pagination=\"pagination\"\r\n      table-header-style=\"padding-left:0px;\"\r\n      :rows-per-page-options=\"[3, 5, 10]\"\r\n    >\r\n      <template v-slot:item=\"props\">\r\n          <q-card class=\"kb-card\">\r\n            <q-card-section class=\"row no-wrap kb-card-section\" >\r\n              <div class='kb-card-grid'>\r\n                <div class=\"relative kb-img\">\r\n                  <q-img v-if='!props.row?.details?.img' class=\"q-mr-md kb-image\" placeholder-src=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAACWBAMAAADOL2zRAAAAG1BMVEXMzMyWlpaqqqq3t7fFxcW+vr6xsbGjo6OcnJyLKnDGAAAACXBIWXMAAA7EAAAOxAGVKw4bAAABAElEQVRoge3SMW+DMBiE4YsxJqMJtHOTITPeOsLQnaodGImEUMZEkZhRUqn92f0MaTubtfeMh/QGHANEREREREREREREtIJJ0xbH299kp8l8FaGtLdTQ19HjofxZlJ0m1+eBKZcikd9PWtXC5DoDotRO04B9YOvFIXmXLy2jEbiqE6Df7DTleA5socLqvEFVxtJyrpZFWz/pHM2CVte0lS8g2eDe6prOyqPglhzROL+Xye4tmT4WvRcQ2/m81p+/rdguOi8Hc5L/8Qk4vhZzy08DduGt9eVQyP2qoTM1zi0/uf4hvBWf5c77e69Gf798y08L7j0RERERERERERH9P99ZpSVRivB/rgAAAABJRU5ErkJggg==\"/>\r\n                  <q-img v-if='props.row?.details?.img' class=\"q-mr-md kb-image\" :src=\"'data:image/gif;base64,'+props.row?.details.img\" />\r\n                  <div :class='`bg-kb-${props.row.documenttype.toLowerCase()} text-white kb-badge`'>{{badgeName[props.row.documenttype.toLowerCase()]}}</div>\r\n                </div>\r\n                <div class=\"kb-title\">{{ props.row.name }}</div>\r\n                <div class=\"kb-postdate\">Posted - {{ convertDate(props.row.details.posted) }}</div>\r\n                <div class=\"kb-tags\">\r\n                  <q-chip v-for=\"tag in props.row.tags\" square :color=\"`kb-tag-${props.row.documenttype.toLowerCase()}`\" :text-color=\"`kb-tag-${props.row.documenttype.toLowerCase()}`\" v-bind:key='tag'>{{ tag.toUpperCase() }}</q-chip>\r\n                </div>\r\n                <div class=\"kb-description\">{{ props.row.shortdescription }}</div>\r\n                <div class='kb-readmore'><q-btn outline class='readmore-btn' color='primary' :label=\"buttonLabel[props.row.documenttype.toLowerCase()]\" :href=\"'/' + props.row.slug\" /></div>\r\n              </div>\r\n            </q-card-section>\r\n          </q-card>\r\n      </template>\r\n      \r\n      <template v-slot:bottom=\"pagination\">\r\n        <TablePagination :scope=\"pagination\" @update:rowsPerPage='updateRowsPerPage' :rowsPerPageOptions='rowsPerPageOptions' @updatePage='updatePage' :disableTableSize='true'/>\r\n      </template>\r\n    </q-table>\r\n  </div>\r\n</template>\r\n\r\n<script setup>\r\n/* eslint-disable */\r\nimport { ref, computed,defineProps } from 'vue'\r\nimport { storeToRefs } from 'pinia'\r\nimport { useSearchStore } from '../stores/search-store'\r\nimport TablePagination from './ProductResultsTable/TablePagination.vue';\r\n\r\nconst rowsPerPageOptions = [3, 5, 7]\r\nconst filter = ref('')\r\nconst columns = [\r\n  {\r\n    name: 'desc',\r\n    required: true,\r\n    label: 'Dessert (100g serving)',\r\n    align: 'left',\r\n    field: row => row.name,\r\n    format: val => `${val}`\r\n  },\r\n  { name: 'calories', align: 'center', label: 'Calories', field: 'calories', sortable: true },\r\n  { name: 'fat', label: 'Fat (g)', field: 'fat', sortable: true },\r\n  { name: 'carbs', label: 'Carbs (g)', field: 'carbs' }\r\n]\r\n\r\nconst searchStore = useSearchStore()\r\nconst { articleSearchResults,articlesPerPage, articlesStartPage, articleMatchCount } = storeToRefs(searchStore)\r\nconst { searchArticles } = searchStore\r\n\r\n\r\nlet pagination = {\r\n  isFirstPage: ref(false),\r\n  isLastPage: ref(true),\r\n  page: ref(1),\r\n  rowsPerPage: ref(10),\r\n  rowsNumber: ref(0),\r\n  sortBy: ref('name'),\r\n  descending: ref(true),\r\n  lastPage: ref(0),\r\n}\r\n\r\npagination.page = computed(() => Math.floor(parseInt(articlesStartPage.value) / parseInt(articlesPerPage.value) + 1))\r\npagination.rowsPerPage = articlesPerPage || 3\r\npagination.rowsNumber = articleMatchCount || 0\r\n\r\nconst updateRowsPerPage = (rowsPerPage) => {\r\n  articlesPerPage.value = rowsPerPage\r\n  searchArticles()\r\n}\r\n\r\nconst updatePage = (page) => {\r\n    articlesStartPage.value = (page - 1) * articlesPerPage.value\r\n    searchArticles()\r\n}\r\n\r\nconst badgeName = {\r\n    resource: 'RESOURCES',\r\n    blog: 'BLOGS',\r\n    catalog: 'CATALOGS'\r\n}\r\n\r\nconst buttonLabel = {\r\n    resource: 'Read More',\r\n    blog: 'Read More',\r\n    catalog: 'View Catalog'\r\n}\r\n\r\nconst convertDate = (date) => {\r\n  if (date === null || date === '' || date.toLowerCase() === 'unknown') return ''\r\n  const d = new Date(date)\r\n  return d.toLocaleDateString(\"en-US\", {\r\n    month: \"2-digit\",\r\n    day: \"2-digit\",\r\n    year: \"numeric\"\r\n  })\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n    .kb-table-title {\r\n        font-weight: 700;\r\n        font-size: 22px;\r\n        line-height: 28px;\r\n        padding-bottom: 20px;\r\n        @media (max-width: $breakpoint-xs) {\r\n          padding-bottom: 15px;\r\n        }\r\n    }\r\n    .kb-card {\r\n        margin-bottom: 20px;\r\n        width: 100%;\r\n    }\r\n    .kb-card-section {\r\n      padding:30px !important;\r\n    }\r\n    .kb-card-grid {\r\n      display: grid;\r\n    }\r\n    .kb-img {\r\n      grid-area: kbImg;\r\n    }\r\n    .kb-image {\r\n      width:230px;\r\n      height:230px;\r\n    }\r\n    .kb-title {\r\n        grid-area: kbTitle;\r\n        color: $apg-dark-grey;\r\n        font-size: 22px;\r\n        font-weight: 700;\r\n        line-height: 28px;\r\n        padding-bottom: 4px;\r\n    }\r\n    .kb-postdate {\r\n        grid-area: kbPostdate;\r\n        font-size: 14px;\r\n        line-height: 12px;\r\n        letter-spacing: 0.4px;\r\n        color: $apg-med-grey;\r\n        padding-bottom: 12px;\r\n    }\r\n    .kb-description {\r\n        grid-area: kbDesc;\r\n        font-size: 14px;\r\n        font-weight: 400;\r\n        line-height: 18px;\r\n        letter-spacing: 0.25px;\r\n        color: $apg-dark-grey;\r\n        margin-bottom: 16px;\r\n        \r\n        height: 54px;\r\n        display: -webkit-box;\r\n        -webkit-line-clamp: 3;\r\n        text-overflow: hidden;\r\n        -webkit-box-orient: vertical;\r\n        overflow: hidden;\r\n    }\r\n    .kb-tags {\r\n        grid-area: kbTags;\r\n        margin-bottom: 16px;\r\n        height: 32px;\r\n        display: -webkit-box;\r\n        -webkit-line-clamp: 1;\r\n        text-overflow: hidden;\r\n        -webkit-box-orient: horizontal;\r\n        overflow: hidden;\r\n    }\r\n    .kb-readmore {\r\n      grid-area: kbReadmore;\r\n      width:100%;\r\n    }\r\n    .kb-badge {\r\n        line-height: 16px;\r\n        position: absolute;\r\n        top:30px;\r\n        left:30px;\r\n        font-size:12px;\r\n        padding:10px;\r\n    }\r\n    .bg-kb-resource {\r\n        background-color: #00AA2D !important;\r\n    }\r\n    .bg-kb-blog {\r\n        background-color: $primary !important;\r\n    }\r\n    .bg-kb-catalog {\r\n        background-color: #C42424 !important;\r\n    }\r\n    .kb-card-grid {\r\n      display: grid;\r\n      grid-template-rows: auto auto auto auto auto;\r\n      grid-template-columns: 230px auto;\r\n      grid-column-gap: 24px;\r\n      grid-row-gap: 0;\r\n      grid-template-areas: \"kbImg kbTitle   \"\r\n                            \"kbImg kbPostdate\"\r\n                            \"kbImg kbTags    \"\r\n                            \"kbImg kbDesc    \"\r\n                            \"kbImg kbReadmore\";\r\n    }\r\n\r\n    @media only screen and (max-width: 767px) {\r\n    // class that rounds over the top corners\r\n      .kb-image {\r\n        border-radius: 4px 4px 0px 0px;\r\n        width: 100%;\r\n        height: 180px;\r\n        margin-bottom: 18px;\r\n      }\r\n      .kb-card-section {\r\n        padding:0px !important;\r\n        margin-bottom: 18px;\r\n      }\r\n      .kb-description {\r\n          margin-bottom: 40px;\r\n      }\r\n      .kb-badge {\r\n          top:21px;\r\n          left:0px;\r\n      }\r\n      .readmore-btn {\r\n        width: 100% !important;\r\n      }\r\n      .kb-card-grid {\r\n        display: grid;\r\n        grid-template-rows: auto auto auto auto auto;\r\n        grid-template-columns: 17px auto 17px; /* 1 column */\r\n        grid-column-gap: 0px;\r\n        grid-row-gap: 0px;\r\n        grid-template-areas: \"kbImg kbImg      kbImg\"\r\n                             \".     kbTitle    .\"\r\n                             \".     kbPostdate .\"\r\n                             \".     kbTags     .\"\r\n                             \".     kbDesc     .\"\r\n                             \".     kbReadmore .\";\r\n      }\r\n    }\r\n</style>","import script from \"./KBaseResultsTable.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./KBaseResultsTable.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./KBaseResultsTable.vue?vue&type=style&index=0&id=495f382d&lang=scss&scoped=true\"\n\nimport exportComponent from \"F:\\\\APG\\\\LatestProject\\\\vue-search-filters\\\\node_modules\\\\vue-loader\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-495f382d\"]])\n\nexport default __exports__\nimport QTable from 'quasar/src/components/table/QTable.js';\nimport QCard from 'quasar/src/components/card/QCard.js';\nimport QCardSection from 'quasar/src/components/card/QCardSection.js';\nimport QImg from 'quasar/src/components/img/QImg.js';\nimport QChip from 'quasar/src/components/chip/QChip.js';\nimport QBtn from 'quasar/src/components/btn/QBtn.js';\nimport qInstall from \"../../node_modules/vue-cli-plugin-quasar/lib/runtime.auto-import.js\";\nqInstall(script, 'components', {QTable,QCard,QCardSection,QImg,QChip,QBtn});\n","\r\n\r\n/* eslint-disable */\r\nimport { ref, set } from 'vue';\r\nimport { defineStore, storeToRefs } from 'pinia';\r\nimport { productEndpoint } from '../services/nopAPI';\r\n\r\nexport const useProductStore = defineStore('product', () => {\r\n  const productIds = ref([]);\r\n  const productDetailData = ref({})\r\n\r\n  async function getProductsDetailsById(id) {\r\n    if(productDetailData.value[id] && productDetailData.value[id].detailsLoaded) {\r\n      return productDetailData.value[id]\r\n    }\r\n    const response = await productEndpoint.getProductsByIds(id)\r\n    if(!productDetailData.value[id]) productDetailData.value[id] = {}\r\n    productDetailData.value[id] = Object.assign(productDetailData.value[id], response.Product, {detailsLoaded: true})\r\n    return productDetailData.value[id]\r\n  }\r\n\r\n  return { productIds, getProductsDetailsById }\r\n});\r\n","import { defineStore } from 'pinia';\r\nimport { ref } from 'vue';\r\nimport { cartEndpoint } from '../services/nopAPI';\r\n\r\nexport const useCartStore = defineStore('cart', () => {\r\n  const cartItems = ref([]);\r\n\r\n  async function addToCart(productId, quantity) {\r\n    try {\r\n      const cart = await cartEndpoint.addToCart(productId, quantity);\r\n      showCartNotification(cart);\r\n    } catch (error) {\r\n      console.log(error);\r\n    }\r\n  }\r\n  \r\n  function showCartNotification(cartItems) {\r\n    try{\r\n      // return cart;\r\n      window.displayBarNotification('The product has been added to your <a href=\"/cart\">shopping cart</a>', 'success', 3500);\r\n      // flyout-cart\r\n      document.getElementById('flyout-cart').innerHTML = cartItems.updateflyoutcartsectionhtml;\r\n    \r\n      document.querySelectorAll('span#myitemcount')[0].innerHTML = cartItems.updatesidecartsectionhtml;\r\n      document.querySelectorAll('span.cart-qty')[0].innerHTML = cartItems.updatesidecartsectionhtml;\r\n    \r\n      document.getElementsByClassName('ajax-loading-block-window')[0].style.display = 'none';\r\n      try {\r\n        let currentitem = document.querySelectorAll('.mini-shopping-cart .item').length;\r\n        console.log(currentitem, 'currentitem');\r\n        if (currentitem != 0) {\r\n    \r\n          document.getElementById('fixed-cart-box').style.display = 'block';\r\n         \r\n          console.log('success');\r\n        } \r\n        else {\r\n          console.log('success else');\r\n          document.getElementById('fixed-cart-box').style.display = 'none';\r\n        }\r\n      } \r\n      catch (err) {\r\n        document.getElementById('fixed-cart-box').style.display = 'none';\r\n      }\r\n    }\r\n    catch(err){\r\n      document.getElementById('fixed-cart-box').style.display = 'none';\r\n    }\r\n  }\r\n\r\n  return { cartItems, addToCart };\r\n});\r\n","<template>\r\n    <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n        <circle cx=\"5\" cy=\"5\" r=\"5\" :fill=\"fill\" />\r\n    </svg>\r\n</template>\r\n<script>\r\nexport default {\r\n    props: {\r\n        fill: {\r\n            default: '#F1F1F1'\r\n        }\r\n    }\r\n}\r\n</script>","import { render } from \"./CircleSvg.vue?vue&type=template&id=677a098a\"\nimport script from \"./CircleSvg.vue?vue&type=script&lang=js\"\nexport * from \"./CircleSvg.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"F:\\\\APG\\\\LatestProject\\\\vue-search-filters\\\\node_modules\\\\vue-loader\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\r\n  <span>\r\n    <CircleSvg v-if=\"!displayQuantity\" :fill=\"statusColor\" />\r\n    &nbsp;\r\n    <span v-if=\"displayQuantity\" v-html='quantity.toLocaleString(\"en-US\") + \" In Stock\"' :class='statusStyling'></span>\r\n    <span :data-tooltip=\"'Call for quote 1-800-888-5223'\" data-tooltip-position=\"top\" v-else-if=\"!displayQuantity && statusLabel == 'Out Of Stock'\" :class='statusStyling'>\r\n      {{ statusLabel }}\r\n    </span>\r\n    <span v-else v-html='statusLabel' :class='statusStyling'></span>\r\n  </span>\r\n</template>\r\n\r\n<script setup>\r\nimport { defineProps, computed } from 'vue';\r\nimport CircleSvg from '../svg/CircleSvg.vue';\r\n\r\nconst props = defineProps({\r\n  showQuantity: Boolean,\r\n  quantity: Number,\r\n  status: {\r\n    type: String,\r\n    default: ''\r\n  },\r\n  message: {\r\n    type: String,\r\n    default: ''\r\n  },\r\n});\r\n\r\nconst isAvailable = computed(() => {\r\n  return props.status.toLowerCase() === 'available'\r\n})\r\n\r\nconst statusLabel = computed(() => {\r\n  if (isAvailable.value) return 'Available'\r\n  return 'Out Of Stock'\r\n})\r\n\r\nconst displayQuantity = computed(() => {\r\n  return props.showQuantity && props.quantity > 1\r\n})\r\n\r\nconst statusColor = computed(() => {\r\n  if (isAvailable.value) return '#00AA2D'\r\n  return '#C42424'\r\n})\r\n\r\nconst statusStyling = computed(() => {\r\n  if (isAvailable.value) return 'stock-available'\r\n  return 'stock-inproduction'\r\n})\r\n\r\n</script>\r\n\r\n<style lang='scss' scoped>\r\n.stock-available {\r\n  color: #00AA2D;\r\n  font-weight: bold;\r\n}\r\n\r\n.stock-inproduction {\r\n  color: #C42424;\r\n  font-weight: bold;\r\n}\r\n</style>","import script from \"./StockMessage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./StockMessage.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./StockMessage.vue?vue&type=style&index=0&id=58cb748c&lang=scss&scoped=true\"\n\nimport exportComponent from \"F:\\\\APG\\\\LatestProject\\\\vue-search-filters\\\\node_modules\\\\vue-loader\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-58cb748c\"]])\n\nexport default __exports__","<template>\r\n  <q-card class=\"q-pa-none no-border no-box-shadow card-width\">\r\n    <q-spinner-dots color=\"primary\" size=\"4em\" class=\"q-my-md q-mx-auto block\" v-if=\"!productData\" />\r\n    <q-slide-transition>\r\n    <q-card-section v-if=\"productData\" class=\"q-pa-none\">\r\n      <div class=\"row\">\r\n        <div class=\"col-lg-10 col-xs-8\">\r\n          <div class=\"col-12 q-mb-md\">\r\n            <div class=\"card-title\">{{ productData.Name }}</div>\r\n            <div class=\"card-subtitle\">{{ productData.ShortDescription }}</div>\r\n          </div>\r\n        </div>\r\n        <div class=\"col-lg-2 col-xs-4 text-right\"><q-btn @click=\"emit('close')\" flat class=\"btn-close q-pr-none\" icon-right=\"close\" label=\"CLOSE\" /></div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-lg-6 col-xs-12 q-pr-lg gallery-wrapper\">\r\n          <div class=\"gallery \"><img :src=\"productData.DefaultPictureModel.FullSizeImageUrl\" alt=\"\" /></div>\r\n        </div>\r\n        <div class=\"col-lg-6 col-xs-12\">\r\n          <div class=\"row attributes q-py-sm\">\r\n            <div class=\"col-6 attributes-label text-left\">STOCK LEVEL :</div>\r\n            <div class=\"col-6 attributes-value text-right\">\r\n              <stock-message :showQuantity='showQuantity' :message=\"message\" :quantity=\"quantity\" :status=\"status\" />\r\n            </div>\r\n          </div>\r\n          <div class=\"attributes q-py-sm\">\r\n            <div class=\"attributes-label text-left\">SKU :</div>\r\n            <div class=\"attributes-value text-right\">{{ productData.Sku }}</div>\r\n          </div>\r\n          <div class=\"attributes q-py-sm\" v-for=\"attribute in productAttributionList.slice(0, 6)\" :key=\"attribute.label+attribute.value\">\r\n            <div class=\"attributes-label text-left\">{{ attribute.label }} :</div>\r\n            <div class=\"attributes-value text-right\"><span v-html=\"attribute.value\"></span></div>\r\n          </div>\r\n          <div class=\"view-full-description\">\r\n            <a :href=\"productData.SeName\">VIEW FULL DESCRIPTION AND SPECIFICATIONS</a>\r\n          </div>\r\n          <div class=\"add-to-cart-card\">\r\n            <div class=\"row\">\r\n              <div class=\"col-6\">\r\n                <span class=\"add-to-cart-card--price\">{{ productData.ProductPrice.Price }}</span>\r\n                <br />\r\n                <span class=\"add-to-cart-card--unitprice\">Unit Price: {{ productData.ProductPrice.Price }}</span>\r\n              </div>\r\n              <div class=\"col-6\">\r\n                <div class=\"add-to-cart-card--counter\">\r\n                  <q-icon @click=\"itemCount--\" class=\"icon cursor-pointer\" name=\"remove\" />\r\n                  <input type=\"text\" v-model=\"itemCount\" class=\"text-center input-number\" />\r\n                  <q-icon @click=\"itemCount++\" class=\"icon cursor-pointer\" name=\"add\" />\r\n                </div>\r\n                <div class=\"quantity-label\">Quantity</div>\r\n              </div>\r\n              <div class=\"col-12 q-pt-lg\"><q-btn @click=\"onAddToCart\" class=\"btn-add-to-cart\" label=\"ADD TO CART\" /></div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </q-card-section>\r\n  </q-slide-transition>\r\n  </q-card>\r\n</template>\r\n<script setup>\r\nimport { defineProps, defineEmits, ref, onMounted, computed } from 'vue';\r\nimport { useProductStore } from '../../stores/product-store';\r\nimport { useCartStore } from '../../stores/cart-store';\r\nimport StockMessage from './StockMessage.vue';\r\nconst { addToCart } = useCartStore();\r\nconst { getProductsDetailsById } = useProductStore();\r\n\r\nconst props = defineProps({\r\n  // rowData: Object,\r\n  productId: [Number, String],\r\n  showQuantity: Boolean,\r\n  quantity: Number,\r\n  status: String,\r\n  message: String,\r\n});\r\n\r\nconst emit = defineEmits(['close']);\r\n\r\nconst itemCount = ref(1);\r\n\r\n// const handleCount = () =>{\r\n//   if (itemCount.value > 1) {\r\n//     itemCount.value--\r\n//   }\r\n// }\r\n\r\nconst productData = ref(null);\r\nconst productAttributionList = computed(() => {\r\n  if (!productData.value) {\r\n    return [];\r\n  } else {\r\n    if (productData.value?.ProductAttributionList?.length > 0) {\r\n      return productData.value.ProductAttributionList.map((i) => {\r\n        return { label: i.Text, value: i.Value };\r\n      });\r\n    } else {\r\n      if (productData.value?.ProductSpecifications?.length > 0) {\r\n        return productData.value.ProductSpecifications.map((i) => {\r\n          return { label: i.SpecificationAttributeName, value: i.ValueRaw };\r\n        });\r\n      } else {\r\n        return [];\r\n      }\r\n    }\r\n  }\r\n});\r\n\r\nonMounted(async () => {\r\n  productData.value = await getProductsDetailsById(props.productId);\r\n  let currentitem = document.querySelectorAll('.mini-shopping-cart .item').length;\r\n  if (currentitem != 0) {\r\n    document.getElementById('fixed-cart-box').style.display = 'block';\r\n  }\r\n});\r\n\r\n// async function getProductData() {\r\n\r\n// }\r\n\r\nasync function onAddToCart() {\r\n  // productData.id\r\n  try {\r\n    await addToCart(productData.value.Id, itemCount.value);\r\n    // window.displayBarNotification('The product has been added to your <a href=\"/cart\">shopping cart</a>', 'success', 3500);\r\n    // // flyout-cart\r\n    // document.getElementById('flyout-cart').innerHTML = cartItems.updateflyoutcartsectionhtml;\r\n\r\n    // document.querySelectorAll('span#myitemcount')[0].innerHTML = cartItems.updatesidecartsectionhtml;\r\n    // document.querySelectorAll('span.cart-qty')[0].innerHTML = cartItems.updatesidecartsectionhtml;\r\n\r\n    // document.getElementsByClassName('ajax-loading-block-window')[0].style.display = 'none';\r\n    // // $('span.cart-qty').html(data.updatesidecartsectionhtml);\r\n    // // $('.ajax-loading-block-window').hide();\r\n    // try {\r\n    //   let currentitem = document.querySelectorAll('.mini-shopping-cart .item').length;\r\n    //   console.log(currentitem, 'currentitem');\r\n    //   if (currentitem != 0) {\r\n    //     // console.log(123132);\r\n\r\n    //     document.getElementById('fixed-cart-box').style.display = 'block';\r\n    //     // console.log(document.getElementById('fixed-cart-box'));\r\n    //     //  $('div#myitemcount').html(\"(\" + currentitem + \")\");\r\n    //     // let currentitemprice = document.querySelectorAll('.mini-shopping-cart .totals strong')[0].innerHTML;\r\n    //     // document.querySelectorAll('div#mypaymenttotal')[0].innerHTML = currentitemprice;\r\n    //     //    $('span.cart-qty').html(\"(\" + currentitem + \")\")\r\n    //     console.log('success');\r\n    //   } else {\r\n    //     console.log('success else');\r\n    //     // $('div#fixed-cart-box').hide();\r\n    //     document.getElementById('fixed-cart-box').style.display = 'none';\r\n    //   }\r\n    // } catch (err) {\r\n    //   console.log(456, err);\r\n    //   // let v = err.message;\r\n    //   document.getElementById('fixed-cart-box').style.display = 'none';\r\n    //   // $('div#fixed-cart-box').hide();\r\n    // }\r\n  } catch (error) {\r\n    console.log(error);\r\n  }\r\n\r\n  // console.log(cartItems);\r\n}\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n// .card-width {\r\n//   @media (min-width: 600px){\r\n//     max-width: 50vw !important;\r\n//     }\r\n// }\r\n.gallery-wrapper {\r\n  @media (max-width: $breakpoint-xs) {\r\n    padding-right: 0 !important;\r\n  }\r\n}\r\n.card-title {\r\n  font-size: 45px;\r\n  font-weight: 600;\r\n  text-transform: uppercase;\r\n  color: #242625;\r\n  line-height: 53px;\r\n  word-break: break-all;\r\n  width: inherit;\r\n  word-break: break-word;\r\n  overflow-wrap: break-word;\r\n  white-space: break-spaces;\r\n}\r\n\r\n.card-subtitle {\r\n  font-size: 30px;\r\n  font-weight: 400;\r\n  display: inline-block;\r\n  text-transform: uppercase;\r\n  color: #2682c5;\r\n  padding-bottom: 10px;\r\n}\r\n.btn-close {\r\n  color: #5680bf;\r\n  @media (max-width: $breakpoint-xs) {\r\n    padding: 0;\r\n  }\r\n}\r\n.gallery {\r\n  width: 100% !important;\r\n  border: 1px solid #e5e5e5;\r\n\r\n  img {\r\n    margin: 0 auto;\r\n    display: block;\r\n    @media (max-width: $breakpoint-xs) {\r\n      width: 100%;\r\n    }\r\n  }\r\n}\r\n.attributes {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  border-bottom: 1px solid #e5e5e5;\r\n  &-label {\r\n    font-weight: 700;\r\n    font-size: 14px;\r\n    line-height: 16px;\r\n    letter-spacing: 0.380084px;\r\n    text-transform: uppercase;\r\n    color: #242625;\r\n  }\r\n  &-value {\r\n    font-weight: 700;\r\n    font-size: 14px;\r\n    line-height: 16px;\r\n    letter-spacing: 0.380084px;\r\n  }\r\n}\r\n.stock-available {\r\n  color: #00aa2d;\r\n  font-weight: bold;\r\n}\r\n\r\n.stock-inproduction {\r\n  color: #c42424;\r\n  font-weight: bold;\r\n}\r\n\r\n.view-full-description {\r\n  text-align: left;\r\n  margin-top: 20px;\r\n  text-decoration: underline;\r\n  font-weight: normal;\r\n  margin: 20px 0;\r\n  a {\r\n    color: #2681c4 !important;\r\n  }\r\n}\r\n\r\n.add-to-cart-card {\r\n  background: rgba(5, 133, 200, 0.1);\r\n  border: 2px solid #5284c3;\r\n  padding: 40px 20px 20px 20px;\r\n  border-radius: 8px;\r\n\r\n  &--price {\r\n    font-size: 22px;\r\n    font-weight: 700;\r\n  }\r\n\r\n  &--counter {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: flex-end;\r\n\r\n    .icon {\r\n      font-size: 30px !important;\r\n      height: 43px !important;\r\n      line-height: 43px !important;\r\n      color: #2581c4 !important;\r\n      vertical-align: middle !important;\r\n      background: transparent !important;\r\n      border: 0 !important;\r\n      cursor: pointer !important;\r\n    }\r\n  }\r\n  .quantity-label {\r\n    text-transform: uppercase;\r\n    font-weight: bold;\r\n    margin-bottom: 4px;\r\n    display: block;\r\n    color: #2681c4;\r\n    font-size: 10px;\r\n    margin-top: 5px;\r\n    text-align: right;\r\n    padding-right: 40px;\r\n  }\r\n}\r\n.btn-add-to-cart {\r\n  background: #5680bf !important;\r\n  color: #fff !important;\r\n  width: 100% !important;\r\n}\r\n.input-number {\r\n  width: 70px;\r\n  background-color: #fff;\r\n  border: 1px solid #e5e5e5;\r\n  height: 40px;\r\n  font-weight: 400;\r\n  font-size: 16px;\r\n}\r\n.input-number:focus {\r\n  border: 2px solid #e5e5e5;\r\n  outline: none;\r\n}\r\n.q-field__control {\r\n  height: 40px !important;\r\n}\r\n</style>\r\n","import script from \"./RowDetailCard.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./RowDetailCard.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./RowDetailCard.vue?vue&type=style&index=0&id=0f327221&scoped=true&lang=scss\"\n\nimport exportComponent from \"F:\\\\APG\\\\LatestProject\\\\vue-search-filters\\\\node_modules\\\\vue-loader\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-0f327221\"]])\n\nexport default __exports__\nimport QCard from 'quasar/src/components/card/QCard.js';\nimport QSpinnerDots from 'quasar/src/components/spinner/QSpinnerDots.js';\nimport QSlideTransition from 'quasar/src/components/slide-transition/QSlideTransition.js';\nimport QCardSection from 'quasar/src/components/card/QCardSection.js';\nimport QBtn from 'quasar/src/components/btn/QBtn.js';\nimport QIcon from 'quasar/src/components/icon/QIcon.js';\nimport QField from 'quasar/src/components/field/QField.js';\nimport qInstall from \"../../../node_modules/vue-cli-plugin-quasar/lib/runtime.auto-import.js\";\nqInstall(script, 'components', {QCard,QSpinnerDots,QSlideTransition,QCardSection,QBtn,QIcon,QField});\n","<template> \r\n  <div>\r\n  <div class=\"kb-table-title\">Product Result</div>\r\n\r\n  <div class=\"kb-table-title-1 q-mt-sm\" v-if=\"$q.screen.xs\">Item</div>\r\n  <div class=\"\">\r\n    <q-table :grid=\"$q.screen.xs\" class=\"pr-table\" :rows=\"productSearchResults\" :columns=\"columns\" row-key=\"name\"\r\n      :pagination=\"pagination\" square>\r\n      <template v-slot:header=\"props\">\r\n        <q-tr :props=\"props\" class='header-row-color text-white'>\r\n          <q-th auto-width class=\"text-center\">QUICK VIEW</q-th>\r\n          <q-th v-for=\"col in props.cols\" :key=\"col.name\" :props=\"props\" class=\"\">\r\n            {{ col.label.toUpperCase() }}\r\n          </q-th>\r\n        </q-tr>\r\n      </template>\r\n\r\n      <template v-slot:body=\"props\">\r\n        <q-tr :props=\"props\" :key=\"`m_${props.row.index}`\" :class=\"props.pageIndex % 2 != 0 ? 'table-row-bg-gray' : ''\">\r\n          <q-td auto-width class=\"text-center\">\r\n            <q-icon @click=\"props.expand = !props.expand\" class=\"cursor-pointer\" name=\"visibility\" size='x-large'/>\r\n          </q-td>\r\n          <q-td v-for=\"col in props.cols\" :key=\"col.name\" :props=\"props\">\r\n            <template v-if=\"col.value\">\r\n              <stock-message v-if='col.name?.toLowerCase() === \"stock\"' :showQuantity='col.value.showStock' :quantity='col.value.stockQuantity' :status='col.value.stockStatus'></stock-message>\r\n              <span v-else :class=\"[col.name === 'name' || col.name === 'price' ? 'bold-font' : '']\">\r\n                <template v-if=\"col.name?.toLowerCase() === 'stock'\">\r\n                <!-- {{ col.value }} -->\r\n                <template v-if=\"col.value?.showStock\">\r\n                  <span v-html='col.value?.stockQuantity'></span>\r\n                </template>\r\n                <template v-else>\r\n                  <span v-html='col.value?.stockStatus'></span>\r\n                </template>\r\n              </template>\r\n              <template v-else>\r\n                <span v-if='col.name?.toLowerCase() === \"name\"' class=\"cursor-pointer\" @click=\"props.expand = !props.expand\" v-html='col.value'></span>\r\n                <span v-else v-html='col.value'></span>\r\n              </template>\r\n              </span>\r\n            </template>\r\n            <template v-else>\r\n              <q-spinner-dots color=\"primary\" size=\"2em\" />\r\n            </template>\r\n          </q-td>\r\n        </q-tr>\r\n        <q-tr v-if=\"props.expand\" :props=\"props\">\r\n          <q-td colspan=\"100%\" class=\"detail-card\">\r\n            <q-slide-transition>\r\n            <RowDetailCard class=\"q-px-md q-py-md\"  :productId=\"props.row.id\" :showQuantity='props.row.pricing?.ShowStock' :quantity='props.row.pricing?.StockQuantity' :status='props.row.pricing.StockStatus'  @close=\"props.expand = !props.expand\" />\r\n          </q-slide-transition>\r\n          </q-td>\r\n        </q-tr>\r\n      </template>\r\n\r\n      <template v-slot:item=\"props\">\r\n        <div class=\"q-pa-0 col-xs-12 col-sm-6 col-md-4\">\r\n          <q-card class=\"row-card\" :class=\"props.pageIndex % 2 != 0 ? 'table-row-bg-gray' : ''\">\r\n            <q-card-section >\r\n              <div class=\"q-pb-sm\"><strong class=\"text-darkgray\">{{ props.row.name }}</strong></div>\r\n              <div>\r\n              <span class=\"text-gray\">SKU:</span> <strong class=\"text-darkgray\">{{ props.row.sku }}</strong>\r\n              </div>\r\n              <div>\r\n                <span class=\"text-gray\">PRICE:</span> <strong class=\"text-darkgray\">{{ props.row?.pricing?.ProductsPrice?.Price }}</strong>\r\n              </div>\r\n              <div class=\"row-card--bottom q-pt-md\">\r\n                <div>\r\n                  <stock-message :showQuantity='props.row.pricing?.ShowStock' :quantity='props.row.pricing?.StockQuantity' :status='props.row?.pricing?.StockStatus'></stock-message>\r\n                </div>\r\n                <div>\r\n                  <q-btn outline @click=\"props.expand = !props.expand\" class=\"btn-quick-view\">\r\n                    <q-icon class=\"eye-icon\" name=\"visibility\" /><span class=\"q-pl-sm\">Quick View</span>\r\n                  </q-btn>\r\n                </div>\r\n              </div>\r\n              <RowDetailCard :class=\"{'q-pt-md q-px-sm': $q.screen.xs}\" v-if=\"props.expand\"  :productId=\"props.row.id\" :showQuantity='props.row.pricing?.ShowStock' :quantity='props.row.pricing?.StockQuantity' :status='props.row.pricing?.StockStatus' @close=\"props.expand = !props.expand\" />\r\n            </q-card-section>\r\n          </q-card>\r\n        </div>\r\n      </template>\r\n      <template v-slot:bottom=\"pagination\">\r\n        <TablePagination :scope=\"pagination\" @update:rowsPerPage='updateRowsPerPage' :rowsPerPageOptions='rowsPerPageOptions' @updatePage='updatePage' :disableTableSize='false'/>\r\n      </template>\r\n    </q-table>\r\n  </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n /* eslint-disable */\r\n  export default {\r\n    name: 'ProductResultsTable',\r\n  }\r\n</script>\r\n<script setup>\r\nimport RowDetailCard from './RowDetailCard.vue';\r\nimport TablePagination from './TablePagination.vue';\r\nimport { ref,  computed } from \"vue\";\r\nimport { storeToRefs } from 'pinia'\r\nimport { useSearchStore } from '../../stores/search-store'\r\nimport StockMessage from './StockMessage.vue';\r\n\r\nconst rowsPerPageOptions = [5, 10, 25, 50]\r\nconst columns = [\r\n  {\r\n    name: 'name',\r\n    required: true,\r\n    label: 'Item',\r\n    align: 'left',\r\n    field: row => row.subtitle ? `${row.name}<br/>${row.subtitle}` : row.name,\r\n    format: val => `${val}`,\r\n    sortable: true\r\n  },\r\n  { name: 'sku', align: 'left', label: 'SKU', field: 'sku', sortable: true },\r\n  { name: 'price', align: 'left', label: 'Price', field: 'price', sortable: true, field: row => row.pricing?.ProductsPrice?.Price  },\r\n  { name: 'stock', align: 'left', label: 'Stock', field: 'stock', field: row=> {\r\n    return row.pricing?.StockQuantity || row.pricing?.StockQuantity == '0' ? {\r\n      stockStatus: row.pricing.StockStatus,\r\n      stockQuantity: row.pricing?.StockQuantity,\r\n      showStock: row?.pricing?.ShowStock\r\n    } : null\r\n    } }\r\n  // { name: 'protein', label: 'Protein (g)', field: 'protein' },\r\n  // { name: 'sodium', label: 'Sodium (mg)', field: 'sodium' },\r\n  // { name: 'calcium', label: 'Calcium (%)', field: 'calcium', sortable: true, sort: (a, b) => parseInt(a, 10) - parseInt(b, 10) },\r\n  // { name: 'iron', label: 'Iron (%)', field: 'iron', sortable: true, sort: (a, b) => parseInt(a, 10) - parseInt(b, 10) }\r\n]\r\n\r\nconst isopen  = ref(true)\r\nconst dialog = ref()\r\n\r\n    let pagination = {\r\n      isFirstPage: ref(false),\r\n      isLastPage: ref(true),\r\n      page: ref(1),\r\n      rowsPerPage: ref(10),\r\n      rowsNumber: ref(0),\r\n      sortBy: ref(null),\r\n      descending: ref(true),\r\n      lastPage: ref(0),\r\n    }\r\n\r\n    const searchStore = useSearchStore()\r\n    const { productSearchResults, productMatchCount, productsPerPage, startPage } = storeToRefs(searchStore)\r\n    const { searchProducts } = searchStore\r\n\r\n    pagination.page = computed(() => Math.floor(parseInt(startPage.value) / parseInt(productsPerPage.value) + 1))\r\n    pagination.rowsPerPage = productsPerPage\r\n    pagination.rowsNumber = productMatchCount\r\n\r\n    const updateRowsPerPage = (rowsPerPage) => {\r\n      productsPerPage.value = rowsPerPage\r\n      searchProducts()\r\n    }\r\n\r\n    const updatePage = (page) => {\r\n        startPage.value = (page - 1) * productsPerPage.value\r\n        searchProducts()\r\n    }\r\n    \r\n</script>\r\n<style lang=\"scss\">\r\n.pr-table {\r\n  line-height: 1.5;\r\n}\r\n.q-tr{\r\n  border: unset;\r\n}\r\n.q-td{\r\n  border: unset;\r\n}\r\n.q-td .eye-icon {\r\n  font-size: x-large;\r\n}\r\n\r\n.header-row-color {\r\n  background-color: $primary;\r\n}\r\n\r\n.stock-available {\r\n  color: #00AA2D;\r\n  font-weight: bold;\r\n}\r\n\r\n.stock-inproduction {\r\n  color: #C42424;\r\n  font-weight: bold;\r\n}\r\n\r\n.kb-table-title {\r\n  color: 'primary';\r\n  font-weight: 700;\r\n  font-size: 22px;\r\n  line-height: 28px;\r\n  font-family: 'Roboto';\r\n  font-style: normal;\r\n  padding: 0 0 7px 0;\r\n  @media (max-width: $breakpoint-xs) {\r\n    padding-top: 5px;\r\n  }\r\n}\r\n\r\n//custom\r\n.q-table__grid-item .q-table__grid-item-card {\r\n  padding: 4.68%;\r\n}\r\n\r\n.q-table__grid-item-row .q-table__grid-item-value {\r\n  font-size: 14px;\r\n  color: #000;\r\n  font-weight: bold;\r\n  line-height: 16.41px;\r\n  display: inline-block;\r\n}\r\n\r\n.q-table__grid-item-row {\r\n  display: block;\r\n  letter-spacing: 0.380084px;\r\n}\r\n\r\n.q-table__grid-item-row .q-table__grid-item-title {\r\n  display: inline-block;\r\n  color: #8E8E8E;\r\n  font-size: 14px;\r\n  width: 50px;\r\n}\r\n\r\n#v-products .q-pa-md {\r\n  padding: 0 18px 10px 18px;\r\n}\r\n\r\n\r\n// .q-table__grid-item-value::before{\r\n//   content: '';\r\n//      display: inline-block;\r\n//      width: 15px;\r\n//      height: 15px;\r\n//      -moz-border-radius: 7.5px;\r\n//      -webkit-border-radius: 7.5px;\r\n//      border-radius: 7.5px;\r\n//      background-color: #69b6d5;\r\n// }\r\n.kb-table-title-1 {\r\n  background: #0585C8;\r\n  color: #fff;\r\n  text-transform: uppercase;\r\n  // margin: 10px 21px 0 21px;\r\n  padding: 14px;\r\n  font-weight: 700;\r\n}\r\n\r\n.table-row-bg-gray {\r\n  background-color: #F1F1F1 !important;\r\n}\r\n\r\n.row-card {\r\n  border: 1px solid #F1F1F1;\r\n  box-shadow: none;\r\n  border-radius: 0 !important;\r\n\r\n  &--bottom {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n  }\r\n}\r\n\r\n#v-products .q-table--grid .q-table__middle {\r\n  display: none;\r\n}\r\n\r\n.bold-font {\r\n  font-weight: 700;\r\n  color: #242625;\r\n}\r\n\r\n.table-pagination {\r\n  width: 100%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n}\r\n\r\n.table-rows-par-page {\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n@media (max-width: $breakpoint-xs) {\r\n  .q-table__bottom {\r\n    padding-left: 5px !important;\r\n    padding-right: 5px !important;\r\n  }\r\n}\r\n.btn-quick-view{\r\n  text-transform: none;\r\n}\r\n.text-gray{\r\n  color: #8E8E8E\r\n}\r\n.text-darkgray{\r\n  color: #242625\r\n}\r\n</style>","import script from \"./index.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./index.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./index.vue?vue&type=style&index=0&id=1d2d7724&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__\nimport QTable from 'quasar/src/components/table/QTable.js';\nimport QTr from 'quasar/src/components/table/QTr.js';\nimport QTh from 'quasar/src/components/table/QTh.js';\nimport QTd from 'quasar/src/components/table/QTd.js';\nimport QIcon from 'quasar/src/components/icon/QIcon.js';\nimport QSpinnerDots from 'quasar/src/components/spinner/QSpinnerDots.js';\nimport QSlideTransition from 'quasar/src/components/slide-transition/QSlideTransition.js';\nimport QCard from 'quasar/src/components/card/QCard.js';\nimport QCardSection from 'quasar/src/components/card/QCardSection.js';\nimport QBtn from 'quasar/src/components/btn/QBtn.js';\nimport qInstall from \"../../../node_modules/vue-cli-plugin-quasar/lib/runtime.auto-import.js\";\nqInstall(script, 'components', {QTable,QTr,QTh,QTd,QIcon,QSpinnerDots,QSlideTransition,QCard,QCardSection,QBtn});\n","<template>\r\n    <q-list bordered class=\"rounded-borders\">\r\n        <q-expansion-item\r\n            v-model=\"expanded\"\r\n            expand-separator\r\n            :label=\"filterName\"\r\n            header-class='text-primary'\r\n            expand-icon-class='text-primary'\r\n            color='primary'\r\n        >\r\n            <q-separator inset color='primary' style='margin-bottom:12px;'/>\r\n            <slot></slot>\r\n        </q-expansion-item>\r\n    </q-list>\r\n</template>\r\n\r\n<script setup>\r\nimport { ref, defineProps, onMounted } from 'vue'\r\n\r\nconst expanded = ref(false)\r\nconst props = defineProps({\r\n    filterName: {\r\n        type: String,\r\n        default: 'Filter Name'\r\n    },\r\n    expand: {\r\n        type: Boolean,\r\n        default: false\r\n    }\r\n})\r\n\r\nonMounted(() => {\r\n    expanded.value = props.expand\r\n})\r\n\r\n</script>\r\n\r\n<style lang='scss' scoped>\r\n\r\n</style>","import script from \"./FilterWrapper.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./FilterWrapper.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__\nimport QList from 'quasar/src/components/item/QList.js';\nimport QExpansionItem from 'quasar/src/components/expansion-item/QExpansionItem.js';\nimport QSeparator from 'quasar/src/components/separator/QSeparator.js';\nimport qInstall from \"../../../node_modules/vue-cli-plugin-quasar/lib/runtime.auto-import.js\";\nqInstall(script, 'components', {QList,QExpansionItem,QSeparator});\n","<template>\r\n    <filter-wrapper :filterName='settings.name' :expand='expanded'>\r\n            <div class='filter-holder'>\r\n                <q-range\r\n                    v-model=\"rangeValue\"\r\n                    :min=\"minRange\"\r\n                    :max=\"maxRange\"\r\n                    :step=\"step\"\r\n                    label-always\r\n                    markers\r\n                    :left-label-value=\"(itemsAscending.filter(item => item.value == rangeValue.min)[0] || {}).label\"\r\n                    :right-label-value=\"(itemsDescending.filter(item => item.value == rangeValue.max)[0] || {}).label\"\r\n                    class='range-slider'\r\n                    @change=\"updateValue\"\r\n                />\r\n\r\n                <q-select\r\n                    dense\r\n                    filled\r\n                    label=\"Minimum\"\r\n                    :options=\"itemsAscending\"\r\n                    :use-input='settings.searchable'\r\n                    @filter=\"filter\"\r\n                    :modelValue=\"rangeValue.min\"\r\n                    @update:modelValue=\"v => updateModelValue(v, 'min')\"\r\n                    map-options\r\n                >   \r\n                    <template v-slot:option=\"scope\">\r\n                        <q-item v-bind=\"scope.itemProps\">\r\n                            <q-item-section>\r\n                                <q-item-label>{{ scope.opt.label }}</q-item-label>\r\n                            </q-item-section>\r\n                        </q-item>\r\n                    </template>\r\n                </q-select>\r\n                \r\n                <q-select\r\n                    dense\r\n                    filled\r\n                    label=\"Maximum\"\r\n                    :options=\"itemsAscending\"\r\n                    :use-input='settings.searchable'\r\n                    @filter=\"filter\"\r\n                    :modelValue=\"rangeValue.max\"\r\n                    @update:modelValue=\"v => updateModelValue(v, 'max')\"\r\n                    map-options\r\n                    class=\"q-pt-sm\"\r\n                >   \r\n                    <template v-slot:option=\"scope\">\r\n                        <q-item v-bind=\"scope.itemProps\">\r\n                            <q-item-section>\r\n                                <q-item-label>{{ scope.opt.label }}</q-item-label>\r\n                            </q-item-section>\r\n                        </q-item>\r\n                    </template>\r\n                </q-select>\r\n\r\n                <div v-if='options.length > 0' class=\"q-pt-md\" >\r\n                    <q-option-group\r\n                        v-model=\"unitOfMeasure\"\r\n                        v-if='options.length > 0'\r\n                        :options=\"options\"\r\n                        type=\"radio\"\r\n                        @update:model-value='v => updateConversion(v)'\r\n                    />\r\n                </div>\r\n            </div>\r\n    </filter-wrapper>\r\n</template>\r\n\r\n<script setup>\r\n    import { ref, onMounted, defineProps, defineEmits, watch, computed } from 'vue'\r\n    import FilterWrapper from './FilterWrapper.vue'\r\n\r\n    const props = defineProps({\r\n        settings: {\r\n            type: Object,\r\n            default: () => ({})\r\n        },\r\n        modelValue: {\r\n            type: [String, Array, Object]\r\n        },\r\n        expanded: {\r\n            type: Boolean,\r\n            default: false\r\n        }\r\n    })\r\n    const emit = defineEmits(['update:modelValue'])\r\n    const temperatureConversions = [\r\n        { label: 'Fahrenheit', value: 'fahrenheit' },\r\n        { label: 'Celsius', value: 'celsius' },\r\n    ]\r\n    const measurementConversions = [\r\n        { label: 'Imperial', value: 'imperial' },\r\n        { label: 'Metric', value: 'metric' },\r\n    ]\r\n\r\n    const isFloat = ref(false)\r\n    const step = ref(1)\r\n    let converter = ref(0)\r\n    let options = []\r\n    let unitOfMeasure = ref('')\r\n    let minRange = ref(0)\r\n    let maxRange = ref(100)\r\n    let rangeValue = ref({min: -999, max: 999})\r\n    \r\n    let minFahrenheit = ref(0)\r\n    let maxFahrenheit = ref(0)\r\n    let minCelsius = ref(0)\r\n    let maxCelsius = ref(0)\r\n    let minImperial = ref(0)\r\n    let maxImperial = ref(0)\r\n    let minMetric = ref(0)\r\n    let maxMetric = ref(0)\r\n\r\n    const itemsAscending = computed(() => {\r\n        return props.settings.items.map(item => item).sort((a, b) => parseFloat(a.value) - parseFloat(b.value))\r\n    })\r\n\r\n    const itemsDescending = computed(() => {\r\n        return props.settings.items.map(item => item).sort((a, b) => parseFloat(b.value) - parseFloat(a.value))\r\n    })\r\n\r\n    onMounted(() => {\r\n        const { settings } = props\r\n        determineValueTypes()\r\n\r\n        step.value = isFloat.value ? 0.001 : 1\r\n\r\n        converter.value = settings.conversionType\r\n        \r\n        if (converter.value == 1) {\r\n            options = temperatureConversions\r\n            unitOfMeasure.value = options[0].value\r\n            \r\n            //todo: get these values from the API\r\n            minFahrenheit.value = 32\r\n            maxFahrenheit.value = 212\r\n            minCelsius.value = 0\r\n            maxCelsius.value = 100\r\n        } else if (converter.value == 2) {\r\n            options = measurementConversions\r\n            unitOfMeasure.value = options[0].value\r\n\r\n            //todo: get these values from the API\r\n            minImperial.value = 0.25\r\n            maxImperial.value = 24.00\r\n            minMetric.value = 1\r\n            maxMetric.value = 60\r\n        }\r\n        setMinMaxValues()\r\n        if (typeof props.modelValue == 'string') {\r\n            const values = props.modelValue.value.replace('[', '').replace(']', '').split(',')\r\n            setRangeValues(values)\r\n        }\r\n        else if (typeof props.modelValue == 'object' && props.modelValue?.value) {\r\n            const values = props.modelValue.value.replace('[', '').replace(']', '').split(',') \r\n            setRangeValues(values)\r\n        }\r\n        else {\r\n            rangeValue.value.min = minRange.value\r\n            rangeValue.value.max = maxRange.value\r\n        }\r\n    })\r\n\r\n    const setRangeValues = (valueArray) => {\r\n        rangeValue.value.min = isFloat.value ? parseFloat(valueArray[0]) : parseInt(valueArray[0])\r\n        rangeValue.value.max = isFloat.value ? parseFloat(valueArray[1]) : parseInt(valueArray[1])\r\n    }\r\n\r\n    watch(() => props.modelValue, (newValue) => {\r\n        if (!newValue) {\r\n            rangeValue.value.min = minRange.value;\r\n            rangeValue.value.max = maxRange.value;\r\n        }\r\n    })\r\n\r\n    const updateConversion = (value) => {\r\n        unitOfMeasure.value = value\r\n        setMinMaxValues()\r\n    }\r\n\r\n    const updateModelValue = (option, rangeProp) => {\r\n        rangeValue.value[rangeProp] = option.value\r\n        \r\n        updateValue()\r\n    }\r\n\r\n    const updateValue = () => {\r\n        if (rangeValue.value.min == minRange.value && rangeValue.value.max == maxRange.value) {\r\n            emit('update:modelValue', '')\r\n            return\r\n        }\r\n        const label = `${rangeValue.value.min} - ${rangeValue.value.max}`;\r\n        const value = `[${rangeValue.value.min},${rangeValue.value.max}]`\r\n        emit('update:modelValue', { label, value })\r\n    }\r\n    const setMinMaxValues = () => {\r\n        const min = itemsAscending.value[0].value\r\n        const max = itemsAscending.value[props.settings.items.length-1].value\r\n\r\n        minRange.value = isFloat.value ? parseFloat(min) : parseInt(min)\r\n        maxRange.value = isFloat.value ? parseFloat(max) : parseInt(max)\r\n\r\n        // Leaving these here in case we need them in the future\r\n        // if (converter.value == 1 && unitOfMeasure.value == 'fahrenheit') {\r\n        //     minRange.value = minFahrenheit.value\r\n        //     maxRange.value = maxFahrenheit.value\r\n        // }\r\n        // if (converter.value == 1 && unitOfMeasure.value == 'celsius') {\r\n        //     minRange.value = minCelsius.value\r\n        //     maxRange.value = maxCelsius.value\r\n        // }\r\n        // if (converter.value == 2 && unitOfMeasure.value == 'imperial') {\r\n        //     minRange.value = minImperial.value\r\n        //     maxRange.value = maxImperial.value\r\n        // }\r\n        // if (converter.value == 2 && unitOfMeasure.value == 'metric') {\r\n        //     minRange.value = minMetric.value\r\n        //     maxRange.value = maxMetric.value\r\n        // }\r\n    }\r\n\r\n    const determineValueTypes = () => {\r\n\r\n        isFloat.value = props.settings.items.some(item => {\r\n            const int = parseInt(item.value)\r\n            const float = parseFloat(item.value)\r\n            if (int.toString().length < float.toString().length) return true\r\n            return false\r\n        })\r\n        props.settings.items.forEach(item => {\r\n            const value = isFloat.value ? parseFloat(item.value) : parseInt(item.value)\r\n            item.value = value\r\n        })\r\n    }\r\n\r\n</script>\r\n\r\n<style lang='scss' scoped>\r\n    // this is a hack to get the range slider to display correctly in both local and production \r\n    .range-slider,\r\n    div#searchPage.searchPageReset .range-slider{\r\n        padding: 25px 10px 0px;\r\n    }\r\n    .filter-holder {\r\n        padding: 0px 12px 10px;\r\n    }\r\n</style>","import script from \"./SliderFilter.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./SliderFilter.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./SliderFilter.vue?vue&type=style&index=0&id=65132391&lang=scss&scoped=true\"\n\nimport exportComponent from \"F:\\\\APG\\\\LatestProject\\\\vue-search-filters\\\\node_modules\\\\vue-loader\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-65132391\"]])\n\nexport default __exports__\nimport QRange from 'quasar/src/components/range/QRange.js';\nimport QSelect from 'quasar/src/components/select/QSelect.js';\nimport QItem from 'quasar/src/components/item/QItem.js';\nimport QItemSection from 'quasar/src/components/item/QItemSection.js';\nimport QItemLabel from 'quasar/src/components/item/QItemLabel.js';\nimport QOptionGroup from 'quasar/src/components/option-group/QOptionGroup.js';\nimport qInstall from \"../../../node_modules/vue-cli-plugin-quasar/lib/runtime.auto-import.js\";\nqInstall(script, 'components', {QRange,QSelect,QItem,QItemSection,QItemLabel,QOptionGroup});\n","<template>\r\n    <filter-wrapper :filterName='settings.name' :expand='expanded'>\r\n        <div class='filter-holder'>\r\n            <q-input v-model='searchText' v-if='settings.searchable' placeholder='Search' @focus=\"focus=true\" @blur=\"focus=false\" dense filled>\r\n                <template v-slot:append>\r\n                    <q-icon name=\"cancel\" v-if=\"searchText && focus\" @click.stop.prevent=\"searchText = ''\" class=\"cursor-pointer\"></q-icon>\r\n                    <q-icon name=\"search\" />\r\n                </template>\r\n            </q-input>\r\n            <q-option-group\r\n                :options=\"firstFiveItems\"\r\n                :type=\"type\"\r\n                :max-height=\"200\"\r\n                :modelValue=\"modelValue\"\r\n                @update:modelValue=\"updateModelValue\"\r\n                >\r\n            </q-option-group>\r\n            <q-slide-transition>\r\n                <div v-show='showAllOptions'>\r\n                    <q-option-group\r\n                        :options=\"remainingItems\"\r\n                        :type=\"type\"\r\n                        :max-height=\"200\"\r\n                        :modelValue=\"modelValue\"\r\n                        @update:modelValue=\"updateModelValue\"\r\n                        >\r\n                    </q-option-group>\r\n                </div>\r\n            </q-slide-transition>\r\n            <q-btn style='width:100%' v-if='filteredItems.length > 5' @click='showAllOptions=!showAllOptions' flat>\r\n                {{ showAllOptions === false ? 'View More' : 'Show Less' }}\r\n            </q-btn>\r\n        </div>\r\n    </filter-wrapper>\r\n</template>\r\n\r\n<script setup>\r\nimport { ref, defineProps, onMounted, computed, defineEmits, watch } from 'vue'\r\nimport FilterWrapper from './FilterWrapper.vue'\r\n\r\nconst props = defineProps({\r\n    settings: {\r\n        type: Object,\r\n        default: () => ({})\r\n    },\r\n    type: {\r\n        type: String,\r\n        default: 'checkbox'\r\n    },\r\n    modelValue: {\r\n        type: [String, Array, Object]\r\n    },\r\n    expanded: {\r\n        type: Boolean,\r\n        default: false,\r\n    }\r\n})\r\nconst emit = defineEmits(['update:modelValue'])\r\nlet selections = props.type == 'checkbox'? ref([]) : ref('')\r\nconst focus = ref(false)\r\n\r\nwatch(() => props.modelValue, (newValue) => {\r\n    // selections.value = props.type == 'checkbox'? newValue : newValue?.value\r\n    \r\n    // const record = filteredItems.value.find(i => i.value == newValue || i == newValue)\r\n    // let data = record\r\n    // if (!Object.prototype.toString.call(props.modelValue)) data = record.value  \r\n    // selections.value = data    \r\n    if (!newValue) {\r\n        selections.value = ''\r\n    }\r\n})\r\n\r\nlet items = ref([])\r\nlet searchText = ref('')\r\nlet showAllOptions = ref(false)\r\n\r\nonMounted(() => {\r\n    props.settings.items.forEach(item => {\r\n        const isString = typeof item === 'string'\r\n        const label = isString ? item : item.label\r\n        const value = isString ? item : item.value\r\n        items.value.push({label, value})\r\n    })\r\n})\r\n\r\nconst filteredItems = computed(() => {\r\n    if (!searchText.value) {\r\n        return items.value\r\n    }\r\n    return items.value.filter(item => item.label.toLowerCase().includes(searchText.value.toLowerCase()))\r\n})\r\n\r\nconst firstFiveItems = computed(() => {\r\n    return filteredItems.value.slice(0, 5)\r\n})\r\n\r\nconst remainingItems = computed(() => {\r\n    return filteredItems.value.slice(5)\r\n})\r\n\r\nconst updateModelValue = (value) => {\r\n    let data = []\r\n    selections.value = value\r\n    if (Array.isArray(value)) {\r\n        value.forEach(item => {\r\n            const record = filteredItems.value.find(i => i.value == item)\r\n            record && data.push({...record, ...{key: props.settings.key}})\r\n        })\r\n    } else {\r\n        const record = filteredItems.value.find(i => i.value == value)\r\n        record && data.push({...record, ...{key: props.settings.key}})\r\n    }\r\n    emit('update:modelValue', value, data)\r\n}\r\n\r\n</script>\r\n\r\n<style lang='scss' scoped>\r\n    .filter-holder {\r\n        padding: 0 12px 10px 12px;\r\n    }\r\n</style>","import script from \"./OptionsFilter.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./OptionsFilter.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./OptionsFilter.vue?vue&type=style&index=0&id=04207c6c&lang=scss&scoped=true\"\n\nimport exportComponent from \"F:\\\\APG\\\\LatestProject\\\\vue-search-filters\\\\node_modules\\\\vue-loader\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-04207c6c\"]])\n\nexport default __exports__\nimport QInput from 'quasar/src/components/input/QInput.js';\nimport QIcon from 'quasar/src/components/icon/QIcon.js';\nimport QOptionGroup from 'quasar/src/components/option-group/QOptionGroup.js';\nimport QSlideTransition from 'quasar/src/components/slide-transition/QSlideTransition.js';\nimport QBtn from 'quasar/src/components/btn/QBtn.js';\nimport qInstall from \"../../../node_modules/vue-cli-plugin-quasar/lib/runtime.auto-import.js\";\nqInstall(script, 'components', {QInput,QIcon,QOptionGroup,QSlideTransition,QBtn});\n","<template>\r\n    <filter-wrapper :filterName='settings.name' :expand='expanded'>\r\n        <div class='filter-holder'>\r\n            <q-select\r\n                filled\r\n                label=\"Select\"\r\n                :options=\"items\"\r\n                :use-input='settings.searchable'\r\n                @filter=\"filter\"\r\n                :modelValue=\"modelValue\"\r\n                @update:modelValue=\"updateModelValue\"\r\n                @focus=\"focus=true\"\r\n                @blur=\"focus=false\"\r\n            >   \r\n                <template v-slot:append>\r\n                    <q-icon name=\"cancel\" v-if=\"searchText && focus\" @click.stop.prevent=\"searchText = ''\" class=\"cursor-pointer\"></q-icon>\r\n                </template>\r\n            </q-select>\r\n        </div>\r\n    </filter-wrapper>\r\n</template>\r\n\r\n<script setup>\r\nimport { ref, defineProps, defineEmits, onMounted } from 'vue'\r\nimport FilterWrapper from './FilterWrapper.vue'\r\n\r\nconst props = defineProps({\r\n    settings: {\r\n        type: Object,\r\n        default: () => ({\r\n            items: [],\r\n        })\r\n    },\r\n    type: {\r\n        type: String,\r\n        default: 'checkbox'\r\n    },\r\n    modelValue: {\r\n        type: Object\r\n    },\r\n    expanded: {\r\n        type: Boolean,\r\n        default: false\r\n    }\r\n})\r\n\r\nconst emit = defineEmits(['update:modelValue'])\r\n\r\nlet items = ref([])\r\nconst searchText = ref('')\r\nconst focus = ref(false)\r\n\r\nonMounted(() => {\r\n    \r\n    setupDropdownOptions()\r\n})\r\n\r\nconst setupDropdownOptions = () => {\r\n    items.value.length && items.value.splice(0, items.value.length)\r\n    props.settings.items.forEach(item => {\r\n        const isString = typeof item === 'string'\r\n        const label = isString ? item : item.label\r\n        const value = isString ? item : item.value\r\n        items.value.push({label, value})\r\n    })\r\n}\r\n\r\nconst filter = (val, update) => {\r\n    if (val === '') {\r\n        searchText.value = ''\r\n        update(() => {\r\n            setupDropdownOptions()\r\n        })\r\n        return\r\n    }\r\n\r\n    update(() => {\r\n        searchText.value = val\r\n        const needle = val.toLowerCase()\r\n        items.value = items.value.filter(v => v.label.toLowerCase().indexOf(needle) > -1)\r\n    })\r\n}\r\n\r\nconst updateModelValue = (value) => {\r\n    emit('update:modelValue', value)\r\n}\r\n</script>\r\n\r\n<style lang='scss' scoped>\r\n    .filter-holder {\r\n        padding: 0 12px 10px 12px;\r\n    }\r\n</style>","import script from \"./DropdownFilter.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./DropdownFilter.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./DropdownFilter.vue?vue&type=style&index=0&id=674d59fa&lang=scss&scoped=true\"\n\nimport exportComponent from \"F:\\\\APG\\\\LatestProject\\\\vue-search-filters\\\\node_modules\\\\vue-loader\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-674d59fa\"]])\n\nexport default __exports__\nimport QSelect from 'quasar/src/components/select/QSelect.js';\nimport QIcon from 'quasar/src/components/icon/QIcon.js';\nimport qInstall from \"../../../node_modules/vue-cli-plugin-quasar/lib/runtime.auto-import.js\";\nqInstall(script, 'components', {QSelect,QIcon});\n","<template>\r\n    <div class=\"filters-container\">\r\n        <q-form class='v-filter-grid'>\r\n            <span v-for='filter in siteFilters' :key=\"filter.key\">\r\n                <options-filter v-if='[\"radio\", \"checkbox\"].includes(filter.type)' :type='filter.type' :settings=\"filter\" v-model=\"selectedFilters[filter.key]\" :expanded=\"filter.expand\"></options-filter>\r\n                <dropdown-filter v-if='filter.type == \"dropdown\"' :type='filter.type' :settings=\"filter\" v-model=\"selectedFilters[filter.key]\" :expanded=\"filter.expand\"></dropdown-filter>\r\n                <slider-filter v-if='filter.type == \"slider\"' :type='filter.type' :settings=\"filter\" v-model=\"selectedFilters[filter.key]\" :expanded=\"filter.expand\"></slider-filter>\r\n            </span>\r\n        </q-form>\r\n    </div>\r\n</template>\r\n\r\n<script setup>\r\nimport SliderFilter from './filters/SliderFilter.vue'\r\nimport OptionsFilter from './filters/OptionsFilter.vue'\r\nimport DropdownFilter from './filters/DropdownFilter.vue'\r\nimport { useFilterStore } from \"../stores/filter-store\";\r\nimport { storeToRefs } from \"pinia\";\r\n\r\nconst filterStore = useFilterStore()\r\nconst {selectedFilters, siteFilters } = storeToRefs(filterStore)\r\n</script>\r\n\r\n<style lang='scss' scoped>\r\n.v-filter-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr;\r\n    grid-gap: 1.2rem; \r\n}\r\n\r\n@media only screen and (max-width: 767px) {\r\n    .v-filter-grid {\r\n        padding-top: .5rem;\r\n    }\r\n}\r\n</style>","import script from \"./FiltersSection.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./FiltersSection.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./FiltersSection.vue?vue&type=style&index=0&id=2c934ef6&lang=scss&scoped=true\"\n\nimport exportComponent from \"F:\\\\APG\\\\LatestProject\\\\vue-search-filters\\\\node_modules\\\\vue-loader\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-2c934ef6\"]])\n\nexport default __exports__\nimport QForm from 'quasar/src/components/form/QForm.js';\nimport qInstall from \"../../node_modules/vue-cli-plugin-quasar/lib/runtime.auto-import.js\";\nqInstall(script, 'components', {QForm});\n","<template>\r\n  <div :class=\"`grid-container ${gridClass}`\">\r\n    <BreadcrumbsComponent id=\"v-breadcrumbs\"></BreadcrumbsComponent>\r\n    <div id=\"v-description\" v-html=\"categoryDescription\" class=\"category-description-wrapper\" v-if=\"categoryDescription\"></div>\r\n    <div id='v-pills' :class='hideFilters'><PillsFilter v-model=\"filterPills\" @remove=\"store.removePill\"></PillsFilter></div>\r\n    <div v-if=\"!isMobileSize\" id='sidebar' :class='hideSidebar' >\r\n      <div id='v-filters' :class='hideFilters' ><FiltersComponent></FiltersComponent></div>\r\n      <div id='v-promotions' class='hidePromotions' ><PromotionsComponent></PromotionsComponent></div>\r\n    </div>\r\n    <template v-else>\r\n      <div id='v-filters' :class='hideFilters' >\r\n        <q-expansion-item v-model=\"expanded\" expand-separator label=\"FILTER\" class=\"overflow-hidden\" style=\"border-radius: 4px\" header-class=\"bg-primary text-white\" expand-icon-class=\"text-white\">\r\n          <FiltersComponent></FiltersComponent>\r\n        </q-expansion-item>\r\n      </div>\r\n      <div id='v-promotions' :class='hidePromotions'><PromotionsComponent></PromotionsComponent></div>\r\n    </template>\r\n    <div id=\"results\">\r\n      <q-slide-transition>\r\n      <div id=\"v-products\" v-if='isProductSearch'><ProductResultsTable></ProductResultsTable></div>\r\n      </q-slide-transition>\r\n      <q-slide-transition>\r\n        <div id=\"v-knowledge\" v-if='isArticleSearch'><KBaseResultsTable></KBaseResultsTable></div>\r\n      </q-slide-transition>\r\n    </div>\r\n    <q-resize-observer @resize=\"onResize\" />\r\n  </div>\r\n</template>\r\n\r\n<script setup>\r\nimport { ref, computed } from 'vue';\r\nimport BreadcrumbsComponent from './BreadcrumbsComponent.vue';\r\nimport PillsFilter from './filters/PillsFilter.vue';\r\nimport PromotionsComponent from './Promotions.vue';\r\nimport KBaseResultsTable from './KBaseResultsTable.vue';\r\nimport ProductResultsTable from './ProductResultsTable/index.vue';\r\nimport FiltersComponent from './FiltersSection.vue';\r\nimport { useFilterStore } from '../stores/filter-store';\r\nimport { storeToRefs } from 'pinia';\r\nimport { usePromotionStore } from '../stores/promotion-store';\r\n\r\nconst promotionsStore = usePromotionStore();\r\nconst { promotionCount } = storeToRefs(promotionsStore);\r\n\r\nconst store = useFilterStore();\r\nconst { filterPills, isProductSearch, isArticleSearch, categoryDescription, filterCount } = storeToRefs(store);\r\n\r\n\r\nlet isMobileSize = ref(false);\r\nlet expanded = ref(false);\r\n\r\nconst onResize = ({ width }) => {\r\n    if (width < 768) isMobileSize.value = true;\r\n    else isMobileSize.value = false;\r\n}\r\n\r\nconst hideFilters = computed(() => {\r\n    if (!filterCount.value) return 'hide-filters';\r\n    return '';\r\n})\r\n\r\nconst hidePromotions = computed(() => {\r\n    if (!promotionCount.value) return 'hide-promotions';\r\n    return '';\r\n})\r\n\r\nconst hideSidebar = computed(() => {\r\n    if (hideFilters.value && hidePromotions.value) return 'hide-sidebar';\r\n    return '';\r\n})\r\nconst gridClass = computed(() => {\r\n    if (hideFilters.value && hidePromotions.value) return 'hide-both';\r\n    if (hideFilters.value) return 'hide-filters';\r\n    if (hidePromotions.value) return 'hide-promotions';\r\n    return '';\r\n})\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n#v-description {\r\n  grid-area: description;\r\n}\r\n#v-breadcrumbs {\r\n  grid-area: crumbs;\r\n}\r\n#v-pills {\r\n  grid-area: pills;\r\n}\r\n#v-filters {\r\n  grid-area: filters;\r\n}\r\n#v-promotions {\r\n    grid-area: promos;\r\n    \r\n    display: grid;\r\n    grid-gap: 14px;\r\n    padding-bottom: 20px;\r\n}\r\n#v-products {\r\n  grid-area: products;\r\n  margin-bottom: 40px;\r\n}\r\n#v-knowledge {\r\n  grid-area: kbase;\r\n  margin-bottom: 70px;\r\n}\r\n#sidebar {\r\n  grid-area: side;\r\n}\r\n#results {\r\n  grid-area: results;\r\n}\r\n\r\n.grid-container {\r\n  display: grid;\r\n  grid-template-rows: auto;\r\n  grid-template-columns: calc(5vw - 30px) 255px calc(90vw - 302px) calc(5vw - 30px);\r\n  grid-column-gap: 30px;\r\n  grid-row-gap: 10px;\r\n  grid-template-areas:\r\n    'crumbs crumbs crumbs crumbs'\r\n    '. description description .'\r\n    '.      pills  pills   .'\r\n    '.      side   results .'\r\n    '.      side   .       .';\r\n\r\n  &.hide-promotions {\r\n    grid-template-areas:\r\n      'crumbs crumbs crumbs crumbs'\r\n      '. description description .'\r\n      '.      pills  pills   .'\r\n      '.      side   results .'\r\n      '.      side   .       .';\r\n  }\r\n\r\n  &.hide-both {\r\n    grid-template-areas:\r\n      'crumbs crumbs crumbs crumbs'\r\n      '. description description .'\r\n      '.     results results     .';\r\n  }\r\n\r\n  &.hide-filters {\r\n    grid-template-areas:\r\n      'crumbs crumbs crumbs crumbs'\r\n      '. description description .'\r\n      '.      side   results .'\r\n      '.      side   .       .';\r\n  }\r\n}\r\n\r\n@media only screen and (max-width: 767px) {\r\n  .grid-container {\r\n    display: grid;\r\n    grid-template-rows: auto;\r\n    grid-template-columns: 15px auto 15px; /* 1 column */\r\n    grid-column-gap: 0;\r\n    grid-row-gap: 10px;\r\n    grid-template-areas:\r\n      'crumbs crumbs crumbs'\r\n      '. description .'\r\n      '. pills    .'\r\n      '. filters  .'\r\n      '. results  .'\r\n      '. promos   .';\r\n    \r\n    &.hide-promotions {\r\n      grid-template-areas:\r\n        'crumbs crumbs crumbs'\r\n        '. description .'\r\n        '. pills    .'\r\n        '. filters  .'\r\n        '. results  .';\r\n    }\r\n    &.hide-both {\r\n      grid-template-areas:\r\n        'crumbs crumbs crumbs'\r\n        '. description .'\r\n        '. results  .';\r\n    }\r\n    &.hide-filters {\r\n      grid-template-areas:\r\n        'crumbs crumbs crumbs'\r\n        '. description .'\r\n        '. results  .'\r\n        '. promos   .';\r\n    }\r\n  }\r\n}\r\n\r\n.category-description-wrapper {\r\n  font-size: 20px;\r\n  margin-top: 40px;\r\n  margin-bottom: 15px;\r\n}\r\n\r\n#v-pills.hide-filters,\r\n#v-filters.hide-filters,\r\n#v-promotions.hide-promotions,\r\n#sidebar.hide-sidebar {\r\n  display: none;\r\n}\r\n</style>\r\n","import script from \"./SearchPage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./SearchPage.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./SearchPage.vue?vue&type=style&index=0&id=a9f83548&lang=scss&scoped=true\"\n\nimport exportComponent from \"F:\\\\APG\\\\LatestProject\\\\vue-search-filters\\\\node_modules\\\\vue-loader\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-a9f83548\"]])\n\nexport default __exports__\nimport QExpansionItem from 'quasar/src/components/expansion-item/QExpansionItem.js';\nimport QSlideTransition from 'quasar/src/components/slide-transition/QSlideTransition.js';\nimport QResizeObserver from 'quasar/src/components/resize-observer/QResizeObserver.js';\nimport qInstall from \"../../node_modules/vue-cli-plugin-quasar/lib/runtime.auto-import.js\";\nqInstall(script, 'components', {QExpansionItem,QSlideTransition,QResizeObserver});\n","<template>\r\n    <SearchPage></SearchPage>\r\n</template>\r\n\r\n<script setup>\r\nimport { onBeforeMount, onMounted, watch } from 'vue'\r\nimport { storeToRefs } from 'pinia'\r\nimport SearchPage from './components/SearchPage.vue'\r\nimport { useFilterStore } from './stores/filter-store'\r\nimport { useSearchStore } from './stores/search-store'\r\n\r\nconst { establishFilters, } = useFilterStore()\r\nconst { initializeSearchPage, searchProducts, searchArticles, debounce } = useSearchStore()\r\nconst { filterPills } = storeToRefs(useFilterStore())\r\nconst { startPage, articlesStartPage } = storeToRefs(useSearchStore())\r\n\r\nonBeforeMount(async () => {\r\n    establishFilters()\r\n    initializeSearchPage()\r\n})\r\n\r\nconst executeSearch = async () => {\r\n  startPage.value = 1\r\n  articlesStartPage.value = 1\r\n  searchProducts()\r\n  searchArticles()\r\n}\r\n\r\nconst debouncedFn = debounce(executeSearch, 600);\r\n\r\nonMounted(async () => debouncedFn())\r\n\r\nwatch(filterPills, async () => debouncedFn())\r\n// watch(searchedString, async () => debouncedFn())\r\n</script>\r\n","import script from \"./App_SearchPage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./App_SearchPage.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","import { ref, computed } from 'vue';\r\nimport { defineStore, storeToRefs } from 'pinia';\r\nimport { useFilterStore} from './filter-store'\r\nimport { useSearchStore} from './search-store'\r\nimport { searchEndpoint, productEndpoint } from '../services/nopAPI';\r\n// import { useProductStore } from \"./product-store\";\r\n\r\nexport const useDropdownSearchStore = defineStore('dropdownSearch', () => {\r\n\r\n  const dropdownProductResults = ref([]);\r\n  const dropdownPricingResults = ref([]);\r\n  // const dropdownProductImageResults = ref([]);\r\n  const dropdownProductsPerPage = ref(10);\r\n  const dropdownprodStartPage = ref(1);\r\n  const searchContentLoader = ref(false);\r\n\r\n//   const parserOptions = ref('&q.parser=structured&q.options=%7B%22defaultOperator%22%3A%22and%22%2C%22fields%22%3A%5B%22sku%5E100%22%2C%20%22name%5E50%22%2C%20%22shortdescription%5E10%22%2C%20%22fulldescription%5E4%22%5D%7D');\r\n\r\n  const { searchedString } = storeToRefs(useSearchStore());\r\n  // const { getProductsDetailsById } = useProductStore();\r\n//   const { appliedProductFilters } = storeToRefs(useFilterStore());\r\n  const { buildQField } = useFilterStore()\r\n\r\n  const dropdownProductMatchCount = computed(() => {\r\n    if (dropdownProductResults.value.hits && dropdownProductResults.value.hits.found) {\r\n      return dropdownProductResults.value.hits.found;\r\n    }\r\n    return 0;\r\n  });\r\n\r\n  \r\n\r\n  const productIdList = computed(() => {\r\n    if (dropdownProductMatchCount.value) {\r\n      return dropdownProductResults.value.hits.hit.map((hit) => hit.fields.documenttype_id);\r\n    }\r\n    return [];\r\n  });\r\n\r\n\r\n  const dropdownProductSearchResults = computed(() => {\r\n    if (dropdownProductResults.value.hits && dropdownProductResults.value.hits.found) {\r\n      return dropdownProductResults.value.hits.hit.map((item) => {\r\n        const id = item.fields.documenttype_id;\r\n        const defaultPricing = {\r\n          pricing: {\r\n            StockQuantity: null,\r\n            ProductsPrice: null,\r\n          },\r\n        };\r\n        \r\n        // const productImg=dropdownProductImageResults.value[id] || null;\r\n        const productImg=dropdownPricingResults.value[id]?.ImageUrl || null;\r\n        const pricing = { pricing: dropdownPricingResults.value[id] } || defaultPricing;\r\n        const match = { id, ...item.fields, ...pricing,productImg };\r\n        return match;\r\n      });\r\n    }\r\n    return [];\r\n  });\r\n\r\n  async function dropdownSearchProducts(suggestionProductName=null) {\r\n    if (searchedString.value) {\r\n        let query=`q=(or${buildQField(searchedString.value)})&q.parser=structured`;\r\n        if(suggestionProductName){\r\n          suggestionProductName = suggestionProductName.replace(/&/, '%26');\r\n          query += `&fq=(and(term field%3Dl2_ '${suggestionProductName}'))`\r\n        }\r\n\r\n        const productRes = await searchEndpoint.search(query)\r\n        dropdownProductResults.value = productRes\r\n        getProductPriceAndStock();\r\n    }\r\n  }\r\n\r\n  /*\r\n    async function getProductsBySearchString(searchString){\r\n        const size = dropdownProductsPerPage.value === 10 ? '' : `&size=${dropdownProductsPerPage.value}`;\r\n        const start = dropdownprodStartPage.value === 1 ? '' : `&start=${dropdownprodStartPage.value}`;\r\n        let query = `q=(or${buildQField(searchString)})${parserOptions.value}${size}${start}&fq=${appliedProductFilters.value}`;\r\n    \r\n        if(!isDropDownSearch.value){\r\n            getProductPriceAndStock();\r\n        }\r\n    }\r\n  */\r\n\r\n  async function getProductPriceAndStock() {\r\n    if (dropdownProductMatchCount.value) {\r\n      /*\r\n      productIdList.value.map(async (id) => {\r\n        if (dropdownPricingResults.value[id] && dropdownPricingResults.value[id].loaded) return\r\n          await productEndpoint.getProductPriceAndStock([id])\r\n          .then((priceAndStock) => {\r\n            const stuff = {\r\n              loaded: true,\r\n              id: priceAndStock.ProductsPricing[0].Id,\r\n              ProductsPrice: priceAndStock.ProductsPricing[0].ProductsPrice,\r\n              StockQuantity: priceAndStock.ProductsPricing[0].StockQuantity,\r\n              ShowStock: priceAndStock.ProductsPricing[0].ShowStock,\r\n              StockStatus: priceAndStock.ProductsPricing[0].StockStatus,\r\n            };\r\n            dropdownPricingResults.value[id] = stuff\r\n          })\r\n          .catch(() => {\r\n            const stuff = {\r\n              loaded: false,\r\n              id,\r\n              ProductsPrice: 'Call for price',\r\n              StockQuantity: 'Call for stock',\r\n            };\r\n            dropdownPricingResults.value[id] = stuff;\r\n          })\r\n\r\n          await getProductsDetailsById(id) \r\n          .then(productRes=>{\r\n            // console.log({productRes});\r\n            // if(productRes.IsSuccess){\r\n              dropdownProductImageResults.value[id] = productRes?.DefaultPictureModel?.ImageUrl;\r\n            // }\r\n          })\r\n      })\r\n      */\r\n    //  console.log('prodcut exists',dropdownPricingResults.value,dropdownPricingResults.value.every(item => item.loaded === true));\r\n    //   if(dropdownPricingResults.value.length > 0) return;\r\n\r\n     await productEndpoint.getProductPriceAndStock(productIdList.value)\r\n     .then((priceAndStock) => {\r\n        productIdList.value.map(async (id,index) => {\r\n          const stuff = {\r\n          loaded: true,\r\n          id: priceAndStock.ProductsPricing[index].Id,\r\n          ProductsPrice: priceAndStock.ProductsPricing[index].ProductsPrice,\r\n          StockQuantity: priceAndStock.ProductsPricing[index].StockQuantity,\r\n          ShowStock: priceAndStock.ProductsPricing[index].ShowStock,\r\n          StockStatus: priceAndStock.ProductsPricing[index].StockStatus,\r\n          ImageUrl: priceAndStock.ProductsPricing[index].ImageUrl\r\n        };\r\n        dropdownPricingResults.value[id] = stuff\r\n        })\r\n     })\r\n     .catch(() => {\r\n        productIdList.value.map(async (id) => {\r\n          const stuff = {\r\n            loaded: false,\r\n            id,\r\n            ProductsPrice: 'Call for price',\r\n            StockQuantity: 'Call for stock',\r\n          };\r\n          dropdownPricingResults.value[id] = stuff;\r\n        })\r\n     })\r\n\r\n    //  await getProductsDetailsById(productIdList.value) \r\n    //     .then(productRes=>{\r\n    //         productIdList.value.map(async (id) => {\r\n    //           dropdownProductImageResults.value[id] = productRes?.DefaultPictureModel?.ImageUrl;\r\n    //         })\r\n    //     })\r\n    }\r\n  }\r\n\r\n  function setSearchContentLoader(){\r\n    searchContentLoader.value=true;\r\n  }\r\n  function unsetSearchContentLoader(){\r\n    searchContentLoader.value=false;\r\n  }\r\n\r\n  function debounce(fn, delay) {\r\n    let timeoutId = null;\r\n    return async function (...args) {\r\n      if (timeoutId) clearTimeout(timeoutId);\r\n      timeoutId = setTimeout(async () => {\r\n        timeoutId = null;\r\n        await fn(...args);\r\n      }, delay);\r\n    };\r\n  }\r\n\r\n  return {\r\n    searchContentLoader,\r\n    setSearchContentLoader,\r\n    unsetSearchContentLoader,\r\n    dropdownProductSearchResults,\r\n    getProductPriceAndStock,\r\n    dropdownSearchProducts,\r\n    dropdownProductMatchCount,\r\n    dropdownProductsPerPage,\r\n    dropdownprodStartPage,\r\n    debounce,\r\n  };\r\n});\r\n","/* eslint-disable */\r\nimport { ref } from 'vue';\r\nimport { defineStore } from 'pinia';\r\n\r\nexport const useCategoryStore = defineStore('category', () => {\r\n    const categoryDetails = ref({});\r\n    const hardcodedCategories = [\r\n        { img: '/images/thumbs/0025554_o-rings.jpeg', name: 'O-Rings', link: '/o-rings' },\r\n        { img: '/images/thumbs/0025555_footer-cord.png', name: 'O-Ring Cord', link: '/o-ring-cord' },\r\n        { img: '/images/thumbs/0025558_footer-kits.png', name: 'O-Ring Kits', link: '/o-ring-kits' },\r\n        { img: '/images/thumbs/0025582_footer-vulcanized.png', name: 'Vulcanized O-Rings', link: '/vulcanized-o-rings' },\r\n        { img: '/images/thumbs/0025556_footer-gasket.png', name: 'Flange Gaskets', link: '/flange-gaskets' },\r\n        { img: '/images/thumbs/0025560_footer-spiral.png', name: 'Spiral Wound Gaskets', link: '/spiral-wound-gaskets' },\r\n        { img: '/images/thumbs/0025644_footerconduit.png', name: 'Electrical Conduit Gaskets', link: '/electrical-conduit-gaskets' },\r\n        { img: '/images/thumbs/0025557_footer-seals.png', name: 'Seals', link: '/seals' },\r\n        { img: '/images/thumbs/0025580_footer-packing.png', name: 'Packing Material', link: '/packing-material' },\r\n        { img: '/images/thumbs/0025552_footer-sheet.png', name: 'Sheet Material', link: '/sheet-material' },\r\n        { img: '/images/thumbs/0025559_footer-accessories.png', name: 'Sealing Accessories', link: '/sealing-accessories' },\r\n        { img: '/images/thumbs/0025549_footer-basic8.png', name: 'Basic 8 Cam & Groove', link: '/basic-8-cam-and-groove' },\r\n        { img: '/images/thumbs/0025545_footer-dry_break.png', name: 'Dry Break', link: '/dry-break' },\r\n        { img: '/images/thumbs/0025562_footer-military.png', name: 'Military Cam & Groove', link: '/military-cam-and-groove' },\r\n        { img: '/images/thumbs/0025606_footer-sleeve.png', name: 'Sleeves & Ferrules', link: '/sleeves-and-ferrules' },\r\n        { img: '/images/thumbs/0025588_footer-specialty.png', name: 'Specialty Cam & Groove', link: '/specialty-cam-and-groove' },\r\n        { img: '/images/thumbs/0025561_footer-truck.png', name: 'Tank Truck & Railcar Fittings', link: '/tank-truck-and-railcar-fittings' },\r\n        { img: '/images/thumbs/0025602_footer-nipple.png', name: 'Combination Nipples', link: '/combination-nipples' },\r\n        { img: '/images/thumbs/0025563_footer-cam_accessories.png', name: 'Cam & Groove Accessories', link: '/cam-and-groove-accessories' },\r\n        { img: '/images/thumbs/0025619_flatfooter.png', name: 'Flat Glass', link: '/flat-glass' },\r\n        { img: '/images/thumbs/0025625_tubularfooter.png', name: 'Tubular Gauge Glass', link: '/tubular-gauge-glass' },\r\n        { img: '/images/thumbs/0025627_annularfooter.png', name: 'Annular Glass', link: '/annular-glass' },\r\n        { img: '/images/thumbs/0025636_reflexfooter.png', name: 'Flat Gauge Glass', link: '/flat-gauge-glass' },\r\n        { img: '/images/thumbs/0025656_Gasket.png', name: 'Glass Accessories', link: '/glass-accessories' },\r\n        { img: '/images/thumbs/0025565_footer-replacement.png', name: 'Replacement Visors', link: '/replacement-visors' },\r\n        { img: '/images/thumbs/0025567_footer-headgear.png', name: 'PPE Headgear', link: '/ppe-headgear' },\r\n        { img: '/images/thumbs/0025566_footer-sandblast.png', name: 'Sandblast Lenses', link: '/sandblast-lenses' },\r\n        { img: '/images/thumbs/0025569_footer-blast.png', name: 'Blast Cabinet Underlayment', link: '/blast-cabinet-underlayment' },\r\n        { img: '/images/thumbs/0025568_footer_respirator.png', name: 'Respirator Cover Lenses', link: '/respirator-cover-lenses' },\r\n        { img: '/images/thumbs/0025555_footer-cord.png', name: 'O-Ring Cord', link: '/o-ring-cord' },\r\n        { img: '/images/thumbs/0025580_footer-packing.png', name: 'Packing Material', link: '/packing-material' },\r\n        { img: '/images/thumbs/0025552_footer-sheet.png', name: 'Sheet Material', link: '/sheet-material' },\r\n        { img: '/images/thumbs/0025652_plasticfooter.png', name: 'Sheet Plastics', link: '/sheet-plastics' },\r\n    ];\r\n\r\n\r\n  async function loadAllCategoryDetails() {\r\n    if (Object.keys(categoryDetails.value).length > 0) return\r\n    // ideally this would be a call to the API to get all category details, from nopCommerce\r\n    const categoryList = await Promise.resolve().then(() => hardcodedCategories) //todo: replace Promise with API call\r\n\r\n    categoryList.forEach((category) => {\r\n        const indexName = category.name.replace(/\\s/g, '-').toLowerCase();\r\n        categoryDetails.value[category.name] = category;\r\n    })\r\n\r\n  }\r\n\r\n  return { loadAllCategoryDetails, categoryDetails };\r\n});\r\n","<template>\r\n    <!-- eslint-disable -->\r\n    <q-expansion-item class=\"search-result-accordion\" :model-value=\"modelValue\" @update:model-value=\"updateValue\"\r\n        :expandIcon=\"props.showExpandIcon ? expandIcon : 'none'\">\r\n        <template v-slot:header=\"{ expanded }\">\r\n            <q-item-section class=\"search-result-accordion__heading\">\r\n                {{ heading }}\r\n            </q-item-section>\r\n        </template>\r\n        <q-card>\r\n\r\n            <q-card-section class=\"q-pa-none\">\r\n                <slot></slot>\r\n            </q-card-section>\r\n        </q-card>\r\n    </q-expansion-item>\r\n</template>\r\n\r\n<script setup>\r\nimport { ref } from 'vue';\r\n\r\n/* eslint-disable */\r\nconst props = defineProps({\r\n    modelValue: String,\r\n    heading: String,\r\n    showExpandIcon: {\r\n        type: Boolean,\r\n        default: false\r\n    }\r\n})\r\n\r\nconst emit = defineEmits(['update:modelValue'])\r\n\r\nconst expandIcon = ref('keyboard_arrow_down')\r\n\r\nconst updateValue = (value) => {\r\n    emit('update:modelValue', value)\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.search-result-accordion :deep(.q-hoverable:hover > .q-focus-helper) {\r\n    opacity: 0;\r\n}\r\n\r\n.search-result-accordion {\r\n    :deep(.q-expansion-item__container) {\r\n        padding-left: 16px;\r\n        padding-right: 16px;\r\n    }\r\n\r\n    :deep(.q-item) {\r\n        padding-left: 0;\r\n        padding-right: 0;\r\n        border-bottom: 1px solid $apg-navigation-grey;\r\n    }\r\n\r\n    &__heading {\r\n        font-size: 16px;\r\n        line-height: 20px;\r\n        letter-spacing: 0.1px;\r\n        text-transform: uppercase;\r\n        color: #8E8E8E;\r\n    }\r\n}\r\n</style>","import script from \"./SearchResultAccordion.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./SearchResultAccordion.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./SearchResultAccordion.vue?vue&type=style&index=0&id=43b889a7&lang=scss&scoped=true\"\n\nimport exportComponent from \"F:\\\\APG\\\\LatestProject\\\\vue-search-filters\\\\node_modules\\\\vue-loader\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-43b889a7\"]])\n\nexport default __exports__\nimport QExpansionItem from 'quasar/src/components/expansion-item/QExpansionItem.js';\nimport QItemSection from 'quasar/src/components/item/QItemSection.js';\nimport QCard from 'quasar/src/components/card/QCard.js';\nimport QCardSection from 'quasar/src/components/card/QCardSection.js';\nimport QItem from 'quasar/src/components/item/QItem.js';\nimport qInstall from \"../../../node_modules/vue-cli-plugin-quasar/lib/runtime.auto-import.js\";\nqInstall(script, 'components', {QExpansionItem,QItemSection,QCard,QCardSection,QItem});\n","import script from \"./SearchRusultSuggestionItem.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./SearchRusultSuggestionItem.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./SearchRusultSuggestionItem.vue?vue&type=style&index=0&id=ddcd3f1a&lang=scss&scoped=true\"\n\nimport exportComponent from \"F:\\\\APG\\\\LatestProject\\\\vue-search-filters\\\\node_modules\\\\vue-loader\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-ddcd3f1a\"]])\n\nexport default __exports__","<template>\r\n    <div class=\"v-add-to-cart \">\r\n        <!-- <div> -->\r\n        <div class=\"v-add-to-cart__text q-pr-md\">Quantity</div>\r\n        <div class=\"v-add-to-cart__counter\">\r\n            <q-icon @click=\"itemCount--\" class=\"icon cursor-pointer q-py-sm q-ml-sm\" name=\"remove\" size=\"md\" />\r\n            <input type=\"number\" v-model=\"itemCount\" class=\"text-center input-number\" />\r\n            <q-icon @click=\"itemCount++\" class=\"icon cursor-pointer q-py-sm q-pr-sm\" name=\"add\" size=\"md\" />\r\n        </div>\r\n        <!-- </div>\r\n            <div> -->\r\n        <div class=\"btn-section\"><q-btn @click=\"onAddToCart\" class=\"btn-add-to-cart\" label=\"ADD TO CART\" /></div>\r\n        <!-- </div> -->\r\n    </div>\r\n</template>\r\n<script setup>\r\n/* eslint-disable */\r\nimport { defineProps, defineEmits, ref, onMounted, computed, watch } from 'vue';\r\nimport { useCartStore } from '../../stores/cart-store';\r\nimport { useQuasar } from 'quasar'\r\nconst { addToCart } = useCartStore();\r\n\r\nconst emit = defineEmits(['onAddToCart'])\r\nconst itemCount = ref(1);\r\n\r\nconst props = defineProps({\r\n    product: Object\r\n})\r\n\r\nconst productData = computed(() => {\r\n    return props.product;\r\n})\r\nwatch(itemCount, newVal => {\r\n    if (newVal < 1) {\r\n        itemCount.value = 1\r\n    }\r\n})\r\n\r\n// function onAddToCart() {\r\n//     emit('onAddToCart', { quantity: itemCount.value });\r\n// }\r\nasync function onAddToCart() {\r\n    await addToCart(productData.value.id, itemCount.value);\r\n}\r\n\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.v-add-to-cart {\r\n    display: flex;\r\n    align-items: center;\r\n    border-top: 1px solid #e2e2e2;\r\n    padding-top: 13px;\r\n\r\n    &__text {\r\n        font-weight: 700;\r\n        font-size: 14px;\r\n        line-height: 18px;\r\n        text-align: center;\r\n        letter-spacing: 0.5px;\r\n        text-transform: uppercase;\r\n        color: $primary;\r\n    }\r\n\r\n    &__counter {\r\n        border: 1px solid #75767F;\r\n        border-radius: 4px;\r\n\r\n        .icon {\r\n            color: $primary;\r\n        }\r\n\r\n        .input-number {\r\n            border: unset;\r\n            width: 73px;\r\n\r\n            align-items: center;\r\n            text-align: center;\r\n            letter-spacing: 0.5px;\r\n            color: #75767F;\r\n            font-size: 16px;\r\n            line-height: 22px;\r\n        }\r\n    }\r\n\r\n    .btn-add-to-cart {\r\n        background: #0684C7;\r\n        border-radius: 8px;\r\n        padding: 10px 16px;\r\n        color: #fff;\r\n        // width: 106px;\r\n        // height: 40px;\r\n    }\r\n}\r\n\r\n.btn-section {\r\n    margin-left: auto;\r\n}\r\n</style>","import script from \"./AddToCartWithQuantity.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./AddToCartWithQuantity.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./AddToCartWithQuantity.vue?vue&type=style&index=0&id=0e69198e&lang=scss&scoped=true\"\n\nimport exportComponent from \"F:\\\\APG\\\\LatestProject\\\\vue-search-filters\\\\node_modules\\\\vue-loader\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-0e69198e\"]])\n\nexport default __exports__\nimport QIcon from 'quasar/src/components/icon/QIcon.js';\nimport QBtn from 'quasar/src/components/btn/QBtn.js';\nimport qInstall from \"../../../node_modules/vue-cli-plugin-quasar/lib/runtime.auto-import.js\";\nqInstall(script, 'components', {QIcon,QBtn});\n","<template>\r\n    <div class=\"matching-products-details__wrapper q-mb-md\">\r\n        <div class=\"matching-products-details\">\r\n        <div class=\"product-gallery\">\r\n            <img :src=\"defaultImage\" alt=\"\">\r\n        </div>\r\n        <div>\r\n            <div class=\"matching-products-details__title q-pb-md\">\r\n                {{ product.name }}\r\n            </div>\r\n            <div class=\"row\">\r\n                <div class=\"col\">SKU: <span>{{ product.sku }}</span></div>\r\n                <div class=\"col\">PRICE: <span>{{product?.pricing?.ProductsPrice?.Price}}</span></div>\r\n            </div>\r\n        </div>\r\n        <div class=\"stock-message\">\r\n            <StockMessage :showQuantity='product?.pricing?.ShowStock' :quantity='product?.pricing?.StockQuantity' :message=\"product?.pricing?.Message\" :status='product?.pricing?.StockStatus'/>\r\n        </div>\r\n    </div>\r\n    <div>\r\n\r\n        <AddToCartWithQuantity :product=\"product\" />\r\n    </div>\r\n    </div>\r\n</template>\r\n\r\n<script setup>\r\nimport { defineProps,computed } from \"vue\";\r\n// eslint-disable-next-line no-unused-vars\r\nimport StockMessage from \"../ProductResultsTable/StockMessage.vue\"\r\nimport AddToCartWithQuantity from \"./AddToCartWithQuantity.vue\"\r\n\r\n// eslint-disable-next-line no-unused-vars\r\nconst props = defineProps({\r\n    product: Object\r\n})\r\n\r\nconst defaultImage=computed(()=>{\r\n    return props.product.productImg ? props.product.productImg : \"/images/default-image.png\";\r\n});\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.product-gallery {\r\n    img {\r\n        width: 75px;\r\n        height: 75px;\r\n    }\r\n    padding-right: 17px;\r\n}\r\n\r\n.matching-products-details {\r\n    \r\n    display: flex;\r\n    // justify-content: space-between;\r\n\r\n    &__wrapper{\r\n        padding: 12px 13px 10px 12px;\r\n    background: #FEFEFE;\r\n    border: 1px solid #B3B3B3;\r\n    border-radius: 8px;\r\n    }\r\n\r\n    &__title {\r\n        font-weight: 700;\r\n        font-size: 14px;\r\n        line-height: 18px;\r\n        letter-spacing: 0.5px;\r\n        text-transform: uppercase;\r\n        color: $apg-dark-grey;\r\n    }\r\n\r\n    .col {\r\n        font-size: 12px;\r\n        line-height: 16px;\r\n        letter-spacing: 0.4px;\r\n        text-transform: uppercase;\r\n        color: $apg-navigation-grey;\r\n    }\r\n\r\n    span {\r\n        font-weight: 700;\r\n        font-size: 12px;\r\n        line-height: 16px;\r\n        letter-spacing: 0.5px;\r\n        color: $apg-dark-grey;\r\n    }\r\n    .stock-message{\r\n        margin-left: auto;\r\n    }\r\n}\r\n</style>","import script from \"./MatchingProductsDetails.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./MatchingProductsDetails.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./MatchingProductsDetails.vue?vue&type=style&index=0&id=23ef3aa6&scoped=true&lang=scss\"\n\nimport exportComponent from \"F:\\\\APG\\\\LatestProject\\\\vue-search-filters\\\\node_modules\\\\vue-loader\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-23ef3aa6\"]])\n\nexport default __exports__","<template>\r\n    <div>\r\n        <div class=\"row\">\r\n            <div class=\"col-6\" v-for=\"(getProduct,index) in props.products\" :key=\"`pros+${index}`\">\r\n                <!-- <div class=\"L2_product_title\">{{ getProduct.name }}</div> -->\r\n                <!-- <div v-for=\"(product,index) in getProduct.products\" :key=\"`pros+l2+${index}`\"> -->\r\n                    <a :href=\"getProduct.link\" class=\"matching-l2products-details col q-mb-md q-mx-sm\">\r\n                        <div>\r\n                            <img class=\"product-image\" :src=\"categoryDetails[getProduct.value].img || ''\" />\r\n                        </div>\r\n                        <div class=\"product-details-wrapper\">\r\n                            <div class=\"product-title\" v-html=\"getHighlightProductName(getProduct.value)\"></div>\r\n                            <div class=\"product-count-result\">{{getProduct.count}} results</div>\r\n                        </div>\r\n                    </a>\r\n                <!-- </div> -->\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script setup>\r\n/* eslint-disable */\r\nimport { defineProps,computed } from \"vue\";\r\nimport { useSearchStore } from '../../stores/search-store'\r\nimport { useCategoryStore } from '../../stores/category-store'\r\nimport { storeToRefs } from 'pinia';\r\n\r\nconst searchStore = useSearchStore()\r\n\r\nconst categoryStore = useCategoryStore();\r\nconst { categoryDetails } = storeToRefs(categoryStore);\r\n\r\nconst props=defineProps({\r\n    products: Array\r\n})\r\nconst getSearchedString = computed(()=>{\r\n    return searchStore.searchedString;\r\n  })\r\n  \r\n  function getHighlightProductName(productName){\r\n    // console.log(productName,'==',getSearchedString.value);\r\n    if(productName){\r\n        const prod=productName.toLowerCase();\r\n        const searchString=getSearchedString.value.toLowerCase() || \"\";\r\n        return prod.includes(searchString) ? `<em class='v-hightlight'>${productName}</em>` : `${productName}`;\r\n    }\r\n    return \"\";\r\n  }\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.matching-l2products-details {\r\n    display: flex;\r\n    align-items: center;\r\n    padding: 10px;\r\n    background: #FEFEFE;\r\n    border: 1px solid #B3B3B3;\r\n    border-radius: 8px;\r\n    text-decoration: none;\r\n\r\n    .product-image{\r\n        width: 60px;\r\n        height: 60px;\r\n    }\r\n\r\n    .product-details-wrapper{\r\n        margin-left: 12px;\r\n    }\r\n    .product-title{\r\n        font-weight: 700;\r\n        font-size: 17px;\r\n        line-height: 24px;\r\n        letter-spacing: 0.5px;\r\n        text-transform: uppercase;\r\n        color: $apg-dark-grey;\r\n    }\r\n    .product-count-result{\r\n        font-size: 15px;\r\n        color: $apg-navigation-grey;\r\n    }\r\n}\r\n\r\n.L2_product_title{\r\n    font-size: 17px;\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    color: $apg-navigation-grey;\r\n    margin-left: 10px;\r\n    margin-bottom: 10px;\r\n    padding-bottom: 5px;\r\n    border-bottom: 1px solid #a9a4a4;\r\n}\r\n</style>","import script from \"./MatchingL2ProductsDetails.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./MatchingL2ProductsDetails.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./MatchingL2ProductsDetails.vue?vue&type=style&index=0&id=6f600b1a&scoped=true&lang=scss\"\n\nimport exportComponent from \"F:\\\\APG\\\\LatestProject\\\\vue-search-filters\\\\node_modules\\\\vue-loader\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-6f600b1a\"]])\n\nexport default __exports__","<template>\r\n    <div class=\"matching-products\">\r\n        \r\n        <div v-if=\"searchType == 'SEARCH_PRODUCT'\">\r\n            <div v-if=\"searchContentLoader\" class=\"contentLoaderWrap\">\r\n                <q-spinner color=\"primary\" size=\"5em\" :thickness=\"6\" />\r\n                <div class=\"loadingText\">Loading Results</div>\r\n            </div>\r\n            <div v-else>\r\n                <MatchingProductsDetails :product=\"product\" v-for=\"product in props.products\" :key=\"`pros+${product.id}`\"  />\r\n            </div>\r\n        </div>\r\n\r\n        <div v-else-if=\"searchType == 'L2_PRODUCT'\">\r\n            <div v-if=\"searchContentLoader\" class=\"contentLoaderWrap\">\r\n                <q-spinner color=\"primary\" size=\"5em\" :thickness=\"6\" />\r\n                <div class=\"loadingText\">Loading Results</div>\r\n            </div>\r\n            <div v-else>\r\n                <MatchingL2ProductsDetails :products=\"products\" />\r\n            </div>\r\n        </div>  \r\n    </div>\r\n</template>\r\n\r\n<script setup>\r\nimport { defineProps } from \"vue\";\r\nimport { storeToRefs } from 'pinia'\r\nimport { useDropdownSearchStore } from '../../stores/dropdown-search-store.js';\r\nimport MatchingProductsDetails from \"./MatchingProductsDetails.vue\"\r\nimport MatchingL2ProductsDetails from \"./MatchingL2ProductsDetails.vue\"\r\n\r\nconst dropdownSearchStore = useDropdownSearchStore();\r\nconst {searchContentLoader} = storeToRefs(dropdownSearchStore);\r\n\r\n\r\nconst props = defineProps({\r\n    products: Array,\r\n    searchType: String,\r\n})\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.matching-products {\r\n    // padding: 12px 13px 10px 12px;\r\n    // background: #FEFEFE;\r\n    // border: 1px solid #B3B3B3;\r\n    // border-radius: 8px;\r\n}\r\n.contentLoaderWrap{\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-top: 300px;\r\n    .loadingText{\r\n        font-size: 17px;\r\n        padding: 15px 0px;\r\n    }\r\n}\r\n</style>","import script from \"./MatchingProducts.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./MatchingProducts.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./MatchingProducts.vue?vue&type=style&index=0&id=3e0db128&scoped=true&lang=scss\"\n\nimport exportComponent from \"F:\\\\APG\\\\LatestProject\\\\vue-search-filters\\\\node_modules\\\\vue-loader\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-3e0db128\"]])\n\nexport default __exports__\nimport QSpinner from 'quasar/src/components/spinner/QSpinner.js';\nimport qInstall from \"../../../node_modules/vue-cli-plugin-quasar/lib/runtime.auto-import.js\";\nqInstall(script, 'components', {QSpinner});\n","<template>\r\n    <div>\r\n        <q-card class=\"kb-card\" v-for=\"article in articleSearchResults\" :key=\"article.id\">\r\n            <q-card-section class=\"row no-wrap kb-card-section\" >\r\n              <div class='kb-card-grid'>\r\n                <div class=\"relative kb-img\">\r\n                  <q-img v-if='!article?.details?.img' class=\"q-mr-md kb-image\" placeholder-src=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAACWBAMAAADOL2zRAAAAG1BMVEXMzMyWlpaqqqq3t7fFxcW+vr6xsbGjo6OcnJyLKnDGAAAACXBIWXMAAA7EAAAOxAGVKw4bAAABAElEQVRoge3SMW+DMBiE4YsxJqMJtHOTITPeOsLQnaodGImEUMZEkZhRUqn92f0MaTubtfeMh/QGHANEREREREREREREtIJJ0xbH299kp8l8FaGtLdTQ19HjofxZlJ0m1+eBKZcikd9PWtXC5DoDotRO04B9YOvFIXmXLy2jEbiqE6Df7DTleA5socLqvEFVxtJyrpZFWz/pHM2CVte0lS8g2eDe6prOyqPglhzROL+Xye4tmT4WvRcQ2/m81p+/rdguOi8Hc5L/8Qk4vhZzy08DduGt9eVQyP2qoTM1zi0/uf4hvBWf5c77e69Gf798y08L7j0RERERERERERH9P99ZpSVRivB/rgAAAABJRU5ErkJggg==\"/>\r\n                  <q-img v-if='article?.details?.img' class=\"q-mr-md kb-image\" :src=\"'data:image/gif;base64,'+article?.details.img\" />\r\n                  <div :class='`bg-kb-${article.documenttype.toLowerCase()} text-white kb-badge`'>{{badgeName[article.documenttype.toLowerCase()]}}</div>\r\n                </div>\r\n                <div class=\"kb-title\">{{ article.name }}</div>\r\n                <div class=\"kb-postdate\">Posted - {{ convertDate(article.details.posted) }}</div>\r\n                <div class=\"kb-description\">{{ article.shortdescription }}</div>\r\n                <div class=\"kb-tags\">\r\n                  <q-chip v-for=\"tag in article.tags\" square :color=\"`kb-tag-${article.documenttype.toLowerCase()}`\" :text-color=\"`kb-tag-${article.documenttype.toLowerCase()}`\" v-bind:key='tag'>{{ tag.toUpperCase() }}</q-chip>\r\n                </div>\r\n                </div>\r\n            </q-card-section>\r\n            <div class='kb-readmore'><q-btn outline class='readmore-btn' color='primary' :label=\"buttonLabel[article.documenttype.toLowerCase()]\" :href=\"'/' + article.slug\" /></div>\r\n          </q-card>\r\n          <div v-if=\"articleSearchResults.length==0\">\r\n            <div class=\"EmptyKBaseResult\">No Knowledge Base Articles Found</div>\r\n          </div>\r\n    </div>\r\n</template>\r\n\r\n<script setup>\r\n/* eslint-disable */\r\nconst props=defineProps({\r\n  articleSearchResults: Array,\r\n});\r\nconst badgeName = {\r\n    resource: 'RESOURCES',\r\n    blog: 'BLOGS',\r\n    catalog: 'CATALOGS'\r\n}\r\n\r\nconst buttonLabel = {\r\n    resource: 'Read More',\r\n    blog: 'Read More',\r\n    catalog: 'View Catalog'\r\n}\r\n\r\nconst convertDate = (date) => {\r\n  if (date === null || date === '' || date.toLowerCase() === 'unknown') return ''\r\n  const d = new Date(date)\r\n  return d.toLocaleDateString(\"en-US\", {\r\n    month: \"2-digit\",\r\n    day: \"2-digit\",\r\n    year: \"numeric\"\r\n  })\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n    .kb-table-title {\r\n        font-weight: 700;\r\n        font-size: 22px;\r\n        line-height: 28px;\r\n        padding-bottom: 20px;\r\n        @media (max-width: $breakpoint-xs) {\r\n          padding-bottom: 15px;\r\n        }\r\n    }\r\n    .EmptyKBaseResult{\r\n        text-align: center;\r\n        padding: 15px;\r\n        margin-top: 30px;\r\n        font-size: 18px;\r\n    }\r\n    .kb-card {\r\n        margin-bottom: 20px;\r\n        width: 100%;\r\n    }\r\n    .kb-card-section {\r\n      padding:30px 30px 10px 30px !important;\r\n    }\r\n    .kb-card-grid {\r\n      display: grid;\r\n    }\r\n    .kb-img {\r\n      grid-area: kbImg;\r\n    }\r\n    .kb-image {\r\n      width:225px;\r\n      height:195px;\r\n    }\r\n    .kb-title {\r\n        grid-area: kbTitle;\r\n        color: $apg-dark-grey;\r\n        font-size: 22px;\r\n        font-weight: 700;\r\n        line-height: 28px;\r\n        padding-bottom: 4px;\r\n        width: 80%;\r\n    }\r\n    .kb-postdate {\r\n        grid-area: kbPostdate;\r\n        font-size: 14px;\r\n        line-height: 12px;\r\n        letter-spacing: 0.4px;\r\n        color: $apg-med-grey;\r\n        padding-bottom: 12px;\r\n        margin-top: 10px;\r\n    }\r\n    .kb-description {\r\n        grid-area: kbDesc;\r\n        font-size: 14px;\r\n        font-weight: 400;\r\n        line-height: 18px;\r\n        letter-spacing: 0.25px;\r\n        color: $apg-dark-grey;\r\n        margin-bottom: 16px;\r\n        margin-top: 16px;\r\n        \r\n        height: 54px;\r\n        display: -webkit-box;\r\n        -webkit-line-clamp: 3;\r\n        text-overflow: hidden;\r\n        -webkit-box-orient: vertical;\r\n        overflow: hidden;\r\n    }\r\n    .kb-tags {\r\n        grid-area: kbTags;\r\n        margin-bottom: 16px;\r\n        height: 32px;\r\n        display: -webkit-box;\r\n        -webkit-line-clamp: 1;\r\n        text-overflow: hidden;\r\n        -webkit-box-orient: horizontal;\r\n        overflow: hidden;\r\n    }\r\n    .kb-readmore {\r\n      grid-area: kbReadmore;\r\n      margin-left: 30%;\r\n      padding-bottom: 15px;\r\n    }\r\n    .kb-badge {\r\n        line-height: 16px;\r\n        position: absolute;\r\n        top:30px;\r\n        right:30px;\r\n        font-size:12px;\r\n        padding:10px;\r\n    }\r\n    .bg-kb-resource {\r\n        background-color: #00AA2D !important;\r\n    }\r\n    .bg-kb-blog {\r\n        background-color: $primary !important;\r\n    }\r\n    .bg-kb-catalog {\r\n        background-color: #C42424 !important;\r\n    }\r\n    .kb-card-grid {\r\n      display: grid;\r\n      grid-template-rows: auto auto auto auto auto;\r\n      grid-template-columns: 230px auto;\r\n      grid-column-gap: 24px;\r\n      grid-row-gap: 0;\r\n      grid-template-areas: \"kbImg kbTitle   \"\r\n                            \"kbImg kbPostdate\"\r\n                            \"kbImg kbDesc    \"\r\n                            \"kbImg kbTags    \"\r\n                            \"kbImg kbReadmore\";\r\n    }\r\n\r\n    @media only screen and (max-width: 767px) {\r\n    // class that rounds over the top corners\r\n      .kb-image {\r\n        border-radius: 4px 4px 0px 0px;\r\n        width: 100%;\r\n        height: 180px;\r\n        margin-bottom: 18px;\r\n      }\r\n      .kb-card-section {\r\n        padding:0px !important;\r\n        margin-bottom: 18px;\r\n      }\r\n      .kb-description {\r\n          margin-bottom: 40px;\r\n      }\r\n      .kb-badge {\r\n          top:21px;\r\n          left:0px;\r\n      }\r\n      .readmore-btn {\r\n        width: 100% !important;\r\n      }\r\n      .kb-card-grid {\r\n        display: grid;\r\n        grid-template-rows: auto auto auto auto auto;\r\n        grid-template-columns: 17px auto 17px; /* 1 column */\r\n        grid-column-gap: 0px;\r\n        grid-row-gap: 0px;\r\n        grid-template-areas: \"kbImg kbImg      kbImg\"\r\n                             \".     kbTitle    .\"\r\n                             \".     kbPostdate .\"\r\n                             \".     kbDesc     .\"\r\n                             \".     kbTags     .\"\r\n                             \".     kbReadmore .\";\r\n      }\r\n    }\r\n</style>","import script from \"./KBaseResultsCard.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./KBaseResultsCard.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./KBaseResultsCard.vue?vue&type=style&index=0&id=cba49a28&lang=scss&scoped=true\"\n\nimport exportComponent from \"F:\\\\APG\\\\LatestProject\\\\vue-search-filters\\\\node_modules\\\\vue-loader\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-cba49a28\"]])\n\nexport default __exports__\nimport QCard from 'quasar/src/components/card/QCard.js';\nimport QCardSection from 'quasar/src/components/card/QCardSection.js';\nimport QImg from 'quasar/src/components/img/QImg.js';\nimport QChip from 'quasar/src/components/chip/QChip.js';\nimport QBtn from 'quasar/src/components/btn/QBtn.js';\nimport qInstall from \"../../node_modules/vue-cli-plugin-quasar/lib/runtime.auto-import.js\";\nqInstall(script, 'components', {QCard,QCardSection,QImg,QChip,QBtn});\n","<template>\r\n  <div class=\"v-search-result-window\" :style=\"styleObject\">\r\n    <div class=\"suggestions-section\">\r\n      <SearchResultAccordion v-model=\"suggestionsModel\" heading=\"Suggestions\">\r\n        <div v-if=\"searchLoading\">\r\n          <q-spinner-dots color=\"primary\" size=\"2em\" class=\"q-mx-auto block\"/>\r\n        </div>\r\n        <div v-else>\r\n          <template v-if=\"suggestionsData.length !== 0\">\r\n            <SearchRusultSuggestionItem v-for=\"(item, index) in suggestionsData.slice(0, 5)\" @mouseenter=\"handleShowProducts('SEARCH_PRODUCT',item)\" :key=\"`suggestionsData-${index}`\"\r\n              :label=\"item?.highlight ? item?.highlight : item?.name\" :value=\"item?.matches\" :link=\"item?.link\" />\r\n          </template>\r\n            <div v-else class=\"q-py-md no-result\">No results</div>\r\n        </div>\r\n      </SearchResultAccordion>\r\n      <SearchResultAccordion v-model=\"productLinesModel\" heading=\"Product Lines\">\r\n        <div v-if=\"searchLoading\" class=\"q-py-md\">\r\n          <q-spinner-dots color=\"primary\" size=\"2em\" class=\"q-mx-auto block\"/>\r\n        </div>\r\n        <div v-else>\r\n          <template v-if=\"productLinesData.length !== 0\">\r\n            <SearchRusultSuggestionItem \r\n              v-for=\"(item, index) in productLinesData\" \r\n              :key=\"`productLinesData-${index}`\"\r\n              @mouseenter=\"handleShowProducts('L2_PRODUCT',item)\"\r\n              :label=\"item?.highlight ? item?.highlight : item?.name\" \r\n              :value=\"item?.matches\" \r\n              :link=\"item?.link\" />\r\n          </template>\r\n          <div v-else class=\"q-py-md no-result\">No results</div>\r\n        </div>\r\n      </SearchResultAccordion>\r\n      <SearchResultAccordion v-model=\"knowledgeBaseModel\" heading=\"Knowledge Base\">\r\n        <div v-if=\"searchLoading\" class=\"q-py-md\">\r\n          <q-spinner-dots color=\"primary\" size=\"2em\" class=\"q-mx-auto block\"/>\r\n        </div>\r\n          <div v-else>\r\n          <template v-if=\"knowledgeBaseData.length !== 0\">\r\n            <template v-for=\"(item, index) in knowledgeBaseData\">\r\n              <SearchRusultSuggestionItem v-if='item.type !== \"product\"'\r\n              :key=\"`knowledgeBaseData-${index}`\"\r\n              @mouseenter=\"handleShowProducts('KNOWLEDGE_BASE',item),currentKBaseType=item.type\"\r\n              :label=\"item?.highlight ? item?.highlight : item?.name\" \r\n              :value=\"item?.matches\" \r\n              :link=\"item?.link\" />\r\n            </template>\r\n          </template>\r\n          <div v-else class=\"q-py-md no-result\">No results</div>\r\n        </div>\r\n      </SearchResultAccordion>\r\n    </div>\r\n    <div class=\"items-section products_area\" v-if=\"$q.screen.gt.md\">\r\n      <!-- {{ productSearchResults }} -->\r\n      <div class=\"row items-center q-mb-md q-ml-sm\">\r\n          <div class=\"col-8\">\r\n              <div>Recommended Products under</div>\r\n              <div class=\"main_search_title\">{{getSearchedString}}</div>\r\n          </div>\r\n          <div class=\"col-4 text-right\">\r\n            <a :href=\"currentNavigateBtnLink\" class=\"navigateLink\">\r\n              <q-btn outline color=\"primary\" class=\"btn_show_all_products\" size=\"md\" :label=\"navigateBtnLabel\" />\r\n            </a>\r\n          </div>\r\n      </div>\r\n      <div v-if=\"currentShowProducts=='SEARCH_PRODUCT'\">\r\n        <MatchingProducts :searchType=\"currentShowProducts\" :products=\"dropdownProductSearchResults\" />\r\n      </div>\r\n      <div v-else-if=\"currentShowProducts=='L2_PRODUCT'\">\r\n        <MatchingProducts :searchType=\"currentShowProducts\" :products=\"L2productSearchResults\" />\r\n      </div>\r\n      <div v-else-if=\"currentShowProducts=='KNOWLEDGE_BASE'\" >\r\n        <!-- <div>knowledge base</div> -->\r\n        <div v-if=\"searchContentLoader\" class=\"contentLoaderWrap\">\r\n            <q-spinner color=\"primary\" size=\"5em\" :thickness=\"6\" />\r\n            <div class=\"loadingText\">Loading Results</div>\r\n        </div>\r\n        <div v-else>\r\n          <KBaseResultsCard :articleSearchResults=\"KbaseTypewiseResults\"></KBaseResultsCard>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script setup>\r\n/* eslint-disable */\r\nimport { useQuasar } from 'quasar';\r\nimport { reactive, ref, defineProps, watch , computed, onMounted} from 'vue';\r\nimport SearchResultAccordion from './SearchResultAccordion.vue';\r\nimport SearchRusultSuggestionItem from \"./SearchRusultSuggestionItem.vue\"\r\nimport MatchingProducts from \"./MatchingProducts.vue\"\r\nimport { storeToRefs } from 'pinia'\r\nimport { useDropdownSearchStore } from '../../stores/dropdown-search-store.js';\r\nimport { useSearchStore } from '../../stores/search-store'\r\nimport { useFilterStore } from '../../stores/filter-store'\r\nimport KBaseResultsCard from '../KBaseResultsCard.vue';\r\n\r\nconst { buildQField } = useFilterStore();\r\nconst dropdownSearchStore = useDropdownSearchStore();\r\nconst {dropdownProductSearchResults,searchContentLoader} = storeToRefs(dropdownSearchStore);\r\nconst { dropdownSearchProducts,setSearchContentLoader, unsetSearchContentLoader } = dropdownSearchStore;\r\n\r\nconst searchStore = useSearchStore()\r\nconst { \r\n  dropdownArticleSearchResults,\r\n  dropdownArticlesPerPage,\r\n  isDropDownSearch,\r\n  productSearchResults,\r\n  L2productSearchResults,\r\n  articleSearchResults,\r\n  articlesPerPage,\r\n  articlesStartPage,\r\n  articleMatchCount,\r\n  productMatchCount,\r\n  productsPerPage,\r\n  startPage,\r\n  productL1FeedBack,\r\n  productL2FeedBack,\r\n  productDocumentTypeFeedBack,\r\n  searchLoading,\r\n  searchedString,\r\n} = storeToRefs(searchStore)\r\nconst { getProductsBySearchString,getL2ProductResults,searchDropdownArticles,searchArticles, debounce } = searchStore\r\n\r\n\r\n\r\nconst props = defineProps({\r\n  searchInputBoxString: String\r\n})\r\nconst KbaseTypewiseResults=computed(()=>{\r\n  return dropdownArticleSearchResults.value.filter(item => item.documenttype == currentKBaseType.value);\r\n})\r\nconst getSearchedString = computed(()=>{\r\n    return searchStore.searchedString;\r\n  })\r\nconst suggestionsData = computed(()=>{ \r\n  return productL2FeedBack.value.map(item => {\r\n    const fieldName = item.value.replace(/&/g, '%26');\r\n    return {\r\n      name: item.value,\r\n      highlight: `<em class=\"v-hightlight\">${item.value}</em>`,\r\n      matches: item.count,\r\n      link: `/search?q=(or${buildQField(searchedString.value)})&q.parser=structured&fq=(and(term+field%3Dl2_+%27${fieldName}%27))`\r\n    }\r\n  })\r\n});\r\n\r\nconst productLinesData = computed(()=>{\r\n  return productL1FeedBack.value.map(item => {\r\n    const fieldName = item.value.replace(/&/g, '%26'); \r\n    return {\r\n      name: item.value,\r\n      highlight: null,\r\n      matches: item.count,\r\n      link: `/search?q=(or${buildQField(searchedString.value)})&q.parser=structured&fq=(and(term+field%3Dl1_+%27${fieldName}%27))`\r\n    }\r\n  });\r\n});\r\n\r\nconst knowledgeBaseData = computed(()=>{ \r\n  return productDocumentTypeFeedBack.value.map(item => {\r\n    \r\n    const fieldName = item.value.replace(/&/g, '%26');\r\n    return {\r\n      name: item.value,\r\n      type: item.value,\r\n      highlight: '',\r\n      matches: item.count,\r\n      link: `/search?q=(or${buildQField(searchedString.value)})&q.parser=structured&fq=(term+field%3Ddocumenttype+%27${fieldName}%27)`\r\n    }\r\n  });\r\n});\r\n\r\nconst $q = useQuasar()\r\nconst suggestionsModel = ref(true)\r\nconst productLinesModel = ref(true)\r\nconst knowledgeBaseModel = ref(true)\r\nconst currentShowProducts=ref(\"SEARCH_PRODUCT\"); //SEARCH_PRODUCT, L2_PRODUCT, KNOWLEDGE_BASE\r\nconst currentKBaseType=ref(\"blog\"); //blog,resource,catalog\r\nconst navigateBtnLabel=ref(\"Shop All\");\r\nconst currentNavigateBtnLink=ref(\"#\");\r\n\r\n\r\n\r\nconst styleObject = reactive({\r\n  width: `${$q.screen.width - (($q.screen.width * 30) / 100)}px`,\r\n  left: `${($q.screen.width - ($q.screen.width - (($q.screen.width * 30) / 100))) / 2}px`\r\n})\r\nif(currentShowProducts.value == 'SEARCH_PRODUCT'){\r\n  styleObject.width = `${$q.screen.width - (($q.screen.width * 38) / 100)}px`\r\n}\r\nelse{\r\n  styleObject.width = `${$q.screen.width - (($q.screen.width * 30) / 100)}px`\r\n}\r\nif ($q.screen.xs) {\r\n  styleObject.width = '100vw'\r\n  styleObject.left = 0\r\n}\r\n\r\nconst executeGetProducts = async (val) => {\r\n  getProductsBySearchString(val)\r\n}\r\n\r\nconst handleShowProducts = debounce(async(searchType,currentTab) => {\r\n  currentShowProducts.value=searchType;\r\n  currentNavigateBtnLink.value=\"#\";\r\n  // console.log(currentTab?.link);\r\n  styleObject.width = `${$q.screen.width - (($q.screen.width * 30) / 100)}px`\r\n  if(searchType == 'SEARCH_PRODUCT'){\r\n    styleObject.width = `${$q.screen.width - (($q.screen.width * 38) / 100)}px`\r\n    setSearchContentLoader();\r\n    await dropdownSearchProducts(currentTab?.name);\r\n    unsetSearchContentLoader();\r\n    navigateBtnLabel.value=`Shop All ${currentTab?.name}`\r\n    currentNavigateBtnLink.value=currentTab?.link;\r\n  }\r\n  else if(searchType == 'L2_PRODUCT'){\r\n    setSearchContentLoader();\r\n    await getL2ProductResults(currentTab?.name);\r\n    unsetSearchContentLoader();\r\n    navigateBtnLabel.value=`Shop All ${currentTab?.name}`\r\n    currentNavigateBtnLink.value=currentTab?.link;\r\n  }\r\n  else if(searchType=='KNOWLEDGE_BASE'){\r\n    dropdownArticlesPerPage.value = 10\r\n    setSearchContentLoader();\r\n    await searchDropdownArticles(currentKBaseType.value);\r\n    unsetSearchContentLoader();\r\n    navigateBtnLabel.value=\"Go to Knowledge Base Results\"\r\n    currentNavigateBtnLink.value=currentTab?.link;\r\n  }\r\n},100)\r\n\r\n// watch(() => props.searchInputBoxString, (newVal) => {\r\n//   if (newVal.length > 3 && !isDropDownSearch.value)\r\n//     debounce(executeGetProducts(newVal), 600)\r\n// })\r\n\r\n\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.v-search-result-window {\r\n  width: 1064px;\r\n  position: absolute;\r\n  background: linear-gradient(270deg, #ffffff 0%, #f1f1f1 60.4%);\r\n  top: 158px;\r\n  z-index: 10;\r\n  display: grid;\r\n  grid-template-columns: 314px auto;\r\n  grid-template-areas: \"searchSuggestions searchItems\";\r\n  border: 1px solid #d9d9d9;\r\n  box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);\r\n  @media (max-width: $breakpoint-xs) {\r\n    grid-template-columns: auto;\r\n    grid-template-areas: \"searchSuggestions\";\r\n    top: 188px;\r\n    height: calc(96vh - 188px);\r\n  }\r\n}\r\n\r\n.suggestions-section {\r\n  background: #FFFFFF;\r\n  grid-area: searchSuggestions;\r\n  padding: 12px 12px 16px 12px;\r\n  @media (max-width: $breakpoint-xs) {\r\n    border: 1px solid #d9d9d9;\r\n    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);\r\n  }\r\n}\r\n\r\n.items-section {\r\n  grid-area: searchItems;\r\n  padding: 16px 16px 0px 18px;\r\n  height: 672px;\r\n  // height:790px;\r\n    overflow-y: scroll;\r\n}\r\n\r\n.no-result {\r\n  letter-spacing: 0.5px;\r\n  line-height: 18px;\r\n  color: $apg-dark-grey;\r\n  font-weight: 700;\r\n}\r\n.contentLoaderWrap{\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-top: 300px;\r\n    .loadingText{\r\n        font-size: 17px;\r\n        padding: 15px 0px;\r\n    }\r\n}\r\n.navigateLink{\r\n  text-decoration: none;\r\n}\r\n.main_search_title{\r\n    font-size: 19px;\r\n    font-weight: 800;\r\n}\r\n.btn_show_all_products{\r\n    font-weight: 900;\r\n}\r\n</style>\r\n","import script from \"./SearchResultsWindow.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./SearchResultsWindow.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./SearchResultsWindow.vue?vue&type=style&index=0&id=7f6b5425&lang=scss&scoped=true\"\n\nimport exportComponent from \"F:\\\\APG\\\\LatestProject\\\\vue-search-filters\\\\node_modules\\\\vue-loader\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-7f6b5425\"]])\n\nexport default __exports__\nimport QSpinnerDots from 'quasar/src/components/spinner/QSpinnerDots.js';\nimport QBtn from 'quasar/src/components/btn/QBtn.js';\nimport QSpinner from 'quasar/src/components/spinner/QSpinner.js';\nimport qInstall from \"../../../node_modules/vue-cli-plugin-quasar/lib/runtime.auto-import.js\";\nqInstall(script, 'components', {QSpinnerDots,QBtn,QSpinner});\n","<template>\r\n  <div class=\"appSearchInputBox-wrapper\" v-click-outside=\"onClickOutSide\">\r\n    <q-input\r\n      outlined\r\n      v-model=\"searchInputBoxString\"\r\n      placeholder=\"Search by Name, Item Number or Keyword\"\r\n      dense\r\n      rounded\r\n      @update:model-value=\"onInputValueChange\"\r\n      class=\"appSearchInputBox\"\r\n      @keyup.enter=\"onClickSearchBtn\"\r\n      input-class=\"appSearchInput\"\r\n      @focus=\"onSearchInputFocus\"\r\n      bg-color='white'\r\n    >\r\n      <template v-slot:append>\r\n        <q-btn round dense flat color=\"appSearchInputBox\" class=\"bg-appSearchInputBox btn-appSearchInputBox\"\r\n          @click=\"onClickSearchBtn\" icon=\"search\" />\r\n      </template>\r\n    </q-input>\r\n    <Teleport to=\"body\">\r\n      <SearchResultsWindow v-if=\"showSearchResultsWindow\" v-click-outside=\"onClickOutSide\" :searchInputBoxString=\"searchInputBoxString\"></SearchResultsWindow>\r\n    </Teleport>\r\n  </div>\r\n</template>\r\n\r\n<script setup>\r\n/* eslint-disable */\r\nimport { ref, onMounted } from 'vue';\r\nimport { useSearchStore } from '../../stores/search-store.js';\r\nimport { useDropdownSearchStore } from '../../stores/dropdown-search-store.js';\r\nimport { useCategoryStore } from '../../stores/category-store.js'\r\nimport { useFilterStore } from '../../stores/filter-store.js'\r\nimport { storeToRefs } from 'pinia';\r\nimport SearchResultsWindow from './SearchResultsWindow.vue';\r\n\r\nconst { searchedString,isDropDownSearch } = storeToRefs(useSearchStore());\r\nconst { isGenericSearch } = storeToRefs(useFilterStore());\r\n\r\nconst dropdownSearchStore = useDropdownSearchStore();\r\nconst { dropdownSearchProducts } = dropdownSearchStore;\r\n\r\nconst categoryStore = useCategoryStore();\r\nconst { loadAllCategoryDetails } = categoryStore;\r\n\r\nconst { searchArticles, searchProducts, debounce, searchFeedBack, setLoading, unSetLoading } = useSearchStore();\r\n\r\nconst searchInputBoxString = ref('');\r\nconst showSearchResultsWindow = ref(false);\r\n\r\nconst onInputValueChange =  debounce(async(value) => {\r\n  if (searchInputBoxString.value.length >= 3) {\r\n    searchedString.value = searchInputBoxString.value;\r\n    isDropDownSearch.value=true;\r\n    // await searchDropdownArticles();\r\n    setLoading();\r\n    await searchArticles();\r\n    await searchFeedBack();\r\n    // await dropdownSearchProducts();\r\n    unSetLoading();\r\n    showSearchResultsWindow.value = true;\r\n  }\r\n},200);\r\n\r\nconst onClickSearchBtn = () => {\r\n  if (searchInputBoxString.value.length >= 3) {\r\n    searchedString.value = searchInputBoxString.value;\r\n    isDropDownSearch.value = false;\r\n    if (isGenericSearch.value === true) {\r\n      searchProducts()\r\n      searchArticles()\r\n      showSearchResultsWindow.value = false;\r\n    }\r\n    else {\r\n      document.location.href = '/search?q=' + searchInputBoxString.value;\r\n    }\r\n  }\r\n};\r\n\r\nconst onSearchInputFocus = () => {\r\n  showSearchResultsWindow.value = searchInputBoxString.value.length >= 3 ? true : false\r\n  if (showSearchResultsWindow.value === true) {\r\n      searchFeedBack();\r\n  }\r\n}\r\nconst onClickOutSide = (event, el) => {\r\n  if (!(document.getElementsByClassName('v-search-result-window')[0] == undefined || document.getElementsByClassName('v-search-result-window')[0] === el || document.getElementsByClassName('v-search-result-window')[0].contains(event.target))) {\r\n    showSearchResultsWindow.value = false;\r\n  }\r\n}\r\n\r\nonMounted(() => {\r\n  loadAllCategoryDetails();\r\n})\r\n\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.appSearchInputBox {\r\n  width: inherit;\r\n}\r\n\r\n.q-field :deep(.q-field__control) {\r\n  padding-right: 5px !important;\r\n  padding-left: 17px !important;\r\n  height: 43px !important;\r\n}\r\n\r\n.appSearchInputBox :deep(.appSearchInput) {\r\n  font-size: 16px !important;\r\n  line-height: 22px !important;\r\n  letter-spacing: 0.5px !important;\r\n  color: #645454 !important;\r\n}\r\n\r\n.appSearchInputBox :deep(.appSearchInput:placeholder-shown) {\r\n  color: #b9b9b9;\r\n  font-size: 18px;\r\n}\r\n\r\n.appSearchInputBox :deep(.btn-appSearchInputBox) {\r\n  margin-top: 2px !important;\r\n}\r\n\r\n.appSearchInputBox-wrapper {\r\n  position: relative;\r\n}\r\n</style>\r\n","import script from \"./SearchInputBox.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./SearchInputBox.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./SearchInputBox.vue?vue&type=style&index=0&id=36b1f3bc&lang=scss&scoped=true\"\n\nimport exportComponent from \"F:\\\\APG\\\\LatestProject\\\\vue-search-filters\\\\node_modules\\\\vue-loader\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-36b1f3bc\"]])\n\nexport default __exports__\nimport QInput from 'quasar/src/components/input/QInput.js';\nimport QBtn from 'quasar/src/components/btn/QBtn.js';\nimport QField from 'quasar/src/components/field/QField.js';\nimport qInstall from \"../../../node_modules/vue-cli-plugin-quasar/lib/runtime.auto-import.js\";\nqInstall(script, 'components', {QInput,QBtn,QField});\n","import script from \"./App_SearchInputBox.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./App_SearchInputBox.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./App_SearchInputBox.vue?vue&type=style&index=0&id=72cd8613&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<template>\r\n  <div class=\"filters-container\" style='min-width: 255px;' :key='forceReloadKey'>\r\n    <q-form class='v-filter-grid' novalidate=\"novalidate\">\r\n      <span>\r\n        <options-filter v-if='testSettings.type == \"radio\"' :type='testSettings.type' :settings=\"testSettings\" :expanded=\"testSettings.expand\" v-model=\"valueModel\"></options-filter>\r\n        <options-filter v-if='testSettings.type == \"checkbox\"' :type='testSettings.type' :settings=\"testSettings\" :expanded=\"testSettings.expand\" v-model=\"arrayModel\"></options-filter>\r\n        <dropdown-filter v-if='testSettings.type == \"dropdown\"' :type='testSettings.type' :settings=\"testSettings\" :expanded=\"testSettings.expand\" v-model=\"valueModel\"></dropdown-filter>\r\n        <slider-filter v-if='testSettings.type == \"slider\"' :type='testSettings.type' :settings=\"testSettings\" :expanded=\"testSettings.expand\" v-model=\"objectModel\"></slider-filter>\r\n      </span>\r\n    </q-form>\r\n  </div>\r\n</template>\r\n\r\n<script setup>\r\nimport SliderFilter from './components/filters/SliderFilter.vue'\r\nimport OptionsFilter from './components/filters/OptionsFilter.vue'\r\nimport DropdownFilter from './components/filters/DropdownFilter.vue'\r\nimport { useFilterStore } from \"./stores/filter-store\";\r\n\r\nimport { onMounted, onUnmounted, ref, reactive, watch } from 'vue'\r\nimport { useSearchStore } from './stores/search-store'\r\n\r\nconst { getSampleFilterItems } = useFilterStore()\r\nconst { debounce } = useSearchStore()\r\n\r\nconst filterTypes = [null, 'dropdown', 'slider', 'radio', 'checkbox']\r\nconst arrayModel = ref([])\r\nconst valueModel = ref('')\r\nconst objectModel = ref({min: 1, max:100})\r\n\r\nconst forceReloadKey = ref(1)\r\n\r\nlet searchableField;\r\nlet labelField;\r\nlet radioButtons;\r\nlet categoryIdField;\r\nlet attributeField;\r\nlet valueField;\r\nlet value2Field;\r\nlet sortingField;\r\nlet filterColumnField;\r\nlet filterValueField;\r\nconst filterLabel = ref('');\r\nconst filterTypeSelected = ref('')\r\nconst expanded = ref(false);\r\nconst searchable = ref(false);\r\nconst filterItems = ref([\r\n    {value: \"1\", label:\"Lbl 1\"},\r\n    {value: \"100\", label:\"Lbl 100\"}\r\n  ])\r\nconst testSettings = reactive({\r\n  rank: 1,\r\n  type:filterTypeSelected,\r\n  name: filterLabel,\r\n  key:\"--\",\r\n  expand: expanded,\r\n  searchable: searchable,\r\n  items: filterItems\r\n})\r\n\r\nconst dataCategory = ref('')\r\nconst dataAttribute = ref('')\r\nconst dataValue = ref('')\r\nconst dataValue2 = ref('')\r\nconst dataSorting = ref('')\r\nconst dataFilterColumn = ref('')\r\nconst dataFilterValue = ref('')\r\nconst dataSearch = reactive({\r\n  categoryId: dataCategory,\r\n  label: dataAttribute,\r\n  value: dataValue,\r\n  sortBy: dataValue2,\r\n  sortOrder: dataSorting,\r\n  filterBy: dataFilterColumn,\r\n  filterByValue: dataFilterValue,\r\n})\r\n\r\nconst eventListeners = [];\r\n\r\nconst updateKeyValue = () => {\r\n  forceReloadKey.value += 1\r\n};\r\n\r\nconst updateKeyValueDebounce = debounce(updateKeyValue, 100);\r\n\r\nconst handleEvent = (event) => {\r\n  if (event.target.id.includes('ExpandOnLoad') && event.target.checked == true) {\r\n    expanded.value = event.target.value.toLowerCase() === 'true';\r\n    updateKeyValueDebounce()\r\n  }\r\n  if (event.target.id.includes('Searchable')) {\r\n    searchable.value = event.target.checked === true;\r\n    updateKeyValueDebounce()\r\n  }\r\n  if (event.target.id.includes('DisplayName')) {\r\n    filterLabel.value = event.target.value;\r\n    updateKeyValueDebounce()\r\n  }\r\n  // if (event.target.id.includes('FilterType')) {\r\n  //   filterTypeSelected.value = document.querySelector('input[name=\"FilterType\"]:checked').value;\r\n  //   updateKeyValueDebounce()\r\n  // }\r\n  if (event.target.id.includes('AdditionalInfo')) {\r\n    dataFilterValue.value = event.target.value;\r\n  }\r\n  if (event.target.id.includes('FilterType') && event.target.checked == true) {\r\n    filterTypeSelected.value = filterTypes[event.target.value];\r\n    // updateKeyValue()\r\n  }\r\n};\r\n\r\n\r\nasync function getFilterData() {\r\n  if (\r\n    !dataSearch?.categoryId || \r\n    !dataSearch?.label ||\r\n    !dataSearch?.value ||\r\n    !dataSearch?.sortBy\r\n    ) return;\r\n  const results = await getSampleFilterItems(dataSearch)\r\n  const items = results[Object.keys(results)[0]]\r\n  filterItems.value = items.length ? items : filterItems.value\r\n  \r\n  // calling update immediately since we already debounced the api request\r\n  updateKeyValue()\r\n}\r\n\r\nconst getFilterDataDebounce = debounce(getFilterData, 350);\r\n\r\nconst handleEventChange = (event) => {\r\n  console.log('event.target.id', event.target.id)\r\n  if (event.target.id == 'CategoryId') dataCategory.value = event.target.value;\r\n  if (event.target.id == 'Attribute') dataAttribute.value = event.target.value;\r\n  if (event.target.id == 'Value') dataValue.value = event.target.value;\r\n  if (event.target.id == 'Value2') dataValue2.value = event.target.value;\r\n  if (event.target.id == 'Sorting') dataSorting.value = event.target.value;\r\n  if (event.target.id == 'FilterOnAttribute') dataFilterColumn.value = event.target.value;\r\n};\r\n\r\nconst addEventListener = (element, event, handler) => {\r\n  // eslint-disable-next-line\r\n  if (NodeList.prototype.isPrototypeOf(element)) {\r\n    element.forEach((el) => addEventListener(el, event, handler));\r\n    return;\r\n  }\r\n  element.addEventListener(event, handler);\r\n  eventListeners.push({ element, event, handler });\r\n};\r\n\r\nonMounted(() => {\r\n  const expandOnLoadYes = document.querySelector('#ExpandOnLoad_Yes')\r\n  const filterType = document.querySelector('input[name=\"FilterType\"]:checked')\r\n\r\n  radioButtons = document.querySelectorAll('input[type=\"radio\"]')\r\n  addEventListener(radioButtons, 'click', handleEvent)\r\n\r\n  labelField = document.querySelector('#DisplayName')\r\n  addEventListener(labelField, 'input', handleEvent)\r\n\r\n  searchableField = document.querySelector('#Searchable')\r\n  addEventListener(searchableField, 'click', handleEvent);\r\n\r\n  categoryIdField = document.querySelector('#CategoryId')\r\n  addEventListener(categoryIdField, 'change', handleEventChange)\r\n\r\n  attributeField = document.querySelector('#Attribute')\r\n  addEventListener(attributeField, 'change', handleEventChange)\r\n\r\n  valueField = document.querySelector('#Value')\r\n  addEventListener(valueField, 'change', handleEventChange)\r\n\r\n  value2Field = document.querySelector('#Value2')\r\n  addEventListener(value2Field, 'change', handleEventChange)\r\n\r\n  sortingField = document.querySelector('#Sorting')\r\n  addEventListener(sortingField, 'change', handleEventChange)\r\n\r\n  filterColumnField = document.querySelector('#FilterOnAttribute')\r\n  addEventListener(filterColumnField, 'change', handleEventChange)\r\n  \r\n  filterValueField = document.querySelector('#AdditionalInfo')\r\n  addEventListener(filterValueField, 'input', handleEvent)\r\n  \r\n  // load initial values to the reactive fields for the filter\r\n  // if we have a filter type selected\r\n  if (filterType?.value) {\r\n    searchable.value = searchableField.checked === true;\r\n    expanded.value = expandOnLoadYes.checked === true;\r\n    console.log('expandOnLoadYes.checked',expandOnLoadYes.checked)\r\n    filterLabel.value = labelField.value;\r\n    filterTypeSelected.value = filterTypes[filterType.value]\r\n    \r\n    // load the initial values for the getFilterData method\r\n    dataCategory.value = categoryIdField.value;\r\n    dataAttribute.value = attributeField.value;\r\n    dataValue.value = valueField.value;\r\n    dataValue2.value = value2Field.value;\r\n    dataSorting.value = sortingField.value;\r\n    dataFilterColumn.value = filterColumnField.value;\r\n    dataFilterValue.value = filterValueField.value;\r\n    \r\n    // refresh the filter data/component to reflect the initial values\r\n    updateKeyValueDebounce()\r\n  } else {\r\n    dataSorting.value = sortingField.value;\r\n  }\r\n})\r\n\r\nwatch(dataSearch, () => {\r\n  console.log('dataSearch requested')\r\n  if (document.querySelector('input[name=\"FilterType\"]:checked')) getFilterDataDebounce()\r\n})\r\n\r\nonUnmounted(() => {\r\n  eventListeners.forEach(({ element, event, handler }) => {\r\n    element.removeEventListener(event, handler);\r\n  });\r\n})\r\n</script>\r\n","import script from \"./App_FilterModel.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./App_FilterModel.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__\nimport QForm from 'quasar/src/components/form/QForm.js';\nimport qInstall from \"../node_modules/vue-cli-plugin-quasar/lib/runtime.auto-import.js\";\nqInstall(script, 'components', {QForm});\n","\r\nimport './styles/quasar.scss'\r\nimport '@quasar/extras/roboto-font/roboto-font.css'\r\nimport '@quasar/extras/material-icons/material-icons.css'\r\n\r\n// To be used on app.use(Quasar, { ... })\r\nexport default {\r\n  config: {},\r\n  plugins: {\r\n  }\r\n}","import { createApp } from 'vue';\r\nimport SearchPage from './App_SearchPage.vue';\r\nimport SearchInputBox from './App_SearchInputBox.vue';\r\nimport FilterModel from './App_FilterModel.vue';\r\nimport Quasar from 'quasar/src/vue-plugin.js';;\r\nimport { createPinia } from 'pinia';\r\nimport quasarUserOptions from './quasar-user-options';\r\nimport MaterialIconSet from 'quasar/icon-set/material-icons';\r\nMaterialIconSet.table.arrowUp = 'arrow_drop_down';\r\n\r\nconst pinia = createPinia();\r\n\r\nconst apps = [];\r\n\r\nconst clickOutsideDirectiveObj = {\r\n  // eslint-disable-next-line no-unused-vars\r\n  mounted(el, binding, vnode) {\r\n    el.clickOutsideEvent = function (event) {\r\n      if (!(el === event.target || el.contains(event.target))) {\r\n        binding.value(event, el);\r\n      }\r\n    };\r\n    document.body.addEventListener('click', el.clickOutsideEvent);\r\n  },\r\n  unmounted(el) {\r\n    document.body.removeEventListener('click', el.clickOutsideEvent);\r\n  },\r\n};\r\n\r\n// Check if #searchPage element exists on the page and mount the corresponding app if it does\r\nif (document.querySelector('#searchPage')) {\r\n  console.log('mounting ---- #searchPage');\r\n  const app = createApp(SearchPage).use(pinia).use(Quasar, quasarUserOptions);\r\n  app.directive('click-outside', clickOutsideDirectiveObj);\r\n  app.mount('#searchPage');\r\n  apps.push(app);\r\n}\r\n\r\n// Check if #searchInputBox element exists on the page and mount the corresponding app if it does\r\nif (document.querySelector('#searchInputBox')) {\r\n  console.log('mounting ---- #searchInputBox')\r\n  const app = createApp(SearchInputBox).use(pinia).use(Quasar, quasarUserOptions);\r\n  app.directive('click-outside', clickOutsideDirectiveObj);\r\n  app.mount('#searchInputBox');\r\n  apps.push(app);\r\n}\r\n\r\n// Check if #filterModel element exists on the page and mount the corresponding app if it does\r\nif (document.querySelector('#filterModel')) {\r\n  console.log('mounting ---- #filterModel')\r\n  const app = createApp(FilterModel).use(pinia).use(Quasar, quasarUserOptions);\r\n  app.mount('#filterModel');\r\n  apps.push(app);\r\n}\r\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n// expose the modules object (__webpack_modules__)\n__webpack_require__.m = __webpack_modules__;\n\n","var deferred = [];\n__webpack_require__.O = function(result, chunkIds, fn, priority) {\n\tif(chunkIds) {\n\t\tpriority = priority || 0;\n\t\tfor(var i = deferred.length; i > 0 && deferred[i - 1][2] > priority; i--) deferred[i] = deferred[i - 1];\n\t\tdeferred[i] = [chunkIds, fn, priority];\n\t\treturn;\n\t}\n\tvar notFulfilled = Infinity;\n\tfor (var i = 0; i < deferred.length; i++) {\n\t\tvar chunkIds = deferred[i][0];\n\t\tvar fn = deferred[i][1];\n\t\tvar priority = deferred[i][2];\n\t\tvar fulfilled = true;\n\t\tfor (var j = 0; j < chunkIds.length; j++) {\n\t\t\tif ((priority & 1 === 0 || notFulfilled >= priority) && Object.keys(__webpack_require__.O).every(function(key) { return __webpack_require__.O[key](chunkIds[j]); })) {\n\t\t\t\tchunkIds.splice(j--, 1);\n\t\t\t} else {\n\t\t\t\tfulfilled = false;\n\t\t\t\tif(priority < notFulfilled) notFulfilled = priority;\n\t\t\t}\n\t\t}\n\t\tif(fulfilled) {\n\t\t\tdeferred.splice(i--, 1)\n\t\t\tvar r = fn();\n\t\t\tif (r !== undefined) result = r;\n\t\t}\n\t}\n\treturn result;\n};","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = function(module) {\n\tvar getter = module && module.__esModule ?\n\t\tfunction() { return module['default']; } :\n\t\tfunction() { return module; };\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = function(exports, definition) {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.g = (function() {\n\tif (typeof globalThis === 'object') return globalThis;\n\ttry {\n\t\treturn this || new Function('return this')();\n\t} catch (e) {\n\t\tif (typeof window === 'object') return window;\n\t}\n})();","__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }","// no baseURI\n\n// object to store loaded and loading chunks\n// undefined = chunk not loaded, null = chunk preloaded/prefetched\n// [resolve, reject, Promise] = chunk loading, 0 = chunk loaded\nvar installedChunks = {\n\t143: 0\n};\n\n// no chunk on demand loading\n\n// no prefetching\n\n// no preloaded\n\n// no HMR\n\n// no HMR manifest\n\n__webpack_require__.O.j = function(chunkId) { return installedChunks[chunkId] === 0; };\n\n// install a JSONP callback for chunk loading\nvar webpackJsonpCallback = function(parentChunkLoadingFunction, data) {\n\tvar chunkIds = data[0];\n\tvar moreModules = data[1];\n\tvar runtime = data[2];\n\t// add \"moreModules\" to the modules object,\n\t// then flag all \"chunkIds\" as loaded and fire callback\n\tvar moduleId, chunkId, i = 0;\n\tif(chunkIds.some(function(id) { return installedChunks[id] !== 0; })) {\n\t\tfor(moduleId in moreModules) {\n\t\t\tif(__webpack_require__.o(moreModules, moduleId)) {\n\t\t\t\t__webpack_require__.m[moduleId] = moreModules[moduleId];\n\t\t\t}\n\t\t}\n\t\tif(runtime) var result = runtime(__webpack_require__);\n\t}\n\tif(parentChunkLoadingFunction) parentChunkLoadingFunction(data);\n\tfor(;i < chunkIds.length; i++) {\n\t\tchunkId = chunkIds[i];\n\t\tif(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {\n\t\t\tinstalledChunks[chunkId][0]();\n\t\t}\n\t\tinstalledChunks[chunkId] = 0;\n\t}\n\treturn __webpack_require__.O(result);\n}\n\nvar chunkLoadingGlobal = self[\"webpackChunkvue_search_filters\"] = self[\"webpackChunkvue_search_filters\"] || [];\nchunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));\nchunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));","// startup\n// Load entry module and return exports\n// This entry module depends on other loaded chunks and execution need to be delayed\nvar __webpack_exports__ = __webpack_require__.O(undefined, [998], function() { return __webpack_require__(7937); })\n__webpack_exports__ = __webpack_require__.O(__webpack_exports__);\n"],"names":["baseURL","process","endsWith","nopInstance","axios","interceptors","response","use","data","handleError","error","console","log","getCartItemCount","async","itemCount","then","length","addToCart","productId","quantity","FD","FormData","append","config","headers","getProductsByIds","ids","getProductPriceAndStock","search","query","getAllFilters","getFiltersByCategoryId","categoryId","getSampleFilterData","labelAttribute","valueAttribute","orderAttribute","orderAscDesc","filterBy","filterByValue","filterByData","getArticleDetail","getPromotions","useFilterStore","defineStore","siteFilters","ref","selectedFilters","reactive","urlQuery","parseUrl","window","location","href","defaultProductFilter","defaultArticleFilter","defaultArticleReturnFields","allFiltersAndOptions","categoryName","categoryDescription","breadcrumbs","isGenericSearch","computed","pathname","startsWith","isCategorySearch","value","isProductSearch","documentTypeFilters","isArticleSearch","filtersInQuery","parseQueryForFilters","filterCount","Object","keys","establishFilters","getDynamicFilters","filterPills","pills","filterKeys","forEach","filterName","Array","isArray","item","push","filter","key","label","isRangeFilter","parsedItem","JSON","parse","minVlaue","firstKey","loadFilterData","filterList","filterData","items","every","map","context","subject","reduce","acc","appliedFilters","list","formattedFilters","lists","compiledList","formatSearchField","join","defaultCategoryFilter","category","replace","type","removePill","pill","index","findIndex","i","splice","filters","endpoint","appliedProductFilters","productFilters","filterMap","filterKey","materialValArr","queryRangeValue","filterString","set","ele","idx","appliedArticleFilters","loadDynamicFilterConfiguration","templateFilter","description","configElement","document","getElementById","innerHTML","trim","getCaptializedLabel","split","word","toUpperCase","slice","buildFacetOptions","facetData","options","buckets","bucket","option","getfilterItems","keyMap","filterEndpoint","getFacetOptionList","useSearchStore","getSampleFilterItems","sortBy","sortOrder","dynamicFilters","id","name","crumbs","facetOptions","toLowerCase","queryWithL1","l1","queryWithL2","l2","filterKeyMap","getNextKeyValue","haystack","pos","indexOf","nextStringPos","nextArrayPos","str","json","keyValuePairs","pair","newStr","parseOutQField","string","q","buildQField","qString","segments","andSegments","orSegments","segment","e","searchedString","isDropDownSearch","productResults","L2productResults","pricingResults","articleResults","searchLoading","articleImgResults","dropdownArticleResults","dropdownArticleImgResults","productL1FeedBack","productL2FeedBack","productDocumentTypeFeedBack","productsPerPage","articlesPerPage","dropdownArticlesPerPage","startPage","articlesStartPage","dropdownArticlesStartPage","productsSortBy","parserOptions","feedbackParserOptions","searchQuery","storeToRefs","productMatchCount","hits","found","articleMatchCount","dropdownArticleMatchCount","productIdList","hit","fields","documenttype_id","articleIdList","dropdownArticleIdList","productSearchResults","defaultPricing","pricing","StockQuantity","ProductsPrice","match","articleSearchResults","defaultDetails","details","img","posted","dropdownArticleSearchResults","L2productSearchResults","imgURL","search_String","searchResult","searchLink","image","link","initializeSearchPage","params","URLSearchParams","get","parseInt","charAt","facetList","l2Name","facet","l2Filter","facets","searchEndpoint","searchProducts","size","start","getProductsByL2Category","newUrl","origin","history","replaceState","getProductsBySearchString","searchFeedBack","undefined","searchString","allAppliedFilters","qField","searchArticles","returnFields","searchDropdownArticles","KBaseType","articleRes","getDropdownArticleDetail","productEndpoint","priceAndStock","stuff","loaded","ProductsPricing","Id","ShowStock","StockStatus","catch","defaultDetail","articleEndpoint","detailData","detail","Articles","getL2ProductResults","l1ProductName","l2productsRes","L2products","l2_","debounce","fn","delay","timeoutId","args","clearTimeout","setTimeout","setLoading","unSetLoading","searchStore","filterStore","__exports__","QBtn","clearFilter","props","modelValue","emit","onRemove","newArray","pillIndex","onBeforeMount","fill","QChip","usePromotionStore","promotions","promotionCount","initializePromotion","resp","promotionEndpoint","Promotions","store","componentValue","isFirstPage","scope","pagination","page","isLastPage","lastIndex","rowsNumber","firstIndex","rowsPerPage","lIndex","update","val","updatePage","onMounted","QSelect","rowsPerPageOptions","columns","required","align","field","row","format","sortable","descending","lastPage","Math","floor","updateRowsPerPage","badgeName","resource","blog","catalog","buttonLabel","convertDate","date","d","Date","toLocaleDateString","month","day","year","QTable","useProductStore","productIds","productDetailData","getProductsDetailsById","detailsLoaded","assign","Product","useCartStore","cartItems","cart","cartEndpoint","showCartNotification","displayBarNotification","updateflyoutcartsectionhtml","querySelectorAll","updatesidecartsectionhtml","getElementsByClassName","style","display","currentitem","err","width","height","viewBox","xmlns","_createElementBlock","_hoisted_1","_createElementVNode","cx","cy","r","$props","default","render","isAvailable","status","statusLabel","displayQuantity","showQuantity","statusColor","statusStyling","productData","productAttributionList","ProductAttributionList","Text","Value","ProductSpecifications","SpecificationAttributeName","ValueRaw","onAddToCart","QCard","subtitle","Price","stockStatus","stockQuantity","showStock","expanded","expand","QList","temperatureConversions","measurementConversions","isFloat","step","converter","unitOfMeasure","minRange","maxRange","rangeValue","min","max","minFahrenheit","maxFahrenheit","minCelsius","maxCelsius","minImperial","maxImperial","minMetric","maxMetric","itemsAscending","settings","sort","a","b","parseFloat","itemsDescending","determineValueTypes","conversionType","setMinMaxValues","values","setRangeValues","valueArray","watch","newValue","updateConversion","updateModelValue","rangeProp","updateValue","some","int","float","toString","QRange","selections","focus","searchText","showAllOptions","isString","filteredItems","includes","firstFiveItems","remainingItems","record","find","QInput","setupDropdownOptions","needle","v","QForm","promotionsStore","isMobileSize","onResize","hideFilters","hidePromotions","hideSidebar","gridClass","QExpansionItem","executeSearch","debouncedFn","useDropdownSearchStore","dropdownProductResults","dropdownPricingResults","dropdownProductsPerPage","dropdownprodStartPage","searchContentLoader","dropdownProductMatchCount","dropdownProductSearchResults","productImg","ImageUrl","dropdownSearchProducts","suggestionProductName","productRes","setSearchContentLoader","unsetSearchContentLoader","useCategoryStore","categoryDetails","hardcodedCategories","loadAllCategoryDetails","categoryList","Promise","resolve","expandIcon","product","newVal","QIcon","defaultImage","categoryStore","getSearchedString","getHighlightProductName","productName","prod","dropdownSearchStore","QSpinner","KbaseTypewiseResults","documenttype","currentKBaseType","suggestionsData","fieldName","highlight","matches","count","productLinesData","knowledgeBaseData","$q","useQuasar","suggestionsModel","productLinesModel","knowledgeBaseModel","currentShowProducts","navigateBtnLabel","currentNavigateBtnLink","styleObject","screen","left","xs","handleShowProducts","searchType","currentTab","QSpinnerDots","searchInputBoxString","showSearchResultsWindow","onInputValueChange","onClickSearchBtn","onSearchInputFocus","onClickOutSide","event","el","contains","target","filterTypes","arrayModel","valueModel","objectModel","forceReloadKey","searchableField","labelField","radioButtons","categoryIdField","attributeField","valueField","value2Field","sortingField","filterColumnField","filterValueField","filterLabel","filterTypeSelected","searchable","filterItems","testSettings","rank","dataCategory","dataAttribute","dataValue","dataValue2","dataSorting","dataFilterColumn","dataFilterValue","dataSearch","eventListeners","updateKeyValue","updateKeyValueDebounce","handleEvent","checked","getFilterData","results","getFilterDataDebounce","handleEventChange","addEventListener","element","handler","NodeList","prototype","isPrototypeOf","expandOnLoadYes","querySelector","filterType","onUnmounted","removeEventListener","plugins","MaterialIconSet","pinia","createPinia","apps","clickOutsideDirectiveObj","mounted","binding","vnode","clickOutsideEvent","body","unmounted","app","createApp","SearchPage","Quasar","quasarUserOptions","directive","mount","SearchInputBox","FilterModel","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","exports","module","__webpack_modules__","m","deferred","O","result","chunkIds","priority","notFulfilled","Infinity","fulfilled","j","n","getter","__esModule","definition","o","defineProperty","enumerable","g","globalThis","this","Function","obj","prop","hasOwnProperty","call","installedChunks","chunkId","webpackJsonpCallback","parentChunkLoadingFunction","moreModules","runtime","chunkLoadingGlobal","self","bind","__webpack_exports__"],"sourceRoot":""}