{"version":3,"file":"tabbedContent.obs.js","sources":["../../../Framework/Controls/tabbedContent.obs"],"sourcesContent":["<!-- Copyright by the Spark Development Network; Licensed under the Rock Community License -->\r\n<template>\r\n    <div>\r\n        <TabbedBar v-model=\"selectedTab\" :tabs=\"tabs\" :class=\"tabBarClass\" />\r\n\r\n        <div class=\"tab-content mt-4\">\r\n            <div v-for=\"(item, i) in tabs\" :key=\"i\" :class=\"classes[i]\">\r\n                <slot v-if=\"!isLazyLoad || tabHasBeenViewed[i]\" name=\"tabpane\" :item=\"item\" :selectedTab=\"selectedTab\" />\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\n    import TabbedBar from \"@Obsidian/Controls/tabbedBar.obs\";\r\n    import { computed, onMounted, onUnmounted, PropType, ref, watch } from \"vue\";\r\n\r\n    const props = defineProps({\r\n        /** Whether to load tabs lazily or not. Defaults to false. */\r\n        lazyLoad: {\r\n            type: Boolean,\r\n            default: false\r\n        },\r\n\r\n        /** The currently selected tab. */\r\n        selectedTab: {\r\n            type: String as PropType<string>,\r\n            default: \"\"\r\n        },\r\n\r\n        /** The array of tab texts. */\r\n        tabs: {\r\n            type: Array as PropType<string[]>,\r\n            required: true\r\n        },\r\n\r\n        /** The key for the selected tab to be tracked in the Query String. */\r\n        selectedTabQueryParameterKey: {\r\n            type: String,\r\n            required: false\r\n        },\r\n\r\n        /** CSS class(es) to apply to the tab bar. */\r\n        tabBarClass: {\r\n            type: [String, Object, Array] as PropType<string | string[] | Record<string, boolean>>,\r\n            default: \"\"\r\n        }\r\n    });\r\n\r\n    const isLazyLoad = ref(props.lazyLoad ?? false);\r\n    const classes = ref<string[]>([]);\r\n    const tabHasBeenViewed = ref<boolean[]>([]);\r\n    const selectedTabQueryParameterKey = ref(props.selectedTabQueryParameterKey ?? \"\");\r\n\r\n    const emit = defineEmits<{\r\n        (e: \"update:selectedTab\", value: string): void\r\n    }>();\r\n\r\n    const selectedTab = ref(props.selectedTab ?? \"\");\r\n\r\n    let timeout: number;\r\n\r\n    /** Whether the query string parameter property has a value. */\r\n    const shouldManageQueryString = computed(() => selectedTabQueryParameterKey.value.length > 0);\r\n\r\n    /** Handles the browser's back button click with respect to selected tab Query params. */\r\n    function handleBackButton(): void {\r\n        const tab = new URLSearchParams(window.location.search).get(selectedTabQueryParameterKey.value) ?? \"\";\r\n\r\n        if (tab && tab !== selectedTab.value) {\r\n            selectedTab.value = tab;\r\n        }\r\n    }\r\n\r\n    /** Updates the current URL with the value of the selected tab for the specified query string parameter (if specified). */\r\n    function updateUrlWithSelectedTab(): void {\r\n        // If the control's not configured with a query string parameter don't do anything.\r\n        if (!shouldManageQueryString.value) {\r\n            return;\r\n        }\r\n\r\n        const queryParams = new URLSearchParams(window.location.search);\r\n        const selectedTabName = selectedTab.value ?? \"\";\r\n        const queryParamValue = queryParams.get(selectedTabQueryParameterKey.value) ?? \"\";\r\n\r\n        if (queryParamValue !== selectedTabName) {\r\n            queryParams.set(selectedTabQueryParameterKey.value, selectedTabName);\r\n            history.pushState(null, \"\", \"?\" + queryParams.toString());\r\n        }\r\n    }\r\n\r\n    watch(() => props.tabs, () => {\r\n        const tabsLength = props.tabs.length;\r\n        const indexOfSelectedTab = props.tabs.findIndex(t => t.toLowerCase() === selectedTab.value?.toLowerCase()) ?? 0;\r\n        selectedTab.value = tabsLength > 0 ? props.tabs[indexOfSelectedTab] : \"\";\r\n\r\n        classes.value = props.tabs.map(item => {\r\n            let list = \"tab-pane fade\";\r\n\r\n            if (item === selectedTab.value) {\r\n                list += \" active in\";\r\n            }\r\n\r\n            return list;\r\n        });\r\n\r\n        const falseValuesArray = tabsLength > 1 ? new Array(tabsLength - 1).fill(false) : [];\r\n        tabHasBeenViewed.value = [true].concat(falseValuesArray);\r\n    }, { immediate: true });\r\n\r\n    watch(selectedTab, (current, previous) => {\r\n        const previousIndex = props.tabs.indexOf(previous);\r\n        const currentIndex = props.tabs.indexOf(current);\r\n        tabHasBeenViewed.value[currentIndex] = true;\r\n\r\n        updateUrlWithSelectedTab();\r\n\r\n        emit(\"update:selectedTab\", selectedTab.value);\r\n\r\n        classes.value[previousIndex] = \"tab-pane fade active\";\r\n        clearTimeout(timeout);\r\n        timeout = window.setTimeout(() => {\r\n            classes.value[previousIndex] = \"tab-pane fade\";\r\n            classes.value[currentIndex] = \"tab-pane fade active in\";\r\n        }, 150);\r\n    });\r\n\r\n    watch(() => props.selectedTab, (current, _previous) => {\r\n        // Change the internal selectedTab whenever the tab is changed externally.\r\n        selectedTab.value = current;\r\n    });\r\n\r\n    onMounted(() => {\r\n        if (shouldManageQueryString) {\r\n            // Listen for the browser back button click and update the selected tab.\r\n            window.addEventListener(\"popstate\", handleBackButton);\r\n        }\r\n    });\r\n\r\n    onUnmounted(() => {\r\n        if (shouldManageQueryString) {\r\n            // Remove the listener.\r\n            window.removeEventListener(\"popstate\", handleBackButton);\r\n        }\r\n    });\r\n</script>\r\n"],"names":["props","__props","isLazyLoad","ref","_props$lazyLoad","lazyLoad","classes","tabHasBeenViewed","selectedTabQueryParameterKey","_props$selectedTabQue","emit","__emit","selectedTab","_props$selectedTab","timeout","shouldManageQueryString","computed","value","length","handleBackButton","_URLSearchParams$get","tab","URLSearchParams","window","location","search","get","updateUrlWithSelectedTab","_selectedTab$value","_queryParams$get","queryParams","selectedTabName","queryParamValue","set","history","pushState","toString","watch","tabs","_props$tabs$findIndex","tabsLength","indexOfSelectedTab","findIndex","t","_selectedTab$value2","toLowerCase","map","item","list","falseValuesArray","Array","fill","concat","immediate","current","previous","previousIndex","indexOf","currentIndex","clearTimeout","setTimeout","_previous","onMounted","addEventListener","onUnmounted","removeEventListener"],"mappings":"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"}