@ni/nimble-components 20.0.0 → 20.0.2
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/all-components-bundle.js +26 -3
- package/dist/all-components-bundle.js.map +1 -1
- package/dist/all-components-bundle.min.js +4 -3
- package/dist/all-components-bundle.min.js.map +1 -1
- package/dist/esm/anchor-tabs/index.d.ts +1 -0
- package/dist/esm/anchor-tabs/index.js +5 -2
- package/dist/esm/anchor-tabs/index.js.map +1 -1
- package/dist/esm/docs/component-status.stories.d.ts +3 -0
- package/dist/esm/icon-base/index.d.ts +6 -1
- package/dist/esm/icon-base/index.js +21 -1
- package/dist/esm/icon-base/index.js.map +1 -1
- package/dist/esm/src/anchor-tabs/index.d.ts +1 -0
- package/dist/esm/src/icon-base/index.d.ts +6 -1
- package/package.json +1 -1
|
@@ -16288,7 +16288,7 @@
|
|
|
16288
16288
|
|
|
16289
16289
|
/**
|
|
16290
16290
|
* Do not edit directly
|
|
16291
|
-
* Generated on
|
|
16291
|
+
* Generated on Mon, 31 Jul 2023 22:33:28 GMT
|
|
16292
16292
|
*/
|
|
16293
16293
|
|
|
16294
16294
|
const Information100DarkUi = "#a46eff";
|
|
@@ -17978,8 +17978,11 @@
|
|
|
17978
17978
|
this.isDisabledElement = (el) => {
|
|
17979
17979
|
return el.getAttribute('aria-disabled') === 'true';
|
|
17980
17980
|
};
|
|
17981
|
+
this.isHiddenElement = (el) => {
|
|
17982
|
+
return el.hasAttribute('hidden');
|
|
17983
|
+
};
|
|
17981
17984
|
this.isFocusableElement = (el) => {
|
|
17982
|
-
return !this.isDisabledElement(el);
|
|
17985
|
+
return !this.isDisabledElement(el) && !this.isHiddenElement(el);
|
|
17983
17986
|
};
|
|
17984
17987
|
this.setTabs = () => {
|
|
17985
17988
|
const gridHorizontalProperty = 'gridColumn';
|
|
@@ -18137,7 +18140,7 @@
|
|
|
18137
18140
|
});
|
|
18138
18141
|
}
|
|
18139
18142
|
focusFirstOrLast(focusLast) {
|
|
18140
|
-
const focusableTabs = this.tabs.filter(t =>
|
|
18143
|
+
const focusableTabs = this.tabs.filter(t => this.isFocusableElement(t));
|
|
18141
18144
|
const focusableIndex = focusLast ? focusableTabs.length - 1 : 0;
|
|
18142
18145
|
const index = this.tabs.indexOf(focusableTabs[focusableIndex]);
|
|
18143
18146
|
if (index > -1) {
|
|
@@ -19443,10 +19446,30 @@
|
|
|
19443
19446
|
super();
|
|
19444
19447
|
this.icon = icon;
|
|
19445
19448
|
}
|
|
19449
|
+
connectedCallback() {
|
|
19450
|
+
super.connectedCallback();
|
|
19451
|
+
this.forwardAriaLabelToSvg();
|
|
19452
|
+
}
|
|
19453
|
+
ariaLabelChanged() {
|
|
19454
|
+
this.forwardAriaLabelToSvg();
|
|
19455
|
+
}
|
|
19456
|
+
forwardAriaLabelToSvg() {
|
|
19457
|
+
const svg = this.shadowRoot?.querySelector('svg');
|
|
19458
|
+
if (!svg) {
|
|
19459
|
+
return;
|
|
19460
|
+
}
|
|
19461
|
+
if (this.ariaLabel !== null && this.ariaLabel !== undefined) {
|
|
19462
|
+
svg.setAttribute('aria-label', this.ariaLabel);
|
|
19463
|
+
}
|
|
19464
|
+
else {
|
|
19465
|
+
svg.removeAttribute('aria-label');
|
|
19466
|
+
}
|
|
19467
|
+
}
|
|
19446
19468
|
}
|
|
19447
19469
|
__decorate$1([
|
|
19448
19470
|
attr
|
|
19449
19471
|
], Icon.prototype, "severity", void 0);
|
|
19472
|
+
applyMixins(Icon, ARIAGlobalStatesAndProperties);
|
|
19450
19473
|
const registerIcon = (baseName, iconClass) => {
|
|
19451
19474
|
const composedIcon = iconClass.compose({
|
|
19452
19475
|
baseName,
|