{"version":3,"file":"tabbedContent.obs.js","sources":["../../../Framework/Controls/tabbedContent.obs"],"sourcesContent":["<!-- Copyright by the Spark Development Network; Licensed under the Rock Community License -->\n<template>\n    <div>\n        <TabbedBar  v-model=\"selectedTab\" :tabs=\"tabs\" />\n\n        <div class=\"tab-content mt-4\">\n            <div v-for=\"(item, i) in tabs\" :key=\"i\" :class=\"classes[i]\">\n                <slot name=\"tabpane\" :item=\"item\" />\n            </div>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import TabbedBar from \"@Obsidian/Controls/tabbedBar.obs\";\n    import { PropType, ref, watch } from \"vue\";\n\n    const props = defineProps({\n        tabs: {\n            type: Array as PropType<string[]>,\n            required: true\n        }\n    });\n\n    const selectedTab = ref(props.tabs.length > 0 ? props.tabs[0] : \"\");\n    const classes = ref<string[]>([]);\n    let timeout: number;\n\n    watch(() => props.tabs, () => {\n        selectedTab.value = props.tabs.length > 0 ? props.tabs[0] : \"\";\n\n        classes.value = props.tabs.map(item => {\n            let list = \"tab-pane fade\";\n\n            if (item === selectedTab.value) {\n                list += \" active in\";\n            }\n\n            return list;\n        });\n    }, { immediate: true });\n\n    watch(selectedTab, (current, previous) => {\n        const previousIndex = props.tabs.indexOf(previous);\n        const currentIndex = props.tabs.indexOf(current);\n\n        classes.value[previousIndex] = \"tab-pane fade active\";\n\n        clearTimeout(timeout);\n        timeout = window.setTimeout(() => {\n            classes.value[previousIndex] = \"tab-pane fade\";\n            classes.value[currentIndex] = \"tab-pane fade active in\";\n        }, 150);\n    });\n</script>\n"],"names":["selectedTab","ref","props","tabs","length","classes","timeout","watch","value","map","item","list","immediate","current","previous","previousIndex","indexOf","currentIndex","clearTimeout","window","setTimeout"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAwBI,IAAMA,WAAW,GAAGC,GAAG,CAACC,KAAK,CAACC,IAAI,CAACC,MAAM,GAAG,CAAC,GAAGF,KAAK,CAACC,IAAI,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,CAAA;MACnE,IAAA,IAAME,OAAO,GAAGJ,GAAG,CAAW,EAAE,CAAC,CAAA;MACjC,IAAA,IAAIK,OAAe,CAAA;MAEnBC,IAAAA,KAAK,CAAC,MAAML,KAAK,CAACC,IAAI,EAAE,MAAM;MAC1BH,MAAAA,WAAW,CAACQ,KAAK,GAAGN,KAAK,CAACC,IAAI,CAACC,MAAM,GAAG,CAAC,GAAGF,KAAK,CAACC,IAAI,CAAC,CAAC,CAAC,GAAG,EAAE,CAAA;YAE9DE,OAAO,CAACG,KAAK,GAAGN,KAAK,CAACC,IAAI,CAACM,GAAG,CAACC,IAAI,IAAI;cACnC,IAAIC,IAAI,GAAG,eAAe,CAAA;MAE1B,QAAA,IAAID,IAAI,KAAKV,WAAW,CAACQ,KAAK,EAAE;MAC5BG,UAAAA,IAAI,IAAI,YAAY,CAAA;MACxB,SAAA;MAEA,QAAA,OAAOA,IAAI,CAAA;MACf,OAAC,CAAC,CAAA;MACN,KAAC,EAAE;MAAEC,MAAAA,SAAS,EAAE,IAAA;MAAK,KAAC,CAAC,CAAA;MAEvBL,IAAAA,KAAK,CAACP,WAAW,EAAE,CAACa,OAAO,EAAEC,QAAQ,KAAK;YACtC,IAAMC,aAAa,GAAGb,KAAK,CAACC,IAAI,CAACa,OAAO,CAACF,QAAQ,CAAC,CAAA;YAClD,IAAMG,YAAY,GAAGf,KAAK,CAACC,IAAI,CAACa,OAAO,CAACH,OAAO,CAAC,CAAA;MAEhDR,MAAAA,OAAO,CAACG,KAAK,CAACO,aAAa,CAAC,GAAG,sBAAsB,CAAA;YAErDG,YAAY,CAACZ,OAAO,CAAC,CAAA;MACrBA,MAAAA,OAAO,GAAGa,MAAM,CAACC,UAAU,CAAC,MAAM;MAC9Bf,QAAAA,OAAO,CAACG,KAAK,CAACO,aAAa,CAAC,GAAG,eAAe,CAAA;MAC9CV,QAAAA,OAAO,CAACG,KAAK,CAACS,YAAY,CAAC,GAAG,yBAAyB,CAAA;aAC1D,EAAE,GAAG,CAAC,CAAA;MACX,KAAC,CAAC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;"}