{"version":3,"file":"relatedProducts.4e354a3fab526bd76532.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-system-toggle.vue","webpack://jcb.com/./src/app/views/product-specification/product-specification.vue","webpack://jcb.com/./src/app/views/related-products/related-products.vue","webpack://jcb.com/./src/app/composables/useValue.js","webpack://jcb.com/./src/app/stores/productsStore.js","webpack://jcb.com/./src/app/views/product-specification/product-specification.js","webpack://jcb.com/./src/app/views/related-products/related-products.js","webpack://jcb.com/./src/app/views/related-products/related-products.vue?563f","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-system-toggle.vue?e5bb","webpack://jcb.com/./src/app/views/product-specification/product-specification.vue?6114","webpack://jcb.com/./src/app/views/related-products/related-products.vue?2620","webpack://jcb.com/./src/app/views/related-products/related-products.vue?e0e6"],"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 { 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, onBeforeMount, computed } from 'vue';\r\nimport { useProductsStore } from '@/app/stores/productsStore.js';\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 ProductListingSystemToggle from '@/app/components/product-listing/product-listing-system-toggle.vue';\r\n\r\nconst config = inject('config');\r\nconst productsStore = useProductsStore();\r\nconst data = computed(() => productsStore.detailsData(config.productData));\r\n\r\nonBeforeMount(() => {\r\n  productsStore.setLocales();\r\n  productsStore.system = config.defaultSystem;\r\n  productsStore.manageSystemToggleDisplay(data.value);\r\n});\r\n</script>\r\n\r\n<template>\r\n  <div class=\"c-product-specification__background-wrapper\">\r\n    <div class=\"c-product-specification\">\r\n      <div class=\"c-product-specification__top\">\r\n        <h2 class=\"c-product-specification__heading\">{{ config.title }}</h2>\r\n        <ProductListingSystemToggle />\r\n      </div>\r\n\r\n      <dl class=\"c-product-card__details-list\">\r\n        <template v-for=\"dataPoint in data\" :key=\"dataPoint.propertyId\">\r\n          <ProductCardDetailRange\r\n            v-if=\"productsStore.hasRangeDetail(dataPoint)\"\r\n            :dataPoint=\"dataPoint\"\r\n          />\r\n          <ProductCardDetailNonRange v-else :dataPoint=\"dataPoint\" />\r\n        </template>\r\n      </dl>\r\n    </div>\r\n  </div>\r\n</template>","<script setup>\r\nimport { inject, computed, onMounted } from 'vue';\r\nimport { Splide, SplideSlide, SplideTrack } from '@splidejs/vue-splide';\r\nimport ProductCard from '@/app/components/product-card/product-card.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\n\r\nconst prodLength = computed(() => config.products.length);\r\n\r\nconst carouselOptions = {\r\n  mediaQuery: 'min',\r\n  perPage: 1,\r\n  gap: '2rem',\r\n  padding: '10%',\r\n  pagination: false,\r\n  perMove: 1,\r\n  speed: 200,\r\n  breakpoints: {\r\n    0: {\r\n      destroy: prodLength.value <= 1,\r\n      live: prodLength.value > 1,\r\n      arrows: prodLength.value > 1,\r\n      focus: 'center',\r\n    },\r\n    768: {\r\n      focus: null,\r\n      arrows: prodLength.value > 2,\r\n      perPage: 2,\r\n      perMove: 2,\r\n      padding: 0,\r\n    },\r\n  },\r\n  i18n: {\r\n    prev: config.previousSlideLabel,\r\n    next: config.nextSlideLabel,\r\n    carousel: config.carouselRole,\r\n    slide: config.slideRole,\r\n  },\r\n};\r\n\r\nonMounted(() => {\r\n  productsStore.setLocales();\r\n});\r\n</script>\r\n\r\n<template>\r\n  <div class=\"c-related-products\">\r\n    <Splide :has-track=\"false\" :options=\"carouselOptions\" :aria-label=\"config.relatedProductsTitle\">\r\n      <div class=\"c-related-products__top\">\r\n        <h2 class=\"c-related-products__heading\">{{ config.relatedProductsTitle }}</h2>\r\n        <div class=\"splide__arrows\">\r\n          <button class=\"c-related-projects__arrow splide__arrow splide__arrow--prev\">\r\n            <svg\r\n              xmlns=\"http://www.w3.org/2000/svg\"\r\n              viewBox=\"0 0 40 40\"\r\n              width=\"40\"\r\n              height=\"40\"\r\n              focusable=\"false\"\r\n            >\r\n              <path\r\n                d=\"m15.5 0.932-4.3 4.38 14.5 14.6-14.5 14.5 4.3 4.4 14.6-14.6 4.4-4.3-4.4-4.4-14.6-14.6z\"\r\n              ></path>\r\n            </svg>\r\n          </button>\r\n          <button class=\"c-related-projects__arrow splide__arrow splide__arrow--next\">\r\n            <svg\r\n              xmlns=\"http://www.w3.org/2000/svg\"\r\n              viewBox=\"0 0 40 40\"\r\n              width=\"40\"\r\n              height=\"40\"\r\n              focusable=\"false\"\r\n            >\r\n              <path\r\n                d=\"m15.5 0.932-4.3 4.38 14.5 14.6-14.5 14.5 4.3 4.4 14.6-14.6 4.4-4.3-4.4-4.4-14.6-14.6z\"\r\n              ></path>\r\n            </svg>\r\n          </button>\r\n        </div>\r\n      </div>\r\n      <div class=\"c-related-products__track\">\r\n        <SplideTrack>\r\n          <template v-for=\"product in config.products\" :key=\"product.id\">\r\n            <SplideSlide>\r\n              <ProductCard\r\n                :standalone=\"true\"\r\n                :product=\"product\"\r\n                :showTags=\"false\"\r\n                gaPrefix=\"prod_card_\"\r\n                :productTitleHeadingLevel=\"3\"\r\n                :productDetailsHeading=\"config.productSpecsTitle\"\r\n              /> </SplideSlide\r\n          ></template>\r\n        </SplideTrack>\r\n      </div>\r\n    </Splide>\r\n  </div>\r\n</template>\r\n\r\n<style lang=\"css\" scoped>\r\n.splide__track {\r\n  overflow: unset;\r\n}\r\n\r\n.splide__slide {\r\n  transition: all 0.2s ease-out;\r\n}\r\n\r\n.splide__slide[aria-hidden='true'] {\r\n  opacity: 40%;\r\n}\r\n@media (min-width: 768px) {\r\n  .splide__slide[aria-hidden='true'] {\r\n    opacity: 0;\r\n  }\r\n}\r\n\r\n@media (min-width: 1200px) {\r\n  .splide__slide[aria-hidden='true'] {\r\n    opacity: 40%;\r\n  }\r\n}\r\n\r\n.splide__track {\r\n  overflow: unset;\r\n}\r\n\r\n.splide__slide {\r\n  transition: all 0.2s ease-out;\r\n}\r\n\r\n@media (min-width: 768px) {\r\n  .splide__slide:only-child {\r\n    width: calc(50% - 1rem);\r\n  }\r\n}\r\n\r\n.splide__slide[aria-hidden='true'] {\r\n  opacity: 40%;\r\n}\r\n\r\n@media (min-width: 768px) {\r\n  .splide__slide[aria-hidden='true'] {\r\n    opacity: 0;\r\n  }\r\n}\r\n\r\n@media (min-width: 1200px) {\r\n  .splide__slide[aria-hidden='true'] {\r\n    opacity: 40%;\r\n  }\r\n}\r\n\r\n/* Arrow button styles */\r\n.splide__arrows {\r\n  display: flex;\r\n  gap: 1rem;\r\n}\r\n</style>","// 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 productSpecificationApp from '@/app/views/product-specification/product-specification.vue';\r\nimport { pushToDataLayer } from '@/js/analytics/analytics.methods';\r\n\r\n// Product Specification & Related Product components share a Pinia state for metric/imperial system changes\r\nexport const productPagePinia = createPinia();\r\nexport default class productSpecification {\r\n  constructor(el) {\r\n    this.el = el;\r\n    this.init();\r\n  }\r\n  init() {\r\n    // Init Product Specs\r\n    createApp(productSpecificationApp)\r\n      .use(productPagePinia)\r\n      .provide('config', JCB)\r\n      .provide('gaPush', pushToDataLayer)\r\n      .mount(this.el);\r\n  }\r\n}\r\n","import { createApp } from 'vue';\r\nimport { createPinia } from 'pinia';\r\nimport relatedProductsApp from '@/app/views/related-products/related-products.vue';\r\nimport { pushToDataLayer } from '@/js/analytics/analytics.methods';\r\nimport VueSplide from '@splidejs/vue-splide';\r\n// Product Specification & Related Product components share a Pinia state for metric/imperial system changes\r\nimport { productPagePinia } from '../product-specification/product-specification';\r\nimport { useProductsStore } from '@/app/stores/productsStore.js';\r\n\r\nexport default class relatedProducts {\r\n  constructor(el) {\r\n    this.el = el;\r\n    this.init();\r\n  }\r\n  init() {\r\n    const pinia = useProductsStore._pinia ? productPagePinia : createPinia();\r\n\r\n    createApp(relatedProductsApp)\r\n      .use(pinia)\r\n      .provide('config', JCB)\r\n      .provide('gaPush', pushToDataLayer)\r\n      .use(VueSplide)\r\n      .mount(this.el);\r\n  }\r\n}\r\n","// Imports\nvar ___CSS_LOADER_API_SOURCEMAP_IMPORT___ = require(\"../../../../node_modules/css-loader/dist/runtime/sourceMaps.js\");\nvar ___CSS_LOADER_API_IMPORT___ = require(\"../../../../node_modules/css-loader/dist/runtime/api.js\");\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"\\n.splide__track[data-v-29e8804c] {\\r\\n  overflow: unset;\\n}\\n.splide__slide[data-v-29e8804c] {\\r\\n  transition: all 0.2s ease-out;\\n}\\n.splide__slide[aria-hidden='true'][data-v-29e8804c] {\\r\\n  opacity: 40%;\\n}\\n@media (min-width: 768px) {\\n.splide__slide[aria-hidden='true'][data-v-29e8804c] {\\r\\n    opacity: 0;\\n}\\n}\\n@media (min-width: 1200px) {\\n.splide__slide[aria-hidden='true'][data-v-29e8804c] {\\r\\n    opacity: 40%;\\n}\\n}\\n.splide__track[data-v-29e8804c] {\\r\\n  overflow: unset;\\n}\\n.splide__slide[data-v-29e8804c] {\\r\\n  transition: all 0.2s ease-out;\\n}\\n@media (min-width: 768px) {\\n.splide__slide[data-v-29e8804c]:only-child {\\r\\n    width: calc(50% - 1rem);\\n}\\n}\\n.splide__slide[aria-hidden='true'][data-v-29e8804c] {\\r\\n  opacity: 40%;\\n}\\n@media (min-width: 768px) {\\n.splide__slide[aria-hidden='true'][data-v-29e8804c] {\\r\\n    opacity: 0;\\n}\\n}\\n@media (min-width: 1200px) {\\n.splide__slide[aria-hidden='true'][data-v-29e8804c] {\\r\\n    opacity: 40%;\\n}\\n}\\r\\n\\r\\n/* Arrow button styles */\\n.splide__arrows[data-v-29e8804c] {\\r\\n  display: flex;\\r\\n  gap: 1rem;\\n}\\r\\n\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/app/views/related-products/related-products.vue\"],\"names\":[],\"mappings\":\";AAuGA;EACE,eAAe;AACjB;AAEA;EACE,6BAA6B;AAC/B;AAEA;EACE,YAAY;AACd;AACA;AACE;IACE,UAAU;AACZ;AACF;AAEA;AACE;IACE,YAAY;AACd;AACF;AAEA;EACE,eAAe;AACjB;AAEA;EACE,6BAA6B;AAC/B;AAEA;AACE;IACE,uBAAuB;AACzB;AACF;AAEA;EACE,YAAY;AACd;AAEA;AACE;IACE,UAAU;AACZ;AACF;AAEA;AACE;IACE,YAAY;AACd;AACF;;AAEA,wBAAwB;AACxB;EACE,aAAa;EACb,SAAS;AACX\",\"sourcesContent\":[\"<script setup>\\r\\nimport { inject, computed, onMounted } from 'vue';\\r\\nimport { Splide, SplideSlide, SplideTrack } from '@splidejs/vue-splide';\\r\\nimport ProductCard from '@/app/components/product-card/product-card.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\\n\\r\\nconst prodLength = computed(() => config.products.length);\\r\\n\\r\\nconst carouselOptions = {\\r\\n  mediaQuery: 'min',\\r\\n  perPage: 1,\\r\\n  gap: '2rem',\\r\\n  padding: '10%',\\r\\n  pagination: false,\\r\\n  perMove: 1,\\r\\n  speed: 200,\\r\\n  breakpoints: {\\r\\n    0: {\\r\\n      destroy: prodLength.value <= 1,\\r\\n      live: prodLength.value > 1,\\r\\n      arrows: prodLength.value > 1,\\r\\n      focus: 'center',\\r\\n    },\\r\\n    768: {\\r\\n      focus: null,\\r\\n      arrows: prodLength.value > 2,\\r\\n      perPage: 2,\\r\\n      perMove: 2,\\r\\n      padding: 0,\\r\\n    },\\r\\n  },\\r\\n  i18n: {\\r\\n    prev: config.previousSlideLabel,\\r\\n    next: config.nextSlideLabel,\\r\\n    carousel: config.carouselRole,\\r\\n    slide: config.slideRole,\\r\\n  },\\r\\n};\\r\\n\\r\\nonMounted(() => {\\r\\n  productsStore.setLocales();\\r\\n});\\r\\n</script>\\r\\n\\r\\n<template>\\r\\n  <div class=\\\"c-related-products\\\">\\r\\n    <Splide :has-track=\\\"false\\\" :options=\\\"carouselOptions\\\" :aria-label=\\\"config.relatedProductsTitle\\\">\\r\\n      <div class=\\\"c-related-products__top\\\">\\r\\n        <h2 class=\\\"c-related-products__heading\\\">{{ config.relatedProductsTitle }}</h2>\\r\\n        <div class=\\\"splide__arrows\\\">\\r\\n          <button class=\\\"c-related-projects__arrow splide__arrow splide__arrow--prev\\\">\\r\\n            <svg\\r\\n              xmlns=\\\"http://www.w3.org/2000/svg\\\"\\r\\n              viewBox=\\\"0 0 40 40\\\"\\r\\n              width=\\\"40\\\"\\r\\n              height=\\\"40\\\"\\r\\n              focusable=\\\"false\\\"\\r\\n            >\\r\\n              <path\\r\\n                d=\\\"m15.5 0.932-4.3 4.38 14.5 14.6-14.5 14.5 4.3 4.4 14.6-14.6 4.4-4.3-4.4-4.4-14.6-14.6z\\\"\\r\\n              ></path>\\r\\n            </svg>\\r\\n          </button>\\r\\n          <button class=\\\"c-related-projects__arrow splide__arrow splide__arrow--next\\\">\\r\\n            <svg\\r\\n              xmlns=\\\"http://www.w3.org/2000/svg\\\"\\r\\n              viewBox=\\\"0 0 40 40\\\"\\r\\n              width=\\\"40\\\"\\r\\n              height=\\\"40\\\"\\r\\n              focusable=\\\"false\\\"\\r\\n            >\\r\\n              <path\\r\\n                d=\\\"m15.5 0.932-4.3 4.38 14.5 14.6-14.5 14.5 4.3 4.4 14.6-14.6 4.4-4.3-4.4-4.4-14.6-14.6z\\\"\\r\\n              ></path>\\r\\n            </svg>\\r\\n          </button>\\r\\n        </div>\\r\\n      </div>\\r\\n      <div class=\\\"c-related-products__track\\\">\\r\\n        <SplideTrack>\\r\\n          <template v-for=\\\"product in config.products\\\" :key=\\\"product.id\\\">\\r\\n            <SplideSlide>\\r\\n              <ProductCard\\r\\n                :standalone=\\\"true\\\"\\r\\n                :product=\\\"product\\\"\\r\\n                :showTags=\\\"false\\\"\\r\\n                gaPrefix=\\\"prod_card_\\\"\\r\\n                :productTitleHeadingLevel=\\\"3\\\"\\r\\n                :productDetailsHeading=\\\"config.productSpecsTitle\\\"\\r\\n              /> </SplideSlide\\r\\n          ></template>\\r\\n        </SplideTrack>\\r\\n      </div>\\r\\n    </Splide>\\r\\n  </div>\\r\\n</template>\\r\\n\\r\\n<style lang=\\\"css\\\" scoped>\\r\\n.splide__track {\\r\\n  overflow: unset;\\r\\n}\\r\\n\\r\\n.splide__slide {\\r\\n  transition: all 0.2s ease-out;\\r\\n}\\r\\n\\r\\n.splide__slide[aria-hidden='true'] {\\r\\n  opacity: 40%;\\r\\n}\\r\\n@media (min-width: 768px) {\\r\\n  .splide__slide[aria-hidden='true'] {\\r\\n    opacity: 0;\\r\\n  }\\r\\n}\\r\\n\\r\\n@media (min-width: 1200px) {\\r\\n  .splide__slide[aria-hidden='true'] {\\r\\n    opacity: 40%;\\r\\n  }\\r\\n}\\r\\n\\r\\n.splide__track {\\r\\n  overflow: unset;\\r\\n}\\r\\n\\r\\n.splide__slide {\\r\\n  transition: all 0.2s ease-out;\\r\\n}\\r\\n\\r\\n@media (min-width: 768px) {\\r\\n  .splide__slide:only-child {\\r\\n    width: calc(50% - 1rem);\\r\\n  }\\r\\n}\\r\\n\\r\\n.splide__slide[aria-hidden='true'] {\\r\\n  opacity: 40%;\\r\\n}\\r\\n\\r\\n@media (min-width: 768px) {\\r\\n  .splide__slide[aria-hidden='true'] {\\r\\n    opacity: 0;\\r\\n  }\\r\\n}\\r\\n\\r\\n@media (min-width: 1200px) {\\r\\n  .splide__slide[aria-hidden='true'] {\\r\\n    opacity: 40%;\\r\\n  }\\r\\n}\\r\\n\\r\\n/* Arrow button styles */\\r\\n.splide__arrows {\\r\\n  display: flex;\\r\\n  gap: 1rem;\\r\\n}\\r\\n</style>\"],\"sourceRoot\":\"\"}]);\n// Exports\nmodule.exports = ___CSS_LOADER_EXPORT___;\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-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-specification.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./product-specification.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","import script from \"./related-products.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./related-products.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./related-products.vue?vue&type=style&index=0&id=29e8804c&lang=css&scoped=true\"\n\nimport exportComponent from \"D:\\\\a\\\\1\\\\s\\\\JCB.Assets\\\\node_modules\\\\vue-loader\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-29e8804c\"]])\n\nexport default __exports__","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!../../../../node_modules/vue-loader/dist/stylePostLoader.js!../../../../node_modules/vue-loader/dist/index.js??ruleSet[0]!./related-products.vue?vue&type=style&index=0&id=29e8804c&lang=css&scoped=true\");\nif(content.__esModule) content = content.default;\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar add = require(\"!../../../../node_modules/vue-style-loader/lib/addStylesClient.js\").default\nvar update = add(\"3894a522\", content, true, {});"],"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","handleToggleChange","$event","gaPayloadProductSpecification","resetDynamicFiltersArr","selected_measurement_system","manageSystemToggleDisplay","prodLength","products","carouselOptions","mediaQuery","perPage","gap","padding","pagination","perMove","speed","breakpoints","destroy","live","arrows","i18n","prev","previousSlideLabel","next","nextSlideLabel","carousel","carouselRole","slide","slideRole","onMounted","string","isNaN","parseFloat","defineStore","state","filters","productsFiltered","displayToggle","openedDropdown","dynamicFiltersArr","hideFilterMobile","getters","isSystemMetric","selectedFilters","selected","filteredProductsCount","allProductsCount","selectedFiltersListString","selectedFiltersString","forEach","name","selectedOption","options","actions","sortProducts","this","item","find","prop","navigator","userLanguage","languages","language","browserLanguage","systemLanguage","JSON","parse","stringify","filterEverything","removeOneFilter","filterId","arr","map","id","push","option","isRangeFilterMatching","productValue","optionValue","firstProductVal","firstOptionVal","lastProductVal","Infinity","lastOptionVal","Array","isArray","isNumberFilterMatchingWithRange","selectedValue","resultsArr","filterFound","isMatching","selectedNonRangeValue","selectedRangeValue","propertyId","every","disableNotMatchingOptions","optionAvailable","optionNonRangeValue","optionRangeValue","atLeastOnePossible","disabled","allValuesTheSame","hidden","keys","hasSystemValue","key","Object","hasMetricKeys","hasImperialKeys","hasRangeDetail","createFiltersLabels","createNumberLabel","metricOptions","metricUnit","imperialOptions","imperialUnit","createRangeLabel","useUnit","productPagePinia","createPinia","productSpecification","el","init","createApp","productSpecificationApp","use","provide","JCB","pushToDataLayer","mount","relatedProducts","pinia","_pinia","relatedProductsApp","VueSplide","___CSS_LOADER_API_SOURCEMAP_IMPORT___","___CSS_LOADER_EXPORT___","___CSS_LOADER_API_IMPORT___","module","exports","content","__esModule","default","locals","add"],"sourceRoot":""}