{"version":3,"file":"aside.mjs","sources":["../../../../../../packages/components/container/src/aside.vue"],"sourcesContent":["<template>\n <aside :class=\"ns.b()\" :style=\"style\">\n <slot />\n </aside>\n</template>\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\n\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n name: 'ElAside',\n})\nconst props = defineProps({\n /**\n * @description width of the side section\n */\n width: {\n type: String,\n default: null,\n },\n})\n\nconst ns = useNamespace('aside')\nconst style = computed(\n () =>\n (props.width ? ns.cssVarBlock({ width: props.width }) : {}) as CSSProperties\n)\n</script>\n"],"names":[],"mappings":";;;;;mCAWc,CAAA;AAAA,EACZ,IAAM,EAAA,SAAA;AACR,CAAA,CAAA,CAAA;;;;;;;;;;;AAWA,IAAM,MAAA,EAAA,GAAK,aAAa,OAAO,CAAA,CAAA;AAC/B,IAAA,MAAM,KAAQ,GAAA,QAAA,CACZ,MACG,KAAA,CAAM,QAAQ,EAAG,CAAA,WAAA,CAAY,EAAE,KAAA,EAAO,KAAM,CAAA,KAAA,EAAO,CAAA,GAAI,EAC5D,CAAA,CAAA;;;;;;;;;;;;;;;"}
|