@pepperi-addons/ngx-lib 0.3.3 → 0.3.4

package/fesm2015/pepperi-addons-ngx-lib-page-layout.js

@@ -27,7 +27,7 @@ PepPageLayoutComponent.decorators = [
     { type: Component, args: [{
                 selector: 'pep-page-layout',
                 template: "<div class=\"pep-page-header-layout\">\n    <ng-content select=\"[pep-header-area]\"></ng-content>\n</div>\n<div class=\"pep-page-side-layout\" [ngClass]=\"{ 'show-shadow': showShadow }\">\n    <ng-content select=\"pep-side-bar\"></ng-content>\n    <ng-content select=\"[pep-side-area]\"></ng-content>\n</div>\n<div class=\"pep-page-main-layout\" [ngClass]=\"{ 'add-padding': addPadding }\">\n    <div class=\"pep-top-area\">\n        <ng-content select=\"[pep-top-area]\"></ng-content>\n    </div>\n    <div class=\"pep-main-area\">\n        <ng-content select=\"[pep-main-area]\"></ng-content>\n    </div>\n</div>",
-                styles: [":host.pep-page-layout{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:\"header-layout  header-layout\" \"side-layout    main-layout\";height:100%;width:100%;overflow:hidden}:host.pep-page-layout .pep-page-header-layout{grid-area:header-layout;z-index:10}:host.pep-page-layout .pep-page-side-layout{grid-area:side-layout;overflow:hidden;height:100%;z-index:5}:host.pep-page-layout .pep-page-side-layout.show-shadow{-webkit-padding-end:1rem;padding-inline-end:1rem;-webkit-padding-end:var(--pep-spacing-lg,1rem);padding-inline-end:var(--pep-spacing-lg,1rem)}:host.pep-page-layout .pep-page-main-layout{grid-area:main-layout;overflow:hidden;height:100%;z-index:1;padding-bottom:4.5rem;padding-bottom:var(--pep-footer-bar-height,4.5rem);display:grid;grid-template-rows:auto 1fr;grid-template-areas:\"top-area\" \"main-area\"}:host.pep-page-layout .pep-page-main-layout.add-padding{padding-inline:1rem;padding-inline:var(--pep-spacing-lg,1rem)}:host.pep-page-layout .pep-page-main-layout .pep-top-area{grid-area:top-area}:host.pep-page-layout .pep-page-main-layout .pep-main-area{grid-area:main-area;overflow:auto;height:100%;display:block}:host.pep-page-layout .pep-page-main-layout .pep-main-area>*{height:inherit}"]
+                styles: [":host.pep-page-layout{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:\"header-layout  header-layout\" \"side-layout    main-layout\";height:100%;width:100%;overflow:hidden}:host.pep-page-layout .pep-page-header-layout{grid-area:header-layout;z-index:10}:host.pep-page-layout .pep-page-side-layout{grid-area:side-layout;overflow:hidden;height:100%;z-index:5}:host.pep-page-layout .pep-page-side-layout.show-shadow{-webkit-padding-end:1rem;padding-inline-end:1rem;-webkit-padding-end:var(--pep-spacing-lg,1rem);padding-inline-end:var(--pep-spacing-lg,1rem)}:host.pep-page-layout .pep-page-main-layout{grid-area:main-layout;overflow:hidden;height:100%;z-index:1;padding-bottom:4.5rem;padding-bottom:var(--pep-footer-bar-height,4.5rem);display:grid;grid-template-rows:auto 1fr;grid-template-areas:\"top-area\" \"main-area\"}:host.pep-page-layout .pep-page-main-layout.add-padding{padding-inline:1rem;padding-inline:var(--pep-spacing-lg,1rem)}:host.pep-page-layout .pep-page-main-layout .pep-top-area{grid-area:top-area}:host.pep-page-layout .pep-page-main-layout .pep-main-area{grid-area:main-area;overflow:auto;height:100%;display:block}:host.pep-page-layout .pep-page-main-layout .pep-main-area>*{height:inherit}", ".pep-page-side-layout.show-shadow{box-shadow:0 .5rem 1rem 0 rgba(26,26,26,.32);box-shadow:var(--pep-shadow-md-offset,0 .5rem 1rem 0) hsla(var(--pep-color-system-primary-h,0),var(--pep-color-system-primary-s,0%),var(--pep-color-system-primary-l,10%),.32)}"]
             },] }
 ];
 PepPageLayoutComponent.ctorParameters = () => [

package/fesm2015/pepperi-addons-ngx-lib-page-layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"pepperi-addons-ngx-lib-page-layout.js","sources":["../../../projects/ngx-lib/page-layout/page-layout.component.ts","../../../projects/ngx-lib/page-layout/page-layout.module.ts","../../../projects/ngx-lib/page-layout/public-api.ts","../../../projects/ngx-lib/page-layout/pepperi-addons-ngx-lib-page-layout.ts"],"sourcesContent":["import {\n    AfterContentInit,\n    ChangeDetectorRef,\n    ContentChild,\n    ElementRef,\n    Renderer2,\n    ViewChild,\n} from '@angular/core';\nimport {\n    AfterViewInit,\n    Component,\n    EventEmitter,\n    Input,\n    Output,\n} from '@angular/core';\nimport {\n    PepCustomizationService,\n    PepLayoutService,\n    PepScreenSizeType,\n} from '@pepperi-addons/ngx-lib';\n\n@Component({\n    selector: 'pep-page-layout',\n    templateUrl: './page-layout.component.html',\n    styleUrls: ['./page-layout.component.scss'],\n})\nexport class PepPageLayoutComponent implements AfterViewInit, AfterContentInit {\n    @Input() addPadding = true;\n    @Input() showShadow = false;\n\n    screenSize: PepScreenSizeType;\n\n    constructor(\n        public customizationService: PepCustomizationService,\n        public layoutService: PepLayoutService,\n        private cdRef: ChangeDetectorRef,\n        private hostElement: ElementRef,\n        private renderer: Renderer2,\n    ) {\n        this.renderer.addClass(this.hostElement.nativeElement, 'pep-page-layout');\n    }\n\n    ngAfterViewInit(): void {\n        this.layoutService.onResize$.subscribe((size: PepScreenSizeType) => {\n            this.screenSize = size;\n        });\n\n    }\n\n    ngAfterContentInit() {\n        //\n    }\n\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { MatCommonModule } from '@angular/material/core';\n\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\n\nimport { PepPageLayoutComponent } from './page-layout.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        // Material modules,\n        MatCommonModule,\n        // ngx-lib modules\n        PepNgxLibModule,\n    ],\n    exports: [PepPageLayoutComponent],\n    declarations: [PepPageLayoutComponent],\n})\nexport class PepPageLayoutModule { }\n","/*\n * Public API Surface of ngx-lib/page-layout\n */\nexport * from './page-layout.module';\nexport * from './page-layout.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MA0Ba,sBAAsB;IAM/B,YACW,oBAA6C,EAC7C,aAA+B,EAC9B,KAAwB,EACxB,WAAuB,EACvB,QAAmB;QAJpB,yBAAoB,GAApB,oBAAoB,CAAyB;QAC7C,kBAAa,GAAb,aAAa,CAAkB;QAC9B,UAAK,GAAL,KAAK,CAAmB;QACxB,gBAAW,GAAX,WAAW,CAAY;QACvB,aAAQ,GAAR,QAAQ,CAAW;QAVtB,eAAU,GAAG,IAAI,CAAC;QAClB,eAAU,GAAG,KAAK,CAAC;QAWxB,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,EAAE,iBAAiB,CAAC,CAAC;KAC7E;IAED,eAAe;QACX,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,IAAuB;YAC3D,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;SAC1B,CAAC,CAAC;KAEN;IAED,kBAAkB;;KAEjB;;;YA9BJ,SAAS,SAAC;gBACP,QAAQ,EAAE,iBAAiB;gBAC3B,mnBAA2C;;aAE9C;;;YATG,uBAAuB;YACvB,gBAAgB;YAfhB,iBAAiB;YAEjB,UAAU;YACV,SAAS;;;yBAsBR,KAAK;yBACL,KAAK;;;MCRG,mBAAmB;;;YAX/B,QAAQ,SAAC;gBACN,OAAO,EAAE;oBACL,YAAY;;oBAEZ,eAAe;;oBAEf,eAAe;iBAClB;gBACD,OAAO,EAAE,CAAC,sBAAsB,CAAC;gBACjC,YAAY,EAAE,CAAC,sBAAsB,CAAC;aACzC;;;ACnBD;;;;ACAA;;;;;;"}
+{"version":3,"file":"pepperi-addons-ngx-lib-page-layout.js","sources":["../../../projects/ngx-lib/page-layout/page-layout.component.ts","../../../projects/ngx-lib/page-layout/page-layout.module.ts","../../../projects/ngx-lib/page-layout/public-api.ts","../../../projects/ngx-lib/page-layout/pepperi-addons-ngx-lib-page-layout.ts"],"sourcesContent":["import {\n    AfterContentInit,\n    ChangeDetectorRef,\n    ContentChild,\n    ElementRef,\n    Renderer2,\n    ViewChild,\n} from '@angular/core';\nimport {\n    AfterViewInit,\n    Component,\n    EventEmitter,\n    Input,\n    Output,\n} from '@angular/core';\nimport {\n    PepCustomizationService,\n    PepLayoutService,\n    PepScreenSizeType,\n} from '@pepperi-addons/ngx-lib';\n\n@Component({\n    selector: 'pep-page-layout',\n    templateUrl: './page-layout.component.html',\n    styleUrls: ['./page-layout.component.scss', './page-layout.component.theme.scss'],\n})\nexport class PepPageLayoutComponent implements AfterViewInit, AfterContentInit {\n    @Input() addPadding = true;\n    @Input() showShadow = false;\n\n    screenSize: PepScreenSizeType;\n\n    constructor(\n        public customizationService: PepCustomizationService,\n        public layoutService: PepLayoutService,\n        private cdRef: ChangeDetectorRef,\n        private hostElement: ElementRef,\n        private renderer: Renderer2,\n    ) {\n        this.renderer.addClass(this.hostElement.nativeElement, 'pep-page-layout');\n    }\n\n    ngAfterViewInit(): void {\n        this.layoutService.onResize$.subscribe((size: PepScreenSizeType) => {\n            this.screenSize = size;\n        });\n\n    }\n\n    ngAfterContentInit() {\n        //\n    }\n\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { MatCommonModule } from '@angular/material/core';\n\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\n\nimport { PepPageLayoutComponent } from './page-layout.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        // Material modules,\n        MatCommonModule,\n        // ngx-lib modules\n        PepNgxLibModule,\n    ],\n    exports: [PepPageLayoutComponent],\n    declarations: [PepPageLayoutComponent],\n})\nexport class PepPageLayoutModule { }\n","/*\n * Public API Surface of ngx-lib/page-layout\n */\nexport * from './page-layout.module';\nexport * from './page-layout.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MA0Ba,sBAAsB;IAM/B,YACW,oBAA6C,EAC7C,aAA+B,EAC9B,KAAwB,EACxB,WAAuB,EACvB,QAAmB;QAJpB,yBAAoB,GAApB,oBAAoB,CAAyB;QAC7C,kBAAa,GAAb,aAAa,CAAkB;QAC9B,UAAK,GAAL,KAAK,CAAmB;QACxB,gBAAW,GAAX,WAAW,CAAY;QACvB,aAAQ,GAAR,QAAQ,CAAW;QAVtB,eAAU,GAAG,IAAI,CAAC;QAClB,eAAU,GAAG,KAAK,CAAC;QAWxB,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,EAAE,iBAAiB,CAAC,CAAC;KAC7E;IAED,eAAe;QACX,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,IAAuB;YAC3D,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;SAC1B,CAAC,CAAC;KAEN;IAED,kBAAkB;;KAEjB;;;YA9BJ,SAAS,SAAC;gBACP,QAAQ,EAAE,iBAAiB;gBAC3B,mnBAA2C;;aAE9C;;;YATG,uBAAuB;YACvB,gBAAgB;YAfhB,iBAAiB;YAEjB,UAAU;YACV,SAAS;;;yBAsBR,KAAK;yBACL,KAAK;;;MCRG,mBAAmB;;;YAX/B,QAAQ,SAAC;gBACN,OAAO,EAAE;oBACL,YAAY;;oBAEZ,eAAe;;oBAEf,eAAe;iBAClB;gBACD,OAAO,EAAE,CAAC,sBAAsB,CAAC;gBACjC,YAAY,EAAE,CAAC,sBAAsB,CAAC;aACzC;;;ACnBD;;;;ACAA;;;;;;"}

package/fesm2015/pepperi-addons-ngx-lib-smart-filters.js

@@ -1036,7 +1036,7 @@ PepMultiSelectFilterComponent.decorators = [
     { type: Component, args: [{
                 selector: 'pep-multi-select-filter',
                 template: "<ng-container *ngIf=\"inline\">\n    <pep-select [key]=\"'multi1'\" [label]=\"'Pepperi Multi Select'\" [type]=\"'multi'\" [value]=\"selected\"\n        [xAlignment]=\"'left'\" [renderTitle]=\"renderTitle\" [options]='inlineOptions'\n        (valueChange)=\"onMultiSelectChanged($event)\">\n    </pep-select>\n</ng-container>\n<div *ngIf=\"!inline\" [formGroup]=\"form\">\n    <pep-search *ngIf=\"options?.length > numberOptionsToShowSearch\" [searchControl]=\"searchControl\"\n        [triggerOn]=\"'keydown'\" [shrinkInSmallScreen]=\"false\"></pep-search>\n    <div pepRtlClass class=\"multi-select-options pep-border-top pep-border-bottom\"\n        [ngClass]=\"{'with-no-search': options?.length <= numberOptionsToShowSearch}\">\n        <div #optionsContainer class=\"flip-scroll\" pepRtlClass>\n            <virtual-scroller #scroll [items]=\"filteredOptions$ | async\" [parentScroll]=\"optionsContainer\">\n                <mat-checkbox *ngFor=\"let opt of scroll.viewPortItems\"\n                    class=\"pep-checkbox-container pep-input no-default-background md\" [title]=\"opt.value\"\n                    [checked]=\"opt.selected\" (change)=\"onOptionChange(opt, $event)\">\n                    <div class=\"title\">\n                        <span class=\"body-sm ellipsis\">{{ opt.value }}</span>\n                        <span *ngIf=\"opt.count\" class=\"color-dimmed body-xs ellipsis\">({{opt.count}})</span>\n                    </div>\n                </mat-checkbox>\n                <ng-container *ngIf=\"scroll.viewPortItems?.length === 0\">\n                    <span class=\"no-options body-sm ellipsis\" [title]=\"field.name\">\n                        {{ ( options.length > 0 ? \"SMART_FILTERS.NO_SEARCH_RESULTS\" : \"SMART_FILTERS.NO_OPTIONS\") |\n                        translate }}\n                    </span>\n                </ng-container>\n            </virtual-scroller>\n        </div>\n    </div>\n</div>",
-                styles: [".multi-select-options{margin:.5rem calc(.25rem * -1) 0;margin:var(--pep-spacing-sm,.5rem) calc(var(--pep-spacing-xs, .25rem) * -1) 0}.multi-select-options.with-no-search{margin:calc(.5rem * -1) calc(.25rem * -1) 0;margin:calc(var(--pep-spacing-sm, .5rem) * -1) calc(var(--pep-spacing-xs, .25rem) * -1) 0}.multi-select-options .no-options{display:flex;padding:.5rem .75rem;padding:var(--pep-spacing-sm,.5rem) var(--pep-spacing-md,.75rem)}.multi-select-options .flip-scroll{padding:.5rem .25rem;padding:var(--pep-spacing-sm,.5rem) var(--pep-spacing-xs,.25rem);min-height:3.25rem;max-height:34.75rem;direction:rtl}.multi-select-options .flip-scroll.rtl,.multi-select-options .flip-scroll virtual-scroller{direction:ltr}.multi-select-options .flip-scroll.rtl virtual-scroller{direction:rtl}.multi-select-options .pep-checkbox-container{height:2.25rem;-webkit-padding-end:0;padding-inline-end:0}.multi-select-options .pep-checkbox-container ::ng-deep.mat-checkbox-layout{width:100%;height:100%;grid-template-columns:auto 1fr}.multi-select-options .pep-checkbox-container ::ng-deep.mat-checkbox-layout .mat-checkbox-label{align-self:center}.multi-select-options .pep-checkbox-container .title{display:flex;justify-content:space-between;align-items:center;margin:0 .25rem;margin:0 var(--pep-spacing-xs,.25rem)}"]
+                styles: [".multi-select-options{margin:.5rem calc(.25rem * -1) 0;margin:var(--pep-spacing-sm,.5rem) calc(var(--pep-spacing-xs, .25rem) * -1) 0}.multi-select-options.with-no-search{margin:calc(.5rem * -1) calc(.25rem * -1) 0;margin:calc(var(--pep-spacing-sm, .5rem) * -1) calc(var(--pep-spacing-xs, .25rem) * -1) 0}.multi-select-options .no-options{display:flex;padding:.5rem .75rem;padding:var(--pep-spacing-sm,.5rem) var(--pep-spacing-md,.75rem)}.multi-select-options .flip-scroll{padding:.5rem .25rem;padding:var(--pep-spacing-sm,.5rem) var(--pep-spacing-xs,.25rem);min-height:3.25rem;max-height:34.75rem;direction:rtl}.multi-select-options .flip-scroll.rtl,.multi-select-options .flip-scroll virtual-scroller{direction:ltr}.multi-select-options .flip-scroll.rtl virtual-scroller{direction:rtl}.multi-select-options .pep-checkbox-container{height:2.25rem;-webkit-padding-end:0;padding-inline-end:0}.multi-select-options .pep-checkbox-container ::ng-deep.mat-checkbox-layout{width:100%;height:100%;grid-template-columns:auto 1fr}.multi-select-options .pep-checkbox-container ::ng-deep.mat-checkbox-layout .mat-checkbox-label{align-self:center}.multi-select-options .pep-checkbox-container .title{display:grid;grid-auto-flow:column;justify-content:space-between;align-items:center;margin:0 .25rem;margin:0 var(--pep-spacing-xs,.25rem)}"]
             },] }
 ];
 PepMultiSelectFilterComponent.propDecorators = {

package/form/field-generator.component.d.ts

@@ -1,7 +1,7 @@
 import { OnChanges, EventEmitter, OnDestroy } from '@angular/core';
 import { FormGroup } from '@angular/forms';
 import { PepFieldBase, PepLayoutType, IPepFieldValueChangeEvent, IPepFieldClickEvent } from '@pepperi-addons/ngx-lib';
-import { IPepFormFieldClickEvent, IPepFormFieldValueChangeEvent } from './form.component';
+import { IPepFormFieldClickEvent, IPepFormFieldValueChangeEvent } from './form.model';
 export declare class PepFieldGeneratorComponent implements OnChanges, OnDestroy {
     private _field;
     set field(value: any);

package/form/form.component.d.ts

@@ -2,27 +2,9 @@ import { OnInit, OnDestroy, KeyValueDiffers, EventEmitter, OnChanges, DoCheck }
 import { FormGroup, FormBuilder } from '@angular/forms';
 import { TranslateService } from '@ngx-translate/core';
 import { PepDialogService } from '@pepperi-addons/ngx-lib/dialog';
-import { IPepFieldValueChangeEvent, IPepFieldClickEvent, PepLayoutType, FIELD_TYPE, PepCustomizationService, PepLayoutService, UIControl, UIControlField, ObjectsDataRow, ObjectsDataRowCell, PepFieldBase, PepHorizontalAlignment, PepVerticalAlignment, X_ALIGNMENT_TYPE, Y_ALIGNMENT_TYPE, KeyValuePair, IPepOption } from '@pepperi-addons/ngx-lib';
+import { IPepFieldValueChangeEvent, IPepFieldClickEvent, PepLayoutType, PepCustomizationService, PepLayoutService, UIControl, UIControlField, ObjectsDataRow, ObjectsDataRowCell, PepFieldBase, PepHorizontalAlignment, PepVerticalAlignment, X_ALIGNMENT_TYPE, Y_ALIGNMENT_TYPE, KeyValuePair, IPepOption } from '@pepperi-addons/ngx-lib';
 import { Observable } from 'rxjs';
-export interface IPepFormFieldValueChangeEvent {
-    id: string;
-    uiObjectKey?: string;
-    key: string;
-    value: string;
-    controlType?: string;
-}
-export interface IPepFormFieldClickEvent {
-    id: string;
-    uiObjectKey?: string;
-    key: string;
-    value: any;
-    controlType: string;
-    fieldType?: FIELD_TYPE;
-    idType?: string;
-    which?: any;
-    editable?: boolean;
-    otherData?: any;
-}
+import { IPepFormFieldValueChangeEvent, IPepFormFieldClickEvent } from './form.model';
 export declare class PepFormComponent implements OnInit, DoCheck, OnChanges, OnDestroy {
     private dialogService;
     private customizationService;

package/form/form.model.d.ts

@@ -0,0 +1,20 @@
+import { FIELD_TYPE } from '@pepperi-addons/ngx-lib';
+export interface IPepFormFieldValueChangeEvent {
+    id: string;
+    uiObjectKey?: string;
+    key: string;
+    value: string;
+    controlType?: string;
+}
+export interface IPepFormFieldClickEvent {
+    id: string;
+    uiObjectKey?: string;
+    key: string;
+    value: any;
+    controlType: string;
+    fieldType?: FIELD_TYPE;
+    idType?: string;
+    which?: any;
+    editable?: boolean;
+    otherData?: any;
+}

package/form/internal-carusel.component.d.ts

@@ -2,7 +2,7 @@ import { OnInit, EventEmitter, AfterViewInit } from '@angular/core';
 import { FormBuilder } from '@angular/forms';
 import { PepInternalCaruselService } from './internal-carusel.service';
 import { PepLayoutType, PepLayoutService, PepScreenSizeType } from '@pepperi-addons/ngx-lib';
-import { IPepFormFieldClickEvent, IPepFormFieldValueChangeEvent } from './form.component';
+import { IPepFormFieldClickEvent, IPepFormFieldValueChangeEvent } from './form.model';
 import { PepCarouselComponent } from '@pepperi-addons/ngx-lib/carousel';
 export declare class PepInternalCaruselComponent implements OnInit, AfterViewInit {
     protected fb: FormBuilder;

package/form/internal-list.component.d.ts

@@ -1,6 +1,6 @@
 import { EventEmitter, OnInit, Renderer2, ElementRef, ChangeDetectorRef, OnDestroy, OnChanges } from '@angular/core';
 import { PepLayoutService, UIControl, ObjectsDataRow } from '@pepperi-addons/ngx-lib';
-import { IPepFormFieldClickEvent, IPepFormFieldValueChangeEvent } from './form.component';
+import { IPepFormFieldClickEvent, IPepFormFieldValueChangeEvent } from './form.model';
 export declare type PepListViewType = 'cards' | 'lines' | 'table';
 export declare class PepInternalListComponent implements OnInit, OnChanges, OnDestroy {
     private element;

package/form/internal-page.component.d.ts

@@ -3,7 +3,7 @@ import { FormGroup, FormBuilder } from '@angular/forms';
 import { PepInternalPageService } from './internal-page.service';
 import { PepLayoutType, UIControl, KeyValuePair, PepCustomizationService } from '@pepperi-addons/ngx-lib';
 import { PepInternalListComponent } from './internal-list.component';
-import { IPepFormFieldClickEvent, IPepFormFieldValueChangeEvent } from './form.component';
+import { IPepFormFieldClickEvent, IPepFormFieldValueChangeEvent } from './form.model';
 import { PepDialogService } from '@pepperi-addons/ngx-lib/dialog';
 export declare class PepInternalPageComponent implements OnInit, OnDestroy {
     protected fb: FormBuilder;