@intellias/menu 1.0.29 → 1.0.31

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/css/main.css CHANGED
@@ -138,101 +138,96 @@
138
138
  .notifications-sidebar.dark .v-dropdown-menu__container {
139
139
  background-color: #253746;
140
140
  color: #94a3b8;
141
- border: 1px #475569 solid !important;
141
+ border: 1px #475569 solid;
142
+ box-shadow: 0 2px 2px 0 rgba(15, 19, 23, 0.55), 0 3px 1px -2px rgba(15, 19, 23, 0.55), 0 1px 5px 0 rgba(15, 19, 23, 0.55);
142
143
  }
143
144
  .notifications-sidebar.dark .v-dropdown-menu__container .primary-text {
144
145
  color: #f8fafc;
145
146
  }
146
- .notifications-sidebar.dark .v-dropdown-menu__container .v-dropdown-menu__header,
147
- .notifications-sidebar.dark .v-dropdown-menu__container .v-dropdown-menu__body {
147
+ .notifications-sidebar.dark .v-dropdown-menu__container .v-dropdown-menu__header {
148
+ position: relative;
149
+ z-index: 1001;
148
150
  background-color: #253746;
149
151
  }
150
- .notifications-sidebar.dark .v-dropdown-menu__container .v-dropdown-menu__header .sub-menu,
151
- .notifications-sidebar.dark .v-dropdown-menu__container .v-dropdown-menu__body .sub-menu {
152
- border: 1px #475569 solid !important;
153
- box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25) !important;
154
- }
155
- .notifications-sidebar.dark .v-dropdown-menu__container .v-dropdown-menu__header .sub-menu li:hover,
156
- .notifications-sidebar.dark .v-dropdown-menu__container .v-dropdown-menu__body .sub-menu li:hover {
157
- background-color: #275b57 !important;
152
+ .notifications-sidebar.dark .v-dropdown-menu__container .v-dropdown-menu__header .note-title-row {
153
+ border-bottom: 1px #475569 solid;
158
154
  }
159
- .notifications-sidebar.dark .v-dropdown-menu__container .v-dropdown-menu__header .sub-menu li a,
160
- .notifications-sidebar.dark .v-dropdown-menu__container .v-dropdown-menu__body .sub-menu li a {
161
- color: #f8fafc !important;
155
+ .notifications-sidebar.dark .v-dropdown-menu__container .v-dropdown-menu__header .note-title-row .sub-menu {
156
+ background-color: #253746;
157
+ border: 1px #475569 solid;
158
+ box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
162
159
  }
163
- .notifications-sidebar.dark .v-dropdown-menu__container .v-dropdown-menu__header .sub-menu li a:hover,
164
- .notifications-sidebar.dark .v-dropdown-menu__container .v-dropdown-menu__body .sub-menu li a:hover {
165
- background-color: #275b57 !important;
160
+ .notifications-sidebar.dark .v-dropdown-menu__container .v-dropdown-menu__header .note-title-row .sub-menu li:hover:not(.is-disabled) {
161
+ background-color: #275b57;
166
162
  }
167
- .notifications-sidebar.dark .v-dropdown-menu__container .v-dropdown-menu__header .note-title-row,
168
- .notifications-sidebar.dark .v-dropdown-menu__container .v-dropdown-menu__body .note-title-row {
169
- border-bottom: 1px #475569 solid !important;
163
+ .notifications-sidebar.dark .v-dropdown-menu__container .v-dropdown-menu__header .note-title-row .sub-menu li a {
164
+ color: #f8fafc;
170
165
  }
171
- .notifications-sidebar.dark .v-dropdown-menu__container .v-dropdown-menu__header .main-dropdown .notifications-list,
172
- .notifications-sidebar.dark .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .notifications-list {
173
- border-top: 1px #475569 solid !important;
174
- box-shadow: inset 0 12px 8px -8px rgba(15, 19, 23, 0.55) !important;
166
+ .notifications-sidebar.dark .v-dropdown-menu__container .v-dropdown-menu__header .note-title-row .sub-menu li a:hover:not(.is-disabled) {
167
+ background-color: #275b57;
175
168
  }
176
- .notifications-sidebar.dark .v-dropdown-menu__container .v-dropdown-menu__header .main-dropdown .action-button.is-link,
177
- .notifications-sidebar.dark .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .action-button.is-link {
178
- color: #45d6ad;
169
+ .notifications-sidebar.dark .v-dropdown-menu__container .v-dropdown-menu__body {
170
+ background-color: #253746;
179
171
  }
180
- .notifications-sidebar.dark .v-dropdown-menu__container .v-dropdown-menu__header .main-dropdown > row,
181
- .notifications-sidebar.dark .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown > row {
172
+ .notifications-sidebar.dark .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .tabs.default-tabs {
182
173
  background-color: #253746;
174
+ border-bottom: 1px #475569 solid;
175
+ box-shadow: 0 12px 8px -8px rgba(15, 19, 23, 0.55) !important;
176
+ z-index: 1000;
183
177
  }
184
- .notifications-sidebar.dark .v-dropdown-menu__container .v-dropdown-menu__header .main-dropdown .view-all-row,
185
- .notifications-sidebar.dark .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .view-all-row {
186
- border-top: 1px #475569 solid !important;
178
+ .notifications-sidebar.dark .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .tabs.default-tabs .indicator {
179
+ background-color: #45d6ad;
187
180
  }
188
- .notifications-sidebar.dark .v-dropdown-menu__container .note {
189
- background-color: #253746;
190
- border-bottom: 1px #475569 solid !important;
181
+ .notifications-sidebar.dark .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .tabs.default-tabs button.tab {
182
+ color: #94a3b8;
183
+ }
184
+ .notifications-sidebar.dark .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .tabs.default-tabs button.tab .counter {
185
+ color: #253746;
186
+ }
187
+ .notifications-sidebar.dark .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .tabs.default-tabs button.tab.active, .notifications-sidebar.dark .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .tabs.default-tabs button.tab:hover {
188
+ color: #f8fafc;
189
+ }
190
+ .notifications-sidebar.dark .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .notification-content .notifications-list {
191
+ border-top: 1px #475569 solid;
191
192
  }
192
- .notifications-sidebar.dark .v-dropdown-menu__container .note:first-child {
193
- box-shadow: inset 0 12px 8px -8px rgba(15, 19, 23, 0.55) !important;
193
+ .notifications-sidebar.dark .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .notification-content .notifications-list .tab-content .note {
194
+ background-color: #253746;
195
+ border-bottom: 1px #475569 solid;
194
196
  }
195
- .notifications-sidebar.dark .v-dropdown-menu__container .note .manage-notification i.icon:not(.original):before {
196
- background-image: none !important;
197
+ .notifications-sidebar.dark .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .notification-content .notifications-list .tab-content .note .manage-notification i.icon:not(.original):before {
198
+ background-image: none;
197
199
  -webkit-mask-size: cover;
198
200
  mask-size: cover;
199
201
  -webkit-mask-repeat: no-repeat;
200
202
  mask-repeat: no-repeat;
201
- background-color: currentColor;
203
+ background-color: #94a3b8;
202
204
  }
203
- .notifications-sidebar.dark .v-dropdown-menu__container .note a {
205
+ .notifications-sidebar.dark .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .notification-content .notifications-list .tab-content .note a {
204
206
  color: #45d6ad;
205
207
  }
206
- .notifications-sidebar.dark .v-dropdown-menu__container .note .time-ago {
208
+ .notifications-sidebar.dark .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .notification-content .notifications-list .tab-content .note .time-ago {
207
209
  color: #94a3b8;
208
210
  }
209
- .notifications-sidebar.dark .v-dropdown-menu__container .note .row {
211
+ .notifications-sidebar.dark .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .notification-content .notifications-list .tab-content .note .row {
210
212
  background-color: #253746;
211
213
  }
212
- .notifications-sidebar.dark .v-dropdown-menu__container .note.read {
213
- background-color: #1a2732 !important;
214
+ .notifications-sidebar.dark .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .notification-content .notifications-list .tab-content .note.read {
215
+ background-color: #1a2732;
214
216
  }
215
- .notifications-sidebar.dark .v-dropdown-menu__container .note.read .row {
217
+ .notifications-sidebar.dark .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .notification-content .notifications-list .tab-content .note.read .row {
216
218
  background-color: #1a2732;
217
219
  }
218
- .notifications-sidebar.dark .v-dropdown-menu__container .note .span-text {
220
+ .notifications-sidebar.dark .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .notification-content .notifications-list .tab-content .note .span-text {
219
221
  color: #45d6ad;
220
222
  }
221
- .notifications-sidebar.dark .v-dropdown-menu__container .tabs {
222
- background-color: #253746 !important;
223
- border-bottom: 1px #475569 solid !important;
224
- }
225
- .notifications-sidebar.dark .v-dropdown-menu__container .tabs .indicator {
226
- background-color: #45d6ad;
227
- }
228
- .notifications-sidebar.dark .v-dropdown-menu__container .tabs button.tab {
229
- color: #94a3b8 !important;
223
+ .notifications-sidebar.dark .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown > row {
224
+ background-color: #253746;
230
225
  }
231
- .notifications-sidebar.dark .v-dropdown-menu__container .tabs button.tab .counter {
232
- color: #253746 !important;
226
+ .notifications-sidebar.dark .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .view-all-row {
227
+ border-top: 1px #475569 solid;
233
228
  }
234
- .notifications-sidebar.dark .v-dropdown-menu__container .tabs button.tab.active, .notifications-sidebar.dark .v-dropdown-menu__container .tabs button.tab:hover {
235
- color: #f8fafc !important;
229
+ .notifications-sidebar.dark .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .view-all-row .action-button.is-link {
230
+ color: #45d6ad;
236
231
  }
237
232
  .notifications-sidebar .row {
238
233
  margin-bottom: 0;
@@ -446,7 +441,7 @@
446
441
  mask-size: cover;
447
442
  -webkit-mask-repeat: no-repeat;
448
443
  mask-repeat: no-repeat;
449
- background-color: currentColor;
444
+ background-color: #94a3b8;
450
445
  }
451
446
  .notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .notification-content .notifications-list .tab-content .note .semi-primary-text {
452
447
  font-size: 14px;
@@ -501,10 +496,10 @@
501
496
  width: 18px;
502
497
  }
503
498
  .notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .notification-content .notifications-list .tab-content .note .manage-notification i.visibility:hover:before {
504
- background-color: #186ade;
499
+ background-color: #186ade !important;
505
500
  }
506
501
  .notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .notification-content .notifications-list .tab-content .note .manage-notification i.delete:hover:before {
507
- background-color: #da1e28;
502
+ background-color: #da1e28 !important;
508
503
  }
509
504
  .notifications-sidebar .v-dropdown-menu__container .v-dropdown-menu__body .main-dropdown .notification-content .notifications-list .tab-content .note .reject-color {
510
505
  color: #da1e28;
@@ -850,7 +845,7 @@
850
845
  border: 1px solid #cbd5e1;
851
846
  }
852
847
  .image-wrapper.sm .user-image.anonymous[data-v-7393283b] {
853
- font-size: 0.8rem;
848
+ font-size: 12px;
854
849
  }
855
850
  .image-wrapper.sm .user-image.anonymous.dark[data-v-7393283b] {
856
851
  background-color: var(--bg-primary);
@@ -865,7 +860,7 @@
865
860
  border: 1px solid #cbd5e1;
866
861
  }
867
862
  .image-wrapper.md .user-image.anonymous[data-v-7393283b] {
868
- font-size: 1.07rem;
863
+ font-size: 16px;
869
864
  color: #94a3b8;
870
865
  }
871
866
  .image-wrapper.md .user-image.anonymous.dark[data-v-7393283b] {
@@ -882,7 +877,7 @@
882
877
  width: 128px;
883
878
  }
884
879
  .image-wrapper.xl .user-image.anonymous[data-v-7393283b] {
885
- font-size: 3.34rem;
880
+ font-size: 50px;
886
881
  color: #94a3b8;
887
882
  }
888
883
  .image-wrapper.xl .user-image.anonymous.dark[data-v-7393283b] {
@@ -1238,6 +1233,11 @@
1238
1233
  width: 100vw;
1239
1234
  }
1240
1235
  }
1236
+ @media only screen and (max-width : 420px) {
1237
+ .navbar-fixed nav .notifications-bell {
1238
+ width: 42px;
1239
+ }
1240
+ }
1241
1241
  @media only screen and (min-width : 993px) {
1242
1242
  .navbar-fixed nav .notifications-bell {
1243
1243
  position: absolute;
@@ -1323,6 +1323,11 @@
1323
1323
  position: relative;
1324
1324
  height: 100%;
1325
1325
  }
1326
+ @media only screen and (max-width : 420px) {
1327
+ .navbar-fixed nav .nav-wrapper {
1328
+ margin: 0 5px 0 15px;
1329
+ }
1330
+ }
1326
1331
  .navbar-fixed nav .nav-wrapper .sidebar-toggler {
1327
1332
  position: relative;
1328
1333
  display: flex;
package/dist/js/main.js CHANGED
@@ -219,7 +219,7 @@ return /******/ (function(modules) { // webpackBootstrap
219
219
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
220
220
 
221
221
  "use strict";
222
- 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 mobile_device_detect__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! mobile-device-detect */ \"./node_modules/mobile-device-detect/dist/index.js\");\n/* harmony import */ var mobile_device_detect__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(mobile_device_detect__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _components_notifications_sidebar_NotificationsSidebar_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./components/notifications-sidebar/NotificationsSidebar.vue */ \"./components/notifications-sidebar/NotificationsSidebar.vue\");\n/* harmony import */ var _components_play_pause_PlayPause_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./components/play-pause/PlayPause.vue */ \"./components/play-pause/PlayPause.vue\");\n/* harmony import */ var _components_sub_menu_SubMenu_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./components/sub-menu/SubMenu.vue */ \"./components/sub-menu/SubMenu.vue\");\n/* harmony import */ var _repositories_BaseUrl__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./repositories/BaseUrl */ \"./repositories/BaseUrl.ts\");\n/* harmony import */ var _repositories_BaseRepository__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./repositories/BaseRepository */ \"./repositories/BaseRepository.ts\");\n/* harmony import */ var _components_user_picture_UserPicture_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./components/user-picture/UserPicture.vue */ \"./components/user-picture/UserPicture.vue\");\n/* harmony import */ var _models_user_NotificationActionModel__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./models/user/NotificationActionModel */ \"./models/user/NotificationActionModel.ts\");\n/* harmony import */ var _models_user_NotificationModel__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./models/user/NotificationModel */ \"./models/user/NotificationModel.ts\");\n/* harmony import */ var _models_MenuLayouts__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./models/MenuLayouts */ \"./models/MenuLayouts.ts\");\n/* harmony import */ var _components_onboarding_sign_OnBoardingSign_vue__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./components/onboarding-sign/OnBoardingSign.vue */ \"./components/onboarding-sign/OnBoardingSign.vue\");\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/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: 'MainMenu',\n components: {\n UserPicture: _components_user_picture_UserPicture_vue__WEBPACK_IMPORTED_MODULE_7__[\"default\"],\n NotificationsSidebar: _components_notifications_sidebar_NotificationsSidebar_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n playPause: _components_play_pause_PlayPause_vue__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n SubMenu: _components_sub_menu_SubMenu_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n OnBoardingSign: _components_onboarding_sign_OnBoardingSign_vue__WEBPACK_IMPORTED_MODULE_11__[\"default\"]\n },\n props: {\n helperFunctions: {\n type: Array\n },\n storeAdapter: {\n type: Object\n },\n subMenus: {\n type: Array\n },\n layout: {\n type: _models_MenuLayouts__WEBPACK_IMPORTED_MODULE_10__[\"default\"],\n required: true\n }\n },\n provide() {\n return {\n layout: this.layout,\n storeAdapter: this.storeAdapter,\n subMenus: this.isLiteDomain ? this.subMenus : null,\n helperFunctions: this.helperFunctions\n };\n },\n mounted() {\n this.initializeItems();\n this.initializeAdminItems();\n this.initializeHereBoardItems();\n this.attachOverflowItems();\n this.$echo\n .private(`employee.${this.getUser.employee_id}`)\n .listen('SmartBalanceChanged', () => this.storeAdapter.User.actions.getData())\n .listen('LiqPayDonationProcessed', payload => {\n if (payload.status === 'finished') {\n this.storeAdapter.Toasts.mutations.addMessage(`${payload.quantity} UAH was successfully donated.`);\n }\n else {\n this.storeAdapter.Toasts.mutations.addWarning(`Donation ${payload.quantity} UAH was failed.`);\n }\n this.storeAdapter.Toasts.mutations.showAll();\n });\n },\n updated() {\n this.findOverflowedIndex();\n if (this.overflowedItems.items.length) {\n this.attachOverflowedMenus();\n }\n },\n computed: Object.assign(Object.assign({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])('User', ['getUser', 'isSidebarFixed', 'isSidebarOpenOnMobile'])), { intemsConfig() {\n return this.storeAdapter.Config.state.data;\n },\n userInfo() {\n return this.storeAdapter.User.state.data;\n },\n uncheckedCounter() {\n var _a;\n if ((_a = this.storeAdapter.HomePage_OnBoardingPlan.getters) === null || _a === void 0 ? void 0 : _a.notCheckedTasksLength) {\n return this.storeAdapter.HomePage_OnBoardingPlan.getters.notCheckedTasksLength;\n }\n return this.userInfo.welcomeProgram.unchecked_welcome_program_questions;\n },\n canSeeGitBranch() {\n return this.$can('read', 'feature_show_git_branch');\n },\n intelliHubIconsClassName() {\n return {\n 'icons hide-on-med-and-down': this.isIntelliHub,\n 'icons fixed-padding-manager-portal hide-on-med-and-down': this.isManagersPortal,\n 'icons fixed-padding hide-on-med-and-down': this.isLiteDomain\n };\n },\n intelliHubAvatarClassName() {\n return this.isIntelliHub || this.isManagersPortal\n ? 'intellihub-user-wrapper'\n : 'intellihub-user-wrapper fixed-padding';\n },\n intelliHubNotificationsClassName() {\n return {\n 'notifications-bell': this.isIntelliHub,\n 'notifications-bell fixed-padding-manager-portal': this.isManagersPortal,\n 'notifications-bell fixed-padding': this.isLiteDomain\n };\n },\n isIntelliHub() {\n return this.layout === _models_MenuLayouts__WEBPACK_IMPORTED_MODULE_10__[\"default\"].Portals && this.$route.meta.layout === _models_MenuLayouts__WEBPACK_IMPORTED_MODULE_10__[\"PortalsAppLayout\"].IntelliHub;\n },\n isLiteDomain() {\n return this.layout === _models_MenuLayouts__WEBPACK_IMPORTED_MODULE_10__[\"default\"].Lite;\n },\n isManagersPortal() {\n return this.layout === _models_MenuLayouts__WEBPACK_IMPORTED_MODULE_10__[\"default\"].Portals && this.$route.meta.layout === _models_MenuLayouts__WEBPACK_IMPORTED_MODULE_10__[\"PortalsAppLayout\"].ManagersPortal;\n },\n allowedToGiveKudos() {\n return this.userInfo.kudos_balance > 0;\n },\n vacationBalance() {\n return this.userInfo.vacation_balance;\n },\n overflowMenuItemHeight() {\n return this.overflowedMenus[0].querySelector('li').getBoundingClientRect().height;\n },\n overflowMenuMaxItemCount() {\n const itemCountPerMenu = [];\n this.overflowedMenus.forEach(menu => {\n itemCountPerMenu.push(menu.querySelectorAll(':scope > li').length);\n });\n return Math.max(...itemCountPerMenu);\n },\n isMobileOnly() {\n return mobile_device_detect__WEBPACK_IMPORTED_MODULE_1__[\"isMobileOnly\"];\n } }),\n watch: {\n // kostyl to close dropdown after back button press\n $route() {\n if (this.mobileMenu) {\n this.mobileMenu.close();\n }\n },\n 'overflowedItems.startIndex': {\n handler(index) {\n this.overflowedItems.items = this.items.slice(index);\n }\n }\n },\n methods: Object.assign(Object.assign(Object.assign(Object.assign({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])('Config', ['config'])), Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])('User/Notifications', ['markAsRead'])), Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])('User', ['toggleSidebarFixation', 'toggleSidebarOnMobile'])), { requestNotification(action) {\n return __awaiter(this, void 0, void 0, function* () {\n this.markAsRead(this.rejectedNotification);\n yield this.baseRepository.request(action.action, action.method ? action.method : _models_user_NotificationActionModel__WEBPACK_IMPORTED_MODULE_8__[\"RequestMethod\"].put, action.body);\n });\n },\n logOut() {\n return __awaiter(this, void 0, void 0, function* () {\n const repository = new _repositories_BaseRepository__WEBPACK_IMPORTED_MODULE_6__[\"default\"](_repositories_BaseUrl__WEBPACK_IMPORTED_MODULE_5__[\"BaseUrl\"].LogOut);\n const data = yield repository.post();\n if (data.data !== undefined) {\n window.location.href = data.data.redirect_url;\n }\n });\n },\n handleSidebarTogglerClick() {\n if (!this.isMobileOnly) {\n this.toggleSidebarFixation();\n }\n else {\n this.toggleSidebarOnMobile();\n }\n },\n goTo(routeName) {\n this.helperFunctions.router.push({ name: routeName });\n },\n modifyOpenedAdminItems(indexItem) {\n const collapsibleWrapper = document.getElementById('admin_collapsible');\n const collaplsedAdminItem = collapsibleWrapper.children[indexItem].children[1];\n const animationSmoothness = 0.4;\n const transitionDuration = `${collaplsedAdminItem.children.length * animationSmoothness}s`;\n collaplsedAdminItem.style.transitionDuration = transitionDuration;\n this.adminItems = this.adminItems.map((item, index) => item.children && index === indexItem ? Object.assign(Object.assign({}, item), { opened: !item.opened }) : item);\n },\n toggleSideNavVisibility() {\n this.sideNavOpened = !this.sideNavOpened;\n },\n attachOverflowItems() {\n this.markOverflowedItems();\n window.addEventListener('resize', this.markOverflowedItems);\n },\n attachOverflowedMenus() {\n this.overflowedMenus = this.$refs.overflowedMenu.querySelectorAll('ul');\n },\n findOverflowedIndex() {\n const items = [...this.$refs['menu-items'].childNodes];\n const { length } = items;\n for (let i = 0; i < length; i++) {\n if (items[i].offsetTop > items[i].clientTop) {\n this.overflowedItems.startIndex = i;\n break;\n }\n }\n },\n markOverflowedItems() {\n this.findOverflowedIndex();\n this.overflowedItems.items =\n this.overflowedItems.startIndex > -1 ? this.items.slice(this.overflowedItems.startIndex) : [];\n },\n openModalGiveKudos() {\n if (this.allowedToGiveKudos) {\n this.giveKudosComponent = this.giveKudosModalComponent();\n }\n },\n closeModalGiveKudos() {\n this.giveKudosComponent = undefined;\n }, giveKudosModalComponent() {\n return () => Promise.all(/*! import() | kudosForm */[__webpack_require__.e(\"vue\"), __webpack_require__.e(\"vendors~kudosForm~rejectComponent\"), __webpack_require__.e(\"vendors~kudosForm\"), __webpack_require__.e(\"kudosForm\")]).then(__webpack_require__.bind(null, /*! ./components/give-kudos-form/GiveKudosForm.vue */ \"./components/give-kudos-form/GiveKudosForm.vue\"));\n }, setOverflowedMenuHeight() {\n this.overflowedMenus.forEach(menu => {\n menu.style.height = `${this.overflowMenuMaxItemCount * this.overflowMenuItemHeight}px`;\n });\n },\n moveOverflowedMenu() {\n this.isOveflowedMenuMoved = true;\n this.setOverflowedMenuHeight();\n },\n resetOverflowedMenu() {\n this.isOveflowedMenuMoved = false;\n this.overflowedMenus.forEach(menu => {\n menu.style.height = 'auto';\n });\n },\n initializeRejectionComponent(rejectionData) {\n this.rejectConfirm = rejectionData.rejectionComponent;\n this.rejectedNotification = rejectionData.notification;\n },\n confirmedReject(payload) {\n const action = this.rejectedNotification.actions.first(item => item.type === _models_user_NotificationActionModel__WEBPACK_IMPORTED_MODULE_8__[\"ActionType\"].reject).clone();\n if ([\n _models_user_NotificationModel__WEBPACK_IMPORTED_MODULE_9__[\"NotificationCategory\"].vacations,\n _models_user_NotificationModel__WEBPACK_IMPORTED_MODULE_9__[\"NotificationCategory\"].sick_leaves,\n _models_user_NotificationModel__WEBPACK_IMPORTED_MODULE_9__[\"NotificationCategory\"].unpaid_leave\n ].includes(this.rejectedNotification.category)) {\n action.body.rejection_reason = payload.comment;\n }\n else {\n action.body.reject_reason = payload;\n }\n this.requestNotification(action);\n this.unsetRejection();\n },\n unsetRejection() {\n this.rejectConfirm = null;\n },\n initializeItems() {\n this.items = [\n {\n name: 'Time',\n link: this.isLiteDomain ? 'Time' : 'time',\n toMainDomain: false,\n toLite: !this.isLiteDomain,\n menuCheck: 'menu_time'\n },\n {\n name: 'Leaves and Absences',\n link: this.isLiteDomain ? 'Leaves and Absences' : 'leaves-and-absences/balance',\n toLite: !this.isLiteDomain,\n menuCheck: 'menu_leaves_and_absences'\n },\n {\n name: 'Stats',\n link: 'stats',\n toLite: !this.isLiteDomain,\n toMainDomain: false,\n menuCheck: 'menu_stats'\n },\n {\n name: 'IntelliShare',\n link: 'donations',\n toLite: false,\n toIntelliHub: this.isLiteDomain,\n toMainDomain: false,\n menuCheck: 'menu_donation_campaigns'\n },\n {\n name: 'Operations',\n link: this.isLiteDomain ? 'Reporting Branches' : 'projects',\n toLite: !this.isLiteDomain,\n toMainDomain: false,\n menuCheck: 'menu_projects'\n },\n {\n name: 'Reports',\n link: 'report/generate-excel',\n toMainDomain: true,\n menuCheck: 'reports_tab'\n },\n {\n name: 'Team',\n link: 'view-employees',\n toLite: !this.isLiteDomain,\n toMainDomain: false,\n menuCheck: 'menu_team'\n },\n {\n name: 'News',\n link: 'news',\n toLite: !this.isLiteDomain,\n toMainDomain: false,\n menuCheck: 'menu_news'\n },\n {\n name: 'Service desk',\n link: 'https://jira.intellias.com/servicedesk/customer/portals',\n toMainDomain: true,\n menuCheck: 'menu_service_desk',\n blank: true\n },\n {\n name: 'Knowledge base',\n link: 'https://confluence.intellias.com/pages/viewpage.action?pageId=110035843',\n toMainDomain: true,\n menuCheck: 'menu_knowledge_base',\n blank: true\n },\n {\n name: 'IntelliVacancies',\n link: this.isLiteDomain ? 'IntelliVacancies' : 'intelli-vacancies',\n toLite: !this.isLiteDomain,\n toMainDomain: false,\n menuCheck: 'menu_rotation_portal'\n },\n {\n name: 'Book a desk',\n link: 'https://intellias.officespacesoftware.com/visual-directory',\n toMainDomain: true,\n menuCheck: 'menu_office_space',\n blank: true\n },\n {\n name: 'Company EA Model',\n link: this.isLiteDomain ? 'Company EA Model' : 'ea',\n toLite: !this.isLiteDomain,\n toMainDomain: false,\n menuCheck: 'menu_ea_model'\n },\n {\n name: 'Admin',\n menuCheck: 'menu_admin',\n adminMenu: true\n },\n {\n name: 'Time Imports',\n menuCheck: 'menu_here_board_page',\n hereBoardMenu: true\n },\n {\n name: \"Manager's Portal\",\n link: `${this.intemsConfig.liteSiteUrl}managers-portal`,\n isDirectLink: true,\n menuCheck: 'menu_manager_portal'\n }\n ];\n },\n initializeAdminItems() {\n this.adminItems = [\n {\n name: 'IT support',\n menuCheck: 'menu_admin_it_support',\n opened: false,\n children: [\n {\n name: 'Access roles',\n menuCheck: 'setup_roles',\n link: this.isLiteDomain ? 'Access Roles' : 'access-roles',\n toLite: !this.isLiteDomain,\n toMainDomain: false\n },\n {\n name: 'Work areas',\n menuCheck: 'menu_work_areas',\n link: 'work-areas',\n toMainDomain: true\n },\n {\n name: 'Technical work',\n menuCheck: 'menu_admin_it_support_technical_work',\n link: 'technical-work',\n toLite: !this.isLiteDomain,\n toMainDomain: false\n },\n {\n name: 'Access cards',\n menuCheck: 'menu_admin_it_support_access_cards',\n link: 'access-cards',\n toLite: !this.isLiteDomain,\n toMainDomain: false\n },\n {\n name: 'Client IPs',\n menuCheck: 'menu_admin_it_support_client_ips',\n link: 'clients/index.php',\n toMainDomain: true\n },\n {\n name: 'View logs',\n menuCheck: 'menu_admin_it_support_view_logs',\n link: this.isLiteDomain ? 'view_logs' : 'view-logs',\n toLite: !this.isLiteDomain,\n toMainDomain: false\n },\n {\n name: 'Service page',\n menuCheck: 'menu_service_page',\n link: this.isLiteDomain ? 'Service' : 'service-page',\n toLite: !this.isLiteDomain,\n toMainDomain: false\n }\n ]\n },\n {\n name: 'HR',\n menuCheck: 'menu_admin_hr',\n opened: false,\n children: [\n {\n name: 'Manage IntelliStore',\n menuCheck: 'menu_intelli_store_manage',\n link: this.isLiteDomain\n ? 'catalog-admin-products-list'\n : \"total-rewards-portal/smart-catalog/admin'\",\n toLite: !this.isLiteDomain,\n toMainDomain: false\n },\n {\n name: 'Trainings (OLD)',\n menuCheck: 'menu_admin_hr_trainings',\n link: 'eval/index.php',\n toMainDomain: true\n },\n {\n name: 'Trainings (OLD)',\n menuCheck: 'menu_admin_employee_trainings',\n link: 'employees-trainings',\n toMainDomain: true\n },\n {\n name: 'Events',\n menuCheck: 'event_and_training',\n link: this.isLiteDomain ? 'Manage trainings' : 'trainings',\n toLite: !this.isLiteDomain,\n toMainDomain: false\n },\n {\n name: 'Calendars',\n menuCheck: 'menu_admin_holiday_calendar',\n link: 'calendars',\n toLite: !this.isLiteDomain,\n toMainDomain: false\n },\n {\n name: 'Manage smarts',\n menuCheck: 'menu_admin_hr_manage_smarts',\n link: 'manage-smarts',\n toLite: !this.isLiteDomain,\n toMainDomain: false\n },\n {\n name: 'Manage news',\n menuCheck: 'menu_admin_hr_news',\n link: 'manage-news-list',\n toLite: !this.isLiteDomain,\n toMainDomain: false\n },\n {\n name: 'Compensation packages',\n menuCheck: 'menu_admin_non_comp_list',\n link: this.isLiteDomain ? 'compensation-package' : 'admin/compensation-package',\n toLite: !this.isLiteDomain,\n toMainDomain: false\n },\n {\n name: 'Banners',\n menuCheck: 'menu_admin_banners',\n link: this.isLiteDomain ? 'Banners List' : 'banners',\n toLite: !this.isLiteDomain,\n toMainDomain: false\n },\n {\n name: 'Manage Welcome Program',\n link: this.isLiteDomain ? 'Manage Welcome Program' : 'admin/welcome-program',\n toMainDomain: false,\n toLite: !this.isLiteDomain,\n menuCheck: 'menu_manage_welcome_program'\n },\n {\n name: 'Jira Satisfaction Survey',\n menuCheck: 'menu_enps_survey_admin',\n link: this.isLiteDomain ? 'Jira Satisfaction Survey List' : 'jira-satisfaction-survey',\n toMainDomain: false,\n toLite: !this.isLiteDomain\n }\n ]\n },\n {\n name: 'Accountancy',\n menuCheck: 'menu_admin_accountancy',\n link: 'accountancy/detailedReporting',\n toMainDomain: true\n },\n {\n name: 'Countries',\n menuCheck: 'menu_admin_dictionary',\n link: this.isLiteDomain ? 'dictionary' : 'countries',\n toLite: !this.isLiteDomain,\n toMainDomain: false\n }\n ];\n },\n initializeHereBoardItems() {\n this.hereBoardItems = [\n {\n name: 'Employee Dashboard',\n menuCheck: 'menu_here_board_page_user',\n link: this.isLiteDomain ? 'Here Board Page' : 'here-board-page',\n toLite: !this.isLiteDomain,\n toMainDomain: false\n },\n {\n name: 'Manager Dashboard',\n menuCheck: 'menu_here_board_page_manager',\n link: this.isLiteDomain ? 'Here Board Page Admin' : 'here-board-page-admin',\n toLite: !this.isLiteDomain,\n toMainDomain: false\n },\n {\n name: 'Admin Dashboard',\n menuCheck: 'menu_here_board_page_owner',\n link: this.isLiteDomain ? 'Here Board Page Admin' : 'here-board-page-admin',\n toLite: !this.isLiteDomain,\n toMainDomain: false\n }\n ];\n } }),\n data() {\n return {\n flagShowSignOutLinks: false,\n sideNavOpened: false,\n baseRepository: new _repositories_BaseRepository__WEBPACK_IMPORTED_MODULE_6__[\"default\"](),\n rejectConfirm: undefined,\n rejectedNotification: undefined,\n giveKudosComponent: undefined,\n items: [],\n adminItems: [],\n hereBoardItems: [],\n overflowedItems: {\n items: [],\n startIndex: -1\n },\n mobileMenu: null,\n overflowedMenus: undefined,\n isOveflowedMenuMoved: false\n };\n }\n});\n\n\n//# sourceURL=webpack://MainMenu/./Menu.ts?");
222
+ 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 mobile_device_detect__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! mobile-device-detect */ \"./node_modules/mobile-device-detect/dist/index.js\");\n/* harmony import */ var mobile_device_detect__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(mobile_device_detect__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _components_notifications_sidebar_NotificationsSidebar_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./components/notifications-sidebar/NotificationsSidebar.vue */ \"./components/notifications-sidebar/NotificationsSidebar.vue\");\n/* harmony import */ var _components_play_pause_PlayPause_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./components/play-pause/PlayPause.vue */ \"./components/play-pause/PlayPause.vue\");\n/* harmony import */ var _components_sub_menu_SubMenu_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./components/sub-menu/SubMenu.vue */ \"./components/sub-menu/SubMenu.vue\");\n/* harmony import */ var _repositories_BaseUrl__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./repositories/BaseUrl */ \"./repositories/BaseUrl.ts\");\n/* harmony import */ var _repositories_BaseRepository__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./repositories/BaseRepository */ \"./repositories/BaseRepository.ts\");\n/* harmony import */ var _components_user_picture_UserPicture_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./components/user-picture/UserPicture.vue */ \"./components/user-picture/UserPicture.vue\");\n/* harmony import */ var _models_user_NotificationActionModel__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./models/user/NotificationActionModel */ \"./models/user/NotificationActionModel.ts\");\n/* harmony import */ var _models_user_NotificationModel__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./models/user/NotificationModel */ \"./models/user/NotificationModel.ts\");\n/* harmony import */ var _models_MenuLayouts__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./models/MenuLayouts */ \"./models/MenuLayouts.ts\");\n/* harmony import */ var _components_onboarding_sign_OnBoardingSign_vue__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./components/onboarding-sign/OnBoardingSign.vue */ \"./components/onboarding-sign/OnBoardingSign.vue\");\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/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: 'MainMenu',\n components: {\n UserPicture: _components_user_picture_UserPicture_vue__WEBPACK_IMPORTED_MODULE_7__[\"default\"],\n NotificationsSidebar: _components_notifications_sidebar_NotificationsSidebar_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n playPause: _components_play_pause_PlayPause_vue__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n SubMenu: _components_sub_menu_SubMenu_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n OnBoardingSign: _components_onboarding_sign_OnBoardingSign_vue__WEBPACK_IMPORTED_MODULE_11__[\"default\"]\n },\n props: {\n helperFunctions: {\n type: Array\n },\n storeAdapter: {\n type: Object\n },\n subMenus: {\n type: Array\n },\n layout: {\n type: _models_MenuLayouts__WEBPACK_IMPORTED_MODULE_10__[\"default\"],\n required: true\n }\n },\n provide() {\n return {\n layout: this.layout,\n storeAdapter: this.storeAdapter,\n subMenus: this.isLiteDomain ? this.subMenus : null,\n helperFunctions: this.helperFunctions\n };\n },\n mounted() {\n this.initializeItems();\n this.initializeAdminItems();\n this.initializeHereBoardItems();\n this.attachOverflowItems();\n this.$echo\n .private(`employee.${this.getUser.employee_id}`)\n .listen('SmartBalanceChanged', () => this.storeAdapter.User.actions.getData())\n .listen('LiqPayDonationProcessed', payload => {\n if (payload.status === 'finished') {\n this.storeAdapter.Toasts.mutations.addMessage(`${payload.quantity} UAH was successfully donated.`);\n }\n else {\n this.storeAdapter.Toasts.mutations.addWarning(`Donation ${payload.quantity} UAH was failed.`);\n }\n this.storeAdapter.Toasts.mutations.showAll();\n });\n },\n updated() {\n this.findOverflowedIndex();\n if (this.overflowedItems.items.length) {\n this.attachOverflowedMenus();\n }\n },\n computed: Object.assign(Object.assign({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])('User', ['getUser', 'isSidebarFixed', 'isSidebarOpenOnMobile'])), { intemsConfig() {\n return this.storeAdapter.Config.state.data;\n },\n userInfo() {\n return this.storeAdapter.User.state.data;\n },\n uncheckedCounter() {\n var _a;\n if ((_a = this.storeAdapter.HomePage_OnBoardingPlan.getters) === null || _a === void 0 ? void 0 : _a.notCheckedTasksLength) {\n return this.storeAdapter.HomePage_OnBoardingPlan.getters.notCheckedTasksLength;\n }\n return this.userInfo.welcomeProgram.unchecked_welcome_program_questions;\n },\n canSeeGitBranch() {\n return this.$can('read', 'feature_show_git_branch');\n },\n intelliHubIconsClassName() {\n return {\n 'icons hide-on-med-and-down': this.isIntelliHub,\n 'icons fixed-padding-manager-portal hide-on-med-and-down': this.isManagersPortal,\n 'icons fixed-padding hide-on-med-and-down': this.isLiteDomain\n };\n },\n intelliHubAvatarClassName() {\n return this.isIntelliHub || this.isManagersPortal\n ? 'intellihub-user-wrapper'\n : 'intellihub-user-wrapper fixed-padding';\n },\n intelliHubNotificationsClassName() {\n return {\n 'notifications-bell': this.isIntelliHub,\n 'notifications-bell fixed-padding-manager-portal': this.isManagersPortal,\n 'notifications-bell fixed-padding': this.isLiteDomain\n };\n },\n isIntelliHub() {\n return this.layout === _models_MenuLayouts__WEBPACK_IMPORTED_MODULE_10__[\"default\"].Portals && this.$route.meta.layout === _models_MenuLayouts__WEBPACK_IMPORTED_MODULE_10__[\"PortalsAppLayout\"].IntelliHub;\n },\n isLiteDomain() {\n return this.layout === _models_MenuLayouts__WEBPACK_IMPORTED_MODULE_10__[\"default\"].Lite;\n },\n isManagersPortal() {\n return this.layout === _models_MenuLayouts__WEBPACK_IMPORTED_MODULE_10__[\"default\"].Portals && this.$route.meta.layout === _models_MenuLayouts__WEBPACK_IMPORTED_MODULE_10__[\"PortalsAppLayout\"].ManagersPortal;\n },\n allowedToGiveKudos() {\n return this.userInfo.kudos_balance > 0;\n },\n vacationBalance() {\n return this.userInfo.vacation_balance;\n },\n overflowMenuItemHeight() {\n return this.overflowedMenus[0].querySelector('li').getBoundingClientRect().height;\n },\n overflowMenuMaxItemCount() {\n const itemCountPerMenu = [];\n this.overflowedMenus.forEach(menu => {\n itemCountPerMenu.push(menu.querySelectorAll(':scope > li').length);\n });\n return Math.max(...itemCountPerMenu);\n },\n isMobileOnly() {\n return mobile_device_detect__WEBPACK_IMPORTED_MODULE_1__[\"isMobileOnly\"];\n } }),\n watch: {\n // kostyl to close dropdown after back button press\n $route() {\n if (this.mobileMenu) {\n this.mobileMenu.close();\n }\n },\n 'overflowedItems.startIndex': {\n handler(index) {\n this.overflowedItems.items = this.items.slice(index);\n }\n }\n },\n methods: Object.assign(Object.assign(Object.assign(Object.assign({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])('Config', ['config'])), Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])('User/Notifications', ['markAsRead'])), Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])('User', ['toggleSidebarFixation', 'toggleSidebarOnMobile'])), { requestNotification(action) {\n return __awaiter(this, void 0, void 0, function* () {\n this.markAsRead(this.rejectedNotification);\n yield this.baseRepository.request(action.action, action.method ? action.method : _models_user_NotificationActionModel__WEBPACK_IMPORTED_MODULE_8__[\"RequestMethod\"].put, action.body);\n });\n },\n logOut() {\n return __awaiter(this, void 0, void 0, function* () {\n const repository = new _repositories_BaseRepository__WEBPACK_IMPORTED_MODULE_6__[\"default\"](_repositories_BaseUrl__WEBPACK_IMPORTED_MODULE_5__[\"BaseUrl\"].LogOut);\n const data = yield repository.post();\n if (data.data !== undefined) {\n window.location.href = data.data.redirect_url;\n }\n });\n },\n handleSidebarTogglerClick() {\n if (!this.isMobileOnly) {\n this.toggleSidebarFixation();\n }\n else {\n this.toggleSidebarOnMobile();\n }\n },\n goTo(routeName) {\n this.helperFunctions.router.push({ name: routeName });\n },\n modifyOpenedAdminItems(indexItem) {\n const collapsibleWrapper = document.getElementById('admin_collapsible');\n const collaplsedAdminItem = collapsibleWrapper.children[indexItem].children[1];\n const animationSmoothness = 0.4;\n const transitionDuration = `${collaplsedAdminItem.children.length * animationSmoothness}s`;\n collaplsedAdminItem.style.transitionDuration = transitionDuration;\n this.adminItems = this.adminItems.map((item, index) => item.children && index === indexItem ? Object.assign(Object.assign({}, item), { opened: !item.opened }) : item);\n },\n toggleSideNavVisibility() {\n this.sideNavOpened = !this.sideNavOpened;\n },\n attachOverflowItems() {\n this.markOverflowedItems();\n window.addEventListener('resize', this.markOverflowedItems);\n },\n attachOverflowedMenus() {\n this.overflowedMenus = this.$refs.overflowedMenu.querySelectorAll('ul');\n },\n findOverflowedIndex() {\n const items = [...this.$refs['menu-items'].childNodes];\n const { length } = items;\n for (let i = 0; i < length; i++) {\n if (items[i].offsetTop > items[i].clientTop) {\n this.overflowedItems.startIndex = i;\n break;\n }\n }\n },\n markOverflowedItems() {\n this.findOverflowedIndex();\n this.overflowedItems.items =\n this.overflowedItems.startIndex > -1 ? this.items.slice(this.overflowedItems.startIndex) : [];\n },\n openModalGiveKudos() {\n if (this.allowedToGiveKudos) {\n this.giveKudosComponent = this.giveKudosModalComponent();\n }\n },\n closeModalGiveKudos() {\n this.giveKudosComponent = undefined;\n }, giveKudosModalComponent() {\n return () => Promise.all(/*! import() | kudosForm */[__webpack_require__.e(\"vue\"), __webpack_require__.e(\"vendors~kudosForm~rejectComponent\"), __webpack_require__.e(\"vendors~kudosForm\"), __webpack_require__.e(\"kudosForm\")]).then(__webpack_require__.bind(null, /*! ./components/give-kudos-form/GiveKudosForm.vue */ \"./components/give-kudos-form/GiveKudosForm.vue\"));\n }, setOverflowedMenuHeight() {\n this.overflowedMenus.forEach(menu => {\n menu.style.height = `${this.overflowMenuMaxItemCount * this.overflowMenuItemHeight}px`;\n });\n },\n moveOverflowedMenu() {\n this.isOveflowedMenuMoved = true;\n this.setOverflowedMenuHeight();\n },\n resetOverflowedMenu() {\n this.isOveflowedMenuMoved = false;\n this.overflowedMenus.forEach(menu => {\n menu.style.height = 'auto';\n });\n },\n initializeRejectionComponent(rejectionData) {\n this.rejectConfirm = rejectionData.rejectionComponent;\n this.rejectedNotification = rejectionData.notification;\n },\n confirmedReject(payload) {\n const action = this.rejectedNotification.actions.first(item => item.type === _models_user_NotificationActionModel__WEBPACK_IMPORTED_MODULE_8__[\"ActionType\"].reject).clone();\n if ([\n _models_user_NotificationModel__WEBPACK_IMPORTED_MODULE_9__[\"NotificationCategory\"].vacations,\n _models_user_NotificationModel__WEBPACK_IMPORTED_MODULE_9__[\"NotificationCategory\"].sick_leaves,\n _models_user_NotificationModel__WEBPACK_IMPORTED_MODULE_9__[\"NotificationCategory\"].unpaid_leave\n ].includes(this.rejectedNotification.category)) {\n action.body.rejection_reason = payload.comment;\n }\n else {\n action.body.reject_reason = payload;\n }\n this.requestNotification(action);\n this.unsetRejection();\n },\n unsetRejection() {\n this.rejectConfirm = null;\n },\n initializeItems() {\n this.items = [\n {\n name: 'Time',\n link: this.isLiteDomain ? 'Time' : 'time',\n toMainDomain: false,\n toLite: !this.isLiteDomain,\n menuCheck: 'menu_time'\n },\n {\n name: 'Leaves and Absences',\n link: this.isLiteDomain ? 'Leaves and Absences' : 'leaves-and-absences/balance',\n toLite: !this.isLiteDomain,\n menuCheck: 'menu_leaves_and_absences'\n },\n {\n name: 'Stats',\n link: 'stats',\n toLite: !this.isLiteDomain,\n toMainDomain: false,\n menuCheck: 'menu_stats'\n },\n {\n name: 'IntelliShare',\n link: 'donations',\n toLite: false,\n toIntelliHub: this.isLiteDomain,\n toMainDomain: false,\n menuCheck: 'menu_donation_campaigns'\n },\n {\n name: 'Operations',\n link: this.isLiteDomain ? 'Reporting Branches' : 'projects',\n toLite: !this.isLiteDomain,\n toMainDomain: false,\n menuCheck: 'menu_projects'\n },\n {\n name: 'Reports',\n link: 'report/generate-excel',\n toMainDomain: true,\n menuCheck: 'reports_tab'\n },\n {\n name: 'Team',\n link: 'view-employees',\n toLite: !this.isLiteDomain,\n toMainDomain: false,\n menuCheck: 'menu_team'\n },\n {\n name: 'News',\n link: 'news',\n toLite: !this.isLiteDomain,\n toMainDomain: false,\n menuCheck: 'menu_news'\n },\n {\n name: 'Service desk',\n link: 'https://jira.intellias.com/servicedesk/customer/portals',\n toMainDomain: true,\n menuCheck: 'menu_service_desk',\n blank: true\n },\n {\n name: 'Knowledge base',\n link: 'https://confluence.intellias.com/pages/viewpage.action?pageId=110035843',\n toMainDomain: true,\n menuCheck: 'menu_knowledge_base',\n blank: true\n },\n {\n name: 'IntelliVacancies',\n link: this.isLiteDomain ? 'IntelliVacancies' : 'intelli-vacancies',\n toLite: !this.isLiteDomain,\n toMainDomain: false,\n menuCheck: 'menu_rotation_portal'\n },\n {\n name: 'Book a desk',\n link: 'https://intellias.officespacesoftware.com/visual-directory',\n toMainDomain: true,\n menuCheck: 'menu_office_space',\n blank: true\n },\n {\n name: 'Company EA Model',\n link: this.isLiteDomain ? 'Company EA Model' : 'ea',\n toLite: !this.isLiteDomain,\n toMainDomain: false,\n menuCheck: 'menu_ea_model'\n },\n {\n name: 'Admin',\n menuCheck: 'menu_admin',\n adminMenu: true\n },\n {\n name: 'Time Imports',\n menuCheck: 'menu_here_board_page',\n hereBoardMenu: true\n },\n {\n name: \"Manager's Portal\",\n link: `${this.intemsConfig.liteSiteUrl}managers-portal`,\n isDirectLink: true,\n menuCheck: 'menu_manager_portal'\n }\n ];\n },\n initializeAdminItems() {\n this.adminItems = [\n {\n name: 'IT support',\n menuCheck: 'menu_admin_it_support',\n opened: false,\n children: [\n {\n name: 'Access roles',\n menuCheck: 'setup_roles',\n link: this.isLiteDomain ? 'Access Roles' : 'access-roles',\n toLite: !this.isLiteDomain,\n toMainDomain: false\n },\n {\n name: 'Work areas',\n menuCheck: 'menu_work_areas',\n link: 'work-areas',\n toMainDomain: true\n },\n {\n name: 'Technical work',\n menuCheck: 'menu_admin_it_support_technical_work',\n link: 'technical-work',\n toLite: !this.isLiteDomain,\n toMainDomain: false\n },\n {\n name: 'Access cards',\n menuCheck: 'menu_admin_it_support_access_cards',\n link: 'access-cards',\n toLite: !this.isLiteDomain,\n toMainDomain: false\n },\n {\n name: 'Client IPs',\n menuCheck: 'menu_admin_it_support_client_ips',\n link: 'clients/index.php',\n toMainDomain: true\n },\n {\n name: 'View logs',\n menuCheck: 'menu_admin_it_support_view_logs',\n link: this.isLiteDomain ? 'view_logs' : 'view-logs',\n toLite: !this.isLiteDomain,\n toMainDomain: false\n },\n {\n name: 'Service page',\n menuCheck: 'menu_service_page',\n link: this.isLiteDomain ? 'Service' : 'service-page',\n toLite: !this.isLiteDomain,\n toMainDomain: false\n }\n ]\n },\n {\n name: 'HR',\n menuCheck: 'menu_admin_hr',\n opened: false,\n children: [\n {\n name: 'Manage IntelliStore',\n menuCheck: 'menu_intelli_store_manage',\n link: this.isLiteDomain\n ? 'catalog-admin-products-list'\n : \"total-rewards-portal/smart-catalog/admin'\",\n toLite: !this.isLiteDomain,\n toMainDomain: false\n },\n {\n name: 'Trainings (OLD)',\n menuCheck: 'menu_admin_hr_trainings',\n link: 'eval/index.php',\n toMainDomain: true\n },\n {\n name: 'Trainings (OLD)',\n menuCheck: 'menu_admin_employee_trainings',\n link: 'employees-trainings',\n toMainDomain: true\n },\n {\n name: 'Events',\n menuCheck: 'event_and_training',\n link: this.isLiteDomain ? 'Manage trainings' : 'trainings',\n toLite: !this.isLiteDomain,\n toMainDomain: false\n },\n {\n name: 'Calendars',\n menuCheck: 'menu_admin_holiday_calendar',\n link: 'calendars',\n toLite: !this.isLiteDomain,\n toMainDomain: false\n },\n {\n name: 'Manage smarts',\n menuCheck: 'menu_admin_hr_manage_smarts',\n link: 'manage-smarts',\n toLite: !this.isLiteDomain,\n toMainDomain: false\n },\n {\n name: 'Manage news',\n menuCheck: 'menu_admin_hr_news',\n link: 'manage-news-list',\n toLite: !this.isLiteDomain,\n toMainDomain: false\n },\n {\n name: 'Manage communities',\n menuCheck: 'manage_communities',\n link: 'manage-communities',\n toLite: !this.isLiteDomain,\n toMainDomain: false\n },\n {\n name: 'Compensation packages',\n menuCheck: 'menu_admin_non_comp_list',\n link: this.isLiteDomain ? 'compensation-package' : 'admin/compensation-package',\n toLite: !this.isLiteDomain,\n toMainDomain: false\n },\n {\n name: 'Banners',\n menuCheck: 'menu_admin_banners',\n link: this.isLiteDomain ? 'Banners List' : 'banners',\n toLite: !this.isLiteDomain,\n toMainDomain: false\n },\n {\n name: 'Manage Welcome Program',\n link: this.isLiteDomain ? 'Manage Welcome Program' : 'admin/welcome-program',\n toMainDomain: false,\n toLite: !this.isLiteDomain,\n menuCheck: 'menu_manage_welcome_program'\n },\n {\n name: 'Jira Satisfaction Survey',\n menuCheck: 'menu_enps_survey_admin',\n link: this.isLiteDomain ? 'Jira Satisfaction Survey List' : 'jira-satisfaction-survey',\n toMainDomain: false,\n toLite: !this.isLiteDomain\n }\n ]\n },\n {\n name: 'Accountancy',\n menuCheck: 'menu_admin_accountancy',\n link: 'accountancy/detailedReporting',\n toMainDomain: true\n },\n {\n name: 'Countries',\n menuCheck: 'menu_admin_dictionary',\n link: this.isLiteDomain ? 'dictionary' : 'countries',\n toLite: !this.isLiteDomain,\n toMainDomain: false\n }\n ];\n },\n initializeHereBoardItems() {\n this.hereBoardItems = [\n {\n name: 'Employee Dashboard',\n menuCheck: 'menu_here_board_page_user',\n link: this.isLiteDomain ? 'Here Board Page' : 'here-board-page',\n toLite: !this.isLiteDomain,\n toMainDomain: false\n },\n {\n name: 'Manager Dashboard',\n menuCheck: 'menu_here_board_page_manager',\n link: this.isLiteDomain ? 'Here Board Page Admin' : 'here-board-page-admin',\n toLite: !this.isLiteDomain,\n toMainDomain: false\n },\n {\n name: 'Admin Dashboard',\n menuCheck: 'menu_here_board_page_owner',\n link: this.isLiteDomain ? 'Here Board Page Admin' : 'here-board-page-admin',\n toLite: !this.isLiteDomain,\n toMainDomain: false\n }\n ];\n } }),\n data() {\n return {\n flagShowSignOutLinks: false,\n sideNavOpened: false,\n baseRepository: new _repositories_BaseRepository__WEBPACK_IMPORTED_MODULE_6__[\"default\"](),\n rejectConfirm: undefined,\n rejectedNotification: undefined,\n giveKudosComponent: undefined,\n items: [],\n adminItems: [],\n hereBoardItems: [],\n overflowedItems: {\n items: [],\n startIndex: -1\n },\n mobileMenu: null,\n overflowedMenus: undefined,\n isOveflowedMenuMoved: false\n };\n }\n});\n\n\n//# sourceURL=webpack://MainMenu/./Menu.ts?");
223
223
 
224
224
  /***/ }),
225
225
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@intellias/menu",
3
- "version": "1.0.29",
3
+ "version": "1.0.31",
4
4
  "description": "Menu for intems project.",
5
5
  "author": "Intems",
6
6
  "scripts": {