{"version":3,"file":"grid-item.vue2.mjs","sources":["../../../../../packages/components/grid/src/grid-item.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'ElGridItem'\n});\n</script>\n<template>\n  <component :style=\"style\" :is=\"component\">\n    <slot />\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, inject, type Component, type PropType } from 'vue'\nimport type { ResponsiveCols } from './grid'\nimport { gridInjectionKey } from './token'\n\n\n\nconst { point } = inject(gridInjectionKey)!\n\nconst props = defineProps({\n  component: {\n    type: [Array, Object] as PropType<Component>\n  },\n\n  span: {\n    type: [String, Object, Number] as PropType<'max' | Omit<ResponsiveCols, 'cols'> | number>\n  }\n})\n\nconst getSpan = (span?: 'max' | Omit<ResponsiveCols, 'cols'> | number) => {\n  if (!span) return ''\n\n  if (span === 'max') {\n    return '1 / -1'\n  } else if (!isNaN(+span)) {\n    return `span ${span}`\n  } else {\n    return ''\n  }\n}\n\nconst style = computed(() => {\n  return {\n    gridColumn: getSpan(props.span)\n  }\n})\n</script>\n"],"names":["__MACROS_defineComponent"],"mappings":";;;AAEA,MAA6B,cAAAA,eAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,YAAA;AACR,CAAC,CAAA,CAAA;;;;;;;;;;;;;AAeD,IAAA,MAAM,EAAE,KAAA,EAAU,GAAA,MAAA,CAAO,gBAAgB,CAAA,CAAA;AAYzC,IAAM,MAAA,OAAA,GAAU,CAAC,IAAyD,KAAA;AACxE,MAAA,IAAI,CAAC,IAAA;AAAM,QAAO,OAAA,EAAA,CAAA;AAElB,MAAA,IAAI,SAAS,KAAO,EAAA;AAClB,QAAO,OAAA,QAAA,CAAA;AAAA,OACE,MAAA,IAAA,CAAC,KAAM,CAAA,CAAC,IAAI,CAAG,EAAA;AACxB,QAAA,OAAO,CAAQ,KAAA,EAAA,IAAA,CAAA,CAAA,CAAA;AAAA,OACV,MAAA;AACL,QAAO,OAAA,EAAA,CAAA;AAAA,OACT;AAAA,KACF,CAAA;AAEA,IAAM,MAAA,KAAA,GAAQ,SAAS,MAAM;AAC3B,MAAO,OAAA;AAAA,QACL,UAAA,EAAY,OAAQ,CAAA,KAAA,CAAM,IAAI,CAAA;AAAA,OAChC,CAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;"}