@ni/nimble-components 32.4.0 → 32.5.0

package/dist/esm/patterns/tabs/testing/tabs-base.pageobject.js

@@ -0,0 +1,92 @@
+import { waitForUpdatesAsync } from '../../../testing/async-helpers';
+import { waitTimeout } from '../../../utilities/testing/component';
+/**
+ * Page object for the `nimble-tabs` and `nimble-anchor-tabs` components to provide
+ * consistent ways of querying and interacting with the component during tests.
+ */
+export class TabsBasePageObject {
+    constructor(tabsElement, tabElementName, tabPanelElementName) {
+        this.tabsElement = tabsElement;
+        this.tabElementName = tabElementName;
+        this.tabPanelElementName = tabPanelElementName;
+    }
+    async clickTab(index) {
+        if (index >= this.tabsElement.tabs.length) {
+            throw new Error(`Tab with index ${index} not found`);
+        }
+        this.tabsElement.tabs[index].click();
+        await waitForUpdatesAsync();
+    }
+    async pressKeyOnTab(index, key) {
+        if (index >= this.tabsElement.tabs.length) {
+            throw new Error(`Tab with index ${index} not found`);
+        }
+        const tab = this.tabsElement.tabs[index];
+        tab.dispatchEvent(new KeyboardEvent('keydown', { key }));
+        await waitForUpdatesAsync();
+    }
+    async setTabsWidth(width) {
+        this.tabsElement.style.width = `${width}px`;
+        await waitForUpdatesAsync();
+        await waitForUpdatesAsync(); // wait for the resize observer to fire
+    }
+    async clickScrollLeftButton() {
+        const leftButton = this.tabsElement.shadowRoot.querySelector('.scroll-button.left');
+        if (!leftButton) {
+            throw new Error('Scroll left button not found');
+        }
+        leftButton.click();
+        await waitForUpdatesAsync();
+        await waitTimeout(50); // let animation run
+    }
+    async clickScrollRightButton() {
+        const rightButton = this.tabsElement.shadowRoot.querySelector('.scroll-button.right');
+        if (!rightButton) {
+            throw new Error('Scroll right button not found');
+        }
+        rightButton.click();
+        await waitForUpdatesAsync();
+        await waitTimeout(50); // let animation run
+    }
+    areScrollButtonsVisible() {
+        return (this.tabsElement.shadowRoot.querySelectorAll('.scroll-button')
+            .length > 0);
+    }
+    async addTab(label) {
+        const tab = document.createElement(this.tabElementName);
+        tab.textContent = label;
+        const lastTab = this.tabsElement.querySelector(`${this.tabElementName}:last-of-type`);
+        lastTab.insertAdjacentElement('afterend', tab);
+        if (this.tabPanelElementName) {
+            const tabPanel = document.createElement(this.tabPanelElementName);
+            const lastTabPanel = this.tabsElement.querySelector(`${this.tabPanelElementName}:last-of-type`);
+            lastTabPanel.insertAdjacentElement('afterend', tabPanel);
+        }
+        await waitForUpdatesAsync();
+    }
+    async removeTab(index) {
+        if (index >= this.tabsElement.tabs.length) {
+            throw new Error(`Tab with index ${index} not found`);
+        }
+        const tabToRemove = this.tabsElement.tabs[index];
+        tabToRemove?.remove();
+        if (this.tabPanelElementName) {
+            const tabPanelToRemove = this.tabsElement.querySelectorAll(this.tabPanelElementName)[index];
+            tabPanelToRemove?.remove();
+        }
+        await waitForUpdatesAsync();
+    }
+    async updateTabLabel(index, label) {
+        if (index >= this.tabsElement.tabs.length) {
+            throw new Error(`Tab with index ${index} not found`);
+        }
+        const tab = this.tabsElement.tabs[index];
+        tab.textContent = label;
+        await waitForUpdatesAsync();
+    }
+    getTabsViewScrollOffset() {
+        return this.tabsElement.shadowRoot.querySelector('.tablist')
+            .scrollLeft;
+    }
+}
+//# sourceMappingURL=tabs-base.pageobject.js.map

package/dist/esm/patterns/tabs/testing/tabs-base.pageobject.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs-base.pageobject.js","sourceRoot":"","sources":["../../../../../src/patterns/tabs/testing/tabs-base.pageobject.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Button } from '../../../button';\nimport { waitForUpdatesAsync } from '../../../testing/async-helpers';\nimport { waitTimeout } from '../../../utilities/testing/component';\nimport type { TabsOwner } from '../types';\n\n/**\n * Page object for the `nimble-tabs` and `nimble-anchor-tabs` components to provide\n * consistent ways of querying and interacting with the component during tests.\n */\nexport abstract class TabsBasePageObject<T extends TabsOwner> {\n    public constructor(\n        protected readonly tabsElement: T,\n        protected readonly tabElementName: string,\n        protected readonly tabPanelElementName?: string\n    ) {}\n\n    public async clickTab(index: number): Promise<void> {\n        if (index >= this.tabsElement.tabs.length) {\n            throw new Error(`Tab with index ${index} not found`);\n        }\n        this.tabsElement.tabs[index]!.click();\n        await waitForUpdatesAsync();\n    }\n\n    public async pressKeyOnTab(index: number, key: string): Promise<void> {\n        if (index >= this.tabsElement.tabs.length) {\n            throw new Error(`Tab with index ${index} not found`);\n        }\n        const tab = this.tabsElement.tabs[index]!;\n        tab.dispatchEvent(new KeyboardEvent('keydown', { key }));\n        await waitForUpdatesAsync();\n    }\n\n    public async setTabsWidth(width: number): Promise<void> {\n        this.tabsElement.style.width = `${width}px`;\n        await waitForUpdatesAsync();\n        await waitForUpdatesAsync(); // wait for the resize observer to fire\n    }\n\n    public async clickScrollLeftButton(): Promise<void> {\n        const leftButton = this.tabsElement.shadowRoot!.querySelector<Button>(\n            '.scroll-button.left'\n        );\n        if (!leftButton) {\n            throw new Error('Scroll left button not found');\n        }\n        leftButton.click();\n        await waitForUpdatesAsync();\n        await waitTimeout(50); // let animation run\n    }\n\n    public async clickScrollRightButton(): Promise<void> {\n        const rightButton = this.tabsElement.shadowRoot!.querySelector<Button>(\n            '.scroll-button.right'\n        );\n        if (!rightButton) {\n            throw new Error('Scroll right button not found');\n        }\n        rightButton.click();\n        await waitForUpdatesAsync();\n        await waitTimeout(50); // let animation run\n    }\n\n    public areScrollButtonsVisible(): boolean {\n        return (\n            this.tabsElement.shadowRoot!.querySelectorAll('.scroll-button')\n                .length > 0\n        );\n    }\n\n    public async addTab(label: string): Promise<void> {\n        const tab = document.createElement(this.tabElementName);\n        tab.textContent = label;\n        const lastTab = this.tabsElement.querySelector(\n            `${this.tabElementName}:last-of-type`\n        )!;\n        lastTab.insertAdjacentElement('afterend', tab);\n        if (this.tabPanelElementName) {\n            const tabPanel = document.createElement(this.tabPanelElementName);\n            const lastTabPanel = this.tabsElement.querySelector(\n                `${this.tabPanelElementName}:last-of-type`\n            )!;\n            lastTabPanel.insertAdjacentElement('afterend', tabPanel);\n        }\n        await waitForUpdatesAsync();\n    }\n\n    public async removeTab(index: number): Promise<void> {\n        if (index >= this.tabsElement.tabs.length) {\n            throw new Error(`Tab with index ${index} not found`);\n        }\n        const tabToRemove = this.tabsElement.tabs[index];\n        tabToRemove?.remove();\n        if (this.tabPanelElementName) {\n            const tabPanelToRemove = this.tabsElement.querySelectorAll(\n                this.tabPanelElementName\n            )[index];\n            tabPanelToRemove?.remove();\n        }\n        await waitForUpdatesAsync();\n    }\n\n    public async updateTabLabel(index: number, label: string): Promise<void> {\n        if (index >= this.tabsElement.tabs.length) {\n            throw new Error(`Tab with index ${index} not found`);\n        }\n        const tab = this.tabsElement.tabs[index]!;\n        tab.textContent = label;\n        await waitForUpdatesAsync();\n    }\n\n    public getTabsViewScrollOffset(): number {\n        return this.tabsElement.shadowRoot!.querySelector('.tablist')!\n            .scrollLeft;\n    }\n}\n"]}

package/dist/esm/patterns/tabs/types.d.ts

@@ -0,0 +1,9 @@
+export interface TabsOwner extends HTMLElement {
+    tabs: HTMLElement[];
+    tablist: HTMLElement;
+    leftScrollButton?: HTMLElement;
+    showScrollButtons: boolean;
+    tabSlotName: string;
+    onScrollLeftClick(): void;
+    onScrollRightClick(): void;
+}

package/dist/esm/patterns/tabs/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/esm/patterns/tabs/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/patterns/tabs/types.ts"],"names":[],"mappings":"","sourcesContent":["export interface TabsOwner extends HTMLElement {\n    tabs: HTMLElement[];\n    tablist: HTMLElement;\n    leftScrollButton?: HTMLElement;\n    showScrollButtons: boolean;\n    tabSlotName: string;\n    onScrollLeftClick(): void;\n    onScrollRightClick(): void;\n}\n"]}

package/dist/esm/rich-text/editor/testing/rich-text-editor.pageobject.js

@@ -1,5 +1,6 @@
 import { keySpace, keyEnter, keyTab, keyEscape } from '@microsoft/fast-web-utilities';
 import { waitForUpdatesAsync } from '../../../testing/async-helpers';
+import { toggleButtonTag } from '../../../toggle-button';
 import { ToolbarButton } from './types';
 import { getTagsFromElement, getLeafContentsFromElement, getLastChildElement, getLastChildElementAttribute } from '../../models/testing/markdown-parser-utils';
 import { richTextMentionUsersViewTag } from '../../../rich-text-mention/users/view';
@@ -352,7 +353,7 @@ export class RichTextEditorPageObject {
         return this.richTextEditorElement.shadowRoot.querySelector('.ProseMirror');
     }
     getFormattingButton(button) {
-        const buttons = this.richTextEditorElement.shadowRoot.querySelectorAll('nimble-toggle-button');
+        const buttons = this.richTextEditorElement.shadowRoot.querySelectorAll(toggleButtonTag);
         return buttons[button];
     }
     getUserMentionButton() {

package/dist/esm/rich-text/editor/testing/rich-text-editor.pageobject.js.map

@@ -1 +1 @@
-{"version":3,"file":"rich-text-editor.pageobject.js","sourceRoot":"","sources":["../../../../../src/rich-text/editor/testing/rich-text-editor.pageobject.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n    keySpace,\n    keyEnter,\n    keyTab,\n    keyEscape\n} from '@microsoft/fast-web-utilities';\nimport type { RichTextEditor } from '..';\nimport { waitForUpdatesAsync } from '../../../testing/async-helpers';\nimport type { ToggleButton } from '../../../toggle-button';\nimport {\n    ArrowKeyButton,\n    MappingConfiguration,\n    ToolbarButton,\n    ToolbarButtonKey\n} from './types';\nimport {\n    getTagsFromElement,\n    getLeafContentsFromElement,\n    getLastChildElement,\n    getLastChildElementAttribute\n} from '../../models/testing/markdown-parser-utils';\nimport { richTextMentionUsersViewTag } from '../../../rich-text-mention/users/view';\nimport { RichTextMarkdownParser } from '../../models/markdown-parser';\nimport { buttonTag, type Button } from '../../../button';\nimport { richTextMentionListboxTag } from '../../mention-listbox';\nimport { listOptionTag, type ListOption } from '../../../list-option';\nimport { anchoredRegionTag } from '../../../anchored-region';\nimport { iconAtTag } from '../../../icons/at';\nimport { MarkdownParserMentionConfiguration } from '../../models/markdown-parser-mention-configuration';\nimport { MentionInternals } from '../../../rich-text-mention/base/models/mention-internals';\nimport { MappingUserConfig } from '../../../rich-text-mention/users/models/mapping-user-config';\nimport { RichTextMentionUsersValidator } from '../../../rich-text-mention/users/models/rich-text-mention-users-validator';\n\n/**\n * Page object for the `nimble-rich-text-editor` component.\n */\nexport class RichTextEditorPageObject {\n    public constructor(\n        private readonly richTextEditorElement: RichTextEditor\n    ) {}\n\n    public editorSectionHasChildNodes(): boolean {\n        const editorSection = this.getEditorSection();\n        return editorSection!.hasChildNodes();\n    }\n\n    public getEditorSectionFirstElementChildClassName(): string {\n        const editorSection = this.getEditorSection();\n        return editorSection!.firstElementChild!.className;\n    }\n\n    public async clickEditorShortcutKeys(\n        shortcutKey: string,\n        isShiftKey: boolean\n    ): Promise<void> {\n        const editor = this.getTiptapEditor();\n        const event = new KeyboardEvent('keydown', {\n            key: shortcutKey,\n            ctrlKey: true,\n            shiftKey: isShiftKey,\n            bubbles: true,\n            cancelable: true\n        });\n        editor.dispatchEvent(event);\n        await waitForUpdatesAsync();\n    }\n\n    public async pressEnterKeyInEditor(): Promise<void> {\n        const editor = this.getTiptapEditor();\n        const event = new KeyboardEvent('keydown', {\n            key: keyEnter,\n            bubbles: true,\n            cancelable: true\n        });\n        editor.dispatchEvent(event);\n        await waitForUpdatesAsync();\n    }\n\n    public async pressEscapeKeyInEditor(): Promise<void> {\n        const editor = this.getTiptapEditor();\n        const event = new KeyboardEvent('keydown', {\n            key: keyEscape,\n            bubbles: true,\n            cancelable: true\n        });\n        editor.dispatchEvent(event);\n        await waitForUpdatesAsync();\n    }\n\n    public async pressArrowKeyInEditor(\n        arrowButton: ArrowKeyButton\n    ): Promise<void> {\n        const editor = this.getTiptapEditor();\n        const event = new KeyboardEvent('keydown', {\n            key: arrowButton,\n            bubbles: true,\n            cancelable: true\n        });\n        editor.dispatchEvent(event);\n        await waitForUpdatesAsync();\n    }\n\n    public async pressShiftEnterKeysInEditor(): Promise<void> {\n        const editor = this.getTiptapEditor();\n        const shiftEnterEvent = new KeyboardEvent('keydown', {\n            key: keyEnter,\n            shiftKey: true,\n            bubbles: true,\n            cancelable: true\n        });\n        editor.dispatchEvent(shiftEnterEvent);\n        await waitForUpdatesAsync();\n    }\n\n    public async pressTabKeyInEditor(): Promise<void> {\n        const editor = this.getTiptapEditor();\n        const event = new KeyboardEvent('keydown', {\n            key: keyTab,\n            bubbles: true,\n            cancelable: true\n        });\n        editor.dispatchEvent(event);\n        await waitForUpdatesAsync();\n    }\n\n    public async pressShiftTabKeysInEditor(): Promise<void> {\n        const editor = this.getTiptapEditor();\n        const shiftTabEvent = new KeyboardEvent('keydown', {\n            key: keyTab,\n            shiftKey: true,\n            bubbles: true,\n            cancelable: true\n        });\n        editor.dispatchEvent(shiftTabEvent);\n        await waitForUpdatesAsync();\n    }\n\n    /**\n     * In testing environment, when clicking on the footer button, it may not persist in the same state if any editor transaction occurs in between.\n     * This behavior is likely due to dynamic modifications of formatting button states based on cursor positions during editor transactions.\n     * Setting the \"force\" parameter to true activates the formatting button state; when set to false, it deactivates the state.\n     * If unset, the state toggles by interacting with it once.\n     */\n    public async toggleFooterButton(\n        button: ToolbarButton,\n        force?: boolean\n    ): Promise<void> {\n        const toggleButton = this.getFormattingButton(button);\n        const event = new Event('mousedown', { bubbles: true });\n        toggleButton!.dispatchEvent(event);\n        toggleButton!.click();\n        let format = Object.keys(ToolbarButton).find(\n            key => ToolbarButton[key as ToolbarButtonKey] === button\n        );\n        // In the editor, the isActive() method expects the format name to be 'italic' instead of 'italics.'\n        // As it was consistently represent it as 'italics' elsewhere just updated it here\n        if (format === 'italics') {\n            format = 'italic';\n        }\n        if (force === true || force === false) {\n            if (\n                this.richTextEditorElement.tiptapEditor.isActive(format!)\n                !== force\n            ) {\n                toggleButton!.dispatchEvent(event);\n                toggleButton!.click();\n            }\n        }\n        await waitForUpdatesAsync();\n    }\n\n    public async clickUserMentionButton(): Promise<void> {\n        const userMentionButton = this.getUserMentionButton();\n        userMentionButton!.click();\n        await waitForUpdatesAsync();\n    }\n\n    public getMentionButtonIcon(buttonIndex: number): string | undefined {\n        const buttons: Button[] = this.getMentionButtons()!;\n        return buttons[buttonIndex]?.firstElementChild?.tagName;\n    }\n\n    public getMentionButtonTitle(buttonIndex: number): string {\n        const buttons: Button[] = this.getMentionButtons()!;\n        return buttons[buttonIndex]?.getAttribute('title') ?? '';\n    }\n\n    public getMentionButtonLabel(buttonIndex: number): string {\n        const buttons: Button[] = this.getMentionButtons()!;\n        return buttons[buttonIndex]?.innerText ?? '';\n    }\n\n    public getButtonCheckedState(button: ToolbarButton): boolean {\n        const toggleButton = this.getFormattingButton(button);\n        return toggleButton!.checked;\n    }\n\n    public getButtonTabIndex(button: ToolbarButton): number {\n        const toggleButton = this.getFormattingButton(button);\n        return toggleButton!.tabIndex;\n    }\n\n    public spaceKeyActivatesButton(button: ToolbarButton): void {\n        const toggleButton = this.getFormattingButton(button)!;\n        const event = new KeyboardEvent('keypress', {\n            key: keySpace\n        } as KeyboardEventInit);\n        toggleButton.control.dispatchEvent(event);\n    }\n\n    public enterKeyActivatesButton(button: ToolbarButton): void {\n        const toggleButton = this.getFormattingButton(button)!;\n        const event = new KeyboardEvent('keypress', {\n            key: keyEnter\n        } as KeyboardEventInit);\n        toggleButton.control.dispatchEvent(event);\n    }\n\n    public async pasteToEditor(text: string): Promise<void> {\n        const editor = this.getTiptapEditor();\n        const pasteEvent = new ClipboardEvent('paste', {\n            clipboardData: new DataTransfer()\n        });\n        pasteEvent.clipboardData?.setData('text/plain', text);\n        editor.dispatchEvent(pasteEvent);\n\n        await this.focusEditorIfMentionListboxOpened();\n    }\n\n    // Simulate the actual pasting of content by passing the extracted HTML string as an argument and setting the format to 'text/html',\n    // as in the [DataFormat](https://developer.mozilla.org/en-US/docs/Web/API/DataTransfer) object.\n    // For example, when copying a link, the clipboard stores information that includes the anchor tag, href attribute value etc, and paste it as an HTML string\n    public async pasteHTMLToEditor(htmlString: string): Promise<void> {\n        const editor = this.getTiptapEditor();\n        const pasteEvent = new ClipboardEvent('paste', {\n            clipboardData: new DataTransfer()\n        });\n        pasteEvent.clipboardData?.setData('text/html', htmlString);\n        editor.dispatchEvent(pasteEvent);\n\n        await this.focusEditorIfMentionListboxOpened();\n    }\n\n    public async setEditorTextContent(value: string): Promise<void> {\n        this.richTextEditorElement.tiptapEditor\n            .chain()\n            .focus()\n            .insertContent({\n                type: 'text',\n                text: value\n            })\n            .run();\n        await waitForUpdatesAsync();\n\n        await this.focusEditorIfMentionListboxOpened();\n    }\n\n    public async setCursorPosition(position: number): Promise<void> {\n        this.richTextEditorElement.tiptapEditor.commands.setTextSelection(\n            position\n        );\n        await waitForUpdatesAsync();\n    }\n\n    public async replaceEditorContent(value: string): Promise<void> {\n        const lastElement = this.getEditorLastChildElement();\n        lastElement.parentElement!.textContent = value;\n        await waitForUpdatesAsync();\n\n        await this.focusEditorIfMentionListboxOpened();\n    }\n\n    public async sliceEditorContent(from: number, to: number): Promise<void> {\n        this.richTextEditorElement.tiptapEditor\n            .chain()\n            .focus()\n            .deleteRange({ from, to })\n            .run();\n        await waitForUpdatesAsync();\n\n        await this.focusEditorIfMentionListboxOpened();\n    }\n\n    public getEditorLastChildAttribute(attribute: string): string {\n        return getLastChildElementAttribute(attribute, this.getTiptapEditor());\n    }\n\n    public async isMentionListboxOpened(): Promise<boolean> {\n        await waitForUpdatesAsync();\n\n        return !this.getMentionListbox()?.shadowRoot?.querySelector(\n            anchoredRegionTag\n        )?.hidden;\n    }\n\n    public getEditorMentionViewAttributeValues(attribute: string): string[] {\n        return Array.from(\n            this.getTiptapEditor().querySelectorAll(richTextMentionUsersViewTag)\n        ).map(el => el.getAttribute(attribute) || '');\n    }\n\n    public getEditorFirstChildTagName(): string {\n        return this.getTiptapEditor().firstElementChild?.tagName ?? '';\n    }\n\n    public getEditorFirstChildTextContent(): string {\n        return this.getTiptapEditor().firstElementChild?.textContent ?? '';\n    }\n\n    public getEditorTextContents(): string[] {\n        return Array.from(this.getTiptapEditor().querySelectorAll('*')).map(\n            el => el.textContent || ''\n        );\n    }\n\n    public getEditorTagNames(): string[] {\n        return getTagsFromElement(this.getTiptapEditor());\n    }\n\n    // Return list of tags, excluding those such as 'IMG' (prosemirror-separator) that do not affect the UI or markdown output.\n    // These tags are considered extraneous and are added by prosemirror.\n    public getMarkdownRenderedTagNames(): string[] {\n        return getTagsFromElement(this.getTiptapEditor()).filter(\n            tag => tag !== 'IMG'\n        );\n    }\n\n    public getEditorLeafContents(): string[] {\n        return getLeafContentsFromElement(this.getTiptapEditor());\n    }\n\n    public getEditorTagNamesWithClosingTags(): string[] {\n        const tagNames: string[] = [];\n        const tiptapEditor = this.getTiptapEditor();\n\n        const processNode = (node: Node): void => {\n            if (node.nodeType === Node.ELEMENT_NODE) {\n                const el = node as Element;\n                tagNames.push(el.tagName);\n\n                el.childNodes.forEach(processNode);\n\n                tagNames.push(`/${el.tagName}`);\n            }\n        };\n\n        if (tiptapEditor) {\n            processNode(tiptapEditor);\n        }\n\n        return tagNames.slice(1, -1);\n    }\n\n    public getFormattingButtonTextContent(\n        toolbarButton: ToolbarButton\n    ): string {\n        const button = this.getFormattingButton(toolbarButton);\n        return button!.textContent!.trim();\n    }\n\n    public getFormattingButtonTitle(toolbarButton: ToolbarButton): string {\n        const button = this.getFormattingButton(toolbarButton);\n        return button!.title;\n    }\n\n    public isRichTextEditorActiveElement(): boolean {\n        return (\n            document.activeElement === this.richTextEditorElement\n            && document.activeElement?.shadowRoot?.activeElement\n                === this.getTiptapEditor()\n        );\n    }\n\n    public getEditorTabIndex(): string {\n        return this.getTiptapEditor().getAttribute('tabindex') ?? '';\n    }\n\n    public async setFooterHidden(footerHidden: boolean): Promise<void> {\n        if (footerHidden) {\n            this.richTextEditorElement.setAttribute('footer-hidden', '');\n        } else {\n            this.richTextEditorElement.removeAttribute('footer-hidden');\n        }\n        await waitForUpdatesAsync();\n    }\n\n    public isFooterHidden(): boolean {\n        const footerSection = this.getFooter()!;\n        return window.getComputedStyle(footerSection).display === 'none';\n    }\n\n    public async setDisabled(disabled: boolean): Promise<void> {\n        if (disabled) {\n            this.richTextEditorElement.setAttribute('disabled', '');\n        } else {\n            this.richTextEditorElement.removeAttribute('disabled');\n        }\n        await waitForUpdatesAsync();\n    }\n\n    public isButtonDisabled(button: ToolbarButton): boolean {\n        const toggleButton = this.getFormattingButton(button)!;\n        return toggleButton.hasAttribute('disabled');\n    }\n\n    public getPlaceholderValue(): string {\n        const editor = this.getTiptapEditor();\n        return editor.firstElementChild?.getAttribute('data-placeholder') ?? '';\n    }\n\n    public getParsedHtmlFromMarkdown(\n        markdown: string,\n        mappings?: MappingConfiguration[]\n    ): string {\n        const parserMentionConfigForUser = this.getParserMentionConfigForUser(mappings);\n        const parseResult = RichTextMarkdownParser.parseMarkdownToDOM(\n            markdown,\n            [parserMentionConfigForUser]\n        );\n        return this.richTextEditorElement.xmlSerializer.serializeToString(\n            parseResult.fragment\n        );\n    }\n\n    public async focusOutEditor(): Promise<void> {\n        const focusout = new FocusEvent('focusout');\n        this.richTextEditorElement.dispatchEvent(focusout);\n        await waitForUpdatesAsync();\n    }\n\n    public getMentionListboxItemsName(): string[] {\n        const listItemsName: string[] = [];\n        this.getAllListItemsInMentionBox().forEach(item => (item.hidden ? null : listItemsName.push(item.textContent!)));\n        return listItemsName;\n    }\n\n    public getSelectedOption(): string {\n        const nodeList = this.getAllListItemsInMentionBox();\n        return (\n            Array.from(nodeList).find(\n                item => item.selected && !item.hasAttribute('hidden')\n            )?.textContent ?? ''\n        );\n    }\n\n    public async clickMentionListboxOption(index: number): Promise<void> {\n        await this.focusEditorIfMentionListboxOpened();\n\n        const listOption = this.getAllListItemsInMentionBox()[index];\n        listOption?.click();\n        await waitForUpdatesAsync();\n    }\n\n    public moveCursorToStart(): void {\n        this.richTextEditorElement.tiptapEditor.commands.focus('start');\n    }\n\n    public getCursorPosition(): number {\n        return this.richTextEditorElement.tiptapEditor.state.selection.anchor;\n    }\n\n    private getEditorSection(): Element | null | undefined {\n        return this.richTextEditorElement.shadowRoot?.querySelector('.editor');\n    }\n\n    private getFooter(): Element | null | undefined {\n        return this.richTextEditorElement.shadowRoot!.querySelector(\n            '.footer-section'\n        );\n    }\n\n    private getTiptapEditor(): HTMLDivElement {\n        return this.richTextEditorElement.shadowRoot!.querySelector<HTMLDivElement>(\n            '.ProseMirror'\n        )!;\n    }\n\n    private getFormattingButton(\n        button: ToolbarButton\n    ): ToggleButton | null | undefined {\n        const buttons: NodeListOf<ToggleButton> = this.richTextEditorElement.shadowRoot!.querySelectorAll(\n            'nimble-toggle-button'\n        );\n        return buttons[button];\n    }\n\n    private getUserMentionButton(): Button | null | undefined {\n        const buttons: Button[] = this.getMentionButtons()!;\n        return buttons.find(button => button.querySelector(iconAtTag));\n    }\n\n    private getMentionButtons(): Button[] | null | undefined {\n        return Array.from(\n            this.richTextEditorElement.shadowRoot!.querySelectorAll(buttonTag)\n        );\n    }\n\n    private getMentionListbox(): Element | null {\n        return this.richTextEditorElement.shadowRoot!.querySelector(\n            richTextMentionListboxTag\n        );\n    }\n\n    private getAllListItemsInMentionBox(): NodeListOf<ListOption> {\n        return this.getMentionListbox()!.querySelectorAll(listOptionTag);\n    }\n\n    private getEditorLastChildElement(): Element {\n        return getLastChildElement(this.getTiptapEditor())!;\n    }\n\n    private getParserMentionConfigForUser(\n        mappings: MappingConfiguration[] = []\n    ): MarkdownParserMentionConfiguration {\n        const mentionInternals = new MentionInternals(\n            {\n                character: '',\n                icon: '',\n                viewElement: richTextMentionUsersViewTag,\n                validator: new RichTextMentionUsersValidator()\n            },\n            () => {}\n        );\n        mentionInternals.pattern = '^user:(.*)';\n        mappings.forEach(mapping => {\n            const mappingConfig = new MappingUserConfig(\n                mapping.key,\n                mapping.displayName\n            );\n            mentionInternals.mappingConfigs = new Map().set(\n                mapping.key,\n                mappingConfig\n            );\n        });\n        const parserMentionConfig = new MarkdownParserMentionConfiguration(\n            mentionInternals\n        );\n        return parserMentionConfig;\n    }\n\n    private async focusEditorIfMentionListboxOpened(): Promise<void> {\n        if (await this.isMentionListboxOpened()) {\n            this.richTextEditorElement.tiptapEditor.commands.focus();\n            await waitForUpdatesAsync();\n        }\n    }\n}\n"]}
+{"version":3,"file":"rich-text-editor.pageobject.js","sourceRoot":"","sources":["../../../../../src/rich-text/editor/testing/rich-text-editor.pageobject.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n    keySpace,\n    keyEnter,\n    keyTab,\n    keyEscape\n} from '@microsoft/fast-web-utilities';\nimport type { RichTextEditor } from '..';\nimport { waitForUpdatesAsync } from '../../../testing/async-helpers';\nimport { toggleButtonTag, type ToggleButton } from '../../../toggle-button';\nimport {\n    ArrowKeyButton,\n    MappingConfiguration,\n    ToolbarButton,\n    ToolbarButtonKey\n} from './types';\nimport {\n    getTagsFromElement,\n    getLeafContentsFromElement,\n    getLastChildElement,\n    getLastChildElementAttribute\n} from '../../models/testing/markdown-parser-utils';\nimport { richTextMentionUsersViewTag } from '../../../rich-text-mention/users/view';\nimport { RichTextMarkdownParser } from '../../models/markdown-parser';\nimport { buttonTag, type Button } from '../../../button';\nimport { richTextMentionListboxTag } from '../../mention-listbox';\nimport { listOptionTag, type ListOption } from '../../../list-option';\nimport { anchoredRegionTag } from '../../../anchored-region';\nimport { iconAtTag } from '../../../icons/at';\nimport { MarkdownParserMentionConfiguration } from '../../models/markdown-parser-mention-configuration';\nimport { MentionInternals } from '../../../rich-text-mention/base/models/mention-internals';\nimport { MappingUserConfig } from '../../../rich-text-mention/users/models/mapping-user-config';\nimport { RichTextMentionUsersValidator } from '../../../rich-text-mention/users/models/rich-text-mention-users-validator';\n\n/**\n * Page object for the `nimble-rich-text-editor` component.\n */\nexport class RichTextEditorPageObject {\n    public constructor(\n        private readonly richTextEditorElement: RichTextEditor\n    ) {}\n\n    public editorSectionHasChildNodes(): boolean {\n        const editorSection = this.getEditorSection();\n        return editorSection!.hasChildNodes();\n    }\n\n    public getEditorSectionFirstElementChildClassName(): string {\n        const editorSection = this.getEditorSection();\n        return editorSection!.firstElementChild!.className;\n    }\n\n    public async clickEditorShortcutKeys(\n        shortcutKey: string,\n        isShiftKey: boolean\n    ): Promise<void> {\n        const editor = this.getTiptapEditor();\n        const event = new KeyboardEvent('keydown', {\n            key: shortcutKey,\n            ctrlKey: true,\n            shiftKey: isShiftKey,\n            bubbles: true,\n            cancelable: true\n        });\n        editor.dispatchEvent(event);\n        await waitForUpdatesAsync();\n    }\n\n    public async pressEnterKeyInEditor(): Promise<void> {\n        const editor = this.getTiptapEditor();\n        const event = new KeyboardEvent('keydown', {\n            key: keyEnter,\n            bubbles: true,\n            cancelable: true\n        });\n        editor.dispatchEvent(event);\n        await waitForUpdatesAsync();\n    }\n\n    public async pressEscapeKeyInEditor(): Promise<void> {\n        const editor = this.getTiptapEditor();\n        const event = new KeyboardEvent('keydown', {\n            key: keyEscape,\n            bubbles: true,\n            cancelable: true\n        });\n        editor.dispatchEvent(event);\n        await waitForUpdatesAsync();\n    }\n\n    public async pressArrowKeyInEditor(\n        arrowButton: ArrowKeyButton\n    ): Promise<void> {\n        const editor = this.getTiptapEditor();\n        const event = new KeyboardEvent('keydown', {\n            key: arrowButton,\n            bubbles: true,\n            cancelable: true\n        });\n        editor.dispatchEvent(event);\n        await waitForUpdatesAsync();\n    }\n\n    public async pressShiftEnterKeysInEditor(): Promise<void> {\n        const editor = this.getTiptapEditor();\n        const shiftEnterEvent = new KeyboardEvent('keydown', {\n            key: keyEnter,\n            shiftKey: true,\n            bubbles: true,\n            cancelable: true\n        });\n        editor.dispatchEvent(shiftEnterEvent);\n        await waitForUpdatesAsync();\n    }\n\n    public async pressTabKeyInEditor(): Promise<void> {\n        const editor = this.getTiptapEditor();\n        const event = new KeyboardEvent('keydown', {\n            key: keyTab,\n            bubbles: true,\n            cancelable: true\n        });\n        editor.dispatchEvent(event);\n        await waitForUpdatesAsync();\n    }\n\n    public async pressShiftTabKeysInEditor(): Promise<void> {\n        const editor = this.getTiptapEditor();\n        const shiftTabEvent = new KeyboardEvent('keydown', {\n            key: keyTab,\n            shiftKey: true,\n            bubbles: true,\n            cancelable: true\n        });\n        editor.dispatchEvent(shiftTabEvent);\n        await waitForUpdatesAsync();\n    }\n\n    /**\n     * In testing environment, when clicking on the footer button, it may not persist in the same state if any editor transaction occurs in between.\n     * This behavior is likely due to dynamic modifications of formatting button states based on cursor positions during editor transactions.\n     * Setting the \"force\" parameter to true activates the formatting button state; when set to false, it deactivates the state.\n     * If unset, the state toggles by interacting with it once.\n     */\n    public async toggleFooterButton(\n        button: ToolbarButton,\n        force?: boolean\n    ): Promise<void> {\n        const toggleButton = this.getFormattingButton(button);\n        const event = new Event('mousedown', { bubbles: true });\n        toggleButton!.dispatchEvent(event);\n        toggleButton!.click();\n        let format = Object.keys(ToolbarButton).find(\n            key => ToolbarButton[key as ToolbarButtonKey] === button\n        );\n        // In the editor, the isActive() method expects the format name to be 'italic' instead of 'italics.'\n        // As it was consistently represent it as 'italics' elsewhere just updated it here\n        if (format === 'italics') {\n            format = 'italic';\n        }\n        if (force === true || force === false) {\n            if (\n                this.richTextEditorElement.tiptapEditor.isActive(format!)\n                !== force\n            ) {\n                toggleButton!.dispatchEvent(event);\n                toggleButton!.click();\n            }\n        }\n        await waitForUpdatesAsync();\n    }\n\n    public async clickUserMentionButton(): Promise<void> {\n        const userMentionButton = this.getUserMentionButton();\n        userMentionButton!.click();\n        await waitForUpdatesAsync();\n    }\n\n    public getMentionButtonIcon(buttonIndex: number): string | undefined {\n        const buttons: Button[] = this.getMentionButtons()!;\n        return buttons[buttonIndex]?.firstElementChild?.tagName;\n    }\n\n    public getMentionButtonTitle(buttonIndex: number): string {\n        const buttons: Button[] = this.getMentionButtons()!;\n        return buttons[buttonIndex]?.getAttribute('title') ?? '';\n    }\n\n    public getMentionButtonLabel(buttonIndex: number): string {\n        const buttons: Button[] = this.getMentionButtons()!;\n        return buttons[buttonIndex]?.innerText ?? '';\n    }\n\n    public getButtonCheckedState(button: ToolbarButton): boolean {\n        const toggleButton = this.getFormattingButton(button);\n        return toggleButton!.checked;\n    }\n\n    public getButtonTabIndex(button: ToolbarButton): number {\n        const toggleButton = this.getFormattingButton(button);\n        return toggleButton!.tabIndex;\n    }\n\n    public spaceKeyActivatesButton(button: ToolbarButton): void {\n        const toggleButton = this.getFormattingButton(button)!;\n        const event = new KeyboardEvent('keypress', {\n            key: keySpace\n        } as KeyboardEventInit);\n        toggleButton.control.dispatchEvent(event);\n    }\n\n    public enterKeyActivatesButton(button: ToolbarButton): void {\n        const toggleButton = this.getFormattingButton(button)!;\n        const event = new KeyboardEvent('keypress', {\n            key: keyEnter\n        } as KeyboardEventInit);\n        toggleButton.control.dispatchEvent(event);\n    }\n\n    public async pasteToEditor(text: string): Promise<void> {\n        const editor = this.getTiptapEditor();\n        const pasteEvent = new ClipboardEvent('paste', {\n            clipboardData: new DataTransfer()\n        });\n        pasteEvent.clipboardData?.setData('text/plain', text);\n        editor.dispatchEvent(pasteEvent);\n\n        await this.focusEditorIfMentionListboxOpened();\n    }\n\n    // Simulate the actual pasting of content by passing the extracted HTML string as an argument and setting the format to 'text/html',\n    // as in the [DataFormat](https://developer.mozilla.org/en-US/docs/Web/API/DataTransfer) object.\n    // For example, when copying a link, the clipboard stores information that includes the anchor tag, href attribute value etc, and paste it as an HTML string\n    public async pasteHTMLToEditor(htmlString: string): Promise<void> {\n        const editor = this.getTiptapEditor();\n        const pasteEvent = new ClipboardEvent('paste', {\n            clipboardData: new DataTransfer()\n        });\n        pasteEvent.clipboardData?.setData('text/html', htmlString);\n        editor.dispatchEvent(pasteEvent);\n\n        await this.focusEditorIfMentionListboxOpened();\n    }\n\n    public async setEditorTextContent(value: string): Promise<void> {\n        this.richTextEditorElement.tiptapEditor\n            .chain()\n            .focus()\n            .insertContent({\n                type: 'text',\n                text: value\n            })\n            .run();\n        await waitForUpdatesAsync();\n\n        await this.focusEditorIfMentionListboxOpened();\n    }\n\n    public async setCursorPosition(position: number): Promise<void> {\n        this.richTextEditorElement.tiptapEditor.commands.setTextSelection(\n            position\n        );\n        await waitForUpdatesAsync();\n    }\n\n    public async replaceEditorContent(value: string): Promise<void> {\n        const lastElement = this.getEditorLastChildElement();\n        lastElement.parentElement!.textContent = value;\n        await waitForUpdatesAsync();\n\n        await this.focusEditorIfMentionListboxOpened();\n    }\n\n    public async sliceEditorContent(from: number, to: number): Promise<void> {\n        this.richTextEditorElement.tiptapEditor\n            .chain()\n            .focus()\n            .deleteRange({ from, to })\n            .run();\n        await waitForUpdatesAsync();\n\n        await this.focusEditorIfMentionListboxOpened();\n    }\n\n    public getEditorLastChildAttribute(attribute: string): string {\n        return getLastChildElementAttribute(attribute, this.getTiptapEditor());\n    }\n\n    public async isMentionListboxOpened(): Promise<boolean> {\n        await waitForUpdatesAsync();\n\n        return !this.getMentionListbox()?.shadowRoot?.querySelector(\n            anchoredRegionTag\n        )?.hidden;\n    }\n\n    public getEditorMentionViewAttributeValues(attribute: string): string[] {\n        return Array.from(\n            this.getTiptapEditor().querySelectorAll(richTextMentionUsersViewTag)\n        ).map(el => el.getAttribute(attribute) || '');\n    }\n\n    public getEditorFirstChildTagName(): string {\n        return this.getTiptapEditor().firstElementChild?.tagName ?? '';\n    }\n\n    public getEditorFirstChildTextContent(): string {\n        return this.getTiptapEditor().firstElementChild?.textContent ?? '';\n    }\n\n    public getEditorTextContents(): string[] {\n        return Array.from(this.getTiptapEditor().querySelectorAll('*')).map(\n            el => el.textContent || ''\n        );\n    }\n\n    public getEditorTagNames(): string[] {\n        return getTagsFromElement(this.getTiptapEditor());\n    }\n\n    // Return list of tags, excluding those such as 'IMG' (prosemirror-separator) that do not affect the UI or markdown output.\n    // These tags are considered extraneous and are added by prosemirror.\n    public getMarkdownRenderedTagNames(): string[] {\n        return getTagsFromElement(this.getTiptapEditor()).filter(\n            tag => tag !== 'IMG'\n        );\n    }\n\n    public getEditorLeafContents(): string[] {\n        return getLeafContentsFromElement(this.getTiptapEditor());\n    }\n\n    public getEditorTagNamesWithClosingTags(): string[] {\n        const tagNames: string[] = [];\n        const tiptapEditor = this.getTiptapEditor();\n\n        const processNode = (node: Node): void => {\n            if (node.nodeType === Node.ELEMENT_NODE) {\n                const el = node as Element;\n                tagNames.push(el.tagName);\n\n                el.childNodes.forEach(processNode);\n\n                tagNames.push(`/${el.tagName}`);\n            }\n        };\n\n        if (tiptapEditor) {\n            processNode(tiptapEditor);\n        }\n\n        return tagNames.slice(1, -1);\n    }\n\n    public getFormattingButtonTextContent(\n        toolbarButton: ToolbarButton\n    ): string {\n        const button = this.getFormattingButton(toolbarButton);\n        return button!.textContent!.trim();\n    }\n\n    public getFormattingButtonTitle(toolbarButton: ToolbarButton): string {\n        const button = this.getFormattingButton(toolbarButton);\n        return button!.title;\n    }\n\n    public isRichTextEditorActiveElement(): boolean {\n        return (\n            document.activeElement === this.richTextEditorElement\n            && document.activeElement?.shadowRoot?.activeElement\n                === this.getTiptapEditor()\n        );\n    }\n\n    public getEditorTabIndex(): string {\n        return this.getTiptapEditor().getAttribute('tabindex') ?? '';\n    }\n\n    public async setFooterHidden(footerHidden: boolean): Promise<void> {\n        if (footerHidden) {\n            this.richTextEditorElement.setAttribute('footer-hidden', '');\n        } else {\n            this.richTextEditorElement.removeAttribute('footer-hidden');\n        }\n        await waitForUpdatesAsync();\n    }\n\n    public isFooterHidden(): boolean {\n        const footerSection = this.getFooter()!;\n        return window.getComputedStyle(footerSection).display === 'none';\n    }\n\n    public async setDisabled(disabled: boolean): Promise<void> {\n        if (disabled) {\n            this.richTextEditorElement.setAttribute('disabled', '');\n        } else {\n            this.richTextEditorElement.removeAttribute('disabled');\n        }\n        await waitForUpdatesAsync();\n    }\n\n    public isButtonDisabled(button: ToolbarButton): boolean {\n        const toggleButton = this.getFormattingButton(button)!;\n        return toggleButton.hasAttribute('disabled');\n    }\n\n    public getPlaceholderValue(): string {\n        const editor = this.getTiptapEditor();\n        return editor.firstElementChild?.getAttribute('data-placeholder') ?? '';\n    }\n\n    public getParsedHtmlFromMarkdown(\n        markdown: string,\n        mappings?: MappingConfiguration[]\n    ): string {\n        const parserMentionConfigForUser = this.getParserMentionConfigForUser(mappings);\n        const parseResult = RichTextMarkdownParser.parseMarkdownToDOM(\n            markdown,\n            [parserMentionConfigForUser]\n        );\n        return this.richTextEditorElement.xmlSerializer.serializeToString(\n            parseResult.fragment\n        );\n    }\n\n    public async focusOutEditor(): Promise<void> {\n        const focusout = new FocusEvent('focusout');\n        this.richTextEditorElement.dispatchEvent(focusout);\n        await waitForUpdatesAsync();\n    }\n\n    public getMentionListboxItemsName(): string[] {\n        const listItemsName: string[] = [];\n        this.getAllListItemsInMentionBox().forEach(item => (item.hidden ? null : listItemsName.push(item.textContent!)));\n        return listItemsName;\n    }\n\n    public getSelectedOption(): string {\n        const nodeList = this.getAllListItemsInMentionBox();\n        return (\n            Array.from(nodeList).find(\n                item => item.selected && !item.hasAttribute('hidden')\n            )?.textContent ?? ''\n        );\n    }\n\n    public async clickMentionListboxOption(index: number): Promise<void> {\n        await this.focusEditorIfMentionListboxOpened();\n\n        const listOption = this.getAllListItemsInMentionBox()[index];\n        listOption?.click();\n        await waitForUpdatesAsync();\n    }\n\n    public moveCursorToStart(): void {\n        this.richTextEditorElement.tiptapEditor.commands.focus('start');\n    }\n\n    public getCursorPosition(): number {\n        return this.richTextEditorElement.tiptapEditor.state.selection.anchor;\n    }\n\n    private getEditorSection(): Element | null | undefined {\n        return this.richTextEditorElement.shadowRoot?.querySelector('.editor');\n    }\n\n    private getFooter(): Element | null | undefined {\n        return this.richTextEditorElement.shadowRoot!.querySelector(\n            '.footer-section'\n        );\n    }\n\n    private getTiptapEditor(): HTMLDivElement {\n        return this.richTextEditorElement.shadowRoot!.querySelector<HTMLDivElement>(\n            '.ProseMirror'\n        )!;\n    }\n\n    private getFormattingButton(\n        button: ToolbarButton\n    ): ToggleButton | null | undefined {\n        const buttons: NodeListOf<ToggleButton> = this.richTextEditorElement.shadowRoot!.querySelectorAll(\n            toggleButtonTag\n        );\n        return buttons[button];\n    }\n\n    private getUserMentionButton(): Button | null | undefined {\n        const buttons: Button[] = this.getMentionButtons()!;\n        return buttons.find(button => button.querySelector(iconAtTag));\n    }\n\n    private getMentionButtons(): Button[] | null | undefined {\n        return Array.from(\n            this.richTextEditorElement.shadowRoot!.querySelectorAll(buttonTag)\n        );\n    }\n\n    private getMentionListbox(): Element | null {\n        return this.richTextEditorElement.shadowRoot!.querySelector(\n            richTextMentionListboxTag\n        );\n    }\n\n    private getAllListItemsInMentionBox(): NodeListOf<ListOption> {\n        return this.getMentionListbox()!.querySelectorAll(listOptionTag);\n    }\n\n    private getEditorLastChildElement(): Element {\n        return getLastChildElement(this.getTiptapEditor())!;\n    }\n\n    private getParserMentionConfigForUser(\n        mappings: MappingConfiguration[] = []\n    ): MarkdownParserMentionConfiguration {\n        const mentionInternals = new MentionInternals(\n            {\n                character: '',\n                icon: '',\n                viewElement: richTextMentionUsersViewTag,\n                validator: new RichTextMentionUsersValidator()\n            },\n            () => {}\n        );\n        mentionInternals.pattern = '^user:(.*)';\n        mappings.forEach(mapping => {\n            const mappingConfig = new MappingUserConfig(\n                mapping.key,\n                mapping.displayName\n            );\n            mentionInternals.mappingConfigs = new Map().set(\n                mapping.key,\n                mappingConfig\n            );\n        });\n        const parserMentionConfig = new MarkdownParserMentionConfiguration(\n            mentionInternals\n        );\n        return parserMentionConfig;\n    }\n\n    private async focusEditorIfMentionListboxOpened(): Promise<void> {\n        if (await this.isMentionListboxOpened()) {\n            this.richTextEditorElement.tiptapEditor.commands.focus();\n            await waitForUpdatesAsync();\n        }\n    }\n}\n"]}

package/dist/esm/tab/styles.js

@@ -13,6 +13,7 @@ export const styles = css `
         align-items: center;
         justify-content: center;
         cursor: pointer;
+        text-wrap: nowrap;
         --ni-private-active-indicator-width: 2px;
         --ni-private-focus-indicator-width: 1px;
         --ni-private-indicator-lines-gap: 1px;

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;;;;;;;;;;;4BAWF,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        --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,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"]}

package/dist/esm/table/testing/table.pageobject.d.ts

@@ -1,11 +1,11 @@
 import type { Table } from '..';
-import type { TableHeader } from '../components/header';
+import { type TableHeader } from '../components/header';
 import { TableColumnSortDirection, TableRecord, TableRowSelectionState } from '../types';
-import type { MenuButton } from '../../menu-button';
-import type { TableCell } from '../components/cell';
+import { type MenuButton } from '../../menu-button';
+import { type TableCell } from '../components/cell';
 import type { TableGroupHeaderView } from '../../table-column/base/group-header-view';
 import { TableCellView } from '../../table-column/base/cell-view';
-import type { TableRow } from '../components/row';
+import { type TableRow } from '../components/row';
 import { Anchor } from '../../anchor';
 /**
  * Summary information about a column that is sorted in the table for use in the `TablePageObject`.

package/dist/esm/table/testing/table.pageobject.js

@@ -1,9 +1,14 @@
 import { keyShift } from '@microsoft/fast-web-utilities';
 import { parseColor } from '@microsoft/fast-colors';
+import { tableHeaderTag } from '../components/header';
 import { TableColumnSortDirection, TableRowSelectionState } from '../types';
 import { waitForUpdatesAsync } from '../../testing/async-helpers';
+import { menuButtonTag } from '../../menu-button';
+import { tableCellTag } from '../components/cell';
 import { TableCellView } from '../../table-column/base/cell-view';
+import { tableRowTag } from '../components/row';
 import { anchorTag } from '../../anchor';
+import { tableGroupRowTag } from '../components/group-row';
 import { Icon } from '../../icon-base';
 import { Spinner, spinnerTag } from '../../spinner';
 import { borderHoverColor } from '../../theme-provider/design-tokens';
@@ -19,23 +24,23 @@ export class TablePageObject {
         };
     }
     getRenderedHeaderCount() {
-        const headers = this.tableElement.shadowRoot.querySelectorAll('nimble-table-header');
+        const headers = this.tableElement.shadowRoot.querySelectorAll(tableHeaderTag);
         return headers.length;
     }
     getRenderedCellCountForRow(rowIndex) {
         const row = this.getRow(rowIndex);
-        const cells = row.shadowRoot.querySelectorAll('nimble-table-cell');
+        const cells = row.shadowRoot.querySelectorAll(tableCellTag);
         return cells.length;
     }
     getHeaderContent(columnIndex) {
-        const headers = this.tableElement.shadowRoot.querySelectorAll('nimble-table-header');
+        const headers = this.tableElement.shadowRoot.querySelectorAll(tableHeaderTag);
         if (columnIndex >= headers.length) {
             throw new Error('Attempting to index past the total number of rendered columns');
         }
         return this.getHeaderContentElement(headers.item(columnIndex));
     }
     getHeaderElement(columnIndex) {
-        const headers = this.tableElement.shadowRoot.querySelectorAll('nimble-table-header');
+        const headers = this.tableElement.shadowRoot.querySelectorAll(tableHeaderTag);
         if (columnIndex >= headers.length) {
             throw new Error('Attempting to index past the total number of rendered columns');
         }
@@ -53,7 +58,7 @@ export class TablePageObject {
         return column?.shadowRoot.firstElementChild?.dispatchEvent(event);
     }
     getHeaderRenderedWidth(columnIndex) {
-        const headers = this.tableElement.shadowRoot.querySelectorAll('nimble-table-header');
+        const headers = this.tableElement.shadowRoot.querySelectorAll(tableHeaderTag);
         if (columnIndex >= headers.length) {
             throw new Error('Attempting to index past the total number of rendered columns');
         }
@@ -68,17 +73,19 @@ export class TablePageObject {
         await waitForUpdatesAsync();
     }
     getRenderedRowCount() {
-        return this.tableElement.shadowRoot.querySelectorAll('nimble-table-row').length;
+        return this.tableElement.shadowRoot.querySelectorAll(tableRowTag)
+            .length;
     }
     getRenderedGroupRowCount() {
-        return this.tableElement.shadowRoot.querySelectorAll('nimble-table-group-row').length;
+        return this.tableElement.shadowRoot.querySelectorAll(tableGroupRowTag)
+            .length;
     }
     getAllGroupRowsExpandedState() {
-        const groupRows = this.tableElement.shadowRoot.querySelectorAll('nimble-table-group-row');
+        const groupRows = this.tableElement.shadowRoot.querySelectorAll(tableGroupRowTag);
         return Array.from(groupRows).map(row => row.expanded);
     }
     getAllDataRowsExpandedState() {
-        const rows = this.tableElement.shadowRoot.querySelectorAll('nimble-table-row');
+        const rows = this.tableElement.shadowRoot.querySelectorAll(tableRowTag);
         return Array.from(rows).map(row => row.expanded);
     }
     getRenderedCellView(rowIndex, columnIndex) {
@@ -115,7 +122,7 @@ export class TablePageObject {
         return (this.getGroupRowHeaderView(groupRowIndex).shadowRoot.textContent?.trim() ?? '');
     }
     getAllRenderedGroupHeaderTextContent() {
-        const groupRows = this.tableElement.shadowRoot.querySelectorAll('nimble-table-group-row');
+        const groupRows = this.tableElement.shadowRoot.querySelectorAll(tableGroupRowTag);
         return Array.from(groupRows).map((_, i) => {
             return this.getRenderedGroupHeaderTextContent(i);
         });
@@ -166,7 +173,7 @@ export class TablePageObject {
     }
     getTotalCellRenderedWidth() {
         const row = this.getRow(0);
-        const cells = row?.shadowRoot?.querySelectorAll('nimble-table-cell');
+        const cells = row?.shadowRoot?.querySelectorAll(tableCellTag);
         return Array.from(cells).reduce((p, c) => {
             return p + c.getBoundingClientRect().width;
         }, 0);
@@ -182,7 +189,7 @@ export class TablePageObject {
         await waitForUpdatesAsync();
     }
     getCellActionMenu(rowIndex, columnIndex) {
-        return this.getCell(rowIndex, columnIndex).shadowRoot.querySelector('nimble-menu-button');
+        return this.getCell(rowIndex, columnIndex).shadowRoot.querySelector(menuButtonTag);
     }
     async clickCellActionMenu(rowIndex, columnIndex) {
         this.setRowHoverState(rowIndex, true);
@@ -202,7 +209,7 @@ export class TablePageObject {
     }
     setRowHoverState(rowIndex, hover) {
         const row = this.getRow(rowIndex);
-        const cells = row.shadowRoot.querySelectorAll('nimble-table-cell');
+        const cells = row.shadowRoot.querySelectorAll(tableCellTag);
         if (hover) {
             cells.forEach(cell => cell.style.setProperty('--ni-private-table-cell-action-menu-display', 'block'));
         }
@@ -406,7 +413,7 @@ export class TablePageObject {
     }
     /** @internal */
     isRowHoverStylingEnabled() {
-        const rows = this.tableElement.shadowRoot.querySelectorAll('nimble-table-row, nimble-table-group-row');
+        const rows = this.tableElement.shadowRoot.querySelectorAll(`${tableRowTag}, ${tableGroupRowTag}`);
         const firstRowAllowsHover = rows[0].allowHover;
         if (Array.from(rows).some(x => x.allowHover !== firstRowAllowsHover)) {
             throw new Error('Rows inconsistently allow hover styling');
@@ -420,7 +427,7 @@ export class TablePageObject {
     }
     /** @internal */
     getRow(rowIndex) {
-        const rows = this.tableElement.shadowRoot.querySelectorAll('nimble-table-row');
+        const rows = this.tableElement.shadowRoot.querySelectorAll(tableRowTag);
         if (rowIndex >= rows.length) {
             throw new Error('Attempting to index past the total number of rendered rows');
         }
@@ -429,7 +436,7 @@ export class TablePageObject {
     /** @internal */
     getCell(rowIndex, columnIndex) {
         const row = this.getRow(rowIndex);
-        const cells = row.shadowRoot.querySelectorAll('nimble-table-cell');
+        const cells = row.shadowRoot.querySelectorAll(tableCellTag);
         if (columnIndex >= cells.length) {
             throw new Error('Attempting to index past the total number of rendered columns');
         }
@@ -489,7 +496,7 @@ export class TablePageObject {
         return TableRowSelectionState.notSelected;
     }
     getGroupRow(groupRowIndex) {
-        const groupRows = this.tableElement.shadowRoot.querySelectorAll('nimble-table-group-row');
+        const groupRows = this.tableElement.shadowRoot.querySelectorAll(tableGroupRowTag);
         if (groupRowIndex >= groupRows.length) {
             throw new Error('Attempting to index past the total number of group rows');
         }