@ni/nimble-components 32.13.0 → 33.0.0

package/dist/esm/mapping/base/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/mapping/base/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAE/D;;GAEG;AACH,MAAM,OAAgB,OAAW,SAAQ,iBAAiB;CAMzD;AADU;IADN,IAAI,EAAE;oCACQ","sourcesContent":["import { attr } from '@microsoft/fast-element';\nimport { FoundationElement } from '@microsoft/fast-foundation';\n\n/**\n * Base class for mapping configuration elements\n */\nexport abstract class Mapping<T> extends FoundationElement {\n    /**\n     * The data value that is mapped to another representation\n     */\n    @attr()\n    public key?: T;\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/mapping/base/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD;;GAEG;AACH,MAAM,OAAgB,OAAW,SAAQ,iBAAiB;CAMzD;AADU;IADN,IAAI,EAAE;oCACQ","sourcesContent":["import { attr } from '@ni/fast-element';\nimport { FoundationElement } from '@ni/fast-foundation';\n\n/**\n * Base class for mapping configuration elements\n */\nexport abstract class Mapping<T> extends FoundationElement {\n    /**\n     * The data value that is mapped to another representation\n     */\n    @attr()\n    public key?: T;\n}\n"]}

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/esm/mapping/empty/index.js

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

package/dist/esm/mapping/empty/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/mapping/empty/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAQxC;;;;GAIG;AACH,MAAM,OAAO,YAAa,SAAQ,OAAmB;CAGpD;AADU;IADN,IAAI,EAAE;0CACc;AAGzB,MAAM,YAAY,GAAG,YAAY,CAAC,OAAO,CAAC;IACtC,QAAQ,EAAE,eAAe;IACzB,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AACH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,YAAY,EAAE,CAAC,CAAC;AACzE,MAAM,CAAC,MAAM,eAAe,GAAG,sBAAsB,CAAC","sourcesContent":["import { DesignSystem } from '@microsoft/fast-foundation';\nimport { attr } from '@microsoft/fast-element';\nimport { Mapping } from '../base';\nimport { template } from '../base/template';\nimport type { MappingKey } from '../base/types';\nimport { styles } from '../base/styles';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-mapping-empty': MappingEmpty;\n    }\n}\n\n/**\n * Maps data values to text.\n * One or more may be added as children of a nimble-table-column-mapping element. The\n * mapping displays an empty cell and text-only group rows.\n */\nexport class MappingEmpty extends Mapping<MappingKey> {\n    @attr()\n    public text?: string;\n}\n\nconst emptyMapping = MappingEmpty.compose({\n    baseName: 'mapping-empty',\n    template,\n    styles\n});\nDesignSystem.getOrCreate().withPrefix('nimble').register(emptyMapping());\nexport const mappingEmptyTag = 'nimble-mapping-empty';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/mapping/empty/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAQxC;;;;GAIG;AACH,MAAM,OAAO,YAAa,SAAQ,OAAmB;CAGpD;AADU;IADN,IAAI,EAAE;0CACc;AAGzB,MAAM,YAAY,GAAG,YAAY,CAAC,OAAO,CAAC;IACtC,QAAQ,EAAE,eAAe;IACzB,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AACH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,YAAY,EAAE,CAAC,CAAC;AACzE,MAAM,CAAC,MAAM,eAAe,GAAG,sBAAsB,CAAC","sourcesContent":["import { DesignSystem } from '@ni/fast-foundation';\nimport { attr } from '@ni/fast-element';\nimport { Mapping } from '../base';\nimport { template } from '../base/template';\nimport type { MappingKey } from '../base/types';\nimport { styles } from '../base/styles';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-mapping-empty': MappingEmpty;\n    }\n}\n\n/**\n * Maps data values to text.\n * One or more may be added as children of a nimble-table-column-mapping element. The\n * mapping displays an empty cell and text-only group rows.\n */\nexport class MappingEmpty extends Mapping<MappingKey> {\n    @attr()\n    public text?: string;\n}\n\nconst emptyMapping = MappingEmpty.compose({\n    baseName: 'mapping-empty',\n    template,\n    styles\n});\nDesignSystem.getOrCreate().withPrefix('nimble').register(emptyMapping());\nexport const mappingEmptyTag = 'nimble-mapping-empty';\n"]}

package/dist/esm/mapping/icon/index.js

@@ -1,6 +1,6 @@
 import { __decorate } from "tslib";
-import { attr, observable } from '@microsoft/fast-element';
-import { DesignSystem } from '@microsoft/fast-foundation';
+import { attr, observable } from '@ni/fast-element';
+import { DesignSystem } from '@ni/fast-foundation';
 import { Mapping } from '../base';
 import { template } from '../base/template';
 import { Icon } from '../../icon-base';

package/dist/esm/mapping/icon/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/mapping/icon/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAEvC,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAQxC,SAAS,WAAW,CAAC,YAAsC;IACvD,OAAO,YAAY,CAAC,SAAS,YAAY,IAAI,CAAC;AAClD,CAAC;AAED;;;;GAIG;AACH,MAAM,OAAO,WAAY,SAAQ,OAAmB;IAApD;;QAWW,eAAU,GAAG,KAAK,CAAC;IA+C9B,CAAC;IArCG,gFAAgF;IACxE,KAAK,CAAC,gBAAgB,CAAC,IAAY;QACvC,IAAI,CAAC;YACD,kEAAkE;YAClE,IAAI,CAAC,YAAY,GAAG,SAAS,CAAC;YAC9B,MAAM,cAAc,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QAC3C,CAAC;QAAC,OAAO,EAAE,EAAE,CAAC;YACV,iEAAiE;YACjE,2FAA2F;YAC3F,iDAAiD;YACjD,OAAO;QACX,CAAC;QAED,IAAI,IAAI,KAAK,IAAI,CAAC,IAAI,EAAE,CAAC;YACrB,mEAAmE;YACnE,2FAA2F;YAC3F,iDAAiD;YACjD,OAAO;QACX,CAAC;QAED,MAAM,YAAY,GAAG,cAAc,CAAC,GAAG,CAAC,IAAI,CAAE,CAAC;QAC/C,IAAI,CAAC,YAAY,GAAG,WAAW,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC;IACrE,CAAC;IAEO,WAAW;QACf,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;QACvB,IAAI,CAAC,IAAI,EAAE,CAAC;YACR,IAAI,CAAC,YAAY,GAAG,SAAS,CAAC;YAC9B,OAAO;QACX,CAAC;QACD,MAAM,YAAY,GAAG,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QAC9C,IAAI,YAAY,EAAE,CAAC;YACf,IAAI,CAAC,YAAY,GAAG,WAAW,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC;YACjE,OAAO;QACX,CAAC;QACD,KAAK,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;IACrC,CAAC;CACJ;AAxDU;IADN,IAAI,EAAE;yCACc;AAGd;IADN,IAAI,EAAE;6CACuB;AAGvB;IADN,IAAI,EAAE;yCACc;AAGd;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;+CAC1B;AAQnB;IADN,UAAU;iDACkB;AAyCjC,MAAM,WAAW,GAAG,WAAW,CAAC,OAAO,CAAC;IACpC,QAAQ,EAAE,cAAc;IACxB,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AACH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,CAAC;AACxE,MAAM,CAAC,MAAM,cAAc,GAAG,qBAAqB,CAAC","sourcesContent":["import { attr, observable } from '@microsoft/fast-element';\nimport { DesignSystem } from '@microsoft/fast-foundation';\nimport { Mapping } from '../base';\nimport { template } from '../base/template';\nimport type { IconSeverity } from '../../icon-base/types';\nimport { Icon } from '../../icon-base';\nimport type { MappingKey } from '../base/types';\nimport { styles } from '../base/styles';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-mapping-icon': MappingIcon;\n    }\n}\n\nfunction isIconClass(elementClass: CustomElementConstructor): boolean {\n    return elementClass.prototype instanceof Icon;\n}\n\n/**\n * Maps a data value to an icon.\n * One or more may be added as children of a nimble-table-column-mapping element to define\n * how specific data values should be displayed as icons in that column's cells.\n */\nexport class MappingIcon extends Mapping<MappingKey> {\n    @attr()\n    public icon?: string;\n\n    @attr()\n    public severity: IconSeverity;\n\n    @attr()\n    public text?: string;\n\n    @attr({ attribute: 'text-hidden', mode: 'boolean' })\n    public textHidden = false;\n\n    /**\n     * @internal\n     * Calculated asynchronously by the icon mapping based on the configured icon value.\n     * When assigned, it corresponds to an element name that is resolved to type of Nimble Icon.\n     */\n    @observable\n    public resolvedIcon?: string;\n\n    // Allow icons to be defined asynchronously from when the property is configured\n    private async resolveIconAsync(icon: string): Promise<void> {\n        try {\n            // Clear the current resolution while waiting for async resolution\n            this.resolvedIcon = undefined;\n            await customElements.whenDefined(icon);\n        } catch (ex) {\n            // If any error (i.e. invalid custom element name) don't continue\n            // Don't update the resolvedIcon as it was already set to undefined before async resolution\n            // (in case other async resolutions were started)\n            return;\n        }\n\n        if (icon !== this.icon) {\n            // Possible the icon has changed while waiting for async resolution\n            // Don't update the resolvedIcon as it was already set to undefined before async resolution\n            // (in case other async resolutions were started)\n            return;\n        }\n\n        const elementClass = customElements.get(icon)!;\n        this.resolvedIcon = isIconClass(elementClass) ? icon : undefined;\n    }\n\n    private iconChanged(): void {\n        const icon = this.icon;\n        if (!icon) {\n            this.resolvedIcon = undefined;\n            return;\n        }\n        const elementClass = customElements.get(icon);\n        if (elementClass) {\n            this.resolvedIcon = isIconClass(elementClass) ? icon : undefined;\n            return;\n        }\n        void this.resolveIconAsync(icon);\n    }\n}\n\nconst iconMapping = MappingIcon.compose({\n    baseName: 'mapping-icon',\n    template,\n    styles\n});\nDesignSystem.getOrCreate().withPrefix('nimble').register(iconMapping());\nexport const mappingIconTag = 'nimble-mapping-icon';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/mapping/icon/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAEvC,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAQxC,SAAS,WAAW,CAAC,YAAsC;IACvD,OAAO,YAAY,CAAC,SAAS,YAAY,IAAI,CAAC;AAClD,CAAC;AAED;;;;GAIG;AACH,MAAM,OAAO,WAAY,SAAQ,OAAmB;IAApD;;QAWW,eAAU,GAAG,KAAK,CAAC;IA+C9B,CAAC;IArCG,gFAAgF;IACxE,KAAK,CAAC,gBAAgB,CAAC,IAAY;QACvC,IAAI,CAAC;YACD,kEAAkE;YAClE,IAAI,CAAC,YAAY,GAAG,SAAS,CAAC;YAC9B,MAAM,cAAc,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QAC3C,CAAC;QAAC,OAAO,EAAE,EAAE,CAAC;YACV,iEAAiE;YACjE,2FAA2F;YAC3F,iDAAiD;YACjD,OAAO;QACX,CAAC;QAED,IAAI,IAAI,KAAK,IAAI,CAAC,IAAI,EAAE,CAAC;YACrB,mEAAmE;YACnE,2FAA2F;YAC3F,iDAAiD;YACjD,OAAO;QACX,CAAC;QAED,MAAM,YAAY,GAAG,cAAc,CAAC,GAAG,CAAC,IAAI,CAAE,CAAC;QAC/C,IAAI,CAAC,YAAY,GAAG,WAAW,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC;IACrE,CAAC;IAEO,WAAW;QACf,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;QACvB,IAAI,CAAC,IAAI,EAAE,CAAC;YACR,IAAI,CAAC,YAAY,GAAG,SAAS,CAAC;YAC9B,OAAO;QACX,CAAC;QACD,MAAM,YAAY,GAAG,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QAC9C,IAAI,YAAY,EAAE,CAAC;YACf,IAAI,CAAC,YAAY,GAAG,WAAW,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC;YACjE,OAAO;QACX,CAAC;QACD,KAAK,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;IACrC,CAAC;CACJ;AAxDU;IADN,IAAI,EAAE;yCACc;AAGd;IADN,IAAI,EAAE;6CACuB;AAGvB;IADN,IAAI,EAAE;yCACc;AAGd;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;+CAC1B;AAQnB;IADN,UAAU;iDACkB;AAyCjC,MAAM,WAAW,GAAG,WAAW,CAAC,OAAO,CAAC;IACpC,QAAQ,EAAE,cAAc;IACxB,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AACH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,CAAC;AACxE,MAAM,CAAC,MAAM,cAAc,GAAG,qBAAqB,CAAC","sourcesContent":["import { attr, observable } from '@ni/fast-element';\nimport { DesignSystem } from '@ni/fast-foundation';\nimport { Mapping } from '../base';\nimport { template } from '../base/template';\nimport type { IconSeverity } from '../../icon-base/types';\nimport { Icon } from '../../icon-base';\nimport type { MappingKey } from '../base/types';\nimport { styles } from '../base/styles';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-mapping-icon': MappingIcon;\n    }\n}\n\nfunction isIconClass(elementClass: CustomElementConstructor): boolean {\n    return elementClass.prototype instanceof Icon;\n}\n\n/**\n * Maps a data value to an icon.\n * One or more may be added as children of a nimble-table-column-mapping element to define\n * how specific data values should be displayed as icons in that column's cells.\n */\nexport class MappingIcon extends Mapping<MappingKey> {\n    @attr()\n    public icon?: string;\n\n    @attr()\n    public severity: IconSeverity;\n\n    @attr()\n    public text?: string;\n\n    @attr({ attribute: 'text-hidden', mode: 'boolean' })\n    public textHidden = false;\n\n    /**\n     * @internal\n     * Calculated asynchronously by the icon mapping based on the configured icon value.\n     * When assigned, it corresponds to an element name that is resolved to type of Nimble Icon.\n     */\n    @observable\n    public resolvedIcon?: string;\n\n    // Allow icons to be defined asynchronously from when the property is configured\n    private async resolveIconAsync(icon: string): Promise<void> {\n        try {\n            // Clear the current resolution while waiting for async resolution\n            this.resolvedIcon = undefined;\n            await customElements.whenDefined(icon);\n        } catch (ex) {\n            // If any error (i.e. invalid custom element name) don't continue\n            // Don't update the resolvedIcon as it was already set to undefined before async resolution\n            // (in case other async resolutions were started)\n            return;\n        }\n\n        if (icon !== this.icon) {\n            // Possible the icon has changed while waiting for async resolution\n            // Don't update the resolvedIcon as it was already set to undefined before async resolution\n            // (in case other async resolutions were started)\n            return;\n        }\n\n        const elementClass = customElements.get(icon)!;\n        this.resolvedIcon = isIconClass(elementClass) ? icon : undefined;\n    }\n\n    private iconChanged(): void {\n        const icon = this.icon;\n        if (!icon) {\n            this.resolvedIcon = undefined;\n            return;\n        }\n        const elementClass = customElements.get(icon);\n        if (elementClass) {\n            this.resolvedIcon = isIconClass(elementClass) ? icon : undefined;\n            return;\n        }\n        void this.resolveIconAsync(icon);\n    }\n}\n\nconst iconMapping = MappingIcon.compose({\n    baseName: 'mapping-icon',\n    template,\n    styles\n});\nDesignSystem.getOrCreate().withPrefix('nimble').register(iconMapping());\nexport const mappingIconTag = 'nimble-mapping-icon';\n"]}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/mapping/spinner/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAQxC;;;;GAIG;AACH,MAAM,OAAO,cAAe,SAAQ,OAAmB;IAAvD;;QAKW,eAAU,GAAG,KAAK,CAAC;IAC9B,CAAC;CAAA;AAJU;IADN,IAAI,EAAE;4CACc;AAGd;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;kDAC1B;AAG9B,MAAM,cAAc,GAAG,cAAc,CAAC,OAAO,CAAC;IAC1C,QAAQ,EAAE,iBAAiB;IAC3B,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AACH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,cAAc,EAAE,CAAC,CAAC;AAC3E,MAAM,CAAC,MAAM,iBAAiB,GAAG,wBAAwB,CAAC","sourcesContent":["import { DesignSystem } from '@microsoft/fast-foundation';\nimport { attr } from '@microsoft/fast-element';\nimport { Mapping } from '../base';\nimport { template } from '../base/template';\nimport type { MappingKey } from '../base/types';\nimport { styles } from '../base/styles';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-mapping-spinner': MappingSpinner;\n    }\n}\n\n/**\n * Maps data values to a spinner.\n * One or more may be added as children of a nimble-table-column-mapping element to define\n * which specific data values should be displayed as spinners in that column's cells.\n */\nexport class MappingSpinner extends Mapping<MappingKey> {\n    @attr()\n    public text?: string;\n\n    @attr({ attribute: 'text-hidden', mode: 'boolean' })\n    public textHidden = false;\n}\n\nconst spinnerMapping = MappingSpinner.compose({\n    baseName: 'mapping-spinner',\n    template,\n    styles\n});\nDesignSystem.getOrCreate().withPrefix('nimble').register(spinnerMapping());\nexport const mappingSpinnerTag = 'nimble-mapping-spinner';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/mapping/spinner/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAQxC;;;;GAIG;AACH,MAAM,OAAO,cAAe,SAAQ,OAAmB;IAAvD;;QAKW,eAAU,GAAG,KAAK,CAAC;IAC9B,CAAC;CAAA;AAJU;IADN,IAAI,EAAE;4CACc;AAGd;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;kDAC1B;AAG9B,MAAM,cAAc,GAAG,cAAc,CAAC,OAAO,CAAC;IAC1C,QAAQ,EAAE,iBAAiB;IAC3B,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AACH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,cAAc,EAAE,CAAC,CAAC;AAC3E,MAAM,CAAC,MAAM,iBAAiB,GAAG,wBAAwB,CAAC","sourcesContent":["import { DesignSystem } from '@ni/fast-foundation';\nimport { attr } from '@ni/fast-element';\nimport { Mapping } from '../base';\nimport { template } from '../base/template';\nimport type { MappingKey } from '../base/types';\nimport { styles } from '../base/styles';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-mapping-spinner': MappingSpinner;\n    }\n}\n\n/**\n * Maps data values to a spinner.\n * One or more may be added as children of a nimble-table-column-mapping element to define\n * which specific data values should be displayed as spinners in that column's cells.\n */\nexport class MappingSpinner extends Mapping<MappingKey> {\n    @attr()\n    public text?: string;\n\n    @attr({ attribute: 'text-hidden', mode: 'boolean' })\n    public textHidden = false;\n}\n\nconst spinnerMapping = MappingSpinner.compose({\n    baseName: 'mapping-spinner',\n    template,\n    styles\n});\nDesignSystem.getOrCreate().withPrefix('nimble').register(spinnerMapping());\nexport const mappingSpinnerTag = 'nimble-mapping-spinner';\n"]}

package/dist/esm/mapping/text/index.js

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

package/dist/esm/mapping/text/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/mapping/text/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAQxC;;;;GAIG;AACH,MAAM,OAAO,WAAY,SAAQ,OAAmB;CAGnD;AADU;IADN,IAAI,EAAE;yCACc;AAGzB,MAAM,WAAW,GAAG,WAAW,CAAC,OAAO,CAAC;IACpC,QAAQ,EAAE,cAAc;IACxB,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AACH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,CAAC;AACxE,MAAM,CAAC,MAAM,cAAc,GAAG,qBAAqB,CAAC","sourcesContent":["import { DesignSystem } from '@microsoft/fast-foundation';\nimport { attr } from '@microsoft/fast-element';\nimport { Mapping } from '../base';\nimport { template } from '../base/template';\nimport type { MappingKey } from '../base/types';\nimport { styles } from '../base/styles';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-mapping-text': MappingText;\n    }\n}\n\n/**\n * Defines a mapping from one data value ('key' property) to display text ('text' property).\n * One or more may be added as children of a nimble-table-column-mapping element to define\n * how a specific data value should be displayed as text in that column's cells.\n */\nexport class MappingText extends Mapping<MappingKey> {\n    @attr()\n    public text?: string;\n}\n\nconst textMapping = MappingText.compose({\n    baseName: 'mapping-text',\n    template,\n    styles\n});\nDesignSystem.getOrCreate().withPrefix('nimble').register(textMapping());\nexport const mappingTextTag = 'nimble-mapping-text';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/mapping/text/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAQxC;;;;GAIG;AACH,MAAM,OAAO,WAAY,SAAQ,OAAmB;CAGnD;AADU;IADN,IAAI,EAAE;yCACc;AAGzB,MAAM,WAAW,GAAG,WAAW,CAAC,OAAO,CAAC;IACpC,QAAQ,EAAE,cAAc;IACxB,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AACH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,CAAC;AACxE,MAAM,CAAC,MAAM,cAAc,GAAG,qBAAqB,CAAC","sourcesContent":["import { DesignSystem } from '@ni/fast-foundation';\nimport { attr } from '@ni/fast-element';\nimport { Mapping } from '../base';\nimport { template } from '../base/template';\nimport type { MappingKey } from '../base/types';\nimport { styles } from '../base/styles';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-mapping-text': MappingText;\n    }\n}\n\n/**\n * Defines a mapping from one data value ('key' property) to display text ('text' property).\n * One or more may be added as children of a nimble-table-column-mapping element to define\n * how a specific data value should be displayed as text in that column's cells.\n */\nexport class MappingText extends Mapping<MappingKey> {\n    @attr()\n    public text?: string;\n}\n\nconst textMapping = MappingText.compose({\n    baseName: 'mapping-text',\n    template,\n    styles\n});\nDesignSystem.getOrCreate().withPrefix('nimble').register(textMapping());\nexport const mappingTextTag = 'nimble-mapping-text';\n"]}

package/dist/esm/mapping/user/index.js

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

package/dist/esm/mapping/user/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/mapping/user/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAElC,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAOxC;;;GAGG;AACH,MAAM,OAAO,WAAY,SAAQ,OAAuB;CAGvD;AADU;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC;gDACR;AAEhC,MAAM,WAAW,GAAG,WAAW,CAAC,OAAO,CAAC;IACpC,QAAQ,EAAE,cAAc;IACxB,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AACH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,CAAC;AACxE,MAAM,CAAC,MAAM,cAAc,GAAG,qBAAqB,CAAC","sourcesContent":["import { attr } from '@microsoft/fast-element';\nimport { DesignSystem } from '@microsoft/fast-foundation';\nimport { Mapping } from '../base';\nimport type { MappingUserKey } from '../base/types';\nimport { template } from '../base/template';\nimport { styles } from '../base/styles';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-mapping-user': MappingUser;\n    }\n}\n/**\n * Maps key (url) to a user\n * Non-visible configuration element for mapping rich text user mention keys to a user\n */\nexport class MappingUser extends Mapping<MappingUserKey> {\n    @attr({ attribute: 'display-name' })\n    public displayName?: string;\n}\nconst mappingUser = MappingUser.compose({\n    baseName: 'mapping-user',\n    template,\n    styles\n});\nDesignSystem.getOrCreate().withPrefix('nimble').register(mappingUser());\nexport const mappingUserTag = 'nimble-mapping-user';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/mapping/user/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAElC,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAOxC;;;GAGG;AACH,MAAM,OAAO,WAAY,SAAQ,OAAuB;CAGvD;AADU;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC;gDACR;AAEhC,MAAM,WAAW,GAAG,WAAW,CAAC,OAAO,CAAC;IACpC,QAAQ,EAAE,cAAc;IACxB,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AACH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,CAAC;AACxE,MAAM,CAAC,MAAM,cAAc,GAAG,qBAAqB,CAAC","sourcesContent":["import { attr } from '@ni/fast-element';\nimport { DesignSystem } from '@ni/fast-foundation';\nimport { Mapping } from '../base';\nimport type { MappingUserKey } from '../base/types';\nimport { template } from '../base/template';\nimport { styles } from '../base/styles';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-mapping-user': MappingUser;\n    }\n}\n/**\n * Maps key (url) to a user\n * Non-visible configuration element for mapping rich text user mention keys to a user\n */\nexport class MappingUser extends Mapping<MappingUserKey> {\n    @attr({ attribute: 'display-name' })\n    public displayName?: string;\n}\nconst mappingUser = MappingUser.compose({\n    baseName: 'mapping-user',\n    template,\n    styles\n});\nDesignSystem.getOrCreate().withPrefix('nimble').register(mappingUser());\nexport const mappingUserTag = 'nimble-mapping-user';\n"]}

package/dist/esm/menu/index.js

@@ -1,4 +1,4 @@
-import { DesignSystem } from '@microsoft/fast-foundation';
+import { DesignSystem } from '@ni/fast-foundation';
 import { Menu as FoundationMenu } from './menu.foundation';
 import { template } from './template';
 import { styles } from './styles';
@@ -9,7 +9,7 @@ export class Menu extends FoundationMenu {
 }
 /**
  * A function that returns a nimble-menu registration for configuring the component with a DesignSystem.
- * Implements {@link @microsoft/fast-foundation#menuTemplate}
+ * Implements {@link @ni/fast-foundation#menuTemplate}
  *
  * @public
  * @remarks

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,IAAI,IAAI,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAQlC;;GAEG;AACH,MAAM,OAAO,IAAK,SAAQ,cAAc;CAAG;AAE3C;;;;;;;;GAQG;AACH,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC;IAC5B,QAAQ,EAAE,MAAM;IAChB,SAAS,EAAE,cAAc;IACzB,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC,CAAC;AACvE,MAAM,CAAC,MAAM,OAAO,GAAG,aAAa,CAAC","sourcesContent":["import { DesignSystem } from '@microsoft/fast-foundation';\nimport { Menu as FoundationMenu } from './menu.foundation';\nimport { template } from './template';\nimport { styles } from './styles';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-menu': Menu;\n    }\n}\n\n/**\n * A nimble-styled menu\n */\nexport class Menu extends FoundationMenu {}\n\n/**\n * A function that returns a nimble-menu registration for configuring the component with a DesignSystem.\n * Implements {@link @microsoft/fast-foundation#menuTemplate}\n *\n * @public\n * @remarks\n * Generates HTML Element: \\<nimble-menu\\>\n *\n */\nconst nimbleMenu = Menu.compose({\n    baseName: 'menu',\n    baseClass: FoundationMenu,\n    template,\n    styles\n});\n\nDesignSystem.getOrCreate().withPrefix('nimble').register(nimbleMenu());\nexport const menuTag = 'nimble-menu';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,IAAI,IAAI,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAQlC;;GAEG;AACH,MAAM,OAAO,IAAK,SAAQ,cAAc;CAAG;AAE3C;;;;;;;;GAQG;AACH,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC;IAC5B,QAAQ,EAAE,MAAM;IAChB,SAAS,EAAE,cAAc;IACzB,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC,CAAC;AACvE,MAAM,CAAC,MAAM,OAAO,GAAG,aAAa,CAAC","sourcesContent":["import { DesignSystem } from '@ni/fast-foundation';\nimport { Menu as FoundationMenu } from './menu.foundation';\nimport { template } from './template';\nimport { styles } from './styles';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-menu': Menu;\n    }\n}\n\n/**\n * A nimble-styled menu\n */\nexport class Menu extends FoundationMenu {}\n\n/**\n * A function that returns a nimble-menu registration for configuring the component with a DesignSystem.\n * Implements {@link @ni/fast-foundation#menuTemplate}\n *\n * @public\n * @remarks\n * Generates HTML Element: \\<nimble-menu\\>\n *\n */\nconst nimbleMenu = Menu.compose({\n    baseName: 'menu',\n    baseClass: FoundationMenu,\n    template,\n    styles\n});\n\nDesignSystem.getOrCreate().withPrefix('nimble').register(nimbleMenu());\nexport const menuTag = 'nimble-menu';\n"]}

package/dist/esm/menu/menu.foundation.d.ts

@@ -1,4 +1,4 @@
-import { FoundationElement } from '@microsoft/fast-foundation';
+import { FoundationElement } from '@ni/fast-foundation';
 /**
  * A Menu Custom HTML Element.
  * Implements the {@link https://www.w3.org/TR/wai-aria-1.1/#menu | ARIA menu }.

package/dist/esm/menu/menu.foundation.js

@@ -2,9 +2,9 @@ import { __decorate } from "tslib";
 /**
  * Based on implementation in FAST repo: https://github.com/microsoft/fast/blob/9c6dbb66615e6d229fc0ebf8065a67f109139f26/packages/web-components/fast-foundation/src/menu/menu.ts
  */
-import { DOM, observable } from '@microsoft/fast-element';
-import { isHTMLElement, keyArrowDown, keyArrowUp, keyEnd, keyHome } from '@microsoft/fast-web-utilities';
-import { FoundationElement, MenuItem, MenuItemRole, roleForMenuItem } from '@microsoft/fast-foundation';
+import { DOM, observable } from '@ni/fast-element';
+import { isHTMLElement, keyArrowDown, keyArrowUp, keyEnd, keyHome } from '@ni/fast-web-utilities';
+import { FoundationElement, MenuItem, MenuItemRole, roleForMenuItem } from '@ni/fast-foundation';
 /**
  * A Menu Custom HTML Element.
  * Implements the {@link https://www.w3.org/TR/wai-aria-1.1/#menu | ARIA menu }.

package/dist/esm/menu/menu.foundation.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu.foundation.js","sourceRoot":"","sources":["../../../src/menu/menu.foundation.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Based on implementation in FAST repo: https://github.com/microsoft/fast/blob/9c6dbb66615e6d229fc0ebf8065a67f109139f26/packages/web-components/fast-foundation/src/menu/menu.ts\n */\nimport { DOM, observable } from '@microsoft/fast-element';\nimport {\n    isHTMLElement,\n    keyArrowDown,\n    keyArrowUp,\n    keyEnd,\n    keyHome\n} from '@microsoft/fast-web-utilities';\nimport {\n    FoundationElement,\n    MenuItem,\n    type MenuItemColumnCount,\n    MenuItemRole,\n    roleForMenuItem\n} from '@microsoft/fast-foundation';\n\n/**\n * A Menu Custom HTML Element.\n * Implements the {@link https://www.w3.org/TR/wai-aria-1.1/#menu | ARIA menu }.\n *\n * @slot - The default slot for the menu items\n *\n * @public\n */\nexport class Menu extends FoundationElement {\n    private static readonly focusableElementRoles: { [key: string]: string } = roleForMenuItem;\n\n    /**\n     * @internal\n     */\n    @observable\n    public items!: HTMLSlotElement;\n\n    /**\n     * @internal\n     */\n    @observable\n    public itemIcons?: Element[];\n\n    private menuItems: Element[] | undefined;\n\n    private expandedItem: MenuItem | null = null;\n\n    /**\n     * The index of the focusable element in the items array\n     * defaults to -1\n     */\n    private focusIndex = -1;\n\n    /**\n     * @internal\n     */\n    public override connectedCallback(): void {\n        super.connectedCallback();\n        DOM.queueUpdate(() => {\n            // wait until children have had a chance to\n            // connect before setting/checking their props/attributes\n            this.setItems();\n        });\n\n        this.addEventListener('change', this.changeHandler);\n    }\n\n    /**\n     * @internal\n     */\n    public override disconnectedCallback(): void {\n        super.disconnectedCallback();\n        this.removeItemListeners();\n        this.menuItems = undefined;\n        this.removeEventListener('change', this.changeHandler);\n    }\n\n    /**\n     * @internal\n     */\n    public readonly isNestedMenu = (): boolean => {\n        return (\n            this.parentElement !== null\n            && isHTMLElement(this.parentElement)\n            && this.parentElement.getAttribute('role') === 'menuitem'\n        );\n    };\n\n    /**\n     * Focuses the first item in the menu.\n     *\n     * @public\n     */\n    public override focus(): void {\n        this.setFocus(0, 1);\n    }\n\n    /**\n     * Collapses any expanded menu items.\n     *\n     * @public\n     */\n    public collapseExpandedItem(): void {\n        if (this.expandedItem !== null) {\n            this.expandedItem.expanded = false;\n            this.expandedItem = null;\n        }\n    }\n\n    /**\n     * @internal\n     */\n    public handleMenuKeyDown(e: KeyboardEvent): boolean {\n        if (e.defaultPrevented || this.menuItems === undefined) {\n            return false;\n        }\n        switch (e.key) {\n            case keyArrowDown:\n                // go forward one index\n                this.setFocus(this.focusIndex + 1, 1);\n                return false;\n            case keyArrowUp:\n                // go back one index\n                this.setFocus(this.focusIndex - 1, -1);\n                return false;\n            case keyEnd:\n                // set focus on last item\n                this.setFocus(this.menuItems.length - 1, -1);\n                return false;\n            case keyHome:\n                // set focus on first item\n                this.setFocus(0, 1);\n                return false;\n\n            default:\n                // if we are not handling the event, do not prevent default\n                return true;\n        }\n    }\n\n    /**\n     * if focus is moving out of the menu, reset to a stable initial state\n     * @internal\n     */\n    public handleFocusOut = (e: FocusEvent): void => {\n        if (\n            !this.contains(e.relatedTarget as Element)\n            && this.menuItems !== undefined\n        ) {\n            this.collapseExpandedItem();\n            // find our first focusable element\n            const focusIndex: number = this.menuItems.findIndex(\n                this.isFocusableElement\n            );\n            // set the current focus index's tabindex to -1\n            this.menuItems[this.focusIndex]?.setAttribute('tabindex', '-1');\n            // set the first focusable element tabindex to 0\n            this.menuItems[focusIndex]?.setAttribute('tabindex', '0');\n            // set the focus index\n            this.focusIndex = focusIndex;\n        }\n    };\n\n    private readonly handleItemFocus = (e: Event): void => {\n        const targetItem: HTMLElement = e.target as HTMLElement;\n\n        if (\n            this.menuItems !== undefined\n            && targetItem !== this.menuItems[this.focusIndex]\n        ) {\n            this.menuItems[this.focusIndex]?.setAttribute('tabindex', '-1');\n            this.focusIndex = this.menuItems.indexOf(targetItem);\n            targetItem.setAttribute('tabindex', '0');\n        }\n    };\n\n    private readonly handleExpandedChanged = (e: Event): void => {\n        if (\n            e.defaultPrevented\n            || e.target === null\n            || !this.menuItems?.includes(e.target as Element)\n        ) {\n            return;\n        }\n\n        e.preventDefault();\n        const changedItem: MenuItem = e.target as MenuItem;\n\n        // closing an expanded item without opening another\n        if (\n            this.expandedItem !== null\n            && changedItem === this.expandedItem\n            && changedItem.expanded === false\n        ) {\n            this.expandedItem = null;\n            return;\n        }\n\n        if (changedItem.expanded) {\n            if (\n                this.expandedItem !== null\n                && this.expandedItem !== changedItem\n            ) {\n                this.expandedItem.expanded = false;\n            }\n            this.menuItems[this.focusIndex]?.setAttribute('tabindex', '-1');\n            this.expandedItem = changedItem;\n            this.focusIndex = this.menuItems.indexOf(changedItem);\n            changedItem.setAttribute('tabindex', '0');\n        }\n    };\n\n    private readonly removeItemListeners = (): void => {\n        if (this.menuItems !== undefined) {\n            this.menuItems.forEach((item: Element) => {\n                item.removeEventListener(\n                    'expanded-change',\n                    this.handleExpandedChanged\n                );\n                item.removeEventListener('focus', this.handleItemFocus);\n            });\n        }\n    };\n\n    private itemsChanged(): void {\n        // only update children after the component is connected and\n        // the setItems has run on connectedCallback\n        // (menuItems is undefined until then)\n        if (this.$fastController.isConnected && this.menuItems !== undefined) {\n            this.setItems();\n        }\n    }\n\n    private itemIconsChanged(oldIcons: Element[], newIcons: Element[]): void {\n        // must check if set of icon elements is actually different\n        if (\n            this.$fastController.isConnected\n            && this.menuItems !== undefined\n            && (oldIcons.length !== newIcons.length\n                || new Set(oldIcons.concat(newIcons)).size !== oldIcons.length)\n        ) {\n            this.setItems();\n        }\n    }\n\n    private readonly setItems = (): void => {\n        const newItems: Element[] = this.domChildren();\n\n        this.removeItemListeners();\n        this.menuItems = newItems;\n\n        const menuItems = this.menuItems.filter(this.isMenuItemElement);\n\n        // if our focus index is not -1 we have items\n        if (menuItems.length) {\n            this.focusIndex = 0;\n        }\n\n        function elementIndent(el: HTMLElement): MenuItemColumnCount {\n            const role = el.getAttribute('role');\n            const startSlot = el.querySelector('[slot=start]');\n\n            if (role !== MenuItemRole.menuitem && startSlot === null) {\n                return 1;\n            }\n            if (role === MenuItemRole.menuitem && startSlot !== null) {\n                return 1;\n            }\n            if (role !== MenuItemRole.menuitem && startSlot !== null) {\n                return 2;\n            }\n            return 0;\n        }\n\n        const indent: MenuItemColumnCount = menuItems.reduce<MenuItemColumnCount>((accum, current) => {\n            const elementValue = elementIndent(current);\n\n            return accum > elementValue ? accum : elementValue;\n        }, 0);\n\n        menuItems.forEach((item: HTMLElement, index: number) => {\n            item.setAttribute('tabindex', index === 0 ? '0' : '-1');\n            item.addEventListener(\n                'expanded-change',\n                this.handleExpandedChanged\n            );\n            item.addEventListener('focus', this.handleItemFocus);\n\n            if (item instanceof MenuItem || 'startColumnCount' in item) {\n                (item as unknown as MenuItem).startColumnCount = indent;\n            }\n        });\n    };\n\n    /**\n     * handle change from child element\n     */\n    private readonly changeHandler = (e: Event): void => {\n        if (this.menuItems === undefined) {\n            return;\n        }\n        const changedMenuItem: MenuItem = e.target as MenuItem;\n        const changeItemIndex: number = this.menuItems.indexOf(changedMenuItem);\n\n        if (changeItemIndex === -1) {\n            return;\n        }\n\n        if (\n            changedMenuItem.role === 'menuitemradio'\n            && changedMenuItem.checked === true\n        ) {\n            for (let i = changeItemIndex - 1; i >= 0; --i) {\n                const item: Element = this.menuItems[i]!;\n                const role: string | null = item.getAttribute('role');\n                if (role === MenuItemRole.menuitemradio) {\n                    (item as MenuItem).checked = false;\n                }\n                if (role === 'separator') {\n                    break;\n                }\n            }\n            const maxIndex: number = this.menuItems.length - 1;\n            for (let i = changeItemIndex + 1; i <= maxIndex; ++i) {\n                const item: Element = this.menuItems[i]!;\n                const role: string | null = item.getAttribute('role');\n                if (role === MenuItemRole.menuitemradio) {\n                    (item as MenuItem).checked = false;\n                }\n                if (role === 'separator') {\n                    break;\n                }\n            }\n        }\n    };\n\n    /**\n     * get an array of valid DOM children\n     */\n    private domChildren(): Element[] {\n        return Array.from(this.children).filter(\n            child => !child.hasAttribute('hidden')\n        );\n    }\n\n    /**\n     * check if the item is a menu item\n     */\n    private readonly isMenuItemElement = (el: Element): el is HTMLElement => {\n        return (\n            isHTMLElement(el)\n            && Object.prototype.hasOwnProperty.call(\n                Menu.focusableElementRoles,\n                el.getAttribute('role')!\n            )\n        );\n    };\n\n    /**\n     * check if the item is focusable\n     */\n    private readonly isFocusableElement = (el: Element): el is HTMLElement => {\n        return this.isMenuItemElement(el);\n    };\n\n    private setFocus(focusIndex: number, adjustment: number): void {\n        if (this.menuItems === undefined) {\n            return;\n        }\n\n        let updatedIndex = focusIndex;\n        while (updatedIndex >= 0 && updatedIndex < this.menuItems.length) {\n            const child: Element = this.menuItems[updatedIndex]!;\n\n            if (this.isFocusableElement(child)) {\n                // change the previous index to -1\n                if (\n                    this.focusIndex > -1\n                    && this.menuItems.length >= this.focusIndex - 1\n                ) {\n                    this.menuItems[this.focusIndex]?.setAttribute(\n                        'tabindex',\n                        '-1'\n                    );\n                }\n\n                // update the focus index\n                this.focusIndex = updatedIndex;\n\n                // update the tabindex of next focusable element\n                child.setAttribute('tabindex', '0');\n\n                // focus the element\n                child.focus();\n\n                break;\n            }\n\n            updatedIndex += adjustment;\n        }\n    }\n}\n"]}
+{"version":3,"file":"menu.foundation.js","sourceRoot":"","sources":["../../../src/menu/menu.foundation.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Based on implementation in FAST repo: https://github.com/microsoft/fast/blob/9c6dbb66615e6d229fc0ebf8065a67f109139f26/packages/web-components/fast-foundation/src/menu/menu.ts\n */\nimport { DOM, observable } from '@ni/fast-element';\nimport {\n    isHTMLElement,\n    keyArrowDown,\n    keyArrowUp,\n    keyEnd,\n    keyHome\n} from '@ni/fast-web-utilities';\nimport {\n    FoundationElement,\n    MenuItem,\n    type MenuItemColumnCount,\n    MenuItemRole,\n    roleForMenuItem\n} from '@ni/fast-foundation';\n\n/**\n * A Menu Custom HTML Element.\n * Implements the {@link https://www.w3.org/TR/wai-aria-1.1/#menu | ARIA menu }.\n *\n * @slot - The default slot for the menu items\n *\n * @public\n */\nexport class Menu extends FoundationElement {\n    private static readonly focusableElementRoles: { [key: string]: string } = roleForMenuItem;\n\n    /**\n     * @internal\n     */\n    @observable\n    public items!: HTMLSlotElement;\n\n    /**\n     * @internal\n     */\n    @observable\n    public itemIcons?: Element[];\n\n    private menuItems: Element[] | undefined;\n\n    private expandedItem: MenuItem | null = null;\n\n    /**\n     * The index of the focusable element in the items array\n     * defaults to -1\n     */\n    private focusIndex = -1;\n\n    /**\n     * @internal\n     */\n    public override connectedCallback(): void {\n        super.connectedCallback();\n        DOM.queueUpdate(() => {\n            // wait until children have had a chance to\n            // connect before setting/checking their props/attributes\n            this.setItems();\n        });\n\n        this.addEventListener('change', this.changeHandler);\n    }\n\n    /**\n     * @internal\n     */\n    public override disconnectedCallback(): void {\n        super.disconnectedCallback();\n        this.removeItemListeners();\n        this.menuItems = undefined;\n        this.removeEventListener('change', this.changeHandler);\n    }\n\n    /**\n     * @internal\n     */\n    public readonly isNestedMenu = (): boolean => {\n        return (\n            this.parentElement !== null\n            && isHTMLElement(this.parentElement)\n            && this.parentElement.getAttribute('role') === 'menuitem'\n        );\n    };\n\n    /**\n     * Focuses the first item in the menu.\n     *\n     * @public\n     */\n    public override focus(): void {\n        this.setFocus(0, 1);\n    }\n\n    /**\n     * Collapses any expanded menu items.\n     *\n     * @public\n     */\n    public collapseExpandedItem(): void {\n        if (this.expandedItem !== null) {\n            this.expandedItem.expanded = false;\n            this.expandedItem = null;\n        }\n    }\n\n    /**\n     * @internal\n     */\n    public handleMenuKeyDown(e: KeyboardEvent): boolean {\n        if (e.defaultPrevented || this.menuItems === undefined) {\n            return false;\n        }\n        switch (e.key) {\n            case keyArrowDown:\n                // go forward one index\n                this.setFocus(this.focusIndex + 1, 1);\n                return false;\n            case keyArrowUp:\n                // go back one index\n                this.setFocus(this.focusIndex - 1, -1);\n                return false;\n            case keyEnd:\n                // set focus on last item\n                this.setFocus(this.menuItems.length - 1, -1);\n                return false;\n            case keyHome:\n                // set focus on first item\n                this.setFocus(0, 1);\n                return false;\n\n            default:\n                // if we are not handling the event, do not prevent default\n                return true;\n        }\n    }\n\n    /**\n     * if focus is moving out of the menu, reset to a stable initial state\n     * @internal\n     */\n    public handleFocusOut = (e: FocusEvent): void => {\n        if (\n            !this.contains(e.relatedTarget as Element)\n            && this.menuItems !== undefined\n        ) {\n            this.collapseExpandedItem();\n            // find our first focusable element\n            const focusIndex: number = this.menuItems.findIndex(\n                this.isFocusableElement\n            );\n            // set the current focus index's tabindex to -1\n            this.menuItems[this.focusIndex]?.setAttribute('tabindex', '-1');\n            // set the first focusable element tabindex to 0\n            this.menuItems[focusIndex]?.setAttribute('tabindex', '0');\n            // set the focus index\n            this.focusIndex = focusIndex;\n        }\n    };\n\n    private readonly handleItemFocus = (e: Event): void => {\n        const targetItem: HTMLElement = e.target as HTMLElement;\n\n        if (\n            this.menuItems !== undefined\n            && targetItem !== this.menuItems[this.focusIndex]\n        ) {\n            this.menuItems[this.focusIndex]?.setAttribute('tabindex', '-1');\n            this.focusIndex = this.menuItems.indexOf(targetItem);\n            targetItem.setAttribute('tabindex', '0');\n        }\n    };\n\n    private readonly handleExpandedChanged = (e: Event): void => {\n        if (\n            e.defaultPrevented\n            || e.target === null\n            || !this.menuItems?.includes(e.target as Element)\n        ) {\n            return;\n        }\n\n        e.preventDefault();\n        const changedItem: MenuItem = e.target as MenuItem;\n\n        // closing an expanded item without opening another\n        if (\n            this.expandedItem !== null\n            && changedItem === this.expandedItem\n            && changedItem.expanded === false\n        ) {\n            this.expandedItem = null;\n            return;\n        }\n\n        if (changedItem.expanded) {\n            if (\n                this.expandedItem !== null\n                && this.expandedItem !== changedItem\n            ) {\n                this.expandedItem.expanded = false;\n            }\n            this.menuItems[this.focusIndex]?.setAttribute('tabindex', '-1');\n            this.expandedItem = changedItem;\n            this.focusIndex = this.menuItems.indexOf(changedItem);\n            changedItem.setAttribute('tabindex', '0');\n        }\n    };\n\n    private readonly removeItemListeners = (): void => {\n        if (this.menuItems !== undefined) {\n            this.menuItems.forEach((item: Element) => {\n                item.removeEventListener(\n                    'expanded-change',\n                    this.handleExpandedChanged\n                );\n                item.removeEventListener('focus', this.handleItemFocus);\n            });\n        }\n    };\n\n    private itemsChanged(): void {\n        // only update children after the component is connected and\n        // the setItems has run on connectedCallback\n        // (menuItems is undefined until then)\n        if (this.$fastController.isConnected && this.menuItems !== undefined) {\n            this.setItems();\n        }\n    }\n\n    private itemIconsChanged(oldIcons: Element[], newIcons: Element[]): void {\n        // must check if set of icon elements is actually different\n        if (\n            this.$fastController.isConnected\n            && this.menuItems !== undefined\n            && (oldIcons.length !== newIcons.length\n                || new Set(oldIcons.concat(newIcons)).size !== oldIcons.length)\n        ) {\n            this.setItems();\n        }\n    }\n\n    private readonly setItems = (): void => {\n        const newItems: Element[] = this.domChildren();\n\n        this.removeItemListeners();\n        this.menuItems = newItems;\n\n        const menuItems = this.menuItems.filter(this.isMenuItemElement);\n\n        // if our focus index is not -1 we have items\n        if (menuItems.length) {\n            this.focusIndex = 0;\n        }\n\n        function elementIndent(el: HTMLElement): MenuItemColumnCount {\n            const role = el.getAttribute('role');\n            const startSlot = el.querySelector('[slot=start]');\n\n            if (role !== MenuItemRole.menuitem && startSlot === null) {\n                return 1;\n            }\n            if (role === MenuItemRole.menuitem && startSlot !== null) {\n                return 1;\n            }\n            if (role !== MenuItemRole.menuitem && startSlot !== null) {\n                return 2;\n            }\n            return 0;\n        }\n\n        const indent: MenuItemColumnCount = menuItems.reduce<MenuItemColumnCount>((accum, current) => {\n            const elementValue = elementIndent(current);\n\n            return accum > elementValue ? accum : elementValue;\n        }, 0);\n\n        menuItems.forEach((item: HTMLElement, index: number) => {\n            item.setAttribute('tabindex', index === 0 ? '0' : '-1');\n            item.addEventListener(\n                'expanded-change',\n                this.handleExpandedChanged\n            );\n            item.addEventListener('focus', this.handleItemFocus);\n\n            if (item instanceof MenuItem || 'startColumnCount' in item) {\n                (item as unknown as MenuItem).startColumnCount = indent;\n            }\n        });\n    };\n\n    /**\n     * handle change from child element\n     */\n    private readonly changeHandler = (e: Event): void => {\n        if (this.menuItems === undefined) {\n            return;\n        }\n        const changedMenuItem: MenuItem = e.target as MenuItem;\n        const changeItemIndex: number = this.menuItems.indexOf(changedMenuItem);\n\n        if (changeItemIndex === -1) {\n            return;\n        }\n\n        if (\n            changedMenuItem.role === 'menuitemradio'\n            && changedMenuItem.checked === true\n        ) {\n            for (let i = changeItemIndex - 1; i >= 0; --i) {\n                const item: Element = this.menuItems[i]!;\n                const role: string | null = item.getAttribute('role');\n                if (role === MenuItemRole.menuitemradio) {\n                    (item as MenuItem).checked = false;\n                }\n                if (role === 'separator') {\n                    break;\n                }\n            }\n            const maxIndex: number = this.menuItems.length - 1;\n            for (let i = changeItemIndex + 1; i <= maxIndex; ++i) {\n                const item: Element = this.menuItems[i]!;\n                const role: string | null = item.getAttribute('role');\n                if (role === MenuItemRole.menuitemradio) {\n                    (item as MenuItem).checked = false;\n                }\n                if (role === 'separator') {\n                    break;\n                }\n            }\n        }\n    };\n\n    /**\n     * get an array of valid DOM children\n     */\n    private domChildren(): Element[] {\n        return Array.from(this.children).filter(\n            child => !child.hasAttribute('hidden')\n        );\n    }\n\n    /**\n     * check if the item is a menu item\n     */\n    private readonly isMenuItemElement = (el: Element): el is HTMLElement => {\n        return (\n            isHTMLElement(el)\n            && Object.prototype.hasOwnProperty.call(\n                Menu.focusableElementRoles,\n                el.getAttribute('role')!\n            )\n        );\n    };\n\n    /**\n     * check if the item is focusable\n     */\n    private readonly isFocusableElement = (el: Element): el is HTMLElement => {\n        return this.isMenuItemElement(el);\n    };\n\n    private setFocus(focusIndex: number, adjustment: number): void {\n        if (this.menuItems === undefined) {\n            return;\n        }\n\n        let updatedIndex = focusIndex;\n        while (updatedIndex >= 0 && updatedIndex < this.menuItems.length) {\n            const child: Element = this.menuItems[updatedIndex]!;\n\n            if (this.isFocusableElement(child)) {\n                // change the previous index to -1\n                if (\n                    this.focusIndex > -1\n                    && this.menuItems.length >= this.focusIndex - 1\n                ) {\n                    this.menuItems[this.focusIndex]?.setAttribute(\n                        'tabindex',\n                        '-1'\n                    );\n                }\n\n                // update the focus index\n                this.focusIndex = updatedIndex;\n\n                // update the tabindex of next focusable element\n                child.setAttribute('tabindex', '0');\n\n                // focus the element\n                child.focus();\n\n                break;\n            }\n\n            updatedIndex += adjustment;\n        }\n    }\n}\n"]}

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

@@ -1,4 +1,4 @@
-import { css } from '@microsoft/fast-element';
+import { css } from '@ni/fast-element';
 import { White } from '@ni/nimble-tokens/dist/styledictionary/js/tokens';
 import { display } from '../utilities/style/display';
 import { applicationBackgroundColor, borderWidth, borderColor, popupBorderColor, groupHeaderFont, groupHeaderTextTransform, groupHeaderFontColor, smallPadding, mediumPadding, elevation2BoxShadow, menuMinWidth } from '../theme-provider/design-tokens';

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/menu/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,kDAAkD,CAAC;AACzE,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAErD,OAAO,EACH,0BAA0B,EAC1B,WAAW,EACX,WAAW,EACX,gBAAgB,EAChB,eAAe,EACf,wBAAwB,EACxB,oBAAoB,EACpB,YAAY,EACZ,aAAa,EACb,mBAAmB,EACnB,YAAY,EACf,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,MAAM,CAAC;;;sBAGC,0BAA0B;kBAC9B,WAAW,UAAU,gBAAgB;;qBAElC,YAAY;;sBAEX,mBAAmB;;;;;;;;;oBASrB,aAAa;;;;;;;;;;;;kBAYf,YAAY;;sBAER,WAAW;;;;;;gBAMjB,eAAe;iBACd,oBAAoB;0BACX,wBAAwB;uBAC3B,YAAY;0BACT,YAAY;;;gBAGtB,iBAAiB;;;CAGhC,CAAC,aAAa,CACX,aAAa,CACT,KAAK,CAAC,KAAK,EACX,GAAG,CAAA;;8BAEmB,iBAAiB,CAAC,KAAK,EAAE,IAAI,CAAC;;SAEnD,CACJ,CACJ,CAAC","sourcesContent":["import { css } from '@microsoft/fast-element';\nimport { White } from '@ni/nimble-tokens/dist/styledictionary/js/tokens';\nimport { display } from '../utilities/style/display';\n\nimport {\n    applicationBackgroundColor,\n    borderWidth,\n    borderColor,\n    popupBorderColor,\n    groupHeaderFont,\n    groupHeaderTextTransform,\n    groupHeaderFontColor,\n    smallPadding,\n    mediumPadding,\n    elevation2BoxShadow,\n    menuMinWidth\n} from '../theme-provider/design-tokens';\nimport { Theme } from '../theme-provider/types';\nimport { hexToRgbaCssColor } from '../utilities/style/colors';\nimport { themeBehavior } from '../utilities/style/theme';\nimport { anchorMenuItemTag } from '../anchor-menu-item';\n\nexport const styles = css`\n    ${display('grid')}\n\n    :host {\n        background: ${applicationBackgroundColor};\n        border: ${borderWidth} solid ${popupBorderColor};\n        margin: 0;\n        min-width: ${menuMinWidth};\n        width: max-content;\n        box-shadow: ${elevation2BoxShadow};\n    }\n\n    slot {\n        padding: 4px;\n        display: block;\n    }\n\n    :host([slot='submenu']) {\n        margin: 0 ${mediumPadding};\n        cursor: default;\n    }\n\n    ::slotted(*) {\n        padding-left: 8px;\n        padding-right: 8px;\n    }\n\n    ::slotted(hr) {\n        box-sizing: border-box;\n        height: 2px;\n        margin: ${smallPadding};\n        border: none;\n        background: ${borderColor};\n        opacity: 0.1;\n    }\n\n    ::slotted(header) {\n        display: flex;\n        font: ${groupHeaderFont};\n        color: ${groupHeaderFontColor};\n        text-transform: ${groupHeaderTextTransform};\n        padding-top: ${smallPadding};\n        padding-bottom: ${smallPadding};\n    }\n\n    ::slotted(${anchorMenuItemTag}) {\n        padding: 0px;\n    }\n`.withBehaviors(\n    themeBehavior(\n        Theme.color,\n        css`\n            slot {\n                background: ${hexToRgbaCssColor(White, 0.15)};\n            }\n        `\n    )\n);\n"]}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/menu/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,kDAAkD,CAAC;AACzE,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAErD,OAAO,EACH,0BAA0B,EAC1B,WAAW,EACX,WAAW,EACX,gBAAgB,EAChB,eAAe,EACf,wBAAwB,EACxB,oBAAoB,EACpB,YAAY,EACZ,aAAa,EACb,mBAAmB,EACnB,YAAY,EACf,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,MAAM,CAAC;;;sBAGC,0BAA0B;kBAC9B,WAAW,UAAU,gBAAgB;;qBAElC,YAAY;;sBAEX,mBAAmB;;;;;;;;;oBASrB,aAAa;;;;;;;;;;;;kBAYf,YAAY;;sBAER,WAAW;;;;;;gBAMjB,eAAe;iBACd,oBAAoB;0BACX,wBAAwB;uBAC3B,YAAY;0BACT,YAAY;;;gBAGtB,iBAAiB;;;CAGhC,CAAC,aAAa,CACX,aAAa,CACT,KAAK,CAAC,KAAK,EACX,GAAG,CAAA;;8BAEmB,iBAAiB,CAAC,KAAK,EAAE,IAAI,CAAC;;SAEnD,CACJ,CACJ,CAAC","sourcesContent":["import { css } from '@ni/fast-element';\nimport { White } from '@ni/nimble-tokens/dist/styledictionary/js/tokens';\nimport { display } from '../utilities/style/display';\n\nimport {\n    applicationBackgroundColor,\n    borderWidth,\n    borderColor,\n    popupBorderColor,\n    groupHeaderFont,\n    groupHeaderTextTransform,\n    groupHeaderFontColor,\n    smallPadding,\n    mediumPadding,\n    elevation2BoxShadow,\n    menuMinWidth\n} from '../theme-provider/design-tokens';\nimport { Theme } from '../theme-provider/types';\nimport { hexToRgbaCssColor } from '../utilities/style/colors';\nimport { themeBehavior } from '../utilities/style/theme';\nimport { anchorMenuItemTag } from '../anchor-menu-item';\n\nexport const styles = css`\n    ${display('grid')}\n\n    :host {\n        background: ${applicationBackgroundColor};\n        border: ${borderWidth} solid ${popupBorderColor};\n        margin: 0;\n        min-width: ${menuMinWidth};\n        width: max-content;\n        box-shadow: ${elevation2BoxShadow};\n    }\n\n    slot {\n        padding: 4px;\n        display: block;\n    }\n\n    :host([slot='submenu']) {\n        margin: 0 ${mediumPadding};\n        cursor: default;\n    }\n\n    ::slotted(*) {\n        padding-left: 8px;\n        padding-right: 8px;\n    }\n\n    ::slotted(hr) {\n        box-sizing: border-box;\n        height: 2px;\n        margin: ${smallPadding};\n        border: none;\n        background: ${borderColor};\n        opacity: 0.1;\n    }\n\n    ::slotted(header) {\n        display: flex;\n        font: ${groupHeaderFont};\n        color: ${groupHeaderFontColor};\n        text-transform: ${groupHeaderTextTransform};\n        padding-top: ${smallPadding};\n        padding-bottom: ${smallPadding};\n    }\n\n    ::slotted(${anchorMenuItemTag}) {\n        padding: 0px;\n    }\n`.withBehaviors(\n    themeBehavior(\n        Theme.color,\n        css`\n            slot {\n                background: ${hexToRgbaCssColor(White, 0.15)};\n            }\n        `\n    )\n);\n"]}

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

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

package/dist/esm/menu/template.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../src/menu/template.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,QAAQ,EACR,IAAI,EACJ,OAAO,EAEV,MAAM,yBAAyB,CAAC;AAIjC,8CAA8C;AAC9C,kBAAkB;AAClB,MAAM,CAAC,MAAM,QAAQ,GAEjB,GAAG,EAAE,CAAC,IAAI,CAAA;;gBAEE,CAAC,CAAC,EAAE;IACR,IAAI,CAAC,CAAC,IAAI,EAAE,CAAC;QACT,OAAO,CAAC,CAAC,IAAI,CAAC;IAClB,CAAC;IACD,OAAO,CAAC,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;AACpD,CAAC;;oBAEW,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,KAAsB,CAAC;qBACtD,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,KAAmB,CAAC;UAC5D,QAAQ,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,EAAE,eAAe,EAAE,CAAC,MAAM,CAAC,EAAE,QAAQ,EAAE,6BAA6B,EAAE,CAAC;;gBAEhH,OAAO,CAAC,OAAO,CAAC;;CAE/B,CAAC;AACF,6CAA6C","sourcesContent":["import {\n    children,\n    html,\n    slotted,\n    type ViewTemplate\n} from '@microsoft/fast-element';\nimport type { FoundationElementTemplate } from '@microsoft/fast-foundation';\nimport type { Menu } from '.';\n\n/* eslint-disable @typescript-eslint/indent */\n// prettier-ignore\nexport const template: FoundationElementTemplate<\nViewTemplate<Menu>\n> = () => html`\n    <template\n        slot=\"${x => {\n            if (x.slot) {\n                return x.slot;\n            }\n            return x.isNestedMenu() ? 'submenu' : undefined;\n        }}\"\n        role=\"menu\"\n        @keydown=\"${(x, c) => x.handleMenuKeyDown(c.event as KeyboardEvent)}\"\n        @focusout=\"${(x, c) => x.handleFocusOut(c.event as FocusEvent)}\"\n        ${children({ property: 'itemIcons', subtree: true, attributeFilter: ['slot'], selector: ':scope > * > [slot=\"start\"]' })}\n    >\n        <slot ${slotted('items')}></slot>\n    </template>\n`;\n/* eslint-enable @typescript-eslint/indent */\n"]}
+{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../src/menu/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAqB,MAAM,kBAAkB,CAAC;AAI9E,8CAA8C;AAC9C,kBAAkB;AAClB,MAAM,CAAC,MAAM,QAAQ,GAEjB,GAAG,EAAE,CAAC,IAAI,CAAA;;gBAEE,CAAC,CAAC,EAAE;IACR,IAAI,CAAC,CAAC,IAAI,EAAE,CAAC;QACT,OAAO,CAAC,CAAC,IAAI,CAAC;IAClB,CAAC;IACD,OAAO,CAAC,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;AACpD,CAAC;;oBAEW,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,KAAsB,CAAC;qBACtD,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,KAAmB,CAAC;UAC5D,QAAQ,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,EAAE,eAAe,EAAE,CAAC,MAAM,CAAC,EAAE,QAAQ,EAAE,6BAA6B,EAAE,CAAC;;gBAEhH,OAAO,CAAC,OAAO,CAAC;;CAE/B,CAAC;AACF,6CAA6C","sourcesContent":["import { children, html, slotted, type ViewTemplate } from '@ni/fast-element';\nimport type { FoundationElementTemplate } from '@ni/fast-foundation';\nimport type { Menu } from '.';\n\n/* eslint-disable @typescript-eslint/indent */\n// prettier-ignore\nexport const template: FoundationElementTemplate<\nViewTemplate<Menu>\n> = () => html`\n    <template\n        slot=\"${x => {\n            if (x.slot) {\n                return x.slot;\n            }\n            return x.isNestedMenu() ? 'submenu' : undefined;\n        }}\"\n        role=\"menu\"\n        @keydown=\"${(x, c) => x.handleMenuKeyDown(c.event as KeyboardEvent)}\"\n        @focusout=\"${(x, c) => x.handleFocusOut(c.event as FocusEvent)}\"\n        ${children({ property: 'itemIcons', subtree: true, attributeFilter: ['slot'], selector: ':scope > * > [slot=\"start\"]' })}\n    >\n        <slot ${slotted('items')}></slot>\n    </template>\n`;\n/* eslint-enable @typescript-eslint/indent */\n"]}

package/dist/esm/menu-button/index.d.ts

@@ -1,4 +1,4 @@
-import { FoundationElement } from '@microsoft/fast-foundation';
+import { FoundationElement } from '@ni/fast-foundation';
 import { ButtonAppearance, ButtonAppearanceVariant, MenuButtonPosition } from './types';
 import type { ToggleButton } from '../toggle-button';
 import type { ButtonPattern } from '../patterns/button/types';

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

@@ -1,7 +1,7 @@
 import { __decorate } from "tslib";
-import { attr, nullableNumberConverter, observable } from '@microsoft/fast-element';
-import { DesignSystem, FoundationElement } from '@microsoft/fast-foundation';
-import { eventChange, keyArrowDown, keyArrowUp, keyEscape } from '@microsoft/fast-web-utilities';
+import { attr, nullableNumberConverter, observable } from '@ni/fast-element';
+import { DesignSystem, FoundationElement } from '@ni/fast-foundation';
+import { eventChange, keyArrowDown, keyArrowUp, keyEscape } from '@ni/fast-web-utilities';
 import { ButtonAppearance, ButtonAppearanceVariant, MenuButtonPosition } from './types';
 import { styles } from './styles';
 import { template } from './template';

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/menu-button/index.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n    attr,\n    nullableNumberConverter,\n    observable\n} from '@microsoft/fast-element';\nimport { DesignSystem, FoundationElement } from '@microsoft/fast-foundation';\nimport {\n    eventChange,\n    keyArrowDown,\n    keyArrowUp,\n    keyEscape\n} from '@microsoft/fast-web-utilities';\nimport {\n    ButtonAppearance,\n    ButtonAppearanceVariant,\n    type MenuButtonToggleEventDetail,\n    MenuButtonPosition\n} from './types';\nimport type { ToggleButton } from '../toggle-button';\nimport { styles } from './styles';\nimport { template } from './template';\nimport type { ButtonPattern } from '../patterns/button/types';\nimport type { AnchoredRegion } from '../anchored-region';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-menu-button': MenuButton;\n    }\n}\n\n/**\n * A nimble-styled menu button control.\n */\nexport class MenuButton extends FoundationElement implements ButtonPattern {\n    @attr\n    public appearance: ButtonAppearance = ButtonAppearance.outline;\n\n    @attr({ attribute: 'appearance-variant' })\n    public appearanceVariant: ButtonAppearanceVariant;\n\n    @attr({ mode: 'boolean' })\n    public disabled = false;\n\n    @attr({ attribute: 'content-hidden', mode: 'boolean' })\n    public contentHidden = false;\n\n    @attr({ attribute: 'tabindex', converter: nullableNumberConverter })\n    public override tabIndex!: number;\n\n    /**\n     * Specifies whether or not the menu is open.\n     */\n    @attr({ mode: 'boolean' })\n    public open = false;\n\n    /**\n     * Configures where the menu should be placed relative to the button that opens the menu.\n     */\n    @attr({ attribute: 'position' })\n    public position: MenuButtonPosition = MenuButtonPosition.auto;\n\n    /** @internal */\n    @observable\n    public readonly toggleButton?: ToggleButton;\n\n    /** @internal */\n    @observable\n    public readonly region?: AnchoredRegion;\n\n    /** @internal */\n    @observable\n    public readonly slottedMenus?: HTMLElement[];\n\n    /**\n     * Used to maintain the internal state of whether the last menu item should be focused instead\n     * of the first menu item the next time the menu is opened.\n     */\n    private focusLastItemWhenOpened = false;\n\n    public override disconnectedCallback(): void {\n        super.disconnectedCallback();\n        if (this.region) {\n            this.region.removeEventListener(\n                eventChange,\n                this.menuChangeHandler\n            );\n        }\n    }\n\n    public toggleButtonChanged(\n        _prev: ToggleButton | undefined,\n        _next: ToggleButton | undefined\n    ): void {\n        if (this.region && this.toggleButton) {\n            this.region.anchorElement = this.toggleButton;\n        }\n    }\n\n    public regionChanged(\n        prev: AnchoredRegion | undefined,\n        _next: AnchoredRegion | undefined\n    ): void {\n        if (prev) {\n            prev.removeEventListener(eventChange, this.menuChangeHandler);\n        }\n\n        if (this.region) {\n            if (this.toggleButton) {\n                this.region.anchorElement = this.toggleButton;\n            }\n            this.region.addEventListener(eventChange, this.menuChangeHandler, {\n                capture: true\n            });\n        }\n    }\n\n    public openChanged(_prev: boolean | undefined, _next: boolean): void {\n        if (this.toggleButton) {\n            this.toggleButton.checked = this.open;\n        }\n\n        if (!this.open) {\n            // Only fire an event here if the menu is changing to being closed. Otherwise,\n            // wait until the menu is actually opened before firing the event.\n            const eventDetail: MenuButtonToggleEventDetail = {\n                oldState: true,\n                newState: false\n            };\n            this.$emit('toggle', eventDetail);\n        }\n    }\n\n    public regionLoadedHandler(): void {\n        if (this.focusLastItemWhenOpened) {\n            this.focusLastMenuItem();\n            this.focusLastItemWhenOpened = false;\n        } else {\n            this.focusMenu();\n        }\n\n        const eventDetail: MenuButtonToggleEventDetail = {\n            oldState: false,\n            newState: true\n        };\n        this.$emit('toggle', eventDetail);\n    }\n\n    public focusoutHandler(e: FocusEvent): boolean {\n        if (!this.open) {\n            return true;\n        }\n\n        const focusTarget = e.relatedTarget as HTMLElement;\n        if (\n            !this.contains(focusTarget)\n            && !this.getMenu()?.contains(focusTarget)\n        ) {\n            this.setOpen(false);\n            return false;\n        }\n\n        return true;\n    }\n\n    public toggleButtonCheckedChangeHandler(e: Event): boolean {\n        this.setOpen(this.toggleButton!.checked);\n        // Don't bubble the 'change' event from the toggle button because\n        // the menu button has its own 'toggle' event.\n        e.stopPropagation();\n        return false;\n    }\n\n    public toggleButtonKeyDownHandler(e: KeyboardEvent): boolean {\n        switch (e.key) {\n            case keyArrowUp:\n                this.focusLastItemWhenOpened = true;\n                this.setOpen(true);\n                return false;\n            case keyArrowDown:\n                this.setOpen(true);\n                return false;\n            default:\n                return true;\n        }\n    }\n\n    public menuKeyDownHandler(e: KeyboardEvent): boolean {\n        switch (e.key) {\n            case keyEscape:\n                this.setOpen(false);\n                this.toggleButton!.focus();\n                return false;\n            default:\n                return true;\n        }\n    }\n\n    private setOpen(newValue: boolean): void {\n        if (this.open === newValue) {\n            return;\n        }\n\n        const eventDetail: MenuButtonToggleEventDetail = {\n            oldState: this.open,\n            newState: newValue\n        };\n        this.$emit('beforetoggle', eventDetail);\n\n        this.open = newValue;\n    }\n\n    private getMenu(): HTMLElement | undefined {\n        // Get the menu that is slotted within the menu-button, taking into account\n        // that it may be nested within multiple 'slot' elements, such as when used\n        // within a table.\n        if (!this.slottedMenus?.length) {\n            return undefined;\n        }\n\n        let currentItem: HTMLElement | undefined = this.slottedMenus[0];\n        while (currentItem) {\n            if (currentItem.getAttribute('role') === 'menu') {\n                return currentItem;\n            }\n\n            if (this.isSlotElement(currentItem)) {\n                const firstNode = currentItem.assignedNodes()[0];\n                if (firstNode instanceof HTMLElement) {\n                    currentItem = firstNode;\n                } else {\n                    currentItem = undefined;\n                }\n            } else {\n                return undefined;\n            }\n        }\n\n        return undefined;\n    }\n\n    private isSlotElement(\n        element: HTMLElement | undefined\n    ): element is HTMLSlotElement {\n        return element?.nodeName === 'SLOT';\n    }\n\n    private focusMenu(): void {\n        this.getMenu()?.focus();\n    }\n\n    private focusLastMenuItem(): void {\n        const menuItems = this.getMenu()?.querySelectorAll('[role=menuitem]');\n        if (menuItems?.length) {\n            const lastMenuItem = menuItems[menuItems.length - 1] as HTMLElement;\n            lastMenuItem.focus();\n        }\n    }\n\n    private readonly menuChangeHandler = (): void => {\n        this.setOpen(false);\n        this.toggleButton!.focus();\n    };\n}\n\nconst nimbleMenuButton = MenuButton.compose({\n    baseName: 'menu-button',\n    template,\n    styles,\n    shadowOptions: {\n        delegatesFocus: true\n    }\n});\n\nDesignSystem.getOrCreate().withPrefix('nimble').register(nimbleMenuButton());\nexport const menuButtonTag = 'nimble-menu-button';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/menu-button/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,uBAAuB,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC7E,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACtE,OAAO,EACH,WAAW,EACX,YAAY,EACZ,UAAU,EACV,SAAS,EACZ,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACH,gBAAgB,EAChB,uBAAuB,EAEvB,kBAAkB,EACrB,MAAM,SAAS,CAAC;AAEjB,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAUtC;;GAEG;AACH,MAAM,OAAO,UAAW,SAAQ,iBAAiB;IAAjD;;QAEW,eAAU,GAAqB,gBAAgB,CAAC,OAAO,CAAC;QAMxD,aAAQ,GAAG,KAAK,CAAC;QAGjB,kBAAa,GAAG,KAAK,CAAC;QAK7B;;WAEG;QAEI,SAAI,GAAG,KAAK,CAAC;QAEpB;;WAEG;QAEI,aAAQ,GAAuB,kBAAkB,CAAC,IAAI,CAAC;QAc9D;;;WAGG;QACK,4BAAuB,GAAG,KAAK,CAAC;QAqLvB,sBAAiB,GAAG,GAAS,EAAE;YAC5C,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;YACpB,IAAI,CAAC,YAAa,CAAC,KAAK,EAAE,CAAC;QAC/B,CAAC,CAAC;IACN,CAAC;IAvLmB,oBAAoB;QAChC,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YACd,IAAI,CAAC,MAAM,CAAC,mBAAmB,CAC3B,WAAW,EACX,IAAI,CAAC,iBAAiB,CACzB,CAAC;QACN,CAAC;IACL,CAAC;IAEM,mBAAmB,CACtB,KAA+B,EAC/B,KAA+B;QAE/B,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;YACnC,IAAI,CAAC,MAAM,CAAC,aAAa,GAAG,IAAI,CAAC,YAAY,CAAC;QAClD,CAAC;IACL,CAAC;IAEM,aAAa,CAChB,IAAgC,EAChC,KAAiC;QAEjC,IAAI,IAAI,EAAE,CAAC;YACP,IAAI,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;QAClE,CAAC;QAED,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YACd,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;gBACpB,IAAI,CAAC,MAAM,CAAC,aAAa,GAAG,IAAI,CAAC,YAAY,CAAC;YAClD,CAAC;YACD,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,iBAAiB,EAAE;gBAC9D,OAAO,EAAE,IAAI;aAChB,CAAC,CAAC;QACP,CAAC;IACL,CAAC;IAEM,WAAW,CAAC,KAA0B,EAAE,KAAc;QACzD,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;YACpB,IAAI,CAAC,YAAY,CAAC,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC;QAC1C,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;YACb,8EAA8E;YAC9E,kEAAkE;YAClE,MAAM,WAAW,GAAgC;gBAC7C,QAAQ,EAAE,IAAI;gBACd,QAAQ,EAAE,KAAK;aAClB,CAAC;YACF,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;QACtC,CAAC;IACL,CAAC;IAEM,mBAAmB;QACtB,IAAI,IAAI,CAAC,uBAAuB,EAAE,CAAC;YAC/B,IAAI,CAAC,iBAAiB,EAAE,CAAC;YACzB,IAAI,CAAC,uBAAuB,GAAG,KAAK,CAAC;QACzC,CAAC;aAAM,CAAC;YACJ,IAAI,CAAC,SAAS,EAAE,CAAC;QACrB,CAAC;QAED,MAAM,WAAW,GAAgC;YAC7C,QAAQ,EAAE,KAAK;YACf,QAAQ,EAAE,IAAI;SACjB,CAAC;QACF,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;IACtC,CAAC;IAEM,eAAe,CAAC,CAAa;QAChC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;YACb,OAAO,IAAI,CAAC;QAChB,CAAC;QAED,MAAM,WAAW,GAAG,CAAC,CAAC,aAA4B,CAAC;QACnD,IACI,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC;eACxB,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,QAAQ,CAAC,WAAW,CAAC,EAC3C,CAAC;YACC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;YACpB,OAAO,KAAK,CAAC;QACjB,CAAC;QAED,OAAO,IAAI,CAAC;IAChB,CAAC;IAEM,gCAAgC,CAAC,CAAQ;QAC5C,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,YAAa,CAAC,OAAO,CAAC,CAAC;QACzC,iEAAiE;QACjE,8CAA8C;QAC9C,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,OAAO,KAAK,CAAC;IACjB,CAAC;IAEM,0BAA0B,CAAC,CAAgB;QAC9C,QAAQ,CAAC,CAAC,GAAG,EAAE,CAAC;YACZ,KAAK,UAAU;gBACX,IAAI,CAAC,uBAAuB,GAAG,IAAI,CAAC;gBACpC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;gBACnB,OAAO,KAAK,CAAC;YACjB,KAAK,YAAY;gBACb,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;gBACnB,OAAO,KAAK,CAAC;YACjB;gBACI,OAAO,IAAI,CAAC;QACpB,CAAC;IACL,CAAC;IAEM,kBAAkB,CAAC,CAAgB;QACtC,QAAQ,CAAC,CAAC,GAAG,EAAE,CAAC;YACZ,KAAK,SAAS;gBACV,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;gBACpB,IAAI,CAAC,YAAa,CAAC,KAAK,EAAE,CAAC;gBAC3B,OAAO,KAAK,CAAC;YACjB;gBACI,OAAO,IAAI,CAAC;QACpB,CAAC;IACL,CAAC;IAEO,OAAO,CAAC,QAAiB;QAC7B,IAAI,IAAI,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;YACzB,OAAO;QACX,CAAC;QAED,MAAM,WAAW,GAAgC;YAC7C,QAAQ,EAAE,IAAI,CAAC,IAAI;YACnB,QAAQ,EAAE,QAAQ;SACrB,CAAC;QACF,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE,WAAW,CAAC,CAAC;QAExC,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC;IACzB,CAAC;IAEO,OAAO;QACX,2EAA2E;QAC3E,2EAA2E;QAC3E,kBAAkB;QAClB,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,MAAM,EAAE,CAAC;YAC7B,OAAO,SAAS,CAAC;QACrB,CAAC;QAED,IAAI,WAAW,GAA4B,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;QAChE,OAAO,WAAW,EAAE,CAAC;YACjB,IAAI,WAAW,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,MAAM,EAAE,CAAC;gBAC9C,OAAO,WAAW,CAAC;YACvB,CAAC;YAED,IAAI,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,EAAE,CAAC;gBAClC,MAAM,SAAS,GAAG,WAAW,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC,CAAC;gBACjD,IAAI,SAAS,YAAY,WAAW,EAAE,CAAC;oBACnC,WAAW,GAAG,SAAS,CAAC;gBAC5B,CAAC;qBAAM,CAAC;oBACJ,WAAW,GAAG,SAAS,CAAC;gBAC5B,CAAC;YACL,CAAC;iBAAM,CAAC;gBACJ,OAAO,SAAS,CAAC;YACrB,CAAC;QACL,CAAC;QAED,OAAO,SAAS,CAAC;IACrB,CAAC;IAEO,aAAa,CACjB,OAAgC;QAEhC,OAAO,OAAO,EAAE,QAAQ,KAAK,MAAM,CAAC;IACxC,CAAC;IAEO,SAAS;QACb,IAAI,CAAC,OAAO,EAAE,EAAE,KAAK,EAAE,CAAC;IAC5B,CAAC;IAEO,iBAAiB;QACrB,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO,EAAE,EAAE,gBAAgB,CAAC,iBAAiB,CAAC,CAAC;QACtE,IAAI,SAAS,EAAE,MAAM,EAAE,CAAC;YACpB,MAAM,YAAY,GAAG,SAAS,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAgB,CAAC;YACpE,YAAY,CAAC,KAAK,EAAE,CAAC;QACzB,CAAC;IACL,CAAC;CAMJ;AAnOU;IADN,IAAI;8CAC0D;AAGxD;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,oBAAoB,EAAE,CAAC;qDACQ;AAG3C;IADN,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;4CACF;AAGjB;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;iDAC1B;AAGb;IADf,IAAI,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,uBAAuB,EAAE,CAAC;4CAClC;AAM3B;IADN,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;wCACN;AAMb;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC;4CAC8B;AAI9C;IADf,UAAU;gDACiC;AAI5B;IADf,UAAU;0CAC6B;AAIxB;IADf,UAAU;gDACkC;AAiMjD,MAAM,gBAAgB,GAAG,UAAU,CAAC,OAAO,CAAC;IACxC,QAAQ,EAAE,aAAa;IACvB,QAAQ;IACR,MAAM;IACN,aAAa,EAAE;QACX,cAAc,EAAE,IAAI;KACvB;CACJ,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,gBAAgB,EAAE,CAAC,CAAC;AAC7E,MAAM,CAAC,MAAM,aAAa,GAAG,oBAAoB,CAAC","sourcesContent":["import { attr, nullableNumberConverter, observable } from '@ni/fast-element';\nimport { DesignSystem, FoundationElement } from '@ni/fast-foundation';\nimport {\n    eventChange,\n    keyArrowDown,\n    keyArrowUp,\n    keyEscape\n} from '@ni/fast-web-utilities';\nimport {\n    ButtonAppearance,\n    ButtonAppearanceVariant,\n    type MenuButtonToggleEventDetail,\n    MenuButtonPosition\n} from './types';\nimport type { ToggleButton } from '../toggle-button';\nimport { styles } from './styles';\nimport { template } from './template';\nimport type { ButtonPattern } from '../patterns/button/types';\nimport type { AnchoredRegion } from '../anchored-region';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-menu-button': MenuButton;\n    }\n}\n\n/**\n * A nimble-styled menu button control.\n */\nexport class MenuButton extends FoundationElement implements ButtonPattern {\n    @attr\n    public appearance: ButtonAppearance = ButtonAppearance.outline;\n\n    @attr({ attribute: 'appearance-variant' })\n    public appearanceVariant: ButtonAppearanceVariant;\n\n    @attr({ mode: 'boolean' })\n    public disabled = false;\n\n    @attr({ attribute: 'content-hidden', mode: 'boolean' })\n    public contentHidden = false;\n\n    @attr({ attribute: 'tabindex', converter: nullableNumberConverter })\n    public override tabIndex!: number;\n\n    /**\n     * Specifies whether or not the menu is open.\n     */\n    @attr({ mode: 'boolean' })\n    public open = false;\n\n    /**\n     * Configures where the menu should be placed relative to the button that opens the menu.\n     */\n    @attr({ attribute: 'position' })\n    public position: MenuButtonPosition = MenuButtonPosition.auto;\n\n    /** @internal */\n    @observable\n    public readonly toggleButton?: ToggleButton;\n\n    /** @internal */\n    @observable\n    public readonly region?: AnchoredRegion;\n\n    /** @internal */\n    @observable\n    public readonly slottedMenus?: HTMLElement[];\n\n    /**\n     * Used to maintain the internal state of whether the last menu item should be focused instead\n     * of the first menu item the next time the menu is opened.\n     */\n    private focusLastItemWhenOpened = false;\n\n    public override disconnectedCallback(): void {\n        super.disconnectedCallback();\n        if (this.region) {\n            this.region.removeEventListener(\n                eventChange,\n                this.menuChangeHandler\n            );\n        }\n    }\n\n    public toggleButtonChanged(\n        _prev: ToggleButton | undefined,\n        _next: ToggleButton | undefined\n    ): void {\n        if (this.region && this.toggleButton) {\n            this.region.anchorElement = this.toggleButton;\n        }\n    }\n\n    public regionChanged(\n        prev: AnchoredRegion | undefined,\n        _next: AnchoredRegion | undefined\n    ): void {\n        if (prev) {\n            prev.removeEventListener(eventChange, this.menuChangeHandler);\n        }\n\n        if (this.region) {\n            if (this.toggleButton) {\n                this.region.anchorElement = this.toggleButton;\n            }\n            this.region.addEventListener(eventChange, this.menuChangeHandler, {\n                capture: true\n            });\n        }\n    }\n\n    public openChanged(_prev: boolean | undefined, _next: boolean): void {\n        if (this.toggleButton) {\n            this.toggleButton.checked = this.open;\n        }\n\n        if (!this.open) {\n            // Only fire an event here if the menu is changing to being closed. Otherwise,\n            // wait until the menu is actually opened before firing the event.\n            const eventDetail: MenuButtonToggleEventDetail = {\n                oldState: true,\n                newState: false\n            };\n            this.$emit('toggle', eventDetail);\n        }\n    }\n\n    public regionLoadedHandler(): void {\n        if (this.focusLastItemWhenOpened) {\n            this.focusLastMenuItem();\n            this.focusLastItemWhenOpened = false;\n        } else {\n            this.focusMenu();\n        }\n\n        const eventDetail: MenuButtonToggleEventDetail = {\n            oldState: false,\n            newState: true\n        };\n        this.$emit('toggle', eventDetail);\n    }\n\n    public focusoutHandler(e: FocusEvent): boolean {\n        if (!this.open) {\n            return true;\n        }\n\n        const focusTarget = e.relatedTarget as HTMLElement;\n        if (\n            !this.contains(focusTarget)\n            && !this.getMenu()?.contains(focusTarget)\n        ) {\n            this.setOpen(false);\n            return false;\n        }\n\n        return true;\n    }\n\n    public toggleButtonCheckedChangeHandler(e: Event): boolean {\n        this.setOpen(this.toggleButton!.checked);\n        // Don't bubble the 'change' event from the toggle button because\n        // the menu button has its own 'toggle' event.\n        e.stopPropagation();\n        return false;\n    }\n\n    public toggleButtonKeyDownHandler(e: KeyboardEvent): boolean {\n        switch (e.key) {\n            case keyArrowUp:\n                this.focusLastItemWhenOpened = true;\n                this.setOpen(true);\n                return false;\n            case keyArrowDown:\n                this.setOpen(true);\n                return false;\n            default:\n                return true;\n        }\n    }\n\n    public menuKeyDownHandler(e: KeyboardEvent): boolean {\n        switch (e.key) {\n            case keyEscape:\n                this.setOpen(false);\n                this.toggleButton!.focus();\n                return false;\n            default:\n                return true;\n        }\n    }\n\n    private setOpen(newValue: boolean): void {\n        if (this.open === newValue) {\n            return;\n        }\n\n        const eventDetail: MenuButtonToggleEventDetail = {\n            oldState: this.open,\n            newState: newValue\n        };\n        this.$emit('beforetoggle', eventDetail);\n\n        this.open = newValue;\n    }\n\n    private getMenu(): HTMLElement | undefined {\n        // Get the menu that is slotted within the menu-button, taking into account\n        // that it may be nested within multiple 'slot' elements, such as when used\n        // within a table.\n        if (!this.slottedMenus?.length) {\n            return undefined;\n        }\n\n        let currentItem: HTMLElement | undefined = this.slottedMenus[0];\n        while (currentItem) {\n            if (currentItem.getAttribute('role') === 'menu') {\n                return currentItem;\n            }\n\n            if (this.isSlotElement(currentItem)) {\n                const firstNode = currentItem.assignedNodes()[0];\n                if (firstNode instanceof HTMLElement) {\n                    currentItem = firstNode;\n                } else {\n                    currentItem = undefined;\n                }\n            } else {\n                return undefined;\n            }\n        }\n\n        return undefined;\n    }\n\n    private isSlotElement(\n        element: HTMLElement | undefined\n    ): element is HTMLSlotElement {\n        return element?.nodeName === 'SLOT';\n    }\n\n    private focusMenu(): void {\n        this.getMenu()?.focus();\n    }\n\n    private focusLastMenuItem(): void {\n        const menuItems = this.getMenu()?.querySelectorAll('[role=menuitem]');\n        if (menuItems?.length) {\n            const lastMenuItem = menuItems[menuItems.length - 1] as HTMLElement;\n            lastMenuItem.focus();\n        }\n    }\n\n    private readonly menuChangeHandler = (): void => {\n        this.setOpen(false);\n        this.toggleButton!.focus();\n    };\n}\n\nconst nimbleMenuButton = MenuButton.compose({\n    baseName: 'menu-button',\n    template,\n    styles,\n    shadowOptions: {\n        delegatesFocus: true\n    }\n});\n\nDesignSystem.getOrCreate().withPrefix('nimble').register(nimbleMenuButton());\nexport const menuButtonTag = 'nimble-menu-button';\n"]}

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

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

package/dist/esm/menu-button/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 { controlHeight, smallPadding } from '../theme-provider/design-tokens';
 export const styles = css `

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/menu-button/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAE9E,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,cAAc,CAAC;;;kBAGX,aAAa;;;;;;;;;sBAST,YAAY;yBACT,YAAY;;CAEpC,CAAC","sourcesContent":["import { css } from '@microsoft/fast-element';\nimport { display } from '../utilities/style/display';\nimport { controlHeight, smallPadding } from '../theme-provider/design-tokens';\n\nexport const styles = css`\n    ${display('inline-block')}\n\n    :host {\n        height: ${controlHeight};\n    }\n\n    [part='button'] {\n        width: 100%;\n        height: 100%;\n    }\n\n    slot[name='menu']::slotted(*) {\n        margin-top: ${smallPadding};\n        margin-bottom: ${smallPadding};\n    }\n`;\n"]}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/menu-button/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAE9E,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,cAAc,CAAC;;;kBAGX,aAAa;;;;;;;;;sBAST,YAAY;yBACT,YAAY;;CAEpC,CAAC","sourcesContent":["import { css } from '@ni/fast-element';\nimport { display } from '../utilities/style/display';\nimport { controlHeight, smallPadding } from '../theme-provider/design-tokens';\n\nexport const styles = css`\n    ${display('inline-block')}\n\n    :host {\n        height: ${controlHeight};\n    }\n\n    [part='button'] {\n        width: 100%;\n        height: 100%;\n    }\n\n    slot[name='menu']::slotted(*) {\n        margin-top: ${smallPadding};\n        margin-bottom: ${smallPadding};\n    }\n`;\n"]}

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

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

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

@@ -1,4 +1,4 @@
-import { html, ref, slotted, when } from '@microsoft/fast-element';
+import { html, ref, slotted, when } from '@ni/fast-element';
 import { toggleButtonTag } from '../toggle-button';
 import { anchoredRegionTag } from '../anchored-region';
 // prettier-ignore

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

@@ -1 +1 @@
-{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../src/menu-button/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAEnE,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAEvD,kBAAkB;AAClB,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAY;;iBAEvB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;qBACP,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,KAAmB,CAAC;;WAE5D,eAAe;;0BAEA,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU;kCACT,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,iBAAiB;+BAC3B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,aAAa;wBAC3B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;yBACV,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;wBAChB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;;6BAEV,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;uBACjB,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC,CAAC,KAAK,CAAC;wBACpD,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,KAAsB,CAAC;cAC1E,GAAG,CAAC,cAAc,CAAC;;;cAGnB,EAAE,CAAC,wFAAwF;;;;YAI7F,eAAe;UACjB,IAAI,CACN,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,EACX,IAAI,CAAY;eACT,iBAAiB;;;;;6CAKa,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC;6CAC1D,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC;2BAClE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,mBAAmB,EAAE;4BAC3B,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,KAAsB,CAAC;kBAClE,GAAG,CAAC,QAAQ,CAAC;;;wCAGS,OAAO,CAAC,EAAE,QAAQ,EAAE,cAAc,EAAE,CAAC;;gBAE7D,iBAAiB;SACxB,CACJ;;CAEJ,CAAC","sourcesContent":["import { html, ref, slotted, when } from '@microsoft/fast-element';\nimport type { MenuButton } from '.';\nimport { toggleButtonTag } from '../toggle-button';\nimport { anchoredRegionTag } from '../anchored-region';\n\n// prettier-ignore\nexport const template = html<MenuButton>`\n    <template\n        ?open=\"${x => x.open}\"\n        @focusout=\"${(x, c) => x.focusoutHandler(c.event as FocusEvent)}\"\n    >\n        <${toggleButtonTag}\n            part=\"button\"\n            appearance=\"${x => x.appearance}\"\n            appearance-variant=\"${x => x.appearanceVariant}\"\n            ?content-hidden=\"${x => x.contentHidden}\"\n            ?checked=\"${x => x.open}\"\n            ?disabled=\"${x => x.disabled}\"\n            tabindex=\"${x => x.tabIndex}\"\n            aria-haspopup=\"true\"\n            aria-expanded=\"${x => x.open}\"\n            @change=\"${(x, c) => x.toggleButtonCheckedChangeHandler(c.event)}\"\n            @keydown=\"${(x, c) => x.toggleButtonKeyDownHandler(c.event as KeyboardEvent)}\"\n            ${ref('toggleButton')}\n            exportparts=\"start,end\"\n        >\n            ${'' /* Forward the contents of the 'start', 'end', and default slots to the toggle button */}\n            <slot slot=\"start\" name=\"start\"></slot>\n            <slot></slot>\n            <slot slot=\"end\" name=\"end\"></slot>\n        </${toggleButtonTag}>\n        ${when(\n        x => x.open,\n        html<MenuButton>`\n            <${anchoredRegionTag}\n                fixed-placement=\"true\"\n                auto-update-mode=\"auto\"\n                horizontal-inset=\"true\"\n                horizontal-positioning-mode=\"dynamic\"\n                vertical-positioning-mode=\"${x => (x.position === 'auto' ? 'dynamic' : 'locktodefault')}\"\n                vertical-default-position=\"${x => (x.position === 'above' ? 'top' : 'bottom')}\"\n                @loaded=\"${x => x.regionLoadedHandler()}\"\n                @keydown=\"${(x, c) => x.menuKeyDownHandler(c.event as KeyboardEvent)}\"\n                ${ref('region')}\n            >\n                <span part=\"menu\">\n                    <slot name=\"menu\" ${slotted({ property: 'slottedMenus' })}></slot>\n                </span>\n            </${anchoredRegionTag}>\n        `\n    )}\n    </template>\n`;\n"]}
+{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../src/menu-button/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAE5D,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAEvD,kBAAkB;AAClB,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAY;;iBAEvB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;qBACP,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,KAAmB,CAAC;;WAE5D,eAAe;;0BAEA,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU;kCACT,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,iBAAiB;+BAC3B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,aAAa;wBAC3B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;yBACV,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;wBAChB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;;6BAEV,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;uBACjB,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC,CAAC,KAAK,CAAC;wBACpD,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,KAAsB,CAAC;cAC1E,GAAG,CAAC,cAAc,CAAC;;;cAGnB,EAAE,CAAC,wFAAwF;;;;YAI7F,eAAe;UACjB,IAAI,CACN,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,EACX,IAAI,CAAY;eACT,iBAAiB;;;;;6CAKa,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC;6CAC1D,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC;2BAClE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,mBAAmB,EAAE;4BAC3B,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,KAAsB,CAAC;kBAClE,GAAG,CAAC,QAAQ,CAAC;;;wCAGS,OAAO,CAAC,EAAE,QAAQ,EAAE,cAAc,EAAE,CAAC;;gBAE7D,iBAAiB;SACxB,CACJ;;CAEJ,CAAC","sourcesContent":["import { html, ref, slotted, when } from '@ni/fast-element';\nimport type { MenuButton } from '.';\nimport { toggleButtonTag } from '../toggle-button';\nimport { anchoredRegionTag } from '../anchored-region';\n\n// prettier-ignore\nexport const template = html<MenuButton>`\n    <template\n        ?open=\"${x => x.open}\"\n        @focusout=\"${(x, c) => x.focusoutHandler(c.event as FocusEvent)}\"\n    >\n        <${toggleButtonTag}\n            part=\"button\"\n            appearance=\"${x => x.appearance}\"\n            appearance-variant=\"${x => x.appearanceVariant}\"\n            ?content-hidden=\"${x => x.contentHidden}\"\n            ?checked=\"${x => x.open}\"\n            ?disabled=\"${x => x.disabled}\"\n            tabindex=\"${x => x.tabIndex}\"\n            aria-haspopup=\"true\"\n            aria-expanded=\"${x => x.open}\"\n            @change=\"${(x, c) => x.toggleButtonCheckedChangeHandler(c.event)}\"\n            @keydown=\"${(x, c) => x.toggleButtonKeyDownHandler(c.event as KeyboardEvent)}\"\n            ${ref('toggleButton')}\n            exportparts=\"start,end\"\n        >\n            ${'' /* Forward the contents of the 'start', 'end', and default slots to the toggle button */}\n            <slot slot=\"start\" name=\"start\"></slot>\n            <slot></slot>\n            <slot slot=\"end\" name=\"end\"></slot>\n        </${toggleButtonTag}>\n        ${when(\n        x => x.open,\n        html<MenuButton>`\n            <${anchoredRegionTag}\n                fixed-placement=\"true\"\n                auto-update-mode=\"auto\"\n                horizontal-inset=\"true\"\n                horizontal-positioning-mode=\"dynamic\"\n                vertical-positioning-mode=\"${x => (x.position === 'auto' ? 'dynamic' : 'locktodefault')}\"\n                vertical-default-position=\"${x => (x.position === 'above' ? 'top' : 'bottom')}\"\n                @loaded=\"${x => x.regionLoadedHandler()}\"\n                @keydown=\"${(x, c) => x.menuKeyDownHandler(c.event as KeyboardEvent)}\"\n                ${ref('region')}\n            >\n                <span part=\"menu\">\n                    <slot name=\"menu\" ${slotted({ property: 'slottedMenus' })}></slot>\n                </span>\n            </${anchoredRegionTag}>\n        `\n    )}\n    </template>\n`;\n"]}

package/dist/esm/menu-button/testing/menu-button.pageobject.js

@@ -1,4 +1,4 @@
-import { keyArrowDown, keyArrowUp, keyEnter, keyEscape, keySpace } from '@microsoft/fast-web-utilities';
+import { keyArrowDown, keyArrowUp, keyEnter, keyEscape, keySpace } from '@ni/fast-web-utilities';
 import { waitForEvent } from '../../utilities/testing/component';
 /**
  * Page object for `nimble-menu-button` component to provide consistent ways

package/dist/esm/menu-button/testing/menu-button.pageobject.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu-button.pageobject.js","sourceRoot":"","sources":["../../../../src/menu-button/testing/menu-button.pageobject.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n    keyArrowDown,\n    keyArrowUp,\n    keyEnter,\n    keyEscape,\n    keySpace\n} from '@microsoft/fast-web-utilities';\nimport type { MenuButton } from '..';\nimport { waitForEvent } from '../../utilities/testing/component';\n\n/**\n * Page object for `nimble-menu-button` component to provide consistent ways\n * of querying and interacting with the component during tests.\n *\n * This page object is intended to be used to interact with a `nimble-menu-button`,\n * not the menu slotted into the button or the menu items.\n */\nexport class MenuButtonPageObject {\n    public constructor(protected readonly menuButtonElement: MenuButton) {}\n\n    /**\n     * @returns Whether or not the menu is open.\n     */\n    public isOpen(): boolean {\n        return this.menuButtonElement.open;\n    }\n\n    /**\n     * Opens the menu.\n     * @returns A promise that resolves when the menu opens.\n     */\n    public async openMenu(): Promise<void> {\n        if (this.isOpen()) {\n            return;\n        }\n\n        const toggleEventPromise = waitForEvent(\n            this.menuButtonElement,\n            'toggle'\n        );\n        this.clickMenuButton();\n        await toggleEventPromise;\n    }\n\n    /**\n     * Closes the menu by pressing Escape.\n     * Throws an error if the menu is not open.\n     */\n    public closeMenuWithEscape(): void {\n        if (!this.isOpen()) {\n            throw new Error('Cannot close menu when it is not open');\n        }\n\n        const event = new KeyboardEvent('keydown', {\n            key: keyEscape\n        });\n        this.menuButtonElement.region!.dispatchEvent(event);\n    }\n\n    /**\n     * Gets the text in the menu button.\n     * @returns The trimmed text that is slotted into the menu button.\n     */\n    public getLabelText(): string {\n        return this.menuButtonElement.textContent?.trim() ?? '';\n    }\n\n    /**\n     * @returns Whether or not the menu button is focused.\n     */\n    public isFocused(): boolean {\n        return this.menuButtonElement.shadowRoot?.activeElement !== null;\n    }\n\n    /**\n     * @internal\n     * Focuses and clicks the menu button.\n     */\n    public clickMenuButton(): void {\n        // Focus the menu button before calling click() because ordinarily a mouse click\n        // would bring focus to the button, but calling click() directly does not.\n        this.menuButtonElement.focus();\n        this.menuButtonElement.toggleButton!.control.click();\n    }\n\n    /**\n     * @internal\n     * Presses the Enter key on the menu button.\n     */\n    public pressEnterKey(): void {\n        // Focus the menu button before dispatching the event because a key event only makes sense on a focused element.\n        this.menuButtonElement.focus();\n        const event = new KeyboardEvent('keypress', {\n            key: keyEnter\n        });\n        this.menuButtonElement.toggleButton!.control.dispatchEvent(event);\n    }\n\n    /**\n     * @internal\n     * Presses the Space key on the menu button.\n     */\n    public pressSpaceKey(): void {\n        // Focus the menu button before dispatching the event because a key event only makes sense on a focused element.\n        this.menuButtonElement.focus();\n        const event = new KeyboardEvent('keypress', {\n            key: keySpace\n        });\n        this.menuButtonElement.toggleButton!.control.dispatchEvent(event);\n    }\n\n    /**\n     * @internal\n     * Presses the Arrow Up key on the menu button.\n     */\n    public pressArrowUpKey(): void {\n        // Focus the menu button before dispatching the event because a key event only makes sense on a focused element.\n        this.menuButtonElement.focus();\n        const event = new KeyboardEvent('keydown', {\n            key: keyArrowUp\n        });\n        this.menuButtonElement.toggleButton!.dispatchEvent(event);\n    }\n\n    /**\n     * @internal\n     * Presses the Arrow Down key on the menu button.\n     */\n    public pressArrowDownKey(): void {\n        // Focus the menu button before dispatching the event because a key event only makes sense on a focused element.\n        this.menuButtonElement.focus();\n        const event = new KeyboardEvent('keydown', {\n            key: keyArrowDown\n        });\n        this.menuButtonElement.toggleButton!.dispatchEvent(event);\n    }\n\n    /**\n     * @internal\n     */\n    public getTitle(): string {\n        return this.menuButtonElement.title;\n    }\n\n    /**\n     * @internal\n     */\n    public dispatchEvent(event: Event): void {\n        this.menuButtonElement.dispatchEvent(event);\n    }\n}\n"]}
+{"version":3,"file":"menu-button.pageobject.js","sourceRoot":"","sources":["../../../../src/menu-button/testing/menu-button.pageobject.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n    keyArrowDown,\n    keyArrowUp,\n    keyEnter,\n    keyEscape,\n    keySpace\n} from '@ni/fast-web-utilities';\nimport type { MenuButton } from '..';\nimport { waitForEvent } from '../../utilities/testing/component';\n\n/**\n * Page object for `nimble-menu-button` component to provide consistent ways\n * of querying and interacting with the component during tests.\n *\n * This page object is intended to be used to interact with a `nimble-menu-button`,\n * not the menu slotted into the button or the menu items.\n */\nexport class MenuButtonPageObject {\n    public constructor(protected readonly menuButtonElement: MenuButton) {}\n\n    /**\n     * @returns Whether or not the menu is open.\n     */\n    public isOpen(): boolean {\n        return this.menuButtonElement.open;\n    }\n\n    /**\n     * Opens the menu.\n     * @returns A promise that resolves when the menu opens.\n     */\n    public async openMenu(): Promise<void> {\n        if (this.isOpen()) {\n            return;\n        }\n\n        const toggleEventPromise = waitForEvent(\n            this.menuButtonElement,\n            'toggle'\n        );\n        this.clickMenuButton();\n        await toggleEventPromise;\n    }\n\n    /**\n     * Closes the menu by pressing Escape.\n     * Throws an error if the menu is not open.\n     */\n    public closeMenuWithEscape(): void {\n        if (!this.isOpen()) {\n            throw new Error('Cannot close menu when it is not open');\n        }\n\n        const event = new KeyboardEvent('keydown', {\n            key: keyEscape\n        });\n        this.menuButtonElement.region!.dispatchEvent(event);\n    }\n\n    /**\n     * Gets the text in the menu button.\n     * @returns The trimmed text that is slotted into the menu button.\n     */\n    public getLabelText(): string {\n        return this.menuButtonElement.textContent?.trim() ?? '';\n    }\n\n    /**\n     * @returns Whether or not the menu button is focused.\n     */\n    public isFocused(): boolean {\n        return this.menuButtonElement.shadowRoot?.activeElement !== null;\n    }\n\n    /**\n     * @internal\n     * Focuses and clicks the menu button.\n     */\n    public clickMenuButton(): void {\n        // Focus the menu button before calling click() because ordinarily a mouse click\n        // would bring focus to the button, but calling click() directly does not.\n        this.menuButtonElement.focus();\n        this.menuButtonElement.toggleButton!.control.click();\n    }\n\n    /**\n     * @internal\n     * Presses the Enter key on the menu button.\n     */\n    public pressEnterKey(): void {\n        // Focus the menu button before dispatching the event because a key event only makes sense on a focused element.\n        this.menuButtonElement.focus();\n        const event = new KeyboardEvent('keypress', {\n            key: keyEnter\n        });\n        this.menuButtonElement.toggleButton!.control.dispatchEvent(event);\n    }\n\n    /**\n     * @internal\n     * Presses the Space key on the menu button.\n     */\n    public pressSpaceKey(): void {\n        // Focus the menu button before dispatching the event because a key event only makes sense on a focused element.\n        this.menuButtonElement.focus();\n        const event = new KeyboardEvent('keypress', {\n            key: keySpace\n        });\n        this.menuButtonElement.toggleButton!.control.dispatchEvent(event);\n    }\n\n    /**\n     * @internal\n     * Presses the Arrow Up key on the menu button.\n     */\n    public pressArrowUpKey(): void {\n        // Focus the menu button before dispatching the event because a key event only makes sense on a focused element.\n        this.menuButtonElement.focus();\n        const event = new KeyboardEvent('keydown', {\n            key: keyArrowUp\n        });\n        this.menuButtonElement.toggleButton!.dispatchEvent(event);\n    }\n\n    /**\n     * @internal\n     * Presses the Arrow Down key on the menu button.\n     */\n    public pressArrowDownKey(): void {\n        // Focus the menu button before dispatching the event because a key event only makes sense on a focused element.\n        this.menuButtonElement.focus();\n        const event = new KeyboardEvent('keydown', {\n            key: keyArrowDown\n        });\n        this.menuButtonElement.toggleButton!.dispatchEvent(event);\n    }\n\n    /**\n     * @internal\n     */\n    public getTitle(): string {\n        return this.menuButtonElement.title;\n    }\n\n    /**\n     * @internal\n     */\n    public dispatchEvent(event: Event): void {\n        this.menuButtonElement.dispatchEvent(event);\n    }\n}\n"]}