@ni/nimble-components 20.15.0 → 20.16.0

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":";AAAA,OAAO,EACH,IAAI,EAEJ,UAAU,EACV,UAAU,EAEb,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAM/D,OAAO,EACH,gBAAgB,EAEnB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAG7C;;GAEG;AACH,MAAM,OAAgB,eAGlB,SAAQ,iBAAiB;IAH7B;;QAKI;;WAEG;QACa,qBAAgB,GAAqB,IAAI,gBAAgB,CACrE,IAAI,CAAC,0BAA0B,EAAE,EACjC,CAAC,MAAc,EAAQ,EAAE;YACrB,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC;QACnC,CAAC,CACJ,CAAC;QAEF,gBAAgB;QACA,cAAS,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QAQnD,gBAAgB;QACT,qBAAgB,GAAe,EAAE,CAAC;QAEzC,gBAAgB;QAET,oBAAe,GAAuB,EAAE,CAAC;IA2FpD,CAAC;IAzFG;;OAEG;IACI,aAAa;QAChB,OAAO,IAAI,CAAC,gBAAgB,CAAC,kBAAkB,CAAC;IACpD,CAAC;IAED;;OAEG;IACH,IAAW,QAAQ;QACf,OAAO,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE,CAAC;IACxC,CAAC;IAED;;OAEG;IACI,iBAAiB,CAAC,MAAc;QACnC,MAAM,yBAAyB,GAA6B;YACxD,MAAM;SACT,CAAC;QACF,IAAI,CAAC,KAAK,CAAC,gBAAgB,EAAE,yBAAyB,CAAC,CAAC;IAC5D,CAAC;IAED;;OAEG;IACI,YAAY,CAAC,MAAe,EAAE,IAAa;QAC9C,IAAI,MAAM,YAAY,OAAO,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;YACvD,IAAI,CAAC,oBAAoB,EAAE,CAAC;SAC/B;IACL,CAAC;IAUO,iBAAiB;QACrB,MAAM,cAAc,GAAG,IAAI,GAAG,EAAyB,CAAC;QACxD,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;YACnC,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,IAAI,SAAS,CAAC;YACtC,IAAI,IAAI,KAAK,SAAS,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;gBAChD,MAAM,KAAK,CACP,0EAA0E,CAC7E,CAAC;aACL;YACD,MAAM,aAAa,GAAG,IAAI,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC;YACxD,cAAc,CAAC,GAAG,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC;QAC5C,CAAC,CAAC,CAAC;QACH,OAAO,cAAc,CAAC;IAC1B,CAAC;IAEO,oBAAoB;QACxB,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;QAC5D,IAAI,CAAC,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE;YAC3D,CAAC,CAAC,IAAI,CAAC,iBAAiB,EAAE;YAC1B,CAAC,CAAC,SAAS,CAAC;IACpB,CAAC;IAEO,sBAAsB;QAC1B,IAAI,CAAC,oBAAoB,EAAE,CAAC;QAC5B,IAAI,CAAC,sBAAsB,EAAE,CAAC;IAClC,CAAC;IAEO,cAAc;QAClB,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;QAC5D,IAAI,CAAC,gBAAgB,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;IACjD,CAAC;IAEO,6BAA6B;QACjC,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;YACrC,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QAC/B,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,gBAAgB,GAAG,EAAE,CAAC;IAC/B,CAAC;IAEO,sBAAsB;QAC1B,IAAI,CAAC,6BAA6B,EAAE,CAAC;QAErC,KAAK,MAAM,OAAO,IAAI,IAAI,CAAC,eAAe,EAAE;YACxC,MAAM,QAAQ,GAAG,UAAU,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;YACjD,QAAQ,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;YACzB,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;SACxC;IACL,CAAC;CACJ;AAlGG;IADC,IAAI;gDACmB;AAOxB;IADC,UAAU;wDACqC"}

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"}

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

@@ -4,14 +4,13 @@ import type { MentionInternals } from './mention-internals';
 export interface RichTextMentionValidity extends ValidityObject {
 }
 declare type FlagNames<T> = T extends readonly (infer U)[] ? U : never;
-export declare const baseValidityFlagNames: readonly ["unsupportedMappingType", "duplicateMappingMentionHref", "missingMentionHrefValue", "mentionHrefNotValidUrl", "mentionHrefDoesNotMatchPattern", "missingPatternAttribute", "unsupportedPatternValue"];
+export declare const baseValidityFlagNames: readonly ["duplicateMappingMentionHref", "missingMentionHrefValue", "mentionHrefNotValidUrl", "mentionHrefDoesNotMatchPattern", "missingPatternAttribute", "unsupportedPatternValue"];
 /**
  * Validator for RichTextMention
  */
-export declare class RichTextMentionValidator<ValidityFlagNames extends readonly string[]> extends Validator<typeof baseValidityFlagNames | ValidityFlagNames> {
+export declare class RichTextMentionValidator<ValidityFlagNames extends readonly string[] = typeof baseValidityFlagNames> extends Validator<typeof baseValidityFlagNames | ValidityFlagNames> {
     private readonly mentionInternals;
-    private readonly supportedMappingElements;
-    constructor(mentionInternals: MentionInternals<unknown>, configValidityKeys: ValidityFlagNames, supportedMappingElements: readonly (typeof Mapping<unknown>)[]);
+    constructor(mentionInternals: MentionInternals, configValidityKeys: ValidityFlagNames);
     validate(mappings: Mapping<unknown>[], pattern: string | undefined): void;
     /**
      * @returns an object containing flags for various ways the configuation can be invalid
@@ -24,7 +23,6 @@ export declare class RichTextMentionValidator<ValidityFlagNames extends readonly
     private updateMentionInternalsFlag;
     private validateMissingPattern;
     private validatePattern;
-    private validateMappingTypes;
     private validateUniqueMentionHref;
     private validateNoMissingMentionHref;
     private validateHrefForUrl;

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

@@ -1,6 +1,5 @@
 import { Validator } from '../../../utilities/models/validator';
 export const baseValidityFlagNames = [
-    'unsupportedMappingType',
     'duplicateMappingMentionHref',
     'missingMentionHrefValue',
     'mentionHrefNotValidUrl',
@@ -12,15 +11,13 @@ export const baseValidityFlagNames = [
  * Validator for RichTextMention
  */
 export class RichTextMentionValidator extends Validator {
-    constructor(mentionInternals, configValidityKeys, supportedMappingElements) {
+    constructor(mentionInternals, configValidityKeys) {
         super(configValidityKeys);
         this.mentionInternals = mentionInternals;
-        this.supportedMappingElements = supportedMappingElements;
     }
     validate(mappings, pattern) {
         this.untrackAll();
         const mentionHrefs = mappings.map(mapping => mapping.key);
-        this.validateMappingTypes(mappings);
         this.validateNoMissingMentionHref(mentionHrefs);
         this.validateUniqueMentionHref(mentionHrefs);
         this.validateMissingPattern(pattern);
@@ -55,10 +52,6 @@ export class RichTextMentionValidator extends Validator {
     validatePattern(pattern) {
         this.setConditionValue('unsupportedPatternValue', pattern === undefined || this.isInvalidRegex(pattern));
     }
-    validateMappingTypes(mappings) {
-        const valid = mappings.every(mapping => this.supportedMappingElements.some(mappingClass => mapping instanceof mappingClass));
-        this.setConditionValue('unsupportedMappingType', !valid);
-    }
     validateUniqueMentionHref(mentionHref) {
         const invalid = new Set(mentionHref).size !== mentionHref.length;
         this.setConditionValue('duplicateMappingMentionHref', invalid);
@@ -81,12 +74,13 @@ export class RichTextMentionValidator extends Validator {
             : mentionHrefs.some(href => {
                 return (href === undefined
                     || typeof href !== 'string'
-                    || !RegExp(pattern).test(href));
+                    || !new RegExp(pattern).test(href));
             });
         this.setConditionValue('mentionHrefDoesNotMatchPattern', invalid);
     }
     isInvalidUrl(url) {
         try {
+            // Check whether the constructor throws an error for an Invalid URL.
             // eslint-disable-next-line no-new
             new URL(url);
             return false;
@@ -97,7 +91,9 @@ export class RichTextMentionValidator extends Validator {
     }
     isInvalidRegex(pattern) {
         try {
-            RegExp(pattern);
+            // Check whether the constructor throws an error when it cannot be parsed as a valid regular expression.
+            // eslint-disable-next-line no-new
+            new RegExp(pattern);
             return false;
         }
         catch (error) {

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

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

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

@@ -1,2 +1,2 @@
 import type { RichTextMention } from '.';
-export declare const template: import("@microsoft/fast-element").ViewTemplate<RichTextMention<import(".").RichTextMentionConfig, import("./models/mention-validator").RichTextMentionValidator<[]>>, any>;
+export declare const template: import("@microsoft/fast-element").ViewTemplate<RichTextMention<import("./models/mention-validator").RichTextMentionValidator<readonly ["duplicateMappingMentionHref", "missingMentionHrefValue", "mentionHrefNotValidUrl", "mentionHrefDoesNotMatchPattern", "missingPatternAttribute", "unsupportedPatternValue"]>>, any>;

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

@@ -1,6 +1,6 @@
 import { slotted, html } from '@microsoft/fast-element';
 export const template = html `<slot
-    ${slotted('mappings')}
+    ${slotted('mappingElements')}
     name="mapping"
 ></slot>`;
 //# sourceMappingURL=template.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../../src/rich-text-mention/base/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAGxD,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAiB;MACvC,OAAO,CAAC,UAAU,CAAC;;SAEhB,CAAC"}
+{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../../src/rich-text-mention/base/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAGxD,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAiB;MACvC,OAAO,CAAC,iBAAiB,CAAC;;SAEvB,CAAC"}

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

@@ -0,0 +1,10 @@
+import type { MappingConfig } from './models/mapping-config';
+/**
+ * The type of the detail associated with the `mention-update`
+ * event on the banner.
+ */
+export interface MentionUpdateEventDetail {
+    filter: string;
+}
+export declare type MappingConfigs = ReadonlyMap<string, MappingConfig>;
+export declare type MentionUpdateEmitter = (filter: string) => void;

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/rich-text-mention/base/types.ts"],"names":[],"mappings":""}

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

@@ -1,5 +1,5 @@
 import type { MentionInternalsOptions } from '../base/models/mention-internals';
-import { MappingConfigs, RichTextMention, RichTextMentionConfig } from '../base';
+import { RichTextMention } from '../base';
 import type { MappingConfig } from '../base/models/mapping-config';
 import type { Mapping } from '../../mapping/base';
 import type { MappingUserKey } from '../../mapping/base/types';
@@ -12,10 +12,9 @@ declare global {
 /**
  * Rich Text user mention configuration element which will have MappingMentionUser elements as children
  */
-export declare class RichTextMentionUsers extends RichTextMention<RichTextMentionConfig, RichTextMentionUsersValidator> {
+export declare class RichTextMentionUsers extends RichTextMention<RichTextMentionUsersValidator> {
     protected createValidator(): RichTextMentionUsersValidator;
     protected getMentionInternalsOptions(): MentionInternalsOptions;
-    protected createMentionConfig(mappingConfigs: MappingConfigs): RichTextMentionConfig;
     protected createMappingConfig(mapping: Mapping<MappingUserKey>): MappingConfig;
 }
 export declare const richTextMentionUsersTag: string;

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

@@ -1,6 +1,6 @@
 import { DesignSystem } from '@microsoft/fast-foundation';
 import { RichTextMention } from '../base';
-import { MappingUserConfig } from '../base/models/mapping-user-config';
+import { MappingUserConfig } from './models/mapping-user-config';
 import { template } from '../base/template';
 import { iconAtTag } from '../../icons/at';
 import { MappingUser } from '../../mapping/user';
@@ -20,11 +20,6 @@ export class RichTextMentionUsers extends RichTextMention {
             viewElement: richTextMentionUsersViewTag
         };
     }
-    createMentionConfig(mappingConfigs) {
-        return {
-            mappingConfigs
-        };
-    }
     createMappingConfig(mapping) {
         if (mapping instanceof MappingUser) {
             return new MappingUserConfig(mapping.key, mapping.displayName);