@ni/nimble-components 32.12.1 → 33.0.0

package/dist/esm/toggle-button/index.js

@@ -1,6 +1,6 @@
 import { __decorate } from "tslib";
-import { attr, nullableNumberConverter } from '@microsoft/fast-element';
-import { applyMixins, DelegatesARIAButton, DesignSystem, StartEnd, Switch as FoundationSwitch } from '@microsoft/fast-foundation';
+import { attr, nullableNumberConverter } from '@ni/fast-element';
+import { applyMixins, DelegatesARIAButton, DesignSystem, StartEnd, Switch as FoundationSwitch } from '@ni/fast-foundation';
 import { styles } from './styles';
 import { template } from './template';
 import { ButtonAppearance, ButtonAppearanceVariant } from './types';

package/dist/esm/toggle-button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/toggle-button/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AACxE,OAAO,EACH,WAAW,EAEX,mBAAmB,EACnB,YAAY,EACZ,QAAQ,EACR,MAAM,IAAI,gBAAgB,EAC7B,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAQpE;;GAEG;AACH,MAAM,OAAO,YAAa,SAAQ,gBAAgB;IAAlD;;QACI;;;;WAIG;QAEI,eAAU,GAAqB,gBAAgB,CAAC,OAAO,CAAC;QAU/D;;;;WAIG;QAEI,kBAAa,GAAG,KAAK,CAAC;IAoBjC,CAAC;IAPG;;OAEG;IACH,IAAW,gBAAgB;QACvB,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,IAAI,CAAC,CAAC;QACpC,OAAO,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,QAAQ,EAAE,CAAC;IACrD,CAAC;CACJ;AApCU;IADN,IAAI;gDAC0D;AAQxD;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,oBAAoB,EAAE,CAAC;uDACQ;AAQ3C;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;mDAC1B;AAQb;IADf,IAAI,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,uBAAuB,EAAE,CAAC;8CAClC;AAatC,WAAW,CAAC,YAAY,EAAE,QAAQ,EAAE,mBAAmB,CAAC,CAAC;AAGzD,MAAM,kBAAkB,GAAG,YAAY,CAAC,OAAO,CAAgB;IAC3D,QAAQ,EAAE,eAAe;IACzB,QAAQ;IACR,MAAM;IACN,aAAa,EAAE;QACX,cAAc,EAAE,IAAI;KACvB;CACJ,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,kBAAkB,EAAE,CAAC,CAAC;AAC/E,MAAM,CAAC,MAAM,eAAe,GAAG,sBAAsB,CAAC","sourcesContent":["import { attr, nullableNumberConverter } from '@microsoft/fast-element';\nimport {\n    applyMixins,\n    type ButtonOptions,\n    DelegatesARIAButton,\n    DesignSystem,\n    StartEnd,\n    Switch as FoundationSwitch\n} from '@microsoft/fast-foundation';\nimport { styles } from './styles';\nimport { template } from './template';\nimport type { ButtonPattern } from '../patterns/button/types';\nimport { ButtonAppearance, ButtonAppearanceVariant } from './types';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-toggle-button': ToggleButton;\n    }\n}\n\n/**\n * A nimble-styled toggle button control.\n */\nexport class ToggleButton extends FoundationSwitch implements ButtonPattern {\n    /**\n     * @public\n     * @remarks\n     * HTML Attribute: appearance\n     */\n    @attr\n    public appearance: ButtonAppearance = ButtonAppearance.outline;\n\n    /**\n     * @public\n     * @remarks\n     * HTML Attribute: appearance-variant\n     */\n    @attr({ attribute: 'appearance-variant' })\n    public appearanceVariant: ButtonAppearanceVariant;\n\n    /**\n     * @public\n     * @remarks\n     * HTML Attribute: content-hidden\n     */\n    @attr({ attribute: 'content-hidden', mode: 'boolean' })\n    public contentHidden = false;\n\n    /**\n     * @public\n     * @remarks\n     * HTML Attribute: tabindex\n     */\n    @attr({ attribute: 'tabindex', converter: nullableNumberConverter })\n    public override tabIndex!: number;\n\n    /** @internal */\n    public readonly control!: HTMLElement;\n\n    /**\n     * @internal\n     */\n    public get resolvedTabindex(): string | undefined {\n        const tabIndex = this.tabIndex ?? 0;\n        return this.disabled ? undefined : `${tabIndex}`;\n    }\n}\napplyMixins(ToggleButton, StartEnd, DelegatesARIAButton);\nexport interface ToggleButton extends StartEnd, DelegatesARIAButton {}\n\nconst nimbleToggleButton = ToggleButton.compose<ButtonOptions>({\n    baseName: 'toggle-button',\n    template,\n    styles,\n    shadowOptions: {\n        delegatesFocus: true\n    }\n});\n\nDesignSystem.getOrCreate().withPrefix('nimble').register(nimbleToggleButton());\nexport const toggleButtonTag = 'nimble-toggle-button';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/toggle-button/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AACjE,OAAO,EACH,WAAW,EAEX,mBAAmB,EACnB,YAAY,EACZ,QAAQ,EACR,MAAM,IAAI,gBAAgB,EAC7B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAQpE;;GAEG;AACH,MAAM,OAAO,YAAa,SAAQ,gBAAgB;IAAlD;;QACI;;;;WAIG;QAEI,eAAU,GAAqB,gBAAgB,CAAC,OAAO,CAAC;QAU/D;;;;WAIG;QAEI,kBAAa,GAAG,KAAK,CAAC;IAoBjC,CAAC;IAPG;;OAEG;IACH,IAAW,gBAAgB;QACvB,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,IAAI,CAAC,CAAC;QACpC,OAAO,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,QAAQ,EAAE,CAAC;IACrD,CAAC;CACJ;AApCU;IADN,IAAI;gDAC0D;AAQxD;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,oBAAoB,EAAE,CAAC;uDACQ;AAQ3C;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;mDAC1B;AAQb;IADf,IAAI,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,uBAAuB,EAAE,CAAC;8CAClC;AAatC,WAAW,CAAC,YAAY,EAAE,QAAQ,EAAE,mBAAmB,CAAC,CAAC;AAGzD,MAAM,kBAAkB,GAAG,YAAY,CAAC,OAAO,CAAgB;IAC3D,QAAQ,EAAE,eAAe;IACzB,QAAQ;IACR,MAAM;IACN,aAAa,EAAE;QACX,cAAc,EAAE,IAAI;KACvB;CACJ,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,kBAAkB,EAAE,CAAC,CAAC;AAC/E,MAAM,CAAC,MAAM,eAAe,GAAG,sBAAsB,CAAC","sourcesContent":["import { attr, nullableNumberConverter } from '@ni/fast-element';\nimport {\n    applyMixins,\n    type ButtonOptions,\n    DelegatesARIAButton,\n    DesignSystem,\n    StartEnd,\n    Switch as FoundationSwitch\n} from '@ni/fast-foundation';\nimport { styles } from './styles';\nimport { template } from './template';\nimport type { ButtonPattern } from '../patterns/button/types';\nimport { ButtonAppearance, ButtonAppearanceVariant } from './types';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-toggle-button': ToggleButton;\n    }\n}\n\n/**\n * A nimble-styled toggle button control.\n */\nexport class ToggleButton extends FoundationSwitch implements ButtonPattern {\n    /**\n     * @public\n     * @remarks\n     * HTML Attribute: appearance\n     */\n    @attr\n    public appearance: ButtonAppearance = ButtonAppearance.outline;\n\n    /**\n     * @public\n     * @remarks\n     * HTML Attribute: appearance-variant\n     */\n    @attr({ attribute: 'appearance-variant' })\n    public appearanceVariant: ButtonAppearanceVariant;\n\n    /**\n     * @public\n     * @remarks\n     * HTML Attribute: content-hidden\n     */\n    @attr({ attribute: 'content-hidden', mode: 'boolean' })\n    public contentHidden = false;\n\n    /**\n     * @public\n     * @remarks\n     * HTML Attribute: tabindex\n     */\n    @attr({ attribute: 'tabindex', converter: nullableNumberConverter })\n    public override tabIndex!: number;\n\n    /** @internal */\n    public readonly control!: HTMLElement;\n\n    /**\n     * @internal\n     */\n    public get resolvedTabindex(): string | undefined {\n        const tabIndex = this.tabIndex ?? 0;\n        return this.disabled ? undefined : `${tabIndex}`;\n    }\n}\napplyMixins(ToggleButton, StartEnd, DelegatesARIAButton);\nexport interface ToggleButton extends StartEnd, DelegatesARIAButton {}\n\nconst nimbleToggleButton = ToggleButton.compose<ButtonOptions>({\n    baseName: 'toggle-button',\n    template,\n    styles,\n    shadowOptions: {\n        delegatesFocus: true\n    }\n});\n\nDesignSystem.getOrCreate().withPrefix('nimble').register(nimbleToggleButton());\nexport const toggleButtonTag = 'nimble-toggle-button';\n"]}

package/dist/esm/toggle-button/styles.d.ts

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

package/dist/esm/toggle-button/styles.js

@@ -1,4 +1,4 @@
-import { css } from '@microsoft/fast-element';
+import { css } from '@ni/fast-element';
 import { buttonAccentOutlineFontColor, buttonLabelFontColor, fillSelectedColor, fillSelectedRgbPartialColor, iconColor } from '../theme-provider/design-tokens';
 import { buttonAppearanceVariantStyles, styles as buttonStyles } from '../patterns/button/styles';
 import { appearanceBehavior } from '../utilities/style/appearance';

package/dist/esm/toggle-button/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/toggle-button/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C,OAAO,EACH,4BAA4B,EAC5B,oBAAoB,EACpB,iBAAiB,EACjB,2BAA2B,EAC3B,SAAS,EACZ,MAAM,iCAAiC,CAAC;AACzC,OAAO,EACH,6BAA6B,EAC7B,MAAM,IAAI,YAAY,EACzB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,YAAY;MACZ,6BAA6B;;;;;qBAKd,oBAAoB;;kBAEvB,iBAAiB;kBACjB,iBAAiB;;iCAEF,2BAA2B;;;;;cAK9C,SAAS,CAAC,iBAAiB,KAAK,oBAAoB;;;;;;;kBAOhD,iBAAiB;kBACjB,iBAAiB;;iCAEF,2BAA2B;;;CAG3D,CAAC,aAAa,CACX,kBAAkB,CACd,gBAAgB,CAAC,OAAO,EACxB,GAAG,CAAA;;;;6BAIkB,4BAA4B;;;;;;;;;sBASnC,SAAS,CAAC,iBAAiB,KAAK,4BAA4B;;;SAGzE,CACJ,CACJ,CAAC","sourcesContent":["import { css } from '@microsoft/fast-element';\n\nimport {\n    buttonAccentOutlineFontColor,\n    buttonLabelFontColor,\n    fillSelectedColor,\n    fillSelectedRgbPartialColor,\n    iconColor\n} from '../theme-provider/design-tokens';\nimport {\n    buttonAppearanceVariantStyles,\n    styles as buttonStyles\n} from '../patterns/button/styles';\nimport { appearanceBehavior } from '../utilities/style/appearance';\nimport { ButtonAppearance } from './types';\n\nexport const styles = css`\n    ${buttonStyles}\n    ${buttonAppearanceVariantStyles}\n\n    @layer checked {\n        .control[aria-pressed='true'] {\n            background-color: transparent;\n            color: ${buttonLabelFontColor};\n            background-image: linear-gradient(\n                ${fillSelectedColor},\n                ${fillSelectedColor}\n            );\n            border-color: rgba(${fillSelectedRgbPartialColor}, 0.3);\n        }\n\n        .control[aria-pressed='true'] [part='start'],\n        .control[aria-pressed='true'] [part='end'] {\n            ${iconColor.cssCustomProperty}: ${buttonLabelFontColor};\n        }\n    }\n\n    @layer disabled {\n        :host([disabled]) .control[aria-pressed='true'] {\n            background-image: linear-gradient(\n                ${fillSelectedColor},\n                ${fillSelectedColor}\n            );\n            border-color: rgba(${fillSelectedRgbPartialColor}, 0.3);\n        }\n    }\n`.withBehaviors(\n    appearanceBehavior(\n        ButtonAppearance.outline,\n        css`\n            @layer checked {\n                :host([appearance-variant='accent'])\n                    .control[aria-pressed='true'] {\n                    color: ${buttonAccentOutlineFontColor};\n                }\n\n                :host([appearance-variant='accent'])\n                    .control[aria-pressed='true']\n                    [part='start'],\n                :host([appearance-variant='accent'])\n                    .control[aria-pressed='true']\n                    [part='end'] {\n                    ${iconColor.cssCustomProperty}: ${buttonAccentOutlineFontColor};\n                }\n            }\n        `\n    )\n);\n"]}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/toggle-button/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAEvC,OAAO,EACH,4BAA4B,EAC5B,oBAAoB,EACpB,iBAAiB,EACjB,2BAA2B,EAC3B,SAAS,EACZ,MAAM,iCAAiC,CAAC;AACzC,OAAO,EACH,6BAA6B,EAC7B,MAAM,IAAI,YAAY,EACzB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,YAAY;MACZ,6BAA6B;;;;;qBAKd,oBAAoB;;kBAEvB,iBAAiB;kBACjB,iBAAiB;;iCAEF,2BAA2B;;;;;cAK9C,SAAS,CAAC,iBAAiB,KAAK,oBAAoB;;;;;;;kBAOhD,iBAAiB;kBACjB,iBAAiB;;iCAEF,2BAA2B;;;CAG3D,CAAC,aAAa,CACX,kBAAkB,CACd,gBAAgB,CAAC,OAAO,EACxB,GAAG,CAAA;;;;6BAIkB,4BAA4B;;;;;;;;;sBASnC,SAAS,CAAC,iBAAiB,KAAK,4BAA4B;;;SAGzE,CACJ,CACJ,CAAC","sourcesContent":["import { css } from '@ni/fast-element';\n\nimport {\n    buttonAccentOutlineFontColor,\n    buttonLabelFontColor,\n    fillSelectedColor,\n    fillSelectedRgbPartialColor,\n    iconColor\n} from '../theme-provider/design-tokens';\nimport {\n    buttonAppearanceVariantStyles,\n    styles as buttonStyles\n} from '../patterns/button/styles';\nimport { appearanceBehavior } from '../utilities/style/appearance';\nimport { ButtonAppearance } from './types';\n\nexport const styles = css`\n    ${buttonStyles}\n    ${buttonAppearanceVariantStyles}\n\n    @layer checked {\n        .control[aria-pressed='true'] {\n            background-color: transparent;\n            color: ${buttonLabelFontColor};\n            background-image: linear-gradient(\n                ${fillSelectedColor},\n                ${fillSelectedColor}\n            );\n            border-color: rgba(${fillSelectedRgbPartialColor}, 0.3);\n        }\n\n        .control[aria-pressed='true'] [part='start'],\n        .control[aria-pressed='true'] [part='end'] {\n            ${iconColor.cssCustomProperty}: ${buttonLabelFontColor};\n        }\n    }\n\n    @layer disabled {\n        :host([disabled]) .control[aria-pressed='true'] {\n            background-image: linear-gradient(\n                ${fillSelectedColor},\n                ${fillSelectedColor}\n            );\n            border-color: rgba(${fillSelectedRgbPartialColor}, 0.3);\n        }\n    }\n`.withBehaviors(\n    appearanceBehavior(\n        ButtonAppearance.outline,\n        css`\n            @layer checked {\n                :host([appearance-variant='accent'])\n                    .control[aria-pressed='true'] {\n                    color: ${buttonAccentOutlineFontColor};\n                }\n\n                :host([appearance-variant='accent'])\n                    .control[aria-pressed='true']\n                    [part='start'],\n                :host([appearance-variant='accent'])\n                    .control[aria-pressed='true']\n                    [part='end'] {\n                    ${iconColor.cssCustomProperty}: ${buttonAccentOutlineFontColor};\n                }\n            }\n        `\n    )\n);\n"]}

package/dist/esm/toggle-button/template.d.ts

@@ -1,4 +1,4 @@
-import { ViewTemplate } from '@microsoft/fast-element';
-import { type FoundationElementTemplate, type ButtonOptions } from '@microsoft/fast-foundation';
+import { ViewTemplate } from '@ni/fast-element';
+import { type FoundationElementTemplate, type ButtonOptions } from '@ni/fast-foundation';
 import type { ToggleButton } from '.';
 export declare const template: FoundationElementTemplate<ViewTemplate<ToggleButton>, ButtonOptions>;

package/dist/esm/toggle-button/template.js

@@ -1,5 +1,5 @@
-import { html, ref, ViewTemplate } from '@microsoft/fast-element';
-import { endSlotTemplate, startSlotTemplate } from '@microsoft/fast-foundation';
+import { html, ref, ViewTemplate } from '@ni/fast-element';
+import { endSlotTemplate, startSlotTemplate } from '@ni/fast-foundation';
 /* eslint-disable @typescript-eslint/indent */
 // prettier-ignore
 export const template = (context, definition) => html `

package/dist/esm/toggle-button/template.js.map

@@ -1 +1 @@
-{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../src/toggle-button/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,EACH,eAAe,EACf,iBAAiB,EAGpB,MAAM,4BAA4B,CAAC;AAGpC,8CAA8C;AAC9C,kBAAkB;AAClB,MAAM,CAAC,MAAM,QAAQ,GAGjB,CAAC,OAAO,EAAE,UAAU,EAAE,EAAE,CAAC,IAAI,CAAc;;;;oBAI3B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,gBAAgB;qBACtB,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,KAAsB,CAAC;kBACxD,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,KAAmB,CAAC;yBACxC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;UAChD,EAAE;AACA;;;;GAIG;AACP;yBACiB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;yBACf,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;wBAChB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO;UAC5B,EAAE;AACA;;;GAGG;AACP;uBACe,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU;qBACnB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;yBACX,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY;wBACpB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW;4BACd,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe;wBAC1B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW;6BACb,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,gBAAgB;yBAC3B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY;uBACrB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU;yBACf,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY;uBACrB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU;wBAChB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW;6BACb,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,gBAAgB;sBAC9B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;2BACX,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc;qBAC3B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;qBACf,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;yBACX,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY;gCACZ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,mBAAmB;UAChD,GAAG,CAAC,SAAS,CAAC;;UAEd,iBAAiB,CAAC,OAAO,EAAE,UAAU,CAAC;;;;UAItC,eAAe,CAAC,OAAO,EAAE,UAAU,CAAC;;CAE7C,CAAC;AACF,6CAA6C","sourcesContent":["import { html, ref, ViewTemplate } from '@microsoft/fast-element';\nimport {\n    endSlotTemplate,\n    startSlotTemplate,\n    type FoundationElementTemplate,\n    type ButtonOptions\n} from '@microsoft/fast-foundation';\nimport type { ToggleButton } from '.';\n\n/* eslint-disable @typescript-eslint/indent */\n// prettier-ignore\nexport const template: FoundationElementTemplate<\nViewTemplate<ToggleButton>,\nButtonOptions\n> = (context, definition) => html<ToggleButton>`\n    <div\n        role=\"button\"\n        part=\"control\"\n        tabindex=\"${x => x.resolvedTabindex}\"\n        @keypress=\"${(x, c) => x.keypressHandler(c.event as KeyboardEvent)}\"\n        @click=\"${(x, c) => x.clickHandler(c.event as MouseEvent)}\"\n        class=\"control ${x => (x.checked ? 'checked' : '')}\"\n        ${''\n            /**\n             * Configure aria-disabled, aria-readonly, and aria-pressed based on the\n             * toggle button's state to keep the ARIA attributes consistent with the component's\n             * state without a client having to configure ARIA attributes directly\n             */\n        }\n        aria-disabled=\"${x => x.disabled}\"\n        aria-readonly=\"${x => x.readOnly}\"\n        aria-pressed=\"${x => x.checked}\"\n        ${''\n            /**\n             * Configure all other ARIA attributes based on the aria attributes\n             * configured on the toggle button\n             */\n        }\n        aria-atomic=\"${x => x.ariaAtomic}\"\n        aria-busy=\"${x => x.ariaBusy}\"\n        aria-controls=\"${x => x.ariaControls}\"\n        aria-current=\"${x => x.ariaCurrent}\"\n        aria-describedby=\"${x => x.ariaDescribedby}\"\n        aria-details=\"${x => x.ariaDetails}\"\n        aria-errormessage=\"${x => x.ariaErrormessage}\"\n        aria-expanded=\"${x => x.ariaExpanded}\"\n        aria-flowto=\"${x => x.ariaFlowto}\"\n        aria-haspopup=\"${x => x.ariaHaspopup}\"\n        aria-hidden=\"${x => x.ariaHidden}\"\n        aria-invalid=\"${x => x.ariaInvalid}\"\n        aria-keyshortcuts=\"${x => x.ariaKeyshortcuts}\"\n        aria-label=\"${x => x.ariaLabel}\"\n        aria-labelledby=\"${x => x.ariaLabelledby}\"\n        aria-live=\"${x => x.ariaLive}\"\n        aria-owns=\"${x => x.ariaOwns}\"\n        aria-relevant=\"${x => x.ariaRelevant}\"\n        aria-roledescription=\"${x => x.ariaRoledescription}\"\n        ${ref('control')}\n    >\n        ${startSlotTemplate(context, definition)}\n        <span class=\"content\" part=\"content\">\n            <slot></slot>\n        </span>\n        ${endSlotTemplate(context, definition)}\n    </div>\n`;\n/* eslint-enable @typescript-eslint/indent */\n"]}
+{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../src/toggle-button/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EACH,eAAe,EACf,iBAAiB,EAGpB,MAAM,qBAAqB,CAAC;AAG7B,8CAA8C;AAC9C,kBAAkB;AAClB,MAAM,CAAC,MAAM,QAAQ,GAGjB,CAAC,OAAO,EAAE,UAAU,EAAE,EAAE,CAAC,IAAI,CAAc;;;;oBAI3B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,gBAAgB;qBACtB,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,KAAsB,CAAC;kBACxD,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,KAAmB,CAAC;yBACxC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;UAChD,EAAE;AACA;;;;GAIG;AACP;yBACiB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;yBACf,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;wBAChB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO;UAC5B,EAAE;AACA;;;GAGG;AACP;uBACe,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU;qBACnB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;yBACX,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY;wBACpB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW;4BACd,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe;wBAC1B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW;6BACb,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,gBAAgB;yBAC3B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY;uBACrB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU;yBACf,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY;uBACrB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU;wBAChB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW;6BACb,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,gBAAgB;sBAC9B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;2BACX,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc;qBAC3B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;qBACf,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;yBACX,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY;gCACZ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,mBAAmB;UAChD,GAAG,CAAC,SAAS,CAAC;;UAEd,iBAAiB,CAAC,OAAO,EAAE,UAAU,CAAC;;;;UAItC,eAAe,CAAC,OAAO,EAAE,UAAU,CAAC;;CAE7C,CAAC;AACF,6CAA6C","sourcesContent":["import { html, ref, ViewTemplate } from '@ni/fast-element';\nimport {\n    endSlotTemplate,\n    startSlotTemplate,\n    type FoundationElementTemplate,\n    type ButtonOptions\n} from '@ni/fast-foundation';\nimport type { ToggleButton } from '.';\n\n/* eslint-disable @typescript-eslint/indent */\n// prettier-ignore\nexport const template: FoundationElementTemplate<\nViewTemplate<ToggleButton>,\nButtonOptions\n> = (context, definition) => html<ToggleButton>`\n    <div\n        role=\"button\"\n        part=\"control\"\n        tabindex=\"${x => x.resolvedTabindex}\"\n        @keypress=\"${(x, c) => x.keypressHandler(c.event as KeyboardEvent)}\"\n        @click=\"${(x, c) => x.clickHandler(c.event as MouseEvent)}\"\n        class=\"control ${x => (x.checked ? 'checked' : '')}\"\n        ${''\n            /**\n             * Configure aria-disabled, aria-readonly, and aria-pressed based on the\n             * toggle button's state to keep the ARIA attributes consistent with the component's\n             * state without a client having to configure ARIA attributes directly\n             */\n        }\n        aria-disabled=\"${x => x.disabled}\"\n        aria-readonly=\"${x => x.readOnly}\"\n        aria-pressed=\"${x => x.checked}\"\n        ${''\n            /**\n             * Configure all other ARIA attributes based on the aria attributes\n             * configured on the toggle button\n             */\n        }\n        aria-atomic=\"${x => x.ariaAtomic}\"\n        aria-busy=\"${x => x.ariaBusy}\"\n        aria-controls=\"${x => x.ariaControls}\"\n        aria-current=\"${x => x.ariaCurrent}\"\n        aria-describedby=\"${x => x.ariaDescribedby}\"\n        aria-details=\"${x => x.ariaDetails}\"\n        aria-errormessage=\"${x => x.ariaErrormessage}\"\n        aria-expanded=\"${x => x.ariaExpanded}\"\n        aria-flowto=\"${x => x.ariaFlowto}\"\n        aria-haspopup=\"${x => x.ariaHaspopup}\"\n        aria-hidden=\"${x => x.ariaHidden}\"\n        aria-invalid=\"${x => x.ariaInvalid}\"\n        aria-keyshortcuts=\"${x => x.ariaKeyshortcuts}\"\n        aria-label=\"${x => x.ariaLabel}\"\n        aria-labelledby=\"${x => x.ariaLabelledby}\"\n        aria-live=\"${x => x.ariaLive}\"\n        aria-owns=\"${x => x.ariaOwns}\"\n        aria-relevant=\"${x => x.ariaRelevant}\"\n        aria-roledescription=\"${x => x.ariaRoledescription}\"\n        ${ref('control')}\n    >\n        ${startSlotTemplate(context, definition)}\n        <span class=\"content\" part=\"content\">\n            <slot></slot>\n        </span>\n        ${endSlotTemplate(context, definition)}\n    </div>\n`;\n/* eslint-enable @typescript-eslint/indent */\n"]}

package/dist/esm/toolbar/index.d.ts

@@ -1,4 +1,4 @@
-import { Toolbar as FoundationToolbar } from '@microsoft/fast-foundation';
+import { Toolbar as FoundationToolbar } from '@ni/fast-foundation';
 declare global {
     interface HTMLElementTagNameMap {
         'nimble-toolbar': Toolbar;

package/dist/esm/toolbar/index.js

@@ -1,4 +1,4 @@
-import { DesignSystem, Toolbar as FoundationToolbar, toolbarTemplate as template } from '@microsoft/fast-foundation';
+import { DesignSystem, Toolbar as FoundationToolbar, toolbarTemplate as template } from '@ni/fast-foundation';
 import { styles } from './styles';
 /**
  * A nimble-styled Toolbar

package/dist/esm/toolbar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/toolbar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,YAAY,EACZ,OAAO,IAAI,iBAAiB,EAE5B,eAAe,IAAI,QAAQ,EAC9B,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAQlC;;GAEG;AACH,MAAM,OAAO,OAAQ,SAAQ,iBAAiB;CAAG;AAEjD,MAAM,aAAa,GAAG,OAAO,CAAC,OAAO,CAAiB;IAClD,QAAQ,EAAE,SAAS;IACnB,SAAS,EAAE,iBAAiB;IAC5B,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,aAAa,EAAE,CAAC,CAAC;AAC1E,MAAM,CAAC,MAAM,UAAU,GAAG,gBAAgB,CAAC","sourcesContent":["import {\n    DesignSystem,\n    Toolbar as FoundationToolbar,\n    type ToolbarOptions,\n    toolbarTemplate as template\n} from '@microsoft/fast-foundation';\nimport { styles } from './styles';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-toolbar': Toolbar;\n    }\n}\n\n/**\n * A nimble-styled Toolbar\n */\nexport class Toolbar extends FoundationToolbar {}\n\nconst nimbleToolbar = Toolbar.compose<ToolbarOptions>({\n    baseName: 'toolbar',\n    baseClass: FoundationToolbar,\n    template,\n    styles\n});\n\nDesignSystem.getOrCreate().withPrefix('nimble').register(nimbleToolbar());\nexport const toolbarTag = 'nimble-toolbar';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/toolbar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,YAAY,EACZ,OAAO,IAAI,iBAAiB,EAE5B,eAAe,IAAI,QAAQ,EAC9B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAQlC;;GAEG;AACH,MAAM,OAAO,OAAQ,SAAQ,iBAAiB;CAAG;AAEjD,MAAM,aAAa,GAAG,OAAO,CAAC,OAAO,CAAiB;IAClD,QAAQ,EAAE,SAAS;IACnB,SAAS,EAAE,iBAAiB;IAC5B,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,aAAa,EAAE,CAAC,CAAC;AAC1E,MAAM,CAAC,MAAM,UAAU,GAAG,gBAAgB,CAAC","sourcesContent":["import {\n    DesignSystem,\n    Toolbar as FoundationToolbar,\n    type ToolbarOptions,\n    toolbarTemplate as template\n} from '@ni/fast-foundation';\nimport { styles } from './styles';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-toolbar': Toolbar;\n    }\n}\n\n/**\n * A nimble-styled Toolbar\n */\nexport class Toolbar extends FoundationToolbar {}\n\nconst nimbleToolbar = Toolbar.compose<ToolbarOptions>({\n    baseName: 'toolbar',\n    baseClass: FoundationToolbar,\n    template,\n    styles\n});\n\nDesignSystem.getOrCreate().withPrefix('nimble').register(nimbleToolbar());\nexport const toolbarTag = 'nimble-toolbar';\n"]}

package/dist/esm/toolbar/styles.d.ts

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

package/dist/esm/toolbar/styles.js

@@ -1,4 +1,4 @@
-import { css } from '@microsoft/fast-element';
+import { css } from '@ni/fast-element';
 import { applicationBackgroundColor, smallPadding, standardPadding } from '../theme-provider/design-tokens';
 import { display } from '../utilities/style/display';
 export const styles = css `

package/dist/esm/toolbar/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/toolbar/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EACH,0BAA0B,EAC1B,YAAY,EACZ,eAAe,EAClB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAErD,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,QAAQ,CAAC;;;;mBAIJ,YAAY,IAAI,eAAe;;eAEnC,eAAe;sBACR,0BAA0B;;;;;;;;;eASjC,eAAe;;;;;;eAMf,eAAe;;;CAG7B,CAAC","sourcesContent":["import { css } from '@microsoft/fast-element';\nimport {\n    applicationBackgroundColor,\n    smallPadding,\n    standardPadding\n} from '../theme-provider/design-tokens';\nimport { display } from '../utilities/style/display';\n\nexport const styles = css`\n    ${display('inline')}\n\n    .positioning-region {\n        display: flex;\n        padding: ${smallPadding} ${standardPadding};\n        align-items: center;\n        gap: ${standardPadding};\n        background: ${applicationBackgroundColor};\n    }\n\n    slot[name='label'] {\n        display: none;\n    }\n\n    [part='start'] {\n        display: flex;\n        gap: ${standardPadding};\n        margin-right: auto;\n    }\n\n    [part='end'] {\n        display: flex;\n        gap: ${standardPadding};\n        margin-left: auto;\n    }\n`;\n"]}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/toolbar/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EACH,0BAA0B,EAC1B,YAAY,EACZ,eAAe,EAClB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAErD,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,QAAQ,CAAC;;;;mBAIJ,YAAY,IAAI,eAAe;;eAEnC,eAAe;sBACR,0BAA0B;;;;;;;;;eASjC,eAAe;;;;;;eAMf,eAAe;;;CAG7B,CAAC","sourcesContent":["import { css } from '@ni/fast-element';\nimport {\n    applicationBackgroundColor,\n    smallPadding,\n    standardPadding\n} from '../theme-provider/design-tokens';\nimport { display } from '../utilities/style/display';\n\nexport const styles = css`\n    ${display('inline')}\n\n    .positioning-region {\n        display: flex;\n        padding: ${smallPadding} ${standardPadding};\n        align-items: center;\n        gap: ${standardPadding};\n        background: ${applicationBackgroundColor};\n    }\n\n    slot[name='label'] {\n        display: none;\n    }\n\n    [part='start'] {\n        display: flex;\n        gap: ${standardPadding};\n        margin-right: auto;\n    }\n\n    [part='end'] {\n        display: flex;\n        gap: ${standardPadding};\n        margin-left: auto;\n    }\n`;\n"]}

package/dist/esm/tooltip/index.d.ts

@@ -1,4 +1,4 @@
-import { Tooltip as FoundationTooltip } from '@microsoft/fast-foundation';
+import { Tooltip as FoundationTooltip } from '@ni/fast-foundation';
 import type { TooltipSeverity } from './types';
 declare global {
     interface HTMLElementTagNameMap {

package/dist/esm/tooltip/index.js

@@ -1,6 +1,6 @@
 import { __decorate } from "tslib";
-import { attr } from '@microsoft/fast-element';
-import { DesignSystem, Tooltip as FoundationTooltip } from '@microsoft/fast-foundation';
+import { attr } from '@ni/fast-element';
+import { DesignSystem, Tooltip as FoundationTooltip } from '@ni/fast-foundation';
 import { styles } from './styles';
 import { template } from './template';
 /**

package/dist/esm/tooltip/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tooltip/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EACH,YAAY,EACZ,OAAO,IAAI,iBAAiB,EAC/B,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAStC;;GAEG;AACH,MAAM,OAAO,OAAQ,SAAQ,iBAAiB;IAA9C;;QAUW,gBAAW,GAAG,KAAK,CAAC;IAC/B,CAAC;CAAA;AAJU;IADN,IAAI;yCAC4B;AAG1B;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,cAAc,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;4CAC1B;AAG/B,MAAM,aAAa,GAAG,OAAO,CAAC,OAAO,CAAC;IAClC,QAAQ,EAAE,SAAS;IACnB,SAAS,EAAE,iBAAiB;IAC5B,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,aAAa,EAAE,CAAC,CAAC;AAC1E,MAAM,CAAC,MAAM,UAAU,GAAG,gBAAgB,CAAC","sourcesContent":["import { attr } from '@microsoft/fast-element';\nimport {\n    DesignSystem,\n    Tooltip as FoundationTooltip\n} from '@microsoft/fast-foundation';\nimport { styles } from './styles';\nimport { template } from './template';\nimport type { TooltipSeverity } from './types';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-tooltip': Tooltip;\n    }\n}\n\n/**\n * A nimble-styled tooltip control.\n */\nexport class Tooltip extends FoundationTooltip {\n    /**\n     * @public\n     * @remarks\n     * HTML Attribute: severity\n     */\n    @attr\n    public severity: TooltipSeverity;\n\n    @attr({ attribute: 'icon-visible', mode: 'boolean' })\n    public iconVisible = false;\n}\n\nconst nimbleTooltip = Tooltip.compose({\n    baseName: 'tooltip',\n    baseClass: FoundationTooltip,\n    template,\n    styles\n});\n\nDesignSystem.getOrCreate().withPrefix('nimble').register(nimbleTooltip());\nexport const tooltipTag = 'nimble-tooltip';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tooltip/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EACH,YAAY,EACZ,OAAO,IAAI,iBAAiB,EAC/B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAStC;;GAEG;AACH,MAAM,OAAO,OAAQ,SAAQ,iBAAiB;IAA9C;;QAUW,gBAAW,GAAG,KAAK,CAAC;IAC/B,CAAC;CAAA;AAJU;IADN,IAAI;yCAC4B;AAG1B;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,cAAc,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;4CAC1B;AAG/B,MAAM,aAAa,GAAG,OAAO,CAAC,OAAO,CAAC;IAClC,QAAQ,EAAE,SAAS;IACnB,SAAS,EAAE,iBAAiB;IAC5B,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,aAAa,EAAE,CAAC,CAAC;AAC1E,MAAM,CAAC,MAAM,UAAU,GAAG,gBAAgB,CAAC","sourcesContent":["import { attr } from '@ni/fast-element';\nimport {\n    DesignSystem,\n    Tooltip as FoundationTooltip\n} from '@ni/fast-foundation';\nimport { styles } from './styles';\nimport { template } from './template';\nimport type { TooltipSeverity } from './types';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-tooltip': Tooltip;\n    }\n}\n\n/**\n * A nimble-styled tooltip control.\n */\nexport class Tooltip extends FoundationTooltip {\n    /**\n     * @public\n     * @remarks\n     * HTML Attribute: severity\n     */\n    @attr\n    public severity: TooltipSeverity;\n\n    @attr({ attribute: 'icon-visible', mode: 'boolean' })\n    public iconVisible = false;\n}\n\nconst nimbleTooltip = Tooltip.compose({\n    baseName: 'tooltip',\n    baseClass: FoundationTooltip,\n    template,\n    styles\n});\n\nDesignSystem.getOrCreate().withPrefix('nimble').register(nimbleTooltip());\nexport const tooltipTag = 'nimble-tooltip';\n"]}

package/dist/esm/tooltip/styles.d.ts

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

package/dist/esm/tooltip/styles.js

@@ -1,4 +1,4 @@
-import { css } from '@microsoft/fast-element';
+import { css } from '@ni/fast-element';
 import { BannerFail100DarkUi, Black15, Black85, Black91, ForestGreen, Information100DarkUi, Information100LightUi, White } from '@ni/nimble-tokens/dist/styledictionary/js/tokens';
 import { display } from '../utilities/style/display';
 import { tooltipCaptionFont, tooltipCaptionFontColor, borderWidth, mediumPadding, smallPadding, elevation2BoxShadow } from '../theme-provider/design-tokens';

package/dist/esm/tooltip/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/tooltip/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EACH,mBAAmB,EACnB,OAAO,EACP,OAAO,EACP,OAAO,EACP,WAAW,EACX,oBAAoB,EACpB,qBAAqB,EACrB,KAAK,EACR,MAAM,kDAAkD,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EACH,kBAAkB,EAClB,uBAAuB,EACvB,WAAW,EACX,aAAa,EACb,YAAY,EACZ,mBAAmB,EACtB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAEzD,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,aAAa,CAAC;;;gBAGZ,kBAAkB;iBACjB,uBAAuB;;6CAEK,iBAAiB,CAAC,OAAO,EAAE,GAAG,CAAC;iDAC3B,OAAO;;;;;;sBAMlC,mBAAmB;;kBAEvB,WAAW;;;wBAGL,aAAa;yBACZ,aAAa;uBACf,YAAY;;;;;;;;;;;;;;;;;;;CAmBlC,CAAC,aAAa,CACX,aAAa,CACT,KAAK,CAAC,KAAK,EACX,GAAG,CAAA;;qDAE0C,mBAAmB;yDACf,KAAK;;;;qDAIT,qBAAqB;yDACjB,KAAK;;SAErD,CACJ,EACD,aAAa,CACT,KAAK,CAAC,IAAI,EACV,GAAG,CAAA;;qDAE0C,iBAAiB,CAClD,OAAO,EACP,GAAG,CACN;yDACwC,OAAO;;;;qDAIX,oBAAoB;;;;qDAIpB,mBAAmB;;SAE/D,CACJ,EACD,aAAa,CACT,KAAK,CAAC,KAAK,EACX,GAAG,CAAA;;oCAEyB,WAAW;;;;qDAIM,iBAAiB,CAClD,KAAK,EACL,GAAG,CACN;yDACwC,iBAAiB,CACtD,KAAK,EACL,IAAI,CACP;;;;qDAIoC,KAAK;;;;qDAIL,KAAK;;;;;;SAMjD,CACJ,CACJ,CAAC","sourcesContent":["import { css } from '@microsoft/fast-element';\nimport {\n    BannerFail100DarkUi,\n    Black15,\n    Black85,\n    Black91,\n    ForestGreen,\n    Information100DarkUi,\n    Information100LightUi,\n    White\n} from '@ni/nimble-tokens/dist/styledictionary/js/tokens';\nimport { display } from '../utilities/style/display';\nimport {\n    tooltipCaptionFont,\n    tooltipCaptionFontColor,\n    borderWidth,\n    mediumPadding,\n    smallPadding,\n    elevation2BoxShadow\n} from '../theme-provider/design-tokens';\nimport { Theme } from '../theme-provider/types';\nimport { hexToRgbaCssColor } from '../utilities/style/colors';\nimport { themeBehavior } from '../utilities/style/theme';\n\nexport const styles = css`\n    ${display('inline-flex')}\n\n    :host {\n        font: ${tooltipCaptionFont};\n        color: ${tooltipCaptionFontColor};\n        text-align: left;\n        --ni-private-tooltip-border-color: ${hexToRgbaCssColor(Black91, 0.3)};\n        --ni-private-tooltip-background-color: ${Black15};\n    }\n\n    .tooltip {\n        flex-shrink: 0;\n        max-width: 440px;\n        box-shadow: ${elevation2BoxShadow};\n        display: inline-flex;\n        border: ${borderWidth} solid var(--ni-private-tooltip-border-color);\n        background-color: var(--ni-private-tooltip-background-color);\n        padding-bottom: 6px;\n        padding-left: ${mediumPadding};\n        padding-right: ${mediumPadding};\n        padding-top: ${smallPadding};\n    }\n\n    .status-icon {\n        display: none;\n        width: 14px;\n        height: 14px;\n        padding-right: 8px;\n    }\n\n    :host([severity='error'][icon-visible]) [severity='error'] {\n        display: flex;\n        flex: 0 0 auto;\n    }\n\n    :host([severity='information'][icon-visible]) [severity='information'] {\n        display: flex;\n        flex: 0 0 auto;\n    }\n`.withBehaviors(\n    themeBehavior(\n        Theme.light,\n        css`\n            :host([severity='error']) {\n                --ni-private-tooltip-border-color: ${BannerFail100DarkUi};\n                --ni-private-tooltip-background-color: ${White};\n            }\n\n            :host([severity='information']) {\n                --ni-private-tooltip-border-color: ${Information100LightUi};\n                --ni-private-tooltip-background-color: ${White};\n            }\n        `\n    ),\n    themeBehavior(\n        Theme.dark,\n        css`\n            :host {\n                --ni-private-tooltip-border-color: ${hexToRgbaCssColor(\n                    Black15,\n                    0.3\n                )};\n                --ni-private-tooltip-background-color: ${Black85};\n            }\n\n            :host([severity='information']) {\n                --ni-private-tooltip-border-color: ${Information100DarkUi};\n            }\n\n            :host([severity='error']) {\n                --ni-private-tooltip-border-color: ${BannerFail100DarkUi};\n            }\n        `\n    ),\n    themeBehavior(\n        Theme.color,\n        css`\n            .anchored-region {\n                background-color: ${ForestGreen};\n            }\n\n            :host {\n                --ni-private-tooltip-border-color: ${hexToRgbaCssColor(\n                    White,\n                    0.3\n                )};\n                --ni-private-tooltip-background-color: ${hexToRgbaCssColor(\n                    White,\n                    0.15\n                )};\n            }\n\n            :host([severity='error']) {\n                --ni-private-tooltip-border-color: ${White};\n            }\n\n            :host([severity='information']) {\n                --ni-private-tooltip-border-color: ${White};\n            }\n\n            .status-icon {\n                opacity: 0.6;\n            }\n        `\n    )\n);\n"]}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/tooltip/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EACH,mBAAmB,EACnB,OAAO,EACP,OAAO,EACP,OAAO,EACP,WAAW,EACX,oBAAoB,EACpB,qBAAqB,EACrB,KAAK,EACR,MAAM,kDAAkD,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EACH,kBAAkB,EAClB,uBAAuB,EACvB,WAAW,EACX,aAAa,EACb,YAAY,EACZ,mBAAmB,EACtB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAEzD,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,aAAa,CAAC;;;gBAGZ,kBAAkB;iBACjB,uBAAuB;;6CAEK,iBAAiB,CAAC,OAAO,EAAE,GAAG,CAAC;iDAC3B,OAAO;;;;;;sBAMlC,mBAAmB;;kBAEvB,WAAW;;;wBAGL,aAAa;yBACZ,aAAa;uBACf,YAAY;;;;;;;;;;;;;;;;;;;CAmBlC,CAAC,aAAa,CACX,aAAa,CACT,KAAK,CAAC,KAAK,EACX,GAAG,CAAA;;qDAE0C,mBAAmB;yDACf,KAAK;;;;qDAIT,qBAAqB;yDACjB,KAAK;;SAErD,CACJ,EACD,aAAa,CACT,KAAK,CAAC,IAAI,EACV,GAAG,CAAA;;qDAE0C,iBAAiB,CAClD,OAAO,EACP,GAAG,CACN;yDACwC,OAAO;;;;qDAIX,oBAAoB;;;;qDAIpB,mBAAmB;;SAE/D,CACJ,EACD,aAAa,CACT,KAAK,CAAC,KAAK,EACX,GAAG,CAAA;;oCAEyB,WAAW;;;;qDAIM,iBAAiB,CAClD,KAAK,EACL,GAAG,CACN;yDACwC,iBAAiB,CACtD,KAAK,EACL,IAAI,CACP;;;;qDAIoC,KAAK;;;;qDAIL,KAAK;;;;;;SAMjD,CACJ,CACJ,CAAC","sourcesContent":["import { css } from '@ni/fast-element';\nimport {\n    BannerFail100DarkUi,\n    Black15,\n    Black85,\n    Black91,\n    ForestGreen,\n    Information100DarkUi,\n    Information100LightUi,\n    White\n} from '@ni/nimble-tokens/dist/styledictionary/js/tokens';\nimport { display } from '../utilities/style/display';\nimport {\n    tooltipCaptionFont,\n    tooltipCaptionFontColor,\n    borderWidth,\n    mediumPadding,\n    smallPadding,\n    elevation2BoxShadow\n} from '../theme-provider/design-tokens';\nimport { Theme } from '../theme-provider/types';\nimport { hexToRgbaCssColor } from '../utilities/style/colors';\nimport { themeBehavior } from '../utilities/style/theme';\n\nexport const styles = css`\n    ${display('inline-flex')}\n\n    :host {\n        font: ${tooltipCaptionFont};\n        color: ${tooltipCaptionFontColor};\n        text-align: left;\n        --ni-private-tooltip-border-color: ${hexToRgbaCssColor(Black91, 0.3)};\n        --ni-private-tooltip-background-color: ${Black15};\n    }\n\n    .tooltip {\n        flex-shrink: 0;\n        max-width: 440px;\n        box-shadow: ${elevation2BoxShadow};\n        display: inline-flex;\n        border: ${borderWidth} solid var(--ni-private-tooltip-border-color);\n        background-color: var(--ni-private-tooltip-background-color);\n        padding-bottom: 6px;\n        padding-left: ${mediumPadding};\n        padding-right: ${mediumPadding};\n        padding-top: ${smallPadding};\n    }\n\n    .status-icon {\n        display: none;\n        width: 14px;\n        height: 14px;\n        padding-right: 8px;\n    }\n\n    :host([severity='error'][icon-visible]) [severity='error'] {\n        display: flex;\n        flex: 0 0 auto;\n    }\n\n    :host([severity='information'][icon-visible]) [severity='information'] {\n        display: flex;\n        flex: 0 0 auto;\n    }\n`.withBehaviors(\n    themeBehavior(\n        Theme.light,\n        css`\n            :host([severity='error']) {\n                --ni-private-tooltip-border-color: ${BannerFail100DarkUi};\n                --ni-private-tooltip-background-color: ${White};\n            }\n\n            :host([severity='information']) {\n                --ni-private-tooltip-border-color: ${Information100LightUi};\n                --ni-private-tooltip-background-color: ${White};\n            }\n        `\n    ),\n    themeBehavior(\n        Theme.dark,\n        css`\n            :host {\n                --ni-private-tooltip-border-color: ${hexToRgbaCssColor(\n                    Black15,\n                    0.3\n                )};\n                --ni-private-tooltip-background-color: ${Black85};\n            }\n\n            :host([severity='information']) {\n                --ni-private-tooltip-border-color: ${Information100DarkUi};\n            }\n\n            :host([severity='error']) {\n                --ni-private-tooltip-border-color: ${BannerFail100DarkUi};\n            }\n        `\n    ),\n    themeBehavior(\n        Theme.color,\n        css`\n            .anchored-region {\n                background-color: ${ForestGreen};\n            }\n\n            :host {\n                --ni-private-tooltip-border-color: ${hexToRgbaCssColor(\n                    White,\n                    0.3\n                )};\n                --ni-private-tooltip-background-color: ${hexToRgbaCssColor(\n                    White,\n                    0.15\n                )};\n            }\n\n            :host([severity='error']) {\n                --ni-private-tooltip-border-color: ${White};\n            }\n\n            :host([severity='information']) {\n                --ni-private-tooltip-border-color: ${White};\n            }\n\n            .status-icon {\n                opacity: 0.6;\n            }\n        `\n    )\n);\n"]}

package/dist/esm/tooltip/template.d.ts

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

package/dist/esm/tooltip/template.js

@@ -1,4 +1,4 @@
-import { html, ref, when } from '@microsoft/fast-element';
+import { html, ref, when } from '@ni/fast-element';
 import { anchoredRegionTag } from '../anchored-region';
 import { iconExclamationMarkTag } from '../icons/exclamation-mark';
 import { iconInfoTag } from '../icons/info';

package/dist/esm/tooltip/template.js.map

@@ -1 +1 @@
-{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../src/tooltip/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,kBAAkB;AAClB,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAS;cACvB,IAAI,CACV,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc,EACrB,IAAI,CAAS;eACN,iBAAiB;;;oCAGI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc;6CACZ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,uBAAuB;6CAC9B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,uBAAuB;kCACzC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,aAAa;oCAClB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe;+CACX,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,yBAAyB;+CAChC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,yBAAyB;sCACzC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,iBAAiB;oCAC1B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe;0CAChB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,sBAAsB;4CAC3B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,oBAAoB;uBAChD,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,gBAAgB;kBAC5B,GAAG,CAAC,QAAQ,CAAC;;;uBAGR,sBAAsB;;;yBAGpB,sBAAsB;uBACxB,WAAW;;;yBAGT,WAAW;;;gBAGpB,iBAAiB;SACxB,CACJ;CACJ,CAAC","sourcesContent":["import { html, ref, when } from '@microsoft/fast-element';\nimport { anchoredRegionTag } from '../anchored-region';\nimport { iconExclamationMarkTag } from '../icons/exclamation-mark';\nimport { iconInfoTag } from '../icons/info';\nimport type { Tooltip } from '.';\n\n// prettier-ignore\nexport const template = html<Tooltip>`\n            ${when(\n        x => x.tooltipVisible,\n        html<Tooltip>`\n            <${anchoredRegionTag}\n                class=\"anchored-region\"\n                fixed-placement=\"true\"\n                auto-update-mode=\"${x => x.autoUpdateMode}\"\n                vertical-positioning-mode=\"${x => x.verticalPositioningMode}\"\n                vertical-default-position=\"${x => x.verticalDefaultPosition}\"\n                vertical-inset=\"${x => x.verticalInset}\"\n                vertical-scaling=\"${x => x.verticalScaling}\"\n                horizontal-positioning-mode=\"${x => x.horizontalPositioningMode}\"\n                horizontal-default-position=\"${x => x.horizontalDefaultPosition}\"\n                horizontal-scaling=\"${x => x.horizontalScaling}\"\n                horizontal-inset=\"${x => x.horizontalInset}\"\n                vertical-viewport-lock=\"${x => x.horizontalViewportLock}\"\n                horizontal-viewport-lock=\"${x => x.verticalViewportLock}\"\n                dir=\"${x => x.currentDirection}\"\n                ${ref('region')}\n            >\n                <div class=\"tooltip\" part=\"tooltip\" role=\"tooltip\">\n                    <${iconExclamationMarkTag}\n                        severity=\"error\"\n                        class=\"status-icon\"\n                    ></${iconExclamationMarkTag}>\n                    <${iconInfoTag}\n                        severity=\"information\"\n                        class=\"status-icon\"\n                    ></${iconInfoTag}>\n                    <slot></slot>\n                </div>\n            </${anchoredRegionTag}>\n        `\n    )}\n`;\n"]}
+{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../src/tooltip/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,kBAAkB;AAClB,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAS;cACvB,IAAI,CACV,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc,EACrB,IAAI,CAAS;eACN,iBAAiB;;;oCAGI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc;6CACZ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,uBAAuB;6CAC9B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,uBAAuB;kCACzC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,aAAa;oCAClB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe;+CACX,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,yBAAyB;+CAChC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,yBAAyB;sCACzC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,iBAAiB;oCAC1B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe;0CAChB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,sBAAsB;4CAC3B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,oBAAoB;uBAChD,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,gBAAgB;kBAC5B,GAAG,CAAC,QAAQ,CAAC;;;uBAGR,sBAAsB;;;yBAGpB,sBAAsB;uBACxB,WAAW;;;yBAGT,WAAW;;;gBAGpB,iBAAiB;SACxB,CACJ;CACJ,CAAC","sourcesContent":["import { html, ref, when } from '@ni/fast-element';\nimport { anchoredRegionTag } from '../anchored-region';\nimport { iconExclamationMarkTag } from '../icons/exclamation-mark';\nimport { iconInfoTag } from '../icons/info';\nimport type { Tooltip } from '.';\n\n// prettier-ignore\nexport const template = html<Tooltip>`\n            ${when(\n        x => x.tooltipVisible,\n        html<Tooltip>`\n            <${anchoredRegionTag}\n                class=\"anchored-region\"\n                fixed-placement=\"true\"\n                auto-update-mode=\"${x => x.autoUpdateMode}\"\n                vertical-positioning-mode=\"${x => x.verticalPositioningMode}\"\n                vertical-default-position=\"${x => x.verticalDefaultPosition}\"\n                vertical-inset=\"${x => x.verticalInset}\"\n                vertical-scaling=\"${x => x.verticalScaling}\"\n                horizontal-positioning-mode=\"${x => x.horizontalPositioningMode}\"\n                horizontal-default-position=\"${x => x.horizontalDefaultPosition}\"\n                horizontal-scaling=\"${x => x.horizontalScaling}\"\n                horizontal-inset=\"${x => x.horizontalInset}\"\n                vertical-viewport-lock=\"${x => x.horizontalViewportLock}\"\n                horizontal-viewport-lock=\"${x => x.verticalViewportLock}\"\n                dir=\"${x => x.currentDirection}\"\n                ${ref('region')}\n            >\n                <div class=\"tooltip\" part=\"tooltip\" role=\"tooltip\">\n                    <${iconExclamationMarkTag}\n                        severity=\"error\"\n                        class=\"status-icon\"\n                    ></${iconExclamationMarkTag}>\n                    <${iconInfoTag}\n                        severity=\"information\"\n                        class=\"status-icon\"\n                    ></${iconInfoTag}>\n                    <slot></slot>\n                </div>\n            </${anchoredRegionTag}>\n        `\n    )}\n`;\n"]}

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

@@ -1,4 +1,4 @@
-import { TreeItem as FoundationTreeItem } from '@microsoft/fast-foundation';
+import { TreeItem as FoundationTreeItem } from '@ni/fast-foundation';
 declare global {
     interface HTMLElementTagNameMap {
         'nimble-tree-item': TreeItem;
@@ -6,7 +6,7 @@ declare global {
 }
 /**
  * A function that returns a nimble-tree-item registration for configuring the component with a DesignSystem.
- * Implements {@link @microsoft/fast-foundation#treeItemTemplate}
+ * Implements {@link @ni/fast-foundation#treeItemTemplate}
  *
  *
  * @public

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

@@ -1,11 +1,11 @@
 import { __decorate } from "tslib";
-import { attr } from '@microsoft/fast-element';
-import { TreeItem as FoundationTreeItem, DesignSystem, treeItemTemplate as template } from '@microsoft/fast-foundation';
+import { attr } from '@ni/fast-element';
+import { TreeItem as FoundationTreeItem, DesignSystem, treeItemTemplate as template } from '@ni/fast-foundation';
 import { arrowExpanderUp16X16 } from '@ni/nimble-tokens/dist/icons/js';
 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}
+ * Implements {@link @ni/fast-foundation#treeItemTemplate}
  *
  *
  * @public

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tree-item/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EACH,QAAQ,IAAI,kBAAkB,EAE9B,YAAY,EACZ,gBAAgB,IAAI,QAAQ,EAC/B,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAQlC;;;;;;;;;GASG;AACH,MAAM,OAAO,QAAS,SAAQ,kBAAkB;IAAhD;;QACI;;WAEG;QAEI,kBAAa,GAAG,KAAK,CAAC;IACjC,CAAC;CAAA;AADU;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;+CAC1B;AAGjC,MAAM,cAAc,GAAG,QAAQ,CAAC,OAAO,CAAkB;IACrD,QAAQ,EAAE,WAAW;IACrB,SAAS,EAAE,kBAAkB;IAC7B,QAAQ;IACR,MAAM;IACN,mBAAmB,EAAE,oBAAoB,CAAC,IAAI;CACjD,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,cAAc,EAAE,CAAC,CAAC;AAC3E,MAAM,CAAC,MAAM,WAAW,GAAG,kBAAkB,CAAC","sourcesContent":["import { attr } from '@microsoft/fast-element';\nimport {\n    TreeItem as FoundationTreeItem,\n    type TreeItemOptions,\n    DesignSystem,\n    treeItemTemplate as template\n} from '@microsoft/fast-foundation';\nimport { arrowExpanderUp16X16 } from '@ni/nimble-tokens/dist/icons/js';\nimport { styles } from './styles';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-tree-item': TreeItem;\n    }\n}\n\n/**\n * A function that returns a nimble-tree-item registration for configuring the component with a DesignSystem.\n * Implements {@link @microsoft/fast-foundation#treeItemTemplate}\n *\n *\n * @public\n * @remarks\n * Generates HTML Element: \\<nimble-tree-item\\>\n *\n */\nexport class TreeItem extends FoundationTreeItem {\n    /**\n     * @internal\n     */\n    @attr({ attribute: 'group-selected', mode: 'boolean' })\n    public groupSelected = false;\n}\n\nconst nimbleTreeItem = TreeItem.compose<TreeItemOptions>({\n    baseName: 'tree-item',\n    baseClass: FoundationTreeItem,\n    template,\n    styles,\n    expandCollapseGlyph: arrowExpanderUp16X16.data\n});\n\nDesignSystem.getOrCreate().withPrefix('nimble').register(nimbleTreeItem());\nexport const treeItemTag = 'nimble-tree-item';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tree-item/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EACH,QAAQ,IAAI,kBAAkB,EAE9B,YAAY,EACZ,gBAAgB,IAAI,QAAQ,EAC/B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAQlC;;;;;;;;;GASG;AACH,MAAM,OAAO,QAAS,SAAQ,kBAAkB;IAAhD;;QACI;;WAEG;QAEI,kBAAa,GAAG,KAAK,CAAC;IACjC,CAAC;CAAA;AADU;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;+CAC1B;AAGjC,MAAM,cAAc,GAAG,QAAQ,CAAC,OAAO,CAAkB;IACrD,QAAQ,EAAE,WAAW;IACrB,SAAS,EAAE,kBAAkB;IAC7B,QAAQ;IACR,MAAM;IACN,mBAAmB,EAAE,oBAAoB,CAAC,IAAI;CACjD,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,cAAc,EAAE,CAAC,CAAC;AAC3E,MAAM,CAAC,MAAM,WAAW,GAAG,kBAAkB,CAAC","sourcesContent":["import { attr } from '@ni/fast-element';\nimport {\n    TreeItem as FoundationTreeItem,\n    type TreeItemOptions,\n    DesignSystem,\n    treeItemTemplate as template\n} from '@ni/fast-foundation';\nimport { arrowExpanderUp16X16 } from '@ni/nimble-tokens/dist/icons/js';\nimport { styles } from './styles';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-tree-item': TreeItem;\n    }\n}\n\n/**\n * A function that returns a nimble-tree-item registration for configuring the component with a DesignSystem.\n * Implements {@link @ni/fast-foundation#treeItemTemplate}\n *\n *\n * @public\n * @remarks\n * Generates HTML Element: \\<nimble-tree-item\\>\n *\n */\nexport class TreeItem extends FoundationTreeItem {\n    /**\n     * @internal\n     */\n    @attr({ attribute: 'group-selected', mode: 'boolean' })\n    public groupSelected = false;\n}\n\nconst nimbleTreeItem = TreeItem.compose<TreeItemOptions>({\n    baseName: 'tree-item',\n    baseClass: FoundationTreeItem,\n    template,\n    styles,\n    expandCollapseGlyph: arrowExpanderUp16X16.data\n});\n\nDesignSystem.getOrCreate().withPrefix('nimble').register(nimbleTreeItem());\nexport const treeItemTag = 'nimble-tree-item';\n"]}

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

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

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

@@ -1,4 +1,4 @@
-import { css } from '@microsoft/fast-element';
+import { css } from '@ni/fast-element';
 import { display } from '../utilities/style/display';
 import { focusVisible } from '../utilities/style/focus';
 import { bodyFontColor, bodyFontFamily, bodyFontSize, bodyFontWeight, borderHoverColor, fillSelectedColor, fillHoverColor, fillHoverSelectedColor, borderWidth, iconSize, mediumDelay, bodyDisabledFontColor, iconColor } from '../theme-provider/design-tokens';

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/tree-item/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EACH,aAAa,EACb,cAAc,EACd,YAAY,EACZ,cAAc,EACd,gBAAgB,EAChB,iBAAiB,EACjB,cAAc,EACd,sBAAsB,EACtB,WAAW,EACX,QAAQ,EACR,WAAW,EACX,qBAAqB,EACrB,SAAS,EACZ,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,6BAA6B,EAAE,MAAM,8BAA8B,CAAC;AAC7E,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAEhE,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,OAAO,CAAC;;;UAGZ;AACE,yEAAyE,CAAC,EAC9E;uBACe,cAAc;uBACd,cAAc;;;;iBAIpB,aAAa;;;;;;iBAMb,qBAAqB;;;;MAIhC,CAAA,mCAAoC,EAAE;aAC/B,sBAAsB;sBACb,gBAAgB;;;;;;sBAMhB,WAAW;uBACV,QAAQ;;;;;;uBAMR,QAAQ;;;;sBAIT,cAAc;;;aAGvB,sBAAsB;sBACb,sBAAsB;;;YAGhC,YAAY;kCACU,WAAW,IAAI,gBAAgB;mBAC9C,WAAW,UAAU,gBAAgB;;;;;sBAKlC,iBAAiB;;;;sBAIjB,sBAAsB;;;;;;;;;;;;;;;;;;;;;qBAqBvB,YAAY;UACvB,cAAc;;+BAEO,QAAQ;;;YAG3B,YAAY;;;;;;;;iBAQP,QAAQ;kBACP,QAAQ;;;;;;;;;iBAST,QAAQ;kBACP,QAAQ;gCACM,WAAW;;;;;MAKrC;AACE,wEAAwE,CAAC,EAC7E;;iBAEa,QAAQ;;;MAGnB;AACE,uEAAuE,CAAC,EAC5E;;;+BAG2B,QAAQ;6BACV,QAAQ;;;;UAI3B,SAAS,CAAC,iBAAiB;iBACpB,QAAQ;kBACP,QAAQ;;;;;;cAMZ,QAAQ;;;;;;;;;;UAUZ;AACE;;;;GAIG,CAAC,EACR;iCACyB,QAAQ;;;;;;CAMxC,CAAC,aAAa,CACX,IAAI,6BAA6B;AAC7B,aAAa;AACb,GAAG,CAAA;;;;2BAIgB,QAAQ;;;;;;;;;;;SAW1B;AACD,aAAa;AACb,GAAG,CAAA;;;;2BAIgB,QAAQ;;;;;;;;;;;SAW1B,CACJ,CACJ,CAAC","sourcesContent":["import { css } from '@microsoft/fast-element';\nimport { display } from '../utilities/style/display';\nimport { focusVisible } from '../utilities/style/focus';\nimport {\n    bodyFontColor,\n    bodyFontFamily,\n    bodyFontSize,\n    bodyFontWeight,\n    borderHoverColor,\n    fillSelectedColor,\n    fillHoverColor,\n    fillHoverSelectedColor,\n    borderWidth,\n    iconSize,\n    mediumDelay,\n    bodyDisabledFontColor,\n    iconColor\n} from '../theme-provider/design-tokens';\nimport { groupSelectedAttribute } from '../tree-view/types';\nimport { DirectionalStyleSheetBehavior } from '../utilities/style/direction';\nimport { userSelectNone } from '../utilities/style/user-select';\n\nexport const styles = css`\n    ${display('block')}\n\n    :host {\n        ${\n            /* don't set font-size here or else it overrides what we set on .items */ ''\n        }\n        font-family: ${bodyFontFamily};\n        font-weight: ${bodyFontWeight};\n        contain: content;\n        position: relative;\n        outline: none;\n        color: ${bodyFontColor};\n        cursor: pointer;\n        --ni-private-tree-item-nested-width: 0;\n    }\n\n    :host([disabled]) {\n        color: ${bodyDisabledFontColor};\n        cursor: default;\n    }\n\n    ${/* this controls the side border */ ''}\n    :host([${groupSelectedAttribute}])::after {\n        background: ${borderHoverColor};\n        border-radius: 0px;\n        content: '';\n        display: block;\n        position: absolute;\n        top: 0px;\n        width: calc(${borderWidth} * 2);\n        height: calc(${iconSize} * 2);\n    }\n\n    .positioning-region {\n        display: flex;\n        position: relative;\n        height: calc(${iconSize} * 2);\n    }\n\n    .positioning-region:hover {\n        background: ${fillHoverColor};\n    }\n\n    :host([${groupSelectedAttribute}]) .positioning-region:hover {\n        background: ${fillHoverSelectedColor};\n    }\n\n    :host(${focusVisible}) .positioning-region {\n        box-shadow: 0px 0px 0px ${borderWidth} ${borderHoverColor} inset;\n        outline: ${borderWidth} solid ${borderHoverColor};\n        outline-offset: -2px;\n    }\n\n    :host([selected]) .positioning-region {\n        background: ${fillSelectedColor};\n    }\n\n    :host([selected]) .positioning-region:hover {\n        background: ${fillHoverSelectedColor};\n    }\n\n    :host([disabled]) .positioning-region:hover {\n        background-color: transparent;\n    }\n\n    .positioning-region::before {\n        content: '';\n        display: block;\n        width: var(--ni-private-tree-item-nested-width);\n        flex-shrink: 0;\n    }\n\n    .content-region {\n        display: inline-flex;\n        align-items: center;\n        white-space: nowrap;\n        width: 100%;\n        padding-left: 10px;\n        font: inherit;\n        font-size: ${bodyFontSize};\n        ${userSelectNone}\n        position: relative;\n        margin-inline-start: ${iconSize};\n    }\n\n    :host(${focusVisible}) .content-region {\n        outline: none;\n    }\n\n    .expand-collapse-button {\n        background: none;\n        border: none;\n        outline: none;\n        width: ${iconSize};\n        height: ${iconSize};\n        padding: 0px;\n        justify-content: center;\n        align-items: center;\n        margin-left: 10px;\n        position: absolute;\n    }\n\n    .expand-collapse-button svg {\n        width: ${iconSize};\n        height: ${iconSize};\n        transition: transform ${mediumDelay} ease-in;\n        pointer-events: none;\n        fill: currentcolor;\n    }\n\n    ${\n        /* this rule keeps children without an icon text aligned with parents */ ''\n    }\n    [part=\"start\"] {\n        width: ${iconSize};\n    }\n\n    ${\n        /* the start class is applied when the corresponding slots is filled */ ''\n    }\n    .start {\n        display: flex;\n        margin-inline-start: ${iconSize};\n        margin-inline-end: ${iconSize};\n    }\n\n    slot[name='start']::slotted(*) {\n        ${iconColor.cssCustomProperty}: currentcolor;\n        width: ${iconSize};\n        height: ${iconSize};\n    }\n\n    ::slotted([role='treeitem']) {\n        --ni-private-tree-item-nested-width: 1em;\n        --ni-private-expand-collapse-button-nested-width: calc(\n            ${iconSize} * -1\n        );\n    }\n\n    [part='end'] {\n        display: none;\n    }\n\n    .items {\n        display: none;\n        ${\n            /*\n             * this controls the nested indentation (by affecting .positioning-region::before)\n             * it must minimally contain arithmetic with an em and a px value\n             * make it larger or shorter by changing the px value\n             */ ''\n        }\n        font-size: calc(1em + (${iconSize} * 2));\n    }\n\n    :host([expanded]) .items {\n        display: block;\n    }\n`.withBehaviors(\n    new DirectionalStyleSheetBehavior(\n        // ltr styles\n        css`\n            .expand-collapse-button {\n                left: var(\n                    --ni-private-expand-collapse-button-nested-width,\n                    calc(${iconSize} * -1)\n                );\n            }\n\n            .expand-collapse-button svg {\n                transform: rotate(90deg);\n            }\n\n            :host([expanded]) .expand-collapse-button svg {\n                transform: rotate(180deg);\n            }\n        `,\n        // rtl styles\n        css`\n            .expand-collapse-button {\n                right: var(\n                    --ni-private-expand-collapse-button-nested-width,\n                    calc(${iconSize} * -1)\n                );\n            }\n\n            .expand-collapse-button svg {\n                transform: rotate(180deg);\n            }\n\n            :host([expanded]) .expand-collapse-button svg {\n                transform: rotate(135deg);\n            }\n        `\n    )\n);\n"]}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/tree-item/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EACH,aAAa,EACb,cAAc,EACd,YAAY,EACZ,cAAc,EACd,gBAAgB,EAChB,iBAAiB,EACjB,cAAc,EACd,sBAAsB,EACtB,WAAW,EACX,QAAQ,EACR,WAAW,EACX,qBAAqB,EACrB,SAAS,EACZ,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,6BAA6B,EAAE,MAAM,8BAA8B,CAAC;AAC7E,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAEhE,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,OAAO,CAAC;;;UAGZ;AACE,yEAAyE,CAAC,EAC9E;uBACe,cAAc;uBACd,cAAc;;;;iBAIpB,aAAa;;;;;;iBAMb,qBAAqB;;;;MAIhC,CAAA,mCAAoC,EAAE;aAC/B,sBAAsB;sBACb,gBAAgB;;;;;;sBAMhB,WAAW;uBACV,QAAQ;;;;;;uBAMR,QAAQ;;;;sBAIT,cAAc;;;aAGvB,sBAAsB;sBACb,sBAAsB;;;YAGhC,YAAY;kCACU,WAAW,IAAI,gBAAgB;mBAC9C,WAAW,UAAU,gBAAgB;;;;;sBAKlC,iBAAiB;;;;sBAIjB,sBAAsB;;;;;;;;;;;;;;;;;;;;;qBAqBvB,YAAY;UACvB,cAAc;;+BAEO,QAAQ;;;YAG3B,YAAY;;;;;;;;iBAQP,QAAQ;kBACP,QAAQ;;;;;;;;;iBAST,QAAQ;kBACP,QAAQ;gCACM,WAAW;;;;;MAKrC;AACE,wEAAwE,CAAC,EAC7E;;iBAEa,QAAQ;;;MAGnB;AACE,uEAAuE,CAAC,EAC5E;;;+BAG2B,QAAQ;6BACV,QAAQ;;;;UAI3B,SAAS,CAAC,iBAAiB;iBACpB,QAAQ;kBACP,QAAQ;;;;;;cAMZ,QAAQ;;;;;;;;;;UAUZ;AACE;;;;GAIG,CAAC,EACR;iCACyB,QAAQ;;;;;;CAMxC,CAAC,aAAa,CACX,IAAI,6BAA6B;AAC7B,aAAa;AACb,GAAG,CAAA;;;;2BAIgB,QAAQ;;;;;;;;;;;SAW1B;AACD,aAAa;AACb,GAAG,CAAA;;;;2BAIgB,QAAQ;;;;;;;;;;;SAW1B,CACJ,CACJ,CAAC","sourcesContent":["import { css } from '@ni/fast-element';\nimport { display } from '../utilities/style/display';\nimport { focusVisible } from '../utilities/style/focus';\nimport {\n    bodyFontColor,\n    bodyFontFamily,\n    bodyFontSize,\n    bodyFontWeight,\n    borderHoverColor,\n    fillSelectedColor,\n    fillHoverColor,\n    fillHoverSelectedColor,\n    borderWidth,\n    iconSize,\n    mediumDelay,\n    bodyDisabledFontColor,\n    iconColor\n} from '../theme-provider/design-tokens';\nimport { groupSelectedAttribute } from '../tree-view/types';\nimport { DirectionalStyleSheetBehavior } from '../utilities/style/direction';\nimport { userSelectNone } from '../utilities/style/user-select';\n\nexport const styles = css`\n    ${display('block')}\n\n    :host {\n        ${\n            /* don't set font-size here or else it overrides what we set on .items */ ''\n        }\n        font-family: ${bodyFontFamily};\n        font-weight: ${bodyFontWeight};\n        contain: content;\n        position: relative;\n        outline: none;\n        color: ${bodyFontColor};\n        cursor: pointer;\n        --ni-private-tree-item-nested-width: 0;\n    }\n\n    :host([disabled]) {\n        color: ${bodyDisabledFontColor};\n        cursor: default;\n    }\n\n    ${/* this controls the side border */ ''}\n    :host([${groupSelectedAttribute}])::after {\n        background: ${borderHoverColor};\n        border-radius: 0px;\n        content: '';\n        display: block;\n        position: absolute;\n        top: 0px;\n        width: calc(${borderWidth} * 2);\n        height: calc(${iconSize} * 2);\n    }\n\n    .positioning-region {\n        display: flex;\n        position: relative;\n        height: calc(${iconSize} * 2);\n    }\n\n    .positioning-region:hover {\n        background: ${fillHoverColor};\n    }\n\n    :host([${groupSelectedAttribute}]) .positioning-region:hover {\n        background: ${fillHoverSelectedColor};\n    }\n\n    :host(${focusVisible}) .positioning-region {\n        box-shadow: 0px 0px 0px ${borderWidth} ${borderHoverColor} inset;\n        outline: ${borderWidth} solid ${borderHoverColor};\n        outline-offset: -2px;\n    }\n\n    :host([selected]) .positioning-region {\n        background: ${fillSelectedColor};\n    }\n\n    :host([selected]) .positioning-region:hover {\n        background: ${fillHoverSelectedColor};\n    }\n\n    :host([disabled]) .positioning-region:hover {\n        background-color: transparent;\n    }\n\n    .positioning-region::before {\n        content: '';\n        display: block;\n        width: var(--ni-private-tree-item-nested-width);\n        flex-shrink: 0;\n    }\n\n    .content-region {\n        display: inline-flex;\n        align-items: center;\n        white-space: nowrap;\n        width: 100%;\n        padding-left: 10px;\n        font: inherit;\n        font-size: ${bodyFontSize};\n        ${userSelectNone}\n        position: relative;\n        margin-inline-start: ${iconSize};\n    }\n\n    :host(${focusVisible}) .content-region {\n        outline: none;\n    }\n\n    .expand-collapse-button {\n        background: none;\n        border: none;\n        outline: none;\n        width: ${iconSize};\n        height: ${iconSize};\n        padding: 0px;\n        justify-content: center;\n        align-items: center;\n        margin-left: 10px;\n        position: absolute;\n    }\n\n    .expand-collapse-button svg {\n        width: ${iconSize};\n        height: ${iconSize};\n        transition: transform ${mediumDelay} ease-in;\n        pointer-events: none;\n        fill: currentcolor;\n    }\n\n    ${\n        /* this rule keeps children without an icon text aligned with parents */ ''\n    }\n    [part=\"start\"] {\n        width: ${iconSize};\n    }\n\n    ${\n        /* the start class is applied when the corresponding slots is filled */ ''\n    }\n    .start {\n        display: flex;\n        margin-inline-start: ${iconSize};\n        margin-inline-end: ${iconSize};\n    }\n\n    slot[name='start']::slotted(*) {\n        ${iconColor.cssCustomProperty}: currentcolor;\n        width: ${iconSize};\n        height: ${iconSize};\n    }\n\n    ::slotted([role='treeitem']) {\n        --ni-private-tree-item-nested-width: 1em;\n        --ni-private-expand-collapse-button-nested-width: calc(\n            ${iconSize} * -1\n        );\n    }\n\n    [part='end'] {\n        display: none;\n    }\n\n    .items {\n        display: none;\n        ${\n            /*\n             * this controls the nested indentation (by affecting .positioning-region::before)\n             * it must minimally contain arithmetic with an em and a px value\n             * make it larger or shorter by changing the px value\n             */ ''\n        }\n        font-size: calc(1em + (${iconSize} * 2));\n    }\n\n    :host([expanded]) .items {\n        display: block;\n    }\n`.withBehaviors(\n    new DirectionalStyleSheetBehavior(\n        // ltr styles\n        css`\n            .expand-collapse-button {\n                left: var(\n                    --ni-private-expand-collapse-button-nested-width,\n                    calc(${iconSize} * -1)\n                );\n            }\n\n            .expand-collapse-button svg {\n                transform: rotate(90deg);\n            }\n\n            :host([expanded]) .expand-collapse-button svg {\n                transform: rotate(180deg);\n            }\n        `,\n        // rtl styles\n        css`\n            .expand-collapse-button {\n                right: var(\n                    --ni-private-expand-collapse-button-nested-width,\n                    calc(${iconSize} * -1)\n                );\n            }\n\n            .expand-collapse-button svg {\n                transform: rotate(180deg);\n            }\n\n            :host([expanded]) .expand-collapse-button svg {\n                transform: rotate(135deg);\n            }\n        `\n    )\n);\n"]}

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

@@ -1,4 +1,4 @@
-import { TreeView as FoundationTreeView } from '@microsoft/fast-foundation';
+import { TreeView as FoundationTreeView } from '@ni/fast-foundation';
 import { TreeViewSelectionMode } from './types';
 declare global {
     interface HTMLElementTagNameMap {
@@ -7,7 +7,7 @@ declare global {
 }
 /**
  * A function that returns a nimble-tree-view registration for configuring the component with a DesignSystem.
- * Implements {@link @microsoft/fast-foundation#treeViewTemplate}
+ * Implements {@link @ni/fast-foundation#treeViewTemplate}
  *
  *
  * @public

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

@@ -1,13 +1,13 @@
 import { __decorate } from "tslib";
-import { attr, observable } from '@microsoft/fast-element';
-import { TreeView as FoundationTreeView, DesignSystem, isTreeItemElement } from '@microsoft/fast-foundation';
+import { attr, observable } from '@ni/fast-element';
+import { TreeView as FoundationTreeView, DesignSystem, isTreeItemElement } from '@ni/fast-foundation';
 import { TreeItem } from '../tree-item';
 import { styles } from './styles';
 import { template } from './template';
 import { TreeViewSelectionMode } from './types';
 /**
  * A function that returns a nimble-tree-view registration for configuring the component with a DesignSystem.
- * Implements {@link @microsoft/fast-foundation#treeViewTemplate}
+ * Implements {@link @ni/fast-foundation#treeViewTemplate}
  *
  *
  * @public

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tree-view/index.ts"],"names":[],"mappings":"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","sourcesContent":["import { attr, observable } from '@microsoft/fast-element';\nimport {\n    TreeView as FoundationTreeView,\n    DesignSystem,\n    isTreeItemElement\n} from '@microsoft/fast-foundation';\nimport { TreeItem } from '../tree-item';\nimport { styles } from './styles';\nimport { template } from './template';\nimport { TreeViewSelectionMode } from './types';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-tree-view': TreeView;\n    }\n}\n\n/**\n * A function that returns a nimble-tree-view registration for configuring the component with a DesignSystem.\n * Implements {@link @microsoft/fast-foundation#treeViewTemplate}\n *\n *\n * @public\n * @remarks\n * Generates HTML Element: \\<nimble-tree-view\\>\n *\n */\nexport class TreeView extends FoundationTreeView {\n    @attr({ attribute: 'selection-mode' })\n    public selectionMode: TreeViewSelectionMode = TreeViewSelectionMode.all;\n\n    /**\n     * @internal\n     */\n    @observable\n    public selectedItems: Element[] = [];\n\n    public override handleClick(e: Event): boolean {\n        if (e.defaultPrevented) {\n            // handled, do nothing\n            return false;\n        }\n\n        if (!(e.target instanceof Element) || !isTreeItemElement(e.target)) {\n            // not a tree item, ignore\n            return true;\n        }\n\n        const item: TreeItem = e.target as TreeItem;\n        if (item.disabled) {\n            return false;\n        }\n\n        if (this.canSelect(item)) {\n            item.selected = true;\n        } else if (this.itemHasChildren(item)) {\n            item.expanded = !item.expanded;\n        }\n        return true;\n    }\n\n    private canSelect(item: TreeItem): boolean {\n        switch (this.selectionMode) {\n            case TreeViewSelectionMode.all:\n                return true;\n            case TreeViewSelectionMode.none:\n                return false;\n            case TreeViewSelectionMode.leavesOnly:\n                return !this.itemHasChildren(item);\n            default:\n                return true;\n        }\n    }\n\n    private itemHasChildren(item: TreeItem): boolean {\n        const treeItemChild = item.querySelector('[role=\"treeitem\"]');\n        return treeItemChild !== null;\n    }\n\n    private selectedItemsChanged(): void {\n        for (const item of Array.from(this.children)) {\n            if (item instanceof TreeItem) {\n                item.groupSelected = false;\n            }\n        }\n\n        for (let item of this.selectedItems) {\n            while (item.parentElement !== null && item.parentElement !== this) {\n                item = item.parentElement;\n            }\n            if (item instanceof TreeItem) {\n                item.groupSelected = true;\n            }\n        }\n    }\n}\n\nconst nimbleTreeView = TreeView.compose({\n    baseName: 'tree-view',\n    baseClass: FoundationTreeView,\n    template,\n    styles\n});\n\nDesignSystem.getOrCreate().withPrefix('nimble').register(nimbleTreeView());\nexport const treeViewTag = 'nimble-tree-view';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tree-view/index.ts"],"names":[],"mappings":"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","sourcesContent":["import { attr, observable } from '@ni/fast-element';\nimport {\n    TreeView as FoundationTreeView,\n    DesignSystem,\n    isTreeItemElement\n} from '@ni/fast-foundation';\nimport { TreeItem } from '../tree-item';\nimport { styles } from './styles';\nimport { template } from './template';\nimport { TreeViewSelectionMode } from './types';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-tree-view': TreeView;\n    }\n}\n\n/**\n * A function that returns a nimble-tree-view registration for configuring the component with a DesignSystem.\n * Implements {@link @ni/fast-foundation#treeViewTemplate}\n *\n *\n * @public\n * @remarks\n * Generates HTML Element: \\<nimble-tree-view\\>\n *\n */\nexport class TreeView extends FoundationTreeView {\n    @attr({ attribute: 'selection-mode' })\n    public selectionMode: TreeViewSelectionMode = TreeViewSelectionMode.all;\n\n    /**\n     * @internal\n     */\n    @observable\n    public selectedItems: Element[] = [];\n\n    public override handleClick(e: Event): boolean {\n        if (e.defaultPrevented) {\n            // handled, do nothing\n            return false;\n        }\n\n        if (!(e.target instanceof Element) || !isTreeItemElement(e.target)) {\n            // not a tree item, ignore\n            return true;\n        }\n\n        const item: TreeItem = e.target as TreeItem;\n        if (item.disabled) {\n            return false;\n        }\n\n        if (this.canSelect(item)) {\n            item.selected = true;\n        } else if (this.itemHasChildren(item)) {\n            item.expanded = !item.expanded;\n        }\n        return true;\n    }\n\n    private canSelect(item: TreeItem): boolean {\n        switch (this.selectionMode) {\n            case TreeViewSelectionMode.all:\n                return true;\n            case TreeViewSelectionMode.none:\n                return false;\n            case TreeViewSelectionMode.leavesOnly:\n                return !this.itemHasChildren(item);\n            default:\n                return true;\n        }\n    }\n\n    private itemHasChildren(item: TreeItem): boolean {\n        const treeItemChild = item.querySelector('[role=\"treeitem\"]');\n        return treeItemChild !== null;\n    }\n\n    private selectedItemsChanged(): void {\n        for (const item of Array.from(this.children)) {\n            if (item instanceof TreeItem) {\n                item.groupSelected = false;\n            }\n        }\n\n        for (let item of this.selectedItems) {\n            while (item.parentElement !== null && item.parentElement !== this) {\n                item = item.parentElement;\n            }\n            if (item instanceof TreeItem) {\n                item.groupSelected = true;\n            }\n        }\n    }\n}\n\nconst nimbleTreeView = TreeView.compose({\n    baseName: 'tree-view',\n    baseClass: FoundationTreeView,\n    template,\n    styles\n});\n\nDesignSystem.getOrCreate().withPrefix('nimble').register(nimbleTreeView());\nexport const treeViewTag = 'nimble-tree-view';\n"]}

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

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

package/dist/esm/tree-view/styles.js

@@ -1,4 +1,4 @@
-import { css } from '@microsoft/fast-element';
+import { css } from '@ni/fast-element';
 import { display } from '../utilities/style/display';
 import { focusVisible } from '../utilities/style/focus';
 export const styles = css `

package/dist/esm/tree-view/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/tree-view/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAExD,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,MAAM,CAAC;;;;;;;;YAQT,YAAY;;;CAGvB,CAAC","sourcesContent":["import { css } from '@microsoft/fast-element';\nimport { display } from '../utilities/style/display';\nimport { focusVisible } from '../utilities/style/focus';\n\nexport const styles = css`\n    ${display('flex')}\n\n    :host {\n        flex-direction: column;\n        align-items: stretch;\n        min-width: fit-content;\n        font-size: 0;\n    }\n    :host(${focusVisible}) {\n        outline: none;\n    }\n`;\n"]}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/tree-view/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAExD,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,MAAM,CAAC;;;;;;;;YAQT,YAAY;;;CAGvB,CAAC","sourcesContent":["import { css } from '@ni/fast-element';\nimport { display } from '../utilities/style/display';\nimport { focusVisible } from '../utilities/style/focus';\n\nexport const styles = css`\n    ${display('flex')}\n\n    :host {\n        flex-direction: column;\n        align-items: stretch;\n        min-width: fit-content;\n        font-size: 0;\n    }\n    :host(${focusVisible}) {\n        outline: none;\n    }\n`;\n"]}

package/dist/esm/tree-view/template.d.ts

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

package/dist/esm/tree-view/template.js

@@ -1,4 +1,4 @@
-import { children, html, ref, slotted } from '@microsoft/fast-element';
+import { children, html, ref, slotted } from '@ni/fast-element';
 // prettier-ignore
 export const template = html `
     <template

package/dist/esm/tree-view/template.js.map

@@ -1 +1 @@
-{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../src/tree-view/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAGvE,kBAAkB;AAClB,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAU;;;UAG5B,GAAG,CAAC,UAAU,CAAC;UACf,QAAQ,CAAC,EAAE,QAAQ,EAAE,eAAe,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,6BAA6B,EAAE,eAAe,EAAE,CAAC,MAAM,EAAE,UAAU,CAAC,EAAE,CAAC;oBAC5H,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAsB,CAAC;oBACnD,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,KAAmB,CAAC;qBAC7C,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAmB,CAAC;kBAChD,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,KAAmB,CAAC;4BACpC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,KAAK,CAAC;;gBAErD,OAAO,CAAC,kBAAkB,CAAC;;CAE1C,CAAC","sourcesContent":["import { children, html, ref, slotted } from '@microsoft/fast-element';\nimport type { TreeView } from '.';\n\n// prettier-ignore\nexport const template = html<TreeView>`\n    <template\n        role=\"tree\"\n        ${ref('treeView')}\n        ${children({ property: 'selectedItems', subtree: true, selector: '[role=\"treeitem\"][selected]', attributeFilter: ['role', 'selected'] })}\n        @keydown=\"${(x, c) => x.handleKeyDown(c.event as KeyboardEvent)}\"\n        @focusin=\"${(x, c) => x.handleFocus(c.event as FocusEvent)}\"\n        @focusout=\"${(x, c) => x.handleBlur(c.event as FocusEvent)}\"\n        @click=\"${(x, c) => x.handleClick(c.event as MouseEvent)}\"\n        @selected-change=\"${(x, c) => x.handleSelectedChange(c.event)}\"\n    >\n        <slot ${slotted('slottedTreeItems')}></slot>\n    </template>\n`;\n"]}
+{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../src/tree-view/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAGhE,kBAAkB;AAClB,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAU;;;UAG5B,GAAG,CAAC,UAAU,CAAC;UACf,QAAQ,CAAC,EAAE,QAAQ,EAAE,eAAe,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,6BAA6B,EAAE,eAAe,EAAE,CAAC,MAAM,EAAE,UAAU,CAAC,EAAE,CAAC;oBAC5H,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAsB,CAAC;oBACnD,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,KAAmB,CAAC;qBAC7C,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAmB,CAAC;kBAChD,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,KAAmB,CAAC;4BACpC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,KAAK,CAAC;;gBAErD,OAAO,CAAC,kBAAkB,CAAC;;CAE1C,CAAC","sourcesContent":["import { children, html, ref, slotted } from '@ni/fast-element';\nimport type { TreeView } from '.';\n\n// prettier-ignore\nexport const template = html<TreeView>`\n    <template\n        role=\"tree\"\n        ${ref('treeView')}\n        ${children({ property: 'selectedItems', subtree: true, selector: '[role=\"treeitem\"][selected]', attributeFilter: ['role', 'selected'] })}\n        @keydown=\"${(x, c) => x.handleKeyDown(c.event as KeyboardEvent)}\"\n        @focusin=\"${(x, c) => x.handleFocus(c.event as FocusEvent)}\"\n        @focusout=\"${(x, c) => x.handleBlur(c.event as FocusEvent)}\"\n        @click=\"${(x, c) => x.handleClick(c.event as MouseEvent)}\"\n        @selected-change=\"${(x, c) => x.handleSelectedChange(c.event)}\"\n    >\n        <slot ${slotted('slottedTreeItems')}></slot>\n    </template>\n`;\n"]}

package/dist/esm/unit/base/styles.d.ts

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

package/dist/esm/unit/base/styles.js

@@ -1,4 +1,4 @@
-import { css } from '@microsoft/fast-element';
+import { css } from '@ni/fast-element';
 import { display } from '../../utilities/style/display';
 export const styles = css `
     ${display('none')}

package/dist/esm/unit/base/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/unit/base/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AAExD,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,MAAM,CAAC;CACpB,CAAC","sourcesContent":["import { css } from '@microsoft/fast-element';\nimport { display } from '../../utilities/style/display';\n\nexport const styles = css`\n    ${display('none')}\n`;\n"]}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/unit/base/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AAExD,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,MAAM,CAAC;CACpB,CAAC","sourcesContent":["import { css } from '@ni/fast-element';\nimport { display } from '../../utilities/style/display';\n\nexport const styles = css`\n    ${display('none')}\n`;\n"]}

package/dist/esm/unit/base/template.d.ts

@@ -1 +1 @@
-export declare const template: import("@microsoft/fast-element").ViewTemplate<any, any>;
+export declare const template: import("@ni/fast-element").ViewTemplate<any, any>;

package/dist/esm/unit/base/template.js

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

package/dist/esm/unit/base/template.js.map

@@ -1 +1 @@
-{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../../src/unit/base/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAE/C,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAA,mCAAmC,CAAC","sourcesContent":["import { html } from '@microsoft/fast-element';\n\nexport const template = html`<template slot=\"unit\"></template>`;\n"]}
+{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../../src/unit/base/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAA,mCAAmC,CAAC","sourcesContent":["import { html } from '@ni/fast-element';\n\nexport const template = html`<template slot=\"unit\"></template>`;\n"]}

package/dist/esm/unit/base/unit.d.ts

@@ -1,4 +1,4 @@
-import { FoundationElement } from '@microsoft/fast-foundation';
+import { FoundationElement } from '@ni/fast-foundation';
 import type { UnitScale } from '../../utilities/unit-format/unit-scale/unit-scale';
 /**
  * The base class for an element that provides a unit scale for scaled unit conversions

package/dist/esm/unit/base/unit.js

@@ -1,6 +1,6 @@
 import { __decorate } from "tslib";
-import { observable } from '@microsoft/fast-element';
-import { FoundationElement } from '@microsoft/fast-foundation';
+import { observable } from '@ni/fast-element';
+import { FoundationElement } from '@ni/fast-foundation';
 /**
  * The base class for an element that provides a unit scale for scaled unit conversions
  */

package/dist/esm/unit/base/unit.js.map

@@ -1 +1 @@
-{"version":3,"file":"unit.js","sourceRoot":"","sources":["../../../../src/unit/base/unit.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAG/D;;GAEG;AACH,MAAM,OAAgB,IAAK,SAAQ,iBAAiB;CAInD;AADU;IADN,UAAU;+CAC0B","sourcesContent":["import { observable } from '@microsoft/fast-element';\nimport { FoundationElement } from '@microsoft/fast-foundation';\nimport type { UnitScale } from '../../utilities/unit-format/unit-scale/unit-scale';\n\n/**\n * The base class for an element that provides a unit scale for scaled unit conversions\n */\nexport abstract class Unit extends FoundationElement {\n    /** @internal */\n    @observable\n    public resolvedUnitScale?: UnitScale;\n}\n"]}
+{"version":3,"file":"unit.js","sourceRoot":"","sources":["../../../../src/unit/base/unit.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAGxD;;GAEG;AACH,MAAM,OAAgB,IAAK,SAAQ,iBAAiB;CAInD;AADU;IADN,UAAU;+CAC0B","sourcesContent":["import { observable } from '@ni/fast-element';\nimport { FoundationElement } from '@ni/fast-foundation';\nimport type { UnitScale } from '../../utilities/unit-format/unit-scale/unit-scale';\n\n/**\n * The base class for an element that provides a unit scale for scaled unit conversions\n */\nexport abstract class Unit extends FoundationElement {\n    /** @internal */\n    @observable\n    public resolvedUnitScale?: UnitScale;\n}\n"]}

package/dist/esm/unit/byte/index.js

@@ -1,6 +1,6 @@
 import { __decorate } from "tslib";
-import { attr } from '@microsoft/fast-element';
-import { DesignSystem } from '@microsoft/fast-foundation';
+import { attr } from '@ni/fast-element';
+import { DesignSystem } from '@ni/fast-foundation';
 import { template } from '../base/template';
 import { byte1024UnitScale } from '../../utilities/unit-format/unit-scale/byte-1024-unit-scale';
 import { byteUnitScale } from '../../utilities/unit-format/unit-scale/byte-unit-scale';

package/dist/esm/unit/byte/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/unit/byte/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,6DAA6D,CAAC;AAChG,OAAO,EAAE,aAAa,EAAE,MAAM,wDAAwD,CAAC;AACvF,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAQxC;;GAEG;AACH,MAAM,OAAO,QAAS,SAAQ,IAAI;IAQ9B;QACI,KAAK,EAAE,CAAC;QARZ;;;WAGG;QAEI,WAAM,GAAG,KAAK,CAAC;QAIlB,IAAI,CAAC,iBAAiB,GAAG,aAAa,CAAC;IAC3C,CAAC;IAEO,aAAa;QACjB,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,MAAM;YAChC,CAAC,CAAC,iBAAiB;YACnB,CAAC,CAAC,aAAa,CAAC;IACxB,CAAC;CACJ;AAZU;IADN,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;wCACJ;AAc1B,MAAM,cAAc,GAAG,QAAQ,CAAC,OAAO,CAAC;IACpC,QAAQ,EAAE,WAAW;IACrB,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,cAAc,EAAE,CAAC,CAAC;AAC3E,MAAM,CAAC,MAAM,WAAW,GAAG,kBAAkB,CAAC","sourcesContent":["import { attr } from '@microsoft/fast-element';\nimport { DesignSystem } from '@microsoft/fast-foundation';\nimport { template } from '../base/template';\nimport { byte1024UnitScale } from '../../utilities/unit-format/unit-scale/byte-1024-unit-scale';\nimport { byteUnitScale } from '../../utilities/unit-format/unit-scale/byte-unit-scale';\nimport { Unit } from '../base/unit';\nimport { styles } from '../base/styles';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-unit-byte': UnitByte;\n    }\n}\n\n/**\n * Element that provides a unit scale for conversion of bytes\n */\nexport class UnitByte extends Unit {\n    /**\n     * Use binary (base 1024 scale with binary prefixes) instead of\n     * the default of decimal (base 1000 scale with metric prefixes)\n     */\n    @attr({ mode: 'boolean' })\n    public binary = false;\n\n    public constructor() {\n        super();\n        this.resolvedUnitScale = byteUnitScale;\n    }\n\n    private binaryChanged(): void {\n        this.resolvedUnitScale = this.binary\n            ? byte1024UnitScale\n            : byteUnitScale;\n    }\n}\n\nconst nimbleUnitByte = UnitByte.compose({\n    baseName: 'unit-byte',\n    template,\n    styles\n});\n\nDesignSystem.getOrCreate().withPrefix('nimble').register(nimbleUnitByte());\nexport const unitByteTag = 'nimble-unit-byte';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/unit/byte/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,6DAA6D,CAAC;AAChG,OAAO,EAAE,aAAa,EAAE,MAAM,wDAAwD,CAAC;AACvF,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAQxC;;GAEG;AACH,MAAM,OAAO,QAAS,SAAQ,IAAI;IAQ9B;QACI,KAAK,EAAE,CAAC;QARZ;;;WAGG;QAEI,WAAM,GAAG,KAAK,CAAC;QAIlB,IAAI,CAAC,iBAAiB,GAAG,aAAa,CAAC;IAC3C,CAAC;IAEO,aAAa;QACjB,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,MAAM;YAChC,CAAC,CAAC,iBAAiB;YACnB,CAAC,CAAC,aAAa,CAAC;IACxB,CAAC;CACJ;AAZU;IADN,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;wCACJ;AAc1B,MAAM,cAAc,GAAG,QAAQ,CAAC,OAAO,CAAC;IACpC,QAAQ,EAAE,WAAW;IACrB,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,cAAc,EAAE,CAAC,CAAC;AAC3E,MAAM,CAAC,MAAM,WAAW,GAAG,kBAAkB,CAAC","sourcesContent":["import { attr } from '@ni/fast-element';\nimport { DesignSystem } from '@ni/fast-foundation';\nimport { template } from '../base/template';\nimport { byte1024UnitScale } from '../../utilities/unit-format/unit-scale/byte-1024-unit-scale';\nimport { byteUnitScale } from '../../utilities/unit-format/unit-scale/byte-unit-scale';\nimport { Unit } from '../base/unit';\nimport { styles } from '../base/styles';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-unit-byte': UnitByte;\n    }\n}\n\n/**\n * Element that provides a unit scale for conversion of bytes\n */\nexport class UnitByte extends Unit {\n    /**\n     * Use binary (base 1024 scale with binary prefixes) instead of\n     * the default of decimal (base 1000 scale with metric prefixes)\n     */\n    @attr({ mode: 'boolean' })\n    public binary = false;\n\n    public constructor() {\n        super();\n        this.resolvedUnitScale = byteUnitScale;\n    }\n\n    private binaryChanged(): void {\n        this.resolvedUnitScale = this.binary\n            ? byte1024UnitScale\n            : byteUnitScale;\n    }\n}\n\nconst nimbleUnitByte = UnitByte.compose({\n    baseName: 'unit-byte',\n    template,\n    styles\n});\n\nDesignSystem.getOrCreate().withPrefix('nimble').register(nimbleUnitByte());\nexport const unitByteTag = 'nimble-unit-byte';\n"]}

package/dist/esm/unit/celsius/index.js

@@ -1,4 +1,4 @@
-import { DesignSystem } from '@microsoft/fast-foundation';
+import { DesignSystem } from '@ni/fast-foundation';
 import { template } from '../base/template';
 import { Unit } from '../base/unit';
 import { celsiusUnitScale } from '../../utilities/unit-format/unit-scale/celsius-unit-scale';

package/dist/esm/unit/celsius/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/unit/celsius/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,2DAA2D,CAAC;AAC7F,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAQxC;;GAEG;AACH,MAAM,OAAO,WAAY,SAAQ,IAAI;IACjC;QACI,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,iBAAiB,GAAG,gBAAgB,CAAC;IAC9C,CAAC;CACJ;AAED,MAAM,iBAAiB,GAAG,WAAW,CAAC,OAAO,CAAC;IAC1C,QAAQ,EAAE,cAAc;IACxB,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,iBAAiB,EAAE,CAAC,CAAC;AAC9E,MAAM,CAAC,MAAM,cAAc,GAAG,qBAAqB,CAAC","sourcesContent":["import { DesignSystem } from '@microsoft/fast-foundation';\nimport { template } from '../base/template';\nimport { Unit } from '../base/unit';\nimport { celsiusUnitScale } from '../../utilities/unit-format/unit-scale/celsius-unit-scale';\nimport { styles } from '../base/styles';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-unit-celsius': UnitCelsius;\n    }\n}\n\n/**\n * Element representing degrees Celsius unit\n */\nexport class UnitCelsius extends Unit {\n    public constructor() {\n        super();\n        this.resolvedUnitScale = celsiusUnitScale;\n    }\n}\n\nconst nimbleUnitCelsius = UnitCelsius.compose({\n    baseName: 'unit-celsius',\n    template,\n    styles\n});\n\nDesignSystem.getOrCreate().withPrefix('nimble').register(nimbleUnitCelsius());\nexport const unitCelsiusTag = 'nimble-unit-celsius';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/unit/celsius/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,2DAA2D,CAAC;AAC7F,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAQxC;;GAEG;AACH,MAAM,OAAO,WAAY,SAAQ,IAAI;IACjC;QACI,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,iBAAiB,GAAG,gBAAgB,CAAC;IAC9C,CAAC;CACJ;AAED,MAAM,iBAAiB,GAAG,WAAW,CAAC,OAAO,CAAC;IAC1C,QAAQ,EAAE,cAAc;IACxB,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,iBAAiB,EAAE,CAAC,CAAC;AAC9E,MAAM,CAAC,MAAM,cAAc,GAAG,qBAAqB,CAAC","sourcesContent":["import { DesignSystem } from '@ni/fast-foundation';\nimport { template } from '../base/template';\nimport { Unit } from '../base/unit';\nimport { celsiusUnitScale } from '../../utilities/unit-format/unit-scale/celsius-unit-scale';\nimport { styles } from '../base/styles';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-unit-celsius': UnitCelsius;\n    }\n}\n\n/**\n * Element representing degrees Celsius unit\n */\nexport class UnitCelsius extends Unit {\n    public constructor() {\n        super();\n        this.resolvedUnitScale = celsiusUnitScale;\n    }\n}\n\nconst nimbleUnitCelsius = UnitCelsius.compose({\n    baseName: 'unit-celsius',\n    template,\n    styles\n});\n\nDesignSystem.getOrCreate().withPrefix('nimble').register(nimbleUnitCelsius());\nexport const unitCelsiusTag = 'nimble-unit-celsius';\n"]}

package/dist/esm/unit/fahrenheit/index.js

@@ -1,4 +1,4 @@
-import { DesignSystem } from '@microsoft/fast-foundation';
+import { DesignSystem } from '@ni/fast-foundation';
 import { template } from '../base/template';
 import { Unit } from '../base/unit';
 import { fahrenheitUnitScale } from '../../utilities/unit-format/unit-scale/fahrenheit-unit-scale';