@ni/nimble-components 32.13.0 → 33.0.1

package/dist/esm/select/testing/select.pageobject.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.pageobject.js","sourceRoot":"","sources":["../../../../src/select/testing/select.pageobject.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n    keyEnter,\n    keyEscape,\n    keyArrowDown,\n    keyArrowUp,\n    keySpace,\n    keyTab\n} from '@microsoft/fast-web-utilities';\nimport type { Select } from '..';\nimport { listOptionTag, type ListOption } from '../../list-option';\nimport {\n    processUpdates,\n    waitForUpdatesAsync\n} from '../../testing/async-helpers';\nimport { FilterMode } from '../types';\nimport type { Button } from '../../button';\nimport type { ListOptionGroup } from '../../list-option-group';\n\n/**\n * Page object for the `nimble-select` component to provide consistent ways\n * of querying and interacting with the component during tests.\n */\nexport class SelectPageObject {\n    public constructor(protected readonly selectElement: Select) {}\n\n    public async openAndSetFilterText(filterText: string): Promise<void> {\n        if (this.selectElement.filterMode === FilterMode.none) {\n            throw new Error(\n                'Can not set filter text with filterMode set to \"none\".'\n            );\n        }\n        this.clickSelect();\n        const filterInput = this.getFilterInput();\n        if (filterInput) {\n            filterInput.value = filterText;\n        }\n\n        await waitForUpdatesAsync();\n        const inputEvent = new InputEvent('input');\n        filterInput?.dispatchEvent(inputEvent);\n        await waitForUpdatesAsync();\n    }\n\n    public async closeDropdown(): Promise<void> {\n        this.selectElement.open = false;\n        await waitForUpdatesAsync();\n    }\n\n    public async setOptions(options: ListOption[]): Promise<void> {\n        options.forEach(option => {\n            option.setAttribute('role', 'option');\n        });\n        this.selectElement.slottedOptions = options;\n        await waitForUpdatesAsync();\n    }\n\n    public getFilteredOptions(): ListOption[] {\n        return this.selectElement.filteredOptions as ListOption[];\n    }\n\n    public getSelectedOption(): ListOption | null {\n        return (this.selectElement.selectedOptions[0] as ListOption) ?? null;\n    }\n\n    public getActiveOption(): ListOption | null {\n        return (\n            (this.selectElement.options.find(\n                o => (o as ListOption).activeOption\n            ) as ListOption) ?? null\n        );\n    }\n\n    public getDisplayText(): string {\n        const displayText = this.selectElement.shadowRoot?.querySelector('.selected-value')\n            ?.textContent ?? '';\n        return displayText.trim();\n    }\n\n    public getGroupLabels(): string[] {\n        return Array.from(\n            this.selectElement.querySelectorAll<ListOptionGroup>(\n                '[role=\"group\"]'\n            ) ?? []\n        ).map(group => group.labelContent);\n    }\n\n    public getGroupOptionLabelsByIndex(groupIndex: number): string[] {\n        const group = Array.from(\n            this.selectElement.querySelectorAll<ListOptionGroup>(\n                '[role=\"group\"]'\n            ) ?? []\n        )[groupIndex];\n        return Array.from(\n            group?.querySelectorAll<ListOption>('[role=\"option\"]') ?? []\n        ).map(option => option.textContent?.trim() ?? '');\n    }\n\n    public getGroupOptionLabelsByLabel(groupLabel: string): string[] {\n        const group = Array.from(\n            this.selectElement.querySelectorAll<ListOptionGroup>(\n                '[role=\"group\"]'\n            ) ?? []\n        ).find(g => g.labelContent === groupLabel);\n        return Array.from(\n            group?.querySelectorAll<ListOption>('[role=\"option\"]') ?? []\n        ).map(option => option.textContent?.trim() ?? '');\n    }\n\n    /**\n     * Gets the label text of the element\n     * @returns The current slotted label text, if any\n     */\n    public getLabelText(): string {\n        return this.selectElement.labelContent;\n    }\n\n    /**\n     * Either opens or closes the dropdown depending on its current state\n     */\n    public clickSelect(): void {\n        this.selectElement.click();\n    }\n\n    public clickActiveItem(): void {\n        if (!this.selectElement.open) {\n            throw new Error('Select must be open to click selectedItem');\n        }\n\n        const selectedOption = this.getActiveOption();\n        if (!selectedOption) {\n            throw new Error('No option is selected to click');\n        }\n        const visibleOptions = this.getVisibleOptions();\n        this.clickOption(visibleOptions.indexOf(selectedOption));\n    }\n\n    public async clickFilterInput(): Promise<void> {\n        if (!this.selectElement.filterInput) {\n            throw new Error('Filter input is not available.');\n        }\n        this.selectElement.filterInput.click();\n        await waitForUpdatesAsync();\n    }\n\n    /**\n     * Selects an option using an index value into the list of visible options.\n     * Options that have the `hidden` or `visuallyHidden` attribute set to true\n     * are not considered visible.\n     * @param index The index of the option in the visible set to be selected\n     * @remarks Prefer clickOptionWithDisplayText where possible. This method is\n     * useful when the display text is not unique and the index is known.\n     */\n    public clickOption(index: number): void {\n        const visibleOptions = this.getVisibleOptions();\n        if (index >= visibleOptions.length) {\n            throw new Error(\n                '\"index\" greater than number of current displayed options'\n            );\n        }\n\n        const option = visibleOptions[index]!;\n        option.scrollIntoView();\n        option.click();\n    }\n\n    /**\n     * Click the option with the text provided by the 'displayText' parameter.\n     * @param value The text of the option to be selected\n     * @remarks This method is useful when the display text is unique. If the\n     * display text is not unique, the first option with the matching text will\n     * be selected.\n     */\n    public clickOptionWithDisplayText(displayText: string): void {\n        if (!this.selectElement.open) {\n            this.clickSelect();\n        }\n        const optionIndex = this.getVisibleOptions().findIndex(\n            o => o.text === displayText\n        );\n        if (optionIndex === -1) {\n            throw new Error(`No option with \"text\" of ${displayText}`);\n        }\n\n        this.clickOption(optionIndex);\n    }\n\n    public clickClearButton(): void {\n        if (!this.selectElement.clearable) {\n            throw new Error(\n                'Select must set \"clearable\" in order to click clear button'\n            );\n        }\n\n        if (\n            this.selectElement.selectedIndex === -1\n            || this.selectElement.displayPlaceholder\n        ) {\n            throw new Error(\n                'Select must have a selected element in order to click clear button'\n            );\n        }\n\n        const clearButton = this.getClearButton();\n        clearButton?.click();\n        processUpdates();\n    }\n\n    public async clickAway(): Promise<void> {\n        this.selectElement.dispatchEvent(new Event('focusout'));\n        await waitForUpdatesAsync();\n    }\n\n    public pressEnterKey(): void {\n        this.selectElement.dispatchEvent(\n            new KeyboardEvent('keydown', { key: keyEnter })\n        );\n    }\n\n    public pressEscapeKey(): void {\n        this.selectElement.dispatchEvent(\n            new KeyboardEvent('keydown', { key: keyEscape })\n        );\n    }\n\n    public pressTabKey(): void {\n        this.selectElement.dispatchEvent(\n            new KeyboardEvent('keydown', { key: keyTab })\n        );\n        this.selectElement.dispatchEvent(new FocusEvent('focusout'));\n    }\n\n    public pressArrowDownKey(): void {\n        this.selectElement.dispatchEvent(\n            new KeyboardEvent('keydown', { key: keyArrowDown })\n        );\n    }\n\n    public pressArrowUpKey(): void {\n        this.selectElement.dispatchEvent(\n            new KeyboardEvent('keydown', { key: keyArrowUp })\n        );\n    }\n\n    public pressCharacterKey(character: string): void {\n        if (character.length !== 1) {\n            throw new Error(\n                'character parameter must contain only a single character'\n            );\n        }\n\n        if (\n            this.selectElement.open\n            && this.selectElement.filterMode !== FilterMode.none\n        ) {\n            const filterInput = this.selectElement.filterInput!;\n            filterInput.value += character;\n        }\n        const inputElement = this.selectElement.open\n            && this.selectElement.filterMode !== FilterMode.none\n            ? this.selectElement.filterInput\n            : this.selectElement;\n        inputElement!.dispatchEvent(new InputEvent('input'));\n        this.selectElement.dispatchEvent(\n            new KeyboardEvent('keydown', { key: character })\n        );\n    }\n\n    public async pressSpaceKey(): Promise<void> {\n        const alreadyOpen = this.selectElement.open;\n        this.selectElement.dispatchEvent(\n            new KeyboardEvent('keydown', { key: keySpace, bubbles: true })\n        );\n        await waitForUpdatesAsync();\n        if (\n            this.selectElement.filterMode === FilterMode.standard\n            && alreadyOpen\n        ) {\n            // add space to end of current filter\n            const filterValue = `${\n                this.selectElement.filterInput?.value ?? ''\n            } `;\n            if (this.selectElement.filterInput) {\n                this.selectElement.filterInput.value = filterValue;\n            }\n            this.selectElement.filterInput?.dispatchEvent(\n                new InputEvent('input', { inputType: 'insertText' })\n            );\n        }\n        await waitForUpdatesAsync();\n    }\n\n    /**\n     * This method will set the filter input value to the provided text, which\n     * will result in the synchronous dispatch of the 'filter-input' event. The\n     * dropdown must be open for this method to work.\n     * @param filterText\n     */\n    public setFilter(filterText: string): void {\n        if (this.selectElement.filterMode === FilterMode.none) {\n            throw new Error(\n                'Select has filterMode of \"none\" so there is no filter input'\n            );\n        }\n\n        if (!this.selectElement.open) {\n            throw new Error('Select must be open to set filter text');\n        }\n\n        const filterInput = this.getFilterInput();\n        filterInput!.value = filterText;\n        const inputEvent = new InputEvent('input');\n        filterInput?.dispatchEvent(inputEvent);\n    }\n\n    /**\n     * This method will clear any present filter text, which will result in the\n     * synchronous dispatch of the 'filter-input' event. The dropdown must be\n     * open for this method to work.\n     */\n    public clearFilter(): void {\n        if (this.selectElement.filterMode === FilterMode.none) {\n            throw new Error(\n                'Select has filterMode of \"none\" so there is no filter input'\n            );\n        }\n        const filterInput = this.getFilterInput();\n        filterInput!.value = '';\n        filterInput?.dispatchEvent(\n            new InputEvent('input', { inputType: 'deleteContentBackward' })\n        );\n    }\n\n    public isDropdownVisible(): boolean {\n        return (\n            this.selectElement.shadowRoot?.querySelector('.listbox') !== null\n        );\n    }\n\n    public isClearButtonVisible(): boolean {\n        return this.getClearButton() != null;\n    }\n\n    public isFilterInputVisible(): boolean {\n        return (\n            this.selectElement.shadowRoot?.querySelector('.filter-field')\n            !== null\n        );\n    }\n\n    public isOptionVisible(index: number): boolean {\n        if (index >= this.selectElement.options.length) {\n            throw new Error('Indexing past number of options');\n        }\n        const option = this.selectElement.options[index]!;\n        const optionRects = option.getClientRects();\n        return optionRects.length > 0 && optionRects[0]!.height !== 0;\n    }\n\n    public isNoResultsLabelVisible(): boolean {\n        return (\n            this.selectElement.shadowRoot?.querySelector(\n                '.no-results-label'\n            ) !== null\n        );\n    }\n\n    public isLoadingVisualVisible(): boolean {\n        return (\n            this.selectElement.shadowRoot?.querySelector(\n                '.loading-container'\n            ) !== null\n        );\n    }\n\n    public getFilterInputText(): string {\n        return this.selectElement.filterInput?.value ?? '';\n    }\n\n    private getVisibleOptions(): ListOption[] {\n        const options = Array.from(\n            this.selectElement.querySelectorAll(listOptionTag)\n        );\n        return options.filter(o => !(o.hidden || o.visuallyHidden));\n    }\n\n    private getFilterInput(): HTMLInputElement | null | undefined {\n        if (this.selectElement.filterMode === FilterMode.none) {\n            throw new Error(\n                'Select has filterMode of \"none\" so there is no filter input'\n            );\n        }\n        return this.selectElement.filterInput;\n    }\n\n    private getClearButton(): Button | null | undefined {\n        return this.selectElement.shadowRoot?.querySelector<Button>(\n            '.clear-button'\n        );\n    }\n}\n"]}
+{"version":3,"file":"select.pageobject.js","sourceRoot":"","sources":["../../../../src/select/testing/select.pageobject.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n    keyEnter,\n    keyEscape,\n    keyArrowDown,\n    keyArrowUp,\n    keySpace,\n    keyTab\n} from '@ni/fast-web-utilities';\nimport type { Select } from '..';\nimport { listOptionTag, type ListOption } from '../../list-option';\nimport {\n    processUpdates,\n    waitForUpdatesAsync\n} from '../../testing/async-helpers';\nimport { FilterMode } from '../types';\nimport type { Button } from '../../button';\nimport type { ListOptionGroup } from '../../list-option-group';\n\n/**\n * Page object for the `nimble-select` component to provide consistent ways\n * of querying and interacting with the component during tests.\n */\nexport class SelectPageObject {\n    public constructor(protected readonly selectElement: Select) {}\n\n    public async openAndSetFilterText(filterText: string): Promise<void> {\n        if (this.selectElement.filterMode === FilterMode.none) {\n            throw new Error(\n                'Can not set filter text with filterMode set to \"none\".'\n            );\n        }\n        this.clickSelect();\n        const filterInput = this.getFilterInput();\n        if (filterInput) {\n            filterInput.value = filterText;\n        }\n\n        await waitForUpdatesAsync();\n        const inputEvent = new InputEvent('input');\n        filterInput?.dispatchEvent(inputEvent);\n        await waitForUpdatesAsync();\n    }\n\n    public async closeDropdown(): Promise<void> {\n        this.selectElement.open = false;\n        await waitForUpdatesAsync();\n    }\n\n    public async setOptions(options: ListOption[]): Promise<void> {\n        options.forEach(option => {\n            option.setAttribute('role', 'option');\n        });\n        this.selectElement.slottedOptions = options;\n        await waitForUpdatesAsync();\n    }\n\n    public getFilteredOptions(): ListOption[] {\n        return this.selectElement.filteredOptions as ListOption[];\n    }\n\n    public getSelectedOption(): ListOption | null {\n        return (this.selectElement.selectedOptions[0] as ListOption) ?? null;\n    }\n\n    public getActiveOption(): ListOption | null {\n        return (\n            (this.selectElement.options.find(\n                o => (o as ListOption).activeOption\n            ) as ListOption) ?? null\n        );\n    }\n\n    public getDisplayText(): string {\n        const displayText = this.selectElement.shadowRoot?.querySelector('.selected-value')\n            ?.textContent ?? '';\n        return displayText.trim();\n    }\n\n    public getGroupLabels(): string[] {\n        return Array.from(\n            this.selectElement.querySelectorAll<ListOptionGroup>(\n                '[role=\"group\"]'\n            ) ?? []\n        ).map(group => group.labelContent);\n    }\n\n    public getGroupOptionLabelsByIndex(groupIndex: number): string[] {\n        const group = Array.from(\n            this.selectElement.querySelectorAll<ListOptionGroup>(\n                '[role=\"group\"]'\n            ) ?? []\n        )[groupIndex];\n        return Array.from(\n            group?.querySelectorAll<ListOption>('[role=\"option\"]') ?? []\n        ).map(option => option.textContent?.trim() ?? '');\n    }\n\n    public getGroupOptionLabelsByLabel(groupLabel: string): string[] {\n        const group = Array.from(\n            this.selectElement.querySelectorAll<ListOptionGroup>(\n                '[role=\"group\"]'\n            ) ?? []\n        ).find(g => g.labelContent === groupLabel);\n        return Array.from(\n            group?.querySelectorAll<ListOption>('[role=\"option\"]') ?? []\n        ).map(option => option.textContent?.trim() ?? '');\n    }\n\n    /**\n     * Gets the label text of the element\n     * @returns The current slotted label text, if any\n     */\n    public getLabelText(): string {\n        return this.selectElement.labelContent;\n    }\n\n    /**\n     * Either opens or closes the dropdown depending on its current state\n     */\n    public clickSelect(): void {\n        this.selectElement.click();\n    }\n\n    public clickActiveItem(): void {\n        if (!this.selectElement.open) {\n            throw new Error('Select must be open to click selectedItem');\n        }\n\n        const selectedOption = this.getActiveOption();\n        if (!selectedOption) {\n            throw new Error('No option is selected to click');\n        }\n        const visibleOptions = this.getVisibleOptions();\n        this.clickOption(visibleOptions.indexOf(selectedOption));\n    }\n\n    public async clickFilterInput(): Promise<void> {\n        if (!this.selectElement.filterInput) {\n            throw new Error('Filter input is not available.');\n        }\n        this.selectElement.filterInput.click();\n        await waitForUpdatesAsync();\n    }\n\n    /**\n     * Selects an option using an index value into the list of visible options.\n     * Options that have the `hidden` or `visuallyHidden` attribute set to true\n     * are not considered visible.\n     * @param index The index of the option in the visible set to be selected\n     * @remarks Prefer clickOptionWithDisplayText where possible. This method is\n     * useful when the display text is not unique and the index is known.\n     */\n    public clickOption(index: number): void {\n        const visibleOptions = this.getVisibleOptions();\n        if (index >= visibleOptions.length) {\n            throw new Error(\n                '\"index\" greater than number of current displayed options'\n            );\n        }\n\n        const option = visibleOptions[index]!;\n        option.scrollIntoView();\n        option.click();\n    }\n\n    /**\n     * Click the option with the text provided by the 'displayText' parameter.\n     * @param value The text of the option to be selected\n     * @remarks This method is useful when the display text is unique. If the\n     * display text is not unique, the first option with the matching text will\n     * be selected.\n     */\n    public clickOptionWithDisplayText(displayText: string): void {\n        if (!this.selectElement.open) {\n            this.clickSelect();\n        }\n        const optionIndex = this.getVisibleOptions().findIndex(\n            o => o.text === displayText\n        );\n        if (optionIndex === -1) {\n            throw new Error(`No option with \"text\" of ${displayText}`);\n        }\n\n        this.clickOption(optionIndex);\n    }\n\n    public clickClearButton(): void {\n        if (!this.selectElement.clearable) {\n            throw new Error(\n                'Select must set \"clearable\" in order to click clear button'\n            );\n        }\n\n        if (\n            this.selectElement.selectedIndex === -1\n            || this.selectElement.displayPlaceholder\n        ) {\n            throw new Error(\n                'Select must have a selected element in order to click clear button'\n            );\n        }\n\n        const clearButton = this.getClearButton();\n        clearButton?.click();\n        processUpdates();\n    }\n\n    public async clickAway(): Promise<void> {\n        this.selectElement.dispatchEvent(new Event('focusout'));\n        await waitForUpdatesAsync();\n    }\n\n    public pressEnterKey(): void {\n        this.selectElement.dispatchEvent(\n            new KeyboardEvent('keydown', { key: keyEnter })\n        );\n    }\n\n    public pressEscapeKey(): void {\n        this.selectElement.dispatchEvent(\n            new KeyboardEvent('keydown', { key: keyEscape })\n        );\n    }\n\n    public pressTabKey(): void {\n        this.selectElement.dispatchEvent(\n            new KeyboardEvent('keydown', { key: keyTab })\n        );\n        this.selectElement.dispatchEvent(new FocusEvent('focusout'));\n    }\n\n    public pressArrowDownKey(): void {\n        this.selectElement.dispatchEvent(\n            new KeyboardEvent('keydown', { key: keyArrowDown })\n        );\n    }\n\n    public pressArrowUpKey(): void {\n        this.selectElement.dispatchEvent(\n            new KeyboardEvent('keydown', { key: keyArrowUp })\n        );\n    }\n\n    public pressCharacterKey(character: string): void {\n        if (character.length !== 1) {\n            throw new Error(\n                'character parameter must contain only a single character'\n            );\n        }\n\n        if (\n            this.selectElement.open\n            && this.selectElement.filterMode !== FilterMode.none\n        ) {\n            const filterInput = this.selectElement.filterInput!;\n            filterInput.value += character;\n        }\n        const inputElement = this.selectElement.open\n            && this.selectElement.filterMode !== FilterMode.none\n            ? this.selectElement.filterInput\n            : this.selectElement;\n        inputElement!.dispatchEvent(new InputEvent('input'));\n        this.selectElement.dispatchEvent(\n            new KeyboardEvent('keydown', { key: character })\n        );\n    }\n\n    public async pressSpaceKey(): Promise<void> {\n        const alreadyOpen = this.selectElement.open;\n        this.selectElement.dispatchEvent(\n            new KeyboardEvent('keydown', { key: keySpace, bubbles: true })\n        );\n        await waitForUpdatesAsync();\n        if (\n            this.selectElement.filterMode === FilterMode.standard\n            && alreadyOpen\n        ) {\n            // add space to end of current filter\n            const filterValue = `${\n                this.selectElement.filterInput?.value ?? ''\n            } `;\n            if (this.selectElement.filterInput) {\n                this.selectElement.filterInput.value = filterValue;\n            }\n            this.selectElement.filterInput?.dispatchEvent(\n                new InputEvent('input', { inputType: 'insertText' })\n            );\n        }\n        await waitForUpdatesAsync();\n    }\n\n    /**\n     * This method will set the filter input value to the provided text, which\n     * will result in the synchronous dispatch of the 'filter-input' event. The\n     * dropdown must be open for this method to work.\n     * @param filterText\n     */\n    public setFilter(filterText: string): void {\n        if (this.selectElement.filterMode === FilterMode.none) {\n            throw new Error(\n                'Select has filterMode of \"none\" so there is no filter input'\n            );\n        }\n\n        if (!this.selectElement.open) {\n            throw new Error('Select must be open to set filter text');\n        }\n\n        const filterInput = this.getFilterInput();\n        filterInput!.value = filterText;\n        const inputEvent = new InputEvent('input');\n        filterInput?.dispatchEvent(inputEvent);\n    }\n\n    /**\n     * This method will clear any present filter text, which will result in the\n     * synchronous dispatch of the 'filter-input' event. The dropdown must be\n     * open for this method to work.\n     */\n    public clearFilter(): void {\n        if (this.selectElement.filterMode === FilterMode.none) {\n            throw new Error(\n                'Select has filterMode of \"none\" so there is no filter input'\n            );\n        }\n        const filterInput = this.getFilterInput();\n        filterInput!.value = '';\n        filterInput?.dispatchEvent(\n            new InputEvent('input', { inputType: 'deleteContentBackward' })\n        );\n    }\n\n    public isDropdownVisible(): boolean {\n        return (\n            this.selectElement.shadowRoot?.querySelector('.listbox') !== null\n        );\n    }\n\n    public isClearButtonVisible(): boolean {\n        return this.getClearButton() != null;\n    }\n\n    public isFilterInputVisible(): boolean {\n        return (\n            this.selectElement.shadowRoot?.querySelector('.filter-field')\n            !== null\n        );\n    }\n\n    public isOptionVisible(index: number): boolean {\n        if (index >= this.selectElement.options.length) {\n            throw new Error('Indexing past number of options');\n        }\n        const option = this.selectElement.options[index]!;\n        const optionRects = option.getClientRects();\n        return optionRects.length > 0 && optionRects[0]!.height !== 0;\n    }\n\n    public isNoResultsLabelVisible(): boolean {\n        return (\n            this.selectElement.shadowRoot?.querySelector(\n                '.no-results-label'\n            ) !== null\n        );\n    }\n\n    public isLoadingVisualVisible(): boolean {\n        return (\n            this.selectElement.shadowRoot?.querySelector(\n                '.loading-container'\n            ) !== null\n        );\n    }\n\n    public getFilterInputText(): string {\n        return this.selectElement.filterInput?.value ?? '';\n    }\n\n    private getVisibleOptions(): ListOption[] {\n        const options = Array.from(\n            this.selectElement.querySelectorAll(listOptionTag)\n        );\n        return options.filter(o => !(o.hidden || o.visuallyHidden));\n    }\n\n    private getFilterInput(): HTMLInputElement | null | undefined {\n        if (this.selectElement.filterMode === FilterMode.none) {\n            throw new Error(\n                'Select has filterMode of \"none\" so there is no filter input'\n            );\n        }\n        return this.selectElement.filterInput;\n    }\n\n    private getClearButton(): Button | null | undefined {\n        return this.selectElement.shadowRoot?.querySelector<Button>(\n            '.clear-button'\n        );\n    }\n}\n"]}

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

@@ -1,4 +1,4 @@
-import { FoundationElement } from '@microsoft/fast-foundation';
+import { FoundationElement } from '@ni/fast-foundation';
 import { SpinnerAppearance } from './types';
 declare global {
     interface HTMLElementTagNameMap {

package/dist/esm/spinner/index.js

@@ -1,6 +1,6 @@
 import { __decorate } from "tslib";
-import { attr } from '@microsoft/fast-element';
-import { DesignSystem, FoundationElement } from '@microsoft/fast-foundation';
+import { attr } from '@ni/fast-element';
+import { DesignSystem, FoundationElement } from '@ni/fast-foundation';
 import { styles } from './styles';
 import { template } from './template';
 import { SpinnerAppearance } from './types';

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/spinner/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC7E,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAQ5C;;;GAGG;AACH,MAAM,OAAO,OAAQ,SAAQ,iBAAiB;IAA9C;;QACI;;;;WAIG;QAEI,eAAU,GAAsB,iBAAiB,CAAC,OAAO,CAAC;IACrE,CAAC;CAAA;AADU;IADN,IAAI;2CAC4D;AAGrE,MAAM,aAAa,GAAG,OAAO,CAAC,OAAO,CAAC;IAClC,QAAQ,EAAE,SAAS;IACnB,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AACH,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 { DesignSystem, FoundationElement } from '@microsoft/fast-foundation';\nimport { styles } from './styles';\nimport { template } from './template';\nimport { SpinnerAppearance } from './types';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-spinner': Spinner;\n    }\n}\n\n/**\n * A Nimble-styled spinner component.\n * A spinner is an animating indicator that can be placed in a particular region of a page to represent loading progress, or an ongoing operation, of an indeterminate / unknown duration.\n */\nexport class Spinner extends FoundationElement {\n    /**\n     * @public\n     * @description\n     * The appearance the spinner area should have.\n     */\n    @attr\n    public appearance: SpinnerAppearance = SpinnerAppearance.default;\n}\n\nconst nimbleSpinner = Spinner.compose({\n    baseName: 'spinner',\n    template,\n    styles\n});\nDesignSystem.getOrCreate().withPrefix('nimble').register(nimbleSpinner());\nexport const spinnerTag = 'nimble-spinner';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/spinner/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACtE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAQ5C;;;GAGG;AACH,MAAM,OAAO,OAAQ,SAAQ,iBAAiB;IAA9C;;QACI;;;;WAIG;QAEI,eAAU,GAAsB,iBAAiB,CAAC,OAAO,CAAC;IACrE,CAAC;CAAA;AADU;IADN,IAAI;2CAC4D;AAGrE,MAAM,aAAa,GAAG,OAAO,CAAC,OAAO,CAAC;IAClC,QAAQ,EAAE,SAAS;IACnB,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AACH,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 { DesignSystem, FoundationElement } from '@ni/fast-foundation';\nimport { styles } from './styles';\nimport { template } from './template';\nimport { SpinnerAppearance } from './types';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-spinner': Spinner;\n    }\n}\n\n/**\n * A Nimble-styled spinner component.\n * A spinner is an animating indicator that can be placed in a particular region of a page to represent loading progress, or an ongoing operation, of an indeterminate / unknown duration.\n */\nexport class Spinner extends FoundationElement {\n    /**\n     * @public\n     * @description\n     * The appearance the spinner area should have.\n     */\n    @attr\n    public appearance: SpinnerAppearance = SpinnerAppearance.default;\n}\n\nconst nimbleSpinner = Spinner.compose({\n    baseName: 'spinner',\n    template,\n    styles\n});\nDesignSystem.getOrCreate().withPrefix('nimble').register(nimbleSpinner());\nexport const spinnerTag = 'nimble-spinner';\n"]}

package/dist/esm/spinner/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/spinner/styles.js

@@ -1,4 +1,4 @@
-import { css } from '@microsoft/fast-element';
+import { css } from '@ni/fast-element';
 import { Black15, Black91, DigitalGreenLight, PowerGreen, White } from '@ni/nimble-tokens/dist/styledictionary/js/tokens';
 import { display } from '../utilities/style/display';
 import { spinnerSmallHeight } from '../theme-provider/design-tokens';

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/spinner/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EACH,OAAO,EACP,OAAO,EACP,iBAAiB,EACjB,UAAU,EACV,KAAK,EACR,MAAM,kDAAkD,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAExD,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,aAAa,CAAC;;;kBAGV,kBAAkB;;;;;mBAKjB,YAAY,CAAC,OAAO;;;;;;;;UAQ7B;AACE;;;;;;GAMG;AACH,EACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0HP,CAAC,aAAa,CACX,aAAa,CACT,KAAK,CAAC,KAAK,EACX,GAAG,CAAA;;8DAEmD,OAAO;;;8DAGP,iBAAiB;;SAEtE,CACJ,EACD,aAAa,CACT,KAAK,CAAC,IAAI,EACV,GAAG,CAAA;;8DAEmD,OAAO;;;8DAGP,UAAU;;SAE/D,CACJ,EACD,aAAa,CACT,KAAK,CAAC,KAAK,EACX,GAAG,CAAA;;8DAEmD,KAAK;;;8DAGL,UAAU;;SAE/D,CACJ,CACJ,CAAC","sourcesContent":["import { css } from '@microsoft/fast-element';\nimport {\n    Black15,\n    Black91,\n    DigitalGreenLight,\n    PowerGreen,\n    White\n} from '@ni/nimble-tokens/dist/styledictionary/js/tokens';\nimport { display } from '../utilities/style/display';\nimport { spinnerSmallHeight } from '../theme-provider/design-tokens';\nimport { Theme } from '../theme-provider/types';\nimport { themeBehavior } from '../utilities/style/theme';\nimport { ZIndexLevels } from '../utilities/style/types';\n\nexport const styles = css`\n    ${display('inline-grid')}\n\n    :host {\n        height: ${spinnerSmallHeight};\n        aspect-ratio: 1 / 1;\n    }\n\n    div.overlay {\n        z-index: ${ZIndexLevels.zIndex1};\n        margin: max(2px, 6.25%);\n        grid-area: 1/1;\n    }\n\n    div.container {\n        margin: max(2px, 6.25%);\n        grid-area: 1/1;\n        ${\n            /**\n             * At some spinner sizes / browser zoom levels, the spinner bits/squares appear to slightly overlap visually.\n             * If we set a color with transparency on each bit, it'll look wrong in the overlapping region (since the opacity\n             * combines and affects the color at the overlapping spot).\n             * Currently all 3 themes use a color with opacity = 0.6, so that's applied here on the parent element instead,\n             * which avoids that issue.\n             */\n            ''\n        }\n        opacity: 0.6;\n    }\n\n    :host([appearance='accent']) div.container {\n        opacity: 1;\n    }\n\n    div.bit1,\n    div.bit2 {\n        background: var(--ni-private-spinner-bits-background-color);\n        width: 50%;\n        height: 50%;\n        margin: auto;\n        animation-duration: 1600ms;\n        animation-iteration-count: infinite;\n        animation-play-state: var(\n            --ni-private-spinner-animation-play-state,\n            running\n        );\n        animation-timing-function: cubic-bezier(0.65, 0, 0.35, 0);\n    }\n\n    div.bit1 {\n        animation-name: ni-private-spinner-keyframes-1;\n    }\n\n    div.bit2 {\n        animation-name: ni-private-spinner-keyframes-2;\n    }\n\n    @media (prefers-reduced-motion) {\n        div.bit1,\n        div.bit2 {\n            animation-timing-function: ease-in-out, steps(1);\n            animation-duration: 3200ms;\n        }\n\n        div.bit1 {\n            animation-name:\n                ni-private-spinner-no-motion-opacity-keyframes,\n                ni-private-spinner-no-motion-transform-keyframes-1;\n        }\n\n        div.bit2 {\n            animation-name:\n                ni-private-spinner-no-motion-opacity-keyframes,\n                ni-private-spinner-no-motion-transform-keyframes-2;\n        }\n    }\n\n    @keyframes ni-private-spinner-keyframes-1 {\n        0%,\n        100% {\n            transform: translate(-50%, 0);\n        }\n\n        25% {\n            transform: translate(50%, 0);\n        }\n\n        50% {\n            transform: translate(50%, 100%);\n        }\n\n        75% {\n            transform: translate(-50%, 100%);\n        }\n    }\n\n    @keyframes ni-private-spinner-keyframes-2 {\n        0%,\n        100% {\n            transform: translate(50%, 0);\n        }\n\n        25% {\n            transform: translate(-50%, 0);\n        }\n\n        50% {\n            transform: translate(-50%, -100%);\n        }\n\n        75% {\n            transform: translate(50%, -100%);\n        }\n    }\n\n    @keyframes ni-private-spinner-no-motion-opacity-keyframes {\n        0%,\n        50%,\n        100% {\n            opacity: 0;\n        }\n\n        25%,\n        75% {\n            opacity: 1;\n        }\n    }\n\n    @keyframes ni-private-spinner-no-motion-transform-keyframes-1 {\n        0%,\n        100% {\n            transform: translate(-50%, 0);\n        }\n        50% {\n            transform: translate(50%, 0);\n        }\n    }\n\n    @keyframes ni-private-spinner-no-motion-transform-keyframes-2 {\n        0%,\n        100% {\n            transform: translate(50%, 0);\n        }\n\n        50% {\n            transform: translate(-50%, 0);\n        }\n    }\n`.withBehaviors(\n    themeBehavior(\n        Theme.light,\n        css`\n            :host {\n                --ni-private-spinner-bits-background-color: ${Black91};\n            }\n            :host([appearance='accent']) {\n                --ni-private-spinner-bits-background-color: ${DigitalGreenLight};\n            }\n        `\n    ),\n    themeBehavior(\n        Theme.dark,\n        css`\n            :host {\n                --ni-private-spinner-bits-background-color: ${Black15};\n            }\n            :host([appearance='accent']) {\n                --ni-private-spinner-bits-background-color: ${PowerGreen};\n            }\n        `\n    ),\n    themeBehavior(\n        Theme.color,\n        css`\n            :host {\n                --ni-private-spinner-bits-background-color: ${White};\n            }\n            :host([appearance='accent']) {\n                --ni-private-spinner-bits-background-color: ${PowerGreen};\n            }\n        `\n    )\n);\n"]}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/spinner/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EACH,OAAO,EACP,OAAO,EACP,iBAAiB,EACjB,UAAU,EACV,KAAK,EACR,MAAM,kDAAkD,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAExD,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,aAAa,CAAC;;;kBAGV,kBAAkB;;;;;mBAKjB,YAAY,CAAC,OAAO;;;;;;;;UAQ7B;AACE;;;;;;GAMG;AACH,EACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0HP,CAAC,aAAa,CACX,aAAa,CACT,KAAK,CAAC,KAAK,EACX,GAAG,CAAA;;8DAEmD,OAAO;;;8DAGP,iBAAiB;;SAEtE,CACJ,EACD,aAAa,CACT,KAAK,CAAC,IAAI,EACV,GAAG,CAAA;;8DAEmD,OAAO;;;8DAGP,UAAU;;SAE/D,CACJ,EACD,aAAa,CACT,KAAK,CAAC,KAAK,EACX,GAAG,CAAA;;8DAEmD,KAAK;;;8DAGL,UAAU;;SAE/D,CACJ,CACJ,CAAC","sourcesContent":["import { css } from '@ni/fast-element';\nimport {\n    Black15,\n    Black91,\n    DigitalGreenLight,\n    PowerGreen,\n    White\n} from '@ni/nimble-tokens/dist/styledictionary/js/tokens';\nimport { display } from '../utilities/style/display';\nimport { spinnerSmallHeight } from '../theme-provider/design-tokens';\nimport { Theme } from '../theme-provider/types';\nimport { themeBehavior } from '../utilities/style/theme';\nimport { ZIndexLevels } from '../utilities/style/types';\n\nexport const styles = css`\n    ${display('inline-grid')}\n\n    :host {\n        height: ${spinnerSmallHeight};\n        aspect-ratio: 1 / 1;\n    }\n\n    div.overlay {\n        z-index: ${ZIndexLevels.zIndex1};\n        margin: max(2px, 6.25%);\n        grid-area: 1/1;\n    }\n\n    div.container {\n        margin: max(2px, 6.25%);\n        grid-area: 1/1;\n        ${\n            /**\n             * At some spinner sizes / browser zoom levels, the spinner bits/squares appear to slightly overlap visually.\n             * If we set a color with transparency on each bit, it'll look wrong in the overlapping region (since the opacity\n             * combines and affects the color at the overlapping spot).\n             * Currently all 3 themes use a color with opacity = 0.6, so that's applied here on the parent element instead,\n             * which avoids that issue.\n             */\n            ''\n        }\n        opacity: 0.6;\n    }\n\n    :host([appearance='accent']) div.container {\n        opacity: 1;\n    }\n\n    div.bit1,\n    div.bit2 {\n        background: var(--ni-private-spinner-bits-background-color);\n        width: 50%;\n        height: 50%;\n        margin: auto;\n        animation-duration: 1600ms;\n        animation-iteration-count: infinite;\n        animation-play-state: var(\n            --ni-private-spinner-animation-play-state,\n            running\n        );\n        animation-timing-function: cubic-bezier(0.65, 0, 0.35, 0);\n    }\n\n    div.bit1 {\n        animation-name: ni-private-spinner-keyframes-1;\n    }\n\n    div.bit2 {\n        animation-name: ni-private-spinner-keyframes-2;\n    }\n\n    @media (prefers-reduced-motion) {\n        div.bit1,\n        div.bit2 {\n            animation-timing-function: ease-in-out, steps(1);\n            animation-duration: 3200ms;\n        }\n\n        div.bit1 {\n            animation-name:\n                ni-private-spinner-no-motion-opacity-keyframes,\n                ni-private-spinner-no-motion-transform-keyframes-1;\n        }\n\n        div.bit2 {\n            animation-name:\n                ni-private-spinner-no-motion-opacity-keyframes,\n                ni-private-spinner-no-motion-transform-keyframes-2;\n        }\n    }\n\n    @keyframes ni-private-spinner-keyframes-1 {\n        0%,\n        100% {\n            transform: translate(-50%, 0);\n        }\n\n        25% {\n            transform: translate(50%, 0);\n        }\n\n        50% {\n            transform: translate(50%, 100%);\n        }\n\n        75% {\n            transform: translate(-50%, 100%);\n        }\n    }\n\n    @keyframes ni-private-spinner-keyframes-2 {\n        0%,\n        100% {\n            transform: translate(50%, 0);\n        }\n\n        25% {\n            transform: translate(-50%, 0);\n        }\n\n        50% {\n            transform: translate(-50%, -100%);\n        }\n\n        75% {\n            transform: translate(50%, -100%);\n        }\n    }\n\n    @keyframes ni-private-spinner-no-motion-opacity-keyframes {\n        0%,\n        50%,\n        100% {\n            opacity: 0;\n        }\n\n        25%,\n        75% {\n            opacity: 1;\n        }\n    }\n\n    @keyframes ni-private-spinner-no-motion-transform-keyframes-1 {\n        0%,\n        100% {\n            transform: translate(-50%, 0);\n        }\n        50% {\n            transform: translate(50%, 0);\n        }\n    }\n\n    @keyframes ni-private-spinner-no-motion-transform-keyframes-2 {\n        0%,\n        100% {\n            transform: translate(50%, 0);\n        }\n\n        50% {\n            transform: translate(-50%, 0);\n        }\n    }\n`.withBehaviors(\n    themeBehavior(\n        Theme.light,\n        css`\n            :host {\n                --ni-private-spinner-bits-background-color: ${Black91};\n            }\n            :host([appearance='accent']) {\n                --ni-private-spinner-bits-background-color: ${DigitalGreenLight};\n            }\n        `\n    ),\n    themeBehavior(\n        Theme.dark,\n        css`\n            :host {\n                --ni-private-spinner-bits-background-color: ${Black15};\n            }\n            :host([appearance='accent']) {\n                --ni-private-spinner-bits-background-color: ${PowerGreen};\n            }\n        `\n    ),\n    themeBehavior(\n        Theme.color,\n        css`\n            :host {\n                --ni-private-spinner-bits-background-color: ${White};\n            }\n            :host([appearance='accent']) {\n                --ni-private-spinner-bits-background-color: ${PowerGreen};\n            }\n        `\n    )\n);\n"]}

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

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

package/dist/esm/spinner/template.js

@@ -1,4 +1,4 @@
-import { html } from '@microsoft/fast-element';
+import { html } from '@ni/fast-element';
 /* eslint-disable @typescript-eslint/indent */
 // prettier-ignore
 export const template = html `

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

@@ -1 +1 @@
-{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../src/spinner/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAG/C,8CAA8C;AAC9C,kBAAkB;AAClB,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAS;;UAE3B,EAAE;AACA;;;;GAIG;AACP;;;;;;;;CAQP,CAAC;AACF,6CAA6C","sourcesContent":["import { html } from '@microsoft/fast-element';\nimport type { Spinner } from '.';\n\n/* eslint-disable @typescript-eslint/indent */\n// prettier-ignore\nexport const template = html<Spinner>`\n    <template role=\"progressbar\">\n        ${''\n            /**\n             * In Firefox, the 'title' set on the spinner is very finicky when\n             * the spinner is animating. Therefore, put a transparent overlay on\n             * top of the spinning bits so that the title displays as expected.\n             */\n        }\n        <div class=\"overlay\"></div>\n\n        <div class=\"container\">\n            <div class=\"bit1\"></div>\n            <div class=\"bit2\"></div>\n        </div>\n    </template>\n`;\n/* eslint-enable @typescript-eslint/indent */\n"]}
+{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../src/spinner/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAGxC,8CAA8C;AAC9C,kBAAkB;AAClB,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAS;;UAE3B,EAAE;AACA;;;;GAIG;AACP;;;;;;;;CAQP,CAAC;AACF,6CAA6C","sourcesContent":["import { html } from '@ni/fast-element';\nimport type { Spinner } from '.';\n\n/* eslint-disable @typescript-eslint/indent */\n// prettier-ignore\nexport const template = html<Spinner>`\n    <template role=\"progressbar\">\n        ${''\n            /**\n             * In Firefox, the 'title' set on the spinner is very finicky when\n             * the spinner is animating. Therefore, put a transparent overlay on\n             * top of the spinning bits so that the title displays as expected.\n             */\n        }\n        <div class=\"overlay\"></div>\n\n        <div class=\"container\">\n            <div class=\"bit1\"></div>\n            <div class=\"bit2\"></div>\n        </div>\n    </template>\n`;\n/* eslint-enable @typescript-eslint/indent */\n"]}

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

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

package/dist/esm/switch/index.js

@@ -1,4 +1,4 @@
-import { DesignSystem, Switch as FoundationSwitch } from '@microsoft/fast-foundation';
+import { DesignSystem, Switch as FoundationSwitch } from '@ni/fast-foundation';
 import { styles } from './styles';
 import { template } from './template';
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/switch/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,YAAY,EACZ,MAAM,IAAI,gBAAgB,EAE7B,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAQtC;;GAEG;AACH,MAAM,OAAO,MAAO,SAAQ,gBAAgB;CAAG;AAE/C,MAAM,YAAY,GAAG,MAAM,CAAC,OAAO,CAAgB;IAC/C,SAAS,EAAE,gBAAgB;IAC3B,QAAQ,EAAE,QAAQ;IAClB,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,YAAY,EAAE,CAAC,CAAC;AACzE,MAAM,CAAC,MAAM,SAAS,GAAG,eAAe,CAAC","sourcesContent":["import {\n    DesignSystem,\n    Switch as FoundationSwitch,\n    type SwitchOptions\n} from '@microsoft/fast-foundation';\nimport { styles } from './styles';\nimport { template } from './template';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-switch': Switch;\n    }\n}\n\n/**\n * A nimble-styled switch control.\n */\nexport class Switch extends FoundationSwitch {}\n\nconst nimbleSwitch = Switch.compose<SwitchOptions>({\n    baseClass: FoundationSwitch,\n    baseName: 'switch',\n    template,\n    styles\n});\n\nDesignSystem.getOrCreate().withPrefix('nimble').register(nimbleSwitch());\nexport const switchTag = 'nimble-switch';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/switch/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,YAAY,EACZ,MAAM,IAAI,gBAAgB,EAE7B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAQtC;;GAEG;AACH,MAAM,OAAO,MAAO,SAAQ,gBAAgB;CAAG;AAE/C,MAAM,YAAY,GAAG,MAAM,CAAC,OAAO,CAAgB;IAC/C,SAAS,EAAE,gBAAgB;IAC3B,QAAQ,EAAE,QAAQ;IAClB,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,YAAY,EAAE,CAAC,CAAC;AACzE,MAAM,CAAC,MAAM,SAAS,GAAG,eAAe,CAAC","sourcesContent":["import {\n    DesignSystem,\n    Switch as FoundationSwitch,\n    type SwitchOptions\n} from '@ni/fast-foundation';\nimport { styles } from './styles';\nimport { template } from './template';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-switch': Switch;\n    }\n}\n\n/**\n * A nimble-styled switch control.\n */\nexport class Switch extends FoundationSwitch {}\n\nconst nimbleSwitch = Switch.compose<SwitchOptions>({\n    baseClass: FoundationSwitch,\n    baseName: 'switch',\n    template,\n    styles\n});\n\nDesignSystem.getOrCreate().withPrefix('nimble').register(nimbleSwitch());\nexport const switchTag = 'nimble-switch';\n"]}

package/dist/esm/switch/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/switch/styles.js

@@ -1,4 +1,4 @@
-import { css } from '@microsoft/fast-element';
+import { css } from '@ni/fast-element';
 import { Black15, Black7, Black91, White } from '@ni/nimble-tokens/dist/styledictionary/js/tokens';
 import { display } from '../utilities/style/display';
 import { bodyFont, borderHoverColor, borderWidth, buttonLabelDisabledFontColor, buttonLabelFontColor, controlHeight, controlLabelDisabledFontColor, controlLabelFont, controlLabelFontColor, fillHoverColor, smallDelay } from '../theme-provider/design-tokens';

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/switch/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EACH,OAAO,EACP,MAAM,EACN,OAAO,EACP,KAAK,EACR,MAAM,kDAAkD,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EACH,QAAQ,EACR,gBAAgB,EAChB,WAAW,EACX,4BAA4B,EAC5B,oBAAoB,EACpB,aAAa,EACb,6BAA6B,EAC7B,gBAAgB,EAChB,qBAAqB,EACrB,cAAc,EACd,UAAU,EACb,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAEzD,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,aAAa,CAAC;;;;gBAIZ,QAAQ;iBACP,oBAAoB;;;;;;cAMvB,aAAa;;;;;;iBAMV,4BAA4B;;;;iBAI5B,qBAAqB;gBACtB,gBAAgB;;;;iBAIf,6BAA6B;;;;;;;;;;;;;;;;;;;;;4BAqBlB,cAAc;;;uBAGnB,WAAW;;;;;;;YAOtB,YAAY;wBACA,gBAAgB;;;;;gCAKR,UAAU;;;;;;;;;;;;;;;;;;;;;;;kBAuBxB,WAAW;;;;;uBAKN,WAAW,eAAe,gBAAgB;;;;;;;kBAO/C,WAAW;;;;YAIjB,YAAY;kBACN,WAAW,UAAU,gBAAgB;;;;;;;;;8BASzB,UAAU;;;;;;;;;;;;;;;;;;;;;;;CAuBvC,CAAC,aAAa,CACX,aAAa,CACT,KAAK,CAAC,KAAK,EACX,GAAG,CAAA;;iEAEsD,iBAAiB,CAC9D,OAAO,EACP,IAAI,CACP;kEACiD,KAAK;2EACI,iBAAiB,CACxE,KAAK,EACL,GAAG,CACN;8DAC6C,OAAO;uEACE,iBAAiB,CACpE,OAAO,EACP,GAAG,CACN;;SAER,CACJ,EACD,aAAa,CACT,KAAK,CAAC,IAAI,EACV,GAAG,CAAA;;iEAEsD,iBAAiB,CAC9D,OAAO,EACP,IAAI,CACP;kEACiD,iBAAiB,CAC/D,OAAO,EACP,GAAG,CACN;2EAC0D,iBAAiB,CACxE,OAAO,EACP,GAAG,CACN;8DAC6C,MAAM;uEACG,iBAAiB,CACpE,MAAM,EACN,GAAG,CACN;;SAER,CACJ,EACD,aAAa,CACT,KAAK,CAAC,KAAK,EACX,GAAG,CAAA;;iEAEsD,iBAAiB,CAC9D,KAAK,EACL,IAAI,CACP;kEACiD,iBAAiB,CAC/D,KAAK,EACL,GAAG,CACN;2EAC0D,iBAAiB,CACxE,KAAK,EACL,GAAG,CACN;8DAC6C,KAAK;uEACI,iBAAiB,CACpE,KAAK,EACL,GAAG,CACN;;SAER,CACJ,CACJ,CAAC","sourcesContent":["import { css } from '@microsoft/fast-element';\nimport {\n    Black15,\n    Black7,\n    Black91,\n    White\n} from '@ni/nimble-tokens/dist/styledictionary/js/tokens';\nimport { display } from '../utilities/style/display';\nimport {\n    bodyFont,\n    borderHoverColor,\n    borderWidth,\n    buttonLabelDisabledFontColor,\n    buttonLabelFontColor,\n    controlHeight,\n    controlLabelDisabledFontColor,\n    controlLabelFont,\n    controlLabelFontColor,\n    fillHoverColor,\n    smallDelay\n} from '../theme-provider/design-tokens';\nimport { Theme } from '../theme-provider/types';\nimport { hexToRgbaCssColor } from '../utilities/style/colors';\nimport { focusVisible } from '../utilities/style/focus';\nimport { themeBehavior } from '../utilities/style/theme';\n\nexport const styles = css`\n    ${display('inline-flex')}\n\n    :host {\n        outline: none;\n        font: ${bodyFont};\n        color: ${buttonLabelFontColor};\n        flex-direction: column;\n        cursor: pointer;\n        --ni-private-switch-height: 24px;\n        --ni-private-switch-indicator-size: 16px;\n        padding-bottom: calc(\n            ${controlHeight} - var(--ni-private-switch-height)\n        );\n    }\n\n    :host([disabled]) {\n        cursor: default;\n        color: ${buttonLabelDisabledFontColor};\n    }\n\n    .label {\n        color: ${controlLabelFontColor};\n        font: ${controlLabelFont};\n    }\n\n    :host([disabled]) .label {\n        color: ${controlLabelDisabledFontColor};\n    }\n\n    .label__hidden {\n        display: none;\n        visibility: hidden;\n    }\n\n    .switch-container {\n        display: flex;\n        align-items: center;\n    }\n\n    slot[name='unchecked-message']::slotted(*) {\n        margin-inline-end: 8px;\n    }\n\n    .switch {\n        display: flex;\n        height: var(--ni-private-switch-height);\n        width: calc(var(--ni-private-switch-height) * 2);\n        background-color: ${fillHoverColor};\n        border-radius: calc(var(--ni-private-switch-height) / 2);\n        align-items: center;\n        border: calc(${borderWidth} * 2) solid transparent;\n    }\n\n    :host([disabled]) .switch {\n        background-color: var(--ni-private-switch-background-disabled-color);\n    }\n\n    :host(${focusVisible}) .switch {\n        border-color: ${borderHoverColor};\n    }\n\n    .checked-indicator-spacer {\n        flex-grow: 0;\n        transition: flex-grow ${smallDelay} ease-in-out;\n    }\n\n    :host([aria-checked='true']) .checked-indicator-spacer {\n        flex-grow: 1;\n    }\n\n    .checked-indicator {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        background-color: var(--ni-private-switch-indicator-background-color);\n        width: var(--ni-private-switch-indicator-size);\n        height: var(--ni-private-switch-indicator-size);\n        border-radius: calc(var(--ni-private-switch-indicator-size) / 2);\n        margin: calc(\n            calc(\n                    var(--ni-private-switch-height) - var(\n                            --ni-private-switch-indicator-size\n                        )\n                ) /\n                2\n        );\n        border: ${borderWidth} solid\n            var(--ni-private-switch-indicator-border-color);\n    }\n\n    :host(:hover) .checked-indicator {\n        border: calc(${borderWidth} * 2) solid ${borderHoverColor};\n    }\n\n    :host([disabled]) .checked-indicator {\n        background-color: var(\n            --ni-private-switch-indicator-background-disabled-color\n        );\n        border: ${borderWidth} solid\n            var(--ni-private-switch-indicator-border-disabled-color);\n    }\n\n    :host(${focusVisible}) .checked-indicator {\n        border: ${borderWidth} solid ${borderHoverColor};\n    }\n\n    .checked-indicator-inner {\n        width: calc(var(--ni-private-switch-indicator-size) / 2);\n        height: calc(var(--ni-private-switch-indicator-size) / 2);\n        border-radius: calc(var(--ni-private-switch-indicator-size) / 4);\n        background-color: var(--ni-private-switch-indicator-border-color);\n        opacity: 0;\n        transition: opacity ${smallDelay} ease-in-out;\n    }\n\n    :host([disabled]) .checked-indicator-inner {\n        background-color: var(\n            --ni-private-switch-indicator-border-disabled-color\n        );\n    }\n\n    :host([aria-checked='true']) .checked-indicator-inner {\n        opacity: 1;\n    }\n\n    slot[name='checked-message']::slotted(*) {\n        margin-inline-start: 8px;\n    }\n\n    @media (prefers-reduced-motion) {\n        .checked-indicator-inner,\n        .checked-indicator-spacer {\n            transition-duration: 0s;\n        }\n    }\n`.withBehaviors(\n    themeBehavior(\n        Theme.light,\n        css`\n            :host {\n                --ni-private-switch-background-disabled-color: ${hexToRgbaCssColor(\n                    Black91,\n                    0.07\n                )};\n                --ni-private-switch-indicator-background-color: ${White};\n                --ni-private-switch-indicator-background-disabled-color: ${hexToRgbaCssColor(\n                    White,\n                    0.1\n                )};\n                --ni-private-switch-indicator-border-color: ${Black91};\n                --ni-private-switch-indicator-border-disabled-color: ${hexToRgbaCssColor(\n                    Black91,\n                    0.3\n                )};\n            }\n        `\n    ),\n    themeBehavior(\n        Theme.dark,\n        css`\n            :host {\n                --ni-private-switch-background-disabled-color: ${hexToRgbaCssColor(\n                    Black15,\n                    0.07\n                )};\n                --ni-private-switch-indicator-background-color: ${hexToRgbaCssColor(\n                    Black91,\n                    0.3\n                )};\n                --ni-private-switch-indicator-background-disabled-color: ${hexToRgbaCssColor(\n                    Black91,\n                    0.1\n                )};\n                --ni-private-switch-indicator-border-color: ${Black7};\n                --ni-private-switch-indicator-border-disabled-color: ${hexToRgbaCssColor(\n                    Black7,\n                    0.3\n                )};\n            }\n        `\n    ),\n    themeBehavior(\n        Theme.color,\n        css`\n            :host {\n                --ni-private-switch-background-disabled-color: ${hexToRgbaCssColor(\n                    White,\n                    0.07\n                )};\n                --ni-private-switch-indicator-background-color: ${hexToRgbaCssColor(\n                    White,\n                    0.1\n                )};\n                --ni-private-switch-indicator-background-disabled-color: ${hexToRgbaCssColor(\n                    White,\n                    0.1\n                )};\n                --ni-private-switch-indicator-border-color: ${White};\n                --ni-private-switch-indicator-border-disabled-color: ${hexToRgbaCssColor(\n                    White,\n                    0.3\n                )};\n            }\n        `\n    )\n);\n"]}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/switch/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EACH,OAAO,EACP,MAAM,EACN,OAAO,EACP,KAAK,EACR,MAAM,kDAAkD,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EACH,QAAQ,EACR,gBAAgB,EAChB,WAAW,EACX,4BAA4B,EAC5B,oBAAoB,EACpB,aAAa,EACb,6BAA6B,EAC7B,gBAAgB,EAChB,qBAAqB,EACrB,cAAc,EACd,UAAU,EACb,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAEzD,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,aAAa,CAAC;;;;gBAIZ,QAAQ;iBACP,oBAAoB;;;;;;cAMvB,aAAa;;;;;;iBAMV,4BAA4B;;;;iBAI5B,qBAAqB;gBACtB,gBAAgB;;;;iBAIf,6BAA6B;;;;;;;;;;;;;;;;;;;;;4BAqBlB,cAAc;;;uBAGnB,WAAW;;;;;;;YAOtB,YAAY;wBACA,gBAAgB;;;;;gCAKR,UAAU;;;;;;;;;;;;;;;;;;;;;;;kBAuBxB,WAAW;;;;;uBAKN,WAAW,eAAe,gBAAgB;;;;;;;kBAO/C,WAAW;;;;YAIjB,YAAY;kBACN,WAAW,UAAU,gBAAgB;;;;;;;;;8BASzB,UAAU;;;;;;;;;;;;;;;;;;;;;;;CAuBvC,CAAC,aAAa,CACX,aAAa,CACT,KAAK,CAAC,KAAK,EACX,GAAG,CAAA;;iEAEsD,iBAAiB,CAC9D,OAAO,EACP,IAAI,CACP;kEACiD,KAAK;2EACI,iBAAiB,CACxE,KAAK,EACL,GAAG,CACN;8DAC6C,OAAO;uEACE,iBAAiB,CACpE,OAAO,EACP,GAAG,CACN;;SAER,CACJ,EACD,aAAa,CACT,KAAK,CAAC,IAAI,EACV,GAAG,CAAA;;iEAEsD,iBAAiB,CAC9D,OAAO,EACP,IAAI,CACP;kEACiD,iBAAiB,CAC/D,OAAO,EACP,GAAG,CACN;2EAC0D,iBAAiB,CACxE,OAAO,EACP,GAAG,CACN;8DAC6C,MAAM;uEACG,iBAAiB,CACpE,MAAM,EACN,GAAG,CACN;;SAER,CACJ,EACD,aAAa,CACT,KAAK,CAAC,KAAK,EACX,GAAG,CAAA;;iEAEsD,iBAAiB,CAC9D,KAAK,EACL,IAAI,CACP;kEACiD,iBAAiB,CAC/D,KAAK,EACL,GAAG,CACN;2EAC0D,iBAAiB,CACxE,KAAK,EACL,GAAG,CACN;8DAC6C,KAAK;uEACI,iBAAiB,CACpE,KAAK,EACL,GAAG,CACN;;SAER,CACJ,CACJ,CAAC","sourcesContent":["import { css } from '@ni/fast-element';\nimport {\n    Black15,\n    Black7,\n    Black91,\n    White\n} from '@ni/nimble-tokens/dist/styledictionary/js/tokens';\nimport { display } from '../utilities/style/display';\nimport {\n    bodyFont,\n    borderHoverColor,\n    borderWidth,\n    buttonLabelDisabledFontColor,\n    buttonLabelFontColor,\n    controlHeight,\n    controlLabelDisabledFontColor,\n    controlLabelFont,\n    controlLabelFontColor,\n    fillHoverColor,\n    smallDelay\n} from '../theme-provider/design-tokens';\nimport { Theme } from '../theme-provider/types';\nimport { hexToRgbaCssColor } from '../utilities/style/colors';\nimport { focusVisible } from '../utilities/style/focus';\nimport { themeBehavior } from '../utilities/style/theme';\n\nexport const styles = css`\n    ${display('inline-flex')}\n\n    :host {\n        outline: none;\n        font: ${bodyFont};\n        color: ${buttonLabelFontColor};\n        flex-direction: column;\n        cursor: pointer;\n        --ni-private-switch-height: 24px;\n        --ni-private-switch-indicator-size: 16px;\n        padding-bottom: calc(\n            ${controlHeight} - var(--ni-private-switch-height)\n        );\n    }\n\n    :host([disabled]) {\n        cursor: default;\n        color: ${buttonLabelDisabledFontColor};\n    }\n\n    .label {\n        color: ${controlLabelFontColor};\n        font: ${controlLabelFont};\n    }\n\n    :host([disabled]) .label {\n        color: ${controlLabelDisabledFontColor};\n    }\n\n    .label__hidden {\n        display: none;\n        visibility: hidden;\n    }\n\n    .switch-container {\n        display: flex;\n        align-items: center;\n    }\n\n    slot[name='unchecked-message']::slotted(*) {\n        margin-inline-end: 8px;\n    }\n\n    .switch {\n        display: flex;\n        height: var(--ni-private-switch-height);\n        width: calc(var(--ni-private-switch-height) * 2);\n        background-color: ${fillHoverColor};\n        border-radius: calc(var(--ni-private-switch-height) / 2);\n        align-items: center;\n        border: calc(${borderWidth} * 2) solid transparent;\n    }\n\n    :host([disabled]) .switch {\n        background-color: var(--ni-private-switch-background-disabled-color);\n    }\n\n    :host(${focusVisible}) .switch {\n        border-color: ${borderHoverColor};\n    }\n\n    .checked-indicator-spacer {\n        flex-grow: 0;\n        transition: flex-grow ${smallDelay} ease-in-out;\n    }\n\n    :host([aria-checked='true']) .checked-indicator-spacer {\n        flex-grow: 1;\n    }\n\n    .checked-indicator {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        background-color: var(--ni-private-switch-indicator-background-color);\n        width: var(--ni-private-switch-indicator-size);\n        height: var(--ni-private-switch-indicator-size);\n        border-radius: calc(var(--ni-private-switch-indicator-size) / 2);\n        margin: calc(\n            calc(\n                    var(--ni-private-switch-height) - var(\n                            --ni-private-switch-indicator-size\n                        )\n                ) /\n                2\n        );\n        border: ${borderWidth} solid\n            var(--ni-private-switch-indicator-border-color);\n    }\n\n    :host(:hover) .checked-indicator {\n        border: calc(${borderWidth} * 2) solid ${borderHoverColor};\n    }\n\n    :host([disabled]) .checked-indicator {\n        background-color: var(\n            --ni-private-switch-indicator-background-disabled-color\n        );\n        border: ${borderWidth} solid\n            var(--ni-private-switch-indicator-border-disabled-color);\n    }\n\n    :host(${focusVisible}) .checked-indicator {\n        border: ${borderWidth} solid ${borderHoverColor};\n    }\n\n    .checked-indicator-inner {\n        width: calc(var(--ni-private-switch-indicator-size) / 2);\n        height: calc(var(--ni-private-switch-indicator-size) / 2);\n        border-radius: calc(var(--ni-private-switch-indicator-size) / 4);\n        background-color: var(--ni-private-switch-indicator-border-color);\n        opacity: 0;\n        transition: opacity ${smallDelay} ease-in-out;\n    }\n\n    :host([disabled]) .checked-indicator-inner {\n        background-color: var(\n            --ni-private-switch-indicator-border-disabled-color\n        );\n    }\n\n    :host([aria-checked='true']) .checked-indicator-inner {\n        opacity: 1;\n    }\n\n    slot[name='checked-message']::slotted(*) {\n        margin-inline-start: 8px;\n    }\n\n    @media (prefers-reduced-motion) {\n        .checked-indicator-inner,\n        .checked-indicator-spacer {\n            transition-duration: 0s;\n        }\n    }\n`.withBehaviors(\n    themeBehavior(\n        Theme.light,\n        css`\n            :host {\n                --ni-private-switch-background-disabled-color: ${hexToRgbaCssColor(\n                    Black91,\n                    0.07\n                )};\n                --ni-private-switch-indicator-background-color: ${White};\n                --ni-private-switch-indicator-background-disabled-color: ${hexToRgbaCssColor(\n                    White,\n                    0.1\n                )};\n                --ni-private-switch-indicator-border-color: ${Black91};\n                --ni-private-switch-indicator-border-disabled-color: ${hexToRgbaCssColor(\n                    Black91,\n                    0.3\n                )};\n            }\n        `\n    ),\n    themeBehavior(\n        Theme.dark,\n        css`\n            :host {\n                --ni-private-switch-background-disabled-color: ${hexToRgbaCssColor(\n                    Black15,\n                    0.07\n                )};\n                --ni-private-switch-indicator-background-color: ${hexToRgbaCssColor(\n                    Black91,\n                    0.3\n                )};\n                --ni-private-switch-indicator-background-disabled-color: ${hexToRgbaCssColor(\n                    Black91,\n                    0.1\n                )};\n                --ni-private-switch-indicator-border-color: ${Black7};\n                --ni-private-switch-indicator-border-disabled-color: ${hexToRgbaCssColor(\n                    Black7,\n                    0.3\n                )};\n            }\n        `\n    ),\n    themeBehavior(\n        Theme.color,\n        css`\n            :host {\n                --ni-private-switch-background-disabled-color: ${hexToRgbaCssColor(\n                    White,\n                    0.07\n                )};\n                --ni-private-switch-indicator-background-color: ${hexToRgbaCssColor(\n                    White,\n                    0.1\n                )};\n                --ni-private-switch-indicator-background-disabled-color: ${hexToRgbaCssColor(\n                    White,\n                    0.1\n                )};\n                --ni-private-switch-indicator-border-color: ${White};\n                --ni-private-switch-indicator-border-disabled-color: ${hexToRgbaCssColor(\n                    White,\n                    0.3\n                )};\n            }\n        `\n    )\n);\n"]}

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

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

package/dist/esm/switch/template.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../src/switch/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAGxD,kBAAkB;AAClB,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAQ;;;wBAGZ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO;yBACb,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;yBACf,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;oBACpB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;qBAC3B,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;iBAChD,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;;;;qBAI7B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,mBAAmB,EAAE,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,qBAAqB,CAAC;;oBAEvE,OAAO,CAAC,qBAAqB,CAAC;;;;;;;;;;;;;;;;;;;CAmBjD,CAAC","sourcesContent":["import { html, slotted } from '@microsoft/fast-element';\nimport type { Switch } from '.';\n\n// prettier-ignore\nexport const template = html<Switch>`\n    <template\n        role=\"switch\"\n        aria-checked=\"${x => x.checked}\"\n        aria-disabled=\"${x => x.disabled}\"\n        aria-readonly=\"${x => x.readOnly}\"\n        tabindex=\"${x => (x.disabled ? null : 0)}\"\n        @keypress=\"${(x, c) => x.keypressHandler(c.event as KeyboardEvent)}\"\n        @click=\"${(x, c) => x.clickHandler(c.event as MouseEvent)}\"\n        class=\"${x => (x.checked ? 'checked' : '')}\"\n    >\n        <label\n            part=\"label\"\n            class=\"${x => (x.defaultSlottedNodes?.length ? 'label' : 'label label__hidden')}\"\n        >\n            <slot ${slotted('defaultSlottedNodes')}></slot>\n        </label>\n        <div class=\"switch-container\">\n            <span class=\"status-message unchecked-message\" part=\"unchecked-message\">\n                <slot name=\"unchecked-message\"></slot>\n            </span>\n            <div part=\"switch\" class=\"switch\">\n                <slot name=\"switch\">\n                    <span class=\"checked-indicator-spacer\"></span>\n                    <span class=\"checked-indicator\" part=\"checked-indicator\">\n                        <span class=\"checked-indicator-inner\">\n                    </span>\n                </slot>\n            </div>\n            <span class=\"status-message checked-message\" part=\"checked-message\">\n                <slot name=\"checked-message\"></slot>\n            </span>\n        </div>\n    </template>\n`;\n"]}
+{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../src/switch/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAGjD,kBAAkB;AAClB,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAQ;;;wBAGZ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO;yBACb,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;yBACf,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;oBACpB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;qBAC3B,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;iBAChD,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;;;;qBAI7B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,mBAAmB,EAAE,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,qBAAqB,CAAC;;oBAEvE,OAAO,CAAC,qBAAqB,CAAC;;;;;;;;;;;;;;;;;;;CAmBjD,CAAC","sourcesContent":["import { html, slotted } from '@ni/fast-element';\nimport type { Switch } from '.';\n\n// prettier-ignore\nexport const template = html<Switch>`\n    <template\n        role=\"switch\"\n        aria-checked=\"${x => x.checked}\"\n        aria-disabled=\"${x => x.disabled}\"\n        aria-readonly=\"${x => x.readOnly}\"\n        tabindex=\"${x => (x.disabled ? null : 0)}\"\n        @keypress=\"${(x, c) => x.keypressHandler(c.event as KeyboardEvent)}\"\n        @click=\"${(x, c) => x.clickHandler(c.event as MouseEvent)}\"\n        class=\"${x => (x.checked ? 'checked' : '')}\"\n    >\n        <label\n            part=\"label\"\n            class=\"${x => (x.defaultSlottedNodes?.length ? 'label' : 'label label__hidden')}\"\n        >\n            <slot ${slotted('defaultSlottedNodes')}></slot>\n        </label>\n        <div class=\"switch-container\">\n            <span class=\"status-message unchecked-message\" part=\"unchecked-message\">\n                <slot name=\"unchecked-message\"></slot>\n            </span>\n            <div part=\"switch\" class=\"switch\">\n                <slot name=\"switch\">\n                    <span class=\"checked-indicator-spacer\"></span>\n                    <span class=\"checked-indicator\" part=\"checked-indicator\">\n                        <span class=\"checked-indicator-inner\">\n                    </span>\n                </slot>\n            </div>\n            <span class=\"status-message checked-message\" part=\"checked-message\">\n                <slot name=\"checked-message\"></slot>\n            </span>\n        </div>\n    </template>\n`;\n"]}

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

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

package/dist/esm/tab/index.js

@@ -1,4 +1,4 @@
-import { DesignSystem, Tab as FoundationTab, tabTemplate as template } from '@microsoft/fast-foundation';
+import { DesignSystem, Tab as FoundationTab, tabTemplate as template } from '@ni/fast-foundation';
 import { styles } from './styles';
 /**
  * A nimble-styled HTML tab

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tab/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,YAAY,EACZ,GAAG,IAAI,aAAa,EACpB,WAAW,IAAI,QAAQ,EAC1B,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAQlC;;GAEG;AACH,MAAM,OAAO,GAAI,SAAQ,aAAa;CAAG;AAEzC,MAAM,SAAS,GAAG,GAAG,CAAC,OAAO,CAAC;IAC1B,QAAQ,EAAE,KAAK;IACf,SAAS,EAAE,aAAa;IACxB,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,SAAS,EAAE,CAAC,CAAC;AACtE,MAAM,CAAC,MAAM,MAAM,GAAG,YAAY,CAAC","sourcesContent":["import {\n    DesignSystem,\n    Tab as FoundationTab,\n    tabTemplate as template\n} from '@microsoft/fast-foundation';\nimport { styles } from './styles';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-tab': Tab;\n    }\n}\n\n/**\n * A nimble-styled HTML tab\n */\nexport class Tab extends FoundationTab {}\n\nconst nimbleTab = Tab.compose({\n    baseName: 'tab',\n    baseClass: FoundationTab,\n    template,\n    styles\n});\n\nDesignSystem.getOrCreate().withPrefix('nimble').register(nimbleTab());\nexport const tabTag = 'nimble-tab';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tab/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,YAAY,EACZ,GAAG,IAAI,aAAa,EACpB,WAAW,IAAI,QAAQ,EAC1B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAQlC;;GAEG;AACH,MAAM,OAAO,GAAI,SAAQ,aAAa;CAAG;AAEzC,MAAM,SAAS,GAAG,GAAG,CAAC,OAAO,CAAC;IAC1B,QAAQ,EAAE,KAAK;IACf,SAAS,EAAE,aAAa;IACxB,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,SAAS,EAAE,CAAC,CAAC;AACtE,MAAM,CAAC,MAAM,MAAM,GAAG,YAAY,CAAC","sourcesContent":["import {\n    DesignSystem,\n    Tab as FoundationTab,\n    tabTemplate as template\n} from '@ni/fast-foundation';\nimport { styles } from './styles';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-tab': Tab;\n    }\n}\n\n/**\n * A nimble-styled HTML tab\n */\nexport class Tab extends FoundationTab {}\n\nconst nimbleTab = Tab.compose({\n    baseName: 'tab',\n    baseClass: FoundationTab,\n    template,\n    styles\n});\n\nDesignSystem.getOrCreate().withPrefix('nimble').register(nimbleTab());\nexport const tabTag = 'nimble-tab';\n"]}

package/dist/esm/tab/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/tab/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 { borderHoverColor, borderWidth, bodyFontColor, bodyDisabledFontColor, controlHeight, fillHoverColor, fillHoverSelectedColor, mediumPadding, standardPadding, smallDelay, buttonLabelFont } from '../theme-provider/design-tokens';
 import { focusVisible } from '../utilities/style/focus';

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/tab/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EACH,gBAAgB,EAChB,WAAW,EACX,aAAa,EACb,qBAAqB,EACrB,aAAa,EACb,cAAc,EACd,sBAAsB,EACtB,aAAa,EACb,eAAe,EACf,UAAU,EACV,eAAe,EAClB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAExD,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,aAAa,CAAC;;;;gBAIZ,eAAe;kBACb,aAAa;iBACd,aAAa;;;;;;;;;;;;4BAYF,cAAc;;;;4BAId,sBAAsB;;;YAGtC,YAAY;;;;;;;;;;iBAUP,qBAAqB;;;;;;mBAMnB,aAAa,IAAI,eAAe;mBAChC,aAAa,MAAM,WAAW;;;;;;;;;;;;yBAYxB,gBAAgB;;4BAEb,UAAU;;;;;;;;;YAS1B,YAAY;;;;;;;;;;yBAUC,gBAAgB;;4BAEb,UAAU;;;;;;;;;YAS1B,YAAY;;;;;;;;;;;oCAWY,gBAAgB;;CAEnD,CAAC","sourcesContent":["import { css } from '@microsoft/fast-element';\nimport { display } from '../utilities/style/display';\nimport {\n    borderHoverColor,\n    borderWidth,\n    bodyFontColor,\n    bodyDisabledFontColor,\n    controlHeight,\n    fillHoverColor,\n    fillHoverSelectedColor,\n    mediumPadding,\n    standardPadding,\n    smallDelay,\n    buttonLabelFont\n} from '../theme-provider/design-tokens';\nimport { focusVisible } from '../utilities/style/focus';\n\nexport const styles = css`\n    ${display('inline-flex')}\n\n    :host {\n        position: relative;\n        font: ${buttonLabelFont};\n        height: ${controlHeight};\n        color: ${bodyFontColor};\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n        text-wrap: nowrap;\n        --ni-private-active-indicator-width: 2px;\n        --ni-private-focus-indicator-width: 1px;\n        --ni-private-indicator-lines-gap: 1px;\n        --ni-private-focus-indicator-inset-width: 3px;\n    }\n\n    :host(:hover) {\n        background-color: ${fillHoverColor};\n    }\n\n    :host(:hover[aria-selected='true']) {\n        background-color: ${fillHoverSelectedColor};\n    }\n\n    :host(${focusVisible}) {\n        outline: none;\n    }\n\n    :host(:active) {\n        background: none;\n    }\n\n    :host([disabled]) {\n        cursor: default;\n        color: ${bodyDisabledFontColor};\n        background: none;\n    }\n\n    slot:not([name]) {\n        display: block;\n        padding: ${mediumPadding} ${standardPadding}\n            calc(${mediumPadding} - ${borderWidth});\n    }\n\n    :host::before {\n        content: '';\n        position: absolute;\n        bottom: calc(\n            var(--ni-private-active-indicator-width) +\n                var(--ni-private-indicator-lines-gap)\n        );\n        width: 0px;\n        height: 0px;\n        border-bottom: ${borderHoverColor}\n            var(--ni-private-focus-indicator-width) solid;\n        transition: width ${smallDelay} ease-in;\n    }\n\n    @media (prefers-reduced-motion) {\n        :host::before {\n            transition-duration: 0s;\n        }\n    }\n\n    :host(${focusVisible})::before {\n        width: calc(100% - 2 * var(--ni-private-focus-indicator-inset-width));\n    }\n\n    :host::after {\n        content: '';\n        position: absolute;\n        bottom: 0px;\n        width: 0px;\n        height: 0px;\n        border-bottom: ${borderHoverColor}\n            var(--ni-private-active-indicator-width) solid;\n        transition: width ${smallDelay} ease-in;\n    }\n\n    @media (prefers-reduced-motion) {\n        :host::after {\n            transition-duration: 0s;\n        }\n    }\n\n    :host(${focusVisible})::after {\n        width: 100%;\n        border-bottom-width: var(--ni-private-focus-indicator-width);\n    }\n\n    :host([aria-selected='true'])::after {\n        width: 100%;\n        border-bottom-width: var(--ni-private-active-indicator-width);\n    }\n\n    :host([aria-selected='true'][disabled])::after {\n        border-bottom-color: rgba(${borderHoverColor}, 0.3);\n    }\n`;\n"]}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/tab/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EACH,gBAAgB,EAChB,WAAW,EACX,aAAa,EACb,qBAAqB,EACrB,aAAa,EACb,cAAc,EACd,sBAAsB,EACtB,aAAa,EACb,eAAe,EACf,UAAU,EACV,eAAe,EAClB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAExD,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,aAAa,CAAC;;;;gBAIZ,eAAe;kBACb,aAAa;iBACd,aAAa;;;;;;;;;;;;4BAYF,cAAc;;;;4BAId,sBAAsB;;;YAGtC,YAAY;;;;;;;;;;iBAUP,qBAAqB;;;;;;mBAMnB,aAAa,IAAI,eAAe;mBAChC,aAAa,MAAM,WAAW;;;;;;;;;;;;yBAYxB,gBAAgB;;4BAEb,UAAU;;;;;;;;;YAS1B,YAAY;;;;;;;;;;yBAUC,gBAAgB;;4BAEb,UAAU;;;;;;;;;YAS1B,YAAY;;;;;;;;;;;oCAWY,gBAAgB;;CAEnD,CAAC","sourcesContent":["import { css } from '@ni/fast-element';\nimport { display } from '../utilities/style/display';\nimport {\n    borderHoverColor,\n    borderWidth,\n    bodyFontColor,\n    bodyDisabledFontColor,\n    controlHeight,\n    fillHoverColor,\n    fillHoverSelectedColor,\n    mediumPadding,\n    standardPadding,\n    smallDelay,\n    buttonLabelFont\n} from '../theme-provider/design-tokens';\nimport { focusVisible } from '../utilities/style/focus';\n\nexport const styles = css`\n    ${display('inline-flex')}\n\n    :host {\n        position: relative;\n        font: ${buttonLabelFont};\n        height: ${controlHeight};\n        color: ${bodyFontColor};\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n        text-wrap: nowrap;\n        --ni-private-active-indicator-width: 2px;\n        --ni-private-focus-indicator-width: 1px;\n        --ni-private-indicator-lines-gap: 1px;\n        --ni-private-focus-indicator-inset-width: 3px;\n    }\n\n    :host(:hover) {\n        background-color: ${fillHoverColor};\n    }\n\n    :host(:hover[aria-selected='true']) {\n        background-color: ${fillHoverSelectedColor};\n    }\n\n    :host(${focusVisible}) {\n        outline: none;\n    }\n\n    :host(:active) {\n        background: none;\n    }\n\n    :host([disabled]) {\n        cursor: default;\n        color: ${bodyDisabledFontColor};\n        background: none;\n    }\n\n    slot:not([name]) {\n        display: block;\n        padding: ${mediumPadding} ${standardPadding}\n            calc(${mediumPadding} - ${borderWidth});\n    }\n\n    :host::before {\n        content: '';\n        position: absolute;\n        bottom: calc(\n            var(--ni-private-active-indicator-width) +\n                var(--ni-private-indicator-lines-gap)\n        );\n        width: 0px;\n        height: 0px;\n        border-bottom: ${borderHoverColor}\n            var(--ni-private-focus-indicator-width) solid;\n        transition: width ${smallDelay} ease-in;\n    }\n\n    @media (prefers-reduced-motion) {\n        :host::before {\n            transition-duration: 0s;\n        }\n    }\n\n    :host(${focusVisible})::before {\n        width: calc(100% - 2 * var(--ni-private-focus-indicator-inset-width));\n    }\n\n    :host::after {\n        content: '';\n        position: absolute;\n        bottom: 0px;\n        width: 0px;\n        height: 0px;\n        border-bottom: ${borderHoverColor}\n            var(--ni-private-active-indicator-width) solid;\n        transition: width ${smallDelay} ease-in;\n    }\n\n    @media (prefers-reduced-motion) {\n        :host::after {\n            transition-duration: 0s;\n        }\n    }\n\n    :host(${focusVisible})::after {\n        width: 100%;\n        border-bottom-width: var(--ni-private-focus-indicator-width);\n    }\n\n    :host([aria-selected='true'])::after {\n        width: 100%;\n        border-bottom-width: var(--ni-private-active-indicator-width);\n    }\n\n    :host([aria-selected='true'][disabled])::after {\n        border-bottom-color: rgba(${borderHoverColor}, 0.3);\n    }\n`;\n"]}

package/dist/esm/tab-panel/index.d.ts

@@ -1,4 +1,4 @@
-import { TabPanel as FoundationTabPanel } from '@microsoft/fast-foundation';
+import { TabPanel as FoundationTabPanel } from '@ni/fast-foundation';
 declare global {
     interface HTMLElementTagNameMap {
         'nimble-tab-panel': TabPanel;

package/dist/esm/tab-panel/index.js

@@ -1,4 +1,4 @@
-import { DesignSystem, TabPanel as FoundationTabPanel, tabPanelTemplate as template } from '@microsoft/fast-foundation';
+import { DesignSystem, TabPanel as FoundationTabPanel, tabPanelTemplate as template } from '@ni/fast-foundation';
 import { styles } from './styles';
 /**
  * A nimble-styled tab panel

package/dist/esm/tab-panel/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tab-panel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,YAAY,EACZ,QAAQ,IAAI,kBAAkB,EAC9B,gBAAgB,IAAI,QAAQ,EAC/B,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAQlC;;GAEG;AACH,MAAM,OAAO,QAAS,SAAQ,kBAAkB;CAAG;AAEnD,MAAM,cAAc,GAAG,QAAQ,CAAC,OAAO,CAAC;IACpC,QAAQ,EAAE,WAAW;IACrB,SAAS,EAAE,kBAAkB;IAC7B,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 {\n    DesignSystem,\n    TabPanel as FoundationTabPanel,\n    tabPanelTemplate as template\n} from '@microsoft/fast-foundation';\nimport { styles } from './styles';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-tab-panel': TabPanel;\n    }\n}\n\n/**\n * A nimble-styled tab panel\n */\nexport class TabPanel extends FoundationTabPanel {}\n\nconst nimbleTabPanel = TabPanel.compose({\n    baseName: 'tab-panel',\n    baseClass: FoundationTabPanel,\n    template,\n    styles\n});\n\nDesignSystem.getOrCreate().withPrefix('nimble').register(nimbleTabPanel());\nexport const tabPanelTag = 'nimble-tab-panel';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tab-panel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,YAAY,EACZ,QAAQ,IAAI,kBAAkB,EAC9B,gBAAgB,IAAI,QAAQ,EAC/B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAQlC;;GAEG;AACH,MAAM,OAAO,QAAS,SAAQ,kBAAkB;CAAG;AAEnD,MAAM,cAAc,GAAG,QAAQ,CAAC,OAAO,CAAC;IACpC,QAAQ,EAAE,WAAW;IACrB,SAAS,EAAE,kBAAkB;IAC7B,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 {\n    DesignSystem,\n    TabPanel as FoundationTabPanel,\n    tabPanelTemplate as template\n} from '@ni/fast-foundation';\nimport { styles } from './styles';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-tab-panel': TabPanel;\n    }\n}\n\n/**\n * A nimble-styled tab panel\n */\nexport class TabPanel extends FoundationTabPanel {}\n\nconst nimbleTabPanel = TabPanel.compose({\n    baseName: 'tab-panel',\n    baseClass: FoundationTabPanel,\n    template,\n    styles\n});\n\nDesignSystem.getOrCreate().withPrefix('nimble').register(nimbleTabPanel());\nexport const tabPanelTag = 'nimble-tab-panel';\n"]}

package/dist/esm/tab-panel/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/tab-panel/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 { bodyFont, bodyFontColor, standardPadding } from '../theme-provider/design-tokens';
 export const styles = css `

package/dist/esm/tab-panel/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/tab-panel/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EACH,QAAQ,EACR,aAAa,EACb,eAAe,EAClB,MAAM,iCAAiC,CAAC;AAEzC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,OAAO,CAAC;;;gBAGN,QAAQ;iBACP,aAAa;uBACP,eAAe;;CAErC,CAAC","sourcesContent":["import { css } from '@microsoft/fast-element';\nimport { display } from '../utilities/style/display';\nimport {\n    bodyFont,\n    bodyFontColor,\n    standardPadding\n} from '../theme-provider/design-tokens';\n\nexport const styles = css`\n    ${display('block')}\n\n    :host {\n        font: ${bodyFont};\n        color: ${bodyFontColor};\n        padding-top: ${standardPadding};\n    }\n`;\n"]}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/tab-panel/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EACH,QAAQ,EACR,aAAa,EACb,eAAe,EAClB,MAAM,iCAAiC,CAAC;AAEzC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,OAAO,CAAC;;;gBAGN,QAAQ;iBACP,aAAa;uBACP,eAAe;;CAErC,CAAC","sourcesContent":["import { css } from '@ni/fast-element';\nimport { display } from '../utilities/style/display';\nimport {\n    bodyFont,\n    bodyFontColor,\n    standardPadding\n} from '../theme-provider/design-tokens';\n\nexport const styles = css`\n    ${display('block')}\n\n    :host {\n        font: ${bodyFont};\n        color: ${bodyFontColor};\n        padding-top: ${standardPadding};\n    }\n`;\n"]}

package/dist/esm/table/components/cell/index.d.ts

@@ -1,5 +1,5 @@
-import { ViewTemplate } from '@microsoft/fast-element';
-import { FoundationElement } from '@microsoft/fast-foundation';
+import { ViewTemplate } from '@ni/fast-element';
+import { FoundationElement } from '@ni/fast-foundation';
 import type { MenuButton } from '../../../menu-button';
 import type { MenuButtonToggleEventDetail } from '../../../menu-button/types';
 import type { TableColumn } from '../../../table-column/base';

package/dist/esm/table/components/cell/index.js

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

package/dist/esm/table/components/cell/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/table/components/cell/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACzE,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAQ7E,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAStC;;;GAGG;AACH,MAAM,OAAO,SAEX,SAAQ,iBAAiB;IAF3B;;QAgBW,kBAAa,GAAG,KAAK,CAAC;QAGtB,aAAQ,GAAG,KAAK,CAAC;QAajB,iBAAY,GAAG,CAAC,CAAC;IAsC5B,CAAC;IAlCG,gBAAgB;IAChB,IAAW,QAAQ;QACf,OAAO,IAAI,CAAC,iBAAiB;aACxB,iBAA+C,CAAC;IACzD,CAAC;IAEM,wBAAwB,CAC3B,KAA+C;QAE/C,IAAI,CAAC,KAAK,CAAC,+BAA+B,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC9D,CAAC;IAEM,kBAAkB,CACrB,KAA+C;QAE/C,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC;QACtC,IAAI,CAAC,KAAK,CAAC,yBAAyB,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACxD,CAAC;IAEM,gBAAgB;QACnB,IAAI,CAAC,KAAK,CAAC,uBAAuB,EAAE,IAAI,CAAC,CAAC;IAC9C,CAAC;IAEM,iBAAiB;QACpB,IAAI,CAAC,KAAK,CAAC,oBAAoB,EAAE,IAAI,CAAC,CAAC;IAC3C,CAAC;IAEM,aAAa;QAChB,IAAI,CAAC,KAAK,CAAC,eAAe,EAAE,IAAI,CAAC,CAAC;IACtC,CAAC;IAEM,UAAU;QACb,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;IAClC,CAAC;CACJ;AAlEU;IADN,UAAU;4CACoC;AAGxC;IADN,UAAU;yCACiB;AAGrB;IADN,UAAU;2CACc;AAGlB;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC;2CACR;AAGlB;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,iBAAiB,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;gDAC3B;AAGtB;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;2CAC1B;AAGjB;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,mBAAmB,EAAE,CAAC;kDACT;AAGzB;IADN,UAAU;mDACuC;AAI3C;IADN,UAAU;oDAC4B;AAGhC;IADN,UAAU;+CACa;AAwC5B,MAAM,eAAe,GAAG,SAAS,CAAC,OAAO,CAAC;IACtC,QAAQ,EAAE,YAAY;IACtB,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,eAAe,EAAE,CAAC,CAAC;AAC5E,MAAM,CAAC,MAAM,YAAY,GAAG,mBAAmB,CAAC","sourcesContent":["import { attr, observable, ViewTemplate } from '@microsoft/fast-element';\nimport { DesignSystem, FoundationElement } from '@microsoft/fast-foundation';\nimport type { MenuButton } from '../../../menu-button';\nimport type { MenuButtonToggleEventDetail } from '../../../menu-button/types';\nimport type { TableColumn } from '../../../table-column/base';\nimport type {\n    TableCellRecord,\n    TableCellState\n} from '../../../table-column/base/types';\nimport { styles } from './styles';\nimport { template } from './template';\nimport type { TableCellView } from '../../../table-column/base/cell-view';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-table-cell': TableCell;\n    }\n}\n\n/**\n * A styled cell that is used within the nimble-table-row.\n * @internal\n */\nexport class TableCell<\n    TCellRecord extends TableCellRecord = TableCellRecord\n> extends FoundationElement {\n    @observable\n    public cellState?: TableCellState<TCellRecord>;\n\n    @observable\n    public column?: TableColumn;\n\n    @observable\n    public recordId?: string;\n\n    @attr({ attribute: 'column-id' })\n    public columnId?: string;\n\n    @attr({ attribute: 'has-action-menu', mode: 'boolean' })\n    public hasActionMenu = false;\n\n    @attr({ attribute: 'menu-open', mode: 'boolean' })\n    public menuOpen = false;\n\n    @attr({ attribute: 'action-menu-label' })\n    public actionMenuLabel?: string;\n\n    @observable\n    public cellViewTemplate?: ViewTemplate<TableCell>;\n\n    /** @internal */\n    @observable\n    public cellViewContainer!: HTMLElement;\n\n    @observable\n    public nestingLevel = 0;\n\n    public readonly actionMenuButton?: MenuButton;\n\n    /** @internal */\n    public get cellView(): TableCellView<TCellRecord> {\n        return this.cellViewContainer\n            .firstElementChild as TableCellView<TCellRecord>;\n    }\n\n    public onActionMenuBeforeToggle(\n        event: CustomEvent<MenuButtonToggleEventDetail>\n    ): void {\n        this.$emit('cell-action-menu-beforetoggle', event.detail);\n    }\n\n    public onActionMenuToggle(\n        event: CustomEvent<MenuButtonToggleEventDetail>\n    ): void {\n        this.menuOpen = event.detail.newState;\n        this.$emit('cell-action-menu-toggle', event.detail);\n    }\n\n    public onActionMenuBlur(): void {\n        this.$emit('cell-action-menu-blur', this);\n    }\n\n    public onCellViewFocusIn(): void {\n        this.$emit('cell-view-focus-in', this);\n    }\n\n    public onCellFocusIn(): void {\n        this.$emit('cell-focus-in', this);\n    }\n\n    public onCellBlur(): void {\n        this.$emit('cell-blur', this);\n    }\n}\n\nconst nimbleTableCell = TableCell.compose({\n    baseName: 'table-cell',\n    template,\n    styles\n});\n\nDesignSystem.getOrCreate().withPrefix('nimble').register(nimbleTableCell());\nexport const tableCellTag = 'nimble-table-cell';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/table/components/cell/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAQtE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAStC;;;GAGG;AACH,MAAM,OAAO,SAEX,SAAQ,iBAAiB;IAF3B;;QAgBW,kBAAa,GAAG,KAAK,CAAC;QAGtB,aAAQ,GAAG,KAAK,CAAC;QAajB,iBAAY,GAAG,CAAC,CAAC;IAsC5B,CAAC;IAlCG,gBAAgB;IAChB,IAAW,QAAQ;QACf,OAAO,IAAI,CAAC,iBAAiB;aACxB,iBAA+C,CAAC;IACzD,CAAC;IAEM,wBAAwB,CAC3B,KAA+C;QAE/C,IAAI,CAAC,KAAK,CAAC,+BAA+B,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC9D,CAAC;IAEM,kBAAkB,CACrB,KAA+C;QAE/C,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC;QACtC,IAAI,CAAC,KAAK,CAAC,yBAAyB,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACxD,CAAC;IAEM,gBAAgB;QACnB,IAAI,CAAC,KAAK,CAAC,uBAAuB,EAAE,IAAI,CAAC,CAAC;IAC9C,CAAC;IAEM,iBAAiB;QACpB,IAAI,CAAC,KAAK,CAAC,oBAAoB,EAAE,IAAI,CAAC,CAAC;IAC3C,CAAC;IAEM,aAAa;QAChB,IAAI,CAAC,KAAK,CAAC,eAAe,EAAE,IAAI,CAAC,CAAC;IACtC,CAAC;IAEM,UAAU;QACb,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;IAClC,CAAC;CACJ;AAlEU;IADN,UAAU;4CACoC;AAGxC;IADN,UAAU;yCACiB;AAGrB;IADN,UAAU;2CACc;AAGlB;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC;2CACR;AAGlB;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,iBAAiB,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;gDAC3B;AAGtB;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;2CAC1B;AAGjB;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,mBAAmB,EAAE,CAAC;kDACT;AAGzB;IADN,UAAU;mDACuC;AAI3C;IADN,UAAU;oDAC4B;AAGhC;IADN,UAAU;+CACa;AAwC5B,MAAM,eAAe,GAAG,SAAS,CAAC,OAAO,CAAC;IACtC,QAAQ,EAAE,YAAY;IACtB,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,eAAe,EAAE,CAAC,CAAC;AAC5E,MAAM,CAAC,MAAM,YAAY,GAAG,mBAAmB,CAAC","sourcesContent":["import { attr, observable, ViewTemplate } from '@ni/fast-element';\nimport { DesignSystem, FoundationElement } from '@ni/fast-foundation';\nimport type { MenuButton } from '../../../menu-button';\nimport type { MenuButtonToggleEventDetail } from '../../../menu-button/types';\nimport type { TableColumn } from '../../../table-column/base';\nimport type {\n    TableCellRecord,\n    TableCellState\n} from '../../../table-column/base/types';\nimport { styles } from './styles';\nimport { template } from './template';\nimport type { TableCellView } from '../../../table-column/base/cell-view';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-table-cell': TableCell;\n    }\n}\n\n/**\n * A styled cell that is used within the nimble-table-row.\n * @internal\n */\nexport class TableCell<\n    TCellRecord extends TableCellRecord = TableCellRecord\n> extends FoundationElement {\n    @observable\n    public cellState?: TableCellState<TCellRecord>;\n\n    @observable\n    public column?: TableColumn;\n\n    @observable\n    public recordId?: string;\n\n    @attr({ attribute: 'column-id' })\n    public columnId?: string;\n\n    @attr({ attribute: 'has-action-menu', mode: 'boolean' })\n    public hasActionMenu = false;\n\n    @attr({ attribute: 'menu-open', mode: 'boolean' })\n    public menuOpen = false;\n\n    @attr({ attribute: 'action-menu-label' })\n    public actionMenuLabel?: string;\n\n    @observable\n    public cellViewTemplate?: ViewTemplate<TableCell>;\n\n    /** @internal */\n    @observable\n    public cellViewContainer!: HTMLElement;\n\n    @observable\n    public nestingLevel = 0;\n\n    public readonly actionMenuButton?: MenuButton;\n\n    /** @internal */\n    public get cellView(): TableCellView<TCellRecord> {\n        return this.cellViewContainer\n            .firstElementChild as TableCellView<TCellRecord>;\n    }\n\n    public onActionMenuBeforeToggle(\n        event: CustomEvent<MenuButtonToggleEventDetail>\n    ): void {\n        this.$emit('cell-action-menu-beforetoggle', event.detail);\n    }\n\n    public onActionMenuToggle(\n        event: CustomEvent<MenuButtonToggleEventDetail>\n    ): void {\n        this.menuOpen = event.detail.newState;\n        this.$emit('cell-action-menu-toggle', event.detail);\n    }\n\n    public onActionMenuBlur(): void {\n        this.$emit('cell-action-menu-blur', this);\n    }\n\n    public onCellViewFocusIn(): void {\n        this.$emit('cell-view-focus-in', this);\n    }\n\n    public onCellFocusIn(): void {\n        this.$emit('cell-focus-in', this);\n    }\n\n    public onCellBlur(): void {\n        this.$emit('cell-blur', this);\n    }\n}\n\nconst nimbleTableCell = TableCell.compose({\n    baseName: 'table-cell',\n    template,\n    styles\n});\n\nDesignSystem.getOrCreate().withPrefix('nimble').register(nimbleTableCell());\nexport const tableCellTag = 'nimble-table-cell';\n"]}

package/dist/esm/table/components/cell/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/table/components/cell/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 { borderHoverColor, borderWidth, controlHeight, controlSlimHeight, mediumPadding } from '../../../theme-provider/design-tokens';
 import { focusVisible } from '../../../utilities/style/focus';

package/dist/esm/table/components/cell/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/table/components/cell/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,kCAAkC,CAAC;AAC3D,OAAO,EACH,gBAAgB,EAChB,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,aAAa,EAChB,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAE9D,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,MAAM,CAAC;;;;uBAIE,aAAa;;cAEtB,aAAa,MAAM,aAAa;;;;;;;;;YASlC,YAAY;4BACI,WAAW,WAAW,gBAAgB;;;;;;;;;;;;;;;;;kBAiBhD,iBAAiB;;;;MAI7B;AACE,wEAAwE,CAAC,EAC7E;;;;CAIH,CAAC","sourcesContent":["import { css } from '@microsoft/fast-element';\nimport { display } from '../../../utilities/style/display';\nimport {\n    borderHoverColor,\n    borderWidth,\n    controlHeight,\n    controlSlimHeight,\n    mediumPadding\n} from '../../../theme-provider/design-tokens';\nimport { focusVisible } from '../../../utilities/style/focus';\n\nexport const styles = css`\n    ${display('flex')}\n\n    :host {\n        --ni-private-table-cell-nesting-level: 0;\n        padding: 0px ${mediumPadding};\n        padding-left: calc(\n            ${mediumPadding} + ${controlHeight} *\n                var(--ni-private-table-cell-nesting-level)\n        );\n        align-self: center;\n        height: 100%;\n        /* A default value that will be overridden by the row */\n        --ni-private-table-cell-action-menu-display: block;\n    }\n\n    :host(${focusVisible}) {\n        outline: calc(2 * ${borderWidth}) solid ${borderHoverColor};\n        outline-offset: -2px;\n    }\n\n    .cell-view-container {\n        display: contents;\n    }\n\n    .cell-view {\n        overflow: hidden;\n    }\n\n    .action-menu {\n        display: var(--ni-private-table-cell-action-menu-display);\n        margin-left: auto;\n        flex-shrink: 0;\n        flex-grow: 0;\n        height: ${controlSlimHeight};\n        align-self: center;\n    }\n\n    ${\n        /* This CSS class is applied dynamically by KeyboardNavigationManager */ ''\n    }\n    .action-menu.cell-action-menu-focused {\n        display: block;\n    }\n`;\n"]}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/table/components/cell/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,kCAAkC,CAAC;AAC3D,OAAO,EACH,gBAAgB,EAChB,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,aAAa,EAChB,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAE9D,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,MAAM,CAAC;;;;uBAIE,aAAa;;cAEtB,aAAa,MAAM,aAAa;;;;;;;;;YASlC,YAAY;4BACI,WAAW,WAAW,gBAAgB;;;;;;;;;;;;;;;;;kBAiBhD,iBAAiB;;;;MAI7B;AACE,wEAAwE,CAAC,EAC7E;;;;CAIH,CAAC","sourcesContent":["import { css } from '@ni/fast-element';\nimport { display } from '../../../utilities/style/display';\nimport {\n    borderHoverColor,\n    borderWidth,\n    controlHeight,\n    controlSlimHeight,\n    mediumPadding\n} from '../../../theme-provider/design-tokens';\nimport { focusVisible } from '../../../utilities/style/focus';\n\nexport const styles = css`\n    ${display('flex')}\n\n    :host {\n        --ni-private-table-cell-nesting-level: 0;\n        padding: 0px ${mediumPadding};\n        padding-left: calc(\n            ${mediumPadding} + ${controlHeight} *\n                var(--ni-private-table-cell-nesting-level)\n        );\n        align-self: center;\n        height: 100%;\n        /* A default value that will be overridden by the row */\n        --ni-private-table-cell-action-menu-display: block;\n    }\n\n    :host(${focusVisible}) {\n        outline: calc(2 * ${borderWidth}) solid ${borderHoverColor};\n        outline-offset: -2px;\n    }\n\n    .cell-view-container {\n        display: contents;\n    }\n\n    .cell-view {\n        overflow: hidden;\n    }\n\n    .action-menu {\n        display: var(--ni-private-table-cell-action-menu-display);\n        margin-left: auto;\n        flex-shrink: 0;\n        flex-grow: 0;\n        height: ${controlSlimHeight};\n        align-self: center;\n    }\n\n    ${\n        /* This CSS class is applied dynamically by KeyboardNavigationManager */ ''\n    }\n    .action-menu.cell-action-menu-focused {\n        display: block;\n    }\n`;\n"]}

package/dist/esm/table/components/cell/template.d.ts

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

package/dist/esm/table/components/cell/template.js

@@ -1,4 +1,4 @@
-import { html, ref, when } from '@microsoft/fast-element';
+import { html, ref, when } from '@ni/fast-element';
 import { iconThreeDotsLineTag } from '../../../icons/three-dots-line';
 import { menuButtonTag } from '../../../menu-button';
 import { ButtonAppearance } from '../../../menu-button/types';

package/dist/esm/table/components/cell/template.js.map

@@ -1 +1 @@
-{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../../../src/table/components/cell/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAE1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EACH,gBAAgB,EAEnB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,wBAAwB,EAAE,MAAM,4CAA4C,CAAC;AAEtF,kBAAkB;AAClB,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAW;0EACmC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY;oBACzE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,aAAa,EAAE;iBACzB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU,EAAE;;eAErB,GAAG,CAAC,mBAAmB,CAAC,0CAA0C,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,iBAAiB,EAAE;cAC7F,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,gBAAgB;;UAE3B,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,aAAa,EAAE,IAAI,CAAW;eACrC,aAAa,IAAI,GAAG,CAAC,kBAAkB,CAAC;;8BAEzB,gBAAgB,CAAC,KAAK;kBAClC,EAAE,CAAC,+DAA+D;;iCAEnD,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,KAAiD,CAAC;2BAC/F,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,KAAiD,CAAC;0BACpF,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,eAAe,EAAE;yBACpC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,gBAAgB,EAAE;;yBAEzB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,wBAAwB,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;;mBAE5F,oBAAoB,mBAAmB,oBAAoB;kBAC5D,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,wBAAwB,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;;gBAExF,aAAa;SACpB,CAAC;;CAET,CAAC","sourcesContent":["import { html, ref, when } from '@microsoft/fast-element';\nimport type { TableCell } from '.';\nimport { iconThreeDotsLineTag } from '../../../icons/three-dots-line';\nimport { menuButtonTag } from '../../../menu-button';\nimport {\n    ButtonAppearance,\n    type MenuButtonToggleEventDetail\n} from '../../../menu-button/types';\nimport { tableCellActionMenuLabel } from '../../../label-provider/table/label-tokens';\n\n// prettier-ignore\nexport const template = html<TableCell>`\n    <template role=\"cell\" style=\"--ni-private-table-cell-nesting-level: ${x => x.nestingLevel}\"\n        @focusin=\"${x => x.onCellFocusIn()}\"\n        @blur=\"${x => x.onCellBlur()}\"\n    >\n        <div ${ref('cellViewContainer')} class=\"cell-view-container\" @focusin=\"${x => x.onCellViewFocusIn()}\">\n            ${x => x.cellViewTemplate}\n        </div>\n        ${when(x => x.hasActionMenu, html<TableCell>`\n            <${menuButtonTag} ${ref('actionMenuButton')}\n                content-hidden\n                appearance=\"${ButtonAppearance.ghost}\"\n                ${'' /* tabindex managed dynamically by KeyboardNavigationManager */}\n                tabindex=\"-1\"\n                @beforetoggle=\"${(x, c) => x.onActionMenuBeforeToggle(c.event as CustomEvent<MenuButtonToggleEventDetail>)}\"\n                @toggle=\"${(x, c) => x.onActionMenuToggle(c.event as CustomEvent<MenuButtonToggleEventDetail>)}\"\n                @click=\"${(_, c) => c.event.stopPropagation()}\"\n                @blur=\"${x => x.onActionMenuBlur()}\"\n                class=\"action-menu\"\n                title=\"${x => (x.actionMenuLabel ? x.actionMenuLabel : tableCellActionMenuLabel.getValueFor(x))}\"\n            >\n                <${iconThreeDotsLineTag} slot=\"start\"></${iconThreeDotsLineTag}>\n                ${x => (x.actionMenuLabel ? x.actionMenuLabel : tableCellActionMenuLabel.getValueFor(x))}\n                <slot name=\"cellActionMenu\" slot=\"menu\"></slot>\n            </${menuButtonTag}>\n        `)}\n    </template>\n`;\n"]}
+{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../../../src/table/components/cell/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAEnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EACH,gBAAgB,EAEnB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,wBAAwB,EAAE,MAAM,4CAA4C,CAAC;AAEtF,kBAAkB;AAClB,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAW;0EACmC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY;oBACzE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,aAAa,EAAE;iBACzB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU,EAAE;;eAErB,GAAG,CAAC,mBAAmB,CAAC,0CAA0C,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,iBAAiB,EAAE;cAC7F,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,gBAAgB;;UAE3B,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,aAAa,EAAE,IAAI,CAAW;eACrC,aAAa,IAAI,GAAG,CAAC,kBAAkB,CAAC;;8BAEzB,gBAAgB,CAAC,KAAK;kBAClC,EAAE,CAAC,+DAA+D;;iCAEnD,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,KAAiD,CAAC;2BAC/F,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,KAAiD,CAAC;0BACpF,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,eAAe,EAAE;yBACpC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,gBAAgB,EAAE;;yBAEzB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,wBAAwB,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;;mBAE5F,oBAAoB,mBAAmB,oBAAoB;kBAC5D,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,wBAAwB,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;;gBAExF,aAAa;SACpB,CAAC;;CAET,CAAC","sourcesContent":["import { html, ref, when } from '@ni/fast-element';\nimport type { TableCell } from '.';\nimport { iconThreeDotsLineTag } from '../../../icons/three-dots-line';\nimport { menuButtonTag } from '../../../menu-button';\nimport {\n    ButtonAppearance,\n    type MenuButtonToggleEventDetail\n} from '../../../menu-button/types';\nimport { tableCellActionMenuLabel } from '../../../label-provider/table/label-tokens';\n\n// prettier-ignore\nexport const template = html<TableCell>`\n    <template role=\"cell\" style=\"--ni-private-table-cell-nesting-level: ${x => x.nestingLevel}\"\n        @focusin=\"${x => x.onCellFocusIn()}\"\n        @blur=\"${x => x.onCellBlur()}\"\n    >\n        <div ${ref('cellViewContainer')} class=\"cell-view-container\" @focusin=\"${x => x.onCellViewFocusIn()}\">\n            ${x => x.cellViewTemplate}\n        </div>\n        ${when(x => x.hasActionMenu, html<TableCell>`\n            <${menuButtonTag} ${ref('actionMenuButton')}\n                content-hidden\n                appearance=\"${ButtonAppearance.ghost}\"\n                ${'' /* tabindex managed dynamically by KeyboardNavigationManager */}\n                tabindex=\"-1\"\n                @beforetoggle=\"${(x, c) => x.onActionMenuBeforeToggle(c.event as CustomEvent<MenuButtonToggleEventDetail>)}\"\n                @toggle=\"${(x, c) => x.onActionMenuToggle(c.event as CustomEvent<MenuButtonToggleEventDetail>)}\"\n                @click=\"${(_, c) => c.event.stopPropagation()}\"\n                @blur=\"${x => x.onActionMenuBlur()}\"\n                class=\"action-menu\"\n                title=\"${x => (x.actionMenuLabel ? x.actionMenuLabel : tableCellActionMenuLabel.getValueFor(x))}\"\n            >\n                <${iconThreeDotsLineTag} slot=\"start\"></${iconThreeDotsLineTag}>\n                ${x => (x.actionMenuLabel ? x.actionMenuLabel : tableCellActionMenuLabel.getValueFor(x))}\n                <slot name=\"cellActionMenu\" slot=\"menu\"></slot>\n            </${menuButtonTag}>\n        `)}\n    </template>\n`;\n"]}

package/dist/esm/table/components/group-row/index.d.ts

@@ -1,4 +1,4 @@
-import { FoundationElement } from '@microsoft/fast-foundation';
+import { FoundationElement } from '@ni/fast-foundation';
 import type { TableColumn } from '../../../table-column/base';
 import { type TableRowFocusableElements, TableRowSelectionState } from '../../types';
 import type { Checkbox } from '../../../checkbox';

package/dist/esm/table/components/group-row/index.js

@@ -1,6 +1,6 @@
 import { __decorate } from "tslib";
-import { attr, observable } from '@microsoft/fast-element';
-import { DesignSystem, FoundationElement } from '@microsoft/fast-foundation';
+import { attr, observable } from '@ni/fast-element';
+import { DesignSystem, FoundationElement } from '@ni/fast-foundation';
 import { styles } from './styles';
 import { template } from './template';
 import { TableRowSelectionState } from '../../types';