{"version":3,"file":"grid-layout-item.mjs","sources":["../../../../../packages/components/grid-layout/src/grid-layout-item.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { useNamespace } from '@element3/hooks'\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n  name: 'ElGridLayoutItem',\n})\n\ndefineEmits({})\n\nconst props = defineProps({\n  name: {\n    type: String,\n    default: '',\n  },\n})\n\nconst ns = useNamespace('grid-layout-item')\n\nconst style = computed(() => {\n  const _style: CSSProperties = {}\n\n  const attrs = [{ name: 'grid-area', value: 'name' }] as const\n\n  attrs.forEach((attr) => {\n    if (typeof attr === 'object' && attr != null) {\n      _style[attr.name] = props[attr.value]\n    }\n  })\n  return _style\n})\n</script>\n\n<template>\n  <div :class=\"ns.b()\" :style=\"style\"><slot /></div>\n</template>\n<style scoped></style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAkBA,IAAA,MAAA,EAAA,GAAA,aAAA,kBAAA,CAAA,CAAA;AAEA,IAAA,MAAA,KAAA,GAAA,SAAA,MAAA;AACA,MAAA,MAAA,SAAA,EAAA,CAAA;AAEA,MAAA,MAAA,QAAA,CAAA,EAAA,MAAA,WAAA,EAAA,KAAA,EAAA,QAAA,CAAA,CAAA;AAEA,MAAA,KAAA,CAAA,OAAA,CAAA,CAAA,IAAA,KAAA;AACA,QAAA,IAAA,OAAA,IAAA,KAAA,QAAA,IAAA,IAAA,IAAA,IAAA,EAAA;AACA,UAAA,MAAA,CAAA,IAAA,CAAA,IAAA,CAAA,GAAA,KAAA,CAAA,IAAA,CAAA,KAAA,CAAA,CAAA;AAAA,SACA;AAAA,OACA,CAAA,CAAA;AACA,MAAA,OAAA,MAAA,CAAA;AAAA,KACA,CAAA,CAAA;;;;;;;;;;;;;;;"}