@ni/nimble-components 1.0.0-beta.12 → 1.0.0-beta.120

package/dist/esm/theme-provider/design-tokens.js

@@ -1,7 +1,7 @@
 import { DesignToken } from '@microsoft/fast-foundation';
 import hexRgb from 'hex-rgb';
-import { Black91, Black85, Black15, White, Enterprise, Selection100, BodyFamily, OverlineCapitalizedFamily } from '@ni/nimble-tokens/dist/styledictionary/js/tokens';
-import { NimbleTheme } from './themes';
+import { Black91, Black88, Black85, Black15, Black75, White, Enterprise, Selection100, SlLegacyBlue, Fail100LightUi, SmallDelay, MediumDelay, Fail100DarkUi, BodyFamily, BodySize, ControlLabel1Family, ControlLabel1Size, ControlLabel1Weight, Warning100LightUi, Warning100DarkUi, Pass100LightUi, Pass100DarkUi, Title2Size, Title2Family, GroupLabel1Family, GroupLabel1Size, GroupLabel1Weight, LegacyContentFamily } from '@ni/nimble-tokens/dist/styledictionary/js/tokens';
+import { NimbleTheme } from './types';
 function rgbString(hexValue) {
     const { red, green, blue } = hexRgb(hexValue);
     return `${red}, ${green}, ${blue}`;
@@ -11,8 +11,11 @@ function hexToRgba(hexValue, alpha) {
     return `rgba(${red}, ${green}, ${blue}, ${alpha})`;
 }
 const { create } = DesignToken;
-export const theme = create({ name: 'theme', cssCustomPropertyName: null }).withDefault(NimbleTheme.Light);
-function getColorForTheme(element, lightThemeColor, darkThemeColor, colorThemeColor) {
+export const theme = create({
+    name: 'theme',
+    cssCustomPropertyName: null
+}).withDefault(NimbleTheme.Light);
+function getColorForTheme(element, lightThemeColor, darkThemeColor, colorThemeColor, legacyBlueThemeColor) {
     switch (theme.getValueFor(element)) {
         case NimbleTheme.Light:
             return lightThemeColor;
@@ -20,6 +23,8 @@ function getColorForTheme(element, lightThemeColor, darkThemeColor, colorThemeCo
             return darkThemeColor;
         case NimbleTheme.Color:
             return colorThemeColor;
+        case NimbleTheme.LegacyBlue:
+            return legacyBlueThemeColor;
         default:
             return lightThemeColor;
     }
@@ -32,28 +37,136 @@ function getDefaultLineColorForTheme(element) {
             return Black15;
         case NimbleTheme.Color:
             return White;
+        case NimbleTheme.LegacyBlue:
+            return Black91;
         default:
             return Black91;
     }
 }
+function getDefaultFontColorForTheme(element) {
+    switch (theme.getValueFor(element)) {
+        case NimbleTheme.Light:
+            return Black91;
+        case NimbleTheme.Dark:
+            return Black15;
+        case NimbleTheme.Color:
+            return White;
+        case NimbleTheme.LegacyBlue:
+            return Black75;
+        default:
+            return Black91;
+    }
+}
+function getFontForTheme(element) {
+    switch (theme.getValueFor(element)) {
+        case NimbleTheme.LegacyBlue:
+            return `${LegacyContentFamily}`;
+        default:
+            return `${BodyFamily}`;
+    }
+}
+function getLabelFontForTheme(element) {
+    switch (theme.getValueFor(element)) {
+        case NimbleTheme.LegacyBlue:
+            return `${LegacyContentFamily}`;
+        default:
+            return `${ControlLabel1Family}, ${BodyFamily}`;
+    }
+}
+function getGroupLabelFontForTheme(element) {
+    switch (theme.getValueFor(element)) {
+        case NimbleTheme.LegacyBlue:
+            return `${LegacyContentFamily}`;
+        default:
+            return `${GroupLabel1Family}, ${BodyFamily}`;
+    }
+}
+function getGroupLabelTextTransform(element) {
+    switch (theme.getValueFor(element)) {
+        case NimbleTheme.LegacyBlue:
+            return 'none';
+        default:
+            return 'uppercase';
+    }
+}
+function getLabelTextTransform(element) {
+    switch (theme.getValueFor(element)) {
+        case NimbleTheme.LegacyBlue:
+            return 'none';
+        default:
+            return 'none';
+    }
+}
+function getLabelTextSize(element) {
+    switch (theme.getValueFor(element)) {
+        case NimbleTheme.LegacyBlue:
+            return '13px';
+        default:
+            return ControlLabel1Size;
+    }
+}
+function getPasswordRevealFilter(element) {
+    switch (theme.getValueFor(element)) {
+        case NimbleTheme.Color:
+        case NimbleTheme.Dark:
+            return 'invert(100%)';
+        default:
+            return 'invert(0%)';
+    }
+}
+const fillColorSelectedTheme = (element) => getColorForTheme(element, Selection100, Selection100, White, SlLegacyBlue);
+const fillColorHoverTheme = (element) => getColorForTheme(element, Black91, Black15, White, SlLegacyBlue);
 // Color Tokens
-export const applicationBackgroundColor = create('application-background-color').withDefault((element) => getColorForTheme(element, White, Black85, Enterprise));
-const fillColorSelectedTheme = (element) => getColorForTheme(element, Selection100, Selection100, White);
+export const actionColorRgb = create('action-color-rgb').withDefault((element) => rgbString(getColorForTheme(element, Black91, Black15, White, SlLegacyBlue)));
+export const applicationBackgroundColor = create('application-background-color').withDefault((element) => getColorForTheme(element, White, Black85, Enterprise, White));
 export const fillColorSelected = create('fill-color-selected').withDefault((element) => hexToRgba(fillColorSelectedTheme(element), 0.3));
 export const fillColorSelectedRgb = create('fill-color-selected-rgb').withDefault((element) => rgbString(fillColorSelectedTheme(element)));
-export const borderColor = create('border-color').withDefault((element) => (getDefaultLineColorForTheme(element)));
-export const borderColorRgb = create('border-color-rgb').withDefault((element) => (rgbString(getDefaultLineColorForTheme(element))));
-export const borderColorHover = create('border-color-hover').withDefault((element) => getColorForTheme(element, Selection100, Selection100, White));
+export const fillColorSelectedHover = create('fill-color-selected-hover').withDefault((element) => hexToRgba(fillColorSelectedTheme(element), 0.15));
+export const fillColorHover = create('fill-color-hover').withDefault((element) => hexToRgba(fillColorHoverTheme(element), 0.1));
+export const borderColor = create('border-color').withDefault((element) => getDefaultLineColorForTheme(element));
+export const borderColorRgb = create('border-color-rgb').withDefault((element) => rgbString(getDefaultLineColorForTheme(element)));
+export const failColorTheme = (element) => getColorForTheme(element, Fail100LightUi, Fail100DarkUi, Fail100DarkUi, Fail100LightUi);
+export const failColor = create('fail-color').withDefault((element) => failColorTheme(element));
+export const warningColorTheme = (element) => getColorForTheme(element, Warning100LightUi, Warning100DarkUi, Warning100DarkUi, Warning100LightUi);
+export const warningColor = create('warning-color').withDefault((element) => warningColorTheme(element));
+export const passColorTheme = (element) => getColorForTheme(element, Pass100LightUi, Pass100DarkUi, Pass100DarkUi, Pass100LightUi);
+export const passColor = create('pass-color').withDefault((element) => passColorTheme(element));
+export const borderColorHover = create('border-color-hover').withDefault((element) => getColorForTheme(element, Selection100, Selection100, White, hexToRgba(SlLegacyBlue, 0.9)));
+export const popupBoxShadowColor = create('popup-box-shadow-color').withDefault((element) => hexToRgba(getColorForTheme(element, Black75, Black85, Black85, Black75), 0.3));
+export const popupBorderColor = create('popup-border-color').withDefault((element) => hexToRgba(getColorForTheme(element, Black91, Black15, White, Black91), 0.3));
 // Component Sizing Tokens
 export const controlHeight = create('control-height').withDefault('32px');
 export const standardPadding = create('standard-padding').withDefault('16px');
+export const labelHeight = create('label-height').withDefault('16px');
+export const borderWidth = create('border-width').withDefault('1px');
+export const iconSize = create('icon-size').withDefault('16px');
+export const drawerWidth = create('drawer-width').withDefault('784px');
 // Font Family Tokens
-export const fontFamily = create('font-family').withDefault(BodyFamily);
-export const labelFontFamily = create('label-font-family').withDefault(`${OverlineCapitalizedFamily}, ${BodyFamily}`);
+export const fontFamily = create('font-family').withDefault((element) => getFontForTheme(element));
+export const labelFontFamily = create('label-font-family').withDefault((element) => getLabelFontForTheme(element));
+export const groupLabelFontFamily = create('group-label-font-family').withDefault((element) => getGroupLabelFontForTheme(element));
+export const drawerHeaderFontFamily = create('drawer-header-font-family').withDefault(Title2Family);
 // Font Sizing Tokens
-export const labelFontSize = create('label-font-size').withDefault('11px');
-export const contentFontSize = create('content-font-size').withDefault('14px');
+export const labelFontSize = create('label-font-size').withDefault((element) => getLabelTextSize(element));
+export const contentFontSize = create('content-font-size').withDefault(BodySize);
+export const groupLabelFontSize = create('group-label-font-size').withDefault(GroupLabel1Size);
+export const drawerHeaderFontSize = create('drawer-header-font-size').withDefault(Title2Size);
+// Font Weight Tokens
+export const groupLabelFontWeight = create('group-label-font-weight').withDefault(GroupLabel1Weight);
+export const labelFontWeight = create('label-font-weight').withDefault(ControlLabel1Weight);
 // Font Color Tokens
-export const fontColor = create('label-font-color').withDefault((element) => (getDefaultLineColorForTheme(element)));
-export const fontColorDisabled = create('font-color-disabled').withDefault((element) => (hexToRgba(getDefaultLineColorForTheme(element), 0.3)));
+export const labelFontColor = create('label-font-color').withDefault((element) => hexToRgba(getDefaultFontColorForTheme(element), 0.6));
+export const groupLabelFontColor = create('group-label-font-color').withDefault((element) => getDefaultFontColorForTheme(element));
+export const contentFontColor = create('content-font-color').withDefault((element) => getColorForTheme(element, Black91, Black15, White, Black88));
+export const buttonContentFontColor = create('button-content-font-color').withDefault((element) => getColorForTheme(element, Black91, Black15, White, SlLegacyBlue));
+export const labelFontColorDisabled = create('label-font-color-disabled').withDefault((element) => hexToRgba(getDefaultLineColorForTheme(element), 0.3));
+export const labelTextTransform = create('label-text-transform').withDefault((element) => getLabelTextTransform(element));
+export const groupLabelTextTransform = create('group-label-text-transform').withDefault((element) => getGroupLabelTextTransform(element));
+export const contentFontColorDisabled = create('content-font-color-disabled').withDefault((element) => hexToRgba(getColorForTheme(element, Black91, Black15, White, Black88), 0.3));
+// Animation Tokens
+export const smallDelay = create('small-delay').withDefault(SmallDelay);
+export const mediumDelay = create('medium-delay').withDefault(MediumDelay);
+export const drawerAnimationDurationMs = create('drawer-animation-duration-ms').withDefault(250);
+// Filter Tokens
+export const passwordRevealFilter = create('password-reveal-filter').withDefault((element) => getPasswordRevealFilter(element));
 //# sourceMappingURL=design-tokens.js.map

package/dist/esm/theme-provider/design-tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-tokens.js","sourceRoot":"","sources":["../../../src/theme-provider/design-tokens.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"design-tokens.js","sourceRoot":"","sources":["../../../src/theme-provider/design-tokens.ts"],"names":[],"mappings":"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"}

package/dist/esm/theme-provider/index.d.ts

@@ -1 +1,16 @@
-export {};
+import { FoundationElement } from '@microsoft/fast-foundation';
+import type { NimbleTheme } from './types';
+export type { NimbleThemeProvider };
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-theme-provider': NimbleThemeProvider;
+    }
+}
+/**
+ * The NimbleThemeProvider implementation
+ * @internal
+ */
+declare class NimbleThemeProvider extends FoundationElement {
+    theme: NimbleTheme;
+    themeChanged(_prev: NimbleTheme | undefined, next: NimbleTheme | undefined): void;
+}

package/dist/esm/theme-provider/index.js

@@ -1,49 +1,34 @@
 import { __decorate } from "tslib";
 import { DesignSystem, FoundationElement } from '@microsoft/fast-foundation';
-import { attr, css, html, } from '@microsoft/fast-element';
+import { attr } from '@microsoft/fast-element';
+import { template } from './template';
+import { styles } from './styles';
 import { theme } from './design-tokens';
-function designToken(token) {
-    return (source, key) => {
-        source[`${key}Changed`] = function keyChanged(_prev, next) {
-            if (next !== undefined && next !== null) {
-                token.setValueFor(this, next);
-            }
-            else {
-                token.deleteValueFor(this);
-            }
-        };
-    };
-}
 /**
  * The NimbleThemeProvider implementation
  * @internal
  */
 class NimbleThemeProvider extends FoundationElement {
-    theme;
+    themeChanged(_prev, next) {
+        if (next !== undefined && next !== null) {
+            theme.setValueFor(this, next);
+        }
+        else {
+            theme.deleteValueFor(this);
+        }
+    }
 }
 __decorate([
     attr({
-        attribute: 'theme',
-    }),
-    designToken(theme)
+        attribute: 'theme'
+    })
 ], NimbleThemeProvider.prototype, "theme", void 0);
-const styles = css `
-    :host {
-        display: inline-block;
-    }`;
-const template = html `
-    <slot></slot>
-    `;
-/**
-A function that returns a registration for configuring the component with a DesignSystem. *
- * @public
- * @remarks
- * Generates HTML Element: \<nimble-theme-provider\>
- */
 const nimbleDesignSystemProvider = NimbleThemeProvider.compose({
     baseName: 'theme-provider',
     styles,
     template
 });
-DesignSystem.getOrCreate().withPrefix('nimble').register(nimbleDesignSystemProvider());
+DesignSystem.getOrCreate()
+    .withPrefix('nimble')
+    .register(nimbleDesignSystemProvider());
 //# sourceMappingURL=index.js.map

package/dist/esm/theme-provider/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/theme-provider/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAiC,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC5G,OAAO,EACH,IAAI,EACJ,GAAG,EACH,IAAI,GACP,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAGxC,SAAS,WAAW,CAAI,KAAqB;IACzC,OAAO,CAAC,MAA2B,EAAE,GAAW,EAAQ,EAAE;QACtD,MAAM,CAAC,GAAG,GAAG,SAAS,CAAC,GAAG,SAAS,UAAU,CAEzC,KAAoB,EACpB,IAAmB;YAEnB,IAAI,IAAI,KAAK,SAAS,IAAI,IAAI,KAAK,IAAI,EAAE;gBACrC,KAAK,CAAC,WAAW,CAAC,IAAI,EAAE,IAA2B,CAAC,CAAC;aACxD;iBAAM;gBACH,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;aAC9B;QACL,CAAC,CAAC;IACN,CAAC,CAAC;AACN,CAAC;AAED;;;GAGG;AACH,MAAM,mBAAoB,SAAQ,iBAAiB;IAKxC,KAAK,CAAc;CAC7B;AADG;IAJC,IAAI,CAAC;QACF,SAAS,EAAE,OAAO;KACrB,CAAC;IACD,WAAW,CAAC,KAAK,CAAC;kDACO;AAG9B,MAAM,MAAM,GAAG,GAAG,CAAA;;;MAGZ,CAAC;AAEP,MAAM,QAAQ,GAAG,IAAI,CAAA;;KAEhB,CAAC;AAEN;;;;;GAKG;AACH,MAAM,0BAA0B,GAAG,mBAAmB,CAAC,OAAO,CAAC;IAC3D,QAAQ,EAAE,gBAAgB;IAC1B,MAAM;IACN,QAAQ;CACX,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,0BAA0B,EAAE,CAAC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/theme-provider/index.ts"],"names":[],"mappings":";AAAA,OAAO,EACH,YAAY,EAEZ,iBAAiB,EACpB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAWxC;;;GAGG;AACH,MAAM,mBAAoB,SAAQ,iBAAiB;IAMxC,YAAY,CACf,KAA8B,EAC9B,IAA6B;QAE7B,IAAI,IAAI,KAAK,SAAS,IAAI,IAAI,KAAK,IAAI,EAAE;YACrC,KAAK,CAAC,WAAW,CAAC,IAAI,EAAE,IAAqC,CAAC,CAAC;SAClE;aAAM;YACH,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;SAC9B;IACL,CAAC;CACJ;AAZG;IAHC,IAAI,CAAC;QACF,SAAS,EAAE,OAAO;KACrB,CAAC;kDACyB;AAc/B,MAAM,0BAA0B,GAAG,mBAAmB,CAAC,OAAO,CAAC;IAC3D,QAAQ,EAAE,gBAAgB;IAC1B,MAAM;IACN,QAAQ;CACX,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE;KACrB,UAAU,CAAC,QAAQ,CAAC;KACpB,QAAQ,CAAC,0BAA0B,EAAE,CAAC,CAAC"}

package/dist/esm/theme-provider/styles.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("@microsoft/fast-element").ElementStyles;

package/dist/esm/theme-provider/styles.js

@@ -0,0 +1,7 @@
+import { css } from '@microsoft/fast-element';
+export const styles = css `
+    :host {
+        display: contents;
+    }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/theme-provider/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/theme-provider/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;CAIxB,CAAC"}

package/dist/esm/theme-provider/template.d.ts

@@ -0,0 +1,2 @@
+import type { NimbleThemeProvider } from '.';
+export declare const template: import("@microsoft/fast-element").ViewTemplate<NimbleThemeProvider, any>;

package/dist/esm/theme-provider/template.js

@@ -0,0 +1,3 @@
+import { html } from '@microsoft/fast-element';
+export const template = html `<slot></slot>`;
+//# sourceMappingURL=template.js.map

package/dist/esm/theme-provider/template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../src/theme-provider/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAG/C,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAqB,eAAe,CAAC"}

package/dist/esm/theme-provider/types.d.ts

@@ -0,0 +1,7 @@
+export declare type NimbleThemeAttribute = 'light' | 'dark' | 'color' | 'legacy-blue';
+export declare enum NimbleTheme {
+    Light = "light",
+    Dark = "dark",
+    Color = "color",
+    LegacyBlue = "legacy-blue"
+}

package/dist/esm/theme-provider/types.js

@@ -0,0 +1,8 @@
+export var NimbleTheme;
+(function (NimbleTheme) {
+    NimbleTheme["Light"] = "light";
+    NimbleTheme["Dark"] = "dark";
+    NimbleTheme["Color"] = "color";
+    NimbleTheme["LegacyBlue"] = "legacy-blue"; // ⛔️ only for use within SystemLink apps that haven't been updated to brand-aligned controls
+})(NimbleTheme || (NimbleTheme = {}));
+//# sourceMappingURL=types.js.map

package/dist/esm/theme-provider/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/theme-provider/types.ts"],"names":[],"mappings":"AACA,MAAM,CAAN,IAAY,WAKX;AALD,WAAY,WAAW;IACnB,8BAAe,CAAA;IACf,4BAAa,CAAA;IACb,8BAAe,CAAA;IACf,yCAA0B,CAAA,CAAC,6FAA6F;AAC5H,CAAC,EALW,WAAW,KAAX,WAAW,QAKtB"}

package/dist/esm/tree-item/index.d.ts

@@ -0,0 +1,34 @@
+import { TreeItem as FoundationTreeItem } from '@microsoft/fast-foundation';
+export type { TreeItem };
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-tree-item': TreeItem;
+    }
+}
+/**
+ * A function that returns a nimble-tree-item registration for configuring the component with a DesignSystem.
+ * Implements {@link @microsoft/fast-foundation#treeItemTemplate}
+ *
+ *
+ * @public
+ * @remarks
+ * Generates HTML Element: \<nimble-tree-item\>
+ *
+ */
+declare class TreeItem extends FoundationTreeItem {
+    private treeView;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private hasChildTreeItems;
+    private readonly handleClickOverride;
+    private readonly handleSelectedChange;
+    private clearTreeGroupSelection;
+    private setGroupSelectionOnRootParentTreeItem;
+    private getImmediateTreeItem;
+    /**
+     * This was copied directly from the FAST TreeItem implementation
+     * @returns the root tree view
+     */
+    private getParentTreeView;
+}

package/dist/esm/tree-item/index.js

@@ -0,0 +1,117 @@
+import { treeItemTemplate as template, TreeItem as FoundationTreeItem, DesignSystem } from '@microsoft/fast-foundation';
+import { controlsArrowExpanderUp16X16 } from '@ni/nimble-tokens/dist-icons-esm/nimble-icons-inline';
+import { groupSelectedAttribute, TreeViewSelectionMode } from '../tree-view/types';
+import { styles } from './styles';
+/**
+ * A function that returns a nimble-tree-item registration for configuring the component with a DesignSystem.
+ * Implements {@link @microsoft/fast-foundation#treeItemTemplate}
+ *
+ *
+ * @public
+ * @remarks
+ * Generates HTML Element: \<nimble-tree-item\>
+ *
+ */
+class TreeItem extends FoundationTreeItem {
+    constructor() {
+        super();
+        this.treeView = null;
+        this.handleClickOverride = (event) => {
+            if (event.composedPath().includes(this.expandCollapseButton)) {
+                // just have base class handle click event for glyph
+                return;
+            }
+            const treeItem = this.getImmediateTreeItem(event.target);
+            if (treeItem?.disabled || treeItem !== this) {
+                // don't allow base TreeItem to emit a 'selected-change' event when a disabled item is clicked
+                event.stopImmediatePropagation();
+                return;
+            }
+            const leavesOnly = this.treeView?.selectionMode === TreeViewSelectionMode.LeavesOnly;
+            const hasChildren = this.hasChildTreeItems();
+            if ((leavesOnly && !hasChildren) || !leavesOnly) {
+                // if either a leaf tree item, or in a mode that supports select on groups,
+                // process click as a select
+                if (!this.selected) {
+                    this.selected = true;
+                    this.$emit('selected-change', this);
+                }
+            }
+            else {
+                // implicit hasChildren && leavesOnly, so only allow expand/collapse, not select
+                this.expanded = !this.expanded;
+                this.$emit('expanded-change', this);
+            }
+            // don't allow base class to process click event
+            event.stopImmediatePropagation();
+        };
+        // This prevents the toggling of selected state when a TreeItem is clicked multiple times,
+        // which is what the FAST TreeItem allows
+        this.handleSelectedChange = (event) => {
+            // only process selection
+            if (event.target === this && this.selected) {
+                this.setGroupSelectionOnRootParentTreeItem(this);
+            }
+        };
+        this.addEventListener('click', this.handleClickOverride);
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.addEventListener('selected-change', this.handleSelectedChange);
+        this.treeView = this.getParentTreeView();
+        if (this.treeView && this.selected) {
+            this.setGroupSelectionOnRootParentTreeItem(this);
+        }
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.removeEventListener('click', this.handleClickOverride);
+        this.removeEventListener('selected-change', this.handleSelectedChange);
+        this.treeView = null;
+    }
+    hasChildTreeItems() {
+        const treeItemChild = this.querySelector('[role="treeitem"]');
+        return treeItemChild !== null;
+    }
+    clearTreeGroupSelection() {
+        const currentGroupSelection = this.treeView?.querySelectorAll(`[${groupSelectedAttribute}]`);
+        currentGroupSelection?.forEach(treeItem => treeItem.removeAttribute(groupSelectedAttribute));
+    }
+    setGroupSelectionOnRootParentTreeItem(treeItem) {
+        this.clearTreeGroupSelection();
+        let currentItem = treeItem;
+        while (currentItem?.parentElement !== this.treeView) {
+            currentItem = currentItem?.parentElement;
+        }
+        if (currentItem) {
+            currentItem.setAttribute(groupSelectedAttribute, 'true');
+        }
+    }
+    getImmediateTreeItem(element) {
+        let foundElement = element;
+        while (foundElement
+            && !(foundElement?.getAttribute('role') === 'treeitem')) {
+            foundElement = foundElement?.parentElement;
+        }
+        return foundElement;
+    }
+    /**
+     * This was copied directly from the FAST TreeItem implementation
+     * @returns the root tree view
+     */
+    getParentTreeView() {
+        const parentNode = this.parentElement.closest("[role='tree']");
+        return parentNode;
+    }
+}
+const nimbleTreeItem = TreeItem.compose({
+    baseName: 'tree-item',
+    baseClass: FoundationTreeItem,
+    // @ts-expect-error FAST templates have incorrect type, see: https://github.com/microsoft/fast/issues/5047
+    template,
+    // @ts-expect-error FAST styles have incorrect type, see: https://github.com/microsoft/fast/issues/5047
+    styles,
+    expandCollapseGlyph: controlsArrowExpanderUp16X16.data
+});
+DesignSystem.getOrCreate().withPrefix('nimble').register(nimbleTreeItem());
+//# sourceMappingURL=index.js.map

package/dist/esm/tree-item/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tree-item/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,gBAAgB,IAAI,QAAQ,EAC5B,QAAQ,IAAI,kBAAkB,EAE9B,YAAY,EACf,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,4BAA4B,EAAE,MAAM,sDAAsD,CAAC;AAEpG,OAAO,EACH,sBAAsB,EACtB,qBAAqB,EACxB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAUlC;;;;;;;;;GASG;AACH,MAAM,QAAS,SAAQ,kBAAkB;IAGrC;QACI,KAAK,EAAE,CAAC;QAHJ,aAAQ,GAAoB,IAAI,CAAC;QA4BxB,wBAAmB,GAAG,CAAC,KAAiB,EAAQ,EAAE;YAC/D,IAAI,KAAK,CAAC,YAAY,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,oBAAoB,CAAC,EAAE;gBAC1D,oDAAoD;gBACpD,OAAO;aACV;YAED,MAAM,QAAQ,GAAG,IAAI,CAAC,oBAAoB,CAAC,KAAK,CAAC,MAAqB,CAAC,CAAC;YACxE,IAAI,QAAQ,EAAE,QAAQ,IAAI,QAAQ,KAAK,IAAI,EAAE;gBACzC,8FAA8F;gBAC9F,KAAK,CAAC,wBAAwB,EAAE,CAAC;gBACjC,OAAO;aACV;YAED,MAAM,UAAU,GAAG,IAAI,CAAC,QAAQ,EAAE,aAAa,KAAK,qBAAqB,CAAC,UAAU,CAAC;YACrF,MAAM,WAAW,GAAG,IAAI,CAAC,iBAAiB,EAAE,CAAC;YAC7C,IAAI,CAAC,UAAU,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,EAAE;gBAC7C,2EAA2E;gBAC3E,4BAA4B;gBAC5B,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;oBAChB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;oBACrB,IAAI,CAAC,KAAK,CAAC,iBAAiB,EAAE,IAAI,CAAC,CAAC;iBACvC;aACJ;iBAAM;gBACH,gFAAgF;gBAChF,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;gBAC/B,IAAI,CAAC,KAAK,CAAC,iBAAiB,EAAE,IAAI,CAAC,CAAC;aACvC;YAED,gDAAgD;YAChD,KAAK,CAAC,wBAAwB,EAAE,CAAC;QACrC,CAAC,CAAC;QAEF,0FAA0F;QAC1F,yCAAyC;QACxB,yBAAoB,GAAG,CAAC,KAAY,EAAQ,EAAE;YAC3D,yBAAyB;YACzB,IAAI,KAAK,CAAC,MAAM,KAAK,IAAI,IAAI,IAAI,CAAC,QAAQ,EAAE;gBACxC,IAAI,CAAC,qCAAqC,CAAC,IAAI,CAAC,CAAC;aACpD;QACL,CAAC,CAAC;QA/DE,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;IAC7D,CAAC;IAEM,iBAAiB;QACpB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,gBAAgB,CAAC,iBAAiB,EAAE,IAAI,CAAC,oBAAoB,CAAC,CAAC;QACpE,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACzC,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,EAAE;YAChC,IAAI,CAAC,qCAAqC,CAAC,IAAI,CAAC,CAAC;SACpD;IACL,CAAC;IAEM,oBAAoB;QACvB,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;QAC5D,IAAI,CAAC,mBAAmB,CAAC,iBAAiB,EAAE,IAAI,CAAC,oBAAoB,CAAC,CAAC;QACvE,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;IACzB,CAAC;IAEO,iBAAiB;QACrB,MAAM,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAAC;QAC9D,OAAO,aAAa,KAAK,IAAI,CAAC;IAClC,CAAC;IA2CO,uBAAuB;QAC3B,MAAM,qBAAqB,GAAG,IAAI,CAAC,QAAQ,EAAE,gBAAgB,CACzD,IAAI,sBAAsB,GAAG,CAChC,CAAC;QACF,qBAAqB,EAAE,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,eAAe,CAAC,sBAAsB,CAAC,CAAC,CAAC;IACjG,CAAC;IAEO,qCAAqC,CAAC,QAAqB;QAC/D,IAAI,CAAC,uBAAuB,EAAE,CAAC;QAE/B,IAAI,WAAW,GAAmC,QAAQ,CAAC;QAC3D,OAAO,WAAW,EAAE,aAAa,KAAK,IAAI,CAAC,QAAQ,EAAE;YACjD,WAAW,GAAG,WAAW,EAAE,aAAa,CAAC;SAC5C;QAED,IAAI,WAAW,EAAE;YACb,WAAW,CAAC,YAAY,CAAC,sBAAsB,EAAE,MAAM,CAAC,CAAC;SAC5D;IACL,CAAC;IAEO,oBAAoB,CAAC,OAAoB;QAC7C,IAAI,YAAY,GAAmC,OAAO,CAAC;QAC3D,OACI,YAAY;eACT,CAAC,CAAC,YAAY,EAAE,YAAY,CAAC,MAAM,CAAC,KAAK,UAAU,CAAC,EACzD;YACE,YAAY,GAAG,YAAY,EAAE,aAAa,CAAC;SAC9C;QAED,OAAO,YAAwB,CAAC;IACpC,CAAC;IAED;;;OAGG;IACK,iBAAiB;QACrB,MAAM,UAAU,GAAmB,IAAI,CAAC,aAAc,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC;QAChF,OAAO,UAAsB,CAAC;IAClC,CAAC;CACJ;AAED,MAAM,cAAc,GAAG,QAAQ,CAAC,OAAO,CAAkB;IACrD,QAAQ,EAAE,WAAW;IACrB,SAAS,EAAE,kBAAkB;IAC7B,0GAA0G;IAC1G,QAAQ;IACR,uGAAuG;IACvG,MAAM;IACN,mBAAmB,EAAE,4BAA4B,CAAC,IAAI;CACzD,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,cAAc,EAAE,CAAC,CAAC"}

package/dist/esm/tree-item/styles.d.ts

@@ -0,0 +1,3 @@
+import { ElementStyles } from '@microsoft/fast-element';
+import { ElementDefinitionContext, TreeItemOptions } from '@microsoft/fast-foundation';
+export declare const styles: (context: ElementDefinitionContext, definition: TreeItemOptions) => ElementStyles;