@huntsman-cancer-institute/cod 17.2.6 → 17.3.1

package/fesm2022/huntsman-cancer-institute-cod.mjs

@@ -1,9 +1,9 @@
 import * as i0 from '@angular/core';
-import { Pipe, InjectionToken, isDevMode, Injectable, Inject, EventEmitter, Directive, Input, Output, ViewChild, Component, ViewEncapsulation, forwardRef, HostBinding, NgModule } from '@angular/core';
+import { Pipe, InjectionToken, isDevMode, Injectable, Inject, EventEmitter, Directive, Input, Output, ViewChild, Component, ViewEncapsulation, HostBinding, NgModule, forwardRef } from '@angular/core';
 import * as i4 from '@angular/common';
 import { DatePipe, CommonModule } from '@angular/common';
 import * as i5 from '@angular/forms';
-import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
+import { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
 import * as i3 from '@angular/router';
 import { RouterModule } from '@angular/router';
 import * as i6 from '@angular/material/datepicker';
@@ -15,7 +15,6 @@ import * as i3$1 from 'ag-grid-angular';
 import { AgGridModule } from 'ag-grid-angular';
 import * as i2$1 from '@ng-bootstrap/ng-bootstrap';
 import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
-import * as i3$2 from '@huntsman-cancer-institute/input';
 import { DropdownModule, SelectModule } from '@huntsman-cancer-institute/input';
 import * as i4$1 from '@huntsman-cancer-institute/misc';
 import { MiscModule } from '@huntsman-cancer-institute/misc';
@@ -24,6 +23,7 @@ import { first } from 'rxjs/operators';
 import * as i2 from '@angular/common/http';
 import { HttpParams } from '@angular/common/http';
 import * as i1 from '@huntsman-cancer-institute/dictionary-service';
+import { DictionaryServiceModule } from '@huntsman-cancer-institute/dictionary-service';
 import { parse } from 'date-fns';
 
 /**
@@ -98,6 +98,7 @@ class AttributeService {
         this.updatedAttributeValues = [];
         this.slicedAttributeValues = [];
         this.uniqueId = 0;
+        this._editButtonsEnabled = true; //Preserve old default
         if (isDevMode()) {
             console.debug("Created New AttributeService");
         }
@@ -108,6 +109,16 @@ class AttributeService {
             this.notifyAttributes();
         }
     }
+    get editButtonsEnabled() {
+        return this._editButtonsEnabled;
+    }
+    ;
+    set editButtonsEnabled(enabled) {
+        if (enabled !== this._editButtonsEnabled) {
+            this._editButtonsEnabled = enabled;
+            this.notifyAttributes();
+        }
+    }
     getAttributeValueCountByAttribute(idAttribute) {
         return this.http.get(this.attributeEndpoint + "attribute-value-count", { params: new HttpParams().set("idAttribute", idAttribute.toString()) });
     }
@@ -565,6 +576,7 @@ class AttributeService {
             if (!attributeValueSet.attributeValues) {
                 attributeValueSet.attributeValues = [];
             }
+            this.checkAvsEditable();
             this.attributeValueSetSubject.next(attributeValueSet);
             this.loadingSubject.next(false);
             this.dirty.next(false);
@@ -574,6 +586,17 @@ class AttributeService {
             this.attributeValueSetSubject.next(undefined);
         });
     }
+    checkAvsEditable() {
+        let url = this.attributeEndpoint + "attribute-value-set/" + this.idAttributeValueSet + "/can-edit";
+        let ac = this.attributeConfigurationSubject.getValue();
+        let queryParams = new HttpParams()
+            .set("codeAttributeSecurityContext", ac.codeAttributeSecurityContext)
+            .set("codeAttributeContext", ac.codeAttributeContext)
+            .set("idParentObject", (this.idParentObject) ? this.idParentObject.toString() : "");
+        this.http.get(url, { params: queryParams }).subscribe((canEdit) => {
+            this.editButtonsEnabled = canEdit;
+        });
+    }
     getBaseWindowDimension(baseWindowTemplate) {
         this.http.get(this.attributeEndpoint + "base-window-dimension", { params: new HttpParams().set("baseWindowTemplate", baseWindowTemplate) })
             .subscribe((dimension) => {
@@ -1933,7 +1956,8 @@ class AttributeEditComponent extends AttributeBase {
           <div *ngIf="attribute.displayName" class="d-flex col-md-6">
            {{attribute.displayName}}
           </div>
-          <div class="d-flex col-md-6">
+
+            <div *ngIf="(attribute.h == undefined || (attribute.h && attribute.h <= 25))" class="d-flex col-md-6">
             <input #inputRef
                    type="text"
                    [ngModel]="attributeValues[0].valueString"
@@ -1941,6 +1965,21 @@ class AttributeEditComponent extends AttributeBase {
                    [disabled]="!editInline || attribute.isCalculated === 'Y'"
             />
           </div>
+
+            <div *ngIf="(attribute.h && attribute.h > 25)" class="d-flex col-md-6">
+              <textarea
+                #inputRef
+                type="text"
+                spellcheck="spellcheck"
+                lang="en"
+                [ngModel]="attributeValues[0].valueString"
+                (ngModelChange)="valueStringChange($event)"
+                [disabled]="!editInline || attribute.isCalculated === 'Y'"
+                style="width: 500px; height: 125px; resize: none;"
+              >
+              </textarea>
+            </div>
+
         </div>
     </ng-container>
 
@@ -2263,7 +2302,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
           <div *ngIf="attribute.displayName" class="d-flex col-md-6">
            {{attribute.displayName}}
           </div>
-          <div class="d-flex col-md-6">
+
+            <div *ngIf="(attribute.h == undefined || (attribute.h && attribute.h <= 25))" class="d-flex col-md-6">
             <input #inputRef
                    type="text"
                    [ngModel]="attributeValues[0].valueString"
@@ -2271,6 +2311,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
                    [disabled]="!editInline || attribute.isCalculated === 'Y'"
             />
           </div>
+
+            <div *ngIf="(attribute.h && attribute.h > 25)" class="d-flex col-md-6">
+              <textarea
+                #inputRef
+                type="text"
+                spellcheck="spellcheck"
+                lang="en"
+                [ngModel]="attributeValues[0].valueString"
+                (ngModelChange)="valueStringChange($event)"
+                [disabled]="!editInline || attribute.isCalculated === 'Y'"
+                style="width: 500px; height: 125px; resize: none;"
+              >
+              </textarea>
+            </div>
+
         </div>
     </ng-container>
 
@@ -2607,9 +2662,6 @@ class AttributeAbsoluteComponent extends AttributeBase {
     refresh() {
         super.refresh();
         this.renderer.setStyle(this.elementRef.nativeElement, "position", "absolute");
-        if (this.attribute.tabOrder !== undefined) {
-            this.renderer.setStyle(this.elementRef.nativeElement, "z-index", 10 + this.attribute.tabOrder);
-        }
         if (this.attribute.x !== undefined) {
             this.renderer.setStyle(this.elementRef.nativeElement, "left", this.attribute.x + "px");
         }
@@ -2639,6 +2691,9 @@ class AttributeAbsoluteComponent extends AttributeBase {
             if (this.nativeSelectRef) {
                 this.nativeSelectRef.setHeight(this.attribute.h);
             }
+            if (this.attribute.isMultiValue === 'Y') {
+                this.renderer.setStyle(this.elementRef.nativeElement, 'height', this.attribute.h + 'px');
+            }
         }
     }
     /**
@@ -2917,7 +2972,6 @@ class AttributeAbsoluteComponent extends AttributeBase {
                 <div class="d-flex flex-shrink-0">
                   <input type="checkbox"
                          [checked]="attributeChoice.value"
-                         [disabled]="!editInline || attribute.isCalculated === 'Y'"
                          (change)="valueMultiChoiceChange(attributeChoice)"
                          [disabled]="!editInline || attribute.isCalculated === 'Y'"
                          class="form-control checkbox"/>
@@ -2943,7 +2997,6 @@ class AttributeAbsoluteComponent extends AttributeBase {
                 <div class="d-flex flex-shrink-0">
                   <input type="checkbox"
                          [checked]="entry.checked"
-                         [disabled]="!editInline || attribute.isCalculated === 'Y'"
                          (change)="valueMultiDictChange(entry)"
                          [disabled]="!editInline || attribute.isCalculated === 'Y'"
                          class="form-control checkbox" />
@@ -2982,17 +3035,27 @@ class AttributeAbsoluteComponent extends AttributeBase {
         <!-- Grid -->
         <ng-container *ngIf="attribute.codeAttributeDataType === 'GA'">
           <div #attributeRef class="d-flex flex-column cod-type-ga i-height">
-            <div *ngIf="attribute.displayName" class="d-flex cod-top-label me-1" [style.width]="'max-content'">
+            <div *ngIf="attribute.idAttribute" class="d-flex cod-top-label me-1" [style.width]="'max-content'">
               <div>
                 {{attribute.displayName}}
               </div>
               <div *ngIf="editInline" style="margin-left: auto;" class="ps-2 pb-2">
-                <button class="btn-ga" (click)="addGridRow(editGridModal, attribute.idAttribute)">
+
+                <button
+                  class="btn-ga"
+                  [disabled]="(!this.attributeService.editButtonsEnabled)"
+                  (click)="addGridRow(editGridModal, attribute.idAttribute)"
+                >
               <span class="ga-icon">
                 <i class="fas fa-plus fa-xs"></i>
               </span>
                 </button>
-                <button class="btn-ga" (click)="removeGridRow(attribute.idAttribute)">
+
+                <button
+                  class="btn-ga"
+                  [disabled]="(!this.attributeService.editButtonsEnabled)"
+                  (click)="removeGridRow(attribute.idAttribute)"
+                >
               <span class="ga-icon">
                 <i class="fas fa-minus fa-xs"></i>
               </span>
@@ -3030,8 +3093,19 @@ class AttributeAbsoluteComponent extends AttributeBase {
             </ng-container>
           </div>
           <div class="modal-footer">
-            <button class="btn btn-primary" (click)="close('Save')">Save</button>
-            <button class="btn btn-primary" (click)="close('Cancel')">Cancel</button>
+            <button
+              [disabled]="(!this.attributeService.editButtonsEnabled)"
+              class="btn btn-primary"
+              (click)="close('Save')"
+            >
+              Save
+            </button>
+
+            <button
+              class="btn btn-primary"
+              (click)="close('Cancel')"
+            >Cancel
+            </button>
           </div>
         </ng-template>
       `, isInline: true, styles: [".hci-cod button.mat-icon-button.mat-button-base{height:20px;width:20px;line-height:unset}.btn-ga{padding:0;height:18px;width:18px}.ga-icon{font-size:.9em;vertical-align:top}.hci-cod .mat-datepicker-toggle-default-icon{height:20px;width:20px}\n"], dependencies: [{ kind: "component", type: i3$1.AgGridAngular, selector: "ag-grid-angular", inputs: ["gridOptions", "modules", "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", "suppressRowGroupHidesColumns", "colResizeDefault", "suppressAutoSize", "autoSizePadding", "skipHeaderOnAutoSize", "components", "frameworkComponents", "editType", "singleClickEdit", "suppressClickEdit", "readOnlyEdit", "stopEditingWhenCellsLoseFocus", "enterMovesDown", "enterMovesDownAfterEdit", "enableCellEditingOnBackspace", "undoRedoCellEditing", "undoRedoCellEditingLimit", "stopEditingWhenGridLosesFocus", "defaultCsvExportParams", "suppressCsvExport", "defaultExcelExportParams", "suppressExcelExport", "excelStyles", "defaultExportParams", "quickFilterText", "cacheQuickFilter", "excludeChildrenWhenTreeDataFiltering", "enableCharts", "chartThemes", "customChartThemes", "chartThemeOverrides", "enableChartToolPanelsButton", "chartToolPanelsDef", "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", "allowShowChangeAfterFilter", "domLayout", "ensureDomOrder", "enableRtl", "suppressColumnVirtualisation", "suppressMaxRenderedRowRestriction", "suppressRowVirtualisation", "rowDragManaged", "suppressRowDrag", "suppressMoveWhenRowDragging", "rowDragEntireRow", "rowDragMultiRow", "rowDragText", "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", "rowGroupPanelSuppressSort", "groupRowsSticky", "groupRowInnerRenderer", "groupRowInnerRendererFramework", "groupMultiAutoColumn", "groupUseEntireRow", "groupSuppressAutoColumn", "rememberGroupStateWhenNewData", "pinnedTopRowData", "pinnedBottomRowData", "rowModelType", "rowData", "immutableData", "asyncTransactionWaitMillis", "suppressModelUpdateAfterUpdateTransaction", "deltaRowDataMode", "batchUpdateWaitMillis", "datasource", "cacheOverflowSize", "infiniteInitialRowCount", "serverSideInitialRowCount", "serverSideStoreType", "serverSideInfiniteScroll", "cacheBlockSize", "maxBlocksInCache", "maxConcurrentDatasourceRequests", "blockLoadDebounceMillis", "purgeClosedRowNodes", "serverSideDatasource", "serverSideSortAllLevels", "serverSideFilterAllLevels", "serverSideSortOnServer", "serverSideFilterOnServer", "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", "processPivotResultColDef", "processPivotResultColGroupDef", "getDataPath", "defaultGroupSortComparator", "getChildCount", "getServerSideGroupLevelParams", "getServerSideStoreParams", "isServerSideGroupOpenByDefault", "isApplyServerSideTransaction", "isServerSideGroup", "getServerSideGroupKey", "getBusinessKeyForNode", "getRowNodeId", "getRowId", "resetRowDataOnUpdate", "processRowPostCreate", "isRowSelectable", "isRowMaster", "fillOperation", "postSort", "postSortRows", "getRowStyle", "getRowClass", "getRowHeight", "isFullWidthCell", "isFullWidthRow"], outputs: ["toolPanelVisibleChanged", "toolPanelSizeChanged", "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"] }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i5.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i5.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: i5.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i5.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i6.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i6.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "component", type: i7.NgxMatDatetimepicker, selector: "ngx-mat-datetime-picker", exportAs: ["ngxMatDatetimePicker"] }, { kind: "directive", type: i7.NgxMatDatepickerInput, selector: "input[ngxMatDatetimePicker]", inputs: ["ngxMatDatetimePicker", "min", "max", "matDatepickerFilter"], exportAs: ["ngxMatDatepickerInput"] }, { kind: "component", type: AttributeEditComponent, selector: "hci-attribute-edit" }], encapsulation: i0.ViewEncapsulation.None }); }
@@ -3292,7 +3366,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
                 <div class="d-flex flex-shrink-0">
                   <input type="checkbox"
                          [checked]="attributeChoice.value"
-                         [disabled]="!editInline || attribute.isCalculated === 'Y'"
                          (change)="valueMultiChoiceChange(attributeChoice)"
                          [disabled]="!editInline || attribute.isCalculated === 'Y'"
                          class="form-control checkbox"/>
@@ -3318,7 +3391,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
                 <div class="d-flex flex-shrink-0">
                   <input type="checkbox"
                          [checked]="entry.checked"
-                         [disabled]="!editInline || attribute.isCalculated === 'Y'"
                          (change)="valueMultiDictChange(entry)"
                          [disabled]="!editInline || attribute.isCalculated === 'Y'"
                          class="form-control checkbox" />
@@ -3357,17 +3429,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
         <!-- Grid -->
         <ng-container *ngIf="attribute.codeAttributeDataType === 'GA'">
           <div #attributeRef class="d-flex flex-column cod-type-ga i-height">
-            <div *ngIf="attribute.displayName" class="d-flex cod-top-label me-1" [style.width]="'max-content'">
+            <div *ngIf="attribute.idAttribute" class="d-flex cod-top-label me-1" [style.width]="'max-content'">
               <div>
                 {{attribute.displayName}}
               </div>
               <div *ngIf="editInline" style="margin-left: auto;" class="ps-2 pb-2">
-                <button class="btn-ga" (click)="addGridRow(editGridModal, attribute.idAttribute)">
+
+                <button
+                  class="btn-ga"
+                  [disabled]="(!this.attributeService.editButtonsEnabled)"
+                  (click)="addGridRow(editGridModal, attribute.idAttribute)"
+                >
               <span class="ga-icon">
                 <i class="fas fa-plus fa-xs"></i>
               </span>
                 </button>
-                <button class="btn-ga" (click)="removeGridRow(attribute.idAttribute)">
+
+                <button
+                  class="btn-ga"
+                  [disabled]="(!this.attributeService.editButtonsEnabled)"
+                  (click)="removeGridRow(attribute.idAttribute)"
+                >
               <span class="ga-icon">
                 <i class="fas fa-minus fa-xs"></i>
               </span>
@@ -3405,8 +3487,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
             </ng-container>
           </div>
           <div class="modal-footer">
-            <button class="btn btn-primary" (click)="close('Save')">Save</button>
-            <button class="btn btn-primary" (click)="close('Cancel')">Cancel</button>
+            <button
+              [disabled]="(!this.attributeService.editButtonsEnabled)"
+              class="btn btn-primary"
+              (click)="close('Save')"
+            >
+              Save
+            </button>
+
+            <button
+              class="btn btn-primary"
+              (click)="close('Cancel')"
+            >Cancel
+            </button>
           </div>
         </ng-template>
       `, styles: [".hci-cod button.mat-icon-button.mat-button-base{height:20px;width:20px;line-height:unset}.btn-ga{padding:0;height:18px;width:18px}.ga-icon{font-size:.9em;vertical-align:top}.hci-cod .mat-datepicker-toggle-default-icon{height:20px;width:20px}\n"] }]
@@ -3754,17 +3847,25 @@ class AttributeFlexComponent extends AttributeBase {
     <!-- Grid -->
     <ng-container *ngIf="attribute.codeAttributeDataType === 'GA'">
       <div #attributeRef class="d-flex flex-column cod-type-ga">
-        <div *ngIf="attribute.displayName" class="d-flex cod-top-label me-1">
+        <div *ngIf="attribute.idAttribute" class="d-flex cod-top-label mr-1">
           <div>
             {{attribute.displayName}}
           </div>
           <div *ngIf="editInline" style="margin-left: auto;">
-            <button class="btn-ga" (click)="addGridRow(editGridModal, attribute.idAttribute)">
+                <button
+                  class="btn-ga"
+                  [disabled]="(!this.attributeService.editButtonsEnabled)"
+                  (click)="addGridRow(editGridModal, attribute.idAttribute)"
+                >
               <span class="ga-icon">
                 <i class="fas fa-plus fa-xs"></i>
               </span>
             </button>
-            <button class="btn-ga" (click)="removeGridRow(attribute.idAttribute)">
+                <button
+                  class="btn-ga"
+                  [disabled]="(!this.attributeService.editButtonsEnabled)"
+                  (click)="removeGridRow(attribute.idAttribute)"
+                >
               <span class="ga-icon">
                 <i class="fas fa-minus fa-xs"></i>
               </span>
@@ -3802,8 +3903,20 @@ class AttributeFlexComponent extends AttributeBase {
         </ng-container>
       </div>
       <div class="modal-footer">
-        <button class="btn btn-primary" (click)="close('Save')">Save</button>
-        <button class="btn btn-primary" (click)="close('Cancel')">Cancel</button>
+            <button
+              [disabled]="(!this.attributeService.editButtonsEnabled)"
+              class="btn btn-primary"
+              (click)="close('Save')"
+            >
+              Save
+            </button>
+
+            <button
+              class="btn btn-primary"
+              (click)="close('Cancel')"
+            >
+              Cancel
+            </button>
       </div>
     </ng-template>
   `, isInline: true, styles: [".hci-cod button.mat-icon-button.mat-button-base{height:20px;width:20px;line-height:unset}.btn-ga{padding:0;height:18px;width:18px}.ga-icon{font-size:.9em;vertical-align:top}.hci-cod .mat-datepicker-toggle-default-icon{height:20px;width:20px}\n"], dependencies: [{ kind: "component", type: i3$1.AgGridAngular, selector: "ag-grid-angular", inputs: ["gridOptions", "modules", "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", "suppressRowGroupHidesColumns", "colResizeDefault", "suppressAutoSize", "autoSizePadding", "skipHeaderOnAutoSize", "components", "frameworkComponents", "editType", "singleClickEdit", "suppressClickEdit", "readOnlyEdit", "stopEditingWhenCellsLoseFocus", "enterMovesDown", "enterMovesDownAfterEdit", "enableCellEditingOnBackspace", "undoRedoCellEditing", "undoRedoCellEditingLimit", "stopEditingWhenGridLosesFocus", "defaultCsvExportParams", "suppressCsvExport", "defaultExcelExportParams", "suppressExcelExport", "excelStyles", "defaultExportParams", "quickFilterText", "cacheQuickFilter", "excludeChildrenWhenTreeDataFiltering", "enableCharts", "chartThemes", "customChartThemes", "chartThemeOverrides", "enableChartToolPanelsButton", "chartToolPanelsDef", "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", "allowShowChangeAfterFilter", "domLayout", "ensureDomOrder", "enableRtl", "suppressColumnVirtualisation", "suppressMaxRenderedRowRestriction", "suppressRowVirtualisation", "rowDragManaged", "suppressRowDrag", "suppressMoveWhenRowDragging", "rowDragEntireRow", "rowDragMultiRow", "rowDragText", "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", "rowGroupPanelSuppressSort", "groupRowsSticky", "groupRowInnerRenderer", "groupRowInnerRendererFramework", "groupMultiAutoColumn", "groupUseEntireRow", "groupSuppressAutoColumn", "rememberGroupStateWhenNewData", "pinnedTopRowData", "pinnedBottomRowData", "rowModelType", "rowData", "immutableData", "asyncTransactionWaitMillis", "suppressModelUpdateAfterUpdateTransaction", "deltaRowDataMode", "batchUpdateWaitMillis", "datasource", "cacheOverflowSize", "infiniteInitialRowCount", "serverSideInitialRowCount", "serverSideStoreType", "serverSideInfiniteScroll", "cacheBlockSize", "maxBlocksInCache", "maxConcurrentDatasourceRequests", "blockLoadDebounceMillis", "purgeClosedRowNodes", "serverSideDatasource", "serverSideSortAllLevels", "serverSideFilterAllLevels", "serverSideSortOnServer", "serverSideFilterOnServer", "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", "processPivotResultColDef", "processPivotResultColGroupDef", "getDataPath", "defaultGroupSortComparator", "getChildCount", "getServerSideGroupLevelParams", "getServerSideStoreParams", "isServerSideGroupOpenByDefault", "isApplyServerSideTransaction", "isServerSideGroup", "getServerSideGroupKey", "getBusinessKeyForNode", "getRowNodeId", "getRowId", "resetRowDataOnUpdate", "processRowPostCreate", "isRowSelectable", "isRowMaster", "fillOperation", "postSort", "postSortRows", "getRowStyle", "getRowClass", "getRowHeight", "isFullWidthCell", "isFullWidthRow"], outputs: ["toolPanelVisibleChanged", "toolPanelSizeChanged", "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"] }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i5.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i5.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: i5.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i5.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i6.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i6.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "component", type: i7.NgxMatDatetimepicker, selector: "ngx-mat-datetime-picker", exportAs: ["ngxMatDatetimePicker"] }, { kind: "directive", type: i7.NgxMatDatepickerInput, selector: "input[ngxMatDatetimePicker]", inputs: ["ngxMatDatetimePicker", "min", "max", "matDatepickerFilter"], exportAs: ["ngxMatDatepickerInput"] }, { kind: "component", type: AttributeEditComponent, selector: "hci-attribute-edit" }], encapsulation: i0.ViewEncapsulation.None }); }
@@ -4112,17 +4225,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
     <!-- Grid -->
     <ng-container *ngIf="attribute.codeAttributeDataType === 'GA'">
       <div #attributeRef class="d-flex flex-column cod-type-ga">
-        <div *ngIf="attribute.displayName" class="d-flex cod-top-label me-1">
+        <div *ngIf="attribute.idAttribute" class="d-flex cod-top-label mr-1">
           <div>
             {{attribute.displayName}}
           </div>
           <div *ngIf="editInline" style="margin-left: auto;">
-            <button class="btn-ga" (click)="addGridRow(editGridModal, attribute.idAttribute)">
+                <button
+                  class="btn-ga"
+                  [disabled]="(!this.attributeService.editButtonsEnabled)"
+                  (click)="addGridRow(editGridModal, attribute.idAttribute)"
+                >
               <span class="ga-icon">
                 <i class="fas fa-plus fa-xs"></i>
               </span>
             </button>
-            <button class="btn-ga" (click)="removeGridRow(attribute.idAttribute)">
+                <button
+                  class="btn-ga"
+                  [disabled]="(!this.attributeService.editButtonsEnabled)"
+                  (click)="removeGridRow(attribute.idAttribute)"
+                >
               <span class="ga-icon">
                 <i class="fas fa-minus fa-xs"></i>
               </span>
@@ -4160,74 +4281,427 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
         </ng-container>
       </div>
       <div class="modal-footer">
-        <button class="btn btn-primary" (click)="close('Save')">Save</button>
-        <button class="btn btn-primary" (click)="close('Cancel')">Cancel</button>
+            <button
+              [disabled]="(!this.attributeService.editButtonsEnabled)"
+              class="btn btn-primary"
+              (click)="close('Save')"
+            >
+              Save
+            </button>
+
+            <button
+              class="btn btn-primary"
+              (click)="close('Cancel')"
+            >
+              Cancel
+            </button>
       </div>
     </ng-template>
   `, styles: [".hci-cod button.mat-icon-button.mat-button-base{height:20px;width:20px;line-height:unset}.btn-ga{padding:0;height:18px;width:18px}.ga-icon{font-size:.9em;vertical-align:top}.hci-cod .mat-datepicker-toggle-default-icon{height:20px;width:20px}\n"] }]
         }], ctorParameters: () => [{ type: AttributeService }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i2$1.NgbModal }] });
 
-class AttributeDefaultComponent {
-    get value() {
-        return this._value;
+/**
+ * This component should be added on to any screen that displays a container with COD content.  This container
+ * represents the one of the containers, which in turn contain attributes which display those values in the
+ * attributeValueSet.
+ */
+class AttributeContainerComponent {
+    constructor(attributeService, elementRef, renderer, changeDetectorRef, modalService) {
+        this.attributeService = attributeService;
+        this.elementRef = elementRef;
+        this.renderer = renderer;
+        this.changeDetectorRef = changeDetectorRef;
+        this.modalService = modalService;
+        this.classList = "hci-attribute-configuration hci-cod d-flex flex-column flex-grow-1";
+        this.editInline = true;
+        this.editPopup = false;
+        this.editable = true;
+        this.windowDimension = {};
+        this.subscriptions = new Subscription();
+        this.getBusySubjects = () => {
+            let subjects = [];
+            //subjects.push(this.attributeService.getAttributeConfigurationLoadingSubject());
+            subjects.push(this.attributeService.getLoadingSubject());
+            return subjects;
+        };
     }
-    ;
-    set value(v) {
-        this.onTouched();
-        if (v !== this.value) {
-            this._value = v;
-            this.onChange(v);
+    /**
+     * Upon init, subscribe to the configuration and value set.
+     */
+    ngOnInit() {
+        if (!this.editable) {
+            this.editInline = false;
+            this.editPopup = false;
         }
+        this.attributeService.setAttributeConfigurationById(this.idAttributeConfiguration, this.idAttributeValueSet, this.idParentObject);
+        this.subscriptions.add(this.attributeService.getAttributeConfigurationSubject().subscribe((attributeConfiguration) => {
+            if (attributeConfiguration) {
+                this.attributeConfiguration = attributeConfiguration;
+                if (this.idAttributeContainer !== undefined) {
+                    this.attributeContainer = this.getAttributeContainerById(this.idAttributeContainer);
+                }
+                if (this.indexOfContainer !== undefined) {
+                    if (this.attributeConfiguration.attributeContainers[this.indexOfContainer]) {
+                        this.attributeContainer = this.attributeConfiguration.attributeContainers[this.indexOfContainer];
+                    }
+                }
+            }
+        }));
+        this.subscriptions.add(this.attributeService.attributeConfigurationDimensionSubject.subscribe((windowDimension) => {
+            if (windowDimension) {
+                this.windowDimension = windowDimension;
+            }
+        }));
+        this.subscriptions.add(this.attributeService.getAttributeValueSet().subscribe((attributeValueSet) => {
+            this.attributeValueSet = attributeValueSet;
+            if (this.attributeValueSet) {
+                this.attributeService.notifyAttributes();
+            }
+        }));
     }
-    constructor() {
-        this._value = "";
-        this.onChange = (_) => { };
-        this.onTouched = () => { };
+    set boundData(value) {
+        this.attributeService.setBoundData(value);
     }
-    ngOnInit() { }
-    writeValue(v) {
-        this._value = v;
+    ngOnDestroy() {
+        this.subscriptions.unsubscribe();
     }
-    registerOnChange(fn) {
-        this.onChange = fn;
+    ngOnChanges(changes) {
+        if (!this.editable) {
+            this.editInline = false;
+            this.editPopup = false;
+        }
+        if (changes.idAttributeContainer) {
+            this.idAttributeContainer = changes.idAttributeContainer.currentValue;
+            this.attributeContainer = this.getAttributeContainerById(this.idAttributeContainer);
+        }
+        if (changes.indexOfContainer) {
+            this.indexOfContainer = changes.indexOfContainer.currentValue;
+            if (this.attributeConfiguration && this.attributeConfiguration.attributeContainers[this.indexOfContainer]) {
+                this.attributeContainer = this.attributeConfiguration.attributeContainers[this.indexOfContainer];
+            }
+        }
     }
-    registerOnTouched(fn) {
-        this.onTouched = fn;
+    getAttributeService() {
+        return this.attributeService;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AttributeDefaultComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: AttributeDefaultComponent, selector: "hci-attribute-default", inputs: { id: "id", name: "name", attribute: "attribute" }, providers: [
-            {
-                provide: NG_VALUE_ACCESSOR,
-                useExisting: forwardRef(() => AttributeDefaultComponent),
-                multi: true
+    edit(modal, editContainer) {
+        this.editContainer = editContainer;
+        this.modalService.open(modal, { windowClass: "modal-lg" }).result.then((result) => {
+            if (result === "Save") {
+                this.attributeService.updateAttributeValueSet();
             }
-        ], ngImport: i0, template: `
-    <!-- String -->
-    <ng-container *ngIf="attribute.codeAttributeDataType.toUpperCase() === 'S'">
-      <input type="text"
-             class="form-control"
-             [id]="id"
-             [name]="name"
-             [(ngModel)]="value">
-    </ng-container>
-
-    <!-- Text -->
-    <ng-container *ngIf="attribute.codeAttributeDataType.toUpperCase() === 'TXT'">
-      <textarea type="text"
-                class="form-control"
-                [id]="id"
-                [name]="name"
-                spellcheck="spellcheck"
-                lang="en"
-                [(ngModel)]="value">
-      </textarea>
+            else if (result === "Cancel") {
+                this.attributeService.clearUpdatedAttributeValues();
+            }
+        }, (reason) => { });
+    }
+    post() {
+        this.attributeService.updateAttributeValueSet();
+    }
+    getAttributeContainerById(idAttributeContainer) {
+        if (this.attributeConfiguration) {
+            return this.attributeConfiguration.attributeContainers.find(x => x.idAttributeContainer === idAttributeContainer);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AttributeContainerComponent, deps: [{ token: AttributeService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i2$1.NgbModal }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: AttributeContainerComponent, selector: "hci-attribute-container", inputs: { idAttributeValueSet: "idAttributeValueSet", idAttributeConfiguration: "idAttributeConfiguration", idAttributeContainer: "idAttributeContainer", indexOfContainer: "indexOfContainer", idParentObject: "idParentObject", attributeContainer: "attributeContainer", attributeConfiguration: "attributeConfiguration", attributeValueSet: "attributeValueSet", editInline: "editInline", editPopup: "editPopup", editable: "editable", boundData: "boundData" }, host: { properties: { "class": "this.classList" } }, usesOnChanges: true, ngImport: i0, template: `
+    <hci-busy [getBusySubjects]="getBusySubjects"></hci-busy>
+  
+    <ng-container *ngIf="attributeContainer">
+      <div *ngIf="editPopup" [id]="'id-attribute-container-' + attributeContainer.idAttributeContainer + '-header'"
+           class="d-flex attribute-container-header {{'sort-order-' + attributeContainer.sortOrder}}">
+        <div class="ms-auto me-0" (click)="edit(editModal, attributeContainer)">
+          <i class="fas fa-pencil-alt"></i>
+        </div>
+      </div>
+      <div class="d-flex flex-grow-1 y-auto" style="flex: 1 1 1px;">
+        <div class="attribute-container"
+             [class.col-md-12]="attributeContainer.isAutoLayout && attributeContainer.isAutoLayout === 'Y'"
+             [class.flex]="attributeContainer.isAutoLayout && attributeContainer.isAutoLayout === 'Y'"
+             [class.flex-wrap]="attributeContainer.isAutoLayout && attributeContainer.isAutoLayout === 'Y'"
+             [class.absolute]="!attributeContainer.isAutoLayout || attributeContainer.isAutoLayout === 'N'">
+          <ng-container *ngFor="let attribute of attributeContainer.graphicalAttributes | isGroupAttribute: false">
+            <ng-container *ngIf="attributeContainer.isAutoLayout && attributeContainer.isAutoLayout === 'Y' && attribute.codeAttributeDataType !== 'LINE'">
+              <hci-attribute-flex [id]="'id-attribute-' + attribute.idAttribute"
+                                  [attribute]="attribute"
+                                  [editInline]="editInline"
+                                  [class.attribute]="true"
+                                  [class.col-4]="attribute.codeAttributeDataType !== 'GA' && attribute.codeAttributeDataType !== 'LINE'"
+                                  [class.col-12]="attribute.codeAttributeDataType === 'GA' || attribute.codeAttributeDataType === 'LINE'"></hci-attribute-flex>
+            </ng-container>
+            <ng-container *ngIf="!attributeContainer.isAutoLayout || attributeContainer.isAutoLayout === 'N'">
+              <hci-attribute-absolute [id]="'id-attribute-' + attribute.idAttribute"
+                                      [attribute]="attribute"
+                                      [editInline]="editInline"
+                                      [class.attribute]="true"></hci-attribute-absolute>
+            </ng-container>
+          </ng-container>
+        </div>
+      </div>
     </ng-container>
 
-    <!-- Checkbox -->
-    <ng-container *ngIf="attribute.codeAttributeDataType.toUpperCase() === 'CB'">
-      <input type="checkbox"
-             class="form-control"
-             [id]="id"
+    <ng-template #editModal let-close="close">
+      <div class="modal-header">
+        {{editContainer.containerName}}
+      </div>
+      <div class="modal-body d-flex flex-column hci-cod-edit">
+        <ng-container *ngFor="let attribute of editContainer.graphicalAttributes | isGroupAttribute: false">
+          <hci-attribute-edit [id]="'edit-id-attribute-' + attribute.idAttribute"
+                              [attribute]="attribute"
+                              class="attribute"></hci-attribute-edit>
+        </ng-container>
+      </div>
+      <div class="modal-footer">
+        <button class="btn btn-primary" (click)="close('Save')">Save</button>
+        <button class="btn btn-primary" (click)="close('Cancel')">Cancel</button>
+      </div>
+    </ng-template>
+  `, isInline: true, dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: AttributeAbsoluteComponent, selector: "hci-attribute-absolute" }, { kind: "component", type: AttributeFlexComponent, selector: "hci-attribute-flex" }, { kind: "component", type: AttributeEditComponent, selector: "hci-attribute-edit" }, { kind: "pipe", type: IsGroupAttributePipe, name: "isGroupAttribute" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AttributeContainerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "hci-attribute-container",
+                    template: `
+    <hci-busy [getBusySubjects]="getBusySubjects"></hci-busy>
+  
+    <ng-container *ngIf="attributeContainer">
+      <div *ngIf="editPopup" [id]="'id-attribute-container-' + attributeContainer.idAttributeContainer + '-header'"
+           class="d-flex attribute-container-header {{'sort-order-' + attributeContainer.sortOrder}}">
+        <div class="ms-auto me-0" (click)="edit(editModal, attributeContainer)">
+          <i class="fas fa-pencil-alt"></i>
+        </div>
+      </div>
+      <div class="d-flex flex-grow-1 y-auto" style="flex: 1 1 1px;">
+        <div class="attribute-container"
+             [class.col-md-12]="attributeContainer.isAutoLayout && attributeContainer.isAutoLayout === 'Y'"
+             [class.flex]="attributeContainer.isAutoLayout && attributeContainer.isAutoLayout === 'Y'"
+             [class.flex-wrap]="attributeContainer.isAutoLayout && attributeContainer.isAutoLayout === 'Y'"
+             [class.absolute]="!attributeContainer.isAutoLayout || attributeContainer.isAutoLayout === 'N'">
+          <ng-container *ngFor="let attribute of attributeContainer.graphicalAttributes | isGroupAttribute: false">
+            <ng-container *ngIf="attributeContainer.isAutoLayout && attributeContainer.isAutoLayout === 'Y' && attribute.codeAttributeDataType !== 'LINE'">
+              <hci-attribute-flex [id]="'id-attribute-' + attribute.idAttribute"
+                                  [attribute]="attribute"
+                                  [editInline]="editInline"
+                                  [class.attribute]="true"
+                                  [class.col-4]="attribute.codeAttributeDataType !== 'GA' && attribute.codeAttributeDataType !== 'LINE'"
+                                  [class.col-12]="attribute.codeAttributeDataType === 'GA' || attribute.codeAttributeDataType === 'LINE'"></hci-attribute-flex>
+            </ng-container>
+            <ng-container *ngIf="!attributeContainer.isAutoLayout || attributeContainer.isAutoLayout === 'N'">
+              <hci-attribute-absolute [id]="'id-attribute-' + attribute.idAttribute"
+                                      [attribute]="attribute"
+                                      [editInline]="editInline"
+                                      [class.attribute]="true"></hci-attribute-absolute>
+            </ng-container>
+          </ng-container>
+        </div>
+      </div>
+    </ng-container>
+
+    <ng-template #editModal let-close="close">
+      <div class="modal-header">
+        {{editContainer.containerName}}
+      </div>
+      <div class="modal-body d-flex flex-column hci-cod-edit">
+        <ng-container *ngFor="let attribute of editContainer.graphicalAttributes | isGroupAttribute: false">
+          <hci-attribute-edit [id]="'edit-id-attribute-' + attribute.idAttribute"
+                              [attribute]="attribute"
+                              class="attribute"></hci-attribute-edit>
+        </ng-container>
+      </div>
+      <div class="modal-footer">
+        <button class="btn btn-primary" (click)="close('Save')">Save</button>
+        <button class="btn btn-primary" (click)="close('Cancel')">Cancel</button>
+      </div>
+    </ng-template>
+  `
+                }]
+        }], ctorParameters: () => [{ type: AttributeService }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }, { type: i2$1.NgbModal }], propDecorators: { classList: [{
+                type: HostBinding,
+                args: ["class"]
+            }], idAttributeValueSet: [{
+                type: Input
+            }], idAttributeConfiguration: [{
+                type: Input
+            }], idAttributeContainer: [{
+                type: Input
+            }], indexOfContainer: [{
+                type: Input
+            }], idParentObject: [{
+                type: Input
+            }], attributeContainer: [{
+                type: Input
+            }], attributeConfiguration: [{
+                type: Input
+            }], attributeValueSet: [{
+                type: Input
+            }], editInline: [{
+                type: Input
+            }], editPopup: [{
+                type: Input
+            }], editable: [{
+                type: Input
+            }], boundData: [{
+                type: Input
+            }] } });
+
+/*
+ * Copyright (c) 2016 Huntsman Cancer Institute at the University of Utah, Confidential and Proprietary
+ */
+/**
+ * The main @huntsman-cancer-institute/cod module.  Custom components to be used by the grid are passed in here.
+ *
+ * @since 1.0.0
+ */
+class CodModule {
+    static forRoot() {
+        return {
+            providers: [
+                AttributeService
+            ],
+            ngModule: CodModule
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: CodModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.2", ngImport: i0, type: CodModule, declarations: [AttributeBase,
+            AttributeAbsoluteComponent,
+            AttributeContainerComponent,
+            AttributeFlexComponent,
+            AttributeEditComponent,
+            IsGroupAttributePipe], imports: [AgGridModule,
+            CommonModule,
+            FormsModule,
+            RouterModule,
+            NgbModule,
+            DropdownModule,
+            SelectModule,
+            MiscModule,
+            MatDatepickerModule,
+            MatNativeDateModule,
+            NgxMatDatetimePickerModule,
+            NgxMatTimepickerModule,
+            NgxMatNativeDateModule,
+            DictionaryServiceModule], exports: [AttributeAbsoluteComponent,
+            AttributeFlexComponent,
+            AttributeEditComponent,
+            AttributeContainerComponent,
+            IsGroupAttributePipe] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: CodModule, imports: [AgGridModule,
+            CommonModule,
+            FormsModule,
+            RouterModule,
+            NgbModule,
+            DropdownModule,
+            SelectModule,
+            MiscModule,
+            MatDatepickerModule,
+            MatNativeDateModule,
+            NgxMatDatetimePickerModule,
+            NgxMatTimepickerModule,
+            NgxMatNativeDateModule,
+            DictionaryServiceModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: CodModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        AgGridModule,
+                        CommonModule,
+                        FormsModule,
+                        RouterModule,
+                        NgbModule,
+                        DropdownModule,
+                        SelectModule,
+                        MiscModule,
+                        MatDatepickerModule,
+                        MatNativeDateModule,
+                        NgxMatDatetimePickerModule,
+                        NgxMatTimepickerModule,
+                        NgxMatNativeDateModule,
+                        DictionaryServiceModule
+                    ],
+                    declarations: [
+                        AttributeBase,
+                        AttributeAbsoluteComponent,
+                        AttributeContainerComponent,
+                        AttributeFlexComponent,
+                        AttributeEditComponent,
+                        IsGroupAttributePipe
+                    ],
+                    exports: [
+                        AttributeAbsoluteComponent,
+                        AttributeFlexComponent,
+                        AttributeEditComponent,
+                        AttributeContainerComponent,
+                        IsGroupAttributePipe
+                    ]
+                }]
+        }] });
+
+class AttributeValue {
+}
+
+class AttributeDefaultComponent {
+    get value() {
+        return this._value;
+    }
+    ;
+    set value(v) {
+        this.onTouched();
+        if (v !== this.value) {
+            this._value = v;
+            this.onChange(v);
+        }
+    }
+    constructor() {
+        this._value = "";
+        this.onChange = (_) => { };
+        this.onTouched = () => { };
+    }
+    ngOnInit() { }
+    writeValue(v) {
+        this._value = v;
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AttributeDefaultComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: AttributeDefaultComponent, selector: "hci-attribute-default", inputs: { id: "id", name: "name", attribute: "attribute" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => AttributeDefaultComponent),
+                multi: true
+            }
+        ], ngImport: i0, template: `
+    <!-- String -->
+    <ng-container *ngIf="attribute.codeAttributeDataType.toUpperCase() === 'S'">
+      <input type="text"
+             class="form-control"
+             [id]="id"
+             [name]="name"
+             [(ngModel)]="value">
+    </ng-container>
+
+    <!-- Text -->
+    <ng-container *ngIf="attribute.codeAttributeDataType.toUpperCase() === 'TXT'">
+      <textarea type="text"
+                class="form-control"
+                [id]="id"
+                [name]="name"
+                spellcheck="spellcheck"
+                lang="en"
+                [(ngModel)]="value">
+      </textarea>
+    </ng-container>
+
+    <!-- Checkbox -->
+    <ng-container *ngIf="attribute.codeAttributeDataType.toUpperCase() === 'CB'">
+      <input type="checkbox"
+             class="form-control"
+             [id]="id"
              [name]="name"
              [(ngModel)]="value"
              [checked]="value && value.toUpperCase() === 'Y'">
@@ -4332,7 +4806,7 @@ class AttributeDefaultComponent {
              [name]="name"
              disabled>
     </ng-container>
-  `, isInline: true, dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i5.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i5.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: i5.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i5.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i5.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3$2.NativeSelectComponent, selector: "hci-native-select", inputs: ["class", "name", "label", "url", "entries", "required", "idKey", "displayKey", "disabled", "sortKey", "sortNumeric", "filterKey", "filter"] }] }); }
+  `, isInline: true }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AttributeDefaultComponent, decorators: [{
             type: Component,
@@ -4486,348 +4960,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
                 type: Input
             }] } });
 
-/**
- * This component should be added on to any screen that displays a container with COD content.  This container
- * represents the one of the containers, which in turn contain attributes which display those values in the
- * attributeValueSet.
- */
-class AttributeContainerComponent {
-    constructor(attributeService, elementRef, renderer, changeDetectorRef, modalService) {
-        this.attributeService = attributeService;
-        this.elementRef = elementRef;
-        this.renderer = renderer;
-        this.changeDetectorRef = changeDetectorRef;
-        this.modalService = modalService;
-        this.classList = "hci-attribute-configuration hci-cod d-flex flex-column flex-grow-1";
-        this.editInline = true;
-        this.editPopup = false;
-        this.editable = true;
-        this.windowDimension = {};
-        this.subscriptions = new Subscription();
-        this.getBusySubjects = () => {
-            let subjects = [];
-            //subjects.push(this.attributeService.getAttributeConfigurationLoadingSubject());
-            subjects.push(this.attributeService.getLoadingSubject());
-            return subjects;
-        };
-    }
-    /**
-     * Upon init, subscribe to the configuration and value set.
-     */
-    ngOnInit() {
-        if (!this.editable) {
-            this.editInline = false;
-            this.editPopup = false;
-        }
-        this.attributeService.setAttributeConfigurationById(this.idAttributeConfiguration, this.idAttributeValueSet, this.idParentObject);
-        this.subscriptions.add(this.attributeService.getAttributeConfigurationSubject().subscribe((attributeConfiguration) => {
-            if (attributeConfiguration) {
-                this.attributeConfiguration = attributeConfiguration;
-                if (this.idAttributeContainer !== undefined) {
-                    this.attributeContainer = this.getAttributeContainerById(this.idAttributeContainer);
-                }
-                if (this.indexOfContainer !== undefined) {
-                    if (this.attributeConfiguration.attributeContainers[this.indexOfContainer]) {
-                        this.attributeContainer = this.attributeConfiguration.attributeContainers[this.indexOfContainer];
-                    }
-                }
-            }
-        }));
-        this.subscriptions.add(this.attributeService.attributeConfigurationDimensionSubject.subscribe((windowDimension) => {
-            if (windowDimension) {
-                this.windowDimension = windowDimension;
-            }
-        }));
-        this.subscriptions.add(this.attributeService.getAttributeValueSet().subscribe((attributeValueSet) => {
-            this.attributeValueSet = attributeValueSet;
-            if (this.attributeValueSet) {
-                this.attributeService.notifyAttributes();
-            }
-        }));
-    }
-    set boundData(value) {
-        this.attributeService.setBoundData(value);
-    }
-    ngOnDestroy() {
-        this.subscriptions.unsubscribe();
-    }
-    ngOnChanges(changes) {
-        if (!this.editable) {
-            this.editInline = false;
-            this.editPopup = false;
-        }
-        if (changes.idAttributeContainer) {
-            this.idAttributeContainer = changes.idAttributeContainer.currentValue;
-            this.attributeContainer = this.getAttributeContainerById(this.idAttributeContainer);
-        }
-        if (changes.indexOfContainer) {
-            this.indexOfContainer = changes.indexOfContainer.currentValue;
-            if (this.attributeConfiguration && this.attributeConfiguration.attributeContainers[this.indexOfContainer]) {
-                this.attributeContainer = this.attributeConfiguration.attributeContainers[this.indexOfContainer];
-            }
-        }
-    }
-    getAttributeService() {
-        return this.attributeService;
-    }
-    edit(modal, editContainer) {
-        this.editContainer = editContainer;
-        this.modalService.open(modal, { windowClass: "modal-lg" }).result.then((result) => {
-            if (result === "Save") {
-                this.attributeService.updateAttributeValueSet();
-            }
-            else if (result === "Cancel") {
-                this.attributeService.clearUpdatedAttributeValues();
-            }
-        }, (reason) => { });
-    }
-    post() {
-        this.attributeService.updateAttributeValueSet();
-    }
-    getAttributeContainerById(idAttributeContainer) {
-        if (this.attributeConfiguration) {
-            return this.attributeConfiguration.attributeContainers.find(x => x.idAttributeContainer === idAttributeContainer);
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AttributeContainerComponent, deps: [{ token: AttributeService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i2$1.NgbModal }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: AttributeContainerComponent, selector: "hci-attribute-container", inputs: { idAttributeValueSet: "idAttributeValueSet", idAttributeConfiguration: "idAttributeConfiguration", idAttributeContainer: "idAttributeContainer", indexOfContainer: "indexOfContainer", idParentObject: "idParentObject", attributeContainer: "attributeContainer", attributeConfiguration: "attributeConfiguration", attributeValueSet: "attributeValueSet", editInline: "editInline", editPopup: "editPopup", editable: "editable", boundData: "boundData" }, host: { properties: { "class": "this.classList" } }, usesOnChanges: true, ngImport: i0, template: `
-    <hci-busy [getBusySubjects]="getBusySubjects"></hci-busy>
-  
-    <ng-container *ngIf="attributeContainer">
-      <div *ngIf="editPopup" [id]="'id-attribute-container-' + attributeContainer.idAttributeContainer + '-header'"
-           class="d-flex attribute-container-header {{'sort-order-' + attributeContainer.sortOrder}}">
-        <div class="ms-auto me-0" (click)="edit(editModal, attributeContainer)">
-          <i class="fas fa-pencil-alt"></i>
-        </div>
-      </div>
-      <div class="d-flex flex-grow-1 y-auto" style="flex: 1 1 1px;">
-        <div class="attribute-container"
-             [class.col-md-12]="attributeContainer.isAutoLayout && attributeContainer.isAutoLayout === 'Y'"
-             [class.flex]="attributeContainer.isAutoLayout && attributeContainer.isAutoLayout === 'Y'"
-             [class.flex-wrap]="attributeContainer.isAutoLayout && attributeContainer.isAutoLayout === 'Y'"
-             [class.absolute]="!attributeContainer.isAutoLayout || attributeContainer.isAutoLayout === 'N'">
-          <ng-container *ngFor="let attribute of attributeContainer.graphicalAttributes | isGroupAttribute: false">
-            <ng-container *ngIf="attributeContainer.isAutoLayout && attributeContainer.isAutoLayout === 'Y' && attribute.codeAttributeDataType !== 'LINE'">
-              <hci-attribute-flex [id]="'id-attribute-' + attribute.idAttribute"
-                                  [attribute]="attribute"
-                                  [editInline]="editInline"
-                                  [class.attribute]="true"
-                                  [class.col-4]="attribute.codeAttributeDataType !== 'GA' && attribute.codeAttributeDataType !== 'LINE'"
-                                  [class.col-12]="attribute.codeAttributeDataType === 'GA' || attribute.codeAttributeDataType === 'LINE'"></hci-attribute-flex>
-            </ng-container>
-            <ng-container *ngIf="!attributeContainer.isAutoLayout || attributeContainer.isAutoLayout === 'N'">
-              <hci-attribute-absolute [id]="'id-attribute-' + attribute.idAttribute"
-                                      [attribute]="attribute"
-                                      [editInline]="editInline"
-                                      [class.attribute]="true"></hci-attribute-absolute>
-            </ng-container>
-          </ng-container>
-        </div>
-      </div>
-    </ng-container>
-
-    <ng-template #editModal let-close="close">
-      <div class="modal-header">
-        {{editContainer.containerName}}
-      </div>
-      <div class="modal-body d-flex flex-column hci-cod-edit">
-        <ng-container *ngFor="let attribute of editContainer.graphicalAttributes | isGroupAttribute: false">
-          <hci-attribute-edit [id]="'edit-id-attribute-' + attribute.idAttribute"
-                              [attribute]="attribute"
-                              class="attribute"></hci-attribute-edit>
-        </ng-container>
-      </div>
-      <div class="modal-footer">
-        <button class="btn btn-primary" (click)="close('Save')">Save</button>
-        <button class="btn btn-primary" (click)="close('Cancel')">Cancel</button>
-      </div>
-    </ng-template>
-  `, isInline: true, dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: AttributeAbsoluteComponent, selector: "hci-attribute-absolute" }, { kind: "component", type: AttributeFlexComponent, selector: "hci-attribute-flex" }, { kind: "component", type: AttributeEditComponent, selector: "hci-attribute-edit" }, { kind: "pipe", type: IsGroupAttributePipe, name: "isGroupAttribute" }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AttributeContainerComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: "hci-attribute-container",
-                    template: `
-    <hci-busy [getBusySubjects]="getBusySubjects"></hci-busy>
-  
-    <ng-container *ngIf="attributeContainer">
-      <div *ngIf="editPopup" [id]="'id-attribute-container-' + attributeContainer.idAttributeContainer + '-header'"
-           class="d-flex attribute-container-header {{'sort-order-' + attributeContainer.sortOrder}}">
-        <div class="ms-auto me-0" (click)="edit(editModal, attributeContainer)">
-          <i class="fas fa-pencil-alt"></i>
-        </div>
-      </div>
-      <div class="d-flex flex-grow-1 y-auto" style="flex: 1 1 1px;">
-        <div class="attribute-container"
-             [class.col-md-12]="attributeContainer.isAutoLayout && attributeContainer.isAutoLayout === 'Y'"
-             [class.flex]="attributeContainer.isAutoLayout && attributeContainer.isAutoLayout === 'Y'"
-             [class.flex-wrap]="attributeContainer.isAutoLayout && attributeContainer.isAutoLayout === 'Y'"
-             [class.absolute]="!attributeContainer.isAutoLayout || attributeContainer.isAutoLayout === 'N'">
-          <ng-container *ngFor="let attribute of attributeContainer.graphicalAttributes | isGroupAttribute: false">
-            <ng-container *ngIf="attributeContainer.isAutoLayout && attributeContainer.isAutoLayout === 'Y' && attribute.codeAttributeDataType !== 'LINE'">
-              <hci-attribute-flex [id]="'id-attribute-' + attribute.idAttribute"
-                                  [attribute]="attribute"
-                                  [editInline]="editInline"
-                                  [class.attribute]="true"
-                                  [class.col-4]="attribute.codeAttributeDataType !== 'GA' && attribute.codeAttributeDataType !== 'LINE'"
-                                  [class.col-12]="attribute.codeAttributeDataType === 'GA' || attribute.codeAttributeDataType === 'LINE'"></hci-attribute-flex>
-            </ng-container>
-            <ng-container *ngIf="!attributeContainer.isAutoLayout || attributeContainer.isAutoLayout === 'N'">
-              <hci-attribute-absolute [id]="'id-attribute-' + attribute.idAttribute"
-                                      [attribute]="attribute"
-                                      [editInline]="editInline"
-                                      [class.attribute]="true"></hci-attribute-absolute>
-            </ng-container>
-          </ng-container>
-        </div>
-      </div>
-    </ng-container>
-
-    <ng-template #editModal let-close="close">
-      <div class="modal-header">
-        {{editContainer.containerName}}
-      </div>
-      <div class="modal-body d-flex flex-column hci-cod-edit">
-        <ng-container *ngFor="let attribute of editContainer.graphicalAttributes | isGroupAttribute: false">
-          <hci-attribute-edit [id]="'edit-id-attribute-' + attribute.idAttribute"
-                              [attribute]="attribute"
-                              class="attribute"></hci-attribute-edit>
-        </ng-container>
-      </div>
-      <div class="modal-footer">
-        <button class="btn btn-primary" (click)="close('Save')">Save</button>
-        <button class="btn btn-primary" (click)="close('Cancel')">Cancel</button>
-      </div>
-    </ng-template>
-  `
-                }]
-        }], ctorParameters: () => [{ type: AttributeService }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }, { type: i2$1.NgbModal }], propDecorators: { classList: [{
-                type: HostBinding,
-                args: ["class"]
-            }], idAttributeValueSet: [{
-                type: Input
-            }], idAttributeConfiguration: [{
-                type: Input
-            }], idAttributeContainer: [{
-                type: Input
-            }], indexOfContainer: [{
-                type: Input
-            }], idParentObject: [{
-                type: Input
-            }], attributeContainer: [{
-                type: Input
-            }], attributeConfiguration: [{
-                type: Input
-            }], attributeValueSet: [{
-                type: Input
-            }], editInline: [{
-                type: Input
-            }], editPopup: [{
-                type: Input
-            }], editable: [{
-                type: Input
-            }], boundData: [{
-                type: Input
-            }] } });
-
-/*
- * Copyright (c) 2016 Huntsman Cancer Institute at the University of Utah, Confidential and Proprietary
- */
-/**
- * The main @huntsman-cancer-institute/cod module.  Custom components to be used by the grid are passed in here.
- *
- * @since 1.0.0
- */
-class CodModule {
-    static forRoot() {
-        return {
-            providers: [
-                AttributeService
-            ],
-            ngModule: CodModule
-        };
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: CodModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.2", ngImport: i0, type: CodModule, declarations: [AttributeBase,
-            AttributeAbsoluteComponent,
-            AttributeContainerComponent,
-            AttributeFlexComponent,
-            AttributeEditComponent,
-            AttributeDefaultComponent,
-            IsGroupAttributePipe], imports: [AgGridModule,
-            CommonModule,
-            FormsModule,
-            RouterModule,
-            NgbModule,
-            DropdownModule,
-            SelectModule,
-            MiscModule,
-            MatDatepickerModule,
-            MatNativeDateModule,
-            NgxMatDatetimePickerModule,
-            NgxMatTimepickerModule,
-            NgxMatNativeDateModule], exports: [AttributeAbsoluteComponent,
-            AttributeFlexComponent,
-            AttributeEditComponent,
-            AttributeDefaultComponent,
-            AttributeContainerComponent,
-            IsGroupAttributePipe] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: CodModule, imports: [AgGridModule,
-            CommonModule,
-            FormsModule,
-            RouterModule,
-            NgbModule,
-            DropdownModule,
-            SelectModule,
-            MiscModule,
-            MatDatepickerModule,
-            MatNativeDateModule,
-            NgxMatDatetimePickerModule,
-            NgxMatTimepickerModule,
-            NgxMatNativeDateModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: CodModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        AgGridModule,
-                        CommonModule,
-                        FormsModule,
-                        RouterModule,
-                        NgbModule,
-                        DropdownModule,
-                        SelectModule,
-                        MiscModule,
-                        MatDatepickerModule,
-                        MatNativeDateModule,
-                        NgxMatDatetimePickerModule,
-                        NgxMatTimepickerModule,
-                        NgxMatNativeDateModule
-                    ],
-                    declarations: [
-                        AttributeBase,
-                        AttributeAbsoluteComponent,
-                        AttributeContainerComponent,
-                        AttributeFlexComponent,
-                        AttributeEditComponent,
-                        AttributeDefaultComponent,
-                        IsGroupAttributePipe
-                    ],
-                    exports: [
-                        AttributeAbsoluteComponent,
-                        AttributeFlexComponent,
-                        AttributeEditComponent,
-                        AttributeDefaultComponent,
-                        AttributeContainerComponent,
-                        IsGroupAttributePipe
-                    ]
-                }]
-        }] });
-
-class AttributeValue {
-}
-
 /*
  * Copyright (c) 2016 Huntsman Cancer Institute at the University of Utah, Confidential and Proprietary
  */