@ni/nimble-components 20.14.4 → 20.14.6

package/dist/esm/drawer/styles.js

@@ -1,6 +1,6 @@
 import { css } from '@microsoft/fast-element';
 import { display } from '@microsoft/fast-foundation';
-import { applicationBackgroundColor, bodyFont, bodyFontColor, borderWidth, popupBorderColor, standardPadding, titlePlus1Font, drawerWidth, largeDelay } from '../theme-provider/design-tokens';
+import { applicationBackgroundColor, bodyFont, bodyFontColor, standardPadding, titlePlus1Font, drawerWidth, largeDelay, actionRgbPartialColor } from '../theme-provider/design-tokens';
 import { modalBackdropColorThemeColorStatic, modalBackdropColorThemeDarkStatic, modalBackdropColorThemeLightStatic, largeDelayStatic } from '../theme-provider/design-tokens-static';
 import { Theme } from '../theme-provider/types';
 import { themeBehavior } from '../utilities/style/theme';
@@ -136,7 +136,7 @@ export const styles = css `
         flex: none;
         display: flex;
         justify-content: flex-end;
-        border-top: ${borderWidth} solid ${popupBorderColor};
+        border-top: 2px solid rgba(${actionRgbPartialColor}, 0.1);
     }
 `.withBehaviors(
 /*

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/drawer/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EACH,0BAA0B,EAC1B,QAAQ,EACR,aAAa,EACb,WAAW,EACX,gBAAgB,EAChB,eAAe,EACf,cAAc,EACd,WAAW,EACX,UAAU,EACb,MAAM,iCAAiC,CAAC;AACzC,OAAO,EACH,kCAAkC,EAClC,iCAAiC,EACjC,kCAAkC,EAClC,gBAAgB,EACnB,MAAM,wCAAwC,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAEzD,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,OAAO,CAAC;;;;;;;gBAON,QAAQ;iBACP,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yDA8B2B,gBAAgB;;;;;;;;;;;;;iBAaxD,WAAW;;4BAEA,0BAA0B;;;;;;;;;;;;;;;;;+DAiBS,UAAU;;;;;;;;;;;;;;;;;;;gEAmBT,UAAU;;;;;;;6DAOb,UAAU;;;;;;;;;;;;MAYjE;AACE;;;EAGE,CAAC,EACP;;;mBAGe,eAAe;;gBAElB,cAAc;;;;mBAIX,eAAe;;;;;;mBAMf,eAAe;;;;sBAIZ,WAAW,UAAU,gBAAgB;;CAE1D,CAAC,aAAa;AACX;;;GAGG;AACH,aAAa,CACT,KAAK,CAAC,KAAK,EACX,GAAG,CAAA;;8BAEmB,kCAAkC;;SAEvD,CACJ,EACD,aAAa,CACT,KAAK,CAAC,IAAI,EACV,GAAG,CAAA;;8BAEmB,iCAAiC;;SAEtD,CACJ,EACD,aAAa,CACT,KAAK,CAAC,KAAK,EACX,GAAG,CAAA;;8BAEmB,kCAAkC;;SAEvD,CACJ,CACJ,CAAC"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/drawer/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EACH,0BAA0B,EAC1B,QAAQ,EACR,aAAa,EACb,eAAe,EACf,cAAc,EACd,WAAW,EACX,UAAU,EACV,qBAAqB,EACxB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EACH,kCAAkC,EAClC,iCAAiC,EACjC,kCAAkC,EAClC,gBAAgB,EACnB,MAAM,wCAAwC,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAEzD,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,OAAO,CAAC;;;;;;;gBAON,QAAQ;iBACP,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yDA8B2B,gBAAgB;;;;;;;;;;;;;iBAaxD,WAAW;;4BAEA,0BAA0B;;;;;;;;;;;;;;;;;+DAiBS,UAAU;;;;;;;;;;;;;;;;;;;gEAmBT,UAAU;;;;;;;6DAOb,UAAU;;;;;;;;;;;;MAYjE;AACE;;;EAGE,CAAC,EACP;;;mBAGe,eAAe;;gBAElB,cAAc;;;;mBAIX,eAAe;;;;;;mBAMf,eAAe;;;;qCAIG,qBAAqB;;CAEzD,CAAC,aAAa;AACX;;;GAGG;AACH,aAAa,CACT,KAAK,CAAC,KAAK,EACX,GAAG,CAAA;;8BAEmB,kCAAkC;;SAEvD,CACJ,EACD,aAAa,CACT,KAAK,CAAC,IAAI,EACV,GAAG,CAAA;;8BAEmB,iCAAiC;;SAEtD,CACJ,EACD,aAAa,CACT,KAAK,CAAC,KAAK,EACX,GAAG,CAAA;;8BAEmB,kCAAkC;;SAEvD,CACJ,CACJ,CAAC"}

package/dist/esm/mapping/base/types.d.ts

@@ -1 +1,3 @@
 export declare type MappingKey = string | number | boolean;
+/** For user mapping, a string formatted as a URL. */
+export declare type MappingUserKey = string;

package/dist/esm/mapping/user/index.d.ts

@@ -0,0 +1,15 @@
+import { Mapping } from '../base';
+import type { MappingUserKey } from '../base/types';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-mapping-user': MappingUser;
+    }
+}
+/**
+ * Maps key (url) to a user
+ * Non-visible configuration element for mapping rich text user mention keys to a user
+ */
+export declare class MappingUser extends Mapping<MappingUserKey> {
+    displayName?: string;
+}
+export declare const mappingUserTag: string;

package/dist/esm/mapping/user/index.js

@@ -0,0 +1,21 @@
+import { __decorate } from "tslib";
+import { attr } from '@microsoft/fast-element';
+import { DesignSystem } from '@microsoft/fast-foundation';
+import { Mapping } from '../base';
+import { template } from '../base/template';
+/**
+ * Maps key (url) to a user
+ * Non-visible configuration element for mapping rich text user mention keys to a user
+ */
+export class MappingUser extends Mapping {
+}
+__decorate([
+    attr({ attribute: 'display-name' })
+], MappingUser.prototype, "displayName", void 0);
+const mappingUser = MappingUser.compose({
+    baseName: 'mapping-user',
+    template
+});
+DesignSystem.getOrCreate().withPrefix('nimble').register(mappingUser());
+export const mappingUserTag = DesignSystem.tagFor(MappingUser);
+//# sourceMappingURL=index.js.map

package/dist/esm/mapping/user/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/mapping/user/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAElC,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAO5C;;;GAGG;AACH,MAAM,OAAO,WAAY,SAAQ,OAAuB;CAGvD;AADG;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC;gDACR;AAEhC,MAAM,WAAW,GAAG,WAAW,CAAC,OAAO,CAAC;IACpC,QAAQ,EAAE,cAAc;IACxB,QAAQ;CACX,CAAC,CAAC;AACH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,CAAC;AACxE,MAAM,CAAC,MAAM,cAAc,GAAG,YAAY,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC"}

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

@@ -0,0 +1,49 @@
+import { Notifier, Subscriber } from '@microsoft/fast-element';
+import { FoundationElement } from '@microsoft/fast-foundation';
+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 {
+    /**
+     * @internal
+     */
+    readonly mentionInternals: MentionInternals<TMentionConfig>;
+    /** @internal */
+    readonly validator: TValidator;
+    /**
+     * A regex used to extract user ID from user key (url) while parsing and serializing a markdown.
+     */
+    pattern?: string;
+    /** @internal */
+    mappingNotifiers: Notifier[];
+    /** @internal */
+    mappings: Mapping<unknown>[];
+    checkValidity(): boolean;
+    get validity(): RichTextMentionValidity;
+    /**
+     * @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 patternChanged;
+    private removeMappingObservers;
+    private observeMappings;
+}

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

@@ -0,0 +1,87 @@
+import { __decorate } from "tslib";
+import { attr, Observable, observable } from '@microsoft/fast-element';
+import { FoundationElement } from '@microsoft/fast-foundation';
+import { MentionInternals } from './models/mention-internals';
+import { Mapping } from '../../mapping/base';
+/**
+ * The base class for Mention configuration
+ */
+export class RichTextMention extends FoundationElement {
+    constructor() {
+        super(...arguments);
+        /**
+         * @internal
+         */
+        this.mentionInternals = new MentionInternals(this.getMentionInternalsOptions());
+        /** @internal */
+        this.validator = this.createValidator();
+        /** @internal */
+        this.mappingNotifiers = [];
+        /** @internal */
+        this.mappings = [];
+    }
+    checkValidity() {
+        return this.mentionInternals.validConfiguration;
+    }
+    get validity() {
+        return this.validator.getValidity();
+    }
+    /**
+     * @internal
+     */
+    handleChange(source, args) {
+        if (source instanceof Mapping && typeof args === 'string') {
+            this.updateMentionConfig();
+        }
+    }
+    getMappingConfigs() {
+        const mappingConfigs = new Map();
+        this.mappings.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.');
+            }
+            const mappingConfig = this.createMappingConfig(mapping);
+            mappingConfigs.set(href, mappingConfig);
+        });
+        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())
+            : undefined;
+    }
+    mappingsChanged() {
+        this.updateMentionConfig();
+        this.observeMappings();
+    }
+    patternChanged() {
+        this.mentionInternals.pattern = this.pattern;
+        this.updateMentionConfig();
+    }
+    removeMappingObservers() {
+        this.mappingNotifiers.forEach(notifier => {
+            notifier.unsubscribe(this);
+        });
+        this.mappingNotifiers = [];
+    }
+    observeMappings() {
+        this.removeMappingObservers();
+        for (const mapping of this.mappings) {
+            const notifier = Observable.getNotifier(mapping);
+            notifier.subscribe(this);
+            this.mappingNotifiers.push(notifier);
+        }
+    }
+}
+__decorate([
+    attr
+], RichTextMention.prototype, "pattern", void 0);
+__decorate([
+    observable
+], RichTextMention.prototype, "mappings", void 0);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"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/mapping-config.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Common state shared across Mapping Config
+ */
+export declare abstract class MappingConfig {
+    readonly mentionHref: string | undefined;
+    readonly displayName: string | undefined;
+    constructor(mentionHref: string | undefined, displayName: string | undefined);
+}

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

@@ -0,0 +1,10 @@
+/**
+ * Common state shared across Mapping Config
+ */
+export class MappingConfig {
+    constructor(mentionHref, displayName) {
+        this.mentionHref = mentionHref;
+        this.displayName = displayName;
+    }
+}
+//# sourceMappingURL=mapping-config.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mapping-config.js","sourceRoot":"","sources":["../../../../../src/rich-text-mention/base/models/mapping-config.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,OAAgB,aAAa;IAC/B,YACoB,WAA+B,EAC/B,WAA+B;QAD/B,gBAAW,GAAX,WAAW,CAAoB;QAC/B,gBAAW,GAAX,WAAW,CAAoB;IAChD,CAAC;CACP"}

package/dist/esm/rich-text-mention/base/models/mapping-user-config.d.ts

@@ -0,0 +1,6 @@
+import { MappingConfig } from './mapping-config';
+/**
+ * Mapping configuration corresponding to a user mapping
+ */
+export declare class MappingUserConfig extends MappingConfig {
+}

package/dist/esm/rich-text-mention/base/models/mapping-user-config.js

@@ -0,0 +1,7 @@
+import { MappingConfig } from './mapping-config';
+/**
+ * Mapping configuration corresponding to a user mapping
+ */
+export class MappingUserConfig extends MappingConfig {
+}
+//# sourceMappingURL=mapping-user-config.js.map

package/dist/esm/rich-text-mention/base/models/mapping-user-config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapping-user-config.js","sourceRoot":"","sources":["../../../../../src/rich-text-mention/base/models/mapping-user-config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD;;GAEG;AACH,MAAM,OAAO,iBAAkB,SAAQ,aAAa;CAAG"}

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

@@ -0,0 +1,30 @@
+export interface MentionInternalsOptions {
+    readonly icon: string;
+    readonly character: string;
+}
+/**
+ * Internal mention state
+ */
+export declare class MentionInternals<TMentionConfig> {
+    /**
+     * Configuration which will hold mentioning info, character, icon and pattern
+     */
+    mentionConfig?: TMentionConfig;
+    /**
+     * Whether this mention has a valid configuration.
+     */
+    validConfiguration: boolean;
+    /**
+     * Regex used to extract user ID from user key (url)
+     */
+    pattern?: string;
+    /**
+     * Icon to display on RichTextEditor Toolbar
+     */
+    readonly icon: string;
+    /**
+     * Character to show respective mention list
+     */
+    readonly character: string;
+    constructor(options: MentionInternalsOptions);
+}

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

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

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

@@ -0,0 +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;AAOrD;;GAEG;AACH,MAAM,OAAO,gBAAgB;IA4BzB,YAAmB,OAAgC;QArBnD;;WAEG;QAEI,uBAAkB,GAAG,IAAI,CAAC;QAkB7B,IAAI,CAAC,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;QACzB,IAAI,CAAC,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC;IACvC,CAAC;CACJ;AA3BG;IADC,UAAU;uDAC2B;AAMtC;IADC,UAAU;4DACsB"}

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

@@ -0,0 +1,35 @@
+import type { Mapping } from '../../../mapping/base';
+import { Validator, ValidityObject } from '../../../utilities/models/validator';
+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"];
+/**
+ * Validator for RichTextMention
+ */
+export declare class RichTextMentionValidator<ValidityFlagNames extends readonly string[]> extends Validator<typeof baseValidityFlagNames | ValidityFlagNames> {
+    private readonly mentionInternals;
+    private readonly supportedMappingElements;
+    constructor(mentionInternals: MentionInternals<unknown>, configValidityKeys: ValidityFlagNames, supportedMappingElements: readonly (typeof Mapping<unknown>)[]);
+    validate(mappings: Mapping<unknown>[], pattern: string | undefined): void;
+    /**
+     * @returns an object containing flags for various ways the configuation can be invalid
+     */
+    getValidity(): RichTextMentionValidity;
+    /**
+     * Sets a particular validity condition flag's value, e.g. "hasInvalidFooValue" = true
+     */
+    protected setConditionValue(name: FlagNames<typeof baseValidityFlagNames | ValidityFlagNames>, isInvalid: boolean): void;
+    private updateMentionInternalsFlag;
+    private validateMissingPattern;
+    private validatePattern;
+    private validateMappingTypes;
+    private validateUniqueMentionHref;
+    private validateNoMissingMentionHref;
+    private validateHrefForUrl;
+    private validateHrefForPattern;
+    private isInvalidUrl;
+    private isInvalidRegex;
+}
+export {};

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

@@ -0,0 +1,108 @@
+import { Validator } from '../../../utilities/models/validator';
+export const baseValidityFlagNames = [
+    'unsupportedMappingType',
+    'duplicateMappingMentionHref',
+    'missingMentionHrefValue',
+    'mentionHrefNotValidUrl',
+    'mentionHrefDoesNotMatchPattern',
+    'missingPatternAttribute',
+    'unsupportedPatternValue'
+];
+/**
+ * Validator for RichTextMention
+ */
+export class RichTextMentionValidator extends Validator {
+    constructor(mentionInternals, configValidityKeys, supportedMappingElements) {
+        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);
+        this.validatePattern(pattern);
+        this.validateHrefForPattern(mentionHrefs, pattern);
+        this.validateHrefForUrl(mentionHrefs);
+    }
+    /**
+     * @returns an object containing flags for various ways the configuation can be invalid
+     */
+    getValidity() {
+        return this.getValidationFlags();
+    }
+    /**
+     * Sets a particular validity condition flag's value, e.g. "hasInvalidFooValue" = true
+     */
+    setConditionValue(name, isInvalid) {
+        if (isInvalid) {
+            this.track(name);
+        }
+        else {
+            this.untrack(name);
+        }
+        this.updateMentionInternalsFlag();
+    }
+    updateMentionInternalsFlag() {
+        this.mentionInternals.validConfiguration = this.isValid();
+    }
+    validateMissingPattern(pattern) {
+        this.setConditionValue('missingPatternAttribute', pattern === undefined);
+    }
+    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);
+    }
+    validateNoMissingMentionHref(mentionHrefs) {
+        const invalid = mentionHrefs.some(href => href === undefined);
+        this.setConditionValue('missingMentionHrefValue', invalid);
+    }
+    validateHrefForUrl(mentionHrefs) {
+        const invalid = mentionHrefs.some(href => {
+            return (href === undefined
+                || typeof href !== 'string'
+                || this.isInvalidUrl(href));
+        });
+        this.setConditionValue('mentionHrefNotValidUrl', invalid);
+    }
+    validateHrefForPattern(mentionHrefs, pattern) {
+        const invalid = pattern === undefined || this.isInvalidRegex(pattern)
+            ? true
+            : mentionHrefs.some(href => {
+                return (href === undefined
+                    || typeof href !== 'string'
+                    || !RegExp(pattern).test(href));
+            });
+        this.setConditionValue('mentionHrefDoesNotMatchPattern', invalid);
+    }
+    isInvalidUrl(url) {
+        try {
+            // eslint-disable-next-line no-new
+            new URL(url);
+            return false;
+        }
+        catch (error) {
+            return true;
+        }
+    }
+    isInvalidRegex(pattern) {
+        try {
+            RegExp(pattern);
+            return false;
+        }
+        catch (error) {
+            return true;
+        }
+    }
+}
+//# sourceMappingURL=mention-validator.js.map

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

@@ -0,0 +1 @@
+{"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

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

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

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

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

@@ -0,0 +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"}

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

@@ -0,0 +1,21 @@
+import type { MentionInternalsOptions } from '../base/models/mention-internals';
+import { MappingConfigs, RichTextMention, RichTextMentionConfig } from '../base';
+import type { MappingConfig } from '../base/models/mapping-config';
+import type { Mapping } from '../../mapping/base';
+import type { MappingUserKey } from '../../mapping/base/types';
+import { RichTextMentionUsersValidator } from './models/rich-text-mention-users-validator';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-rich-text-mention-users': RichTextMentionUsers;
+    }
+}
+/**
+ * Rich Text user mention configuration element which will have MappingMentionUser elements as children
+ */
+export declare class RichTextMentionUsers extends RichTextMention<RichTextMentionConfig, 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

@@ -0,0 +1,43 @@
+import { DesignSystem } from '@microsoft/fast-foundation';
+import { RichTextMention } from '../base';
+import { MappingUserConfig } from '../base/models/mapping-user-config';
+import { template } from '../base/template';
+import { iconAtTag } from '../../icons/at';
+import { MappingUser } from '../../mapping/user';
+import { RichTextMentionUsersValidator } from './models/rich-text-mention-users-validator';
+/**
+ * Rich Text user mention configuration element which will have MappingMentionUser elements as children
+ */
+export class RichTextMentionUsers extends RichTextMention {
+    createValidator() {
+        return new RichTextMentionUsersValidator(this.mentionInternals);
+    }
+    getMentionInternalsOptions() {
+        return {
+            icon: iconAtTag,
+            character: '@'
+        };
+    }
+    createMentionConfig(mappingConfigs) {
+        return {
+            mappingConfigs
+        };
+    }
+    createMappingConfig(mapping) {
+        if (mapping instanceof MappingUser) {
+            return new MappingUserConfig(mapping.key, mapping.displayName);
+        }
+        // Getting here would indicate a programming error, b/c validation will prevent
+        // this function from running when there is an unsupported mapping.
+        throw new Error('Unsupported mapping');
+    }
+}
+const nimbleRichTextMentionUsers = RichTextMentionUsers.compose({
+    baseName: 'rich-text-mention-users',
+    template
+});
+DesignSystem.getOrCreate()
+    .withPrefix('nimble')
+    .register(nimbleRichTextMentionUsers());
+export const richTextMentionUsersTag = DesignSystem.tagFor(RichTextMentionUsers);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/rich-text-mention/users/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE1D,OAAO,EAEH,eAAe,EAElB,MAAM,SAAS,CAAC;AAEjB,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AACvE,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAGjD,OAAO,EAAE,6BAA6B,EAAE,MAAM,4CAA4C,CAAC;AAQ3F;;GAEG;AACH,MAAM,OAAO,oBAAqB,SAAQ,eAGzC;IACsB,eAAe;QAC9B,OAAO,IAAI,6BAA6B,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;IACpE,CAAC;IAEkB,0BAA0B;QACzC,OAAO;YACH,IAAI,EAAE,SAAS;YACf,SAAS,EAAE,GAAG;SACjB,CAAC;IACN,CAAC;IAEkB,mBAAmB,CAClC,cAA8B;QAE9B,OAAO;YACH,cAAc;SACjB,CAAC;IACN,CAAC;IAES,mBAAmB,CACzB,OAAgC;QAEhC,IAAI,OAAO,YAAY,WAAW,EAAE;YAChC,OAAO,IAAI,iBAAiB,CAAC,OAAO,CAAC,GAAG,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;SAClE;QACD,+EAA+E;QAC/E,mEAAmE;QACnE,MAAM,IAAI,KAAK,CAAC,qBAAqB,CAAC,CAAC;IAC3C,CAAC;CACJ;AACD,MAAM,0BAA0B,GAAG,oBAAoB,CAAC,OAAO,CAAC;IAC5D,QAAQ,EAAE,yBAAyB;IACnC,QAAQ;CACX,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE;KACrB,UAAU,CAAC,QAAQ,CAAC;KACpB,QAAQ,CAAC,0BAA0B,EAAE,CAAC,CAAC;AAC5C,MAAM,CAAC,MAAM,uBAAuB,GAAG,YAAY,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC"}

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

@@ -0,0 +1,14 @@
+import type { Mapping } from '../../../mapping/base';
+import type { MappingUserKey } from '../../../mapping/base/types';
+import type { MentionInternals } from '../../base/models/mention-internals';
+import { RichTextMentionValidator } from '../../base/models/mention-validator';
+declare const usersValidityFlagNames: readonly ["unsupportedMappingType", "duplicateMappingMentionHref", "missingMentionHrefValue", "mentionHrefNotValidUrl", "mentionHrefDoesNotMatchPattern", "missingPatternAttribute", "unsupportedPatternValue", "missingDisplayNameValue"];
+/**
+ * Validator for RichTextMentionUsers
+ */
+export declare class RichTextMentionUsersValidator extends RichTextMentionValidator<typeof usersValidityFlagNames> {
+    constructor(columnInternals: MentionInternals<unknown>);
+    validate(mappings: Mapping<MappingUserKey>[], pattern: string): void;
+    private validateNoMissingDisplayName;
+}
+export {};

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

@@ -0,0 +1,23 @@
+import { MappingUser } from '../../../mapping/user';
+import { baseValidityFlagNames, RichTextMentionValidator } from '../../base/models/mention-validator';
+const usersValidityFlagNames = [
+    ...baseValidityFlagNames,
+    'missingDisplayNameValue'
+];
+/**
+ * Validator for RichTextMentionUsers
+ */
+export class RichTextMentionUsersValidator extends RichTextMentionValidator {
+    constructor(columnInternals) {
+        super(columnInternals, usersValidityFlagNames, [MappingUser]);
+    }
+    validate(mappings, pattern) {
+        super.validate(mappings, pattern);
+        this.validateNoMissingDisplayName(mappings);
+    }
+    validateNoMissingDisplayName(mappings) {
+        const invalid = mappings.some(mapping => mapping.displayName === undefined);
+        this.setConditionValue('missingDisplayNameValue', invalid);
+    }
+}
+//# sourceMappingURL=rich-text-mention-users-validator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"rich-text-mention-users-validator.js","sourceRoot":"","sources":["../../../../../src/rich-text-mention/users/models/rich-text-mention-users-validator.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD,OAAO,EACH,qBAAqB,EACrB,wBAAwB,EAC3B,MAAM,qCAAqC,CAAC;AAE7C,MAAM,sBAAsB,GAAG;IAC3B,GAAG,qBAAqB;IACxB,yBAAyB;CACnB,CAAC;AAEX;;GAEG;AACH,MAAM,OAAO,6BAA8B,SAAQ,wBAElD;IACG,YAAmB,eAA0C;QACzD,KAAK,CAAC,eAAe,EAAE,sBAAsB,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAClE,CAAC;IAEe,QAAQ,CACpB,QAAmC,EACnC,OAAe;QAEf,KAAK,CAAC,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;QAClC,IAAI,CAAC,4BAA4B,CAAC,QAAQ,CAAC,CAAC;IAChD,CAAC;IAEO,4BAA4B,CAAC,QAAuB;QACxD,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CACzB,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,WAAW,KAAK,SAAS,CAC/C,CAAC;QACF,IAAI,CAAC,iBAAiB,CAAC,yBAAyB,EAAE,OAAO,CAAC,CAAC;IAC/D,CAAC;CACJ"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ni/nimble-components",
-  "version": "20.14.4",
+  "version": "20.14.6",
   "description": "Styled web components for the NI Nimble Design System",
   "scripts": {
     "build": "npm run generate-icons && npm run build-components && npm run bundle-components && npm run generate-scss && npm run build-storybook",