{"version":3,"file":"aside.mjs","sources":["../../../../../packages/components/container/src/aside.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { useNamespace } from '@element3/hooks'\nimport type { CSSProperties } from 'vue'\nconst ns = useNamespace('aside')\n\ndefineOptions({\n  name: 'ElAside',\n})\n\nconst props = defineProps({\n  width: {\n    type: String,\n    default: null,\n  },\n})\n\nconst style = computed(\n  () =>\n    (props.width ? ns.cssVarBlock({ width: props.width }) : {}) as CSSProperties\n)\n</script>\n<template>\n  <aside :class=\"ns.b()\" :style=\"style\">\n    <slot />\n  </aside>\n</template>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAIA,IAAA,MAAA,EAAA,GAAA,aAAA,OAAA,CAAA,CAAA;AAaA,IAAA,MAAA,KAAA,GAAA,QAAA;AAAA,MACA,MACA,KAAA,CAAA,KAAA,GAAA,EAAA,CAAA,WAAA,CAAA,EAAA,KAAA,EAAA,KAAA,CAAA,KAAA,EAAA,CAAA,GAAA,EAAA;AAAA,KACA,CAAA;;;;;;;;;;;;;;;"}