{"version":3,"file":"BSdDCj4f.js","sources":["../../../../src/components/shop/priceSummary/components/product-list.vue"],"sourcesContent":["<template>\n  <div class=\"flex flex-col flex-nowrap mt-md sm:mt-lg\">\n    <div v-if=\"withArticleCount && totalItems !== null\" class=\"flex flex-row\">\n      <span class=\"font-bold font-deco-alt text-alt-2xl mb-md\"\n        >{{ totalItems }}&nbsp;{{\n          t('checkoutSubView.cart.articleCount')\n        }}</span\n      >\n    </div>\n    <LineItems\n      :line-items=\"items\"\n      :variant=\"lineItemVariant\"\n      :voucher=\"voucher\"\n      :class=\"{ 'pointer-events-none': !productsInteractable }\"\n      :hide-strike-price-on-line-item=\"hideStrikePriceOnProducts\"\n    />\n    <a\n      v-if=\"isExtendable && lineItems.length > 1\"\n      class=\"pt-3 text-center cursor-pointer text-primary-base\"\n      @click=\"expandList()\"\n    >\n      <span>{{ label }}</span>\n      <FaIcon\n        :classes=\"`${\n          showAllProducts ? 'rotate-180 pr-2' : 'transform-none pl-2'\n        }`\"\n        icon-class=\"far fa-angle-down\"\n      />\n    </a>\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport FaIcon from '~/components/fa-icon.vue';\nimport type { BgColors } from '@/components/page/components/lineItems/types';\nimport type { LineItem } from '~/server/transformers/shop/lineItemTransformer';\nimport LineItems from '~/components/page/components/lineItems/lineItems.vue';\nimport { LineItemVariant } from '~/components/page/components/lineItems/types';\nimport type { Voucher } from '~/server/transformers/shop/cartTransformer';\n\nconst props = defineProps({\n  lineItems: {\n    type: Object as PropType<LineItem[]>,\n    required: true,\n  },\n  totalItems: {\n    type: Number,\n    required: false,\n    default: null,\n  },\n  lineItemVariant: {\n    type: String as PropType<LineItemVariant>,\n    required: false,\n    default: LineItemVariant.checkout,\n  },\n  isExtendable: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  productFrameColor: {\n    type: String as PropType<BgColors>,\n    required: false,\n    default: undefined,\n  },\n  productsInteractable: {\n    type: Boolean,\n    required: false,\n    default: true,\n  },\n  withArticleCount: {\n    type: Boolean,\n    default: true,\n  },\n  voucher: {\n    type: Object as PropType<Voucher>,\n    required: false,\n    default: () => null,\n  },\n  hideStrikePriceOnProducts: {\n    type: Boolean,\n    default: false,\n    required: false,\n  },\n});\n\nconst { t } = useTrans();\n\nconst showAllProducts = ref(false);\n\nconst items = computed(() => {\n  if (props.isExtendable && !showAllProducts.value) {\n    return [props.lineItems[0]];\n  }\n\n  return props.lineItems;\n});\n\nconst label = computed(() => {\n  return showAllProducts.value ? t('list.showLess') : t('list.showMore');\n});\n\nfunction expandList() {\n  showAllProducts.value = !showAllProducts.value;\n}\n</script>\n\n<style lang=\"postcss\" scoped>\n.loading {\n  @apply cursor-wait pointer-events-none grayscale opacity-50;\n}\n</style>\n"],"names":["props","__props","t","useTrans","showAllProducts","ref","items","computed","label","expandList"],"mappings":"+4BAuCA,MAAMA,EAAQC,EA8CR,CAAE,EAAAC,GAAMC,IAERC,EAAkBC,EAAI,EAAK,EAE3BC,EAAQC,EAAS,IACjBP,EAAM,cAAgB,CAACI,EAAgB,MAClC,CAACJ,EAAM,UAAU,CAAC,CAAC,EAGrBA,EAAM,SACd,EAEKQ,EAAQD,EAAS,IACdH,EAAgB,MAAQF,EAAE,eAAe,EAAIA,EAAE,eAAe,CACtE,EAED,SAASO,GAAa,CACJL,EAAA,MAAQ,CAACA,EAAgB,KAC3C"}