{"version":3,"file":"row2.mjs","sources":["../../../../../packages/components/row/src/row.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, provide } from 'vue'\nimport { rowContextKey } from '@element3/tokens'\nimport { useNamespace } from '@element3/hooks'\nimport { rowProps } from './row'\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n  name: 'ElRow',\n})\n\nconst props = defineProps({ ...rowProps })\n\ndefineEmits({})\n\nconst ns = useNamespace('row')\n\nconst gutter = computed(() => props.gutter)\n\nprovide(rowContextKey, {\n  gutter,\n})\n\nconst style = computed(() => {\n  const styles: CSSProperties = {}\n  if (gutter.value) {\n    styles.marginLeft = styles.marginRight = `-${gutter.value / 2}px`\n  }\n  return styles\n})\n</script>\n\n<template>\n  <component :is=\"tag\" :class=\"ns.b()\" :style=\"style\"><slot /></component>\n</template>\n<style scoped></style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAeA,IAAA,MAAA,EAAA,GAAA,aAAA,KAAA,CAAA,CAAA;AAEA,IAAA,MAAA,MAAA,GAAA,QAAA,CAAA,MAAA,KAAA,CAAA,MAAA,CAAA,CAAA;AAEA,IAAA,OAAA,CAAA,aAAA,EAAA;AAAA,MACA,MAAA;AAAA,KACA,CAAA,CAAA;AAEA,IAAA,MAAA,KAAA,GAAA,SAAA,MAAA;AACA,MAAA,MAAA,SAAA,EAAA,CAAA;AACA,MAAA,IAAA,OAAA,KAAA,EAAA;AACA,QAAA,MAAA,CAAA,UAAA,GAAA,MAAA,CAAA,WAAA,GAAA,CAAA,CAAA,EAAA,OAAA,KAAA,GAAA,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,OACA;AACA,MAAA,OAAA,MAAA,CAAA;AAAA,KACA,CAAA,CAAA;;;;;;;;;;;;;;;;;;"}