{"version":3,"mappings":"quBAIA,MAAMA,EAAQC,EAAqB,IAAMC,EAAA,WAAO,qBAAgC,oFAAC,EAC3EC,EAAUF,EAAqB,IAAMC,EAAA,WAAO,uBAAwC,sFAAC,EACrFE,EAAeH,EAAqB,IAAMC,EAAA,WAAO,4BAAuC,2FAAC,EACzFG,EAAkBJ,EAAqB,IAAMC,EAAA,WAAO,+BAAkC,8FAAC,EAOvFI,EAAQC,EACRC,EAAOC,EAEPC,EAAWC,IAEb,IAAAC,EAAYC,EAAI,EAAK,EACrBC,EAAYD,EAAI,EAAK,EAGzB,SAASE,GAAQ,CAChBP,EAAK,OAAO,CACb,CAEA,OAAAQ,EAAM,IAAMV,EAAM,KAAOW,GAAU,CAClCL,EAAU,MAAQK,CAAA,CAClB","names":["Modal","defineAsyncComponent","__vitePreload","Spinner","RenderAction","Recommendations","props","__props","emit","__emit","settings","getSettings","showModal","ref","isLoading","close","watch","value"],"sources":["../../src/components/Files/Templates/Designs/Mobler/src/components/PowerStep.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport {defineAsyncComponent, ref, watch} from 'vue'\r\nimport {getTranslation, getSettings} from '@/ts/utilities.ts'\r\nimport {FontAwesomeIcon} from \"@fortawesome/vue-fontawesome\";\r\nconst Modal = defineAsyncComponent(() => import('@/components/helpers/Modal.vue'))\r\nconst Spinner = defineAsyncComponent(() => import('@/components/ui/decoration/Spinner.vue'))\r\nconst RenderAction = defineAsyncComponent(() => import('@/components/helpers/RenderAction.vue'))\r\nconst Recommendations = defineAsyncComponent(() => import('@/components/Recommendations.vue'))\r\n\r\ninterface Props {\r\n\tshow: boolean,\r\n\tproduct: object,\r\n}\r\n\r\nconst props = defineProps<Props>()\r\nconst emit = defineEmits(['close'])\r\n\r\nconst settings = getSettings()\r\n\r\nlet showModal = ref(false)\r\nlet isLoading = ref(false)\r\n\r\n\r\nfunction close() {\r\n\temit('close')\r\n}\r\n\r\nwatch(() => props.show, (value) => {\r\n\tshowModal.value = value;\r\n})\r\n</script>\r\n\r\n<template>\r\n\t<Modal :show=\"showModal\" @close=\"close()\" theme=\"powerstep\">\r\n\t\t<template v-slot:modal-title>\r\n\t\t\t<p class=\"text-xl md:text-2xl\">{{ getTranslation('MiniCartHeader') }}</p>\r\n\t\t</template>\r\n\t\t<template v-slot:content>\r\n\t\t\t<Spinner v-if=\"isLoading\"\r\n\t\t\t\t\t class=\"w-full\">\r\n\t\t\t\t{{ getTranslation('cartUpdating') }}\r\n\t\t\t</Spinner>\r\n\t\t\t<div v-else\r\n\t\t\t\t class=\"flex flex-col w-full\">\r\n\t\t\t\t<div class=\"flex flex-wrap lg:flex-row gap-y-4 px-4 md:px-8 py-6 xl:gap-2 items-center justify-center lg:justify-between\">\r\n\t\t\t\t\t<div class=\"flex items-center gap-4\">\r\n\t\t\t\t\t\t<div class=\"flex justify-center align-center max-w-[10rem] h-auto relative\">\r\n\t\t\t\t\t\t\t<img class=\"object-contain aspect-[4/3]\"\r\n\t\t\t\t\t\t\t\t v-if=\"product?.media?.images[0] || product?.media?.productImage\"\r\n\t\t\t\t\t\t\t\t :src=\"product?.cylindo?.isUsingCylindoAssets ?\r\n\t\t\t\t\t\t\t\t\tproduct?.media?.productImage :\r\n\t\t\t\t\t\t\t\t\t'/Admin/Public/GetImage.ashx?Image=' + product?.media?.images[0].url + '&Width=280&height=220&Format=webP&Quality=90&Crop=5&resolution=50'\"\r\n\t\t\t\t\t\t\t\t :alt=\"product?.name\"\r\n\t\t\t\t\t\t\t\t width=\"280\"\r\n\t\t\t\t\t\t\t\t height=\"220\"\r\n\t\t\t\t\t\t\t\t loading=\"lazy\"\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div class=\"flex flex-col\">\r\n\t\t\t\t\t\t\t<p>{{ props.product?.name }}</p>\r\n\t\t\t\t\t\t\t<strong>{{ product?.priceAndCampaign?.price.formatted }}</strong>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"flex flex-col gap-y-2\">\r\n\t\t\t\t\t\t<div class=\"flex gap-x-2\">\r\n\t\t\t\t\t\t\t<RenderAction\r\n\t\t\t\t\t\t\t\taction=\"button\"\r\n\t\t\t\t\t\t\t\ttheme=\"white\"\r\n\t\t\t\t\t\t\t\t@click=\"close()\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t{{ getTranslation('Checkout.ContinueShopping') }}\r\n\t\t\t\t\t\t\t</RenderAction>\r\n\t\t\t\t\t\t\t<RenderAction\r\n\t\t\t\t\t\t\t\tv-if=\"settings?.cartPage\"\r\n\t\t\t\t\t\t\t\taction=\"link\"\r\n\t\t\t\t\t\t\t\ttheme=\"white\"\r\n\t\t\t\t\t\t\t\t:data=\"settings.cartPage\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t{{ getTranslation('Cart.GoToCart') }}\r\n\t\t\t\t\t\t\t\t<font-awesome-icon :icon=\"['fal', 'cart-shopping']\"/>\r\n\t\t\t\t\t\t\t</RenderAction>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<RenderAction\r\n\t\t\t\t\t\t\tv-if=\"settings?.checkoutPage\"\r\n\t\t\t\t\t\t\taction=\"link\"\r\n\t\t\t\t\t\t\ttheme=\"primary\"\r\n\t\t\t\t\t\t\t:data=\"settings.checkoutPage\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t{{ getTranslation('Checkout.ShowCart.NextStep') }}\r\n\t\t\t\t\t\t\t<font-awesome-icon :icon=\"['fal', 'arrow-right']\"/>\r\n\t\t\t\t\t\t</RenderAction>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<!-- TODO: Tilføj fragt-beregner -->\r\n<!--\t\t\t\t<NotificationElement-->\r\n<!--\t\t\t\t\ttheme=\"success\">-->\r\n<!--\t\t\t\t\t<template #content>-->\r\n<!--\t\t\t\t\t\t<font-awesome-icon :icon=\"['fal', 'truck']\" />-->\r\n<!--\t\t\t\t\t\t&lt;!&ndash; TODO: Translation &ndash;&gt;-->\r\n<!--\t\t\t\t\t\t<p><strong>Tillykke!</strong> Du har opnået gratis fragt</p>-->\r\n<!--\t\t\t\t\t</template>-->\r\n<!--\t\t\t\t</NotificationElement>-->\r\n\r\n\t\t\t\t<div class=\"hidden lg:flex justify-between items-center gap-y-2 w-full\">\r\n\t\t\t\t\t<Recommendations\r\n\t\t\t\t\t\ttype=\"purchasedwith\"\r\n\t\t\t\t\t\t:product-id=\"product.id\"\r\n\t\t\t\t\t\t:variant-id=\"product.variantId\"\r\n\t\t\t\t\t\t:take=\"8\"\r\n\t\t\t\t\t\t:contain=\"true\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</template>\r\n\t</Modal>\r\n</template>\r\n"],"file":"assets/PowerStep-67dd8d99.js"}