@pepperi-addons/ngx-lib 0.2.50 → 0.2.51-beta.0

package/bundles/pepperi-addons-ngx-lib-form.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/forms'), require('@angular/material/core'), require('@angular/material/form-field'), require('@angular/material/button'), require('@angular/material/grid-list'), require('@angular/material/icon'), require('@angular/material/menu'), require('ngx-signaturepad'), require('@pepperi-addons/ngx-lib'), require('@pepperi-addons/ngx-lib/icon'), require('@pepperi-addons/ngx-lib/dialog'), require('@pepperi-addons/ngx-lib/address'), require('@pepperi-addons/ngx-lib/attachment'), require('@pepperi-addons/ngx-lib/button'), require('@pepperi-addons/ngx-lib/checkbox'), require('@pepperi-addons/ngx-lib/date'), require('@pepperi-addons/ngx-lib/image'), require('@pepperi-addons/ngx-lib/images-filmstrip'), require('@pepperi-addons/ngx-lib/quantity-selector'), require('@pepperi-addons/ngx-lib/rich-html-textarea'), require('@pepperi-addons/ngx-lib/select'), require('@pepperi-addons/ngx-lib/separator'), require('@pepperi-addons/ngx-lib/signature'), require('@pepperi-addons/ngx-lib/textarea'), require('@pepperi-addons/ngx-lib/textbox'), require('@pepperi-addons/ngx-lib/field-title'), require('@pepperi-addons/ngx-lib/group-buttons'), require('@ngx-translate/core'), require('rxjs'), require('rxjs/operators')) :
-    typeof define === 'function' && define.amd ? define('@pepperi-addons/ngx-lib/form', ['exports', '@angular/core', '@angular/common', '@angular/forms', '@angular/material/core', '@angular/material/form-field', '@angular/material/button', '@angular/material/grid-list', '@angular/material/icon', '@angular/material/menu', 'ngx-signaturepad', '@pepperi-addons/ngx-lib', '@pepperi-addons/ngx-lib/icon', '@pepperi-addons/ngx-lib/dialog', '@pepperi-addons/ngx-lib/address', '@pepperi-addons/ngx-lib/attachment', '@pepperi-addons/ngx-lib/button', '@pepperi-addons/ngx-lib/checkbox', '@pepperi-addons/ngx-lib/date', '@pepperi-addons/ngx-lib/image', '@pepperi-addons/ngx-lib/images-filmstrip', '@pepperi-addons/ngx-lib/quantity-selector', '@pepperi-addons/ngx-lib/rich-html-textarea', '@pepperi-addons/ngx-lib/select', '@pepperi-addons/ngx-lib/separator', '@pepperi-addons/ngx-lib/signature', '@pepperi-addons/ngx-lib/textarea', '@pepperi-addons/ngx-lib/textbox', '@pepperi-addons/ngx-lib/field-title', '@pepperi-addons/ngx-lib/group-buttons', '@ngx-translate/core', 'rxjs', 'rxjs/operators'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global['pepperi-addons'] = global['pepperi-addons'] || {}, global['pepperi-addons']['ngx-lib'] = global['pepperi-addons']['ngx-lib'] || {}, global['pepperi-addons']['ngx-lib'].form = {}), global.ng.core, global.ng.common, global.ng.forms, global.ng.material.core, global.ng.material.formField, global.ng.material.button, global.ng.material.gridList, global.ng.material.icon, global.ng.material.menu, global.ngxSignaturepad, global['pepperi-addons']['ngx-lib'], global['pepperi-addons']['ngx-lib'].icon, global['pepperi-addons']['ngx-lib'].dialog, global['pepperi-addons']['ngx-lib'].address, global['pepperi-addons']['ngx-lib'].attachment, global['pepperi-addons']['ngx-lib'].button, global['pepperi-addons']['ngx-lib'].checkbox, global['pepperi-addons']['ngx-lib'].date, global['pepperi-addons']['ngx-lib'].image, global['pepperi-addons']['ngx-lib']['images-filmstrip'], global['pepperi-addons']['ngx-lib']['quantity-selector'], global['pepperi-addons']['ngx-lib']['rich-html-textarea'], global['pepperi-addons']['ngx-lib'].select, global['pepperi-addons']['ngx-lib'].separator, global['pepperi-addons']['ngx-lib'].signature, global['pepperi-addons']['ngx-lib'].textarea, global['pepperi-addons']['ngx-lib'].textbox, global['pepperi-addons']['ngx-lib']['field-title'], global['pepperi-addons']['ngx-lib']['group-buttons'], global.translate, global.rxjs, global.rxjs.operators));
-}(this, (function (exports, core, common, forms, core$2, formField, button$1, gridList, icon$1, menu, ngxSignaturepad, ngxLib, icon, dialog, address, attachment, button, checkbox, date, image, imagesFilmstrip, quantitySelector, richHtmlTextarea, select, separator, signature, textarea, textbox, fieldTitle, groupButtons, core$1, rxjs, operators) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/forms'), require('@angular/material/core'), require('@angular/material/form-field'), require('@angular/material/button'), require('@angular/material/grid-list'), require('@angular/material/icon'), require('@angular/material/menu'), require('ngx-signaturepad'), require('@pepperi-addons/ngx-lib'), require('@pepperi-addons/ngx-lib/icon'), require('@pepperi-addons/ngx-lib/dialog'), require('@pepperi-addons/ngx-lib/address'), require('@pepperi-addons/ngx-lib/attachment'), require('@pepperi-addons/ngx-lib/button'), require('@pepperi-addons/ngx-lib/carousel'), require('@pepperi-addons/ngx-lib/checkbox'), require('@pepperi-addons/ngx-lib/date'), require('@pepperi-addons/ngx-lib/image'), require('@pepperi-addons/ngx-lib/images-filmstrip'), require('@pepperi-addons/ngx-lib/quantity-selector'), require('@pepperi-addons/ngx-lib/rich-html-textarea'), require('@pepperi-addons/ngx-lib/select'), require('@pepperi-addons/ngx-lib/separator'), require('@pepperi-addons/ngx-lib/signature'), require('@pepperi-addons/ngx-lib/textarea'), require('@pepperi-addons/ngx-lib/textbox'), require('@pepperi-addons/ngx-lib/field-title'), require('@pepperi-addons/ngx-lib/group-buttons'), require('@ngx-translate/core'), require('rxjs'), require('rxjs/operators')) :
+    typeof define === 'function' && define.amd ? define('@pepperi-addons/ngx-lib/form', ['exports', '@angular/core', '@angular/common', '@angular/forms', '@angular/material/core', '@angular/material/form-field', '@angular/material/button', '@angular/material/grid-list', '@angular/material/icon', '@angular/material/menu', 'ngx-signaturepad', '@pepperi-addons/ngx-lib', '@pepperi-addons/ngx-lib/icon', '@pepperi-addons/ngx-lib/dialog', '@pepperi-addons/ngx-lib/address', '@pepperi-addons/ngx-lib/attachment', '@pepperi-addons/ngx-lib/button', '@pepperi-addons/ngx-lib/carousel', '@pepperi-addons/ngx-lib/checkbox', '@pepperi-addons/ngx-lib/date', '@pepperi-addons/ngx-lib/image', '@pepperi-addons/ngx-lib/images-filmstrip', '@pepperi-addons/ngx-lib/quantity-selector', '@pepperi-addons/ngx-lib/rich-html-textarea', '@pepperi-addons/ngx-lib/select', '@pepperi-addons/ngx-lib/separator', '@pepperi-addons/ngx-lib/signature', '@pepperi-addons/ngx-lib/textarea', '@pepperi-addons/ngx-lib/textbox', '@pepperi-addons/ngx-lib/field-title', '@pepperi-addons/ngx-lib/group-buttons', '@ngx-translate/core', 'rxjs', 'rxjs/operators'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global['pepperi-addons'] = global['pepperi-addons'] || {}, global['pepperi-addons']['ngx-lib'] = global['pepperi-addons']['ngx-lib'] || {}, global['pepperi-addons']['ngx-lib'].form = {}), global.ng.core, global.ng.common, global.ng.forms, global.ng.material.core, global.ng.material.formField, global.ng.material.button, global.ng.material.gridList, global.ng.material.icon, global.ng.material.menu, global.ngxSignaturepad, global['pepperi-addons']['ngx-lib'], global['pepperi-addons']['ngx-lib'].icon, global['pepperi-addons']['ngx-lib'].dialog, global['pepperi-addons']['ngx-lib'].address, global['pepperi-addons']['ngx-lib'].attachment, global['pepperi-addons']['ngx-lib'].button, global['pepperi-addons']['ngx-lib'].carousel, global['pepperi-addons']['ngx-lib'].checkbox, global['pepperi-addons']['ngx-lib'].date, global['pepperi-addons']['ngx-lib'].image, global['pepperi-addons']['ngx-lib']['images-filmstrip'], global['pepperi-addons']['ngx-lib']['quantity-selector'], global['pepperi-addons']['ngx-lib']['rich-html-textarea'], global['pepperi-addons']['ngx-lib'].select, global['pepperi-addons']['ngx-lib'].separator, global['pepperi-addons']['ngx-lib'].signature, global['pepperi-addons']['ngx-lib'].textarea, global['pepperi-addons']['ngx-lib'].textbox, global['pepperi-addons']['ngx-lib']['field-title'], global['pepperi-addons']['ngx-lib']['group-buttons'], global.translate, global.rxjs, global.rxjs.operators));
+}(this, (function (exports, core, common, forms, core$2, formField, button$1, gridList, icon$1, menu, ngxSignaturepad, ngxLib, icon, dialog, address, attachment, button, carousel, checkbox, date, image, imagesFilmstrip, quantitySelector, richHtmlTextarea, select, separator, signature, textarea, textbox, fieldTitle, groupButtons, core$1, rxjs, operators) { 'use strict';
 
     /*! *****************************************************************************
     Copyright (c) Microsoft Corporation.
@@ -656,6 +656,14 @@
                         }
                         break;
                     }
+                    case ngxLib.FIELD_TYPE.RelatedObjectsCards: {
+                        options.rowSpan = controlField.Layout.Height;
+                        // options.objectId = objectId;
+                        // options.parentId = parentId;
+                        // options.searchCode = searchCode;
+                        customField = new ngxLib.PepInternalCaruselField(options);
+                        break;
+                    }
                     case ngxLib.FIELD_TYPE.Link: {
                         options.type = 'link';
                         customField = new ngxLib.PepTextboxField(options);
@@ -1159,8 +1167,9 @@
                 try {
                     for (var _e = __values(this.fields), _f = _e.next(); !_f.done; _f = _e.next()) {
                         var currentField = _f.value;
-                        // Add all fields except 'internalPage' type (for children).
-                        if (currentField.controlType !== 'internalPage') {
+                        // Add all fields except 'internalPage' && internalCarusel type (for children).
+                        if (currentField.controlType !== 'internalPage' &&
+                            currentField.controlType !== 'internalCarusel') {
                             fields.push(currentField);
                         }
                         if (!currentField.readonly) {
@@ -1182,7 +1191,8 @@
                     // Update form values if changed by calculated fields.
                     for (var _g = __values(this.fields), _h = _g.next(); !_h.done; _h = _g.next()) {
                         var currentField = _h.value;
-                        if (currentField.controlType !== 'internalPage') {
+                        if (currentField.controlType !== 'internalPage' &&
+                            currentField.controlType !== 'internalCarusel') {
                             if (currentField.groupFields &&
                                 currentField.groupFields.length > 0) {
                                 try {
@@ -1275,7 +1285,7 @@
                     var e_8, _e;
                     var customField = this_1.fields.filter(function (f) { return f.key === currentField.ApiName; })[0];
                     // Update all fields except 'internalPage' type (for children).
-                    if (customField && customField.controlType !== 'internalPage') {
+                    if (customField && (customField.controlType !== 'internalPage' && customField.controlType !== 'internalCarusel')) {
                         this_1.updateField(customField, currentField);
                         // Update the group fields.
                         if (customField.controlType === 'address' &&
@@ -1515,6 +1525,9 @@
                             ? -1
                             : 0; });
         };
+        PepFormComponent.prototype.onFormValidationChanged = function (formValidationChange) {
+            this.formValidationChange.emit(formValidationChange);
+        };
         PepFormComponent.prototype.onValueChanged = function (event) {
             this.onFormValidationChanged(this.form.valid);
             var formControl = this.getFormControlById(event.key);
@@ -1538,15 +1551,6 @@
                 });
             }
         };
-        PepFormComponent.prototype.onChildClicked = function (childClick) {
-            this.childClick.emit(childClick);
-        };
-        PepFormComponent.prototype.onChildChanged = function (childChange) {
-            this.childChange.emit(childChange);
-        };
-        PepFormComponent.prototype.onFormValidationChanged = function (formValidationChange) {
-            this.formValidationChange.emit(formValidationChange);
-        };
         PepFormComponent.prototype.onClick = function (fieldClickEvent) {
             var clickedUiControlField = this.data.Fields.filter(function (f) { return f.ApiName === fieldClickEvent.key; })[0];
             var idType = this.data.Type ? this.data.Type.toString() : '';
@@ -1601,12 +1605,28 @@
                 });
             }
         };
+        // This event is for handle the internal page events.
+        PepFormComponent.prototype.onChildClicked = function (childClick) {
+            this.childClick.emit(childClick);
+        };
+        // This event is for handle the internal page events.
+        PepFormComponent.prototype.onChildChanged = function (childChange) {
+            this.childChange.emit(childChange);
+        };
+        // This event is for handle the related items change events.
+        PepFormComponent.prototype.onFormValueChanged = function (event) {
+            this.valueChange.emit(event);
+        };
+        // This event is for handle the related items change events.
+        PepFormComponent.prototype.onFormFieldClick = function (event) {
+            this.fieldClick.emit(event);
+        };
         return PepFormComponent;
     }());
     PepFormComponent.decorators = [
         { type: core.Component, args: [{
                     selector: 'pep-form',
-                    template: "<fieldset *ngIf=\"form\" [formGroup]=\"form\" [disabled]=\"isLocked\" class=\"pep-form\"\n    [ngStyle]=\"{ 'background-color': layoutType == 'card' && data?.BackgroundColor }\">\n    <!-- New Form -->\n    <mat-grid-list *ngIf=\"layoutType == 'form'\" [cols]=\"columns\" [rowHeight]=\"rowHeight + 'rem'\"\n        [gutterSize]=\"formGutterSize\">\n        <mat-grid-tile *ngFor=\"let field of fields\" [rowspan]=\"field.rowSpan\" [colspan]=\"field.colSpan\">\n            <pep-field-generator *ngIf=\"field.controlType != 'placeholder'\" [form]=\"form\" [layoutType]=\"layoutType\"\n                [checkForChanges]=\"checkForChanges\" [uid]=\"data?.UID\" [field]=\"field\" [showTitle]=\"showTitle\"\n                (valueChange)=\"onValueChanged($event)\" (childClick)=\"onChildClicked($event)\"\n                (childChange)=\"onChildChanged($event)\" (elementClick)=\"onClick($event)\"\n                (formValidationChange)=\"onFormValidationChanged($event)\">\n            </pep-field-generator>\n        </mat-grid-tile>\n    </mat-grid-list>\n\n    <!-- Thumbnails -->\n    <mat-grid-list *ngIf=\"layoutType == 'card'\" [cols]=\"columns\" [rowHeight]=\"rowHeight + 'rem'\"\n        [gutterSize]=\"cardGutterSize\" class=\"card-spacing\">\n        <mat-grid-tile *ngFor=\"let field of fields\" [rowspan]=\"field.rowSpan\" [colspan]=\"field.colSpan\"\n            [ngStyle]=\"{ overflow: field.type == 'qs' ? 'unset' : 'hidden' }\">\n            <pep-field-generator *ngIf=\"field.controlType != 'placeholder'\" [form]=\"form\" [layoutType]=\"layoutType\"\n                [ngClass]=\"{ 'lock-events': lockEvents }\" [isActive]=\"isActive\" [checkForChanges]=\"checkForChanges\"\n                [uid]=\"data?.UID\" [field]=\"field\" [showTitle]=\"showTitle\" (valueChange)=\"onValueChanged($event)\"\n                (childClick)=\"onChildClicked($event)\" (childChange)=\"onChildChanged($event)\"\n                (elementClick)=\"onClick($event)\">\n            </pep-field-generator>\n        </mat-grid-tile>\n    </mat-grid-list>\n\n    <ng-container *ngIf=\"layoutType == 'table'\">\n        <ng-container *ngIf=\"isReport; then reportBlock; else notReportBlock\"></ng-container>\n        <ng-template #reportBlock>\n            <ng-container *ngTemplateOutlet=\"report\"></ng-container>\n        </ng-template>\n        <ng-template #notReportBlock>\n            <div *ngFor=\"let field of fields; let j = index\" class=\"pull-left flip table-cell \"\n                [ngClass]=\"['text-align-' + field.xAlignment]\" style=\"height: 100%\"\n                [ngStyle]=\"{ width: (layout?.ControlFields)[j]?.calcColumnWidthString}\">\n                <pep-field-generator *ngIf=\"field.controlType != 'placeholder'\" [checkForChanges]=\"checkForChanges\"\n                    [uid]=\"data?.UID\" [field]=\"field\" (valueChange)=\"onValueChanged($event)\"\n                    (elementClick)=\"onClick($event)\" [form]=\"form\" [layoutType]=\"layoutType\" [showTitle]=\"false\"\n                    [isActive]=\"isActive\">\n                </pep-field-generator>\n            </div>\n        </ng-template>\n    </ng-container>\n\n    <!------- For testing ------------\n    {{ form.value | json }}\n    {{ form.valid }}\n    ---------------------------------->\n</fieldset>\n\n<ng-template #report>\n    <div *ngFor=\"let field of fields; let j = index\" class=\"pull-left flip pep-report-fields\"\n        [ngStyle]=\"{ width: (layout?.ControlFields)[j]?.calcColumnWidthString }\"\n        [ngClass]=\"['text-align-' + field.xAlignment]\">\n        <ng-container [ngSwitch]=\"field.controlType\">\n            <pep-image *ngSwitchCase=\"'image'\" [uid]=\"data?.UID\" [form]=\"form\" [key]=\"field.key\"\n                [src]=\"field.formattedValue\" [srcLarge]=\"field.value\" [options]=\"field.options\" [label]=\"field.label\"\n                [mandatory]=\"field.mandatory\" [disabled]=\"field.disabled\" [readonly]=\"field.readonly\"\n                [xAlignment]=\"field.xAlignment\" [rowSpan]=\"field.rowSpan\" [layoutType]=\"layoutType\"\n                (elementClick)=\"onClick($event)\">\n            </pep-image>\n\n            <pep-signature *ngSwitchCase=\"'signature'\" [form]=\"form\" [key]=\"field.key\" [src]=\"field.value\"\n                [label]=\"field.label\" [mandatory]=\"field.mandatory\" [disabled]=\"field.disabled\"\n                [readonly]=\"field.readonly\" [xAlignment]=\"field.xAlignment\" [rowSpan]=\"field.rowSpan\"\n                [layoutType]=\"layoutType\">\n            </pep-signature>\n\n            <pep-checkbox *ngSwitchCase=\"'checkbox'\" [form]=\"form\" [key]=\"field.key\"\n                [value]=\"(field.value | lowercase) == 'true' || field.value == '1' ? true : false\" [label]=\"field.label\"\n                [type]=\"field.type\" [mandatory]=\"field.mandatory\" [disabled]=\"field.disabled\"\n                [readonly]=\"field.readonly\" [xAlignment]=\"field.xAlignment\" [rowSpan]=\"field.rowSpan\"\n                [additionalValue]=\"field.additionalValue\" [layoutType]=\"layoutType\">\n            </pep-checkbox>\n\n            <pep-date *ngSwitchCase=\"'date'\" [form]=\"form\" [key]=\"field.key\" [value]=\"field.value\"\n                [formattedValue]=\"field.formattedValue\" [label]=\"field.label\" [type]=\"field.type\"\n                [mandatory]=\"field.mandatory\" [disabled]=\"field.disabled\" [readonly]=\"field.readonly\"\n                [textColor]=\"field.textColor\" [xAlignment]=\"field.xAlignment\" [rowSpan]=\"field.rowSpan\"\n                [minValue]=\"field.minValue\" [maxValue]=\"field.maxValue\" [layoutType]=\"layoutType\">\n            </pep-date>\n\n            <pep-internal-button *ngSwitchCase=\"'button'\" [form]=\"form\" [key]=\"field.key\" [value]=\"field.value\"\n                [formattedValue]=\"field.formattedValue\" [label]=\"field.label\" [type]=\"field.type\"\n                [disabled]=\"field.disabled\" [readonly]=\"field.readonly\" [xAlignment]=\"field.xAlignment\"\n                [layoutType]=\"layoutType\" (elementClick)=\"onClick($event)\">\n            </pep-internal-button>\n\n            <pep-textarea *ngSwitchCase=\"'textarea'\" [form]=\"form\" [key]=\"field.key\" [value]=\"field.value\"\n                [label]=\"field.label\" [mandatory]=\"field.mandatory\" [disabled]=\"field.disabled\"\n                [readonly]=\"field.readonly\" [maxFieldCharacters]=\"field.maxFieldCharacters\"\n                [textColor]=\"field.textColor\" [xAlignment]=\"field.xAlignment\" [rowSpan]=\"field.rowSpan\"\n                [layoutType]=\"layoutType\">\n            </pep-textarea>\n\n            <pep-quantity-selector *ngSwitchCase=\"'qs'\" [id]=\"field.key\" [form]=\"form\" [key]=\"field.key\"\n                [value]=\"field.value\" [formattedValue]=\"field.formattedValue\" [label]=\"field.label\" [type]=\"field.type\"\n                [mandatory]=\"field.mandatory\" [disabled]=\"field.disabled\" [readonly]=\"field.readonly\"\n                [textColor]=\"field.textColor\" [xAlignment]=\"field.xAlignment\" [rowSpan]=\"field.rowSpan\"\n                [layoutType]=\"layoutType\" (valueChange)=\"onValueChanged($event)\" (elementClick)=\"onClick($event)\">\n            </pep-quantity-selector>\n\n            <ng-container *ngSwitchDefault>\n                <ng-container *ngIf=\"field.formattedValue?.length > 0; then notEmptyBlock; else emptyBlock\">\n                </ng-container>\n                <ng-template #notEmptyBlock>\n                    <ng-container\n                        *ngIf=\"field.controlType === 'attachment' || field.type === 'link'; then linkBlock; else notLinkBlock\">\n                    </ng-container>\n                    <ng-template #linkBlock>\n                        <a [id]=\"field.key\" class=\"color-link body-sm pep-report-input readonly\"\n                            *ngIf=\"field.formattedValue != null\" title=\"{{ field.formattedValue }}\" target=\"_blank\"\n                            href=\"{{ field.value }}\">{{ field.formattedValue }}</a>\n                    </ng-template>\n                    <ng-template #notLinkBlock>\n                        <span [id]=\"field.key\" class=\"body-sm pep-report-input readonly\"\n                            title=\"{{ field.formattedValue }}\" [ngStyle]=\"{ color: field.textColor }\">{{\n                            field.formattedValue }}</span>\n                    </ng-template>\n                </ng-template>\n                <ng-template #emptyBlock>\n                    <span>&nbsp;</span>\n                </ng-template>\n            </ng-container>\n        </ng-container>\n    </div>\n</ng-template>",
+                    template: "<fieldset *ngIf=\"form\" [formGroup]=\"form\" [disabled]=\"isLocked\" class=\"pep-form\"\n    [ngStyle]=\"{ 'background-color': layoutType == 'card' && data?.BackgroundColor }\">\n    <!-- New Form -->\n    <mat-grid-list *ngIf=\"layoutType == 'form'\" [cols]=\"columns\" [rowHeight]=\"rowHeight + 'rem'\"\n        [gutterSize]=\"formGutterSize\">\n        <mat-grid-tile *ngFor=\"let field of fields\" [rowspan]=\"field.rowSpan\" [colspan]=\"field.colSpan\">\n            <pep-field-generator *ngIf=\"field.controlType != 'placeholder'\" [form]=\"form\" [layoutType]=\"layoutType\"\n                [checkForChanges]=\"checkForChanges\" [uid]=\"data?.UID\" [field]=\"field\" [showTitle]=\"showTitle\"\n                (valueChange)=\"onValueChanged($event)\" (elementClick)=\"onClick($event)\"\n                (childClick)=\"onChildClicked($event)\" (childChange)=\"onChildChanged($event)\"\n                (formValueChange)=\"onFormValueChanged($event)\" (formFieldClick)=\"onFormFieldClick($event)\"\n                (formValidationChange)=\"onFormValidationChanged($event)\">\n            </pep-field-generator>\n        </mat-grid-tile>\n    </mat-grid-list>\n\n    <!-- Thumbnails -->\n    <mat-grid-list *ngIf=\"layoutType == 'card'\" [cols]=\"columns\" [rowHeight]=\"rowHeight + 'rem'\"\n        [gutterSize]=\"cardGutterSize\" class=\"card-spacing\">\n        <mat-grid-tile *ngFor=\"let field of fields\" [rowspan]=\"field.rowSpan\" [colspan]=\"field.colSpan\"\n            [ngStyle]=\"{ overflow: field.type == 'qs' ? 'unset' : 'hidden' }\">\n            <pep-field-generator *ngIf=\"field.controlType != 'placeholder'\" [form]=\"form\" [layoutType]=\"layoutType\"\n                [ngClass]=\"{ 'lock-events': lockEvents }\" [isActive]=\"isActive\" [checkForChanges]=\"checkForChanges\"\n                [uid]=\"data?.UID\" [field]=\"field\" [showTitle]=\"showTitle\" (valueChange)=\"onValueChanged($event)\"\n                (elementClick)=\"onClick($event)\" (childClick)=\"onChildClicked($event)\"\n                (childChange)=\"onChildChanged($event)\" (formValueChange)=\"onFormValueChanged($event)\"\n                (formFieldClick)=\"onFormFieldClick($event)\">\n            </pep-field-generator>\n        </mat-grid-tile>\n    </mat-grid-list>\n\n    <ng-container *ngIf=\"layoutType == 'table'\">\n        <ng-container *ngIf=\"isReport; then reportBlock; else notReportBlock\"></ng-container>\n        <ng-template #reportBlock>\n            <ng-container *ngTemplateOutlet=\"report\"></ng-container>\n        </ng-template>\n        <ng-template #notReportBlock>\n            <div *ngFor=\"let field of fields; let j = index\" class=\"pull-left flip table-cell \"\n                [ngClass]=\"['text-align-' + field.xAlignment]\" style=\"height: 100%\"\n                [ngStyle]=\"{ width: (layout?.ControlFields)[j]?.calcColumnWidthString}\">\n                <pep-field-generator *ngIf=\"field.controlType != 'placeholder'\" [checkForChanges]=\"checkForChanges\"\n                    [uid]=\"data?.UID\" [field]=\"field\" [form]=\"form\" [layoutType]=\"layoutType\" [showTitle]=\"false\"\n                    (elementClick)=\"onClick($event)\" (valueChange)=\"onValueChanged($event)\"\n                    (formValueChange)=\"onFormValueChanged($event)\" (formFieldClick)=\"onFormFieldClick($event)\"\n                    [isActive]=\"isActive\">\n                </pep-field-generator>\n            </div>\n        </ng-template>\n    </ng-container>\n\n    <!------- For testing ------------\n    {{ form.value | json }}\n    {{ form.valid }}\n    ---------------------------------->\n</fieldset>\n\n<ng-template #report>\n    <div *ngFor=\"let field of fields; let j = index\" class=\"pull-left flip pep-report-fields\"\n        [ngStyle]=\"{ width: (layout?.ControlFields)[j]?.calcColumnWidthString }\"\n        [ngClass]=\"['text-align-' + field.xAlignment]\">\n        <ng-container [ngSwitch]=\"field.controlType\">\n            <pep-image *ngSwitchCase=\"'image'\" [uid]=\"data?.UID\" [form]=\"form\" [key]=\"field.key\"\n                [src]=\"field.formattedValue\" [srcLarge]=\"field.value\" [options]=\"field.options\" [label]=\"field.label\"\n                [mandatory]=\"field.mandatory\" [disabled]=\"field.disabled\" [readonly]=\"field.readonly\"\n                [xAlignment]=\"field.xAlignment\" [rowSpan]=\"field.rowSpan\" [layoutType]=\"layoutType\"\n                (elementClick)=\"onClick($event)\">\n            </pep-image>\n\n            <pep-signature *ngSwitchCase=\"'signature'\" [form]=\"form\" [key]=\"field.key\" [src]=\"field.value\"\n                [label]=\"field.label\" [mandatory]=\"field.mandatory\" [disabled]=\"field.disabled\"\n                [readonly]=\"field.readonly\" [xAlignment]=\"field.xAlignment\" [rowSpan]=\"field.rowSpan\"\n                [layoutType]=\"layoutType\">\n            </pep-signature>\n\n            <pep-checkbox *ngSwitchCase=\"'checkbox'\" [form]=\"form\" [key]=\"field.key\"\n                [value]=\"(field.value | lowercase) == 'true' || field.value == '1' ? true : false\" [label]=\"field.label\"\n                [type]=\"field.type\" [mandatory]=\"field.mandatory\" [disabled]=\"field.disabled\"\n                [readonly]=\"field.readonly\" [xAlignment]=\"field.xAlignment\" [rowSpan]=\"field.rowSpan\"\n                [additionalValue]=\"field.additionalValue\" [layoutType]=\"layoutType\">\n            </pep-checkbox>\n\n            <pep-date *ngSwitchCase=\"'date'\" [form]=\"form\" [key]=\"field.key\" [value]=\"field.value\"\n                [formattedValue]=\"field.formattedValue\" [label]=\"field.label\" [type]=\"field.type\"\n                [mandatory]=\"field.mandatory\" [disabled]=\"field.disabled\" [readonly]=\"field.readonly\"\n                [textColor]=\"field.textColor\" [xAlignment]=\"field.xAlignment\" [rowSpan]=\"field.rowSpan\"\n                [minValue]=\"field.minValue\" [maxValue]=\"field.maxValue\" [layoutType]=\"layoutType\">\n            </pep-date>\n\n            <pep-internal-button *ngSwitchCase=\"'button'\" [form]=\"form\" [key]=\"field.key\" [value]=\"field.value\"\n                [formattedValue]=\"field.formattedValue\" [label]=\"field.label\" [type]=\"field.type\"\n                [disabled]=\"field.disabled\" [readonly]=\"field.readonly\" [xAlignment]=\"field.xAlignment\"\n                [layoutType]=\"layoutType\" (elementClick)=\"onClick($event)\">\n            </pep-internal-button>\n\n            <pep-textarea *ngSwitchCase=\"'textarea'\" [form]=\"form\" [key]=\"field.key\" [value]=\"field.value\"\n                [label]=\"field.label\" [mandatory]=\"field.mandatory\" [disabled]=\"field.disabled\"\n                [readonly]=\"field.readonly\" [maxFieldCharacters]=\"field.maxFieldCharacters\"\n                [textColor]=\"field.textColor\" [xAlignment]=\"field.xAlignment\" [rowSpan]=\"field.rowSpan\"\n                [layoutType]=\"layoutType\">\n            </pep-textarea>\n\n            <pep-quantity-selector *ngSwitchCase=\"'qs'\" [id]=\"field.key\" [form]=\"form\" [key]=\"field.key\"\n                [value]=\"field.value\" [formattedValue]=\"field.formattedValue\" [label]=\"field.label\" [type]=\"field.type\"\n                [mandatory]=\"field.mandatory\" [disabled]=\"field.disabled\" [readonly]=\"field.readonly\"\n                [textColor]=\"field.textColor\" [xAlignment]=\"field.xAlignment\" [rowSpan]=\"field.rowSpan\"\n                [layoutType]=\"layoutType\" (valueChange)=\"onValueChanged($event)\" (elementClick)=\"onClick($event)\">\n            </pep-quantity-selector>\n\n            <ng-container *ngSwitchDefault>\n                <ng-container *ngIf=\"field.formattedValue?.length > 0; then notEmptyBlock; else emptyBlock\">\n                </ng-container>\n                <ng-template #notEmptyBlock>\n                    <ng-container\n                        *ngIf=\"field.controlType === 'attachment' || field.type === 'link'; then linkBlock; else notLinkBlock\">\n                    </ng-container>\n                    <ng-template #linkBlock>\n                        <a [id]=\"field.key\" class=\"color-link body-sm pep-report-input readonly\"\n                            *ngIf=\"field.formattedValue != null\" title=\"{{ field.formattedValue }}\" target=\"_blank\"\n                            href=\"{{ field.value }}\">{{ field.formattedValue }}</a>\n                    </ng-template>\n                    <ng-template #notLinkBlock>\n                        <span [id]=\"field.key\" class=\"body-sm pep-report-input readonly\"\n                            title=\"{{ field.formattedValue }}\" [ngStyle]=\"{ color: field.textColor }\">{{\n                            field.formattedValue }}</span>\n                    </ng-template>\n                </ng-template>\n                <ng-template #emptyBlock>\n                    <span>&nbsp;</span>\n                </ng-template>\n            </ng-container>\n        </ng-container>\n    </div>\n</ng-template>",
                     changeDetection: core.ChangeDetectionStrategy.OnPush,
                     styles: [":host{display:grid}"]
                 },] }
@@ -1652,6 +1672,8 @@
             this.formValidationChange = new core.EventEmitter();
             this.elementClick = new core.EventEmitter();
             this.childClick = new core.EventEmitter();
+            this.formValueChange = new core.EventEmitter();
+            this.formFieldClick = new core.EventEmitter();
         }
         Object.defineProperty(PepFieldGeneratorComponent.prototype, "isValid", {
             get: function () {
@@ -1727,6 +1749,12 @@
         PepFieldGeneratorComponent.prototype.onChildClick = function (childClick) {
             this.childClick.emit(childClick);
         };
+        PepFieldGeneratorComponent.prototype.onFormValueChanged = function (event) {
+            this.formValueChange.emit(event);
+        };
+        PepFieldGeneratorComponent.prototype.onFormFieldClick = function (event) {
+            this.formFieldClick.emit(event);
+        };
         PepFieldGeneratorComponent.prototype.ngOnChanges = function (changes) {
             // debugger;
             // For testing.
@@ -1737,7 +1765,7 @@
     PepFieldGeneratorComponent.decorators = [
         { type: core.Component, args: [{
                     selector: 'pep-field-generator',
-                    template: "<ng-container [ngSwitch]=\"field.controlType\" [formGroup]=\"form\">\n\n    <pep-address *ngSwitchCase=\"'address'\" [form]=\"form\" [key]=\"field.key\" [formattedValue]=\"field.formattedValue\"\n        [label]=\"field.label\" [mandatory]=\"field.mandatory\" [disabled]=\"field.disabled\" [readonly]=\"field.readonly\"\n        [xAlignment]=\"field.xAlignment\" [rowSpan]=\"field.rowSpan\" [groupFields]=\"field.groupFields\"\n        [layoutType]=\"layoutType\" [visible]=\"field.visible\" (addressValueChange)=\"onAddressValueChanged($event, field)\">\n    </pep-address>\n\n    <pep-attachment *ngSwitchCase=\"'attachment'\" [form]=\"form\" [key]=\"field.key\" [src]=\"field.value\"\n        [label]=\"field.label\" [mandatory]=\"field.mandatory\" [disabled]=\"field.disabled\" [readonly]=\"field.readonly\"\n        [xAlignment]=\"field.xAlignment\" [rowSpan]=\"field.rowSpan\" [isActive]=\"isActive\" [showTitle]=\"showTitle\"\n        [layoutType]=\"layoutType\" [visible]=\"field.visible\" (elementClick)=\"onClick($event)\"\n        (fileChange)=\"onFileChanged($event, field)\">\n    </pep-attachment>\n\n    <pep-checkbox *ngSwitchCase=\"'checkbox'\" [form]=\"form\" [key]=\"field.key\"\n        [value]=\"(field.value | lowercase) == 'true' || field.value == '1' ? true : false\" [label]=\"field.label\"\n        [type]=\"field.type\" [mandatory]=\"field.mandatory\" [disabled]=\"field.disabled\" [readonly]=\"field.readonly\"\n        [xAlignment]=\"field.xAlignment\" [rowSpan]=\"field.rowSpan\" [additionalValue]=\"field.additionalValue\"\n        [showTitle]=\"showTitle\" [layoutType]=\"layoutType\" [visible]=\"field.visible\"\n        (valueChange)=\"onValueChanged($event, field)\" [isActive]=\"isActive\">\n    </pep-checkbox>\n\n    <pep-date *ngSwitchCase=\"'date'\" [form]=\"form\" [key]=\"field.key\" [value]=\"field.value\"\n        [formattedValue]=\"field.formattedValue\" [label]=\"field.label\" [type]=\"field.type\" [mandatory]=\"field.mandatory\"\n        [disabled]=\"field.disabled\" [readonly]=\"field.readonly\" [textColor]=\"field.textColor\"\n        [xAlignment]=\"field.xAlignment\" [rowSpan]=\"field.rowSpan\" [minValue]=\"field.minValue\"\n        [maxValue]=\"field.maxValue\" [showTitle]=\"showTitle\" [layoutType]=\"layoutType\" [visible]=\"field.visible\"\n        (valueChange)=\"onValueChanged($event, field)\" [isActive]=\"isActive\">\n    </pep-date>\n\n    <pep-images-filmstrip *ngSwitchCase=\"'images'\" [uid]=\"uid\" [form]=\"form\" [key]=\"field.key\" [label]=\"field.label\"\n        [showTitle]=\"showTitle\" [rowSpan]=\"field.rowSpan\" [value]=\"field.value\" [layoutType]=\"layoutType\">\n    </pep-images-filmstrip>\n\n    <pep-image *ngSwitchCase=\"'image'\" [uid]=\"uid\" [form]=\"form\" [key]=\"field.key\" [src]=\"field.formattedValue\"\n        [srcLarge]=\"field.value\" [options]=\"field.options\" [label]=\"field.label\" [mandatory]=\"field.mandatory\"\n        [disabled]=\"field.disabled\" [readonly]=\"field.readonly\" [xAlignment]=\"field.xAlignment\"\n        [rowSpan]=\"field.rowSpan\" [indicatorsField]=\"field.indicatorsField\" [menuField]=\"field.menuField\"\n        [hasCampaignField]=\"field.hasCampaignField\" [sizeLimitMB]=\"field.sizeLimitMB\" [isActive]=\"isActive\"\n        [layoutType]=\"layoutType\" [visible]=\"field.visible\" (elementClick)=\"onClick($event)\"\n        (fileChange)=\"onFileChanged($event, field)\">\n    </pep-image>\n\n    <pep-quantity-selector *ngSwitchCase=\"'qs'\" [form]=\"form\" [key]=\"field.key\" [value]=\"field.value\"\n        [formattedValue]=\"field.formattedValue\" [label]=\"field.label\" [type]=\"field.type\" [mandatory]=\"field.mandatory\"\n        [disabled]=\"field.disabled\" [readonly]=\"field.readonly\" [textColor]=\"field.textColor\"\n        [xAlignment]=\"field.xAlignment\" [rowSpan]=\"field.rowSpan\" [allowDecimal]=\"field.allowDecimal\"\n        [additionalValue]=\"field.additionalValue\" [notificationInfo]=\"field.notificationInfo\" [isActive]=\"isActive\"\n        [layoutType]=\"layoutType\" [showTitle]=\"showTitle\" [visible]=\"field.visible\"\n        (valueChange)=\"onValueChanged($event, field)\" (formValidationChange)=\"onFormValidationChanged($event)\"\n        (elementClick)=\"onClick($event)\">\n    </pep-quantity-selector>\n\n    <pep-rich-html-textarea *ngSwitchCase=\"'richhtmltextarea'\" [form]=\"form\" [key]=\"field.key\" [value]=\"field.value\"\n        [label]=\"field.label\" [mandatory]=\"field.mandatory\" [disabled]=\"field.disabled\" [readonly]=\"field.readonly\"\n        [maxFieldCharacters]=\"field.maxFieldCharacters\" [xAlignment]=\"field.xAlignment\" [rowSpan]=\"field.rowSpan\"\n        [showTitle]=\"showTitle\" [layoutType]=\"layoutType\" [visible]=\"field.visible\"\n        (valueChange)=\"onValueChanged($event, field)\" [isActive]=\"isActive\">\n    </pep-rich-html-textarea>\n\n    <pep-select *ngSwitchCase=\"'select'\" [form]=\"form\" [key]=\"field.key\" [value]=\"field.value\" [label]=\"field.label\"\n        [type]=\"field.type\" [mandatory]=\"field.mandatory\" [disabled]=\"field.disabled\" [readonly]=\"field.readonly\"\n        [xAlignment]=\"field.xAlignment\" [rowSpan]=\"field.rowSpan\" [options]=\"field.options\" [showTitle]=\"showTitle\"\n        [layoutType]=\"layoutType\" [visible]=\"field.visible\" (valueChange)=\"onValueChanged($event, field)\"\n        (formValidationChange)=\"onFormValidationChanged($event)\" [isActive]=\"isActive\">\n    </pep-select>\n\n    <pep-separator *ngSwitchCase=\"'separator'\" [form]=\"form\" [key]=\"field.key\" [label]=\"field.label\"\n        [xAlignment]=\"field.xAlignment\" [layoutType]=\"layoutType\" [visible]=\"field.visible\">\n    </pep-separator>\n\n    <pep-signature *ngSwitchCase=\"'signature'\" [form]=\"form\" [key]=\"field.key\" [src]=\"field.value\" [label]=\"field.label\"\n        [mandatory]=\"field.mandatory\" [disabled]=\"field.disabled\" [readonly]=\"field.readonly\"\n        [xAlignment]=\"field.xAlignment\" [rowSpan]=\"field.rowSpan\" [isActive]=\"isActive\" [layoutType]=\"layoutType\"\n        [visible]=\"field.visible\" (fileChange)=\"onFileChanged($event, field)\">\n    </pep-signature>\n\n    <pep-textarea *ngSwitchCase=\"'textarea'\" [form]=\"form\" [key]=\"field.key\" [value]=\"field.value\" [label]=\"field.label\"\n        [mandatory]=\"field.mandatory\" [disabled]=\"field.disabled\" [readonly]=\"field.readonly\"\n        [maxFieldCharacters]=\"field.maxFieldCharacters\" [textColor]=\"field.textColor\" [xAlignment]=\"field.xAlignment\"\n        [rowSpan]=\"field.rowSpan\" [showTitle]=\"showTitle\" [layoutType]=\"layoutType\" [visible]=\"field.visible\"\n        (valueChange)=\"onValueChanged($event, field)\" [isActive]=\"isActive\">\n    </pep-textarea>\n\n    <pep-textbox *ngSwitchCase=\"'textbox'\" [form]=\"form\" [key]=\"field.key\" [value]=\"field.value\"\n        [formattedValue]=\"field.formattedValue\" [label]=\"field.label\" [placeholder]=\"field.placeholder\"\n        [type]=\"field.type\" [mandatory]=\"field.mandatory\" [disabled]=\"field.disabled\" [readonly]=\"field.readonly\"\n        [maxFieldCharacters]=\"field.maxFieldCharacters\" [textColor]=\"field.textColor\" [xAlignment]=\"field.xAlignment\"\n        [rowSpan]=\"field.rowSpan\" [showTitle]=\"showTitle\" [layoutType]=\"layoutType\"\n        (valueChange)=\"onValueChanged($event, field)\" (formValidationChange)=\"onFormValidationChanged($event)\"\n        [isActive]=\"isActive\" [visible]=\"field.visible\">\n    </pep-textbox>\n\n    <pep-indicators *ngSwitchCase=\"'indicators'\" [key]=\"field.key\" [value]=\"field.value\" [layoutType]=\"layoutType\">\n    </pep-indicators>\n    <pep-internal-button *ngSwitchCase=\"'button'\" [form]=\"form\" [key]=\"field.key\" [value]=\"field.value\"\n        [formattedValue]=\"field.formattedValue\" [label]=\"field.label\"\n        [referenceObjectInternalType]=\"field.referenceObjectInternalType\" [type]=\"field.type\"\n        [disabled]=\"field.disabled\" [readonly]=\"field.readonly\" [xAlignment]=\"field.xAlignment\"\n        [layoutType]=\"layoutType\" [visible]=\"field.visible\" (elementClick)=\"onClick($event)\"\n        (valueChange)=\"onValueChanged($event, field)\">\n    </pep-internal-button>\n    <pep-internal-menu *ngSwitchCase=\"'menu'\" [key]=\"field.key\" [label]=\"field.label\" [disabled]=\"field.disabled\"\n        [xAlignment]=\"field.xAlignment\" [options]=\"field.options\" [layoutType]=\"layoutType\"\n        (elementClick)=\"onClick($event)\">\n    </pep-internal-menu>\n    <pep-internal-page *ngSwitchCase=\"'internalPage'\" [field]=\"field\" [layoutType]=\"layoutType\"\n        (childClick)=\"onChildClick($event)\" (childChange)=\"onChildChanged($event)\">\n    </pep-internal-page>\n\n    <ng-container *ngSwitchCase=\"'placeholder'\">\n    </ng-container>\n</ng-container>",
+                    template: "<ng-container [ngSwitch]=\"field.controlType\" [formGroup]=\"form\">\n\n    <pep-address *ngSwitchCase=\"'address'\" [form]=\"form\" [key]=\"field.key\" [formattedValue]=\"field.formattedValue\"\n        [label]=\"field.label\" [mandatory]=\"field.mandatory\" [disabled]=\"field.disabled\" [readonly]=\"field.readonly\"\n        [xAlignment]=\"field.xAlignment\" [rowSpan]=\"field.rowSpan\" [groupFields]=\"field.groupFields\"\n        [layoutType]=\"layoutType\" [visible]=\"field.visible\" (addressValueChange)=\"onAddressValueChanged($event, field)\">\n    </pep-address>\n\n    <pep-attachment *ngSwitchCase=\"'attachment'\" [form]=\"form\" [key]=\"field.key\" [src]=\"field.value\"\n        [label]=\"field.label\" [mandatory]=\"field.mandatory\" [disabled]=\"field.disabled\" [readonly]=\"field.readonly\"\n        [xAlignment]=\"field.xAlignment\" [rowSpan]=\"field.rowSpan\" [isActive]=\"isActive\" [showTitle]=\"showTitle\"\n        [layoutType]=\"layoutType\" [visible]=\"field.visible\" (elementClick)=\"onClick($event)\"\n        (fileChange)=\"onFileChanged($event, field)\">\n    </pep-attachment>\n\n    <pep-checkbox *ngSwitchCase=\"'checkbox'\" [form]=\"form\" [key]=\"field.key\"\n        [value]=\"(field.value | lowercase) == 'true' || field.value == '1' ? true : false\" [label]=\"field.label\"\n        [type]=\"field.type\" [mandatory]=\"field.mandatory\" [disabled]=\"field.disabled\" [readonly]=\"field.readonly\"\n        [xAlignment]=\"field.xAlignment\" [rowSpan]=\"field.rowSpan\" [additionalValue]=\"field.additionalValue\"\n        [showTitle]=\"showTitle\" [layoutType]=\"layoutType\" [visible]=\"field.visible\"\n        (valueChange)=\"onValueChanged($event, field)\" [isActive]=\"isActive\">\n    </pep-checkbox>\n\n    <pep-date *ngSwitchCase=\"'date'\" [form]=\"form\" [key]=\"field.key\" [value]=\"field.value\"\n        [formattedValue]=\"field.formattedValue\" [label]=\"field.label\" [type]=\"field.type\" [mandatory]=\"field.mandatory\"\n        [disabled]=\"field.disabled\" [readonly]=\"field.readonly\" [textColor]=\"field.textColor\"\n        [xAlignment]=\"field.xAlignment\" [rowSpan]=\"field.rowSpan\" [minValue]=\"field.minValue\"\n        [maxValue]=\"field.maxValue\" [showTitle]=\"showTitle\" [layoutType]=\"layoutType\" [visible]=\"field.visible\"\n        (valueChange)=\"onValueChanged($event, field)\" [isActive]=\"isActive\">\n    </pep-date>\n\n    <pep-images-filmstrip *ngSwitchCase=\"'images'\" [uid]=\"uid\" [form]=\"form\" [key]=\"field.key\" [label]=\"field.label\"\n        [showTitle]=\"showTitle\" [rowSpan]=\"field.rowSpan\" [value]=\"field.value\" [layoutType]=\"layoutType\">\n    </pep-images-filmstrip>\n\n    <pep-image *ngSwitchCase=\"'image'\" [uid]=\"uid\" [form]=\"form\" [key]=\"field.key\" [src]=\"field.formattedValue\"\n        [srcLarge]=\"field.value\" [options]=\"field.options\" [label]=\"field.label\" [mandatory]=\"field.mandatory\"\n        [disabled]=\"field.disabled\" [readonly]=\"field.readonly\" [xAlignment]=\"field.xAlignment\"\n        [rowSpan]=\"field.rowSpan\" [indicatorsField]=\"field.indicatorsField\" [menuField]=\"field.menuField\"\n        [hasCampaignField]=\"field.hasCampaignField\" [sizeLimitMB]=\"field.sizeLimitMB\" [isActive]=\"isActive\"\n        [layoutType]=\"layoutType\" [visible]=\"field.visible\" (elementClick)=\"onClick($event)\"\n        (fileChange)=\"onFileChanged($event, field)\">\n    </pep-image>\n\n    <pep-quantity-selector *ngSwitchCase=\"'qs'\" [form]=\"form\" [key]=\"field.key\" [value]=\"field.value\"\n        [formattedValue]=\"field.formattedValue\" [label]=\"field.label\" [type]=\"field.type\" [mandatory]=\"field.mandatory\"\n        [disabled]=\"field.disabled\" [readonly]=\"field.readonly\" [textColor]=\"field.textColor\"\n        [xAlignment]=\"field.xAlignment\" [rowSpan]=\"field.rowSpan\" [allowDecimal]=\"field.allowDecimal\"\n        [additionalValue]=\"field.additionalValue\" [notificationInfo]=\"field.notificationInfo\" [isActive]=\"isActive\"\n        [layoutType]=\"layoutType\" [showTitle]=\"showTitle\" [visible]=\"field.visible\"\n        (valueChange)=\"onValueChanged($event, field)\" (formValidationChange)=\"onFormValidationChanged($event)\"\n        (elementClick)=\"onClick($event)\">\n    </pep-quantity-selector>\n\n    <pep-rich-html-textarea *ngSwitchCase=\"'richhtmltextarea'\" [form]=\"form\" [key]=\"field.key\" [value]=\"field.value\"\n        [label]=\"field.label\" [mandatory]=\"field.mandatory\" [disabled]=\"field.disabled\" [readonly]=\"field.readonly\"\n        [maxFieldCharacters]=\"field.maxFieldCharacters\" [xAlignment]=\"field.xAlignment\" [rowSpan]=\"field.rowSpan\"\n        [showTitle]=\"showTitle\" [layoutType]=\"layoutType\" [visible]=\"field.visible\"\n        (valueChange)=\"onValueChanged($event, field)\" [isActive]=\"isActive\">\n    </pep-rich-html-textarea>\n\n    <pep-select *ngSwitchCase=\"'select'\" [form]=\"form\" [key]=\"field.key\" [value]=\"field.value\" [label]=\"field.label\"\n        [type]=\"field.type\" [mandatory]=\"field.mandatory\" [disabled]=\"field.disabled\" [readonly]=\"field.readonly\"\n        [xAlignment]=\"field.xAlignment\" [rowSpan]=\"field.rowSpan\" [options]=\"field.options\" [showTitle]=\"showTitle\"\n        [layoutType]=\"layoutType\" [visible]=\"field.visible\" (valueChange)=\"onValueChanged($event, field)\"\n        (formValidationChange)=\"onFormValidationChanged($event)\" [isActive]=\"isActive\">\n    </pep-select>\n\n    <pep-separator *ngSwitchCase=\"'separator'\" [form]=\"form\" [key]=\"field.key\" [label]=\"field.label\"\n        [xAlignment]=\"field.xAlignment\" [layoutType]=\"layoutType\" [visible]=\"field.visible\">\n    </pep-separator>\n\n    <pep-signature *ngSwitchCase=\"'signature'\" [form]=\"form\" [key]=\"field.key\" [src]=\"field.value\" [label]=\"field.label\"\n        [mandatory]=\"field.mandatory\" [disabled]=\"field.disabled\" [readonly]=\"field.readonly\"\n        [xAlignment]=\"field.xAlignment\" [rowSpan]=\"field.rowSpan\" [isActive]=\"isActive\" [layoutType]=\"layoutType\"\n        [visible]=\"field.visible\" (fileChange)=\"onFileChanged($event, field)\">\n    </pep-signature>\n\n    <pep-textarea *ngSwitchCase=\"'textarea'\" [form]=\"form\" [key]=\"field.key\" [value]=\"field.value\" [label]=\"field.label\"\n        [mandatory]=\"field.mandatory\" [disabled]=\"field.disabled\" [readonly]=\"field.readonly\"\n        [maxFieldCharacters]=\"field.maxFieldCharacters\" [textColor]=\"field.textColor\" [xAlignment]=\"field.xAlignment\"\n        [rowSpan]=\"field.rowSpan\" [showTitle]=\"showTitle\" [layoutType]=\"layoutType\" [visible]=\"field.visible\"\n        (valueChange)=\"onValueChanged($event, field)\" [isActive]=\"isActive\">\n    </pep-textarea>\n\n    <pep-textbox *ngSwitchCase=\"'textbox'\" [form]=\"form\" [key]=\"field.key\" [value]=\"field.value\"\n        [formattedValue]=\"field.formattedValue\" [label]=\"field.label\" [placeholder]=\"field.placeholder\"\n        [type]=\"field.type\" [mandatory]=\"field.mandatory\" [disabled]=\"field.disabled\" [readonly]=\"field.readonly\"\n        [maxFieldCharacters]=\"field.maxFieldCharacters\" [textColor]=\"field.textColor\" [xAlignment]=\"field.xAlignment\"\n        [rowSpan]=\"field.rowSpan\" [showTitle]=\"showTitle\" [layoutType]=\"layoutType\"\n        (valueChange)=\"onValueChanged($event, field)\" (formValidationChange)=\"onFormValidationChanged($event)\"\n        [isActive]=\"isActive\" [visible]=\"field.visible\">\n    </pep-textbox>\n\n    <pep-indicators *ngSwitchCase=\"'indicators'\" [key]=\"field.key\" [value]=\"field.value\" [layoutType]=\"layoutType\">\n    </pep-indicators>\n    <pep-internal-button *ngSwitchCase=\"'button'\" [form]=\"form\" [key]=\"field.key\" [value]=\"field.value\"\n        [formattedValue]=\"field.formattedValue\" [label]=\"field.label\"\n        [referenceObjectInternalType]=\"field.referenceObjectInternalType\" [type]=\"field.type\"\n        [disabled]=\"field.disabled\" [readonly]=\"field.readonly\" [xAlignment]=\"field.xAlignment\"\n        [layoutType]=\"layoutType\" [visible]=\"field.visible\" (elementClick)=\"onClick($event)\"\n        (valueChange)=\"onValueChanged($event, field)\">\n    </pep-internal-button>\n    <pep-internal-menu *ngSwitchCase=\"'menu'\" [key]=\"field.key\" [label]=\"field.label\" [disabled]=\"field.disabled\"\n        [xAlignment]=\"field.xAlignment\" [options]=\"field.options\" [layoutType]=\"layoutType\"\n        (elementClick)=\"onClick($event)\">\n    </pep-internal-menu>\n    <pep-internal-page *ngSwitchCase=\"'internalPage'\" [field]=\"field\" [layoutType]=\"layoutType\"\n        (childClick)=\"onChildClick($event)\" (childChange)=\"onChildChanged($event)\">\n    </pep-internal-page>\n\n    <pep-internal-carusel *ngSwitchCase=\"'internalCarusel'\" [field]=\"field\"\n        (formValueChange)=\"onFormValueChanged($event)\" (formFieldClick)=\"onFormFieldClick($event)\">\n    </pep-internal-carusel>\n\n    <ng-container *ngSwitchCase=\"'placeholder'\">\n    </ng-container>\n</ng-container>",
                     encapsulation: core.ViewEncapsulation.Emulated,
                     changeDetection: core.ChangeDetectionStrategy.OnPush,
                     styles: [":host{width:100%;height:100%}"]
@@ -1755,7 +1783,9 @@
         childChange: [{ type: core.Output }],
         formValidationChange: [{ type: core.Output }],
         elementClick: [{ type: core.Output }],
-        childClick: [{ type: core.Output }]
+        childClick: [{ type: core.Output }],
+        formValueChange: [{ type: core.Output }],
+        formFieldClick: [{ type: core.Output }]
     };
 
     var PepIndicatorsComponent = /** @class */ (function () {
@@ -2671,18 +2701,6 @@
                 (_e = this.orgCont) === null || _e === void 0 ? void 0 : _e.insert(view);
             }
             setTimeout(function () {
-                // const buffer = [];
-                // if (this.childData.Rows) {
-                //     // for (let i = 0; i < this.childData.Rows.length; i++) {
-                //     for (const childDataRow of this.childData.Rows) {
-                //         const osd = new ObjectSingleData(
-                //             this.uiControl,
-                //             childDataRow
-                //         );
-                //         osd.IsEditable = true;
-                //         buffer.push(osd);
-                //     }
-                // }
                 var viewType = _this.isTableView()
                     ? 'table'
                     : 'lines';
@@ -2723,17 +2741,12 @@
                         }))));
                         // * 16 convert rem to pixel
                         var cardRowsHeight = _this.customizationService.calculateCardRowsHeight(maxRow) * 16;
-                        // maxRow * 24 + 60 - 24 for each row in card + 60 for the padding of each card.
-                        // const rowSpanToAdd = Math.floor(childrenCount * ((cardRowsHeight + 56) / formRowHeight) + rowsToAdd);
-                        // + 16 is the 1rem margin outside card.
-                        var rowSpanToAdd = (childrenCount * (cardRowsHeight + 16)) /
-                            formRowHeight +
+                        var rowSpanToAdd = (childrenCount * (cardRowsHeight + 16)); // + 16 is the 1rem margin outside card.
+                        formRowHeight +
                             rowsToAdd;
                         _this.field.rowSpan = rowSpanToAdd;
                     }
                     else {
-                        // const tableRowsHeight = this.customizationService.calculateTableRowsHeight(childrenCount) * 16;
-                        // this.field.rowSpan = Math.ceil((tableRowsHeight + (rowsToAdd * 40)) / formRowHeight);
                         // * 16 convert rem to pixel
                         var rowsToAddHeight = _this.customizationService.calculateTableRowsHeight(rowsToAdd, false) * 16;
                         var tableRowsHeight = _this.customizationService.calculateTableRowsHeight(childrenCount) * 16;
@@ -2765,13 +2778,6 @@
         PepInternalPageComponent.prototype.isTableView = function () {
             return this.isMatrixView() || this.isFlatMatrixView();
         };
-        // private getItemClass(): string {
-        //     let res = '';
-        //     if (!this.isTableView()) {
-        //         res = 'line-view';
-        //     }
-        //     return res;
-        // }
         PepInternalPageComponent.prototype.changeChildrenViewType = function (viewTypeKey) {
             var e_1, _f;
             var _this = this;
@@ -2793,9 +2799,6 @@
                 }
                 finally { if (e_1) throw e_1.error; }
             }
-            // check if view type changed
-            // if (this.currentViewType.Key != viewTypeKey) {
-            // window.scroll(0, 0); //or document.body.scrollTop = 0; or document.querySelector('body').scrollTo(0,0)
             this.currentViewTypeTitle = this.currentViewType.Value;
             this.internalPageService.changeChildrenViewType(this.currentViewType.Key, function (res) {
                 if (res.Rows) {
@@ -2823,9 +2826,6 @@
             var _this = this;
             var config = this.dialogService.getDialogConfig({
                 disableClose: false,
-                // minWidth: '50vw',
-                // maxWidth: '90vw',
-                // maxHeight: '90vh',
             }, 'large');
             var dialogRef = this.dialogService.openDialog(this.matrixDialogTemplate, {}, config);
             dialogRef.afterOpened().subscribe(function () {
@@ -2883,12 +2883,6 @@
             }
         };
         PepInternalPageComponent.prototype.ngOnDestroy = function () {
-            // if (this.childChange) {
-            //     this.childChange.unsubscribe();
-            // }
-            // if (this.childClick) {
-            //     this.childClick.unsubscribe();
-            // }
             if (this.resize) {
                 this.resize.unsubscribe();
             }
@@ -3051,10 +3045,3358 @@
         customList: [{ type: core.ViewChild, args: [PepInternalListComponent,] }]
     };
 
+    var PepInternalCaruselService = /** @class */ (function () {
+        function PepInternalCaruselService(httpService) {
+            this.httpService = httpService;
+            this.parentId = '0';
+            this.additionalApiName = '';
+            this.transactionUrl = 'Service1.svc/v1/OrderCenter/Transaction/';
+        }
+        PepInternalCaruselService.prototype.initCarusel = function (objectId, searchCode, callbackFunc) {
+            if (!objectId) {
+                return;
+            }
+            this.objectId = objectId;
+            this.searchCode = searchCode;
+            this.httpService
+                .getWapiApiCall("" + this.transactionUrl + this.objectId + "/CaruselItems")
+                .subscribe(function (res) {
+                callbackFunc(res);
+            }
+            // (error) => {},
+            // () => {}
+            );
+        };
+        return PepInternalCaruselService;
+    }());
+    PepInternalCaruselService.decorators = [
+        { type: core.Injectable }
+    ];
+    PepInternalCaruselService.ctorParameters = function () { return [
+        { type: ngxLib.PepHttpService }
+    ]; };
+
+    var TempRelatedItems = {
+        "Rows": [
+            {
+                "AdditionalData": null,
+                "BackgroundColor": "",
+                "Fields": [
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "ItemTSAType",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 1,
+                        "FormattedValue": "Accessories",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 2129893312,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "Accessories",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "ObjectMenu",
+                        "BackgroundColor": "",
+                        "Enabled": true,
+                        "EventsData": null,
+                        "FieldType": 17,
+                        "FormattedValue": "",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 0,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "TSARelteadItems",
+                        "BackgroundColor": "",
+                        "Enabled": true,
+                        "EventsData": null,
+                        "FieldType": 1,
+                        "FormattedValue": "[\"56d8015b-705c-4a1d-9db9-8926fad4bc48\",\"32fca2a8-9882-44e3-a9e2-fb98d4282529\",\"a76fad1a-0143-449f-9553-fa85a11d7e81\",\"f2c6c4c6-b33c-47e1-86a4-57ed5edb757a\",\"e77f883f-92b0-41ef-80fb-806bfb375b6a\"]",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 0,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "[\"56d8015b-705c-4a1d-9db9-8926fad4bc48\",\"32fca2a8-9882-44e3-a9e2-fb98d4282529\",\"a76fad1a-0143-449f-9553-fa85a11d7e81\",\"f2c6c4c6-b33c-47e1-86a4-57ed5edb757a\",\"e77f883f-92b0-41ef-80fb-806bfb375b6a\"]",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "Image",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 27,
+                        "FormattedValue": "https://cdn.pepperi.com/WrntyImages/30013636/PortfolioItems/6/65147316_1.jpg?ft=1",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": -1,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "https://cdn.pepperi.com/WrntyImages/30013636/PortfolioItems/6/65147316_1.jpg?ft=1",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "ItemName",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 1,
+                        "FormattedValue": "Wool Hat",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 2129890288,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "Wool Hat",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "ItemExternalID",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 1,
+                        "FormattedValue": "HT3002",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 0,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "HT3002",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "$",
+                        "AdditionalValue": "",
+                        "ApiName": "ItemPrice",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 9,
+                        "FormattedValue": "$23.00",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 2129896912,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "23.0000",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "UnitsQuantity",
+                        "BackgroundColor": "",
+                        "Enabled": true,
+                        "EventsData": null,
+                        "FieldType": 28,
+                        "FormattedValue": "0",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 0,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "0.0000",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "ItemTSASeason",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 1,
+                        "FormattedValue": "Fall",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 0,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "Fall",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "ItemTSAPackaging",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 1,
+                        "FormattedValue": "B",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": -1218391789,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "B",
+                        "Visible": true
+                    }
+                ],
+                "IsEditable": false,
+                "IsSelectableForActions": false,
+                "MainAction": null,
+                "Profile": null,
+                "Type": 0,
+                "UID": "56d8015b-705c-4a1d-9db9-8926fad4bc48"
+            },
+            {
+                "AdditionalData": null,
+                "BackgroundColor": "",
+                "Fields": [
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "ItemTSAType",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 1,
+                        "FormattedValue": "Accessories",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": -1,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "Accessories",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "ObjectMenu",
+                        "BackgroundColor": "",
+                        "Enabled": true,
+                        "EventsData": null,
+                        "FieldType": 17,
+                        "FormattedValue": "",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 0,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "TSARelteadItems",
+                        "BackgroundColor": "",
+                        "Enabled": true,
+                        "EventsData": null,
+                        "FieldType": 1,
+                        "FormattedValue": "[\"56d8015b-705c-4a1d-9db9-8926fad4bc48\",\"32fca2a8-9882-44e3-a9e2-fb98d4282529\",\"a76fad1a-0143-449f-9553-fa85a11d7e81\",\"f2c6c4c6-b33c-47e1-86a4-57ed5edb757a\",\"e77f883f-92b0-41ef-80fb-806bfb375b6a\"]",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 0,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "[\"56d8015b-705c-4a1d-9db9-8926fad4bc48\",\"32fca2a8-9882-44e3-a9e2-fb98d4282529\",\"a76fad1a-0143-449f-9553-fa85a11d7e81\",\"f2c6c4c6-b33c-47e1-86a4-57ed5edb757a\",\"e77f883f-92b0-41ef-80fb-806bfb375b6a\"]",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "Image",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 27,
+                        "FormattedValue": "https://cdn.pepperi.com/WrntyImages/30013636/PortfolioItems/7/65147317_1.jpg?ft=1",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": -1,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "https://cdn.pepperi.com/WrntyImages/30013636/PortfolioItems/7/65147317_1.jpg?ft=1",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "ItemName",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 1,
+                        "FormattedValue": "Elegant Hat",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": -1272524079,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "Elegant Hat",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "ItemExternalID",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 1,
+                        "FormattedValue": "HT3003",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 2129893168,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "HT3003",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "$",
+                        "AdditionalValue": "",
+                        "ApiName": "ItemPrice",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 9,
+                        "FormattedValue": "$24.00",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": -1230843819,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "24.0000",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "UnitsQuantity",
+                        "BackgroundColor": "",
+                        "Enabled": true,
+                        "EventsData": null,
+                        "FieldType": 28,
+                        "FormattedValue": "0",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": -1,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "0.0000",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "ItemTSASeason",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 1,
+                        "FormattedValue": "Fall",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": -1,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "Fall",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "ItemTSAPackaging",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 1,
+                        "FormattedValue": "C",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 0,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "C",
+                        "Visible": true
+                    }
+                ],
+                "IsEditable": false,
+                "IsSelectableForActions": false,
+                "MainAction": null,
+                "Profile": null,
+                "Type": 0,
+                "UID": "32fca2a8-9882-44e3-a9e2-fb98d4282529"
+            },
+            {
+                "AdditionalData": null,
+                "BackgroundColor": "",
+                "Fields": [
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "ItemTSAType",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 1,
+                        "FormattedValue": "Accessories",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 14,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "Accessories",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "ObjectMenu",
+                        "BackgroundColor": "",
+                        "Enabled": true,
+                        "EventsData": null,
+                        "FieldType": 17,
+                        "FormattedValue": "",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 2129897584,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "TSARelteadItems",
+                        "BackgroundColor": "",
+                        "Enabled": true,
+                        "EventsData": null,
+                        "FieldType": 1,
+                        "FormattedValue": "[\"56d8015b-705c-4a1d-9db9-8926fad4bc48\",\"32fca2a8-9882-44e3-a9e2-fb98d4282529\",\"a76fad1a-0143-449f-9553-fa85a11d7e81\",\"f2c6c4c6-b33c-47e1-86a4-57ed5edb757a\",\"e77f883f-92b0-41ef-80fb-806bfb375b6a\"]",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 0,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "[\"56d8015b-705c-4a1d-9db9-8926fad4bc48\",\"32fca2a8-9882-44e3-a9e2-fb98d4282529\",\"a76fad1a-0143-449f-9553-fa85a11d7e81\",\"f2c6c4c6-b33c-47e1-86a4-57ed5edb757a\",\"e77f883f-92b0-41ef-80fb-806bfb375b6a\"]",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "Image",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 27,
+                        "FormattedValue": "https://cdn.pepperi.com/WrntyImages/30013636/PortfolioItems/8/65147318_1.jpg?ft=1",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": -1252338867,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "https://cdn.pepperi.com/WrntyImages/30013636/PortfolioItems/8/65147318_1.jpg?ft=1",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "ItemName",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 1,
+                        "FormattedValue": "Elegant Hat",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 2,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "Elegant Hat",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "ItemExternalID",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 1,
+                        "FormattedValue": "HT3004",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 2125052912,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "HT3004",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "$",
+                        "AdditionalValue": "",
+                        "ApiName": "ItemPrice",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 9,
+                        "FormattedValue": "$21.00",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 0,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "21.0000",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "UnitsQuantity",
+                        "BackgroundColor": "",
+                        "Enabled": true,
+                        "EventsData": null,
+                        "FieldType": 28,
+                        "FormattedValue": "0",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 8,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "0.0000",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "ItemTSASeason",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 1,
+                        "FormattedValue": "Fall",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 2125050496,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "Fall",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "ItemTSAPackaging",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 1,
+                        "FormattedValue": "C",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 2125051672,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "C",
+                        "Visible": true
+                    }
+                ],
+                "IsEditable": false,
+                "IsSelectableForActions": false,
+                "MainAction": null,
+                "Profile": null,
+                "Type": 0,
+                "UID": "a76fad1a-0143-449f-9553-fa85a11d7e81"
+            },
+            {
+                "AdditionalData": null,
+                "BackgroundColor": "",
+                "Fields": [
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "ItemTSAType",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 1,
+                        "FormattedValue": "Accessories",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 1660598050,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "Accessories",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "ObjectMenu",
+                        "BackgroundColor": "",
+                        "Enabled": true,
+                        "EventsData": null,
+                        "FieldType": 17,
+                        "FormattedValue": "",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 0,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "TSARelteadItems",
+                        "BackgroundColor": "",
+                        "Enabled": true,
+                        "EventsData": null,
+                        "FieldType": 1,
+                        "FormattedValue": "[\"56d8015b-705c-4a1d-9db9-8926fad4bc48\",\"32fca2a8-9882-44e3-a9e2-fb98d4282529\",\"a76fad1a-0143-449f-9553-fa85a11d7e81\",\"f2c6c4c6-b33c-47e1-86a4-57ed5edb757a\",\"e77f883f-92b0-41ef-80fb-806bfb375b6a\"]",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": -1591707634,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "[\"56d8015b-705c-4a1d-9db9-8926fad4bc48\",\"32fca2a8-9882-44e3-a9e2-fb98d4282529\",\"a76fad1a-0143-449f-9553-fa85a11d7e81\",\"f2c6c4c6-b33c-47e1-86a4-57ed5edb757a\",\"e77f883f-92b0-41ef-80fb-806bfb375b6a\"]",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "Image",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 27,
+                        "FormattedValue": "https://cdn.pepperi.com/WrntyImages/30013636/PortfolioItems/9/65147319_1.jpg?ft=1",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 2125052176,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "https://cdn.pepperi.com/WrntyImages/30013636/PortfolioItems/9/65147319_1.jpg?ft=1",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "ItemName",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 1,
+                        "FormattedValue": "Outdoor Hat",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 2125040248,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "Outdoor Hat",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "ItemExternalID",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 1,
+                        "FormattedValue": "HT3005",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 2125053472,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "HT3005",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "$",
+                        "AdditionalValue": "",
+                        "ApiName": "ItemPrice",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 9,
+                        "FormattedValue": "$23.00",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 2,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "23.0000",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "UnitsQuantity",
+                        "BackgroundColor": "",
+                        "Enabled": true,
+                        "EventsData": null,
+                        "FieldType": 28,
+                        "FormattedValue": "0",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 2106867472,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "0.0000",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "ItemTSASeason",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 1,
+                        "FormattedValue": "Fall",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 0,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "Fall",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "ItemTSAPackaging",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 1,
+                        "FormattedValue": "D",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 0,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "D",
+                        "Visible": true
+                    }
+                ],
+                "IsEditable": false,
+                "IsSelectableForActions": false,
+                "MainAction": null,
+                "Profile": null,
+                "Type": 0,
+                "UID": "f2c6c4c6-b33c-47e1-86a4-57ed5edb757a"
+            },
+            {
+                "AdditionalData": null,
+                "BackgroundColor": "",
+                "Fields": [
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "ItemTSAType",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 1,
+                        "FormattedValue": "Accessories",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 5,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "Accessories",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "ObjectMenu",
+                        "BackgroundColor": "",
+                        "Enabled": true,
+                        "EventsData": null,
+                        "FieldType": 17,
+                        "FormattedValue": "",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 5,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "TSARelteadItems",
+                        "BackgroundColor": "",
+                        "Enabled": true,
+                        "EventsData": null,
+                        "FieldType": 1,
+                        "FormattedValue": "[\"56d8015b-705c-4a1d-9db9-8926fad4bc48\",\"32fca2a8-9882-44e3-a9e2-fb98d4282529\",\"a76fad1a-0143-449f-9553-fa85a11d7e81\",\"f2c6c4c6-b33c-47e1-86a4-57ed5edb757a\",\"e77f883f-92b0-41ef-80fb-806bfb375b6a\"]",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 2123848360,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "[\"56d8015b-705c-4a1d-9db9-8926fad4bc48\",\"32fca2a8-9882-44e3-a9e2-fb98d4282529\",\"a76fad1a-0143-449f-9553-fa85a11d7e81\",\"f2c6c4c6-b33c-47e1-86a4-57ed5edb757a\",\"e77f883f-92b0-41ef-80fb-806bfb375b6a\"]",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "Image",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 27,
+                        "FormattedValue": "https://cdn.pepperi.com/WrntyImages/30013636/PortfolioItems/0/65147320_1.jpg?ft=1",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 0,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "https://cdn.pepperi.com/WrntyImages/30013636/PortfolioItems/0/65147320_1.jpg?ft=1",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "ItemName",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 1,
+                        "FormattedValue": "Outdoor Hat",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 2123341872,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "Outdoor Hat",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "ItemExternalID",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 1,
+                        "FormattedValue": "HT3006",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": -1,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "HT3006",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "$",
+                        "AdditionalValue": "",
+                        "ApiName": "ItemPrice",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 9,
+                        "FormattedValue": "$19.00",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 2123850704,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "19.0000",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "UnitsQuantity",
+                        "BackgroundColor": "",
+                        "Enabled": true,
+                        "EventsData": null,
+                        "FieldType": 28,
+                        "FormattedValue": "0",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 2123860720,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "0.0000",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "ItemTSASeason",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 1,
+                        "FormattedValue": "Fall",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 2123846016,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "Fall",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "ItemTSAPackaging",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 1,
+                        "FormattedValue": "D",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 2123846016,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "D",
+                        "Visible": true
+                    }
+                ],
+                "IsEditable": false,
+                "IsSelectableForActions": false,
+                "MainAction": null,
+                "Profile": null,
+                "Type": 0,
+                "UID": "e77f883f-92b0-41ef-80fb-806bfb375b6a"
+            },
+            {
+                "AdditionalData": null,
+                "BackgroundColor": "",
+                "Fields": [
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "ItemTSAType",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 1,
+                        "FormattedValue": "Accessories",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 2123848360,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "Accessories",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "ObjectMenu",
+                        "BackgroundColor": "",
+                        "Enabled": true,
+                        "EventsData": null,
+                        "FieldType": 17,
+                        "FormattedValue": "",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 2123850704,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "TSARelteadItems",
+                        "BackgroundColor": "",
+                        "Enabled": true,
+                        "EventsData": null,
+                        "FieldType": 1,
+                        "FormattedValue": "[\"56d8015b-705c-4a1d-9db9-8926fad4bc48\",\"32fca2a8-9882-44e3-a9e2-fb98d4282529\",\"a76fad1a-0143-449f-9553-fa85a11d7e81\",\"f2c6c4c6-b33c-47e1-86a4-57ed5edb757a\",\"e77f883f-92b0-41ef-80fb-806bfb375b6a\"]",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 5,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "[\"56d8015b-705c-4a1d-9db9-8926fad4bc48\",\"32fca2a8-9882-44e3-a9e2-fb98d4282529\",\"a76fad1a-0143-449f-9553-fa85a11d7e81\",\"f2c6c4c6-b33c-47e1-86a4-57ed5edb757a\",\"e77f883f-92b0-41ef-80fb-806bfb375b6a\"]",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "Image",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 27,
+                        "FormattedValue": "https://cdn.pepperi.com/WrntyImages/30013636/PortfolioItems/1/65147321_1.jpg?ft=1",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 2123853240,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "https://cdn.pepperi.com/WrntyImages/30013636/PortfolioItems/1/65147321_1.jpg?ft=1",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "ItemName",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 1,
+                        "FormattedValue": "Outdoor Hat",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 5,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "Outdoor Hat",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "ItemExternalID",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 1,
+                        "FormattedValue": "HT3007",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 13,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "HT3007",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "$",
+                        "AdditionalValue": "",
+                        "ApiName": "ItemPrice",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 9,
+                        "FormattedValue": "$22.00",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 0,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "22.0000",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "UnitsQuantity",
+                        "BackgroundColor": "",
+                        "Enabled": true,
+                        "EventsData": null,
+                        "FieldType": 28,
+                        "FormattedValue": "0",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 0,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "0.0000",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "ItemTSASeason",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 1,
+                        "FormattedValue": "Fall",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 0,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "Fall",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "ItemTSAPackaging",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 1,
+                        "FormattedValue": "D",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 0,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "D",
+                        "Visible": true
+                    }
+                ],
+                "IsEditable": false,
+                "IsSelectableForActions": false,
+                "MainAction": null,
+                "Profile": null,
+                "Type": 0,
+                "UID": "0b91c165-1ca4-4bb5-ba69-a877948a7a2d"
+            },
+            {
+                "AdditionalData": null,
+                "BackgroundColor": "",
+                "Fields": [
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "ItemTSAType",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 1,
+                        "FormattedValue": "Accessories",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 0,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "Accessories",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "ObjectMenu",
+                        "BackgroundColor": "",
+                        "Enabled": true,
+                        "EventsData": null,
+                        "FieldType": 17,
+                        "FormattedValue": "",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 0,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "TSARelteadItems",
+                        "BackgroundColor": "",
+                        "Enabled": true,
+                        "EventsData": null,
+                        "FieldType": 1,
+                        "FormattedValue": "[\"56d8015b-705c-4a1d-9db9-8926fad4bc48\",\"32fca2a8-9882-44e3-a9e2-fb98d4282529\",\"a76fad1a-0143-449f-9553-fa85a11d7e81\",\"f2c6c4c6-b33c-47e1-86a4-57ed5edb757a\",\"e77f883f-92b0-41ef-80fb-806bfb375b6a\"]",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 0,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "[\"56d8015b-705c-4a1d-9db9-8926fad4bc48\",\"32fca2a8-9882-44e3-a9e2-fb98d4282529\",\"a76fad1a-0143-449f-9553-fa85a11d7e81\",\"f2c6c4c6-b33c-47e1-86a4-57ed5edb757a\",\"e77f883f-92b0-41ef-80fb-806bfb375b6a\"]",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "Image",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 27,
+                        "FormattedValue": "https://cdn.pepperi.com/WrntyImages/30013636/PortfolioItems/2/65147322_1.jpg?ft=1",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 0,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "https://cdn.pepperi.com/WrntyImages/30013636/PortfolioItems/2/65147322_1.jpg?ft=1",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "ItemName",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 1,
+                        "FormattedValue": "Outdoor Hat",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 0,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "Outdoor Hat",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "ItemExternalID",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 1,
+                        "FormattedValue": "HT3008",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 0,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "HT3008",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "$",
+                        "AdditionalValue": "",
+                        "ApiName": "ItemPrice",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 9,
+                        "FormattedValue": "$22.00",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 0,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "22.0000",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "UnitsQuantity",
+                        "BackgroundColor": "",
+                        "Enabled": true,
+                        "EventsData": null,
+                        "FieldType": 28,
+                        "FormattedValue": "0",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 0,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "0.0000",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "ItemTSASeason",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 1,
+                        "FormattedValue": "Winter",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 0,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "Winter",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "ItemTSAPackaging",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 1,
+                        "FormattedValue": "A",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 0,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "A",
+                        "Visible": true
+                    }
+                ],
+                "IsEditable": false,
+                "IsSelectableForActions": false,
+                "MainAction": null,
+                "Profile": null,
+                "Type": 0,
+                "UID": "bd8b13ae-2a5c-4689-8488-32f6cb722ba9"
+            },
+            {
+                "AdditionalData": null,
+                "BackgroundColor": "",
+                "Fields": [
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "ItemTSAType",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 1,
+                        "FormattedValue": "Accessories",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 0,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "Accessories",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "ObjectMenu",
+                        "BackgroundColor": "",
+                        "Enabled": true,
+                        "EventsData": null,
+                        "FieldType": 17,
+                        "FormattedValue": "",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 0,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "TSARelteadItems",
+                        "BackgroundColor": "",
+                        "Enabled": true,
+                        "EventsData": null,
+                        "FieldType": 1,
+                        "FormattedValue": "[\"56d8015b-705c-4a1d-9db9-8926fad4bc48\",\"32fca2a8-9882-44e3-a9e2-fb98d4282529\",\"a76fad1a-0143-449f-9553-fa85a11d7e81\",\"f2c6c4c6-b33c-47e1-86a4-57ed5edb757a\",\"e77f883f-92b0-41ef-80fb-806bfb375b6a\"]",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 0,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "[\"56d8015b-705c-4a1d-9db9-8926fad4bc48\",\"32fca2a8-9882-44e3-a9e2-fb98d4282529\",\"a76fad1a-0143-449f-9553-fa85a11d7e81\",\"f2c6c4c6-b33c-47e1-86a4-57ed5edb757a\",\"e77f883f-92b0-41ef-80fb-806bfb375b6a\"]",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "Image",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 27,
+                        "FormattedValue": "https://cdn.pepperi.com/WrntyImages/30013636/PortfolioItems/3/65147323_1.jpg?ft=1",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 0,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "https://cdn.pepperi.com/WrntyImages/30013636/PortfolioItems/3/65147323_1.jpg?ft=1",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "ItemName",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 1,
+                        "FormattedValue": "Outdoor Hat",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 0,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "Outdoor Hat",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "ItemExternalID",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 1,
+                        "FormattedValue": "HT3009",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 0,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "HT3009",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "$",
+                        "AdditionalValue": "",
+                        "ApiName": "ItemPrice",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 9,
+                        "FormattedValue": "$23.00",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 0,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "23.0000",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "UnitsQuantity",
+                        "BackgroundColor": "",
+                        "Enabled": true,
+                        "EventsData": null,
+                        "FieldType": 28,
+                        "FormattedValue": "0",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 0,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "0.0000",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "ItemTSASeason",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 1,
+                        "FormattedValue": "Winter",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 0,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "Winter",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "ItemTSAPackaging",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 1,
+                        "FormattedValue": "A",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 0,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "A",
+                        "Visible": true
+                    }
+                ],
+                "IsEditable": false,
+                "IsSelectableForActions": false,
+                "MainAction": null,
+                "Profile": null,
+                "Type": 0,
+                "UID": "27bfe67d-13f4-4982-b5d0-3ebf5d753e0f"
+            },
+            {
+                "AdditionalData": null,
+                "BackgroundColor": "",
+                "Fields": [
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "ItemTSAType",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 1,
+                        "FormattedValue": "Accessories",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 0,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "Accessories",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "ObjectMenu",
+                        "BackgroundColor": "",
+                        "Enabled": true,
+                        "EventsData": null,
+                        "FieldType": 17,
+                        "FormattedValue": "",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 0,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "TSARelteadItems",
+                        "BackgroundColor": "",
+                        "Enabled": true,
+                        "EventsData": null,
+                        "FieldType": 1,
+                        "FormattedValue": "[\"56d8015b-705c-4a1d-9db9-8926fad4bc48\",\"32fca2a8-9882-44e3-a9e2-fb98d4282529\",\"a76fad1a-0143-449f-9553-fa85a11d7e81\",\"f2c6c4c6-b33c-47e1-86a4-57ed5edb757a\",\"e77f883f-92b0-41ef-80fb-806bfb375b6a\"]",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 0,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "[\"56d8015b-705c-4a1d-9db9-8926fad4bc48\",\"32fca2a8-9882-44e3-a9e2-fb98d4282529\",\"a76fad1a-0143-449f-9553-fa85a11d7e81\",\"f2c6c4c6-b33c-47e1-86a4-57ed5edb757a\",\"e77f883f-92b0-41ef-80fb-806bfb375b6a\"]",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "Image",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 27,
+                        "FormattedValue": "https://cdn.pepperi.com/WrntyImages/30013636/PortfolioItems/4/65147324_1.jpg?ft=1",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 0,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "https://cdn.pepperi.com/WrntyImages/30013636/PortfolioItems/4/65147324_1.jpg?ft=1",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "ItemName",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 1,
+                        "FormattedValue": "Sport Hat",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 3473458,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "Sport Hat",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "ItemExternalID",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 1,
+                        "FormattedValue": "HT3010",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 0,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "HT3010",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "$",
+                        "AdditionalValue": "",
+                        "ApiName": "ItemPrice",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 9,
+                        "FormattedValue": "$24.00",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 0,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "24.0000",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "UnitsQuantity",
+                        "BackgroundColor": "",
+                        "Enabled": true,
+                        "EventsData": null,
+                        "FieldType": 28,
+                        "FormattedValue": "0",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 0,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "0.0000",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "ItemTSASeason",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 1,
+                        "FormattedValue": "Winter",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 0,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "Winter",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "ItemTSAPackaging",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 1,
+                        "FormattedValue": "A",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 0,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "A",
+                        "Visible": true
+                    }
+                ],
+                "IsEditable": false,
+                "IsSelectableForActions": false,
+                "MainAction": null,
+                "Profile": null,
+                "Type": 0,
+                "UID": "f04e0fd3-7832-432d-ae27-1820ba9a9c85"
+            },
+            {
+                "AdditionalData": null,
+                "BackgroundColor": "",
+                "Fields": [
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "ItemTSAType",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 1,
+                        "FormattedValue": "Accessories",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 2106973712,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "Accessories",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "ObjectMenu",
+                        "BackgroundColor": "",
+                        "Enabled": true,
+                        "EventsData": null,
+                        "FieldType": 17,
+                        "FormattedValue": "",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 0,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "TSARelteadItems",
+                        "BackgroundColor": "",
+                        "Enabled": true,
+                        "EventsData": null,
+                        "FieldType": 1,
+                        "FormattedValue": "[\"56d8015b-705c-4a1d-9db9-8926fad4bc48\",\"32fca2a8-9882-44e3-a9e2-fb98d4282529\",\"a76fad1a-0143-449f-9553-fa85a11d7e81\",\"f2c6c4c6-b33c-47e1-86a4-57ed5edb757a\",\"e77f883f-92b0-41ef-80fb-806bfb375b6a\"]",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 13,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "[\"56d8015b-705c-4a1d-9db9-8926fad4bc48\",\"32fca2a8-9882-44e3-a9e2-fb98d4282529\",\"a76fad1a-0143-449f-9553-fa85a11d7e81\",\"f2c6c4c6-b33c-47e1-86a4-57ed5edb757a\",\"e77f883f-92b0-41ef-80fb-806bfb375b6a\"]",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "Image",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 27,
+                        "FormattedValue": "https://cdn.pepperi.com/WrntyImages/30013636/PortfolioItems/5/65147315_1.jpg?ft=1",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 0,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "https://cdn.pepperi.com/WrntyImages/30013636/PortfolioItems/5/65147315_1.jpg?ft=1",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "ItemName",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 1,
+                        "FormattedValue": "Wool Hat",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 0,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "Wool Hat",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "ItemExternalID",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 1,
+                        "FormattedValue": "HT3001",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 0,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "HT3001",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "$",
+                        "AdditionalValue": "",
+                        "ApiName": "ItemPrice",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 9,
+                        "FormattedValue": "$23.00",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 4980834,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "23.0000",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "UnitsQuantity",
+                        "BackgroundColor": "",
+                        "Enabled": true,
+                        "EventsData": null,
+                        "FieldType": 28,
+                        "FormattedValue": "1",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 0,
+                        "TextColor": "#FF0000",
+                        "UiPageKey": "",
+                        "Value": "1.0000",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "ItemTSASeason",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 1,
+                        "FormattedValue": "Fall",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 0,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "Fall",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "ItemTSAPackaging",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 1,
+                        "FormattedValue": "A",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 0,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "A",
+                        "Visible": true
+                    }
+                ],
+                "IsEditable": false,
+                "IsSelectableForActions": false,
+                "MainAction": null,
+                "Profile": null,
+                "Type": 0,
+                "UID": "040f35a5-c35f-4099-9ddf-717d346194b0"
+            },
+            {
+                "AdditionalData": null,
+                "BackgroundColor": "",
+                "Fields": [
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "ItemTSAType",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 1,
+                        "FormattedValue": "Bottoms",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 7012437,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "Bottoms",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "ObjectMenu",
+                        "BackgroundColor": "",
+                        "Enabled": true,
+                        "EventsData": null,
+                        "FieldType": 17,
+                        "FormattedValue": "",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 0,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "TSARelteadItems",
+                        "BackgroundColor": "",
+                        "Enabled": true,
+                        "EventsData": null,
+                        "FieldType": 1,
+                        "FormattedValue": "[\"56d8015b-705c-4a1d-9db9-8926fad4bc48\",\"32fca2a8-9882-44e3-a9e2-fb98d4282529\",\"a76fad1a-0143-449f-9553-fa85a11d7e81\",\"f2c6c4c6-b33c-47e1-86a4-57ed5edb757a\",\"e77f883f-92b0-41ef-80fb-806bfb375b6a\"]",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 3604586,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "[\"56d8015b-705c-4a1d-9db9-8926fad4bc48\",\"32fca2a8-9882-44e3-a9e2-fb98d4282529\",\"a76fad1a-0143-449f-9553-fa85a11d7e81\",\"f2c6c4c6-b33c-47e1-86a4-57ed5edb757a\",\"e77f883f-92b0-41ef-80fb-806bfb375b6a\"]",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "Image",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 27,
+                        "FormattedValue": "",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 0,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "ItemName",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 1,
+                        "FormattedValue": "Loose fit",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 0,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "Loose fit",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "ItemExternalID",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 1,
+                        "FormattedValue": "WJS32",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 0,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "WJS32",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "$",
+                        "AdditionalValue": "",
+                        "ApiName": "ItemPrice",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 9,
+                        "FormattedValue": "$123.00",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 0,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "123.0000",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "UnitsQuantity",
+                        "BackgroundColor": "",
+                        "Enabled": true,
+                        "EventsData": null,
+                        "FieldType": 17,
+                        "FormattedValue": "0",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 0,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "0.0000",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "ItemTSASeason",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 1,
+                        "FormattedValue": "Summer",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 0,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "Summer",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "ItemTSAPackaging",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 1,
+                        "FormattedValue": "D",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 2123301536,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "D",
+                        "Visible": true
+                    }
+                ],
+                "IsEditable": false,
+                "IsSelectableForActions": false,
+                "MainAction": null,
+                "Profile": null,
+                "Type": 0,
+                "UID": "777aecb5-6fed-4fa4-890f-71d9dd77205c"
+            },
+            {
+                "AdditionalData": null,
+                "BackgroundColor": "",
+                "Fields": [
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "ItemTSAType",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 1,
+                        "FormattedValue": "Bottoms",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 2123301536,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "Bottoms",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "ObjectMenu",
+                        "BackgroundColor": "",
+                        "Enabled": true,
+                        "EventsData": null,
+                        "FieldType": 17,
+                        "FormattedValue": "",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 0,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "TSARelteadItems",
+                        "BackgroundColor": "",
+                        "Enabled": true,
+                        "EventsData": null,
+                        "FieldType": 1,
+                        "FormattedValue": "[\"56d8015b-705c-4a1d-9db9-8926fad4bc48\",\"32fca2a8-9882-44e3-a9e2-fb98d4282529\",\"a76fad1a-0143-449f-9553-fa85a11d7e81\",\"f2c6c4c6-b33c-47e1-86a4-57ed5edb757a\",\"e77f883f-92b0-41ef-80fb-806bfb375b6a\"]",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 168635513,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "[\"56d8015b-705c-4a1d-9db9-8926fad4bc48\",\"32fca2a8-9882-44e3-a9e2-fb98d4282529\",\"a76fad1a-0143-449f-9553-fa85a11d7e81\",\"f2c6c4c6-b33c-47e1-86a4-57ed5edb757a\",\"e77f883f-92b0-41ef-80fb-806bfb375b6a\"]",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "Image",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 27,
+                        "FormattedValue": "",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 602522121,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "ItemName",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 1,
+                        "FormattedValue": "Skinny jeans",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 0,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "Skinny jeans",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "ItemExternalID",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 1,
+                        "FormattedValue": "WJS33",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 0,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "WJS33",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "$",
+                        "AdditionalValue": "",
+                        "ApiName": "ItemPrice",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 9,
+                        "FormattedValue": "$56.00",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 0,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "56.0000",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "UnitsQuantity",
+                        "BackgroundColor": "",
+                        "Enabled": true,
+                        "EventsData": null,
+                        "FieldType": 17,
+                        "FormattedValue": "0",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 0,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "0.0000",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "ItemTSASeason",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 1,
+                        "FormattedValue": "Winter",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 2123302832,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "Winter",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "ItemTSAPackaging",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 1,
+                        "FormattedValue": "B",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 2123302832,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "B",
+                        "Visible": true
+                    }
+                ],
+                "IsEditable": false,
+                "IsSelectableForActions": false,
+                "MainAction": null,
+                "Profile": null,
+                "Type": 0,
+                "UID": "7fac686e-3ec5-4b95-ba70-c109c8778b63"
+            },
+            {
+                "AdditionalData": null,
+                "BackgroundColor": "",
+                "Fields": [
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "ItemTSAType",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 1,
+                        "FormattedValue": "Bottoms",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": -1225808615,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "Bottoms",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "ObjectMenu",
+                        "BackgroundColor": "",
+                        "Enabled": true,
+                        "EventsData": null,
+                        "FieldType": 17,
+                        "FormattedValue": "",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 602519433,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "TSARelteadItems",
+                        "BackgroundColor": "",
+                        "Enabled": true,
+                        "EventsData": null,
+                        "FieldType": 1,
+                        "FormattedValue": "[\"56d8015b-705c-4a1d-9db9-8926fad4bc48\",\"32fca2a8-9882-44e3-a9e2-fb98d4282529\",\"a76fad1a-0143-449f-9553-fa85a11d7e81\",\"f2c6c4c6-b33c-47e1-86a4-57ed5edb757a\",\"e77f883f-92b0-41ef-80fb-806bfb375b6a\"]",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 602528137,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "[\"56d8015b-705c-4a1d-9db9-8926fad4bc48\",\"32fca2a8-9882-44e3-a9e2-fb98d4282529\",\"a76fad1a-0143-449f-9553-fa85a11d7e81\",\"f2c6c4c6-b33c-47e1-86a4-57ed5edb757a\",\"e77f883f-92b0-41ef-80fb-806bfb375b6a\"]",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "Image",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 27,
+                        "FormattedValue": "",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 2123301536,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "ItemName",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 1,
+                        "FormattedValue": "Skinny jeans",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 2123302832,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "Skinny jeans",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "ItemExternalID",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 1,
+                        "FormattedValue": "WJS31",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 0,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "WJS31",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "$",
+                        "AdditionalValue": "",
+                        "ApiName": "ItemPrice",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 9,
+                        "FormattedValue": "$118.00",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 0,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "118.0000",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "UnitsQuantity",
+                        "BackgroundColor": "",
+                        "Enabled": true,
+                        "EventsData": null,
+                        "FieldType": 17,
+                        "FormattedValue": "0",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 2123302832,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "0.0000",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "ItemTSASeason",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 1,
+                        "FormattedValue": "Summer",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 2123302832,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "Summer",
+                        "Visible": true
+                    },
+                    {
+                        "Accessory": "",
+                        "AdditionalValue": "",
+                        "ApiName": "ItemTSAPackaging",
+                        "BackgroundColor": "",
+                        "Enabled": false,
+                        "EventsData": null,
+                        "FieldType": 1,
+                        "FormattedValue": "A",
+                        "GroupFields": null,
+                        "Highlighted": false,
+                        "NotificationInfo": "",
+                        "OptionalValues": [],
+                        "ReferenceObjectInternalType": "",
+                        "ReferenceObjectSubType": "",
+                        "ReferenceObjectType": 2123302832,
+                        "TextColor": "",
+                        "UiPageKey": "",
+                        "Value": "A",
+                        "Visible": true
+                    }
+                ],
+                "IsEditable": false,
+                "IsSelectableForActions": false,
+                "MainAction": null,
+                "Profile": null,
+                "Type": 0,
+                "UID": "10ef7ace-0086-4151-b075-f009fd20a01c"
+            }
+        ],
+        "UIControl": {
+            "ObjectID": "",
+            "Type": "",
+            "DisplayName": "",
+            "Columns": 10,
+            "ControlFields": [
+                {
+                    "ApiName": "ItemTSAType",
+                    "ColumnWidth": 10,
+                    "ColumnWidthType": 0,
+                    "FieldName": "Item Type",
+                    "FieldType": 1,
+                    "Layout": {
+                        "Height": 1,
+                        "LineNumber": 0,
+                        "Width": 1,
+                        "X": 0,
+                        "XAlignment": 1,
+                        "Y": 0,
+                        "YAlignment": 3
+                    },
+                    "Mandatory": false,
+                    "MaxFieldCharacters": 0,
+                    "MaxFieldLines": 0,
+                    "MaxValue": 1000000000,
+                    "MinValue": -1000000000,
+                    "ReadOnly": true,
+                    "Title": "Item Type"
+                },
+                {
+                    "ApiName": "ObjectMenu",
+                    "ColumnWidth": 10,
+                    "ColumnWidthType": 0,
+                    "FieldName": "",
+                    "FieldType": 17,
+                    "Layout": {
+                        "Height": 2,
+                        "LineNumber": 1,
+                        "Width": 2,
+                        "X": 8,
+                        "XAlignment": 1,
+                        "Y": 0,
+                        "YAlignment": 3
+                    },
+                    "Mandatory": false,
+                    "MaxFieldCharacters": 0,
+                    "MaxFieldLines": 0,
+                    "MaxValue": 1000000000,
+                    "MinValue": -1000000000,
+                    "ReadOnly": false,
+                    "Title": ""
+                },
+                {
+                    "ApiName": "TSARelteadItems",
+                    "ColumnWidth": 10,
+                    "ColumnWidthType": 0,
+                    "FieldName": "RelteadItems",
+                    "FieldType": 1,
+                    "Layout": {
+                        "Height": 8,
+                        "LineNumber": 2,
+                        "Width": 10,
+                        "X": 0,
+                        "XAlignment": 1,
+                        "Y": 2,
+                        "YAlignment": 3
+                    },
+                    "Mandatory": false,
+                    "MaxFieldCharacters": 0,
+                    "MaxFieldLines": 0,
+                    "MaxValue": 1000000000,
+                    "MinValue": -1000000000,
+                    "ReadOnly": false,
+                    "Title": "RelteadItems"
+                },
+                {
+                    "ApiName": "Image",
+                    "ColumnWidth": 10,
+                    "ColumnWidthType": 0,
+                    "FieldName": "",
+                    "FieldType": 20,
+                    "Layout": {
+                        "Height": 8,
+                        "LineNumber": 3,
+                        "Width": 10,
+                        "X": 0,
+                        "XAlignment": 3,
+                        "Y": 10,
+                        "YAlignment": 3
+                    },
+                    "Mandatory": false,
+                    "MaxFieldCharacters": 0,
+                    "MaxFieldLines": 0,
+                    "MaxValue": 1000000000,
+                    "MinValue": -1000000000,
+                    "ReadOnly": true,
+                    "Title": ""
+                },
+                {
+                    "ApiName": "ItemName",
+                    "ColumnWidth": 10,
+                    "ColumnWidthType": 0,
+                    "FieldName": "",
+                    "FieldType": 1,
+                    "Layout": {
+                        "Height": 1,
+                        "LineNumber": 4,
+                        "Width": 10,
+                        "X": 0,
+                        "XAlignment": 3,
+                        "Y": 18,
+                        "YAlignment": 3
+                    },
+                    "Mandatory": false,
+                    "MaxFieldCharacters": 0,
+                    "MaxFieldLines": 0,
+                    "MaxValue": 1000000000,
+                    "MinValue": -1000000000,
+                    "ReadOnly": true,
+                    "Title": ""
+                },
+                {
+                    "ApiName": "ItemExternalID",
+                    "ColumnWidth": 10,
+                    "ColumnWidthType": 0,
+                    "FieldName": "",
+                    "FieldType": 1,
+                    "Layout": {
+                        "Height": 1,
+                        "LineNumber": 5,
+                        "Width": 10,
+                        "X": 0,
+                        "XAlignment": 3,
+                        "Y": 19,
+                        "YAlignment": 3
+                    },
+                    "Mandatory": false,
+                    "MaxFieldCharacters": 0,
+                    "MaxFieldLines": 0,
+                    "MaxValue": 1000000000,
+                    "MinValue": -1000000000,
+                    "ReadOnly": true,
+                    "Title": ""
+                },
+                {
+                    "ApiName": "ItemPrice",
+                    "ColumnWidth": 10,
+                    "ColumnWidthType": 0,
+                    "FieldName": "",
+                    "FieldType": 9,
+                    "Layout": {
+                        "Height": 1,
+                        "LineNumber": 6,
+                        "Width": 10,
+                        "X": 0,
+                        "XAlignment": 3,
+                        "Y": 20,
+                        "YAlignment": 3
+                    },
+                    "Mandatory": false,
+                    "MaxFieldCharacters": 0,
+                    "MaxFieldLines": 0,
+                    "MaxValue": 1000000000,
+                    "MinValue": -1000000000,
+                    "ReadOnly": true,
+                    "Title": ""
+                },
+                {
+                    "ApiName": "UnitsQuantity",
+                    "ColumnWidth": 10,
+                    "ColumnWidthType": 0,
+                    "FieldName": "",
+                    "FieldType": 8,
+                    "Layout": {
+                        "Height": 2,
+                        "LineNumber": 7,
+                        "Width": 10,
+                        "X": 0,
+                        "XAlignment": 3,
+                        "Y": 21,
+                        "YAlignment": 3
+                    },
+                    "Mandatory": false,
+                    "MaxFieldCharacters": 0,
+                    "MaxFieldLines": 0,
+                    "MaxValue": 1000000000,
+                    "MinValue": -1000000000,
+                    "ReadOnly": false,
+                    "Title": ""
+                },
+                {
+                    "ApiName": "ItemTSASeason",
+                    "ColumnWidth": 10,
+                    "ColumnWidthType": 0,
+                    "FieldName": "Item Season",
+                    "FieldType": 1,
+                    "Layout": {
+                        "Height": 1,
+                        "LineNumber": 8,
+                        "Width": 1,
+                        "X": 0,
+                        "XAlignment": 1,
+                        "Y": 23,
+                        "YAlignment": 3
+                    },
+                    "Mandatory": false,
+                    "MaxFieldCharacters": 0,
+                    "MaxFieldLines": 0,
+                    "MaxValue": 1000000000,
+                    "MinValue": -1000000000,
+                    "ReadOnly": true,
+                    "Title": "Item Season"
+                },
+                {
+                    "ApiName": "ItemTSAPackaging",
+                    "ColumnWidth": 10,
+                    "ColumnWidthType": 0,
+                    "FieldName": "Item Packaging",
+                    "FieldType": 1,
+                    "Layout": {
+                        "Height": 1,
+                        "LineNumber": 9,
+                        "Width": 1,
+                        "X": 0,
+                        "XAlignment": 1,
+                        "Y": 24,
+                        "YAlignment": 3
+                    },
+                    "Mandatory": false,
+                    "MaxFieldCharacters": 0,
+                    "MaxFieldLines": 0,
+                    "MaxValue": 1000000000,
+                    "MinValue": -1000000000,
+                    "ReadOnly": true,
+                    "Title": "Item Packaging"
+                }
+            ]
+        }
+    };
+
+    // type PepListCarouselSizeType = 'xs' | 'sm' | 'md';
+    var PepInternalCaruselComponent = /** @class */ (function () {
+        function PepInternalCaruselComponent(fb, layoutService, internalCaruselService, customizationService, elementRef, changeDetectorRef) {
+            this.fb = fb;
+            this.layoutService = layoutService;
+            this.internalCaruselService = internalCaruselService;
+            this.customizationService = customizationService;
+            this.elementRef = elementRef;
+            this.changeDetectorRef = changeDetectorRef;
+            this.controlType = 'internalCarusel';
+            this.layoutType = 'form';
+            this.formValueChange = new core.EventEmitter();
+            this.formFieldClick = new core.EventEmitter();
+            this._items = null;
+            this.duration = 1000;
+            this.layout = null;
+            this.itemsToMove = 3;
+            this.lockItemInnerEvents = true;
+            this.hideArrowsInSmallScreen = true;
+            this.prevDisabled = false;
+            this.nextDisabled = false;
+            this.PepScreenSizeType = ngxLib.PepScreenSizeType;
+            this.defaultRowSpan = -1;
+        }
+        Object.defineProperty(PepInternalCaruselComponent.prototype, "items", {
+            get: function () {
+                return this._items;
+            },
+            set: function (value) {
+                this._items = value;
+                this.moveTo(0);
+            },
+            enumerable: false,
+            configurable: true
+        });
+        PepInternalCaruselComponent.prototype.fillData = function () {
+            var _this = this;
+            setTimeout(function () {
+                var childrenCount = _this.items
+                    ? _this.items.length
+                    : 0;
+                var formRowHeight = _this.customizationService.calculateFormFieldHeight() * 16; // convert rem to pixel
+                // Set the default only if not set yet.
+                if (_this.defaultRowSpan === -1) {
+                    _this.defaultRowSpan = _this.field.rowSpan;
+                }
+                var maxRow = Math.max.apply(Math, __spreadArray([], __read(_this.layout.ControlFields.map(function (f) {
+                    return f.Layout.Y + f.Layout.Height;
+                }))));
+                // * 16 convert rem to pixel
+                var cardRowsHeight = _this.customizationService.calculateCardRowsHeight(maxRow) * 16;
+                var rowSpanToAdd = (childrenCount * (cardRowsHeight + 16)); // + 16 is the 1rem margin outside card.
+                formRowHeight;
+                _this.field.rowSpan = rowSpanToAdd;
+            }, 0);
+            this.changeDetectorRef.markForCheck();
+        };
+        PepInternalCaruselComponent.prototype.ngOnInit = function () {
+            // this.internalCaruselService.initCarusel(
+            //     this.field.objectId,
+            //     this.field.searchCode,
+            //     (caruselItems: any) => {
+            this.layout = TempRelatedItems.UIControl;
+            this.items = TempRelatedItems.Rows;
+            this.fillData();
+            //     }
+            // );
+        };
+        PepInternalCaruselComponent.prototype.ngAfterViewInit = function () {
+            var _this = this;
+            this.layoutService.onResize$.subscribe(function (size) {
+                _this.screenSize = size;
+            });
+        };
+        PepInternalCaruselComponent.prototype.ngOnDestroy = function () {
+            //
+        };
+        // updateChanges(elementToUpdate: any): void {
+        //     // Update memory data
+        //     for (let index = 0; index < this.caruselData.Rows.length; index++) {
+        //         if (this.caruselData.Rows[index].UID === elementToUpdate.UID) {
+        //             this.caruselData.Rows[index] = elementToUpdate;
+        //         }
+        //     }
+        // }
+        // setValueCallback(id: any, res: any): void {
+        //     if (res.Rows.length === 1) {
+        //         const field = res.Rows[0].Fields.find((f) => f.ApiName === 'ObjectMenu');
+        //         if (field) {
+        //             // HACK : Until "Enabled" returns from the server, we set PepMenu to be
+        //             //        Disabled in cart on regular items and not campign items.
+        //             field.Enabled = true;
+        //         }
+        //         this.updateChanges(res.Rows[0]);
+        //     }
+        //     this.valueChange.emit(res);
+        //     this.changeDetectorRef.markForCheck();
+        // }
+        PepInternalCaruselComponent.prototype.onCustomizeObjectChanged = function (customizeObjectChangedData) {
+            // this.internalCaruselService.childValueChanged(
+            //     customizeObjectChangedData.id,
+            //     customizeObjectChangedData.key,
+            //     customizeObjectChangedData.value,
+            //     (res: any) => {
+            //         this.setValueCallback(customizeObjectChangedData.id, res);
+            //     }
+            // );
+            this.formValueChange.emit(customizeObjectChangedData);
+        };
+        PepInternalCaruselComponent.prototype.onCustomizeFieldClick = function (fieldClickEvent) {
+            var handledEvent = false;
+            // // For the new custom form, the plus and minus events transform in the IPepFormFieldValueChangeEvent
+            // if (fieldClickEvent.controlType === 'qs') {
+            //     if (fieldClickEvent.value === PepQuantitySelectorComponent.PLUS) {
+            //         handledEvent = true;
+            //         this.internalCaruselService.childPlusClick(
+            //             fieldClickEvent.id,
+            //             fieldClickEvent.key,
+            //             (res: any) => {
+            //                 this.setValueCallback(fieldClickEvent.id, res);
+            //             }
+            //         );
+            //     } else if (
+            //         fieldClickEvent.value === PepQuantitySelectorComponent.MINUS
+            //     ) {
+            //         handledEvent = true;
+            //         this.internalCaruselService.childMinusClick(
+            //             fieldClickEvent.id,
+            //             fieldClickEvent.key,
+            //             (res: any) => {
+            //                 this.setValueCallback(fieldClickEvent.id, res);
+            //             }
+            //         );
+            //     }
+            // }
+            if (!handledEvent) {
+                this.formFieldClick.emit(fieldClickEvent);
+            }
+        };
+        PepInternalCaruselComponent.prototype.moveLeft = function () {
+            // this.carousel.moveLeft();
+            var indexToMove = Math.max(this.carousel.currIndex - this.itemsToMove, 0);
+            this.moveTo(indexToMove);
+        };
+        PepInternalCaruselComponent.prototype.moveRight = function () {
+            // this.carousel.moveRight();
+            var indexToMove = Math.min(this.carousel.currIndex + this.itemsToMove, this.items.length);
+            this.moveTo(indexToMove);
+        };
+        PepInternalCaruselComponent.prototype.moveTo = function (index) {
+            if (this.carousel) {
+                this.carousel.moveTo(index);
+            }
+        };
+        PepInternalCaruselComponent.prototype.onReachesLeftBound = function (event) {
+            this.prevDisabled = event;
+        };
+        PepInternalCaruselComponent.prototype.onReachesRightBound = function (event) {
+            this.nextDisabled = event;
+        };
+        return PepInternalCaruselComponent;
+    }());
+    PepInternalCaruselComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'pep-internal-carusel',
+                    template: "<div class=\"carousel-container\">\n    <ng-container *ngIf=\"items?.length > 0; then carouselBlock; else emptyBlock\"></ng-container>\n    <ng-template #emptyBlock>\n        <!-- No items -->\n    </ng-template>\n    <ng-template #carouselBlock>\n        <pep-button *ngIf=\"!(hideArrowsInSmallScreen && screenSize > PepScreenSizeType.SM)\"\n            [iconName]=\"'arrow_left_alt'\" [styleType]=\"'regular'\" [disabled]=\"prevDisabled\" (click)=\"moveLeft()\"\n            class=\"carousel-arrow start-arrow\">\n        </pep-button>\n        <pep-carousel #carousel [xWheelEnabled]=\"false\" [snapDuration]=\"duration\"\n            (reachesLeftBound)=\"onReachesLeftBound($event)\" (reachesRightBound)=\"onReachesRightBound($event)\">\n            <ng-container *ngFor=\"let item of items\">\n                <pep-form pepCarouselItem [layout]=\"layout\" [data]=\"item\" [layoutType]=\"'card'\" class=\"card-view \"\n                    (valueChange)=\"onCustomizeObjectChanged($event)\" (fieldClick)=\"onCustomizeFieldClick($event)\">\n                </pep-form>\n            </ng-container>\n        </pep-carousel>\n        <pep-button *ngIf=\"!(hideArrowsInSmallScreen && screenSize > PepScreenSizeType.SM)\"\n            [iconName]=\"'arrow_right_alt'\" [styleType]=\"'regular'\" [disabled]=\"nextDisabled\" (click)=\"moveRight()\"\n            class=\"carousel-arrow end-arrow\">\n        </pep-button>\n    </ng-template>\n</div>",
+                    providers: [PepInternalCaruselService],
+                    changeDetection: core.ChangeDetectionStrategy.OnPush,
+                    styles: [".carousel-container{position:relative;margin:0 calc(.5rem * -1);margin:0 calc(var(--pep-spacing-sm, .5rem) * -1);display:grid}.carousel-container .carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:1}.carousel-container .carousel-arrow.start-arrow{left:0}.carousel-container .carousel-arrow.end-arrow{right:0}.carousel-container ::ng-deep.carousel-content .card-view{padding:.5rem 0!important;padding:var(--pep-spacing-sm,.5rem) 0!important}.carousel-container ::ng-deep.carousel-content .card-view:first-child{-webkit-padding-start:.5rem!important;padding-inline-start:.5rem!important;-webkit-padding-start:var(--pep-spacing-sm,.5rem)!important;padding-inline-start:var(--pep-spacing-sm,.5rem)!important}.carousel-container ::ng-deep.carousel-content .card-view:last-child{-webkit-padding-end:.5rem!important;padding-inline-end:.5rem!important;-webkit-padding-end:var(--pep-spacing-sm,.5rem)!important;padding-inline-end:var(--pep-spacing-sm,.5rem)!important}"]
+                },] }
+    ];
+    PepInternalCaruselComponent.ctorParameters = function () { return [
+        { type: forms.FormBuilder },
+        { type: ngxLib.PepLayoutService },
+        { type: PepInternalCaruselService },
+        { type: ngxLib.PepCustomizationService },
+        { type: core.ElementRef },
+        { type: core.ChangeDetectorRef }
+    ]; };
+    PepInternalCaruselComponent.propDecorators = {
+        field: [{ type: core.Input }],
+        layoutType: [{ type: core.Input }],
+        formValueChange: [{ type: core.Output }],
+        formFieldClick: [{ type: core.Output }],
+        carousel: [{ type: core.ViewChild, args: ['carousel', { read: carousel.PepCarouselComponent },] }]
+    };
+
     var pepComponentsModules = [
         address.PepAddressModule,
         attachment.PepAttachmentModule,
         button.PepButtonModule,
+        carousel.PepCarouselModule,
         checkbox.PepCheckboxModule,
         date.PepDateModule,
         image.PepImageModule,
@@ -3111,6 +6453,7 @@
                         PepInternalListComponent,
                         PepInternalMenuComponent,
                         PepInternalPageComponent,
+                        PepInternalCaruselComponent
                     ],
                 },] }
     ];
@@ -3135,6 +6478,8 @@
     exports.ɵe = PepInternalMenuComponent;
     exports.ɵf = PepInternalPageComponent;
     exports.ɵg = PepInternalPageService;
+    exports.ɵh = PepInternalCaruselComponent;
+    exports.ɵi = PepInternalCaruselService;
 
     Object.defineProperty(exports, '__esModule', { value: true });