@ni/nimble-components 32.13.0 → 33.0.1

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

@@ -1 +1 @@
-{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../src/card/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAG/C,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAM;;;;;CAKjC,CAAC","sourcesContent":["import { html } from '@microsoft/fast-element';\nimport type { Card } from '.';\n\nexport const template = html<Card>`\n    <section aria-labelledby=\"title-slot\">\n        <span id=\"title-slot\"><slot name=\"title\"></slot></span>\n        <slot></slot>\n    </section>\n`;\n"]}
+{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../src/card/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAGxC,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAM;;;;;CAKjC,CAAC","sourcesContent":["import { html } from '@ni/fast-element';\nimport type { Card } from '.';\n\nexport const template = html<Card>`\n    <section aria-labelledby=\"title-slot\">\n        <span id=\"title-slot\"><slot name=\"title\"></slot></span>\n        <slot></slot>\n    </section>\n`;\n"]}

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

@@ -1,4 +1,4 @@
-import { Button as FoundationButton } from '@microsoft/fast-foundation';
+import { Button as FoundationButton } from '@ni/fast-foundation';
 declare global {
     interface HTMLElementTagNameMap {
         'nimble-card-button': CardButton;

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

@@ -1,6 +1,6 @@
 import { __decorate } from "tslib";
-import { attr } from '@microsoft/fast-element';
-import { Button as FoundationButton, buttonTemplate as template, DesignSystem } from '@microsoft/fast-foundation';
+import { attr } from '@ni/fast-element';
+import { Button as FoundationButton, buttonTemplate as template, DesignSystem } from '@ni/fast-foundation';
 import { styles } from './styles';
 /**
  * A nimble-styled card button
@@ -21,7 +21,7 @@ __decorate([
 ], CardButton.prototype, "selected", void 0);
 /**
  * A function that returns a nimble-card-button registration for configuring the component with a DesignSystem.
- * Implements {@link @microsoft/fast-foundation#buttonTemplate}
+ * Implements {@link @ni/fast-foundation#buttonTemplate}
  *
  * @public
  * @remarks

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/card-button/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EACH,MAAM,IAAI,gBAAgB,EAC1B,cAAc,IAAI,QAAQ,EAC1B,YAAY,EACf,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAQlC;;GAEG;AACH,MAAM,OAAO,UAAW,SAAQ,gBAAgB;IAAhD;;QACI;;;;WAIG;QAEI,aAAQ,GAAG,KAAK,CAAC;IAC5B,CAAC;CAAA;AADU;IADN,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;4CACF;AAG5B;;;;;;;;GAQG;AACH,MAAM,gBAAgB,GAAG,UAAU,CAAC,OAAO,CAAC;IACxC,QAAQ,EAAE,aAAa;IACvB,QAAQ;IACR,MAAM;IACN,aAAa,EAAE;QACX,cAAc,EAAE,IAAI;KACvB;CACJ,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,gBAAgB,EAAE,CAAC,CAAC;AAC7E,MAAM,CAAC,MAAM,aAAa,GAAG,oBAAoB,CAAC","sourcesContent":["import { attr } from '@microsoft/fast-element';\nimport {\n    Button as FoundationButton,\n    buttonTemplate as template,\n    DesignSystem\n} from '@microsoft/fast-foundation';\nimport { styles } from './styles';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-card-button': CardButton;\n    }\n}\n\n/**\n * A nimble-styled card button\n */\nexport class CardButton extends FoundationButton {\n    /**\n     * @public\n     * @remarks\n     * HTML Attribute: selected\n     */\n    @attr({ mode: 'boolean' })\n    public selected = false;\n}\n\n/**\n * A function that returns a nimble-card-button registration for configuring the component with a DesignSystem.\n * Implements {@link @microsoft/fast-foundation#buttonTemplate}\n *\n * @public\n * @remarks\n * Generates HTML Element: \\<nimble-card-button\\>\n *\n */\nconst nimbleCardButton = CardButton.compose({\n    baseName: 'card-button',\n    template,\n    styles,\n    shadowOptions: {\n        delegatesFocus: true\n    }\n});\n\nDesignSystem.getOrCreate().withPrefix('nimble').register(nimbleCardButton());\nexport const cardButtonTag = 'nimble-card-button';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/card-button/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EACH,MAAM,IAAI,gBAAgB,EAC1B,cAAc,IAAI,QAAQ,EAC1B,YAAY,EACf,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAQlC;;GAEG;AACH,MAAM,OAAO,UAAW,SAAQ,gBAAgB;IAAhD;;QACI;;;;WAIG;QAEI,aAAQ,GAAG,KAAK,CAAC;IAC5B,CAAC;CAAA;AADU;IADN,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;4CACF;AAG5B;;;;;;;;GAQG;AACH,MAAM,gBAAgB,GAAG,UAAU,CAAC,OAAO,CAAC;IACxC,QAAQ,EAAE,aAAa;IACvB,QAAQ;IACR,MAAM;IACN,aAAa,EAAE;QACX,cAAc,EAAE,IAAI;KACvB;CACJ,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,gBAAgB,EAAE,CAAC,CAAC;AAC7E,MAAM,CAAC,MAAM,aAAa,GAAG,oBAAoB,CAAC","sourcesContent":["import { attr } from '@ni/fast-element';\nimport {\n    Button as FoundationButton,\n    buttonTemplate as template,\n    DesignSystem\n} from '@ni/fast-foundation';\nimport { styles } from './styles';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-card-button': CardButton;\n    }\n}\n\n/**\n * A nimble-styled card button\n */\nexport class CardButton extends FoundationButton {\n    /**\n     * @public\n     * @remarks\n     * HTML Attribute: selected\n     */\n    @attr({ mode: 'boolean' })\n    public selected = false;\n}\n\n/**\n * A function that returns a nimble-card-button registration for configuring the component with a DesignSystem.\n * Implements {@link @ni/fast-foundation#buttonTemplate}\n *\n * @public\n * @remarks\n * Generates HTML Element: \\<nimble-card-button\\>\n *\n */\nconst nimbleCardButton = CardButton.compose({\n    baseName: 'card-button',\n    template,\n    styles,\n    shadowOptions: {\n        delegatesFocus: true\n    }\n});\n\nDesignSystem.getOrCreate().withPrefix('nimble').register(nimbleCardButton());\nexport const cardButtonTag = 'nimble-card-button';\n"]}

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

@@ -1,4 +1,4 @@
-import { css } from '@microsoft/fast-element';
+import { css } from '@ni/fast-element';
 import { Black, Black15, Black91, White } from '@ni/nimble-tokens/dist/styledictionary/js/tokens';
 import { display } from '../utilities/style/display';
 import { focusVisible } from '../utilities/style/focus';

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/card-button/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EACH,KAAK,EACL,OAAO,EACP,OAAO,EACP,KAAK,EACR,MAAM,kDAAkD,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAExD,OAAO,EACH,WAAW,EACX,UAAU,EACV,eAAe,EACf,oBAAoB,EACpB,gBAAgB,EACnB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAEhD,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,aAAa,CAAC;;;;iBAIX,oBAAoB;gBACrB,eAAe;;;;iCAIE,UAAU;;;;;;;;;;kCAUT,iBAAiB,CAAC,KAAK,EAAE,GAAG,CAAC;;;;;;;;;;;;;;;;kBAgB7C,WAAW;;;;;;;;;;;;;;cAcf,YAAY;kCACQ,WAAW,IAAI,gBAAgB;wBACzC,gBAAgB;mBACrB,WAAW,UAAU,gBAAgB;;;;;;;;;;;;;;;;gCAgBxB,YAAY;wBACpB,gBAAgB;;;;;;;gCAOR,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6B3C,CAAC,aAAa,CACX,aAAa,CACT,KAAK,CAAC,KAAK,EACX,GAAG,CAAA;;mEAEwD,iBAAiB,CAChE,KAAK,EACL,GAAG,CACN;oEACmD,KAAK;gEACT,iBAAiB,CAC7D,OAAO,EACP,GAAG,CACN;kEACiD,iBAAiB,CAC/D,OAAO,EACP,GAAG,CACN;;SAER,CACJ,EACD,aAAa,CACT,KAAK,CAAC,IAAI,EACV,GAAG,CAAA;;mEAEwD,iBAAiB,CAChE,OAAO,EACP,IAAI,CACP;oEACmD,iBAAiB,CACjE,OAAO,EACP,IAAI,CACP;gEAC+C,iBAAiB,CAC7D,OAAO,EACP,GAAG,CACN;kEACiD,OAAO;;SAEhE,CACJ,EACD,aAAa,CACT,KAAK,CAAC,KAAK,EACX,GAAG,CAAA;;mEAEwD,iBAAiB,CAChE,KAAK,EACL,IAAI,CACP;oEACmD,iBAAiB,CACjE,KAAK,EACL,IAAI,CACP;gEAC+C,iBAAiB,CAC7D,KAAK,EACL,GAAG,CACN;kEACiD,iBAAiB,CAC/D,KAAK,EACL,GAAG,CACN;;SAER,CACJ,CACJ,CAAC","sourcesContent":["import { css } from '@microsoft/fast-element';\nimport {\n    Black,\n    Black15,\n    Black91,\n    White\n} from '@ni/nimble-tokens/dist/styledictionary/js/tokens';\nimport { display } from '../utilities/style/display';\nimport { focusVisible } from '../utilities/style/focus';\n\nimport {\n    borderWidth,\n    smallDelay,\n    buttonLabelFont,\n    buttonLabelFontColor,\n    borderHoverColor\n} from '../theme-provider/design-tokens';\nimport { themeBehavior } from '../utilities/style/theme';\nimport { hexToRgbaCssColor } from '../utilities/style/colors';\nimport { Theme } from '../theme-provider/types';\n\nexport const styles = css`\n    ${display('inline-flex')}\n\n    :host {\n        background-color: transparent;\n        color: ${buttonLabelFontColor};\n        font: ${buttonLabelFont};\n        cursor: pointer;\n        outline: none;\n        border: none;\n        transition: box-shadow ${smallDelay};\n    }\n\n    @media (prefers-reduced-motion) {\n        :host {\n            transition-duration: 0s;\n        }\n    }\n\n    :host(:hover) {\n        box-shadow: 0px 1px 4px ${hexToRgbaCssColor(Black, 0.3)};\n    }\n\n    :host(:active) {\n        box-shadow: none;\n    }\n\n    :host([disabled]) {\n        cursor: default;\n        box-shadow: none;\n    }\n\n    .control {\n        background-color: transparent;\n        height: 100%;\n        width: 100%;\n        border: ${borderWidth} solid transparent;\n        color: inherit;\n        border-radius: inherit;\n        fill: inherit;\n        cursor: inherit;\n        font: inherit;\n        outline: none;\n        padding: 0px;\n    }\n\n    .control:hover {\n        background: var(--ni-private-card-button-background-hover-color);\n    }\n\n    .control${focusVisible} {\n        box-shadow: 0px 0px 0px ${borderWidth} ${borderHoverColor} inset;\n        border-color: ${borderHoverColor};\n        outline: ${borderWidth} solid ${borderHoverColor};\n        outline-offset: -4px;\n    }\n\n    .control:active {\n        background: var(--ni-private-card-button-background-active-color);\n        border-color: var(--ni-private-card-button-border-active-color);\n        outline: none;\n        box-shadow: none;\n    }\n\n    :host([selected]) .control {\n        background: var(--ni-private-card-button-background-active-color);\n        border-color: var(--ni-private-card-button-border-selected-color);\n    }\n\n    :host([selected]) .control${focusVisible} {\n        border-color: ${borderHoverColor};\n    }\n\n    :host([selected]) .control:active {\n        border-color: var(--ni-private-card-button-border-active-color);\n    }\n\n    :host([selected]) .control${focusVisible}:active {\n        outline: none;\n        box-shadow: none;\n    }\n\n    .control[disabled] {\n        background: transparent;\n        opacity: 0.3;\n    }\n\n    .control[disabled]:active {\n        border-color: transparent;\n    }\n\n    :host([selected]) .control[disabled]:active {\n        border-color: var(--ni-private-card-button-border-selected-color);\n    }\n\n    .content {\n        display: contents;\n    }\n\n    [part='start'] {\n        display: none;\n    }\n\n    [part='end'] {\n        display: none;\n    }\n`.withBehaviors(\n    themeBehavior(\n        Theme.light,\n        css`\n            :host {\n                --ni-private-card-button-background-hover-color: ${hexToRgbaCssColor(\n                    White,\n                    0.3\n                )};\n                --ni-private-card-button-background-active-color: ${White};\n                --ni-private-card-button-border-active-color: ${hexToRgbaCssColor(\n                    Black91,\n                    0.2\n                )};\n                --ni-private-card-button-border-selected-color: ${hexToRgbaCssColor(\n                    Black91,\n                    0.6\n                )};\n            }\n        `\n    ),\n    themeBehavior(\n        Theme.dark,\n        css`\n            :host {\n                --ni-private-card-button-background-hover-color: ${hexToRgbaCssColor(\n                    Black15,\n                    0.07\n                )};\n                --ni-private-card-button-background-active-color: ${hexToRgbaCssColor(\n                    Black15,\n                    0.15\n                )};\n                --ni-private-card-button-border-active-color: ${hexToRgbaCssColor(\n                    Black15,\n                    0.2\n                )};\n                --ni-private-card-button-border-selected-color: ${Black15};\n            }\n        `\n    ),\n    themeBehavior(\n        Theme.color,\n        css`\n            :host {\n                --ni-private-card-button-background-hover-color: ${hexToRgbaCssColor(\n                    White,\n                    0.07\n                )};\n                --ni-private-card-button-background-active-color: ${hexToRgbaCssColor(\n                    White,\n                    0.15\n                )};\n                --ni-private-card-button-border-active-color: ${hexToRgbaCssColor(\n                    White,\n                    0.2\n                )};\n                --ni-private-card-button-border-selected-color: ${hexToRgbaCssColor(\n                    White,\n                    0.6\n                )};\n            }\n        `\n    )\n);\n"]}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/card-button/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EACH,KAAK,EACL,OAAO,EACP,OAAO,EACP,KAAK,EACR,MAAM,kDAAkD,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAExD,OAAO,EACH,WAAW,EACX,UAAU,EACV,eAAe,EACf,oBAAoB,EACpB,gBAAgB,EACnB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAEhD,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,aAAa,CAAC;;;;iBAIX,oBAAoB;gBACrB,eAAe;;;;iCAIE,UAAU;;;;;;;;;;kCAUT,iBAAiB,CAAC,KAAK,EAAE,GAAG,CAAC;;;;;;;;;;;;;;;;kBAgB7C,WAAW;;;;;;;;;;;;;;cAcf,YAAY;kCACQ,WAAW,IAAI,gBAAgB;wBACzC,gBAAgB;mBACrB,WAAW,UAAU,gBAAgB;;;;;;;;;;;;;;;;gCAgBxB,YAAY;wBACpB,gBAAgB;;;;;;;gCAOR,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6B3C,CAAC,aAAa,CACX,aAAa,CACT,KAAK,CAAC,KAAK,EACX,GAAG,CAAA;;mEAEwD,iBAAiB,CAChE,KAAK,EACL,GAAG,CACN;oEACmD,KAAK;gEACT,iBAAiB,CAC7D,OAAO,EACP,GAAG,CACN;kEACiD,iBAAiB,CAC/D,OAAO,EACP,GAAG,CACN;;SAER,CACJ,EACD,aAAa,CACT,KAAK,CAAC,IAAI,EACV,GAAG,CAAA;;mEAEwD,iBAAiB,CAChE,OAAO,EACP,IAAI,CACP;oEACmD,iBAAiB,CACjE,OAAO,EACP,IAAI,CACP;gEAC+C,iBAAiB,CAC7D,OAAO,EACP,GAAG,CACN;kEACiD,OAAO;;SAEhE,CACJ,EACD,aAAa,CACT,KAAK,CAAC,KAAK,EACX,GAAG,CAAA;;mEAEwD,iBAAiB,CAChE,KAAK,EACL,IAAI,CACP;oEACmD,iBAAiB,CACjE,KAAK,EACL,IAAI,CACP;gEAC+C,iBAAiB,CAC7D,KAAK,EACL,GAAG,CACN;kEACiD,iBAAiB,CAC/D,KAAK,EACL,GAAG,CACN;;SAER,CACJ,CACJ,CAAC","sourcesContent":["import { css } from '@ni/fast-element';\nimport {\n    Black,\n    Black15,\n    Black91,\n    White\n} from '@ni/nimble-tokens/dist/styledictionary/js/tokens';\nimport { display } from '../utilities/style/display';\nimport { focusVisible } from '../utilities/style/focus';\n\nimport {\n    borderWidth,\n    smallDelay,\n    buttonLabelFont,\n    buttonLabelFontColor,\n    borderHoverColor\n} from '../theme-provider/design-tokens';\nimport { themeBehavior } from '../utilities/style/theme';\nimport { hexToRgbaCssColor } from '../utilities/style/colors';\nimport { Theme } from '../theme-provider/types';\n\nexport const styles = css`\n    ${display('inline-flex')}\n\n    :host {\n        background-color: transparent;\n        color: ${buttonLabelFontColor};\n        font: ${buttonLabelFont};\n        cursor: pointer;\n        outline: none;\n        border: none;\n        transition: box-shadow ${smallDelay};\n    }\n\n    @media (prefers-reduced-motion) {\n        :host {\n            transition-duration: 0s;\n        }\n    }\n\n    :host(:hover) {\n        box-shadow: 0px 1px 4px ${hexToRgbaCssColor(Black, 0.3)};\n    }\n\n    :host(:active) {\n        box-shadow: none;\n    }\n\n    :host([disabled]) {\n        cursor: default;\n        box-shadow: none;\n    }\n\n    .control {\n        background-color: transparent;\n        height: 100%;\n        width: 100%;\n        border: ${borderWidth} solid transparent;\n        color: inherit;\n        border-radius: inherit;\n        fill: inherit;\n        cursor: inherit;\n        font: inherit;\n        outline: none;\n        padding: 0px;\n    }\n\n    .control:hover {\n        background: var(--ni-private-card-button-background-hover-color);\n    }\n\n    .control${focusVisible} {\n        box-shadow: 0px 0px 0px ${borderWidth} ${borderHoverColor} inset;\n        border-color: ${borderHoverColor};\n        outline: ${borderWidth} solid ${borderHoverColor};\n        outline-offset: -4px;\n    }\n\n    .control:active {\n        background: var(--ni-private-card-button-background-active-color);\n        border-color: var(--ni-private-card-button-border-active-color);\n        outline: none;\n        box-shadow: none;\n    }\n\n    :host([selected]) .control {\n        background: var(--ni-private-card-button-background-active-color);\n        border-color: var(--ni-private-card-button-border-selected-color);\n    }\n\n    :host([selected]) .control${focusVisible} {\n        border-color: ${borderHoverColor};\n    }\n\n    :host([selected]) .control:active {\n        border-color: var(--ni-private-card-button-border-active-color);\n    }\n\n    :host([selected]) .control${focusVisible}:active {\n        outline: none;\n        box-shadow: none;\n    }\n\n    .control[disabled] {\n        background: transparent;\n        opacity: 0.3;\n    }\n\n    .control[disabled]:active {\n        border-color: transparent;\n    }\n\n    :host([selected]) .control[disabled]:active {\n        border-color: var(--ni-private-card-button-border-selected-color);\n    }\n\n    .content {\n        display: contents;\n    }\n\n    [part='start'] {\n        display: none;\n    }\n\n    [part='end'] {\n        display: none;\n    }\n`.withBehaviors(\n    themeBehavior(\n        Theme.light,\n        css`\n            :host {\n                --ni-private-card-button-background-hover-color: ${hexToRgbaCssColor(\n                    White,\n                    0.3\n                )};\n                --ni-private-card-button-background-active-color: ${White};\n                --ni-private-card-button-border-active-color: ${hexToRgbaCssColor(\n                    Black91,\n                    0.2\n                )};\n                --ni-private-card-button-border-selected-color: ${hexToRgbaCssColor(\n                    Black91,\n                    0.6\n                )};\n            }\n        `\n    ),\n    themeBehavior(\n        Theme.dark,\n        css`\n            :host {\n                --ni-private-card-button-background-hover-color: ${hexToRgbaCssColor(\n                    Black15,\n                    0.07\n                )};\n                --ni-private-card-button-background-active-color: ${hexToRgbaCssColor(\n                    Black15,\n                    0.15\n                )};\n                --ni-private-card-button-border-active-color: ${hexToRgbaCssColor(\n                    Black15,\n                    0.2\n                )};\n                --ni-private-card-button-border-selected-color: ${Black15};\n            }\n        `\n    ),\n    themeBehavior(\n        Theme.color,\n        css`\n            :host {\n                --ni-private-card-button-background-hover-color: ${hexToRgbaCssColor(\n                    White,\n                    0.07\n                )};\n                --ni-private-card-button-background-active-color: ${hexToRgbaCssColor(\n                    White,\n                    0.15\n                )};\n                --ni-private-card-button-border-active-color: ${hexToRgbaCssColor(\n                    White,\n                    0.2\n                )};\n                --ni-private-card-button-border-selected-color: ${hexToRgbaCssColor(\n                    White,\n                    0.6\n                )};\n            }\n        `\n    )\n);\n"]}

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

@@ -1,4 +1,4 @@
-import { Checkbox as FoundationCheckbox } from '@microsoft/fast-foundation';
+import { Checkbox as FoundationCheckbox } from '@ni/fast-foundation';
 declare global {
     interface HTMLElementTagNameMap {
         'nimble-checkbox': Checkbox;
@@ -8,7 +8,7 @@ declare const Checkbox_base: (abstract new (...args: any[]) => {
     errorText?: string | undefined;
     errorVisible: boolean;
     errorHasOverflow: boolean;
-    readonly $fastController: import("@microsoft/fast-element").Controller;
+    readonly $fastController: import("@ni/fast-element").Controller;
     $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
     connectedCallback(): void;
     disconnectedCallback(): void;

package/dist/esm/checkbox/index.js

@@ -1,6 +1,6 @@
 import { __decorate } from "tslib";
-import { attr, nullableNumberConverter } from '@microsoft/fast-element';
-import { DesignSystem, Checkbox as FoundationCheckbox } from '@microsoft/fast-foundation';
+import { attr, nullableNumberConverter } from '@ni/fast-element';
+import { DesignSystem, Checkbox as FoundationCheckbox } from '@ni/fast-foundation';
 import { check16X16, minus16X16 } from '@ni/nimble-tokens/dist/icons/js';
 import { styles } from './styles';
 import { template } from './template';

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/checkbox/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AACxE,OAAO,EACH,YAAY,EACZ,QAAQ,IAAI,kBAAkB,EAEjC,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAQ5D;;GAEG;AACH,MAAM,OAAO,QAAS,SAAQ,iBAAiB,CAAC,kBAAkB,CAAC;IAS/D;;OAEG;IACH,IAAW,gBAAgB;QACvB,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,IAAI,CAAC,CAAC;QACpC,OAAO,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,QAAQ,EAAE,CAAC;IACrD,CAAC;CACJ;AATmB;IADf,IAAI,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,uBAAuB,EAAE,CAAC;0CAClC;AAWtC,MAAM,cAAc,GAAG,QAAQ,CAAC,OAAO,CAAkB;IACrD,QAAQ,EAAE,UAAU;IACpB,SAAS,EAAE,kBAAkB;IAC7B,QAAQ;IACR,MAAM;IACN,gBAAgB,EAAE,UAAU,CAAC,IAAI;IACjC,sBAAsB,EAAE,UAAU,CAAC,IAAI;CAC1C,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,cAAc,EAAE,CAAC,CAAC;AAC3E,MAAM,CAAC,MAAM,WAAW,GAAG,iBAAiB,CAAC","sourcesContent":["import { attr, nullableNumberConverter } from '@microsoft/fast-element';\nimport {\n    DesignSystem,\n    Checkbox as FoundationCheckbox,\n    type CheckboxOptions\n} from '@microsoft/fast-foundation';\nimport { check16X16, minus16X16 } from '@ni/nimble-tokens/dist/icons/js';\nimport { styles } from './styles';\nimport { template } from './template';\nimport { mixinErrorPattern } from '../patterns/error/types';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-checkbox': Checkbox;\n    }\n}\n\n/**\n * A nimble-styled checkbox control.\n */\nexport class Checkbox extends mixinErrorPattern(FoundationCheckbox) {\n    /**\n     * @public\n     * @remarks\n     * HTML Attribute: tabindex\n     */\n    @attr({ attribute: 'tabindex', converter: nullableNumberConverter })\n    public override tabIndex!: number;\n\n    /**\n     * @internal\n     */\n    public get resolvedTabindex(): string | undefined {\n        const tabIndex = this.tabIndex ?? 0;\n        return this.disabled ? undefined : `${tabIndex}`;\n    }\n}\n\nconst nimbleCheckbox = Checkbox.compose<CheckboxOptions>({\n    baseName: 'checkbox',\n    baseClass: FoundationCheckbox,\n    template,\n    styles,\n    checkedIndicator: check16X16.data,\n    indeterminateIndicator: minus16X16.data\n});\n\nDesignSystem.getOrCreate().withPrefix('nimble').register(nimbleCheckbox());\nexport const checkboxTag = 'nimble-checkbox';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/checkbox/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AACjE,OAAO,EACH,YAAY,EACZ,QAAQ,IAAI,kBAAkB,EAEjC,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAQ5D;;GAEG;AACH,MAAM,OAAO,QAAS,SAAQ,iBAAiB,CAAC,kBAAkB,CAAC;IAS/D;;OAEG;IACH,IAAW,gBAAgB;QACvB,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,IAAI,CAAC,CAAC;QACpC,OAAO,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,QAAQ,EAAE,CAAC;IACrD,CAAC;CACJ;AATmB;IADf,IAAI,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,uBAAuB,EAAE,CAAC;0CAClC;AAWtC,MAAM,cAAc,GAAG,QAAQ,CAAC,OAAO,CAAkB;IACrD,QAAQ,EAAE,UAAU;IACpB,SAAS,EAAE,kBAAkB;IAC7B,QAAQ;IACR,MAAM;IACN,gBAAgB,EAAE,UAAU,CAAC,IAAI;IACjC,sBAAsB,EAAE,UAAU,CAAC,IAAI;CAC1C,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,cAAc,EAAE,CAAC,CAAC;AAC3E,MAAM,CAAC,MAAM,WAAW,GAAG,iBAAiB,CAAC","sourcesContent":["import { attr, nullableNumberConverter } from '@ni/fast-element';\nimport {\n    DesignSystem,\n    Checkbox as FoundationCheckbox,\n    type CheckboxOptions\n} from '@ni/fast-foundation';\nimport { check16X16, minus16X16 } from '@ni/nimble-tokens/dist/icons/js';\nimport { styles } from './styles';\nimport { template } from './template';\nimport { mixinErrorPattern } from '../patterns/error/types';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-checkbox': Checkbox;\n    }\n}\n\n/**\n * A nimble-styled checkbox control.\n */\nexport class Checkbox extends mixinErrorPattern(FoundationCheckbox) {\n    /**\n     * @public\n     * @remarks\n     * HTML Attribute: tabindex\n     */\n    @attr({ attribute: 'tabindex', converter: nullableNumberConverter })\n    public override tabIndex!: number;\n\n    /**\n     * @internal\n     */\n    public get resolvedTabindex(): string | undefined {\n        const tabIndex = this.tabIndex ?? 0;\n        return this.disabled ? undefined : `${tabIndex}`;\n    }\n}\n\nconst nimbleCheckbox = Checkbox.compose<CheckboxOptions>({\n    baseName: 'checkbox',\n    baseClass: FoundationCheckbox,\n    template,\n    styles,\n    checkedIndicator: check16X16.data,\n    indeterminateIndicator: minus16X16.data\n});\n\nDesignSystem.getOrCreate().withPrefix('nimble').register(nimbleCheckbox());\nexport const checkboxTag = 'nimble-checkbox';\n"]}

package/dist/esm/checkbox/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/checkbox/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 { borderColor, borderHoverColor, borderRgbPartialColor, bodyFontColor, bodyDisabledFontColor, controlHeight, iconSize, borderWidth, smallDelay, bodyFont, smallPadding, mediumPadding, bodyFontLineHeight } from '../theme-provider/design-tokens';

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/checkbox/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAExD,OAAO,EACH,WAAW,EACX,gBAAgB,EAChB,qBAAqB,EACrB,aAAa,EACb,qBAAqB,EACrB,aAAa,EACb,QAAQ,EACR,WAAW,EACX,UAAU,EACV,QAAQ,EACR,YAAY,EACZ,aAAa,EACb,kBAAkB,EACrB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAEjE,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,aAAa,CAAC;MACtB,WAAW;;;gBAGD,QAAQ;;;UAGd,cAAc;sBACF,aAAa;;;;;;;;;;;;;;;;;8BAiBL,kBAAkB;;;;;;iBAM/B,QAAQ;kBACP,QAAQ;kBACR,WAAW,UAAU,WAAW;;;;;iCAKjB,UAAU;UACjC;AACE;;;GAGG,CAAC,EACR;;;;;;;;;;;;;iCAayB,qBAAqB;6BACzB,qBAAqB;;;;wBAI1B,gBAAgB;kCACN,WAAW,IAAI,gBAAgB;;;YAGrD,YAAY;wBACA,gBAAgB;6BACX,gBAAgB;;;;;;iBAM5B,aAAa;wBACN,aAAa;;;;;;;iBAOpB,qBAAqB;;;;;;;;;kBASpB,QAAQ;iBACT,QAAQ;;gBAET,WAAW;;;;;;;;qBAQN,qBAAqB;;;;kBAIxB,QAAQ;iBACT,QAAQ;;;;;;;;;gBAST,WAAW;;;;qBAIN,qBAAqB;;;;;;sBAMpB,YAAY;;CAEjC,CAAC","sourcesContent":["import { css } from '@microsoft/fast-element';\nimport { display } from '../utilities/style/display';\nimport { focusVisible } from '../utilities/style/focus';\n\nimport {\n    borderColor,\n    borderHoverColor,\n    borderRgbPartialColor,\n    bodyFontColor,\n    bodyDisabledFontColor,\n    controlHeight,\n    iconSize,\n    borderWidth,\n    smallDelay,\n    bodyFont,\n    smallPadding,\n    mediumPadding,\n    bodyFontLineHeight\n} from '../theme-provider/design-tokens';\nimport { userSelectNone } from '../utilities/style/user-select';\nimport { styles as errorStyles } from '../patterns/error/styles';\n\nexport const styles = css`\n    ${display('inline-grid')}\n    ${errorStyles}\n\n    :host {\n        font: ${bodyFont};\n        cursor: pointer;\n        outline: none;\n        ${userSelectNone}\n        min-height: ${controlHeight};\n    }\n\n    :host([disabled]) {\n        cursor: default;\n    }\n\n    .outer-container {\n        height: 100%;\n        display: flex;\n        align-items: center;\n        position: relative;\n    }\n\n    .container {\n        display: grid;\n        grid-template-columns: auto 1fr auto;\n        grid-template-rows: ${bodyFontLineHeight} auto;\n        align-items: center;\n        width: 100%;\n    }\n\n    .control {\n        width: ${iconSize};\n        height: ${iconSize};\n        border: ${borderWidth} solid ${borderColor};\n        padding: 2px;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        transition: box-shadow ${smallDelay};\n        ${\n            /*\n             * Firefox includes the line height in the outline height calculation (not sure if intended or accidental).\n             * Set it to 0 to ensure the outline is just as high as the control.\n             */ ''\n        }\n        line-height: 0;\n        grid-column: 1;\n        grid-row: 1;\n    }\n\n    @media (prefers-reduced-motion) {\n        .control {\n            transition-duration: 0s;\n        }\n    }\n\n    :host([disabled]) .control {\n        background-color: rgba(${borderRgbPartialColor}, 0.1);\n        border-color: rgba(${borderRgbPartialColor}, 0.2);\n    }\n\n    :host(:not([disabled]):not(:active):hover) .control {\n        border-color: ${borderHoverColor};\n        box-shadow: 0px 0px 0px ${borderWidth} ${borderHoverColor} inset;\n    }\n\n    :host(${focusVisible}) .control {\n        border-color: ${borderHoverColor};\n        outline: 2px solid ${borderHoverColor};\n        outline-offset: 1px;\n    }\n\n    .label {\n        font: inherit;\n        color: ${bodyFontColor};\n        padding-left: ${mediumPadding};\n        grid-column: 2;\n        grid-row: 1 / span 2;\n        cursor: inherit;\n    }\n\n    :host([disabled]) .label {\n        color: ${bodyDisabledFontColor};\n    }\n\n    slot[name='checked-indicator'],\n    slot[name='indeterminate-indicator'] {\n        display: none;\n    }\n\n    slot[name='checked-indicator'] svg {\n        height: ${iconSize};\n        width: ${iconSize};\n        overflow: visible;\n        fill: ${borderColor};\n    }\n\n    :host(.checked:not(.indeterminate)) slot[name='checked-indicator'] {\n        display: contents;\n    }\n\n    :host([disabled]) slot[name='checked-indicator'] svg {\n        fill: rgba(${borderRgbPartialColor}, 0.3);\n    }\n\n    slot[name='indeterminate-indicator'] svg {\n        height: ${iconSize};\n        width: ${iconSize};\n        overflow: visible;\n    }\n\n    :host(.indeterminate) slot[name='indeterminate-indicator'] {\n        display: contents;\n    }\n\n    slot[name='indeterminate-indicator'] svg {\n        fill: ${borderColor};\n    }\n\n    :host([disabled]) slot[name='indeterminate-indicator'] svg {\n        fill: rgba(${borderRgbPartialColor}, 0.3);\n    }\n\n    .error-icon {\n        grid-column: 3;\n        grid-row: 1;\n        margin: 0px ${smallPadding};\n    }\n`;\n"]}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/checkbox/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAExD,OAAO,EACH,WAAW,EACX,gBAAgB,EAChB,qBAAqB,EACrB,aAAa,EACb,qBAAqB,EACrB,aAAa,EACb,QAAQ,EACR,WAAW,EACX,UAAU,EACV,QAAQ,EACR,YAAY,EACZ,aAAa,EACb,kBAAkB,EACrB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAEjE,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,aAAa,CAAC;MACtB,WAAW;;;gBAGD,QAAQ;;;UAGd,cAAc;sBACF,aAAa;;;;;;;;;;;;;;;;;8BAiBL,kBAAkB;;;;;;iBAM/B,QAAQ;kBACP,QAAQ;kBACR,WAAW,UAAU,WAAW;;;;;iCAKjB,UAAU;UACjC;AACE;;;GAGG,CAAC,EACR;;;;;;;;;;;;;iCAayB,qBAAqB;6BACzB,qBAAqB;;;;wBAI1B,gBAAgB;kCACN,WAAW,IAAI,gBAAgB;;;YAGrD,YAAY;wBACA,gBAAgB;6BACX,gBAAgB;;;;;;iBAM5B,aAAa;wBACN,aAAa;;;;;;;iBAOpB,qBAAqB;;;;;;;;;kBASpB,QAAQ;iBACT,QAAQ;;gBAET,WAAW;;;;;;;;qBAQN,qBAAqB;;;;kBAIxB,QAAQ;iBACT,QAAQ;;;;;;;;;gBAST,WAAW;;;;qBAIN,qBAAqB;;;;;;sBAMpB,YAAY;;CAEjC,CAAC","sourcesContent":["import { css } from '@ni/fast-element';\nimport { display } from '../utilities/style/display';\nimport { focusVisible } from '../utilities/style/focus';\n\nimport {\n    borderColor,\n    borderHoverColor,\n    borderRgbPartialColor,\n    bodyFontColor,\n    bodyDisabledFontColor,\n    controlHeight,\n    iconSize,\n    borderWidth,\n    smallDelay,\n    bodyFont,\n    smallPadding,\n    mediumPadding,\n    bodyFontLineHeight\n} from '../theme-provider/design-tokens';\nimport { userSelectNone } from '../utilities/style/user-select';\nimport { styles as errorStyles } from '../patterns/error/styles';\n\nexport const styles = css`\n    ${display('inline-grid')}\n    ${errorStyles}\n\n    :host {\n        font: ${bodyFont};\n        cursor: pointer;\n        outline: none;\n        ${userSelectNone}\n        min-height: ${controlHeight};\n    }\n\n    :host([disabled]) {\n        cursor: default;\n    }\n\n    .outer-container {\n        height: 100%;\n        display: flex;\n        align-items: center;\n        position: relative;\n    }\n\n    .container {\n        display: grid;\n        grid-template-columns: auto 1fr auto;\n        grid-template-rows: ${bodyFontLineHeight} auto;\n        align-items: center;\n        width: 100%;\n    }\n\n    .control {\n        width: ${iconSize};\n        height: ${iconSize};\n        border: ${borderWidth} solid ${borderColor};\n        padding: 2px;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        transition: box-shadow ${smallDelay};\n        ${\n            /*\n             * Firefox includes the line height in the outline height calculation (not sure if intended or accidental).\n             * Set it to 0 to ensure the outline is just as high as the control.\n             */ ''\n        }\n        line-height: 0;\n        grid-column: 1;\n        grid-row: 1;\n    }\n\n    @media (prefers-reduced-motion) {\n        .control {\n            transition-duration: 0s;\n        }\n    }\n\n    :host([disabled]) .control {\n        background-color: rgba(${borderRgbPartialColor}, 0.1);\n        border-color: rgba(${borderRgbPartialColor}, 0.2);\n    }\n\n    :host(:not([disabled]):not(:active):hover) .control {\n        border-color: ${borderHoverColor};\n        box-shadow: 0px 0px 0px ${borderWidth} ${borderHoverColor} inset;\n    }\n\n    :host(${focusVisible}) .control {\n        border-color: ${borderHoverColor};\n        outline: 2px solid ${borderHoverColor};\n        outline-offset: 1px;\n    }\n\n    .label {\n        font: inherit;\n        color: ${bodyFontColor};\n        padding-left: ${mediumPadding};\n        grid-column: 2;\n        grid-row: 1 / span 2;\n        cursor: inherit;\n    }\n\n    :host([disabled]) .label {\n        color: ${bodyDisabledFontColor};\n    }\n\n    slot[name='checked-indicator'],\n    slot[name='indeterminate-indicator'] {\n        display: none;\n    }\n\n    slot[name='checked-indicator'] svg {\n        height: ${iconSize};\n        width: ${iconSize};\n        overflow: visible;\n        fill: ${borderColor};\n    }\n\n    :host(.checked:not(.indeterminate)) slot[name='checked-indicator'] {\n        display: contents;\n    }\n\n    :host([disabled]) slot[name='checked-indicator'] svg {\n        fill: rgba(${borderRgbPartialColor}, 0.3);\n    }\n\n    slot[name='indeterminate-indicator'] svg {\n        height: ${iconSize};\n        width: ${iconSize};\n        overflow: visible;\n    }\n\n    :host(.indeterminate) slot[name='indeterminate-indicator'] {\n        display: contents;\n    }\n\n    slot[name='indeterminate-indicator'] svg {\n        fill: ${borderColor};\n    }\n\n    :host([disabled]) slot[name='indeterminate-indicator'] svg {\n        fill: rgba(${borderRgbPartialColor}, 0.3);\n    }\n\n    .error-icon {\n        grid-column: 3;\n        grid-row: 1;\n        margin: 0px ${smallPadding};\n    }\n`;\n"]}

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

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

package/dist/esm/checkbox/template.js

@@ -1,4 +1,4 @@
-import { html, slotted } from '@microsoft/fast-element';
+import { html, slotted } from '@ni/fast-element';
 import { iconExclamationMarkTag } from '../icons/exclamation-mark';
 import { errorTextTemplate } from '../patterns/error/template';
 export const template = (_context, definition) => html `

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

@@ -1 +1 @@
-{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../src/checkbox/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAqB,MAAM,yBAAyB,CAAC;AAM3E,OAAO,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AACnE,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAE/D,MAAM,CAAC,MAAM,QAAQ,GAGjB,CAAC,QAAQ,EAAE,UAAU,EAAE,EAAE,CAAC,IAAI,CAAA;;;wBAGV,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO;yBACb,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;yBACf,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;yBACf,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;oBACpB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,gBAAgB;qBACtB,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,KAAsB,CAAC;kBACxD,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,KAAmB,CAAC;iBAChD,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;;;;;;0BAMhH,UAAU,CAAC,gBAAgB,IAAI,EAAE;;;0BAGjC,UAAU,CAAC,sBAAsB,IAAI,EAAE;;;;;6BAKpC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,mBAAmB,EAAE,MAAM;IACxD,CAAC,CAAC,OAAO;IACT,CAAC,CAAC,qBAAqB,CAAC;;4BAEJ,OAAO,CAAC,qBAAqB,CAAC;;mBAEvC,sBAAsB;;;qBAGpB,sBAAsB;;cAE7B,iBAAiB;;;CAG9B,CAAC","sourcesContent":["import { html, slotted, type ViewTemplate } from '@microsoft/fast-element';\nimport type {\n    CheckboxOptions,\n    FoundationElementTemplate\n} from '@microsoft/fast-foundation';\nimport type { Checkbox } from '.';\nimport { iconExclamationMarkTag } from '../icons/exclamation-mark';\nimport { errorTextTemplate } from '../patterns/error/template';\n\nexport const template: FoundationElementTemplate<\nViewTemplate<Checkbox>,\nCheckboxOptions\n> = (_context, definition) => html`\n    <template\n        role=\"checkbox\"\n        aria-checked=\"${x => x.checked}\"\n        aria-required=\"${x => x.required}\"\n        aria-disabled=\"${x => x.disabled}\"\n        aria-readonly=\"${x => x.readOnly}\"\n        tabindex=\"${x => x.resolvedTabindex}\"\n        @keypress=\"${(x, c) => x.keypressHandler(c.event as KeyboardEvent)}\"\n        @click=\"${(x, c) => x.clickHandler(c.event as MouseEvent)}\"\n        class=\"${x => (x.readOnly ? 'readonly' : '')} ${x => (x.checked ? 'checked' : '')} ${x => (x.indeterminate ? 'indeterminate' : '')}\"\n    >\n        <div class=\"outer-container\">\n            <div part=\"container\" class=\"container\">\n                <div part=\"control\" class=\"control\">\n                    <slot name=\"checked-indicator\">\n                        ${definition.checkedIndicator || ''}\n                    </slot>\n                    <slot name=\"indeterminate-indicator\">\n                        ${definition.indeterminateIndicator || ''}\n                    </slot>\n                </div>\n                <label\n                    part=\"label\"\n                    class=\"${x => (x.defaultSlottedNodes?.length\n        ? 'label'\n        : 'label label__hidden')}\"\n                >\n                    <slot ${slotted('defaultSlottedNodes')}></slot>\n                </label>\n                <${iconExclamationMarkTag}\n                    severity=\"error\"\n                    class=\"error-icon\"\n                ></${iconExclamationMarkTag}>\n            </div>\n            ${errorTextTemplate}\n        </div>\n    </template>\n`;\n"]}
+{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../src/checkbox/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAqB,MAAM,kBAAkB,CAAC;AAMpE,OAAO,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AACnE,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAE/D,MAAM,CAAC,MAAM,QAAQ,GAGjB,CAAC,QAAQ,EAAE,UAAU,EAAE,EAAE,CAAC,IAAI,CAAA;;;wBAGV,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO;yBACb,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;yBACf,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;yBACf,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;oBACpB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,gBAAgB;qBACtB,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,KAAsB,CAAC;kBACxD,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,KAAmB,CAAC;iBAChD,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;;;;;;0BAMhH,UAAU,CAAC,gBAAgB,IAAI,EAAE;;;0BAGjC,UAAU,CAAC,sBAAsB,IAAI,EAAE;;;;;6BAKpC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,mBAAmB,EAAE,MAAM;IACxD,CAAC,CAAC,OAAO;IACT,CAAC,CAAC,qBAAqB,CAAC;;4BAEJ,OAAO,CAAC,qBAAqB,CAAC;;mBAEvC,sBAAsB;;;qBAGpB,sBAAsB;;cAE7B,iBAAiB;;;CAG9B,CAAC","sourcesContent":["import { html, slotted, type ViewTemplate } from '@ni/fast-element';\nimport type {\n    CheckboxOptions,\n    FoundationElementTemplate\n} from '@ni/fast-foundation';\nimport type { Checkbox } from '.';\nimport { iconExclamationMarkTag } from '../icons/exclamation-mark';\nimport { errorTextTemplate } from '../patterns/error/template';\n\nexport const template: FoundationElementTemplate<\nViewTemplate<Checkbox>,\nCheckboxOptions\n> = (_context, definition) => html`\n    <template\n        role=\"checkbox\"\n        aria-checked=\"${x => x.checked}\"\n        aria-required=\"${x => x.required}\"\n        aria-disabled=\"${x => x.disabled}\"\n        aria-readonly=\"${x => x.readOnly}\"\n        tabindex=\"${x => x.resolvedTabindex}\"\n        @keypress=\"${(x, c) => x.keypressHandler(c.event as KeyboardEvent)}\"\n        @click=\"${(x, c) => x.clickHandler(c.event as MouseEvent)}\"\n        class=\"${x => (x.readOnly ? 'readonly' : '')} ${x => (x.checked ? 'checked' : '')} ${x => (x.indeterminate ? 'indeterminate' : '')}\"\n    >\n        <div class=\"outer-container\">\n            <div part=\"container\" class=\"container\">\n                <div part=\"control\" class=\"control\">\n                    <slot name=\"checked-indicator\">\n                        ${definition.checkedIndicator || ''}\n                    </slot>\n                    <slot name=\"indeterminate-indicator\">\n                        ${definition.indeterminateIndicator || ''}\n                    </slot>\n                </div>\n                <label\n                    part=\"label\"\n                    class=\"${x => (x.defaultSlottedNodes?.length\n        ? 'label'\n        : 'label label__hidden')}\"\n                >\n                    <slot ${slotted('defaultSlottedNodes')}></slot>\n                </label>\n                <${iconExclamationMarkTag}\n                    severity=\"error\"\n                    class=\"error-icon\"\n                ></${iconExclamationMarkTag}>\n            </div>\n            ${errorTextTemplate}\n        </div>\n    </template>\n`;\n"]}

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

@@ -1,4 +1,4 @@
-import { ComboboxAutocomplete, SelectPosition, ListboxOption, DelegatesARIACombobox, StartEnd } from '@microsoft/fast-foundation';
+import { ComboboxAutocomplete, SelectPosition, ListboxOption, DelegatesARIACombobox, StartEnd } from '@ni/fast-foundation';
 import { ToggleButton } from '../toggle-button';
 import { DropdownAppearance, type DropdownPattern } from '../patterns/dropdown/types';
 import type { AnchoredRegion } from '../anchored-region';
@@ -12,14 +12,14 @@ declare const Combobox_base: (abstract new (...args: any[]) => {
     errorText?: string | undefined;
     errorVisible: boolean;
     errorHasOverflow: boolean;
-    readonly $fastController: import("@microsoft/fast-element").Controller;
+    readonly $fastController: import("@ni/fast-element").Controller;
     $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
     connectedCallback(): void;
     disconnectedCallback(): void;
     attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
 }) & (abstract new (...args: any[]) => {
     requiredVisible: boolean;
-    readonly $fastController: import("@microsoft/fast-element").Controller;
+    readonly $fastController: import("@ni/fast-element").Controller;
     $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail"> | undefined): boolean | void;
     connectedCallback(): void;
     disconnectedCallback(): void;

package/dist/esm/combobox/index.js

@@ -1,7 +1,7 @@
 import { __decorate } from "tslib";
-import { DOM, Observable, attr, html, observable, ref } from '@microsoft/fast-element';
-import { DesignSystem, ComboboxAutocomplete, SelectPosition, ListboxOption, DelegatesARIACombobox, applyMixins, StartEnd } from '@microsoft/fast-foundation';
-import { keyArrowDown, keyArrowUp, keyEnter, keyEscape, keySpace, keyTab, limit, uniqueId } from '@microsoft/fast-web-utilities';
+import { DOM, Observable, attr, html, observable, ref } from '@ni/fast-element';
+import { DesignSystem, ComboboxAutocomplete, SelectPosition, ListboxOption, DelegatesARIACombobox, applyMixins, StartEnd } from '@ni/fast-foundation';
+import { keyArrowDown, keyArrowUp, keyEnter, keyEscape, keySpace, keyTab, limit, uniqueId } from '@ni/fast-web-utilities';
 import { ToggleButton, toggleButtonTag } from '../toggle-button';
 import { errorTextTemplate } from '../patterns/error/template';
 import { iconArrowExpanderDownTag } from '../icons/arrow-expander-down';

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/combobox/index.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n    DOM,\n    Observable,\n    attr,\n    html,\n    observable,\n    ref\n} from '@microsoft/fast-element';\nimport {\n    DesignSystem,\n    type ComboboxOptions,\n    ComboboxAutocomplete,\n    SelectPosition,\n    ListboxOption,\n    DelegatesARIACombobox,\n    applyMixins,\n    StartEnd\n} from '@microsoft/fast-foundation';\nimport {\n    keyArrowDown,\n    keyArrowUp,\n    keyEnter,\n    keyEscape,\n    keySpace,\n    keyTab,\n    limit,\n    uniqueId\n} from '@microsoft/fast-web-utilities';\nimport { ToggleButton, toggleButtonTag } from '../toggle-button';\nimport { errorTextTemplate } from '../patterns/error/template';\nimport { iconArrowExpanderDownTag } from '../icons/arrow-expander-down';\nimport { iconExclamationMarkTag } from '../icons/exclamation-mark';\n\nimport { styles } from './styles';\nimport { mixinErrorPattern } from '../patterns/error/types';\nimport {\n    DropdownAppearance,\n    type DropdownPattern\n} from '../patterns/dropdown/types';\nimport type { AnchoredRegion } from '../anchored-region';\nimport { template } from './template';\nimport { FormAssociatedCombobox } from './models/combobox-form-associated';\nimport type { ListOption } from '../list-option';\nimport { mixinRequiredVisiblePattern } from '../patterns/required-visible/types';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-combobox': Combobox;\n    }\n}\n\n/**\n * A nimble-styed HTML combobox\n */\nexport class Combobox\n    extends mixinErrorPattern(\n        mixinRequiredVisiblePattern(FormAssociatedCombobox)\n    )\n    implements DropdownPattern {\n    @attr\n    public appearance: DropdownAppearance = DropdownAppearance.underline;\n\n    /**\n     * The autocomplete attribute.\n     */\n    @attr({ attribute: 'autocomplete', mode: 'fromView' })\n    public autocomplete?: ComboboxAutocomplete;\n\n    /**\n     * The placement for the listbox when the combobox is open.\n     */\n    @attr({ attribute: 'position' })\n    public positionAttribute?: SelectPosition;\n\n    /**\n     * The open attribute.\n     */\n    @attr({ attribute: 'open', mode: 'boolean' })\n    public open = false;\n\n    /**\n     * Sets the placeholder value of the element, generally used to provide a hint to the user.\n     * @remarks Using a non-null assertion to mimic FAST's original improper typing of an\n     * uninitialized property:\n     * https://github.com/microsoft/fast/blob/0c27d027ff6e8616ad4fddc17f4432aa7f6cbad0/packages/web-components/fast-foundation/src/combobox/combobox.ts#L199\n     */\n    @attr\n    public placeholder!: string;\n\n    /**\n     * The current state of the calculated position of the listbox.\n     *\n     * @public\n     */\n    @observable\n    public position?: SelectPosition;\n\n    /**\n     * @internal\n     */\n    @observable\n    public region?: AnchoredRegion;\n\n    /**\n     * @internal\n     */\n    @observable\n    public controlWrapper!: HTMLElement;\n\n    /**\n     * @internal\n     */\n    @observable\n    public control!: HTMLInputElement;\n\n    /**\n     * @internal\n     */\n    @observable\n    public listbox!: HTMLDivElement;\n\n    /**\n     * @internal\n     */\n    @observable\n    public readonly dropdownButton?: ToggleButton;\n\n    /**\n     * @internal\n     *\n     * The collection of currently filtered options.\n     */\n    @observable\n    public filteredOptions: ListboxOption[] = [];\n\n    /** @internal */\n    @observable\n    public hasOverflow = false;\n\n    public override get value(): string {\n        Observable.track(this, 'value');\n        return this._value;\n    }\n\n    public override set value(next: string) {\n        const prev = this._value;\n        let updatedValue = next;\n\n        if (this.$fastController.isConnected && this.options) {\n            const selectedIndex = this.findIndexOfValidOption(next);\n\n            const prevSelectedValue = this.options[this.selectedIndex]?.text;\n            const nextSelectedValue = this.options[selectedIndex]?.text;\n\n            if (prevSelectedValue !== nextSelectedValue) {\n                this.selectedIndex = selectedIndex;\n            }\n\n            updatedValue = this.firstSelectedOption?.text || updatedValue;\n        }\n\n        if (prev !== updatedValue) {\n            this._value = updatedValue;\n            super.valueChanged(prev, updatedValue);\n            Observable.notify(this, 'value');\n        }\n\n        // Can remove when following resolved: https://github.com/microsoft/fast/issues/6749\n        this.filter = next;\n        this.filterOptions();\n        this.selectedIndex = this.findIndexOfValidOption(this.value);\n    }\n\n    /**\n     * The list of options.\n     *\n     * Overrides `Listbox.options`.\n     */\n    public override get options(): ListboxOption[] {\n        Observable.track(this, 'options');\n        return this.filteredOptions && this.filter\n            ? this.filteredOptions\n            : this._options;\n    }\n\n    public override set options(value: ListboxOption[]) {\n        this._options = value;\n        Observable.notify(this, 'options');\n    }\n\n    /**\n     * The unique id for the internal listbox element.\n     *\n     * @internal\n     */\n    public listboxId: string = uniqueId('listbox-');\n\n    /**\n     * The space available in the viewport for the listbox when opened.\n     *\n     * @internal\n     */\n    @observable\n    public availableViewportHeight = 0;\n\n    private valueUpdatedByInput = false;\n    private valueBeforeTextUpdate?: string;\n    private _value = '';\n    private filter = '';\n\n    /**\n     * The initial state of the position attribute.\n     */\n    private forcedPosition = false;\n\n    private get isAutocompleteInline(): boolean {\n        return (\n            this.autocomplete === ComboboxAutocomplete.inline\n            || this.isAutocompleteBoth\n        );\n    }\n\n    private get isAutocompleteList(): boolean {\n        return (\n            this.autocomplete === ComboboxAutocomplete.list\n            || this.isAutocompleteBoth\n        );\n    }\n\n    private get isAutocompleteBoth(): boolean {\n        return this.autocomplete === ComboboxAutocomplete.both;\n    }\n\n    public override slottedOptionsChanged(\n        prev: HTMLElement[],\n        next: HTMLElement[]\n    ): void {\n        // Workaround for https://github.com/microsoft/fast/issues/5773\n        const value = this.value;\n        super.slottedOptionsChanged(prev, next);\n        this.updateValue();\n        if (value) {\n            this.value = value;\n        }\n    }\n\n    public override connectedCallback(): void {\n        super.connectedCallback();\n        this.forcedPosition = !!this.positionAttribute;\n        if (this.value) {\n            this.initialValue = this.value;\n        }\n        this.setPositioning();\n        this.updateInputAriaLabel();\n    }\n\n    /**\n     * @internal\n     */\n    public override clickHandler(e: MouseEvent): boolean {\n        if (this.disabled) {\n            return false;\n        }\n\n        if (this.open) {\n            const captured = (e.target as HTMLElement).closest<ListOption>(\n                'option,[role=option]'\n            );\n\n            if (!captured || captured.disabled) {\n                return false;\n            }\n\n            this.selectedOptions = [captured];\n            this.control.value = captured.text;\n            this.clearSelectionRange();\n            this.updateValue(true);\n        }\n\n        this.open = !this.open;\n\n        if (this.open) {\n            this.control.focus();\n        }\n\n        return true;\n    }\n\n    /**\n     * @internal\n     */\n    public toggleButtonClickHandler(e: Event): void {\n        e.stopImmediatePropagation();\n    }\n\n    /**\n     * @internal\n     */\n    public toggleButtonChangeHandler(e: Event): void {\n        this.open = this.dropdownButton!.checked;\n        e.stopImmediatePropagation();\n    }\n\n    /**\n     * @internal\n     */\n    public toggleButtonKeyDownHandler(e: KeyboardEvent): boolean {\n        switch (e.key) {\n            case keyArrowUp:\n            case keyArrowDown:\n            case keySpace:\n            case keyEnter:\n                this.open = true;\n                this.stopPropagation(e);\n                return false;\n            default:\n                return true;\n        }\n    }\n\n    /**\n     * @internal\n     */\n    public filterOptions(): void {\n        if (\n            !this.autocomplete\n            || this.autocomplete === ComboboxAutocomplete.none\n        ) {\n            this.filter = '';\n        }\n\n        const filter = this.filter.toLowerCase();\n\n        this.filteredOptions = this._options.filter(\n            o => o.text.toLowerCase().startsWith(filter) && !o.hidden\n        );\n\n        if (this.isAutocompleteList) {\n            this._options.forEach(o => {\n                (o as ListOption).visuallyHidden = !this.filteredOptions.includes(o);\n            });\n        }\n    }\n\n    /**\n     * @internal\n     */\n    public inputHandler(e: InputEvent): boolean {\n        this.filter = this.control.value;\n        this.filterOptions();\n\n        if (!this.isAutocompleteInline) {\n            this.selectedIndex = this.findIndexOfValidOption(\n                this.control.value\n            );\n        }\n\n        if (!e.inputType.includes('deleteContent') && this.filter.length) {\n            if (this.isAutocompleteList && !this.open) {\n                this.open = true;\n            }\n\n            if (this.isAutocompleteInline) {\n                if (this.filteredOptions.length) {\n                    this.selectedOptions = [this.filteredOptions[0]!];\n                    this.selectedIndex = this.options.indexOf(\n                        this.firstSelectedOption\n                    );\n                    this.setInlineSelection();\n                } else {\n                    this.selectedIndex = -1;\n                }\n            }\n        }\n\n        // This is a workaround for the issue described here: https://github.com/microsoft/fast/issues/6267\n        // For now, we will update the value ourselves while a user types in text. Note that there is other\n        // implementation related to this (like the 'keydownEventHandler') needed to create the complete set\n        // of desired behavior described in the issue noted above.\n        if (!this.valueUpdatedByInput) {\n            this.valueBeforeTextUpdate = this.value;\n        }\n        this.valueUpdatedByInput = true;\n\n        // This is a workaround for this FAST issue: https://github.com/microsoft/fast/issues/6776\n        if (this.value !== this.control.value) {\n            this.focusAndScrollOptionIntoView();\n        }\n\n        this.value = this.control.value;\n        return true;\n    }\n\n    public override keydownHandler(e: KeyboardEvent): boolean {\n        if (e.ctrlKey || e.altKey) {\n            return true;\n        }\n\n        switch (e.key) {\n            case keyEnter:\n                this.syncValue();\n                if (this.isAutocompleteInline) {\n                    this.filter = this.value;\n                }\n\n                this.open = false;\n                this.clearSelectionRange();\n                this.emitChangeIfValueUpdated();\n                break;\n            case keyEscape:\n                if (!this.isAutocompleteInline) {\n                    this.selectedIndex = -1;\n                }\n\n                if (this.open) {\n                    this.open = false;\n                    break;\n                }\n\n                this.value = '';\n                this.control.value = '';\n                this.filter = '';\n                this.filterOptions();\n                break;\n            case keyTab:\n                this.setInputToSelection();\n\n                if (!this.open) {\n                    return true;\n                }\n\n                e.preventDefault();\n                this.open = false;\n                break;\n            case keyArrowDown:\n            case keyArrowUp:\n                this.filterOptions();\n\n                if (!this.open) {\n                    this.open = true;\n                    break;\n                }\n\n                if (this.filteredOptions.length > 0) {\n                    super.keydownHandler(e);\n                }\n\n                if (this.isAutocompleteInline) {\n                    this.setInlineSelection();\n                }\n\n                if (this.open && this.valueUpdatedByInput) {\n                    this.valueUpdatedByInput = false;\n                }\n                break;\n            default:\n                return true;\n        }\n        return true;\n    }\n\n    /**\n     * @internal\n     */\n    public keyupHandler(e: KeyboardEvent): boolean {\n        const key = e.key;\n\n        switch (key) {\n            case 'ArrowLeft':\n            case 'ArrowRight':\n            case 'Backspace':\n            case 'Delete':\n            case 'Home':\n            case 'End': {\n                this.filter = this.control.value;\n                this.selectedIndex = -1;\n                this.filterOptions();\n                break;\n            }\n            default: {\n                break;\n            }\n        }\n\n        return true;\n    }\n\n    /**\n     * @internal\n     */\n    public override focusoutHandler(e: FocusEvent): boolean {\n        this.syncValue();\n\n        if (this.open) {\n            const focusTarget = e.relatedTarget as HTMLElement;\n            if (this.isSameNode(focusTarget)) {\n                this.focus();\n            }\n        }\n\n        this.open = false;\n        this.emitChangeIfValueUpdated();\n        return true;\n    }\n\n    /**\n     * Reset the element to its first selectable option when its parent form is reset.\n     *\n     * @internal\n     */\n    public override formResetCallback(): void {\n        super.formResetCallback();\n        this.setDefaultSelectedOption();\n        this.updateValue();\n    }\n\n    /** {@inheritDoc (FormAssociated:interface).validate} */\n    public override validate(): void {\n        super.validate(this.control);\n    }\n\n    /**\n     * Set the default selected options at initialization or reset.\n     *\n     * @internal\n     * @remarks\n     * Overrides `Listbox.setDefaultSelectedOption`\n     */\n    public override setDefaultSelectedOption(): void {\n        if (this.$fastController.isConnected && this.options) {\n            const selectedIndex = this.options.findIndex(\n                el => !el.disabled\n                    && (el.getAttribute('selected') !== null || el.selected)\n            );\n\n            this.selectedIndex = selectedIndex;\n            if (!this.dirtyValue && this.firstSelectedOption) {\n                this.value = this.firstSelectedOption.text;\n            }\n            this.setSelectedOptions();\n        }\n    }\n\n    /**\n     * @internal\n     */\n    public override selectedIndexChanged(\n        prev: number | undefined,\n        next: number\n    ): void {\n        if (this.$fastController.isConnected) {\n            let pinnedSelectedIndex = limit(-1, this.options.length - 1, next);\n            // Ensure selectedIndex doesn't get set to a disabled option\n            if (this.options[pinnedSelectedIndex]?.disabled) {\n                pinnedSelectedIndex = -1;\n            }\n\n            // we only want to call the super method when the selectedIndex is in range\n            if (pinnedSelectedIndex !== this.selectedIndex) {\n                this.selectedIndex = pinnedSelectedIndex;\n                return;\n            }\n\n            super.selectedIndexChanged(prev, pinnedSelectedIndex);\n            // the base class doesn't call this when no option is selected, but we need to,\n            // otherwise selectedOptions, ariaActiveDescendant, and the previously selected\n            // option's selected state won't be updated\n            this.setSelectedOptions();\n        }\n    }\n\n    /**\n     * Synchronize the `aria-disabled` property when the `disabled` property changes.\n     *\n     * @internal\n     */\n    public override disabledChanged(prev: boolean, next: boolean): void {\n        if (super.disabledChanged) {\n            super.disabledChanged(prev, next);\n        }\n        this.ariaDisabled = this.disabled ? 'true' : 'false';\n    }\n\n    /**\n     * Move focus to the next selectable option.\n     *\n     * @internal\n     * @remarks Has the same behavior as `Listbox.selectNextOption` except it skips disabled options.\n     * Overrides `Listbox.selectNextOption`\n     */\n    public override selectNextOption(): void {\n        if (!this.disabled) {\n            let newIndex = this.selectedIndex;\n            do {\n                if (newIndex + 1 >= this.options.length) {\n                    return;\n                }\n                newIndex += 1;\n            } while (this.options[newIndex]!.disabled);\n            this.selectedIndex = newIndex;\n        }\n    }\n\n    /**\n     * Move focus to the previous selectable option.\n     *\n     * @internal\n     * @remarks Has the same behavior as `Listbox.selectPreviousOption` except it skips disabled options and allows moving focus to the input.\n     * Overrides `Listbox.selectPreviousOption`\n     */\n    public override selectPreviousOption(): void {\n        if (!this.disabled) {\n            let newIndex = this.selectedIndex;\n            do {\n                newIndex -= 1;\n                if (newIndex < 0) {\n                    break;\n                }\n            } while (this.options[newIndex]!.disabled);\n            this.selectedIndex = newIndex;\n        }\n    }\n\n    /**\n     * @internal\n     */\n    public setPositioning(): void {\n        // Workaround for https://github.com/microsoft/fast/issues/5123\n        if (!this.$fastController.isConnected) {\n            // Don't call setPositioning() until we're connected,\n            // since this.forcedPosition isn't initialized yet.\n            return;\n        }\n        const currentBox = this.getBoundingClientRect();\n        const viewportHeight = window.innerHeight;\n        const availableBottom = viewportHeight - currentBox.bottom;\n\n        if (this.forcedPosition) {\n            this.position = this.positionAttribute;\n        } else if (currentBox.top > availableBottom) {\n            this.position = SelectPosition.above;\n        } else {\n            this.position = SelectPosition.below;\n        }\n\n        this.positionAttribute = this.forcedPosition\n            ? this.positionAttribute\n            : this.position;\n\n        this.availableViewportHeight = this.position === SelectPosition.above\n            ? Math.trunc(currentBox.top)\n            : Math.trunc(availableBottom);\n    }\n\n    /**\n     * Focus the control and scroll the first selected option into view.\n     *\n     * @internal\n     * @remarks\n     * Overrides: `Listbox.focusAndScrollOptionIntoView`\n     */\n    protected override focusAndScrollOptionIntoView(): void {\n        if (this.open) {\n            if (this.contains(document.activeElement)) {\n                this.control.focus();\n                if (this.firstSelectedOption) {\n                    requestAnimationFrame(() => {\n                        this.firstSelectedOption?.scrollIntoView({\n                            block: 'nearest'\n                        });\n                    });\n                }\n            }\n        }\n    }\n\n    protected openChanged(): void {\n        if (this.open) {\n            this.ariaControls = this.listboxId;\n            this.ariaExpanded = 'true';\n\n            this.setPositioning();\n            this.focusAndScrollOptionIntoView();\n\n            // focus is directed to the element when `open` is changed programmatically\n            DOM.queueUpdate(() => this.focus());\n        } else {\n            this.ariaControls = '';\n            this.ariaExpanded = 'false';\n        }\n\n        if (this.dropdownButton) {\n            this.dropdownButton.checked = this.open;\n        }\n    }\n\n    protected placeholderChanged(): void {\n        if (this.proxy instanceof HTMLInputElement) {\n            this.proxy.placeholder = this.placeholder ?? '';\n        }\n    }\n\n    /**\n     * Need to update even when options is empty.\n     * @internal\n     * @remarks Same as `Listbox.setSelectedOptions` except does not check if options is non-empty.\n     * Overrides: `Listbox.setSelectedOptions`\n     */\n    protected override setSelectedOptions(): void {\n        this.selectedOptions = this.selectedIndex > -1 ? [this.options[this.selectedIndex]!] : [];\n        this.ariaActiveDescendant = this.firstSelectedOption?.id ?? '';\n        this.focusAndScrollOptionIntoView();\n    }\n\n    /**\n     * Ensure that the entire list of options is used when setting the selected property.\n     * @internal\n     * @remarks\n     * Overrides: `Listbox.selectedOptionsChanged`\n     */\n    protected override selectedOptionsChanged(\n        _: ListboxOption[] | undefined,\n        next: ListboxOption[]\n    ): void {\n        if (this.$fastController.isConnected) {\n            this._options.forEach(o => {\n                o.selected = next.includes(o);\n            });\n        }\n    }\n\n    protected positionChanged(\n        _: SelectPosition | undefined,\n        next: SelectPosition | undefined\n    ): void {\n        this.positionAttribute = next;\n        this.setPositioning();\n    }\n\n    private regionChanged(\n        _prev: AnchoredRegion | undefined,\n        _next: AnchoredRegion | undefined\n    ): void {\n        if (this.region && this.controlWrapper) {\n            this.region.anchorElement = this.controlWrapper;\n        }\n    }\n\n    private controlWrapperChanged(\n        _prev: HTMLElement | undefined,\n        _next: HTMLElement | undefined\n    ): void {\n        if (this.region && this.controlWrapper) {\n            this.region.anchorElement = this.controlWrapper;\n        }\n    }\n\n    // Workaround for https://github.com/microsoft/fast/issues/6041.\n    private ariaLabelChanged(_oldValue: string, _newValue: string): void {\n        this.updateInputAriaLabel();\n    }\n\n    /**\n     * Sets the value and to match the first selected option.\n     */\n    private updateValue(shouldEmit?: boolean): void {\n        if (this.$fastController.isConnected) {\n            this.value = this.firstSelectedOption?.text || this.control.value;\n            this.control.value = this.value;\n        }\n\n        if (shouldEmit) {\n            this.$emit('change');\n        }\n    }\n\n    /**\n     * Focus and set the content of the control based on the first selected option.\n     */\n    private setInputToSelection(): void {\n        if (this.firstSelectedOption) {\n            this.control.value = this.firstSelectedOption.text;\n            this.control.focus();\n        }\n    }\n\n    /**\n     * Focus, set and select the content of the control based on the first selected option.\n     */\n    private setInlineSelection(): void {\n        if (this.firstSelectedOption) {\n            this.setInputToSelection();\n            this.control.setSelectionRange(\n                this.filter.length,\n                this.control.value.length,\n                'backward'\n            );\n        }\n    }\n\n    private clearSelectionRange(): void {\n        const controlValueLength = this.control.value.length;\n        this.control.setSelectionRange(controlValueLength, controlValueLength);\n    }\n\n    /**\n     * Determines if a value update should involve emitting a change event, then updates the value.\n     */\n    private syncValue(): void {\n        const newValue = this.selectedIndex > -1\n            ? this.firstSelectedOption?.text\n            : this.control.value;\n        this.updateValue(this.value !== newValue);\n    }\n\n    private updateInputAriaLabel(): void {\n        const inputElement = this.shadowRoot?.querySelector('.selected-value');\n        if (this.ariaLabel) {\n            inputElement?.setAttribute('aria-label', this.ariaLabel);\n        } else {\n            inputElement?.removeAttribute('aria-label');\n        }\n    }\n\n    /**\n     * This will only emit a `change` event after text entry where the text in the input prior to\n     * typing is different than the text present upon an attempt to commit (e.g. pressing <Enter>).\n     * So, for a concrete example:\n     * 1) User types 'Sue' (when Combobox input was blank).\n     * 2) User presses <Enter> -> 'change' event fires\n     * 3) User deletes 'Sue'\n     * 4) User re-types 'Sue'\n     * 5) User presses <Enter> -> NO 'change' event is fired\n     */\n    private emitChangeIfValueUpdated(): void {\n        if (this.valueUpdatedByInput) {\n            if (this.value !== this.valueBeforeTextUpdate) {\n                this.$emit('change');\n            }\n\n            this.valueUpdatedByInput = false;\n        }\n    }\n\n    private findIndexOfValidOption(optionText: string): number {\n        return this.options.findIndex(\n            o => !o.disabled && o.text === optionText\n        );\n    }\n}\n\nconst nimbleCombobox = Combobox.compose<ComboboxOptions>({\n    baseName: 'combobox',\n    baseClass: FormAssociatedCombobox,\n    template,\n    styles,\n    shadowOptions: {\n        delegatesFocus: true\n    },\n    end: html<Combobox>`\n        <div class=\"end-slot-container\">\n            <${iconExclamationMarkTag}\n                severity=\"error\"\n                class=\"error-icon\"\n            ></${iconExclamationMarkTag}>\n            <div class=\"separator\"></div>\n            <${toggleButtonTag}\n                ${ref('dropdownButton')}\n                appearance=\"ghost\"\n                ?checked=\"${x => x.open}\"\n                ?disabled=\"${x => x.disabled}\"\n                content-hidden=\"true\"\n                @click=\"${(x, c) => x.toggleButtonClickHandler(c.event)}\"\n                @change=\"${(x, c) => x.toggleButtonChangeHandler(c.event)}\"\n                @keydown=\"${(x, c) => x.toggleButtonKeyDownHandler(c.event as KeyboardEvent)}\"\n                class=\"dropdown-button\"\n                part=\"button\"\n                aria-hidden=\"true\"\n                tabindex=\"-1\"\n            >\n                <${iconArrowExpanderDownTag}\n                    slot=\"start\"\n                    class=\"dropdown-icon\"\n                >\n                </${iconArrowExpanderDownTag}>\n            </${toggleButtonTag}>\n        </div>\n        ${errorTextTemplate}\n    `\n});\n\nexport interface Combobox extends StartEnd, DelegatesARIACombobox {}\napplyMixins(Combobox, StartEnd, DelegatesARIACombobox);\n\nDesignSystem.getOrCreate().withPrefix('nimble').register(nimbleCombobox());\nexport const comboboxTag = 'nimble-combobox';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/combobox/index.ts"],"names":[],"mappings":"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","sourcesContent":["import { DOM, Observable, attr, html, observable, ref } from '@ni/fast-element';\nimport {\n    DesignSystem,\n    type ComboboxOptions,\n    ComboboxAutocomplete,\n    SelectPosition,\n    ListboxOption,\n    DelegatesARIACombobox,\n    applyMixins,\n    StartEnd\n} from '@ni/fast-foundation';\nimport {\n    keyArrowDown,\n    keyArrowUp,\n    keyEnter,\n    keyEscape,\n    keySpace,\n    keyTab,\n    limit,\n    uniqueId\n} from '@ni/fast-web-utilities';\nimport { ToggleButton, toggleButtonTag } from '../toggle-button';\nimport { errorTextTemplate } from '../patterns/error/template';\nimport { iconArrowExpanderDownTag } from '../icons/arrow-expander-down';\nimport { iconExclamationMarkTag } from '../icons/exclamation-mark';\n\nimport { styles } from './styles';\nimport { mixinErrorPattern } from '../patterns/error/types';\nimport {\n    DropdownAppearance,\n    type DropdownPattern\n} from '../patterns/dropdown/types';\nimport type { AnchoredRegion } from '../anchored-region';\nimport { template } from './template';\nimport { FormAssociatedCombobox } from './models/combobox-form-associated';\nimport type { ListOption } from '../list-option';\nimport { mixinRequiredVisiblePattern } from '../patterns/required-visible/types';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-combobox': Combobox;\n    }\n}\n\n/**\n * A nimble-styed HTML combobox\n */\nexport class Combobox\n    extends mixinErrorPattern(\n        mixinRequiredVisiblePattern(FormAssociatedCombobox)\n    )\n    implements DropdownPattern {\n    @attr\n    public appearance: DropdownAppearance = DropdownAppearance.underline;\n\n    /**\n     * The autocomplete attribute.\n     */\n    @attr({ attribute: 'autocomplete', mode: 'fromView' })\n    public autocomplete?: ComboboxAutocomplete;\n\n    /**\n     * The placement for the listbox when the combobox is open.\n     */\n    @attr({ attribute: 'position' })\n    public positionAttribute?: SelectPosition;\n\n    /**\n     * The open attribute.\n     */\n    @attr({ attribute: 'open', mode: 'boolean' })\n    public open = false;\n\n    /**\n     * Sets the placeholder value of the element, generally used to provide a hint to the user.\n     * @remarks Using a non-null assertion to mimic FAST's original improper typing of an\n     * uninitialized property:\n     * https://github.com/microsoft/fast/blob/0c27d027ff6e8616ad4fddc17f4432aa7f6cbad0/packages/web-components/fast-foundation/src/combobox/combobox.ts#L199\n     */\n    @attr\n    public placeholder!: string;\n\n    /**\n     * The current state of the calculated position of the listbox.\n     *\n     * @public\n     */\n    @observable\n    public position?: SelectPosition;\n\n    /**\n     * @internal\n     */\n    @observable\n    public region?: AnchoredRegion;\n\n    /**\n     * @internal\n     */\n    @observable\n    public controlWrapper!: HTMLElement;\n\n    /**\n     * @internal\n     */\n    @observable\n    public control!: HTMLInputElement;\n\n    /**\n     * @internal\n     */\n    @observable\n    public listbox!: HTMLDivElement;\n\n    /**\n     * @internal\n     */\n    @observable\n    public readonly dropdownButton?: ToggleButton;\n\n    /**\n     * @internal\n     *\n     * The collection of currently filtered options.\n     */\n    @observable\n    public filteredOptions: ListboxOption[] = [];\n\n    /** @internal */\n    @observable\n    public hasOverflow = false;\n\n    public override get value(): string {\n        Observable.track(this, 'value');\n        return this._value;\n    }\n\n    public override set value(next: string) {\n        const prev = this._value;\n        let updatedValue = next;\n\n        if (this.$fastController.isConnected && this.options) {\n            const selectedIndex = this.findIndexOfValidOption(next);\n\n            const prevSelectedValue = this.options[this.selectedIndex]?.text;\n            const nextSelectedValue = this.options[selectedIndex]?.text;\n\n            if (prevSelectedValue !== nextSelectedValue) {\n                this.selectedIndex = selectedIndex;\n            }\n\n            updatedValue = this.firstSelectedOption?.text || updatedValue;\n        }\n\n        if (prev !== updatedValue) {\n            this._value = updatedValue;\n            super.valueChanged(prev, updatedValue);\n            Observable.notify(this, 'value');\n        }\n\n        // Can remove when following resolved: https://github.com/microsoft/fast/issues/6749\n        this.filter = next;\n        this.filterOptions();\n        this.selectedIndex = this.findIndexOfValidOption(this.value);\n    }\n\n    /**\n     * The list of options.\n     *\n     * Overrides `Listbox.options`.\n     */\n    public override get options(): ListboxOption[] {\n        Observable.track(this, 'options');\n        return this.filteredOptions && this.filter\n            ? this.filteredOptions\n            : this._options;\n    }\n\n    public override set options(value: ListboxOption[]) {\n        this._options = value;\n        Observable.notify(this, 'options');\n    }\n\n    /**\n     * The unique id for the internal listbox element.\n     *\n     * @internal\n     */\n    public listboxId: string = uniqueId('listbox-');\n\n    /**\n     * The space available in the viewport for the listbox when opened.\n     *\n     * @internal\n     */\n    @observable\n    public availableViewportHeight = 0;\n\n    private valueUpdatedByInput = false;\n    private valueBeforeTextUpdate?: string;\n    private _value = '';\n    private filter = '';\n\n    /**\n     * The initial state of the position attribute.\n     */\n    private forcedPosition = false;\n\n    private get isAutocompleteInline(): boolean {\n        return (\n            this.autocomplete === ComboboxAutocomplete.inline\n            || this.isAutocompleteBoth\n        );\n    }\n\n    private get isAutocompleteList(): boolean {\n        return (\n            this.autocomplete === ComboboxAutocomplete.list\n            || this.isAutocompleteBoth\n        );\n    }\n\n    private get isAutocompleteBoth(): boolean {\n        return this.autocomplete === ComboboxAutocomplete.both;\n    }\n\n    public override slottedOptionsChanged(\n        prev: HTMLElement[],\n        next: HTMLElement[]\n    ): void {\n        // Workaround for https://github.com/microsoft/fast/issues/5773\n        const value = this.value;\n        super.slottedOptionsChanged(prev, next);\n        this.updateValue();\n        if (value) {\n            this.value = value;\n        }\n    }\n\n    public override connectedCallback(): void {\n        super.connectedCallback();\n        this.forcedPosition = !!this.positionAttribute;\n        if (this.value) {\n            this.initialValue = this.value;\n        }\n        this.setPositioning();\n        this.updateInputAriaLabel();\n    }\n\n    /**\n     * @internal\n     */\n    public override clickHandler(e: MouseEvent): boolean {\n        if (this.disabled) {\n            return false;\n        }\n\n        if (this.open) {\n            const captured = (e.target as HTMLElement).closest<ListOption>(\n                'option,[role=option]'\n            );\n\n            if (!captured || captured.disabled) {\n                return false;\n            }\n\n            this.selectedOptions = [captured];\n            this.control.value = captured.text;\n            this.clearSelectionRange();\n            this.updateValue(true);\n        }\n\n        this.open = !this.open;\n\n        if (this.open) {\n            this.control.focus();\n        }\n\n        return true;\n    }\n\n    /**\n     * @internal\n     */\n    public toggleButtonClickHandler(e: Event): void {\n        e.stopImmediatePropagation();\n    }\n\n    /**\n     * @internal\n     */\n    public toggleButtonChangeHandler(e: Event): void {\n        this.open = this.dropdownButton!.checked;\n        e.stopImmediatePropagation();\n    }\n\n    /**\n     * @internal\n     */\n    public toggleButtonKeyDownHandler(e: KeyboardEvent): boolean {\n        switch (e.key) {\n            case keyArrowUp:\n            case keyArrowDown:\n            case keySpace:\n            case keyEnter:\n                this.open = true;\n                this.stopPropagation(e);\n                return false;\n            default:\n                return true;\n        }\n    }\n\n    /**\n     * @internal\n     */\n    public filterOptions(): void {\n        if (\n            !this.autocomplete\n            || this.autocomplete === ComboboxAutocomplete.none\n        ) {\n            this.filter = '';\n        }\n\n        const filter = this.filter.toLowerCase();\n\n        this.filteredOptions = this._options.filter(\n            o => o.text.toLowerCase().startsWith(filter) && !o.hidden\n        );\n\n        if (this.isAutocompleteList) {\n            this._options.forEach(o => {\n                (o as ListOption).visuallyHidden = !this.filteredOptions.includes(o);\n            });\n        }\n    }\n\n    /**\n     * @internal\n     */\n    public inputHandler(e: InputEvent): boolean {\n        this.filter = this.control.value;\n        this.filterOptions();\n\n        if (!this.isAutocompleteInline) {\n            this.selectedIndex = this.findIndexOfValidOption(\n                this.control.value\n            );\n        }\n\n        if (!e.inputType.includes('deleteContent') && this.filter.length) {\n            if (this.isAutocompleteList && !this.open) {\n                this.open = true;\n            }\n\n            if (this.isAutocompleteInline) {\n                if (this.filteredOptions.length) {\n                    this.selectedOptions = [this.filteredOptions[0]!];\n                    this.selectedIndex = this.options.indexOf(\n                        this.firstSelectedOption\n                    );\n                    this.setInlineSelection();\n                } else {\n                    this.selectedIndex = -1;\n                }\n            }\n        }\n\n        // This is a workaround for the issue described here: https://github.com/microsoft/fast/issues/6267\n        // For now, we will update the value ourselves while a user types in text. Note that there is other\n        // implementation related to this (like the 'keydownEventHandler') needed to create the complete set\n        // of desired behavior described in the issue noted above.\n        if (!this.valueUpdatedByInput) {\n            this.valueBeforeTextUpdate = this.value;\n        }\n        this.valueUpdatedByInput = true;\n\n        // This is a workaround for this FAST issue: https://github.com/microsoft/fast/issues/6776\n        if (this.value !== this.control.value) {\n            this.focusAndScrollOptionIntoView();\n        }\n\n        this.value = this.control.value;\n        return true;\n    }\n\n    public override keydownHandler(e: KeyboardEvent): boolean {\n        if (e.ctrlKey || e.altKey) {\n            return true;\n        }\n\n        switch (e.key) {\n            case keyEnter:\n                this.syncValue();\n                if (this.isAutocompleteInline) {\n                    this.filter = this.value;\n                }\n\n                this.open = false;\n                this.clearSelectionRange();\n                this.emitChangeIfValueUpdated();\n                break;\n            case keyEscape:\n                if (!this.isAutocompleteInline) {\n                    this.selectedIndex = -1;\n                }\n\n                if (this.open) {\n                    this.open = false;\n                    break;\n                }\n\n                this.value = '';\n                this.control.value = '';\n                this.filter = '';\n                this.filterOptions();\n                break;\n            case keyTab:\n                this.setInputToSelection();\n\n                if (!this.open) {\n                    return true;\n                }\n\n                e.preventDefault();\n                this.open = false;\n                break;\n            case keyArrowDown:\n            case keyArrowUp:\n                this.filterOptions();\n\n                if (!this.open) {\n                    this.open = true;\n                    break;\n                }\n\n                if (this.filteredOptions.length > 0) {\n                    super.keydownHandler(e);\n                }\n\n                if (this.isAutocompleteInline) {\n                    this.setInlineSelection();\n                }\n\n                if (this.open && this.valueUpdatedByInput) {\n                    this.valueUpdatedByInput = false;\n                }\n                break;\n            default:\n                return true;\n        }\n        return true;\n    }\n\n    /**\n     * @internal\n     */\n    public keyupHandler(e: KeyboardEvent): boolean {\n        const key = e.key;\n\n        switch (key) {\n            case 'ArrowLeft':\n            case 'ArrowRight':\n            case 'Backspace':\n            case 'Delete':\n            case 'Home':\n            case 'End': {\n                this.filter = this.control.value;\n                this.selectedIndex = -1;\n                this.filterOptions();\n                break;\n            }\n            default: {\n                break;\n            }\n        }\n\n        return true;\n    }\n\n    /**\n     * @internal\n     */\n    public override focusoutHandler(e: FocusEvent): boolean {\n        this.syncValue();\n\n        if (this.open) {\n            const focusTarget = e.relatedTarget as HTMLElement;\n            if (this.isSameNode(focusTarget)) {\n                this.focus();\n            }\n        }\n\n        this.open = false;\n        this.emitChangeIfValueUpdated();\n        return true;\n    }\n\n    /**\n     * Reset the element to its first selectable option when its parent form is reset.\n     *\n     * @internal\n     */\n    public override formResetCallback(): void {\n        super.formResetCallback();\n        this.setDefaultSelectedOption();\n        this.updateValue();\n    }\n\n    /** {@inheritDoc (FormAssociated:interface).validate} */\n    public override validate(): void {\n        super.validate(this.control);\n    }\n\n    /**\n     * Set the default selected options at initialization or reset.\n     *\n     * @internal\n     * @remarks\n     * Overrides `Listbox.setDefaultSelectedOption`\n     */\n    public override setDefaultSelectedOption(): void {\n        if (this.$fastController.isConnected && this.options) {\n            const selectedIndex = this.options.findIndex(\n                el => !el.disabled\n                    && (el.getAttribute('selected') !== null || el.selected)\n            );\n\n            this.selectedIndex = selectedIndex;\n            if (!this.dirtyValue && this.firstSelectedOption) {\n                this.value = this.firstSelectedOption.text;\n            }\n            this.setSelectedOptions();\n        }\n    }\n\n    /**\n     * @internal\n     */\n    public override selectedIndexChanged(\n        prev: number | undefined,\n        next: number\n    ): void {\n        if (this.$fastController.isConnected) {\n            let pinnedSelectedIndex = limit(-1, this.options.length - 1, next);\n            // Ensure selectedIndex doesn't get set to a disabled option\n            if (this.options[pinnedSelectedIndex]?.disabled) {\n                pinnedSelectedIndex = -1;\n            }\n\n            // we only want to call the super method when the selectedIndex is in range\n            if (pinnedSelectedIndex !== this.selectedIndex) {\n                this.selectedIndex = pinnedSelectedIndex;\n                return;\n            }\n\n            super.selectedIndexChanged(prev, pinnedSelectedIndex);\n            // the base class doesn't call this when no option is selected, but we need to,\n            // otherwise selectedOptions, ariaActiveDescendant, and the previously selected\n            // option's selected state won't be updated\n            this.setSelectedOptions();\n        }\n    }\n\n    /**\n     * Synchronize the `aria-disabled` property when the `disabled` property changes.\n     *\n     * @internal\n     */\n    public override disabledChanged(prev: boolean, next: boolean): void {\n        if (super.disabledChanged) {\n            super.disabledChanged(prev, next);\n        }\n        this.ariaDisabled = this.disabled ? 'true' : 'false';\n    }\n\n    /**\n     * Move focus to the next selectable option.\n     *\n     * @internal\n     * @remarks Has the same behavior as `Listbox.selectNextOption` except it skips disabled options.\n     * Overrides `Listbox.selectNextOption`\n     */\n    public override selectNextOption(): void {\n        if (!this.disabled) {\n            let newIndex = this.selectedIndex;\n            do {\n                if (newIndex + 1 >= this.options.length) {\n                    return;\n                }\n                newIndex += 1;\n            } while (this.options[newIndex]!.disabled);\n            this.selectedIndex = newIndex;\n        }\n    }\n\n    /**\n     * Move focus to the previous selectable option.\n     *\n     * @internal\n     * @remarks Has the same behavior as `Listbox.selectPreviousOption` except it skips disabled options and allows moving focus to the input.\n     * Overrides `Listbox.selectPreviousOption`\n     */\n    public override selectPreviousOption(): void {\n        if (!this.disabled) {\n            let newIndex = this.selectedIndex;\n            do {\n                newIndex -= 1;\n                if (newIndex < 0) {\n                    break;\n                }\n            } while (this.options[newIndex]!.disabled);\n            this.selectedIndex = newIndex;\n        }\n    }\n\n    /**\n     * @internal\n     */\n    public setPositioning(): void {\n        // Workaround for https://github.com/microsoft/fast/issues/5123\n        if (!this.$fastController.isConnected) {\n            // Don't call setPositioning() until we're connected,\n            // since this.forcedPosition isn't initialized yet.\n            return;\n        }\n        const currentBox = this.getBoundingClientRect();\n        const viewportHeight = window.innerHeight;\n        const availableBottom = viewportHeight - currentBox.bottom;\n\n        if (this.forcedPosition) {\n            this.position = this.positionAttribute;\n        } else if (currentBox.top > availableBottom) {\n            this.position = SelectPosition.above;\n        } else {\n            this.position = SelectPosition.below;\n        }\n\n        this.positionAttribute = this.forcedPosition\n            ? this.positionAttribute\n            : this.position;\n\n        this.availableViewportHeight = this.position === SelectPosition.above\n            ? Math.trunc(currentBox.top)\n            : Math.trunc(availableBottom);\n    }\n\n    /**\n     * Focus the control and scroll the first selected option into view.\n     *\n     * @internal\n     * @remarks\n     * Overrides: `Listbox.focusAndScrollOptionIntoView`\n     */\n    protected override focusAndScrollOptionIntoView(): void {\n        if (this.open) {\n            if (this.contains(document.activeElement)) {\n                this.control.focus();\n                if (this.firstSelectedOption) {\n                    requestAnimationFrame(() => {\n                        this.firstSelectedOption?.scrollIntoView({\n                            block: 'nearest'\n                        });\n                    });\n                }\n            }\n        }\n    }\n\n    protected openChanged(): void {\n        if (this.open) {\n            this.ariaControls = this.listboxId;\n            this.ariaExpanded = 'true';\n\n            this.setPositioning();\n            this.focusAndScrollOptionIntoView();\n\n            // focus is directed to the element when `open` is changed programmatically\n            DOM.queueUpdate(() => this.focus());\n        } else {\n            this.ariaControls = '';\n            this.ariaExpanded = 'false';\n        }\n\n        if (this.dropdownButton) {\n            this.dropdownButton.checked = this.open;\n        }\n    }\n\n    protected placeholderChanged(): void {\n        if (this.proxy instanceof HTMLInputElement) {\n            this.proxy.placeholder = this.placeholder ?? '';\n        }\n    }\n\n    /**\n     * Need to update even when options is empty.\n     * @internal\n     * @remarks Same as `Listbox.setSelectedOptions` except does not check if options is non-empty.\n     * Overrides: `Listbox.setSelectedOptions`\n     */\n    protected override setSelectedOptions(): void {\n        this.selectedOptions = this.selectedIndex > -1 ? [this.options[this.selectedIndex]!] : [];\n        this.ariaActiveDescendant = this.firstSelectedOption?.id ?? '';\n        this.focusAndScrollOptionIntoView();\n    }\n\n    /**\n     * Ensure that the entire list of options is used when setting the selected property.\n     * @internal\n     * @remarks\n     * Overrides: `Listbox.selectedOptionsChanged`\n     */\n    protected override selectedOptionsChanged(\n        _: ListboxOption[] | undefined,\n        next: ListboxOption[]\n    ): void {\n        if (this.$fastController.isConnected) {\n            this._options.forEach(o => {\n                o.selected = next.includes(o);\n            });\n        }\n    }\n\n    protected positionChanged(\n        _: SelectPosition | undefined,\n        next: SelectPosition | undefined\n    ): void {\n        this.positionAttribute = next;\n        this.setPositioning();\n    }\n\n    private regionChanged(\n        _prev: AnchoredRegion | undefined,\n        _next: AnchoredRegion | undefined\n    ): void {\n        if (this.region && this.controlWrapper) {\n            this.region.anchorElement = this.controlWrapper;\n        }\n    }\n\n    private controlWrapperChanged(\n        _prev: HTMLElement | undefined,\n        _next: HTMLElement | undefined\n    ): void {\n        if (this.region && this.controlWrapper) {\n            this.region.anchorElement = this.controlWrapper;\n        }\n    }\n\n    // Workaround for https://github.com/microsoft/fast/issues/6041.\n    private ariaLabelChanged(_oldValue: string, _newValue: string): void {\n        this.updateInputAriaLabel();\n    }\n\n    /**\n     * Sets the value and to match the first selected option.\n     */\n    private updateValue(shouldEmit?: boolean): void {\n        if (this.$fastController.isConnected) {\n            this.value = this.firstSelectedOption?.text || this.control.value;\n            this.control.value = this.value;\n        }\n\n        if (shouldEmit) {\n            this.$emit('change');\n        }\n    }\n\n    /**\n     * Focus and set the content of the control based on the first selected option.\n     */\n    private setInputToSelection(): void {\n        if (this.firstSelectedOption) {\n            this.control.value = this.firstSelectedOption.text;\n            this.control.focus();\n        }\n    }\n\n    /**\n     * Focus, set and select the content of the control based on the first selected option.\n     */\n    private setInlineSelection(): void {\n        if (this.firstSelectedOption) {\n            this.setInputToSelection();\n            this.control.setSelectionRange(\n                this.filter.length,\n                this.control.value.length,\n                'backward'\n            );\n        }\n    }\n\n    private clearSelectionRange(): void {\n        const controlValueLength = this.control.value.length;\n        this.control.setSelectionRange(controlValueLength, controlValueLength);\n    }\n\n    /**\n     * Determines if a value update should involve emitting a change event, then updates the value.\n     */\n    private syncValue(): void {\n        const newValue = this.selectedIndex > -1\n            ? this.firstSelectedOption?.text\n            : this.control.value;\n        this.updateValue(this.value !== newValue);\n    }\n\n    private updateInputAriaLabel(): void {\n        const inputElement = this.shadowRoot?.querySelector('.selected-value');\n        if (this.ariaLabel) {\n            inputElement?.setAttribute('aria-label', this.ariaLabel);\n        } else {\n            inputElement?.removeAttribute('aria-label');\n        }\n    }\n\n    /**\n     * This will only emit a `change` event after text entry where the text in the input prior to\n     * typing is different than the text present upon an attempt to commit (e.g. pressing <Enter>).\n     * So, for a concrete example:\n     * 1) User types 'Sue' (when Combobox input was blank).\n     * 2) User presses <Enter> -> 'change' event fires\n     * 3) User deletes 'Sue'\n     * 4) User re-types 'Sue'\n     * 5) User presses <Enter> -> NO 'change' event is fired\n     */\n    private emitChangeIfValueUpdated(): void {\n        if (this.valueUpdatedByInput) {\n            if (this.value !== this.valueBeforeTextUpdate) {\n                this.$emit('change');\n            }\n\n            this.valueUpdatedByInput = false;\n        }\n    }\n\n    private findIndexOfValidOption(optionText: string): number {\n        return this.options.findIndex(\n            o => !o.disabled && o.text === optionText\n        );\n    }\n}\n\nconst nimbleCombobox = Combobox.compose<ComboboxOptions>({\n    baseName: 'combobox',\n    baseClass: FormAssociatedCombobox,\n    template,\n    styles,\n    shadowOptions: {\n        delegatesFocus: true\n    },\n    end: html<Combobox>`\n        <div class=\"end-slot-container\">\n            <${iconExclamationMarkTag}\n                severity=\"error\"\n                class=\"error-icon\"\n            ></${iconExclamationMarkTag}>\n            <div class=\"separator\"></div>\n            <${toggleButtonTag}\n                ${ref('dropdownButton')}\n                appearance=\"ghost\"\n                ?checked=\"${x => x.open}\"\n                ?disabled=\"${x => x.disabled}\"\n                content-hidden=\"true\"\n                @click=\"${(x, c) => x.toggleButtonClickHandler(c.event)}\"\n                @change=\"${(x, c) => x.toggleButtonChangeHandler(c.event)}\"\n                @keydown=\"${(x, c) => x.toggleButtonKeyDownHandler(c.event as KeyboardEvent)}\"\n                class=\"dropdown-button\"\n                part=\"button\"\n                aria-hidden=\"true\"\n                tabindex=\"-1\"\n            >\n                <${iconArrowExpanderDownTag}\n                    slot=\"start\"\n                    class=\"dropdown-icon\"\n                >\n                </${iconArrowExpanderDownTag}>\n            </${toggleButtonTag}>\n        </div>\n        ${errorTextTemplate}\n    `\n});\n\nexport interface Combobox extends StartEnd, DelegatesARIACombobox {}\napplyMixins(Combobox, StartEnd, DelegatesARIACombobox);\n\nDesignSystem.getOrCreate().withPrefix('nimble').register(nimbleCombobox());\nexport const comboboxTag = 'nimble-combobox';\n"]}

package/dist/esm/combobox/models/combobox-form-associated.d.ts

@@ -1,4 +1,4 @@
-import { FormAssociated, ListboxElement } from '@microsoft/fast-foundation';
+import { FormAssociated, ListboxElement } from '@ni/fast-foundation';
 declare class Combobox extends ListboxElement {
 }
 interface Combobox extends FormAssociated {

package/dist/esm/combobox/models/combobox-form-associated.js

@@ -1,6 +1,6 @@
 // Based on: https://github.com/microsoft/fast/blob/%40microsoft/fast-foundation_v2.49.5/packages/web-components/fast-foundation/src/combobox/combobox.form-associated.ts
 /* eslint-disable max-classes-per-file */
-import { FormAssociated, ListboxElement } from '@microsoft/fast-foundation';
+import { FormAssociated, ListboxElement } from '@ni/fast-foundation';
 // eslint-disable-next-line jsdoc/require-jsdoc
 class Combobox extends ListboxElement {
 }

package/dist/esm/combobox/models/combobox-form-associated.js.map

@@ -1 +1 @@
-{"version":3,"file":"combobox-form-associated.js","sourceRoot":"","sources":["../../../../src/combobox/models/combobox-form-associated.ts"],"names":[],"mappings":"AAAA,yKAAyK;AACzK,yCAAyC;AACzC,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAE5E,+CAA+C;AAC/C,MAAM,QAAS,SAAQ,cAAc;CAAG;AAIxC;;;;;GAKG;AACH,MAAM,OAAO,sBAAuB,SAAQ,cAAc,CAAC,QAAQ,CAAC;IAApE;;QACW,UAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IACnD,CAAC;CAAA","sourcesContent":["// Based on: https://github.com/microsoft/fast/blob/%40microsoft/fast-foundation_v2.49.5/packages/web-components/fast-foundation/src/combobox/combobox.form-associated.ts\n/* eslint-disable max-classes-per-file */\nimport { FormAssociated, ListboxElement } from '@microsoft/fast-foundation';\n\n// eslint-disable-next-line jsdoc/require-jsdoc\nclass Combobox extends ListboxElement {}\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\ninterface Combobox extends FormAssociated {}\n\n/**\n * A form-associated base class for the Combobox component. This was copied from the\n * FAST FormAssociatedCombobox (which is not exported by fast-foundation)\n *\n * @internal\n */\nexport class FormAssociatedCombobox extends FormAssociated(Combobox) {\n    public proxy = document.createElement('input');\n}\n"]}
+{"version":3,"file":"combobox-form-associated.js","sourceRoot":"","sources":["../../../../src/combobox/models/combobox-form-associated.ts"],"names":[],"mappings":"AAAA,yKAAyK;AACzK,yCAAyC;AACzC,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAErE,+CAA+C;AAC/C,MAAM,QAAS,SAAQ,cAAc;CAAG;AAIxC;;;;;GAKG;AACH,MAAM,OAAO,sBAAuB,SAAQ,cAAc,CAAC,QAAQ,CAAC;IAApE;;QACW,UAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IACnD,CAAC;CAAA","sourcesContent":["// Based on: https://github.com/microsoft/fast/blob/%40microsoft/fast-foundation_v2.49.5/packages/web-components/fast-foundation/src/combobox/combobox.form-associated.ts\n/* eslint-disable max-classes-per-file */\nimport { FormAssociated, ListboxElement } from '@ni/fast-foundation';\n\n// eslint-disable-next-line jsdoc/require-jsdoc\nclass Combobox extends ListboxElement {}\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\ninterface Combobox extends FormAssociated {}\n\n/**\n * A form-associated base class for the Combobox component. This was copied from the\n * FAST FormAssociatedCombobox (which is not exported by fast-foundation)\n *\n * @internal\n */\nexport class FormAssociatedCombobox extends FormAssociated(Combobox) {\n    public proxy = document.createElement('input');\n}\n"]}

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

@@ -1,4 +1,4 @@
-import { css } from '@microsoft/fast-element';
+import { css } from '@ni/fast-element';
 import { controlHeight, bodyDisabledFontColor, borderRgbPartialColor, smallPadding, borderHoverColor, borderWidth } from '../theme-provider/design-tokens';
 import { styles as dropdownStyles } from '../patterns/dropdown/styles';
 import { styles as errorStyles } from '../patterns/error/styles';

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/combobox/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EACH,aAAa,EACb,qBAAqB,EACrB,qBAAqB,EACrB,YAAY,EACZ,gBAAgB,EAChB,WAAW,EACd,MAAM,iCAAiC,CAAC;AAEzC,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,6BAA6B,CAAC;AACvE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,MAAM,IAAI,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AACtF,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAEhE,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,cAAc;MACd,WAAW;MACX,qBAAqB;;;;;;cAMb,aAAa,UAAU,WAAW;;;;;;UAMtC,cAAc;iBACP,qBAAqB;;;;;;;;+BAQP,gBAAgB;;;;;;;;;;;;;;;;;qBAiB1B,YAAY;;;;;;;;;;;yBAWR,YAAY;;;;;;uCAME,qBAAqB;uBACrC,aAAa;;;;;;UAM1B,aAAa,CAAC,iBAAiB;uBAClB,YAAY;;;;gBAInB,qBAAqB;;CAEpC,CAAC,aAAa,CACX,kBAAkB,CACd,kBAAkB,CAAC,KAAK,EACxB,GAAG,CAAA;;uCAE4B,WAAW;;;SAGzC,CACJ,CACJ,CAAC","sourcesContent":["import { css } from '@microsoft/fast-element';\nimport {\n    controlHeight,\n    bodyDisabledFontColor,\n    borderRgbPartialColor,\n    smallPadding,\n    borderHoverColor,\n    borderWidth\n} from '../theme-provider/design-tokens';\n\nimport { styles as dropdownStyles } from '../patterns/dropdown/styles';\nimport { styles as errorStyles } from '../patterns/error/styles';\nimport { styles as requiredVisibleStyles } from '../patterns/required-visible/styles';\nimport { focusVisible } from '../utilities/style/focus';\nimport { appearanceBehavior } from '../utilities/style/appearance';\nimport { DropdownAppearance } from '../select/types';\nimport { userSelectNone } from '../utilities/style/user-select';\n\nexport const styles = css`\n    ${dropdownStyles}\n    ${errorStyles}\n    ${requiredVisibleStyles}\n\n    :host {\n        --ni-private-hover-bottom-border-width: 2px;\n        --ni-private-bottom-border-width: 1px;\n        --ni-private-height-within-border: calc(\n            ${controlHeight} - 2 * ${borderWidth}\n        );\n    }\n\n    :host([disabled]) *,\n    :host([disabled]) {\n        ${userSelectNone}\n        color: ${bodyDisabledFontColor};\n    }\n\n    .control {\n        bottom-border-width: var(--ni-private-bottom-border-width);\n    }\n\n    .control:focus-within {\n        border-bottom-color: ${borderHoverColor};\n    }\n\n    .selected-value {\n        -webkit-appearance: none;\n        background: transparent;\n        border: none;\n        color: inherit;\n        margin: auto 0;\n        width: 100%;\n        font: inherit;\n        height: var(--ni-private-height-within-border);\n    }\n\n    .selected-value:hover,\n    .selected-value:disabled,\n    .selected-value:active,\n    .selected-value${focusVisible} {\n        outline: none;\n    }\n\n    [part='indicator'] {\n        display: none;\n    }\n\n    .end-slot-container {\n        display: flex;\n        align-items: baseline;\n        padding-right: ${smallPadding};\n    }\n\n    .separator {\n        display: inline;\n        width: 2px;\n        border-right: 2px solid rgba(${borderRgbPartialColor}, 0.15);\n        height: calc(${controlHeight} - 12px);\n        align-self: center;\n        margin-left: 4px;\n    }\n\n    .dropdown-button {\n        ${controlHeight.cssCustomProperty}: 24px;\n        margin-left: ${smallPadding};\n    }\n\n    :host([disabled]) .dropdown-icon {\n        fill: ${bodyDisabledFontColor};\n    }\n`.withBehaviors(\n    appearanceBehavior(\n        DropdownAppearance.block,\n        css`\n            :host([error-visible]) .control {\n                border-bottom-width: ${borderWidth};\n                padding-bottom: 0;\n            }\n        `\n    )\n);\n"]}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/combobox/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EACH,aAAa,EACb,qBAAqB,EACrB,qBAAqB,EACrB,YAAY,EACZ,gBAAgB,EAChB,WAAW,EACd,MAAM,iCAAiC,CAAC;AAEzC,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,6BAA6B,CAAC;AACvE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,MAAM,IAAI,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AACtF,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAEhE,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,cAAc;MACd,WAAW;MACX,qBAAqB;;;;;;cAMb,aAAa,UAAU,WAAW;;;;;;UAMtC,cAAc;iBACP,qBAAqB;;;;;;;;+BAQP,gBAAgB;;;;;;;;;;;;;;;;;qBAiB1B,YAAY;;;;;;;;;;;yBAWR,YAAY;;;;;;uCAME,qBAAqB;uBACrC,aAAa;;;;;;UAM1B,aAAa,CAAC,iBAAiB;uBAClB,YAAY;;;;gBAInB,qBAAqB;;CAEpC,CAAC,aAAa,CACX,kBAAkB,CACd,kBAAkB,CAAC,KAAK,EACxB,GAAG,CAAA;;uCAE4B,WAAW;;;SAGzC,CACJ,CACJ,CAAC","sourcesContent":["import { css } from '@ni/fast-element';\nimport {\n    controlHeight,\n    bodyDisabledFontColor,\n    borderRgbPartialColor,\n    smallPadding,\n    borderHoverColor,\n    borderWidth\n} from '../theme-provider/design-tokens';\n\nimport { styles as dropdownStyles } from '../patterns/dropdown/styles';\nimport { styles as errorStyles } from '../patterns/error/styles';\nimport { styles as requiredVisibleStyles } from '../patterns/required-visible/styles';\nimport { focusVisible } from '../utilities/style/focus';\nimport { appearanceBehavior } from '../utilities/style/appearance';\nimport { DropdownAppearance } from '../select/types';\nimport { userSelectNone } from '../utilities/style/user-select';\n\nexport const styles = css`\n    ${dropdownStyles}\n    ${errorStyles}\n    ${requiredVisibleStyles}\n\n    :host {\n        --ni-private-hover-bottom-border-width: 2px;\n        --ni-private-bottom-border-width: 1px;\n        --ni-private-height-within-border: calc(\n            ${controlHeight} - 2 * ${borderWidth}\n        );\n    }\n\n    :host([disabled]) *,\n    :host([disabled]) {\n        ${userSelectNone}\n        color: ${bodyDisabledFontColor};\n    }\n\n    .control {\n        bottom-border-width: var(--ni-private-bottom-border-width);\n    }\n\n    .control:focus-within {\n        border-bottom-color: ${borderHoverColor};\n    }\n\n    .selected-value {\n        -webkit-appearance: none;\n        background: transparent;\n        border: none;\n        color: inherit;\n        margin: auto 0;\n        width: 100%;\n        font: inherit;\n        height: var(--ni-private-height-within-border);\n    }\n\n    .selected-value:hover,\n    .selected-value:disabled,\n    .selected-value:active,\n    .selected-value${focusVisible} {\n        outline: none;\n    }\n\n    [part='indicator'] {\n        display: none;\n    }\n\n    .end-slot-container {\n        display: flex;\n        align-items: baseline;\n        padding-right: ${smallPadding};\n    }\n\n    .separator {\n        display: inline;\n        width: 2px;\n        border-right: 2px solid rgba(${borderRgbPartialColor}, 0.15);\n        height: calc(${controlHeight} - 12px);\n        align-self: center;\n        margin-left: 4px;\n    }\n\n    .dropdown-button {\n        ${controlHeight.cssCustomProperty}: 24px;\n        margin-left: ${smallPadding};\n    }\n\n    :host([disabled]) .dropdown-icon {\n        fill: ${bodyDisabledFontColor};\n    }\n`.withBehaviors(\n    appearanceBehavior(\n        DropdownAppearance.block,\n        css`\n            :host([error-visible]) .control {\n                border-bottom-width: ${borderWidth};\n                padding-bottom: 0;\n            }\n        `\n    )\n);\n"]}

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

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

package/dist/esm/combobox/template.js

@@ -1,5 +1,5 @@
-import { html, ref, slotted, when } from '@microsoft/fast-element';
-import { startSlotTemplate, endSlotTemplate, Listbox } from '@microsoft/fast-foundation';
+import { html, ref, slotted, when } from '@ni/fast-element';
+import { startSlotTemplate, endSlotTemplate, Listbox } from '@ni/fast-foundation';
 import { anchoredRegionTag } from '../anchored-region';
 import { DropdownPosition } from '../patterns/dropdown/types';
 import { overflow } from '../utilities/directive/overflow';