@intellias/menu 3.0.0 → 3.0.2

package/dist/css/main.css

@@ -1,7 +1,3 @@
-@import url(https://fonts.googleapis.com/css?family=Play:400,700&display=swap);
-@import url(https://fonts.googleapis.com/css?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap);
-@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&display=swap);
-@import url(https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap);
 [data-v-47941d80]:root {
   --bg-primary-light:#F4F4F4;
   --bg-primary-dark:#262626;
@@ -3488,6 +3484,9 @@
   margin: var(--spacing-2) auto;
   background-color: var(--icon-primary);
 }
+.notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__header .note-title-row .sub-menu {
+  margin: 0;
+}
 .notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__header .note-title-row .sub-menu li {
   background-color: var(--surface-primary);
 }
@@ -3522,6 +3521,7 @@
 }
 .notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .default-tabs {
   position: relative;
+  display: flex;
   height: 48px;
   border-bottom: 1px var(--border) solid;
   background-color: var(--surface-primary);
@@ -3537,7 +3537,6 @@
 .notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .default-tabs button.tab {
   height: auto;
   padding: 0 var(--spacing-10);
-  margin-top: var(--spacing-20);
   font-size: var(--font-size-12);
   text-transform: initial;
   color: var(--text-tertiary);

package/dist/js/main.js

@@ -540,7 +540,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _nod
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var vue_custom_scrollbar__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue-custom-scrollbar */ \"./node_modules/vue-custom-scrollbar/dist/vueScrollbar.umd.min.js\");\n/* harmony import */ var vue_custom_scrollbar__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(vue_custom_scrollbar__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var v_dropdown_menu_vue2__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! v-dropdown-menu/vue2 */ \"./node_modules/v-dropdown-menu/vue2/index.js\");\n/* harmony import */ var v_dropdown_menu_vue2__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(v_dropdown_menu_vue2__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var vue_tabs_with_active_line__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! vue-tabs-with-active-line */ \"./node_modules/vue-tabs-with-active-line/dist/vue-tabs-with-active-line.esm.js\");\n/* harmony import */ var _helpers_QueryFilter__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../helpers/QueryFilter */ \"./helpers/QueryFilter.ts\");\n/* harmony import */ var _models_user_NotificationModel__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../models/user/NotificationModel */ \"./models/user/NotificationModel.ts\");\n/* harmony import */ var _notification_Notification_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./notification/Notification.vue */ \"./components/notifications-sidebar/notification/Notification.vue\");\n/* harmony import */ var _buttons_action_button_ActionButton_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../buttons/action-button/ActionButton.vue */ \"./components/buttons/action-button/ActionButton.vue\");\n/* harmony import */ var _request_loader_RequestLoader_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../request-loader/RequestLoader.vue */ \"./components/request-loader/RequestLoader.vue\");\n/* harmony import */ var _preloader_Preloader_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../preloader/Preloader.vue */ \"./components/preloader/Preloader.vue\");\n/* harmony import */ var _helpers_model_ModelHelper__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../helpers/model/ModelHelper */ \"./helpers/model/ModelHelper.ts\");\n/* harmony import */ var _models_BroadcastNotificationPayload__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./models/BroadcastNotificationPayload */ \"./components/notifications-sidebar/models/BroadcastNotificationPayload.ts\");\n/* harmony import */ var v_dropdown_menu_dist_vue2_v_dropdown_menu_css__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! v-dropdown-menu/dist/vue2/v-dropdown-menu.css */ \"./node_modules/v-dropdown-menu/dist/vue2/v-dropdown-menu.css\");\n/* harmony import */ var v_dropdown_menu_dist_vue2_v_dropdown_menu_css__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(v_dropdown_menu_dist_vue2_v_dropdown_menu_css__WEBPACK_IMPORTED_MODULE_12__);\n/* harmony import */ var _models_MenuLayouts__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../models/MenuLayouts */ \"./models/MenuLayouts.ts\");\nvar __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n    components: {\n        Preloader: _preloader_Preloader_vue__WEBPACK_IMPORTED_MODULE_9__[\"default\"],\n        RequestLoader: _request_loader_RequestLoader_vue__WEBPACK_IMPORTED_MODULE_8__[\"default\"],\n        ActionButton: _buttons_action_button_ActionButton_vue__WEBPACK_IMPORTED_MODULE_7__[\"default\"],\n        Notification: _notification_Notification_vue__WEBPACK_IMPORTED_MODULE_6__[\"default\"],\n        VueCustomScrollbar: (vue_custom_scrollbar__WEBPACK_IMPORTED_MODULE_1___default()),\n        DropdownMenu: (v_dropdown_menu_vue2__WEBPACK_IMPORTED_MODULE_2___default()),\n        Tabs: vue_tabs_with_active_line__WEBPACK_IMPORTED_MODULE_3__[\"default\"]\n    },\n    inject: ['layout', 'storeAdapter'],\n    mounted() {\n        this.initListener();\n    },\n    methods: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])('User/Notifications', ['readAll', 'newNotification', 'markAsProcessed'])), Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])('User/Notifications/SidebarModule', ['fetchSidebarNotifications', 'dismissAll'])), Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])('User/Notifications/SidebarModule', ['unsetNotifications', 'changeStatus'])), Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])('User', ['toggleSidebarOnMobile', 'toggleSidebarCollapse'])), { initListener() {\n            this.$echo.private(`employee.${this.getUser.employee_id}`).notification(payload => {\n                this.newNotification(Object(_helpers_model_ModelHelper__WEBPACK_IMPORTED_MODULE_10__[\"map\"])(_models_BroadcastNotificationPayload__WEBPACK_IMPORTED_MODULE_11__[\"default\"], payload));\n                if (localStorage.activeBrowserTab === 'false') {\n                    localStorage.pendingAnimation = true;\n                }\n                else {\n                    this.bellAnimation();\n                }\n            });\n            this.$echo.private(`employee.${this.getUser.employee_id}`).listen('NotificationProcessed', payload => {\n                const notification = this.find(payload.notification_id);\n                if (notification && notification.status !== _models_user_NotificationModel__WEBPACK_IMPORTED_MODULE_5__[\"NotificationStatus\"].processed) {\n                    this.markAsProcessed(notification);\n                }\n            });\n            localStorage.activeBrowserTab = true;\n            document.addEventListener('visibilitychange', () => {\n                localStorage.activeBrowserTab = !document.hidden;\n                if (localStorage.activeBrowserTab === 'true' && localStorage.pendingAnimation === 'true') {\n                    this.bellAnimation();\n                }\n            });\n        },\n        initData() {\n            return __awaiter(this, void 0, void 0, function* () {\n                this.onNotificationsOpen();\n                Promise.all([\n                    this.unsetNotifications(),\n                    this.fetchSidebarNotifications(this.queryAll.unsetPagination()),\n                    this.fetchSidebarNotifications(this.queryPending.unsetPagination())\n                ]).then(() => {\n                    this.updateScrollbar();\n                });\n            });\n        },\n        loadAllNotifications() {\n            if (!this.dropDownOpen || this.currentTab !== 'all') {\n                return;\n            }\n            this.fetchSidebarNotifications(this.queryAll.offset(this.notices.count()));\n        },\n        loadPendingRequests() {\n            if (!this.dropDownOpen || this.currentTab !== 'pending_approval') {\n                return;\n            }\n            this.fetchSidebarNotifications(this.queryPending.offset(this.pendingRequests.count()));\n        },\n        changeActiveTab(newTab) {\n            this.currentTab = newTab;\n        },\n        bellAnimation() {\n            this.displayAnimation = true;\n            setTimeout(() => {\n                this.displayAnimation = false;\n            }, 5600);\n            localStorage.pendingAnimation = false;\n        },\n        closeSidebar() {\n            this.dropDownOpen = false;\n        },\n        updateScrollbar() {\n            this.$refs.scrollBar.update();\n        },\n        emitRejectionComponent(rejectionData) {\n            this.$emit('rejection-component', rejectionData);\n        },\n        onNotificationsOpen() {\n            if (this.isSidebarCollapsed) {\n                this.toggleSidebarCollapse();\n            }\n            if (this.isSidebarOpenOnMobile) {\n                this.toggleSidebarOnMobile();\n            }\n        } }),\n    computed: Object.assign(Object.assign(Object.assign(Object.assign({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])('User', ['getUser', 'isSidebarCollapsed', 'isSidebarOpenOnMobile'])), Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])('User/Notifications/SidebarModule', ['notices', 'pendingRequests', 'find'])), Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])('User/Notifications', ['hasUnread', 'totalUnread'])), { hasUnreadNotifications() {\n            return this.hasUnread !== undefined ? this.hasUnread : this.getUser.has_unread_notifications;\n        },\n        isLiteDomain() {\n            return this.layout === _models_MenuLayouts__WEBPACK_IMPORTED_MODULE_13__[\"default\"].Lite;\n        },\n        intemsConfig() {\n            return this.storeAdapter.Config.state.data;\n        } }),\n    watch: {\n        'totalUnread.notice': {\n            handler(notice) {\n                const tab = this.$refs.tabs.$el.children[0];\n                if (this.totalUnread.notice && notice > 0) {\n                    tab.innerHTML = `All\n          <span class=\"counter\" >${notice}</span>`;\n                }\n                else {\n                    tab.innerHTML = 'All';\n                }\n            }\n        },\n        'totalUnread.pending_request': {\n            handler(request) {\n                const tab = this.$refs.tabs.$el.children[1];\n                if (this.totalUnread.pending_request && request > 0) {\n                    tab.innerHTML = `Pending approval\n          <span class=\"counter\" >${request}</span>`;\n                }\n                else {\n                    tab.innerHTML = 'Pending approval';\n                }\n            }\n        }\n    },\n    data() {\n        return {\n            queryAll: new _helpers_QueryFilter__WEBPACK_IMPORTED_MODULE_4__[\"default\"]()\n                .notIn('status', [_models_user_NotificationModel__WEBPACK_IMPORTED_MODULE_5__[\"NotificationStatus\"].hidden, _models_user_NotificationModel__WEBPACK_IMPORTED_MODULE_5__[\"NotificationStatus\"].hidden_processed])\n                .scope('type', _models_user_NotificationModel__WEBPACK_IMPORTED_MODULE_5__[\"NotificationType\"].notice),\n            queryPending: new _helpers_QueryFilter__WEBPACK_IMPORTED_MODULE_4__[\"default\"]()\n                .notIn('status', [_models_user_NotificationModel__WEBPACK_IMPORTED_MODULE_5__[\"NotificationStatus\"].hidden, _models_user_NotificationModel__WEBPACK_IMPORTED_MODULE_5__[\"NotificationStatus\"].hidden_processed])\n                .scope('type', _models_user_NotificationModel__WEBPACK_IMPORTED_MODULE_5__[\"NotificationType\"].pending_request),\n            dropDownOpen: false,\n            tabs: [\n                {\n                    title: 'All',\n                    value: 'all'\n                },\n                {\n                    title: 'Pending approval',\n                    value: 'pending_approval'\n                }\n            ],\n            currentTab: 'all',\n            preloaderSize: 'small',\n            scrollBarSettings: { suppressScrollX: true, minScrollbarLength: 50 },\n            displayAnimation: false\n        };\n    }\n});\n\n\n//# sourceURL=webpack://MainMenu/./components/notifications-sidebar/NotificationsSidebar.ts?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var vue_custom_scrollbar__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue-custom-scrollbar */ \"./node_modules/vue-custom-scrollbar/dist/vueScrollbar.umd.min.js\");\n/* harmony import */ var vue_custom_scrollbar__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(vue_custom_scrollbar__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var v_dropdown_menu_vue2__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! v-dropdown-menu/vue2 */ \"./node_modules/v-dropdown-menu/vue2/index.js\");\n/* harmony import */ var v_dropdown_menu_vue2__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(v_dropdown_menu_vue2__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var vue_tabs_with_active_line__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! vue-tabs-with-active-line */ \"./node_modules/vue-tabs-with-active-line/dist/vue-tabs-with-active-line.esm.js\");\n/* harmony import */ var _helpers_QueryFilter__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../helpers/QueryFilter */ \"./helpers/QueryFilter.ts\");\n/* harmony import */ var _models_user_NotificationModel__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../models/user/NotificationModel */ \"./models/user/NotificationModel.ts\");\n/* harmony import */ var _notification_Notification_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./notification/Notification.vue */ \"./components/notifications-sidebar/notification/Notification.vue\");\n/* harmony import */ var _buttons_action_button_ActionButton_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../buttons/action-button/ActionButton.vue */ \"./components/buttons/action-button/ActionButton.vue\");\n/* harmony import */ var _request_loader_RequestLoader_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../request-loader/RequestLoader.vue */ \"./components/request-loader/RequestLoader.vue\");\n/* harmony import */ var _preloader_Preloader_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../preloader/Preloader.vue */ \"./components/preloader/Preloader.vue\");\n/* harmony import */ var _helpers_model_ModelHelper__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../helpers/model/ModelHelper */ \"./helpers/model/ModelHelper.ts\");\n/* harmony import */ var _models_BroadcastNotificationPayload__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./models/BroadcastNotificationPayload */ \"./components/notifications-sidebar/models/BroadcastNotificationPayload.ts\");\n/* harmony import */ var v_dropdown_menu_dist_vue2_v_dropdown_menu_css__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! v-dropdown-menu/dist/vue2/v-dropdown-menu.css */ \"./node_modules/v-dropdown-menu/dist/vue2/v-dropdown-menu.css\");\n/* harmony import */ var v_dropdown_menu_dist_vue2_v_dropdown_menu_css__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(v_dropdown_menu_dist_vue2_v_dropdown_menu_css__WEBPACK_IMPORTED_MODULE_12__);\n/* harmony import */ var _models_MenuLayouts__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../models/MenuLayouts */ \"./models/MenuLayouts.ts\");\nvar __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n    components: {\n        Preloader: _preloader_Preloader_vue__WEBPACK_IMPORTED_MODULE_9__[\"default\"],\n        RequestLoader: _request_loader_RequestLoader_vue__WEBPACK_IMPORTED_MODULE_8__[\"default\"],\n        ActionButton: _buttons_action_button_ActionButton_vue__WEBPACK_IMPORTED_MODULE_7__[\"default\"],\n        Notification: _notification_Notification_vue__WEBPACK_IMPORTED_MODULE_6__[\"default\"],\n        VueCustomScrollbar: (vue_custom_scrollbar__WEBPACK_IMPORTED_MODULE_1___default()),\n        DropdownMenu: (v_dropdown_menu_vue2__WEBPACK_IMPORTED_MODULE_2___default()),\n        Tabs: vue_tabs_with_active_line__WEBPACK_IMPORTED_MODULE_3__[\"default\"]\n    },\n    inject: ['layout', 'storeAdapter'],\n    mounted() {\n        this.initListener();\n    },\n    methods: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])('User/Notifications', ['readAll', 'newNotification', 'markAsProcessed'])), Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])('User/Notifications/SidebarModule', ['fetchSidebarNotifications', 'dismissAll'])), Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])('User/Notifications/SidebarModule', ['unsetNotifications', 'changeStatus'])), Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])('User', ['toggleSidebarOnMobile', 'toggleSidebarCollapse'])), { initListener() {\n            this.$echo.private(`employee.${this.getUser.employee_id}`).notification(payload => {\n                this.newNotification(Object(_helpers_model_ModelHelper__WEBPACK_IMPORTED_MODULE_10__[\"map\"])(_models_BroadcastNotificationPayload__WEBPACK_IMPORTED_MODULE_11__[\"default\"], payload));\n                if (localStorage.activeBrowserTab === 'false') {\n                    localStorage.pendingAnimation = true;\n                }\n                else {\n                    this.bellAnimation();\n                }\n            });\n            this.$echo.private(`employee.${this.getUser.employee_id}`).listen('NotificationProcessed', payload => {\n                const notification = this.find(payload.notification_id);\n                if (notification && notification.status !== _models_user_NotificationModel__WEBPACK_IMPORTED_MODULE_5__[\"NotificationStatus\"].processed) {\n                    this.markAsProcessed(notification);\n                }\n            });\n            localStorage.activeBrowserTab = true;\n            document.addEventListener('visibilitychange', () => {\n                localStorage.activeBrowserTab = !document.hidden;\n                if (localStorage.activeBrowserTab === 'true' && localStorage.pendingAnimation === 'true') {\n                    this.bellAnimation();\n                }\n            });\n        },\n        initData() {\n            return __awaiter(this, void 0, void 0, function* () {\n                this.onNotificationsOpen();\n                Promise.all([\n                    this.unsetNotifications(),\n                    this.fetchSidebarNotifications(this.queryAll.unsetPagination()),\n                    this.fetchSidebarNotifications(this.queryPending.unsetPagination())\n                ]).then(() => {\n                    this.updateScrollbar();\n                });\n            });\n        },\n        loadAllNotifications() {\n            if (!this.dropDownOpen || this.currentTab !== 'all') {\n                return;\n            }\n            this.fetchSidebarNotifications(this.queryAll.offset(this.notices.count()));\n        },\n        loadPendingRequests() {\n            if (!this.dropDownOpen || this.currentTab !== 'pending_approval') {\n                return;\n            }\n            this.fetchSidebarNotifications(this.queryPending.offset(this.pendingRequests.count()));\n        },\n        changeActiveTab(newTab) {\n            this.currentTab = newTab;\n        },\n        bellAnimation() {\n            this.displayAnimation = true;\n            setTimeout(() => {\n                this.displayAnimation = false;\n            }, 5600);\n            localStorage.pendingAnimation = false;\n        },\n        closeSidebar() {\n            this.dropDownOpen = false;\n        },\n        updateScrollbar() {\n            this.$refs.scrollBar.update();\n        },\n        emitRejectionComponent(rejectionData) {\n            this.$emit('rejection-component', rejectionData);\n        },\n        onNotificationsOpen() {\n            if (this.isSidebarCollapsed) {\n                this.toggleSidebarCollapse();\n            }\n            if (this.isSidebarOpenOnMobile) {\n                this.toggleSidebarOnMobile();\n            }\n        } }),\n    computed: Object.assign(Object.assign(Object.assign(Object.assign({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])('User', ['getUser', 'isSidebarCollapsed', 'isSidebarOpenOnMobile'])), Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])('User/Notifications/SidebarModule', ['notices', 'pendingRequests', 'find'])), Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])('User/Notifications', ['hasUnread', 'totalUnread'])), { hasUnreadNotifications() {\n            return this.hasUnread !== undefined ? this.hasUnread : this.getUser.has_unread_notifications;\n        },\n        isLiteDomain() {\n            return this.layout === _models_MenuLayouts__WEBPACK_IMPORTED_MODULE_13__[\"default\"].Lite;\n        },\n        intemsConfig() {\n            return this.storeAdapter.Config.state.data;\n        } }),\n    watch: {\n        'totalUnread.notice': {\n            handler(notice) {\n                const tab = this.$refs.tabs.$el.children[0];\n                if (this.totalUnread.notice && notice > 0) {\n                    tab.innerHTML = `All\n          <span class=\"counter\" >${notice}</span>`;\n                }\n                else {\n                    tab.innerHTML = 'All';\n                }\n            }\n        },\n        'totalUnread.pending_request': {\n            handler(request) {\n                const tab = this.$refs.tabs.$el.children[1];\n                if (this.totalUnread.pending_request && request > 0) {\n                    tab.innerHTML = `Pending approval\n          <span class=\"counter\" >${request}</span>`;\n                }\n                else {\n                    tab.innerHTML = 'Pending approval';\n                }\n            }\n        }\n    },\n    data() {\n        return {\n            queryAll: new _helpers_QueryFilter__WEBPACK_IMPORTED_MODULE_4__[\"default\"]()\n                .notIn('status', [_models_user_NotificationModel__WEBPACK_IMPORTED_MODULE_5__[\"NotificationStatus\"].hidden, _models_user_NotificationModel__WEBPACK_IMPORTED_MODULE_5__[\"NotificationStatus\"].hidden_processed])\n                .scope('type', _models_user_NotificationModel__WEBPACK_IMPORTED_MODULE_5__[\"NotificationType\"].notice),\n            queryPending: new _helpers_QueryFilter__WEBPACK_IMPORTED_MODULE_4__[\"default\"]()\n                .notIn('status', [_models_user_NotificationModel__WEBPACK_IMPORTED_MODULE_5__[\"NotificationStatus\"].hidden, _models_user_NotificationModel__WEBPACK_IMPORTED_MODULE_5__[\"NotificationStatus\"].hidden_processed])\n                .scope('type', _models_user_NotificationModel__WEBPACK_IMPORTED_MODULE_5__[\"NotificationType\"].pending_request),\n            dropDownOpen: false,\n            tabs: [\n                {\n                    title: 'All',\n                    value: 'all'\n                },\n                {\n                    title: 'Pending approval',\n                    value: 'pending_approval'\n                }\n            ],\n            currentTab: 'all',\n            scrollBarSettings: { suppressScrollX: true, minScrollbarLength: 50 },\n            displayAnimation: false\n        };\n    }\n});\n\n\n//# sourceURL=webpack://MainMenu/./components/notifications-sidebar/NotificationsSidebar.ts?");
 
 /***/ }),
 
@@ -2043,7 +2043,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function render() {\n  var _vm = this,\n    _c = _vm._self._c,\n    _setup = _vm._self._setupProxy;\n  return _c(\"div\", {\n    staticClass: \"notifications-sidebar dropdown-menu\"\n  }, [_c(\"dropdown-menu\", {\n    attrs: {\n      direction: \"center\",\n      overlay: false,\n      isOpen: _vm.dropDownOpen\n    },\n    on: {\n      opened: _vm.initData\n    },\n    scopedSlots: _vm._u([{\n      key: \"trigger\",\n      fn: function () {\n        return [_c(\"a\", {\n          staticClass: \"notifications-trigger pointer\"\n        }, [_c(\"i\", {\n          staticClass: \"icon menu-icon bell\",\n          class: {\n            \"bell-animation\": _vm.displayAnimation\n          }\n        }), _vm._v(\" \"), _c(\"transition\", {\n          attrs: {\n            name: \"fade\",\n            duration: {\n              enter: 4000,\n              leave: 1\n            }\n          }\n        }, [_c(\"span\", {\n          directives: [{\n            name: \"show\",\n            rawName: \"v-show\",\n            value: _vm.hasUnreadNotifications,\n            expression: \"hasUnreadNotifications\"\n          }],\n          staticClass: \"has-unread\"\n        })])], 1)];\n      },\n      proxy: true\n    }, {\n      key: \"header\",\n      fn: function () {\n        return [_c(\"div\", {\n          staticClass: \"row note-title-row\"\n        }, [_c(\"div\", {\n          staticClass: \"col s10 flex vertical-center primary-text\"\n        }, [_vm._v(\"Notifications\")]), _vm._v(\" \"), _c(\"div\", {\n          staticClass: \"col s2\"\n        }, [_c(\"dropdown-menu\", {\n          staticClass: \"notifications-state-marker\",\n          attrs: {\n            direction: \"left\",\n            overlay: false\n          },\n          scopedSlots: _vm._u([{\n            key: \"trigger\",\n            fn: function () {\n              return [_c(\"a\", {\n                staticClass: \"pointer\"\n              }, [_c(\"div\", {\n                staticClass: \"notification-manage-toggler\"\n              }, [_c(\"span\"), _vm._v(\" \"), _c(\"span\"), _vm._v(\" \"), _c(\"span\")])])];\n            },\n            proxy: true\n          }, {\n            key: \"body\",\n            fn: function () {\n              return [_c(\"ul\", {\n                staticClass: \"sub-menu\"\n              }, [_c(\"li\", [_c(\"a\", {\n                class: {\n                  \"is-disabled\": !_vm.totalUnread.notice && !_vm.totalUnread.pending_request\n                },\n                on: {\n                  click: _vm.readAll\n                }\n              }, [_vm._v(\"\\n                                        Mark all as read\\n                                    \")])]), _vm._v(\" \"), _c(\"li\", [_c(\"a\", {\n                class: {\n                  \"is-disabled\": !_vm.notices.count() && !_vm.pendingRequests.count()\n                },\n                on: {\n                  click: _vm.dismissAll\n                }\n              }, [_vm._v(\"\\n                                        Dismiss all\\n                                    \")])])])];\n            },\n            proxy: true\n          }])\n        })], 1)])];\n      },\n      proxy: true\n    }, {\n      key: \"body\",\n      fn: function () {\n        return [_c(\"div\", {\n          staticClass: \"main-dropdown\"\n        }, [_c(\"div\", {\n          staticClass: \"row\"\n        }, [_c(\"tabs\", {\n          ref: \"tabs\",\n          attrs: {\n            tabs: _vm.tabs,\n            currentTab: _vm.currentTab,\n            \"wrapper-class\": \"default-tabs\",\n            \"tab-class\": \"tab\",\n            \"tab-active-class\": \"active\",\n            \"line-class\": \"indicator\"\n          },\n          on: {\n            onClick: _vm.changeActiveTab\n          }\n        }), _vm._v(\" \"), _c(\"div\", {\n          staticClass: \"notification-content\"\n        }, [_c(\"div\", {\n          directives: [{\n            name: \"show\",\n            rawName: \"v-show\",\n            value: _vm.currentTab === \"all\",\n            expression: \"currentTab === 'all'\"\n          }],\n          staticClass: \"row notifications-list\"\n        }, [_c(\"vue-custom-scrollbar\", {\n          ref: \"scrollBar\",\n          staticClass: \"col tab-content\",\n          attrs: {\n            options: _vm.scrollBarSettings\n          },\n          on: {\n            \"ps-y-reach-end\": _vm.loadAllNotifications\n          }\n        }, [_vm._l(_vm.notices, function (notification) {\n          return _c(\"notification\", {\n            key: notification.id,\n            attrs: {\n              notification: notification\n            },\n            on: {\n              \"rejection-component\": _vm.emitRejectionComponent\n            }\n          });\n        }), _vm._v(\" \"), _vm.queryAll.loading ? _c(\"preloader\", {\n          attrs: {\n            size: _vm.preloaderSize\n          }\n        }) : !_vm.notices.count() ? _c(\"div\", {\n          staticClass: \"main-text margin-top-50 align-center\"\n        }, [_vm._v(\"\\n                                    You have no new notifications\\n                                \")]) : _vm._e()], 2)], 1), _vm._v(\" \"), _c(\"div\", {\n          directives: [{\n            name: \"show\",\n            rawName: \"v-show\",\n            value: _vm.currentTab === \"pending_approval\",\n            expression: \"currentTab === 'pending_approval'\"\n          }],\n          staticClass: \"row notifications-list\"\n        }, [_c(\"vue-custom-scrollbar\", {\n          staticClass: \"col tab-content\",\n          attrs: {\n            options: _vm.scrollBarSettings\n          },\n          on: {\n            \"ps-y-reach-end\": _vm.loadPendingRequests\n          }\n        }, [_vm._l(_vm.pendingRequests, function (notification) {\n          return _c(\"notification\", {\n            key: notification.id,\n            attrs: {\n              notification: notification\n            },\n            on: {\n              \"rejection-component\": _vm.emitRejectionComponent\n            }\n          });\n        }), _vm._v(\" \"), _vm.queryAll.loading ? _c(\"preloader\", {\n          attrs: {\n            size: _vm.preloaderSize\n          }\n        }) : !_vm.pendingRequests.count() ? _c(\"div\", {\n          staticClass: \"main-text margin-top-50 align-center\"\n        }, [_vm._v(\"\\n                                    You have no pending requests\\n                                \")]) : _vm._e()], 2)], 1)])], 1), _vm._v(\" \"), _c(\"div\", {\n          staticClass: \"row view-all-row align-center\"\n        }, [_vm.isLiteDomain ? _c(\"action-button\", {\n          attrs: {\n            to: {\n              name: \"Employee Notifications\"\n            },\n            \"is-link\": \"\"\n          },\n          nativeOn: {\n            click: function ($event) {\n              return _vm.closeSidebar.apply(null, arguments);\n            }\n          }\n        }, [_vm._v(\"\\n                        View all\\n                    \")]) : _c(\"action-button\", {\n          attrs: {\n            href: `${_vm.intemsConfig.liteSiteUrl}employee/notifications`,\n            \"is-link\": \"\"\n          },\n          nativeOn: {\n            click: function ($event) {\n              return _vm.closeSidebar.apply(null, arguments);\n            }\n          }\n        }, [_vm._v(\"\\n                        View all\\n                    \")])], 1)])];\n      },\n      proxy: true\n    }])\n  })], 1);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://MainMenu/./components/notifications-sidebar/NotificationsSidebar.vue?./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function render() {\n  var _vm = this,\n    _c = _vm._self._c,\n    _setup = _vm._self._setupProxy;\n  return _c(\"div\", {\n    staticClass: \"notifications-sidebar dropdown-menu\"\n  }, [_c(\"dropdown-menu\", {\n    attrs: {\n      direction: \"center\",\n      overlay: false,\n      isOpen: _vm.dropDownOpen\n    },\n    on: {\n      opened: _vm.initData\n    },\n    scopedSlots: _vm._u([{\n      key: \"trigger\",\n      fn: function () {\n        return [_c(\"a\", {\n          staticClass: \"notifications-trigger pointer\"\n        }, [_c(\"i\", {\n          staticClass: \"icon menu-icon bell\",\n          class: {\n            \"bell-animation\": _vm.displayAnimation\n          }\n        }), _vm._v(\" \"), _c(\"transition\", {\n          attrs: {\n            name: \"fade\",\n            duration: {\n              enter: 4000,\n              leave: 1\n            }\n          }\n        }, [_c(\"span\", {\n          directives: [{\n            name: \"show\",\n            rawName: \"v-show\",\n            value: _vm.hasUnreadNotifications,\n            expression: \"hasUnreadNotifications\"\n          }],\n          staticClass: \"has-unread\"\n        })])], 1)];\n      },\n      proxy: true\n    }, {\n      key: \"header\",\n      fn: function () {\n        return [_c(\"div\", {\n          staticClass: \"row note-title-row\"\n        }, [_c(\"div\", {\n          staticClass: \"col s10 flex vertical-center primary-text\"\n        }, [_vm._v(\"Notifications\")]), _vm._v(\" \"), _c(\"div\", {\n          staticClass: \"col s2\"\n        }, [_c(\"dropdown-menu\", {\n          staticClass: \"notifications-state-marker\",\n          attrs: {\n            direction: \"left\",\n            overlay: false\n          },\n          scopedSlots: _vm._u([{\n            key: \"trigger\",\n            fn: function () {\n              return [_c(\"a\", {\n                staticClass: \"pointer\"\n              }, [_c(\"div\", {\n                staticClass: \"notification-manage-toggler\"\n              }, [_c(\"span\"), _vm._v(\" \"), _c(\"span\"), _vm._v(\" \"), _c(\"span\")])])];\n            },\n            proxy: true\n          }, {\n            key: \"body\",\n            fn: function () {\n              return [_c(\"ul\", {\n                staticClass: \"sub-menu\"\n              }, [_c(\"li\", [_c(\"a\", {\n                class: {\n                  \"is-disabled\": !_vm.totalUnread.notice && !_vm.totalUnread.pending_request\n                },\n                on: {\n                  click: _vm.readAll\n                }\n              }, [_vm._v(\"\\n                                        Mark all as read\\n                                    \")])]), _vm._v(\" \"), _c(\"li\", [_c(\"a\", {\n                class: {\n                  \"is-disabled\": !_vm.notices.count() && !_vm.pendingRequests.count()\n                },\n                on: {\n                  click: _vm.dismissAll\n                }\n              }, [_vm._v(\"\\n                                        Dismiss all\\n                                    \")])])])];\n            },\n            proxy: true\n          }])\n        })], 1)])];\n      },\n      proxy: true\n    }, {\n      key: \"body\",\n      fn: function () {\n        return [_c(\"div\", {\n          staticClass: \"main-dropdown\"\n        }, [_c(\"div\", {\n          staticClass: \"row\"\n        }, [_c(\"tabs\", {\n          ref: \"tabs\",\n          attrs: {\n            tabs: _vm.tabs,\n            currentTab: _vm.currentTab,\n            \"wrapper-class\": \"default-tabs\",\n            \"tab-class\": \"tab\",\n            \"tab-active-class\": \"active\",\n            \"line-class\": \"indicator\"\n          },\n          on: {\n            onClick: _vm.changeActiveTab\n          }\n        }), _vm._v(\" \"), _c(\"div\", {\n          staticClass: \"notification-content\"\n        }, [_c(\"div\", {\n          directives: [{\n            name: \"show\",\n            rawName: \"v-show\",\n            value: _vm.currentTab === \"all\",\n            expression: \"currentTab === 'all'\"\n          }],\n          staticClass: \"row notifications-list\"\n        }, [_c(\"vue-custom-scrollbar\", {\n          ref: \"scrollBar\",\n          staticClass: \"col tab-content\",\n          attrs: {\n            options: _vm.scrollBarSettings\n          },\n          on: {\n            \"ps-y-reach-end\": _vm.loadAllNotifications\n          }\n        }, [_vm._l(_vm.notices, function (notification) {\n          return _c(\"notification\", {\n            key: notification.id,\n            attrs: {\n              notification: notification\n            },\n            on: {\n              \"rejection-component\": _vm.emitRejectionComponent\n            }\n          });\n        }), _vm._v(\" \"), _vm.queryAll.loading ? _c(\"preloader\") : !_vm.notices.count() ? _c(\"div\", {\n          staticClass: \"main-text margin-top-50 align-center\"\n        }, [_vm._v(\"\\n                                    You have no new notifications\\n                                \")]) : _vm._e()], 2)], 1), _vm._v(\" \"), _c(\"div\", {\n          directives: [{\n            name: \"show\",\n            rawName: \"v-show\",\n            value: _vm.currentTab === \"pending_approval\",\n            expression: \"currentTab === 'pending_approval'\"\n          }],\n          staticClass: \"row notifications-list\"\n        }, [_c(\"vue-custom-scrollbar\", {\n          staticClass: \"col tab-content\",\n          attrs: {\n            options: _vm.scrollBarSettings\n          },\n          on: {\n            \"ps-y-reach-end\": _vm.loadPendingRequests\n          }\n        }, [_vm._l(_vm.pendingRequests, function (notification) {\n          return _c(\"notification\", {\n            key: notification.id,\n            attrs: {\n              notification: notification\n            },\n            on: {\n              \"rejection-component\": _vm.emitRejectionComponent\n            }\n          });\n        }), _vm._v(\" \"), _vm.queryAll.loading ? _c(\"preloader\") : !_vm.pendingRequests.count() ? _c(\"div\", {\n          staticClass: \"main-text margin-top-50 align-center\"\n        }, [_vm._v(\"\\n                                    You have no pending requests\\n                                \")]) : _vm._e()], 2)], 1)])], 1), _vm._v(\" \"), _c(\"div\", {\n          staticClass: \"row view-all-row align-center\"\n        }, [_vm.isLiteDomain ? _c(\"action-button\", {\n          attrs: {\n            to: {\n              name: \"Employee Notifications\"\n            },\n            \"is-link\": \"\"\n          },\n          nativeOn: {\n            click: function ($event) {\n              return _vm.closeSidebar.apply(null, arguments);\n            }\n          }\n        }, [_vm._v(\"\\n                        View all\\n                    \")]) : _c(\"action-button\", {\n          attrs: {\n            href: `${_vm.intemsConfig.liteSiteUrl}employee/notifications`,\n            \"is-link\": \"\"\n          },\n          nativeOn: {\n            click: function ($event) {\n              return _vm.closeSidebar.apply(null, arguments);\n            }\n          }\n        }, [_vm._v(\"\\n                        View all\\n                    \")])], 1)])];\n      },\n      proxy: true\n    }])\n  })], 1);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://MainMenu/./components/notifications-sidebar/NotificationsSidebar.vue?./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -2091,7 +2091,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function render() {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    staticClass: \"preloader\",\n    class: [_vm.size]\n  }, [_c(\"div\", {\n    staticClass: \"preloader-wrapper active\",\n    class: [_vm.size]\n  }, [_vm._m(0)])]);\n};\nvar staticRenderFns = [function () {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    staticClass: \"spinner-layer\"\n  }, [_c(\"div\", {\n    staticClass: \"circle-clipper left\"\n  }, [_c(\"div\", {\n    staticClass: \"circle\"\n  })]), _vm._v(\" \"), _c(\"div\", {\n    staticClass: \"gap-patch\"\n  }, [_c(\"div\", {\n    staticClass: \"circle\"\n  })]), _vm._v(\" \"), _c(\"div\", {\n    staticClass: \"circle-clipper right\"\n  }, [_c(\"div\", {\n    staticClass: \"circle\"\n  })])]);\n}];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://MainMenu/./components/preloader/Preloader.vue?./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function render() {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    staticClass: \"preloader\",\n    class: [_vm.size]\n  }, [_c(\"div\", {\n    staticClass: \"preloader-wrapper active\",\n    class: [_vm.size]\n  }, [_vm._m(0)])]);\n};\nvar staticRenderFns = [function () {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    staticClass: \"spinner-layer\"\n  }, [_c(\"div\", [_c(\"div\", {\n    staticClass: \"circle\"\n  })]), _vm._v(\" \"), _c(\"div\", {\n    staticClass: \"gap-patch\"\n  }, [_c(\"div\", {\n    staticClass: \"circle\"\n  })]), _vm._v(\" \"), _c(\"div\", [_c(\"div\", {\n    staticClass: \"circle\"\n  })])]);\n}];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://MainMenu/./components/preloader/Preloader.vue?./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -7172,7 +7172,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n    props: {\n        size: {\n            type: String,\n            default: 'big'\n        }\n    }\n});\n\n\n//# sourceURL=webpack://MainMenu/./components/preloader/Preloader.vue?./node_modules/ts-loader??ref--0!./node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n    props: {\n        size: {\n            type: String,\n            default: 'small'\n        }\n    }\n});\n\n\n//# sourceURL=webpack://MainMenu/./components/preloader/Preloader.vue?./node_modules/ts-loader??ref--0!./node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@intellias/menu",
-    "version": "3.0.0",
+    "version": "3.0.2",
     "description": "Menu for intems project.",
     "author": "Intems",
     "scripts": {