{"version":3,"file":"vuetify-4scEKYH8.js","sources":["../../../resources/js/Admin/js/Components/Common/Image.vue","../../../resources/js/Admin/js/Storybook/primitive/k-avatar/k-avatar.vue","../../../resources/js/Admin/js/Plugins/vuetify.js"],"sourcesContent":["<template>\n    <div class=\"propus-image v-responsive v-img\" :class=\"rounded_class\">\n           <div class=\"v-responsive__sizer\" style=\"padding-bottom: 100%;\">\n           </div>\n\n           <div v-if=\"$slots.placeholder && !is_image_ready\" class=\"v-img__placeholder\">\n                <slot name=\"placeholder\" />\n           </div>\n\n            <img\n                v-else\n                :src=\"src\"\n                :class=\"[imgClass, {'d-none': !is_image_ready}]\"\n                class=\"v-img__img v-img__img--cover\"\n                loading=\"lazy\"\n                @error=\"is_image_working = false\"\n            />\n\n            <div class=\"v-responsive__content\">\n                <slot />\n            </div>\n    </div>\n</template>\n\n<script setup>\nimport { ref, computed } from \"vue\";\nconst props = defineProps({\n    src: String,\n    lazySrc: String,\n    imgClass: {\n        type: String,\n        default: \"\",\n    },\n    rounded: {\n        type: String,\n        default: \"\",\n    },\n    width: {\n        type: [String, Number],\n        default: \"\",\n    }\n})\n\nconst is_image_working = ref(true)\n\nconst rounded_class = computed(() => props.rounded ? `rounded-${props.rounded}`: \"\")\nconst width = computed(() => props.width ? `${props.width}px`: \"\")\nconst is_image_ready = computed(() => is_image_working.value && props.src)\n</script>\n\n<style lang=\"scss\" scoped>\n$width: v-bind(width);\n\n.propus-image {\n    z-index: 1;\n    width: $width;\n}\n</style>\n","<template>\n    <v-hover v-slot=\"{ isHovering: isHoveringRoot, props: rootHoverProps }\">\n        <div\n            class=\"k-avatar\"\n            :class=\"kAvatarClasses\"\n            v-bind=\"{ ...rootHoverProps, ...$attrs }\"\n            ref=\"prospus_avatar\"\n            @click.stop=\"onClick\"\n        >\n            <v-avatar\n                :color=\"props.bgColor\"\n                :size=\"avatarSize\"\n                :rounded=\"rounded\"\n                :style=\"{\n                    opacity: loading ? 0.5 : 1,\n                }\"\n            >\n                <Image :src=\"imageSrc\"/>\n                \n                <span>{{ firstLetter }}</span>\n            </v-avatar>\n\n            <div v-if=\"showShiftPaused\" class=\"k-avatar-shift\">\n                <span class=\"material-symbols-outlined\">pause</span>\n            </div>\n\n            <div\n                v-if=\"showClose\"\n                class=\"k-avatar-close\"\n                :class=\"{ 'k-avatar-close-show': isHoveringRoot }\"\n                @click=\"$emit('close')\"\n            >\n                <v-icon size=\"x-small\" color=\"white\" icon=\"mdi-close\" />\n            </div>\n\n            <v-hover\n                v-slot=\"{ isHovering: isHoveringCheck, props: checkHoverProps }\"\n            >\n                <div\n                    v-if=\"showAssignCheck\"\n                    class=\"k-avatar-assign-check\"\n                    v-bind=\"checkHoverProps\"\n                    @click=\"$emit('assignCheckClick')\"\n                >\n                    <v-icon\n                        size=\"x-small\"\n                        color=\"white\"\n                        :icon=\"isHoveringCheck ? 'mdi-close' : 'mdi-check'\"\n                    />\n                </div>\n            </v-hover>\n\n            <div v-if=\"showShield\" class=\"k-avatar-shield\">\n                <span class=\"material-symbols-outlined\">shield_person</span>\n            </div>\n\n            <div v-if=\"showTaskStatus\" class=\"k-avatar-task-status\"></div>\n\n            <div\n                v-if=\"loading\"\n                class=\"position-absolute top-0 w-100 h-100 d-flex align-center justify-center\"\n            >\n                <v-progress-circular\n                    :size=\"15\"\n                    :width=\"2\"\n                    color=\"primary\"\n                    indeterminate\n                />\n            </div>\n        </div>\n    </v-hover>\n</template>\n\n<script>\nexport const SIZE_MAP = {\n    \"x-small\": 15,\n    \"m-small\": 20,\n    small: 25,\n    medium: 30,\n    default: 40,\n    large: 50,\n    \"x-large\": 80,\n    \"xx-large\": 100,\n};\n\nexport const TASK_STATUS = [\"active\", \"paused\", \"blocked\"];\n</script>\n\n<script setup>\nimport { \n    ref,\n    computed, \n} from \"vue\";\nimport Image from \"../../../Components/Common/Image.vue\";\n\nconst props = defineProps({\n    name: {\n        type: String,\n        required: true,\n    },\n    imageSrc: String,\n    size: {\n        type: String,\n        default: \"default\",\n        validator: (value) => Object.keys(SIZE_MAP).includes(value),\n    },\n    bgColor: {\n        type: String,\n        default: \"grey-lighten-1\",\n    },\n    showTaskStatus: Boolean,\n    taskStatus: {\n        type: String,\n        default: \"active\",\n        validator: (value) => TASK_STATUS.includes(value),\n    },\n    showShield: Boolean,\n    showShiftPaused: Boolean,\n    showClose: Boolean,\n    showAssignCheck: Boolean,\n    rounded: String,\n    loading: {\n        type: Boolean,\n        default: false,\n    },\n});\n\nconst emits = defineEmits([\"assignCheckClick\", \"close\"]);\n\nconst prospus_avatar = ref(null)\n\nconst avatarSize = computed(() => SIZE_MAP[props.size] + \"px\");\nconst firstLetter = computed(() => props.name?.charAt(0).toUpperCase());\n\nconst kAvatarClasses = computed(() => ({\n    [`k-avatar-task-status--${props.taskStatus}`]: props.showTaskStatus,\n}));\n\nfunction onClick(e) {\n    e.preventDefault();\n}\n</script>\n\n<style lang=\"scss\">\n$size: v-bind(avatarSize);\n\n.k-avatar {\n    position: relative;\n    width: $size;\n    height: $size;\n    display: inline-block;\n\n    .v-avatar {\n        position: relative;\n\n        .v-img {\n            position: absolute;\n            width: $size;\n            height: $size;\n            z-index: 1;\n        }\n        span {\n            position: absolute;\n            width: $size;\n            height: $size;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            font-size: calc($size * 0.5);\n        }\n    }\n\n    > div:not(.v-avatar) {\n        position: absolute;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        width: calc($size * 0.5);\n        height: calc($size * 0.5);\n        border-radius: 50%;\n        border: 1px solid white;\n    }\n\n    .k-avatar-close {\n        top: 0%;\n        right: 0%;\n        transform: translate(20%, -25%);\n        background: #b01216;\n        cursor: pointer;\n        opacity: 0;\n        transition: opacity 300ms;\n\n        .v-icon {\n            font-size: calc($size * 0.3);\n        }\n\n        &.k-avatar-close-show {\n            opacity: 1;\n        }\n    }\n\n    .k-avatar-task-status {\n        top: 50%;\n        right: 0%;\n        transform: translate(50%, -50%);\n        background: #6fc66f;\n        border-width: 2px !important;\n    }\n\n    &.k-avatar-task-status--paused {\n        .k-avatar-task-status {\n            background: gray;\n        }\n    }\n\n    &.k-avatar-task-status--blocked {\n        .k-avatar-task-status {\n            background: #b01216;\n        }\n    }\n\n    .k-avatar-shield {\n        bottom: 0%;\n        right: 0%;\n        transform: translate(20%, 25%);\n        background: green;\n        padding-top: 1px;\n\n        span {\n            color: white;\n            font-size: calc($size * 0.375);\n        }\n    }\n\n    .k-avatar-shift {\n        top: 50%;\n        left: 0%;\n        transform: translate(-50%, -50%);\n        background: white;\n\n        span {\n            color: #36454f;\n            font-size: calc($size * 0.375);\n        }\n    }\n\n    .k-avatar-assign-check {\n        bottom: 0%;\n        left: 0%;\n        transform: translate(-25%, 25%);\n        background: green;\n        cursor: pointer;\n        transition: background 300ms;\n\n        .v-icon {\n            font-size: calc($size * 0.3);\n        }\n\n        &:hover {\n            background: #b01216;\n        }\n    }\n}\n</style>\n","// Styles\nimport \"@mdi/font/css/materialdesignicons.css\";\nimport \"vuetify/styles\";\n\n// Vuetify\nimport { createVuetify } from \"vuetify\";\n// import { md1 } from 'vuetify/blueprints';\nimport * as components from \"vuetify/components\";\nimport * as directives from \"vuetify/directives\";\n\nexport default createVuetify({\n    components,\n    directives,\n    // blueprint: md1,\n    theme: {\n        defaultTheme: \"myCustomTheme\",\n        themes: {\n            myCustomTheme: {\n                dark: false,\n                colors: {\n                    background: \"#FFFFFF\",\n                    surface: \"#FFFFFF\",\n                    //primary: '#0A2B49',\n                    primary: \"#36454f\",\n                    \"primary-1\": \"#0B2B49\",\n                    \"primary-2\": \"#0e2d45\",\n                    secondary: \"#03DAC6\",\n                    \"secondary-1\": \"#018786\",\n                    error: \"#B01216\",\n                    info: \"#0079EF\",\n                    success: \"#27ae60\",\n                    warning: \"#F36601\",\n                    // more colors\n                },\n                variables: {}, //ADD AN EMPTY OBJECT\n            },\n        },\n    },\n    defaults: {\n        global: {\n            ripple: false,\n        },\n    },\n});\n"],"names":["props","__props","is_image_working","ref","rounded_class","computed","width","is_image_ready","SIZE_MAP","TASK_STATUS","prospus_avatar","avatarSize","firstLetter","_a","kAvatarClasses","onClick","e","vuetify","createVuetify","components","directives"],"mappings":"+kBA0BA,MAAMA,EAAQC,EAiBRC,EAAmBC,EAAI,EAAI,EAE3BC,EAAgBC,EAAS,IAAML,EAAM,QAAU,WAAWA,EAAM,OAAO,GAAI,EAAE,EAC7EM,EAAQD,EAAS,IAAML,EAAM,MAAQ,GAAGA,EAAM,KAAK,KAAM,EAAE,EAC3DO,EAAiBF,EAAS,IAAMH,EAAiB,OAASF,EAAM,GAAG,otBC2B5DQ,EAAW,CACpB,UAAW,GACX,UAAW,GACX,MAAO,GACP,OAAQ,GACR,QAAS,GACT,MAAO,GACP,UAAW,GACX,WAAY,GAChB,EAEaC,EAAc,CAAC,SAAU,SAAU,SAAS,+fAUzD,MAAMT,EAAQC,EAkCRS,EAAiBP,EAAI,IAAI,EAEzBQ,EAAaN,EAAS,IAAMG,EAASR,EAAM,IAAI,EAAI,IAAI,EACvDY,EAAcP,EAAS,IAAA,OAAM,OAAAQ,EAAAb,EAAM,OAAN,YAAAa,EAAY,OAAO,GAAG,cAAa,EAEhEC,EAAiBT,EAAS,KAAO,CACnC,CAAC,yBAAyBL,EAAM,UAAU,EAAE,EAAGA,EAAM,cACzD,EAAE,EAEF,SAASe,EAAQC,EAAG,CAChBA,EAAE,eAAgB,CACtB,4uCClIAC,GAAeC,EAAc,CACzB,WAAAC,EACA,WAAAC,EAEA,MAAO,CACH,aAAc,gBACd,OAAQ,CACJ,cAAe,CACX,KAAM,GACN,OAAQ,CACJ,WAAY,UACZ,QAAS,UAET,QAAS,UACT,YAAa,UACb,YAAa,UACb,UAAW,UACX,cAAe,UACf,MAAO,UACP,KAAM,UACN,QAAS,UACT,QAAS,SAEZ,EACD,UAAW,CAAE,CAChB,CACJ,CACJ,EACD,SAAU,CACN,OAAQ,CACJ,OAAQ,EACX,CACJ,CACL,CAAC"}