@ni/nimble-components 32.12.1 → 33.0.0

package/dist/esm/anchor/index.js

@@ -1,6 +1,6 @@
 import { __decorate } from "tslib";
-import { attr, nullableNumberConverter } from '@microsoft/fast-element';
-import { DesignSystem, Anchor as FoundationAnchor } from '@microsoft/fast-foundation';
+import { attr, nullableNumberConverter } from '@ni/fast-element';
+import { DesignSystem, Anchor as FoundationAnchor } from '@ni/fast-foundation';
 import { AnchorBase } from '../anchor-base';
 import { styles } from './styles';
 import { template } from './template';

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/anchor/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AACxE,OAAO,EACH,YAAY,EACZ,MAAM,IAAI,gBAAgB,EAE7B,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAStC;;GAEG;AACH,MAAM,OAAO,MAAO,SAAQ,UAAU;IAAtC;;QACI;;;;WAIG;QAEI,oBAAe,GAAG,KAAK,CAAC;IA8BnC,CAAC;CAAA;AA9BU;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,kBAAkB,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;+CAC1B;AAQxB;IADN,IAAI;0CAC+B;AAQpB;IADf,IAAI,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,uBAAuB,EAAE,CAAC;wCAClC;AAalB;IADf,IAAI,CAAC,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAAC;+CACE;AAG7C,uFAAuF;AAEvF,MAAM,YAAY,GAAG,MAAM,CAAC,OAAO,CAAgB;IAC/C,QAAQ,EAAE,QAAQ;IAClB,SAAS,EAAE,gBAAgB;IAC3B,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,YAAY,EAAE,CAAC,CAAC;AACzE,MAAM,CAAC,MAAM,SAAS,GAAG,eAAe,CAAC","sourcesContent":["import { attr, nullableNumberConverter } from '@microsoft/fast-element';\nimport {\n    DesignSystem,\n    Anchor as FoundationAnchor,\n    type AnchorOptions\n} from '@microsoft/fast-foundation';\nimport { AnchorBase } from '../anchor-base';\nimport { styles } from './styles';\nimport { template } from './template';\nimport type { AnchorAppearance } from './types';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-anchor': Anchor;\n    }\n}\n\n/**\n * A nimble-styled anchor\n */\nexport class Anchor extends AnchorBase {\n    /**\n     * @public\n     * @remarks\n     * HTML Attribute: underline-hidden\n     */\n    @attr({ attribute: 'underline-hidden', mode: 'boolean' })\n    public underlineHidden = false;\n\n    /**\n     * @public\n     * @remarks\n     * HTML Attribute: appearance\n     */\n    @attr\n    public appearance: AnchorAppearance;\n\n    /**\n     * @public\n     * @remarks\n     * HTML Attribute: tabindex\n     */\n    @attr({ attribute: 'tabindex', converter: nullableNumberConverter })\n    public override tabIndex!: number;\n\n    /**\n     * @public\n     * @remarks\n     * HTML Attribute: contenteditable\n     * See https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/contenteditable\n     *\n     * Ideally, proper support for contenteditable should come from FAST.\n     * I have filed bug https://github.com/microsoft/fast/issues/6870 to them.\n     * If/when it is fixed, we can remove this workaround.\n     */\n    @attr({ attribute: 'contenteditable' })\n    public override contentEditable!: string;\n}\n\n// FoundationAnchor already applies the StartEnd mixin, so we don't need to do it here.\n\nconst nimbleAnchor = Anchor.compose<AnchorOptions>({\n    baseName: 'anchor',\n    baseClass: FoundationAnchor,\n    template,\n    styles,\n    shadowOptions: {\n        delegatesFocus: true\n    }\n});\n\nDesignSystem.getOrCreate().withPrefix('nimble').register(nimbleAnchor());\nexport const anchorTag = 'nimble-anchor';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/anchor/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AACjE,OAAO,EACH,YAAY,EACZ,MAAM,IAAI,gBAAgB,EAE7B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAStC;;GAEG;AACH,MAAM,OAAO,MAAO,SAAQ,UAAU;IAAtC;;QACI;;;;WAIG;QAEI,oBAAe,GAAG,KAAK,CAAC;IA8BnC,CAAC;CAAA;AA9BU;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,kBAAkB,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;+CAC1B;AAQxB;IADN,IAAI;0CAC+B;AAQpB;IADf,IAAI,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,uBAAuB,EAAE,CAAC;wCAClC;AAalB;IADf,IAAI,CAAC,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAAC;+CACE;AAG7C,uFAAuF;AAEvF,MAAM,YAAY,GAAG,MAAM,CAAC,OAAO,CAAgB;IAC/C,QAAQ,EAAE,QAAQ;IAClB,SAAS,EAAE,gBAAgB;IAC3B,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,YAAY,EAAE,CAAC,CAAC;AACzE,MAAM,CAAC,MAAM,SAAS,GAAG,eAAe,CAAC","sourcesContent":["import { attr, nullableNumberConverter } from '@ni/fast-element';\nimport {\n    DesignSystem,\n    Anchor as FoundationAnchor,\n    type AnchorOptions\n} from '@ni/fast-foundation';\nimport { AnchorBase } from '../anchor-base';\nimport { styles } from './styles';\nimport { template } from './template';\nimport type { AnchorAppearance } from './types';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-anchor': Anchor;\n    }\n}\n\n/**\n * A nimble-styled anchor\n */\nexport class Anchor extends AnchorBase {\n    /**\n     * @public\n     * @remarks\n     * HTML Attribute: underline-hidden\n     */\n    @attr({ attribute: 'underline-hidden', mode: 'boolean' })\n    public underlineHidden = false;\n\n    /**\n     * @public\n     * @remarks\n     * HTML Attribute: appearance\n     */\n    @attr\n    public appearance: AnchorAppearance;\n\n    /**\n     * @public\n     * @remarks\n     * HTML Attribute: tabindex\n     */\n    @attr({ attribute: 'tabindex', converter: nullableNumberConverter })\n    public override tabIndex!: number;\n\n    /**\n     * @public\n     * @remarks\n     * HTML Attribute: contenteditable\n     * See https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/contenteditable\n     *\n     * Ideally, proper support for contenteditable should come from FAST.\n     * I have filed bug https://github.com/microsoft/fast/issues/6870 to them.\n     * If/when it is fixed, we can remove this workaround.\n     */\n    @attr({ attribute: 'contenteditable' })\n    public override contentEditable!: string;\n}\n\n// FoundationAnchor already applies the StartEnd mixin, so we don't need to do it here.\n\nconst nimbleAnchor = Anchor.compose<AnchorOptions>({\n    baseName: 'anchor',\n    baseClass: FoundationAnchor,\n    template,\n    styles,\n    shadowOptions: {\n        delegatesFocus: true\n    }\n});\n\nDesignSystem.getOrCreate().withPrefix('nimble').register(nimbleAnchor());\nexport const anchorTag = 'nimble-anchor';\n"]}

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

@@ -1,4 +1,4 @@
-import { css } from '@microsoft/fast-element';
+import { css } from '@ni/fast-element';
 import { display } from '../utilities/style/display';
 import { focusVisible } from '../utilities/style/focus';
 import { borderHoverColor, linkActiveFontColor, linkActiveProminentFontColor, linkDisabledFontColor, linkFont, linkFontColor, linkProminentFontColor } from '../theme-provider/design-tokens';

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/anchor/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EACH,gBAAgB,EAChB,mBAAmB,EACnB,4BAA4B,EAC5B,qBAAqB,EACrB,QAAQ,EACR,aAAa,EACb,sBAAsB,EACzB,MAAM,iCAAiC,CAAC;AAEzC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;UAIf,OAAO,CAAC,QAAQ,CAAC;;;oBAGP,QAAQ;;;;;;;;qBAQP,aAAa;;;;;;;;;qBASb,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;kBAuBzB,YAAY;;;;qBAIT,gBAAgB;;;;;;qBAMhB,mBAAmB;;;;;;qBAMnB,4BAA4B;;;;;;;;;;qBAU5B,qBAAqB;;;CAGzC,CAAC","sourcesContent":["import { css } from '@microsoft/fast-element';\nimport { display } from '../utilities/style/display';\nimport { focusVisible } from '../utilities/style/focus';\nimport {\n    borderHoverColor,\n    linkActiveFontColor,\n    linkActiveProminentFontColor,\n    linkDisabledFontColor,\n    linkFont,\n    linkFontColor,\n    linkProminentFontColor\n} from '../theme-provider/design-tokens';\n\nexport const styles = css`\n    @layer base, hover, focusVisible, active, disabled;\n\n    @layer base {\n        ${display('inline')}\n\n        :host {\n            font: ${linkFont};\n        }\n\n        .top-container {\n            display: contents;\n        }\n\n        .control {\n            color: ${linkFontColor};\n            text-decoration: underline;\n        }\n\n        :host([underline-hidden]) .control {\n            text-decoration: none;\n        }\n\n        :host([appearance='prominent']) .control {\n            color: ${linkProminentFontColor};\n        }\n\n        [part='start'] {\n            display: none;\n        }\n\n        .content {\n            pointer-events: none;\n        }\n\n        [part='end'] {\n            display: none;\n        }\n    }\n\n    @layer hover {\n        .control:any-link:hover {\n            text-decoration: underline;\n        }\n    }\n\n    @layer focusVisible {\n        .control${focusVisible} {\n            outline: none;\n            box-shadow: inset 0px -1px;\n            text-decoration: underline;\n            color: ${borderHoverColor};\n        }\n    }\n\n    @layer active {\n        .control:active {\n            color: ${linkActiveFontColor};\n            text-decoration: underline;\n            box-shadow: none;\n        }\n\n        :host([appearance='prominent']) .control:active {\n            color: ${linkActiveProminentFontColor};\n        }\n\n        :host([underline-hidden]) .control:active {\n            text-decoration: none;\n        }\n    }\n\n    @layer disabled {\n        .control:not(:any-link) {\n            color: ${linkDisabledFontColor};\n        }\n    }\n`;\n"]}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/anchor/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EACH,gBAAgB,EAChB,mBAAmB,EACnB,4BAA4B,EAC5B,qBAAqB,EACrB,QAAQ,EACR,aAAa,EACb,sBAAsB,EACzB,MAAM,iCAAiC,CAAC;AAEzC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;UAIf,OAAO,CAAC,QAAQ,CAAC;;;oBAGP,QAAQ;;;;;;;;qBAQP,aAAa;;;;;;;;;qBASb,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;kBAuBzB,YAAY;;;;qBAIT,gBAAgB;;;;;;qBAMhB,mBAAmB;;;;;;qBAMnB,4BAA4B;;;;;;;;;;qBAU5B,qBAAqB;;;CAGzC,CAAC","sourcesContent":["import { css } from '@ni/fast-element';\nimport { display } from '../utilities/style/display';\nimport { focusVisible } from '../utilities/style/focus';\nimport {\n    borderHoverColor,\n    linkActiveFontColor,\n    linkActiveProminentFontColor,\n    linkDisabledFontColor,\n    linkFont,\n    linkFontColor,\n    linkProminentFontColor\n} from '../theme-provider/design-tokens';\n\nexport const styles = css`\n    @layer base, hover, focusVisible, active, disabled;\n\n    @layer base {\n        ${display('inline')}\n\n        :host {\n            font: ${linkFont};\n        }\n\n        .top-container {\n            display: contents;\n        }\n\n        .control {\n            color: ${linkFontColor};\n            text-decoration: underline;\n        }\n\n        :host([underline-hidden]) .control {\n            text-decoration: none;\n        }\n\n        :host([appearance='prominent']) .control {\n            color: ${linkProminentFontColor};\n        }\n\n        [part='start'] {\n            display: none;\n        }\n\n        .content {\n            pointer-events: none;\n        }\n\n        [part='end'] {\n            display: none;\n        }\n    }\n\n    @layer hover {\n        .control:any-link:hover {\n            text-decoration: underline;\n        }\n    }\n\n    @layer focusVisible {\n        .control${focusVisible} {\n            outline: none;\n            box-shadow: inset 0px -1px;\n            text-decoration: underline;\n            color: ${borderHoverColor};\n        }\n    }\n\n    @layer active {\n        .control:active {\n            color: ${linkActiveFontColor};\n            text-decoration: underline;\n            box-shadow: none;\n        }\n\n        :host([appearance='prominent']) .control:active {\n            color: ${linkActiveProminentFontColor};\n        }\n\n        :host([underline-hidden]) .control:active {\n            text-decoration: none;\n        }\n    }\n\n    @layer disabled {\n        .control:not(:any-link) {\n            color: ${linkDisabledFontColor};\n        }\n    }\n`;\n"]}

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

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

package/dist/esm/anchor/template.js

@@ -1,4 +1,4 @@
-import { html, ref, slotted, ViewTemplate } from '@microsoft/fast-element';
+import { html, ref, slotted, ViewTemplate } from '@ni/fast-element';
 // prettier-ignore
 export const template = (_context, definition) => html `${
 /* top-container div is necessary because setting contenteditable directly on the native anchor instead

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

@@ -1 +1 @@
-{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../src/anchor/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAO3E,kBAAkB;AAClB,MAAM,CAAC,MAAM,QAAQ,GAGjB,CAAC,QAAQ,EAAE,UAAU,EAAE,EAAE,CAAC,IAAI,CAAQ,GAAG;AACzC;;EAEE,CAAC,EACP;;2BAE2B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe;;;;oBAI7B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;eACpB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;oBACN,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;gBACnB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;0BACD,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc;eAChC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG;kBACP,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM;gBACf,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;oBACP,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;uBACZ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU;qBACnB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;yBACX,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY;wBACpB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW;4BACd,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe;wBAC1B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW;yBACjB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY;6BACf,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,gBAAgB;yBAC3B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY;uBACrB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU;yBACf,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY;uBACrB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU;wBAChB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW;6BACb,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,gBAAgB;sBAC9B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;2BACX,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc;qBAC3B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;qBACf,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;yBACX,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY;gCACZ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,mBAAmB;UAChD,GAAG,CAAC,SAAS,CAAC;OACjB;AACH;;;qEAGqE,CAAC,EAC1E;;UAEU,GAAG,CAAC,gBAAgB,CAAC;iBACd,EAAE,CAAC,EAAE,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC;;;cAG5C,GAAG,CAAC,OAAO,CAAC;2BACC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,wBAAwB,EAAE;cAC9C,UAAU,CAAC,KAAK,IAAI,EAAE;;;;;;;cAOtB,OAAO,CAAC,uBAAuB,CAAC;;;;;UAKpC,GAAG,CAAC,cAAc,CAAC;gBACb,EAAE,CAAC,EAAE,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;;;cAGvC,GAAG,CAAC,KAAK,CAAC;2BACG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,sBAAsB,EAAE;cAC5C,UAAU,CAAC,GAAG,IAAI,EAAE;;uBAEX,CAAC","sourcesContent":["import { html, ref, slotted, ViewTemplate } from '@microsoft/fast-element';\nimport type {\n    AnchorOptions,\n    FoundationElementTemplate\n} from '@microsoft/fast-foundation';\nimport type { Anchor } from '.';\n\n// prettier-ignore\nexport const template: FoundationElementTemplate<\nViewTemplate<Anchor>,\nAnchorOptions\n> = (_context, definition) => html<Anchor>`${\n    /* top-container div is necessary because setting contenteditable directly on the native anchor instead\n       leaves it focusable, unlike the behavior you get when the anchor is _within_ a contenteditable element.\n    */ ''\n}<div\n        class=\"top-container\"\n        contenteditable=\"${x => x.contentEditable}\"\n    ><a\n        class=\"control\"\n        part=\"control\"\n        download=\"${x => x.download}\"\n        href=${x => x.href}\n        hreflang=\"${x => x.hreflang}\"\n        ping=\"${x => x.ping}\"\n        referrerpolicy=\"${x => x.referrerpolicy}\"\n        rel=\"${x => x.rel}\"\n        target=\"${x => x.target}\"\n        type=\"${x => x.type}\"\n        tabindex=\"${x => x.tabIndex}\"\n        aria-atomic=\"${x => x.ariaAtomic}\"\n        aria-busy=\"${x => x.ariaBusy}\"\n        aria-controls=\"${x => x.ariaControls}\"\n        aria-current=\"${x => x.ariaCurrent}\"\n        aria-describedby=\"${x => x.ariaDescribedby}\"\n        aria-details=\"${x => x.ariaDetails}\"\n        aria-disabled=\"${x => x.ariaDisabled}\"\n        aria-errormessage=\"${x => x.ariaErrormessage}\"\n        aria-expanded=\"${x => x.ariaExpanded}\"\n        aria-flowto=\"${x => x.ariaFlowto}\"\n        aria-haspopup=\"${x => x.ariaHaspopup}\"\n        aria-hidden=\"${x => x.ariaHidden}\"\n        aria-invalid=\"${x => x.ariaInvalid}\"\n        aria-keyshortcuts=\"${x => x.ariaKeyshortcuts}\"\n        aria-label=\"${x => x.ariaLabel}\"\n        aria-labelledby=\"${x => x.ariaLabelledby}\"\n        aria-live=\"${x => x.ariaLive}\"\n        aria-owns=\"${x => x.ariaOwns}\"\n        aria-relevant=\"${x => x.ariaRelevant}\"\n        aria-roledescription=\"${x => x.ariaRoledescription}\"\n        ${ref('control')}\n    >${\n    /* Start and End slot templates inlined to avoid extra whitespace.\n       See https://github.com/microsoft/fast/issues/6557\n\n       Whitespace intentionally avoided between tags for inline styles */ ''\n}<span\n        part=\"start\"\n        ${ref('startContainer')}\n        class=\"${_x => (definition.start ? 'start' : null)}\"\n        ><slot\n            name=\"start\"\n            ${ref('start')}\n            @slotchange=\"${x => x.handleStartContentChange()}\">\n            ${definition.start || ''}\n        </slot\n    ></span\n    ><span\n        class=\"content\"\n        part=\"content\"\n        ><slot\n            ${slotted('defaultSlottedContent')}\n        ></slot\n    ></span\n    ><span\n        part=\"end\"\n        ${ref('endContainer')}\n        class=${_x => (definition.end ? 'end' : null)}\n        ><slot\n            name=\"end\"\n            ${ref('end')}\n            @slotchange=\"${x => x.handleEndContentChange()}\">\n            ${definition.end || ''}\n        </slot\n    ></span></a></div>`;\n"]}
+{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../src/anchor/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAOpE,kBAAkB;AAClB,MAAM,CAAC,MAAM,QAAQ,GAGjB,CAAC,QAAQ,EAAE,UAAU,EAAE,EAAE,CAAC,IAAI,CAAQ,GAAG;AACzC;;EAEE,CAAC,EACP;;2BAE2B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe;;;;oBAI7B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;eACpB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;oBACN,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;gBACnB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;0BACD,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc;eAChC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG;kBACP,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM;gBACf,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;oBACP,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;uBACZ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU;qBACnB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;yBACX,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY;wBACpB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW;4BACd,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe;wBAC1B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW;yBACjB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY;6BACf,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,gBAAgB;yBAC3B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY;uBACrB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU;yBACf,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY;uBACrB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU;wBAChB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW;6BACb,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,gBAAgB;sBAC9B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;2BACX,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc;qBAC3B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;qBACf,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;yBACX,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY;gCACZ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,mBAAmB;UAChD,GAAG,CAAC,SAAS,CAAC;OACjB;AACH;;;qEAGqE,CAAC,EAC1E;;UAEU,GAAG,CAAC,gBAAgB,CAAC;iBACd,EAAE,CAAC,EAAE,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC;;;cAG5C,GAAG,CAAC,OAAO,CAAC;2BACC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,wBAAwB,EAAE;cAC9C,UAAU,CAAC,KAAK,IAAI,EAAE;;;;;;;cAOtB,OAAO,CAAC,uBAAuB,CAAC;;;;;UAKpC,GAAG,CAAC,cAAc,CAAC;gBACb,EAAE,CAAC,EAAE,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;;;cAGvC,GAAG,CAAC,KAAK,CAAC;2BACG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,sBAAsB,EAAE;cAC5C,UAAU,CAAC,GAAG,IAAI,EAAE;;uBAEX,CAAC","sourcesContent":["import { html, ref, slotted, ViewTemplate } from '@ni/fast-element';\nimport type {\n    AnchorOptions,\n    FoundationElementTemplate\n} from '@ni/fast-foundation';\nimport type { Anchor } from '.';\n\n// prettier-ignore\nexport const template: FoundationElementTemplate<\nViewTemplate<Anchor>,\nAnchorOptions\n> = (_context, definition) => html<Anchor>`${\n    /* top-container div is necessary because setting contenteditable directly on the native anchor instead\n       leaves it focusable, unlike the behavior you get when the anchor is _within_ a contenteditable element.\n    */ ''\n}<div\n        class=\"top-container\"\n        contenteditable=\"${x => x.contentEditable}\"\n    ><a\n        class=\"control\"\n        part=\"control\"\n        download=\"${x => x.download}\"\n        href=${x => x.href}\n        hreflang=\"${x => x.hreflang}\"\n        ping=\"${x => x.ping}\"\n        referrerpolicy=\"${x => x.referrerpolicy}\"\n        rel=\"${x => x.rel}\"\n        target=\"${x => x.target}\"\n        type=\"${x => x.type}\"\n        tabindex=\"${x => x.tabIndex}\"\n        aria-atomic=\"${x => x.ariaAtomic}\"\n        aria-busy=\"${x => x.ariaBusy}\"\n        aria-controls=\"${x => x.ariaControls}\"\n        aria-current=\"${x => x.ariaCurrent}\"\n        aria-describedby=\"${x => x.ariaDescribedby}\"\n        aria-details=\"${x => x.ariaDetails}\"\n        aria-disabled=\"${x => x.ariaDisabled}\"\n        aria-errormessage=\"${x => x.ariaErrormessage}\"\n        aria-expanded=\"${x => x.ariaExpanded}\"\n        aria-flowto=\"${x => x.ariaFlowto}\"\n        aria-haspopup=\"${x => x.ariaHaspopup}\"\n        aria-hidden=\"${x => x.ariaHidden}\"\n        aria-invalid=\"${x => x.ariaInvalid}\"\n        aria-keyshortcuts=\"${x => x.ariaKeyshortcuts}\"\n        aria-label=\"${x => x.ariaLabel}\"\n        aria-labelledby=\"${x => x.ariaLabelledby}\"\n        aria-live=\"${x => x.ariaLive}\"\n        aria-owns=\"${x => x.ariaOwns}\"\n        aria-relevant=\"${x => x.ariaRelevant}\"\n        aria-roledescription=\"${x => x.ariaRoledescription}\"\n        ${ref('control')}\n    >${\n    /* Start and End slot templates inlined to avoid extra whitespace.\n       See https://github.com/microsoft/fast/issues/6557\n\n       Whitespace intentionally avoided between tags for inline styles */ ''\n}<span\n        part=\"start\"\n        ${ref('startContainer')}\n        class=\"${_x => (definition.start ? 'start' : null)}\"\n        ><slot\n            name=\"start\"\n            ${ref('start')}\n            @slotchange=\"${x => x.handleStartContentChange()}\">\n            ${definition.start || ''}\n        </slot\n    ></span\n    ><span\n        class=\"content\"\n        part=\"content\"\n        ><slot\n            ${slotted('defaultSlottedContent')}\n        ></slot\n    ></span\n    ><span\n        part=\"end\"\n        ${ref('endContainer')}\n        class=${_x => (definition.end ? 'end' : null)}\n        ><slot\n            name=\"end\"\n            ${ref('end')}\n            @slotchange=\"${x => x.handleEndContentChange()}\">\n            ${definition.end || ''}\n        </slot\n    ></span></a></div>`;\n"]}

package/dist/esm/anchor-base/index.d.ts

@@ -1,4 +1,4 @@
-import { Anchor as FoundationAnchor } from '@microsoft/fast-foundation';
+import { Anchor as FoundationAnchor } from '@ni/fast-foundation';
 /**
  * Exported base class of link-like types
  */

package/dist/esm/anchor-base/index.js

@@ -1,4 +1,4 @@
-import { Anchor as FoundationAnchor } from '@microsoft/fast-foundation';
+import { Anchor as FoundationAnchor } from '@ni/fast-foundation';
 /**
  * Exported base class of link-like types
  */

package/dist/esm/anchor-base/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/anchor-base/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAExE;;GAEG;AACH,MAAM,OAAO,UAAW,SAAQ,gBAAgB;CAAG","sourcesContent":["import { Anchor as FoundationAnchor } from '@microsoft/fast-foundation';\n\n/**\n * Exported base class of link-like types\n */\nexport class AnchorBase extends FoundationAnchor {}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/anchor-base/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEjE;;GAEG;AACH,MAAM,OAAO,UAAW,SAAQ,gBAAgB;CAAG","sourcesContent":["import { Anchor as FoundationAnchor } from '@ni/fast-foundation';\n\n/**\n * Exported base class of link-like types\n */\nexport class AnchorBase extends FoundationAnchor {}\n"]}

package/dist/esm/anchor-button/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 { AnchorBase } from '../anchor-base';
 import { ButtonAppearance, ButtonAppearanceVariant } from '../patterns/button/types';
 import { styles } from './styles';

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/anchor-button/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAsB,MAAM,4BAA4B,CAAC;AAC9E,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EACH,gBAAgB,EAChB,uBAAuB,EAG1B,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAQtC;;GAEG;AACH,MAAM,OAAO,YACT,SAAQ,UAAU;IADtB;;QAGI;;;;WAIG;QAEI,eAAU,GAAqB,gBAAgB,CAAC,OAAO,CAAC;QAU/D;;;;WAIG;QAEI,kBAAa,GAAG,KAAK,CAAC;QAE7B;;;;WAIG;QAEI,aAAQ,GAAG,KAAK,CAAC;IAC5B,CAAC;CAAA;AAzBU;IADN,IAAI;gDAC0D;AAQxD;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,oBAAoB,EAAE,CAAC;uDACQ;AAQ3C;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;mDAC1B;AAQtB;IADN,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;8CACF;AAG5B,MAAM,kBAAkB,GAAG,YAAY,CAAC,OAAO,CAAgB;IAC3D,QAAQ,EAAE,eAAe;IACzB,QAAQ;IACR,MAAM;IACN,aAAa,EAAE;QACX,cAAc,EAAE,IAAI;KACvB;CACJ,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,kBAAkB,EAAE,CAAC,CAAC;AAC/E,MAAM,CAAC,MAAM,eAAe,GAAG,sBAAsB,CAAC","sourcesContent":["import { attr } from '@microsoft/fast-element';\nimport { DesignSystem, type AnchorOptions } from '@microsoft/fast-foundation';\nimport { AnchorBase } from '../anchor-base';\nimport {\n    ButtonAppearance,\n    ButtonAppearanceVariant,\n    type ButtonPattern,\n    type ButtonAppearanceVariantPattern\n} from '../patterns/button/types';\nimport { styles } from './styles';\nimport { template } from './template';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-anchor-button': AnchorButton;\n    }\n}\n\n/**\n * A nimble-styled anchor button\n */\nexport class AnchorButton\n    extends AnchorBase\n    implements ButtonPattern, ButtonAppearanceVariantPattern {\n    /**\n     * @public\n     * @remarks\n     * HTML Attribute: appearance\n     */\n    @attr\n    public appearance: ButtonAppearance = ButtonAppearance.outline;\n\n    /**\n     * @public\n     * @remarks\n     * HTML Attribute: appearance-variant\n     */\n    @attr({ attribute: 'appearance-variant' })\n    public appearanceVariant: ButtonAppearanceVariant;\n\n    /**\n     * @public\n     * @remarks\n     * HTML Attribute: content-hidden\n     */\n    @attr({ attribute: 'content-hidden', mode: 'boolean' })\n    public contentHidden = false;\n\n    /**\n     * @public\n     * @remarks\n     * HTML Attribute: disabled\n     */\n    @attr({ mode: 'boolean' })\n    public disabled = false;\n}\n\nconst nimbleAnchorButton = AnchorButton.compose<AnchorOptions>({\n    baseName: 'anchor-button',\n    template,\n    styles,\n    shadowOptions: {\n        delegatesFocus: true\n    }\n});\n\nDesignSystem.getOrCreate().withPrefix('nimble').register(nimbleAnchorButton());\nexport const anchorButtonTag = 'nimble-anchor-button';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/anchor-button/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,YAAY,EAAsB,MAAM,qBAAqB,CAAC;AACvE,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EACH,gBAAgB,EAChB,uBAAuB,EAG1B,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAQtC;;GAEG;AACH,MAAM,OAAO,YACT,SAAQ,UAAU;IADtB;;QAGI;;;;WAIG;QAEI,eAAU,GAAqB,gBAAgB,CAAC,OAAO,CAAC;QAU/D;;;;WAIG;QAEI,kBAAa,GAAG,KAAK,CAAC;QAE7B;;;;WAIG;QAEI,aAAQ,GAAG,KAAK,CAAC;IAC5B,CAAC;CAAA;AAzBU;IADN,IAAI;gDAC0D;AAQxD;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,oBAAoB,EAAE,CAAC;uDACQ;AAQ3C;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;mDAC1B;AAQtB;IADN,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;8CACF;AAG5B,MAAM,kBAAkB,GAAG,YAAY,CAAC,OAAO,CAAgB;IAC3D,QAAQ,EAAE,eAAe;IACzB,QAAQ;IACR,MAAM;IACN,aAAa,EAAE;QACX,cAAc,EAAE,IAAI;KACvB;CACJ,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,kBAAkB,EAAE,CAAC,CAAC;AAC/E,MAAM,CAAC,MAAM,eAAe,GAAG,sBAAsB,CAAC","sourcesContent":["import { attr } from '@ni/fast-element';\nimport { DesignSystem, type AnchorOptions } from '@ni/fast-foundation';\nimport { AnchorBase } from '../anchor-base';\nimport {\n    ButtonAppearance,\n    ButtonAppearanceVariant,\n    type ButtonPattern,\n    type ButtonAppearanceVariantPattern\n} from '../patterns/button/types';\nimport { styles } from './styles';\nimport { template } from './template';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-anchor-button': AnchorButton;\n    }\n}\n\n/**\n * A nimble-styled anchor button\n */\nexport class AnchorButton\n    extends AnchorBase\n    implements ButtonPattern, ButtonAppearanceVariantPattern {\n    /**\n     * @public\n     * @remarks\n     * HTML Attribute: appearance\n     */\n    @attr\n    public appearance: ButtonAppearance = ButtonAppearance.outline;\n\n    /**\n     * @public\n     * @remarks\n     * HTML Attribute: appearance-variant\n     */\n    @attr({ attribute: 'appearance-variant' })\n    public appearanceVariant: ButtonAppearanceVariant;\n\n    /**\n     * @public\n     * @remarks\n     * HTML Attribute: content-hidden\n     */\n    @attr({ attribute: 'content-hidden', mode: 'boolean' })\n    public contentHidden = false;\n\n    /**\n     * @public\n     * @remarks\n     * HTML Attribute: disabled\n     */\n    @attr({ mode: 'boolean' })\n    public disabled = false;\n}\n\nconst nimbleAnchorButton = AnchorButton.compose<AnchorOptions>({\n    baseName: 'anchor-button',\n    template,\n    styles,\n    shadowOptions: {\n        delegatesFocus: true\n    }\n});\n\nDesignSystem.getOrCreate().withPrefix('nimble').register(nimbleAnchorButton());\nexport const anchorButtonTag = 'nimble-anchor-button';\n"]}

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

@@ -1,4 +1,4 @@
-import { css } from '@microsoft/fast-element';
+import { css } from '@ni/fast-element';
 import { buttonAppearanceVariantStyles, styles as buttonStyles } from '../patterns/button/styles';
 export const styles = css `
     ${buttonStyles}

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/anchor-button/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EACH,6BAA6B,EAC7B,MAAM,IAAI,YAAY,EACzB,MAAM,2BAA2B,CAAC;AAEnC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,YAAY;MACZ,6BAA6B;;;;;;;;;;;;;;;;;CAiBlC,CAAC","sourcesContent":["import { css } from '@microsoft/fast-element';\nimport {\n    buttonAppearanceVariantStyles,\n    styles as buttonStyles\n} from '../patterns/button/styles';\n\nexport const styles = css`\n    ${buttonStyles}\n    ${buttonAppearanceVariantStyles}\n\n    .control {\n        text-decoration: none;\n    }\n\n    [part='start'] {\n        pointer-events: none;\n    }\n\n    .content {\n        pointer-events: none;\n    }\n\n    [part='end'] {\n        pointer-events: none;\n    }\n`;\n"]}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/anchor-button/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EACH,6BAA6B,EAC7B,MAAM,IAAI,YAAY,EACzB,MAAM,2BAA2B,CAAC;AAEnC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,YAAY;MACZ,6BAA6B;;;;;;;;;;;;;;;;;CAiBlC,CAAC","sourcesContent":["import { css } from '@ni/fast-element';\nimport {\n    buttonAppearanceVariantStyles,\n    styles as buttonStyles\n} from '../patterns/button/styles';\n\nexport const styles = css`\n    ${buttonStyles}\n    ${buttonAppearanceVariantStyles}\n\n    .control {\n        text-decoration: none;\n    }\n\n    [part='start'] {\n        pointer-events: none;\n    }\n\n    .content {\n        pointer-events: none;\n    }\n\n    [part='end'] {\n        pointer-events: none;\n    }\n`;\n"]}

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

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

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

@@ -1,5 +1,5 @@
-import { html, ref, slotted, ViewTemplate } from '@microsoft/fast-element';
-import { endSlotTemplate, startSlotTemplate } from '@microsoft/fast-foundation';
+import { html, ref, slotted, ViewTemplate } from '@ni/fast-element';
+import { endSlotTemplate, startSlotTemplate } from '@ni/fast-foundation';
 export const template = (context, definition) => html `
     <a
         class="control"

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

@@ -1 +1 @@
-{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../src/anchor-button/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAEH,eAAe,EAEf,iBAAiB,EACpB,MAAM,4BAA4B,CAAC;AAGpC,MAAM,CAAC,MAAM,QAAQ,GAGjB,CAAC,OAAO,EAAE,UAAU,EAAE,EAAE,CAAC,IAAI,CAAc;;;;oBAI3B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;eACpB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;oBAC5B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;gBACnB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;0BACD,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc;eAChC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG;kBACP,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM;gBACf,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;uBACJ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU;qBACnB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;yBACX,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY;wBACpB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW;4BACd,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe;wBAC1B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW;yBACjB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY;6BACf,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,gBAAgB;yBAC3B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY;uBACrB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU;yBACf,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY;uBACrB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU;wBAChB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW;6BACb,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,gBAAgB;sBAC9B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;2BACX,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc;qBAC3B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;qBACf,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;yBACX,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY;gCACZ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,mBAAmB;UAChD,GAAG,CAAC,SAAS,CAAC;;UAEd,iBAAiB,CAAC,OAAO,EAAE,UAAU,CAAC;;oBAE5B,OAAO,CAAC,uBAAuB,CAAC;;UAE1C,eAAe,CAAC,OAAO,EAAE,UAAU,CAAC;;CAE7C,CAAC","sourcesContent":["import { html, ref, slotted, ViewTemplate } from '@microsoft/fast-element';\nimport {\n    type AnchorOptions,\n    endSlotTemplate,\n    type FoundationElementTemplate,\n    startSlotTemplate\n} from '@microsoft/fast-foundation';\nimport type { AnchorButton } from '.';\n\nexport const template: FoundationElementTemplate<\nViewTemplate<AnchorButton>,\nAnchorOptions\n> = (context, definition) => html<AnchorButton>`\n    <a\n        class=\"control\"\n        part=\"control\"\n        download=\"${x => x.download}\"\n        href=${x => (x.disabled ? null : x.href)}\n        hreflang=\"${x => x.hreflang}\"\n        ping=\"${x => x.ping}\"\n        referrerpolicy=\"${x => x.referrerpolicy}\"\n        rel=\"${x => x.rel}\"\n        target=\"${x => x.target}\"\n        type=\"${x => x.type}\"\n        aria-atomic=\"${x => x.ariaAtomic}\"\n        aria-busy=\"${x => x.ariaBusy}\"\n        aria-controls=\"${x => x.ariaControls}\"\n        aria-current=\"${x => x.ariaCurrent}\"\n        aria-describedby=\"${x => x.ariaDescribedby}\"\n        aria-details=\"${x => x.ariaDetails}\"\n        aria-disabled=\"${x => x.ariaDisabled}\"\n        aria-errormessage=\"${x => x.ariaErrormessage}\"\n        aria-expanded=\"${x => x.ariaExpanded}\"\n        aria-flowto=\"${x => x.ariaFlowto}\"\n        aria-haspopup=\"${x => x.ariaHaspopup}\"\n        aria-hidden=\"${x => x.ariaHidden}\"\n        aria-invalid=\"${x => x.ariaInvalid}\"\n        aria-keyshortcuts=\"${x => x.ariaKeyshortcuts}\"\n        aria-label=\"${x => x.ariaLabel}\"\n        aria-labelledby=\"${x => x.ariaLabelledby}\"\n        aria-live=\"${x => x.ariaLive}\"\n        aria-owns=\"${x => x.ariaOwns}\"\n        aria-relevant=\"${x => x.ariaRelevant}\"\n        aria-roledescription=\"${x => x.ariaRoledescription}\"\n        ${ref('control')}\n    >\n        ${startSlotTemplate(context, definition)}\n        <span class=\"content\" part=\"content\">\n            <slot ${slotted('defaultSlottedContent')}></slot>\n        </span>\n        ${endSlotTemplate(context, definition)}\n    </a>\n`;\n"]}
+{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../src/anchor-button/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AACpE,OAAO,EAEH,eAAe,EAEf,iBAAiB,EACpB,MAAM,qBAAqB,CAAC;AAG7B,MAAM,CAAC,MAAM,QAAQ,GAGjB,CAAC,OAAO,EAAE,UAAU,EAAE,EAAE,CAAC,IAAI,CAAc;;;;oBAI3B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;eACpB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;oBAC5B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;gBACnB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;0BACD,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc;eAChC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG;kBACP,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM;gBACf,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;uBACJ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU;qBACnB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;yBACX,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY;wBACpB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW;4BACd,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe;wBAC1B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW;yBACjB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY;6BACf,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,gBAAgB;yBAC3B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY;uBACrB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU;yBACf,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY;uBACrB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU;wBAChB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW;6BACb,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,gBAAgB;sBAC9B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;2BACX,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc;qBAC3B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;qBACf,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;yBACX,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY;gCACZ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,mBAAmB;UAChD,GAAG,CAAC,SAAS,CAAC;;UAEd,iBAAiB,CAAC,OAAO,EAAE,UAAU,CAAC;;oBAE5B,OAAO,CAAC,uBAAuB,CAAC;;UAE1C,eAAe,CAAC,OAAO,EAAE,UAAU,CAAC;;CAE7C,CAAC","sourcesContent":["import { html, ref, slotted, ViewTemplate } from '@ni/fast-element';\nimport {\n    type AnchorOptions,\n    endSlotTemplate,\n    type FoundationElementTemplate,\n    startSlotTemplate\n} from '@ni/fast-foundation';\nimport type { AnchorButton } from '.';\n\nexport const template: FoundationElementTemplate<\nViewTemplate<AnchorButton>,\nAnchorOptions\n> = (context, definition) => html<AnchorButton>`\n    <a\n        class=\"control\"\n        part=\"control\"\n        download=\"${x => x.download}\"\n        href=${x => (x.disabled ? null : x.href)}\n        hreflang=\"${x => x.hreflang}\"\n        ping=\"${x => x.ping}\"\n        referrerpolicy=\"${x => x.referrerpolicy}\"\n        rel=\"${x => x.rel}\"\n        target=\"${x => x.target}\"\n        type=\"${x => x.type}\"\n        aria-atomic=\"${x => x.ariaAtomic}\"\n        aria-busy=\"${x => x.ariaBusy}\"\n        aria-controls=\"${x => x.ariaControls}\"\n        aria-current=\"${x => x.ariaCurrent}\"\n        aria-describedby=\"${x => x.ariaDescribedby}\"\n        aria-details=\"${x => x.ariaDetails}\"\n        aria-disabled=\"${x => x.ariaDisabled}\"\n        aria-errormessage=\"${x => x.ariaErrormessage}\"\n        aria-expanded=\"${x => x.ariaExpanded}\"\n        aria-flowto=\"${x => x.ariaFlowto}\"\n        aria-haspopup=\"${x => x.ariaHaspopup}\"\n        aria-hidden=\"${x => x.ariaHidden}\"\n        aria-invalid=\"${x => x.ariaInvalid}\"\n        aria-keyshortcuts=\"${x => x.ariaKeyshortcuts}\"\n        aria-label=\"${x => x.ariaLabel}\"\n        aria-labelledby=\"${x => x.ariaLabelledby}\"\n        aria-live=\"${x => x.ariaLive}\"\n        aria-owns=\"${x => x.ariaOwns}\"\n        aria-relevant=\"${x => x.ariaRelevant}\"\n        aria-roledescription=\"${x => x.ariaRoledescription}\"\n        ${ref('control')}\n    >\n        ${startSlotTemplate(context, definition)}\n        <span class=\"content\" part=\"content\">\n            <slot ${slotted('defaultSlottedContent')}></slot>\n        </span>\n        ${endSlotTemplate(context, definition)}\n    </a>\n`;\n"]}

package/dist/esm/anchor-menu-item/index.d.ts

@@ -1,4 +1,4 @@
-import { type MenuItemColumnCount } from '@microsoft/fast-foundation';
+import { type MenuItemColumnCount } from '@ni/fast-foundation';
 import { AnchorBase } from '../anchor-base';
 declare global {
     interface HTMLElementTagNameMap {

package/dist/esm/anchor-menu-item/index.js

@@ -1,7 +1,7 @@
 import { __decorate } from "tslib";
-import { attr, observable } from '@microsoft/fast-element';
-import { DesignSystem } from '@microsoft/fast-foundation';
-import { keyEnter } from '@microsoft/fast-web-utilities';
+import { attr, observable } from '@ni/fast-element';
+import { DesignSystem } from '@ni/fast-foundation';
+import { keyEnter } from '@ni/fast-web-utilities';
 import { AnchorBase } from '../anchor-base';
 import { styles } from './styles';
 import { template } from './template';

package/dist/esm/anchor-menu-item/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/anchor-menu-item/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EACH,YAAY,EAGf,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAQtC;;GAEG;AACH,MAAM,OAAO,cAAe,SAAQ,UAAU;IAA9C;;QAEW,aAAQ,GAAG,KAAK,CAAC;QAQxB;;;;;WAKG;QAEI,qBAAgB,GAAwB,CAAC,CAAC;IAkDrD,CAAC;IAhDG,4FAA4F;IAC5F,uGAAuG;IACvG,gGAAgG;IAChG,gEAAgE;IAEhE;;OAEG;IACI,YAAY,CAAC,CAAa;QAC7B,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,OAAO,IAAI,CAAC;IAChB,CAAC;IAED;;OAEG;IACI,cAAc,CAAC,CAAgB;QAClC,IAAI,CAAC,CAAC,gBAAgB,EAAE,CAAC;YACrB,OAAO,KAAK,CAAC;QACjB,CAAC;QACD,QAAQ,CAAC,CAAC,GAAG,EAAE,CAAC;YACZ,KAAK,QAAQ;gBACT,CAAC,CAAC,eAAe,EAAE,CAAC;gBACpB,MAAM;YACV,QAAQ;QACZ,CAAC;QACD,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,0DAA0D;IAC1D,4EAA4E;IAC5E,6EAA6E;IAC7E,oEAAoE;IACpD,YAAY,CAAC,aAAqB,EAAE,KAAa;QAC7D,IAAI,aAAa,KAAK,UAAU,EAAE,CAAC;YAC/B,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC;QACnD,CAAC;aAAM,CAAC;YACJ,KAAK,CAAC,YAAY,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC;QAC7C,CAAC;IACL,CAAC;IAED,IAAoB,QAAQ;QACxB,OAAO,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC;IAChC,CAAC;IAED,IAAoB,QAAQ,CAAC,KAAa;QACtC,IAAI,CAAC,MAAM,CAAC,QAAQ,GAAG,KAAK,CAAC;IACjC,CAAC;CACJ;AAjEU;IADN,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;gDACF;AAMjB;IADN,UAAU;8CACuB;AAS3B;IADN,UAAU;wDACsC;AAoDrD,uFAAuF;AAEvF,MAAM,oBAAoB,GAAG,cAAc,CAAC,OAAO,CAAgB;IAC/D,QAAQ,EAAE,kBAAkB;IAC5B,QAAQ;IACR,MAAM;IACN,aAAa,EAAE;QACX,cAAc,EAAE,IAAI;KACvB;CACJ,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE;KACrB,UAAU,CAAC,QAAQ,CAAC;KACpB,QAAQ,CAAC,oBAAoB,EAAE,CAAC,CAAC;AACtC,MAAM,CAAC,MAAM,iBAAiB,GAAG,yBAAyB,CAAC","sourcesContent":["import { attr, observable } from '@microsoft/fast-element';\nimport {\n    DesignSystem,\n    type AnchorOptions,\n    type MenuItemColumnCount\n} from '@microsoft/fast-foundation';\nimport { keyEnter } from '@microsoft/fast-web-utilities';\nimport { AnchorBase } from '../anchor-base';\nimport { styles } from './styles';\nimport { template } from './template';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-anchor-menu-item': AnchorMenuItem;\n    }\n}\n\n/**\n * A nimble-styled anchor menu-item\n */\nexport class AnchorMenuItem extends AnchorBase {\n    @attr({ mode: 'boolean' })\n    public disabled = false;\n\n    /**\n     * @internal\n     */\n    @observable\n    public anchor!: HTMLAnchorElement;\n\n    /**\n     * There is an assumption that this component is styled using a grid display, and this property\n     * controls which grid column contains the menu item text (i.e. the indentation of the text).\n     * The parent menu sets this value on all its child menu items so their indentations align.\n     * @internal\n     */\n    @observable\n    public startColumnCount: MenuItemColumnCount = 0;\n\n    // The following two handlers are workarounds for issues with anchor menu items in submenus.\n    // Events can bubble up the DOM and get handled by the menu item in the parent menu. When that happens,\n    // the menu item's handlers (FAST) return false and prevent the default action, i.e. navigation.\n    // See tech debt issue: https://github.com/ni/nimble/issues/1740\n\n    /**\n     * @internal\n     */\n    public clickHandler(e: MouseEvent): boolean {\n        e.stopPropagation();\n        return true;\n    }\n\n    /**\n     * @internal\n     */\n    public keydownHandler(e: KeyboardEvent): boolean {\n        if (e.defaultPrevented) {\n            return false;\n        }\n        switch (e.key) {\n            case keyEnter:\n                e.stopPropagation();\n                break;\n            default:\n        }\n        return true;\n    }\n\n    // The FAST Menu manages the `tabindex` of its menu items.\n    // When keyboard navigating to an item, it sets that item's `tabindex` to 0.\n    // We need to pass this on to the anchor, otherwise an anchor without an href\n    // will not be focusable and will prevent arrowing through the menu.\n    public override setAttribute(qualifiedName: string, value: string): void {\n        if (qualifiedName === 'tabindex') {\n            this.anchor.setAttribute(qualifiedName, value);\n        } else {\n            super.setAttribute(qualifiedName, value);\n        }\n    }\n\n    public override get tabIndex(): number {\n        return this.anchor.tabIndex;\n    }\n\n    public override set tabIndex(value: number) {\n        this.anchor.tabIndex = value;\n    }\n}\n\n// FoundationAnchor already applies the StartEnd mixin, so we don't need to do it here.\n\nconst nimbleAnchorMenuItem = AnchorMenuItem.compose<AnchorOptions>({\n    baseName: 'anchor-menu-item',\n    template,\n    styles,\n    shadowOptions: {\n        delegatesFocus: true\n    }\n});\n\nDesignSystem.getOrCreate()\n    .withPrefix('nimble')\n    .register(nimbleAnchorMenuItem());\nexport const anchorMenuItemTag = 'nimble-anchor-menu-item';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/anchor-menu-item/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EACH,YAAY,EAGf,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAQtC;;GAEG;AACH,MAAM,OAAO,cAAe,SAAQ,UAAU;IAA9C;;QAEW,aAAQ,GAAG,KAAK,CAAC;QAQxB;;;;;WAKG;QAEI,qBAAgB,GAAwB,CAAC,CAAC;IAkDrD,CAAC;IAhDG,4FAA4F;IAC5F,uGAAuG;IACvG,gGAAgG;IAChG,gEAAgE;IAEhE;;OAEG;IACI,YAAY,CAAC,CAAa;QAC7B,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,OAAO,IAAI,CAAC;IAChB,CAAC;IAED;;OAEG;IACI,cAAc,CAAC,CAAgB;QAClC,IAAI,CAAC,CAAC,gBAAgB,EAAE,CAAC;YACrB,OAAO,KAAK,CAAC;QACjB,CAAC;QACD,QAAQ,CAAC,CAAC,GAAG,EAAE,CAAC;YACZ,KAAK,QAAQ;gBACT,CAAC,CAAC,eAAe,EAAE,CAAC;gBACpB,MAAM;YACV,QAAQ;QACZ,CAAC;QACD,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,0DAA0D;IAC1D,4EAA4E;IAC5E,6EAA6E;IAC7E,oEAAoE;IACpD,YAAY,CAAC,aAAqB,EAAE,KAAa;QAC7D,IAAI,aAAa,KAAK,UAAU,EAAE,CAAC;YAC/B,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC;QACnD,CAAC;aAAM,CAAC;YACJ,KAAK,CAAC,YAAY,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC;QAC7C,CAAC;IACL,CAAC;IAED,IAAoB,QAAQ;QACxB,OAAO,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC;IAChC,CAAC;IAED,IAAoB,QAAQ,CAAC,KAAa;QACtC,IAAI,CAAC,MAAM,CAAC,QAAQ,GAAG,KAAK,CAAC;IACjC,CAAC;CACJ;AAjEU;IADN,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;gDACF;AAMjB;IADN,UAAU;8CACuB;AAS3B;IADN,UAAU;wDACsC;AAoDrD,uFAAuF;AAEvF,MAAM,oBAAoB,GAAG,cAAc,CAAC,OAAO,CAAgB;IAC/D,QAAQ,EAAE,kBAAkB;IAC5B,QAAQ;IACR,MAAM;IACN,aAAa,EAAE;QACX,cAAc,EAAE,IAAI;KACvB;CACJ,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE;KACrB,UAAU,CAAC,QAAQ,CAAC;KACpB,QAAQ,CAAC,oBAAoB,EAAE,CAAC,CAAC;AACtC,MAAM,CAAC,MAAM,iBAAiB,GAAG,yBAAyB,CAAC","sourcesContent":["import { attr, observable } from '@ni/fast-element';\nimport {\n    DesignSystem,\n    type AnchorOptions,\n    type MenuItemColumnCount\n} from '@ni/fast-foundation';\nimport { keyEnter } from '@ni/fast-web-utilities';\nimport { AnchorBase } from '../anchor-base';\nimport { styles } from './styles';\nimport { template } from './template';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-anchor-menu-item': AnchorMenuItem;\n    }\n}\n\n/**\n * A nimble-styled anchor menu-item\n */\nexport class AnchorMenuItem extends AnchorBase {\n    @attr({ mode: 'boolean' })\n    public disabled = false;\n\n    /**\n     * @internal\n     */\n    @observable\n    public anchor!: HTMLAnchorElement;\n\n    /**\n     * There is an assumption that this component is styled using a grid display, and this property\n     * controls which grid column contains the menu item text (i.e. the indentation of the text).\n     * The parent menu sets this value on all its child menu items so their indentations align.\n     * @internal\n     */\n    @observable\n    public startColumnCount: MenuItemColumnCount = 0;\n\n    // The following two handlers are workarounds for issues with anchor menu items in submenus.\n    // Events can bubble up the DOM and get handled by the menu item in the parent menu. When that happens,\n    // the menu item's handlers (FAST) return false and prevent the default action, i.e. navigation.\n    // See tech debt issue: https://github.com/ni/nimble/issues/1740\n\n    /**\n     * @internal\n     */\n    public clickHandler(e: MouseEvent): boolean {\n        e.stopPropagation();\n        return true;\n    }\n\n    /**\n     * @internal\n     */\n    public keydownHandler(e: KeyboardEvent): boolean {\n        if (e.defaultPrevented) {\n            return false;\n        }\n        switch (e.key) {\n            case keyEnter:\n                e.stopPropagation();\n                break;\n            default:\n        }\n        return true;\n    }\n\n    // The FAST Menu manages the `tabindex` of its menu items.\n    // When keyboard navigating to an item, it sets that item's `tabindex` to 0.\n    // We need to pass this on to the anchor, otherwise an anchor without an href\n    // will not be focusable and will prevent arrowing through the menu.\n    public override setAttribute(qualifiedName: string, value: string): void {\n        if (qualifiedName === 'tabindex') {\n            this.anchor.setAttribute(qualifiedName, value);\n        } else {\n            super.setAttribute(qualifiedName, value);\n        }\n    }\n\n    public override get tabIndex(): number {\n        return this.anchor.tabIndex;\n    }\n\n    public override set tabIndex(value: number) {\n        this.anchor.tabIndex = value;\n    }\n}\n\n// FoundationAnchor already applies the StartEnd mixin, so we don't need to do it here.\n\nconst nimbleAnchorMenuItem = AnchorMenuItem.compose<AnchorOptions>({\n    baseName: 'anchor-menu-item',\n    template,\n    styles,\n    shadowOptions: {\n        delegatesFocus: true\n    }\n});\n\nDesignSystem.getOrCreate()\n    .withPrefix('nimble')\n    .register(nimbleAnchorMenuItem());\nexport const anchorMenuItemTag = 'nimble-anchor-menu-item';\n"]}

package/dist/esm/anchor-menu-item/styles.d.ts

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

package/dist/esm/anchor-menu-item/styles.js

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

package/dist/esm/anchor-menu-item/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/anchor-menu-item/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAErD,OAAO,EACH,qBAAqB,EACrB,QAAQ,EACR,aAAa,EACb,gBAAgB,EAChB,aAAa,EACb,cAAc,EACd,iBAAiB,EACjB,SAAS,EACT,QAAQ,EACX,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAExD,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,MAAM,CAAC;;;gBAGL,QAAQ;;;;sBAIF,cAAc;;;;sBAId,iBAAiB;;;;;;;;;;;kBAWrB,aAAa;;;;;;;;iBAQd,aAAa;;;;;;;;;OASvB,YAAY;6BACU,gBAAgB;;;;;iBAK5B,qBAAqB;;;;;;iCAML,QAAQ;;;;;;;;;UAS/B,SAAS,CAAC,iBAAiB;iBACpB,QAAQ;kBACP,QAAQ;;;;;;;;;;;;;;;;;;CAkBzB,CAAC","sourcesContent":["import { css } from '@microsoft/fast-element';\nimport { display } from '../utilities/style/display';\n\nimport {\n    bodyDisabledFontColor,\n    bodyFont,\n    bodyFontColor,\n    borderHoverColor,\n    controlHeight,\n    fillHoverColor,\n    fillSelectedColor,\n    iconColor,\n    iconSize\n} from '../theme-provider/design-tokens';\nimport { focusVisible } from '../utilities/style/focus';\n\nexport const styles = css`\n    ${display('grid')}\n\n    :host {\n        font: ${bodyFont};\n    }\n\n    :host(:hover) {\n        background: ${fillHoverColor};\n    }\n\n    :host(:active) {\n        background: ${fillSelectedColor};\n    }\n\n    :host([disabled]) {\n        background: transparent;\n    }\n\n    a {\n        display: grid;\n        contain: layout;\n        overflow: visible;\n        height: ${controlHeight};\n        grid-template-columns: 1fr;\n        column-gap: 8px;\n        grid-template-rows: 1fr;\n        justify-items: start;\n        align-items: center;\n        margin: 0 0;\n        white-space: nowrap;\n        color: ${bodyFontColor};\n        fill: currentcolor;\n        cursor: pointer;\n        text-decoration: none;\n        outline: none;\n        padding-left: 8px;\n        padding-right: 8px;\n    }\n\n    a${focusVisible} {\n        outline: 2px solid ${borderHoverColor};\n        outline-offset: -2px;\n    }\n\n    :host([disabled]) a {\n        color: ${bodyDisabledFontColor};\n        fill: currentcolor;\n        cursor: default;\n    }\n\n    :host(.indent-1) a {\n        grid-template-columns: ${iconSize} 1fr;\n    }\n\n    [part='start'] {\n        display: contents;\n        pointer-events: none;\n    }\n\n    slot[name='start']::slotted(*) {\n        ${iconColor.cssCustomProperty}: currentcolor;\n        width: ${iconSize};\n        height: ${iconSize};\n    }\n\n    :host(.indent-1) [part='start'] {\n        grid-column: 1;\n    }\n\n    .content {\n        pointer-events: none;\n    }\n\n    :host(.indent-1) .content {\n        grid-column: 2;\n    }\n\n    [part='end'] {\n        display: none;\n    }\n`;\n"]}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/anchor-menu-item/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAErD,OAAO,EACH,qBAAqB,EACrB,QAAQ,EACR,aAAa,EACb,gBAAgB,EAChB,aAAa,EACb,cAAc,EACd,iBAAiB,EACjB,SAAS,EACT,QAAQ,EACX,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAExD,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,MAAM,CAAC;;;gBAGL,QAAQ;;;;sBAIF,cAAc;;;;sBAId,iBAAiB;;;;;;;;;;;kBAWrB,aAAa;;;;;;;;iBAQd,aAAa;;;;;;;;;OASvB,YAAY;6BACU,gBAAgB;;;;;iBAK5B,qBAAqB;;;;;;iCAML,QAAQ;;;;;;;;;UAS/B,SAAS,CAAC,iBAAiB;iBACpB,QAAQ;kBACP,QAAQ;;;;;;;;;;;;;;;;;;CAkBzB,CAAC","sourcesContent":["import { css } from '@ni/fast-element';\nimport { display } from '../utilities/style/display';\n\nimport {\n    bodyDisabledFontColor,\n    bodyFont,\n    bodyFontColor,\n    borderHoverColor,\n    controlHeight,\n    fillHoverColor,\n    fillSelectedColor,\n    iconColor,\n    iconSize\n} from '../theme-provider/design-tokens';\nimport { focusVisible } from '../utilities/style/focus';\n\nexport const styles = css`\n    ${display('grid')}\n\n    :host {\n        font: ${bodyFont};\n    }\n\n    :host(:hover) {\n        background: ${fillHoverColor};\n    }\n\n    :host(:active) {\n        background: ${fillSelectedColor};\n    }\n\n    :host([disabled]) {\n        background: transparent;\n    }\n\n    a {\n        display: grid;\n        contain: layout;\n        overflow: visible;\n        height: ${controlHeight};\n        grid-template-columns: 1fr;\n        column-gap: 8px;\n        grid-template-rows: 1fr;\n        justify-items: start;\n        align-items: center;\n        margin: 0 0;\n        white-space: nowrap;\n        color: ${bodyFontColor};\n        fill: currentcolor;\n        cursor: pointer;\n        text-decoration: none;\n        outline: none;\n        padding-left: 8px;\n        padding-right: 8px;\n    }\n\n    a${focusVisible} {\n        outline: 2px solid ${borderHoverColor};\n        outline-offset: -2px;\n    }\n\n    :host([disabled]) a {\n        color: ${bodyDisabledFontColor};\n        fill: currentcolor;\n        cursor: default;\n    }\n\n    :host(.indent-1) a {\n        grid-template-columns: ${iconSize} 1fr;\n    }\n\n    [part='start'] {\n        display: contents;\n        pointer-events: none;\n    }\n\n    slot[name='start']::slotted(*) {\n        ${iconColor.cssCustomProperty}: currentcolor;\n        width: ${iconSize};\n        height: ${iconSize};\n    }\n\n    :host(.indent-1) [part='start'] {\n        grid-column: 1;\n    }\n\n    .content {\n        pointer-events: none;\n    }\n\n    :host(.indent-1) .content {\n        grid-column: 2;\n    }\n\n    [part='end'] {\n        display: none;\n    }\n`;\n"]}

package/dist/esm/anchor-menu-item/template.d.ts

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

package/dist/esm/anchor-menu-item/template.js

@@ -1,5 +1,5 @@
-import { html, ref, ViewTemplate } from '@microsoft/fast-element';
-import { endSlotTemplate, startSlotTemplate } from '@microsoft/fast-foundation';
+import { html, ref, ViewTemplate } from '@ni/fast-element';
+import { endSlotTemplate, startSlotTemplate } from '@ni/fast-foundation';
 export const template = (context, definition) => html `
     <template
         role="menuitem"

package/dist/esm/anchor-menu-item/template.js.map

@@ -1 +1 @@
-{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../src/anchor-menu-item/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,EAEH,eAAe,EAEf,iBAAiB,EACpB,MAAM,4BAA4B,CAAC;AAGpC,MAAM,CAAC,MAAM,QAAQ,GAGjB,CAAC,OAAO,EAAE,UAAU,EAAE,EAAE,CAAC,IAAI,CAAgB;;;iBAGhC,CAAC,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,gBAAgB,KAAK,QAAQ;IACrD,CAAC,CAAC,UAAU,CAAC,CAAC,gBAAgB,EAAE;IAChC,CAAC,CAAC,EAAE,CAAC;yBACY,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;kBACtB,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,KAAmB,CAAC;oBAC7C,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,KAAsB,CAAC;;;cAG1D,GAAG,CAAC,QAAQ,CAAC;wBACH,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;mBACpB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;wBAC5B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;oBACnB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;8BACD,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc;mBAChC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG;sBACP,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM;oBACf,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;;cAEjB,iBAAiB,CAAC,OAAO,EAAE,UAAU,CAAC;;;;cAItC,eAAe,CAAC,OAAO,EAAE,UAAU,CAAC;;;CAGjD,CAAC","sourcesContent":["import { html, ref, ViewTemplate } from '@microsoft/fast-element';\nimport {\n    type AnchorOptions,\n    endSlotTemplate,\n    type FoundationElementTemplate,\n    startSlotTemplate\n} from '@microsoft/fast-foundation';\nimport type { AnchorMenuItem } from '.';\n\nexport const template: FoundationElementTemplate<\nViewTemplate<AnchorMenuItem>,\nAnchorOptions\n> = (context, definition) => html<AnchorMenuItem>`\n    <template\n        role=\"menuitem\"\n        class=\"${x => (typeof x.startColumnCount === 'number'\n        ? `indent-${x.startColumnCount}`\n        : '')}\"\n        aria-disabled=\"${x => x.disabled}\"\n        @click=\"${(x, c) => x.clickHandler(c.event as MouseEvent)}\"\n        @keydown=\"${(x, c) => x.keydownHandler(c.event as KeyboardEvent)}\"\n    >\n        <a\n            ${ref('anchor')}\n            download=\"${x => x.download}\"\n            href=${x => (x.disabled ? null : x.href)}\n            hreflang=\"${x => x.hreflang}\"\n            ping=\"${x => x.ping}\"\n            referrerpolicy=\"${x => x.referrerpolicy}\"\n            rel=\"${x => x.rel}\"\n            target=\"${x => x.target}\"\n            type=\"${x => x.type}\"\n        >\n            ${startSlotTemplate(context, definition)}\n            <span class=\"content\" part=\"content\">\n                <slot></slot>\n            </span>\n            ${endSlotTemplate(context, definition)}\n        </a>\n    </template>\n`;\n"]}
+{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../src/anchor-menu-item/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAEH,eAAe,EAEf,iBAAiB,EACpB,MAAM,qBAAqB,CAAC;AAG7B,MAAM,CAAC,MAAM,QAAQ,GAGjB,CAAC,OAAO,EAAE,UAAU,EAAE,EAAE,CAAC,IAAI,CAAgB;;;iBAGhC,CAAC,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,gBAAgB,KAAK,QAAQ;IACrD,CAAC,CAAC,UAAU,CAAC,CAAC,gBAAgB,EAAE;IAChC,CAAC,CAAC,EAAE,CAAC;yBACY,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;kBACtB,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,KAAmB,CAAC;oBAC7C,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,KAAsB,CAAC;;;cAG1D,GAAG,CAAC,QAAQ,CAAC;wBACH,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;mBACpB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;wBAC5B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;oBACnB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;8BACD,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc;mBAChC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG;sBACP,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM;oBACf,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;;cAEjB,iBAAiB,CAAC,OAAO,EAAE,UAAU,CAAC;;;;cAItC,eAAe,CAAC,OAAO,EAAE,UAAU,CAAC;;;CAGjD,CAAC","sourcesContent":["import { html, ref, ViewTemplate } from '@ni/fast-element';\nimport {\n    type AnchorOptions,\n    endSlotTemplate,\n    type FoundationElementTemplate,\n    startSlotTemplate\n} from '@ni/fast-foundation';\nimport type { AnchorMenuItem } from '.';\n\nexport const template: FoundationElementTemplate<\nViewTemplate<AnchorMenuItem>,\nAnchorOptions\n> = (context, definition) => html<AnchorMenuItem>`\n    <template\n        role=\"menuitem\"\n        class=\"${x => (typeof x.startColumnCount === 'number'\n        ? `indent-${x.startColumnCount}`\n        : '')}\"\n        aria-disabled=\"${x => x.disabled}\"\n        @click=\"${(x, c) => x.clickHandler(c.event as MouseEvent)}\"\n        @keydown=\"${(x, c) => x.keydownHandler(c.event as KeyboardEvent)}\"\n    >\n        <a\n            ${ref('anchor')}\n            download=\"${x => x.download}\"\n            href=${x => (x.disabled ? null : x.href)}\n            hreflang=\"${x => x.hreflang}\"\n            ping=\"${x => x.ping}\"\n            referrerpolicy=\"${x => x.referrerpolicy}\"\n            rel=\"${x => x.rel}\"\n            target=\"${x => x.target}\"\n            type=\"${x => x.type}\"\n        >\n            ${startSlotTemplate(context, definition)}\n            <span class=\"content\" part=\"content\">\n                <slot></slot>\n            </span>\n            ${endSlotTemplate(context, definition)}\n        </a>\n    </template>\n`;\n"]}

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

@@ -1,4 +1,4 @@
-import { type FoundationElementDefinition, type StartEndOptions } from '@microsoft/fast-foundation';
+import { type FoundationElementDefinition, type StartEndOptions } from '@ni/fast-foundation';
 import { AnchorBase } from '../anchor-base';
 declare global {
     interface HTMLElementTagNameMap {

package/dist/esm/anchor-tab/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 { AnchorBase } from '../anchor-base';
 import { styles } from './styles';
 import { template } from './template';

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/anchor-tab/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EACH,YAAY,EAGf,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAUtC;;GAEG;AACH,MAAM,OAAO,SAAU,SAAQ,UAAU;IAAzC;;QACI;;;;;WAKG;QAEI,aAAQ,GAAG,KAAK,CAAC;QAExB;;;;;;;WAOG;QAEa,iBAAY,GAAG,OAAO,CAAC;IAC3C,CAAC;CAAA;AAZU;IADN,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;2CACF;AAWR;IADf,IAAI,CAAC,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC;+CACE;AAG3C,uFAAuF;AAEvF,MAAM,eAAe,GAAG,SAAS,CAAC,OAAO,CAAC;IACtC,QAAQ,EAAE,YAAY;IACtB,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,eAAe,EAAE,CAAC,CAAC;AAC5E,MAAM,CAAC,MAAM,YAAY,GAAG,mBAAmB,CAAC","sourcesContent":["import { attr } from '@microsoft/fast-element';\nimport {\n    DesignSystem,\n    type FoundationElementDefinition,\n    type StartEndOptions\n} from '@microsoft/fast-foundation';\nimport { AnchorBase } from '../anchor-base';\nimport { styles } from './styles';\nimport { template } from './template';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-anchor-tab': AnchorTab;\n    }\n}\n\nexport type TabOptions = FoundationElementDefinition & StartEndOptions;\n\n/**\n * A nimble-styled link tab\n */\nexport class AnchorTab extends AnchorBase {\n    /**\n     * When true, the control will be immutable by user interaction. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled | disabled HTML attribute} for more information.\n     * @public\n     * @remarks\n     * HTML Attribute: disabled\n     */\n    @attr({ mode: 'boolean' })\n    public disabled = false;\n\n    /**\n     * Indicates the current \"selected\" state of various widgets.\n     * {@link https://www.w3.org/TR/wai-aria-1.1/#aria-selected}\n     *\n     * @public\n     * @remarks\n     * HTML Attribute: aria-selected\n     */\n    @attr({ attribute: 'aria-selected' })\n    public override ariaSelected = 'false';\n}\n\n// FoundationAnchor already applies the StartEnd mixin, so we don't need to do it here.\n\nconst nimbleAnchorTab = AnchorTab.compose({\n    baseName: 'anchor-tab',\n    template,\n    styles,\n    shadowOptions: {\n        delegatesFocus: true\n    }\n});\n\nDesignSystem.getOrCreate().withPrefix('nimble').register(nimbleAnchorTab());\nexport const anchorTabTag = 'nimble-anchor-tab';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/anchor-tab/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EACH,YAAY,EAGf,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAUtC;;GAEG;AACH,MAAM,OAAO,SAAU,SAAQ,UAAU;IAAzC;;QACI;;;;;WAKG;QAEI,aAAQ,GAAG,KAAK,CAAC;QAExB;;;;;;;WAOG;QAEa,iBAAY,GAAG,OAAO,CAAC;IAC3C,CAAC;CAAA;AAZU;IADN,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;2CACF;AAWR;IADf,IAAI,CAAC,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC;+CACE;AAG3C,uFAAuF;AAEvF,MAAM,eAAe,GAAG,SAAS,CAAC,OAAO,CAAC;IACtC,QAAQ,EAAE,YAAY;IACtB,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,eAAe,EAAE,CAAC,CAAC;AAC5E,MAAM,CAAC,MAAM,YAAY,GAAG,mBAAmB,CAAC","sourcesContent":["import { attr } from '@ni/fast-element';\nimport {\n    DesignSystem,\n    type FoundationElementDefinition,\n    type StartEndOptions\n} from '@ni/fast-foundation';\nimport { AnchorBase } from '../anchor-base';\nimport { styles } from './styles';\nimport { template } from './template';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-anchor-tab': AnchorTab;\n    }\n}\n\nexport type TabOptions = FoundationElementDefinition & StartEndOptions;\n\n/**\n * A nimble-styled link tab\n */\nexport class AnchorTab extends AnchorBase {\n    /**\n     * When true, the control will be immutable by user interaction. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled | disabled HTML attribute} for more information.\n     * @public\n     * @remarks\n     * HTML Attribute: disabled\n     */\n    @attr({ mode: 'boolean' })\n    public disabled = false;\n\n    /**\n     * Indicates the current \"selected\" state of various widgets.\n     * {@link https://www.w3.org/TR/wai-aria-1.1/#aria-selected}\n     *\n     * @public\n     * @remarks\n     * HTML Attribute: aria-selected\n     */\n    @attr({ attribute: 'aria-selected' })\n    public override ariaSelected = 'false';\n}\n\n// FoundationAnchor already applies the StartEnd mixin, so we don't need to do it here.\n\nconst nimbleAnchorTab = AnchorTab.compose({\n    baseName: 'anchor-tab',\n    template,\n    styles,\n    shadowOptions: {\n        delegatesFocus: true\n    }\n});\n\nDesignSystem.getOrCreate().withPrefix('nimble').register(nimbleAnchorTab());\nexport const anchorTabTag = 'nimble-anchor-tab';\n"]}

package/dist/esm/anchor-tab/styles.d.ts

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

package/dist/esm/anchor-tab/styles.js

@@ -1,4 +1,4 @@
-import { css } from '@microsoft/fast-element';
+import { css } from '@ni/fast-element';
 import { display } from '../utilities/style/display';
 import { focusVisible } from '../utilities/style/focus';
 import { bodyDisabledFontColor, bodyFontColor, borderHoverColor, borderWidth, buttonLabelFont, controlHeight, fillHoverColor, fillHoverSelectedColor, smallDelay, mediumPadding, standardPadding } from '../theme-provider/design-tokens';

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

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

package/dist/esm/anchor-tab/template.d.ts

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

package/dist/esm/anchor-tab/template.js

@@ -1,5 +1,5 @@
-import { html, ViewTemplate } from '@microsoft/fast-element';
-import { endSlotTemplate, startSlotTemplate } from '@microsoft/fast-foundation';
+import { html, ViewTemplate } from '@ni/fast-element';
+import { endSlotTemplate, startSlotTemplate } from '@ni/fast-foundation';
 export const template = (context, definition) => html `
     <template slot="anchortab" role="tab" aria-disabled="${x => x.disabled}">
         <a

package/dist/esm/anchor-tab/template.js.map

@@ -1 +1 @@
-{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../src/anchor-tab/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EACH,eAAe,EAEf,iBAAiB,EACpB,MAAM,4BAA4B,CAAC;AAGpC,MAAM,CAAC,MAAM,QAAQ,GAGjB,CAAC,OAAO,EAAE,UAAU,EAAE,EAAE,CAAC,IAAI,CAAW;2DACe,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;;wBAElD,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;mBACpB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;wBAC5B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;oBACnB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;8BACD,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc;mBAChC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG;sBACP,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM;oBACf,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;;cAEjB,iBAAiB,CAAC,OAAO,EAAE,UAAU,CAAC;;cAEtC,eAAe,CAAC,OAAO,EAAE,UAAU,CAAC;;;CAGjD,CAAC","sourcesContent":["import { html, ViewTemplate } from '@microsoft/fast-element';\nimport {\n    endSlotTemplate,\n    type FoundationElementTemplate,\n    startSlotTemplate\n} from '@microsoft/fast-foundation';\nimport type { AnchorTab, TabOptions } from '.';\n\nexport const template: FoundationElementTemplate<\nViewTemplate<AnchorTab>,\nTabOptions\n> = (context, definition) => html<AnchorTab>`\n    <template slot=\"anchortab\" role=\"tab\" aria-disabled=\"${x => x.disabled}\">\n        <a\n            download=\"${x => x.download}\"\n            href=${x => (x.disabled ? null : x.href)}\n            hreflang=\"${x => x.hreflang}\"\n            ping=\"${x => x.ping}\"\n            referrerpolicy=\"${x => x.referrerpolicy}\"\n            rel=\"${x => x.rel}\"\n            target=\"${x => x.target}\"\n            type=\"${x => x.type}\"\n        >\n            ${startSlotTemplate(context, definition)}\n            <slot></slot>\n            ${endSlotTemplate(context, definition)}\n        </a>\n    </template>\n`;\n"]}
+{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../src/anchor-tab/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EACH,eAAe,EAEf,iBAAiB,EACpB,MAAM,qBAAqB,CAAC;AAG7B,MAAM,CAAC,MAAM,QAAQ,GAGjB,CAAC,OAAO,EAAE,UAAU,EAAE,EAAE,CAAC,IAAI,CAAW;2DACe,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;;wBAElD,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;mBACpB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;wBAC5B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;oBACnB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;8BACD,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc;mBAChC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG;sBACP,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM;oBACf,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;;cAEjB,iBAAiB,CAAC,OAAO,EAAE,UAAU,CAAC;;cAEtC,eAAe,CAAC,OAAO,EAAE,UAAU,CAAC;;;CAGjD,CAAC","sourcesContent":["import { html, ViewTemplate } from '@ni/fast-element';\nimport {\n    endSlotTemplate,\n    type FoundationElementTemplate,\n    startSlotTemplate\n} from '@ni/fast-foundation';\nimport type { AnchorTab, TabOptions } from '.';\n\nexport const template: FoundationElementTemplate<\nViewTemplate<AnchorTab>,\nTabOptions\n> = (context, definition) => html<AnchorTab>`\n    <template slot=\"anchortab\" role=\"tab\" aria-disabled=\"${x => x.disabled}\">\n        <a\n            download=\"${x => x.download}\"\n            href=${x => (x.disabled ? null : x.href)}\n            hreflang=\"${x => x.hreflang}\"\n            ping=\"${x => x.ping}\"\n            referrerpolicy=\"${x => x.referrerpolicy}\"\n            rel=\"${x => x.rel}\"\n            target=\"${x => x.target}\"\n            type=\"${x => x.type}\"\n        >\n            ${startSlotTemplate(context, definition)}\n            <slot></slot>\n            ${endSlotTemplate(context, definition)}\n        </a>\n    </template>\n`;\n"]}

package/dist/esm/anchor-tabs/index.d.ts

@@ -1,4 +1,4 @@
-import { type StartEndOptions, type FoundationElementDefinition, FoundationElement } from '@microsoft/fast-foundation';
+import { type StartEndOptions, type FoundationElementDefinition, FoundationElement } from '@ni/fast-foundation';
 import type { TabsOwner } from '../patterns/tabs/types';
 declare global {
     interface HTMLElementTagNameMap {

package/dist/esm/anchor-tabs/index.js

@@ -9,9 +9,9 @@ import { __decorate } from "tslib";
 // - Removed support for vertical tab orientation
 // - Removed change event
 // - Conforms to our linter rules
-import { attr, observable } from '@microsoft/fast-element';
-import { keyArrowLeft, keyArrowRight, keyEnd, keyEnter, keyHome, keySpace, uniqueId } from '@microsoft/fast-web-utilities';
-import { DesignSystem, StartEnd, applyMixins, FoundationElement } from '@microsoft/fast-foundation';
+import { attr, observable } from '@ni/fast-element';
+import { keyArrowLeft, keyArrowRight, keyEnd, keyEnter, keyHome, keySpace, uniqueId } from '@ni/fast-web-utilities';
+import { DesignSystem, StartEnd, applyMixins, FoundationElement } from '@ni/fast-foundation';
 import { styles } from '../patterns/tabs/styles';
 import { template } from '../patterns/tabs/template';
 /**

package/dist/esm/anchor-tabs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/anchor-tabs/index.ts"],"names":[],"mappings":"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","sourcesContent":["// Based on:\n// https://github.com/microsoft/fast/blob/6bce27d0b2d654650b8751bf055f5e3b5a4f9250/packages/web-components/fast-foundation/src/tabs/tabs.ts\n// The code is heavily modified such that a diff against the original is useless.\n// Primary differences are:\n// - Reimplemented active tab indicator and removed attribute to disable it\n// - Separated tab focus and tab selection, i.e. can focus a different tab than the selected one\n// - Removed everything related to tab panels\n// - Removed support for vertical tab orientation\n// - Removed change event\n// - Conforms to our linter rules\nimport { attr, observable } from '@microsoft/fast-element';\nimport {\n    keyArrowLeft,\n    keyArrowRight,\n    keyEnd,\n    keyEnter,\n    keyHome,\n    keySpace,\n    uniqueId\n} from '@microsoft/fast-web-utilities';\nimport {\n    DesignSystem,\n    StartEnd,\n    applyMixins,\n    type StartEndOptions,\n    type FoundationElementDefinition,\n    FoundationElement\n} from '@microsoft/fast-foundation';\nimport { styles } from '../patterns/tabs/styles';\nimport { template } from '../patterns/tabs/template';\nimport type { AnchorTab } from '../anchor-tab';\nimport type { TabsOwner } from '../patterns/tabs/types';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-anchor-tabs': AnchorTabs;\n    }\n}\n\nexport type TabsOptions = FoundationElementDefinition & StartEndOptions;\n\n/**\n * A nimble-styled set of anchor tabs\n */\nexport class AnchorTabs extends FoundationElement implements TabsOwner {\n    /**\n     * The id of the active tab\n     *\n     * @public\n     * @remarks\n     * HTML Attribute: activeid\n     */\n    @attr\n    public activeid?: string;\n\n    /**\n     * @internal\n     */\n    @observable\n    public tabs!: HTMLElement[];\n\n    /**\n     * @internal\n     */\n    @observable\n    public showScrollButtons = false;\n\n    /**\n     * A reference to the active tab\n     * @public\n     */\n    public activetab?: HTMLElement;\n\n    /**\n     * A reference to the tablist div\n     * @internal\n     */\n    public tablist!: HTMLElement;\n\n    /**\n     * @internal\n     */\n    public readonly leftScrollButton?: HTMLElement;\n\n    /**\n     * @internal\n     */\n    public readonly tabSlotName = 'anchortab';\n\n    private readonly tabListResizeObserver: ResizeObserver;\n    private tabIds: string[] = [];\n\n    public constructor() {\n        super();\n        this.tabListResizeObserver = new ResizeObserver(entries => {\n            let tabListVisibleWidth = entries[0]?.contentRect.width;\n            if (tabListVisibleWidth !== undefined) {\n                const buttonWidth = this.leftScrollButton?.clientWidth ?? 0;\n                tabListVisibleWidth = Math.ceil(tabListVisibleWidth);\n                if (this.showScrollButtons) {\n                    tabListVisibleWidth += buttonWidth * 2;\n                }\n                this.showScrollButtons = tabListVisibleWidth < this.tablist.scrollWidth;\n            }\n        });\n    }\n\n    /**\n     * @internal\n     */\n    public activeidChanged(_oldValue: string, _newValue: string): void {\n        if (this.$fastController.isConnected) {\n            this.setTabs();\n            this.activetab?.scrollIntoView({\n                block: 'nearest',\n                inline: 'start'\n            });\n        }\n    }\n\n    /**\n     * @internal\n     */\n    public tabsChanged(): void {\n        if (this.$fastController.isConnected) {\n            this.tabIds = this.getTabIds();\n            this.setTabs();\n        }\n    }\n\n    /**\n     * @internal\n     */\n    public onScrollLeftClick(): void {\n        this.tablist.scrollBy({\n            left: -this.tablist.clientWidth,\n            behavior: 'smooth'\n        });\n    }\n\n    /**\n     * @internal\n     */\n    public onScrollRightClick(): void {\n        this.tablist.scrollBy({\n            left: this.tablist.clientWidth,\n            behavior: 'smooth'\n        });\n    }\n\n    /**\n     * @internal\n     */\n    public override connectedCallback(): void {\n        super.connectedCallback();\n        this.tabListResizeObserver.observe(this.tablist);\n        this.tabIds = this.getTabIds();\n    }\n\n    /**\n     * @internal\n     */\n    public override disconnectedCallback(): void {\n        super.disconnectedCallback();\n        this.tabListResizeObserver.disconnect();\n    }\n\n    private readonly isDisabledElement = (el: Element): el is HTMLElement => {\n        return el.getAttribute('aria-disabled') === 'true';\n    };\n\n    private readonly isHiddenElement = (el: Element): el is HTMLElement => {\n        return el.hasAttribute('hidden');\n    };\n\n    private readonly isFocusableElement = (el: Element): el is HTMLElement => {\n        return !this.isDisabledElement(el) && !this.isHiddenElement(el);\n    };\n\n    private readonly setTabs = (): void => {\n        const gridHorizontalProperty = 'gridColumn';\n        const gridVerticalProperty = 'gridRow';\n\n        this.activetab = undefined;\n        let firstFocusableTab: HTMLElement | undefined;\n        this.tabs.forEach((tab: HTMLElement, index: number) => {\n            const tabId: string = this.tabIds[index]!;\n            const isActiveTab = this.activeid === tabId;\n            if (!firstFocusableTab && this.isFocusableElement(tab)) {\n                firstFocusableTab = tab;\n            }\n            const isTabStop = this.activeid === tabId && this.isFocusableElement(tab);\n            tab.setAttribute('id', tabId);\n            if (isActiveTab) {\n                tab.setAttribute('aria-current', 'page');\n            } else {\n                tab.removeAttribute('aria-current');\n            }\n            tab.removeEventListener('click', this.handleTabClick);\n            tab.addEventListener('click', this.handleTabClick);\n            tab.removeEventListener('keydown', this.handleTabKeyDown);\n            tab.addEventListener('keydown', this.handleTabKeyDown);\n            tab.setAttribute('tabindex', isTabStop ? '0' : '-1');\n            if (isActiveTab) {\n                this.activetab = tab;\n            }\n\n            tab.style[gridVerticalProperty] = '';\n            tab.style[gridHorizontalProperty] = `${index + 1}`;\n        });\n\n        if (\n            firstFocusableTab\n            && (!this.activetab || !this.isFocusableElement(this.activetab))\n        ) {\n            firstFocusableTab.setAttribute('tabindex', '0');\n        }\n    };\n\n    private getTabIds(): string[] {\n        return this.tabs.map((tab: HTMLElement) => {\n            return tab.getAttribute('id') ?? `tab-${uniqueId()}`;\n        });\n    }\n\n    private readonly handleTabClick = (event: MouseEvent): void => {\n        const selectedTab = event.currentTarget as HTMLElement;\n        if (\n            selectedTab.nodeType === 1\n            && this.isFocusableElement(selectedTab)\n        ) {\n            this.tabs.forEach((tab: HTMLElement) => {\n                tab.setAttribute('tabindex', tab === selectedTab ? '0' : '-1');\n            });\n        }\n    };\n\n    private readonly handleTabKeyDown = (event: KeyboardEvent): void => {\n        let anchor;\n        switch (event.key) {\n            case keyArrowLeft:\n                event.preventDefault();\n                this.adjustBackward();\n                break;\n            case keyArrowRight:\n                event.preventDefault();\n                this.adjustForward();\n                break;\n            case keyHome:\n                event.preventDefault();\n                this.focusFirstOrLast(false);\n                break;\n            case keyEnd:\n                event.preventDefault();\n                this.focusFirstOrLast(true);\n                break;\n            case keySpace:\n            case keyEnter:\n                event.preventDefault();\n                this.getTabAnchor(event.target as AnchorTab).click();\n                break;\n            case 'ContextMenu':\n                event.preventDefault();\n                anchor = this.getTabAnchor(event.target as AnchorTab);\n                anchor.focus();\n                anchor.dispatchEvent(\n                    new KeyboardEvent('keydown', {\n                        key: event.key,\n                        bubbles: false\n                    })\n                );\n                break;\n            default:\n            // do nothing\n        }\n    };\n\n    private focusFirstOrLast(focusLast: boolean): void {\n        const focusableTabs = this.tabs.filter(t => this.isFocusableElement(t));\n        const focusableIndex = focusLast ? focusableTabs.length - 1 : 0;\n        const index = this.tabs.indexOf(focusableTabs[focusableIndex]!);\n        if (index > -1) {\n            this.focusTabByIndex(this.tabs, index);\n        }\n    }\n\n    private readonly adjustForward = (): void => {\n        const group: HTMLElement[] = this.tabs;\n        let index = 0;\n        const focusedTab = group.find(x => x === document.activeElement);\n\n        index = focusedTab ? group.indexOf(focusedTab) + 1 : 1;\n        if (index === group.length) {\n            index = 0;\n        }\n\n        while (index < group.length && group.length > 1) {\n            if (this.isFocusableElement(group[index]!)) {\n                this.focusTabByIndex(group, index);\n                break;\n            } else if (focusedTab && index === group.indexOf(focusedTab)) {\n                break;\n            } else if (index + 1 >= group.length) {\n                index = 0;\n            } else {\n                index += 1;\n            }\n        }\n    };\n\n    private readonly adjustBackward = (): void => {\n        const group: HTMLElement[] = this.tabs;\n        let index = 0;\n        const focusedTab = group.find(x => x === document.activeElement);\n\n        index = focusedTab ? group.indexOf(focusedTab) - 1 : 0;\n        index = index < 0 ? group.length - 1 : index;\n\n        while (index >= 0 && group.length > 1) {\n            if (this.isFocusableElement(group[index]!)) {\n                this.focusTabByIndex(group, index);\n                break;\n            } else if (index - 1 < 0) {\n                index = group.length - 1;\n            } else {\n                index -= 1;\n            }\n        }\n    };\n\n    private readonly focusTabByIndex = (\n        group: HTMLElement[],\n        index: number\n    ): void => {\n        const focusedTab: HTMLElement = group[index]!;\n        focusedTab.focus();\n\n        this.tabs.forEach((tab: HTMLElement) => {\n            tab.setAttribute('tabindex', tab === focusedTab ? '0' : '-1');\n            tab.setAttribute(\n                'aria-selected',\n                tab === focusedTab ? 'true' : 'false'\n            );\n        });\n\n        focusedTab.scrollIntoView({ block: 'nearest', inline: 'start' });\n    };\n\n    private getTabAnchor(tab: AnchorTab): HTMLAnchorElement {\n        return tab.shadowRoot!.querySelector('a')!;\n    }\n}\napplyMixins(AnchorTabs, StartEnd);\n\nconst nimbleAnchorTabs = AnchorTabs.compose<TabsOptions>({\n    baseName: 'anchor-tabs',\n    template,\n    styles,\n    shadowOptions: {\n        delegatesFocus: false\n    }\n});\n\nDesignSystem.getOrCreate().withPrefix('nimble').register(nimbleAnchorTabs());\nexport const anchorTabsTag = 'nimble-anchor-tabs';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/anchor-tabs/index.ts"],"names":[],"mappings":"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","sourcesContent":["// Based on:\n// https://github.com/microsoft/fast/blob/6bce27d0b2d654650b8751bf055f5e3b5a4f9250/packages/web-components/fast-foundation/src/tabs/tabs.ts\n// The code is heavily modified such that a diff against the original is useless.\n// Primary differences are:\n// - Reimplemented active tab indicator and removed attribute to disable it\n// - Separated tab focus and tab selection, i.e. can focus a different tab than the selected one\n// - Removed everything related to tab panels\n// - Removed support for vertical tab orientation\n// - Removed change event\n// - Conforms to our linter rules\nimport { attr, observable } from '@ni/fast-element';\nimport {\n    keyArrowLeft,\n    keyArrowRight,\n    keyEnd,\n    keyEnter,\n    keyHome,\n    keySpace,\n    uniqueId\n} from '@ni/fast-web-utilities';\nimport {\n    DesignSystem,\n    StartEnd,\n    applyMixins,\n    type StartEndOptions,\n    type FoundationElementDefinition,\n    FoundationElement\n} from '@ni/fast-foundation';\nimport { styles } from '../patterns/tabs/styles';\nimport { template } from '../patterns/tabs/template';\nimport type { AnchorTab } from '../anchor-tab';\nimport type { TabsOwner } from '../patterns/tabs/types';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-anchor-tabs': AnchorTabs;\n    }\n}\n\nexport type TabsOptions = FoundationElementDefinition & StartEndOptions;\n\n/**\n * A nimble-styled set of anchor tabs\n */\nexport class AnchorTabs extends FoundationElement implements TabsOwner {\n    /**\n     * The id of the active tab\n     *\n     * @public\n     * @remarks\n     * HTML Attribute: activeid\n     */\n    @attr\n    public activeid?: string;\n\n    /**\n     * @internal\n     */\n    @observable\n    public tabs!: HTMLElement[];\n\n    /**\n     * @internal\n     */\n    @observable\n    public showScrollButtons = false;\n\n    /**\n     * A reference to the active tab\n     * @public\n     */\n    public activetab?: HTMLElement;\n\n    /**\n     * A reference to the tablist div\n     * @internal\n     */\n    public tablist!: HTMLElement;\n\n    /**\n     * @internal\n     */\n    public readonly leftScrollButton?: HTMLElement;\n\n    /**\n     * @internal\n     */\n    public readonly tabSlotName = 'anchortab';\n\n    private readonly tabListResizeObserver: ResizeObserver;\n    private tabIds: string[] = [];\n\n    public constructor() {\n        super();\n        this.tabListResizeObserver = new ResizeObserver(entries => {\n            let tabListVisibleWidth = entries[0]?.contentRect.width;\n            if (tabListVisibleWidth !== undefined) {\n                const buttonWidth = this.leftScrollButton?.clientWidth ?? 0;\n                tabListVisibleWidth = Math.ceil(tabListVisibleWidth);\n                if (this.showScrollButtons) {\n                    tabListVisibleWidth += buttonWidth * 2;\n                }\n                this.showScrollButtons = tabListVisibleWidth < this.tablist.scrollWidth;\n            }\n        });\n    }\n\n    /**\n     * @internal\n     */\n    public activeidChanged(_oldValue: string, _newValue: string): void {\n        if (this.$fastController.isConnected) {\n            this.setTabs();\n            this.activetab?.scrollIntoView({\n                block: 'nearest',\n                inline: 'start'\n            });\n        }\n    }\n\n    /**\n     * @internal\n     */\n    public tabsChanged(): void {\n        if (this.$fastController.isConnected) {\n            this.tabIds = this.getTabIds();\n            this.setTabs();\n        }\n    }\n\n    /**\n     * @internal\n     */\n    public onScrollLeftClick(): void {\n        this.tablist.scrollBy({\n            left: -this.tablist.clientWidth,\n            behavior: 'smooth'\n        });\n    }\n\n    /**\n     * @internal\n     */\n    public onScrollRightClick(): void {\n        this.tablist.scrollBy({\n            left: this.tablist.clientWidth,\n            behavior: 'smooth'\n        });\n    }\n\n    /**\n     * @internal\n     */\n    public override connectedCallback(): void {\n        super.connectedCallback();\n        this.tabListResizeObserver.observe(this.tablist);\n        this.tabIds = this.getTabIds();\n    }\n\n    /**\n     * @internal\n     */\n    public override disconnectedCallback(): void {\n        super.disconnectedCallback();\n        this.tabListResizeObserver.disconnect();\n    }\n\n    private readonly isDisabledElement = (el: Element): el is HTMLElement => {\n        return el.getAttribute('aria-disabled') === 'true';\n    };\n\n    private readonly isHiddenElement = (el: Element): el is HTMLElement => {\n        return el.hasAttribute('hidden');\n    };\n\n    private readonly isFocusableElement = (el: Element): el is HTMLElement => {\n        return !this.isDisabledElement(el) && !this.isHiddenElement(el);\n    };\n\n    private readonly setTabs = (): void => {\n        const gridHorizontalProperty = 'gridColumn';\n        const gridVerticalProperty = 'gridRow';\n\n        this.activetab = undefined;\n        let firstFocusableTab: HTMLElement | undefined;\n        this.tabs.forEach((tab: HTMLElement, index: number) => {\n            const tabId: string = this.tabIds[index]!;\n            const isActiveTab = this.activeid === tabId;\n            if (!firstFocusableTab && this.isFocusableElement(tab)) {\n                firstFocusableTab = tab;\n            }\n            const isTabStop = this.activeid === tabId && this.isFocusableElement(tab);\n            tab.setAttribute('id', tabId);\n            if (isActiveTab) {\n                tab.setAttribute('aria-current', 'page');\n            } else {\n                tab.removeAttribute('aria-current');\n            }\n            tab.removeEventListener('click', this.handleTabClick);\n            tab.addEventListener('click', this.handleTabClick);\n            tab.removeEventListener('keydown', this.handleTabKeyDown);\n            tab.addEventListener('keydown', this.handleTabKeyDown);\n            tab.setAttribute('tabindex', isTabStop ? '0' : '-1');\n            if (isActiveTab) {\n                this.activetab = tab;\n            }\n\n            tab.style[gridVerticalProperty] = '';\n            tab.style[gridHorizontalProperty] = `${index + 1}`;\n        });\n\n        if (\n            firstFocusableTab\n            && (!this.activetab || !this.isFocusableElement(this.activetab))\n        ) {\n            firstFocusableTab.setAttribute('tabindex', '0');\n        }\n    };\n\n    private getTabIds(): string[] {\n        return this.tabs.map((tab: HTMLElement) => {\n            return tab.getAttribute('id') ?? `tab-${uniqueId()}`;\n        });\n    }\n\n    private readonly handleTabClick = (event: MouseEvent): void => {\n        const selectedTab = event.currentTarget as HTMLElement;\n        if (\n            selectedTab.nodeType === 1\n            && this.isFocusableElement(selectedTab)\n        ) {\n            this.tabs.forEach((tab: HTMLElement) => {\n                tab.setAttribute('tabindex', tab === selectedTab ? '0' : '-1');\n            });\n        }\n    };\n\n    private readonly handleTabKeyDown = (event: KeyboardEvent): void => {\n        let anchor;\n        switch (event.key) {\n            case keyArrowLeft:\n                event.preventDefault();\n                this.adjustBackward();\n                break;\n            case keyArrowRight:\n                event.preventDefault();\n                this.adjustForward();\n                break;\n            case keyHome:\n                event.preventDefault();\n                this.focusFirstOrLast(false);\n                break;\n            case keyEnd:\n                event.preventDefault();\n                this.focusFirstOrLast(true);\n                break;\n            case keySpace:\n            case keyEnter:\n                event.preventDefault();\n                this.getTabAnchor(event.target as AnchorTab).click();\n                break;\n            case 'ContextMenu':\n                event.preventDefault();\n                anchor = this.getTabAnchor(event.target as AnchorTab);\n                anchor.focus();\n                anchor.dispatchEvent(\n                    new KeyboardEvent('keydown', {\n                        key: event.key,\n                        bubbles: false\n                    })\n                );\n                break;\n            default:\n            // do nothing\n        }\n    };\n\n    private focusFirstOrLast(focusLast: boolean): void {\n        const focusableTabs = this.tabs.filter(t => this.isFocusableElement(t));\n        const focusableIndex = focusLast ? focusableTabs.length - 1 : 0;\n        const index = this.tabs.indexOf(focusableTabs[focusableIndex]!);\n        if (index > -1) {\n            this.focusTabByIndex(this.tabs, index);\n        }\n    }\n\n    private readonly adjustForward = (): void => {\n        const group: HTMLElement[] = this.tabs;\n        let index = 0;\n        const focusedTab = group.find(x => x === document.activeElement);\n\n        index = focusedTab ? group.indexOf(focusedTab) + 1 : 1;\n        if (index === group.length) {\n            index = 0;\n        }\n\n        while (index < group.length && group.length > 1) {\n            if (this.isFocusableElement(group[index]!)) {\n                this.focusTabByIndex(group, index);\n                break;\n            } else if (focusedTab && index === group.indexOf(focusedTab)) {\n                break;\n            } else if (index + 1 >= group.length) {\n                index = 0;\n            } else {\n                index += 1;\n            }\n        }\n    };\n\n    private readonly adjustBackward = (): void => {\n        const group: HTMLElement[] = this.tabs;\n        let index = 0;\n        const focusedTab = group.find(x => x === document.activeElement);\n\n        index = focusedTab ? group.indexOf(focusedTab) - 1 : 0;\n        index = index < 0 ? group.length - 1 : index;\n\n        while (index >= 0 && group.length > 1) {\n            if (this.isFocusableElement(group[index]!)) {\n                this.focusTabByIndex(group, index);\n                break;\n            } else if (index - 1 < 0) {\n                index = group.length - 1;\n            } else {\n                index -= 1;\n            }\n        }\n    };\n\n    private readonly focusTabByIndex = (\n        group: HTMLElement[],\n        index: number\n    ): void => {\n        const focusedTab: HTMLElement = group[index]!;\n        focusedTab.focus();\n\n        this.tabs.forEach((tab: HTMLElement) => {\n            tab.setAttribute('tabindex', tab === focusedTab ? '0' : '-1');\n            tab.setAttribute(\n                'aria-selected',\n                tab === focusedTab ? 'true' : 'false'\n            );\n        });\n\n        focusedTab.scrollIntoView({ block: 'nearest', inline: 'start' });\n    };\n\n    private getTabAnchor(tab: AnchorTab): HTMLAnchorElement {\n        return tab.shadowRoot!.querySelector('a')!;\n    }\n}\napplyMixins(AnchorTabs, StartEnd);\n\nconst nimbleAnchorTabs = AnchorTabs.compose<TabsOptions>({\n    baseName: 'anchor-tabs',\n    template,\n    styles,\n    shadowOptions: {\n        delegatesFocus: false\n    }\n});\n\nDesignSystem.getOrCreate().withPrefix('nimble').register(nimbleAnchorTabs());\nexport const anchorTabsTag = 'nimble-anchor-tabs';\n"]}

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

@@ -1,7 +1,7 @@
 import { __decorate } from "tslib";
-import { attr } from '@microsoft/fast-element';
-import { DesignSystem, isTreeItemElement, TreeItem as FoundationTreeItem } from '@microsoft/fast-foundation';
-import { keyArrowLeft, keyEnter } from '@microsoft/fast-web-utilities';
+import { attr } from '@ni/fast-element';
+import { DesignSystem, isTreeItemElement, TreeItem as FoundationTreeItem } from '@ni/fast-foundation';
+import { keyArrowLeft, keyEnter } from '@ni/fast-web-utilities';
 import { AnchorBase } from '../anchor-base';
 import { styles } from './styles';
 import { template } from './template';