{"version":3,"file":"prod-artwork-field.1eaa3d9bf81817f402c4.js","mappings":"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","sources":["webpack://secprint-frontend/./src/js/vuejs/components/commerce/fields/ArtworkField.vue","webpack://secprint-frontend/./src/js/vuejs/components/commerce/fields/ArtworkField.vue?9d5c"],"sourcesContent":["<template>\r\n  <fieldset>\r\n    <div class=\"choice-image-list choice-image-list--artwork\" role=\"radiogroup\">\r\n      <div\r\n        v-for=\"(option, index) in attributes\"\r\n        :key=\"option.alias\"\r\n        :class=\"['choice-image choice-image--artwork', {'choice-image--disabled': option.isDisabled && !hideDisabled}, {'choice-image--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        <img v-if=\"option.info && option.info.icon && option.info.icon.url\" class=\"choice-image__image image-aspect-ratio image-aspect-ratio--16-9\" :src=\"option.info.icon.url\" :alt=\"option.info.icon.altText\"/>\r\n        <img v-else class=\"choice-image__image image-aspect-ratio image-aspect-ratio--16-9\" src=\"\" alt=\"\"/>\r\n        <div class=\"choice-image__content\">\r\n          <span class=\"choice-image__title\">{{ option.info && option.info.title ? option.info.title : option.name }}</span>\r\n          <span v-if=\"option.info && option.info.subtitle\" class=\"choice-image__subtitle\">{{ option.info.subtitle }}</span>\r\n          <div v-if=\"option.info && option.info.description\" v-html=\"option.info.description\" class=\"richtext\"></div>\r\n          <span v-if=\"option.price != 0 && attributes.length > 1 && !option.isDisabled\" class=\"choice-image__price-difference\">\r\n            <template v-if=\"getPrice(option) > 0\">+{{ formattedCurrency(option.price) }}</template>\r\n          </span>\r\n        </div>\r\n        <div class=\"choice-image__input\" aria-hidden=\"true\">\r\n          <svg class=\"choice-image__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 { 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 currentModel = ref(props.model);\r\n    const hideDisabled = ref(props.hideDisabled);\r\n    const attributes = ref(props.attributes);\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    const getPrice = (option) => {\r\n      return parseInt(option.syncedPrice || option.price || 0);\r\n    };\r\n\r\n    watch(() => props.model, (newValue) => {\r\n      currentModel.value = newValue;\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      getPrice,\r\n      currentModel,\r\n      hideDisabled,\r\n      attributes,\r\n      formattedCurrency\r\n    }\r\n  },\r\n};\r\n</script>","import { render } from \"./ArtworkField.vue?vue&type=template&id=fd60606c\"\nimport script from \"./ArtworkField.vue?vue&type=script&lang=js\"\nexport * from \"./ArtworkField.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","role","key","src","alt","_createElementVNode","xmlns","viewBox","d","emits","props","model","required","attributes","type","Array","hideDisabled","Boolean","default","setup","_ref","emit","currentModel","ref","handleChange","value","watch","newValue","formattedCurrency","computed","number","Intl","NumberFormat","style","currency","format","selectOption","option","isDisabled","alias","getPrice","parseInt","syncedPrice","price","_createElementBlock","_hoisted_1","_Fragment","_renderList","$setup","index","_normalizeClass","name","tabindex","onClick","$event","info","icon","url","altText","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_toDisplayString","title","subtitle","_hoisted_7","_createCommentVNode","description","innerHTML","_hoisted_8","length","_hoisted_9","_createTextVNode","_hoisted_10","_hoisted_2"],"sourceRoot":""}