ideaz-element/es/element/row/src/index.mjs.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.mjs","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","defineComponent","name","props","emits","slots","ns","useNamespace","gutter","style","computed","styles","attrs","content"],"mappings":";;;;;AAIA,MAAAA,IAAA,gBAAAC,EAAA;AAAA,EACEC,MAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,OAAAA,CAAAA,SAAAA,mBAAAA;AAAAA;IACeC,OAAAA;AAAAA,EAAM,GAAA;AACnB,UAAAC,IAAAC,EAAA,KAAA;;MAKEC,QAAAA;AAAAA,IACF,CAAA;AAEA,UAAAC,IAAAC,EAAA,MAAA;;AAEE,aAAAP,EAAA,WAGAQ,EAAAA,cAAAA,EAAAA,aAAAA,IAAAA,EAAAA,SAAAA,CAAAA,OACAA;AAAA,IACF,CAAA;;;;;QAWIC,OAAAA;AAAAA;;;QAIAC,UAAAA,IAAAA,EAAAA,YAAAA,gBAAAA,EAAAA,KAAAA;AAAAA,MACF,CAAA;AAAA;AAAA,EACJ;AACF,CAAA;"}