ideaz-element/es/element/col/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/col/src/index.tsx"],"sourcesContent":["import { isNumber, isObject } from '@ideaz/utils'\nimport { resolveDynamicComponent } from '@ideaz/shared'\nimport type { CSSProperties } from 'vue'\nimport { colProps } from './props'\n\nexport default defineComponent({\n  name: 'ZCol',\n  props: colProps,\n  emits: ['input', 'update:modelValue'],\n  setup(props, { slots }) {\n    const ns = useNamespace('col')\n    const { gutter } = inject('rowContextKey', { gutter: computed(() => 0) })\n\n    const style = computed(() => {\n      const styles: CSSProperties = {}\n      if (gutter.value)\n        styles.paddingLeft = styles.paddingRight = `${gutter.value / 2}px`\n\n      return styles\n    })\n\n    const colKls = computed(() => {\n      const classes: string[] = []\n      const pos = ['span', 'offset', 'pull', 'push'] as const\n\n      pos.forEach((prop) => {\n        const size = props[prop]\n        if (isNumber(size)) {\n          if (prop === 'span')\n            classes.push(ns.b(`${props[prop]}`))\n          else if (size > 0)\n            classes.push(ns.b(`${prop}-${props[prop]}`))\n        }\n      })\n\n      const sizes = ['xs', 'sm', 'md', 'lg', 'xl'] as const\n      sizes.forEach((size) => {\n        if (isNumber(props[size])) {\n          classes.push(ns.b(`${size}-${props[size]}`))\n        }\n        else if (isObject(props[size])) {\n          Object.entries(props[size]).forEach(([prop, sizeProp]) => {\n            classes.push(\n              prop !== 'span'\n                ? ns.b(`${size}-${prop}-${sizeProp}`)\n                : ns.b(`${size}-${sizeProp}`),\n            )\n          })\n        }\n      })\n\n      // this is for the fix\n      if (gutter.value)\n        classes.push(ns.is('guttered'))\n\n      return [ns.b(), classes]\n    })\n\n    return () =>\n      resolveDynamicComponent({\n        name: props.tag,\n        attrs: {\n          class: colKls.value,\n          style: style.value,\n        },\n        content: slots.default?.(),\n      })\n  },\n})\n"],"names":["Col","defineComponent","name","props","emits","slots","ns","useNamespace","gutter","inject","style","computed","styles","colKls","pos","size","prop","isNumber","classes","sizes","Object","attrs","content"],"mappings":";;;;;;;AAKA,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;MACQC,QAAAA;AAAAA,IAAO,IAAAC,EAAA,iBAAA;AAAA,MAA8BD,QAAAA,EAAAA,MAAAA,CAAAA;AAAAA,IAA0B,CAAA,GAEvEE,IAAAC,EAAA,MAAA;;AAEE,aAAAH,EAAA,UAAAI,EAAA,cAAAA,EAAA,eAAA,GAAAJ,EAAA,QAAA,CAAA,OAGAI;AAAA,IACF,CAAA,GAEAC,IAAAF,EAAA,MAAA;;AAIEG,gDAAAA,QAAAA,CAAAA,MAAAA;AACE,cAAAC,IAAAZ,EAAAa,CAAA;AACA,QAAAC,EAAAF,CAAA,MACEC,MAAA,SAAAE,EAAA,KAAAZ,EAAA,EAAA,GAAAH,EAAAa,CAAA,CAAA,EAAA,CAAA,IAAAD,IAAA,KAAAG,EAAA,KAAAZ,EAAA,EAAA,GAAAU,CAAA,IAAAb,EAAAa,CAAA,CAAA,EAAA,CAAA;AAAA,MAKJ,CAAA,GAEA,CAAA,MAAA,MAAA,MAAA,MAAA,IAAA,EACAG,QAAAA,CAAAA,MAAAA;AACE,QAAAF,EAAAd,EAAAY,CAAA,CAAA,IACEG,EAAAA,KAAAA,EAAAA,EAAAA,GAAAA,CAAAA,IAAAA,EAAAA,CAAAA,CAAAA,EAAAA,CAAAA,eAGAE,OAAAA,QAAAA,EAAAA,CAAAA,CAAAA,EAAAA,QAAAA,CAAAA,CAAAA,GAAAA,CAAAA,MAAAA;AACEF,UAAAA,EAAAA,KAAAA,MAAAA,SAAAA,EAAAA,EAAAA,GAAAA,CAAAA,IAAAA,CAAAA,IAAAA,CAAAA,EAAAA,IAAAA,EAAAA,EAAAA,GAAAA,CAAAA,IAAAA,CAAAA,EAAAA,CAAAA;AAAAA,QAKF,CAAA;AAAA,MAEJ,CAAA,GAGAV,EAAA,SAAAU,EAAA,KAAAZ,EAAA,GAAA,UAAA,CAAA;IAIF,CAAA;;;;;QAKIe,OAAAA;AAAAA;;;QAIAC,UAAAA,IAAAA,EAAAA,YAAAA,gBAAAA,EAAAA,KAAAA;AAAAA,MACF,CAAA;AAAA;AAAA,EACJ;AACF,CAAA;"}