{"version":3,"file":"rockButton.obs.js","sources":["../../../Framework/Controls/rockButton.obs"],"sourcesContent":["<!-- Copyright by the Spark Development Network; Licensed under the Rock Community License -->\r\n<template>\r\n    <button ref=\"element\" :class=\"cssClass\" :disabled=\"isButtonDisabled\" @click=\"onButtonClick\" :type=\"type\" v-bind=\"tooltipAttrs\" :data-shortcut-key=\"shortcutKey\">\r\n        <template v-if=\"isButtonLoading\">\r\n            <slot name=\"loading\" v-if=\"$slots.loading || loadingText\">{{ loadingText }}</slot>\r\n            <slot v-else />\r\n            <template v-if=\"!disableLoadingIndicator\">&nbsp;\r\n                <LoadingIndicator isSmall class=\"d-inline\" />\r\n            </template>\r\n        </template>\r\n        <slot v-else />\r\n    </button>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\n    import { computed, onBeforeUnmount, PropType, ref, watch } from \"vue\";\r\n    import { isPromise } from \"@Obsidian/Utility/promiseUtils\";\r\n    import { LiteralUnion } from \"@Obsidian/Types/Utility/support\";\r\n    import { BtnType } from \"@Obsidian/Enums/Controls/btnType\";\r\n    import { BtnSize } from \"@Obsidian/Enums/Controls/btnSize\";\r\n    import { tooltip, destroyTooltip } from \"@Obsidian/Utility/tooltip\";\r\n    import LoadingIndicator from \"./loadingIndicator.obs\";\r\n\r\n    const props = defineProps({\r\n        isLoading: {\r\n            type: Boolean as PropType<boolean>,\r\n            default: false\r\n        },\r\n        loadingText: {\r\n            type: String as PropType<string>,\r\n            default: \"\"\r\n        },\r\n        type: {\r\n            type: String as PropType<\"button\" | \"submit\" | \"reset\">,\r\n            default: \"button\"\r\n        },\r\n        disabled: {\r\n            type: Boolean as PropType<boolean>,\r\n            default: false\r\n        },\r\n        btnType: {\r\n            type: String as PropType<LiteralUnion<BtnType>>,\r\n            default: BtnType.Default\r\n        },\r\n        btnSize: {\r\n            type: String as PropType<BtnSize>,\r\n            default: BtnSize.Default\r\n        },\r\n        autoLoading: {\r\n            type: Boolean as PropType<boolean>,\r\n            default: false\r\n        },\r\n\r\n        /**\r\n         * Automatically disables the button when it is in a loading state or\r\n         * the click handler is processing. This can prevent duplicate clicks.\r\n         */\r\n        autoDisable: {\r\n            type: Boolean as PropType<boolean>,\r\n            default: false\r\n        },\r\n\r\n        onClick: {\r\n            type: Function as PropType<((event: MouseEvent) => void | PromiseLike<void>)>,\r\n            required: false\r\n        },\r\n\r\n        /** Change button proportions to make it a square. Used for buttons with only an icon. */\r\n        isSquare: {\r\n            type: Boolean as PropType<boolean>,\r\n            default: false\r\n        },\r\n\r\n        /** This gets turned into a tooltip as well as being the accessibility title */\r\n        title: {\r\n            type: String\r\n        },\r\n\r\n        shortcutKey: {\r\n            type: String as PropType<string>,\r\n            default: \"\"\r\n        },\r\n\r\n        disableLoadingIndicator: {\r\n            type: Boolean,\r\n            default: false\r\n        }\r\n    });\r\n\r\n    const isProcessing = ref(false);\r\n    const element = ref();\r\n\r\n    const isButtonDisabled = computed((): boolean => {\r\n        return props.disabled || (props.autoDisable && isProcessing.value) || props.isLoading;\r\n    });\r\n\r\n    const isButtonLoading = computed((): boolean => {\r\n        return props.isLoading || (props.autoLoading && isProcessing.value);\r\n    });\r\n\r\n    const typeClass = computed((): string => {\r\n        return `btn-${props.btnType}`;\r\n    });\r\n\r\n    const sizeClass = computed((): string => {\r\n        if (!props.btnSize) {\r\n            return \"\";\r\n        }\r\n\r\n        return `btn-${props.btnSize}`;\r\n    });\r\n\r\n    const cssClass = computed((): string => {\r\n        return `btn ${typeClass.value} ${sizeClass.value} ${props.isSquare ? \"btn-square\" : \"\"}`;\r\n    });\r\n\r\n    const tooltipAttrs = computed(() => {\r\n        if (props.title) {\r\n            return {\r\n                title: props.title,\r\n                \"data-toggle\": \"tooltip\"\r\n            };\r\n        }\r\n        return {};\r\n    });\r\n\r\n    watch([element, () => props.title], () => {\r\n        if (props.title && element.value) {\r\n            tooltip(element.value);\r\n        }\r\n    });\r\n\r\n    onBeforeUnmount(() => {\r\n        destroyTooltip(element.value);\r\n    });\r\n\r\n    const onButtonClick = async (event: MouseEvent): Promise<void> => {\r\n        if (isButtonDisabled.value || isButtonLoading.value) {\r\n            return;\r\n        }\r\n\r\n        isProcessing.value = true;\r\n\r\n        try {\r\n            const clickHandler = props.onClick;\r\n\r\n            if (clickHandler) {\r\n                const result = clickHandler(event);\r\n\r\n                if (isPromise(result)) {\r\n                    await result;\r\n                }\r\n            }\r\n        }\r\n        finally {\r\n            isProcessing.value = false;\r\n        }\r\n    };\r\n</script>\r\n"],"names":["props","__props","isProcessing","ref","element","isButtonDisabled","computed","disabled","autoDisable","value","isLoading","isButtonLoading","autoLoading","typeClass","concat","btnType","sizeClass","btnSize","cssClass","isSquare","tooltipAttrs","title","watch","tooltip","onBeforeUnmount","destroyTooltip","onButtonClick","_ref","_asyncToGenerator","event","clickHandler","onClick","result","isPromise","_x","apply","arguments"],"mappings":"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"}