{"version":3,"sources":["webpack:///./src/components/Tools/QuickLinks/QuickLinkDialog.vue?d500","webpack:///./src/components/Tools/QuickLinks/QuickSideLayout.vue?dc92","webpack:///src/components/Tools/QuickLinks/QuickSideLayout.vue","webpack:///./src/components/Tools/QuickLinks/QuickSideLayout.vue?d45b","webpack:///./src/components/Tools/QuickLinks/QuickSideLayout.vue","webpack:///./src/components/Tools/QuickLinks/QuickLinksCategory.vue?6fad","webpack:///src/components/Tools/QuickLinks/QuickLinksCategory.vue","webpack:///./src/components/Tools/QuickLinks/QuickLinksCategory.vue?5276","webpack:///./src/components/Tools/QuickLinks/QuickLinksCategory.vue","webpack:///src/components/Tools/QuickLinks/QuickLinkDialog.vue","webpack:///./src/components/Tools/QuickLinks/QuickLinkDialog.vue?1966","webpack:///./src/components/Tools/QuickLinks/QuickLinkDialog.vue","webpack:///./src/components/Tools/QuickLinks/QuickSideLayout.vue?3d61","webpack:///./src/components/Tools/QuickLinks/QuickLinksCategory.vue?cce0","webpack:///./src/common/utils/cloudinaryUtils.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","champsLeftPanel","_e","attrs","_v","_s","myToolsConstants","QUICK_LINKS","Manage_My_Quick_Links","on","closeDialogBox","staticClass","editableCategoryList","editableQuickLinks","length","selectedCategory","updateSelectedCategory","hasChanges","addQuickLink","hideQuickLink","resetQuickLinks","saveNewLinks","updateQuickLinksForSave","closeQuickLinkDialog","staticRenderFns","_l","category","index","key","class","isActive","$event","setSelectedCategory","displayName","getCategoryLength","component","info_text","draggableOptions","categoryData","links","changeOrder","quickLink","sizeFormattedImageUrl","iconUrl","name","quickLinkLabel","hideIcon","appCommonConstants","HIDE","isQuickLink","addDisabled","addIcon","ADD","saveAction","canSave","cancel","CANCEL","noActiveQuickLinks","save","SAVE","addHeightWidthToUrl","urlFrag","height","width","url","result","imageUploadString","includes","urlFrags","split","stringUpdated","sizeFormattedImageUrlWithFaceFocused","sanitizeVideoUrl","replace"],"mappings":"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","file":"js/chunk-73602ba2.de55a6fb.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-layout',[_c('v-flex',[_c('v-card',[(!_vm.champsLeftPanel)?_c('v-flex',{attrs:{\"tag\":\"h2\",\"data-qe-id\":\"Manage_My_Quick_LinkDialog\"}},[_vm._v(\"\\n                \"+_vm._s(_vm.myToolsConstants.QUICK_LINKS.Manage_My_Quick_Links)+\"\\n                \"),_c('v-btn',{attrs:{\"data-qe-id\":\"quickLinkDialog_closeBtn\",\"icon\":\"\"},on:{\"click\":_vm.closeDialogBox}},[_c('v-icon',{attrs:{\"size\":\"25\",\"data-qe-id\":\"quickLinkDialog_CloseIcon\"}},[_vm._v(\"close\")])],1)],1):_vm._e(),_c('v-layout',{staticClass:\"quick-links-popup__container\",attrs:{\"row\":\"\",\"wrap\":\"\"}},[_c('v-flex',{attrs:{\"xs5\":\"\",\"sm3\":\"\"}},[_c('quick-side-layout',{attrs:{\"category-list\":_vm.editableCategoryList,\"my-quick-links-length\":_vm.editableQuickLinks.length,\"selected-category\":_vm.selectedCategory,\"selected-category-handler\":_vm.updateSelectedCategory}})],1),_c('v-flex',{attrs:{\"xs7\":\"\",\"sm9\":\"\"}},[_c('quick-links-category',{attrs:{\"can-save\":_vm.hasChanges,\"handle-add-quick-link\":_vm.addQuickLink,\"handle-hide-quick-link\":_vm.hideQuickLink,\"handle-cancel\":_vm.resetQuickLinks,\"handle-save\":_vm.saveNewLinks,\"my-quick-links-length\":_vm.editableQuickLinks.length,\"selected-category\":_vm.selectedCategory,\"handle-edited-quick-links\":_vm.updateQuickLinksForSave,\"close-quick-link-dialog\":_vm.closeQuickLinkDialog}})],1)],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-layout',{attrs:{\"fill-height\":\"\"}},[_c('v-flex',{staticClass:\"quick-link-items\"},_vm._l((_vm.categoryList),function(category,index){return _c('v-flex',{key:category.key,class:['quick-link-items__row', _vm.isActive(category)],attrs:{\"id\":category.key,\"data-qe-id\":'quickLink_SideIcon' + index},on:{\"click\":function($event){return _vm.setSelectedCategory(category)}}},[_vm._v(\"\\n            \"+_vm._s(category.displayName)+\" (\"+_vm._s(_vm.getCategoryLength(category))+\")\\n        \")])}),1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <v-layout fill-height>\r\n        <v-flex class=\"quick-link-items\">\r\n            <v-flex\r\n                v-for=\"(category, index) in categoryList\"\r\n                :key=\"category.key\"\r\n                :class=\"['quick-link-items__row', isActive(category)]\"\r\n                @click=\"setSelectedCategory(category)\"\r\n                :id=\"category.key\"\r\n                :data-qe-id=\"'quickLink_SideIcon' + index\"\r\n            >\r\n                {{ category.displayName }} ({{ getCategoryLength(category) }})\r\n            </v-flex>\r\n        </v-flex>\r\n    </v-layout>\r\n</template>\r\n\r\n<script>\r\nimport { myToolsConstants } from '../mytools.constant.js';\r\n\r\nexport default {\r\n    name: 'QuickSideLayout',\r\n    data: () => ({\r\n        myToolsConstants,\r\n    }),\r\n    props: {\r\n        categoryList: {\r\n            type: Array,\r\n            required: true,\r\n        },\r\n        selectedCategory: {\r\n            type: Object,\r\n            required: true,\r\n        },\r\n        selectedCategoryHandler: {\r\n            type: Function,\r\n            required: true,\r\n        },\r\n        myQuickLinksLength: {\r\n            type: Number,\r\n            required: true,\r\n            default: 0,\r\n        },\r\n    },\r\n    methods: {\r\n        setSelectedCategory(category) {\r\n            this.selectedCategoryHandler(category);\r\n        },\r\n        isActive(category) {\r\n            return this.selectedCategory && this.selectedCategory.key === category.key ? 'selectedLink' : '';\r\n        },\r\n        getCategoryLength(category) {\r\n            return category && category.key === myToolsConstants.QUICK_LINKS.QuickLinks\r\n                ? `${this.myQuickLinksLength} of ${myToolsConstants.QUICK_LINKS.TWENTY_FOUR}`\r\n                : category.links.length;\r\n        },\r\n    },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@import '../../../common/styles/_colors.scss';\r\n@import '../../../common/styles/_responsive.scss';\r\n\r\n.quickLink-dialog {\r\n    .dialog-title {\r\n        height: 29px !important;\r\n        width: 250px !important;\r\n        color: $ypo-blue-dark-background !important;\r\n        font-family: Raleway, serif !important;\r\n        font-size: 24px !important;\r\n        letter-spacing: 0.17px !important;\r\n        line-height: 29px !important;\r\n    }\r\n}\r\n\r\n.quick-link-items {\r\n    border-right: 1px solid $ypo-medium-gray;\r\n    margin-top: 20px;\r\n\r\n    &__row {\r\n        padding: 0 20px;\r\n        cursor: pointer !important;\r\n        margin-bottom: 30px;\r\n        transition: 0.3s;\r\n        position: relative;\r\n        color: $ypo-cta;\r\n        font-size: 14px;\r\n        line-height: 20px;\r\n\r\n        &:hover {\r\n            color: $ypo_blue;\r\n        }\r\n\r\n        &.selectedLink {\r\n            color: $ypo_blue;\r\n            font-weight: 600;\r\n\r\n            &::before {\r\n                content: '';\r\n                width: 2px;\r\n                height: 30px;\r\n                background: $ypo_blue;\r\n                position: absolute;\r\n                right: -1px;\r\n            }\r\n        }\r\n    }\r\n}\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./QuickSideLayout.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./QuickSideLayout.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./QuickSideLayout.vue?vue&type=template&id=4d7a356b&scoped=true&\"\nimport script from \"./QuickSideLayout.vue?vue&type=script&lang=js&\"\nexport * from \"./QuickSideLayout.vue?vue&type=script&lang=js&\"\nimport style0 from \"./QuickSideLayout.vue?vue&type=style&index=0&id=4d7a356b&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"4d7a356b\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.selectedCategory)?_c('v-layout',[_c('v-flex',[_c('v-layout',{attrs:{\"row\":\"\",\"wrap\":\"\"}},[_c('div',{staticClass:\"quicklink-layoutview inner-scrollbar\",attrs:{\"id\":\"listImgs\"}},[(_vm.isQuickLink)?_c('span',{staticClass:\"quicklink-layoutview__info_text\",attrs:{\"data-qe-id\":\"MyToolsConstants_QuickLinks\"}},[_vm._v(_vm._s(_vm.myToolsConstants.QUICK_LINKS.info_text))]):_vm._e(),_c('draggable',{attrs:{\"options\":_vm.draggableOptions,\"list\":_vm.categoryData.links},on:{\"end\":_vm.changeOrder}},_vm._l((_vm.categoryData.links),function(quickLink,index){return _c('div',{key:index,staticClass:\"quicklink-layoutview__image\"},[_c('div',[_c('v-img',{attrs:{\"src\":_vm.sizeFormattedImageUrl(quickLink.iconUrl, 150, 150),\"position\":\"center center\",\"alt\":quickLink.name,\"data-qe-id\":'quickLink_Image' + index}}),_c('v-flex',{staticClass:\"quicklink-layoutview__actions\"},[_c('strong',{attrs:{\"title\":quickLink.name,\"data-qe-id\":'quickLink_title' + index}},[_vm._v(_vm._s(quickLink.name))]),_c('span',{attrs:{\"data-qe-id\":'quickLink_label' + index}},[_vm._v(_vm._s(_vm.quickLinkLabel(quickLink)))])]),(_vm.isQuickLink)?_c('v-btn',{staticClass:\"edit-category__btn\",attrs:{\"id\":(\"hide_unitTest_\" + index),\"data-qe-id\":'quickLink_hideBtn' + index,\"outline\":\"\"},on:{\"click\":function($event){return _vm.hideIcon(quickLink)}}},[_vm._v(_vm._s(_vm.appCommonConstants.HIDE))]):_vm._e(),(!_vm.isQuickLink)?_c('v-btn',{staticClass:\"edit-category__btn add\",attrs:{\"id\":(\"add_unitTest_\" + index),\"data-qe-id\":'quickLink_addBtn' + index,\"disabled\":_vm.addDisabled,\"outline\":\"\"},on:{\"click\":function($event){return _vm.addIcon(quickLink)}}},[_vm._v(_vm._s(_vm.appCommonConstants.ADD))]):_vm._e()],1)])}),0)],1),_c('v-flex',{attrs:{\"mr-4\":\"\"}},[_c('status-bar',{attrs:{\"action\":_vm.saveAction}}),_c('v-layout',{attrs:{\"justify-end\":\"\"}},[_c('v-btn',{staticClass:\"primary_btn transparent\",attrs:{\"id\":\"quicklink_btn_cancel\",\"data-qe-id\":\"'quickLinks_Cancel\",\"disabled\":!_vm.canSave},on:{\"click\":_vm.cancel}},[_vm._v(_vm._s(_vm.appCommonConstants.CANCEL)+\"\\n                    \")]),_c('v-btn',{staticClass:\"primary_btn\",attrs:{\"id\":\"quicklink_btn_save\",\"disabled\":!_vm.canSave || _vm.noActiveQuickLinks,\"data-qe-id\":\"'quickLinks_Save\"},on:{\"click\":_vm.save}},[_vm._v(_vm._s(_vm.appCommonConstants.SAVE))])],1)],1)],1)],1)],1):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <v-layout v-if=\"selectedCategory\">\r\n        <v-flex>\r\n            <v-layout row wrap>\r\n                <div id=\"listImgs\" class=\"quicklink-layoutview inner-scrollbar\">\r\n                    <span\r\n                        v-if=\"isQuickLink\"\r\n                        class=\"quicklink-layoutview__info_text\"\r\n                        data-qe-id=\"MyToolsConstants_QuickLinks\"\r\n                        >{{ myToolsConstants.QUICK_LINKS.info_text }}</span\r\n                    >\r\n                    <draggable :options=\"draggableOptions\" :list=\"categoryData.links\" @end=\"changeOrder\">\r\n                        <div\r\n                            v-for=\"(quickLink, index) in categoryData.links\"\r\n                            :key=\"index\"\r\n                            class=\"quicklink-layoutview__image\"\r\n                        >\r\n                            <div>\r\n                                <v-img\r\n                                    :src=\"sizeFormattedImageUrl(quickLink.iconUrl, 150, 150)\"\r\n                                    position=\"center center\"\r\n                                    :alt=\"quickLink.name\"\r\n                                    :data-qe-id=\"'quickLink_Image' + index\"\r\n                                ></v-img>\r\n                                <v-flex class=\"quicklink-layoutview__actions\">\r\n                                    <strong :title=\"quickLink.name\" :data-qe-id=\"'quickLink_title' + index\">{{\r\n                                        quickLink.name\r\n                                    }}</strong>\r\n                                    <span :data-qe-id=\"'quickLink_label' + index\">{{ quickLinkLabel(quickLink) }}</span>\r\n                                </v-flex>\r\n                                <v-btn\r\n                                    :id=\"`hide_unitTest_${index}`\"\r\n                                    v-if=\"isQuickLink\"\r\n                                    class=\"edit-category__btn\"\r\n                                    @click=\"hideIcon(quickLink)\"\r\n                                    :data-qe-id=\"'quickLink_hideBtn' + index\"\r\n                                    outline\r\n                                    >{{ appCommonConstants.HIDE }}</v-btn\r\n                                >\r\n                                <v-btn\r\n                                    :id=\"`add_unitTest_${index}`\"\r\n                                    v-if=\"!isQuickLink\"\r\n                                    class=\"edit-category__btn add\"\r\n                                    @click=\"addIcon(quickLink)\"\r\n                                    :data-qe-id=\"'quickLink_addBtn' + index\"\r\n                                    :disabled=\"addDisabled\"\r\n                                    outline\r\n                                    >{{ appCommonConstants.ADD }}</v-btn\r\n                                >\r\n                            </div>\r\n                        </div>\r\n                    </draggable>\r\n                </div>\r\n                <v-flex mr-4>\r\n                    <status-bar :action=\"saveAction\"></status-bar>\r\n                    <v-layout justify-end>\r\n                        <v-btn\r\n                            id=\"quicklink_btn_cancel\"\r\n                            data-qe-id=\"'quickLinks_Cancel\"\r\n                            :disabled=\"!canSave\"\r\n                            @click=\"cancel\"\r\n                            class=\"primary_btn transparent\"\r\n                            >{{ appCommonConstants.CANCEL }}\r\n                        </v-btn>\r\n                        <v-btn\r\n                            id=\"quicklink_btn_save\"\r\n                            :disabled=\"!canSave || noActiveQuickLinks\"\r\n                            data-qe-id=\"'quickLinks_Save\"\r\n                            class=\"primary_btn\"\r\n                            @click=\"save\"\r\n                            >{{ appCommonConstants.SAVE }}</v-btn\r\n                        >\r\n                    </v-layout>\r\n                </v-flex>\r\n            </v-layout>\r\n        </v-flex>\r\n    </v-layout>\r\n</template>\r\n\r\n<script>\r\nimport { mapActions, mapState } from 'vuex';\r\nimport { storeAction } from '../../../store/storeActions.constant';\r\nimport draggable from 'vuedraggable';\r\nimport { appCommonConstants } from '../../appCommon.constants';\r\nimport { myToolsConstants } from '../mytools.constant.js';\r\nimport StatusBar from '../../StatusBar/StatusBar';\r\nimport { sizeFormattedImageUrl } from \"@/common/utils/cloudinaryUtils\";\r\n\r\nexport default {\r\n    name: 'QuickLinksCategory',\r\n    data: () => ({\r\n        myToolsConstants,\r\n        appCommonConstants,\r\n        categoryData: null,\r\n        isReordered: false,\r\n        sizeFormattedImageUrl,\r\n    }),\r\n    created() {\r\n        this.categoryData = { ...this.selectedCategory };\r\n    },\r\n    watch: {\r\n        selectedCategory() {\r\n            this.categoryData = { ...this.selectedCategory };\r\n        },\r\n    },\r\n    components: {\r\n        StatusBar,\r\n        draggable,\r\n    },\r\n    props: {\r\n        closeQuickLinkDialog: {\r\n            type: Function,\r\n            required: true,\r\n        },\r\n        selectedCategory: {\r\n            type: Object,\r\n            required: true,\r\n        },\r\n        canSave: {\r\n            type: Boolean,\r\n            required: true,\r\n            default: false,\r\n        },\r\n        myQuickLinksLength: {\r\n            type: Number,\r\n            required: true,\r\n        },\r\n        handleCancel: {\r\n            type: Function,\r\n            required: true,\r\n        },\r\n        handleSave: {\r\n            type: Function,\r\n            required: true,\r\n        },\r\n        handleEditedQuickLinks: {\r\n            type: Function,\r\n            required: true,\r\n        },\r\n        handleHideQuickLink: {\r\n            type: Function,\r\n            required: true,\r\n        },\r\n        handleAddQuickLink: {\r\n            type: Function,\r\n            required: true,\r\n        },\r\n    },\r\n    methods: {\r\n        ...mapActions({\r\n            saveQuickLinks: `tools/${storeAction.saveQuickLinks}`,\r\n            getCategoryLinks: `tools/${storeAction.getCategoryLinks}`,\r\n        }),\r\n        changeOrder() {\r\n            this.categoryData.links.forEach((link, index) => {\r\n                link.iconOrder = index;\r\n            });\r\n            this.handleEditedQuickLinks(this.categoryData.links);\r\n        },\r\n        cancel() {\r\n            this.isReordered = false;\r\n            this.handleCancel();\r\n        },\r\n        save() {\r\n            this.handleSave();\r\n        },\r\n        hideIcon(quickLink) {\r\n            this.categoryData.links = this.categoryData.links.filter((item) => item.id !== quickLink.id);\r\n            this.handleEditedQuickLinks(this.categoryData.links);\r\n            this.handleHideQuickLink(quickLink);\r\n        },\r\n        addIcon(quickLink) {\r\n            this.categoryData.links = this.categoryData.links.filter((item) => item.id !== quickLink.id);\r\n            this.handleAddQuickLink(quickLink);\r\n        },\r\n        quickLinkLabel(quickLink) {\r\n            return quickLink.label === this.myToolsConstants.QUICK_LINKS.Resource\r\n                ? ''\r\n                : `${this.myToolsConstants.QUICK_LINKS.My} ${quickLink.label}`;\r\n        },\r\n    },\r\n\r\n    computed: {\r\n        ...mapState('actionState', ['actions']),\r\n        saveAction() {\r\n            return this.actions[storeAction.saveQuickLinks];\r\n        },\r\n        draggableOptions() {\r\n            return {\r\n                animation: 300,\r\n                disabled: !this.isQuickLink,\r\n            };\r\n        },\r\n        isQuickLink() {\r\n            return this.selectedCategory.key === this.myToolsConstants.QUICK_LINKS.QuickLinks;\r\n        },\r\n        addDisabled() {\r\n            return this.myQuickLinksLength >= myToolsConstants.QUICK_LINKS.TWENTY_FOUR;\r\n        },\r\n        noActiveQuickLinks() {\r\n            return this.myQuickLinksLength === 0;\r\n        },\r\n    },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@import '../../../common/styles/_colors.scss';\r\n@import '../../../common/styles/_responsive.scss';\r\n\r\n.quicklink-layoutview {\r\n    min-height: 70vh;\r\n    width: 100%;\r\n    position: relative;\r\n    padding: 50px 0 0 10px;\r\n    max-height: 70vh;\r\n    overflow-y: auto;\r\n\r\n    .alert__box {\r\n        &__success {\r\n            background: $ypo-gold;\r\n            color: $white;\r\n            position: relative;\r\n            padding: 10px 10px 10px 45px;\r\n            font-size: 12px;\r\n            text-transform: initial;\r\n            line-height: normal;\r\n            margin-bottom: 13px;\r\n            margin-top: 0px;\r\n            margin-left: 5px;\r\n\r\n            i {\r\n                font-size: 28px !important;\r\n                color: $white !important;\r\n                position: absolute;\r\n                left: 10px;\r\n                top: 0;\r\n                bottom: 0;\r\n            }\r\n        }\r\n\r\n        &__failure {\r\n            background: $ypo-red;\r\n            color: $white;\r\n            position: relative;\r\n            padding: 10px 10px 10px 45px;\r\n            font-size: 12px;\r\n            text-transform: initial;\r\n            line-height: normal;\r\n            margin-bottom: 13px;\r\n            margin-top: 0px;\r\n            margin-left: 5px;\r\n\r\n            i {\r\n                font-size: 28px !important;\r\n                color: $white !important;\r\n                position: absolute;\r\n                left: 10px;\r\n                top: 0;\r\n                bottom: 0;\r\n            }\r\n        }\r\n    }\r\n\r\n    &__image {\r\n        text-align: center;\r\n        width: 150px;\r\n        display: inline-block;\r\n        vertical-align: top;\r\n        margin-bottom: 30px;\r\n        cursor: move;\r\n\r\n        &.sortable-chosen {\r\n            background: $ypo-extra-light-gray;\r\n        }\r\n        .v-image {\r\n            width: 54px;\r\n            left: 50%;\r\n            margin-left: -27px;\r\n        }\r\n    }\r\n\r\n    &__actions {\r\n        min-height: 35px;\r\n        margin-top: 5px;\r\n\r\n        strong {\r\n            color: $ypo-dark-gray;\r\n            font-size: 10px;\r\n            line-height: 14px;\r\n            text-align: center;\r\n            display: block;\r\n            font-weight: 500;\r\n            text-overflow: ellipsis;\r\n            white-space: nowrap;\r\n            overflow: hidden;\r\n        }\r\n\r\n        span {\r\n            color: $ypo-text-border;\r\n            font-size: 9px;\r\n            line-height: 14px;\r\n            text-align: center;\r\n            display: block;\r\n        }\r\n    }\r\n\r\n    &__info_text {\r\n        color: $ypo-gray;\r\n        font-size: 12px;\r\n        line-height: 18px;\r\n        position: absolute;\r\n        left: 25px;\r\n        top: 20px;\r\n    }\r\n    @media (max-width: 767px) {\r\n        padding-top: 15px;\r\n        max-height: calc(100vh - 300px);\r\n        min-height: calc(100vh - 300px);\r\n        &__info_text {\r\n            position: relative;\r\n            left: 0;\r\n            top: 0px;\r\n        }\r\n    }\r\n}\r\n\r\n/* grid layout */\r\n/********************************/\r\n.vue-grid-layout {\r\n    background: $white;\r\n    width: 100%;\r\n}\r\n\r\n.edit-category__btn {\r\n    font-size: 12px;\r\n    text-transform: inherit;\r\n    border: 1px solid $ypo-red;\r\n    border-radius: 20px;\r\n    color: $ypo-red;\r\n    padding: 2px 20px;\r\n    height: auto;\r\n    margin: 0;\r\n    min-width: auto;\r\n\r\n    &.add {\r\n        background: $ypo-green !important;\r\n        border: 1px solid $ypo-green;\r\n        color: $white;\r\n    }\r\n\r\n    &.v-btn--disabled {\r\n        border: 1px solid rgba($black, 0.12) !important;\r\n        pointer-events: inherit;\r\n    }\r\n    @include breakpoint(xs) {\r\n        padding: 4px 25px;\r\n    }\r\n}\r\n\r\n.item-border {\r\n    border: 1px solid $ypo-gray !important;\r\n    border-radius: 10px;\r\n}\r\n\r\n.vue-resizable-handle {\r\n    z-index: 5001;\r\n    position: relative;\r\n    width: 45px;\r\n    height: 45px;\r\n    bottom: 0;\r\n    right: 0;\r\n    background-position: bottom right;\r\n    padding: 0 3px 3px 0;\r\n    background-repeat: no-repeat;\r\n    background-origin: content-box;\r\n    box-sizing: border-box;\r\n    cursor: pointer;\r\n}\r\n\r\n.vue-grid-item:not(.vue-grid-placeholder) {\r\n    background: $white;\r\n    border: 1px solid $white;\r\n    text-align: center;\r\n}\r\n\r\n.vue-grid-item.resizing {\r\n    opacity: 0.9;\r\n}\r\n\r\n.vue-grid-item.static {\r\n    background: $white;\r\n}\r\n\r\n.vue-grid-item {\r\n    :hover {\r\n        cursor: pointer;\r\n    }\r\n}\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./QuickLinksCategory.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./QuickLinksCategory.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./QuickLinksCategory.vue?vue&type=template&id=082e9d34&scoped=true&\"\nimport script from \"./QuickLinksCategory.vue?vue&type=script&lang=js&\"\nexport * from \"./QuickLinksCategory.vue?vue&type=script&lang=js&\"\nimport style0 from \"./QuickLinksCategory.vue?vue&type=style&index=0&id=082e9d34&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"082e9d34\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n    <v-layout>\r\n        <v-flex>\r\n            <v-card>\r\n                <v-flex tag=\"h2\" v-if=\"!champsLeftPanel\" data-qe-id=\"Manage_My_Quick_LinkDialog\">\r\n                    {{ myToolsConstants.QUICK_LINKS.Manage_My_Quick_Links }}\r\n                    <v-btn @click=\"closeDialogBox\" data-qe-id=\"quickLinkDialog_closeBtn\" icon>\r\n                        <v-icon size=\"25\" data-qe-id=\"quickLinkDialog_CloseIcon\">close</v-icon>\r\n                    </v-btn>\r\n                </v-flex>\r\n                <v-layout row wrap class=\"quick-links-popup__container\">\r\n                    <v-flex xs5 sm3>\r\n                        <quick-side-layout\r\n                            :category-list=\"editableCategoryList\"\r\n                            :my-quick-links-length=\"editableQuickLinks.length\"\r\n                            :selected-category=\"selectedCategory\"\r\n                            :selected-category-handler=\"updateSelectedCategory\"\r\n                        >\r\n                        </quick-side-layout>\r\n                    </v-flex>\r\n                    <v-flex xs7 sm9>\r\n                        <quick-links-category\r\n                            :can-save=\"hasChanges\"\r\n                            :handle-add-quick-link=\"addQuickLink\"\r\n                            :handle-hide-quick-link=\"hideQuickLink\"\r\n                            :handle-cancel=\"resetQuickLinks\"\r\n                            :handle-save=\"saveNewLinks\"\r\n                            :my-quick-links-length=\"editableQuickLinks.length\"\r\n                            :selected-category=\"selectedCategory\"\r\n                            :handle-edited-quick-links=\"updateQuickLinksForSave\"\r\n                            :close-quick-link-dialog=\"closeQuickLinkDialog\"\r\n                        >\r\n                        </quick-links-category>\r\n                    </v-flex>\r\n                </v-layout>\r\n            </v-card>\r\n        </v-flex>\r\n    </v-layout>\r\n</template>\r\n\r\n<script>\r\nimport QuickSideLayout from './QuickSideLayout';\r\nimport QuickLinksCategory from './QuickLinksCategory';\r\nimport { mapActions, mapGetters } from 'vuex';\r\nimport { storeGetters } from '../../../store/storeGetters.constant';\r\nimport { addOrderToList, myToolsConstants } from '../mytools.constant';\r\nimport { storeAction } from '../../../store/storeActions.constant';\r\n\r\nexport default {\r\n    name: 'QuickLinkDialog',\r\n    data: () => ({\r\n        editableQuickLinks: null,\r\n        editableCategoryList: null,\r\n        selectedCategory: null,\r\n        myToolsConstants,\r\n    }),\r\n    created() {\r\n        this.editableQuickLinks = [...this.myQuickLinks];\r\n        this.editableCategoryList = [...this.categoryMaster];\r\n        this.selectedCategory = this.categoryMaster && this.categoryMaster[0] ? { ...this.categoryMaster[0] } : null;\r\n        if (this.selectedCategory) {\r\n            this.selectedCategory = {\r\n                ...this.selectedCategory,\r\n                links: [...this.myQuickLinks],\r\n            };\r\n        }\r\n    },\r\n    components: {\r\n        QuickSideLayout,\r\n        QuickLinksCategory,\r\n    },\r\n    props: {\r\n        closeQuickLinkDialog: {\r\n            type: Function,\r\n            required: true,\r\n        },\r\n        champsLeftPanel: {\r\n            type: Boolean,\r\n        },\r\n    },\r\n    methods: {\r\n        ...mapActions({\r\n            saveQuickLinks: `tools/${storeAction.saveQuickLinks}`,\r\n        }),\r\n        closeDialogBox() {\r\n            this.resetQuickLinks();\r\n            this.closeQuickLinkDialog();\r\n        },\r\n        updateSelectedCategory(category) {\r\n            this.selectedCategory = category || null;\r\n            if (category.key === myToolsConstants.QUICK_LINKS.QuickLinks) {\r\n                this.selectedCategory = {\r\n                    ...this.selectedCategory,\r\n                    links: [...this.editableQuickLinks],\r\n                };\r\n            }\r\n        },\r\n        updateQuickLinksForSave(links) {\r\n            this.editableQuickLinks = [...links];\r\n        },\r\n        hideQuickLink(quickLink) {\r\n            const categoryIndex = this.editableCategoryList.indexOf(\r\n                this.editableCategoryList.find((item) => item.key.toLowerCase() === quickLink.label.toLowerCase()),\r\n            );\r\n\r\n            if (this.editableCategoryList[categoryIndex]) {\r\n                this.editableCategoryList[categoryIndex] = {\r\n                    ...this.editableCategoryList[categoryIndex],\r\n                    links: [{ ...quickLink }, ...this.editableCategoryList[categoryIndex].links],\r\n                };\r\n            }\r\n        },\r\n        addQuickLink(quickLink) {\r\n            const categoryIndex = this.editableCategoryList.indexOf(\r\n                this.editableCategoryList.find((item) => item.key.toLowerCase() === quickLink.label.toLowerCase()),\r\n            );\r\n\r\n            if (this.editableCategoryList[categoryIndex]) {\r\n                this.editableCategoryList[categoryIndex] = {\r\n                    ...this.editableCategoryList[categoryIndex],\r\n                    links: this.editableCategoryList[categoryIndex].links.filter((item) => item.id !== quickLink.id),\r\n                };\r\n            }\r\n\r\n            this.editableQuickLinks = [\r\n                {\r\n                    ...quickLink,\r\n                    isAdded: !quickLink.hasOwnProperty('personId'),\r\n                },\r\n                ...this.editableQuickLinks,\r\n            ];\r\n        },\r\n        resetQuickLinks() {\r\n            this.editableQuickLinks = addOrderToList([...this.myQuickLinks]);\r\n            this.editableCategoryList = [...this.categoryMaster];\r\n\r\n            const resetSelectedCategory = this.categoryMaster.find((item) => item.key === this.selectedCategory.key);\r\n\r\n            this.selectedCategory = { ...resetSelectedCategory };\r\n            if (this.selectedCategory.key === myToolsConstants.QUICK_LINKS.QuickLinks) {\r\n                this.selectedCategory = {\r\n                    ...this.selectedCategory,\r\n                    links: [...this.editableQuickLinks],\r\n                };\r\n            }\r\n        },\r\n        saveNewLinks() {\r\n            const quickLinkPayload = [];\r\n            let iconOrder = 1;\r\n            this.editableQuickLinks.forEach((quickLink) => {\r\n                quickLink.iconOrder = iconOrder;\r\n                quickLinkPayload.push(quickLink);\r\n                iconOrder += 1;\r\n            });\r\n            this.saveQuickLinks(quickLinkPayload).then(() => {\r\n                this.closeQuickLinkDialog();\r\n            });\r\n        },\r\n    },\r\n    computed: {\r\n        ...mapGetters({\r\n            myQuickLinks: `tools/${storeGetters.myQuickLinks}`,\r\n            categoryMaster: `tools/${storeGetters.categoryMaster}`,\r\n        }),\r\n        hasChanges() {\r\n            let result = false;\r\n            if (this.editableQuickLinks && this.myQuickLinks) {\r\n                if (this.editableQuickLinks.length !== this.myQuickLinks.length) {\r\n                    result = true;\r\n                } else {\r\n                    this.editableQuickLinks.forEach((item) => {\r\n                        if (this.editableQuickLinks.indexOf(item) !== this.myQuickLinks.indexOf(item)) {\r\n                            result = true;\r\n                        }\r\n                    });\r\n                }\r\n            }\r\n            return result;\r\n        },\r\n    },\r\n};\r\n</script>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./QuickLinkDialog.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./QuickLinkDialog.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./QuickLinkDialog.vue?vue&type=template&id=180ebc42&\"\nimport script from \"./QuickLinkDialog.vue?vue&type=script&lang=js&\"\nexport * from \"./QuickLinkDialog.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./QuickSideLayout.vue?vue&type=style&index=0&id=4d7a356b&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./QuickSideLayout.vue?vue&type=style&index=0&id=4d7a356b&lang=scss&scoped=true&\"","import mod from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./QuickLinksCategory.vue?vue&type=style&index=0&id=082e9d34&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./QuickLinksCategory.vue?vue&type=style&index=0&id=082e9d34&lang=scss&scoped=true&\"","\r\nconst addHeightWidthToUrl = (urlFrag, height, width) => {\r\n    if (height) urlFrag = `${urlFrag}h_${height}`;\r\n    if (width && !height) urlFrag = `${urlFrag}w_${width}`;\r\n    else if (width) urlFrag = `${urlFrag},w_${width}`;\r\n    urlFrag = `${urlFrag}/`;\r\n    return urlFrag;\r\n};\r\n\r\nexport const sizeFormattedImageUrl = (url, height, width) => {\r\n    let result = url;\r\n    const imageUploadString = \"/image/upload/\";\r\n    if (url && url.length && url.includes(imageUploadString)) {\r\n        const urlFrags = url.split(imageUploadString);\r\n        if (urlFrags.length === 2) {\r\n            let stringUpdated = height && width ? `${imageUploadString}c_limit,c_fit,` : `${imageUploadString}c_limit,`;\r\n            stringUpdated = addHeightWidthToUrl(stringUpdated, height, width);\r\n            result = `${urlFrags[0]}${stringUpdated}${urlFrags[1]}`;\r\n        }\r\n    }\r\n    return result;\r\n};\r\n\r\nexport const sizeFormattedImageUrlWithFaceFocused = (url, height, width) => {\r\n    let result = url;\r\n    const imageUploadString = \"/image/upload/\";\r\n    if (url && url.length && url.includes(imageUploadString)) {\r\n        const urlFrags = url.split(imageUploadString);\r\n        if (urlFrags.length === 2) {\r\n            let stringUpdated = height && width ? `${imageUploadString}c_limit,c_fill,g_face,` : imageUploadString;\r\n            stringUpdated = addHeightWidthToUrl(stringUpdated, height, width);\r\n            result = `${urlFrags[0]}${stringUpdated}${urlFrags[1]}`;\r\n        }\r\n    }\r\n    return result;\r\n};\r\n\r\nexport const sanitizeVideoUrl = (url) => {\r\n    return url.includes('/image/upload') ? url.replace(\"/image/upload\", \"/video/upload\") : url;\r\n};\r\n"],"sourceRoot":""}