@huntsman-cancer-institute/dictionary-editor 15.0.3 → 16.0.1

package/fesm2015/huntsman-cancer-institute-dictionary-editor.mjs

@@ -1,2150 +0,0 @@
-import * as i0 from '@angular/core';
-import { TemplateRef, Component, HostBinding, ViewChild, forwardRef, Input, isDevMode, Inject, NgModule } from '@angular/core';
-import * as i1$1 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i2 from '@angular/forms';
-import { UntypedFormBuilder, UntypedFormGroup, UntypedFormControl, NG_VALUE_ACCESSOR, FormsModule, ReactiveFormsModule } from '@angular/forms';
-import * as i1$2 from '@ng-bootstrap/ng-bootstrap';
-import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
-import * as i4$1 from '@huntsman-cancer-institute/misc';
-import { MiscModule } from '@huntsman-cancer-institute/misc';
-import * as i4 from '@huntsman-cancer-institute/navigation';
-import { SearchListControllerComponent, UlNavComponent, LiNavComponent, SearchListComponent, SidebarComponent, NavigationModule } from '@huntsman-cancer-institute/navigation';
-import * as i3 from '@angular/router';
-import { RouterModule } from '@angular/router';
-import { HciSortDto } from '@huntsman-cancer-institute/hci-ng-grid-dto';
-import { BehaviorSubject, Subject } from 'rxjs';
-import * as i1 from '@huntsman-cancer-institute/dictionary-service';
-import { DICTIONARY_ENDPOINT } from '@huntsman-cancer-institute/dictionary-service';
-import { finalize, map } from 'rxjs/operators';
-import * as i2$1 from 'ag-grid-angular';
-import { AgGridModule } from 'ag-grid-angular';
-import { isNullOrUndefined } from 'util';
-import * as moment from 'moment';
-import { MAT_DATE_LOCALE, MAT_DATE_FORMATS } from '@angular/material/core';
-import * as i3$1 from '@angular/material/datepicker';
-import { MatDatepickerModule } from '@angular/material/datepicker';
-import { MomentDateModule } from '@angular/material-moment-adapter';
-
-/**
- * The root component for the dictionary editor.  This defines a sidebar which will contain the list of dictionaries.
- * The sub route here will display a detail component when a dictionary is selected.
- *
- * @since 1.0.0
- */
-class DictionaryEditorComponent {
-    constructor(dictionaryService, renderer) {
-        this.dictionaryService = dictionaryService;
-        this.renderer = renderer;
-        this.classList = "outlet-row";
-        this.filterReadOnlyDictionaries = true;
-        this.sortDictionariesUp = true;
-        this.loadingSubject = new BehaviorSubject(false);
-    }
-    /**
-     * Upon creation, set up the sidebar and listen for the list of dictionaries from the service.
-     */
-    ngOnInit() {
-        this.dictionariesReference = [];
-        this.loadingSubject.next(true);
-        this.setDictionarySideBarConfiguration();
-        // Makes Call To Get The Dictionaries
-        this.dictionaryService.getDictionaries().subscribe(theData => {
-            this.dictionariesReference = theData.filter(this.checkInternalOnly);
-            this.dictionariesReference.sort((dictionaryA, dictionaryB) => (dictionaryA.displayName < dictionaryB.displayName ? -1 : 1));
-            this.dictionariesReferenceCopy = this.dictionariesReference;
-            this.dictionariesReference = this.dictionariesReference.filter(this.checkReadOnly);
-            this.setDictionarySideBarConfiguration();
-            this.loadingSubject.next(false);
-        });
-    }
-    /*************************************************
-     * Helper Method To Configure Dictionary Side Bar
-     *************************************************/
-    setDictionarySideBarConfiguration() {
-        let resultMessage = this.dictionariesReference.length == 0
-            ? ""
-            : this.dictionariesReference.length + " Results";
-        this.sidebar.setConfig({
-            sidebarSize: 240,
-            showCollapse: false,
-            children: [
-                {
-                    type: SearchListControllerComponent,
-                    id: "SLCC",
-                    showTitle: false,
-                    filterByAllowedFields: ["displayName"],
-                    sortByAllowedFields: ["displayName"],
-                    loadingSubjects: [this.loadingSubject]
-                },
-                {
-                    type: UlNavComponent,
-                    ulClass: "hci-dic-ul-class",
-                    id: "filterAndSortContainer",
-                    children: [
-                        {
-                            type: LiNavComponent,
-                            id: "filterReadOnly",
-                            title: "Show All",
-                            spanClass: "hci-dic-span-1",
-                            liClass: "hci-dic-li-l",
-                            iClass: "hci-dic-i",
-                            ulClass: "hci-dic-ul",
-                            expandable: true,
-                            iRight: false,
-                            showValueFlag: true,
-                            showValue: resultMessage,
-                            showValueClass: "hci-dic-show-value",
-                            liClick: () => {
-                                this.filter();
-                                let SLC = this.sidebar.getChild("dictionaries-component");
-                                SLC.setData(this.dictionariesReference);
-                            }
-                        },
-                        {
-                            type: LiNavComponent,
-                            id: "sort",
-                            title: "",
-                            spanClass: "hci-dic-span-2",
-                            liClass: "hci-dic-li-r",
-                            iClass: "fa-solid fa-arrow-down-a-z hci-dic-i",
-                            ulClass: "hci-dic-ul",
-                            expandable: true,
-                            iRight: true,
-                            liClick: (click) => {
-                                let SLCC = this.sidebar.getChild("SLCC");
-                                SLCC.setSort(click, "displayName");
-                                this.sortDictionariesUp = !this.sortDictionariesUp;
-                                let sort = this.sidebar.getChild("filterAndSortContainer").getChild("sort");
-                                if (this.sortDictionariesUp) {
-                                    sort.config.iClass = "fas fa-solid fa-arrow-down-a-z";
-                                }
-                                else {
-                                    sort.config.iClass = "fa-solid fa-arrow-up-a-z";
-                                }
-                                sort.updateConfig(sort.config);
-                            }
-                        }
-                    ]
-                },
-                {
-                    type: SearchListComponent,
-                    id: "dictionaries-component",
-                    title: "Dictionaries",
-                    itemTemplate: this.dictionaryTemplate,
-                    sorts: [new HciSortDto("displayName", true)],
-                    data: this.dictionariesReference,
-                    loadingSubjects: [this.loadingSubject]
-                }
-            ]
-        });
-    }
-    filter() {
-        this.filterReadOnlyDictionaries = !this.filterReadOnlyDictionaries;
-        let FRO = this.sidebar.getChild("filterAndSortContainer").getChild("filterReadOnly");
-        if (this.filterReadOnlyDictionaries) {
-            this.dictionariesReference = this.dictionariesReference.filter(this.checkReadOnly);
-            FRO.config.spanClass = "hci-dic-span-1";
-            FRO.config.showValue = (FRO.config.showValueFlag) ? this.dictionariesReference.length + " Result(s)" : "";
-            FRO.updateConfig(FRO.config);
-        }
-        else {
-            this.dictionariesReference = this.dictionariesReferenceCopy;
-            FRO.config.spanClass = "hci-dic-span-3";
-            FRO.config.showValue = (FRO.config.showValueFlag) ? this.dictionariesReference.length + " Result(s)" : "";
-            FRO.updateConfig(FRO.config);
-        }
-    }
-    /*******************************************************
-     * Helper Method To Determine If Dictionary Is Read Only
-     *******************************************************/
-    checkReadOnly(dictionary) {
-        return !dictionary.readOnly;
-    }
-    /***********************************************************
-     * Helper Method To Determine If Dictionary Is Internal Only
-     ***********************************************************/
-    checkInternalOnly(dictionary) {
-        return !dictionary.internalOnly;
-    }
-}
-DictionaryEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DictionaryEditorComponent, deps: [{ token: i1.DictionaryService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-DictionaryEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DictionaryEditorComponent, selector: "hci-dictionary-editor", host: { properties: { "class": "this.classList" } }, viewQueries: [{ propertyName: "sidebar", first: true, predicate: SidebarComponent, descendants: true, static: true }, { propertyName: "dictionaryTemplate", first: true, predicate: ["dictionaryTemplate"], descendants: true, read: TemplateRef, static: true }], ngImport: i0, template: `
-        <hci-sidebar #sidebar></hci-sidebar>
-
-        <router-outlet></router-outlet>
-
-        <ng-template #dictionaryTemplate let-row="row">
-          <div class="search-item" [routerLink]="['detail', row.className]" [routerLinkActive]="['active']">
-            <div class="ml-3" [ngStyle]="{'color':row.readOnly === false ? '#005480' : '#8a9499'}">
-              {{row.displayName}}
-            </div>
-          </div>
-        </ng-template>
-      `, isInline: true, styles: [".active .ml-3{color:#fff!important}:host::ng-deep .format-bottom-padding{padding-bottom:10px}:host::ng-deep .active{height:30px}:host::ng-deep .search-item{height:30px;overflow:hidden;white-space:nowrap}:host::ng-deep #filterReadOnly{float:left}:host::ng-deep #filterAndSortContainer{background-color:var(--greywarm-meddark)!important;height:42px}:host::ng-deep .results-count{height:0!important}\n"], dependencies: [{ kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i3.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i4.SidebarComponent, selector: "hci-sidebar", inputs: ["hidden", "output", "sidebarClasses", "showCollapse", "draggable", "sidebarSplitterWidth", "collapsedSize", "minWidth", "maxWidth", "sidebarSize", "sidebarFontSize", "sidebarExpanded"], outputs: ["sidebarSizeChange"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DictionaryEditorComponent, decorators: [{
-            type: Component,
-            args: [{ selector: "hci-dictionary-editor", template: `
-        <hci-sidebar #sidebar></hci-sidebar>
-
-        <router-outlet></router-outlet>
-
-        <ng-template #dictionaryTemplate let-row="row">
-          <div class="search-item" [routerLink]="['detail', row.className]" [routerLinkActive]="['active']">
-            <div class="ml-3" [ngStyle]="{'color':row.readOnly === false ? '#005480' : '#8a9499'}">
-              {{row.displayName}}
-            </div>
-          </div>
-        </ng-template>
-      `, styles: [".active .ml-3{color:#fff!important}:host::ng-deep .format-bottom-padding{padding-bottom:10px}:host::ng-deep .active{height:30px}:host::ng-deep .search-item{height:30px;overflow:hidden;white-space:nowrap}:host::ng-deep #filterReadOnly{float:left}:host::ng-deep #filterAndSortContainer{background-color:var(--greywarm-meddark)!important;height:42px}:host::ng-deep .results-count{height:0!important}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.DictionaryService }, { type: i0.Renderer2 }]; }, propDecorators: { classList: [{
-                type: HostBinding,
-                args: ["class"]
-            }], sidebar: [{
-                type: ViewChild,
-                args: [SidebarComponent, { static: true }]
-            }], dictionaryTemplate: [{
-                type: ViewChild,
-                args: ["dictionaryTemplate", { read: TemplateRef, static: true }]
-            }] } });
-
-/**
- * Splash screen for the editor when no dictionary is selected.
- *
- * TODO: Use this page to put more of a guide on how to use the editor?
- *
- * @since 1.0.0
- */
-class DictionaryEditorHomeComponent {
-    constructor() {
-        this.classList = "outlet-column y-auto";
-    }
-}
-DictionaryEditorHomeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DictionaryEditorHomeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DictionaryEditorHomeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DictionaryEditorHomeComponent, selector: "core-dictionary-editor-home", host: { properties: { "class": "this.classList" } }, ngImport: i0, template: `
-    <div class="d-flex m-3 flex-column flex-grow">
-      <h4>Dictionary Editor</h4>
-
-      <div class="d-flex">
-        Select a dictionary from the sidebar to view its properties and data.
-      </div>
-    </div>
-  `, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DictionaryEditorHomeComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: "core-dictionary-editor-home",
-                    template: `
-    <div class="d-flex m-3 flex-column flex-grow">
-      <h4>Dictionary Editor</h4>
-
-      <div class="d-flex">
-        Select a dictionary from the sidebar to view its properties and data.
-      </div>
-    </div>
-  `
-                }]
-        }], propDecorators: { classList: [{
-                type: HostBinding,
-                args: ["class"]
-            }] } });
-
-/**
- * This class' purpose is to place FormControls on cells in the grid, and to link them by rows, and rows to the grid as a whole.
- * It allows you to add validators for a cells' value and link an error type to an error message to display in a tooltip, or
- * you can provide a function to test some information about the row and provide an error message.
- *
- * The class works off of a number of properties added to the columnDefs in the ag-grid.
- *
- * We are looking for the following properties:
- *   1. errorMessageHeader : a string to display at the top of the list of any errors found for the cell
- *   2. validators : an array of angular validators to describe the cell value
- *   3. errorNameErrorMessageMap : an array of objects with "errorName"s and "errorMessage"s that are used to create a displayed list for the user
- *   4. setErrors: a function with the signature:
- *                 (value: any, data: any, node: any, colDef: any, rowIndex: any, gridApi: any) => string
- *                 which is called to generate a custom error message, if needed. An empty or null string
- *                 is treated as not being an error.
- *
- * Example column definition:
- *      {
- *          headerName: "Name",
- *          editable: false,
- *          width: 600,
- *          cellRendererFramework: TextAlignLeftMiddleRenderer,
- *          setErrors: (value: any,
- *                      data: any,
- *                      node: any,
- *                      colDef: any,
- *                      rowIndex: any,
- *                      gridApi: any) => {
- *              return (value && value === 'TEST') ? 'Invalid name' : '';
- *          },
- *          validators: [ Validators.minLength(10) ],
- *          errorMessageHeader: 'TestingTestingTesting',
- *          errorNameErrorMessageMap: [
- *              { errorName: 'minlength', errorMessage: 'Name is too short' }
- *          ],
- *          field: "name"
- *      }
- *
- * To use with a new renderer, extend this class, do not override agInit, or call super.agInit(params) first.
- * (You can use agInit2 instead, called right after agInit).
- *
- * To display a tooltip with the error messages, include an element with a matTooltip pointing to this.errorMessage, like:
- *      <div [matTooltip]="this.errorMessage" [matTooltipShowDelay]="300" [matTooltipHideDelay]="300" ...
- * For cell highlighting, you can add a CSS class something like :
- *      .error {
- *      	background: linear-gradient(rgba(255,0,0,0.25), rgba(255,0,0,0.25), rgba(255,0,0,0.25));
- *      	border: solid red 2px;
- *      }
- *   and a conditional class on an element in the template, like :
- *      class="{{this.errorMessage && this.errorMessage !== '' ? 'error' : ''}}"
- */
-class CellRendererValidation {
-    constructor() {
-        this.errorMessage = "";
-    }
-    agInit(params) {
-        this.params = params;
-        this.formBuilder = new UntypedFormBuilder();
-        if (this.params
-            && this.params.node
-            && this.params.node.gridApi
-            && this.params.node.gridApi.formGroup === undefined) {
-            let foundDelayValidationProperty = false;
-            for (let columnDef of params.node.gridApi.columnController.columnDefs) {
-                if (columnDef.delayValidation && columnDef.delayValidation === true) {
-                    foundDelayValidationProperty = true;
-                }
-            }
-            if (!foundDelayValidationProperty) {
-                this.determineIfAllRowsNeedValidationInAdvance();
-                this.createAllFormControls();
-            }
-        }
-        this.getErrorMessage();
-        this.agInit2(params);
-    }
-    refresh(params) {
-        return false;
-    }
-    // This function iterates over every cell in the grid and prepares all their needed formGroups and formControls.
-    //
-    // This was done this way (in the cell renderer) for three reasons :
-    //   1. We need to wait until the column and row data have been provided to the grid
-    //   2. We don't want the programmer to have to implement it themselves every time they create a grid
-    //   3. The grid does not create all the cell renderers in advance, just those that fit on the screen
-    //      (plus a few nearby) meaning we can't just use the cell renderer's constructor, since we don't
-    //      know if the information we start with is valid on every screen, and because we have some calls
-    //      that send back the entire grid's worth of data.
-    //
-    // There may be a better way to do this, in which case this should probably be replaced!
-    createAllFormControls() {
-        if (this.params
-            && this.params.column
-            && this.params.column.colDef
-            && this.params.data
-            && this.params.node
-            && this.params.node.gridApi
-            && this.params.node.gridApi.getModel()) {
-            if (this.params.node.gridApi.gridOptionsWrapper
-                && this.params.node.gridApi.gridOptionsWrapper.gridOptions
-                && !this.params.node.gridApi.gridOptionsWrapper.gridOptions._eventsChangedByCellRendererValidation) {
-                this.changeGridOptionsEvents();
-                this.params.node.gridApi.gridOptionsWrapper.gridOptions._eventsChangedByCellRendererValidation = true;
-            }
-            let allNodes = [];
-            if (this.params.node.gridApi.mode_needToValidateOnlyRenderedCells) {
-                allNodes = this.params.node.gridApi.getRenderedNodes();
-            }
-            else {
-                allNodes = this.params.node.gridApi.getModel().rowsToDisplay;
-            }
-            if (!this.params.node.gridApi.formGroup
-                || (this.params.node.gridApi.formGroup
-                    && this.params.node.gridApi.formGroup.controls
-                    && this.params.node.gridApi.formGroup.controls.length != allNodes.length)) {
-                this.params.node.gridApi.formGroup = new UntypedFormGroup({});
-            }
-            if (this.params.node.gridApi.columnController
-                && this.params.node.gridApi.columnController.columnDefs) {
-                for (let columnDef of this.params.node.gridApi.columnController.columnDefs) {
-                    if (columnDef.outerForm && columnDef.formName) {
-                        if (!columnDef.outerForm.get(columnDef.formName)) {
-                            columnDef.outerForm.addControl(columnDef.formName, this.params.node.gridApi.formGroup);
-                        }
-                        else {
-                            columnDef.outerForm.setControl(columnDef.formName, this.params.node.gridApi.formGroup);
-                        }
-                    }
-                }
-            }
-            let columns;
-            if (this.params && this.params.columnApi && this.params.columnApi.columnController) {
-                columns = this.params.columnApi.columnController.gridColumns.filter((column) => {
-                    return column.colDef
-                        && column.colDef.field
-                        && (column.colDef.validators || column.colDef.setErrors);
-                });
-            }
-            for (let node of allNodes) {
-                for (let column of columns) {
-                    if (column.colDef
-                        && column.colDef.field
-                        && (column.colDef.validators || column.colDef.setErrors)) {
-                        node[column.colDef.field + "_errorMessage"] = '';
-                        let formControl = new UntypedFormControl(column.colDef.field + '_formControl', []);
-                        if (!node.formGroup) {
-                            node.formGroup = new UntypedFormGroup({});
-                        }
-                        node.formGroup.addControl(column.colDef.field + '_formControl', formControl);
-                        if (!Array.isArray(column.colDef.validators)) {
-                            column.colDef.validators = [column.colDef.validators];
-                        }
-                        formControl.setValidators(column.colDef.validators);
-                        this.updateErrorMessage(formControl, node, column.colDef);
-                    }
-                }
-                if (!this.params.node.gridApi.formGroup.contains('RowGroup_' + node.rowIndex)) {
-                    if (!node.formGroup) {
-                        node.formGroup = new UntypedFormGroup({});
-                    }
-                    this.params.node.gridApi.formGroup.addControl('RowGroup_' + node.rowIndex, node.formGroup);
-                }
-            }
-        }
-    }
-    changeGridOptionsEvents() {
-        if (!this.params
-            || !this.params.node
-            || !this.params.node.gridApi
-            || !this.params.node.gridApi.gridOptionsWrapper
-            || !this.params.node.gridApi.gridOptionsWrapper.gridOptions) {
-            return;
-        }
-        if (this.params.node.gridApi.gridOptionsWrapper.gridOptions.onRowDataChanged) {
-            this.params.node.gridApi.gridOptionsWrapper.gridOptions.onRowDataChanged2 = this.params.node.gridApi.gridOptionsWrapper.gridOptions.onRowDataChanged;
-        }
-        this.params.node.gridApi.gridOptionsWrapper.gridOptions.onRowDataChanged = ((event) => {
-            this.createAllFormControls();
-            this.fetchErrorMessagesForCurrentlyRenderedCells();
-            if (this.params.node.gridApi.gridOptionsWrapper.gridOptions.onRowDataChanged2) {
-                this.params.node.gridApi.gridOptionsWrapper.gridOptions.onRowDataChanged2(event);
-            }
-        });
-        if (this.params.node.gridApi.gridOptionsWrapper.gridOptions.onGridColumnsChanged) {
-            this.params.node.gridApi.gridOptionsWrapper.gridOptions.onGridColumnsChanged2 = this.params.node.gridApi.gridOptionsWrapper.gridOptions.onGridColumnsChanged;
-        }
-        this.params.node.gridApi.gridOptionsWrapper.gridOptions.onGridColumnsChanged = ((event) => {
-            this.determineIfAllRowsNeedValidationInAdvance();
-            this.createAllFormControls();
-            this.fetchErrorMessagesForCurrentlyRenderedCells();
-            if (this.params.node.gridApi.gridOptionsWrapper.gridOptions.onGridColumnsChanged2) {
-                this.params.node.gridApi.gridOptionsWrapper.gridOptions.onGridColumnsChanged2(event);
-            }
-        });
-    }
-    getErrorMessage() {
-        if (this.params
-            && this.params.node
-            && this.params.node.formGroup
-            && this.params.column
-            && this.params.column.colDef
-            && this.params.column.colDef.field) {
-            let formControl = this.params.node.formGroup.get(this.params.column.colDef.field + '_formControl');
-            this.updateErrorMessage(formControl, this.params.node, this.params.column.colDef);
-            this.errorMessage = this.params.node[this.params.column.colDef.field + "_errorMessage"];
-        }
-    }
-    refreshFormControlValue(formControl, data, fieldName) {
-        if (formControl && data && fieldName && data[fieldName] !== undefined) {
-            formControl.setValue(data[fieldName]);
-            formControl.updateValueAndValidity();
-        }
-    }
-    updateErrorMessage(formControl, node, columnDefinition) {
-        if (!formControl || !node || !columnDefinition) {
-            return '';
-        }
-        let customErrorMessage = '';
-        if (columnDefinition.setErrors) {
-            customErrorMessage = columnDefinition.setErrors(node.data[columnDefinition.field], node.data, node, columnDefinition, node.rowIndex, node.gridApi);
-        }
-        let errorMessageName = columnDefinition.field + "_errorMessage";
-        this.refreshFormControlValue(formControl, node.data, columnDefinition.field);
-        node[errorMessageName] = '';
-        if (formControl.invalid || (customErrorMessage && customErrorMessage !== '')) {
-            if (columnDefinition.errorMessageHeader) {
-                node[errorMessageName] += '' + columnDefinition.errorMessageHeader + '\n';
-            }
-            else {
-                node[errorMessageName] +=
-                    'Invalid value "' + node.data[columnDefinition.field] + '" for field (' + columnDefinition.field + ')\n';
-            }
-        }
-        if (columnDefinition.errorNameErrorMessageMap) {
-            if (!Array.isArray(columnDefinition.errorNameErrorMessageMap)) {
-                columnDefinition.errorNameErrorMessageMap = [columnDefinition.errorNameErrorMessageMap];
-            }
-            for (let errorNameErrorMessagePair of columnDefinition.errorNameErrorMessageMap) {
-                if (!!errorNameErrorMessagePair.errorName && !!errorNameErrorMessagePair.errorMessage) {
-                    if (formControl.hasError(errorNameErrorMessagePair.errorName)) {
-                        node[errorMessageName] += errorNameErrorMessagePair.errorMessage + '\n';
-                    }
-                }
-            }
-        }
-        node[errorMessageName] += customErrorMessage;
-        return node[errorMessageName];
-    }
-    determineIfAllRowsNeedValidationInAdvance() {
-        if (this.params
-            && this.params.node
-            && this.params.node.gridApi
-            && this.params.columnApi
-            && this.params.columnApi.columnController
-            && this.params.columnApi.columnController.gridColumns) {
-            let columns = this.params.columnApi.columnController.gridColumns.filter((column) => {
-                return column.colDef
-                    && column.colDef.field
-                    && (column.colDef.validators || column.colDef.setErrors)
-                    && column.colDef.editable === true
-                    && !(column.colDef.validateOnlyRenderedCells
-                        && column.colDef.validateOnlyRenderedCells === true);
-            });
-            this.params.node.gridApi.mode_needToValidateOnlyRenderedCells = Array.isArray(columns) && columns.length === 0;
-        }
-    }
-    fetchErrorMessagesForCurrentlyRenderedCells() {
-        if (this.params
-            && this.params.node
-            && this.params.node.gridApi) {
-            let getCellRendererParams = { rowNodes: this.params.node.gridApi.getRenderedNodes() };
-            for (let cellRenderer of this.params.node.gridApi.getCellRendererInstances(getCellRendererParams)) {
-                if (cellRenderer._agAwareComponent && cellRenderer._agAwareComponent.getErrorMessage) {
-                    cellRenderer._agAwareComponent.getErrorMessage();
-                }
-            }
-        }
-    }
-    updateValidation() {
-        console.log("Successfully reached!");
-        // add this form control
-        let columns = this.params.columnApi.columnController.gridColumns.filter((column) => {
-            return column.colDef
-                && column.colDef.field
-                && (column.colDef.validators || column.colDef.setErrors)
-                && column.colDef.field === this.params.field;
-        });
-        if (this.params.colDef
-            && this.params.colDef.field
-            && (this.params.colDef.validators || this.params.colDef.setErrors)) {
-            this.params.node[this.params.colDef.field + "_errorMessage"] = '';
-            let formControl = new UntypedFormControl(this.params.colDef.field + '_formControl', []);
-            if (!this.params.node.formGroup) {
-                this.params.node.formGroup = new UntypedFormGroup({});
-                if (!this.params.node.gridApi.formGroup) {
-                    this.params.node.gridApi.formGroup = new UntypedFormGroup({});
-                }
-                else {
-                    // check for any removed nodes & remove their validators if needed.
-                    for (let controlName of Object.keys(this.params.node.gridApi.formGroup.controls)) {
-                        if (('' + controlName).toLowerCase().substr(0, 9) === 'rowgroup_') {
-                            let found = false;
-                            for (let node of this.params.node.gridApi.getModel().rowsToDisplay) {
-                                if (('' + node.rowIndex) === ('' + controlName).substr(9)) {
-                                    found = true;
-                                    break;
-                                }
-                            }
-                            if (!found) {
-                                this.params.node.gridApi.formGroup.removeControl(controlName);
-                            }
-                        }
-                    }
-                }
-                this.params.node.gridApi.formGroup.addControl('RowGroup_' + this.params.node.rowIndex, this.params.node.formGroup);
-            }
-            if (!this.params.node.formGroup.controls[this.params.colDef.field + '_formControl']) {
-                this.params.node.formGroup.addControl(this.params.colDef.field + '_formControl', formControl);
-                if (Array.isArray(this.params.colDef.validators)) {
-                    this.params.node.formGroup.controls[this.params.colDef.field + '_formControl'].setValidators(this.params.colDef.validators);
-                }
-                if (this.params.node.gridApi.columnController
-                    && this.params.node.gridApi.columnController.columnDefs) {
-                    for (let columnDef of this.params.node.gridApi.columnController.columnDefs) {
-                        if (columnDef.outerForm && columnDef.formName) {
-                            if (!columnDef.outerForm.get(columnDef.formName)) {
-                                columnDef.outerForm.addControl(columnDef.formName, this.params.node.gridApi.formGroup);
-                            }
-                            else {
-                                columnDef.outerForm.setControl(columnDef.formName, this.params.node.gridApi.formGroup);
-                            }
-                        }
-                    }
-                }
-            }
-            this.updateErrorMessage(formControl, this.params.node, this.params.colDef);
-        }
-        // add column control groups if needed
-        // add row control groups if needed
-        // setup grid control group if needed
-        // Might need to trigger cell validation to run with the new validation.
-    }
-}
-
-class SelectRenderer extends CellRendererValidation {
-    agInit2(params) {
-        this.options = [];
-        this.value = "";
-        this.optionsValueField = "";
-        this.optionsDisplayField = "";
-        this.defaultDisplayField = "";
-        this.defaultDisplayValue = "";
-        if (this.params) {
-            if (this.params.value) {
-                this.value = this.params.value;
-            }
-            else {
-                this.value = "";
-            }
-        }
-        if (this.params && this.params.column && this.params.column.colDef) {
-            if (this.params.column.colDef.rendererOptions) {
-                this.options = this.params.column.colDef.rendererOptions;
-            }
-            else {
-                this.options = this.params.column.colDef.selectOptions;
-            }
-            this.optionsValueField = this.params.column.colDef.selectOptionsValueField;
-            this.optionsDisplayField = this.params.column.colDef.selectOptionsDisplayField;
-            this.defaultDisplayField = this.params.column.colDef.defaultDisplayField;
-            this.defaultDisplayValue = this.params.column.colDef.defaultDisplayValue;
-        }
-        if (this.defaultDisplayField) {
-            for (let option of this.options) {
-                if (option[this.defaultDisplayField] === this.defaultDisplayValue) {
-                    this.defaultOption = option;
-                    break;
-                }
-            }
-        }
-        if (this.value && this.value != ""
-            && this.options && this.options.length > 0
-            && this.optionsValueField && this.optionsValueField != ""
-            && this.optionsDisplayField && this.optionsDisplayField != "") {
-            let foundOption = false;
-            for (let option of this.options) {
-                if (option[this.optionsValueField] && option[this.optionsValueField] === this.value) {
-                    if (option[this.optionsDisplayField]) {
-                        this.display = option[this.optionsDisplayField];
-                        foundOption = true;
-                    }
-                    else {
-                        this.display = this.value;
-                    }
-                    break;
-                }
-            }
-            // if we didn't find the item in the dictionary, check if the items are strings in different cases
-            if (!foundOption) {
-                for (let option of this.options) {
-                    if (option[this.optionsValueField] && ("" + option[this.optionsValueField]).toLowerCase() === ("" + this.value).toLowerCase()) {
-                        if (option[this.optionsDisplayField]) {
-                            this.display = option[this.optionsDisplayField];
-                            foundOption = true;
-                        }
-                        else {
-                            this.display = this.value;
-                        }
-                        break;
-                    }
-                }
-            }
-            // if we still didn't find the item, at least display the id.
-            if (!foundOption) {
-                this.display = this.value;
-            }
-        }
-        else if (this.defaultOption && this.value != "") {
-            this.display = this.defaultOption[this.optionsDisplayField];
-        }
-        else {
-            this.display = this.value;
-        }
-    }
-    refresh() {
-        return false;
-    }
-}
-SelectRenderer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SelectRenderer, deps: null, target: i0.ɵɵFactoryTarget.Component });
-SelectRenderer.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SelectRenderer, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
-      <!--<div [matTooltip]="this.errorMessage"
-           [matTooltipShowDelay]="300"
-           [matTooltipHideDelay]="300"
-           class="full-width full-height  {{this.errorMessage && this.errorMessage !== '' ? 'error' : ''}}">-->
-		<div class="full-width full-height  {{this.errorMessage && this.errorMessage !== '' ? 'error' : ''}}">
-			<div class="t full-width full-height fix-table">
-				<div class="tr">
-					<div class="td cell-text-container ellipsis">
-						{{display}}
-					</div>
-				</div>
-			</div>
-		</div>
-	`, isInline: true, styles: [".t{display:table}.tr{display:table-row}.td{display:table-cell}.cell-text-container{vertical-align:middle;padding-left:.3rem}.full-width{width:100%}.full-height{height:100%}.fix-table{table-layout:fixed}.ellipsis{overflow:hidden;text-overflow:ellipsis}.error{background:linear-gradient(rgba(255,0,0,.25),rgba(255,0,0,.25),rgba(255,0,0,.25));border:solid red 2px}\n"] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SelectRenderer, decorators: [{
-            type: Component,
-            args: [{ template: `
-      <!--<div [matTooltip]="this.errorMessage"
-           [matTooltipShowDelay]="300"
-           [matTooltipHideDelay]="300"
-           class="full-width full-height  {{this.errorMessage && this.errorMessage !== '' ? 'error' : ''}}">-->
-		<div class="full-width full-height  {{this.errorMessage && this.errorMessage !== '' ? 'error' : ''}}">
-			<div class="t full-width full-height fix-table">
-				<div class="tr">
-					<div class="td cell-text-container ellipsis">
-						{{display}}
-					</div>
-				</div>
-			</div>
-		</div>
-	`, styles: [".t{display:table}.tr{display:table-row}.td{display:table-cell}.cell-text-container{vertical-align:middle;padding-left:.3rem}.full-width{width:100%}.full-height{height:100%}.fix-table{table-layout:fixed}.ellipsis{overflow:hidden;text-overflow:ellipsis}.error{background:linear-gradient(rgba(255,0,0,.25),rgba(255,0,0,.25),rgba(255,0,0,.25));border:solid red 2px}\n"] }]
-        }] });
-
-//import {MatDialog, MatDialogConfig, MatDialogRef} from "@angular/material/dialog";
-//import {SpinnerDialogComponent} from "../popup/spinner-dialog.component";
-class SelectEditor {
-    get options() {
-        if (this.using_selectOptionsPerRowFilterFunction) {
-            return this._filteredOptions;
-        }
-        else {
-            return this._options;
-        }
-    }
-    set options(value) {
-        this._options = value;
-    }
-    //    private spinnerDialogRefs: MatDialogRef<SpinnerDialogComponent>[] = [];
-    constructor() {
-        this.using_selectOptionsPerRowFilterFunction = false;
-        this._spinnerDialogIsOpen = false;
-    }
-    agInit(params) {
-        this.params = params;
-        this.options = [];
-        this.optionsValueField = "";
-        this.optionsDisplayField = "";
-        if (this.params && this.params.column && this.params.column.colDef) {
-            this.gridValueField = this.params.column.colDef.field;
-            this.options = this.params.column.colDef.selectOptions;
-            this.optionsValueField = this.params.column.colDef.selectOptionsValueField;
-            this.optionsDisplayField = this.params.column.colDef.selectOptionsDisplayField;
-            if (this.params.column.colDef.selectOptionsPerRowFilterFunction) {
-                let backup = this.selectOptionsPerRowFilterFunction;
-                try {
-                    this.selectOptionsPerRowFilterFunction = this.params.column.colDef.selectOptionsPerRowFilterFunction;
-                    this.using_selectOptionsPerRowFilterFunction = !!this.selectOptionsPerRowFilterFunction;
-                }
-                catch (e) {
-                    console.error("selectOptionsPerRowFilterFunction option has wrong signature for column : " + this.params.column.colDef.headerName + "\n"
-                        + "  Requires signature (context:any, rowData: any, option: any) => boolean");
-                    this.selectOptionsPerRowFilterFunction = backup;
-                    this.using_selectOptionsPerRowFilterFunction = !!backup;
-                }
-            }
-            this.context = this.params.column.colDef.context;
-            this.fillGroupAttribute = this.params.column.colDef.fillGroupAttribute;
-            this.fillAll = this.params.column.colDef.fillAll && ("" + this.params.column.colDef.fillAll).toLowerCase() !== "false";
-            this.showFillButton = this.params.column.colDef.showFillButton && ("" + this.params.column.colDef.showFillButton).toLowerCase() !== "false";
-            if (this._options
-                && this.params.node
-                && this.params.node.data
-                && this.using_selectOptionsPerRowFilterFunction) {
-                this._filteredOptions = this._options.filter((option) => {
-                    return this.selectOptionsPerRowFilterFunction(this.context, this.params.node.data, option);
-                });
-            }
-        }
-        if (this.params) {
-            this.value = this.params.value ? "" + this.params.value : "";
-        }
-        if (this.showFillButton && !this.fillAll && (!this.fillGroupAttribute || this.fillGroupAttribute === "")) {
-            throw new Error("Invalid state, cannot use fill button without specifying the fillGroupAttribute or fillAll.");
-        }
-    }
-    ngOnDestroy() {
-        if (this.params && this.params.node && this.params.node[(this.gridValueField + "_originalValue")]) {
-            this.value = this.params.node[(this.gridValueField + "_originalValue")];
-        }
-    }
-    onChange(event) {
-        if (event && event.currentTarget) {
-            if (this.params && this.params.node && !this.params.node[(this.gridValueField + "_originalValue")]) {
-                this.params.node[(this.gridValueField + "_originalValue")] = this.value;
-            }
-            // This looks unnecessary, since this.value is linked to the value of the select component, but
-            // because this also ends editing, it also queues the destruction of this component and the call to getValue.
-            // The problem was that this.value isn't updated with the new value before this event fires,
-            // so we need to update it manually here.
-            this.value = event.currentTarget.value;
-            this.params.node.setDataValue(this.gridValueField, this.value);
-        }
-        if (this.params) {
-            //  If the fill button, which is part of the editor, is activated, don't stop editing
-            // immediately after making a selection.
-            if (!this.showFillButton) {
-                this.params.stopEditing();
-            }
-        }
-    }
-    getValue() {
-        return this.value ? this.value : "";
-    }
-    isPopup() {
-        return false;
-    }
-    onFillButtonClicked() {
-        if (!this.fillAll && (!this.fillGroupAttribute || this.fillGroupAttribute === "")) {
-            throw new Error('No column attribute "fillGroupAttribute" or "fillAll" specified. This is required to use the Fill functionality.');
-        }
-        if (this.params && this.params.column && this.params.column.gridApi && this.params.node && (this.fillAll || (this.fillGroupAttribute && this.fillGroupAttribute !== ""))) {
-            let thisRowNode = this.params.node;
-            //this.startSpinnerDialog();
-            this.params.column.gridApi.forEachNodeAfterFilter((rowNode) => {
-                if (rowNode && rowNode.data && thisRowNode && thisRowNode.data && (this.fillAll || rowNode.data[this.fillGroupAttribute] === thisRowNode.data[this.fillGroupAttribute])) {
-                    let spoofedEvent = {
-                        api: this.params.column.gridApi,
-                        colDef: this.params.column.colDef,
-                        column: this.params.column,
-                        columnApi: this.params.column.columnApi,
-                        context: undefined,
-                        data: rowNode.data,
-                        event: null,
-                        newValue: this.value,
-                        node: rowNode,
-                        oldValue: rowNode.data[this.gridValueField],
-                        rowIndex: rowNode.rowIndex,
-                        rowPinned: undefined,
-                        type: "cellValueChanged",
-                        value: this.value
-                    };
-                    rowNode.data[this.gridValueField] = this.value;
-                    rowNode.setDataValue(this.gridValueField, this.value);
-                    this.params.column.gridApi.dispatchEvent(spoofedEvent);
-                }
-            });
-            this.params.column.gridApi.refreshCells();
-            setTimeout(() => {
-                //this.stopSpinnerDialogs();
-            });
-        }
-    }
-}
-SelectEditor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SelectEditor, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SelectEditor.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SelectEditor, selector: "ng-component", ngImport: i0, template: `
-        <div class="full-width full-height flex-column-container">
-          <div class="full-height flex-stretch flex-row">
-            <select class="full-width full-height" [(value)]="value" (change)="onChange($event)">
-              <option hidden>
-                Select An Option
-              </option>
-              <option
-                *ngFor="let option of options"
-                value="{{option.hasOwnProperty(optionsValueField) ? option[optionsValueField] : (option.value) ? option.value : option }}">
-                {{option.hasOwnProperty(optionsDisplayField) ? option[optionsDisplayField] : (option.display) ? option.display : option }}
-              </option>
-            </select>
-          </div>
-          <div *ngIf="showFillButton" class="full-height flex-row button-container">
-            <button class="full-height" (click)="onFillButtonClicked()">Fill</button>
-          </div>
-        </div>
-      `, isInline: true, styles: [".full-width{width:100%}.full-height{height:100%}.flex-column-container{display:flex;flex-direction:row}.flex-row{display:flex}.flex-stretch{display:flex;flex:1}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SelectEditor, decorators: [{
-            type: Component,
-            args: [{ template: `
-        <div class="full-width full-height flex-column-container">
-          <div class="full-height flex-stretch flex-row">
-            <select class="full-width full-height" [(value)]="value" (change)="onChange($event)">
-              <option hidden>
-                Select An Option
-              </option>
-              <option
-                *ngFor="let option of options"
-                value="{{option.hasOwnProperty(optionsValueField) ? option[optionsValueField] : (option.value) ? option.value : option }}">
-                {{option.hasOwnProperty(optionsDisplayField) ? option[optionsDisplayField] : (option.display) ? option.display : option }}
-              </option>
-            </select>
-          </div>
-          <div *ngIf="showFillButton" class="full-height flex-row button-container">
-            <button class="full-height" (click)="onFillButtonClicked()">Fill</button>
-          </div>
-        </div>
-      `, styles: [".full-width{width:100%}.full-height{height:100%}.flex-column-container{display:flex;flex-direction:row}.flex-row{display:flex}.flex-stretch{display:flex;flex:1}\n"] }]
-        }], ctorParameters: function () { return []; } });
-
-class NewRowComponent {
-    get colDefs() {
-        return this._colDefs;
-    }
-    set colDefs(value) {
-        this._colDefs = value;
-        this.newRow[0]["editOrNew"] = "new"; //needed for editable function
-        for (let colDef of this.colDefs) {
-            this.newRow[0][colDef.field] = "";
-        }
-    }
-    constructor(activeModalSearch) {
-        this.activeModalSearch = activeModalSearch;
-        this.newRowSubject = new Subject();
-        this.newRow = [{}];
-        this.gridOptions = {
-            context: {
-                componentParent: this
-            }
-        };
-    }
-    save() {
-        // get contents of row
-        //making sure the grid has stopped editing when user clicks save
-        // waiting a tick to make sure that async event has finished
-        this.gridApi.stopEditing();
-        setTimeout(() => {
-            let newData = [];
-            this.gridApi.forEachNode((node) => {
-                newData.push(node.data);
-            });
-            // validate the contents of row
-            let isValid = true;
-            for (let colDef of this.colDefs) {
-                if (colDef.dictionaryDisplay == true && !newData[0][colDef.field]) {
-                    let displayDictField = null;
-                    if (this.gridOptions.context && this.gridOptions.context.componentParent
-                        && this.gridOptions.context.componentParent.dictionary) {
-                        let dictFields = this.gridOptions.context.componentParent.dictionary.fields;
-                        displayDictField = dictFields.find(field => (field.dictionaryDisplay === true));
-                    }
-                    //don't require displayField if it is readonly when making a new entry
-                    if (displayDictField && displayDictField.protectionType === "Read Only") {
-                        isValid = true;
-                    }
-                    else {
-                        isValid = false;
-                    }
-                }
-            }
-            if (isValid) {
-                // send contents of row to other ag-grid
-                this.newRowSubject.next(newData);
-                this.activeModalSearch.dismiss("Cancel");
-            }
-            else {
-                // signal they need to fill out the row
-                alert("The display value is required, please enter a value and then save again.");
-            }
-        });
-    }
-    onSamplesGridReady(event) {
-        event.api.setColumnDefs(this.colDefs);
-        event.api.sizeColumnsToFit();
-        this.gridApi = event.api;
-    }
-}
-NewRowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NewRowComponent, deps: [{ token: i1$2.NgbActiveModal }], target: i0.ɵɵFactoryTarget.Component });
-NewRowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: NewRowComponent, selector: "new-row", ngImport: i0, template: `
-        <div class="d-flex flex-column" style="height:11em; width:58vw;">
-          <div class="d-flex flex-row">
-            <div class="flex-grow-1"></div>
-            <button type="button" class="close" aria-label="Close"
-                    style="margin-right: 10px; width: 20px;"
-                    (click)="activeModalSearch.dismiss('Cancel')">
-              <span aria-hidden="true">&times;</span>
-            </button>
-          </div>
-
-          <div class="flex-grow-1" style="padding-right: 8px; padding-left: 8px;">
-            <ag-grid-angular class="ag-theme-balham full-height full-width"
-                             [rowData]="newRow"
-                             [singleClickEdit]="true"
-                             [gridOptions]="gridOptions"
-                             (gridReady)="this.onSamplesGridReady($event)">
-            </ag-grid-angular>
-          </div>
-
-          <div class="d-flex flex-row" style="padding: 0.5em;">
-            <div class="flex-grow-1"></div>
-            <button class="btn btn-red ml-3"
-                    style="color: white;"
-                    (click)="activeModalSearch.dismiss('Cancel')">
-              Cancel
-            </button>
-            <button class="btn btn-primary ml-3"
-                    style="color: white;"
-                    (click)="save()">
-              Save
-            </button>
-          </div>
-        </div>
-      `, isInline: true, styles: [".full-height{height:100%}.full-width{width:100%}:host ::ng-deep .ag-ltr .ag-cell{border-right-color:gray}\n"], dependencies: [{ kind: "component", type: i2$1.AgGridAngular, selector: "ag-grid-angular", inputs: ["statusBar", "sideBar", "suppressContextMenu", "preventDefaultOnContextMenu", "allowContextMenuWithControlKey", "suppressMenuHide", "enableBrowserTooltips", "tooltipShowDelay", "tooltipHideDelay", "tooltipMouseTrack", "popupParent", "copyHeadersToClipboard", "copyGroupHeadersToClipboard", "clipboardDelimiter", "suppressCopyRowsToClipboard", "suppressCopySingleCellRanges", "suppressLastEmptyLineOnPaste", "suppressClipboardPaste", "suppressClipboardApi", "columnDefs", "defaultColDef", "defaultColGroupDef", "columnTypes", "maintainColumnOrder", "suppressFieldDotNotation", "deltaColumnMode", "applyColumnDefOrder", "immutableColumns", "suppressSetColumnStateEvents", "suppressColumnStateEvents", "colWidth", "minColWidth", "maxColWidth", "headerHeight", "groupHeaderHeight", "floatingFiltersHeight", "pivotHeaderHeight", "pivotGroupHeaderHeight", "allowDragFromColumnsToolPanel", "suppressMovableColumns", "suppressColumnMoveAnimation", "suppressDragLeaveHidesColumns", "colResizeDefault", "suppressAutoSize", "autoSizePadding", "skipHeaderOnAutoSize", "components", "frameworkComponents", "editType", "singleClickEdit", "suppressClickEdit", "readOnlyEdit", "stopEditingWhenCellsLoseFocus", "enterMovesDown", "enterMovesDownAfterEdit", "undoRedoCellEditing", "undoRedoCellEditingLimit", "stopEditingWhenGridLosesFocus", "defaultCsvExportParams", "suppressCsvExport", "defaultExcelExportParams", "suppressExcelExport", "excelStyles", "defaultExportParams", "quickFilterText", "cacheQuickFilter", "excludeChildrenWhenTreeDataFiltering", "enableCharts", "chartThemes", "customChartThemes", "chartThemeOverrides", "loadingCellRenderer", "loadingCellRendererFramework", "loadingCellRendererParams", "loadingCellRendererSelector", "localeText", "masterDetail", "keepDetailRows", "keepDetailRowsCount", "detailCellRenderer", "detailCellRendererFramework", "detailCellRendererParams", "detailRowHeight", "detailRowAutoHeight", "context", "alignedGrids", "tabIndex", "rowBuffer", "valueCache", "valueCacheNeverExpires", "enableCellExpressions", "suppressParentsInRowNodes", "suppressTouch", "suppressFocusAfterRefresh", "suppressAsyncEvents", "suppressBrowserResizeObserver", "suppressPropertyNamesCheck", "suppressChangeDetection", "debug", "overlayLoadingTemplate", "loadingOverlayComponent", "loadingOverlayComponentFramework", "loadingOverlayComponentParams", "suppressLoadingOverlay", "overlayNoRowsTemplate", "noRowsOverlayComponent", "noRowsOverlayComponentFramework", "noRowsOverlayComponentParams", "suppressNoRowsOverlay", "pagination", "paginationPageSize", "paginationAutoPageSize", "paginateChildRows", "suppressPaginationPanel", "pivotMode", "pivotPanelShow", "pivotColumnGroupTotals", "pivotRowTotals", "pivotSuppressAutoColumn", "suppressExpandablePivotGroups", "functionsReadOnly", "aggFuncs", "suppressAggFuncInHeader", "suppressAggAtRootLevel", "aggregateOnlyChangedColumns", "suppressAggFilteredOnly", "removePivotHeaderRowWhenSingleValueColumn", "animateRows", "enableCellChangeFlash", "cellFlashDelay", "cellFadeDelay", "domLayout", "ensureDomOrder", "enableRtl", "suppressColumnVirtualisation", "suppressMaxRenderedRowRestriction", "suppressRowVirtualisation", "rowDragManaged", "suppressRowDrag", "suppressMoveWhenRowDragging", "rowDragEntireRow", "rowDragMultiRow", "fullWidthCellRenderer", "fullWidthCellRendererFramework", "fullWidthCellRendererParams", "embedFullWidthRows", "deprecatedEmbedFullWidthRows", "groupDisplayType", "groupDefaultExpanded", "autoGroupColumnDef", "groupMaintainOrder", "groupSelectsChildren", "groupAggFiltering", "groupIncludeFooter", "groupIncludeTotalFooter", "groupSuppressBlankHeader", "groupSelectsFiltered", "showOpenedGroup", "groupRemoveSingleChildren", "groupRemoveLowestSingleChildren", "groupHideOpenParents", "rowGroupPanelShow", "groupRowRenderer", "groupRowRendererFramework", "groupRowRendererParams", "suppressMakeColumnVisibleAfterUnGroup", "treeData", "groupRowInnerRenderer", "groupRowInnerRendererFramework", "groupMultiAutoColumn", "groupUseEntireRow", "groupSuppressAutoColumn", "rememberGroupStateWhenNewData", "pinnedTopRowData", "pinnedBottomRowData", "rowModelType", "rowData", "immutableData", "asyncTransactionWaitMillis", "suppressModelUpdateAfterUpdateTransaction", "deltaRowDataMode", "batchUpdateWaitMillis", "datasource", "cacheOverflowSize", "infiniteInitialRowCount", "serverSideStoreType", "cacheBlockSize", "maxBlocksInCache", "maxConcurrentDatasourceRequests", "blockLoadDebounceMillis", "purgeClosedRowNodes", "serverSideDatasource", "serverSideSortingAlwaysResets", "serverSideFilteringAlwaysResets", "suppressEnterpriseResetOnNewColumns", "viewportDatasource", "viewportRowModelPageSize", "viewportRowModelBufferSize", "alwaysShowHorizontalScroll", "alwaysShowVerticalScroll", "debounceVerticalScrollbar", "suppressHorizontalScroll", "suppressScrollOnNewData", "suppressScrollWhenPopupsAreOpen", "suppressAnimationFrame", "suppressMiddleClickScrolls", "suppressPreventDefaultOnMouseWheel", "scrollbarWidth", "rowSelection", "rowMultiSelectWithClick", "suppressRowDeselection", "suppressRowClickSelection", "suppressCellSelection", "suppressCellFocus", "suppressMultiRangeSelection", "enableCellTextSelection", "enableRangeSelection", "enableRangeHandle", "enableFillHandle", "fillHandleDirection", "suppressClearOnFillReduction", "sortingOrder", "accentedSort", "unSortIcon", "suppressMultiSort", "alwaysMultiSort", "multiSortKey", "suppressMaintainUnsortedOrder", "icons", "rowHeight", "rowStyle", "rowClass", "rowClassRules", "suppressRowHoverHighlight", "suppressRowTransform", "columnHoverHighlight", "deltaSort", "treeDataDisplayType", "angularCompileRows", "angularCompileFilters", "functionsPassive", "enableGroupEdit", "getContextMenuItems", "getMainMenuItems", "postProcessPopup", "processCellForClipboard", "processHeaderForClipboard", "processGroupHeaderForClipboard", "processCellFromClipboard", "sendToClipboard", "processDataFromClipboard", "isExternalFilterPresent", "doesExternalFilterPass", "getChartToolbarItems", "createChartContainer", "navigateToNextHeader", "tabToNextHeader", "navigateToNextCell", "tabToNextCell", "suppressKeyboardEvent", "localeTextFunc", "getLocaleText", "getDocument", "paginationNumberFormatter", "groupRowAggNodes", "getGroupRowAgg", "isGroupOpenByDefault", "initialGroupOrderComparator", "defaultGroupOrderComparator", "processSecondaryColDef", "processSecondaryColGroupDef", "getDataPath", "defaultGroupSortComparator", "getChildCount", "getServerSideStoreParams", "isServerSideGroupOpenByDefault", "isApplyServerSideTransaction", "isServerSideGroup", "getServerSideGroupKey", "getBusinessKeyForNode", "getRowNodeId", "getRowId", "resetRowDataOnUpdate", "processRowPostCreate", "isRowSelectable", "isRowMaster", "fillOperation", "postSort", "postSortRows", "getRowStyle", "getRowClass", "getRowHeight", "isFullWidthCell", "isFullWidthRow", "gridOptions", "modules"], outputs: ["toolPanelVisibleChanged", "pasteStart", "pasteEnd", "columnVisible", "columnPinned", "columnResized", "columnMoved", "columnValueChanged", "columnPivotModeChanged", "columnPivotChanged", "columnGroupOpened", "newColumnsLoaded", "gridColumnsChanged", "displayedColumnsChanged", "virtualColumnsChanged", "columnEverythingChanged", "componentStateChanged", "cellValueChanged", "cellEditRequest", "rowValueChanged", "cellEditingStarted", "cellEditingStopped", "rowEditingStarted", "rowEditingStopped", "filterOpened", "filterChanged", "filterModified", "chartCreated", "chartRangeSelectionChanged", "chartOptionsChanged", "chartDestroyed", "cellKeyDown", "cellKeyPress", "gridReady", "firstDataRendered", "gridSizeChanged", "modelUpdated", "virtualRowRemoved", "viewportChanged", "bodyScroll", "bodyScrollEnd", "dragStarted", "dragStopped", "paginationChanged", "rowDragEnter", "rowDragMove", "rowDragLeave", "rowDragEnd", "columnRowGroupChanged", "rowGroupOpened", "expandOrCollapseAll", "pinnedRowDataChanged", "rowDataChanged", "rowDataUpdated", "asyncTransactionsFlushed", "cellClicked", "cellDoubleClicked", "cellFocused", "cellMouseOver", "cellMouseOut", "cellMouseDown", "rowClicked", "rowDoubleClicked", "rowSelected", "selectionChanged", "cellContextMenu", "rangeSelectionChanged", "sortChanged", "columnRowGroupChangeRequest", "columnPivotChangeRequest", "columnValueChangeRequest", "columnAggFuncChangeRequest"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NewRowComponent, decorators: [{
-            type: Component,
-            args: [{ selector: "new-row", template: `
-        <div class="d-flex flex-column" style="height:11em; width:58vw;">
-          <div class="d-flex flex-row">
-            <div class="flex-grow-1"></div>
-            <button type="button" class="close" aria-label="Close"
-                    style="margin-right: 10px; width: 20px;"
-                    (click)="activeModalSearch.dismiss('Cancel')">
-              <span aria-hidden="true">&times;</span>
-            </button>
-          </div>
-
-          <div class="flex-grow-1" style="padding-right: 8px; padding-left: 8px;">
-            <ag-grid-angular class="ag-theme-balham full-height full-width"
-                             [rowData]="newRow"
-                             [singleClickEdit]="true"
-                             [gridOptions]="gridOptions"
-                             (gridReady)="this.onSamplesGridReady($event)">
-            </ag-grid-angular>
-          </div>
-
-          <div class="d-flex flex-row" style="padding: 0.5em;">
-            <div class="flex-grow-1"></div>
-            <button class="btn btn-red ml-3"
-                    style="color: white;"
-                    (click)="activeModalSearch.dismiss('Cancel')">
-              Cancel
-            </button>
-            <button class="btn btn-primary ml-3"
-                    style="color: white;"
-                    (click)="save()">
-              Save
-            </button>
-          </div>
-        </div>
-      `, styles: [".full-height{height:100%}.full-width{width:100%}:host ::ng-deep .ag-ltr .ag-cell{border-right-color:gray}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$2.NgbActiveModal }]; } });
-
-class DateRenderer extends CellRendererValidation {
-    constructor(datePipe) {
-        super();
-        this.datePipe = datePipe;
-    }
-    agInit2(params) {
-        this.value = undefined;
-        if (this.params) {
-            if (this.params.value) {
-                this.value = this.params.value;
-            }
-            else {
-                this.value = undefined;
-            }
-        }
-        this.display = this.getDateString(this.value);
-    }
-    getDateString(date) {
-        if (date instanceof Date) {
-            if (!isNaN(date.getTime())) {
-                return this.datePipe.transform(date, "yyyy-MM-dd");
-            }
-            else {
-                return "";
-            }
-        }
-        else if (moment.isMoment(date)) {
-            if (date.isValid()) {
-                return date.format("YYYY-MM-DD");
-            }
-            else {
-                return "";
-            }
-        }
-        else if (typeof date == "number") {
-            if (date > 0) {
-                let temp = new Date(date);
-                return this.datePipe.transform(temp, "yyyy-MM-dd");
-            }
-            else {
-                return "";
-            }
-        }
-        else if (typeof date == "string") {
-            return date;
-        }
-        else {
-            return "";
-        }
-    }
-    refresh() {
-        return false;
-    }
-}
-DateRenderer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DateRenderer, deps: [{ token: i1$1.DatePipe }], target: i0.ɵɵFactoryTarget.Component });
-DateRenderer.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DateRenderer, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
-        <div class="t full-width full-height fix-table">
-            <div class="tr">
-                <div class="td cell-text-container ellipsis">
-                    {{display}}
-                </div>
-            </div>
-        </div>
-    `, isInline: true, styles: [".t{display:table}.tr{display:table-row}.td{display:table-cell}.cell-text-container{vertical-align:middle;padding-left:.3rem}.full-width{width:100%}.full-height{height:100%}.fix-table{table-layout:fixed}.ellipsis{overflow:hidden;text-overflow:ellipsis}\n"] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DateRenderer, decorators: [{
-            type: Component,
-            args: [{ template: `
-        <div class="t full-width full-height fix-table">
-            <div class="tr">
-                <div class="td cell-text-container ellipsis">
-                    {{display}}
-                </div>
-            </div>
-        </div>
-    `, styles: [".t{display:table}.tr{display:table-row}.td{display:table-cell}.cell-text-container{vertical-align:middle;padding-left:.3rem}.full-width{width:100%}.full-height{height:100%}.fix-table{table-layout:fixed}.ellipsis{overflow:hidden;text-overflow:ellipsis}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$1.DatePipe }]; } });
-
-class DatepickerComponent {
-    constructor() {
-        this.invalid = false;
-    }
-    ngOnInit() {
-    }
-    // onChange(newValue) {
-    //   this.value = newValue;
-    //   this.valueChange.emit(newValue);
-    // }
-    clear() {
-        this.value = undefined;
-        // this.valueChange.emit();
-    }
-    // Clear input field if entered data is invalid (Mat library sets value to null if invalid but doesn't clear input)
-    onBlur(newValue) {
-        if (!this.value) {
-            this.value = undefined;
-            // this.valueChange.emit();
-        }
-    }
-    writeValue(value) {
-        if (value !== undefined) {
-            this.value = value;
-        }
-    }
-    registerOnChange(fn) {
-        this.onChange = () => {
-            fn(this.value);
-        };
-    }
-    registerOnTouched(fn) { }
-}
-DatepickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DatepickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DatepickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DatepickerComponent, selector: "hci-dict-datepicker", inputs: { placeholder: "placeholder", invalid: "invalid" }, providers: [
-        { provide: MAT_DATE_LOCALE, useValue: "en-GB" },
-        {
-            provide: MAT_DATE_FORMATS,
-            useValue: {
-                parse: {
-                    dateInput: ["YYYY-MM-DD"],
-                },
-                display: {
-                    dateInput: "YYYY-MM-DD",
-                    monthYearLabel: "MMM YYYY",
-                    dateA11yLabel: "YYYY-MM-DD",
-                    monthYearA11yLabel: "MMMM YYYY",
-                },
-            },
-        },
-        {
-            provide: NG_VALUE_ACCESSOR,
-            useExisting: forwardRef(() => DatepickerComponent),
-            multi: true
-        }
-    ], ngImport: i0, template: `
-    <div class="d-flex" style="width: 100%;">
-      <input matInput [matDatepicker]="picker" class="form-control" [placeholder]="placeholder" [(ngModel)]="value" (ngModelChange)="onChange($event)"
-             (blur)="onBlur($event)" data-date-format="YYYY-MM-DD"
-             [ngStyle]="{'background-color':invalid ? 'red' : '#fff'}"   >
-      <span class="input-group-text" id="clearIcon" (click)="clear()"><i class="fas fa-times"></i></span>
-      <button class="btn btn-outline-secondary" type="button" (click)="picker.open()" style="height:32px; width:32px;"><i class="fas fa-calendar-alt"></i></button>
-      <mat-datepicker panelClass="ag-custom-component-popup" #picker ></mat-datepicker>
-    </div>
-  `, isInline: true, styles: ["#clearIcon{cursor:pointer}#clearIcon:Hover{background-color:#495057;color:#e9ecef}\n"], dependencies: [{ kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3$1.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i3$1.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DatepickerComponent, decorators: [{
-            type: Component,
-            args: [{ selector: "hci-dict-datepicker", template: `
-    <div class="d-flex" style="width: 100%;">
-      <input matInput [matDatepicker]="picker" class="form-control" [placeholder]="placeholder" [(ngModel)]="value" (ngModelChange)="onChange($event)"
-             (blur)="onBlur($event)" data-date-format="YYYY-MM-DD"
-             [ngStyle]="{'background-color':invalid ? 'red' : '#fff'}"   >
-      <span class="input-group-text" id="clearIcon" (click)="clear()"><i class="fas fa-times"></i></span>
-      <button class="btn btn-outline-secondary" type="button" (click)="picker.open()" style="height:32px; width:32px;"><i class="fas fa-calendar-alt"></i></button>
-      <mat-datepicker panelClass="ag-custom-component-popup" #picker ></mat-datepicker>
-    </div>
-  `, providers: [
-                        { provide: MAT_DATE_LOCALE, useValue: "en-GB" },
-                        {
-                            provide: MAT_DATE_FORMATS,
-                            useValue: {
-                                parse: {
-                                    dateInput: ["YYYY-MM-DD"],
-                                },
-                                display: {
-                                    dateInput: "YYYY-MM-DD",
-                                    monthYearLabel: "MMM YYYY",
-                                    dateA11yLabel: "YYYY-MM-DD",
-                                    monthYearA11yLabel: "MMMM YYYY",
-                                },
-                            },
-                        },
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => DatepickerComponent),
-                            multi: true
-                        }
-                    ], styles: ["#clearIcon{cursor:pointer}#clearIcon:Hover{background-color:#495057;color:#e9ecef}\n"] }]
-        }], propDecorators: { placeholder: [{
-                type: Input
-            }], invalid: [{
-                type: Input
-            }] } });
-
-class AgGridDateCellEditorComponent {
-    agInit(params) {
-        console.log("agInit Date Picker");
-        console.log(params);
-        this.params = params;
-        this.value = this.params.value;
-    }
-    getValue() {
-        return this.value;
-    }
-    isPopup() {
-        return true;
-    }
-    ;
-}
-AgGridDateCellEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AgGridDateCellEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AgGridDateCellEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: AgGridDateCellEditorComponent, selector: "ag-grid-date-cell-editor", ngImport: i0, template: `
-        <hci-dict-datepicker [(ngModel)]="value" placeholder="Select Date"></hci-dict-datepicker>
-
-    `, isInline: true, dependencies: [{ kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: DatepickerComponent, selector: "hci-dict-datepicker", inputs: ["placeholder", "invalid"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AgGridDateCellEditorComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: "ag-grid-date-cell-editor",
-                    template: `
-        <hci-dict-datepicker [(ngModel)]="value" placeholder="Select Date"></hci-dict-datepicker>
-
-    `
-                }]
-        }] });
-
-/**
- * When a dictionary is selected this component is shown.  There is a top grid which for its data shows all the columns
- * for the dictionary. Currently, keep this for reference only and have non-editable.
- * The bottom grid will show those columns as actual columns and its data are all the dictionary values.  Rows can be
- * added.  For deleting, need to make sure the id is not used anywhere.  For editing, need to make sure the code or anything
- * else isn't being referenced.
- *
- * @since 1.0.0
- */
-class DictionaryEditorDetailComponent {
-    constructor(route, modalService, dictionaryService, dictionaryEndpoint) {
-        this.route = route;
-        this.modalService = modalService;
-        this.dictionaryService = dictionaryService;
-        this.dictionaryEndpoint = dictionaryEndpoint;
-        this.classList = "outlet-column y-auto";
-        this.dictionaryEntries = [];
-        this.selectedRows = [];
-        this.loadingSubjects = [];
-        this.metaGridOptions = {
-            rowStyle: {
-                "font-family": "Prompt, sans-serif"
-            },
-            enableCellTextSelection: true,
-            ensureDomOrder: true
-        };
-        this.gridOptions = {
-            context: {
-                componentParent: this
-            },
-            onGridReady: DictionaryEditorDetailComponent.onSamplesGridReady,
-            onGridSizeChanged: DictionaryEditorDetailComponent.onGridSizeChanged,
-            suppressHorizontalScroll: false,
-            selectionMode: "multiple",
-            stopEditingWhenGridLosesFocus: true,
-            enableSorting: true,
-            enableFilter: true
-        };
-    }
-    /**
-     * Based on the route class name, make the call to fetch the dictionary data.  Since this component is route based,
-     * when the dictionary class in the route changes, this component is reloaded.
-     */
-    ngOnInit() {
-        this.boundNewRowPostCall = this.newRowPost.bind(this);
-        this.loadingSubjects.push(new BehaviorSubject(false));
-        this.loadingSubjects.push(new BehaviorSubject(false));
-        this.route.params.subscribe(params => {
-            let className = params["className"];
-            this.getDictionary(className);
-        });
-    }
-    openModal(modal) {
-        this.modalService.open(modal, { windowClass: "modal-xl" }).result.then((result) => {
-        }, (reason) => {
-        });
-    }
-    ngAfterViewInit() {
-        this.gridOptions.api.sizeColumnsToFit();
-    }
-    columnDefMeta() {
-        return [
-            { field: "name", headerName: "Name", width: 175, sortable: true, resizable: true, editable: false },
-            { field: "description", headerName: "Description", width: 250, sortable: true, resizable: true, editable: false },
-            { field: "id", headerName: "Id", width: 60, sortable: true, resizable: true, editable: false },
-            { field: "type", headerName: "Type", sortable: true, resizable: true, editable: false },
-            { field: "protectionType", headerName: "ProtectionType", sortable: true, resizable: true, editable: false },
-            { field: "filterDictionaryClass", headerName: "FilterDictionaryClass", width: 180, sortable: true, resizable: true, editable: false },
-            { field: "notNull", headerName: "NotNull", sortable: true, resizable: true, editable: false },
-            { field: "integer", headerName: "Integer", width: 75, sortable: true, resizable: true, editable: false },
-            { field: "min", headerName: "Min", width: 60, sortable: true, resizable: true, editable: false },
-            { field: "max", headerName: "Max", width: 60, sortable: true, resizable: true, editable: false },
-            { field: "fraction", headerName: "Fraction", sortable: true, resizable: true, editable: false },
-            { field: "dictionaryTooltip", headerName: "DictionaryTooltip", width: 200, sortable: true, resizable: true, editable: false },
-            { field: "dictionaryDisplay", headerName: "DictionaryDisplay", width: 175, sortable: true, resizable: true, editable: false },
-            { field: "filterable", headerName: "Filterable", sortable: true, resizable: true, editable: false },
-            { field: "displayName", headerName: "DisplayName", width: 175, sortable: true, resizable: true, editable: false },
-            { field: "displayOrder", headerName: "DisplayOrder", width: 60, sortable: true, resizable: true, editable: false },
-            { field: "cellStyle", headerName: "CellStyle", sortable: true, resizable: true, editable: false },
-        ]; // the widths for the last 2 could be wrong.
-    }
-    onMetaGridReady(params) {
-        var _a;
-        this.gridApiMeta = params.api;
-        this.gridApiMeta.setColumnDefs(this.columnDefMeta());
-        this.gridApiMeta.setRowData((_a = this.dictionary) === null || _a === void 0 ? void 0 : _a.fields);
-        // this.gridApiMeta.sizeColumnsToFit();
-    }
-    openAreYouSureModal(modal) {
-        this.modalService.open(modal).result.then((result) => {
-            if (result === "Delete") {
-                this.deleteDictionaryEntries();
-            }
-        }, (reason) => {
-        });
-    }
-    /**
-     * Fetch the dictionary metadata and dictionary entries based upon the dictionary class name.
-     *
-     * @param {string} className
-     */
-    getDictionary(className) {
-        // When Selecting A New Dictionary, Navigate To First Page
-        if (this.gridOptions && this.gridOptions.api) {
-            this.gridOptions.api.paginationGoToFirstPage();
-        }
-        this.className = className;
-        this.dataColumns = undefined;
-        this.loadingSubjects[0].next(true);
-        this.dictionaryService.getDictionary(className)
-            .pipe(finalize(() => {
-            this.loadingSubjects[0].next(false);
-        })).subscribe((dictionary) => {
-            this.setUpDictionaryGrid(dictionary);
-            this.loadingSubjects[0].next(false);
-        });
-        this.getDictionaryEntries();
-    }
-    getDictionaryEntries() {
-        this.loadingSubjects[1].next(true);
-        this.dictionaryService.getDictionaryEntries(this.className)
-            .pipe(finalize(() => {
-            this.loadingSubjects[1].next(false);
-        })).subscribe((dictionaryEntries) => {
-            this.dictionaryEntries = dictionaryEntries;
-            this.gridOptions.api.setRowData(dictionaryEntries);
-            this.gridOptions.api.sizeColumnsToFit();
-            this.loadingSubjects[1].next(false);
-        });
-    }
-    /**
-     * Set the dictionary metadata.  This is used to build the columns for the dictionary entries.  The names, validation,
-     * and filter classes build the column definition.
-     *
-     * @param dictionary
-     */
-    setUpDictionaryGrid(dictionary) {
-        if (isDevMode()) {
-            console.debug("DictionaryEditorDetailComponent.setDictionary");
-            console.debug(dictionary);
-        }
-        this.dictionary = dictionary;
-        this.secondaryDictionaryEntries = [];
-        let dictionaryClassNames = [];
-        for (let field of dictionary.fields) {
-            if (field.filterDictionaryClass) {
-                dictionaryClassNames.push(field.filterDictionaryClass);
-            }
-        }
-        this.getSecondaryDictionaries(dictionaryClassNames);
-    }
-    getSecondaryDictionaries(dictionaryNames) {
-        if (dictionaryNames.length == 0) {
-            this.finishColumnSetup();
-        }
-        else {
-            let dictionaryName = dictionaryNames.pop();
-            this.dictionaryService.getDictionaryDropdownEntries(dictionaryName).subscribe((response) => {
-                this.secondaryDictionaryEntries.push({ dictionaryName: dictionaryName, entries: response });
-                this.getSecondaryDictionaries(dictionaryNames);
-            });
-        }
-    }
-    finishColumnSetup() {
-        this.displayName = this.dictionary.displayName;
-        // This establishes the readOnly functionality
-        let cols = [];
-        // Process Columns And Create Column Definition
-        for (let field of this.dictionary.fields) {
-            if (field.id && (isNullOrUndefined(field.code) || field.code == false)) {
-                continue;
-            }
-            let col;
-            if (field.filterDictionaryClass) {
-                // this is a dropdown of another dictionary
-                let options = this.secondaryDictionaryEntries.find((a) => {
-                    return a.dictionaryName === field.filterDictionaryClass;
-                });
-                col = {
-                    field: field.name,
-                    headerName: field.displayName,
-                    editable: this.isEditable.bind(this),
-                    cellRendererFramework: SelectRenderer,
-                    cellEditorFramework: SelectEditor,
-                    selectOptionsDisplayField: "display",
-                    selectOptionsValueField: "id",
-                    sortable: true,
-                    resizable: true,
-                    filter: true,
-                    filterValueGetter: this.comboFilterValueGetter,
-                    selectOptions: [],
-                    comparator: (valueA, valueB, nodeA, nodeB, isInverted) => {
-                        return 0;
-                    }
-                };
-                if (options && options.entries) {
-                    col.selectOptions = options.entries.sort((optionA, optionB) => {
-                        if (optionA && !optionB) {
-                            return 1;
-                        }
-                        if (optionB && !optionA) {
-                            return -1;
-                        }
-                        if (!optionA && !optionB) {
-                            return 0;
-                        }
-                        if (optionA.display.toLowerCase() > optionB.display.toLowerCase()) {
-                            return 1;
-                        }
-                        else if ((optionB.display.toLowerCase() > optionA.display.toLowerCase())) {
-                            return -1;
-                        }
-                        else {
-                            return 0;
-                        }
-                    });
-                    col.comparator = (valueA, valueB, nodeA, nodeB, isInverted) => {
-                        if (!options.entries) {
-                            return 0;
-                        }
-                        if (valueA && !valueB) {
-                            return 1;
-                        }
-                        if (valueB && !valueA) {
-                            return -1;
-                        }
-                        if (!valueA && !valueB) {
-                            return 0;
-                        }
-                        let optionA = options.entries.find((entry) => ("" + entry.id === "" + valueA));
-                        let optionB = options.entries.find((entry) => ("" + entry.id === "" + valueB));
-                        if (optionA && !optionB) {
-                            return 1;
-                        }
-                        if (optionB && !optionA) {
-                            return -1;
-                        }
-                        if (!optionA && !optionB) {
-                            return 0;
-                        }
-                        if (optionA.display.toLowerCase() > optionB.display.toLowerCase()) {
-                            return 1;
-                        }
-                        else if ((optionB.display.toLowerCase() > optionA.display.toLowerCase())) {
-                            return -1;
-                        }
-                        else {
-                            return 0;
-                        }
-                    };
-                }
-                col.cellStyle = params => {
-                    let column = {};
-                    for (let field of params.context.componentParent.dictionary.fields) {
-                        if (params.colDef.field == field.name) {
-                            column = field;
-                        }
-                    }
-                    if (params.data.editOrNew && params.data.editOrNew == "new") {
-                        if (params.context.readOnly || column.readOnly ||
-                            column.protectionType == "Read Only") {
-                            return { color: "#8a9499" };
-                        }
-                    }
-                    else {
-                        if (params.context.readOnly || column.readOnly ||
-                            column.protectionType == "Read Only" || column.createOnly ||
-                            column.protectionType == "Create Only" || column.code) {
-                            return { color: "#8a9499" };
-                        }
-                    }
-                };
-                col.displayOrder = field.displayOrder;
-                col.dictionaryDisplay = field.dictionaryDisplay;
-                col.dictionaryTooltip = field.dictionaryTooltip;
-                // Set default filter as compare by text/number
-                // col.filterRenderer = CompareFilterRenderer;
-            }
-            else if (field.type && field.type == "Date") {
-                //date value
-                col = {
-                    field: field.name,
-                    headerName: field.displayName,
-                    cellRendererFramework: DateRenderer,
-                    cellEditorFramework: AgGridDateCellEditorComponent,
-                    editable: this.isEditable.bind(this),
-                    sortable: true,
-                    resizable: true,
-                    filter: true,
-                    dictionaryDisplay: field.dictionaryDisplay
-                };
-                col.comparator = (valueA, valueB, nodeA, nodeB, isInverted) => {
-                    let num = this.dateComparator(valueA, valueB);
-                    return isInverted ? -1 * num : num; //don't have to do anything with inverted?
-                };
-                col.cellStyle = params => {
-                    var column = {};
-                    for (let field of params.context.componentParent.dictionary.fields) {
-                        if (params.colDef.field == field.name) {
-                            column = field;
-                        }
-                    }
-                    if (params.data.editOrNew && params.data.editOrNew == "new") {
-                        if (params.context.readOnly || column.readOnly ||
-                            column.protectionType == "Read Only") {
-                            return { color: "#8a9499" };
-                        }
-                    }
-                    else {
-                        if (params.context.readOnly || column.readOnly ||
-                            column.protectionType == "Read Only" || column.createOnly ||
-                            column.protectionType == "Create Only" || column.code) {
-                            return { color: "#8a9499" };
-                        }
-                    }
-                };
-                col.displayOrder = field.displayOrder;
-            }
-            else {
-                // this is a string value
-                col = {
-                    field: field.name,
-                    headerName: field.displayName,
-                    editable: this.isEditable.bind(this),
-                    sortable: true,
-                    resizable: true,
-                    filter: true,
-                    dictionaryDisplay: field.dictionaryDisplay
-                };
-                col.comparator = (valueA, valueB, nodeA, nodeB, isInverted) => {
-                    if (valueA && !valueB) {
-                        return 1;
-                    }
-                    if (valueB && !valueA) {
-                        return -1;
-                    }
-                    if (!valueA && !valueB) {
-                        return 0;
-                    }
-                    if (valueA.toLowerCase() > valueB.toLowerCase()) {
-                        return 1;
-                    }
-                    else if ((valueB.toLowerCase() > valueA.toLowerCase())) {
-                        return -1;
-                    }
-                    else {
-                        return 0;
-                    }
-                };
-                col.cellStyle = params => {
-                    var column = {};
-                    for (let field of params.context.componentParent.dictionary.fields) {
-                        if (params.colDef.field == field.name) {
-                            column = field;
-                        }
-                    }
-                    if (params.data.editOrNew && params.data.editOrNew == "new") {
-                        if (params.context.readOnly || column.readOnly ||
-                            column.protectionType == "Read Only") {
-                            return { color: "#8a9499" };
-                        }
-                    }
-                    else {
-                        if (params.context.readOnly || column.readOnly ||
-                            column.protectionType == "Read Only" || column.createOnly ||
-                            column.protectionType == "Create Only" || column.code) {
-                            return { color: "#8a9499" };
-                        }
-                    }
-                };
-                col.displayOrder = field.displayOrder;
-                // Set default filter as compare by text/number
-                // col.filterRenderer = CompareFilterRenderer;
-            }
-            cols.push(col);
-        }
-        // Now we need to sort the columns
-        if (!this.dictionary.fields[0].hasOwnProperty("displayOrder")) {
-            // default case, no displayOrder
-            cols = cols.sort((a, b) => {
-                if (!a.headerName && b.headerName) {
-                    return 1;
-                }
-                else if (!b.headerName && a.headerName) {
-                    return -1;
-                }
-                else if (a.dictionaryDisplay === true && b.dictionaryDisplay === false) {
-                    return -1;
-                }
-                else if (b.dictionaryDisplay === true && a.dictionaryDisplay === false) {
-                    return 1;
-                }
-                else if (a.dictionaryTooltip === true && b.dictionaryTooltip === false) {
-                    return -1;
-                }
-                else if (b.dictionaryTooltip === true && a.dictionaryTooltip === false) {
-                    return 1;
-                }
-                else {
-                    return 0;
-                }
-            });
-        }
-        else {
-            // DisplayOrder case
-            // I think this works? Check later
-            cols = cols.sort((a, b) => {
-                if (!a.headerName && b.headerName) {
-                    return 1;
-                }
-                else if (!b.headerName && a.headerName) {
-                    return -1;
-                }
-                else {
-                    return a.displayOrder - b.displayOrder;
-                }
-            });
-        }
-        // After Columns Have Been Sorted
-        // Dictionary Grid Will Sort The Grid Ascending Order By First Column
-        if (cols && cols.length != 0) {
-            cols[0].sort = "asc";
-        }
-        this.dataColumns = cols;
-        if (Array.isArray(this.dataColumns) && this.gridOptions && this.gridOptions.api) {
-            this.gridOptions.api.setColumnDefs(this.dataColumns);
-            this.gridOptions.api.sizeColumnsToFit();
-        }
-    }
-    isEditable(params) {
-        let isEditable;
-        let column = {};
-        for (let field of this.dictionary.fields) {
-            if (params.colDef.field == field.name) {
-                column = field;
-            }
-        }
-        if (params.data.editOrNew && params.data.editOrNew == "new") {
-            // console.log("new editable?");
-            isEditable = !(this.dictionary.readOnly || column.readOnly ||
-                column.protectionType == "Read Only");
-        }
-        else {
-            // console.log("edit editable?");
-            isEditable = !(this.dictionary.readOnly || column.readOnly ||
-                column.protectionType == "Read Only" || column.createOnly ||
-                column.protectionType == "Create Only" || column.code);
-        }
-        return isEditable;
-    }
-    deleteDictionaryEntries() {
-        let deleteRows = this.gridOptions.api.getSelectedRows();
-        for (let deleteId of this.selectedRows) {
-            for (let entry of this.dictionaryEntries) {
-                if (entry[this.idColumn] === deleteId) {
-                    deleteRows.push(entry);
-                    break;
-                }
-            }
-        }
-        this.dictionaryService.deleteDictionaryEntries(this.className, deleteRows).subscribe((response) => {
-            this.getDictionaryEntries();
-        });
-    }
-    updateDictionary(event) {
-        // Important to note this will not update cells to the demo but will when imported to CORE or other applications.
-        this.dictionaryService.updateDictionaryEntries(this.className, [event.data]).subscribe((data) => {
-            this.getDictionaryEntries();
-        });
-    }
-    setSelectedEntries() {
-        this.selectedRows = this.gridOptions.api.getSelectedRows();
-    }
-    newRowPost(data) {
-        return this.dictionaryService.addDictionaryEntries(this.className, [data])
-            .pipe(map((data) => {
-            if (data && data.length === 1) {
-                return data[0];
-            }
-            else {
-                return data;
-            }
-        }));
-    }
-    static onSamplesGridReady(event) {
-        event.api.sizeColumnsToFit();
-    }
-    static onGridSizeChanged(event) {
-        if (event && event.api) {
-            event.api.sizeColumnsToFit();
-        }
-    }
-    get disableAddRow() {
-        if (!this.dictionary) {
-            return true;
-        }
-        return this.dictionary.readOnly && this.dictionary.readOnly === true;
-    }
-    get disableDelete() {
-        if (!this.dictionary) {
-            return true;
-        }
-        if (this.dictionary.readOnly && this.dictionary.readOnly === true) {
-            return true;
-        }
-        if (this.gridOptions && this.gridOptions.api && this.gridOptions.api.getSelectedRows()) {
-            return this.gridOptions.api.getSelectedRows().length === 0;
-        }
-        else {
-            return true;
-        }
-    }
-    comboFilterValueGetter(params) {
-        let value = params.data[params.colDef.field];
-        if (value) {
-            let option = params.colDef.selectOptions.find((entry) => (entry[params.colDef.selectOptionsValueField] === value));
-            return option ? option[params.colDef.selectOptionsDisplayField] : "";
-        }
-        return "";
-    }
-    onClickAddRow() {
-        const modalRef = this.modalService.open(NewRowComponent, {
-            size: "lg",
-            keyboard: false,
-            backdrop: "static",
-            centered: true,
-        });
-        modalRef.componentInstance.colDefs = this.dataColumns;
-        modalRef.componentInstance.dictionary = this.dictionary;
-        if (!this.newRowSubscription) {
-            // tell other ag-grid to add row to it
-            this.newRowSubscription = modalRef.componentInstance.newRowSubject.subscribe((theNewRow) => {
-                this.dictionaryEntries = theNewRow.concat(this.dictionaryEntries);
-                this.gridOptions.api.setRowData(this.dictionaryEntries);
-                this.newRowSubscription = null;
-                // Important to note this will not add rows to the demo but will when imported to CORE or other applications.
-                this.newRowPost(theNewRow[0]).subscribe(() => {
-                    this.getDictionaryEntries();
-                });
-            });
-        }
-    }
-    /**
-     * Comparater To Compare 2 Dates
-     * @param date1 Date 1
-     * @param date2 Date 2
-     */
-    dateComparator(date1, date2) {
-        let date1Number = monthToComparableNumber(date1);
-        let date2Number = monthToComparableNumber(date2);
-        if (date1Number === null && date2Number === null) {
-            return 0;
-        }
-        if (date1Number === null) {
-            return -1;
-        }
-        if (date2Number === null) {
-            return 1;
-        }
-        return date1Number - date2Number;
-    }
-}
-DictionaryEditorDetailComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DictionaryEditorDetailComponent, deps: [{ token: i3.ActivatedRoute }, { token: i1$2.NgbModal }, { token: i1.DictionaryService }, { token: DICTIONARY_ENDPOINT }], target: i0.ɵɵFactoryTarget.Component });
-DictionaryEditorDetailComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DictionaryEditorDetailComponent, selector: "hci-dictionary-editor-detail", host: { properties: { "class": "this.classList" } }, ngImport: i0, template: `
-        <div class="d-flex flex-column hci-dictionary-detail-body"
-        >
-          <hci-busy [busySubjects]="loadingSubjects"></hci-busy>
-
-          <!-- Dictionary Title And Metadata -->
-          <div class="dictionary-info-section">
-            <span class="dictionary-title">
-              {{displayName}}
-            </span>
-            <button class="btn btn-primary metadata-button"
-                    (click)="openModal(metaDataModal)">
-              View Meta Data
-            </button>
-          </div>
-
-          <!-- Dictionary Edit Buttons -->
-          <div>
-            <button [class]="disableDelete? 'deactivated-color': 'active-color'"
-                    [disabled]="disableDelete"
-                    (click)="openAreYouSureModal(areYouSureModal)">
-              <i class="fas fa-minus"></i>
-            </button>
-            <button style="color: var(--bluewarm-dark); float: right; font-size: 15px;"
-                    [disabled]="disableAddRow"
-                    (click)="onClickAddRow()">
-              <i class="fas fa-plus"></i>
-            </button>
-          </div>
-
-          <!-- Dictionary Display Grid -->
-          <div class="d-flex flex-column flex-grow-1">
-            <ag-grid-angular id="dictionary-grid-display"
-                             #dataGrid
-                             class="ag-theme-balham full-height full-width hci-dictoinary-display-grid"
-                             [rowData]="dictionaryEntries"
-                             [rowSelection]="'multiple'"
-                             [singleClickEdit]="'true'"
-                             [pagination]="'true'"
-                             [paginationAutoPageSize]="'true'"
-                             [gridOptions]="gridOptions"
-                             (cellValueChanged)="updateDictionary($event)"
-            >
-            </ag-grid-angular>
-          </div>
-
-          <!-- Dictionary Metadata Popup -->
-          <ng-template #metaDataModal let-close="close">
-            <div style="width:1000px">
-              <div class="modal-header">
-                Meta Data for {{className}}
-              </div>
-              <div class="d-flex flex-column modal-body"
-                   style="border: 1px solid #ced4da; width: 100%;">
-                <ag-grid-angular #metaGrid
-                                 class="ag-theme-balham full-width"
-                                 style="height: 250px;"
-                                 (gridReady)="this.onMetaGridReady($event)"
-                                 [gridOptions]="this.metaGridOptions"
-                                 [rowSelection]="'single'"
-                                 [frameworkComponents]="frameworkComponents"
-                                 [rowData]="dictionary?.fields">
-                </ag-grid-angular>
-              </div>
-              <div class="modal-footer">
-                <button class="btn btn-primary" (click)="close('Close')">Close</button>
-              </div>
-            </div>
-          </ng-template>
-
-          <!-- Dictionary Delete Comfirmation Popup -->
-          <ng-template #areYouSureModal let-close="close">
-            <div class="modal-header">
-              Confirmation
-            </div>
-            <div class="modal-body d-flex">
-              Are you sure?
-            </div>
-            <div class="modal-footer">
-              <button class="btn btn-primary" (click)="close('Cancel')">Cancel</button>
-              <button class="btn btn-primary btn-red" (click)="close('Delete')">Delete</button>
-            </div>
-          </ng-template>
-        </div>
-      `, isInline: true, styles: [".full-height{height:100%}.full-width{width:100%}.ag-theme-balham{font-family:Prompt;font-weight:500}.active-color{float:right;font-size:15px;color:var(--bluewarm-dark)}.deactivated-color{float:right;font-size:15px;color:var(--greywarm-medlight)}.dictionary-info-section{padding-top:10px}.dictionary-title{float:left;font-size:16px;padding-left:10px;padding-right:10px;padding-top:5px}.metadata-button{color:var(--white-lightest);float:left;font-size:15px}:host::ng-deep .ag-header-cell{background-color:var(--bluewarmvividfade-lightest);border:lightgray solid thin}:host::ng-deep .ag-cell{border-right:lightgray solid thin;border-left:lightgray solid thin}:host::ng-deep .ag-row{border-bottom:0;border-top:0}:host::ng-deep .ag-row-even{background-color:var(--white-medium)}.hci-dictionary-detail-body{height:100%;width:100%;background:linear-gradient(0deg,var(--white-lightest) 30%,var(--bluewarmvividfade-lighter) 100%)!important}.hci-dictoinary-display-grid{padding-right:5px;padding-left:5px;box-shadow:#00000059 0 5px 15px}:host::ng-deep .ag-row-hover{color:#666!important;background-color:var(--bluewarmvividfade-lighter)!important}:host::ng-deep .ag-row-selected .ag-cell{color:var(--white-lightest)!important}:host::ng-deep .ag-row-selected{color:var(--white-darker)!important;background-color:var(--bluewarmvivid-lighter)!important}\n"], dependencies: [{ kind: "component", type: i4$1.BusyComponent, selector: "hci-busy", inputs: ["busy", "busySubjects", "getBusySubjects", "parentSelector", "rootClass", "icon", "iconSize", "showIcon", "mxAuto", "myAuto", "text", "template", "config"] }, { kind: "component", type: i2$1.AgGridAngular, selector: "ag-grid-angular", inputs: ["statusBar", "sideBar", "suppressContextMenu", "preventDefaultOnContextMenu", "allowContextMenuWithControlKey", "suppressMenuHide", "enableBrowserTooltips", "tooltipShowDelay", "tooltipHideDelay", "tooltipMouseTrack", "popupParent", "copyHeadersToClipboard", "copyGroupHeadersToClipboard", "clipboardDelimiter", "suppressCopyRowsToClipboard", "suppressCopySingleCellRanges", "suppressLastEmptyLineOnPaste", "suppressClipboardPaste", "suppressClipboardApi", "columnDefs", "defaultColDef", "defaultColGroupDef", "columnTypes", "maintainColumnOrder", "suppressFieldDotNotation", "deltaColumnMode", "applyColumnDefOrder", "immutableColumns", "suppressSetColumnStateEvents", "suppressColumnStateEvents", "colWidth", "minColWidth", "maxColWidth", "headerHeight", "groupHeaderHeight", "floatingFiltersHeight", "pivotHeaderHeight", "pivotGroupHeaderHeight", "allowDragFromColumnsToolPanel", "suppressMovableColumns", "suppressColumnMoveAnimation", "suppressDragLeaveHidesColumns", "colResizeDefault", "suppressAutoSize", "autoSizePadding", "skipHeaderOnAutoSize", "components", "frameworkComponents", "editType", "singleClickEdit", "suppressClickEdit", "readOnlyEdit", "stopEditingWhenCellsLoseFocus", "enterMovesDown", "enterMovesDownAfterEdit", "undoRedoCellEditing", "undoRedoCellEditingLimit", "stopEditingWhenGridLosesFocus", "defaultCsvExportParams", "suppressCsvExport", "defaultExcelExportParams", "suppressExcelExport", "excelStyles", "defaultExportParams", "quickFilterText", "cacheQuickFilter", "excludeChildrenWhenTreeDataFiltering", "enableCharts", "chartThemes", "customChartThemes", "chartThemeOverrides", "loadingCellRenderer", "loadingCellRendererFramework", "loadingCellRendererParams", "loadingCellRendererSelector", "localeText", "masterDetail", "keepDetailRows", "keepDetailRowsCount", "detailCellRenderer", "detailCellRendererFramework", "detailCellRendererParams", "detailRowHeight", "detailRowAutoHeight", "context", "alignedGrids", "tabIndex", "rowBuffer", "valueCache", "valueCacheNeverExpires", "enableCellExpressions", "suppressParentsInRowNodes", "suppressTouch", "suppressFocusAfterRefresh", "suppressAsyncEvents", "suppressBrowserResizeObserver", "suppressPropertyNamesCheck", "suppressChangeDetection", "debug", "overlayLoadingTemplate", "loadingOverlayComponent", "loadingOverlayComponentFramework", "loadingOverlayComponentParams", "suppressLoadingOverlay", "overlayNoRowsTemplate", "noRowsOverlayComponent", "noRowsOverlayComponentFramework", "noRowsOverlayComponentParams", "suppressNoRowsOverlay", "pagination", "paginationPageSize", "paginationAutoPageSize", "paginateChildRows", "suppressPaginationPanel", "pivotMode", "pivotPanelShow", "pivotColumnGroupTotals", "pivotRowTotals", "pivotSuppressAutoColumn", "suppressExpandablePivotGroups", "functionsReadOnly", "aggFuncs", "suppressAggFuncInHeader", "suppressAggAtRootLevel", "aggregateOnlyChangedColumns", "suppressAggFilteredOnly", "removePivotHeaderRowWhenSingleValueColumn", "animateRows", "enableCellChangeFlash", "cellFlashDelay", "cellFadeDelay", "domLayout", "ensureDomOrder", "enableRtl", "suppressColumnVirtualisation", "suppressMaxRenderedRowRestriction", "suppressRowVirtualisation", "rowDragManaged", "suppressRowDrag", "suppressMoveWhenRowDragging", "rowDragEntireRow", "rowDragMultiRow", "fullWidthCellRenderer", "fullWidthCellRendererFramework", "fullWidthCellRendererParams", "embedFullWidthRows", "deprecatedEmbedFullWidthRows", "groupDisplayType", "groupDefaultExpanded", "autoGroupColumnDef", "groupMaintainOrder", "groupSelectsChildren", "groupAggFiltering", "groupIncludeFooter", "groupIncludeTotalFooter", "groupSuppressBlankHeader", "groupSelectsFiltered", "showOpenedGroup", "groupRemoveSingleChildren", "groupRemoveLowestSingleChildren", "groupHideOpenParents", "rowGroupPanelShow", "groupRowRenderer", "groupRowRendererFramework", "groupRowRendererParams", "suppressMakeColumnVisibleAfterUnGroup", "treeData", "groupRowInnerRenderer", "groupRowInnerRendererFramework", "groupMultiAutoColumn", "groupUseEntireRow", "groupSuppressAutoColumn", "rememberGroupStateWhenNewData", "pinnedTopRowData", "pinnedBottomRowData", "rowModelType", "rowData", "immutableData", "asyncTransactionWaitMillis", "suppressModelUpdateAfterUpdateTransaction", "deltaRowDataMode", "batchUpdateWaitMillis", "datasource", "cacheOverflowSize", "infiniteInitialRowCount", "serverSideStoreType", "cacheBlockSize", "maxBlocksInCache", "maxConcurrentDatasourceRequests", "blockLoadDebounceMillis", "purgeClosedRowNodes", "serverSideDatasource", "serverSideSortingAlwaysResets", "serverSideFilteringAlwaysResets", "suppressEnterpriseResetOnNewColumns", "viewportDatasource", "viewportRowModelPageSize", "viewportRowModelBufferSize", "alwaysShowHorizontalScroll", "alwaysShowVerticalScroll", "debounceVerticalScrollbar", "suppressHorizontalScroll", "suppressScrollOnNewData", "suppressScrollWhenPopupsAreOpen", "suppressAnimationFrame", "suppressMiddleClickScrolls", "suppressPreventDefaultOnMouseWheel", "scrollbarWidth", "rowSelection", "rowMultiSelectWithClick", "suppressRowDeselection", "suppressRowClickSelection", "suppressCellSelection", "suppressCellFocus", "suppressMultiRangeSelection", "enableCellTextSelection", "enableRangeSelection", "enableRangeHandle", "enableFillHandle", "fillHandleDirection", "suppressClearOnFillReduction", "sortingOrder", "accentedSort", "unSortIcon", "suppressMultiSort", "alwaysMultiSort", "multiSortKey", "suppressMaintainUnsortedOrder", "icons", "rowHeight", "rowStyle", "rowClass", "rowClassRules", "suppressRowHoverHighlight", "suppressRowTransform", "columnHoverHighlight", "deltaSort", "treeDataDisplayType", "angularCompileRows", "angularCompileFilters", "functionsPassive", "enableGroupEdit", "getContextMenuItems", "getMainMenuItems", "postProcessPopup", "processCellForClipboard", "processHeaderForClipboard", "processGroupHeaderForClipboard", "processCellFromClipboard", "sendToClipboard", "processDataFromClipboard", "isExternalFilterPresent", "doesExternalFilterPass", "getChartToolbarItems", "createChartContainer", "navigateToNextHeader", "tabToNextHeader", "navigateToNextCell", "tabToNextCell", "suppressKeyboardEvent", "localeTextFunc", "getLocaleText", "getDocument", "paginationNumberFormatter", "groupRowAggNodes", "getGroupRowAgg", "isGroupOpenByDefault", "initialGroupOrderComparator", "defaultGroupOrderComparator", "processSecondaryColDef", "processSecondaryColGroupDef", "getDataPath", "defaultGroupSortComparator", "getChildCount", "getServerSideStoreParams", "isServerSideGroupOpenByDefault", "isApplyServerSideTransaction", "isServerSideGroup", "getServerSideGroupKey", "getBusinessKeyForNode", "getRowNodeId", "getRowId", "resetRowDataOnUpdate", "processRowPostCreate", "isRowSelectable", "isRowMaster", "fillOperation", "postSort", "postSortRows", "getRowStyle", "getRowClass", "getRowHeight", "isFullWidthCell", "isFullWidthRow", "gridOptions", "modules"], outputs: ["toolPanelVisibleChanged", "pasteStart", "pasteEnd", "columnVisible", "columnPinned", "columnResized", "columnMoved", "columnValueChanged", "columnPivotModeChanged", "columnPivotChanged", "columnGroupOpened", "newColumnsLoaded", "gridColumnsChanged", "displayedColumnsChanged", "virtualColumnsChanged", "columnEverythingChanged", "componentStateChanged", "cellValueChanged", "cellEditRequest", "rowValueChanged", "cellEditingStarted", "cellEditingStopped", "rowEditingStarted", "rowEditingStopped", "filterOpened", "filterChanged", "filterModified", "chartCreated", "chartRangeSelectionChanged", "chartOptionsChanged", "chartDestroyed", "cellKeyDown", "cellKeyPress", "gridReady", "firstDataRendered", "gridSizeChanged", "modelUpdated", "virtualRowRemoved", "viewportChanged", "bodyScroll", "bodyScrollEnd", "dragStarted", "dragStopped", "paginationChanged", "rowDragEnter", "rowDragMove", "rowDragLeave", "rowDragEnd", "columnRowGroupChanged", "rowGroupOpened", "expandOrCollapseAll", "pinnedRowDataChanged", "rowDataChanged", "rowDataUpdated", "asyncTransactionsFlushed", "cellClicked", "cellDoubleClicked", "cellFocused", "cellMouseOver", "cellMouseOut", "cellMouseDown", "rowClicked", "rowDoubleClicked", "rowSelected", "selectionChanged", "cellContextMenu", "rangeSelectionChanged", "sortChanged", "columnRowGroupChangeRequest", "columnPivotChangeRequest", "columnValueChangeRequest", "columnAggFuncChangeRequest"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DictionaryEditorDetailComponent, decorators: [{
-            type: Component,
-            args: [{ selector: "hci-dictionary-editor-detail", template: `
-        <div class="d-flex flex-column hci-dictionary-detail-body"
-        >
-          <hci-busy [busySubjects]="loadingSubjects"></hci-busy>
-
-          <!-- Dictionary Title And Metadata -->
-          <div class="dictionary-info-section">
-            <span class="dictionary-title">
-              {{displayName}}
-            </span>
-            <button class="btn btn-primary metadata-button"
-                    (click)="openModal(metaDataModal)">
-              View Meta Data
-            </button>
-          </div>
-
-          <!-- Dictionary Edit Buttons -->
-          <div>
-            <button [class]="disableDelete? 'deactivated-color': 'active-color'"
-                    [disabled]="disableDelete"
-                    (click)="openAreYouSureModal(areYouSureModal)">
-              <i class="fas fa-minus"></i>
-            </button>
-            <button style="color: var(--bluewarm-dark); float: right; font-size: 15px;"
-                    [disabled]="disableAddRow"
-                    (click)="onClickAddRow()">
-              <i class="fas fa-plus"></i>
-            </button>
-          </div>
-
-          <!-- Dictionary Display Grid -->
-          <div class="d-flex flex-column flex-grow-1">
-            <ag-grid-angular id="dictionary-grid-display"
-                             #dataGrid
-                             class="ag-theme-balham full-height full-width hci-dictoinary-display-grid"
-                             [rowData]="dictionaryEntries"
-                             [rowSelection]="'multiple'"
-                             [singleClickEdit]="'true'"
-                             [pagination]="'true'"
-                             [paginationAutoPageSize]="'true'"
-                             [gridOptions]="gridOptions"
-                             (cellValueChanged)="updateDictionary($event)"
-            >
-            </ag-grid-angular>
-          </div>
-
-          <!-- Dictionary Metadata Popup -->
-          <ng-template #metaDataModal let-close="close">
-            <div style="width:1000px">
-              <div class="modal-header">
-                Meta Data for {{className}}
-              </div>
-              <div class="d-flex flex-column modal-body"
-                   style="border: 1px solid #ced4da; width: 100%;">
-                <ag-grid-angular #metaGrid
-                                 class="ag-theme-balham full-width"
-                                 style="height: 250px;"
-                                 (gridReady)="this.onMetaGridReady($event)"
-                                 [gridOptions]="this.metaGridOptions"
-                                 [rowSelection]="'single'"
-                                 [frameworkComponents]="frameworkComponents"
-                                 [rowData]="dictionary?.fields">
-                </ag-grid-angular>
-              </div>
-              <div class="modal-footer">
-                <button class="btn btn-primary" (click)="close('Close')">Close</button>
-              </div>
-            </div>
-          </ng-template>
-
-          <!-- Dictionary Delete Comfirmation Popup -->
-          <ng-template #areYouSureModal let-close="close">
-            <div class="modal-header">
-              Confirmation
-            </div>
-            <div class="modal-body d-flex">
-              Are you sure?
-            </div>
-            <div class="modal-footer">
-              <button class="btn btn-primary" (click)="close('Cancel')">Cancel</button>
-              <button class="btn btn-primary btn-red" (click)="close('Delete')">Delete</button>
-            </div>
-          </ng-template>
-        </div>
-      `, styles: [".full-height{height:100%}.full-width{width:100%}.ag-theme-balham{font-family:Prompt;font-weight:500}.active-color{float:right;font-size:15px;color:var(--bluewarm-dark)}.deactivated-color{float:right;font-size:15px;color:var(--greywarm-medlight)}.dictionary-info-section{padding-top:10px}.dictionary-title{float:left;font-size:16px;padding-left:10px;padding-right:10px;padding-top:5px}.metadata-button{color:var(--white-lightest);float:left;font-size:15px}:host::ng-deep .ag-header-cell{background-color:var(--bluewarmvividfade-lightest);border:lightgray solid thin}:host::ng-deep .ag-cell{border-right:lightgray solid thin;border-left:lightgray solid thin}:host::ng-deep .ag-row{border-bottom:0;border-top:0}:host::ng-deep .ag-row-even{background-color:var(--white-medium)}.hci-dictionary-detail-body{height:100%;width:100%;background:linear-gradient(0deg,var(--white-lightest) 30%,var(--bluewarmvividfade-lighter) 100%)!important}.hci-dictoinary-display-grid{padding-right:5px;padding-left:5px;box-shadow:#00000059 0 5px 15px}:host::ng-deep .ag-row-hover{color:#666!important;background-color:var(--bluewarmvividfade-lighter)!important}:host::ng-deep .ag-row-selected .ag-cell{color:var(--white-lightest)!important}:host::ng-deep .ag-row-selected{color:var(--white-darker)!important;background-color:var(--bluewarmvivid-lighter)!important}\n"] }]
-        }], ctorParameters: function () {
-        return [{ type: i3.ActivatedRoute }, { type: i1$2.NgbModal }, { type: i1.DictionaryService }, { type: undefined, decorators: [{
-                        type: Inject,
-                        args: [DICTIONARY_ENDPOINT]
-                    }] }];
-    }, propDecorators: { classList: [{
-                type: HostBinding,
-                args: ["class"]
-            }] } });
-/**
- * Extracts Date And Turn To A Numerical Value For Comparing Purposes
- * @param date The date to comparable number
- */
-function monthToComparableNumber(date) {
-    if (date === undefined || date === null || date.length !== 10) {
-        return null;
-    }
-    let yearNumber = date.substring(0, 4);
-    let monthNumber = date.substring(5, 7);
-    let dayNumber = date.substring(8, 10);
-    return yearNumber * 10000 + monthNumber * 100 + dayNumber;
-}
-
-const ROUTES = [
-    { path: "", component: DictionaryEditorComponent,
-        children: [
-            { path: "", redirectTo: "home", pathMatch: "full" },
-            { path: "home", component: DictionaryEditorHomeComponent },
-            { path: "detail/:className", component: DictionaryEditorDetailComponent }
-        ]
-    }
-];
-const DICTIONARY_EDITOR_ROUTES = RouterModule.forChild(ROUTES);
-
-class AgGridRendererModule {
-}
-AgGridRendererModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AgGridRendererModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AgGridRendererModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: AgGridRendererModule, declarations: [SelectRenderer,
-        DateRenderer], imports: [CommonModule,
-        FormsModule,
-        ReactiveFormsModule], exports: [SelectRenderer,
-        DateRenderer] });
-AgGridRendererModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AgGridRendererModule, imports: [CommonModule,
-        FormsModule,
-        ReactiveFormsModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AgGridRendererModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        CommonModule,
-                        FormsModule,
-                        ReactiveFormsModule,
-                    ],
-                    declarations: [
-                        SelectRenderer,
-                        DateRenderer
-                    ],
-                    exports: [
-                        SelectRenderer,
-                        DateRenderer
-                    ]
-                }]
-        }] });
-
-class AgGridEditorModule {
-}
-AgGridEditorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AgGridEditorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AgGridEditorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: AgGridEditorModule, declarations: [SelectEditor,
-        AgGridDateCellEditorComponent,
-        DatepickerComponent], imports: [AgGridModule,
-        CommonModule,
-        FormsModule,
-        ReactiveFormsModule,
-        MatDatepickerModule,
-        MomentDateModule,
-        AgGridRendererModule], exports: [SelectEditor,
-        AgGridDateCellEditorComponent] });
-AgGridEditorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AgGridEditorModule, imports: [AgGridModule,
-        CommonModule,
-        FormsModule,
-        ReactiveFormsModule,
-        MatDatepickerModule,
-        MomentDateModule,
-        AgGridRendererModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AgGridEditorModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        AgGridModule,
-                        CommonModule,
-                        FormsModule,
-                        ReactiveFormsModule,
-                        MatDatepickerModule,
-                        MomentDateModule,
-                        AgGridRendererModule
-                    ],
-                    declarations: [
-                        SelectEditor,
-                        AgGridDateCellEditorComponent,
-                        DatepickerComponent
-                    ],
-                    exports: [
-                        SelectEditor,
-                        AgGridDateCellEditorComponent
-                    ]
-                }]
-        }] });
-
-/*
- * Copyright (c) 2016 Huntsman Cancer Institute at the University of Utah, Confidential and Proprietary
- */
-/**
- * The module defining the dictionary editor.
- *
- * @since 1.0.0
- */
-class DictionaryEditorModule {
-}
-DictionaryEditorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DictionaryEditorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DictionaryEditorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: DictionaryEditorModule, declarations: [DictionaryEditorComponent,
-        DictionaryEditorHomeComponent,
-        DictionaryEditorDetailComponent,
-        NewRowComponent], imports: [CommonModule,
-        FormsModule, i3.RouterModule, NgbModule,
-        NavigationModule,
-        MiscModule,
-        AgGridEditorModule,
-        AgGridRendererModule,
-        AgGridModule], exports: [DictionaryEditorComponent,
-        DictionaryEditorHomeComponent,
-        DictionaryEditorDetailComponent] });
-DictionaryEditorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DictionaryEditorModule, imports: [CommonModule,
-        FormsModule,
-        DICTIONARY_EDITOR_ROUTES,
-        NgbModule,
-        NavigationModule,
-        MiscModule,
-        AgGridEditorModule,
-        AgGridRendererModule,
-        AgGridModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DictionaryEditorModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        CommonModule,
-                        FormsModule,
-                        DICTIONARY_EDITOR_ROUTES,
-                        NgbModule,
-                        NavigationModule,
-                        MiscModule,
-                        AgGridEditorModule,
-                        AgGridRendererModule,
-                        AgGridModule,
-                    ],
-                    declarations: [
-                        DictionaryEditorComponent,
-                        DictionaryEditorHomeComponent,
-                        DictionaryEditorDetailComponent,
-                        NewRowComponent
-                    ],
-                    exports: [
-                        DictionaryEditorComponent,
-                        DictionaryEditorHomeComponent,
-                        DictionaryEditorDetailComponent
-                    ]
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { DictionaryEditorComponent, DictionaryEditorDetailComponent, DictionaryEditorHomeComponent, DictionaryEditorModule };
-//# sourceMappingURL=huntsman-cancer-institute-dictionary-editor.mjs.map