@ni/nimble-components 15.4.0 → 15.5.0
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 +21 -19
- package/dist/all-components-bundle.js.map +1 -1
- package/dist/all-components-bundle.min.js +4 -4
- package/dist/all-components-bundle.min.js.map +1 -1
- package/dist/esm/wafer-map/index.js +1 -1
- package/dist/esm/wafer-map/index.js.map +1 -1
- package/dist/esm/wafer-map/modules/computations.d.ts +25 -0
- package/dist/esm/wafer-map/modules/computations.js +117 -0
- package/dist/esm/wafer-map/modules/computations.js.map +1 -0
- package/dist/esm/wafer-map/types.d.ts +10 -0
- package/package.json +3 -1
|
@@ -14927,7 +14927,7 @@
|
|
|
14927
14927
|
const prefix = 'ni-nimble';
|
|
14928
14928
|
const styleNameFromTokenName = (tokenName) => `${prefix}-${tokenName}`;
|
|
14929
14929
|
|
|
14930
|
-
const template$
|
|
14930
|
+
const template$9 = html `<slot></slot>`;
|
|
14931
14931
|
|
|
14932
14932
|
const styles$x = css `
|
|
14933
14933
|
:host {
|
|
@@ -14986,7 +14986,7 @@
|
|
|
14986
14986
|
const nimbleDesignSystemProvider = ThemeProvider.compose({
|
|
14987
14987
|
baseName: 'theme-provider',
|
|
14988
14988
|
styles: styles$x,
|
|
14989
|
-
template: template$
|
|
14989
|
+
template: template$9
|
|
14990
14990
|
});
|
|
14991
14991
|
DesignSystem.getOrCreate()
|
|
14992
14992
|
.withPrefix('nimble')
|
|
@@ -16704,7 +16704,7 @@
|
|
|
16704
16704
|
}
|
|
16705
16705
|
`;
|
|
16706
16706
|
|
|
16707
|
-
const template$
|
|
16707
|
+
const template$8 = (context, definition) => html `
|
|
16708
16708
|
<div
|
|
16709
16709
|
role="button"
|
|
16710
16710
|
part="control"
|
|
@@ -16779,7 +16779,7 @@
|
|
|
16779
16779
|
applyMixins(ToggleButton, StartEnd, DelegatesARIAButton);
|
|
16780
16780
|
const nimbleToggleButton = ToggleButton.compose({
|
|
16781
16781
|
baseName: 'toggle-button',
|
|
16782
|
-
template: template$
|
|
16782
|
+
template: template$8,
|
|
16783
16783
|
styles: styles$q,
|
|
16784
16784
|
shadowOptions: {
|
|
16785
16785
|
delegatesFocus: true
|
|
@@ -16793,7 +16793,7 @@
|
|
|
16793
16793
|
</div>
|
|
16794
16794
|
`;
|
|
16795
16795
|
|
|
16796
|
-
const template$
|
|
16796
|
+
const template$7 = html `
|
|
16797
16797
|
<template>
|
|
16798
16798
|
<div class="icon" :innerHTML=${x => x.icon.data}></div>
|
|
16799
16799
|
</template
|
|
@@ -16852,7 +16852,7 @@
|
|
|
16852
16852
|
const registerIcon = (baseName, iconClass) => {
|
|
16853
16853
|
const composedIcon = iconClass.compose({
|
|
16854
16854
|
baseName,
|
|
16855
|
-
template: template$
|
|
16855
|
+
template: template$7,
|
|
16856
16856
|
styles: styles$p,
|
|
16857
16857
|
baseClass: iconClass
|
|
16858
16858
|
});
|
|
@@ -17551,7 +17551,7 @@
|
|
|
17551
17551
|
}
|
|
17552
17552
|
`));
|
|
17553
17553
|
|
|
17554
|
-
const template$
|
|
17554
|
+
const template$6 = html `
|
|
17555
17555
|
<template>
|
|
17556
17556
|
<dialog
|
|
17557
17557
|
${ref('dialogElement')}
|
|
@@ -17677,7 +17677,7 @@
|
|
|
17677
17677
|
applyMixins(Dialog, ARIAGlobalStatesAndProperties);
|
|
17678
17678
|
const nimbleDialog = Dialog.compose({
|
|
17679
17679
|
baseName: 'dialog',
|
|
17680
|
-
template: template$
|
|
17680
|
+
template: template$6,
|
|
17681
17681
|
styles: styles$l,
|
|
17682
17682
|
baseClass: Dialog
|
|
17683
17683
|
});
|
|
@@ -17838,7 +17838,7 @@
|
|
|
17838
17838
|
}
|
|
17839
17839
|
`));
|
|
17840
17840
|
|
|
17841
|
-
const template$
|
|
17841
|
+
const template$5 = html `
|
|
17842
17842
|
<dialog
|
|
17843
17843
|
${ref('dialog')}
|
|
17844
17844
|
aria-label="${x => x.ariaLabel}"
|
|
@@ -17952,7 +17952,7 @@
|
|
|
17952
17952
|
applyMixins(Drawer, ARIAGlobalStatesAndProperties);
|
|
17953
17953
|
const nimbleDrawer = Drawer.compose({
|
|
17954
17954
|
baseName: 'drawer',
|
|
17955
|
-
template: template$
|
|
17955
|
+
template: template$5,
|
|
17956
17956
|
styles: styles$k
|
|
17957
17957
|
});
|
|
17958
17958
|
DesignSystem.getOrCreate().withPrefix('nimble').register(nimbleDrawer());
|
|
@@ -19747,7 +19747,7 @@
|
|
|
19747
19747
|
`;
|
|
19748
19748
|
|
|
19749
19749
|
// prettier-ignore
|
|
19750
|
-
const template$
|
|
19750
|
+
const template$4 = html `
|
|
19751
19751
|
<template
|
|
19752
19752
|
?open="${x => x.open}"
|
|
19753
19753
|
@focusout="${(x, c) => x.focusoutHandler(c.event)}"
|
|
@@ -19955,7 +19955,7 @@
|
|
|
19955
19955
|
], MenuButton.prototype, "slottedMenus", void 0);
|
|
19956
19956
|
const nimbleMenuButton = MenuButton.compose({
|
|
19957
19957
|
baseName: 'menu-button',
|
|
19958
|
-
template: template$
|
|
19958
|
+
template: template$4,
|
|
19959
19959
|
styles: styles$h,
|
|
19960
19960
|
shadowOptions: {
|
|
19961
19961
|
delegatesFocus: true
|
|
@@ -20732,7 +20732,7 @@
|
|
|
20732
20732
|
`));
|
|
20733
20733
|
|
|
20734
20734
|
// prettier-ignore
|
|
20735
|
-
const template$
|
|
20735
|
+
const template$3 = html `
|
|
20736
20736
|
<template
|
|
20737
20737
|
role="switch"
|
|
20738
20738
|
aria-checked="${x => x.checked}"
|
|
@@ -20776,7 +20776,7 @@
|
|
|
20776
20776
|
const nimbleSwitch = Switch.compose({
|
|
20777
20777
|
baseClass: Switch$1,
|
|
20778
20778
|
baseName: 'switch',
|
|
20779
|
-
template: template$
|
|
20779
|
+
template: template$3,
|
|
20780
20780
|
styles: styles$b
|
|
20781
20781
|
});
|
|
20782
20782
|
DesignSystem.getOrCreate().withPrefix('nimble').register(nimbleSwitch());
|
|
@@ -20975,7 +20975,7 @@
|
|
|
20975
20975
|
}
|
|
20976
20976
|
`;
|
|
20977
20977
|
|
|
20978
|
-
const template$
|
|
20978
|
+
const template$2 = html `
|
|
20979
20979
|
<template slot="end">
|
|
20980
20980
|
<div class="separator"></div>
|
|
20981
20981
|
<slot></slot>
|
|
@@ -20989,7 +20989,7 @@
|
|
|
20989
20989
|
}
|
|
20990
20990
|
const nimbleTabsToolbar = TabsToolbar.compose({
|
|
20991
20991
|
baseName: 'tabs-toolbar',
|
|
20992
|
-
template: template$
|
|
20992
|
+
template: template$2,
|
|
20993
20993
|
styles: styles$7
|
|
20994
20994
|
});
|
|
20995
20995
|
DesignSystem.getOrCreate().withPrefix('nimble').register(nimbleTabsToolbar());
|
|
@@ -21564,7 +21564,7 @@
|
|
|
21564
21564
|
`));
|
|
21565
21565
|
|
|
21566
21566
|
// prettier-ignore
|
|
21567
|
-
const template = html `
|
|
21567
|
+
const template$1 = html `
|
|
21568
21568
|
${when(x => x.tooltipVisible, html `
|
|
21569
21569
|
<${DesignSystem.tagFor(AnchoredRegion)}
|
|
21570
21570
|
class="anchored-region"
|
|
@@ -21616,7 +21616,7 @@
|
|
|
21616
21616
|
const nimbleTooltip = Tooltip.compose({
|
|
21617
21617
|
baseName: 'tooltip',
|
|
21618
21618
|
baseClass: Tooltip$1,
|
|
21619
|
-
template,
|
|
21619
|
+
template: template$1,
|
|
21620
21620
|
styles: styles$3
|
|
21621
21621
|
});
|
|
21622
21622
|
DesignSystem.getOrCreate().withPrefix('nimble').register(nimbleTooltip());
|
|
@@ -22047,6 +22047,8 @@ Instead styling against the role which is more general and likely a better appro
|
|
|
22047
22047
|
});
|
|
22048
22048
|
DesignSystem.getOrCreate().withPrefix('nimble').register(nimbleTreeView());
|
|
22049
22049
|
|
|
22050
|
+
const template = html ``;
|
|
22051
|
+
|
|
22050
22052
|
const styles = css ``;
|
|
22051
22053
|
|
|
22052
22054
|
const WaferMapQuadrant = {
|
|
@@ -22125,7 +22127,7 @@ Instead styling against the role which is more general and likely a better appro
|
|
|
22125
22127
|
], WaferMap.prototype, "colorScale", void 0);
|
|
22126
22128
|
const nimbleWaferMap = WaferMap.compose({
|
|
22127
22129
|
baseName: 'wafer-map',
|
|
22128
|
-
template
|
|
22130
|
+
template,
|
|
22129
22131
|
styles
|
|
22130
22132
|
});
|
|
22131
22133
|
DesignSystem.getOrCreate().withPrefix('nimble').register(nimbleWaferMap());
|