@ni/nimble-components 19.9.2 → 20.0.1
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 +22 -5
- 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/banner/index.d.ts +0 -6
- package/dist/esm/banner/index.js +0 -3
- package/dist/esm/banner/index.js.map +1 -1
- package/dist/esm/banner/template.js +1 -1
- package/dist/esm/banner/template.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/banner/index.d.ts +0 -6
- 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 Wed, 26 Jul 2023 20:58:13 GMT
|
|
16292
16292
|
*/
|
|
16293
16293
|
|
|
16294
16294
|
const Information100DarkUi = "#a46eff";
|
|
@@ -19443,10 +19443,30 @@
|
|
|
19443
19443
|
super();
|
|
19444
19444
|
this.icon = icon;
|
|
19445
19445
|
}
|
|
19446
|
+
connectedCallback() {
|
|
19447
|
+
super.connectedCallback();
|
|
19448
|
+
this.forwardAriaLabelToSvg();
|
|
19449
|
+
}
|
|
19450
|
+
ariaLabelChanged() {
|
|
19451
|
+
this.forwardAriaLabelToSvg();
|
|
19452
|
+
}
|
|
19453
|
+
forwardAriaLabelToSvg() {
|
|
19454
|
+
const svg = this.shadowRoot?.querySelector('svg');
|
|
19455
|
+
if (!svg) {
|
|
19456
|
+
return;
|
|
19457
|
+
}
|
|
19458
|
+
if (this.ariaLabel !== null && this.ariaLabel !== undefined) {
|
|
19459
|
+
svg.setAttribute('aria-label', this.ariaLabel);
|
|
19460
|
+
}
|
|
19461
|
+
else {
|
|
19462
|
+
svg.removeAttribute('aria-label');
|
|
19463
|
+
}
|
|
19464
|
+
}
|
|
19446
19465
|
}
|
|
19447
19466
|
__decorate$1([
|
|
19448
19467
|
attr
|
|
19449
19468
|
], Icon.prototype, "severity", void 0);
|
|
19469
|
+
applyMixins(Icon, ARIAGlobalStatesAndProperties);
|
|
19450
19470
|
const registerIcon = (baseName, iconClass) => {
|
|
19451
19471
|
const composedIcon = iconClass.compose({
|
|
19452
19472
|
baseName,
|
|
@@ -19585,7 +19605,7 @@
|
|
|
19585
19605
|
${when(x => !x.preventDismiss, html `
|
|
19586
19606
|
<${buttonTag} appearance="ghost" content-hidden @click="${x => x.dismissBanner()}">
|
|
19587
19607
|
<${iconXmarkTag} slot="start"></${iconXmarkTag}>
|
|
19588
|
-
${x =>
|
|
19608
|
+
${x => popupDismissLabel.getValueFor(x)}
|
|
19589
19609
|
</${buttonTag}>
|
|
19590
19610
|
`)}
|
|
19591
19611
|
</div>
|
|
@@ -19653,9 +19673,6 @@
|
|
|
19653
19673
|
__decorate$1([
|
|
19654
19674
|
attr({ attribute: 'prevent-dismiss', mode: 'boolean' })
|
|
19655
19675
|
], Banner.prototype, "preventDismiss", void 0);
|
|
19656
|
-
__decorate$1([
|
|
19657
|
-
attr({ attribute: 'dismiss-button-label' })
|
|
19658
|
-
], Banner.prototype, "dismissButtonLabel", void 0);
|
|
19659
19676
|
applyMixins(Banner, ARIAGlobalStatesAndProperties);
|
|
19660
19677
|
const nimbleBanner = Banner.compose({
|
|
19661
19678
|
baseName: 'banner',
|