@ni/nimble-components 20.15.0 → 20.15.1

package/dist/esm/rich-text/models/markdown-parser.js

@@ -13,15 +13,21 @@ export class RichTextMarkdownParser {
      */
     static parseMarkdownToDOM(value, markdownParserMentionConfig) {
         try {
-            this.mentionConfigs = markdownParserMentionConfig;
+            RichTextMarkdownParser.setup(markdownParserMentionConfig);
             const parsedMarkdownContent = this.markdownParser.parse(value);
             if (parsedMarkdownContent === null) {
-                return document.createDocumentFragment();
+                return {
+                    fragment: document.createDocumentFragment(),
+                    mentionedHrefs: Array.from(RichTextMarkdownParser.mentionedHrefs)
+                };
             }
-            return this.domSerializer.serializeFragment(parsedMarkdownContent.content);
+            return {
+                fragment: this.domSerializer.serializeFragment(parsedMarkdownContent.content),
+                mentionedHrefs: Array.from(RichTextMarkdownParser.mentionedHrefs)
+            };
         }
         finally {
-            this.mentionConfigs = undefined;
+            RichTextMarkdownParser.cleanup();
         }
     }
     static initializeMarkdownParser() {
@@ -72,6 +78,7 @@ export class RichTextMarkdownParser {
                         const currentMention = RichTextMarkdownParser.mentionConfigs?.find(mention => mention.isValidMentionHref(href));
                         const displayName = currentMention?.getDisplayName(href);
                         if (currentMention && displayName) {
+                            RichTextMarkdownParser.mentionedHrefs.add(href);
                             return [
                                 currentMention.viewElement,
                                 {
@@ -102,8 +109,17 @@ export class RichTextMarkdownParser {
             }
         });
     }
+    static setup(markdownParserMentionConfig) {
+        RichTextMarkdownParser.mentionConfigs = markdownParserMentionConfig;
+        RichTextMarkdownParser.mentionedHrefs.clear();
+    }
+    static cleanup() {
+        RichTextMarkdownParser.mentionConfigs = undefined;
+        RichTextMarkdownParser.mentionedHrefs.clear();
+    }
 }
 _a = RichTextMarkdownParser;
+RichTextMarkdownParser.mentionedHrefs = new Set();
 RichTextMarkdownParser.updatedSchema = _a.getCustomSchemaConfiguration();
 RichTextMarkdownParser.markdownParser = _a.initializeMarkdownParser();
 RichTextMarkdownParser.domSerializer = DOMSerializer.fromSchema(_a.updatedSchema);

package/dist/esm/rich-text/models/markdown-parser.js.map

@@ -1 +1 @@
-{"version":3,"file":"markdown-parser.js","sourceRoot":"","sources":["../../../../src/rich-text/models/markdown-parser.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"markdown-parser.js","sourceRoot":"","sources":["../../../../src/rich-text/models/markdown-parser.ts"],"names":[],"mappings":"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"}

package/dist/esm/rich-text/models/markdown-serializer.d.ts

@@ -3,7 +3,8 @@ import type { Node } from 'prosemirror-model';
  * Provides markdown serializer for rich text components
  */
 export declare class RichTextMarkdownSerializer {
-    private static readonly markdownSerializer;
-    static serializeDOMToMarkdown(doc: Node): string;
-    private static initializeMarkdownSerializerForTipTap;
+    private readonly markdownSerializer;
+    constructor(mentionList: string[]);
+    serializeDOMToMarkdown(doc: Node): string;
+    private initializeMarkdownSerializerForTipTap;
 }

package/dist/esm/rich-text/models/markdown-serializer.js

@@ -1,13 +1,15 @@
-var _a;
 import { MarkdownSerializer, defaultMarkdownSerializer } from 'prosemirror-markdown';
 /**
  * Provides markdown serializer for rich text components
  */
 export class RichTextMarkdownSerializer {
-    static serializeDOMToMarkdown(doc) {
+    constructor(mentionList) {
+        this.markdownSerializer = this.initializeMarkdownSerializerForTipTap(mentionList);
+    }
+    serializeDOMToMarkdown(doc) {
         return this.markdownSerializer.serialize(doc);
     }
-    static initializeMarkdownSerializerForTipTap() {
+    initializeMarkdownSerializerForTipTap(mentionList) {
         /**
          * orderedList Node is getting 'order' attribute which it is not present in the
          * tip-tap orderedList Node and having start instead of order, Changed it to start (nodes.attrs.start)
@@ -23,6 +25,14 @@ export class RichTextMarkdownSerializer {
                 return `${state.repeat(' ', maxW - nStr.length) + nStr}. `;
             });
         };
+        /**
+         * Same as of auto link serialization https://github.com/ProseMirror/prosemirror-markdown/blob/3e5a5d02f7c1b9336744740149767ee1dc4e954d/src/to_markdown.ts#L136,
+         * href been extracted from the mention node and serialized it in between '<>' angular brackets.
+         */
+        const mentionNode = function mention(state, node) {
+            const href = node.attrs.href;
+            state.write(`<${href}>`);
+        };
         /**
          * Internally Tiptap editor creates it own schema ( Nodes AND Marks ) based on the extensions ( Here Starter Kit is used for Bold, italic, orderedList and
          * bulletList extensions) and defaultMarkdownSerializer uses schema from prosemirror-markdown to serialize the markdown.
@@ -38,6 +48,9 @@ export class RichTextMarkdownSerializer {
             text: defaultMarkdownSerializer.nodes.text,
             hardBreak: defaultMarkdownSerializer.nodes.hard_break
         };
+        mentionList.forEach(item => {
+            nodes[item] = mentionNode;
+        });
         const marks = {
             italic: defaultMarkdownSerializer.marks.em,
             bold: defaultMarkdownSerializer.marks.strong,
@@ -66,6 +79,4 @@ export class RichTextMarkdownSerializer {
         return new MarkdownSerializer(nodes, marks);
     }
 }
-_a = RichTextMarkdownSerializer;
-RichTextMarkdownSerializer.markdownSerializer = _a.initializeMarkdownSerializerForTipTap();
 //# sourceMappingURL=markdown-serializer.js.map

package/dist/esm/rich-text/models/markdown-serializer.js.map

@@ -1 +1 @@
-{"version":3,"file":"markdown-serializer.js","sourceRoot":"","sources":["../../../../src/rich-text/models/markdown-serializer.ts"],"names":[],"mappings":";AAAA,OAAO,EACH,kBAAkB,EAClB,yBAAyB,EAE5B,MAAM,sBAAsB,CAAC;AAG9B;;GAEG;AACH,MAAM,OAAO,0BAA0B;IAG5B,MAAM,CAAC,sBAAsB,CAAC,GAAS;QAC1C,OAAO,IAAI,CAAC,kBAAkB,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IAClD,CAAC;IAEO,MAAM,CAAC,qCAAqC;QAChD;;;;;WAKG;QACH,MAAM,eAAe,GAAG,SAAS,WAAW,CACxC,KAA8B,EAC9B,IAAU;YAEV,MAAM,KAAK,GAAI,IAAI,CAAC,KAAK,CAAC,KAAgB,IAAI,CAAC,CAAC;YAChD,MAAM,IAAI,GAAG,MAAM,CAAC,KAAK,GAAG,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC;YACxD,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,GAAG,EAAE,IAAI,GAAG,CAAC,CAAC,CAAC;YAC1C,KAAK,CAAC,UAAU,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,EAAE;gBAC9B,MAAM,IAAI,GAAG,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;gBAC/B,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,GAAG,EAAE,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,IAAI,IAAI,CAAC;YAC/D,CAAC,CAAC,CAAC;QACP,CAAC,CAAC;QAEF;;;;;WAKG;QACH,MAAM,KAAK,GAAG;YACV,UAAU,EAAE,yBAAyB,CAAC,KAAK,CAAC,WAAY;YACxD,QAAQ,EAAE,yBAAyB,CAAC,KAAK,CAAC,SAAU;YACpD,WAAW,EAAE,eAAe;YAC5B,GAAG,EAAE,yBAAyB,CAAC,KAAK,CAAC,GAAI;YACzC,SAAS,EAAE,yBAAyB,CAAC,KAAK,CAAC,SAAU;YACrD,IAAI,EAAE,yBAAyB,CAAC,KAAK,CAAC,IAAK;YAC3C,SAAS,EAAE,yBAAyB,CAAC,KAAK,CAAC,UAAW;SACzD,CAAC;QACF,MAAM,KAAK,GAAG;YACV,MAAM,EAAE,yBAAyB,CAAC,KAAK,CAAC,EAAG;YAC3C,IAAI,EAAE,yBAAyB,CAAC,KAAK,CAAC,MAAO;YAC7C;;;;;;;;;;;;;;eAcG;YACH,IAAI,EAAE;gBACF,IAAI,EAAE,GAAG;gBACT,KAAK,EAAE,GAAG;gBACV,MAAM,EAAE,KAAK;gBACb,wBAAwB,EAAE,IAAI;aACjC;SACJ,CAAC;QACF,OAAO,IAAI,kBAAkB,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAChD,CAAC;;;AAnEuB,6CAAkB,GAAG,EAAI,CAAC,qCAAqC,EAAE,CAAC"}
+{"version":3,"file":"markdown-serializer.js","sourceRoot":"","sources":["../../../../src/rich-text/models/markdown-serializer.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,kBAAkB,EAClB,yBAAyB,EAE5B,MAAM,sBAAsB,CAAC;AAY9B;;GAEG;AACH,MAAM,OAAO,0BAA0B;IAGnC,YAAmB,WAAqB;QACpC,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,qCAAqC,CAAC,WAAW,CAAC,CAAC;IACtF,CAAC;IAEM,sBAAsB,CAAC,GAAS;QACnC,OAAO,IAAI,CAAC,kBAAkB,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IAClD,CAAC;IAEO,qCAAqC,CACzC,WAAqB;QAErB;;;;;WAKG;QACH,MAAM,eAAe,GAAG,SAAS,WAAW,CACxC,KAA8B,EAC9B,IAAU;YAEV,MAAM,KAAK,GAAI,IAAI,CAAC,KAAK,CAAC,KAAgB,IAAI,CAAC,CAAC;YAChD,MAAM,IAAI,GAAG,MAAM,CAAC,KAAK,GAAG,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC;YACxD,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,GAAG,EAAE,IAAI,GAAG,CAAC,CAAC,CAAC;YAC1C,KAAK,CAAC,UAAU,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,EAAE;gBAC9B,MAAM,IAAI,GAAG,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;gBAC/B,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,GAAG,EAAE,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,IAAI,IAAI,CAAC;YAC/D,CAAC,CAAC,CAAC;QACP,CAAC,CAAC;QAEF;;;WAGG;QACH,MAAM,WAAW,GAAG,SAAS,OAAO,CAChC,KAA8B,EAC9B,IAAU;YAEV,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAc,CAAC;YACvC,KAAK,CAAC,KAAK,CAAC,IAAI,IAAI,GAAG,CAAC,CAAC;QAC7B,CAAC,CAAC;QAEF;;;;;WAKG;QACH,MAAM,KAAK,GAAU;YACjB,UAAU,EAAE,yBAAyB,CAAC,KAAK,CAAC,WAAY;YACxD,QAAQ,EAAE,yBAAyB,CAAC,KAAK,CAAC,SAAU;YACpD,WAAW,EAAE,eAAe;YAC5B,GAAG,EAAE,yBAAyB,CAAC,KAAK,CAAC,GAAI;YACzC,SAAS,EAAE,yBAAyB,CAAC,KAAK,CAAC,SAAU;YACrD,IAAI,EAAE,yBAAyB,CAAC,KAAK,CAAC,IAAK;YAC3C,SAAS,EAAE,yBAAyB,CAAC,KAAK,CAAC,UAAW;SACzD,CAAC;QAEF,WAAW,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YACvB,KAAK,CAAC,IAAI,CAAC,GAAG,WAAW,CAAC;QAC9B,CAAC,CAAC,CAAC;QAEH,MAAM,KAAK,GAAG;YACV,MAAM,EAAE,yBAAyB,CAAC,KAAK,CAAC,EAAG;YAC3C,IAAI,EAAE,yBAAyB,CAAC,KAAK,CAAC,MAAO;YAC7C;;;;;;;;;;;;;;eAcG;YACH,IAAI,EAAE;gBACF,IAAI,EAAE,GAAG;gBACT,KAAK,EAAE,GAAG;gBACV,MAAM,EAAE,KAAK;gBACb,wBAAwB,EAAE,IAAI;aACjC;SACJ,CAAC;QAEF,OAAO,IAAI,kBAAkB,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAChD,CAAC;CACJ"}

package/dist/esm/rich-text/models/mention-extension-configuration.d.ts

@@ -0,0 +1,15 @@
+import type { MentionInternals } from '../../rich-text-mention/base/models/mention-internals';
+import type { MentionUpdateEmitter } from '../../rich-text-mention/base/types';
+/**
+ * A configuration object for a Mention extension, to be used by the editor for loading mention plugins in tiptap.
+ * This object maintains the necessary internal values for loading mention extension.
+ */
+export declare class MentionExtensionConfiguration {
+    private static instance;
+    readonly viewElement: string;
+    readonly character: string;
+    readonly name: string;
+    readonly key: string;
+    readonly mentionUpdateEmitter: MentionUpdateEmitter;
+    constructor(mentionInternals: MentionInternals);
+}

package/dist/esm/rich-text/models/mention-extension-configuration.js

@@ -0,0 +1,18 @@
+import { mentionPluginPrefix } from '../editor/types';
+/**
+ * A configuration object for a Mention extension, to be used by the editor for loading mention plugins in tiptap.
+ * This object maintains the necessary internal values for loading mention extension.
+ */
+export class MentionExtensionConfiguration {
+    constructor(mentionInternals) {
+        MentionExtensionConfiguration.instance += 1;
+        const key = `${mentionPluginPrefix}${MentionExtensionConfiguration.instance}`;
+        this.name = key;
+        this.key = key;
+        this.viewElement = mentionInternals.viewElement;
+        this.character = mentionInternals.character;
+        this.mentionUpdateEmitter = mentionInternals.mentionUpdateEmitter;
+    }
+}
+MentionExtensionConfiguration.instance = 0;
+//# sourceMappingURL=mention-extension-configuration.js.map

package/dist/esm/rich-text/models/mention-extension-configuration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mention-extension-configuration.js","sourceRoot":"","sources":["../../../../src/rich-text/models/mention-extension-configuration.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAEtD;;;GAGG;AACH,MAAM,OAAO,6BAA6B;IAStC,YAAmB,gBAAkC;QACjD,6BAA6B,CAAC,QAAQ,IAAI,CAAC,CAAC;QAC5C,MAAM,GAAG,GAAG,GAAG,mBAAmB,GAAG,6BAA6B,CAAC,QAAQ,EAAE,CAAC;QAC9E,IAAI,CAAC,IAAI,GAAG,GAAG,CAAC;QAChB,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC;QAEf,IAAI,CAAC,WAAW,GAAG,gBAAgB,CAAC,WAAW,CAAC;QAChD,IAAI,CAAC,SAAS,GAAG,gBAAgB,CAAC,SAAS,CAAC;QAC5C,IAAI,CAAC,oBAAoB,GAAG,gBAAgB,CAAC,oBAAoB,CAAC;IACtE,CAAC;;AAjBc,sCAAQ,GAAG,CAAC,CAAC"}

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

@@ -1,6 +1,4 @@
-import { FoundationElement } from '@microsoft/fast-foundation';
-import { RichTextMention } from '../../rich-text-mention/base';
-import { MarkdownParserMentionConfiguration } from '../models/markdown-parser-mention-configuration';
+import { RichText } from '../base';
 declare global {
     interface HTMLElementTagNameMap {
         'nimble-rich-text-viewer': RichTextViewer;
@@ -9,7 +7,7 @@ declare global {
 /**
  * A nimble styled rich text viewer
  */
-export declare class RichTextViewer extends FoundationElement {
+export declare class RichTextViewer extends RichText {
     /**
      *
      * @public
@@ -20,19 +18,7 @@ export declare class RichTextViewer extends FoundationElement {
      * @internal
      */
     viewer: HTMLDivElement;
-    /**
-     * @internal
-     */
-    mentionElements: RichTextMention[];
-    /**
-     * @internal
-     */
-    mentionInternalsConfig: MarkdownParserMentionConfiguration[];
-    /**
-     * @internal
-     */
-    readonly childItems: Element[];
-    private mentionInternalsNotifiers;
+    private mentionedHrefs;
     /**
      * @internal
      */
@@ -44,12 +30,8 @@ export declare class RichTextViewer extends FoundationElement {
     /**
      * @internal
      */
-    handleChange(source: unknown, args: unknown): void;
-    private childItemsChanged;
-    private updateMentionsFromChildItems;
-    private observeMentions;
-    private removeMentionObservers;
-    private updateMentionInternalsConfig;
+    configurationChanged(): void;
+    getMentionedHrefs(): string[];
     private updateView;
 }
 export declare const richTextViewerTag: string;

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

@@ -1,16 +1,14 @@
 import { __decorate } from "tslib";
-import { DesignSystem, FoundationElement } from '@microsoft/fast-foundation';
-import { Observable, observable } from '@microsoft/fast-element';
+import { DesignSystem } from '@microsoft/fast-foundation';
+import { observable } from '@microsoft/fast-element';
 import { template } from './template';
 import { styles } from './styles';
 import { RichTextMarkdownParser } from '../models/markdown-parser';
-import { RichTextMention } from '../../rich-text-mention/base';
-import { MentionInternals } from '../../rich-text-mention/base/models/mention-internals';
-import { MarkdownParserMentionConfiguration } from '../models/markdown-parser-mention-configuration';
+import { RichText } from '../base';
 /**
  * A nimble styled rich text viewer
  */
-export class RichTextViewer extends FoundationElement {
+export class RichTextViewer extends RichText {
     constructor() {
         super(...arguments);
         /**
@@ -19,19 +17,7 @@ export class RichTextViewer extends FoundationElement {
          * Markdown string to render its corresponding rich text content in the component.
          */
         this.markdown = '';
-        /**
-         * @internal
-         */
-        this.mentionElements = [];
-        /**
-         * @internal
-         */
-        this.mentionInternalsConfig = [];
-        /**
-         * @internal
-         */
-        this.childItems = [];
-        this.mentionInternalsNotifiers = [];
+        this.mentionedHrefs = [];
     }
     /**
      * @internal
@@ -49,64 +35,30 @@ export class RichTextViewer extends FoundationElement {
     /**
      * @internal
      */
-    handleChange(source, args) {
-        if (source instanceof MentionInternals && typeof args === 'string') {
-            this.updateMentionInternalsConfig();
-        }
-    }
-    childItemsChanged() {
-        void this.updateMentionsFromChildItems();
-    }
-    async updateMentionsFromChildItems() {
-        const definedElements = this.childItems.map(async (item) => (item.matches(':not(:defined)')
-            ? customElements.whenDefined(item.localName)
-            : Promise.resolve()));
-        await Promise.all(definedElements);
-        this.mentionElements = this.childItems.filter((x) => x instanceof RichTextMention);
-        this.observeMentions();
-        this.updateMentionInternalsConfig();
-    }
-    observeMentions() {
-        this.removeMentionObservers();
-        for (const mention of this.mentionElements) {
-            const notifierInternals = Observable.getNotifier(mention.mentionInternals);
-            notifierInternals.subscribe(this);
-            this.mentionInternalsNotifiers.push(notifierInternals);
-        }
-    }
-    removeMentionObservers() {
-        this.mentionInternalsNotifiers.forEach(notifier => {
-            notifier.unsubscribe(this);
-        });
-        this.mentionInternalsNotifiers = [];
-    }
-    updateMentionInternalsConfig() {
-        // TODO: Add a rich text validator to check if the `mentionElements` contains duplicate configuration element
-        // For example, having two `nimble-rich-text-mention-users` within the children of rich text viewer or editor is an invalid configuration
-        this.mentionInternalsConfig = this.mentionElements
-            .filter(mention => mention.mentionInternals.validConfiguration)
-            .map(mention => new MarkdownParserMentionConfiguration(mention.mentionInternals));
+    configurationChanged() {
         this.updateView();
     }
+    getMentionedHrefs() {
+        return Array.from(this.mentionedHrefs);
+    }
     updateView() {
         if (!this.$fastController.isConnected) {
             return;
         }
         if (this.markdown) {
-            const serializedContent = RichTextMarkdownParser.parseMarkdownToDOM(this.markdown, this.mentionInternalsConfig);
-            this.viewer.replaceChildren(serializedContent);
+            const parseResult = RichTextMarkdownParser.parseMarkdownToDOM(this.markdown, this.configuration?.parserMentionConfig);
+            this.viewer.replaceChildren(parseResult.fragment);
+            this.mentionedHrefs = parseResult.mentionedHrefs;
         }
         else {
             this.viewer.innerHTML = '';
+            this.mentionedHrefs = [];
         }
     }
 }
 __decorate([
     observable
 ], RichTextViewer.prototype, "markdown", void 0);
-__decorate([
-    observable
-], RichTextViewer.prototype, "childItems", void 0);
 const nimbleRichTextViewer = RichTextViewer.compose({
     baseName: 'rich-text-viewer',
     template,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/rich-text/viewer/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/rich-text/viewer/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAQnC;;GAEG;AACH,MAAM,OAAO,cAAe,SAAQ,QAAQ;IAA5C;;QACI;;;;WAIG;QAEI,aAAQ,GAAG,EAAE,CAAC;QAOb,mBAAc,GAAa,EAAE,CAAC;IA4C1C,CAAC;IA1CG;;OAEG;IACa,iBAAiB;QAC7B,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,UAAU,EAAE,CAAC;IACtB,CAAC;IAED;;OAEG;IACI,eAAe;QAClB,IAAI,CAAC,UAAU,EAAE,CAAC;IACtB,CAAC;IAED;;OAEG;IACI,oBAAoB;QACvB,IAAI,CAAC,UAAU,EAAE,CAAC;IACtB,CAAC;IAEM,iBAAiB;QACpB,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;IAC3C,CAAC;IAEO,UAAU;QACd,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,WAAW,EAAE;YACnC,OAAO;SACV;QACD,IAAI,IAAI,CAAC,QAAQ,EAAE;YACf,MAAM,WAAW,GAAG,sBAAsB,CAAC,kBAAkB,CACzD,IAAI,CAAC,QAAQ,EACb,IAAI,CAAC,aAAa,EAAE,mBAAmB,CAC1C,CAAC;YACF,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;YAClD,IAAI,CAAC,cAAc,GAAG,WAAW,CAAC,cAAc,CAAC;SACpD;aAAM;YACH,IAAI,CAAC,MAAM,CAAC,SAAS,GAAG,EAAE,CAAC;YAC3B,IAAI,CAAC,cAAc,GAAG,EAAE,CAAC;SAC5B;IACL,CAAC;CACJ;AAnDG;IADC,UAAU;gDACU;AAqDzB,MAAM,oBAAoB,GAAG,cAAc,CAAC,OAAO,CAAC;IAChD,QAAQ,EAAE,kBAAkB;IAC5B,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE;KACrB,UAAU,CAAC,QAAQ,CAAC;KACpB,QAAQ,CAAC,oBAAoB,EAAE,CAAC,CAAC;AACtC,MAAM,CAAC,MAAM,iBAAiB,GAAG,YAAY,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC"}

package/dist/esm/rich-text/viewer/styles.js

@@ -1,6 +1,6 @@
 import { css } from '@microsoft/fast-element';
 import { display } from '@microsoft/fast-foundation';
-import { bodyFont, bodyFontColor, linkFontColor } from '../../theme-provider/design-tokens';
+import { bodyFont, bodyFontColor, linkFontColor, mentionFontColor } from '../../theme-provider/design-tokens';
 export const styles = css `
     ${display('flex')}
 
@@ -11,6 +11,7 @@ export const styles = css `
         width: auto;
         overflow: auto;
         height: 100%;
+        --ni-nimble-private-mention-font-color: ${mentionFontColor};
     }
 
     .viewer {

package/dist/esm/rich-text/viewer/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/rich-text/viewer/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EACH,QAAQ,EACR,aAAa,EACb,aAAa,EAChB,MAAM,oCAAoC,CAAC;AAE5C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,MAAM,CAAC;;;gBAGL,QAAQ;;iBAEP,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;MA2BxB;AACE,gLAAgL,CAAC,EACrL;;;;;MAKE;AACE;;;;;;;GAOG,CAAC,EACR;;iBAEa,aAAa;;CAE7B,CAAC"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/rich-text/viewer/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EACH,QAAQ,EACR,aAAa,EACb,aAAa,EACb,gBAAgB,EACnB,MAAM,oCAAoC,CAAC;AAE5C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,MAAM,CAAC;;;gBAGL,QAAQ;;iBAEP,aAAa;;;;kDAIoB,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;MAwB5D;AACE,gLAAgL,CAAC,EACrL;;;;;MAKE;AACE;;;;;;;GAOG,CAAC,EACR;;iBAEa,aAAa;;CAE7B,CAAC"}

package/dist/esm/rich-text-mention/base/index.d.ts

@@ -4,19 +4,14 @@ import type { MappingConfig } from './models/mapping-config';
 import type { RichTextMentionValidator, RichTextMentionValidity } from './models/mention-validator';
 import { MentionInternals, MentionInternalsOptions } from './models/mention-internals';
 import { Mapping } from '../../mapping/base';
-export declare type MappingConfigs = ReadonlyMap<string, MappingConfig>;
-export interface RichTextMentionConfig {
-    mappingConfigs: MappingConfigs;
-}
 /**
  * The base class for Mention configuration
  */
-export declare abstract class RichTextMention<TMentionConfig extends RichTextMentionConfig = RichTextMentionConfig, TValidator extends RichTextMentionValidator<[
-]> = RichTextMentionValidator<[]>> extends FoundationElement implements Subscriber {
+export declare abstract class RichTextMention<TValidator extends RichTextMentionValidator = RichTextMentionValidator> extends FoundationElement implements Subscriber {
     /**
      * @internal
      */
-    readonly mentionInternals: MentionInternals<TMentionConfig>;
+    readonly mentionInternals: MentionInternals;
     /** @internal */
     readonly validator: TValidator;
     /**
@@ -26,24 +21,30 @@ export declare abstract class RichTextMention<TMentionConfig extends RichTextMen
     /** @internal */
     mappingNotifiers: Notifier[];
     /** @internal */
-    mappings: Mapping<unknown>[];
+    mappingElements: Mapping<unknown>[];
+    /**
+     * @public
+     */
     checkValidity(): boolean;
+    /**
+     * @public
+     */
     get validity(): RichTextMentionValidity;
+    /**
+     * @internal
+     */
+    emitMentionUpdate(filter: string): void;
     /**
      * @internal
      */
     handleChange(source: unknown, args: unknown): void;
     protected abstract createValidator(): TValidator;
     protected abstract getMentionInternalsOptions(): MentionInternalsOptions;
-    protected abstract createMentionConfig(mappingConfigs: MappingConfigs): TMentionConfig;
     protected abstract createMappingConfig(mapping: Mapping<unknown>): MappingConfig;
     private getMappingConfigs;
-    /**
-     * Called when any Mapping related state has changed.
-     */
-    private updateMentionConfig;
-    private mappingsChanged;
+    private updateMappingConfigs;
+    private mappingElementsChanged;
     private patternChanged;
-    private removeMappingObservers;
-    private observeMappings;
+    private removeMappingElementObservers;
+    private observeMappingElements;
 }

package/dist/esm/rich-text-mention/base/index.js

@@ -12,31 +12,48 @@ export class RichTextMention extends FoundationElement {
         /**
          * @internal
          */
-        this.mentionInternals = new MentionInternals(this.getMentionInternalsOptions());
+        this.mentionInternals = new MentionInternals(this.getMentionInternalsOptions(), (filter) => {
+            this.emitMentionUpdate(filter);
+        });
         /** @internal */
         this.validator = this.createValidator();
         /** @internal */
         this.mappingNotifiers = [];
         /** @internal */
-        this.mappings = [];
+        this.mappingElements = [];
     }
+    /**
+     * @public
+     */
     checkValidity() {
         return this.mentionInternals.validConfiguration;
     }
+    /**
+     * @public
+     */
     get validity() {
         return this.validator.getValidity();
     }
+    /**
+     * @internal
+     */
+    emitMentionUpdate(filter) {
+        const mentionUpdateEventDetails = {
+            filter
+        };
+        this.$emit('mention-update', mentionUpdateEventDetails);
+    }
     /**
      * @internal
      */
     handleChange(source, args) {
         if (source instanceof Mapping && typeof args === 'string') {
-            this.updateMentionConfig();
+            this.updateMappingConfigs();
         }
     }
     getMappingConfigs() {
         const mappingConfigs = new Map();
-        this.mappings.forEach(mapping => {
+        this.mappingElements.forEach(mapping => {
             const href = mapping.key ?? undefined;
             if (href === undefined || typeof href !== 'string') {
                 throw Error('mentionHref was invalid for type. Validation should have prevented this.');
@@ -46,32 +63,29 @@ export class RichTextMention extends FoundationElement {
         });
         return mappingConfigs;
     }
-    /**
-     * Called when any Mapping related state has changed.
-     */
-    updateMentionConfig() {
-        this.validator.validate(this.mappings, this.pattern);
-        this.mentionInternals.mentionConfig = this.validator.isValid()
-            ? this.createMentionConfig(this.getMappingConfigs())
+    updateMappingConfigs() {
+        this.validator.validate(this.mappingElements, this.pattern);
+        this.mentionInternals.mappingConfigs = this.validator.isValid()
+            ? this.getMappingConfigs()
             : undefined;
     }
-    mappingsChanged() {
-        this.updateMentionConfig();
-        this.observeMappings();
+    mappingElementsChanged() {
+        this.updateMappingConfigs();
+        this.observeMappingElements();
     }
     patternChanged() {
+        this.validator.validate(this.mappingElements, this.pattern);
         this.mentionInternals.pattern = this.pattern;
-        this.updateMentionConfig();
     }
-    removeMappingObservers() {
+    removeMappingElementObservers() {
         this.mappingNotifiers.forEach(notifier => {
             notifier.unsubscribe(this);
         });
         this.mappingNotifiers = [];
     }
-    observeMappings() {
-        this.removeMappingObservers();
-        for (const mapping of this.mappings) {
+    observeMappingElements() {
+        this.removeMappingElementObservers();
+        for (const mapping of this.mappingElements) {
             const notifier = Observable.getNotifier(mapping);
             notifier.subscribe(this);
             this.mappingNotifiers.push(notifier);
@@ -83,5 +97,5 @@ __decorate([
 ], RichTextMention.prototype, "pattern", void 0);
 __decorate([
     observable
-], RichTextMention.prototype, "mappings", void 0);
+], RichTextMention.prototype, "mappingElements", void 0);
 //# sourceMappingURL=index.js.map

package/dist/esm/rich-text-mention/base/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/rich-text-mention/base/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/rich-text-mention/base/index.ts"],"names":[],"mappings":"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"}

package/dist/esm/rich-text-mention/base/models/mention-internals.d.ts

@@ -1,3 +1,4 @@
+import type { MappingConfigs, MentionUpdateEmitter } from '../types';
 export interface MentionInternalsOptions {
     readonly icon: string;
     readonly character: string;
@@ -6,11 +7,11 @@ export interface MentionInternalsOptions {
 /**
  * Internal mention state
  */
-export declare class MentionInternals<TMentionConfig> {
+export declare class MentionInternals {
     /**
-     * Configuration which will hold mentioning info, character, icon and pattern
+     * Mappings configured for the mention node
      */
-    mentionConfig?: TMentionConfig;
+    mappingConfigs?: MappingConfigs;
     /**
      * Whether this mention has a valid configuration.
      */
@@ -31,5 +32,9 @@ export declare class MentionInternals<TMentionConfig> {
      * Mention view element to render in rich text components
      */
     readonly viewElement: string;
-    constructor(options: MentionInternalsOptions);
+    /**
+     * Function to invoke to emit a mention-update event
+     */
+    readonly mentionUpdateEmitter: MentionUpdateEmitter;
+    constructor(options: MentionInternalsOptions, mentionUpdateEmitter: MentionUpdateEmitter);
 }

package/dist/esm/rich-text-mention/base/models/mention-internals.js

@@ -4,7 +4,7 @@ import { observable } from '@microsoft/fast-element';
  * Internal mention state
  */
 export class MentionInternals {
-    constructor(options) {
+    constructor(options, mentionUpdateEmitter) {
         /**
          * Whether this mention has a valid configuration.
          */
@@ -12,12 +12,16 @@ export class MentionInternals {
         this.icon = options.icon;
         this.character = options.character;
         this.viewElement = options.viewElement;
+        this.mentionUpdateEmitter = mentionUpdateEmitter;
     }
 }
 __decorate([
     observable
-], MentionInternals.prototype, "mentionConfig", void 0);
+], MentionInternals.prototype, "mappingConfigs", void 0);
 __decorate([
     observable
 ], MentionInternals.prototype, "validConfiguration", void 0);
+__decorate([
+    observable
+], MentionInternals.prototype, "pattern", void 0);
 //# sourceMappingURL=mention-internals.js.map

package/dist/esm/rich-text-mention/base/models/mention-internals.js.map

@@ -1 +1 @@
-{"version":3,"file":"mention-internals.js","sourceRoot":"","sources":["../../../../../src/rich-text-mention/base/models/mention-internals.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAQrD;;GAEG;AACH,MAAM,OAAO,gBAAgB;IAiCzB,YAAmB,OAAgC;QA1BnD;;WAEG;QAEI,uBAAkB,GAAG,IAAI,CAAC;QAuB7B,IAAI,CAAC,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;QACzB,IAAI,CAAC,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC;QACnC,IAAI,CAAC,WAAW,GAAG,OAAO,CAAC,WAAW,CAAC;IAC3C,CAAC;CACJ;AAjCG;IADC,UAAU;uDAC2B;AAMtC;IADC,UAAU;4DACsB"}
+{"version":3,"file":"mention-internals.js","sourceRoot":"","sources":["../../../../../src/rich-text-mention/base/models/mention-internals.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AASrD;;GAEG;AACH,MAAM,OAAO,gBAAgB;IAuCzB,YACI,OAAgC,EAChC,oBAA0C;QAlC9C;;WAEG;QAEI,uBAAkB,GAAG,IAAI,CAAC;QAgC7B,IAAI,CAAC,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;QACzB,IAAI,CAAC,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC;QACnC,IAAI,CAAC,WAAW,GAAG,OAAO,CAAC,WAAW,CAAC;QACvC,IAAI,CAAC,oBAAoB,GAAG,oBAAoB,CAAC;IACrD,CAAC;CACJ;AA3CG;IADC,UAAU;wDAC4B;AAMvC;IADC,UAAU;4DACsB;AAMjC;IADC,UAAU;iDACa"}