{"version":3,"file":"B0WdPgzE.js","sources":["../../../../src/@types/bullet-list.ts","../../../../src/components/components/core/bullet-list/bullet-list.vue"],"sourcesContent":["export interface IListItem {\n  text: string;\n}\n\nexport enum EListType {\n  Bullet = 0,\n  Number = 1,\n  CheckMarksDarkGreen = 2,\n  CheckCirclesDarkGreen = 3,\n  CheckMarksGrey = 4,\n  CheckCirclesGrey = 5,\n  CheckMarksLightGreen = 6,\n  CheckCirclesLightGreen = 7,\n  CheckMarksRed = 8,\n  CheckCirclesRed = 9,\n  CheckMarksBrown = 10,\n  CheckMarksPurple = 11,\n  CheckCirclesPurple = 12,\n  CheckMarksPrimary = 13,\n}\n\nexport enum EListFlow {\n  TopToBottom = 'topToBottom',\n  LeftToRight = 'leftToRight',\n}\n","<template>\n  <ul v-if=\"listItems.length\" :style=\"styles\">\n    <li\n      v-for=\"(listItem, index) in listItems\"\n      :key=\"index\"\n      :class=\"`flex align-middle mb-${props.spaceBetweenListItems}`\"\n    >\n      <div\n        class=\"border-dotted shrink-0\"\n        :class=\"[\n          `mr-${props.spaceBetweenIconAndText}`,\n          bulletBig || listType != EListType.Bullet\n            ? 'rounded-[16px] border-2 w-[26px] h-[26px] mt-[2px]'\n            : '!border-none mt-[7px]',\n        ]\"\n        :style=\"`border-color: ${iconBGColor}`\"\n      >\n        <div\n          class=\"rounded-xl m-auto mt-[2px] text-white flex place-items-center justify-center\"\n          :class=\"\n            bulletBig || listType != EListType.Bullet\n              ? 'w-[18px] h-[18px]'\n              : 'w-[9px] h-[9px]'\n          \"\n          :style=\"`background-color: ${iconBGColor}`\"\n        >\n          <div\n            v-if=\"listType === EListType.Number\"\n            class=\"text-[12px]\"\n            v-text=\"props.startIndex + index\"\n          />\n          <FaIcon\n            v-else-if=\"iconClass !== null\"\n            classes=\"text-white text-[12px]\"\n            :icon-class=\"iconClass\"\n          />\n        </div>\n      </div>\n      <span\n        :class=\"bulletBig || listType != EListType.Bullet ? 'mt-[2px]' : 'mt-0'\"\n        ><Wysiwyg :no-container-padding=\"true\" :content=\"listItem.text\"\n      /></span>\n    </li>\n  </ul>\n</template>\n\n<script setup lang=\"ts\">\nimport { EListType, type IListItem } from '@/@types/bullet-list';\nimport FaIcon from '@/components/fa-icon.vue';\nimport type { PropType } from 'vue';\nimport Wysiwyg from '~/components/components/cms/wysiwyg/wysiwyg.vue';\n\n/** Props */\nconst props = defineProps({\n  listType: {\n    type: Number as PropType<EListType>,\n    default: EListType.Bullet,\n  },\n  listItems: {\n    type: Array as PropType<IListItem[]>,\n    default: null,\n  },\n  startIndex: {\n    type: Number,\n    default: 1,\n  },\n  spaceBetweenIconAndText: {\n    type: String,\n    required: false,\n    default: 'xs',\n  },\n  spaceBetweenListItems: {\n    type: String,\n    required: false,\n    default: 'xs',\n  },\n  styles: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  bulletBig: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n});\n\nconst iconBGColor = setIconBGColor();\nconst iconClass = setIconClass();\n\nfunction setIconClass() {\n  switch (props.listType) {\n    case EListType.CheckMarksDarkGreen:\n    case EListType.CheckMarksLightGreen:\n    case EListType.CheckMarksBrown:\n    case EListType.CheckMarksPurple:\n    case EListType.CheckMarksPrimary:\n      return 'fas fa-check';\n    case EListType.CheckMarksGrey:\n      return 'fas fa-xmark';\n    case EListType.CheckMarksRed:\n      return 'fas fa-minus';\n    default:\n      return null;\n  }\n}\n\nfunction setIconBGColor() {\n  switch (props.listType) {\n    case EListType.CheckMarksPrimary:\n      return 'var(--thm-primary-base)';\n    case EListType.CheckMarksGrey:\n    case EListType.CheckCirclesGrey:\n      return 'var(--thm-grey-light)';\n    case EListType.CheckMarksLightGreen:\n    case EListType.CheckCirclesLightGreen:\n      return 'var(--thm-status-success-base)';\n    case EListType.CheckMarksRed:\n    case EListType.CheckCirclesRed:\n      return 'var(--thm-status-danger-base)';\n    case EListType.CheckMarksPurple:\n    case EListType.CheckCirclesPurple:\n      return '#AA5A9F';\n    default:\n      return 'var(--thm-primary-base)';\n  }\n}\n</script>\n\n<style scoped lang=\"postcss\">\n:deep(ol) {\n  @apply list-disc ml-sm pb-0 mb-0 pt-2xs;\n}\n\n:deep(ul) {\n  @apply list-disc ml-sm pb-0 mb-0 pt-2xs;\n}\n:deep(ol, ul > li) {\n  @apply pb-2xs;\n}\n</style>\n"],"names":["EListType","EListFlow","props","__props","iconBGColor","setIconBGColor","iconClass","setIconClass"],"mappings":"4NAIY,IAAAA,GAAAA,IACVA,EAAAA,EAAA,OAAS,CAAT,EAAA,SACAA,EAAAA,EAAA,OAAS,CAAT,EAAA,SACAA,EAAAA,EAAA,oBAAsB,CAAtB,EAAA,sBACAA,EAAAA,EAAA,sBAAwB,CAAxB,EAAA,wBACAA,EAAAA,EAAA,eAAiB,CAAjB,EAAA,iBACAA,EAAAA,EAAA,iBAAmB,CAAnB,EAAA,mBACAA,EAAAA,EAAA,qBAAuB,CAAvB,EAAA,uBACAA,EAAAA,EAAA,uBAAyB,CAAzB,EAAA,yBACAA,EAAAA,EAAA,cAAgB,CAAhB,EAAA,gBACAA,EAAAA,EAAA,gBAAkB,CAAlB,EAAA,kBACAA,EAAAA,EAAA,gBAAkB,EAAlB,EAAA,kBACAA,EAAAA,EAAA,iBAAmB,EAAnB,EAAA,mBACAA,EAAAA,EAAA,mBAAqB,EAArB,EAAA,qBACAA,EAAAA,EAAA,kBAAoB,EAApB,EAAA,oBAdUA,IAAAA,GAAA,CAAA,CAAA,EAiBAC,GAAAA,IACVA,EAAA,YAAc,cACdA,EAAA,YAAc,cAFJA,IAAAA,GAAA,CAAA,CAAA,4YCgCZ,MAAMC,EAAQC,EAmCRC,EAAcC,IACdC,EAAYC,IAElB,SAASA,GAAe,CACtB,OAAQL,EAAM,SAAU,CACtB,KAAKF,EAAU,oBACf,KAAKA,EAAU,qBACf,KAAKA,EAAU,gBACf,KAAKA,EAAU,iBACf,KAAKA,EAAU,kBACN,MAAA,eACT,KAAKA,EAAU,eACN,MAAA,eACT,KAAKA,EAAU,cACN,MAAA,eACT,QACS,OAAA,IACX,CACF,CAEA,SAASK,GAAiB,CACxB,OAAQH,EAAM,SAAU,CACtB,KAAKF,EAAU,kBACN,MAAA,0BACT,KAAKA,EAAU,eACf,KAAKA,EAAU,iBACN,MAAA,wBACT,KAAKA,EAAU,qBACf,KAAKA,EAAU,uBACN,MAAA,iCACT,KAAKA,EAAU,cACf,KAAKA,EAAU,gBACN,MAAA,gCACT,KAAKA,EAAU,iBACf,KAAKA,EAAU,mBACN,MAAA,UACT,QACS,MAAA,yBACX,CACF"}