aloha-vue 1.2.271 → 1.2.273

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/CHANGELOG.md CHANGED
@@ -1,136 +1,144 @@
1
- ![npm (scoped)](https://img.shields.io/npm/v/aloha-vue?label=NPM)
2
- ![NPM](https://img.shields.io/npm/l/aloha-vue?label=License)
3
- ![npm](https://img.shields.io/npm/dt/aloha-vue?label=Downloads)
4
-
5
- ![Aloha Framework logo](.images/aloha_logo.png)
6
-
7
- ---
8
- # Versions
9
-
10
- ## 1.2.271
11
-
12
- - Documentation Build: Replaced `Webpack` with `Vite` for building the documentation.
13
- - Corrected styles for the `ATabs` component when the `isVertical` prop is set to ´true´.
14
-
15
- ## 1.2.270
16
-
17
- - Fixed styling issues for the `ALoading` component when used in the footer of the `AModal` component.
18
-
19
- ## 1.2.269
20
-
21
- - Fixed an issue with the `"select all"` button in the `ASelect` component to ensure it functions correctly.
22
-
23
- ## 1.2.268
24
-
25
- - Enhanced the `AWizard` component to support icons in addition to numbers, providing more flexibility in step representation. Documentation has been updated to include details on this new feature.
26
-
27
- ## 1.2.267
28
-
29
- - Removed the password reveal button for `Edge`
30
-
31
- ## 1.2.266
32
-
33
- - Added support for the `disabled` prop in the `AFieldset` and `AGroup` components. When `disabled` is set to `true` for `AFieldset` or `AGroup`, all child form elements within these components are also `disabled`.
34
-
35
- ## 1.2.265
36
-
37
- - Introduced the `searchInGroup` prop for the `ASelect`, `ARadio`, and `ACheckbox` components. When `searchInGroup` is set to `true`, the internal search functionality includes group names in addition to individual elements, allowing for a broader search scope.
38
-
39
- ## 1.2.264
40
-
41
- - Fixed an issue with the `AMenu2` component where the menu did not close upon pressing the `'Esc'` key.
42
-
43
- ## 1.2.263
44
-
45
- - Enhanced accessibility for the `AMenu2` component by adding the `aria-labelledby` attribute to improve screen reader support for menu reading.
46
-
47
- ## 1.2.262
48
-
49
- - Improved `accessibility` for the `AMenu2` component on mobile devices, where the menu functions as a modal window. Relevant accessibility attributes have been added to support this functionality.
50
- - Enhanced the `AMenu2` component's `accessibility` on mobile by implementing focus trapping within the menu when it is open. The menu now also closes upon pressing the `'Esc'` key.
51
-
52
- ## 1.2.261
53
-
54
- - Added a new slot, `formPrependAfterRequired`, to the `AForm` component
55
-
56
- ## 1.2.260
57
-
58
- - Added the `autocomplete` prop to form elements, enabling `autocomplete` functionality. Also included support for `placeholders` where applicable.
59
-
60
- ## 1.2.259
61
-
62
- - Added a new field, `classHeaderParent`, for elements within the `columns` array prop in the `ATable` component, allowing for additional customization of header parent classes.
63
-
64
- ## 1.2.258
65
-
66
- - Fixed an issue with `computePosition` when using the `floating-ui` library
67
- - Resolved a bug in the `AInput` component for `type='color'`
68
-
69
- ## 1.2.257
70
-
71
- - Implemented a `debounce` function for `ResizeObserver` in components to address intermittent errors related to resize events.
72
-
73
- ## 1.2.256
74
-
75
- - Expanded accessibility attributes for the `AFieldset`, `ACheckbox` and `ARadio` components to improve screen reader support.
76
- - Added translations for the documentation of the `AModal` component.
77
-
78
- ## 1.2.255
79
-
80
- - Enhanced accessibility for the `APagination` component, improving its support for screen readers
81
-
82
- ## 1.2.254
83
-
84
- - Made structural adjustments to the templates of `AInputCurrency` and `AInputNumber` components and added new CSS classes for improved styling and layout consistency
85
-
86
- ## 1.2.253
87
-
88
- - Applied `font-weight: bolder` styling to labels in the `ALabel` component when `isLabelFloat` is set to `false`.
89
-
90
- ## 1.2.252
91
-
92
- - Introduced new props and made changes to enhance accessibility for the `AModal` component, improving its usability with screen readers and assistive technologies.
93
-
94
- ## 1.2.251
95
-
96
- - `ATooltip`: Added the `withoutAriaDescribedby` prop for more flexible ARIA descriptions.
97
- - `FilterList`: Introduced a new `lastSeparator` parameter in the `filterList` function, with documentation updates.
98
- - `AGroup`: Refactored the component and added the first part of its documentation.
99
- - Menu Sorting: Adjusted the order of links in the documentation menu.
100
- - `ATabs` Fixes: Applied CSS, HTML, and disabled state fixes to improve component styling and functionality.
101
- - `AFieldset`: Renamed the ´classColumn´ prop to ´classColumnDefault´ for a consistent structure among form elements.
102
- - Accessibility Extensions: Added ´inheritAttrs: false´ to form element components to enhance accessibility customization.
103
- - ´ATabs´ Documentation: Added parts 3 and 4 of the ´ATabs´ component documentation.
104
-
105
- ## 1.2.250
106
-
107
- - ´AHttpAPI´: Fixed the ´postHttp´ function by adding the ´urlBase´ argument.
108
- - ´ATabs´ Documentation: Added parts 1 and 2 of the ´ATabs´ component documentation.
109
- - ´ATabs´ Refactoring: Expanded the ´ATabs´ component with new props and additional functionality.
110
- - ´ALoading´ Documentation and Refactoring: Refactored the ´ALoading´ component and provided full documentation.
111
- - ´ASpinner´ Documentation: Documented the ´ASpinner´ component and added translations.
112
- - ´ACloak´ Documentation: Added documentation and translations for the ´ACloak´ component.
113
- - ´AFieldset´ Documentation and Refactoring: Documented the ´AFieldset´ component with structural improvements.
114
- - ´ATemplate´ Documentation: Added complete documentation for the ´ATemplate´ component.
115
- - ´label-screen-reader´ Fixes and Documentation: Introduced the ´label-screen-reader´ prop for form elements and added corresponding documentation.
116
-
117
- ## 1.2.249
118
-
119
- - Added the ´modalStyle´ prop to the ´AModal` component, allowing for additional style customization. Documentation has been updated to include details on this new prop.
120
-
121
- ## 1.2.248
122
-
123
- - Added support for custom HTML attributes to the `AModal` component
124
-
125
- ## 1.2.247
126
-
127
- - Added the ´minHeightBody´ prop to set a minimum height for the ´ATinymce´ editor body
128
- - Updated the context menu functionality within the ´ATinymce´ component for improved contextual behavior
129
-
130
- ## 1.2.246
131
-
132
- - Enhanced the ´rowClass´ prop in the ´ATable´ component by adding a level argument for cases where ´rowClass´ is a function, allowing for more granular row styling based on hierarchy or depth
133
-
134
- ## 1.2.245
135
-
136
- - Added the ´isTreeCollapsible´ and ´isTreeOpened´ props to the ´ATable´ component, enabling collapsible tree functionality and control over the initial open state of tree nodes.
1
+ ![npm (scoped)](https://img.shields.io/npm/v/aloha-vue?label=NPM)
2
+ ![NPM](https://img.shields.io/npm/l/aloha-vue?label=License)
3
+ ![npm](https://img.shields.io/npm/dt/aloha-vue?label=Downloads)
4
+
5
+ ![Aloha Framework logo](.images/aloha_logo.png)
6
+
7
+ ---
8
+ # Versions
9
+
10
+ ## 1.2.273
11
+
12
+ - Added `text-break` `CSS` styling to the `AModal` component to improve text handling and prevent overflow issues.
13
+
14
+ ## 1.2.272
15
+
16
+ - Fixed input behaviour in AInputCurrency for Mozilla Firefox (Firefox has slightly different event times than Webkit browsers).
17
+
18
+ ## 1.2.271
19
+
20
+ - Documentation Build: Replaced `Webpack` with `Vite` for building the documentation.
21
+ - Corrected styles for the `ATabs` component when the `isVertical` prop is set to ´true´.
22
+
23
+ ## 1.2.270
24
+
25
+ - Fixed styling issues for the `ALoading` component when used in the footer of the `AModal` component.
26
+
27
+ ## 1.2.269
28
+
29
+ - Fixed an issue with the `"select all"` button in the `ASelect` component to ensure it functions correctly.
30
+
31
+ ## 1.2.268
32
+
33
+ - Enhanced the `AWizard` component to support icons in addition to numbers, providing more flexibility in step representation. Documentation has been updated to include details on this new feature.
34
+
35
+ ## 1.2.267
36
+
37
+ - Removed the password reveal button for `Edge`
38
+
39
+ ## 1.2.266
40
+
41
+ - Added support for the `disabled` prop in the `AFieldset` and `AGroup` components. When `disabled` is set to `true` for `AFieldset` or `AGroup`, all child form elements within these components are also `disabled`.
42
+
43
+ ## 1.2.265
44
+
45
+ - Introduced the `searchInGroup` prop for the `ASelect`, `ARadio`, and `ACheckbox` components. When `searchInGroup` is set to `true`, the internal search functionality includes group names in addition to individual elements, allowing for a broader search scope.
46
+
47
+ ## 1.2.264
48
+
49
+ - Fixed an issue with the `AMenu2` component where the menu did not close upon pressing the `'Esc'` key.
50
+
51
+ ## 1.2.263
52
+
53
+ - Enhanced accessibility for the `AMenu2` component by adding the `aria-labelledby` attribute to improve screen reader support for menu reading.
54
+
55
+ ## 1.2.262
56
+
57
+ - Improved `accessibility` for the `AMenu2` component on mobile devices, where the menu functions as a modal window. Relevant accessibility attributes have been added to support this functionality.
58
+ - Enhanced the `AMenu2` component's `accessibility` on mobile by implementing focus trapping within the menu when it is open. The menu now also closes upon pressing the `'Esc'` key.
59
+
60
+ ## 1.2.261
61
+
62
+ - Added a new slot, `formPrependAfterRequired`, to the `AForm` component
63
+
64
+ ## 1.2.260
65
+
66
+ - Added the `autocomplete` prop to form elements, enabling `autocomplete` functionality. Also included support for `placeholders` where applicable.
67
+
68
+ ## 1.2.259
69
+
70
+ - Added a new field, `classHeaderParent`, for elements within the `columns` array prop in the `ATable` component, allowing for additional customization of header parent classes.
71
+
72
+ ## 1.2.258
73
+
74
+ - Fixed an issue with `computePosition` when using the `floating-ui` library
75
+ - Resolved a bug in the `AInput` component for `type='color'`
76
+
77
+ ## 1.2.257
78
+
79
+ - Implemented a `debounce` function for `ResizeObserver` in components to address intermittent errors related to resize events.
80
+
81
+ ## 1.2.256
82
+
83
+ - Expanded accessibility attributes for the `AFieldset`, `ACheckbox` and `ARadio` components to improve screen reader support.
84
+ - Added translations for the documentation of the `AModal` component.
85
+
86
+ ## 1.2.255
87
+
88
+ - Enhanced accessibility for the `APagination` component, improving its support for screen readers
89
+
90
+ ## 1.2.254
91
+
92
+ - Made structural adjustments to the templates of `AInputCurrency` and `AInputNumber` components and added new CSS classes for improved styling and layout consistency
93
+
94
+ ## 1.2.253
95
+
96
+ - Applied `font-weight: bolder` styling to labels in the `ALabel` component when `isLabelFloat` is set to `false`.
97
+
98
+ ## 1.2.252
99
+
100
+ - Introduced new props and made changes to enhance accessibility for the `AModal` component, improving its usability with screen readers and assistive technologies.
101
+
102
+ ## 1.2.251
103
+
104
+ - `ATooltip`: Added the `withoutAriaDescribedby` prop for more flexible ARIA descriptions.
105
+ - `FilterList`: Introduced a new `lastSeparator` parameter in the `filterList` function, with documentation updates.
106
+ - `AGroup`: Refactored the component and added the first part of its documentation.
107
+ - Menu Sorting: Adjusted the order of links in the documentation menu.
108
+ - `ATabs` Fixes: Applied CSS, HTML, and disabled state fixes to improve component styling and functionality.
109
+ - `AFieldset`: Renamed the ´classColumn´ prop to ´classColumnDefault´ for a consistent structure among form elements.
110
+ - Accessibility Extensions: Added ´inheritAttrs: false´ to form element components to enhance accessibility customization.
111
+ - ´ATabs´ Documentation: Added parts 3 and 4 of the ´ATabs´ component documentation.
112
+
113
+ ## 1.2.250
114
+
115
+ - ´AHttpAPI´: Fixed the ´postHttp´ function by adding the ´urlBase´ argument.
116
+ - ´ATabs´ Documentation: Added parts 1 and 2 of the ´ATabs´ component documentation.
117
+ - ´ATabs´ Refactoring: Expanded the ´ATabs´ component with new props and additional functionality.
118
+ - ´ALoading´ Documentation and Refactoring: Refactored the ´ALoading´ component and provided full documentation.
119
+ - ´ASpinner´ Documentation: Documented the ´ASpinner´ component and added translations.
120
+ - ´ACloak´ Documentation: Added documentation and translations for the ´ACloak´ component.
121
+ - ´AFieldset´ Documentation and Refactoring: Documented the ´AFieldset´ component with structural improvements.
122
+ - ´ATemplate´ Documentation: Added complete documentation for the ´ATemplate´ component.
123
+ - ´label-screen-reader´ Fixes and Documentation: Introduced the ´label-screen-reader´ prop for form elements and added corresponding documentation.
124
+
125
+ ## 1.2.249
126
+
127
+ - Added the ´modalStyle´ prop to the ´AModal` component, allowing for additional style customization. Documentation has been updated to include details on this new prop.
128
+
129
+ ## 1.2.248
130
+
131
+ - Added support for custom HTML attributes to the `AModal` component
132
+
133
+ ## 1.2.247
134
+
135
+ - Added the ´minHeightBody´ prop to set a minimum height for the ´ATinymce´ editor body
136
+ - Updated the context menu functionality within the ´ATinymce´ component for improved contextual behavior
137
+
138
+ ## 1.2.246
139
+
140
+ - Enhanced the ´rowClass´ prop in the ´ATable´ component by adding a level argument for cases where ´rowClass´ is a function, allowing for more granular row styling based on hierarchy or depth
141
+
142
+ ## 1.2.245
143
+
144
+ - Added the ´isTreeCollapsible´ and ´isTreeOpened´ props to the ´ATable´ component, enabling collapsible tree functionality and control over the initial open state of tree nodes.
package/package.json CHANGED
@@ -14,7 +14,7 @@
14
14
  "Vue.js"
15
15
  ],
16
16
  "homepage": "https://github.com/ilia-brykin/aloha/#README.md",
17
- "version": "1.2.271",
17
+ "version": "1.2.273",
18
18
  "author": {
19
19
  "name": "Ilia Brykin",
20
20
  "email": "brykin.ilia@gmail.com"
@@ -34,4 +34,9 @@
34
34
  display: flex;
35
35
  flex-direction: row;
36
36
  align-items: center;
37
+ }
38
+ .a_modal {
39
+ word-wrap: break-word;
40
+ word-break: break-word;
41
+ hyphens: auto;
37
42
  }
@@ -156,7 +156,7 @@
156
156
  .a_tabs__box {
157
157
  overflow: visible;
158
158
  white-space: normal;
159
- flex: 2;
159
+ flex: 1;
160
160
  }
161
161
  .a_tabs__list {
162
162
  flex-direction: column;
@@ -33,6 +33,7 @@ export default function InputEventsAPI(props, {
33
33
  const validationOnChange = toRef(props, "validationOnChange");
34
34
 
35
35
  const isTimeoutActive = ref(0);
36
+ const timeoutDelay = navigator.userAgent.indexOf('Firefox') !== -1 ? 1 : 0;
36
37
 
37
38
  const allowedButtons = [
38
39
  AKeysCode.tab,
@@ -156,7 +157,7 @@ export default function InputEventsAPI(props, {
156
157
 
157
158
  setValueLocal(newVal);
158
159
  isTimeoutActive.value--;
159
- });
160
+ }, timeoutDelay);
160
161
  }
161
162
  };
162
163
 
@@ -175,7 +176,7 @@ export default function InputEventsAPI(props, {
175
176
 
176
177
  setValueLocal(newVal);
177
178
  isTimeoutActive.value--;
178
- });
179
+ }, timeoutDelay);
179
180
  }
180
181
  };
181
182
 
@@ -188,7 +189,7 @@ export default function InputEventsAPI(props, {
188
189
  setCursorPosition(positionToSet);
189
190
  }
190
191
  isTimeoutActive.value--;
191
- });
192
+ }, timeoutDelay);
192
193
  };
193
194
 
194
195
  const handleArrowRight = ({ value }) => {
@@ -200,7 +201,7 @@ export default function InputEventsAPI(props, {
200
201
  setCursorPosition(positionToSet);
201
202
  }
202
203
  isTimeoutActive.value--;
203
- });
204
+ }, timeoutDelay);
204
205
  };
205
206
 
206
207
  const setDecimalDivider = ({ value, cursorPosition }, isLastPosition) => {
@@ -257,7 +258,7 @@ export default function InputEventsAPI(props, {
257
258
  setCursorPositionForBackspace({ cursorPosition, numberOfSymbols });
258
259
  setValueLocal(intVal);
259
260
  isTimeoutActive.value--;
260
- });
261
+ }, timeoutDelay);
261
262
 
262
263
  return;
263
264
  }
@@ -265,7 +266,7 @@ export default function InputEventsAPI(props, {
265
266
  setTimeout(() => {
266
267
  setCursorPositionForBackspace({ cursorPosition, numberOfSymbols });
267
268
  isTimeoutActive.value--;
268
- });
269
+ }, timeoutDelay);
269
270
  }
270
271
  };
271
272
 
@@ -315,7 +316,7 @@ export default function InputEventsAPI(props, {
315
316
  setCursorPosition(cursorPosition > 0 ? cursorPosition - 1 : 0);
316
317
  }
317
318
  isTimeoutActive.value--;
318
- });
319
+ }, timeoutDelay);
319
320
  }
320
321
  }
321
322
  };
@@ -432,7 +433,7 @@ export default function InputEventsAPI(props, {
432
433
  setTimeout(() => {
433
434
  setCursorPosition(cursorPosition + 1);
434
435
  isTimeoutActive.value--;
435
- });
436
+ }, timeoutDelay);
436
437
 
437
438
  return;
438
439
  }
@@ -463,7 +464,7 @@ export default function InputEventsAPI(props, {
463
464
  }
464
465
  setCursorPosition(positionToSet);
465
466
  isTimeoutActive.value--;
466
- });
467
+ }, timeoutDelay);
467
468
  }
468
469
  }
469
470
  };