ideaz-element/lib/element/row/src/index.cjs.map

<p align="center"> <a href="" target="_blank" rel="noopener noreferrer"> <img src="./docs/public/logo.svg" alt="Ideaz Element" width="180" style="width: 180px;" /> </a> </p>

{"version":3,"file":"index.cjs","sources":["../../../../../packages/element/row/src/index.tsx"],"sourcesContent":["import { resolveDynamicComponent } from '@ideaz/shared'\nimport type { CSSProperties } from 'vue'\nimport { rowProps } from './props'\n\nexport default defineComponent({\n  name: 'ZRow',\n  props: rowProps,\n  emits: ['input', 'update:modelValue'],\n  setup(props, { slots }) {\n    const ns = useNamespace('row')\n\n    const gutter = computed(() => props.gutter)\n\n    provide('rowContextKey', {\n      gutter,\n    })\n\n    const style = computed(() => {\n      const styles: CSSProperties = {}\n      if (!props.gutter)\n        return styles\n\n      styles.marginRight = styles.marginLeft = `-${props.gutter / 2}px`\n      return styles\n    })\n\n    const rowKls = computed(() => [\n      ns.b(),\n      ns.is(`justify-${props.justify}`, props.justify !== 'start'),\n      ns.is(`align-${props.align}`, props.align !== 'top'),\n    ])\n\n    return () =>\n      resolveDynamicComponent({\n        name: props.tag,\n        attrs: {\n          class: rowKls.value,\n          style: style.value,\n        },\n        content: slots.default?.(),\n      })\n  },\n})\n"],"names":["Row","vue","name","props","emits","slots","ns","useNamespace","gutter","style","styles","attrs","content"],"mappings":"wMAIAA,EAAAC,EAAA,gBAAA,CACEC,KAAAA,OACAC,MAAAA,EAAAA,SACAC,MAAAA,CAAAA,QAAAA,mBAAAA,WACeC,MAAAA,CAAM,EAAA,CACnB,MAAAC,EAAAC,EAAA,aAAA,KAAA,wDAKEC,OAAAA,CACF,CAAA,EAEA,MAAAC,EAAAR,EAAA,SAAA,IAAA,YAEE,OAAAE,EAAA,SAGAO,EAAAA,YAAAA,EAAAA,WAAAA,IAAAA,EAAAA,OAAAA,CAAAA,MACAA,CACF,CAAA,oLAWIC,MAAAA,8BAIAC,SAAAA,EAAAA,EAAAA,UAAAA,YAAAA,EAAAA,KAAAA,EACF,CAAA,EACJ,CACF,CAAA"}