bootstrap-vue-next
Version:
Seamless integration of Vue 3, Bootstrap 5, and TypeScript for modern, type-safe UI development
1 lines • 2.36 kB
Source Map (JSON)
{"version":3,"file":"BContainer-DjIGH6-y.mjs","names":[],"sources":["../src/components/BContainer/BContainer.vue","../src/components/BContainer/BContainer.vue"],"sourcesContent":["<template>\n <component :is=\"props.tag\" :class=\"computedClasses\">\n <slot />\n </component>\n</template>\n\n<script setup lang=\"ts\">\nimport type {BContainerSlots} from '../../types'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BContainerProps} from '../../types/ComponentProps'\nimport {computed} from 'vue'\n\nconst _props = withDefaults(defineProps<BContainerProps>(), {\n fluid: false,\n gutterX: undefined,\n gutterY: undefined,\n tag: 'div',\n})\nconst props = useDefaults(_props, 'BContainer')\ndefineSlots<BContainerSlots>()\n\nconst computedClasses = computed(() => ({\n container: props.fluid === false,\n [`container-fluid`]: props.fluid === true,\n [`container-${props.fluid}`]: typeof props.fluid === 'string',\n [`gx-${props.gutterX}`]: props.gutterX !== undefined,\n [`gy-${props.gutterY}`]: props.gutterY !== undefined,\n}))\n</script>\n","<template>\n <component :is=\"props.tag\" :class=\"computedClasses\">\n <slot />\n </component>\n</template>\n\n<script setup lang=\"ts\">\nimport type {BContainerSlots} from '../../types'\nimport {useDefaults} from '../../composables/useDefaults'\nimport type {BContainerProps} from '../../types/ComponentProps'\nimport {computed} from 'vue'\n\nconst _props = withDefaults(defineProps<BContainerProps>(), {\n fluid: false,\n gutterX: undefined,\n gutterY: undefined,\n tag: 'div',\n})\nconst props = useDefaults(_props, 'BContainer')\ndefineSlots<BContainerSlots>()\n\nconst computedClasses = computed(() => ({\n container: props.fluid === false,\n [`container-fluid`]: props.fluid === true,\n [`container-${props.fluid}`]: typeof props.fluid === 'string',\n [`gx-${props.gutterX}`]: props.gutterX !== undefined,\n [`gy-${props.gutterY}`]: props.gutterY !== undefined,\n}))\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;EAkBA,MAAM,QAAQ,YANC,SAMmB,aAAY;EAG9C,MAAM,kBAAkB,gBAAgB;GACtC,WAAW,MAAM,UAAU;IAC1B,oBAAoB,MAAM,UAAU;IACpC,aAAa,MAAM,UAAU,OAAO,MAAM,UAAU;IACpD,MAAM,MAAM,YAAY,MAAM,YAAY,KAAA;IAC1C,MAAM,MAAM,YAAY,MAAM,YAAY,KAAA;GAC5C,EAAC;;uBA1BA,YAEY,wBAFI,MAAA,MAAK,CAAC,IAAG,EAAA,EAAG,OAAK,eAAE,gBAAA,MAAe,EAAA,EAAA;2BACxC,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}