{"version":3,"file":"DefaultButton-30709d0c.js","sources":["../../../../apps/wizarr-frontend/src/components/Loading/DefaultLoading.vue","../../../../apps/wizarr-frontend/src/components/Buttons/DefaultButton.vue"],"sourcesContent":["<template>\n    <span class=\"flex flex-col justify-center items-center space-y-2\">\n        <i class=\"fa-solid fa-spinner fa-spin dark:text-white\" :class=\"classes\"></i>\n        <span v-if=\"message\" class=\"text-gray-900 dark:text-white text-lg\">{{ message }}</span>\n    </span>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from \"vue\";\n\nexport default defineComponent({\n    name: \"DefaultLoading\",\n    props: {\n        message: {\n            type: String,\n        },\n        icon_size: {\n            type: String as unknown as () => \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\",\n            default: \"3xl\",\n        },\n    },\n    computed: {\n        classes() {\n            return {\n                \"text-xs\": this.icon_size === \"xs\",\n                \"text-sm\": this.icon_size === \"sm\",\n                \"text-base\": this.icon_size === \"md\",\n                \"text-lg\": this.icon_size === \"lg\",\n                \"text-xl\": this.icon_size === \"xl\",\n                \"text-2xl\": this.icon_size === \"2xl\",\n                \"text-3xl\": this.icon_size === \"3xl\",\n            };\n        },\n    },\n});\n</script>\n","<template>\n    <!-- <template v-if=\"to\">\n        <router-link ref=\"button\" :to=\"to\" :class=\"btn_classes\" class=\"flex items-center justify-center relative\" :disabled=\"loading\">\n            <span class=\"absolute\" :class=\"{ 'opacity-0': !loading }\">\n                <DefaultLoading icon_size=\"md\"></DefaultLoading>\n            </span>\n            <span :class=\"{ 'opacity-0': loading }\">\n                <i v-if=\"icon && options.icon.icon_position === 'left'\" :class=\"icon + ' ' + (options.icon?.icon_class ?? '') + ' mr-2'\"></i>\n                <slot></slot>\n                <i v-if=\"icon && options.icon.icon_position === 'right'\" :class=\"icon + ' ' + (options.icon?.icon_class ?? '') + ' ml-2'\"></i>\n            </span>\n        </router-link>\n    </template> -->\n    <!-- <template> -->\n    <button @click=\"handleClick\" ref=\"button\" :class=\"btn_classes + ' flex items-center justify-center relative'\" :disabled=\"loading\">\n        <span class=\"absolute\" :class=\"{ 'opacity-0': !loading }\">\n            <DefaultLoading icon_size=\"md\"></DefaultLoading>\n        </span>\n        <span :class=\"{ 'opacity-0': loading }\">\n            <i v-if=\"icon && options.icon.icon_position === 'left'\" :class=\"icon_classes\"></i>\n            <slot v-if=\"slotAvailable\"></slot>\n            <span v-else>{{ buttonText }}{{ label }}</span>\n            <i v-if=\"icon && options.icon.icon_position === 'right'\" :class=\"icon_classes\"></i>\n        </span>\n    </button>\n    <!-- </template> -->\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from \"vue\";\nimport { RouterLink } from \"vue-router\";\n\nimport DefaultLoading from \"@/components/Loading/DefaultLoading.vue\";\n\nexport default defineComponent({\n    name: \"DefaultButton\",\n    components: {\n        RouterLink,\n        DefaultLoading,\n    },\n    props: {\n        to: {\n            type: String,\n        },\n        click: {\n            type: Function,\n            default: (payload: MouseEvent) => {},\n        },\n        icon: {\n            type: String,\n            default: \"\",\n        },\n        theme: {\n            type: String as unknown as () => \"primary\" | \"secondary\" | \"danger\" | \"transparent\",\n            default: \"primary\",\n        },\n        size: {\n            type: String as unknown as () => \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\",\n            default: \"md\",\n        },\n        buttonText: {\n            type: String,\n            default: \"\",\n        },\n        label: {\n            type: String,\n            default: \"\",\n        },\n        options: {\n            type: Object,\n            default: () => ({\n                icon: {\n                    icon_position: \"right\",\n                    icon_class: \"\",\n                },\n                text: {\n                    text_class: \"\",\n                },\n                button: {\n                    button_class: \"\",\n                },\n            }),\n        },\n        loading: {\n            type: Boolean,\n            default: false,\n        },\n        href: {\n            type: String,\n        },\n        target: {\n            type: String,\n            default: \"_self\",\n        },\n    },\n    computed: {\n        btn_classes() {\n            // Create classes array and add theme and size classes\n            const classes = [this.themes[this.theme], this.sizes[this.size]];\n\n            // Add button options classes\n            if (this.options.button?.button_class) classes.push(this.options.button.button_class);\n\n            // Add class to stop wrapping text\n            classes.push(\"whitespace-nowrap overflow-hidden overflow-ellipsis\");\n\n            // Return classes as string\n            return classes.join(\" \");\n        },\n        icon_classes() {\n            const classes = [this.icon, this.options.icon?.icon_class ?? \"\"];\n            if (this.slotAvailable || this.buttonText || this.label) {\n                if (this.options.icon.icon_position === \"left\") {\n                    classes.push(\"mr-2\");\n                } else {\n                    classes.push(\"ml-2\");\n                }\n            }\n            return classes.join(\" \");\n        },\n        slotAvailable() {\n            return this.$slots.default !== undefined;\n        },\n    },\n    methods: {\n        handleClick(payload: MouseEvent) {\n            if (this.to) this.$router.push(this.to);\n            else if (this.href) window.open(this.href, this.target);\n            else this.click(payload);\n        },\n    },\n    data() {\n        return {\n            themes: {\n                primary: \"bg-primary hover:bg-primary_hover focus:outline-none text-white font-medium rounded dark:bg-primary dark:hover:bg-primary_hover\",\n                secondary: \"bg-secondary hover:bg-secondary_hover focus:outline-none text-white font-medium rounded dark:bg-secondary dark:hover:bg-secondary_hover\",\n                danger: \"bg-red-600 hover:bg-red-500 focus:outline-none text-white font-medium rounded dark:bg-red-600 dark:hover:bg-primary_hover\",\n                transparent: \"bg-none font-medium rounded text-gray-900 dark:text-white border border-gray-300 hover:bg-gray-100 dark:border-gray-700 dark:hover:bg-gray-700\",\n            },\n            sizes: {\n                xs: \"px-3 py-2 text-xs\",\n                sm: \"px-3 py-2 text-sm\",\n                md: \"px-5 py-2.5 text-sm\",\n                lg: \"px-6 py-3 text-base\",\n                xl: \"px-8 py-4 text-lg\",\n            },\n            isLoading: this.loading,\n        };\n    },\n});\n</script>\n"],"names":["_sfc_main$1","defineComponent","_hoisted_2","_sfc_render","_ctx","_cache","$props","$setup","$data","$options","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_normalizeClass","_sfc_main","RouterLink","DefaultLoading","payload","classes","_a","_resolveComponent","args","_createVNode","_component_DefaultLoading","_createCommentVNode","_renderSlot","_toDisplayString"],"mappings":"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"}