@theseam/ui-common 0.2.9

package/fesm2015/theseam-ui-common-form-field-error.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theseam-ui-common-form-field-error.js","sources":["../../../projects/ui-common/form-field-error/form-field-error-list/form-field-error-list-item-tpl.directive.ts","../../../projects/ui-common/form-field-error/form-field-error-list/form-field-error-list-item.directive.ts","../../../projects/ui-common/form-field-error/form-field-error-list/form-field-error-list.component.ts","../../../projects/ui-common/form-field-error/form-field-error/form-field-error.component.ts","../../../projects/ui-common/form-field-error/form-field-error.module.ts","../../../projects/ui-common/form-field-error/theseam-ui-common-form-field-error.ts"],"sourcesContent":["import { BooleanInput } from '@angular/cdk/coercion'\nimport { Directive, Input, TemplateRef } from '@angular/core'\n\nimport { InputBoolean } from '@theseam/ui-common/core'\n\n@Directive({\n  selector: '[seamFormFieldErrorListItemTpl]'\n})\nexport class FormFieldErrorListItemTplDirective {\n  static ngAcceptInputType_external: BooleanInput\n\n  @Input() validatorName: string | undefined | null\n\n  @Input() @InputBoolean() external: boolean = false\n\n  constructor(public template: TemplateRef<any>) {}\n\n}\n","import { Directive, Input, TemplateRef } from '@angular/core'\n\n@Directive({\n  selector: '[seamFormFieldErrorListItem]'\n})\nexport class FormFieldErrorListItemDirective {\n\n  @Input() validatorName: string | undefined | null\n\n  constructor(public template: TemplateRef<any>) {}\n\n}\n","import { Component, ContentChildren, DoCheck, HostBinding, Input, OnDestroy, OnInit, QueryList, TemplateRef } from '@angular/core'\nimport { AbstractControl, AbstractControlDirective, ValidationErrors } from '@angular/forms'\nimport { BehaviorSubject, combineLatest, Observable, Subscription } from 'rxjs'\nimport { distinctUntilChanged, map, shareReplay, startWith } from 'rxjs/operators'\n\nimport { FormFieldErrorListItemTplDirective } from './form-field-error-list-item-tpl.directive'\n\nexport interface IErrorRecord {\n  validatorName: string\n  error: any,\n  message?: string\n  template?: TemplateRef<any>\n\n  external?: boolean\n\n  _errors?: ValidationErrors\n}\n\n/**\n * NOTE: This class has some issues with filtering duplicate validators. The\n * inputs will be cleaned up soon to fix the input confusion.\n *\n * TODO: Cleanup remaining code from before refactor.\n */\n@Component({\n  selector: 'seam-form-field-error-list',\n  templateUrl: './form-field-error-list.component.html',\n  styleUrls: ['./form-field-error-list.component.scss']\n})\nexport class FormFieldErrorListComponent implements OnInit, OnDestroy, DoCheck {\n\n  @HostBinding('style.display') get _display() {\n    return this.showErrors ? 'block' : 'none'\n  }\n\n  private static readonly defaultMessages: { [name: string]: ((params: any) => string) | (() => string) } = {\n    // required: () => 'Required',\n    // minlength: (params) => 'The min number of characters is ' + params.requiredLength,\n    // maxlength: (params) => 'The max allowed number of characters is ' + params.requiredLength,\n    // pattern: (params) => 'The required pattern is: ' + params.requiredPattern\n  }\n\n  private readonly _defaultMessages: { [name: string]: ((params: any) => string) | (() => string) } = {\n    // required: () => 'Required',\n    // minlength: (params) => 'The min number of characters is ' + params.requiredLength,\n    // maxlength: (params) => 'The max allowed number of characters is ' + params.requiredLength,\n    // pattern: (params) => 'The required pattern is: ' + params.requiredPattern\n  }\n\n  private _errors: any[] = []\n\n  public _paddingErrors = []\n\n  @Input()\n  set errors(records: IErrorRecord[] | undefined | null) {\n    // if (val instanceof Array) {\n    //   this._errors = val\n    // } else {\n    //   const errs = []\n    //   for (const k in val) {\n    //     if (val[k]) {\n    //       const err = val[k]\n    //       const newErr = {\n    //         validatorName: k,\n    //         error: err,\n    //         message: '',\n    //         template: err.template,\n    //         external: !!err.external\n    //       }\n\n    //       if (err.message) {\n    //         const msgTmp = err.message\n    //         if (typeof msgTmp === 'string') {\n    //           newErr.message = msgTmp\n    //         } else if (typeof msgTmp === 'function') {\n    //           newErr.message = msgTmp(err)\n    //         }\n    //       } else if (FormFieldErrorListComponent.defaultMessages[k]) {\n    //         const defaultMsg = FormFieldErrorListComponent.defaultMessages[k]\n    //         if (typeof defaultMsg === 'string') {\n    //           newErr.message = defaultMsg\n    //         } else if (typeof defaultMsg === 'function') {\n    //           newErr.message = defaultMsg(err)\n    //         }\n    //       }\n\n    //       errs.push(newErr)\n    //     }\n    //   }\n    //   this._errors = errs\n    // }\n\n    this._initErrorInput(records || [])\n  }\n\n  // get errors() {\n  //   let errs = []\n\n  //   if (this._errors) {\n  //     if (!this.messages) {\n  //       errs = this._errors\n  //     } else {\n  //       errs = this._errors.map(err => {\n  //         if (this.messages && err.validatorName && this.messages[err.validatorName]) {\n  //           return Object.assign({}, err, {\n  //             message: this.messages[err.validatorName]\n  //           })\n  //         } else {\n  //           return err\n  //         }\n  //       })\n  //     }\n  //   }\n\n  //   if (this.control) {\n  //     for (const key in this.control.errors) {\n  //       if (this.control.errors[key]) {\n  //         const err = this.control.errors[key]\n\n  //         const newErr = {\n  //           validatorName: key,\n  //           error: err,\n  //           message: '',\n  //           external: false\n  //         }\n\n  //         if (FormFieldErrorListComponent.defaultMessages[key]) {\n  //           const defaultMsg = FormFieldErrorListComponent.defaultMessages[key]\n  //           if (typeof defaultMsg === 'string') {\n  //             newErr.message = defaultMsg\n  //           } else if (typeof defaultMsg === 'function') {\n  //             newErr.message = defaultMsg(err)\n  //           }\n  //         }\n\n  //         errs = [ ...errs, newErr ]\n  //       }\n  //     }\n  //   }\n\n  //   if (this.maxErrors >= 0) {\n  //     errs = errs.slice(0, this.maxErrors)\n  //   }\n\n  //   const count = this.showControlErrors ? this.numPaddingErrors - errs.length : this.numPaddingErrors\n  //   if (count > 0) {\n  //     this._paddingErrors = []\n  //     for (let i = 0; i < count; i++) {\n  //       this._paddingErrors.push({ validatorName: '__padding__', error: {}, message: '', external: false })\n  //     }\n  //   } else {\n  //     this._paddingErrors = []\n  //   }\n\n  //   return errs\n  // }\n\n  // @Input() messages: any = {}\n  @Input() showValidatorName = false\n\n  @Input() numPaddingErrors = 1\n\n  // private errorTpl: TemplateRef<any>\n\n  // private _listItemTpls: QueryList<FormFieldErrorListItemTplDirective>\n  // private listItemTplsObj = {}\n\n  @ContentChildren(FormFieldErrorListItemTplDirective)\n  set _listItemTpls(val: QueryList<FormFieldErrorListItemTplDirective>) {\n    this._initErrorTemplates(val)\n  }\n\n  @Input()\n  set listItemTpls(val: QueryList<FormFieldErrorListItemTplDirective>) {\n    this._initErrorTemplates(val)\n\n    // for (const v of val.toArray()) {\n    //   if (v.validatorName !== undefined) {\n    //     this.listItemTplsObj[v.validatorName] = v\n    //   }\n    // }\n\n    // const tmp = val.find(v => v.validatorName === undefined)\n    // if (tmp) {\n    //   this.errorTpl = tmp.template\n    // }\n\n    // this._listItemTpls = val\n  }\n\n  // get listItemTpls(): QueryList<FormFieldErrorListItemTplDirective> {\n  //   return this._listItemTpls\n  // }\n\n  @Input() maxErrors = -1\n\n  @Input()\n  get control(): AbstractControlDirective | AbstractControl | undefined | null { return this._control }\n  set control(value: AbstractControlDirective | AbstractControl | undefined | null) {\n    this._control = value\n    if (value) {\n      this._initControlListeners(value)\n    }\n  }\n  private _control: AbstractControlDirective | AbstractControl | undefined | null\n\n  private _valueChangeSub = Subscription.EMPTY\n  private _errorTplsChangeSub = Subscription.EMPTY\n\n  private _controlErrors = new BehaviorSubject<IErrorRecord[]>([])\n  private _errorTpls = new BehaviorSubject<IErrorRecord[]>([])\n  private _errorInput = new BehaviorSubject<IErrorRecord[]>([])\n\n  private _showControlErrorsSubject = new BehaviorSubject<boolean>(false)\n\n  public displayRecords$: Observable<IErrorRecord[]>\n  public showControlErrors$: Observable<boolean>\n\n  private _showErrors = true\n\n  @Input()\n  set showErrors(val: boolean) {\n    this._showErrors = val\n  }\n\n  get showErrors(): boolean {\n    let show = this._showErrors\n\n    if (show && this.control) {\n      if (this.numPaddingErrors > 0) {\n        show = true\n      } else {\n        show = !!(this.control.invalid && (this.control.dirty || this.control.touched))\n      }\n    }\n\n    return show\n  }\n\n  get showControlErrors(): boolean {\n    let show = false\n    if (this.control && this.showErrors) {\n      show = !!(this.control.invalid && (this.control.dirty || this.control.touched))\n    }\n\n    return show\n  }\n\n  public errorRecords$: Observable<IErrorRecord[]>\n\n  constructor() {\n    this.showControlErrors$ = this._showControlErrorsSubject.asObservable()\n      .pipe(distinctUntilChanged())\n      .pipe(shareReplay(1))\n\n    this.errorRecords$ = combineLatest([this._controlErrors, this._errorTpls, this._errorInput])\n      .pipe(map(([ctrlErrs, errTpls, errorInput]) => this._composeErrorInputs(ctrlErrs, errTpls, errorInput)))\n      .pipe(shareReplay(1))\n\n    this.displayRecords$ = this.errorRecords$\n      .pipe(map(records => {\n        let resultRecords: IErrorRecord[] = []\n\n        if (!this.showErrors) {\n\n        } else {\n          let errs = [ ...records ]\n\n          if (this.maxErrors >= 0) {\n            errs = errs.slice(0, this.maxErrors)\n          }\n\n          const count = this.showControlErrors ? this.numPaddingErrors - errs.length : this.numPaddingErrors\n          const paddingErrors: IErrorRecord[] = []\n          if (count > 0) {\n            for (let i = 0; i < count; i++) {\n              paddingErrors.push({ validatorName: '__padding__', error: {}, message: '', external: false })\n            }\n          }\n\n          if (this.showControlErrors) {\n            resultRecords = [ ...errs, ...paddingErrors ]\n          } else {\n            resultRecords = [ ...paddingErrors ]\n          }\n        }\n\n        return resultRecords\n      }))\n      .pipe(shareReplay(1))\n  }\n\n  ngOnInit() { }\n\n  ngOnDestroy() {\n    this._valueChangeSub.unsubscribe()\n    this._errorTplsChangeSub.unsubscribe()\n  }\n\n  ngDoCheck() {\n    this._showControlErrorsSubject.next(this.showControlErrors)\n  }\n\n  private _initControlListeners(control: AbstractControlDirective | AbstractControl): void {\n    // Unsubscribe from old control changes\n    if (this._valueChangeSub && !this._valueChangeSub.closed) {\n      this._valueChangeSub.unsubscribe()\n    }\n\n    if (control.valueChanges !== null) {\n      this._valueChangeSub = combineLatest([this.showControlErrors$, control.valueChanges.pipe(startWith(undefined))])\n        .pipe(startWith(undefined))\n        .subscribe(_ => this._updateControlErrors(control.errors))\n    } else {\n      this._setControlErrors([])\n    }\n  }\n\n  private _updateControlErrors(errors: ValidationErrors | null): void {\n    const errs: IErrorRecord[] = []\n    for (const validatorName in errors) {\n      if (errors.hasOwnProperty(validatorName)) {\n        const error = errors[validatorName]\n        const message = this._parseMessage(this._defaultMessages[validatorName], error)\n        const external = false\n        errs.push({ validatorName, error, message, external })\n      }\n    }\n    this._setControlErrors(errs)\n  }\n\n  private _setControlErrors(errors: IErrorRecord[]) {\n    this._controlErrors.next(errors)\n  }\n\n  private _parseMessage(message: any, error: any) {\n    if (!message) { return }\n\n    if (typeof message === 'string') {\n      return message\n    } else if (typeof message === 'function') {\n      return message(error)\n    }\n  }\n\n  private _initErrorTemplates(tplsQueryList: QueryList<FormFieldErrorListItemTplDirective>) {\n    if (this._errorTplsChangeSub && !this._errorTplsChangeSub.closed) {\n      this._errorTplsChangeSub.unsubscribe()\n    }\n\n    if (tplsQueryList) {\n      this._errorTplsChangeSub = tplsQueryList.changes\n        .pipe(startWith(undefined))\n        .subscribe(_ => this._updateErrorTemplates(tplsQueryList.toArray()))\n    } else {\n      this._setErrorTemplates([])\n    }\n  }\n\n  private _updateErrorTemplates(tplsList: FormFieldErrorListItemTplDirective[]): void {\n    const errs: IErrorRecord[] = []\n    for (const tpl of tplsList) {\n      if (tpl.validatorName !== undefined && tpl.validatorName !== null) {\n        errs.push({\n          validatorName: tpl.validatorName,\n          error: null,\n          template: tpl.template,\n          external: !!tpl.external\n        })\n      } else {\n        // this.errorTpl = tpl.template\n      }\n    }\n    this._setErrorTemplates(errs)\n  }\n\n  private _setErrorTemplates(errorTpls: IErrorRecord[]): void {\n    this._errorTpls.next(errorTpls)\n  }\n\n  private _initErrorInput(errors: IErrorRecord[]): void {\n    this._updateErrorInputs(errors)\n  }\n\n  private _updateErrorInputs(errors: IErrorRecord[]): void {\n    this._setErrorInput(errors)\n  }\n\n  private _setErrorInput(errors: IErrorRecord[]): void {\n    this._errorInput.next(errors)\n  }\n\n  private _composeErrorInputs(\n    controlErrors: IErrorRecord[],\n    errorTemplates: IErrorRecord[],\n    errorInput: IErrorRecord[]\n  ): IErrorRecord[] {\n    const errs: IErrorRecord[] = []\n\n    const errsMap: { [name: string]: IErrorRecord } = {}\n\n    for (const err of controlErrors) {\n      if (err.message || err.template) {\n        errsMap[err.validatorName] = err\n      }\n    }\n\n    for (const err of errorInput) {\n      if (err.message || err.template) {\n        errsMap[err.validatorName] = err\n      }\n    }\n\n    for (const err of errorTemplates) {\n      if (err.message || err.template) {\n        errsMap[err.validatorName] = err\n      }\n    }\n\n    for (const validatorName in errsMap) {\n      if (errsMap.hasOwnProperty(validatorName)) {\n        errs.push(errsMap[validatorName])\n      }\n    }\n\n    const control = this.control\n    if (!control) {\n      return []\n    }\n\n    return errs\n      .filter(err => this._isErrorValidator(control.errors, err.validatorName))\n      .filter(err => !err.external)\n      .map(err => ({\n        ...err,\n        error: control.errors ? control.errors[err.validatorName] : null,\n        _errors: control.errors\n      } as IErrorRecord))\n  }\n\n  private _isErrorValidator(errors: ValidationErrors | null, validatorName: string): boolean {\n    if (!errors) {\n      return false\n    }\n    const arr = validatorName.split(' ').filter(v => v.trim().length > 0)\n    for (const item of arr) {\n      if (errors.hasOwnProperty(item)) {\n        return true\n      }\n    }\n    return false\n  }\n\n}\n","import { Component, Input, OnInit } from '@angular/core'\n\nimport { InputBoolean } from '@theseam/ui-common/core'\n\n@Component({\n  selector: 'seam-form-field-error',\n  templateUrl: './form-field-error.component.html',\n  styleUrls: ['./form-field-error.component.scss']\n})\nexport class FormFieldErrorComponent implements OnInit {\n\n  @Input() validatorName: string | undefined | null\n  @Input() message: string | undefined | null\n\n  @Input() @InputBoolean() showValidatorName: boolean = false\n\n  constructor() { }\n\n  ngOnInit() {\n  }\n\n}\n","import { CommonModule } from '@angular/common'\nimport { NgModule } from '@angular/core'\n\nimport { FormFieldErrorListItemTplDirective } from './form-field-error-list/form-field-error-list-item-tpl.directive'\nimport { FormFieldErrorListItemDirective } from './form-field-error-list/form-field-error-list-item.directive'\nimport { FormFieldErrorListComponent } from './form-field-error-list/form-field-error-list.component'\nimport { FormFieldErrorComponent } from './form-field-error/form-field-error.component'\n\n@NgModule({\n  declarations: [\n    FormFieldErrorComponent,\n    FormFieldErrorListComponent,\n    FormFieldErrorListItemDirective,\n    FormFieldErrorListItemTplDirective\n  ],\n  imports: [\n    CommonModule\n  ],\n  exports: [\n    FormFieldErrorComponent,\n    FormFieldErrorListComponent,\n    FormFieldErrorListItemDirective,\n    FormFieldErrorListItemTplDirective\n  ]\n})\nexport class TheSeamFormFieldErrorModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2015/theseam-ui-common-form-field.js

@@ -0,0 +1,506 @@
+import { __decorate } from 'tslib';
+import { Directive, TemplateRef, Input, ElementRef, Optional, Self, HostBinding, Component, ContentChild, ContentChildren, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import { InputBoolean } from '@theseam/ui-common/core';
+import { Subject, BehaviorSubject, ReplaySubject, Subscription, combineLatest } from 'rxjs';
+import { startWith, map, tap, filter, switchMap, distinctUntilChanged } from 'rxjs/operators';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import { NgControl, NgForm, FormGroupDirective, ReactiveFormsModule } from '@angular/forms';
+import { NgSelectComponent } from '@ng-select/ng-select';
+import { toggleAttribute } from '@theseam/ui-common/utils';
+import { CommonModule } from '@angular/common';
+import { TheSeamFormFieldErrorModule } from '@theseam/ui-common/form-field-error';
+import { TheSeamSharedModule } from '@theseam/ui-common/shared';
+
+class FormFieldErrorDirective {
+    constructor(template) {
+        this.template = template;
+        this.external = false;
+    }
+    get validatorName() { return this._validatorName || this.seamFormFieldError; }
+    set validatorName(value) { this._validatorName = value; }
+}
+FormFieldErrorDirective.decorators = [
+    { type: Directive, args: [{
+                selector: '[seamFormFieldError]'
+            },] }
+];
+FormFieldErrorDirective.ctorParameters = () => [
+    { type: TemplateRef }
+];
+FormFieldErrorDirective.propDecorators = {
+    validatorName: [{ type: Input }],
+    seamFormFieldError: [{ type: Input }],
+    external: [{ type: Input }]
+};
+__decorate([
+    InputBoolean()
+], FormFieldErrorDirective.prototype, "external", void 0);
+
+class FormFieldHelpTextDirective {
+    constructor(template) {
+        this.template = template;
+    }
+}
+FormFieldHelpTextDirective.decorators = [
+    { type: Directive, args: [{
+                selector: '[seamFormFieldHelpText]'
+            },] }
+];
+FormFieldHelpTextDirective.ctorParameters = () => [
+    { type: TemplateRef }
+];
+
+class FormFieldLabelTplDirective {
+    constructor(template) {
+        this.template = template;
+    }
+}
+FormFieldLabelTplDirective.decorators = [
+    { type: Directive, args: [{
+                selector: '[seamFormFieldLabelTpl]'
+            },] }
+];
+FormFieldLabelTplDirective.ctorParameters = () => [
+    { type: TemplateRef }
+];
+
+// NOTE: Partially based on mat-input: https://github.com/angular/material2/blob/master/src/lib/input/input.ts
+let nextUniqueId = 0;
+class InputDirective {
+    constructor(_elementRef, ngControl, _parentForm, _parentFormGroup, 
+    // 3rd party support
+    _ngSelect) {
+        this._elementRef = _elementRef;
+        this.ngControl = ngControl;
+        this._parentForm = _parentForm;
+        this._parentFormGroup = _parentFormGroup;
+        this._ngSelect = _ngSelect;
+        this._uid = `lib-input-${nextUniqueId++}`;
+        // TODO: Remove this being added to all seamInput elements or break this
+        // directive up. Some elements in our app already have worked around this
+        // class being there, so some refactoring will be required before removal.
+        this._isFormControl = true;
+        this.seamInputSize = 'normal';
+        this._type = 'text';
+        /**
+         * Implemented as part of MatFormFieldControl.
+         * @docs-private
+         */
+        this.required = false;
+        this._disabled = false;
+        this.focused = false;
+        this.stateChanges = new Subject();
+        // @Input()
+        // get value(): string { return this._inputValueAccessor.value; }
+        // set value(value: string) {
+        //   if (value !== this.value) {
+        //     this._inputValueAccessor.value = value;
+        //     this.stateChanges.next();
+        //   }
+        // }
+        /** Whether the element is readonly. */
+        this.readonly = false;
+        // Force setter to be called in case id was not specified.
+        this.id = this.id;
+        if (!this._shouldHaveFormControlCssClass()) {
+            this._isFormControl = false;
+        }
+    }
+    get _isFormControlSmall() {
+        return this._isFormControl && this.seamInputSize === 'sm';
+    }
+    get _isInvalid() {
+        return this.ngControl && this.ngControl.invalid && (this.ngControl.dirty || this.ngControl.touched);
+    }
+    get _attrId() { return this._isNgSelect() ? undefined : this.id; }
+    get _attrPlaceholder() { return this.placeholder; }
+    get id() { return this._id; }
+    set id(value) { this._id = value || this._uid; }
+    /** Input type of the element. */
+    get type() { return this._type; }
+    set type(value) {
+        this._type = value || 'text';
+        // this._validateType()
+        // When using Angular inputs, developers are no longer able to set the properties on the native
+        // input element. To ensure that bindings for `type` work, we need to sync the setter
+        // with the native property. Textarea elements don't support the type property or attribute.
+        if ((!this._isTextarea() && !this._isNgSelect()) /* && getSupportedInputTypes().has(this._type) */) {
+            this._elementRef.nativeElement.type = this._type;
+        }
+    }
+    /**
+     * Implemented as part of MatFormFieldControl.
+     * @docs-private
+     */
+    get disabled() {
+        if (this.ngControl && this.ngControl.disabled !== null) {
+            return this.ngControl.disabled;
+        }
+        return this._disabled;
+    }
+    set disabled(value) {
+        this._disabled = coerceBooleanProperty(value);
+        // Browsers may not fire the blur event if the input is disabled too quickly.
+        // Reset from here to ensure that the element doesn't become stuck.
+        if (this.focused) {
+            this.focused = false;
+            this.stateChanges.next();
+        }
+    }
+    ngDoCheck() {
+        if (this._isNgSelect()) {
+            this._ngSelect.labelForId = this.id;
+            this._ngSelect.setDisabledState(this.disabled);
+        }
+        else {
+            toggleAttribute(this._elementRef.nativeElement, 'required', this.required);
+            toggleAttribute(this._elementRef.nativeElement, 'disabled', this.disabled);
+        }
+    }
+    /** Should only be textual inputs, but initially our app added to all form controls. */
+    _shouldHaveFormControlCssClass() {
+        return !this._isSeamCheckbox()
+            && !this._isRadioInput()
+            && !this._isNgbRadioGroup()
+            && !this._isTelInput()
+            && !this._isQuillEditor();
+    }
+    /** Determines if the component host is a textarea. */
+    _isTextarea() {
+        return this._elementRef.nativeElement.nodeName.toLowerCase() === 'textarea';
+    }
+    /** Determines if the component host is a ng-select. */
+    _isNgSelect() {
+        return this._elementRef.nativeElement.nodeName.toLowerCase() === 'ng-select';
+    }
+    /** Determines if the component host is a seam-checkbox. */
+    _isSeamCheckbox() {
+        return this._elementRef.nativeElement.nodeName.toLowerCase() === 'seam-checkbox';
+    }
+    /** Determines if the component host is a radio input. */
+    _isRadioInput() {
+        return this._elementRef.nativeElement.nodeName.toLowerCase() === 'input' &&
+            this._elementRef.nativeElement.type.toLowerCase() === 'radio';
+    }
+    _isNgbRadioGroup() {
+        return this._elementRef.nativeElement.getAttribute('ngbRadioGroup') !== null;
+    }
+    _isTelInput() {
+        return this._elementRef.nativeElement.nodeName.toLowerCase() === 'seam-tel-input';
+    }
+    _isQuillEditor() {
+        return this._elementRef.nativeElement.nodeName.toLowerCase() === 'quill-editor';
+    }
+    /** Make sure the input is a supported type. */
+    // protected _validateType() {
+    //   if (MAT_INPUT_INVALID_TYPES.indexOf(this._type) > -1) {
+    //     throw getMatInputUnsupportedTypeError(this._type)
+    //   }
+    // }
+    /** Focuses the input. */
+    focus() {
+        this._elementRef.nativeElement.focus();
+    }
+    /** Unfocuses the input. */
+    blur() {
+        this._elementRef.nativeElement.blur();
+    }
+    setValue(value) {
+        if (this.ngControl) {
+            const control = this.ngControl.control;
+            if (control) {
+                control.setValue(value);
+            }
+        }
+    }
+}
+InputDirective.decorators = [
+    { type: Directive, args: [{
+                // TODO: Consider removing restriction and instead adding a dev warning. A few
+                // inputs in the app need to be changed for this first.
+                selector: 'input[seamInput], textarea[seamInput], ng-select[seamInput], seam-checkbox[seamInput] [ngbRadioGroup], seam-tel-input[seamInput], quill-editor[seamInput]',
+                exportAs: 'seamInput',
+            },] }
+];
+InputDirective.ctorParameters = () => [
+    { type: ElementRef },
+    { type: NgControl, decorators: [{ type: Optional }, { type: Self }] },
+    { type: NgForm, decorators: [{ type: Optional }] },
+    { type: FormGroupDirective, decorators: [{ type: Optional }] },
+    { type: NgSelectComponent, decorators: [{ type: Optional }] }
+];
+InputDirective.propDecorators = {
+    _isFormControl: [{ type: HostBinding, args: ['class.form-control',] }],
+    _isFormControlSmall: [{ type: HostBinding, args: ['class.form-control-sm',] }],
+    _isInvalid: [{ type: HostBinding, args: ['class.is-invalid',] }],
+    _attrId: [{ type: HostBinding, args: ['attr.id',] }],
+    _attrPlaceholder: [{ type: HostBinding, args: ['attr.placeholder',] }],
+    ariaDescribedBy: [{ type: HostBinding, args: ['attr.aria-describedby',] }],
+    seamInputSize: [{ type: Input }],
+    id: [{ type: Input }],
+    type: [{ type: Input }],
+    placeholder: [{ type: Input }],
+    required: [{ type: Input }],
+    disabled: [{ type: Input }],
+    readonly: [{ type: Input }]
+};
+__decorate([
+    InputBoolean()
+], InputDirective.prototype, "required", void 0);
+__decorate([
+    InputBoolean()
+], InputDirective.prototype, "readonly", void 0);
+
+let nextLabelUniqueId = 0;
+/**
+ * Should wrap all form controls.
+ */
+class TheSeamFormFieldComponent {
+    /** @ignore */
+    constructor(_elementRef) {
+        this._elementRef = _elementRef;
+        this._helpTextStrSubject = new BehaviorSubject(undefined);
+        this._helpTextTplSubject = new BehaviorSubject(undefined);
+        this._contentInputSubject = new BehaviorSubject(undefined);
+        /** @ignore */
+        this._labelUid = `seam-label-${nextLabelUniqueId++}`;
+        /** @ignore */
+        this._helpTextUid = `seam-help-text-${nextLabelUniqueId++}`;
+        /** @ignore */
+        this._errorPadding = '0px';
+        /**
+         * Used to declare an inline element.
+         *
+         * NOTE: Not well tested or supported, so it may have some issues currently
+         * and could change.
+         */
+        this.inline = false;
+        /**
+         * The label can be on top or inline.
+         *
+         * > Only supports `ltr` direction, so inline will only place the label on the
+         * > left.
+         */
+        this.labelPosition = 'top';
+        /** Max errors to display. */
+        this.maxErrors = -1;
+        /**
+         * A padding error is an always allocated space equivalent to a single line
+         * error string.
+         */
+        this.numPaddingErrors = 1;
+        /** @ignore */
+        this._fieldErrorsSubject = new ReplaySubject(1);
+        /** @ignore */
+        this.fieldErrors$ = this._fieldErrorsSubject.asObservable();
+        /** @ignore */
+        this._fieldErrorsSubject2 = new ReplaySubject(1);
+        /** @ignore */
+        this.fieldErrors2$ = this._fieldErrorsSubject2.asObservable();
+        // get hasHelpText() { return !!this.helpText || !!this._helpTextTpl }
+        this._helpTextSub = Subscription.EMPTY;
+    }
+    /** @ignore */
+    get _displayStyle() { return this.inline ? 'inline-block' : 'block'; }
+    /**
+     * `id` attribute to add to the label element. This should not be needed in
+     * most situations, because a unique id will be generated if not provided.
+     */
+    get labelId() { return this._labelId; }
+    set labelId(value) { this._labelId = value || this._labelUid; }
+    /**
+     * Help text added below the control.
+     */
+    get helpText() { return this._helpTextStrSubject.value; }
+    set helpText(value) {
+        this._helpTextStrSubject.next(value || undefined);
+    }
+    /**
+     * `id` attribute to add to the label element. This should not be needed in
+     * most situations, because a unique id will be generated if not provided.
+     */
+    get helpTextId() { return this._helpTextId; }
+    set helpTextId(value) { this._helpTextId = value || this._helpTextUid; }
+    /** @ignore */
+    get helpTextTpl() { return this._helpTextTplSubject.value; }
+    set helpTextTpl(value) {
+        this._helpTextTplSubject.next(value || undefined);
+    }
+    /** @ignore */
+    get contentInput() { return this._contentInputSubject.value; }
+    set contentInput(value) { this._contentInputSubject.next(value || undefined); }
+    /** @ignore */
+    get fieldErrors() { return this._fieldErrors; }
+    set fieldErrors(value) {
+        this._fieldErrors = value;
+        if (this._sub) {
+            this._sub.unsubscribe();
+        }
+        if (this.fieldErrors) {
+            this._sub = this.fieldErrors.changes
+                .pipe(startWith(this.fieldErrors))
+                .pipe(map(v => v.toArray()))
+                .pipe(tap(v => {
+                const records = [];
+                for (const item of v) {
+                    if (item.validatorName) {
+                        records.push({
+                            validatorName: item.validatorName,
+                            error: null,
+                            template: item.template,
+                            external: item.external
+                        });
+                    }
+                }
+                this._fieldErrorsSubject2.next(records);
+            }))
+                .subscribe(v => this._fieldErrorsSubject.next(v));
+        }
+    }
+    get isPasswordInput() {
+        return this.contentInput && this.contentInput.type && this.contentInput.type === 'password';
+    }
+    get passwordInputElement() {
+        return this.contentInput && this.contentInput._elementRef && this.contentInput._elementRef.nativeElement;
+    }
+    get hasHelpText() { return !!this._helpTextStrSubject.value || !!this._helpTextTplSubject.value; }
+    /** @ignore */
+    ngOnInit() {
+        this._helpTextSub = this._contentInputSubject.pipe(filter(contentInput => !!contentInput), switchMap(contentInput => combineLatest([
+            this._helpTextStrSubject,
+            this._helpTextTplSubject
+        ]).pipe(map(() => this.hasHelpText), distinctUntilChanged(), tap(() => {
+            if (!!contentInput) {
+                contentInput.ariaDescribedBy = this._helpTextId || undefined;
+            }
+        })))).subscribe();
+    }
+    /** @ignore */
+    ngOnDestroy() {
+        var _a, _b;
+        (_a = this._sub) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+        (_b = this._helpTextSub) === null || _b === void 0 ? void 0 : _b.unsubscribe();
+    }
+    /** @ignore */
+    isValidatorMatch(validatorName, tplValidatorName, errors) {
+        const tplValidatorNames = tplValidatorName.split(' ');
+        for (let i = 0; i < tplValidatorNames.length; i++) {
+            const name = tplValidatorNames[i];
+            if (name === validatorName && i === 0) {
+                return true;
+            }
+        }
+        return false;
+    }
+    /** @ignore */
+    _labelElemResized(labelElem) {
+        if (labelElem) {
+            this._errorPadding = `${labelElem.getBoundingClientRect().width}px`;
+        }
+        else {
+            this._errorPadding = '0px';
+        }
+    }
+    getElement() {
+        return this._elementRef.nativeElement;
+    }
+}
+TheSeamFormFieldComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'seam-form-field',
+                template: "<div>\n  <div [class.seam-form-field-inline]=\"inline\">\n    <label *ngIf=\"label || labelTpl\"\n      #labelElem\n      [attr.id]=\"labelId\"\n      [attr.for]=\"contentInput?.id\"\n      class=\"control-label {{ labelClass }}\"\n      (seamElemResized)=\"_labelElemResized(labelElem)\">\n      <ng-container *ngIf=\"labelTpl; else noLabelTpl\">\n        <ng-template [ngTemplateOutlet]=\"labelTpl.template\" [ngTemplateOutletContext]=\"{ $implicit: label, label: label, required: contentInput?.required || false }\"></ng-template>\n      </ng-container>\n      <ng-template #noLabelTpl>\n        {{ label }}<seam-form-field-required-indicator class=\"pl-1\"></seam-form-field-required-indicator>\n      </ng-template>\n    </label>\n    <ng-container *ngIf=\"!isPasswordInput\">\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"isPasswordInput\">\n      <div class=\"position-relative\">\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n        <seam-password-input-reveal [inputRef]=\"$any(passwordInputElement)\"></seam-password-input-reveal>\n      </div>\n    </ng-container>\n  </div>\n  <!-- Need `.d-block` to make errors show without input sibling selector -->\n  <ng-container *ngIf=\"contentInput\">\n    <seam-form-field-error-list *ngIf=\"fieldErrors$ | async as fieldErrors\"\n      [style.paddingLeft]=\"(label || labelTpl) && inline ? _errorPadding : undefined\"\n      [control]=\"contentInput.ngControl\"\n      [errors]=\"fieldErrors2$ | async\"\n      [maxErrors]=\"maxErrors\"\n      [numPaddingErrors]=\"numPaddingErrors\"\n      class=\"invalid-feedback\">\n    </seam-form-field-error-list>\n  </ng-container>\n</div>\n\n<ng-template #content><ng-content></ng-content></ng-template>\n",
+                styles: [".seam-form-field-inline{display:flex;flex-direction:row}.seam-form-field-inline .control-label{margin-bottom:0;display:flex;flex-direction:column;justify-content:center}"]
+            },] }
+];
+TheSeamFormFieldComponent.ctorParameters = () => [
+    { type: ElementRef }
+];
+TheSeamFormFieldComponent.propDecorators = {
+    _displayStyle: [{ type: HostBinding, args: ['style.display',] }],
+    inline: [{ type: Input }],
+    label: [{ type: Input }],
+    labelPosition: [{ type: Input }],
+    labelClass: [{ type: Input }],
+    maxErrors: [{ type: Input }],
+    numPaddingErrors: [{ type: Input }],
+    labelId: [{ type: Input }],
+    helpText: [{ type: Input }],
+    helpTextId: [{ type: Input }],
+    helpTextTpl: [{ type: ContentChild, args: [FormFieldHelpTextDirective, { static: true },] }],
+    labelTpl: [{ type: ContentChild, args: [FormFieldLabelTplDirective, { static: true },] }],
+    contentInput: [{ type: ContentChild, args: [InputDirective, { static: true },] }],
+    fieldErrors: [{ type: ContentChildren, args: [FormFieldErrorDirective,] }]
+};
+__decorate([
+    InputBoolean()
+], TheSeamFormFieldComponent.prototype, "inline", void 0);
+
+class FormFieldRequiredIndicatorComponent {
+    constructor(_formField) {
+        this._formField = _formField;
+        /** Used if a form control is not found. */
+        this.required = false;
+    }
+}
+FormFieldRequiredIndicatorComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'seam-form-field-required-indicator',
+                template: `
+    <ng-container *ngIf="_formField?.contentInput; else noControl">
+      <ng-container *ngIf="_formField?.contentInput?.required">*</ng-container>
+    </ng-container>
+    <ng-template #noControl>
+      <ng-container *ngIf="required">*</ng-container>
+    </ng-template>
+  `,
+                host: {
+                    'class': 'text-danger'
+                },
+                changeDetection: ChangeDetectionStrategy.OnPush
+            },] }
+];
+FormFieldRequiredIndicatorComponent.ctorParameters = () => [
+    { type: TheSeamFormFieldComponent, decorators: [{ type: Optional }] }
+];
+FormFieldRequiredIndicatorComponent.propDecorators = {
+    required: [{ type: Input }]
+};
+__decorate([
+    InputBoolean()
+], FormFieldRequiredIndicatorComponent.prototype, "required", void 0);
+
+class TheSeamFormFieldModule {
+}
+TheSeamFormFieldModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [
+                    TheSeamFormFieldComponent,
+                    InputDirective,
+                    FormFieldErrorDirective,
+                    FormFieldLabelTplDirective,
+                    FormFieldRequiredIndicatorComponent,
+                    FormFieldHelpTextDirective
+                ],
+                imports: [
+                    CommonModule,
+                    ReactiveFormsModule,
+                    TheSeamFormFieldErrorModule,
+                    TheSeamSharedModule
+                ],
+                exports: [
+                    TheSeamFormFieldComponent,
+                    InputDirective,
+                    FormFieldErrorDirective,
+                    FormFieldLabelTplDirective,
+                    FormFieldRequiredIndicatorComponent,
+                    FormFieldHelpTextDirective
+                ]
+            },] }
+];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FormFieldErrorDirective, FormFieldHelpTextDirective, FormFieldLabelTplDirective, FormFieldRequiredIndicatorComponent, InputDirective, TheSeamFormFieldComponent, TheSeamFormFieldModule };
+//# sourceMappingURL=theseam-ui-common-form-field.js.map