{"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\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useNamespace } from '@hd-front-end/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":["_openBlock","_createElementBlock","_normalizeClass","_unref","_normalizeStyle","_renderSlot"],"mappings":";;;;mCAYc,CAAA;AAAA,EACZ,IAAM,EAAA,SAAA;AACR,CAAA,CAAA,CAAA;;;;;;;;;;AACA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAUR,IAAA,MAAA,EAAA,GAAK,aAAa,OAAO,CAAA,CAAA;AAC/B,IAAA,MAAM,KAAQ,GAAA,QAAA;AAAA,MACZ,MACG,KAAM,CAAA,KAAA,GAAQ,EAAG,CAAA,WAAA,CAAY,EAAE,KAAA,EAAO,KAAM,CAAA,KAAA,EAAO,CAAA,GAAI,EAAC;AAAA,KAC7D,CAAA;;AA5BE,MAAA,OAAAA,WAAA,EAAAC,kBAAA;AAAA,QAEQ,OAAA;AAAA,QAAA;AAAA,UAFA,OAAKC,cAAE,CAAAC,KAAA,CAAA,EAAA,CAAA,CAAG,GAAC,CAAA;AAAA,UAAK,KAAA,EAAKC,cAAE,CAAA,KAAA,CAAK,KAAA,CAAA;AAAA,SAAA;AAAA;UAClCC,UAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA,SAAA;AAAA;;;;;;;;;"}