{"version":3,"file":"prod-quantity-list-field.000b03810020759d4986.js","mappings":"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","sources":["webpack://secprint-frontend/./src/js/vuejs/components/commerce/fields/QuantityListField.vue","webpack://secprint-frontend/./src/js/vuejs/components/commerce/fields/QuantityListField.vue?f8b0"],"sourcesContent":["<template>\r\n  <fieldset>\r\n    <div :class=\"['quantity-list', {'quantity-list--compact': hidePriceDifference}]\" role=\"radiogroup\">\r\n      <div\r\n        v-for=\"(option, index) in attributes\"\r\n        :key=\"option.alias\"\r\n        :class=\"['quantity-list-item', {'quantity-list-item--disabled': option.isDisabled && !hideDisabled}, {'quantity-list-item--selected': option.alias === currentModel}]\"\r\n        role=\"radio\"\r\n        :aria-checked=\"option.alias === currentModel ? 'true' : 'false'\"\r\n        :value=\"option.alias\"\r\n        :aria-label=\"option.name\"\r\n        :tabindex=\"index\"\r\n        @click=\"selectOption(option)\"\r\n      >\r\n        <div class=\"quantity-list-item__content\">\r\n          <span class=\"quantity-list-item__title\">{{ numberWithCommas(option.info && option.info.title ? option.info.title : option.name) }}</span>\r\n          <span v-if=\"option.info && option.info.subtitle\" class=\"quantity-list-item__subtitle\">{{ option.info.subtitle }}</span>\r\n        </div>\r\n        <span v-if=\"option.price != 0 && attributes.length > 1 && !option.isDisabled && !hidePriceDifference\" class=\"quantity-list-item__price-difference\">\r\n          <template v-if=\"getPrice(option) > 0\">+{{ formattedCurrency(option.price) }}</template>\r\n        </span>\r\n        <div class=\"quantity-list-item__input\" aria-hidden=\"true\">\r\n          <svg class=\"quantity-list-item__icon\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 -960 960 960\"><path d=\"M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z\"/></svg>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </fieldset>\r\n</template>\r\n<script>\r\nimport { useProductStore } from '../../../stores/_product-store.js';\r\nimport { storeToRefs } from \"pinia\";\r\nimport { ref, watch, computed  } from 'vue';\r\n\r\nexport default {\r\n  emits: [\"change\"],\r\n  props: {\r\n    model: {\r\n      required: true\r\n    },\r\n    attributes: {\r\n      type: Array,\r\n      required: true\r\n    },\r\n    hideDisabled: {\r\n      type: Boolean,\r\n      default: false,\r\n    }\r\n  },\r\n  setup(props, {emit}) {\r\n    // const optionValue = ref(props.model || (props.attributes.length > 0 ? props.attributes[0].alias : null));\r\n    const store = useProductStore();\r\n    const { currentProductData } = storeToRefs(store);\r\n    const currentModel = ref(props.model);\r\n    const attributes = ref(props.attributes);\r\n    const hideDisabled = ref(props.hideDisabled);\r\n    const hidePriceDifference = currentProductData.value.hidePriceDifference;\r\n\r\n    const selectOption = (option) => {\r\n      if(option.isDisabled && !hideDisabled.value )return;\r\n\r\n      currentModel.value = option.alias;\r\n      handleChange();\r\n    };\r\n\r\n    const handleChange = () => {\r\n      emit('change', currentModel.value);\r\n    };\r\n\r\n    watch(() => props.model, (newValue) => {\r\n      currentModel.value = newValue;\r\n    });\r\n\r\n    const getPrice = (option) => {\r\n      return parseInt(option.syncedPrice || option.price || 0);\r\n    };\r\n\r\n    function numberWithCommas(x) {\r\n        return x.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\r\n    }\r\n\r\n    const formattedCurrency = computed(() => {\r\n      return (number) => {\r\n          const locale = 'en-GB';\r\n          const currency = 'GBP';\r\n          return new Intl.NumberFormat(locale, { style: 'currency', currency: currency }).format(number);\r\n      };\r\n    });\r\n\r\n    return {\r\n      selectOption,\r\n      currentModel,\r\n      getPrice,\r\n      formattedCurrency,\r\n      hideDisabled,\r\n      attributes,\r\n      numberWithCommas,\r\n      hidePriceDifference\r\n    }\r\n  },\r\n};\r\n</script>","import { render } from \"./QuantityListField.vue?vue&type=template&id=25683f57\"\nimport script from \"./QuantityListField.vue?vue&type=script&lang=js\"\nexport * from \"./QuantityListField.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"../../../../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__"],"names":["class","key","_createElementVNode","xmlns","viewBox","d","emits","props","model","required","attributes","type","Array","hideDisabled","Boolean","default","setup","_ref","emit","store","useProductStore","currentProductData","storeToRefs","currentModel","ref","hidePriceDifference","value","handleChange","watch","newValue","formattedCurrency","computed","number","Intl","NumberFormat","style","currency","format","selectOption","option","isDisabled","alias","getPrice","parseInt","syncedPrice","price","numberWithCommas","x","toString","replace","_createElementBlock","_normalizeClass","$setup","role","_Fragment","_renderList","index","name","tabindex","onClick","$event","_hoisted_2","_hoisted_3","_toDisplayString","info","title","subtitle","_hoisted_4","_createCommentVNode","length","_hoisted_5","_createTextVNode","_hoisted_6","_hoisted_1"],"sourceRoot":""}