{"version":3,"file":"productListing.59c64f13e3af2e049048.js","mappings":"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","sources":["webpack://jcb.com/./src/app/components/product-card/product-card-button.vue","webpack://jcb.com/./src/app/components/product-card/product-card-detail-non-range.vue","webpack://jcb.com/./src/app/components/product-card/product-card-detail-range.vue","webpack://jcb.com/./src/app/components/product-card/product-card-tab-content.vue","webpack://jcb.com/./src/app/components/product-card/product-card-tabs.vue","webpack://jcb.com/./src/app/components/product-card/product-card.vue","webpack://jcb.com/./src/app/components/product-listing/product-listing-filter-select.vue","webpack://jcb.com/./src/app/components/product-listing/product-listing-filter-tags.vue","webpack://jcb.com/./src/app/components/product-listing/product-listing-filter-toggle.vue","webpack://jcb.com/./src/app/components/product-listing/product-listing-filter.vue","webpack://jcb.com/./src/app/components/product-listing/product-listing-system-toggle.vue","webpack://jcb.com/./src/app/views/product-listing/product-listing.vue","webpack://jcb.com/./src/app/composables/useInterpolatedContent.js","webpack://jcb.com/./src/app/composables/useValue.js","webpack://jcb.com/./src/app/stores/productsStore.js","webpack://jcb.com/./src/app/views/product-listing/product-listing.js","webpack://jcb.com/./src/app/components/product-card/product-card-button.vue?6b71","webpack://jcb.com/./src/app/components/product-card/product-card-detail-non-range.vue?12a9","webpack://jcb.com/./src/app/components/product-card/product-card-detail-range.vue?1c0c","webpack://jcb.com/./src/app/components/product-card/product-card-tab-content.vue?995f","webpack://jcb.com/./src/app/components/product-card/product-card-tabs.vue?f4b3","webpack://jcb.com/./src/app/components/product-card/product-card.vue?3377","webpack://jcb.com/./src/app/components/product-listing/product-listing-filter-select.vue?b49b","webpack://jcb.com/./src/app/components/product-listing/product-listing-filter-tags.vue?23db","webpack://jcb.com/./src/app/components/product-listing/product-listing-filter-toggle.vue?5cea","webpack://jcb.com/./src/app/components/product-listing/product-listing-filter.vue?45b1","webpack://jcb.com/./src/app/components/product-listing/product-listing-system-toggle.vue?e5bb","webpack://jcb.com/./src/app/views/product-listing/product-listing.vue?7c1d"],"sourcesContent":["<script setup>\r\nimport { inject, computed } from 'vue';\r\nimport { useProductsStore } from '@/app/stores/productsStore.js';\r\n\r\nconst productsStore = useProductsStore();\r\n\r\nconst config = inject('config');\r\nconst gaPush = inject('gaPush');\r\nconst props = defineProps(['button', 'productName', 'tags', 'gaPrefix', 'category']);\r\n\r\nconst externalSiteAttributes = {\r\n  target: '_blank',\r\n  rel: 'noopener',\r\n};\r\n\r\n// Attributes required to activate modal\r\nconst modalAttributes = {\r\n  'data-name': props.productName,\r\n  'data-category-english-name': props.button.dataCategoryEnglishName,\r\n  'data-mrrpprice': props.button.dataMrrpprice,\r\n  'data-ismodalenabled': props.button.dataIsmodalenabled,\r\n  'data-url': props.button.dataUrl,\r\n  ...(props.button.dataIsmodalenabled && externalSiteAttributes),\r\n};\r\n\r\nconst logic = {\r\n  brochure: {\r\n    title: config.brochuteBtnTitle,\r\n    tag: 'a',\r\n    icon: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 29 20\"><path d=\"M26.6 0H2.4C1.4 0 .5.8.5 1.8v16.4c0 1 .8 1.8 1.9 1.8h24.2c1 0 1.9-.8 1.9-1.8V1.8c0-1-.8-1.8-1.9-1.8ZM14 19.1H2.4c-.5 0-1-.4-1-.9V1.8c0-.5.5-1 1-1H14v18.3Zm13.6-.9c0 .5-.4 1-1 1H15V.8h11.6c.6 0 1 .4 1 .9v16.4Z\"/></svg>',\r\n    modalAttributes: { ...modalAttributes },\r\n    ...(props.button.dataIsmodalenabled && { class: 'js-modal-brochure' }),\r\n    url: props.button.dataIsmodalenabled ? '#' : props.button.dataUrl,\r\n    gaEvent: props.gaPrefix + 'download_brochure',\r\n  },\r\n  price: {\r\n    title: config.requestPriceBtnTitle,\r\n    tag: 'a',\r\n    icon: '<svg viewBox=\"0 0 22 21\" xmlns=\"http://www.w3.org/2000/svg\" xml:space=\"preserve\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" stroke-linejoin=\"round\" stroke-miterlimit=\"2\"><path d=\"M16.7.3 3.2 13.8l-2.5 7 7-2.5L21.2 4.8l-.7-.7L7 17.5l-4.8 1.7L4 14.4 17.4 1.1l-.7-.8Z\" /></svg>',\r\n    modalAttributes: { ...modalAttributes },\r\n    ...(props.button.dataIsmodalenabled && { class: 'js-modal-quote' }),\r\n    url: props.button.dataIsmodalenabled ? '#' : props.button.dataUrl,\r\n    gaEvent: props.gaPrefix + 'request_price',\r\n  },\r\n  buynow: {\r\n    tag: 'a',\r\n    icon: '<svg viewBox=\"0 0 35 34\" xmlns=\"http://www.w3.org/2000/svg\" xml:space=\"preserve\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" stroke-linejoin=\"round\" stroke-miterlimit=\"2\"><path d=\"M30.7.8 19.5 0c-.8 0-1.6.2-2.2.8L1 17.2a2.8 2.8 0 0 0 0 4l12 12a2.8 2.8 0 0 0 4 0l16.3-16.4c.6-.6.9-1.4.8-2.2l-.7-11.2A2.8 2.8 0 0 0 30.8.8Zm0 2c.3 0 .7.3.7.7l.7 11.2c0 .3 0 .5-.2.7L15.6 31.7a.8.8 0 0 1-1.2 0l-12-12a.8.8 0 0 1 0-1.1L18.7 2.2l.7-.2 11.2.7Z\"/><circle cx=\"27\" cy=\"7.2\" r=\"2.1\"/></svg>',\r\n    gaEvent: props.gaPrefix + 'buy_online',\r\n  },\r\n  cta: {\r\n    tag: 'a',\r\n    icon: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 25 24\"><path d=\"m15.2 18-4 4.2A6 6 0 0 1 6.6 24a6 6 0 0 1-4.4-1.8 6 6 0 0 1-1.8-4.4 6 6 0 0 1 1.8-4.4l4.2-4.1.6.6L3 14c-1 1-1.6 2.3-1.6 3.8 0 1.4.5 2.7 1.6 3.7 1 1 2.3 1.6 3.7 1.6 1.5 0 2.7-.5 3.8-1.6l4.1-4.1.6.6ZM9 16.1l-.6-.6L16 7.8l.7.7L9 16Zm9.5-1.4-.6-.6L22 10c1-1 1.6-2.3 1.6-3.8 0-1.4-.5-2.7-1.6-3.7-1-1-2.3-1.6-3.7-1.6-1.5 0-2.7.5-3.8 1.6l-4.1 4.1-.6-.6 4-4.2A6 6 0 0 1 18.4 0a6 6 0 0 1 4.4 1.8 6 6 0 0 1 1.8 4.4 6 6 0 0 1-1.8 4.4l-4.2 4.1Z\"/></svg>',\r\n    gaEvent: props.gaPrefix + 'optional_cta',\r\n  },\r\n};\r\n\r\nconst buttonLogic = logic[props.button.type];\r\nconst buttonLabel = buttonLogic.title || props.button.title;\r\nconst buttonUrl = buttonLogic.url || props.button.url;\r\nconst productCategory = props.category;\r\n\r\nfunction handleClickGA() {\r\n  const gaPayload = {\r\n    event: buttonLogic.gaEvent,\r\n    link_text: buttonLabel,\r\n    link_url: buttonUrl,\r\n    product_name: props.productName,\r\n    product_category: productCategory,\r\n    product_flag1: props.tags.some((tag) => tag.type === 'popular'),\r\n    product_flag2: props.tags.some((tag) => tag.type === 'new'),\r\n    measurement_system: productsStore.system || null,\r\n  };\r\n  gaPush(gaPayload);\r\n}\r\n</script>\r\n\r\n<template>\r\n  <component\r\n    class=\"c-product-card__btn\"\r\n    :class=\"buttonLogic.class\"\r\n    :is=\"buttonLogic.tag\"\r\n    :href=\"buttonUrl\"\r\n    v-bind=\"{ ...buttonLogic.modalAttributes, ...(button.external && externalSiteAttributes) }\"\r\n    @click=\"handleClickGA\"\r\n  >\r\n    <span class=\"c-product-card__btn-icon\" v-if=\"buttonLogic.icon\" v-html=\"buttonLogic.icon\"></span>\r\n    <span>{{ buttonLabel }}</span>\r\n  </component>\r\n</template>","<script setup>\r\nimport { inject, computed } from 'vue';\r\nimport { useProductsStore } from '@/app/stores/productsStore.js';\r\nimport { useValue } from '@/app/composables/useValue.js';\r\n\r\nconst productsStore = useProductsStore();\r\n\r\nconst config = inject('config');\r\nconst props = defineProps(['dataPoint']);\r\nconst system = computed(() => productsStore.system);\r\n\r\nconst nonRangeData = computed(() => {\r\n  return {\r\n    value:\r\n      props.dataPoint.label ||\r\n      props.dataPoint[`${system.value}Value`]?.toString() ||\r\n      props.dataPoint.value?.toString() ||\r\n      '',\r\n    unit: props.dataPoint[`${system.value}Unit`] || props.dataPoint.unit || '',\r\n    optionalValue:\r\n      (system.value === 'imperial' && props.dataPoint.imperialValueOptional?.toString()) || '',\r\n    optionalUnit:\r\n      (system.value === 'imperial' && props.dataPoint.imperialUnitOptional?.toString()) || '',\r\n  };\r\n});\r\n</script>\r\n\r\n<template>\r\n  <div\r\n    v-if=\"nonRangeData.value\"\r\n    class=\"c-product-card__details-set\"\r\n    itemprop=\"additionalProperty\"\r\n    itemscope\r\n    itemtype=\"https://schema.org/PropertyValue\"\r\n  >\r\n    <dt class=\"c-product-card__details-title\" itemprop=\"name\">{{ dataPoint.title }}</dt>\r\n    <dd class=\"c-product-card__details-data\">\r\n      <span v-if=\"nonRangeData.value\" itemprop=\"value\"\r\n        >{{ useValue(nonRangeData.value) }}&nbsp;</span\r\n      >\r\n      <span v-if=\"nonRangeData.unit && nonRangeData.value\" itemprop=\"unitText\"\r\n        >{{ nonRangeData.unit }}&nbsp;</span\r\n      >\r\n      <span v-if=\"nonRangeData.optionalValue\" itemprop=\"value\"\r\n        >{{ useValue(nonRangeData.optionalValue) }}&nbsp;</span\r\n      >\r\n      <span v-if=\"nonRangeData.optionalUnit && nonRangeData.optionalValue\" itemprop=\"unitText\"\r\n        >{{ nonRangeData.optionalUnit }}&nbsp;</span\r\n      >\r\n    </dd>\r\n  </div>\r\n</template>","<script setup>\r\nimport { inject, computed } from 'vue';\r\nimport { useProductsStore } from '@/app/stores/productsStore.js';\r\nimport { useValue } from '@/app/composables/useValue.js';\r\n\r\nconst productsStore = useProductsStore();\r\n\r\nconst config = inject('config');\r\nconst props = defineProps(['dataPoint']);\r\nconst system = computed(() => productsStore.system);\r\n\r\nconst rangeData = computed(() => {\r\n  return {\r\n    primaryValue:\r\n      (`${system.value}ValueRange` in props.dataPoint &&\r\n        props.dataPoint[`${system.value}ValueRange`][0]?.toString()) ||\r\n      ('valueRange' in props.dataPoint && props.dataPoint.valueRange[0]?.toString()) ||\r\n      '',\r\n    secondaryValue:\r\n      (`${system.value}ValueRange` in props.dataPoint &&\r\n        props.dataPoint[`${system.value}ValueRange`][1]?.toString()) ||\r\n      ('valueRange' in props.dataPoint && props.dataPoint.valueRange[1]?.toString()) ||\r\n      '',\r\n    unit: props.dataPoint[`${system.value}Unit`] || props.dataPoint.unit || '',\r\n    optionalPrimaryValue:\r\n      (system.value === 'imperial' && props.dataPoint.imperialValueOptionalRange?.[0]) || '',\r\n    optionalSecondaryValue:\r\n      (system.value === 'imperial' && props.dataPoint.imperialValueOptionalRange?.[1]) || '',\r\n    optionalPrimaryUnit:\r\n      (system.value === 'imperial' &&\r\n        props.dataPoint.imperialValueOptionalRange?.[0] &&\r\n        props.dataPoint.imperialUnitOptional) ||\r\n      '',\r\n    optionalSecondaryUnit:\r\n      (system.value === 'imperial' &&\r\n        props.dataPoint.imperialValueOptionalRange?.[1] &&\r\n        props.dataPoint.imperialUnitOptional) ||\r\n      '',\r\n  };\r\n});\r\n\r\nconst rangeTextFrom = computed(\r\n  () => `\r\n     ${useValue(rangeData.value.primaryValue)} ${rangeData.value.unit} ${useValue(\r\n    rangeData.value.optionalPrimaryValue,\r\n  )} ${rangeData.value.optionalPrimaryUnit} `,\r\n);\r\n\r\nconst rangeTextTo = computed(\r\n  () =>\r\n    `${useValue(rangeData.value.secondaryValue)} ${rangeData.value.unit} ${useValue(\r\n      rangeData.value.optionalSecondaryValue,\r\n    )} ${rangeData.value.optionalSecondaryUnit}`,\r\n);\r\n</script>\r\n\r\n<template>\r\n  <div\r\n    v-if=\"rangeData.primaryValue\"\r\n    class=\"c-product-card__details-set\"\r\n    itemprop=\"additionalProperty\"\r\n    itemscope\r\n    itemtype=\"https://schema.org/PropertyValue\"\r\n  >\r\n    <dt class=\"c-product-card__details-title\" itemprop=\"name\">{{ dataPoint.title }}</dt>\r\n    <dd class=\"c-product-card__details-data\" itemprop=\"value\">\r\n      <span class=\"c-product-card__details-data-range\">{{ rangeTextFrom }}-&nbsp;</span\r\n      ><span class=\"c-product-card__details-data-range\">{{ rangeTextTo }}</span>\r\n    </dd>\r\n  </div>\r\n</template>","<script setup>\r\nimport { computed, inject } from 'vue';\r\nimport { useProductsStore } from '@/app/stores/productsStore.js';\r\n\r\nconst config = inject('config');\r\nconst productsStore = useProductsStore();\r\n\r\nconst props = defineProps(['tab', 'single', 'quoteLink']);\r\n\r\nconst hasPrice = computed(() => props.tab.details.price > 0);\r\n\r\nconst formattedPrice = computed(() => {\r\n  if (hasPrice.value) {\r\n    return props.tab.details.price.toLocaleString(productsStore.locales, {\r\n      style: 'currency',\r\n      currency: props.tab.details.currency,\r\n    });\r\n  } else {\r\n    // when there's no price change 0 (zero) to local currency and replace it with \"POA\" text to get \"£POA\"\r\n    return (0)\r\n      .toLocaleString(productsStore.locales, {\r\n        style: 'currency',\r\n        currency: props.tab.details.currency,\r\n        minimumFractionDigits: 0,\r\n        maximumFractionDigits: 0,\r\n      })\r\n      .replace(/\\d/g, config.POA)\r\n      .trim();\r\n  }\r\n});\r\n</script>\r\n\r\n<template>\r\n  <div\r\n    class=\"c-product-card__tab\"\r\n    :class=\"{ 'c-product-card__tab--single': single }\"\r\n    itemprop=\"businessFunction\"\r\n  >\r\n    <p class=\"c-product-card__tab-paragraph\">{{ tab.description }}</p>\r\n    <p class=\"c-product-card__tab-paragraph\">\r\n      {{ tab.details.beforePriceText }}\r\n      <strong class=\"c-product-card__tab-price\"\r\n        >{{ formattedPrice }}\r\n        <meta itemprop=\"price\" :content=\"tab.details.price || config.POA\" />\r\n        <meta itemprop=\"priceCurrency\" :content=\"tab.details.currency\" />\r\n      </strong>\r\n      {{ tab.details.afterPriceText }}\r\n    </p>\r\n    <meta v-if=\"quoteLink\" :content=\"quoteLink\" itemprop=\"url\" />\r\n  </div>\r\n</template>","<script setup>\r\nimport { ref, inject } from 'vue';\r\nimport ProductCardTabContent from '@/app/components/product-card/product-card-tab-content.vue';\r\nimport { useProductsStore } from '@/app/stores/productsStore.js';\r\nconst productsStore = useProductsStore();\r\n\r\nconst config = inject('config');\r\nconst gaPush = inject('gaPush');\r\nconst props = defineProps(['tabs', 'quoteLink', 'productName', 'tags', 'gaPrefix', 'category']);\r\n\r\nconst activeTab = ref(0);\r\nconst allTabsArr = ref(null);\r\nconst allPanelsArr = ref(null);\r\n\r\nfunction isSelected(tabNumber) {\r\n  return tabNumber === activeTab.value;\r\n}\r\n\r\nfunction setTabindex(tabNumber) {\r\n  return isSelected(tabNumber) ? '0' : '-1';\r\n}\r\n\r\nfunction handleTabBtnClick(tabNumber) {\r\n  activeTab.value = tabNumber;\r\n  handleClickGA();\r\n}\r\n\r\nfunction handleKeydown(i, param) {\r\n  if (param === 'down') {\r\n    [...allPanelsArr.value][activeTab.value].focus();\r\n  } else {\r\n    const length = props.tabs.length - 1;\r\n    const nextTab = activeTab.value + param;\r\n\r\n    if (nextTab <= length && nextTab >= 0) {\r\n      activeTab.value = nextTab;\r\n    } else if (nextTab > length) {\r\n      activeTab.value = 0;\r\n    } else if (nextTab < 0) {\r\n      activeTab.value = length;\r\n    }\r\n    [...allTabsArr.value][activeTab.value].focus();\r\n    handleClickGA();\r\n  }\r\n}\r\n\r\nfunction handleClickGA() {\r\n  const gaPayload = {\r\n    event: props.gaPrefix + 'finance_example',\r\n    link_text: props.tabs[activeTab.value].title,\r\n    product_name: props.productName,\r\n    product_category: props.category,\r\n    product_flag1: props.tags.some((tag) => tag.type === 'popular'),\r\n    product_flag2: props.tags.some((tag) => tag.type === 'new'),\r\n    measurement_system: productsStore.system || null,\r\n  };\r\n  gaPush(gaPayload);\r\n}\r\n</script>\r\n\r\n<template>\r\n  <div class=\"c-product-card__tabs\">\r\n    <ul role=\"tablist\" class=\"c-product-card__tablist\">\r\n      <li\r\n        v-for=\"(tab, i) in tabs\"\r\n        :key=\"`${tab.id}-tablist`\"\r\n        role=\"presentation\"\r\n        class=\"c-product-card__tablist-item\"\r\n      >\r\n        <button\r\n          :id=\"tab.id\"\r\n          type=\"button\"\r\n          role=\"tab\"\r\n          :aria-selected=\"isSelected(i)\"\r\n          :tabindex=\"setTabindex(i)\"\r\n          class=\"c-product-card__tab-button\"\r\n          :class=\"{ 'is-active': isSelected(i) }\"\r\n          @click=\"handleTabBtnClick(i)\"\r\n          @keydown.left=\"handleKeydown(i, -1)\"\r\n          @keydown.right=\"handleKeydown(i, 1)\"\r\n          @keydown.down=\"handleKeydown(i, 'down')\"\r\n          ref=\"allTabsArr\"\r\n        >\r\n          {{ tab.title }}\r\n        </button>\r\n      </li>\r\n    </ul>\r\n\r\n    <div\r\n      v-for=\"(tab, i) in tabs\"\r\n      :key=\"`${tab.id}-tabpanel`\"\r\n      :id=\"`${tab.id}-tabpanel`\"\r\n      role=\"tabpanel\"\r\n      tabindex=\"-1\"\r\n      :aria-labelledby=\"tab.id\"\r\n      :hidden=\"!isSelected(i)\"\r\n      ref=\"allPanelsArr\"\r\n    >\r\n      <ProductCardTabContent :tab=\"tab\" :quoteLink=\"quoteLink\" />\r\n    </div>\r\n  </div>\r\n</template>","<script setup>\r\nimport { inject, computed, onBeforeMount } from 'vue';\r\nimport ProductCardButton from '@/app/components/product-card/product-card-button.vue';\r\nimport ProductCardDetailRange from '@/app/components/product-card/product-card-detail-range.vue';\r\nimport ProductCardDetailNonRange from '@/app/components/product-card/product-card-detail-non-range.vue';\r\nimport ProductCardTabs from '@/app/components/product-card/product-card-tabs.vue';\r\nimport ProductCardTabContent from '@/app/components/product-card/product-card-tab-content.vue';\r\n\r\nimport { useProductsStore } from '@/app/stores/productsStore.js';\r\nconst productsStore = useProductsStore();\r\n\r\nconst config = inject('config');\r\nconst gaPush = inject('gaPush');\r\nconst props = defineProps({\r\n  product: {\r\n    type: Object,\r\n    required: true,\r\n  },\r\n  position: {\r\n    type: Number,\r\n    required: false,\r\n  },\r\n  showDetails: {\r\n    type: Boolean,\r\n    default: true,\r\n  },\r\n  showTags: {\r\n    type: Boolean,\r\n    default: true,\r\n  },\r\n  standalone: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  productTitleHeadingLevel: {\r\n    type: Number,\r\n    default: 2,\r\n  },\r\n  gaPrefix: {\r\n    type: String,\r\n    default: 'prod_spec_',\r\n  },\r\n  productDetailsHeading: {\r\n    type: String,\r\n    required: false,\r\n  },\r\n});\r\n\r\nconst componentTag = computed(() => (props.standalone ? 'div' : 'li'));\r\nconst componentAttributes = computed(() => (props.standalone ? {} : { role: 'listitem' }));\r\nconst productTitleHeadingTag = computed(() => 'h' + props.productTitleHeadingLevel);\r\nconst productDetailsHeadingTag = computed(() => 'h' + (props.productTitleHeadingLevel + 1));\r\n\r\nconst multipleFinancialOptions = computed(\r\n  () => props.product.finance && props.product.finance.length > 1,\r\n);\r\n\r\nconst quoteLink = computed(() => {\r\n  return props.product.buttons.filter((button) => button.type === 'price')[0]?.dataUrl;\r\n});\r\nconst detailsData = computed(() => productsStore.detailsData(props.product.productData));\r\nconst hasFinancialData = computed(() => props.product.finance?.length);\r\nconst tags = computed(() =>\r\n  props.product.productData?.filter((data) => data.tag && data.value === 'true'),\r\n);\r\n\r\nfunction hasRangeDetail(data) {\r\n  const system = productsStore.system;\r\n\r\n  // data object has either 'value' or 'metricalValue' & 'imperialValue' keys, the same applies for 'unit'\r\n  return (\r\n    (`${system}ValueRange` in data && data[`${system}ValueRange`]) ||\r\n    ('valueRange' in data && data['valueRange'])\r\n  );\r\n}\r\n\r\nfunction handleGaViewMore() {\r\n  const gaPayload = {\r\n    event: props.gaPrefix + 'view_model',\r\n    link_text: config.viewMoreLabel,\r\n    link_url: props.product.viewModelBtnUrl,\r\n    product_name: props.product.title,\r\n    product_category: props.product.category,\r\n    product_flag1: tags.value.some((tag) => tag.type === 'popular'),\r\n    product_flag2: tags.value.some((tag) => tag.type === 'new'),\r\n    measurement_system: productsStore.system || null,\r\n  };\r\n  gaPush(gaPayload);\r\n}\r\n\r\nonBeforeMount(() => {\r\n  if (productsStore.locales) {\r\n    return;\r\n  }\r\n  productsStore.setLocales();\r\n  productsStore.system = config.defaultSystem;\r\n});\r\n</script>\r\n\r\n<template>\r\n  <component\r\n    :is=\"componentTag\"\r\n    class=\"c-product-card\"\r\n    itemprop=\"itemListElement\"\r\n    itemscope\r\n    itemtype=\"https://schema.org/Product\"\r\n    v-bind=\"componentAttributes\"\r\n  >\r\n    <meta itemprop=\"position\" :content=\"position\" />\r\n    <span itemprop=\"brand\" itemscope itemtype=\"https://schema.org/Brand\">\r\n      <meta itemprop=\"name\" content=\"JCB\" />\r\n    </span>\r\n    <div\r\n      class=\"c-product-card__main\"\r\n      :class=\"{ 'c-product-card__main--no-finance': !hasFinancialData }\"\r\n    >\r\n      <div class=\"c-product-card__base-info\">\r\n        <component :is=\"productTitleHeadingTag\" class=\"c-product-card__heading\" itemprop=\"name\">{{\r\n          product.title\r\n        }}</component>\r\n        <ul v-if=\"showTags\" class=\"c-product-card__indicators\" role=\"list\">\r\n          <li v-for=\"(tag, i) in tags\" role=\"listitem\" :key=\"`${tag.type}-${i}`\">\r\n            <span class=\"c-product-card__indicator\">{{ tag.label }}</span>\r\n          </li>\r\n        </ul>\r\n        <p class=\"c-product-card__description\" itemprop=\"description\">{{ product.description }}</p>\r\n      </div>\r\n      <div class=\"c-product-card__image\">\r\n        <img\r\n          v-if=\"product.image.altName\"\r\n          :src=\"product.image.url\"\r\n          :alt=\"product.image.altName\"\r\n          width=\"375\"\r\n          height=\"375\"\r\n          loading=\"lazy\"\r\n          itemprop=\"image\"\r\n        />\r\n        <img\r\n          v-else\r\n          :src=\"product.image.url\"\r\n          role=\"presentation\"\r\n          width=\"375\"\r\n          height=\"375\"\r\n          loading=\"lazy\"\r\n          itemprop=\"image\"\r\n        />\r\n      </div>\r\n      <div\r\n        class=\"c-product-card__finance\"\r\n        v-if=\"hasFinancialData\"\r\n        itemprop=\"offers\"\r\n        itemscope\r\n        itemtype=\"https://schema.org/Offer\"\r\n      >\r\n        <ProductCardTabs\r\n          v-if=\"multipleFinancialOptions\"\r\n          :tabs=\"product.finance\"\r\n          :quoteLink=\"quoteLink\"\r\n          :productName=\"product.title\"\r\n          :tags=\"tags\"\r\n          :gaPrefix=\"gaPrefix\"\r\n          :category=\"product.category\"\r\n        />\r\n        <ProductCardTabContent\r\n          v-else\r\n          :tab=\"product.finance[0]\"\r\n          single=\"true\"\r\n          :quoteLink=\"quoteLink\"\r\n        />\r\n      </div>\r\n      <div class=\"c-product-card__actions\">\r\n        <ProductCardButton\r\n          v-for=\"button in product.buttons\"\r\n          :key=\"button.id\"\r\n          :button=\"button\"\r\n          :productName=\"product.title\"\r\n          :tags=\"tags\"\r\n          :gaPrefix=\"gaPrefix\"\r\n          :category=\"product.category\"\r\n        />\r\n      </div>\r\n      <a\r\n        @click=\"handleGaViewMore\"\r\n        :href=\"product.viewModelBtnUrl\"\r\n        class=\"c-product-card__view-model\"\r\n        v-if=\"product.viewModelBtnUrl\"\r\n        itemprop=\"url\"\r\n        >{{ config.viewMoreLabel }}</a\r\n      >\r\n      <div v-if=\"showDetails && detailsData.length\" class=\"c-product-card__details\">\r\n        <component\r\n          :is=\"productDetailsHeadingTag\"\r\n          v-if=\"productDetailsHeading\"\r\n          class=\"c-product-card__details-heading\"\r\n        >\r\n          {{ productDetailsHeading }}\r\n        </component>\r\n        <dl class=\"c-product-card__details-list\">\r\n          <template v-for=\"dataPoint in detailsData\" :key=\"dataPoint.propertyId\">\r\n            <ProductCardDetailRange v-if=\"hasRangeDetail(dataPoint)\" :dataPoint=\"dataPoint\" />\r\n            <ProductCardDetailNonRange v-else :dataPoint=\"dataPoint\" />\r\n          </template>\r\n        </dl>\r\n      </div>\r\n    </div>\r\n  </component>\r\n</template>\r\n","<script setup>\r\nimport 'inert-polyfill';\r\nimport { inject, ref, computed, nextTick } from 'vue';\r\nconst config = inject('config');\r\nconst gaPush = inject('gaPush');\r\n\r\nimport { useProductsStore } from '@/app/stores/productsStore.js';\r\nconst productsStore = useProductsStore();\r\nconst props = defineProps(['selectPosition', 'filter']);\r\n\r\nconst activeFocusOption = ref(null);\r\nconst btnRef = ref(null);\r\nconst allOptionsRef = ref(null);\r\n\r\nconst optionsKey = computed(() =>\r\n  props.filter.options ? 'options' : `${productsStore.system}Options`,\r\n);\r\n\r\nconst options = computed(() => props.filter[optionsKey.value]);\r\n\r\nconst selectedOption = computed(() => {\r\n  const selected = options.value.filter((option) => option.selected);\r\n  return selected[0];\r\n});\r\n\r\nconst dropdownButtonText = computed(() => selectedOption.value?.label || props.filter.name);\r\nconst isThisDropdownOpen = computed(() => productsStore.openedDropdown === props.selectPosition);\r\nconst disabled = computed(() => props.filter.hidden || props.filter.selected);\r\n\r\nfunction toggleDropdown() {\r\n  if (!disabled.value) {\r\n    productsStore.openedDropdown = isThisDropdownOpen.value ? null : props.selectPosition;\r\n  }\r\n}\r\n\r\nfunction handleOptionClick(optionPosition) {\r\n  const isDisabled =\r\n    productsStore.dynamicFiltersArr[props.selectPosition][optionsKey.value][optionPosition][\r\n      'disabled'\r\n    ];\r\n\r\n  if (!isDisabled) {\r\n    productsStore.dynamicFiltersArr[props.selectPosition][optionsKey.value].map(\r\n      (option) => (option.selected = false),\r\n    );\r\n    productsStore.dynamicFiltersArr[props.selectPosition]['selected'] = true;\r\n    productsStore.dynamicFiltersArr[props.selectPosition][optionsKey.value][optionPosition][\r\n      'selected'\r\n    ] = true;\r\n    btnRef.value.focus();\r\n    productsStore.filterEverything();\r\n    handleGaClick();\r\n  }\r\n  toggleDropdown();\r\n}\r\n\r\nfunction handleArrowOnOption(i, param) {\r\n  activeFocusOption.value = i;\r\n\r\n  const length = [...allOptionsRef.value].length - 1;\r\n  const nextEl = i + param;\r\n\r\n  if (nextEl <= length && nextEl >= 0) {\r\n    activeFocusOption.value = nextEl;\r\n  } else if (nextEl > length) {\r\n    activeFocusOption.value = 0;\r\n  } else if (nextEl < 0) {\r\n    activeFocusOption.value = length;\r\n  }\r\n\r\n  [...allOptionsRef.value][activeFocusOption.value].focus();\r\n}\r\n\r\nasync function handleArrowOnBtn() {\r\n  productsStore.openedDropdown = props.selectPosition;\r\n\r\n  await nextTick(() => {\r\n    const selectedEl = [...allOptionsRef.value].filter(\r\n      (option) => option.dataset.selected === 'true',\r\n    );\r\n    const whatToFocus = selectedEl.length ? [...selectedEl][0] : [...allOptionsRef.value][0];\r\n    whatToFocus.focus();\r\n  });\r\n}\r\n\r\nfunction closePreviousDropdown() {\r\n  productsStore.openedDropdown = null;\r\n}\r\n\r\nfunction handleGaClick() {\r\n  const gaPayload = {\r\n    event: 'prod_spec_select_filter',\r\n    filter_name: props.filter.name,\r\n    filter_value: selectedOption.value.label,\r\n    product_category: config.category,\r\n    measurement_system: productsStore.system || null,\r\n  };\r\n  gaPush(gaPayload);\r\n}\r\n</script>\r\n\r\n<template>\r\n  <div\r\n    class=\"c-product-listing-filter__select-container\"\r\n    :class=\"{\r\n      'c-product-listing-filter__select-container--disabled': disabled,\r\n    }\"\r\n    :inert=\"disabled\"\r\n  >\r\n    <label\r\n      class=\"c-product-listing-filter__select-label sr-only\"\r\n      :for=\"`select-listbox-${filter.id}`\"\r\n      >{{ filter.name }}</label\r\n    >\r\n    <div class=\"c-product-listing-filter__select\">\r\n      <button\r\n        class=\"c-product-listing-filter__select-btn\"\r\n        aria-haspopup=\"listbox\"\r\n        :aria-owns=\"`select-listbox-${filter.id}`\"\r\n        :aria-labelledby=\"`select-listbox-${filter.id}`\"\r\n        :aria-expanded=\"isThisDropdownOpen\"\r\n        @click=\"toggleDropdown\"\r\n        @keydown.down.prevent=\"handleArrowOnBtn\"\r\n        @keydown.up.prevent=\"handleArrowOnBtn\"\r\n        @keydown.esc.prevent=\"toggleDropdown\"\r\n        @keydown.tab=\"closePreviousDropdown\"\r\n        ref=\"btnRef\"\r\n      >\r\n        {{ dropdownButtonText }}\r\n      </button>\r\n      <div class=\"c-product-listing-filter__select-listbox-container\">\r\n        <ul\r\n          class=\"c-product-listing-filter__select-listbox\"\r\n          role=\"listbox\"\r\n          :id=\"`select-listbox-${filter.id}`\"\r\n          tabindex=\"-1\"\r\n          :hidden=\"!isThisDropdownOpen\"\r\n        >\r\n          <li\r\n            v-for=\"(option, i) in options\"\r\n            :key=\"`${filter.id}-option-${i}`\"\r\n            class=\"c-product-listing-filter__select-option\"\r\n            @click=\"handleOptionClick(i)\"\r\n            :id=\"option.id\"\r\n            :data-value=\"option.value || option.valueRange\"\r\n            role=\"option\"\r\n            :data-disabled=\"\r\n              productsStore.dynamicFiltersArr[props.selectPosition][optionsKey][i]['disabled']\r\n            \"\r\n            :data-selected=\"\r\n              productsStore.dynamicFiltersArr[props.selectPosition][optionsKey][i]['selected']\r\n            \"\r\n            tabindex=\"-1\"\r\n            @keydown.tab=\"handleOptionClick(i)\"\r\n            @keydown.down.prevent=\"handleArrowOnOption(i, 1)\"\r\n            @keydown.up.prevent=\"handleArrowOnOption(i, -1)\"\r\n            @keydown.enter.prevent=\"handleOptionClick(i)\"\r\n            @keydown.esc.prevent=\"toggleDropdown\"\r\n            ref=\"allOptionsRef\"\r\n          >\r\n            {{ option.label }}\r\n          </li>\r\n        </ul>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>","<script setup>\r\nimport { inject, computed } from 'vue';\r\nimport { useProductsStore } from '@/app/stores/productsStore.js';\r\nconst config = inject('config');\r\nconst gaPush = inject('gaPush');\r\nconst productsStore = useProductsStore();\r\n\r\nconst tags = computed(() => productsStore.dynamicFiltersArr.filter((filter, i) => filter.selected));\r\n\r\nfunction handleClearAll() {\r\n  handleFilterRemoveAllGa();\r\n  productsStore.resetDynamicFiltersArr();\r\n}\r\n\r\nfunction handleRemoveOne(tag) {\r\n  productsStore.removeOneFilter(tag.id);\r\n  handleFilterRemoveGa(tag);\r\n}\r\n\r\nfunction handleFilterRemoveGa(tag) {\r\n  const gaPayload = {\r\n    event: 'prod_spec_remove_filter',\r\n    filter_name: tag.name,\r\n    filter_value: productsStore.selectedOption(productsStore.options(tag)).label,\r\n    product_category: config.category,\r\n    measurement_system: productsStore.system || null,\r\n  };\r\n  gaPush(gaPayload);\r\n}\r\n\r\nfunction handleFilterRemoveAllGa() {\r\n  const gaPayload = {\r\n    event: 'prod_spec_clear_filters',\r\n    selected_filters: productsStore.selectedFiltersListString,\r\n    product_category: config.category,\r\n    measurement_system: productsStore.system || null,\r\n  };\r\n  gaPush(gaPayload);\r\n}\r\n</script>\r\n\r\n<template>\r\n  <div\r\n    class=\"c-product-listing-filter-tags\"\r\n    :class=\"{ 'mobile-hide': productsStore.hideFilterMobile }\"\r\n  >\r\n    <h2 class=\"c-product-listing-filter-tags__title\">{{ config.filterByLabel }}</h2>\r\n    <ul class=\"c-product-listing-filter-tags__list\" role=\"list\">\r\n      <li\r\n        v-for=\"(tag, i) in tags\"\r\n        :key=\"`${tag.id}-selected`\"\r\n        class=\"c-product-listing-filter-tags__list-item\"\r\n        role=\"listitem\"\r\n      >\r\n        <span class=\"sr-only\">{{ tag.name }}</span>\r\n        <button\r\n          class=\"c-product-listing-filter-tags__tag\"\r\n          :aria-label=\"`Remove ${tag.name} from the list`\"\r\n          @click=\"handleRemoveOne(tag)\"\r\n        >\r\n          {{ tag.name }}\r\n        </button>\r\n      </li>\r\n      <li>\r\n        <button\r\n          v-if=\"tags.length\"\r\n          class=\"c-product-listing-filter-tags__clear\"\r\n          @click=\"handleClearAll\"\r\n        >\r\n          {{ config.clearAll }}\r\n        </button>\r\n      </li>\r\n    </ul>\r\n  </div>\r\n</template>","<script setup>\r\nimport ProductListingSystemToggle from '@/app/components/product-listing/product-listing-system-toggle.vue';\r\nimport { inject, computed } from 'vue';\r\nconst config = inject('config');\r\n\r\nimport { useProductsStore } from '@/app/stores/productsStore.js';\r\n\r\nconst productsStore = useProductsStore();\r\n\r\nconst mobileActionText = computed(() =>\r\n  productsStore.hideFilterMobile ? config.showFilter : config.hideFilter,\r\n);\r\n\r\nfunction handleMobileAction() {\r\n  productsStore.hideFilterMobile = !productsStore.hideFilterMobile;\r\n}\r\n</script>\r\n\r\n<template>\r\n  <div class=\"c-product-listing-filter__toggle\">\r\n    <div class=\"c-product-listing-filter__mobile-action\">\r\n      <button class=\"c-product-listing-filter__mobile-action-btn\" @click=\"handleMobileAction\">\r\n        {{ mobileActionText }}\r\n      </button>\r\n    </div>\r\n    <ProductListingSystemToggle />\r\n  </div>\r\n</template>","<script setup>\r\nimport { useInterpolatedContent } from '@/app/composables/useInterpolatedContent.js';\r\nimport ProductListingFilterToggle from '@/app/components/product-listing/product-listing-filter-toggle.vue';\r\nimport ProductListingFilterTags from '@/app/components/product-listing/product-listing-filter-tags.vue';\r\nimport ProductListingFilterSelect from '@/app/components/product-listing/product-listing-filter-select.vue';\r\n\r\nimport { inject, computed } from 'vue';\r\nconst config = inject('config');\r\n\r\nimport { useProductsStore } from '@/app/stores/productsStore.js';\r\n\r\nconst productsStore = useProductsStore();\r\n\r\nconst cmsMessageProps = computed(() => {\r\n  return {\r\n    productsShowingCount: productsStore.filteredProductsCount,\r\n    productsTotalCount: productsStore.allProductsCount,\r\n  };\r\n});\r\n\r\nconst resultCount = computed(() =>\r\n  useInterpolatedContent(config.resultCount, cmsMessageProps.value),\r\n);\r\n</script>\r\n\r\n<template>\r\n  <div class=\"c-product-listing-filter\" :class=\"{ 'mobile-hide': productsStore.hideFilterMobile }\">\r\n    <ProductListingFilterTags />\r\n    <ProductListingFilterToggle />\r\n    <div class=\"c-product-listing-filter__selects\">\r\n      <p class=\"c-product-listing-filter__selects-description\">\r\n        {{ config.selectDescription }}\r\n      </p>\r\n      <div class=\"c-product-listing-filter__selects-container\">\r\n        <ProductListingFilterSelect\r\n          :class=\"{ 'mobile-hide': productsStore.hideFilterMobile }\"\r\n          v-for=\"(filter, i) in productsStore.dynamicFiltersArr\"\r\n          :key=\"filter.id\"\r\n          :selectPosition=\"i\"\r\n          :filter=\"filter\"\r\n        />\r\n      </div>\r\n    </div>\r\n    <div class=\"c-product-listing-filter__filter_info\">\r\n      <p>{{ resultCount }}</p>\r\n    </div>\r\n  </div>\r\n</template>","<script setup>\r\nimport { inject, computed } from 'vue';\r\nconst config = inject('config');\r\nconst gaPush = inject('gaPush');\r\n\r\nimport { useProductsStore } from '@/app/stores/productsStore.js';\r\n\r\nconst productsStore = useProductsStore();\r\n\r\nfunction handleGaClick() {\r\n  const gaPayloadProductListing = {\r\n    event: 'prod_spec_toggle_measurement_system',\r\n  };\r\n\r\n  const gaPayloadProductSpecification = {\r\n    event: 'prod_det_toggle_measurement_system',\r\n    product_name: config.productName,\r\n  };\r\n\r\n  const gaPayload = {\r\n    ...(config.productName ? gaPayloadProductSpecification : gaPayloadProductListing),\r\n    selected_measurement_system: productsStore.system || null,\r\n    product_category: config.category,\r\n  };\r\n\r\n  gaPush(gaPayload);\r\n}\r\n\r\nfunction handleToggleChange($event) {\r\n  productsStore.system = $event.target.value;\r\n  productsStore.resetDynamicFiltersArr();\r\n  handleGaClick();\r\n}\r\n</script>\r\n\r\n<template>\r\n  <fieldset\r\n    class=\"c-product-listing-filter__toggle-switch\"\r\n    v-if=\"productsStore.displayToggle\"\r\n    @change=\"handleToggleChange\"\r\n  >\r\n    <legend class=\"c-product-listing-filter__toggle-legend\">\r\n      {{ config.systemLabel }}\r\n    </legend>\r\n    <input\r\n      type=\"radio\"\r\n      name=\"measuringSystem\"\r\n      id=\"radio-metric\"\r\n      value=\"metric\"\r\n      :checked=\"productsStore.isSystemMetric\"\r\n    />\r\n    <label for=\"radio-metric\">{{ config.metric }}</label>\r\n    <input\r\n      type=\"radio\"\r\n      name=\"measuringSystem\"\r\n      id=\"radio-imperial\"\r\n      value=\"imperial\"\r\n      :checked=\"!productsStore.isSystemMetric\"\r\n    />\r\n    <label for=\"radio-imperial\">{{ config.imperial }}</label>\r\n  </fieldset>\r\n</template>","<script setup>\r\nimport { inject, onMounted, onUpdated } from 'vue';\r\nimport { useProductsStore } from '@/app/stores/productsStore.js';\r\nimport ProductCard from '@/app/components/product-card/product-card.vue';\r\nimport ProductListingFilter from '@/app/components/product-listing/product-listing-filter.vue';\r\n\r\nconst config = inject('config');\r\nconst gaPush = inject('gaPush');\r\nconst productsStore = useProductsStore();\r\n\r\n// to send data to GA after the first render\r\nlet updatedCount = 0;\r\n\r\nonMounted(() => {\r\n  productsStore.setLocales();\r\n  productsStore.system = config.defaultSystem;\r\n  productsStore.sortProducts(config.products);\r\n  productsStore.filters = config.filters;\r\n  productsStore.createFiltersLabels();\r\n  productsStore.resetDynamicFiltersArr();\r\n  productsStore.manageSystemToggleDisplay();\r\n});\r\n\r\nonUpdated(() => {\r\n  updatedCount && handleProductsUpdate();\r\n  updatedCount++;\r\n});\r\n\r\nfunction handleProductsUpdate() {\r\n  const gaPayload = {\r\n    event: 'prod_spec_load_product_list',\r\n    selected_filters: productsStore.selectedFiltersListString,\r\n    product_category: config.category,\r\n    measurement_system: productsStore.system || null,\r\n    number_returned_products: productsStore.productsFiltered.length,\r\n  };\r\n  gaPush(gaPayload);\r\n}\r\n</script>\r\n\r\n<template>\r\n  <div class=\"c-product-listing__background-wrapper\">\r\n    <ProductListingFilter />\r\n    <div class=\"c-product-listing\">\r\n      <ul\r\n        class=\"c-product-listing__card-list\"\r\n        itemscope\r\n        itemtype=\"https://schema.org/ItemList\"\r\n        role=\"list\"\r\n      >\r\n        <ProductCard\r\n          v-for=\"(product, i) in productsStore.productsFiltered\"\r\n          :key=\"product.id\"\r\n          :product=\"product\"\r\n          :position=\"i + 1\"\r\n        />\r\n      </ul>\r\n    </div>\r\n  </div>\r\n</template>","export function useInterpolatedContent(content, cmsMessageProps) {\r\n  return content.replace(/\\${(.*?)}/g, (tag, prop) => cmsMessageProps[prop]);\r\n}\r\n","// Composable takes a string and if it is a number formats it according to local standards\r\nimport { useProductsStore } from '@/app/stores/productsStore.js';\r\n\r\nexport function useValue(string) {\r\n  const productsStore = useProductsStore();\r\n\r\n  return (!isNaN(string) && parseFloat(string)) ? parseFloat(string).toLocaleString(productsStore.locales) : string;\r\n}\r\n","import { defineStore } from 'pinia';\r\n\r\nexport const useProductsStore = defineStore('productsStore', {\r\n  state: () => {\r\n    return {\r\n      products: [],\r\n      filters: [],\r\n      productsFiltered: [],\r\n      system: 'metric',\r\n      displayToggle: false,\r\n      locales: '',\r\n      openedDropdown: null,\r\n      dynamicFiltersArr: [],\r\n      hideFilterMobile: false,\r\n    };\r\n  },\r\n  getters: {\r\n    isSystemMetric: (state) => state.system === 'metric',\r\n    selectedFilters: (state) => state.dynamicFiltersArr.filter((filter) => filter.selected),\r\n    filteredProductsCount: (state) => state.productsFiltered.length,\r\n    allProductsCount: (state) => state.products.length,\r\n    selectedFiltersListString: (state) => {\r\n      let selectedFiltersString = '';\r\n      state.selectedFilters.forEach((filter, i) => {\r\n        i > 0 && (selectedFiltersString += ' | ');\r\n        selectedFiltersString += filter.name;\r\n        selectedFiltersString += ' : ';\r\n        selectedFiltersString += state.selectedOption(state.options(filter)).label;\r\n      });\r\n      return selectedFiltersString;\r\n    },\r\n  },\r\n  actions: {\r\n    sortProducts(products) {\r\n      this.products = [\r\n        ...products.filter(\r\n          (item) =>\r\n            item.productData.find((prop) => prop.type === 'new' && prop.value === 'true') &&\r\n            item.productData.find((prop) => prop.type === 'popular' && prop.value === 'true'),\r\n        ),\r\n        ...products.filter(\r\n          (item) =>\r\n            item.productData.find((prop) => prop.type === 'new' && prop.value === 'true') &&\r\n            !item.productData.find((prop) => prop.type === 'popular' && prop.value === 'true'),\r\n        ),\r\n        ...products.filter(\r\n          (item) =>\r\n            !item.productData.find((prop) => prop.type === 'new' && prop.value === 'true') &&\r\n            item.productData.find((prop) => prop.type === 'popular' && prop.value === 'true'),\r\n        ),\r\n        ...products.filter(\r\n          (item) =>\r\n            !item.productData.find((prop) => prop.type === 'new' && prop.value === 'true') &&\r\n            !item.productData.find((prop) => prop.type === 'popular' && prop.value === 'true'),\r\n        ),\r\n      ];\r\n      this.productsFiltered = this.products;\r\n    },\r\n    setLocales() {\r\n      this.locales =\r\n        navigator.userLanguage ||\r\n        (navigator.languages && navigator.languages.length && navigator.languages[0]) ||\r\n        navigator.language ||\r\n        navigator.browserLanguage ||\r\n        navigator.systemLanguage ||\r\n        'en';\r\n    },\r\n    resetDynamicFiltersArr() {\r\n      // deep copy\r\n      this.dynamicFiltersArr = JSON.parse(JSON.stringify(this.filters));\r\n      this.openedDropdown = null;\r\n      this.filterEverything();\r\n    },\r\n    removeOneFilter(filterId) {\r\n      let arr = [];\r\n      this.dynamicFiltersArr = this.dynamicFiltersArr.map((filter, i) => {\r\n        if (filter.id !== filterId) {\r\n          arr.push(JSON.parse(JSON.stringify(filter)));\r\n        } else {\r\n          arr.push(JSON.parse(JSON.stringify(this.filters[i])));\r\n        }\r\n      });\r\n      this.dynamicFiltersArr = arr;\r\n      this.openedDropdown = null;\r\n      this.filterEverything();\r\n    },\r\n    options(filter) {\r\n      return filter[filter.options ? 'options' : `${this.system}Options`];\r\n    },\r\n    value(data) {\r\n      return (\r\n        data[`${this.system}Value`] ||\r\n        data[`${this.system}ValueRange`] ||\r\n        data[`valueRange`] ||\r\n        data.value ||\r\n        ''\r\n      );\r\n    },\r\n    selectedOption(options) {\r\n      return options.filter((option) => option.selected)[0];\r\n    },\r\n    isRangeFilterMatching(productValue, optionValue) {\r\n      let firstProductVal = productValue[0];\r\n      let firstOptionVal = optionValue[0];\r\n\r\n      // no value for the second element or range array = Infinity\r\n      let lastProductVal = productValue[1] ? productValue[1] : Infinity;\r\n      let lastOptionVal = optionValue[1] ? optionValue[1] : Infinity;\r\n\r\n      if (Array.isArray(productValue)) {\r\n        return !(lastProductVal < firstOptionVal || firstProductVal > lastOptionVal);\r\n      } else {\r\n        return productValue >= firstOptionVal && productValue <= lastOptionVal;\r\n      }\r\n    },\r\n    isNumberFilterMatchingWithRange(selectedValue, productValue) {\r\n      return selectedValue >= productValue[0] && selectedValue <= productValue[1];\r\n    },\r\n    filterEverything() {\r\n      this.productsFiltered = this.products.filter((product) => {\r\n        let resultsArr = [];\r\n        let filterFound = 0;\r\n        product.productData.forEach((data) => {\r\n          this.selectedFilters.forEach((filter) => {\r\n            const selectedNonRangeValue = this.selectedOption(this.options(filter)).value;\r\n            const selectedRangeValue = this.selectedOption(this.options(filter)).valueRange;\r\n\r\n            const productValue = this.value(data);\r\n            let isMatching;\r\n            if (data.propertyId === filter.id) {\r\n              if (filter.type === 'range') {\r\n                isMatching = this.isRangeFilterMatching(productValue, selectedRangeValue);\r\n              } else if (filter.type === 'number' && Array.isArray(productValue)) {\r\n                isMatching = isNumberFilterMatchingWithRange(selectedNonRangeValue, productValue);\r\n              } else {\r\n                isMatching = selectedNonRangeValue === productValue;\r\n              }\r\n              resultsArr.push(isMatching);\r\n              filterFound++;\r\n            }\r\n          });\r\n        });\r\n        const allChecksSuccessful = resultsArr.every((value) => value === true);\r\n        return allChecksSuccessful && filterFound === this.selectedFilters.length;\r\n      });\r\n      this.disableNotMatchingOptions();\r\n    },\r\n    disableNotMatchingOptions() {\r\n      this.dynamicFiltersArr.forEach((filter) => {\r\n        this.options(filter).forEach((option) => {\r\n          let optionAvailable = [];\r\n          this.productsFiltered.forEach((product) => {\r\n            product.productData.forEach((data) => {\r\n              const optionNonRangeValue = option.value;\r\n              const optionRangeValue = option.valueRange;\r\n\r\n              const productValue = this.value(data);\r\n              if (data.propertyId === filter.id) {\r\n                let isMatching;\r\n                if (filter.type === 'range') {\r\n                  isMatching = this.isRangeFilterMatching(productValue, optionRangeValue);\r\n                } else if (filter.type === 'number' && Array.isArray(productValue)) {\r\n                  isMatching =\r\n                    optionNonRangeValue >= productValue[0] &&\r\n                    optionNonRangeValue <= productValue[1];\r\n                } else {\r\n                  isMatching = optionNonRangeValue === productValue;\r\n                }\r\n                optionAvailable.push(isMatching);\r\n              }\r\n            });\r\n          });\r\n\r\n          // disable option that would return no products\r\n          const atLeastOnePossible = optionAvailable.some((value) => value === true);\r\n          option.disabled = !atLeastOnePossible;\r\n\r\n          // hide the whole filter if it's boolean with only one disabled option\r\n          if (filter.type === 'boolean') {\r\n            const allValuesTheSame = optionAvailable.every((value) => value === optionAvailable[0]);\r\n            filter.hidden = allValuesTheSame;\r\n          }\r\n\r\n          this.openedDropdown = null;\r\n        });\r\n      });\r\n    },\r\n    manageSystemToggleDisplay(productData) {\r\n      let keys = [];\r\n\r\n      // for multiple products check\r\n      if (this.products.length) {\r\n        this.products.forEach((product) =>\r\n          product.productData.forEach((data) => {\r\n            keys.push(...Object.keys(data));\r\n          }),\r\n        );\r\n      } else if (productData) {\r\n        // for single product check\r\n        productData.forEach((data) => {\r\n          keys.push(...Object.keys(data));\r\n        });\r\n      }\r\n\r\n      function hasSystemValue(key, system) {\r\n        return key === (`${system}Value` || `${system}ValueRange`);\r\n      }\r\n      const hasMetricKeys = keys.some((key) => hasSystemValue(key, 'metric'));\r\n      const hasImperialKeys = keys.some((key) => hasSystemValue(key, 'imperial'));\r\n\r\n      this.displayToggle =\r\n        (hasMetricKeys && hasImperialKeys) ||\r\n        (hasMetricKeys && this.system === 'imperial') ||\r\n        (hasImperialKeys && this.system === 'metric');\r\n    },\r\n    hasRangeDetail(data) {\r\n      const system = this.system;\r\n\r\n      // data object has either 'value' or 'metricalValue' & 'imperialValue' keys, the same applies for 'unit'\r\n      return (\r\n        (`${system}ValueRange` in data && data[`${system}ValueRange`]) ||\r\n        ('valueRange' in data && data['valueRange'])\r\n      );\r\n    },\r\n    detailsData(data) {\r\n      return data?.filter((item) => !item.tag) || [];\r\n    },\r\n    createFiltersLabels() {\r\n      this.filters.forEach((filter) => {\r\n        if (filter.type === 'number') {\r\n          filter.options && this.createNumberLabel(filter.options, filter.unit);\r\n          filter.metricOptions && this.createNumberLabel(filter.metricOptions, filter.metricUnit);\r\n          filter.imperialOptions &&\r\n            this.createNumberLabel(filter.imperialOptions, filter.imperialUnit);\r\n        } else if (filter.type === 'range') {\r\n          filter.options && this.createRangeLabel(filter.options, filter.unit);\r\n          filter.metricOptions && this.createRangeLabel(filter.metricOptions, filter.metricUnit);\r\n          filter.imperialOptions &&\r\n            this.createRangeLabel(filter.imperialOptions, filter.imperialUnit);\r\n        }\r\n      });\r\n    },\r\n    createNumberLabel(options, unit) {\r\n      const useUnit = unit || '';\r\n      options.forEach((option) => {\r\n        option.label = `${option.value.toLocaleString(this.locales)} ${useUnit}`;\r\n      });\r\n    },\r\n    createRangeLabel(options, unit) {\r\n      const useUnit = unit || '';\r\n      options.forEach((option) => {\r\n        if (option.valueRange.length === 1) {\r\n          option.label = `${option.valueRange[0].toLocaleString(this.locales)} ${useUnit}`;\r\n        } else if (option.valueRange.length === 2) {\r\n          option.label = `${option.valueRange[0].toLocaleString(\r\n            this.locales,\r\n          )} ${useUnit} - ${option.valueRange[1]?.toLocaleString(this.locales)} ${useUnit}`;\r\n        }\r\n      });\r\n    },\r\n  },\r\n});\r\n","import { createApp } from 'vue';\r\nimport { createPinia } from 'pinia';\r\nimport productListingApp from '@/app/views/product-listing/product-listing.vue';\r\nimport { pushToDataLayer } from '@/js/analytics/analytics.methods';\r\n\r\nexport default class ProductListing {\r\n  constructor(el) {\r\n    this.el = el;\r\n    this.init();\r\n  }\r\n  init() {\r\n    const app = createApp(productListingApp);\r\n    const pinia = createPinia();\r\n\r\n    app.provide('config', JCB);\r\n    app.provide('gaPush', pushToDataLayer);\r\n    app.use(pinia);\r\n    app.mount(this.el);\r\n  }\r\n}\r\n","import script from \"./product-card-button.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./product-card-button.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","import script from \"./product-card-detail-non-range.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./product-card-detail-non-range.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","import script from \"./product-card-detail-range.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./product-card-detail-range.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","import script from \"./product-card-tab-content.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./product-card-tab-content.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","import script from \"./product-card-tabs.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./product-card-tabs.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","import script from \"./product-card.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./product-card.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","import script from \"./product-listing-filter-select.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./product-listing-filter-select.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","import script from \"./product-listing-filter-tags.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./product-listing-filter-tags.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","import script from \"./product-listing-filter-toggle.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./product-listing-filter-toggle.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","import script from \"./product-listing-filter.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./product-listing-filter.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","import script from \"./product-listing-system-toggle.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./product-listing-system-toggle.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","import script from \"./product-listing.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./product-listing.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__"],"names":["productsStore","useProductsStore","config","inject","gaPush","externalSiteAttributes","target","rel","modalAttributes","props","productName","button","dataCategoryEnglishName","dataMrrpprice","dataIsmodalenabled","dataUrl","buttonLogic","brochure","title","brochuteBtnTitle","tag","icon","class","url","gaEvent","gaPrefix","price","requestPriceBtnTitle","buynow","cta","type","buttonLabel","buttonUrl","productCategory","category","handleClickGA","gaPayload","event","link_text","link_url","product_name","product_category","product_flag1","tags","some","product_flag2","measurement_system","system","computed","nonRangeData","value","dataPoint","label","toString","unit","optionalValue","imperialValueOptional","optionalUnit","imperialUnitOptional","rangeData","primaryValue","valueRange","secondaryValue","optionalPrimaryValue","imperialValueOptionalRange","optionalSecondaryValue","optionalPrimaryUnit","optionalSecondaryUnit","rangeTextFrom","useValue","rangeTextTo","hasPrice","tab","details","formattedPrice","toLocaleString","locales","style","currency","minimumFractionDigits","maximumFractionDigits","replace","POA","trim","activeTab","ref","allTabsArr","allPanelsArr","isSelected","tabNumber","handleKeydown","i","param","focus","length","tabs","nextTab","componentTag","standalone","componentAttributes","role","productTitleHeadingTag","productTitleHeadingLevel","productDetailsHeadingTag","multipleFinancialOptions","product","finance","quoteLink","buttons","filter","detailsData","productData","hasFinancialData","data","handleGaViewMore","viewMoreLabel","viewModelBtnUrl","onBeforeMount","setLocales","defaultSystem","activeFocusOption","btnRef","allOptionsRef","optionsKey","options","selectedOption","option","selected","dropdownButtonText","name","isThisDropdownOpen","openedDropdown","selectPosition","disabled","hidden","toggleDropdown","handleOptionClick","optionPosition","dynamicFiltersArr","map","filterEverything","filter_name","filter_value","handleArrowOnOption","nextEl","handleArrowOnBtn","nextTick","selectedEl","dataset","closePreviousDropdown","handleClearAll","selected_filters","selectedFiltersListString","resetDynamicFiltersArr","handleRemoveOne","removeOneFilter","id","handleFilterRemoveGa","mobileActionText","hideFilterMobile","showFilter","hideFilter","handleMobileAction","cmsMessageProps","productsShowingCount","filteredProductsCount","productsTotalCount","allProductsCount","resultCount","useInterpolatedContent","handleToggleChange","$event","gaPayloadProductSpecification","selected_measurement_system","updatedCount","onMounted","sortProducts","products","filters","createFiltersLabels","manageSystemToggleDisplay","onUpdated","number_returned_products","productsFiltered","content","prop","string","isNaN","parseFloat","defineStore","state","displayToggle","getters","isSystemMetric","selectedFilters","selectedFiltersString","forEach","actions","this","item","find","navigator","userLanguage","languages","language","browserLanguage","systemLanguage","JSON","parse","stringify","filterId","arr","push","isRangeFilterMatching","productValue","optionValue","firstProductVal","firstOptionVal","lastProductVal","Infinity","lastOptionVal","Array","isArray","isNumberFilterMatchingWithRange","selectedValue","resultsArr","filterFound","isMatching","selectedNonRangeValue","selectedRangeValue","propertyId","every","disableNotMatchingOptions","optionAvailable","optionNonRangeValue","optionRangeValue","atLeastOnePossible","allValuesTheSame","keys","hasSystemValue","key","Object","hasMetricKeys","hasImperialKeys","hasRangeDetail","createNumberLabel","metricOptions","metricUnit","imperialOptions","imperialUnit","createRangeLabel","useUnit","ProductListing","el","init","app","createApp","productListingApp","pinia","createPinia","provide","JCB","pushToDataLayer","use","mount"],"sourceRoot":""}