{"version":3,"file":"absolute-layout.mjs","sources":["../../../../../packages/components/absolute-layout/src/absolute-layout.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { useNamespace } from '@element3/hooks'\nimport type { CSSProperties } from 'vue'\ndefineOptions({\n  name: 'ElAbsoluteLayout',\n})\n\nconst props = defineProps({\n  width: {\n    type: String,\n    default: '1920px',\n  },\n  height: {\n    type: String,\n    default: '1080px',\n  },\n})\n\ndefineEmits({})\n\nconst ns = useNamespace('absolute-layout')\n\nconst style = computed(() => {\n  const _style: CSSProperties = {}\n  const attrs = ['width', 'height'] as const\n  attrs.forEach((attr) => {\n    _style[attr] = props[attr]\n  })\n  return _style\n})\n</script>\n\n<template>\n  <div :class=\"ns.b()\" :style=\"style\"><slot /></div>\n</template>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAqBA,IAAA,MAAA,EAAA,GAAA,aAAA,iBAAA,CAAA,CAAA;AAEA,IAAA,MAAA,KAAA,GAAA,SAAA,MAAA;AACA,MAAA,MAAA,SAAA,EAAA,CAAA;AACA,MAAA,MAAA,KAAA,GAAA,CAAA,OAAA,EAAA,QAAA,CAAA,CAAA;AACA,MAAA,KAAA,CAAA,OAAA,CAAA,CAAA,IAAA,KAAA;AACA,QAAA,MAAA,CAAA,QAAA,KAAA,CAAA,IAAA,CAAA,CAAA;AAAA,OACA,CAAA,CAAA;AACA,MAAA,OAAA,MAAA,CAAA;AAAA,KACA,CAAA,CAAA;;;;;;;;;;;;;;;"}