@theseam/ui-common 0.4.30 → 1.0.0-beta.0

package/fesm2015/theseam-ui-common-rich-text.mjs

@@ -1,767 +0,0 @@
-import { __awaiter } from 'tslib';
-import { coerceBooleanProperty } from '@angular/cdk/coercion';
-import * as i0 from '@angular/core';
-import { InjectionToken, forwardRef, EventEmitter, Component, Optional, Inject, Input, Output, ViewChild, HostListener, NgModule } from '@angular/core';
-import * as i2 from '@angular/forms';
-import { NG_VALUE_ACCESSOR, FormControl, ReactiveFormsModule } from '@angular/forms';
-import 'quill-mention';
-import { BehaviorSubject, filter, shareReplay, Subject, combineLatest, map, switchMap, startWith, of, tap, take, lastValueFrom } from 'rxjs';
-import { isNullOrUndefined, notNullOrUndefined, notNullOrUndefinedOrEmpty } from '@theseam/ui-common/utils';
-import * as i1 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i3 from 'ngx-quill';
-import { QuillModule } from 'ngx-quill';
-
-const HTML_ENTITY_REGEX = /<[^>]+>/gm;
-const THESEAM_QUILL_TOOLBAR_OPTIONS_DEFAULT = [
-    ['bold', 'italic', 'underline', 'strike'],
-    [{ header: [0, 1, 2, 3, 4, 5] }],
-    [{ list: 'ordered' }, { list: 'bullet' }],
-    [{ align: [] }],
-    ['link'],
-    ['clean'],
-];
-const THESEAM_QUILL_MENTION_OPTIONS_DEFAULT = {
-    spaceAfterInsert: false,
-    positioningStrategy: 'fixed',
-    dataAttributes: ['type']
-};
-const THESEAM_QUILL_MODULES_DEFAULT = {
-    toolbar: THESEAM_QUILL_TOOLBAR_OPTIONS_DEFAULT
-};
-const THESEAM_QUILL_FORMATS_DEFAULT = [
-    'align',
-    'bold',
-    'header',
-    'indent',
-    'italic',
-    'link',
-    'list',
-    'size',
-    'strike',
-    'underline',
-    'mention'
-];
-const THESEAM_QUILL_EDITOR_CONFIG_DEFAULT = {
-    format: 'html',
-    modules: THESEAM_QUILL_MODULES_DEFAULT,
-    formats: THESEAM_QUILL_FORMATS_DEFAULT,
-    linkPlaceholder: 'https://google.com',
-    customToolbarPosition: 'top',
-    sanitize: false,
-    strict: true,
-    customOptions: [],
-    customModules: [],
-    preserveWhitespace: false,
-    trimOnValidation: false,
-    compareValues: false,
-    filterNull: false
-};
-const THESEAM_QUILL_EDITOR_CONFIG = new InjectionToken('TheSeamQuillEditorConfig');
-const defaultHtmlCharacterCounterFn = (value, format) => {
-    if (format === 'html') {
-        return value.replace(HTML_ENTITY_REGEX, ' ').replace(/\s\s+/g, ' ').trim().length;
-    }
-    else if (format === 'text') {
-        return value.replace(/\s\s+/g, ' ').trim().length;
-    }
-    else {
-        console.warn(`Format ${format} not supported!`);
-        return 0;
-    }
-};
-function isMentionMenuOption(value) {
-    if (isNullOrUndefined(value) || typeof value !== 'object') {
-        return false;
-    }
-    return Object.prototype.hasOwnProperty.call(value, 'id');
-}
-const defaultMentionSearchFn = (source, textAfter, mentionChar) => {
-    return source.filter(u => {
-        if (!isMentionMenuOption(u) || u.searchIgnore === true) {
-            return true;
-        }
-        return u.value.toLowerCase().includes(textAfter.toLowerCase());
-    });
-};
-const defaultMentionRenderListFn = (source, searchFn, emptyListItem, textAfter, renderList, mentionChar) => {
-    let list = searchFn(source, textAfter, mentionChar);
-    if (list.length === 0 && notNullOrUndefined(emptyListItem)) {
-        list.push(emptyListItem);
-    }
-    else {
-        let reduceIdx = 0;
-        list = list.reduce((acc, mention) => {
-            const previousMenuItem = acc[reduceIdx - 1];
-            const previousMenuItemGroupName = isMentionMenuOption(previousMenuItem) ? previousMenuItem.groupName : undefined;
-            if (isMentionMenuOption(mention)
-                && notNullOrUndefinedOrEmpty(mention.groupName)
-                && mention.groupName !== previousMenuItemGroupName) {
-                acc.push({
-                    value: mention.groupName,
-                    disabled: true,
-                    type: 'groupName'
-                });
-                reduceIdx++;
-            }
-            if (!isMentionMenuOption(mention)) {
-                mention.disabled = true;
-            }
-            acc.push(mention);
-            reduceIdx++;
-            return acc;
-        }, []);
-    }
-    renderList(list, textAfter);
-};
-// Keeping this as an example for a custom menu item.
-// There doesn't appear to be a better way of passing in a custom template.
-// export const defaultMentionRenderItem = (item: TheSeamQuillMentionListItem) => {
-// if (item.type === 'groupName') {
-//   const text = document.createElement('div')
-//   text.setAttribute('class', 'small text-black-50')
-//   text.innerText = item.value
-//   return text.outerHTML
-// }
-// else if (item.type === 'divider') {
-//   const div = document.createElement('hr')
-//   div.setAttribute('class', 'my-2')
-//   return div.outerHTML
-// }
-// else {
-//   return item.value
-// }
-// }
-
-const RICH_TEXT_VALUE_ACCESSOR = {
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: forwardRef(() => RichTextComponent),
-    multi: true
-};
-class RichTextComponent {
-    get required() {
-        return this._required;
-    }
-    set required(value) {
-        if (notNullOrUndefined(value)) {
-            this._required = coerceBooleanProperty(value);
-        }
-    }
-    /** @default '' (empty string) */
-    get placeholder() {
-        return this._placeholder;
-    }
-    set placeholder(value) {
-        if (notNullOrUndefined(value)) {
-            this._placeholder = value;
-        }
-    }
-    /**
-     * Initial rows visible in text area, set using `height` and `minHeight`.
-     *
-     * NOTE: Resizable editors will not be able to size below the height calculated from this value.
-     *
-     * @default 5
-     */
-    get rows() {
-        return this._rows;
-    }
-    set rows(value) {
-        if (notNullOrUndefined(value)) {
-            this._rows = value;
-            this._pollCalculatedRowHeight.next();
-        }
-    }
-    /**
-     * When `true`, text area can be resized vertically.
-     *
-     * @default true
-     */
-    get resizable() {
-        return this._resizable;
-    }
-    set resizable(value) {
-        if (notNullOrUndefined(value)) {
-            this._resizable = coerceBooleanProperty(value);
-        }
-    }
-    /** @default false */
-    get readOnly() {
-        return this._readOnly;
-    }
-    set readOnly(value) {
-        if (notNullOrUndefined(value)) {
-            this._readOnly = coerceBooleanProperty(value);
-        }
-    }
-    // TODO: fix bug where initial html value is rendered in plain text
-    /**
-     * When `true`, overrides all other provided settings to present the editor
-     * as a standard textbox.
-     *
-     * NOTE: For the moment, `<p></p>` tags are still allowed, triggered by the `Enter` key.
-     * https://github.com/slab/quill/issues/1432
-     *
-     * @default false
-     */
-    get disableRichText() {
-        return this._disableRichText;
-    }
-    set disableRichText(value) {
-        if (notNullOrUndefined(value)) {
-            this._disableRichText = coerceBooleanProperty(value);
-            this._updateQuillConfig();
-        }
-    }
-    /**
-     * When `true`, displays a character counter at the bottom of the editor.
-     * Character counter text is determined by values provided in `minLength`
-     * and `maxLength`.
-     *
-     * The default count algorithm strips out html entities and replaces them
-     * with spaces to get the string length. To override this behavior, pass
-     * a custom function to `characterCounterFn`.
-     *
-     * To override default character counter display, pass a custom template to `characterCountTpl`.
-     *
-     * @default false
-     */
-    get displayCharacterCounter() {
-        return this._displayCharacterCounter;
-    }
-    set displayCharacterCounter(value) {
-        if (notNullOrUndefined(value)) {
-            this._displayCharacterCounter = coerceBooleanProperty(value);
-        }
-    }
-    get minLength() {
-        return this._minLength;
-    }
-    set minLength(value) {
-        if (notNullOrUndefined(value)) {
-            this._minLength = value;
-        }
-    }
-    get maxLength() {
-        return this._maxLength;
-    }
-    set maxLength(value) {
-        if (notNullOrUndefined(value)) {
-            this._maxLength = value;
-        }
-    }
-    /**
-     * Set to override default character counter display.
-     *
-     * Template context includes variables `minLength`, `maxLength`, and `characterCount`.
-     */
-    get characterCounterTpl() {
-        return this._characterCounterTpl;
-    }
-    set characterCounterTpl(value) {
-        if (notNullOrUndefined(value)) {
-            this._characterCounterTpl = value;
-        }
-    }
-    /**
-     * Set to override default counter function, which strips html entities and
-     * replaces them with a space.
-     */
-    get characterCounterFn() {
-        return this._characterCounterFn;
-    }
-    set characterCounterFn(value) {
-        if (notNullOrUndefined(value)) {
-            this._characterCounterFn = value;
-        }
-    }
-    /**
-     * If `true`, component will configure the Quill editor with the quill-mentions extension
-     * and listen for values passed to `mentionItems` to populate the mentions menu.
-     *
-     * @default false
-     */
-    get useMentions() {
-        return this._useMentions;
-    }
-    set useMentions(value) {
-        if (notNullOrUndefined(value)) {
-            this._useMentions = coerceBooleanProperty(value);
-            this._updateQuillConfig();
-        }
-    }
-    /**
-     * List of users, user groups, or other entities to display in mentions menu.
-     * Minimum required properties are `id` (unique) and `value`, which acts as the label.
-     *
-     * By default, the menu is triggered by typing the `@` symbol into the text area.
-     */
-    get mentionItems() {
-        return this._mentionItems.value;
-    }
-    set mentionItems(value) {
-        if (notNullOrUndefined(value)) {
-            this._mentionItems.next(value);
-        }
-    }
-    /**
-     * Set to override default search function when user is typing a mention.
-     */
-    get mentionSearchFn() {
-        return this._mentionSearchFn;
-    }
-    set mentionSearchFn(value) {
-        if (notNullOrUndefined(value)) {
-            this._mentionSearchFn = value;
-        }
-    }
-    /**
-     * Set to override default render function for mentions list.
-     *
-     * Function should call `renderList`.
-     */
-    get mentionRenderListFn() {
-        return this._mentionRenderListFn;
-    }
-    set mentionRenderListFn(value) {
-        if (notNullOrUndefined(value)) {
-            this._mentionRenderListFn = value;
-        }
-    }
-    /**
-     * Set to override default text shown while mention items are loading.
-     *
-     * @default 'Loading...'
-     */
-    get mentionListLoadingText() {
-        return this._mentionListLoadingText;
-    }
-    set mentionListLoadingText(value) {
-        if (notNullOrUndefined(value)) {
-            this._mentionListLoadingText = value;
-        }
-    }
-    /**
-     * Set to override default text shown when a mention search returns no items.
-     *
-     * @default 'No matches found.'
-     */
-    get mentionListEmptyText() {
-        return this._mentionListEmptyText;
-    }
-    set mentionListEmptyText(value) {
-        if (notNullOrUndefined(value)) {
-            this._mentionListEmptyText = value;
-        }
-    }
-    get mentionListEmptyItem() {
-        return {
-            id: 'undefined',
-            value: this.mentionListEmptyText,
-            disabled: true,
-            emptyList: true
-        };
-    }
-    get quillEditor() {
-        return this._quillEditor;
-    }
-    set quillEditor(value) {
-        this._quillEditor = value;
-        // setTimeout because full html isn't available until the next tick
-        setTimeout(() => {
-            this._pollCalculatedRowHeight.next();
-        }, 0);
-    }
-    _handleKeydown(event) {
-        var _a, _b;
-        if (event.code === 'Escape') {
-            const qlEditor = (_b = (_a = this._quillEditor) === null || _a === void 0 ? void 0 : _a.editorElem) === null || _b === void 0 ? void 0 : _b.querySelector('.ql-editor');
-            if (notNullOrUndefined(qlEditor) && qlEditor === document.activeElement && qlEditor instanceof HTMLElement) {
-                event.preventDefault();
-                event.stopImmediatePropagation();
-                qlEditor.blur();
-            }
-        }
-    }
-    constructor(_renderer, _customConfig) {
-        this._renderer = _renderer;
-        this._customConfig = _customConfig;
-        this.formControl = new FormControl(null);
-        this._required = false;
-        this._placeholder = '';
-        this._rows = 5;
-        this._resizable = true;
-        this._readOnly = false;
-        this._disableRichText = false;
-        this._displayCharacterCounter = false;
-        this._characterCounterTpl = null;
-        this._characterCounterFn = defaultHtmlCharacterCounterFn;
-        this._useMentions = false;
-        this._mentionItems = new BehaviorSubject(undefined);
-        this.mentionItems$ = this._mentionItems.asObservable().pipe(filter(mentions => notNullOrUndefined(mentions) && mentions.length > 0), shareReplay({ bufferSize: 1, refCount: true }));
-        this._mentionSearchFn = defaultMentionSearchFn;
-        this._mentionRenderListFn = defaultMentionRenderListFn;
-        this._mentionListLoadingText = 'Loading...';
-        this._mentionListEmptyText = 'No matches found.';
-        this.quillEditorCreated = new EventEmitter();
-        this.quillEditorChanged = new EventEmitter();
-        this.quillContentChanged = new EventEmitter();
-        this.quillSelectionChanged = new EventEmitter();
-        this.quillFocus = new EventEmitter();
-        this.quillBlur = new EventEmitter();
-        this.mentionsUpdated = new EventEmitter();
-        this._isWritingValue = false;
-        this._pollCalculatedRowHeight = new Subject();
-        this._configSet = new BehaviorSubject(false);
-        this.configSet$ = this._configSet.asObservable();
-        this._stylesSet = new BehaviorSubject(false);
-        this._templateSet = new BehaviorSubject(false);
-        this._config = new BehaviorSubject(undefined);
-        this.config$ = this._config.asObservable();
-        this._selectedMentions = new BehaviorSubject([]);
-        this.selectedMentions$ = this._selectedMentions.asObservable();
-        this.initialized$ = combineLatest([
-            this._configSet.asObservable(),
-            this._stylesSet.asObservable(),
-            this._templateSet.asObservable(),
-        ]).pipe(map(sets => sets.findIndex(s => !s) === -1));
-        this.characterCount$ = this.initialized$.pipe(filter(i => i), switchMap(() => {
-            if (notNullOrUndefined(this.formControl)) {
-                return this.formControl.valueChanges.pipe(startWith(this.formControl.value), map(v => { var _a; return this.characterCounterFn(v || '', (_a = this._config.value) === null || _a === void 0 ? void 0 : _a.format); }));
-            }
-            return of(0);
-        }));
-        this.selectedMentions$.pipe(tap(mentions => this.mentionsUpdated.emit(mentions))).subscribe();
-    }
-    ngOnInit() {
-        // TODO: test this more
-        // ignore quill initial valueChange event, to keep functionality in line with other inputs
-        let initialEmitComplete = false;
-        this._configSet.pipe(filter(s => s), switchMap(() => this.formControl.valueChanges.pipe(
-        // skip(1),
-        take(1), tap(() => initialEmitComplete = true)))).subscribe();
-        this.formControl.valueChanges.pipe(filter(() => !this._isWritingValue && initialEmitComplete), tap(value => this.value = value)).subscribe();
-        this._pollCalculatedRowHeight.asObservable().pipe(tap(() => {
-            this._stylesSet.next(false);
-            const calculatedRowsHeight = `${this.rows * 1.5}rem`;
-            if (notNullOrUndefined(this.rows) && notNullOrUndefined(this._quillEditor)) {
-                const editorEl = this._quillEditor.elementRef.nativeElement.querySelector('.ql-editor');
-                if (notNullOrUndefined(editorEl)) {
-                    this._renderer.setStyle(editorEl, 'height', calculatedRowsHeight);
-                    this._renderer.setStyle(editorEl, 'min-height', calculatedRowsHeight);
-                }
-            }
-            this._stylesSet.next(true);
-        })).subscribe();
-        this._buildQuillConfig();
-    }
-    ngAfterViewInit() {
-        if (isNullOrUndefined(this.characterCounterTpl)) {
-            this.characterCounterTpl = this.defaultCharacterCounterTpl || null;
-        }
-        this._templateSet.next(true);
-    }
-    ngOnDestroy() {
-        var _a;
-        // hacky way to ensure mentions menu gets destroyed when component is destroyed
-        const mentionModule = (_a = this._quillEditor) === null || _a === void 0 ? void 0 : _a.quillEditor.getModule('mention');
-        const hideMentionList = mentionModule === null || mentionModule === void 0 ? void 0 : mentionModule.hideMentionList;
-        if (hideMentionList && typeof hideMentionList === 'function') {
-            hideMentionList.call(mentionModule);
-        }
-    }
-    _buildQuillConfig() {
-        var _a;
-        this._configSet.next(false);
-        const config = Object.assign({}, THESEAM_QUILL_EDITOR_CONFIG_DEFAULT);
-        if (this.disableRichText) {
-            config.format = 'text';
-            config.formats = [];
-            config.modules = {
-                toolbar: false
-            };
-        }
-        else {
-            config.format = this._getConfigOrDefault('format');
-            config.formats = this._getConfigOrDefault('formats');
-            config.modules = Object.assign({}, this._getConfigOrDefault('modules'));
-        }
-        if (this.useMentions) {
-            const mentionModules = Object.assign(Object.assign({}, config.modules), { mention: Object.assign(Object.assign(Object.assign({}, THESEAM_QUILL_MENTION_OPTIONS_DEFAULT), { renderLoading: () => this.mentionListLoadingText, source: (searchTerm, renderList, mentionChar) => __awaiter(this, void 0, void 0, function* () {
-                        // this function is called every time the menu is triggered,
-                        // so it will always have the latest value from mentionItems$
-                        const mentionsAsync = yield lastValueFrom(this.mentionItems$.pipe(take(1)));
-                        if (notNullOrUndefined(mentionsAsync)) {
-                            this.mentionRenderListFn(mentionsAsync, this.mentionSearchFn, this.mentionListEmptyItem, searchTerm, renderList, mentionChar);
-                        }
-                    }) }), (_a = config.modules) === null || _a === void 0 ? void 0 : _a.mention) });
-            config.modules = mentionModules;
-        }
-        config.theme = this._getConfigOrDefault('theme');
-        config.debug = this._getConfigOrDefault('debug');
-        config.customToolbarPosition = this._getConfigOrDefault('customToolbarPosition');
-        config.sanitize = this._getConfigOrDefault('sanitize');
-        config.styles = this._getConfigOrDefault('styles');
-        config.strict = this._getConfigOrDefault('strict');
-        config.scrollingContainer = this._getConfigOrDefault('scrollingContainer');
-        config.bounds = this._getConfigOrDefault('bounds');
-        config.customOptions = this._getConfigOrDefault('customOptions');
-        config.customModules = this._getConfigOrDefault('customModules');
-        config.trackChanges = this._getConfigOrDefault('trackChanges');
-        config.preserveWhitespace = this._getConfigOrDefault('preserveWhitespace');
-        config.classes = this._getConfigOrDefault('classes');
-        config.trimOnValidation = this._getConfigOrDefault('trimOnValidation');
-        config.linkPlaceholder = this._getConfigOrDefault('linkPlaceholder');
-        config.compareValues = this._getConfigOrDefault('compareValues');
-        config.filterNull = this._getConfigOrDefault('filterNull');
-        config.debounceTime = this._getConfigOrDefault('debounceTime');
-        this._config.next(config);
-        // setTimeout bc ngx-quill library doesn't listen for input changes,
-        // so we must destroy and create the component each time config is updated
-        setTimeout(() => {
-            this._configSet.next(true);
-        }, 0);
-    }
-    _getConfigOrDefault(prop) {
-        if (this._customConfig && Object.prototype.hasOwnProperty.call(this._customConfig, prop)) {
-            return this._customConfig[prop];
-        }
-        return THESEAM_QUILL_EDITOR_CONFIG_DEFAULT[prop];
-    }
-    _updateQuillConfig() {
-        if (this._configSet.value) {
-            this._buildQuillConfig();
-        }
-    }
-    // Not usable, bc config has to be set immediately, potentially before mentions populate.
-    // To set customDataAttributes, provide a custom config.
-    // private _getCustomDataAttributes(mentions: TheSeamQuillMentionMenuOption[]): string[] {
-    //   return mentions.reduce((acc, mention) => {
-    //     const keys = Object.keys(mention)
-    //     keys.forEach(key => {
-    //       if (acc.findIndex(a => a === key) === -1) {
-    //         acc.push(key)
-    //       }
-    //     })
-    //     return acc
-    //   }, <string[]>[] satisfies string[])
-    // }
-    get value() {
-        return this._value;
-    }
-    set value(value) {
-        this._value = value;
-        if (this.onChange) {
-            this.onChange(value);
-        }
-        if (this.onTouched) {
-            this.onTouched();
-        }
-    }
-    writeValue(value) {
-        this._isWritingValue = true;
-        this.formControl.setValue(value);
-        this.value = value;
-        this._isWritingValue = false;
-    }
-    registerOnChange(fn) {
-        this.onChange = fn;
-    }
-    registerOnTouched(fn) {
-        this.onTouched = fn;
-    }
-    setDisabledState(isDisabled) {
-        this.readOnly = isDisabled;
-    }
-    _onEditorCreated(event) {
-        this.quillEditorCreated.emit(event);
-    }
-    _onEditorChanged(event) {
-        this.quillEditorChanged.emit(event);
-    }
-    _onContentChanged(event) {
-        this.quillContentChanged.emit(event);
-        this._updateMentionsFromDelta(event.content);
-    }
-    _onSelectionChanged(event) {
-        this.quillSelectionChanged.emit(event);
-    }
-    _onFocus(event) {
-        this.quillFocus.emit(event);
-    }
-    _onBlur(event) {
-        this.quillBlur.emit(event);
-        if (this.onTouched) {
-            this.onTouched();
-        }
-    }
-    /**
-     * Hacky way to track mention inserts/deletes
-     */
-    _updateMentionsFromDelta(content) {
-        if (notNullOrUndefined(content.ops)) {
-            const contentMentionIds = content.ops.map(o => { var _a, _b; return (_b = (_a = o.insert) === null || _a === void 0 ? void 0 : _a.mention) === null || _b === void 0 ? void 0 : _b.id; }).filter(notNullOrUndefined);
-            const selectedMentions = [...this._selectedMentions.value];
-            const mentionOptions = [...this._mentionItems.value || []];
-            const newMentions = contentMentionIds.reduce((acc, mentionId) => {
-                const insertMention = mentionOptions.find(m => isMentionMenuOption(m) && m.id === mentionId);
-                if (notNullOrUndefined(insertMention)) {
-                    acc.push(insertMention);
-                }
-                else {
-                    console.warn('Mention addition failed! Selected mention option not found:', mentionId);
-                }
-                return acc;
-            }, []);
-            let emitUpdate = false;
-            if (selectedMentions.length !== newMentions.length) {
-                // if the length has changed, we know an update occurred
-                emitUpdate = true;
-            }
-            else {
-                // otherwise, test ids for old and new items to see if we need to emit a change
-                const selectedMentionIds = this._selectedMentions.value.map(m => m.id);
-                const newMentionIds = newMentions.map(m => m.id);
-                if (selectedMentionIds.findIndex(m => !newMentionIds.includes(m)) !== -1 ||
-                    newMentionIds.findIndex(m => !selectedMentionIds.includes(m)) !== -1) {
-                    emitUpdate = true;
-                }
-            }
-            if (emitUpdate) {
-                this._selectedMentions.next(newMentions);
-            }
-        }
-    }
-}
-RichTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RichTextComponent, deps: [{ token: i0.Renderer2 }, { token: THESEAM_QUILL_EDITOR_CONFIG, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-RichTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RichTextComponent, selector: "seam-rich-text", inputs: { val: ["value", "val"], required: "required", placeholder: "placeholder", rows: "rows", resizable: "resizable", disableRichText: "disableRichText", displayCharacterCounter: "displayCharacterCounter", minLength: "minLength", maxLength: "maxLength", characterCounterTpl: "characterCounterTpl", characterCounterFn: "characterCounterFn", useMentions: "useMentions", mentionItems: "mentionItems", mentionSearchFn: "mentionSearchFn", mentionRenderListFn: "mentionRenderListFn", mentionListLoadingText: "mentionListLoadingText", mentionListEmptyText: "mentionListEmptyText" }, outputs: { quillEditorCreated: "quillEditorCreated", quillEditorChanged: "quillEditorChanged", quillContentChanged: "quillContentChanged", quillSelectionChanged: "quillSelectionChanged", quillFocus: "quillFocus", quillBlur: "quillBlur", mentionsUpdated: "mentionsUpdated" }, host: { listeners: { "keydown": "_handleKeydown($event)" } }, providers: [
-        RICH_TEXT_VALUE_ACCESSOR
-    ], viewQueries: [{ propertyName: "quillEditor", first: true, predicate: ["quillEditor"], descendants: true }, { propertyName: "defaultCharacterCounterTpl", first: true, predicate: ["characterCounter"], descendants: true }], ngImport: i0, template: "<div class=\"editor\" *ngIf=\"configSet$ | async\" [class.initializing]=\"!(initialized$ | async)\">\n  <ng-container *ngIf=\"config$ | async as config\">\n    <quill-editor\n      #quillEditor\n      seamInput\n      [class.disabled]=\"readOnly\"\n      [attr.disabled]=\"readOnly\"\n      [formControl]=\"formControl\"\n      [placeholder]=\"placeholder\"\n      [readOnly]=\"readOnly\"\n      [required]=\"required\"\n      [minLength]=\"minLength\"\n      [maxLength]=\"maxLength\"\n      [format]=\"config.format\"\n      [theme]=\"config.theme\"\n      [modules]=\"config.modules\"\n      [debug]=\"config.debug\"\n      [formats]=\"config.formats\"\n      [customToolbarPosition]=\"config.customToolbarPosition\"\n      [sanitize]=\"config.sanitize\"\n      [styles]=\"config.styles\"\n      [strict]=\"config.strict\"\n      [scrollingContainer]=\"config.scrollingContainer\"\n      [bounds]=\"config.bounds\"\n      [customOptions]=\"config.customOptions\"\n      [customModules]=\"config.customModules\"\n      [trackChanges]=\"config.trackChanges\"\n      [preserveWhitespace]=\"config.preserveWhitespace\"\n      [classes]=\"config.classes\"\n      [trimOnValidation]=\"config.trimOnValidation\"\n      [linkPlaceholder]=\"config.linkPlaceholder\"\n      [compareValues]=\"config.compareValues\"\n      [filterNull]=\"config.filterNull\"\n      [debounceTime]=\"config.debounceTime\"\n      [class.can-resize]=\"resizable\"\n      (onEditorCreated)=\"_onEditorCreated($event)\"\n      (onEditorChanged)=\"_onEditorChanged($event)\"\n      (onContentChanged)=\"_onContentChanged($event)\"\n      (onSelectionChanged)=\"_onSelectionChanged($event)\"\n      (onFocus)=\"_onFocus($event)\"\n      (onBlur)=\"_onBlur($event)\"></quill-editor>\n    <ng-container *ngIf=\"displayCharacterCounter\">\n      <ng-container\n        [ngTemplateOutlet]=\"characterCounterTpl\"\n        [ngTemplateOutletContext]=\"{ $implicit: characterCount$ | async, minLength: minLength, maxLength: maxLength, characterCount: characterCount$ | async }\"></ng-container>\n    </ng-container>\n  </ng-container>\n</div>\n\n<ng-template #characterCounter let-implicit let-minLength=\"minLength\" let-maxLength=\"maxLength\" let-characterCount=\"characterCount\">\n  <div class=\"small text-black-50 text-right\">\n    <ng-container *ngIf=\"characterCount || characterCount === 0\">\n      Character Count:\n      <span [class.text-danger]=\"characterCount && ((maxLength && characterCount > maxLength) || (minLength && characterCount < minLength))\">\n        {{ characterCount | number }}\n      </span>\n      <ng-container *ngIf=\"maxLength\">\n        / {{ maxLength }}\n      </ng-container>\n      <span *ngIf=\"minLength\" class=\"font-italic\">\n        (minimum {{ minLength }} expected)\n      </span>\n    </ng-container>\n  </div>\n</ng-template>\n", styles: [":host .editor{position:relative}:host .editor.initializing:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;background:#f8f9fa;z-index:1}:host quill-editor.can-resize ::ng-deep .ql-editor{overflow:auto;resize:vertical}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3.QuillEditorComponent, selector: "quill-editor" }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.DecimalPipe, name: "number" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RichTextComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'seam-rich-text', providers: [
-                        RICH_TEXT_VALUE_ACCESSOR
-                    ], template: "<div class=\"editor\" *ngIf=\"configSet$ | async\" [class.initializing]=\"!(initialized$ | async)\">\n  <ng-container *ngIf=\"config$ | async as config\">\n    <quill-editor\n      #quillEditor\n      seamInput\n      [class.disabled]=\"readOnly\"\n      [attr.disabled]=\"readOnly\"\n      [formControl]=\"formControl\"\n      [placeholder]=\"placeholder\"\n      [readOnly]=\"readOnly\"\n      [required]=\"required\"\n      [minLength]=\"minLength\"\n      [maxLength]=\"maxLength\"\n      [format]=\"config.format\"\n      [theme]=\"config.theme\"\n      [modules]=\"config.modules\"\n      [debug]=\"config.debug\"\n      [formats]=\"config.formats\"\n      [customToolbarPosition]=\"config.customToolbarPosition\"\n      [sanitize]=\"config.sanitize\"\n      [styles]=\"config.styles\"\n      [strict]=\"config.strict\"\n      [scrollingContainer]=\"config.scrollingContainer\"\n      [bounds]=\"config.bounds\"\n      [customOptions]=\"config.customOptions\"\n      [customModules]=\"config.customModules\"\n      [trackChanges]=\"config.trackChanges\"\n      [preserveWhitespace]=\"config.preserveWhitespace\"\n      [classes]=\"config.classes\"\n      [trimOnValidation]=\"config.trimOnValidation\"\n      [linkPlaceholder]=\"config.linkPlaceholder\"\n      [compareValues]=\"config.compareValues\"\n      [filterNull]=\"config.filterNull\"\n      [debounceTime]=\"config.debounceTime\"\n      [class.can-resize]=\"resizable\"\n      (onEditorCreated)=\"_onEditorCreated($event)\"\n      (onEditorChanged)=\"_onEditorChanged($event)\"\n      (onContentChanged)=\"_onContentChanged($event)\"\n      (onSelectionChanged)=\"_onSelectionChanged($event)\"\n      (onFocus)=\"_onFocus($event)\"\n      (onBlur)=\"_onBlur($event)\"></quill-editor>\n    <ng-container *ngIf=\"displayCharacterCounter\">\n      <ng-container\n        [ngTemplateOutlet]=\"characterCounterTpl\"\n        [ngTemplateOutletContext]=\"{ $implicit: characterCount$ | async, minLength: minLength, maxLength: maxLength, characterCount: characterCount$ | async }\"></ng-container>\n    </ng-container>\n  </ng-container>\n</div>\n\n<ng-template #characterCounter let-implicit let-minLength=\"minLength\" let-maxLength=\"maxLength\" let-characterCount=\"characterCount\">\n  <div class=\"small text-black-50 text-right\">\n    <ng-container *ngIf=\"characterCount || characterCount === 0\">\n      Character Count:\n      <span [class.text-danger]=\"characterCount && ((maxLength && characterCount > maxLength) || (minLength && characterCount < minLength))\">\n        {{ characterCount | number }}\n      </span>\n      <ng-container *ngIf=\"maxLength\">\n        / {{ maxLength }}\n      </ng-container>\n      <span *ngIf=\"minLength\" class=\"font-italic\">\n        (minimum {{ minLength }} expected)\n      </span>\n    </ng-container>\n  </div>\n</ng-template>\n", styles: [":host .editor{position:relative}:host .editor.initializing:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;background:#f8f9fa;z-index:1}:host quill-editor.can-resize ::ng-deep .ql-editor{overflow:auto;resize:vertical}\n"] }]
-        }], ctorParameters: function () {
-        return [{ type: i0.Renderer2 }, { type: undefined, decorators: [{
-                        type: Optional
-                    }, {
-                        type: Inject,
-                        args: [THESEAM_QUILL_EDITOR_CONFIG]
-                    }] }];
-    }, propDecorators: { val: [{
-                type: Input,
-                args: ['value']
-            }], required: [{
-                type: Input
-            }], placeholder: [{
-                type: Input
-            }], rows: [{
-                type: Input
-            }], resizable: [{
-                type: Input
-            }], disableRichText: [{
-                type: Input
-            }], displayCharacterCounter: [{
-                type: Input
-            }], minLength: [{
-                type: Input
-            }], maxLength: [{
-                type: Input
-            }], characterCounterTpl: [{
-                type: Input
-            }], characterCounterFn: [{
-                type: Input
-            }], useMentions: [{
-                type: Input
-            }], mentionItems: [{
-                type: Input
-            }], mentionSearchFn: [{
-                type: Input
-            }], mentionRenderListFn: [{
-                type: Input
-            }], mentionListLoadingText: [{
-                type: Input
-            }], mentionListEmptyText: [{
-                type: Input
-            }], quillEditorCreated: [{
-                type: Output
-            }], quillEditorChanged: [{
-                type: Output
-            }], quillContentChanged: [{
-                type: Output
-            }], quillSelectionChanged: [{
-                type: Output
-            }], quillFocus: [{
-                type: Output
-            }], quillBlur: [{
-                type: Output
-            }], mentionsUpdated: [{
-                type: Output
-            }], quillEditor: [{
-                type: ViewChild,
-                args: ['quillEditor']
-            }], defaultCharacterCounterTpl: [{
-                type: ViewChild,
-                args: ['characterCounter']
-            }], _handleKeydown: [{
-                type: HostListener,
-                args: ['keydown', ['$event']]
-            }] } });
-
-const THESEAM_QUILL_FORMATS = [
-    'align',
-    'background',
-    'blockquote',
-    'bold',
-    'code-block',
-    'code',
-    'color',
-    'direction',
-    'font',
-    'header',
-    'image',
-    'indent',
-    'italic',
-    'link',
-    'list',
-    'script',
-    'size',
-    'strike',
-    'underline',
-    'video',
-    'mention'
-];
-
-class TheSeamRichTextModule {
-}
-TheSeamRichTextModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TheSeamRichTextModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-TheSeamRichTextModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: TheSeamRichTextModule, declarations: [RichTextComponent], imports: [CommonModule,
-        ReactiveFormsModule,
-        QuillModule], exports: [RichTextComponent] });
-TheSeamRichTextModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TheSeamRichTextModule, imports: [CommonModule,
-        ReactiveFormsModule,
-        QuillModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TheSeamRichTextModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        RichTextComponent,
-                    ],
-                    imports: [
-                        CommonModule,
-                        ReactiveFormsModule,
-                        QuillModule
-                    ],
-                    exports: [
-                        RichTextComponent,
-                    ]
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { HTML_ENTITY_REGEX, RICH_TEXT_VALUE_ACCESSOR, RichTextComponent, THESEAM_QUILL_EDITOR_CONFIG, THESEAM_QUILL_EDITOR_CONFIG_DEFAULT, THESEAM_QUILL_FORMATS, THESEAM_QUILL_FORMATS_DEFAULT, THESEAM_QUILL_MENTION_OPTIONS_DEFAULT, THESEAM_QUILL_MODULES_DEFAULT, THESEAM_QUILL_TOOLBAR_OPTIONS_DEFAULT, TheSeamRichTextModule, defaultHtmlCharacterCounterFn, defaultMentionRenderListFn, defaultMentionSearchFn, isMentionMenuOption };
-//# sourceMappingURL=theseam-ui-common-rich-text.mjs.map