{"version":3,"file":"rockSuspense.obs.js","sources":["../../../Framework/Controls/rockSuspense.obs"],"sourcesContent":["<!-- Copyright by the Spark Development Network; Licensed under the Rock Community License -->\n<template>\n    <div v-show=\"isContentVisible\">\n        <slot />\n    </div>\n\n    <template v-if=\"isLoadingVisible\">\n        <slot name=\"loading\" />\n    </template>\n</template>\n\n<script setup lang=\"ts\">\n    import { PropType, computed, ref, onMounted } from \"vue\";\n    import { BasicSuspenseProvider, provideSuspense, useSuspense } from \"@Obsidian/Utility/suspense\";\n\n    // Prevents the content from displaying until all asynchronous events have completed.\n    //\n    // Emits a \"timeout\" event if the timeout is reached which caused the content to\n    // display.\n    //\n    // Emits a \"loaded\" event if the content successfully loaded and was displayed.\n    //\n    // Emits a \"ready\" event any time the content is displayed, whether from timeout or loaded.\n\n    const props = defineProps({\n        delay: {\n            type: Number as PropType<number>,\n            default: 500\n        },\n\n        timeout: {\n            type: Number as PropType<number>,\n            default: 5000\n        }\n    });\n\n    const emit = defineEmits<{\n        (e: \"loaded\"): void;\n        (e: \"ready\"): void;\n        (e: \"timeout\"): void;\n    }>();\n\n    const isContentLoaded = ref(false);\n    const hasDelayElapsed = ref(false);\n    const hasTimeoutElapsed = ref(false);\n\n    const parentSuspense = useSuspense();\n    const suspense = new BasicSuspenseProvider(parentSuspense);\n    provideSuspense(suspense);\n\n    const isContentVisible = computed((): boolean => isContentLoaded.value || hasTimeoutElapsed.value);\n    const isLoadingVisible = computed((): boolean => !isContentVisible.value && hasDelayElapsed.value);\n\n    // Start timer that triggers when the delay has elapsed so we can show\n    // the loading content after a brief delay.\n    setTimeout(() => hasDelayElapsed.value = true, props.delay);\n\n    // Start timer that triggers when the timeout has elapsed so we can show\n    // the content even if it hasn't fully loaded yet.\n    setTimeout(() => {\n        hasTimeoutElapsed.value = true;\n        emit(\"timeout\");\n        emit(\"ready\");\n    }, props.timeout);\n\n    // Wait until we are mounted. This indicates that all child components\n    // have been initialized and would have submitted their pending operations\n    // to the provider already.\n    onMounted(() => {\n        if (!suspense.hasPendingOperations()) {\n            isContentLoaded.value = true;\n            emit(\"loaded\");\n            emit(\"ready\");\n        }\n        else {\n            suspense.addFinishedHandler(() => {\n                isContentLoaded.value = true;\n                emit(\"loaded\");\n                emit(\"ready\");\n            });\n        }\n    });\n</script>\n"],"names":["isContentLoaded","ref","hasDelayElapsed","hasTimeoutElapsed","parentSuspense","useSuspense","suspense","BasicSuspenseProvider","provideSuspense","isContentVisible","computed","value","isLoadingVisible","setTimeout","props","delay","emit","timeout","onMounted","hasPendingOperations","addFinishedHandler"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MA0CI,IAAA,IAAMA,eAAe,GAAGC,GAAG,CAAC,KAAK,CAAC,CAAA;MAClC,IAAA,IAAMC,eAAe,GAAGD,GAAG,CAAC,KAAK,CAAC,CAAA;MAClC,IAAA,IAAME,iBAAiB,GAAGF,GAAG,CAAC,KAAK,CAAC,CAAA;UAEpC,IAAMG,cAAc,GAAGC,WAAW,EAAE,CAAA;MACpC,IAAA,IAAMC,QAAQ,GAAG,IAAIC,qBAAqB,CAACH,cAAc,CAAC,CAAA;UAC1DI,eAAe,CAACF,QAAQ,CAAC,CAAA;MAEzB,IAAA,IAAMG,gBAAgB,GAAGC,QAAQ,CAAC,MAAeV,eAAe,CAACW,KAAK,IAAIR,iBAAiB,CAACQ,KAAK,CAAC,CAAA;MAClG,IAAA,IAAMC,gBAAgB,GAAGF,QAAQ,CAAC,MAAe,CAACD,gBAAgB,CAACE,KAAK,IAAIT,eAAe,CAACS,KAAK,CAAC,CAAA;UAIlGE,UAAU,CAAC,MAAMX,eAAe,CAACS,KAAK,GAAG,IAAI,EAAEG,KAAK,CAACC,KAAK,CAAC,CAAA;MAI3DF,IAAAA,UAAU,CAAC,MAAM;YACbV,iBAAiB,CAACQ,KAAK,GAAG,IAAI,CAAA;YAC9BK,IAAI,CAAC,SAAS,CAAC,CAAA;YACfA,IAAI,CAAC,OAAO,CAAC,CAAA;MACjB,KAAC,EAAEF,KAAK,CAACG,OAAO,CAAC,CAAA;MAKjBC,IAAAA,SAAS,CAAC,MAAM;MACZ,MAAA,IAAI,CAACZ,QAAQ,CAACa,oBAAoB,EAAE,EAAE;cAClCnB,eAAe,CAACW,KAAK,GAAG,IAAI,CAAA;cAC5BK,IAAI,CAAC,QAAQ,CAAC,CAAA;cACdA,IAAI,CAAC,OAAO,CAAC,CAAA;MACjB,OAAC,MACI;cACDV,QAAQ,CAACc,kBAAkB,CAAC,MAAM;gBAC9BpB,eAAe,CAACW,KAAK,GAAG,IAAI,CAAA;gBAC5BK,IAAI,CAAC,QAAQ,CAAC,CAAA;gBACdA,IAAI,CAAC,OAAO,CAAC,CAAA;MACjB,SAAC,CAAC,CAAA;MACN,OAAA;MACJ,KAAC,CAAC,CAAA;;;;;;;;;;;;;;;;;"}