@pepperi-addons/ngx-lib 0.2.48 → 0.2.51-beta.1

package/fesm2015/pepperi-addons-ngx-lib-form.js

@@ -8,12 +8,13 @@ import { MatGridListModule } from '@angular/material/grid-list';
 import { MatIconModule } from '@angular/material/icon';
 import { MatMenuModule } from '@angular/material/menu';
 import { SignaturePadModule } from 'ngx-signaturepad';
-import { DEFAULT_HORIZONTAL_ALIGNMENT, X_ALIGNMENT_TYPE, DEFAULT_VERTICAL_ALIGNMENT, Y_ALIGNMENT_TYPE, PepTextboxField, PepSelectField, PepInternalMenuField, FIELD_TYPE, PepQuantitySelectorField, PepSeparatorField, PepInternalButtonField, PepCheckboxField, PepDateField, PepRichHtmlTextareaField, PepTextareaField, PepImagesField, PepImageField, PepSignatureField, PepAttachmentField, PepInternalPageField, PepIndicatorsField, PepAddressField, PepCustomizationService, PepPlaceholderField, PepLayoutService, PepHttpService, PepNgxLibModule } from '@pepperi-addons/ngx-lib';
+import { DEFAULT_HORIZONTAL_ALIGNMENT, X_ALIGNMENT_TYPE, DEFAULT_VERTICAL_ALIGNMENT, Y_ALIGNMENT_TYPE, PepTextboxField, PepSelectField, PepInternalMenuField, FIELD_TYPE, PepQuantitySelectorField, PepSeparatorField, PepInternalButtonField, PepCheckboxField, PepDateField, PepRichHtmlTextareaField, PepTextareaField, PepImagesField, PepImageField, PepSignatureField, PepAttachmentField, PepInternalCaruselField, PepInternalPageField, PepIndicatorsField, PepAddressField, PepCustomizationService, PepPlaceholderField, PepLayoutService, PepHttpService, PepScreenSizeType, PepNgxLibModule } from '@pepperi-addons/ngx-lib';
 import { pepIconSystemBin, pepIconSystemEdit, pepIconSystemMenu, pepIconNumberPlus, pepIconIndicatorDotPlaceholder, PepIconModule, PepIconRegistry } from '@pepperi-addons/ngx-lib/icon';
 import { PepDialogData, PepDialogService, PepDialogModule } from '@pepperi-addons/ngx-lib/dialog';
 import { PepAddressModule } from '@pepperi-addons/ngx-lib/address';
 import { PepAttachmentModule } from '@pepperi-addons/ngx-lib/attachment';
 import { PepButtonModule } from '@pepperi-addons/ngx-lib/button';
+import { PepCarouselComponent, PepCarouselModule } from '@pepperi-addons/ngx-lib/carousel';
 import { PepCheckboxModule } from '@pepperi-addons/ngx-lib/checkbox';
 import { PepDateModule } from '@pepperi-addons/ngx-lib/date';
 import { PepImageModule } from '@pepperi-addons/ngx-lib/image';
@@ -362,6 +363,14 @@ class PepFormComponent {
                     }
                     break;
                 }
+                case FIELD_TYPE.RelatedObjectsCards: {
+                    options.rowSpan = controlField.Layout.Height;
+                    // options.objectId = objectId;
+                    // options.parentId = parentId;
+                    // options.searchCode = searchCode;
+                    customField = new PepInternalCaruselField(options);
+                    break;
+                }
                 case FIELD_TYPE.Link: {
                     options.type = 'link';
                     customField = new PepTextboxField(options);
@@ -828,8 +837,9 @@ class PepFormComponent {
         if (!isForUpdate) {
             const fields = [];
             for (const currentField of this.fields) {
-                // 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) {
@@ -841,7 +851,8 @@ class PepFormComponent {
         else {
             // Update form values if changed by calculated fields.
             for (const currentField of this.fields) {
-                if (currentField.controlType !== 'internalPage') {
+                if (currentField.controlType !== 'internalPage' &&
+                    currentField.controlType !== 'internalCarusel') {
                     if (currentField.groupFields &&
                         currentField.groupFields.length > 0) {
                         // for (let j = 0; j < currentField.groupFields.length; j++) {
@@ -914,7 +925,7 @@ class PepFormComponent {
             for (const currentField of this.data.Fields) {
                 const customField = this.fields.filter((f) => 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.updateField(customField, currentField);
                     // Update the group fields.
                     if (customField.controlType === 'address' &&
@@ -1094,6 +1105,9 @@ class PepFormComponent {
                         ? -1
                         : 0);
     }
+    onFormValidationChanged(formValidationChange) {
+        this.formValidationChange.emit(formValidationChange);
+    }
     onValueChanged(event) {
         this.onFormValidationChanged(this.form.valid);
         const formControl = this.getFormControlById(event.key);
@@ -1117,15 +1131,6 @@ class PepFormComponent {
             });
         }
     }
-    onChildClicked(childClick) {
-        this.childClick.emit(childClick);
-    }
-    onChildChanged(childChange) {
-        this.childChange.emit(childChange);
-    }
-    onFormValidationChanged(formValidationChange) {
-        this.formValidationChange.emit(formValidationChange);
-    }
     onClick(fieldClickEvent) {
         const clickedUiControlField = this.data.Fields.filter((f) => f.ApiName === fieldClickEvent.key)[0];
         const idType = this.data.Type ? this.data.Type.toString() : '';
@@ -1180,11 +1185,27 @@ class PepFormComponent {
             });
         }
     }
+    // This event is for handle the internal page events.
+    onChildClicked(childClick) {
+        this.childClick.emit(childClick);
+    }
+    // This event is for handle the internal page events.
+    onChildChanged(childChange) {
+        this.childChange.emit(childChange);
+    }
+    // This event is for handle the related items change events.
+    onFormValueChanged(event) {
+        this.valueChange.emit(event);
+    }
+    // This event is for handle the related items change events.
+    onFormFieldClick(event) {
+        this.fieldClick.emit(event);
+    }
 }
 PepFormComponent.decorators = [
     { type: 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: ChangeDetectionStrategy.OnPush,
                 styles: [":host{display:grid}"]
             },] }
@@ -1230,6 +1251,8 @@ class PepFieldGeneratorComponent {
         this.formValidationChange = new EventEmitter();
         this.elementClick = new EventEmitter();
         this.childClick = new EventEmitter();
+        this.formValueChange = new EventEmitter();
+        this.formFieldClick = new EventEmitter();
     }
     get isValid() {
         if (this.field.readonly || this.field.disabled) {
@@ -1293,6 +1316,12 @@ class PepFieldGeneratorComponent {
     onChildClick(childClick) {
         this.childClick.emit(childClick);
     }
+    onFormValueChanged(event) {
+        this.formValueChange.emit(event);
+    }
+    onFormFieldClick(event) {
+        this.formFieldClick.emit(event);
+    }
     ngOnChanges(changes) {
         // debugger;
         // For testing.
@@ -1302,7 +1331,7 @@ class PepFieldGeneratorComponent {
 PepFieldGeneratorComponent.decorators = [
     { type: 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: ViewEncapsulation.Emulated,
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 styles: [":host{width:100%;height:100%}"]
@@ -1320,7 +1349,9 @@ PepFieldGeneratorComponent.propDecorators = {
     childChange: [{ type: Output }],
     formValidationChange: [{ type: Output }],
     elementClick: [{ type: Output }],
-    childClick: [{ type: Output }]
+    childClick: [{ type: Output }],
+    formValueChange: [{ type: Output }],
+    formFieldClick: [{ type: Output }]
 };
 
 class PepIndicatorsComponent {
@@ -2212,18 +2243,6 @@ class PepInternalPageComponent {
             (_e = this.orgCont) === null || _e === void 0 ? void 0 : _e.insert(view);
         }
         setTimeout(() => {
-            // 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);
-            //     }
-            // }
             const viewType = this.isTableView()
                 ? 'table'
                 : 'lines';
@@ -2264,17 +2283,13 @@ class PepInternalPageComponent {
                     }));
                     // * 16 convert rem to pixel
                     const 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.
-                    const rowSpanToAdd = (childrenCount * (cardRowsHeight + 16)) /
-                        formRowHeight +
-                        rowsToAdd;
+                    const rowSpanToAdd = (childrenCount * (cardRowsHeight + 16));
+                    // 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
                     const rowsToAddHeight = this.customizationService.calculateTableRowsHeight(rowsToAdd, false) * 16;
                     const tableRowsHeight = this.customizationService.calculateTableRowsHeight(childrenCount) * 16;
@@ -2306,13 +2321,6 @@ class PepInternalPageComponent {
     isTableView() {
         return this.isMatrixView() || this.isFlatMatrixView();
     }
-    // private getItemClass(): string {
-    //     let res = '';
-    //     if (!this.isTableView()) {
-    //         res = 'line-view';
-    //     }
-    //     return res;
-    // }
     changeChildrenViewType(viewTypeKey) {
         this.rows = [];
         this.uiControl = null;
@@ -2322,9 +2330,6 @@ class PepInternalPageComponent {
                 break;
             }
         }
-        // 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, (res) => {
             if (res.Rows) {
@@ -2351,9 +2356,6 @@ class PepInternalPageComponent {
     showMatrixDialog() {
         const config = this.dialogService.getDialogConfig({
             disableClose: false,
-            // minWidth: '50vw',
-            // maxWidth: '90vw',
-            // maxHeight: '90vh',
         }, 'large');
         const dialogRef = this.dialogService.openDialog(this.matrixDialogTemplate, {}, config);
         dialogRef.afterOpened().subscribe(() => {
@@ -2399,12 +2401,6 @@ class PepInternalPageComponent {
         }
     }
     ngOnDestroy() {
-        // if (this.childChange) {
-        //     this.childChange.unsubscribe();
-        // }
-        // if (this.childClick) {
-        //     this.childClick.unsubscribe();
-        // }
         if (this.resize) {
             this.resize.unsubscribe();
         }
@@ -2541,10 +2537,3351 @@ PepInternalPageComponent.propDecorators = {
     customList: [{ type: ViewChild, args: [PepInternalListComponent,] }]
 };
 
+class PepInternalCaruselService {
+    constructor(httpService) {
+        this.httpService = httpService;
+        this.parentId = '0';
+        this.additionalApiName = '';
+        this.transactionUrl = 'Service1.svc/v1/OrderCenter/Transaction/';
+    }
+    initCarusel(objectId, searchCode, callbackFunc) {
+        if (!objectId) {
+            return;
+        }
+        this.objectId = objectId;
+        this.searchCode = searchCode;
+        this.httpService
+            .getWapiApiCall(`${this.transactionUrl}${this.objectId}/CaruselItems`)
+            .subscribe((res) => {
+            callbackFunc(res);
+        }
+        // (error) => {},
+        // () => {}
+        );
+    }
+}
+PepInternalCaruselService.decorators = [
+    { type: Injectable }
+];
+PepInternalCaruselService.ctorParameters = () => [
+    { type: PepHttpService }
+];
+
+const 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';
+class PepInternalCaruselComponent {
+    constructor(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 EventEmitter();
+        this.formFieldClick = new 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 = PepScreenSizeType;
+        this.defaultRowSpan = -1;
+    }
+    set items(value) {
+        this._items = value;
+        this.moveTo(0);
+    }
+    get items() {
+        return this._items;
+    }
+    fillData() {
+        setTimeout(() => {
+            // const childrenCount = this.items
+            //     ? this.items.length
+            //     : 0;
+            // convert rem to pixel
+            const formRowHeight = this.customizationService.calculateFormFieldHeight() * 16;
+            // Set the default only if not set yet.
+            if (this.defaultRowSpan === -1) {
+                this.defaultRowSpan = this.field.rowSpan;
+            }
+            const maxRow = Math.max(...this.layout.ControlFields.map((f) => {
+                return f.Layout.Y + f.Layout.Height;
+            }));
+            // * 16 convert rem to pixel
+            const cardRowsHeight = this.customizationService.calculateCardRowsHeight(maxRow) * 16;
+            // + 16 is the 1rem margin outside card.
+            const rowSpanToAdd = (cardRowsHeight + 16);
+            this.field.rowSpan = rowSpanToAdd;
+        }, 0);
+        this.changeDetectorRef.markForCheck();
+    }
+    ngOnInit() {
+        // this.internalCaruselService.initCarusel(
+        //     this.field.objectId,
+        //     this.field.searchCode,
+        //     (caruselItems: any) => {
+        this.layout = TempRelatedItems.UIControl;
+        this.items = TempRelatedItems.Rows;
+        this.fillData();
+        //     }
+        // );
+    }
+    ngAfterViewInit() {
+        this.layoutService.onResize$.subscribe((size) => {
+            this.screenSize = size;
+        });
+    }
+    ngOnDestroy() {
+        //
+    }
+    // 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();
+    // }
+    onCustomizeObjectChanged(customizeObjectChangedData) {
+        // this.internalCaruselService.childValueChanged(
+        //     customizeObjectChangedData.id,
+        //     customizeObjectChangedData.key,
+        //     customizeObjectChangedData.value,
+        //     (res: any) => {
+        //         this.setValueCallback(customizeObjectChangedData.id, res);
+        //     }
+        // );
+        this.formValueChange.emit(customizeObjectChangedData);
+    }
+    onCustomizeFieldClick(fieldClickEvent) {
+        const 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);
+        }
+    }
+    moveLeft() {
+        // this.carousel.moveLeft();
+        const indexToMove = Math.max(this.carousel.currIndex - this.itemsToMove, 0);
+        this.moveTo(indexToMove);
+    }
+    moveRight() {
+        // this.carousel.moveRight();
+        const indexToMove = Math.min(this.carousel.currIndex + this.itemsToMove, this.items.length);
+        this.moveTo(indexToMove);
+    }
+    moveTo(index) {
+        if (this.carousel) {
+            this.carousel.moveTo(index);
+        }
+    }
+    onReachesLeftBound(event) {
+        this.prevDisabled = event;
+    }
+    onReachesRightBound(event) {
+        this.nextDisabled = event;
+    }
+}
+PepInternalCaruselComponent.decorators = [
+    { type: 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: 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 = () => [
+    { type: FormBuilder },
+    { type: PepLayoutService },
+    { type: PepInternalCaruselService },
+    { type: PepCustomizationService },
+    { type: ElementRef },
+    { type: ChangeDetectorRef }
+];
+PepInternalCaruselComponent.propDecorators = {
+    field: [{ type: Input }],
+    layoutType: [{ type: Input }],
+    formValueChange: [{ type: Output }],
+    formFieldClick: [{ type: Output }],
+    carousel: [{ type: ViewChild, args: ['carousel', { read: PepCarouselComponent },] }]
+};
+
 const pepComponentsModules = [
     PepAddressModule,
     PepAttachmentModule,
     PepButtonModule,
+    PepCarouselModule,
     PepCheckboxModule,
     PepDateModule,
     PepImageModule,
@@ -2600,6 +5937,7 @@ PepFormModule.decorators = [
                     PepInternalListComponent,
                     PepInternalMenuComponent,
                     PepInternalPageComponent,
+                    PepInternalCaruselComponent
                 ],
             },] }
 ];
@@ -2615,5 +5953,5 @@ PepFormModule.ctorParameters = () => [
  * Generated bundle index. Do not edit.
  */
 
-export { PepFormComponent, PepFormModule, PepFieldGeneratorComponent as ɵa, PepIndicatorsComponent as ɵb, PepInternalButtonComponent as ɵc, PepInternalListComponent as ɵd, PepInternalMenuComponent as ɵe, PepInternalPageComponent as ɵf, PepInternalPageService as ɵg };
+export { PepFormComponent, PepFormModule, PepFieldGeneratorComponent as ɵa, PepIndicatorsComponent as ɵb, PepInternalButtonComponent as ɵc, PepInternalListComponent as ɵd, PepInternalMenuComponent as ɵe, PepInternalPageComponent as ɵf, PepInternalPageService as ɵg, PepInternalCaruselComponent as ɵh, PepInternalCaruselService as ɵi };
 //# sourceMappingURL=pepperi-addons-ngx-lib-form.js.map