{"version":3,"file":"dropDownMenu.obs.js","sources":["../../../Framework/Controls/dropDownMenu.obs","../../../node_modules/style-inject/dist/style-inject.es.js"],"sourcesContent":["<!-- Copyright by the Spark Development Network; Licensed under the Rock Community License -->\n<template>\n    <div ref=\"dropdownElement\" class=\"dropdown\" :class=\"additionalDropDownClasses\">\n        <button class=\"btn btn-link btn-overflow\" type=\"button\" @click.prevent=\"onDropDownClick\">\n            <slot>\n                <i class=\"fa fa-ellipsis-v\"></i>\n            </slot>\n        </button>\n\n        <ul class=\"dropdown-menu\" :class=\"additionalDropDownMenuClasses\">\n            <li v-for=\"action in items\" :class=\"getActionItemClasses(action)\">\n                <button type=\"button\" :class=\"getActionButtonClasses(action)\" @click.prevent.stop=\"onActionClick(action, $event)\">\n                    <i v-if=\"action.iconCssClass\" :class=\"action.iconCssClass\"></i>\n                    <i v-else-if=\"hasAnyIcons\"></i>\n                    {{ action.title }}\n                </button>\n            </li>\n        </ul>\n    </div>\n</template>\n\n<style scoped>\nli > button > i {\n    display: inline-block;\n    width: 1.25em;\n    text-align: center;\n}\n\nli.disabled > button {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n</style>\n\n<script setup lang=\"ts\">\n    import { isPromise } from \"@Obsidian/Utility/promiseUtils\";\n    import { computed, PropType, ref, watch } from \"vue\";\n    import { MenuAction } from \"@Obsidian/Types/Controls/dropDownMenu\";\n\n    const props = defineProps({\n        /**\n         * The items that will be listed in the dropdown menu.\n         */\n        items: {\n            type: Array as PropType<MenuAction[]>,\n            required: true\n        },\n\n        /**\n         * Whether to align the dropdown to the left edge or the right\n         * edge of the anchor.\n         */\n        align: {\n            type: String as PropType<\"left\" | \"right\">,\n            default: \"left\"\n        }\n    });\n\n    // #region Values\n\n    const isDropDownOpen = ref(false);\n    const dropdownElement = ref<HTMLElement>();\n\n    // #endregion\n\n    // #region Computed Values\n\n    const hasAnyIcons = computed((): boolean => {\n        return props.items.some(i => !!i.iconCssClass);\n    });\n\n    /** Additional classes to be applied to the drop down container. */\n    const additionalDropDownClasses = computed((): string => {\n        return isDropDownOpen.value ? \"open\" : \"\";\n    });\n\n    /** Additional classes to be applied to the drop down menu. */\n    const additionalDropDownMenuClasses = computed((): string => {\n        return `dropdown-menu-${props.align}`;\n    });\n\n    // #endregion\n\n    // #region Functions\n\n    /** Gets the classes to be applied to the specified action. */\n    function getActionButtonClasses(action: MenuAction): string {\n        let classes = \"btn-link\";\n\n        if (action.type === \"danger\") {\n            classes += \" dropdown-item-danger\";\n        }\n\n        if (action.actionCssClass) {\n            classes += ` ${action.actionCssClass}`;\n        }\n\n        return classes;\n    }\n\n    /** Gets the classes to be applied to the action item. */\n    function getActionItemClasses(action: MenuAction): string {\n        return action.disabled ? \"disabled\" : \"\";\n    }\n\n    // #endregion\n\n    // #region Event Handlers\n\n    /**\n     * Event handler for when the drop down anchor element has been clicked.\n     */\n    function onDropDownClick(): void {\n        isDropDownOpen.value = true;\n    }\n\n    /**\n     * Event handler for when an action is clicked.\n     */\n    async function onActionClick(action: MenuAction, event: Event): Promise<void> {\n        if (action.disabled) {\n            return;\n        }\n\n        if (action.handler) {\n            const result = action.handler(event);\n\n            if (isPromise(result)) {\n                await result;\n            }\n        }\n\n        isDropDownOpen.value = false;\n    }\n\n    /**\n     * Event handler for when the mouse is pressed down somewhere in the\n     * document.\n     *\n     * @param event The current event.\n     */\n    function onDocumentMouseDown(event: MouseEvent): void {\n        if (event.target instanceof HTMLElement && dropdownElement.value?.contains(event.target) !== true) {\n            isDropDownOpen.value = false;\n        }\n    }\n\n    // #endregion\n\n    // Watch for the drop down being opened or closed and add/remove the\n    // event handler for detecting clicks outside the dropdown.\n    watch(isDropDownOpen, () => {\n        if (isDropDownOpen.value) {\n            document.addEventListener(\"mousedown\", onDocumentMouseDown);\n        }\n        else {\n            document.removeEventListener(\"mousedown\", onDocumentMouseDown);\n        }\n    });\n</script>\n","function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n"],"names":["isDropDownOpen","ref","dropdownElement","hasAnyIcons","computed","props","items","some","i","iconCssClass","additionalDropDownClasses","value","additionalDropDownMenuClasses","concat","align","getActionButtonClasses","action","classes","type","actionCssClass","getActionItemClasses","disabled","onDropDownClick","onActionClick","_x","_x2","_onActionClick","apply","arguments","_asyncToGenerator","event","handler","result","isPromise","onDocumentMouseDown","_dropdownElement$valu","target","HTMLElement","contains","watch","document","addEventListener","removeEventListener","styleInject","css","insertAt","head","getElementsByTagName","style","createElement","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode"],"mappings":"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"}