bfg-common 1.3.468 → 1.3.469

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.
Files changed (2) hide show
  1. package/components/common/layout/theHeader/helpMenu/helpMenuNew/HelpMenuNew.vue +116 -112
  2. package/package.json +2 -2
package/components/common/layout/theHeader/helpMenu/helpMenuNew/HelpMenuNew.vue CHANGED
@@ -1,112 +1,116 @@
1
- <template>
2
- <div class="help-menu-content">
3
- <button
4
- id="help-menu-dropdown-toggle"
5
- data-id="help-menu-dropdown-toggle"
6
- class="help-menu-dropdown-toggle"
7
- @click="isShowDropdown = !isShowDropdown"
8
- >
9
- <span class="help-icon-container">
10
- <ui-icon-icon3 name="help" width="24" height="24" />
11
- </span>
12
- <span class="arrow-icon-container">
13
- <ui-icon name="arrow2" width="16" height="8" />
14
- </span>
15
- </button>
16
- </div>
17
- <ui-dropdown
18
- test-id="help-menu-dropdown"
19
- :show="isShowDropdown"
20
- :items="dropdownItems"
21
- width="max-content"
22
- elem-id="help-menu-dropdown-toggle"
23
- @select="onSelectDropdown"
24
- @hide="onHideDropdown"
25
- />
26
-
27
- <common-layout-the-header-feedback
28
- :is-show-feedback="isShowFeedback"
29
- @show="isShowFeedback = true"
30
- @hide="isShowFeedback = false"
31
- />
32
- </template>
33
-
34
- <script setup lang="ts">
35
- import type { UI_I_Dropdown } from '~/node_modules/bfg-uikit/components/ui/dropdown/models/interfaces'
36
- import type { UI_I_Localization } from '~/lib/models/interfaces'
37
- import { helpMenuFunc } from '~/components/common/layout/theHeader/helpMenu/helpMenuNew/lib/config/dropMenu'
38
-
39
- const emits = defineEmits<{
40
- (event: 'select-dropdown', value: string): void
41
- }>()
42
-
43
- const localization = computed<UI_I_Localization>(() => useLocal())
44
-
45
- const isShowFeedback = ref<boolean>(false)
46
-
47
- const isShowDropdown = ref<boolean>(false)
48
- const dropdownItems = computed<UI_I_Dropdown[]>(() =>
49
- helpMenuFunc(localization.value)
50
- )
51
-
52
- const onHideDropdown = (): void => {
53
- isShowDropdown.value = false
54
- }
55
-
56
- const onSelectDropdown = (value: string): void => {
57
- switch (value) {
58
- case 'sendFeedback':
59
- isShowFeedback.value = true
60
- break
61
- default:
62
- emits('select-dropdown', value)
63
- }
64
- onHideDropdown()
65
- }
66
- </script>
67
-
68
- <style scoped lang="scss">
69
- .help-menu-content {
70
- .help-menu-dropdown-toggle {
71
- border: unset;
72
- padding: 0;
73
- outline: unset;
74
- background: transparent;
75
- cursor: pointer;
76
- display: flex;
77
- align-items: center;
78
-
79
- &:hover {
80
- .help-icon-container {
81
- :deep(svg) {
82
- color: #ffffff;
83
- }
84
- }
85
- .arrow-icon-container {
86
- color: #ffffff;
87
- }
88
- }
89
-
90
- .help-icon-container {
91
- display: flex;
92
- margin-right: 10px;
93
-
94
- :deep(svg) {
95
- color: #d3d6da;
96
- }
97
- }
98
- .arrow-icon-container {
99
- display: flex;
100
- transform: rotate(90deg);
101
- color: #d3d6da;
102
- }
103
- }
104
-
105
- :deep(span.nav-icon) {
106
- padding: 0 !important;
107
- }
108
- }
109
- #dropdown-help-menu-dropdown {
110
- margin-top: 17px;
111
- }
112
- </style>
1
+ <template>
2
+ <div class="help-menu-content">
3
+ <button
4
+ id="help-menu-dropdown-toggle"
5
+ data-id="help-menu-dropdown-toggle"
6
+ class="help-menu-dropdown-toggle"
7
+ @click="isShowDropdown = !isShowDropdown"
8
+ >
9
+ <span class="help-icon-container">
10
+ <ui-icon-main-navigation-panel
11
+ name="icon-help"
12
+ width="24"
13
+ height="24"
14
+ />
15
+ </span>
16
+ <span class="arrow-icon-container">
17
+ <ui-icon name="arrow2" width="16" height="8" />
18
+ </span>
19
+ </button>
20
+ </div>
21
+ <ui-dropdown
22
+ test-id="help-menu-dropdown"
23
+ :show="isShowDropdown"
24
+ :items="dropdownItems"
25
+ width="max-content"
26
+ elem-id="help-menu-dropdown-toggle"
27
+ @select="onSelectDropdown"
28
+ @hide="onHideDropdown"
29
+ />
30
+
31
+ <common-layout-the-header-feedback
32
+ :is-show-feedback="isShowFeedback"
33
+ @show="isShowFeedback = true"
34
+ @hide="isShowFeedback = false"
35
+ />
36
+ </template>
37
+
38
+ <script setup lang="ts">
39
+ import type { UI_I_Dropdown } from '~/node_modules/bfg-uikit/components/ui/dropdown/models/interfaces'
40
+ import type { UI_I_Localization } from '~/lib/models/interfaces'
41
+ import { helpMenuFunc } from '~/components/common/layout/theHeader/helpMenu/helpMenuNew/lib/config/dropMenu'
42
+
43
+ const emits = defineEmits<{
44
+ (event: 'select-dropdown', value: string): void
45
+ }>()
46
+
47
+ const localization = computed<UI_I_Localization>(() => useLocal())
48
+
49
+ const isShowFeedback = ref<boolean>(false)
50
+
51
+ const isShowDropdown = ref<boolean>(false)
52
+ const dropdownItems = computed<UI_I_Dropdown[]>(() =>
53
+ helpMenuFunc(localization.value)
54
+ )
55
+
56
+ const onHideDropdown = (): void => {
57
+ isShowDropdown.value = false
58
+ }
59
+
60
+ const onSelectDropdown = (value: string): void => {
61
+ switch (value) {
62
+ case 'sendFeedback':
63
+ isShowFeedback.value = true
64
+ break
65
+ default:
66
+ emits('select-dropdown', value)
67
+ }
68
+ onHideDropdown()
69
+ }
70
+ </script>
71
+
72
+ <style scoped lang="scss">
73
+ .help-menu-content {
74
+ .help-menu-dropdown-toggle {
75
+ border: unset;
76
+ padding: 0;
77
+ outline: unset;
78
+ background: transparent;
79
+ cursor: pointer;
80
+ display: flex;
81
+ align-items: center;
82
+
83
+ &:hover {
84
+ .help-icon-container {
85
+ :deep(svg) {
86
+ color: #ffffff;
87
+ }
88
+ }
89
+ .arrow-icon-container {
90
+ color: #ffffff;
91
+ }
92
+ }
93
+
94
+ .help-icon-container {
95
+ display: flex;
96
+ margin-right: 10px;
97
+
98
+ :deep(svg) {
99
+ color: #d3d6da;
100
+ }
101
+ }
102
+ .arrow-icon-container {
103
+ display: flex;
104
+ transform: rotate(90deg);
105
+ color: #d3d6da;
106
+ }
107
+ }
108
+
109
+ :deep(span.nav-icon) {
110
+ padding: 0 !important;
111
+ }
112
+ }
113
+ #dropdown-help-menu-dropdown {
114
+ margin-top: 17px;
115
+ }
116
+ </style>
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "bfg-common",
3
3
  "private": false,
4
- "version": "1.3.468",
4
+ "version": "1.3.469",
5
5
  "scripts": {
6
6
  "build": "nuxt build",
7
7
  "dev": "nuxt dev --port=3002",
@@ -35,7 +35,7 @@
35
35
  "@vueuse/components": "^10.1.2",
36
36
  "date-fns": "^2.29.3",
37
37
  "bfg-nuxt-3-graph": "^1.0.15",
38
- "bfg-uikit": "1.0.58",
38
+ "bfg-uikit": "1.0.64",
39
39
  "html2canvas": "^1.4.1",
40
40
  "prettier-eslint": "^15.0.1"
41
41
  }