@ni/nimble-components 32.8.2 → 32.9.1

package/dist/esm/number-field/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/number-field/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EACH,YAAY,EACZ,WAAW,IAAI,qBAAqB,EAEpC,mBAAmB,IAAI,QAAQ,EAClC,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAE/D,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AACnE,OAAO,EACH,qBAAqB,EACrB,qBAAqB,EACxB,MAAM,qCAAqC,CAAC;AAQ7C;;GAEG;AACH,MAAM,OAAO,WAAY,SAAQ,qBAAqB;IAAtD;;QAEW,eAAU,GAA0B,qBAAqB,CAAC,SAAS,CAAC;QAapE,iBAAY,GAAG,KAAK,CAAC;IAQhC,CAAC;IANmB,iBAAiB;QAC7B,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAE1B,qFAAqF;QACrF,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;IACpD,CAAC;CACJ;AArBU;IADN,IAAI;+CACsE;AAUpE;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;8CACR;AAGnB;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,eAAe,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;iDAC1B;AAUhC;;;;;;;GAOG;AACH,MAAM,iBAAiB,GAAG,WAAW,CAAC,OAAO,CAAqB;IAC9D,QAAQ,EAAE,cAAc;IACxB,SAAS,EAAE,qBAAqB;IAChC,QAAQ;IACR,MAAM;IACN,aAAa,EAAE;QACX,cAAc,EAAE,IAAI;KACvB;IACD,aAAa,EAAE,IAAI,CAAa;WACzB,SAAS;;;;;;;cAON,CAAC,CAAC,EAAE,CAAC,qBAAqB,CAAC,WAAW,CAAC,CAAC,CAAC;eACxC,gBAAgB;;;gBAGf,gBAAgB;YACpB,SAAS;KAChB;IACD,WAAW,EAAE,IAAI,CAAa;WACvB,SAAS;;;;;;;cAON,CAAC,CAAC,EAAE,CAAC,qBAAqB,CAAC,WAAW,CAAC,CAAC,CAAC;eACxC,UAAU;;gBAET,UAAU;YACd,SAAS;KAChB;IACD,GAAG,EAAE,IAAI,CAAa;WACf,sBAAsB;;;aAGpB,sBAAsB;UACzB,iBAAiB;KACtB;CACJ,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,iBAAiB,EAAE,CAAC,CAAC;AAC9E,MAAM,CAAC,MAAM,cAAc,GAAG,qBAAqB,CAAC","sourcesContent":["import { attr, html } from '@microsoft/fast-element';\nimport {\n    DesignSystem,\n    NumberField as FoundationNumberField,\n    NumberFieldOptions,\n    numberFieldTemplate as template\n} from '@microsoft/fast-foundation';\nimport { styles } from './styles';\nimport { NumberFieldAppearance } from './types';\nimport { errorTextTemplate } from '../patterns/error/template';\nimport type { ErrorPattern } from '../patterns/error/types';\nimport { buttonTag } from '../button';\nimport { iconMinusWideTag } from '../icons/minus-wide';\nimport { iconAddTag } from '../icons/add';\nimport { iconExclamationMarkTag } from '../icons/exclamation-mark';\nimport {\n    numericDecrementLabel,\n    numericIncrementLabel\n} from '../label-provider/core/label-tokens';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-number-field': NumberField;\n    }\n}\n\n/**\n * A nimble-styled HTML number input\n */\nexport class NumberField extends FoundationNumberField implements ErrorPattern {\n    @attr\n    public appearance: NumberFieldAppearance = NumberFieldAppearance.underline;\n\n    /**\n     * A message explaining why the value is invalid.\n     *\n     * @public\n     * @remarks\n     * HTML Attribute: error-text\n     */\n    @attr({ attribute: 'error-text' })\n    public errorText?: string;\n\n    @attr({ attribute: 'error-visible', mode: 'boolean' })\n    public errorVisible = false;\n\n    public override connectedCallback(): void {\n        super.connectedCallback();\n\n        // This is a workaround for FAST issue: https://github.com/microsoft/fast/issues/6148\n        this.control.setAttribute('role', 'spinbutton');\n    }\n}\n\n/**\n * A function that returns a number-field registration for configuring the component with a DesignSystem.\n *\n * @public\n * @remarks\n * Generates HTML Element: \\<nimble-number-field\\>\n *\n */\nconst nimbleNumberField = NumberField.compose<NumberFieldOptions>({\n    baseName: 'number-field',\n    baseClass: FoundationNumberField,\n    template,\n    styles,\n    shadowOptions: {\n        delegatesFocus: true\n    },\n    stepDownGlyph: html<NumberField>`\n        <${buttonTag}\n            class=\"step-up-down-button\"\n            appearance=\"ghost\"\n            content-hidden\n            tabindex=\"-1\"\n            aria-hidden=\"true\"\n        >\n            ${x => numericDecrementLabel.getValueFor(x)}\n            <${iconMinusWideTag}\n                slot=\"start\"\n            >\n            </${iconMinusWideTag}>\n        </${buttonTag}>\n    `,\n    stepUpGlyph: html<NumberField>`\n        <${buttonTag}\n            class=\"step-up-down-button\"\n            appearance=\"ghost\"\n            content-hidden\n            tabindex=\"-1\"\n            aria-hidden=\"true\"\n        >\n            ${x => numericIncrementLabel.getValueFor(x)}\n            <${iconAddTag}\n                slot=\"start\">\n            </${iconAddTag}>\n        </${buttonTag}>\n    `,\n    end: html<NumberField>`\n        <${iconExclamationMarkTag}\n            severity=\"error\"\n            class=\"error-icon\"\n        ></${iconExclamationMarkTag}>\n        ${errorTextTemplate}\n    `\n});\n\nDesignSystem.getOrCreate().withPrefix('nimble').register(nimbleNumberField());\nexport const numberFieldTag = 'nimble-number-field';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/number-field/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EACH,YAAY,EACZ,WAAW,IAAI,qBAAqB,EAEpC,mBAAmB,IAAI,QAAQ,EAClC,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AACnE,OAAO,EACH,qBAAqB,EACrB,qBAAqB,EACxB,MAAM,qCAAqC,CAAC;AAQ7C;;GAEG;AACH,MAAM,OAAO,WAAY,SAAQ,iBAAiB,CAAC,qBAAqB,CAAC;IAAzE;;QAEW,eAAU,GAA0B,qBAAqB,CAAC,SAAS,CAAC;IAQ/E,CAAC;IANmB,iBAAiB;QAC7B,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAE1B,qFAAqF;QACrF,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;IACpD,CAAC;CACJ;AARU;IADN,IAAI;+CACsE;AAU/E;;;;;;;GAOG;AACH,MAAM,iBAAiB,GAAG,WAAW,CAAC,OAAO,CAAqB;IAC9D,QAAQ,EAAE,cAAc;IACxB,SAAS,EAAE,qBAAqB;IAChC,QAAQ;IACR,MAAM;IACN,aAAa,EAAE;QACX,cAAc,EAAE,IAAI;KACvB;IACD,aAAa,EAAE,IAAI,CAAa;WACzB,SAAS;;;;;;;cAON,CAAC,CAAC,EAAE,CAAC,qBAAqB,CAAC,WAAW,CAAC,CAAC,CAAC;eACxC,gBAAgB;;;gBAGf,gBAAgB;YACpB,SAAS;KAChB;IACD,WAAW,EAAE,IAAI,CAAa;WACvB,SAAS;;;;;;;cAON,CAAC,CAAC,EAAE,CAAC,qBAAqB,CAAC,WAAW,CAAC,CAAC,CAAC;eACxC,UAAU;;gBAET,UAAU;YACd,SAAS;KAChB;IACD,GAAG,EAAE,IAAI,CAAa;WACf,sBAAsB;;;aAGpB,sBAAsB;UACzB,iBAAiB;KACtB;CACJ,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,iBAAiB,EAAE,CAAC,CAAC;AAC9E,MAAM,CAAC,MAAM,cAAc,GAAG,qBAAqB,CAAC","sourcesContent":["import { attr, html } from '@microsoft/fast-element';\nimport {\n    DesignSystem,\n    NumberField as FoundationNumberField,\n    NumberFieldOptions,\n    numberFieldTemplate as template\n} from '@microsoft/fast-foundation';\nimport { styles } from './styles';\nimport { NumberFieldAppearance } from './types';\nimport { errorTextTemplate } from '../patterns/error/template';\nimport { mixinErrorPattern } from '../patterns/error/types';\nimport { buttonTag } from '../button';\nimport { iconMinusWideTag } from '../icons/minus-wide';\nimport { iconAddTag } from '../icons/add';\nimport { iconExclamationMarkTag } from '../icons/exclamation-mark';\nimport {\n    numericDecrementLabel,\n    numericIncrementLabel\n} from '../label-provider/core/label-tokens';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-number-field': NumberField;\n    }\n}\n\n/**\n * A nimble-styled HTML number input\n */\nexport class NumberField extends mixinErrorPattern(FoundationNumberField) {\n    @attr\n    public appearance: NumberFieldAppearance = NumberFieldAppearance.underline;\n\n    public override connectedCallback(): void {\n        super.connectedCallback();\n\n        // This is a workaround for FAST issue: https://github.com/microsoft/fast/issues/6148\n        this.control.setAttribute('role', 'spinbutton');\n    }\n}\n\n/**\n * A function that returns a number-field registration for configuring the component with a DesignSystem.\n *\n * @public\n * @remarks\n * Generates HTML Element: \\<nimble-number-field\\>\n *\n */\nconst nimbleNumberField = NumberField.compose<NumberFieldOptions>({\n    baseName: 'number-field',\n    baseClass: FoundationNumberField,\n    template,\n    styles,\n    shadowOptions: {\n        delegatesFocus: true\n    },\n    stepDownGlyph: html<NumberField>`\n        <${buttonTag}\n            class=\"step-up-down-button\"\n            appearance=\"ghost\"\n            content-hidden\n            tabindex=\"-1\"\n            aria-hidden=\"true\"\n        >\n            ${x => numericDecrementLabel.getValueFor(x)}\n            <${iconMinusWideTag}\n                slot=\"start\"\n            >\n            </${iconMinusWideTag}>\n        </${buttonTag}>\n    `,\n    stepUpGlyph: html<NumberField>`\n        <${buttonTag}\n            class=\"step-up-down-button\"\n            appearance=\"ghost\"\n            content-hidden\n            tabindex=\"-1\"\n            aria-hidden=\"true\"\n        >\n            ${x => numericIncrementLabel.getValueFor(x)}\n            <${iconAddTag}\n                slot=\"start\">\n            </${iconAddTag}>\n        </${buttonTag}>\n    `,\n    end: html<NumberField>`\n        <${iconExclamationMarkTag}\n            severity=\"error\"\n            class=\"error-icon\"\n        ></${iconExclamationMarkTag}>\n        ${errorTextTemplate}\n    `\n});\n\nDesignSystem.getOrCreate().withPrefix('nimble').register(nimbleNumberField());\nexport const numberFieldTag = 'nimble-number-field';\n"]}

package/dist/esm/patterns/error/template.js

@@ -1,6 +1,12 @@
 import { html } from '@microsoft/fast-element';
+import { overflow } from '../../utilities/directive/overflow';
 export const errorTextTemplate = html `
-    <div class="error-text" title="${x => x.errorText}" aria-live="polite">
+    <div
+        class="error-text"
+        ${overflow('errorHasOverflow')}
+        title="${x => (x.errorHasOverflow && x.errorText ? x.errorText : null)}"
+        aria-live="polite"
+    >
         ${x => x.errorText}
     </div>
 `;

package/dist/esm/patterns/error/template.js.map

@@ -1 +1 @@
-{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../../src/patterns/error/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAG/C,MAAM,CAAC,MAAM,iBAAiB,GAAG,IAAI,CAAc;qCACd,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;UAC3C,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;;CAEzB,CAAC","sourcesContent":["import { html } from '@microsoft/fast-element';\nimport type { ErrorPattern } from './types';\n\nexport const errorTextTemplate = html<ErrorPattern>`\n    <div class=\"error-text\" title=\"${x => x.errorText}\" aria-live=\"polite\">\n        ${x => x.errorText}\n    </div>\n`;\n"]}
+{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../../src/patterns/error/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAE/C,OAAO,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAE9D,MAAM,CAAC,MAAM,iBAAiB,GAAG,IAAI,CAAc;;;UAGzC,QAAQ,CAAC,kBAAkB,CAAC;iBACrB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,gBAAgB,IAAI,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC;;;UAGpE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;;CAEzB,CAAC","sourcesContent":["import { html } from '@microsoft/fast-element';\nimport type { ErrorPattern } from './types';\nimport { overflow } from '../../utilities/directive/overflow';\n\nexport const errorTextTemplate = html<ErrorPattern>`\n    <div\n        class=\"error-text\"\n        ${overflow('errorHasOverflow')}\n        title=\"${x => (x.errorHasOverflow && x.errorText ? x.errorText : null)}\"\n        aria-live=\"polite\"\n    >\n        ${x => x.errorText}\n    </div>\n`;\n"]}

package/dist/esm/patterns/error/testing/error-pattern.pageobject.d.ts

@@ -0,0 +1,14 @@
+import type { FoundationElement } from '@microsoft/fast-foundation';
+/**
+ * A page object for the elements that use the error pattern mixin.
+ */
+export declare class ErrorPatternPageObject {
+    private readonly element;
+    constructor(element: FoundationElement);
+    isErrorIconVisible(): boolean;
+    getDisplayedErrorText(): string;
+    getErrorTextTitle(): string;
+    dispatchEventToErrorText(event: MouseEvent): void;
+    private getErrorIconElement;
+    private getErrorTextElement;
+}

package/dist/esm/patterns/error/testing/error-pattern.pageobject.js

@@ -0,0 +1,46 @@
+import { processUpdates } from '../../../testing/async-helpers';
+/**
+ * A page object for the elements that use the error pattern mixin.
+ */
+export class ErrorPatternPageObject {
+    constructor(element) {
+        this.element = element;
+    }
+    isErrorIconVisible() {
+        const icon = this.getErrorIconElement();
+        if (!icon) {
+            return false;
+        }
+        return getComputedStyle(icon).display !== 'none';
+    }
+    getDisplayedErrorText() {
+        const errorTextDiv = this.getErrorTextElement();
+        if (!errorTextDiv
+            || getComputedStyle(errorTextDiv).display === 'none') {
+            return '';
+        }
+        return errorTextDiv.textContent?.trim() ?? '';
+    }
+    getErrorTextTitle() {
+        const errorTextDiv = this.getErrorTextElement();
+        if (!errorTextDiv) {
+            throw new Error('Error text element not found');
+        }
+        return errorTextDiv.title;
+    }
+    dispatchEventToErrorText(event) {
+        const errorTextDiv = this.getErrorTextElement();
+        if (!errorTextDiv) {
+            throw new Error('Error text element not found');
+        }
+        errorTextDiv.dispatchEvent(event);
+        processUpdates();
+    }
+    getErrorIconElement() {
+        return this.element.shadowRoot.querySelector('.error-icon');
+    }
+    getErrorTextElement() {
+        return this.element.shadowRoot.querySelector('.error-text');
+    }
+}
+//# sourceMappingURL=error-pattern.pageobject.js.map

package/dist/esm/patterns/error/testing/error-pattern.pageobject.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-pattern.pageobject.js","sourceRoot":"","sources":["../../../../../src/patterns/error/testing/error-pattern.pageobject.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAEhE;;GAEG;AACH,MAAM,OAAO,sBAAsB;IAC/B,YAAoC,OAA0B;QAA1B,YAAO,GAAP,OAAO,CAAmB;IAAG,CAAC;IAE3D,kBAAkB;QACrB,MAAM,IAAI,GAAG,IAAI,CAAC,mBAAmB,EAAE,CAAC;QACxC,IAAI,CAAC,IAAI,EAAE,CAAC;YACR,OAAO,KAAK,CAAC;QACjB,CAAC;QACD,OAAO,gBAAgB,CAAC,IAAI,CAAC,CAAC,OAAO,KAAK,MAAM,CAAC;IACrD,CAAC;IAEM,qBAAqB;QACxB,MAAM,YAAY,GAAG,IAAI,CAAC,mBAAmB,EAAE,CAAC;QAChD,IACI,CAAC,YAAY;eACV,gBAAgB,CAAC,YAAY,CAAC,CAAC,OAAO,KAAK,MAAM,EACtD,CAAC;YACC,OAAO,EAAE,CAAC;QACd,CAAC;QACD,OAAO,YAAY,CAAC,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;IAClD,CAAC;IAEM,iBAAiB;QACpB,MAAM,YAAY,GAAG,IAAI,CAAC,mBAAmB,EAAE,CAAC;QAChD,IAAI,CAAC,YAAY,EAAE,CAAC;YAChB,MAAM,IAAI,KAAK,CAAC,8BAA8B,CAAC,CAAC;QACpD,CAAC;QACD,OAAO,YAAY,CAAC,KAAK,CAAC;IAC9B,CAAC;IAEM,wBAAwB,CAAC,KAAiB;QAC7C,MAAM,YAAY,GAAG,IAAI,CAAC,mBAAmB,EAAE,CAAC;QAChD,IAAI,CAAC,YAAY,EAAE,CAAC;YAChB,MAAM,IAAI,KAAK,CAAC,8BAA8B,CAAC,CAAC;QACpD,CAAC;QACD,YAAY,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAClC,cAAc,EAAE,CAAC;IACrB,CAAC;IAEO,mBAAmB;QACvB,OAAO,IAAI,CAAC,OAAO,CAAC,UAAW,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;IACjE,CAAC;IAEO,mBAAmB;QACvB,OAAO,IAAI,CAAC,OAAO,CAAC,UAAW,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;IACjE,CAAC;CACJ","sourcesContent":["import type { FoundationElement } from '@microsoft/fast-foundation';\nimport { processUpdates } from '../../../testing/async-helpers';\n\n/**\n * A page object for the elements that use the error pattern mixin.\n */\nexport class ErrorPatternPageObject {\n    public constructor(private readonly element: FoundationElement) {}\n\n    public isErrorIconVisible(): boolean {\n        const icon = this.getErrorIconElement();\n        if (!icon) {\n            return false;\n        }\n        return getComputedStyle(icon).display !== 'none';\n    }\n\n    public getDisplayedErrorText(): string {\n        const errorTextDiv = this.getErrorTextElement();\n        if (\n            !errorTextDiv\n            || getComputedStyle(errorTextDiv).display === 'none'\n        ) {\n            return '';\n        }\n        return errorTextDiv.textContent?.trim() ?? '';\n    }\n\n    public getErrorTextTitle(): string {\n        const errorTextDiv = this.getErrorTextElement();\n        if (!errorTextDiv) {\n            throw new Error('Error text element not found');\n        }\n        return errorTextDiv.title;\n    }\n\n    public dispatchEventToErrorText(event: MouseEvent): void {\n        const errorTextDiv = this.getErrorTextElement();\n        if (!errorTextDiv) {\n            throw new Error('Error text element not found');\n        }\n        errorTextDiv.dispatchEvent(event);\n        processUpdates();\n    }\n\n    private getErrorIconElement(): HTMLElement | null {\n        return this.element.shadowRoot!.querySelector('.error-icon');\n    }\n\n    private getErrorTextElement(): HTMLDivElement | null {\n        return this.element.shadowRoot!.querySelector('.error-text');\n    }\n}\n"]}

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

@@ -1,10 +1,21 @@
-/**
- * This interface should be used by components that want to leverage the error pattern. The error pattern conditionally adds error text to the template when an error is configured to be visible.
- */
+import { FASTElement } from '@microsoft/fast-element';
 export interface ErrorPattern {
+    errorText?: string;
+    errorVisible: boolean;
+    errorHasOverflow: boolean;
+}
+type FASTElementConstructor = abstract new (...args: any[]) => FASTElement;
+export declare function mixinErrorPattern<TBase extends FASTElementConstructor>(base: TBase): (abstract new (...args: any[]) => {
     /**
      * The error text that will be displayed when a component is in the error appearance
      */
-    errorText?: string;
+    errorText?: string | undefined;
     errorVisible: boolean;
-}
+    errorHasOverflow: boolean;
+    readonly $fastController: import("@microsoft/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;
+}) & TBase;
+export {};

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

@@ -1,2 +1,28 @@
-export {};
+import { attr, observable } from '@microsoft/fast-element';
+// As the returned class is internal to the function, we can't write a signature that uses is directly, so rely on inference
+// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/explicit-function-return-type
+export function mixinErrorPattern(base) {
+    /**
+     * The Mixin that provides a concrete column with the API to support being resized
+     * proportionally within a Table.
+     */
+    class ErrorPatternElement extends base {
+        constructor() {
+            super(...arguments);
+            /*
+             * Show the error appearance of the control
+             */
+            this.errorVisible = false;
+            /* @internal
+             * Indicates if the error text has overflowed its container. The value should not be
+             * set directly. Instead, it is used with the `overflow` directive.
+             */
+            this.errorHasOverflow = false;
+        }
+    }
+    attr({ attribute: 'error-text' })(ErrorPatternElement.prototype, 'errorText');
+    attr({ attribute: 'error-visible', mode: 'boolean' })(ErrorPatternElement.prototype, 'errorVisible');
+    observable(ErrorPatternElement.prototype, 'errorHasOverflow');
+    return ErrorPatternElement;
+}
 //# sourceMappingURL=types.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/patterns/error/types.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * This interface should be used by components that want to leverage the error pattern. The error pattern conditionally adds error text to the template when an error is configured to be visible.\n */\nexport interface ErrorPattern {\n    /**\n     * The error text that will be displayed when a component is in the error appearance\n     */\n    errorText?: string;\n\n    /*\n     * Show the error appearance of the control\n     */\n    errorVisible: boolean;\n}\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/patterns/error/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAe,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAWxE,4HAA4H;AAC5H,+HAA+H;AAC/H,MAAM,UAAU,iBAAiB,CAC7B,IAAW;IAEX;;;OAGG;IACH,MAAe,mBAAoB,SAAQ,IAAI;QAA/C;;YAMI;;eAEG;YACI,iBAAY,GAAG,KAAK,CAAC;YAE5B;;;eAGG;YACI,qBAAgB,GAAG,KAAK,CAAC;QACpC,CAAC;KAAA;IAED,IAAI,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC,CAC7B,mBAAmB,CAAC,SAAS,EAC7B,WAAW,CACd,CAAC;IACF,IAAI,CAAC,EAAE,SAAS,EAAE,eAAe,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CACjD,mBAAmB,CAAC,SAAS,EAC7B,cAAc,CACjB,CAAC;IACF,UAAU,CAAC,mBAAmB,CAAC,SAAS,EAAE,kBAAkB,CAAC,CAAC;IAC9D,OAAO,mBAAmB,CAAC;AAC/B,CAAC","sourcesContent":["import { attr, FASTElement, observable } from '@microsoft/fast-element';\n\nexport interface ErrorPattern {\n    errorText?: string;\n    errorVisible: boolean;\n    errorHasOverflow: boolean;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype FASTElementConstructor = abstract new (...args: any[]) => FASTElement;\n\n// As the returned class is internal to the function, we can't write a signature that uses is directly, so rely on inference\n// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/explicit-function-return-type\nexport function mixinErrorPattern<TBase extends FASTElementConstructor>(\n    base: TBase\n) {\n    /**\n     * The Mixin that provides a concrete column with the API to support being resized\n     * proportionally within a Table.\n     */\n    abstract class ErrorPatternElement extends base implements ErrorPattern {\n        /**\n         * The error text that will be displayed when a component is in the error appearance\n         */\n        public errorText?: string;\n\n        /*\n         * Show the error appearance of the control\n         */\n        public errorVisible = false;\n\n        /* @internal\n         * Indicates if the error text has overflowed its container. The value should not be\n         * set directly. Instead, it is used with the `overflow` directive.\n         */\n        public errorHasOverflow = false;\n    }\n\n    attr({ attribute: 'error-text' })(\n        ErrorPatternElement.prototype,\n        'errorText'\n    );\n    attr({ attribute: 'error-visible', mode: 'boolean' })(\n        ErrorPatternElement.prototype,\n        'errorVisible'\n    );\n    observable(ErrorPatternElement.prototype, 'errorHasOverflow');\n    return ErrorPatternElement;\n}\n"]}

package/dist/esm/radio-group/index.d.ts

@@ -1,17 +1,24 @@
 import { RadioGroup as FoundationRadioGroup } from '@microsoft/fast-foundation';
 import { Orientation } from '@microsoft/fast-web-utilities';
-import type { ErrorPattern } from '../patterns/error/types';
 declare global {
     interface HTMLElementTagNameMap {
         'nimble-radio-group': RadioGroup;
     }
 }
 export { Orientation };
+declare const RadioGroup_base: (abstract new (...args: any[]) => {
+    errorText?: string | undefined;
+    errorVisible: boolean;
+    errorHasOverflow: boolean;
+    readonly $fastController: import("@microsoft/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;
+}) & typeof FoundationRadioGroup;
 /**
  * A nimble-styled grouping element for radio buttons
  */
-export declare class RadioGroup extends FoundationRadioGroup implements ErrorPattern {
-    errorText?: string;
-    errorVisible: boolean;
+export declare class RadioGroup extends RadioGroup_base {
 }
 export declare const radioGroupTag = "nimble-radio-group";

package/dist/esm/radio-group/index.js

@@ -1,25 +1,14 @@
-import { __decorate } from "tslib";
 import { RadioGroup as FoundationRadioGroup, DesignSystem } from '@microsoft/fast-foundation';
 import { Orientation } from '@microsoft/fast-web-utilities';
-import { attr } from '@microsoft/fast-element';
 import { styles } from './styles';
 import { template } from './template';
+import { mixinErrorPattern } from '../patterns/error/types';
 export { Orientation };
 /**
  * A nimble-styled grouping element for radio buttons
  */
-export class RadioGroup extends FoundationRadioGroup {
-    constructor() {
-        super(...arguments);
-        this.errorVisible = false;
-    }
+export class RadioGroup extends mixinErrorPattern(FoundationRadioGroup) {
 }
-__decorate([
-    attr({ attribute: 'error-text' })
-], RadioGroup.prototype, "errorText", void 0);
-__decorate([
-    attr({ attribute: 'error-visible', mode: 'boolean' })
-], RadioGroup.prototype, "errorVisible", void 0);
 const nimbleRadioGroup = RadioGroup.compose({
     baseName: 'radio-group',
     baseClass: FoundationRadioGroup,

package/dist/esm/radio-group/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/radio-group/index.ts"],"names":[],"mappings":";AAAA,OAAO,EACH,UAAU,IAAI,oBAAoB,EAClC,YAAY,EACf,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAC5D,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAStC,OAAO,EAAE,WAAW,EAAE,CAAC;AAEvB;;GAEG;AACH,MAAM,OAAO,UAAW,SAAQ,oBAAoB;IAApD;;QAKW,iBAAY,GAAG,KAAK,CAAC;IAChC,CAAC;CAAA;AAJU;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;6CACR;AAGnB;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,eAAe,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;gDAC1B;AAGhC,MAAM,gBAAgB,GAAG,UAAU,CAAC,OAAO,CAAC;IACxC,QAAQ,EAAE,aAAa;IACvB,SAAS,EAAE,oBAAoB;IAC/B,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 {\n    RadioGroup as FoundationRadioGroup,\n    DesignSystem\n} from '@microsoft/fast-foundation';\nimport { Orientation } from '@microsoft/fast-web-utilities';\nimport { attr } from '@microsoft/fast-element';\nimport { styles } from './styles';\nimport { template } from './template';\nimport type { ErrorPattern } from '../patterns/error/types';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-radio-group': RadioGroup;\n    }\n}\n\nexport { Orientation };\n\n/**\n * A nimble-styled grouping element for radio buttons\n */\nexport class RadioGroup extends FoundationRadioGroup implements ErrorPattern {\n    @attr({ attribute: 'error-text' })\n    public errorText?: string;\n\n    @attr({ attribute: 'error-visible', mode: 'boolean' })\n    public errorVisible = false;\n}\n\nconst nimbleRadioGroup = RadioGroup.compose({\n    baseName: 'radio-group',\n    baseClass: FoundationRadioGroup,\n    template,\n    styles,\n    shadowOptions: {\n        delegatesFocus: true\n    }\n});\n\nDesignSystem.getOrCreate().withPrefix('nimble').register(nimbleRadioGroup());\nexport const radioGroupTag = 'nimble-radio-group';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/radio-group/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,UAAU,IAAI,oBAAoB,EAClC,YAAY,EACf,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAQ5D,OAAO,EAAE,WAAW,EAAE,CAAC;AAEvB;;GAEG;AACH,MAAM,OAAO,UAAW,SAAQ,iBAAiB,CAAC,oBAAoB,CAAC;CAAG;AAE1E,MAAM,gBAAgB,GAAG,UAAU,CAAC,OAAO,CAAC;IACxC,QAAQ,EAAE,aAAa;IACvB,SAAS,EAAE,oBAAoB;IAC/B,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 {\n    RadioGroup as FoundationRadioGroup,\n    DesignSystem\n} from '@microsoft/fast-foundation';\nimport { Orientation } from '@microsoft/fast-web-utilities';\nimport { styles } from './styles';\nimport { template } from './template';\nimport { mixinErrorPattern } from '../patterns/error/types';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-radio-group': RadioGroup;\n    }\n}\n\nexport { Orientation };\n\n/**\n * A nimble-styled grouping element for radio buttons\n */\nexport class RadioGroup extends mixinErrorPattern(FoundationRadioGroup) {}\n\nconst nimbleRadioGroup = RadioGroup.compose({\n    baseName: 'radio-group',\n    baseClass: FoundationRadioGroup,\n    template,\n    styles,\n    shadowOptions: {\n        delegatesFocus: true\n    }\n});\n\nDesignSystem.getOrCreate().withPrefix('nimble').register(nimbleRadioGroup());\nexport const radioGroupTag = 'nimble-radio-group';\n"]}

package/dist/esm/rich-text/editor/index.d.ts

@@ -3,7 +3,6 @@ import { Editor } from '@tiptap/core';
 import type { SuggestionProps } from '@tiptap/suggestion';
 import type { ToggleButton } from '../../toggle-button';
 import { MentionDetail } from './types';
-import type { ErrorPattern } from '../../patterns/error/types';
 import { RichTextMarkdownSerializer } from '../models/markdown-serializer';
 import { RichText } from '../base';
 import type { RichTextMentionListbox } from '../mention-listbox';
@@ -15,10 +14,20 @@ declare global {
         'nimble-rich-text-editor': RichTextEditor;
     }
 }
+declare const RichTextEditor_base: (abstract new (...args: any[]) => {
+    errorText?: string | undefined;
+    errorVisible: boolean;
+    errorHasOverflow: boolean;
+    readonly $fastController: import("@microsoft/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;
+}) & typeof RichText;
 /**
  * A nimble styled rich text editor
  */
-export declare class RichTextEditor extends RichText implements ErrorPattern {
+export declare class RichTextEditor extends RichTextEditor_base {
     /**
      * @internal
      */
@@ -49,20 +58,6 @@ export declare class RichTextEditor extends RichText implements ErrorPattern {
      * HTML Attribute: footer-hidden
      */
     footerHidden: boolean;
-    /**
-     * Whether to display the error state.
-     *
-     * @public
-     * HTML Attribute: error-visible
-     */
-    errorVisible: boolean;
-    /**
-     * A message explaining why the value is invalid.
-     *
-     * @public
-     * HTML Attribute: error-text
-     */
-    errorText?: string;
     /**
      * @public
      * HTML Attribute: placeholder
@@ -268,3 +263,4 @@ export declare class RichTextEditor extends RichText implements ErrorPattern {
 export interface RichTextEditor extends ARIAGlobalStatesAndProperties {
 }
 export declare const richTextEditorTag = "nimble-rich-text-editor";
+export {};

package/dist/esm/rich-text/editor/index.js

@@ -7,6 +7,7 @@ import HardBreak from '@tiptap/extension-hard-break';
 import { template } from './template';
 import { styles } from './styles';
 import { TipTapNodeName, mentionPluginPrefix } from './types';
+import { mixinErrorPattern } from '../../patterns/error/types';
 import { RichTextMarkdownParser } from '../models/markdown-parser';
 import { RichTextMarkdownSerializer } from '../models/markdown-serializer';
 import { RichText } from '../base';
@@ -15,7 +16,7 @@ import { EditorConfiguration } from '../models/editor-configuration';
 /**
  * A nimble styled rich text editor
  */
-export class RichTextEditor extends RichText {
+export class RichTextEditor extends mixinErrorPattern(RichText) {
     constructor() {
         super(...arguments);
         /**
@@ -48,13 +49,6 @@ export class RichTextEditor extends RichText {
          * HTML Attribute: footer-hidden
          */
         this.footerHidden = false;
-        /**
-         * Whether to display the error state.
-         *
-         * @public
-         * HTML Attribute: error-visible
-         */
-        this.errorVisible = false;
         /**
          * The width of the vertical scrollbar, if displayed.
          * @internal
@@ -525,12 +519,6 @@ __decorate([
 __decorate([
     attr({ attribute: 'footer-hidden', mode: 'boolean' })
 ], RichTextEditor.prototype, "footerHidden", void 0);
-__decorate([
-    attr({ attribute: 'error-visible', mode: 'boolean' })
-], RichTextEditor.prototype, "errorVisible", void 0);
-__decorate([
-    attr({ attribute: 'error-text' })
-], RichTextEditor.prototype, "errorText", void 0);
 __decorate([
     attr
 ], RichTextEditor.prototype, "placeholder", void 0);

package/dist/esm/rich-text/editor/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/rich-text/editor/index.ts"],"names":[],"mappings":"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","sourcesContent":["import { observable, attr, DOM } from '@microsoft/fast-element';\nimport {\n    applyMixins,\n    ARIAGlobalStatesAndProperties,\n    DesignSystem\n} from '@microsoft/fast-foundation';\nimport { keyEnter, keySpace } from '@microsoft/fast-web-utilities';\nimport {\n    findParentNode,\n    isList,\n    AnyExtension,\n    Extension,\n    Editor\n} from '@tiptap/core';\n\nimport type { PlaceholderOptions } from '@tiptap/extension-placeholder';\nimport HardBreak from '@tiptap/extension-hard-break';\nimport type { SuggestionProps } from '@tiptap/suggestion';\nimport { template } from './template';\nimport { styles } from './styles';\nimport type { ToggleButton } from '../../toggle-button';\nimport {\n    TipTapNodeName,\n    mentionPluginPrefix,\n    MentionDetail,\n    FormatButtonsState\n} from './types';\nimport type { ErrorPattern } from '../../patterns/error/types';\nimport { RichTextMarkdownParser } from '../models/markdown-parser';\nimport { RichTextMarkdownSerializer } from '../models/markdown-serializer';\nimport { RichText } from '../base';\nimport type { RichTextMentionListbox } from '../mention-listbox';\nimport type { MappingConfigs } from '../../rich-text-mention/base/types';\nimport type { MentionExtensionConfiguration } from '../models/mention-extension-configuration';\nimport { createTiptapEditor } from './models/create-tiptap-editor';\nimport { EditorConfiguration } from '../models/editor-configuration';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-rich-text-editor': RichTextEditor;\n    }\n}\n\n/**\n * A nimble styled rich text editor\n */\nexport class RichTextEditor extends RichText implements ErrorPattern {\n    /**\n     * @internal\n     */\n    public editorDiv = this.createEditor();\n\n    /**\n     * @internal\n     */\n    public tiptapEditor = createTiptapEditor(\n        () => {},\n        () => {},\n        this.editorDiv,\n        [],\n        this.mentionListbox,\n        this.placeholder\n    );\n\n    /**\n     * @internal\n     */\n    public readonly xmlSerializer = new XMLSerializer();\n\n    /**\n     * @internal\n     */\n    public richTextMarkdownSerializer = new RichTextMarkdownSerializer([]);\n\n    /**\n     * Whether to disable user from editing and interacting with toolbar buttons\n     *\n     * @public\n     * HTML Attribute: disabled\n     */\n    @attr({ mode: 'boolean' })\n    public disabled = false;\n\n    /**\n     * Whether to hide the footer of the rich text editor\n     *\n     * @public\n     * HTML Attribute: footer-hidden\n     */\n    @attr({ attribute: 'footer-hidden', mode: 'boolean' })\n    public footerHidden = false;\n\n    /**\n     * Whether to display the error state.\n     *\n     * @public\n     * HTML Attribute: error-visible\n     */\n    @attr({ attribute: 'error-visible', mode: 'boolean' })\n    public errorVisible = false;\n\n    /**\n     * A message explaining why the value is invalid.\n     *\n     * @public\n     * HTML Attribute: error-text\n     */\n    @attr({ attribute: 'error-text' })\n    public errorText?: string;\n\n    /**\n     * @public\n     * HTML Attribute: placeholder\n     */\n    @attr\n    public placeholder?: string;\n\n    /**\n     * True if the editor is empty or contains only whitespace, false otherwise.\n     *\n     * @public\n     */\n    public get empty(): boolean {\n        // Tiptap [isEmpty](https://tiptap.dev/api/editor#is-empty) returns false even if the editor has only whitespace.\n        // Get the prose mirror textContent of all the nodes with whitespace trimmed to see if it is empty\n        // Mention nodes are formatted as empty text content, so if empty make sure there are no mention nodes remaining\n        if (this.tiptapEditor.state.doc.textContent.trim() === '') {\n            let hasMention = false;\n            this.tiptapEditor.state.doc.descendants(node => {\n                if (node.type.name.startsWith(mentionPluginPrefix)) {\n                    hasMention = true;\n                }\n                const continueDescent = hasMention === false;\n                return continueDescent;\n            });\n            return !hasMention;\n        }\n        return false;\n    }\n\n    /**\n     * @internal\n     */\n    public mentionListbox?: RichTextMentionListbox;\n\n    /**\n     * @internal\n     */\n    @observable\n    public boldButton!: ToggleButton;\n\n    /**\n     * @internal\n     */\n    @observable\n    public italicsButton!: ToggleButton;\n\n    /**\n     * @internal\n     */\n    @observable\n    public bulletListButton!: ToggleButton;\n\n    /**\n     * @internal\n     */\n    @observable\n    public numberedListButton!: ToggleButton;\n\n    /**\n     * The width of the vertical scrollbar, if displayed.\n     * @internal\n     */\n    @observable\n    public scrollbarWidth = -1;\n\n    /**\n     * @internal\n     */\n    @observable\n    public activeMentionCharacter = '';\n\n    /**\n     * @internal\n     */\n    @observable\n    public activeMappingConfigs?: MappingConfigs;\n\n    /**\n     * @internal\n     */\n    public activeMentionCommand?: SuggestionProps['command'];\n\n    /**\n     * @internal\n     */\n    public editorContainer!: HTMLDivElement;\n\n    private resizeObserver?: ResizeObserver;\n    private updateScrollbarWidthQueued = false;\n\n    /**\n     * @internal\n     */\n    public override connectedCallback(): void {\n        super.connectedCallback();\n        if (!this.editorDiv.isConnected) {\n            this.editorContainer.append(this.editorDiv);\n        }\n        this.bindEditorTransactionEvent();\n        this.bindEditorUpdateEvent();\n        this.stopNativeInputEventPropagation();\n        this.resizeObserver = new ResizeObserver(() => this.onResize());\n        this.resizeObserver.observe(this);\n    }\n\n    /**\n     * @internal\n     */\n    public override disconnectedCallback(): void {\n        super.disconnectedCallback();\n        this.unbindEditorTransactionEvent();\n        this.unbindEditorUpdateEvent();\n        this.unbindNativeInputEvent();\n        this.resizeObserver?.disconnect();\n    }\n\n    /**\n     * @internal\n     */\n    public disabledChanged(): void {\n        this.disableEditor();\n        this.disableMentionViewElement();\n    }\n\n    /**\n     * Update the placeholder text and view of the editor.\n     * @internal\n     */\n    public placeholderChanged(_prev: unknown, _next: unknown): void {\n        const placeholderExtension = this.getTipTapExtension(\n            'placeholder'\n        ) as Extension<PlaceholderOptions>;\n        placeholderExtension.options.placeholder = this.placeholder ?? '';\n        this.tiptapEditor.view.dispatch(this.tiptapEditor.state.tr);\n\n        this.queueUpdateScrollbarWidth();\n    }\n\n    /**\n     * @internal\n     */\n    public ariaLabelChanged(_prev: unknown, _next: unknown): void {\n        if (this.ariaLabel !== null && this.ariaLabel !== undefined) {\n            this.editorDiv.setAttribute('aria-label', this.ariaLabel);\n        } else {\n            this.editorDiv.removeAttribute('aria-label');\n        }\n    }\n\n    /**\n     * @internal\n     */\n    public configurationChanged(\n        prev: EditorConfiguration | undefined,\n        next: EditorConfiguration\n    ): void {\n        const formatButtonsState = this.getButtonsState(this.tiptapEditor);\n        const { from, to } = this.tiptapEditor.view.state.selection;\n        if (this.isMentionExtensionConfigUnchanged(prev, next)) {\n            this.setMarkdown(this.getMarkdown());\n        } else {\n            const mentionExtensionConfig = this.getMentionExtensionConfig();\n            const currentStateMarkdown = this.getMarkdown();\n            this.richTextMarkdownSerializer = new RichTextMarkdownSerializer(\n                mentionExtensionConfig.map(config => config.name)\n            );\n            this.initializeEditor();\n            this.setMarkdown(currentStateMarkdown);\n        }\n        this.tiptapEditor.commands.setTextSelection({ from, to });\n        this.resetEditorButtonsState(formatButtonsState);\n        this.setActiveMappingConfigs();\n    }\n\n    /**\n     * @internal\n     */\n    public activeMentionCharacterChanged(): void {\n        this.setActiveMappingConfigs();\n    }\n\n    /**\n     * Toggle the bold mark and focus back to the editor\n     * @internal\n     */\n    public boldButtonClick(): void {\n        this.tiptapEditor.chain().focus().toggleBold().run();\n    }\n\n    /**\n     * Toggle the bold mark and focus back to the editor\n     * @internal\n     */\n    public boldButtonKeyDown(event: KeyboardEvent): boolean {\n        if (this.keyActivatesButton(event)) {\n            this.tiptapEditor.chain().focus().toggleBold().run();\n            return false;\n        }\n        return true;\n    }\n\n    /**\n     * Toggle the italics mark and focus back to the editor\n     * @internal\n     */\n    public italicsButtonClick(): void {\n        this.tiptapEditor.chain().focus().toggleItalic().run();\n    }\n\n    /**\n     * Toggle the italics mark and focus back to the editor\n     * @internal\n     */\n    public italicsButtonKeyDown(event: KeyboardEvent): boolean {\n        if (this.keyActivatesButton(event)) {\n            this.tiptapEditor.chain().focus().toggleItalic().run();\n            return false;\n        }\n        return true;\n    }\n\n    /**\n     * Toggle the unordered list node and focus back to the editor\n     * @internal\n     */\n    public bulletListButtonClick(): void {\n        this.tiptapEditor.chain().focus().toggleBulletList().run();\n    }\n\n    /**\n     * Toggle the unordered list node and focus back to the editor\n     * @internal\n     */\n    public bulletListButtonKeyDown(event: KeyboardEvent): boolean {\n        if (this.keyActivatesButton(event)) {\n            this.tiptapEditor.chain().focus().toggleBulletList().run();\n            return false;\n        }\n        return true;\n    }\n\n    /**\n     * Toggle the ordered list node and focus back to the editor\n     * @internal\n     */\n    public numberedListButtonClick(): void {\n        this.tiptapEditor.chain().focus().toggleOrderedList().run();\n    }\n\n    /**\n     * Toggle the ordered list node and focus back to the editor\n     * @internal\n     */\n    public numberedListButtonKeyDown(event: KeyboardEvent): boolean {\n        if (this.keyActivatesButton(event)) {\n            this.tiptapEditor.chain().focus().toggleOrderedList().run();\n            return false;\n        }\n        return true;\n    }\n\n    /**\n     * Inserts the mention character into the editor and focus back to the editor\n     * @internal\n     */\n    public mentionButtonClick(character: string): void {\n        this.tiptapEditor\n            .chain()\n            .insertContent(\n                this.shouldInsertSpace() ? ` ${character}` : character\n            )\n            .focus()\n            .run();\n    }\n\n    /**\n     * This function load tip tap editor with provided markdown content by parsing into html\n     * @public\n     */\n    public setMarkdown(markdown: string): void {\n        const html = this.getHtmlContent(markdown);\n        this.tiptapEditor.commands.setContent(html);\n        this.disableMentionViewElement();\n    }\n\n    /**\n     * This function returns markdown string by serializing tiptap editor document using prosemirror MarkdownSerializer\n     * @public\n     */\n    public getMarkdown(): string {\n        return this.richTextMarkdownSerializer.serializeDOMToMarkdown(\n            this.tiptapEditor.state.doc\n        );\n    }\n\n    /**\n     * @internal\n     */\n    public stopEventPropagation(event: Event): boolean {\n        // Don't bubble the 'change' event from the toggle button because\n        // all the formatting button has its own 'toggle' event through 'click' and 'keydown'.\n        event.stopPropagation();\n        return false;\n    }\n\n    public getMentionedHrefs(): string[] {\n        const mentionedHrefs = new Set<string>();\n        this.tiptapEditor.state.doc.descendants(node => {\n            if (node.type.name.startsWith(mentionPluginPrefix)) {\n                mentionedHrefs.add(node.attrs.href as string);\n            }\n        });\n        return Array.from(mentionedHrefs);\n    }\n\n    /**\n     * @internal\n     */\n    public getMentionExtensionConfig(): MentionExtensionConfiguration[] {\n        return this.configuration instanceof EditorConfiguration\n            ? this.configuration.mentionExtensionConfig\n            : [];\n    }\n\n    /**\n     * @internal\n     */\n    public onMentionSelect(event: CustomEvent<MentionDetail>): void {\n        if (this.activeMentionCommand) {\n            this.activeMentionCommand({\n                href: event.detail.href,\n                label: event.detail.displayName\n            });\n        }\n    }\n\n    /**\n     * @internal\n     */\n    public focusoutHandler(): void {\n        if (!this.mentionListbox?.open) {\n            return;\n        }\n        this.mentionListbox?.close();\n    }\n\n    public override createConfig(): void {\n        this.validate();\n        if (this.richTextValidator.isValid()) {\n            if (\n                this.richTextUpdateTracker.updateButtonLabel\n                || this.richTextUpdateTracker.updateMappingConfigs\n                || this.richTextUpdateTracker.updatePattern\n            ) {\n                this.configuration = new EditorConfiguration(\n                    this.mentionElements\n                );\n            }\n        } else {\n            this.configuration = undefined;\n        }\n    }\n\n    private isMentionExtensionConfigUnchanged(\n        prev: EditorConfiguration | undefined,\n        next: EditorConfiguration | undefined\n    ): boolean {\n        const prevConfigCharacters = prev?.mentionExtensionConfig\n            .map(config => config.character)\n            .sort((a, b) => a.localeCompare(b))\n            .toString();\n        const nextConfigCharacters = next?.mentionExtensionConfig\n            .map(config => config.character)\n            .sort((a, b) => a.localeCompare(b))\n            .toString();\n        return prevConfigCharacters === nextConfigCharacters;\n    }\n\n    private createEditor(): HTMLDivElement {\n        const editor = document.createElement('div');\n        editor.className = 'editor';\n        editor.setAttribute('aria-multiline', 'true');\n        editor.setAttribute('role', 'textbox');\n        editor.setAttribute('aria-disabled', 'false');\n        return editor;\n    }\n\n    private initializeEditor(): void {\n        this.unbindEditorTransactionEvent();\n        this.unbindEditorUpdateEvent();\n        this.unbindNativeInputEvent();\n        this.tiptapEditor?.destroy();\n        this.tiptapEditor = createTiptapEditor(\n            character => {\n                this.activeMentionCharacter = character;\n            },\n            command => {\n                this.activeMentionCommand = command;\n            },\n            this.editorDiv,\n            this.configuration instanceof EditorConfiguration\n                ? this.configuration.mentionExtensionConfig\n                : [],\n            this.mentionListbox,\n            this.placeholder\n        );\n        this.disableEditor();\n        this.disableMentionViewElement();\n        this.bindEditorTransactionEvent();\n        this.bindEditorUpdateEvent();\n        this.stopNativeInputEventPropagation();\n    }\n\n    /**\n     * This function takes the Fragment from parseMarkdownToDOM function and return the serialized string using XMLSerializer\n     */\n    private getHtmlContent(markdown: string): string {\n        const parseResult = RichTextMarkdownParser.parseMarkdownToDOM(\n            markdown,\n            this.configuration?.parserMentionConfig\n        );\n        return this.xmlSerializer.serializeToString(parseResult.fragment);\n    }\n\n    /**\n     * Binding the \"transaction\" event to the editor allows continuous monitoring the events and updating the button state in response to\n     * various actions such as mouse events, keyboard events, changes in the editor content etc,.\n     * https://tiptap.dev/api/events#transaction\n     */\n    private bindEditorTransactionEvent(): void {\n        this.tiptapEditor.on('transaction', () => {\n            this.updateEditorButtonsState();\n        });\n    }\n\n    private unbindEditorTransactionEvent(): void {\n        this.tiptapEditor.off('transaction');\n    }\n\n    private updateEditorButtonsState(): void {\n        if (!this.$fastController.isConnected) {\n            return;\n        }\n\n        const { extensionManager, state } = this.tiptapEditor;\n        const { extensions } = extensionManager;\n        const { selection } = state;\n        const parentList = findParentNode((node: { type: { name: string } }) => isList(node.type.name, extensions))(selection);\n\n        this.boldButton.checked = this.tiptapEditor.isActive('bold');\n        this.italicsButton.checked = this.tiptapEditor.isActive('italic');\n        this.bulletListButton.checked = parentList?.node.type.name === TipTapNodeName.bulletList;\n        this.numberedListButton.checked = parentList?.node.type.name === TipTapNodeName.numberedList;\n    }\n\n    private keyActivatesButton(event: KeyboardEvent): boolean {\n        switch (event.key) {\n            case keySpace:\n            case keyEnter:\n                return true;\n            default:\n                return false;\n        }\n    }\n\n    private unbindEditorUpdateEvent(): void {\n        this.tiptapEditor.off('update');\n    }\n\n    /**\n     * input event is fired when there is a change in the content of the editor.\n     *\n     * https://tiptap.dev/api/events#update\n     */\n    private bindEditorUpdateEvent(): void {\n        this.tiptapEditor.on('update', () => {\n            this.$emit('input');\n            this.queueUpdateScrollbarWidth();\n        });\n    }\n\n    private disableEditor(): void {\n        this.tiptapEditor.setEditable(!this.disabled);\n        this.setEditorTabIndex();\n        this.editorDiv.setAttribute(\n            'aria-disabled',\n            this.disabled ? 'true' : 'false'\n        );\n        this.mentionListbox?.close();\n    }\n\n    private disableMentionViewElement(): void {\n        this.tiptapEditor.state.doc.descendants((node, pos) => {\n            if (node.type.name.startsWith(mentionPluginPrefix)) {\n                const updatedAttrs = {\n                    ...node.attrs,\n                    disabled: this.disabled ? '' : null\n                };\n                const updatedNode = this.tiptapEditor.schema.node(\n                    node.type.name,\n                    updatedAttrs,\n                    node.content\n                );\n                const updatedTransaction = this.tiptapEditor.state.tr.replaceWith(\n                    pos,\n                    pos + node.nodeSize,\n                    updatedNode\n                );\n                this.tiptapEditor.view.dispatch(updatedTransaction);\n            }\n            return true;\n        });\n    }\n\n    /**\n     * Stopping the native input event propagation emitted by the contenteditable element in the Tiptap\n     * since there is an issue (linked below) in ProseMirror where selecting the text and removing it\n     * does not trigger the native HTMLElement input event. So using the \"update\" event emitted by the\n     * Tiptap to capture it as an \"input\" customEvent in the rich text editor.\n     *\n     * Prose Mirror issue: https://discuss.prosemirror.net/t/how-to-handle-select-backspace-delete-cut-type-kind-of-events-handletextinput-or-handledomevents-input-doesnt-help/4844\n     */\n    private stopNativeInputEventPropagation(): void {\n        this.tiptapEditor.view.dom.addEventListener('input', event => {\n            event.stopPropagation();\n        });\n    }\n\n    private unbindNativeInputEvent(): void {\n        this.tiptapEditor.view.dom.removeEventListener('input', () => {});\n    }\n\n    private queueUpdateScrollbarWidth(): void {\n        if (!this.$fastController.isConnected) {\n            return;\n        }\n        if (!this.updateScrollbarWidthQueued) {\n            this.updateScrollbarWidthQueued = true;\n            DOM.queueUpdate(() => this.updateScrollbarWidth());\n        }\n    }\n\n    private updateScrollbarWidth(): void {\n        this.updateScrollbarWidthQueued = false;\n        this.scrollbarWidth = this.tiptapEditor.view.dom.offsetWidth\n            - this.tiptapEditor.view.dom.clientWidth;\n    }\n\n    private onResize(): void {\n        this.scrollbarWidth = this.tiptapEditor.view.dom.offsetWidth\n            - this.tiptapEditor.view.dom.clientWidth;\n    }\n\n    private getTipTapExtension(\n        extensionName: string\n    ): AnyExtension | undefined {\n        return this.tiptapEditor.extensionManager.extensions.find(\n            (extension: { name: string }) => extension.name === extensionName\n        );\n    }\n\n    private setEditorTabIndex(): void {\n        this.tiptapEditor.setOptions({\n            editorProps: {\n                attributes: {\n                    tabindex: this.disabled ? '-1' : '0'\n                }\n            }\n        });\n    }\n\n    private setActiveMappingConfigs(): void {\n        this.activeMappingConfigs = this.activeMentionCharacter\n            ? this.getMentionExtensionConfigFromCharacter(\n                this.activeMentionCharacter\n            )?.mappingConfigs\n            : undefined;\n    }\n\n    private shouldInsertSpace(): boolean {\n        const { $anchor, $head } = this.tiptapEditor.view.state.selection;\n\n        const isAtStartOfLine = $head.parentOffset === 0 || $anchor.parentOffset === 0;\n        const nodeBeforeSelection = $anchor.pos < $head.pos ? $anchor.nodeBefore : $head.nodeBefore;\n        const isHardBreakNode = nodeBeforeSelection?.type.name === HardBreak.name;\n        const hasWhitespaceBeforeCurrentPosition = nodeBeforeSelection?.textContent.endsWith(' ');\n\n        return (\n            !isAtStartOfLine\n            && !isHardBreakNode\n            && !hasWhitespaceBeforeCurrentPosition\n        );\n    }\n\n    private getMentionExtensionConfigFromCharacter(\n        character: string\n    ): MentionExtensionConfiguration | undefined {\n        return this.getMentionExtensionConfig().find(\n            config => config.character === character\n        );\n    }\n\n    private resetEditorButtonsState(\n        buttonsState: FormatButtonsState | undefined\n    ): void {\n        if (buttonsState?.bold && !this.tiptapEditor.isActive('bold')) {\n            this.tiptapEditor.chain().focus().toggleBold().run();\n        }\n        if (buttonsState?.italics && !this.tiptapEditor.isActive('italic')) {\n            this.tiptapEditor.chain().focus().toggleItalic().run();\n        }\n    }\n\n    private getButtonsState(\n        tiptapEditor: Editor\n    ): FormatButtonsState | undefined {\n        if (!this.$fastController.isConnected) {\n            return undefined;\n        }\n        return {\n            bold: tiptapEditor.isActive('bold'),\n            italics: tiptapEditor.isActive('italic')\n        };\n    }\n}\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface RichTextEditor extends ARIAGlobalStatesAndProperties {}\napplyMixins(RichTextEditor, ARIAGlobalStatesAndProperties);\n\nconst nimbleRichTextEditor = RichTextEditor.compose({\n    baseName: 'rich-text-editor',\n    template,\n    styles,\n    shadowOptions: {\n        delegatesFocus: true\n    }\n});\n\nDesignSystem.getOrCreate()\n    .withPrefix('nimble')\n    .register(nimbleRichTextEditor());\nexport const richTextEditorTag = 'nimble-rich-text-editor';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/rich-text/editor/index.ts"],"names":[],"mappings":"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","sourcesContent":["import { observable, attr, DOM } from '@microsoft/fast-element';\nimport {\n    applyMixins,\n    ARIAGlobalStatesAndProperties,\n    DesignSystem\n} from '@microsoft/fast-foundation';\nimport { keyEnter, keySpace } from '@microsoft/fast-web-utilities';\nimport {\n    findParentNode,\n    isList,\n    AnyExtension,\n    Extension,\n    Editor\n} from '@tiptap/core';\n\nimport type { PlaceholderOptions } from '@tiptap/extension-placeholder';\nimport HardBreak from '@tiptap/extension-hard-break';\nimport type { SuggestionProps } from '@tiptap/suggestion';\nimport { template } from './template';\nimport { styles } from './styles';\nimport type { ToggleButton } from '../../toggle-button';\nimport {\n    TipTapNodeName,\n    mentionPluginPrefix,\n    MentionDetail,\n    FormatButtonsState\n} from './types';\nimport { mixinErrorPattern } from '../../patterns/error/types';\nimport { RichTextMarkdownParser } from '../models/markdown-parser';\nimport { RichTextMarkdownSerializer } from '../models/markdown-serializer';\nimport { RichText } from '../base';\nimport type { RichTextMentionListbox } from '../mention-listbox';\nimport type { MappingConfigs } from '../../rich-text-mention/base/types';\nimport type { MentionExtensionConfiguration } from '../models/mention-extension-configuration';\nimport { createTiptapEditor } from './models/create-tiptap-editor';\nimport { EditorConfiguration } from '../models/editor-configuration';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-rich-text-editor': RichTextEditor;\n    }\n}\n\n/**\n * A nimble styled rich text editor\n */\nexport class RichTextEditor extends mixinErrorPattern(RichText) {\n    /**\n     * @internal\n     */\n    public editorDiv = this.createEditor();\n\n    /**\n     * @internal\n     */\n    public tiptapEditor = createTiptapEditor(\n        () => {},\n        () => {},\n        this.editorDiv,\n        [],\n        this.mentionListbox,\n        this.placeholder\n    );\n\n    /**\n     * @internal\n     */\n    public readonly xmlSerializer = new XMLSerializer();\n\n    /**\n     * @internal\n     */\n    public richTextMarkdownSerializer = new RichTextMarkdownSerializer([]);\n\n    /**\n     * Whether to disable user from editing and interacting with toolbar buttons\n     *\n     * @public\n     * HTML Attribute: disabled\n     */\n    @attr({ mode: 'boolean' })\n    public disabled = false;\n\n    /**\n     * Whether to hide the footer of the rich text editor\n     *\n     * @public\n     * HTML Attribute: footer-hidden\n     */\n    @attr({ attribute: 'footer-hidden', mode: 'boolean' })\n    public footerHidden = false;\n\n    /**\n     * @public\n     * HTML Attribute: placeholder\n     */\n    @attr\n    public placeholder?: string;\n\n    /**\n     * True if the editor is empty or contains only whitespace, false otherwise.\n     *\n     * @public\n     */\n    public get empty(): boolean {\n        // Tiptap [isEmpty](https://tiptap.dev/api/editor#is-empty) returns false even if the editor has only whitespace.\n        // Get the prose mirror textContent of all the nodes with whitespace trimmed to see if it is empty\n        // Mention nodes are formatted as empty text content, so if empty make sure there are no mention nodes remaining\n        if (this.tiptapEditor.state.doc.textContent.trim() === '') {\n            let hasMention = false;\n            this.tiptapEditor.state.doc.descendants(node => {\n                if (node.type.name.startsWith(mentionPluginPrefix)) {\n                    hasMention = true;\n                }\n                const continueDescent = hasMention === false;\n                return continueDescent;\n            });\n            return !hasMention;\n        }\n        return false;\n    }\n\n    /**\n     * @internal\n     */\n    public mentionListbox?: RichTextMentionListbox;\n\n    /**\n     * @internal\n     */\n    @observable\n    public boldButton!: ToggleButton;\n\n    /**\n     * @internal\n     */\n    @observable\n    public italicsButton!: ToggleButton;\n\n    /**\n     * @internal\n     */\n    @observable\n    public bulletListButton!: ToggleButton;\n\n    /**\n     * @internal\n     */\n    @observable\n    public numberedListButton!: ToggleButton;\n\n    /**\n     * The width of the vertical scrollbar, if displayed.\n     * @internal\n     */\n    @observable\n    public scrollbarWidth = -1;\n\n    /**\n     * @internal\n     */\n    @observable\n    public activeMentionCharacter = '';\n\n    /**\n     * @internal\n     */\n    @observable\n    public activeMappingConfigs?: MappingConfigs;\n\n    /**\n     * @internal\n     */\n    public activeMentionCommand?: SuggestionProps['command'];\n\n    /**\n     * @internal\n     */\n    public editorContainer!: HTMLDivElement;\n\n    private resizeObserver?: ResizeObserver;\n    private updateScrollbarWidthQueued = false;\n\n    /**\n     * @internal\n     */\n    public override connectedCallback(): void {\n        super.connectedCallback();\n        if (!this.editorDiv.isConnected) {\n            this.editorContainer.append(this.editorDiv);\n        }\n        this.bindEditorTransactionEvent();\n        this.bindEditorUpdateEvent();\n        this.stopNativeInputEventPropagation();\n        this.resizeObserver = new ResizeObserver(() => this.onResize());\n        this.resizeObserver.observe(this);\n    }\n\n    /**\n     * @internal\n     */\n    public override disconnectedCallback(): void {\n        super.disconnectedCallback();\n        this.unbindEditorTransactionEvent();\n        this.unbindEditorUpdateEvent();\n        this.unbindNativeInputEvent();\n        this.resizeObserver?.disconnect();\n    }\n\n    /**\n     * @internal\n     */\n    public disabledChanged(): void {\n        this.disableEditor();\n        this.disableMentionViewElement();\n    }\n\n    /**\n     * Update the placeholder text and view of the editor.\n     * @internal\n     */\n    public placeholderChanged(_prev: unknown, _next: unknown): void {\n        const placeholderExtension = this.getTipTapExtension(\n            'placeholder'\n        ) as Extension<PlaceholderOptions>;\n        placeholderExtension.options.placeholder = this.placeholder ?? '';\n        this.tiptapEditor.view.dispatch(this.tiptapEditor.state.tr);\n\n        this.queueUpdateScrollbarWidth();\n    }\n\n    /**\n     * @internal\n     */\n    public ariaLabelChanged(_prev: unknown, _next: unknown): void {\n        if (this.ariaLabel !== null && this.ariaLabel !== undefined) {\n            this.editorDiv.setAttribute('aria-label', this.ariaLabel);\n        } else {\n            this.editorDiv.removeAttribute('aria-label');\n        }\n    }\n\n    /**\n     * @internal\n     */\n    public configurationChanged(\n        prev: EditorConfiguration | undefined,\n        next: EditorConfiguration\n    ): void {\n        const formatButtonsState = this.getButtonsState(this.tiptapEditor);\n        const { from, to } = this.tiptapEditor.view.state.selection;\n        if (this.isMentionExtensionConfigUnchanged(prev, next)) {\n            this.setMarkdown(this.getMarkdown());\n        } else {\n            const mentionExtensionConfig = this.getMentionExtensionConfig();\n            const currentStateMarkdown = this.getMarkdown();\n            this.richTextMarkdownSerializer = new RichTextMarkdownSerializer(\n                mentionExtensionConfig.map(config => config.name)\n            );\n            this.initializeEditor();\n            this.setMarkdown(currentStateMarkdown);\n        }\n        this.tiptapEditor.commands.setTextSelection({ from, to });\n        this.resetEditorButtonsState(formatButtonsState);\n        this.setActiveMappingConfigs();\n    }\n\n    /**\n     * @internal\n     */\n    public activeMentionCharacterChanged(): void {\n        this.setActiveMappingConfigs();\n    }\n\n    /**\n     * Toggle the bold mark and focus back to the editor\n     * @internal\n     */\n    public boldButtonClick(): void {\n        this.tiptapEditor.chain().focus().toggleBold().run();\n    }\n\n    /**\n     * Toggle the bold mark and focus back to the editor\n     * @internal\n     */\n    public boldButtonKeyDown(event: KeyboardEvent): boolean {\n        if (this.keyActivatesButton(event)) {\n            this.tiptapEditor.chain().focus().toggleBold().run();\n            return false;\n        }\n        return true;\n    }\n\n    /**\n     * Toggle the italics mark and focus back to the editor\n     * @internal\n     */\n    public italicsButtonClick(): void {\n        this.tiptapEditor.chain().focus().toggleItalic().run();\n    }\n\n    /**\n     * Toggle the italics mark and focus back to the editor\n     * @internal\n     */\n    public italicsButtonKeyDown(event: KeyboardEvent): boolean {\n        if (this.keyActivatesButton(event)) {\n            this.tiptapEditor.chain().focus().toggleItalic().run();\n            return false;\n        }\n        return true;\n    }\n\n    /**\n     * Toggle the unordered list node and focus back to the editor\n     * @internal\n     */\n    public bulletListButtonClick(): void {\n        this.tiptapEditor.chain().focus().toggleBulletList().run();\n    }\n\n    /**\n     * Toggle the unordered list node and focus back to the editor\n     * @internal\n     */\n    public bulletListButtonKeyDown(event: KeyboardEvent): boolean {\n        if (this.keyActivatesButton(event)) {\n            this.tiptapEditor.chain().focus().toggleBulletList().run();\n            return false;\n        }\n        return true;\n    }\n\n    /**\n     * Toggle the ordered list node and focus back to the editor\n     * @internal\n     */\n    public numberedListButtonClick(): void {\n        this.tiptapEditor.chain().focus().toggleOrderedList().run();\n    }\n\n    /**\n     * Toggle the ordered list node and focus back to the editor\n     * @internal\n     */\n    public numberedListButtonKeyDown(event: KeyboardEvent): boolean {\n        if (this.keyActivatesButton(event)) {\n            this.tiptapEditor.chain().focus().toggleOrderedList().run();\n            return false;\n        }\n        return true;\n    }\n\n    /**\n     * Inserts the mention character into the editor and focus back to the editor\n     * @internal\n     */\n    public mentionButtonClick(character: string): void {\n        this.tiptapEditor\n            .chain()\n            .insertContent(\n                this.shouldInsertSpace() ? ` ${character}` : character\n            )\n            .focus()\n            .run();\n    }\n\n    /**\n     * This function load tip tap editor with provided markdown content by parsing into html\n     * @public\n     */\n    public setMarkdown(markdown: string): void {\n        const html = this.getHtmlContent(markdown);\n        this.tiptapEditor.commands.setContent(html);\n        this.disableMentionViewElement();\n    }\n\n    /**\n     * This function returns markdown string by serializing tiptap editor document using prosemirror MarkdownSerializer\n     * @public\n     */\n    public getMarkdown(): string {\n        return this.richTextMarkdownSerializer.serializeDOMToMarkdown(\n            this.tiptapEditor.state.doc\n        );\n    }\n\n    /**\n     * @internal\n     */\n    public stopEventPropagation(event: Event): boolean {\n        // Don't bubble the 'change' event from the toggle button because\n        // all the formatting button has its own 'toggle' event through 'click' and 'keydown'.\n        event.stopPropagation();\n        return false;\n    }\n\n    public getMentionedHrefs(): string[] {\n        const mentionedHrefs = new Set<string>();\n        this.tiptapEditor.state.doc.descendants(node => {\n            if (node.type.name.startsWith(mentionPluginPrefix)) {\n                mentionedHrefs.add(node.attrs.href as string);\n            }\n        });\n        return Array.from(mentionedHrefs);\n    }\n\n    /**\n     * @internal\n     */\n    public getMentionExtensionConfig(): MentionExtensionConfiguration[] {\n        return this.configuration instanceof EditorConfiguration\n            ? this.configuration.mentionExtensionConfig\n            : [];\n    }\n\n    /**\n     * @internal\n     */\n    public onMentionSelect(event: CustomEvent<MentionDetail>): void {\n        if (this.activeMentionCommand) {\n            this.activeMentionCommand({\n                href: event.detail.href,\n                label: event.detail.displayName\n            });\n        }\n    }\n\n    /**\n     * @internal\n     */\n    public focusoutHandler(): void {\n        if (!this.mentionListbox?.open) {\n            return;\n        }\n        this.mentionListbox?.close();\n    }\n\n    public override createConfig(): void {\n        this.validate();\n        if (this.richTextValidator.isValid()) {\n            if (\n                this.richTextUpdateTracker.updateButtonLabel\n                || this.richTextUpdateTracker.updateMappingConfigs\n                || this.richTextUpdateTracker.updatePattern\n            ) {\n                this.configuration = new EditorConfiguration(\n                    this.mentionElements\n                );\n            }\n        } else {\n            this.configuration = undefined;\n        }\n    }\n\n    private isMentionExtensionConfigUnchanged(\n        prev: EditorConfiguration | undefined,\n        next: EditorConfiguration | undefined\n    ): boolean {\n        const prevConfigCharacters = prev?.mentionExtensionConfig\n            .map(config => config.character)\n            .sort((a, b) => a.localeCompare(b))\n            .toString();\n        const nextConfigCharacters = next?.mentionExtensionConfig\n            .map(config => config.character)\n            .sort((a, b) => a.localeCompare(b))\n            .toString();\n        return prevConfigCharacters === nextConfigCharacters;\n    }\n\n    private createEditor(): HTMLDivElement {\n        const editor = document.createElement('div');\n        editor.className = 'editor';\n        editor.setAttribute('aria-multiline', 'true');\n        editor.setAttribute('role', 'textbox');\n        editor.setAttribute('aria-disabled', 'false');\n        return editor;\n    }\n\n    private initializeEditor(): void {\n        this.unbindEditorTransactionEvent();\n        this.unbindEditorUpdateEvent();\n        this.unbindNativeInputEvent();\n        this.tiptapEditor?.destroy();\n        this.tiptapEditor = createTiptapEditor(\n            character => {\n                this.activeMentionCharacter = character;\n            },\n            command => {\n                this.activeMentionCommand = command;\n            },\n            this.editorDiv,\n            this.configuration instanceof EditorConfiguration\n                ? this.configuration.mentionExtensionConfig\n                : [],\n            this.mentionListbox,\n            this.placeholder\n        );\n        this.disableEditor();\n        this.disableMentionViewElement();\n        this.bindEditorTransactionEvent();\n        this.bindEditorUpdateEvent();\n        this.stopNativeInputEventPropagation();\n    }\n\n    /**\n     * This function takes the Fragment from parseMarkdownToDOM function and return the serialized string using XMLSerializer\n     */\n    private getHtmlContent(markdown: string): string {\n        const parseResult = RichTextMarkdownParser.parseMarkdownToDOM(\n            markdown,\n            this.configuration?.parserMentionConfig\n        );\n        return this.xmlSerializer.serializeToString(parseResult.fragment);\n    }\n\n    /**\n     * Binding the \"transaction\" event to the editor allows continuous monitoring the events and updating the button state in response to\n     * various actions such as mouse events, keyboard events, changes in the editor content etc,.\n     * https://tiptap.dev/api/events#transaction\n     */\n    private bindEditorTransactionEvent(): void {\n        this.tiptapEditor.on('transaction', () => {\n            this.updateEditorButtonsState();\n        });\n    }\n\n    private unbindEditorTransactionEvent(): void {\n        this.tiptapEditor.off('transaction');\n    }\n\n    private updateEditorButtonsState(): void {\n        if (!this.$fastController.isConnected) {\n            return;\n        }\n\n        const { extensionManager, state } = this.tiptapEditor;\n        const { extensions } = extensionManager;\n        const { selection } = state;\n        const parentList = findParentNode((node: { type: { name: string } }) => isList(node.type.name, extensions))(selection);\n\n        this.boldButton.checked = this.tiptapEditor.isActive('bold');\n        this.italicsButton.checked = this.tiptapEditor.isActive('italic');\n        this.bulletListButton.checked = parentList?.node.type.name === TipTapNodeName.bulletList;\n        this.numberedListButton.checked = parentList?.node.type.name === TipTapNodeName.numberedList;\n    }\n\n    private keyActivatesButton(event: KeyboardEvent): boolean {\n        switch (event.key) {\n            case keySpace:\n            case keyEnter:\n                return true;\n            default:\n                return false;\n        }\n    }\n\n    private unbindEditorUpdateEvent(): void {\n        this.tiptapEditor.off('update');\n    }\n\n    /**\n     * input event is fired when there is a change in the content of the editor.\n     *\n     * https://tiptap.dev/api/events#update\n     */\n    private bindEditorUpdateEvent(): void {\n        this.tiptapEditor.on('update', () => {\n            this.$emit('input');\n            this.queueUpdateScrollbarWidth();\n        });\n    }\n\n    private disableEditor(): void {\n        this.tiptapEditor.setEditable(!this.disabled);\n        this.setEditorTabIndex();\n        this.editorDiv.setAttribute(\n            'aria-disabled',\n            this.disabled ? 'true' : 'false'\n        );\n        this.mentionListbox?.close();\n    }\n\n    private disableMentionViewElement(): void {\n        this.tiptapEditor.state.doc.descendants((node, pos) => {\n            if (node.type.name.startsWith(mentionPluginPrefix)) {\n                const updatedAttrs = {\n                    ...node.attrs,\n                    disabled: this.disabled ? '' : null\n                };\n                const updatedNode = this.tiptapEditor.schema.node(\n                    node.type.name,\n                    updatedAttrs,\n                    node.content\n                );\n                const updatedTransaction = this.tiptapEditor.state.tr.replaceWith(\n                    pos,\n                    pos + node.nodeSize,\n                    updatedNode\n                );\n                this.tiptapEditor.view.dispatch(updatedTransaction);\n            }\n            return true;\n        });\n    }\n\n    /**\n     * Stopping the native input event propagation emitted by the contenteditable element in the Tiptap\n     * since there is an issue (linked below) in ProseMirror where selecting the text and removing it\n     * does not trigger the native HTMLElement input event. So using the \"update\" event emitted by the\n     * Tiptap to capture it as an \"input\" customEvent in the rich text editor.\n     *\n     * Prose Mirror issue: https://discuss.prosemirror.net/t/how-to-handle-select-backspace-delete-cut-type-kind-of-events-handletextinput-or-handledomevents-input-doesnt-help/4844\n     */\n    private stopNativeInputEventPropagation(): void {\n        this.tiptapEditor.view.dom.addEventListener('input', event => {\n            event.stopPropagation();\n        });\n    }\n\n    private unbindNativeInputEvent(): void {\n        this.tiptapEditor.view.dom.removeEventListener('input', () => {});\n    }\n\n    private queueUpdateScrollbarWidth(): void {\n        if (!this.$fastController.isConnected) {\n            return;\n        }\n        if (!this.updateScrollbarWidthQueued) {\n            this.updateScrollbarWidthQueued = true;\n            DOM.queueUpdate(() => this.updateScrollbarWidth());\n        }\n    }\n\n    private updateScrollbarWidth(): void {\n        this.updateScrollbarWidthQueued = false;\n        this.scrollbarWidth = this.tiptapEditor.view.dom.offsetWidth\n            - this.tiptapEditor.view.dom.clientWidth;\n    }\n\n    private onResize(): void {\n        this.scrollbarWidth = this.tiptapEditor.view.dom.offsetWidth\n            - this.tiptapEditor.view.dom.clientWidth;\n    }\n\n    private getTipTapExtension(\n        extensionName: string\n    ): AnyExtension | undefined {\n        return this.tiptapEditor.extensionManager.extensions.find(\n            (extension: { name: string }) => extension.name === extensionName\n        );\n    }\n\n    private setEditorTabIndex(): void {\n        this.tiptapEditor.setOptions({\n            editorProps: {\n                attributes: {\n                    tabindex: this.disabled ? '-1' : '0'\n                }\n            }\n        });\n    }\n\n    private setActiveMappingConfigs(): void {\n        this.activeMappingConfigs = this.activeMentionCharacter\n            ? this.getMentionExtensionConfigFromCharacter(\n                this.activeMentionCharacter\n            )?.mappingConfigs\n            : undefined;\n    }\n\n    private shouldInsertSpace(): boolean {\n        const { $anchor, $head } = this.tiptapEditor.view.state.selection;\n\n        const isAtStartOfLine = $head.parentOffset === 0 || $anchor.parentOffset === 0;\n        const nodeBeforeSelection = $anchor.pos < $head.pos ? $anchor.nodeBefore : $head.nodeBefore;\n        const isHardBreakNode = nodeBeforeSelection?.type.name === HardBreak.name;\n        const hasWhitespaceBeforeCurrentPosition = nodeBeforeSelection?.textContent.endsWith(' ');\n\n        return (\n            !isAtStartOfLine\n            && !isHardBreakNode\n            && !hasWhitespaceBeforeCurrentPosition\n        );\n    }\n\n    private getMentionExtensionConfigFromCharacter(\n        character: string\n    ): MentionExtensionConfiguration | undefined {\n        return this.getMentionExtensionConfig().find(\n            config => config.character === character\n        );\n    }\n\n    private resetEditorButtonsState(\n        buttonsState: FormatButtonsState | undefined\n    ): void {\n        if (buttonsState?.bold && !this.tiptapEditor.isActive('bold')) {\n            this.tiptapEditor.chain().focus().toggleBold().run();\n        }\n        if (buttonsState?.italics && !this.tiptapEditor.isActive('italic')) {\n            this.tiptapEditor.chain().focus().toggleItalic().run();\n        }\n    }\n\n    private getButtonsState(\n        tiptapEditor: Editor\n    ): FormatButtonsState | undefined {\n        if (!this.$fastController.isConnected) {\n            return undefined;\n        }\n        return {\n            bold: tiptapEditor.isActive('bold'),\n            italics: tiptapEditor.isActive('italic')\n        };\n    }\n}\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface RichTextEditor extends ARIAGlobalStatesAndProperties {}\napplyMixins(RichTextEditor, ARIAGlobalStatesAndProperties);\n\nconst nimbleRichTextEditor = RichTextEditor.compose({\n    baseName: 'rich-text-editor',\n    template,\n    styles,\n    shadowOptions: {\n        delegatesFocus: true\n    }\n});\n\nDesignSystem.getOrCreate()\n    .withPrefix('nimble')\n    .register(nimbleRichTextEditor());\nexport const richTextEditorTag = 'nimble-rich-text-editor';\n"]}

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

@@ -1,6 +1,5 @@
 import { AnchoredRegion, ListboxOption, SelectPosition } from '@microsoft/fast-foundation';
 import { DropdownAppearance, ListOptionOwner } from '../patterns/dropdown/types';
-import type { ErrorPattern } from '../patterns/error/types';
 import type { ListOption } from '../list-option';
 import { FilterMode } from './types';
 import { FormAssociatedSelect } from './models/select-form-associated';
@@ -10,10 +9,20 @@ declare global {
     }
 }
 type BooleanOrVoid = boolean | void;
+declare const Select_base: (abstract new (...args: any[]) => {
+    errorText?: string | undefined;
+    errorVisible: boolean;
+    errorHasOverflow: boolean;
+    readonly $fastController: import("@microsoft/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;
+}) & typeof FormAssociatedSelect;
 /**
  * A nimble-styled HTML select.
  */
-export declare class Select extends FormAssociatedSelect implements ErrorPattern, ListOptionOwner {
+export declare class Select extends Select_base implements ListOptionOwner {
     appearance: DropdownAppearance;
     /**
      * Reflects the placement for the listbox when the select is open.
@@ -21,15 +30,6 @@ export declare class Select extends FormAssociatedSelect implements ErrorPattern
      * @public
      */
     positionAttribute?: SelectPosition;
-    /**
-     * A message explaining why the value is invalid.
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: error-text
-     */
-    errorText: string | undefined;
-    errorVisible: boolean;
     filterMode: FilterMode;
     clearable: boolean;
     loadingVisible: boolean;