{"version":3,"file":"uuuY3f6T.js","sources":["../../../../src/components/page/product/components/buyBox/components/options/subscription/components/subscriptionBookedPrice.vue"],"sourcesContent":["<template>\n  <div>\n    {{ t('shop.productSubscription.bookedPrice') }}\n    <span class=\"font-bold\">{{ n(bookedOrderPrice, 'currency') }}</span>\n\n    <DynamicPopup wrapper-classes=\"!inline\">\n      <template #trigger>\n        <FaIcon\n          class=\"ml-sm\"\n          icon-class=\"fad fa-circle-info\"\n          style=\"\n            --fa-primary-color: var(--thm-white-base);\n            --fa-secondary-color: var(--thm-status-warn-base);\n            --fa-secondary-opacity: 1;\n          \"\n        />\n      </template>\n      <template #content>\n        <InfoFrame\n          class=\"min-w-[280px] sm:min-w-[315px] max-w-[350px] sm:max-w-[450px]\"\n        >\n          <p\n            class=\"text-sm font-deco-alt leading-xs text-[var(--thm-info-popup-text)]\"\n          >\n            {{ t('shop.productSubscription.bookedPrice.info') }}\n          </p>\n        </InfoFrame>\n      </template>\n    </DynamicPopup>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { DynamicPopup } from '@/complib';\nimport FaIcon from '@/components/fa-icon.vue';\nimport InfoFrame from '~/components/formFields/components/infoFrame.vue';\n\nconst { t, n } = useTrans();\ndefineProps({\n  bookedOrderPrice: {\n    type: Number,\n    required: true,\n  },\n  quantity: {\n    type: Number,\n    required: false,\n    default: 1,\n  },\n});\n</script>\n"],"names":["n","useTrans"],"mappings":"udAqCA,KAAM,CAAE,EAAG,EAAAA,CAAE,EAAIC,EAAS"}