{"version":3,"file":"Figure-NmKG2X20.mjs","names":[],"sources":["../src/components/templates/Figure.vue"],"sourcesContent":["<template>\n  <figure :=\"attrs\">\n    <component\n      v-for=\"(c, index) in children\"\n      :key=\"'figure_component_' + index\"\n      :is=\"c.component\"\n      :node=\"c.node\"\n      :componentName=\"c.name\"\n      :properties=\"c.properties\"\n    />\n  </figure>\n</template>\n\n<script setup>\nimport { computed, toRefs, ref } from 'vue'\n\nimport { useChildren, useClasses } from '../../composables/computed'\nimport { useMethods } from '../../composables/methods'\n\nconst props = defineProps({\n  node: {\n    type: undefined,\n    default: null,\n  },\n  componentName: {\n    type: String,\n  },\n  properties: {\n    type: Object,\n  },\n})\n\nconst { dataObject } = useMethods()\nconst { node } = toRefs(props)\nconst attrs = ref({})\nconst { classes } = useClasses(node)\n\nconst { children } = useChildren(node)\n\nconst combinerdClasses = computed(() => {\n  let c = [...classes.value]\n  for (const attr of node.value.attributes) {\n    if (attr.name === 'align') {\n      c.push('align-' + attr.value)\n    }\n  }\n  return c\n})\n\nattrs.value = dataObject(node.value, combinerdClasses.value).attrs\n</script>\n"],"mappings":";;;;;;;;;;;;;;;EAmBA,IAAM,IAAQ,GAaR,EAAE,kBAAe,EAAW,GAC5B,EAAE,YAAS,EAAO,CAAK,GACvB,IAAQ,EAAI,CAAC,CAAC,GACd,EAAE,eAAY,EAAW,CAAI,GAE7B,EAAE,gBAAa,EAAY,CAAI,GAE/B,IAAmB,QAAe;GACtC,IAAI,IAAI,CAAC,GAAG,EAAQ,KAAK;GACzB,KAAK,IAAM,KAAQ,EAAK,MAAM,YAC5B,AAAI,EAAK,SAAS,WAChB,EAAE,KAAK,WAAW,EAAK,KAAK;GAGhC,OAAO;EACT,CAAC;SAED,EAAM,QAAQ,EAAW,EAAK,OAAO,EAAiB,KAAK,CAAC,CAAC,kBAhD3D,EAAA,GAAA,EASS,UAAA,EAAA,EATE,EAAA,KAAK,CAAA,GAAA,EACd,EAAA,EAAA,GAAA,EAOE,GAAA,MAAA,EANqB,EAAA,CAAA,IAAb,GAAG,OADb,EAAA,GAAA,EAOE,EAJK,EAAE,SAAS,GAAA;GADf,KAAG,sBAAwB;GAE3B,MAAM,EAAE;GACR,eAAe,EAAE;GACjB,YAAY,EAAE"}