npm - @pepperi-addons/ngx-composite-lib - Versions diffs - 0.0.16-beta.4 → 0.0.16-beta.42 - Mend

@pepperi-addons/ngx-composite-lib 0.0.16-beta.4 → 0.0.16-beta.42

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (92) hide show

package/fesm2015/pepperi-addons-ngx-composite-lib-group-buttons-settings.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"pepperi-addons-ngx-composite-lib-group-buttons-settings.js","sources":["../../../projects/ngx-composite-lib/group-buttons-settings/group-buttons-settings.component.ts","../../../projects/ngx-composite-lib/group-buttons-settings/group-buttons-settings.component.html","../../../projects/ngx-composite-lib/group-buttons-settings/group-buttons-settings.module.ts","../../../projects/ngx-composite-lib/group-buttons-settings/public-api.ts","../../../projects/ngx-composite-lib/group-buttons-settings/pepperi-addons-ngx-composite-lib-group-buttons-settings.ts"],"sourcesContent":["import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\nimport { TranslateService } from '@ngx-translate/core';\nimport { PepSizeType } from '@pepperi-addons/ngx-lib';\nimport { IPepButtonClickEvent, PepButton } from '@pepperi-addons/ngx-lib/button';\nimport { PepGroupbuttonsTypes } from './group-buttons-settings.model';\n\n@Component({\n selector: 'pep-group-buttons-settings',\n templateUrl: './group-buttons-settings.component.html',\n styleUrls: ['./group-buttons-settings.component.scss']\n})\nexport class GroupButtonsSettingsComponent implements OnInit {\n\n @Input() header = '';\n @Input() subHeader = '';\n\n @Input() groupType: PepGroupbuttonsTypes = 'sizes'; \n @Input() btnsArray: Array<PepButton> = [];\n @Input() excludeKeys: Array<string> = []; // for example ['xs','xl']\n\n @Input() useNone = false;\n @Input() disabled = false;\n @Input() dir: 'rtl' \| 'ltr' = 'ltr';\n \n private _btnKey: any;\n @Input()\n set btnKey(value: any) {\n if (!value) {\n this._btnKey = '';\n } else {\n this._btnKey = value;\n }\n }\n get btnKey(): any {\n return this._btnKey;\n }\n\n @Output()\n btnkeyChange: EventEmitter<IPepButtonClickEvent> = new EventEmitter<IPepButtonClickEvent>();\n \n \n none: PepButton = {key: 'none'};\n \n sizes: Array<PepButton> = [];\n \n // pepB: PepSizeType \| 'none' = \"xs\";\n\n constructor(\n private translate: TranslateService,\n ) {\n }\n\n ngOnInit(): void { \n // Get the first translation for load all translations.\n this.translate.get('SHADOW_SETTINGS.INTENSITY_SOFT').toPromise().then((typeSoft) => {\n \n this.none = { key: 'none', value: this.translate.instant('GENERAL.NONE'), callback: () => this.onKeyChange(null) };\n \n this.arrayMerge();\n });\n }\n\n arrayMerge(){\n\n this.btnsArray = this.getButtonsArray();\n \n // check if need to remove items from the buttons array\n if(this.excludeKeys){\n this.btnsArray = this.btnsArray.filter(i => !this.excludeKeys.find(f => f === i.key));\n }\n // check if need to add the None button\n if(this.useNone){\n this.btnsArray = [this.none].concat(this.btnsArray);\n }\n }\n\n onKeyChange(event: IPepButtonClickEvent \| null) {\n this.btnKey = event?.source?.key \|\| 'none';\n this.btnkeyChange.emit(this.btnKey);\n }\n\n getButtonsArray() {\n switch(this.groupType){\n case 'custom':{\n return this.btnsArray;\n }\n case 'sizes':{\n return [\n { key: 'xs', value: this.translate.instant('GENERAL.XS'), callback: (event: any) => this.onKeyChange(event) },\n { key: 'sm', value: this.translate.instant('GENERAL.SM'), callback: (event: any) => this.onKeyChange(event) },\n { key: 'md', value: this.translate.instant('GENERAL.MD'), callback: (event: any) => this.onKeyChange(event) },\n { key: 'lg', value: this.translate.instant('GENERAL.LG'), callback: (event: any) => this.onKeyChange(event) },\n { key: 'xl', value: this.translate.instant('GENERAL.XL'), callback: (event: any) => this.onKeyChange(event) }\n ];\n }\n case 'vertical-align':{\n return [\n { key: 'start', value: this.translate.instant('GENERAL.VERTICAL_ALIGN.TOP'), callback: (event: IPepButtonClickEvent) => this.onKeyChange(event) },\n { key: 'center', value: this.translate.instant('GENERAL.VERTICAL_ALIGN.MIDDLE'), callback: (event: IPepButtonClickEvent) => this.onKeyChange(event) },\n { key: 'end', value: this.translate.instant('GENERAL.VERTICAL_ALIGN.BOTTOM'), callback: (event: IPepButtonClickEvent) => this.onKeyChange(event) }\n ];\n }\n case 'horizontal-align': {\n return [\n { key: 'left', iconName: 'text_align_right', callback: (event: any) => this.onKeyChange(event) },\n { key: 'center', iconName: 'text_align_center', callback: (event: any) => this.onKeyChange(event) },\n { key: 'right', iconName: 'text_align_left', callback: (event: any) => this.onKeyChange(event) },\n ];\n }\n case 'font-weight':{\n return [\n { key: 'normal', value: this.translate.instant('GENERAL.FONT_WEIGHT.NORMAL'), callback: (event: any) => this.onKeyChange(event) },\n { key: 'bold', value: this.translate.instant('GENERAL.FONT_WEIGHT.BOLD'), callback: (event: any) => this.onKeyChange(event) },\n { key: 'bolder', value: this.translate.instant('GENERAL.FONT_WEIGHT.BOLDER'), callback: (event: any) => this.onKeyChange(event) }\n ]\n }\n case 'width-sizes':{\n return [\n { key: 'narrow', value: this.translate.instant('GENERAL.WIDTH_SIZE.NARROW'), callback: (event: any) => this.onKeyChange(event) },\n { key: 'regular', value: this.translate.instant('GENERAL.WIDTH_SIZE.REGULAR'), callback: (event: any) => this.onKeyChange(event) },\n { key: 'wide', value: this.translate.instant('GENERAL.WIDTH_SIZE.WIDE'), callback: (event: any) => this.onKeyChange(event) }\n ];\n }\n\n default: {\n return [];\n }\n }\n }\n}\n","<label ngIf=\"header != ''\" class=\"body-xl bold ellipsis\">{{header}}</label>\n<pep-field-title ngIf=\"subHeader !=''\" [label]=\"subHeader\" [disabled]=\"disabled\" [xAlignment]=\"dir === 'rtl' ? 'right' : 'left'\"></pep-field-title>\n<pep-group-buttons [buttons]=\"btnsArray\" \n [selectedButtonKey]=\"btnKey\" \n [stretch]=\"true\" \n buttonsClass=\"md regular\" \n [buttonsDisabled]=\"disabled\" \n viewType=\"toggle\">\n</pep-group-buttons>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { GroupButtonsSettingsComponent } from './group-buttons-settings.component';\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\nimport { PepFieldTitleModule } from '@pepperi-addons/ngx-lib/field-title';\nimport { PepGroupButtonsModule } from '@pepperi-addons/ngx-lib/group-buttons';\nimport { PepIconRegistry, pepIconTextAlignCenter, pepIconTextAlignLeft, pepIconTextAlignRight } from '@pepperi-addons/ngx-lib/icon';\n\nconst pepIcons = [\n pepIconTextAlignCenter, \n pepIconTextAlignLeft, \n pepIconTextAlignRight\n]\n\n@NgModule({\n declarations: [\n GroupButtonsSettingsComponent\n ],\n imports: [\n CommonModule,\n PepNgxLibModule,\n PepFieldTitleModule,\n PepGroupButtonsModule,\n ],\n exports: [GroupButtonsSettingsComponent]\n})\nexport class PepGroupButtonsSettingsModule { \n constructor(\n private pepIconRegistry: PepIconRegistry,\n ) {\n this.pepIconRegistry.registerIcons(pepIcons);\n }\n}\n","/\n Public API Surface of ngx-composite-lib/shadow-settings\n /\nexport from './group-buttons-settings.module';\nexport * from './group-buttons-settings.component';\nexport * from './group-buttons-settings.model';\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"pepperi-addons-ngx-composite-lib-group-buttons-settings.js","sources":["../../../projects/ngx-composite-lib/group-buttons-settings/group-buttons-settings.component.ts","../../../projects/ngx-composite-lib/group-buttons-settings/group-buttons-settings.component.html","../../../projects/ngx-composite-lib/group-buttons-settings/group-buttons-settings.module.ts","../../../projects/ngx-composite-lib/group-buttons-settings/public-api.ts","../../../projects/ngx-composite-lib/group-buttons-settings/pepperi-addons-ngx-composite-lib-group-buttons-settings.ts"],"sourcesContent":["import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\nimport { TranslateService } from '@ngx-translate/core';\nimport { PepSizeType } from '@pepperi-addons/ngx-lib';\nimport { IPepButtonClickEvent, PepButton } from '@pepperi-addons/ngx-lib/button';\nimport { PepGroupbuttonsTypes } from './group-buttons-settings.model';\n\n@Component({\n selector: 'pep-group-buttons-settings',\n templateUrl: './group-buttons-settings.component.html',\n styleUrls: ['./group-buttons-settings.component.scss']\n})\nexport class GroupButtonsSettingsComponent implements OnInit {\n\n @Input() header = '';\n @Input() subHeader = '';\n\n @Input() groupType: PepGroupbuttonsTypes = 'sizes'; \n @Input() btnsArray: Array<PepButton> = [];\n @Input() excludeKeys: Array<string> = []; // for example ['xs','xl']\n\n @Input() useNone = false;\n @Input() disabled = false;\n @Input() dir: 'rtl' \| 'ltr' = 'ltr';\n \n private _btnKey: any;\n @Input()\n set btnKey(value: any) {\n if (!value) {\n this._btnKey = '';\n } else {\n this._btnKey = value;\n }\n }\n get btnKey(): any {\n return this._btnKey;\n }\n\n @Output()\n btnkeyChange: EventEmitter<IPepButtonClickEvent> = new EventEmitter<IPepButtonClickEvent>();\n \n \n none: PepButton = {key: 'none'};\n \n sizes: Array<PepButton> = [];\n \n // pepB: PepSizeType \| 'none' = \"xs\";\n\n constructor(\n private translate: TranslateService,\n ) {\n }\n\n ngOnInit(): void { \n // Get the first translation for load all translations.\n this.translate.get('SHADOW_SETTINGS.INTENSITY_SOFT').toPromise().then((typeSoft) => {\n \n this.none = { key: 'none', value: this.translate.instant('GENERAL.NONE'), callback: () => this.onKeyChange(null) };\n \n this.arrayMerge();\n });\n }\n\n arrayMerge(){\n\n this.btnsArray = this.getButtonsArray();\n \n // check if need to remove items from the buttons array\n if(this.excludeKeys){\n this.btnsArray = this.btnsArray.filter(i => !this.excludeKeys.find(f => f === i.key));\n }\n // check if need to add the None button\n if(this.useNone){\n this.btnsArray = [this.none].concat(this.btnsArray);\n }\n }\n\n onKeyChange(event: IPepButtonClickEvent \| null) {\n this.btnKey = event?.source?.key \|\| 'none';\n this.btnkeyChange.emit(this.btnKey);\n }\n\n getButtonsArray() {\n switch(this.groupType){\n case 'custom':{\n return this.btnsArray;\n }\n case 'sizes':{\n return [\n { key: 'xs', value: this.translate.instant('GENERAL.XS'), callback: (event: any) => this.onKeyChange(event) },\n { key: 'sm', value: this.translate.instant('GENERAL.SM'), callback: (event: any) => this.onKeyChange(event) },\n { key: 'md', value: this.translate.instant('GENERAL.MD'), callback: (event: any) => this.onKeyChange(event) },\n { key: 'lg', value: this.translate.instant('GENERAL.LG'), callback: (event: any) => this.onKeyChange(event) },\n { key: 'xl', value: this.translate.instant('GENERAL.XL'), callback: (event: any) => this.onKeyChange(event) }\n ];\n }\n case 'vertical-align':{\n return [\n { key: 'start', value: this.translate.instant('GENERAL.VERTICAL_ALIGN.TOP'), callback: (event: IPepButtonClickEvent) => this.onKeyChange(event) },\n { key: 'middle', value: this.translate.instant('GENERAL.VERTICAL_ALIGN.MIDDLE'), callback: (event: IPepButtonClickEvent) => this.onKeyChange(event) },\n { key: 'end', value: this.translate.instant('GENERAL.VERTICAL_ALIGN.BOTTOM'), callback: (event: IPepButtonClickEvent) => this.onKeyChange(event) }\n ];\n }\n case 'horizontal-align': {\n return [\n { key: 'left', iconName: 'text_align_right', callback: (event: any) => this.onKeyChange(event) },\n { key: 'center', iconName: 'text_align_center', callback: (event: any) => this.onKeyChange(event) },\n { key: 'right', iconName: 'text_align_left', callback: (event: any) => this.onKeyChange(event) },\n ];\n }\n case 'font-weight':{\n return [\n { key: 'normal', value: this.translate.instant('GENERAL.FONT_WEIGHT.NORMAL'), callback: (event: any) => this.onKeyChange(event) },\n { key: 'bold', value: this.translate.instant('GENERAL.FONT_WEIGHT.BOLD'), callback: (event: any) => this.onKeyChange(event) },\n { key: 'bolder', value: this.translate.instant('GENERAL.FONT_WEIGHT.BOLDER'), callback: (event: any) => this.onKeyChange(event) }\n ]\n }\n case 'width-sizes':{\n return [\n { key: 'narrow', value: this.translate.instant('GENERAL.WIDTH_SIZE.NARROW'), callback: (event: any) => this.onKeyChange(event) },\n { key: 'regular', value: this.translate.instant('GENERAL.WIDTH_SIZE.REGULAR'), callback: (event: any) => this.onKeyChange(event) },\n { key: 'wide', value: this.translate.instant('GENERAL.WIDTH_SIZE.WIDE'), callback: (event: any) => this.onKeyChange(event) }\n ];\n }\n\n default: {\n return [];\n }\n }\n }\n}\n","<label ngIf=\"header != ''\" class=\"body-xl bold ellipsis\">{{header}}</label>\n<pep-field-title ngIf=\"subHeader !=''\" [label]=\"subHeader\" [disabled]=\"disabled\" [xAlignment]=\"dir === 'rtl' ? 'right' : 'left'\"></pep-field-title>\n<pep-group-buttons [buttons]=\"btnsArray\" \n [selectedButtonKey]=\"btnKey\" \n [stretch]=\"true\" \n buttonsClass=\"md regular\" \n [buttonsDisabled]=\"disabled\" \n viewType=\"toggle\">\n</pep-group-buttons>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { GroupButtonsSettingsComponent } from './group-buttons-settings.component';\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\nimport { PepFieldTitleModule } from '@pepperi-addons/ngx-lib/field-title';\nimport { PepGroupButtonsModule } from '@pepperi-addons/ngx-lib/group-buttons';\nimport { PepIconModule, PepIconRegistry, pepIconTextAlignCenter, pepIconTextAlignLeft, pepIconTextAlignRight } from '@pepperi-addons/ngx-lib/icon';\n\nconst pepIcons = [\n pepIconTextAlignCenter, \n pepIconTextAlignLeft, \n pepIconTextAlignRight\n]\n\n@NgModule({\n declarations: [\n GroupButtonsSettingsComponent\n ],\n imports: [\n CommonModule,\n PepNgxLibModule,\n PepFieldTitleModule,\n PepGroupButtonsModule,\n PepIconModule\n ],\n exports: [GroupButtonsSettingsComponent]\n})\nexport class PepGroupButtonsSettingsModule { \n constructor(\n private pepIconRegistry: PepIconRegistry,\n ) {\n this.pepIconRegistry.registerIcons(pepIcons);\n }\n}\n","/\n Public API Surface of ngx-composite-lib/shadow-settings\n /\nexport from './group-buttons-settings.module';\nexport * from './group-buttons-settings.component';\nexport * from './group-buttons-settings.model';\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2015/pepperi-addons-ngx-composite-lib.js CHANGED Viewed

@@ -1,9 +1,12 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Directive, Input, NgModule, Injectable } from '@angular/core';
+import { EventEmitter, Directive, Input, Injectable, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
 import { __awaiter } from 'tslib';
 import * as i1 from '@pepperi-addons/ngx-lib/icon';
 import { pepIconDeviceResponsive, PepIconModule } from '@pepperi-addons/ngx-lib/icon';
 import * as i2 from '@ngx-translate/core';
+import * as i1$1 from '@pepperi-addons/ngx-lib/remote-loader';
+import { PepRemoteLoaderModule } from '@pepperi-addons/ngx-lib/remote-loader';
 class PepResetConfigurationFieldDirective {
     constructor(renderer, element, pepIconService, translate) {
@@ -28,14 +31,16 @@ class PepResetConfigurationFieldDirective {
     }
     set disabled(value) {
         this._disabled = value;
-        this.renderer.setStyle(this.buttonContainer, 'visibility', this.getVisibility());
+        // this.renderer.setStyle(this.buttonContainer, 'visibility', this.getVisibility());
+        this.setButtonStyle(this.resetButton);
     }
     get disabled() {
         return this._disabled;
     }
     set hideReset(value) {
         this._hideReset = value;
-        this.renderer.setStyle(this.buttonContainer, 'visibility', this.getVisibility());
+        // this.renderer.setStyle(this.buttonContainer, 'visibility', this.getVisibility());
+        this.setButtonStyle(this.resetButton);
     }
     get hideReset() {
         return this._hideReset;
@@ -63,17 +68,19 @@ class PepResetConfigurationFieldDirective {
         this.buttonContainer.setAttribute("style", css);
     }
     setButtonStyle(button) {
-        const css = `
-            display: flex !important;
-            align-items: center !important;
-            height: 1rem !important;
-            line-height: unset !important;
-            padding: unset !important;
-            background: unset !important;
-            font-size: var(--pep-button-2xs-font-size) !important;
-            visibility: ${this.getVisibility()};
-        `;
-        button.setAttribute("style", css);
+        if (button) {
+            const css = `
+                display: flex !important;
+                align-items: center !important;
+                height: 1rem !important;
+                line-height: unset !important;
+                padding: unset !important;
+                background: unset !important;
+                font-size: var(--pep-button-2xs-font-size) !important;
+                visibility: ${this.getVisibility()};
+            `;
+            button.setAttribute("style", css);
+        }
     }
     setSvgStyle(svg) {
         const css = `
@@ -87,20 +94,20 @@ class PepResetConfigurationFieldDirective {
             this.setButtonContainerStyle();
             this.renderer.addClass(this.buttonContainer, 'pep-reset-configuration-field-container');
             // Append button
-            const button = this.renderer.createElement('button');
+            this.resetButton = this.renderer.createElement('button');
             yield this.translate.get('ACTIONS.RESET').toPromise().then(resetText => {
                 const buttonText = this.renderer.createText(resetText);
-                this.renderer.appendChild(button, buttonText);
+                this.renderer.appendChild(this.resetButton, buttonText);
             });
-            this.renderer.addClass(button, 'pep-button');
+            this.renderer.addClass(this.resetButton, 'pep-button');
             // this.renderer.addClass(button, this.styleType);
             // this.renderer.addClass(button, this.styleStateType);
-            this.renderer.addClass(button, 'color-link');
-            this.renderer.addClass(button, this.sizeType);
-            this.setButtonStyle(button);
+            this.renderer.addClass(this.resetButton, 'color-link');
+            this.renderer.addClass(this.resetButton, this.sizeType);
+            this.setButtonStyle(this.resetButton);
             // this.renderer.addClass(button, 'reset-configuration-field-button');
-            this.unlistener = this.renderer.listen(button, 'click', () => this.onResetClicked());
-            this.renderer.appendChild(this.buttonContainer, button);
+            this.unlistener = this.renderer.listen(this.resetButton, 'click', () => this.onResetClicked());
+            this.renderer.appendChild(this.buttonContainer, this.resetButton);
             // Append svg
             const svgIcon = this.pepIconService.getSvgIcon(pepIconDeviceResponsive.name);
             this.setSvgStyle(svgIcon);
@@ -152,6 +159,78 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImpor
                 type: Input
             }] } });
+/*
+    This service is for utillity usege.
+*/
+class PepCompositeLibUtilitiesService {
+    constructor() {
+        //
+    }
+}
+PepCompositeLibUtilitiesService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepCompositeLibUtilitiesService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+PepCompositeLibUtilitiesService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepCompositeLibUtilitiesService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepCompositeLibUtilitiesService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return []; } });
+class PepDIMXHelperService {
+    constructor(addonBlockLoaderService) {
+        this.addonBlockLoaderService = addonBlockLoaderService;
+    }
+    register(viewContainerRef, dimxHostObject, onDIMXProcessDoneCallback) {
+        this.addonBlockLoaderService.loadAddonBlockInContainer({
+            container: viewContainerRef,
+            name: 'DIMX',
+            hostObject: dimxHostObject,
+            hostEventsCallback: (event) => {
+                if (event.action === 'DIMXFunctionsRegister') {
+                    this.dimxFunctions = event.value;
+                }
+                else if (event.action === 'DIMXProcessDone') {
+                    onDIMXProcessDoneCallback(event.value);
+                }
+                else {
+                    console.error('Unknown event action: ' + event.action);
+                }
+            }
+        });
+    }
+    import(options) {
+        var _a;
+        if (typeof ((_a = this.dimxFunctions) === null || _a === void 0 ? void 0 : _a.DIMXImport) === 'function') {
+            this.dimxFunctions.DIMXImport(options);
+        }
+        else {
+            console.error('DIMXImport function not found, are you registered?');
+        }
+    }
+    export(options) {
+        var _a;
+        if (typeof ((_a = this.dimxFunctions) === null || _a === void 0 ? void 0 : _a.DIMXExport) === 'function') {
+            this.dimxFunctions.DIMXExport(options);
+        }
+        else {
+            console.error('DIMXExport function not found, are you registered?');
+        }
+    }
+}
+PepDIMXHelperService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepDIMXHelperService, deps: [{ token: i1$1.PepAddonBlockLoaderService }], target: i0.ɵɵFactoryTarget.Injectable });
+PepDIMXHelperService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepDIMXHelperService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepDIMXHelperService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i1$1.PepAddonBlockLoaderService }]; } });
+/*
+ * Public API Surface of ngx-composite-lib/core/common/services
+ */
+/*
+ * export from ngx-composite-lib/core/common/services
+ */
 const utilitiesList = [
     PepResetConfigurationFieldDirective
 ];
@@ -164,12 +243,16 @@ class PepNgxCompositeLibModule {
     }
 }
 PepNgxCompositeLibModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepNgxCompositeLibModule, deps: [{ token: i1.PepIconRegistry }], target: i0.ɵɵFactoryTarget.NgModule });
-PepNgxCompositeLibModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepNgxCompositeLibModule, declarations: [PepResetConfigurationFieldDirective], imports: [
-        // CommonModule, HttpClientModule, ReactiveFormsModule
-        PepIconModule], exports: [PepResetConfigurationFieldDirective] });
-PepNgxCompositeLibModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepNgxCompositeLibModule, imports: [[
-            // CommonModule, HttpClientModule, ReactiveFormsModule
+PepNgxCompositeLibModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepNgxCompositeLibModule, declarations: [PepResetConfigurationFieldDirective], imports: [CommonModule,
+        PepIconModule,
+        PepRemoteLoaderModule], exports: [PepResetConfigurationFieldDirective] });
+PepNgxCompositeLibModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepNgxCompositeLibModule, providers: [
+        PepDIMXHelperService,
+        PepCompositeLibUtilitiesService
+    ], imports: [[
+            CommonModule,
             PepIconModule,
+            PepRemoteLoaderModule,
         ]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepNgxCompositeLibModule, decorators: [{
             type: NgModule,
@@ -178,41 +261,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImpor
                         utilitiesList
                     ],
                     imports: [
-                        // CommonModule, HttpClientModule, ReactiveFormsModule
+                        CommonModule,
                         PepIconModule,
+                        PepRemoteLoaderModule,
                     ],
                     exports: [
                         utilitiesList
                         // TranslateModule
+                    ],
+                    providers: [
+                        PepDIMXHelperService,
+                        PepCompositeLibUtilitiesService
                     ]
                 }]
         }], ctorParameters: function () { return [{ type: i1.PepIconRegistry }]; } });
-/*
-    This service is for utillity usege.
-*/
-class PepCompositeLibUtilitiesService {
-    constructor() {
-        //
-    }
-}
-PepCompositeLibUtilitiesService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepCompositeLibUtilitiesService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-PepCompositeLibUtilitiesService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepCompositeLibUtilitiesService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepCompositeLibUtilitiesService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: function () { return []; } });
-/*
- * Public API Surface of ngx-composite-lib/core/common/services
- */
-/*
- * export from ngx-composite-lib/core/common/services
- */
 /*
  * Public API Surface of ngx-composite-lib/core/common/directives
  */
@@ -245,5 +308,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImpor
  * Generated bundle index. Do not edit.
  */
-export { PepCompositeLibUtilitiesService, PepNgxCompositeLibModule, PepResetConfigurationFieldDirective };
+export { PepCompositeLibUtilitiesService, PepDIMXHelperService, PepNgxCompositeLibModule, PepResetConfigurationFieldDirective };
 //# sourceMappingURL=pepperi-addons-ngx-composite-lib.js.map

package/fesm2015/pepperi-addons-ngx-composite-lib.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"pepperi-addons-ngx-composite-lib.js","sources":["../../../projects/ngx-composite-lib/src/core/common/directives/reset-configuration-field.directive.ts","../../../projects/ngx-composite-lib/src/ngx-composite-lib.module.ts","../../../projects/ngx-composite-lib/src/core/common/services/utilities.service.ts","../../../projects/ngx-composite-lib/src/core/common/services/public-api.ts","../../../projects/ngx-composite-lib/src/core/common/services/index.ts","../../../projects/ngx-composite-lib/src/core/common/directives/public-api.ts","../../../projects/ngx-composite-lib/src/core/common/directives/index.ts","../../../projects/ngx-composite-lib/src/core/common/public-api.ts","../../../projects/ngx-composite-lib/src/core/common/index.ts","../../../projects/ngx-composite-lib/src/core/public-api.ts","../../../projects/ngx-composite-lib/src/core/index.ts","../../../projects/ngx-composite-lib/src/public-api.ts","../../../projects/ngx-composite-lib/src/pepperi-addons-ngx-composite-lib.ts"],"sourcesContent":["import { Directive, HostListener, ElementRef, AfterViewInit, TemplateRef, ViewContainerRef, Renderer2, Output, EventEmitter, Input, OnDestroy } from '@angular/core';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport { PepSizeType, PepStyleStateType, PepStyleType } from '@pepperi-addons/ngx-lib';\r\nimport { PepIconService, pepIconDeviceResponsive } from '@pepperi-addons/ngx-lib/icon';\r\n\r\n\r\n@Directive({\r\n selector: '[pepResetConfigurationField]',\r\n})\r\nexport class PepResetConfigurationFieldDirective implements AfterViewInit, OnDestroy {\r\n @Input('pepResetConfigurationField') resetFieldKey = '';\r\n @Input() resetHostEvents: EventEmitter<any> = new EventEmitter();\r\n \r\n private _disabled = false;\r\n @Input() \r\n set disabled(value: boolean) {\r\n this._disabled = value;\r\n this.renderer.setStyle(this.buttonContainer, 'visibility', this.getVisibility());\r\n }\r\n get disabled(): boolean {\r\n return this._disabled;\r\n }\r\n\r\n private _hideReset = false;\r\n @Input() \r\n set hideReset(value: boolean) {\r\n this._hideReset = value;\r\n this.renderer.setStyle(this.buttonContainer, 'visibility', this.getVisibility());\r\n }\r\n get hideReset(): boolean {\r\n return this._hideReset;\r\n }\r\n\r\n private _dir: 'rtl' \| 'ltr' = 'ltr';\r\n @Input() \r\n set dir(value: 'rtl' \| 'ltr') {\r\n this._dir = value;\r\n this.renderer.setStyle(this.buttonContainer, 'float', this.getFloat());\r\n }\r\n get dir(): 'rtl' \| 'ltr' {\r\n return this._dir;\r\n }\r\n\r\n // styleType: PepStyleType = 'weak';\r\n // styleStateType: PepStyleStateType = 'system';\r\n sizeType: PepSizeType = 'sm';\r\n resetPosition = 'bottom-end';\r\n \r\n private unlistener: (() => void) \| undefined;\r\n private buttonContainer!: HTMLDivElement;\r\n\r\n constructor(\r\n private renderer:Renderer2,\r\n private element: ElementRef,\r\n private pepIconService: PepIconService,\r\n private translate: TranslateService) {\r\n // Create the buton container.\r\n this.buttonContainer = this.renderer.createElement('div');\r\n\r\n this.translate.get('GENERAL.RESET_HINT').toPromise().then(hint => {\r\n this.renderer.setAttribute(this.buttonContainer, 'title', hint);\r\n });\r\n }\r\n\r\n private getVisibility() {\r\n return this.disabled \|\| this.hideReset ? 'hidden' : 'visible';\r\n }\r\n\r\n private getFloat() {\r\n return this.dir === 'rtl' ? 'left' : 'right';\r\n }\r\n\r\n private setButtonContainerStyle() {\r\n const css = `\r\n display: flex;\r\n justify-content: flex-end;\r\n float: ${this.getFloat()};\r\n margin-bottom: 1rem;\r\n `;\r\n\r\n this.buttonContainer.setAttribute(\"style\", css);\r\n }\r\n\r\n private setButtonStyle(button: HTMLButtonElement) {\r\n const css = `\r\n display: flex !important;\r\n align-items: center !important;\r\n height: 1rem !important;\r\n line-height: unset !important;\r\n padding: unset !important;\r\n background: unset !important;\r\n font-size: var(--pep-button-2xs-font-size) !important;\r\n visibility: ${this.getVisibility()};\r\n `;\r\n\r\n button.setAttribute(\"style\", css);\r\n }\r\n\r\n private setSvgStyle(svg: SVGElement) {\r\n const css = `\r\n transform: rotate(270deg);\r\n width: 0.75rem;\r\n `;\r\n svg.setAttribute('style', css);\r\n }\r\n\r\n private async getResetElement(): Promise<HTMLElement> {\r\n this.setButtonContainerStyle();\r\n this.renderer.addClass(this.buttonContainer, 'pep-reset-configuration-field-container');\r\n\r\n // Append button\r\n const button: HTMLButtonElement = this.renderer.createElement('button');\r\n await this.translate.get('ACTIONS.RESET').toPromise().then(resetText => {\r\n const buttonText = this.renderer.createText(resetText);\r\n this.renderer.appendChild(button, buttonText);\r\n });\r\n \r\n this.renderer.addClass(button, 'pep-button');\r\n // this.renderer.addClass(button, this.styleType);\r\n // this.renderer.addClass(button, this.styleStateType);\r\n this.renderer.addClass(button, 'color-link');\r\n this.renderer.addClass(button, this.sizeType);\r\n this.setButtonStyle(button);\r\n // this.renderer.addClass(button, 'reset-configuration-field-button');\r\n \r\n this.unlistener = this.renderer.listen(button, 'click', () => this.onResetClicked());\r\n \r\n this.renderer.appendChild(this.buttonContainer, button);\r\n\r\n // Append svg\r\n const svgIcon = this.pepIconService.getSvgIcon(pepIconDeviceResponsive.name);\r\n this.setSvgStyle(svgIcon);\r\n this.renderer.appendChild(this.buttonContainer, svgIcon);\r\n\r\n\r\n return this.buttonContainer;\r\n }\r\n\r\n \r\n ngAfterViewInit(): void {\r\n this.getResetElement().then(element => {\r\n if (this.resetPosition === 'top-end' && this.element.nativeElement.children?.length > 0) {\r\n this.renderer.insertBefore(this.element.nativeElement, element, this.element.nativeElement.children[0]);\r\n } else {\r\n this.renderer.appendChild(this.element.nativeElement, element);\r\n }\r\n });\r\n }\r\n\r\n ngOnDestroy() {\r\n if (this.unlistener) {\r\n this.unlistener();\r\n }\r\n }\r\n\r\n onResetClicked() {\r\n this.resetHostEvents.emit({\r\n action: 'set-configuration-field',\r\n key: this.resetFieldKey,\r\n value: undefined\r\n });\r\n }\r\n}\r\n","import { NgModule } from '@angular/core';\n// import { TranslateModule } from '@ngx-translate/core';\n// import { CommonModule } from '@angular/common';\n// import { HttpClientModule } from '@angular/common/http';\n// import { ReactiveFormsModule } from '@angular/forms';\nimport { PepResetConfigurationFieldDirective } from './core/common/directives/reset-configuration-field.directive';\n\nimport {\n PepIconModule,\n PepIconRegistry,\n pepIconDeviceResponsive,\n} from '@pepperi-addons/ngx-lib/icon';\n \n\nconst utilitiesList = [\n PepResetConfigurationFieldDirective\n];\n\n@NgModule({\n declarations: [\n utilitiesList\n ],\n imports: [\n // CommonModule, HttpClientModule, ReactiveFormsModule\n PepIconModule,\n ],\n exports: [\n utilitiesList\n // TranslateModule\n ]\n})\nexport class PepNgxCompositeLibModule {\n constructor(\n private pepIconRegistry: PepIconRegistry\n ) {\n this.pepIconRegistry.registerIcons([\n pepIconDeviceResponsive\n ]);\n }\n}\n","import { Injectable } from '@angular/core';\r\n\r\n/\r\n This service is for utillity usege.\r\n/\r\n@Injectable({\r\n providedIn: 'root',\r\n})\r\nexport class PepCompositeLibUtilitiesService {\r\n constructor(\r\n // private sessionService: PepSessionService,\r\n // private httpService: PepHttpService,\r\n // private loaderService: PepLoaderService\r\n ) {\r\n //\r\n }\r\n}\r\n","/\n Public API Surface of ngx-composite-lib/core/common/services\n /\nexport from './utilities.service';\n","/\n export from ngx-composite-lib/core/common/services\n /\nexport from './public-api';\n","/\n Public API Surface of ngx-composite-lib/core/common/directives\n /\nexport from '../directives/reset-configuration-field.directive';\n","/\n export from ngx-composite-lib/core/common/directives\n /\nexport from './public-api';\n","/\n Public API Surface of ngx-composite-lib/core/common\n /\nexport from './services/index';\nexport * from './directives/index';\n","/\n export from ngx-composite-lib/core/common\n /\nexport from './public-api';\n","/\n Public API Surface of ngx-composite-lib/core\n /\nexport from './common/index';","/\n export from ngx-composite-lib/core\n /\nexport from './public-api';\n","/\n Public API Surface of ngx-composite-lib\n /\nexport from './ngx-composite-lib.module';\nexport * from './core/index';\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"pepperi-addons-ngx-composite-lib.js","sources":["../../../projects/ngx-composite-lib/src/core/common/directives/reset-configuration-field.directive.ts","../../../projects/ngx-composite-lib/src/core/common/services/utilities.service.ts","../../../projects/ngx-composite-lib/src/core/common/services/dimx.service.ts","../../../projects/ngx-composite-lib/src/core/common/services/public-api.ts","../../../projects/ngx-composite-lib/src/core/common/services/index.ts","../../../projects/ngx-composite-lib/src/ngx-composite-lib.module.ts","../../../projects/ngx-composite-lib/src/core/common/directives/public-api.ts","../../../projects/ngx-composite-lib/src/core/common/directives/index.ts","../../../projects/ngx-composite-lib/src/core/common/public-api.ts","../../../projects/ngx-composite-lib/src/core/common/index.ts","../../../projects/ngx-composite-lib/src/core/public-api.ts","../../../projects/ngx-composite-lib/src/core/index.ts","../../../projects/ngx-composite-lib/src/public-api.ts","../../../projects/ngx-composite-lib/src/pepperi-addons-ngx-composite-lib.ts"],"sourcesContent":["import { Directive, HostListener, ElementRef, AfterViewInit, TemplateRef, ViewContainerRef, Renderer2, Output, EventEmitter, Input, OnDestroy } from '@angular/core';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport { PepSizeType, PepStyleStateType, PepStyleType } from '@pepperi-addons/ngx-lib';\r\nimport { PepIconService, pepIconDeviceResponsive } from '@pepperi-addons/ngx-lib/icon';\r\n\r\n\r\n@Directive({\r\n selector: '[pepResetConfigurationField]',\r\n})\r\nexport class PepResetConfigurationFieldDirective implements AfterViewInit, OnDestroy {\r\n @Input('pepResetConfigurationField') resetFieldKey = '';\r\n @Input() resetHostEvents: EventEmitter<any> = new EventEmitter();\r\n \r\n private _disabled = false;\r\n @Input() \r\n set disabled(value: boolean) {\r\n this._disabled = value;\r\n // this.renderer.setStyle(this.buttonContainer, 'visibility', this.getVisibility());\r\n this.setButtonStyle(this.resetButton);\r\n }\r\n get disabled(): boolean {\r\n return this._disabled;\r\n }\r\n\r\n private _hideReset = false;\r\n @Input() \r\n set hideReset(value: boolean) {\r\n this._hideReset = value;\r\n // this.renderer.setStyle(this.buttonContainer, 'visibility', this.getVisibility());\r\n this.setButtonStyle(this.resetButton);\r\n }\r\n get hideReset(): boolean {\r\n return this._hideReset;\r\n }\r\n\r\n private _dir: 'rtl' \| 'ltr' = 'ltr';\r\n @Input() \r\n set dir(value: 'rtl' \| 'ltr') {\r\n this._dir = value;\r\n this.renderer.setStyle(this.buttonContainer, 'float', this.getFloat());\r\n }\r\n get dir(): 'rtl' \| 'ltr' {\r\n return this._dir;\r\n }\r\n\r\n // styleType: PepStyleType = 'weak';\r\n // styleStateType: PepStyleStateType = 'system';\r\n sizeType: PepSizeType = 'sm';\r\n resetPosition = 'bottom-end';\r\n \r\n private unlistener: (() => void) \| undefined;\r\n private buttonContainer!: HTMLDivElement;\r\n private resetButton!: HTMLButtonElement;\r\n\r\n constructor(\r\n private renderer:Renderer2,\r\n private element: ElementRef,\r\n private pepIconService: PepIconService,\r\n private translate: TranslateService) {\r\n // Create the buton container.\r\n this.buttonContainer = this.renderer.createElement('div');\r\n\r\n this.translate.get('GENERAL.RESET_HINT').toPromise().then(hint => {\r\n this.renderer.setAttribute(this.buttonContainer, 'title', hint);\r\n });\r\n }\r\n\r\n private getVisibility() {\r\n return this.disabled \|\| this.hideReset ? 'hidden' : 'visible';\r\n }\r\n\r\n private getFloat() {\r\n return this.dir === 'rtl' ? 'left' : 'right';\r\n }\r\n\r\n private setButtonContainerStyle() {\r\n const css = `\r\n display: flex;\r\n justify-content: flex-end;\r\n float: ${this.getFloat()};\r\n margin-bottom: 1rem;\r\n `;\r\n\r\n this.buttonContainer.setAttribute(\"style\", css);\r\n }\r\n\r\n private setButtonStyle(button: HTMLButtonElement) {\r\n if (button) {\r\n const css = `\r\n display: flex !important;\r\n align-items: center !important;\r\n height: 1rem !important;\r\n line-height: unset !important;\r\n padding: unset !important;\r\n background: unset !important;\r\n font-size: var(--pep-button-2xs-font-size) !important;\r\n visibility: ${this.getVisibility()};\r\n `;\r\n \r\n button.setAttribute(\"style\", css);\r\n }\r\n }\r\n\r\n private setSvgStyle(svg: SVGElement) {\r\n const css = `\r\n transform: rotate(270deg);\r\n width: 0.75rem;\r\n `;\r\n svg.setAttribute('style', css);\r\n }\r\n\r\n private async getResetElement(): Promise<HTMLElement> {\r\n this.setButtonContainerStyle();\r\n this.renderer.addClass(this.buttonContainer, 'pep-reset-configuration-field-container');\r\n\r\n // Append button\r\n this.resetButton = this.renderer.createElement('button');\r\n await this.translate.get('ACTIONS.RESET').toPromise().then(resetText => {\r\n const buttonText = this.renderer.createText(resetText);\r\n this.renderer.appendChild(this.resetButton, buttonText);\r\n });\r\n \r\n this.renderer.addClass(this.resetButton, 'pep-button');\r\n // this.renderer.addClass(button, this.styleType);\r\n // this.renderer.addClass(button, this.styleStateType);\r\n this.renderer.addClass(this.resetButton, 'color-link');\r\n this.renderer.addClass(this.resetButton, this.sizeType);\r\n this.setButtonStyle(this.resetButton);\r\n // this.renderer.addClass(button, 'reset-configuration-field-button');\r\n \r\n this.unlistener = this.renderer.listen(this.resetButton, 'click', () => this.onResetClicked());\r\n \r\n this.renderer.appendChild(this.buttonContainer, this.resetButton);\r\n\r\n // Append svg\r\n const svgIcon = this.pepIconService.getSvgIcon(pepIconDeviceResponsive.name);\r\n this.setSvgStyle(svgIcon);\r\n this.renderer.appendChild(this.buttonContainer, svgIcon);\r\n\r\n return this.buttonContainer;\r\n }\r\n \r\n ngAfterViewInit(): void {\r\n this.getResetElement().then(element => {\r\n if (this.resetPosition === 'top-end' && this.element.nativeElement.children?.length > 0) {\r\n this.renderer.insertBefore(this.element.nativeElement, element, this.element.nativeElement.children[0]);\r\n } else {\r\n this.renderer.appendChild(this.element.nativeElement, element);\r\n }\r\n });\r\n }\r\n\r\n ngOnDestroy() {\r\n if (this.unlistener) {\r\n this.unlistener();\r\n }\r\n }\r\n\r\n onResetClicked() {\r\n this.resetHostEvents.emit({\r\n action: 'set-configuration-field',\r\n key: this.resetFieldKey,\r\n value: undefined\r\n });\r\n }\r\n}\r\n","import { Injectable } from '@angular/core';\r\n\r\n/\r\n This service is for utillity usege.\r\n/\r\n@Injectable({\r\n providedIn: 'root',\r\n})\r\nexport class PepCompositeLibUtilitiesService {\r\n constructor(\r\n // private sessionService: PepSessionService,\r\n // private httpService: PepHttpService,\r\n // private loaderService: PepLoaderService\r\n ) {\r\n //\r\n }\r\n}\r\n","import { Injectable, ViewContainerRef } from \"@angular/core\";\r\nimport { PepAddonBlockLoaderService } from \"@pepperi-addons/ngx-lib/remote-loader\";\r\n\r\nexport interface DIMXHostObject {\r\n DIMXAddonUUID: string;\r\n DIMXResource: string;\r\n}\r\n\r\nexport interface DIMXImportOptions {\r\n OverwriteObject?: boolean;\r\n Delimiter?: string;\r\n OwnerID?: string;\r\n ActionID?: string;\r\n}\r\n\r\nexport interface DIMXExportOptions {\r\n DIMXExportFormat?: string;\r\n DIMXExportIncludeDeleted?: boolean;\r\n DIMXExportFileName?: string;\r\n DIMXExportWhere?: string;\r\n DIMXExportFields?: string;\r\n DIMXExportDelimiter?: string;\r\n ActionID?: string;\r\n}\r\n\r\n@Injectable()\r\nexport class PepDIMXHelperService {\r\n private dimxFunctions!: { \r\n DIMXImport: (options?: DIMXImportOptions) => void, \r\n DIMXExport: (options?: DIMXExportOptions) => void \r\n };\r\n\r\n constructor(\r\n private addonBlockLoaderService: PepAddonBlockLoaderService\r\n ) {\r\n }\r\n\r\n register(viewContainerRef: ViewContainerRef, dimxHostObject: DIMXHostObject, onDIMXProcessDoneCallback: (dimxEvent: any) => void) {\r\n this.addonBlockLoaderService.loadAddonBlockInContainer({\r\n container: viewContainerRef,\r\n name: 'DIMX',\r\n hostObject: dimxHostObject,\r\n hostEventsCallback: (event: any) => {\r\n if (event.action === 'DIMXFunctionsRegister') {\r\n this.dimxFunctions = event.value;\r\n } else if (event.action === 'DIMXProcessDone') {\r\n onDIMXProcessDoneCallback(event.value);\r\n } else {\r\n console.error('Unknown event action: ' + event.action);\r\n }\r\n }\r\n });\r\n }\r\n\r\n import(options?: DIMXImportOptions) {\r\n if (typeof(this.dimxFunctions?.DIMXImport) === 'function') {\r\n this.dimxFunctions.DIMXImport(options);\r\n } else {\r\n console.error('DIMXImport function not found, are you registered?');\r\n }\r\n }\r\n\r\n export(options?: DIMXExportOptions) {\r\n if (typeof(this.dimxFunctions?.DIMXExport) === 'function') {\r\n this.dimxFunctions.DIMXExport(options);\r\n } else {\r\n console.error('DIMXExport function not found, are you registered?');\r\n }\r\n }\r\n}","/\n Public API Surface of ngx-composite-lib/core/common/services\n /\nexport from './utilities.service';\nexport * from './dimx.service';\n","/\n export from ngx-composite-lib/core/common/services\n /\nexport from './public-api';\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n// import { TranslateModule } from '@ngx-translate/core';\n// import { HttpClientModule } from '@angular/common/http';\n// import { ReactiveFormsModule } from '@angular/forms';\nimport { PepResetConfigurationFieldDirective } from './core/common/directives/reset-configuration-field.directive';\nimport { PepDIMXHelperService, PepCompositeLibUtilitiesService } from './core/common/services/index';\n\nimport { PepRemoteLoaderModule } from '@pepperi-addons/ngx-lib/remote-loader';\n\nimport {\n PepIconModule,\n PepIconRegistry,\n pepIconDeviceResponsive,\n} from '@pepperi-addons/ngx-lib/icon';\n\nconst utilitiesList = [\n PepResetConfigurationFieldDirective\n];\n\n@NgModule({\n declarations: [\n utilitiesList\n ],\n imports: [\n CommonModule,\n PepIconModule,\n PepRemoteLoaderModule,\n ],\n exports: [\n utilitiesList\n // TranslateModule\n ],\n providers: [\n PepDIMXHelperService,\n PepCompositeLibUtilitiesService\n ]\n})\nexport class PepNgxCompositeLibModule {\n constructor(\n private pepIconRegistry: PepIconRegistry\n ) {\n this.pepIconRegistry.registerIcons([\n pepIconDeviceResponsive\n ]);\n }\n}\n","/\n Public API Surface of ngx-composite-lib/core/common/directives\n /\nexport from '../directives/reset-configuration-field.directive';\n","/\n export from ngx-composite-lib/core/common/directives\n /\nexport from './public-api';\n","/\n Public API Surface of ngx-composite-lib/core/common\n /\nexport from './services/index';\nexport * from './directives/index';\n","/\n export from ngx-composite-lib/core/common\n /\nexport from './public-api';\n","/\n Public API Surface of ngx-composite-lib/core\n /\nexport from './common/index';","/\n export from ngx-composite-lib/core\n /\nexport from './public-api';\n","/\n Public API Surface of ngx-composite-lib\n /\nexport from './ngx-composite-lib.module';\nexport * from './core/index';\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":"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"}

package/file-status-panel/file-status-panel.module.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+import { PepIconRegistry } from '@pepperi-addons/ngx-lib/icon';
 import * as i0 from "@angular/core";
 import * as i1 from "./file-status-panel.component";
 import * as i2 from "@angular/common";
@@ -8,6 +9,8 @@ import * as i6 from "@pepperi-addons/ngx-lib/icon";
 import * as i7 from "@pepperi-addons/ngx-lib/dialog";
 import * as i8 from "@pepperi-addons/ngx-lib/snack-bar";
 export declare class PepFileStatusPanelModule {
+    private pepIconRegistry;
+    constructor(pepIconRegistry: PepIconRegistry);
     static ɵfac: i0.ɵɵFactoryDeclaration<PepFileStatusPanelModule, never>;
     static ɵmod: i0.ɵɵNgModuleDeclaration<PepFileStatusPanelModule, [typeof i1.FileStatusPanelComponent], [typeof i2.CommonModule, typeof i3.PepTopBarModule, typeof i4.PepTextboxModule, typeof i5.PepButtonModule, typeof i6.PepIconModule, typeof i7.PepDialogModule, typeof i8.PepSnackBarModule], [typeof i1.FileStatusPanelComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<PepFileStatusPanelModule>;

package/generic-form/generic-form.component.d.ts CHANGED Viewed

@@ -1,17 +1,19 @@
-import { OnInit, EventEmitter } from '@angular/core';
+import { OnInit, ViewContainerRef, EventEmitter, ComponentFactoryResolver } from '@angular/core';
+import { IPepGenericFormDataView, IPepGenericFormValueChange, IPepGenericFormFieldUpdate, IPepGenericFormData } from './generic-form.model';
 import { PepLayoutService } from '@pepperi-addons/ngx-lib';
-import { IPepGenericFormDataView, IPepGenericFormValueChange, IPepGenericFormFieldUpdate } from './generic-form.model';
-import { UIControl, ObjectsDataRow } from '@pepperi-addons/ngx-lib';
 import { PepGenericFormService } from './generic-form.service';
 import * as i0 from "@angular/core";
 export declare class GenericFormComponent implements OnInit {
+    private _resolver;
     private layoutService;
     _genericFormService: PepGenericFormService;
+    private _pepFormContainer;
+    set pepListContainer(val: ViewContainerRef);
     private _data;
     set dataSource(val: any);
     private _optionalValues;
-    formData: ObjectsDataRow;
-    uiControl: UIControl;
+    private _formData;
+    private _uiControl;
     set dataView(val: IPepGenericFormDataView);
     isLocked: boolean;
     inline: boolean;
@@ -20,24 +22,22 @@ export declare class GenericFormComponent implements OnInit {
     valueChange: EventEmitter<IPepGenericFormValueChange>;
     fieldClick: EventEmitter<IPepGenericFormValueChange>;
     formValidationChange: EventEmitter<boolean>;
-    constructor(layoutService: PepLayoutService, _genericFormService: PepGenericFormService);
+    private _pepForm;
+    constructor(_resolver: ComponentFactoryResolver, layoutService: PepLayoutService, _genericFormService: PepGenericFormService);
     ngOnInit(): void;
-    private createFormFields;
+    private initForm;
     /**
      * updates form field's value
      * @param field object containing the data of the required update
      */
     private updateFieldValue;
     private getOptionalValues;
-    getData(): {
-        UID: any;
-        Values: any;
-    };
+    getData(): IPepGenericFormData;
     /**
     * updates form field(s) params
     * @param fields
     */
-    updateFields(fields: Array<IPepGenericFormFieldUpdate>): void;
+    updateFields(fields: IPepGenericFormFieldUpdate[]): void;
     onValueChanged(event: any): void;
     onfieldClicked(event: any): void;
     onFormValidationChanged(event: any): void;

package/generic-form/generic-form.model.d.ts CHANGED Viewed

@@ -1,11 +1,4 @@
-import { KeyValuePair } from '@pepperi-addons/ngx-lib';
 import { FormDataView } from '@pepperi-addons/papi-sdk/dist/entities/data-view';
-/**
- * Interface representing the form data
- */
-export interface IPepGenericFormDataSource {
-    Values: Array<KeyValuePair<any>>;
-}
 /**
  * Interface represending the form data view
  */
@@ -13,23 +6,29 @@ export interface IPepGenericFormDataView extends FormDataView {
     UID?: string;
 }
 /**
- * Interface containing form data and data view
+ * Interface representing form data
  */
 export interface IPepGenericFormData {
-    data: IPepGenericFormDataSource;
-    dataView: IPepGenericFormDataView;
+    UID: string;
+    Values: {
+        [key: string]: any;
+    };
 }
 export interface IPepGenericFormValueChange {
-    uid: string;
-    apiName: string;
-    value: any;
+    UID: string;
+    ApiName: string;
+    Value: any;
 }
 export interface IPepGenericFormFieldUpdate {
     FieldId: string;
     Params: IPepGenericFormDataParams;
 }
 export interface IPepGenericFormDataParams {
+    Value?: any;
     Visible?: boolean;
     Enabled?: boolean;
+    BackgroundColor?: string;
+    TextColor?: string;
+    Highlighted?: boolean;
     OptionalValues?: [];
 }

package/{dimx-export → generic-form}/index.d.ts RENAMED Viewed

File without changes

package/generic-list/generic-list.component.d.ts CHANGED Viewed

@@ -1,8 +1,7 @@
 import { OnInit, EventEmitter, ViewContainerRef, ComponentFactoryResolver } from '@angular/core';
-import { TranslateService } from '@ngx-translate/core';
-import { PepDataConvertorService, PepLayoutService } from '@pepperi-addons/ngx-lib';
+import { PepDataConvertorService, PepLayoutService, ObjectsDataRow, PepLoaderService } from '@pepperi-addons/ngx-lib';
 import { IPepFormFieldClickEvent } from '@pepperi-addons/ngx-lib/form';
-import { PepListComponent, PepListSelectionType, IPepListSortingChangeEvent, PepListTableViewType } from '@pepperi-addons/ngx-lib/list';
+import { PepListComponent, PepSelectionData, PepListSelectionType, IPepListSortingChangeEvent, PepListTableViewType } from '@pepperi-addons/ngx-lib/list';
 import { PepMenuItem, IPepMenuItemClickEvent } from '@pepperi-addons/ngx-lib/menu';
 import { IPepFormFieldValueChangeEvent } from '@pepperi-addons/ngx-lib/form';
 import { PepBreadCrumbItem, IPepBreadCrumbItemClickEvent } from '@pepperi-addons/ngx-lib/bread-crumbs';
@@ -15,7 +14,7 @@ export declare class GenericListComponent implements OnInit {
     private _resolver;
     private _dataConvertorService;
     private _layoutService;
-    private _translate;
+    private _loaderService;
     private _genericListService;
     search: PepSearchComponent | undefined;
     private _pepListContainer;
@@ -27,6 +26,7 @@ export declare class GenericListComponent implements OnInit {
     disabled: boolean;
     addPadding: boolean;
     title: string;
+    description: string;
     inline: boolean;
     showSearch: boolean;
     noDataFoundMsg: string;
@@ -44,8 +44,9 @@ export declare class GenericListComponent implements OnInit {
     set pepList(val: PepListComponent);
     get pepList(): PepListComponent;
     private _resize$;
+    private _loader$;
     private _dataView;
-    private _tableInputs;
+    private _listInputs;
     private _pepList;
     totalRowCount: number;
     searchString: string;
@@ -60,7 +61,7 @@ export declare class GenericListComponent implements OnInit {
         [key: string]: (obj: any) => Promise<void>;
     };
     menuActions: Array<PepMenuItem>;
-    constructor(_resolver: ComponentFactoryResolver, _dataConvertorService: PepDataConvertorService, _layoutService: PepLayoutService, _translate: TranslateService, _genericListService: PepGenericListService);
+    constructor(_resolver: ComponentFactoryResolver, _dataConvertorService: PepDataConvertorService, _layoutService: PepLayoutService, _loaderService: PepLoaderService, _genericListService: PepGenericListService);
     ngOnInit(): void;
     private initTable;
     /**
@@ -83,8 +84,9 @@ export declare class GenericListComponent implements OnInit {
      * loads paging bulk from api
      */
     private onLoadPage;
-    getItemById(id: string): any;
-    getSelectedItems(): any;
+    getItemById(id: string): ObjectsDataRow | null;
+    getSelectedItems(): PepSelectionData | null;
+    getPageIndex(): number;
     onActionItemClicked(action: IPepMenuItemClickEvent): void;
     onSearchChanged(event: IPepSearchClickEvent): void;
     onSelectedItemsChanged(selectedRowsCount: number): void;
@@ -95,5 +97,5 @@ export declare class GenericListComponent implements OnInit {
     onFiltersChange(filters: IPepSmartFilterData[]): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GenericListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GenericListComponent, "pep-generic-list", never, { "dataSource": "dataSource"; "actions": "actions"; "uuidMapping": "uuidMapping"; "disabled": "disabled"; "addPadding": "addPadding"; "title": "title"; "inline": "inline"; "showSearch": "showSearch"; "noDataFoundMsg": "noDataFoundMsg"; "selectionType": "selectionType"; "supportSorting": "supportSorting"; "pager": "pager"; "tableViewType": "tableViewType"; "zebraStripes": "zebraStripes"; "smartFilter": "smartFilter"; "showTopBar": "showTopBar"; "breadCrumbsItems": "breadCrumbsItems"; }, { "fieldClick": "fieldClick"; "valueChange": "valueChange"; "breadCrumbItemClick": "breadCrumbItemClick"; }, never, ["[left-top-area]", "[right-top-area]"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GenericListComponent, "pep-generic-list", never, { "dataSource": "dataSource"; "actions": "actions"; "uuidMapping": "uuidMapping"; "disabled": "disabled"; "addPadding": "addPadding"; "title": "title"; "description": "description"; "inline": "inline"; "showSearch": "showSearch"; "noDataFoundMsg": "noDataFoundMsg"; "selectionType": "selectionType"; "supportSorting": "supportSorting"; "pager": "pager"; "tableViewType": "tableViewType"; "zebraStripes": "zebraStripes"; "smartFilter": "smartFilter"; "showTopBar": "showTopBar"; "breadCrumbsItems": "breadCrumbsItems"; }, { "fieldClick": "fieldClick"; "valueChange": "valueChange"; "breadCrumbItemClick": "breadCrumbItemClick"; }, never, ["[left-buttons]", "[right-buttons]"]>;
 }