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

@pepperi-addons/ngx-composite-lib 0.0.16-beta.23 → 0.0.16-beta.26

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 (37) hide show

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/core/common/services/dimx.service.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 { 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}","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';\nimport { PepDIMXHelperService } from './core/common/services/dimx.service';\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, HttpClientModule, ReactiveFormsModule\n PepIconModule,\n PepRemoteLoaderModule,\n ],\n exports: [\n utilitiesList\n // TranslateModule\n ],\n providers: [\n PepDIMXHelperService,\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';\nexport * from './dimx.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/dimx.service.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 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, 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}","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';\nimport { PepDIMXHelperService } from './core/common/services/dimx.service';\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, HttpClientModule, ReactiveFormsModule\n PepIconModule,\n PepRemoteLoaderModule,\n ],\n exports: [\n utilitiesList\n // TranslateModule\n ],\n providers: [\n PepDIMXHelperService,\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';\nexport * from './dimx.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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"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@pepperi-addons/ngx-composite-lib",
-  "version": "0.0.16-beta.23",
+  "version": "0.0.16-beta.26",
   "peerDependencies": {
     "@angular/animations": ">= 12.0.0",
     "@angular/cdk": ">= 12.0.0",

package/src/assets/i18n/en.ngx-composite-lib.json CHANGED Viewed

@@ -11,6 +11,16 @@
         "SIZE": "Shadow size",
         "INTENSITY": "Shadow intensity"
     },
+    "DATA_VIEW_BUILDER": {
+        "TYPE_NOT_SUPPORTED": "This data view type is not supported",
+        "AVAILABLE_FIELDS": "Available fields",
+        "MENU_ITEM_KEY_TITLE": "Menu item",
+        "MENU_ITEM_VALUE_TITLE": "Item title",
+        "EMPTY_DROP_AREA_TEXT": "Drop here from available fields",
+        "ADD_SEPARATOR": "Add separator",
+        "SEPARATOR_TITLE": "Separator title",
+        "ADD_A_TITLE": "Add a title"
+    },
     "GENERAL": {
         "NONE": "None",
         "XS": "XS",
@@ -42,6 +52,19 @@
     },
     "ACTIONS": {
         "RESET": "Reset",
-        "CLOSE": "Close"
+        "CLOSE": "Close",
+        "DELETE": "Delete",
+        "EDIT": "Edit"
+    },
+    "MESSAGES": {
+        "DIALOG_INFO_TITLE": "Info",
+        "DIALOG_ERROR_TITLE": "Error",
+        "DIALOG_DELETE_TITLE": "Delete",
+        "DELETE_DIALOG_CONTENT": "Are you sure?",
+        "OPERATION_SUCCESS_CONTENT": "Operation success.",
+        "MAPPED_FIELDS_UNMAPPED_ENTRIES_CONTENT": "There are unmapped entries. ‘Ok’ will remove them from the list.",
+        "MAPPED_FIELDS_SAVED_DIALOG_CONTENT": "The mapped fields are saved.",
+        "DIALOG_ERROR_CONTENT": "General error - please contact your administrator.",
+        "DIALOG_ERROR_DETAILS": "<br/><small> Error details: {{error}} </small>"
     }
 }

package/src/core/style/components/data-view-builder.scss ADDED Viewed

@@ -0,0 +1,65 @@
+@use '~@pepperi-addons/ngx-lib/src/core/style/abstracts/variables' as ngx-variables;
+@use '~@pepperi-addons/ngx-lib/src/core/style/abstracts/functions' as ngx-functions;
+@use '~@pepperi-addons/ngx-lib/src/core/style/abstracts/mixins' as ngx-mixins;
+/* You can add global styles to this file, and also import other style files */
+html {
+    body.inheritCursors * {
+        cursor: inherit !important;
+    }
+}
+@mixin mapped-field-item-container() {
+    max-width: 600px;
+    // height: 6rem;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    border-radius: ngx-variables.$border-radius-md;
+    &:not(.separator-container) {
+        padding-inline: ngx-variables.$spacing-lg;
+    }
+}
+@mixin mapped-field-container() {
+    @include mapped-field-item-container();
+    &:not(.separator-container) {
+        gap: ngx-variables.$double-content-margin;
+        @include ngx-mixins.state-regular-default(true);
+        // border-color: ngx-functions.get-pep-color(color-system-primary, color-tran-50);
+    }
+    .fields-wrapper {
+        display: grid;
+        width: 100%;
+        grid-template-columns: 1fr 1fr auto;
+        gap: 0.5rem;
+        padding-top: 0.5rem;
+        // To align with the other fields.
+        .center-button {
+            margin-top: ngx-variables.$form-field-title-height;
+        }
+    }
+    .separator-wrapper {
+        display: grid;
+        width: 100%;
+        grid-template-columns: 1fr auto;
+        padding-bottom: ngx-variables.$spacing-xs;
+        border-bottom: 1px solid ngx-functions.get-pep-color(color-regular, color-flat-r-20);
+        .list-actions {
+            display: flex;
+            gap: ngx-variables.$spacing-xs
+        }
+    }
+}
+.cdk-drag-preview {
+    &.mapped-field-container {
+        @include mapped-field-container();
+    }
+}

package/styling.scss CHANGED Viewed

@@ -8,4 +8,8 @@
         './src/core/style/abstracts/mixins';
 // 3. Base stuff
-@import './src/core/style/base/helpers';
+@import './src/core/style/base/helpers';
+// 4. Components
+@import './src/core/style/components/general',
+        './src/core/style/components/data-view-builder';