{"version":3,"file":"Container-22j2aT6Z.mjs","names":[],"sources":["../src/components/templates/Container.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"combinedClasses\"\n    @[isToggleHeader&&`click`]=\"toggleHeaderClicked\"\n    ref=\"containerElement\"\n  >\n    <component\n      v-for=\"(c, index) in children\"\n      :key=\"'container_component_' + index\"\n      :is=\"c.component\"\n      :node=\"c.node\"\n      :componentName=\"c.name\"\n      :properties=\"c.properties\"\n    />\n  </div>\n</template>\n\n<script setup>\nimport { onMounted, ref, toRefs } 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 { node } = toRefs(props)\n\nconst { children } = useChildren(node)\nconst { classes } = useClasses(node)\nconst { toggleActiveClass } = useMethods()\n\nconst combinedClasses = ref([])\nconst isToggleHeader = ref(false)\nconst containerElement = ref(null)\n\ncombinedClasses.value = [...classes.value]\n\nfunction toggleHeaderClicked() {\n  toggleActiveClass(combinedClasses.value)\n  const index = combinedClasses.value.indexOf('active')\n  let blockType = index === -1 ? 'none' : 'block'\n\n  let elementSibling = containerElement.value.nextElementSibling\n  while (elementSibling !== null) {\n    elementSibling.style.display = blockType\n    elementSibling = elementSibling.nextElementSibling\n  }\n}\n\nonMounted(() => {\n  if (\n    classes.value.includes('header') ||\n    classes.value.includes('header-left')\n  ) {\n    combinedClasses.value.push('inactive')\n    const parent = node.value.parentElement\n    if (parent) {\n      if (parent.getAttribute('classes').includes('toggle')) {\n        isToggleHeader.value = true\n        combinedClasses.value.push('toggle-header')\n      }\n    }\n  }\n\n  if (classes.value.includes('tab2name')) {\n    console.log('***** IN USE tab2name found ??? *****')\n  }\n})\n</script>\n\n<style scoped>\n.toggle-header {\n  cursor: pointer;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;EAoCA,IAAM,EAAE,YAAS,EAAO,CAAK,GAEvB,EAAE,gBAAa,EAAY,CAAI,GAC/B,EAAE,eAAY,EAAW,CAAI,GAC7B,EAAE,yBAAsB,EAAW,GAEnC,IAAkB,EAAI,CAAC,CAAC,GACxB,IAAiB,EAAI,EAAK,GAC1B,IAAmB,EAAI,IAAI;EAEjC,EAAgB,QAAQ,CAAC,GAAG,EAAQ,KAAK;EAEzC,SAAS,IAAsB;GAC7B,EAAkB,EAAgB,KAAK;GAEvC,IAAI,IADU,EAAgB,MAAM,QAAQ,QACxB,MAAM,KAAK,SAAS,SAEpC,IAAiB,EAAiB,MAAM;GAC5C,OAAO,MAAmB,OAExB,AADA,EAAe,MAAM,UAAU,GAC/B,IAAiB,EAAe;EAEpC;SAEA,QAAgB;GACd,IACE,EAAQ,MAAM,SAAS,QAAQ,KAC/B,EAAQ,MAAM,SAAS,aAAa,GACpC;IACA,EAAgB,MAAM,KAAK,UAAU;IACrC,IAAM,IAAS,EAAK,MAAM;IAC1B,AAAI,KACE,EAAO,aAAa,SAAS,CAAC,CAAC,SAAS,QAAQ,MAClD,EAAe,QAAQ,IACvB,EAAgB,MAAM,KAAK,eAAe;GAGhD;GAEA,AAAI,EAAQ,MAAM,SAAS,UAAU,KACnC,QAAQ,IAAI,uCAAuC;EAEvD,CAAC,cA7EC,EAAA,GAAA,EAaM,OAbN,EAaM,EAZH,OAAO,EAAA,MAAe,GAAA,GAAA,EACtB,EAAA,SAAc,OAAA,IAAa,EAAmB,GAAA;GAC3C,SAAA;GAAJ,KAAI;EAEJ,CAAA,GAAA,EAAA,EAAA,EAAA,GAAA,EAOE,GAAA,MAAA,EANqB,EAAA,CAAA,IAAb,GAAG,OADb,EAAA,GAAA,EAOE,EAJK,EAAE,SAAS,GAAA;GADf,KAAG,yBAA2B;GAE9B,MAAM,EAAE;GACR,eAAe,EAAE;GACjB,YAAY,EAAE"}