{"version":3,"file":"BJtQpWJI.js","sources":["../../../../src/@types/container-type.ts","../../../../src/components/components/container-basic.vue"],"sourcesContent":["export enum EContainerType {\n  FULL_WIDTH = 'FULL_WIDTH',\n  PAGE = 'PAGE',\n  CONTENT = 'CONTENT',\n  DEFAULT = 'DEFAULT',\n  SHOP_PAGE = 'SHOP_PAGE',\n  SHOP_CONTENT = 'SHOP_CONTENT',\n}\n","<template>\n  <section\n    class=\"bg-center bg-no-repeat bg-cover\"\n    :class=\"props.classes\"\n    :style=\"backgroundStyle\"\n  >\n    <div\n      :class=\"[\n        getCssClassByEnum(containerType),\n        innerClasses,\n        { 'mobile-no-padding': mobileNoPadding },\n      ]\"\n    >\n      <slot />\n    </div>\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { EContainerType } from '@/@types/container-type';\nimport { useImageUrl } from '@/composables/useImages';\n/** Props */\nconst props = defineProps({\n  classes: {\n    type: String,\n    required: false,\n    default: () => {\n      return '';\n    },\n  },\n  innerClasses: {\n    type: String,\n    required: false,\n    default: () => {\n      return '';\n    },\n  },\n  containerType: {\n    type: String as PropType<\n      | EContainerType\n      | 'FULL_WIDTH'\n      | 'PAGE'\n      | 'CONTENT'\n      | 'SHOP_PAGE'\n      | 'SHOP_CONTENT'\n    >,\n    required: false,\n    default: () => EContainerType.DEFAULT,\n  },\n  backgroundImage: {\n    type: String,\n    default: '',\n  },\n  mobileNoPadding: {\n    type: Boolean,\n    default: false,\n  },\n});\n\nfunction getCssClassByEnum(containerType: EContainerType | string): string {\n  switch (containerType) {\n    case EContainerType.FULL_WIDTH:\n      return 'container-basic__full-width';\n    case EContainerType.PAGE:\n      return 'container-basic__page';\n    case EContainerType.CONTENT:\n      return 'container-basic__content';\n    case EContainerType.SHOP_PAGE:\n      return 'container-basic__shop-page';\n    case EContainerType.SHOP_CONTENT:\n      return 'container-basic__shop-content';\n    default:\n      return '';\n  }\n}\n\nconst backgroundStyle = ref('');\n\nif (props.backgroundImage.length) {\n  backgroundStyle.value = `background-image: url('${useImageUrl(props.backgroundImage)}')`;\n}\n</script>\n\n<style scoped lang=\"postcss\">\n.container-basic__full-width {\n  @apply h-full w-full mx-auto;\n}\n\n.container-basic__content {\n  @apply h-full w-full desktop:md:max-w-screen-md touch:md:max-w-screen-lg desktop:lg:max-w-screen-lg mx-auto;\n}\n\n.container-basic__page {\n  @apply h-full w-full md:max-w-screen-xl mx-auto;\n}\n\n.container-basic__shop-page {\n  @apply h-full w-full md:max-w-screen-2xl mx-auto px-sm;\n\n  &.mobile-no-padding {\n    @apply px-0 md:px-sm;\n  }\n}\n\n.container-basic__shop-content {\n  @apply h-full w-full px-0 desktop:md:max-w-screen-xl touch:md:max-w-screen-xl desktop:lg:max-w-screen-xl mx-auto desktop:sm:px-sm touch:px-0 desktop:md:px-md touch:md:px-md desktop:xl:px-0 touch:xl:px-0;\n}\n</style>\n"],"names":["EContainerType","props","__props","getCssClassByEnum","containerType","backgroundStyle","ref","useImageUrl"],"mappings":"+JAAY,IAAAA,GAAAA,IACVA,EAAA,WAAa,aACbA,EAAA,KAAO,OACPA,EAAA,QAAU,UACVA,EAAA,QAAU,UACVA,EAAA,UAAY,YACZA,EAAA,aAAe,eANLA,IAAAA,GAAA,CAAA,CAAA,+SCsBZ,MAAMC,EAAQC,EAqCd,SAASC,EAAkBC,EAAgD,CACzE,OAAQA,EAAe,CACrB,KAAKJ,EAAe,WACX,MAAA,8BACT,KAAKA,EAAe,KACX,MAAA,wBACT,KAAKA,EAAe,QACX,MAAA,2BACT,KAAKA,EAAe,UACX,MAAA,6BACT,KAAKA,EAAe,aACX,MAAA,gCACT,QACS,MAAA,EACX,CACF,CAEM,MAAAK,EAAkBC,EAAI,EAAE,EAE1B,OAAAL,EAAM,gBAAgB,SACxBI,EAAgB,MAAQ,0BAA0BE,EAAYN,EAAM,eAAe,CAAC"}