@ni/nimble-components 28.0.3 → 28.0.5
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/README.md +2 -2
- package/dist/all-components-bundle.js +8 -13
- package/dist/all-components-bundle.js.map +1 -1
- package/dist/all-components-bundle.min.js +2107 -2105
- package/dist/all-components-bundle.min.js.map +1 -1
- package/dist/esm/select/index.js +7 -12
- package/dist/esm/select/index.js.map +1 -1
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -14,8 +14,8 @@ NI-styled web components for web applications.
|
|
|
14
14
|
|
|
15
15
|
If you are using one of the following frameworks see associated wrapper documentation:
|
|
16
16
|
|
|
17
|
-
1. Angular: See the [nimble-angular](/angular-workspace/
|
|
18
|
-
2. Blazor WebAssembly or Blazor Server: See the [nimble-blazor](/packages/
|
|
17
|
+
1. Angular: See the [nimble-angular](/packages/angular-workspace/nimble-angular) documentation.
|
|
18
|
+
2. Blazor WebAssembly or Blazor Server: See the [nimble-blazor](/packages/blazor-workspace/NimbleBlazor) documentation.
|
|
19
19
|
|
|
20
20
|
### Using in a Webpack Application
|
|
21
21
|
|
|
@@ -16333,7 +16333,7 @@
|
|
|
16333
16333
|
|
|
16334
16334
|
/**
|
|
16335
16335
|
* Do not edit directly
|
|
16336
|
-
* Generated on
|
|
16336
|
+
* Generated on Thu, 09 May 2024 18:28:02 GMT
|
|
16337
16337
|
*/
|
|
16338
16338
|
|
|
16339
16339
|
const Information100DarkUi = "#a46eff";
|
|
@@ -59022,15 +59022,20 @@ img.ProseMirror-separator {
|
|
|
59022
59022
|
if (this.disabled) {
|
|
59023
59023
|
return;
|
|
59024
59024
|
}
|
|
59025
|
+
let optionClicked = false;
|
|
59025
59026
|
if (this.open) {
|
|
59026
59027
|
const captured = e.target.closest('option,[role=option]');
|
|
59028
|
+
optionClicked = captured !== null;
|
|
59027
59029
|
if (captured?.disabled) {
|
|
59028
59030
|
return;
|
|
59029
59031
|
}
|
|
59030
59032
|
}
|
|
59033
|
+
const currentIndex = this.openActiveIndex ?? this.selectedIndex;
|
|
59031
59034
|
super.clickHandler(e);
|
|
59032
59035
|
this.open = this.collapsible && !this.open;
|
|
59033
|
-
if (!this.open
|
|
59036
|
+
if (!this.open
|
|
59037
|
+
&& this.selectedIndex !== currentIndex
|
|
59038
|
+
&& optionClicked) {
|
|
59034
59039
|
this.updateValue(true);
|
|
59035
59040
|
}
|
|
59036
59041
|
}
|
|
@@ -59167,22 +59172,12 @@ img.ProseMirror-separator {
|
|
|
59167
59172
|
if (!this.open) {
|
|
59168
59173
|
return true;
|
|
59169
59174
|
}
|
|
59175
|
+
this.open = false;
|
|
59170
59176
|
const focusTarget = e.relatedTarget;
|
|
59171
59177
|
if (this.isSameNode(focusTarget)) {
|
|
59172
59178
|
this.focus();
|
|
59173
59179
|
return true;
|
|
59174
59180
|
}
|
|
59175
|
-
if (!this.options?.includes(focusTarget)) {
|
|
59176
|
-
let currentActiveIndex = this.openActiveIndex ?? this.selectedIndex;
|
|
59177
|
-
this.open = false;
|
|
59178
|
-
if (currentActiveIndex === -1) {
|
|
59179
|
-
currentActiveIndex = this.selectedIndex;
|
|
59180
|
-
}
|
|
59181
|
-
if (this.selectedIndex !== currentActiveIndex) {
|
|
59182
|
-
this.selectedIndex = currentActiveIndex;
|
|
59183
|
-
this.updateValue(true);
|
|
59184
|
-
}
|
|
59185
|
-
}
|
|
59186
59181
|
return true;
|
|
59187
59182
|
}
|
|
59188
59183
|
/**
|