@avakhula/ui 0.1.5 → 0.1.6

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@avakhula/ui",
3
- "version": "0.1.5",
3
+ "version": "0.1.6",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/index.umd.cjs",
6
6
  "source": "src/index.js",
@@ -95,6 +95,7 @@ $alert-success-secondary-color: $green-50;
95
95
  margin-top: 5px;
96
96
  margin-bottom: 5px;
97
97
  padding-left: 0;
98
+ word-break: break-word;
98
99
  }
99
100
  }
100
101
 
@@ -107,6 +108,7 @@ $alert-success-secondary-color: $green-50;
107
108
  @include Ib-P1-regular;
108
109
  margin-bottom: 5px;
109
110
  padding-left: 0!important;
111
+ word-break: break-word;
110
112
  }
111
113
 
112
114
  & + .close-button {
@@ -11,7 +11,7 @@
11
11
  <div>
12
12
  <button
13
13
  class="sorting-label"
14
- v-tooltip:[tooltipPosition]="tooltipContent"
14
+ v-tooltip:[sortingTooltipPosition]="sortingTooltipContent"
15
15
  :class="{
16
16
  'sorting-label-active': isOpenToggleTip && hasToggleTip,
17
17
  'has-action': tooltipText?.length || hasToggleTip
@@ -161,6 +161,20 @@ export default {
161
161
  }
162
162
  return null;
163
163
  },
164
+ sortingTooltipPosition() {
165
+ if (this.hasToggleTip) {
166
+ return 'bottomCenter'
167
+ }
168
+
169
+ return this.tooltipPosition;
170
+ },
171
+ sortingTooltipContent() {
172
+ if (this.hasToggleTip) {
173
+ return lang('click_to_view_details', this.langComponents?.COMPONENT_SYSTEM);
174
+ }
175
+
176
+ return this.tooltipContent;
177
+ },
164
178
  tooltipIconText() {
165
179
  if (this.currentTypeSort === this.sortingTypes.TYPE_ASC) {
166
180
  return lang("sort_descending", this.langComponents?.COMPONENT_SELECT);