@pepperi-addons/ngx-composite-lib 0.0.10 → 0.0.12

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 (115) hide show
  1. package/bundles/pepperi-addons-ngx-composite-lib-color-settings.umd.js +2 -1
  2. package/bundles/pepperi-addons-ngx-composite-lib-color-settings.umd.js.map +1 -1
  3. package/bundles/pepperi-addons-ngx-composite-lib-dimx-export.umd.js +771 -0
  4. package/bundles/pepperi-addons-ngx-composite-lib-dimx-export.umd.js.map +1 -0
  5. package/bundles/pepperi-addons-ngx-composite-lib-file-status-panel.umd.js +119 -0
  6. package/bundles/pepperi-addons-ngx-composite-lib-file-status-panel.umd.js.map +1 -0
  7. package/bundles/pepperi-addons-ngx-composite-lib-generic-list.umd.js +493 -105
  8. package/bundles/pepperi-addons-ngx-composite-lib-generic-list.umd.js.map +1 -1
  9. package/bundles/pepperi-addons-ngx-composite-lib-group-buttons-settings.umd.js +4 -1
  10. package/bundles/pepperi-addons-ngx-composite-lib-group-buttons-settings.umd.js.map +1 -1
  11. package/bundles/pepperi-addons-ngx-composite-lib-shadow-settings.umd.js.map +1 -1
  12. package/bundles/pepperi-addons-ngx-composite-lib.umd.js +586 -51
  13. package/bundles/pepperi-addons-ngx-composite-lib.umd.js.map +1 -1
  14. package/color-settings/package.json +0 -3
  15. package/core/common/directives/index.d.ts +1 -0
  16. package/core/common/directives/public-api.d.ts +1 -0
  17. package/core/common/directives/reset-configuration-field.directive.d.ts +38 -0
  18. package/core/common/index.d.ts +1 -0
  19. package/core/common/public-api.d.ts +2 -0
  20. package/core/common/services/index.d.ts +1 -0
  21. package/core/common/services/public-api.d.ts +1 -0
  22. package/core/common/services/utilities.service.d.ts +6 -0
  23. package/core/index.d.ts +1 -0
  24. package/core/public-api.d.ts +1 -0
  25. package/dimx-export/dimx.component.d.ts +73 -0
  26. package/dimx-export/dimx.model.d.ts +7 -0
  27. package/dimx-export/dimx.module.d.ts +15 -0
  28. package/dimx-export/dimx.service.d.ts +20 -0
  29. package/dimx-export/package.json +16 -0
  30. package/dimx-export/pepperi-addons-ngx-composite-lib-dimx-export.d.ts +5 -0
  31. package/dimx-export/public-api.d.ts +3 -0
  32. package/esm2015/color-settings/color-settings.component.js +9 -8
  33. package/esm2015/color-settings/color-settings.model.js +1 -1
  34. package/esm2015/core/common/directives/index.js +5 -0
  35. package/esm2015/core/common/directives/public-api.js +5 -0
  36. package/esm2015/core/common/directives/reset-configuration-field.directive.js +153 -0
  37. package/esm2015/core/common/index.js +5 -0
  38. package/esm2015/core/common/public-api.js +6 -0
  39. package/esm2015/core/common/services/index.js +5 -0
  40. package/esm2015/core/common/services/public-api.js +5 -0
  41. package/esm2015/core/common/services/utilities.service.js +19 -0
  42. package/esm2015/core/index.js +5 -0
  43. package/esm2015/core/public-api.js +5 -0
  44. package/esm2015/dimx-export/dimx.component.js +241 -0
  45. package/esm2015/dimx-export/dimx.model.js +8 -0
  46. package/esm2015/dimx-export/dimx.module.js +49 -0
  47. package/esm2015/dimx-export/dimx.service.js +50 -0
  48. package/esm2015/dimx-export/pepperi-addons-ngx-composite-lib-dimx-export.js +5 -0
  49. package/esm2015/dimx-export/public-api.js +7 -0
  50. package/esm2015/file-status-panel/file-status-panel.component.js +34 -0
  51. package/esm2015/file-status-panel/file-status-panel.model.js +8 -0
  52. package/esm2015/file-status-panel/file-status-panel.module.js +40 -0
  53. package/esm2015/file-status-panel/pepperi-addons-ngx-composite-lib-file-status-panel.js +5 -0
  54. package/esm2015/file-status-panel/public-api.js +7 -0
  55. package/esm2015/generic-list/generic-list.component.js +337 -80
  56. package/esm2015/generic-list/generic-list.model.js +1 -1
  57. package/esm2015/generic-list/generic-list.module.js +18 -6
  58. package/esm2015/generic-list/generic-list.service.js +42 -0
  59. package/esm2015/generic-list/public-api.js +2 -1
  60. package/esm2015/group-buttons-settings/group-buttons-settings.component.js +5 -2
  61. package/esm2015/ngx-composite-lib.module.js +28 -9
  62. package/esm2015/public-api.js +2 -1
  63. package/esm2015/shadow-settings/shadow-settings.model.js +1 -1
  64. package/fesm2015/pepperi-addons-ngx-composite-lib-color-settings.js +8 -7
  65. package/fesm2015/pepperi-addons-ngx-composite-lib-color-settings.js.map +1 -1
  66. package/fesm2015/pepperi-addons-ngx-composite-lib-dimx-export.js +350 -0
  67. package/fesm2015/pepperi-addons-ngx-composite-lib-dimx-export.js.map +1 -0
  68. package/fesm2015/pepperi-addons-ngx-composite-lib-file-status-panel.js +90 -0
  69. package/fesm2015/pepperi-addons-ngx-composite-lib-file-status-panel.js.map +1 -0
  70. package/fesm2015/pepperi-addons-ngx-composite-lib-generic-list.js +391 -85
  71. package/fesm2015/pepperi-addons-ngx-composite-lib-generic-list.js.map +1 -1
  72. package/fesm2015/pepperi-addons-ngx-composite-lib-group-buttons-settings.js +4 -1
  73. package/fesm2015/pepperi-addons-ngx-composite-lib-group-buttons-settings.js.map +1 -1
  74. package/fesm2015/pepperi-addons-ngx-composite-lib-shadow-settings.js.map +1 -1
  75. package/fesm2015/pepperi-addons-ngx-composite-lib.js +225 -13
  76. package/fesm2015/pepperi-addons-ngx-composite-lib.js.map +1 -1
  77. package/file-status-panel/file-status-panel.component.d.ts +14 -0
  78. package/file-status-panel/file-status-panel.model.d.ts +6 -0
  79. package/file-status-panel/file-status-panel.module.d.ts +12 -0
  80. package/file-status-panel/package.json +10 -0
  81. package/file-status-panel/pepperi-addons-ngx-composite-lib-file-status-panel.d.ts +5 -0
  82. package/file-status-panel/public-api.d.ts +3 -0
  83. package/generic-list/generic-list.component.d.ts +68 -22
  84. package/generic-list/generic-list.model.d.ts +35 -5
  85. package/generic-list/generic-list.module.d.ts +2 -1
  86. package/generic-list/generic-list.service.d.ts +13 -0
  87. package/generic-list/package.json +0 -1
  88. package/generic-list/public-api.d.ts +1 -0
  89. package/group-buttons-settings/group-buttons-settings.component.d.ts +2 -1
  90. package/group-buttons-settings/package.json +0 -3
  91. package/ngx-composite-lib.module.d.ts +6 -1
  92. package/package.json +2 -2
  93. package/public-api.d.ts +1 -0
  94. package/shadow-settings/package.json +0 -3
  95. package/src/assets/i18n/en.ngx-composite-lib.json +5 -2
  96. package/src/core/style/abstracts/functions.scss +0 -0
  97. package/src/core/style/abstracts/mixins.scss +0 -0
  98. package/src/core/style/abstracts/variables.scss +0 -0
  99. package/src/core/style/base/helpers.scss +0 -0
  100. package/src/core/style/components/general.scss +0 -0
  101. package/styling.scss +11 -0
  102. package/bundles/pepperi-addons-ngx-composite-lib-draggable-item.umd.js +0 -112
  103. package/bundles/pepperi-addons-ngx-composite-lib-draggable-item.umd.js.map +0 -1
  104. package/draggable-item/draggable-item.component.d.ts +0 -11
  105. package/draggable-item/draggable-item.module.d.ts +0 -11
  106. package/draggable-item/package.json +0 -13
  107. package/draggable-item/pepperi-addons-ngx-composite-lib-draggable-item.d.ts +0 -5
  108. package/draggable-item/public-api.d.ts +0 -2
  109. package/esm2015/draggable-item/draggable-item.component.js +0 -40
  110. package/esm2015/draggable-item/draggable-item.module.js +0 -36
  111. package/esm2015/draggable-item/pepperi-addons-ngx-composite-lib-draggable-item.js +0 -5
  112. package/esm2015/draggable-item/public-api.js +0 -6
  113. package/fesm2015/pepperi-addons-ngx-composite-lib-draggable-item.js +0 -84
  114. package/fesm2015/pepperi-addons-ngx-composite-lib-draggable-item.js.map +0 -1
  115. package/styles.scss +0 -38
@@ -62,6 +62,7 @@
62
62
  configurable: true
63
63
  });
64
64
  ColorSettingsComponent.prototype.ngOnInit = function () {
65
+ //
65
66
  };
66
67
  ColorSettingsComponent.prototype.getRGBAcolor = function (colorObj, opac) {
67
68
  if (opac === void 0) { opac = null; }
@@ -102,7 +103,7 @@
102
103
  return ColorSettingsComponent;
103
104
  }());
104
105
  ColorSettingsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: ColorSettingsComponent, deps: [{ token: i1__namespace.PepColorService }], target: i0__namespace.ɵɵFactoryTarget.Component });
105
- ColorSettingsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: ColorSettingsComponent, selector: "pep-color-settings", inputs: { title: "title", color: "color" }, outputs: { colorChange: "colorChange" }, ngImport: i0__namespace, template: "<pep-checkbox class=\"checkbox-as-title\" [label]=\"title\" [renderTitle]=\"false\" [value]=\"color.use\" (valueChange)=\"onUseChanged($event)\"></pep-checkbox>\n<pep-color [value]=\"color.value\" [label]=\"title + ' ' + ('COLOR_SETTINGS.COLOR' | translate)\" [disabled]=\"!color.use\" (valueChange)=\"onColorChanged($event)\">\n</pep-color>\n<pep-slider [label]=\"title + ' ' + ('COLOR_SETTINGS.OPACITY' | translate)\" [hint]=\"color.opacity.toString() || ''\" [minValue]=\"0\" [maxValue]=\"100\" [disabled]=\"!color.use\" [value]=\"color.opacity\" \n [background]=\"getSliderBackground()\" (inputChange)=\"onSliderValueChanged($event)\">\n</pep-slider>\n", styles: [":host{width:100%}\n"], components: [{ type: i2__namespace.PepCheckboxComponent, selector: "pep-checkbox", inputs: ["key", "value", "label", "mandatory", "disabled", "readonly", "xAlignment", "rowSpan", "form", "isActive", "showTitle", "renderTitle", "layoutType", "type", "additionalValue", "visible"], outputs: ["valueChange"] }, { type: i3__namespace.PepColorComponent, selector: "pep-color", inputs: ["key", "value", "label", "disabled", "xAlignment", "rowSpan", "type", "showTitle", "showAAComplient", "layoutType"], outputs: ["valueChange"] }, { type: i4__namespace.PepSliderComponent, selector: "pep-slider", inputs: ["label", "disabled", "hint", "step", "minValue", "maxValue", "background", "value"], outputs: ["valueChange", "inputChange"] }], pipes: { "translate": i5__namespace.TranslatePipe } });
106
+ ColorSettingsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: ColorSettingsComponent, selector: "pep-color-settings", inputs: { title: "title", color: "color" }, outputs: { colorChange: "colorChange" }, ngImport: i0__namespace, template: "<pep-checkbox class=\"checkbox-as-title\" [label]=\"title\" [renderTitle]=\"false\" [value]=\"color.use\" (valueChange)=\"onUseChanged($event)\"></pep-checkbox>\n<pep-color [value]=\"color.value\" [label]=\"title + ' ' + ('COLOR_SETTINGS.COLOR' | translate)\" [disabled]=\"!color.use\" (valueChange)=\"onColorChanged($event)\">\n</pep-color>\n<pep-slider [label]=\"title + ' ' + ('COLOR_SETTINGS.OPACITY' | translate)\" [hint]=\"color.opacity.toString() || ''\" [minValue]=\"0\" [maxValue]=\"100\" [disabled]=\"!color.use\" [value]=\"color.opacity\" \n [background]=\"getSliderBackground()\" (inputChange)=\"onSliderValueChanged($event)\">\n</pep-slider>\n", styles: [":host{width:100%}\n"], components: [{ type: i2__namespace.PepCheckboxComponent, selector: "pep-checkbox", inputs: ["key", "value", "label", "mandatory", "disabled", "readonly", "xAlignment", "rowSpan", "form", "isActive", "showTitle", "renderTitle", "layoutType", "type", "additionalValue", "visible"], outputs: ["valueChange"] }, { type: i3__namespace.PepColorComponent, selector: "pep-color", inputs: ["key", "value", "label", "disabled", "xAlignment", "rowSpan", "type", "showTitle", "renderTitle", "showAAComplient", "layoutType"], outputs: ["valueChange"] }, { type: i4__namespace.PepSliderComponent, selector: "pep-slider", inputs: ["label", "disabled", "hint", "step", "minValue", "maxValue", "background", "value"], outputs: ["valueChange", "inputChange"] }], pipes: { "translate": i5__namespace.TranslatePipe } });
106
107
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: ColorSettingsComponent, decorators: [{
107
108
  type: i0.Component,
108
109
  args: [{
@@ -1 +1 @@
1
- {"version":3,"file":"pepperi-addons-ngx-composite-lib-color-settings.umd.js","sources":["../../../projects/ngx-composite-lib/color-settings/color-settings.model.ts","../../../projects/ngx-composite-lib/color-settings/color-settings.component.ts","../../../projects/ngx-composite-lib/color-settings/color-settings.component.html","../../../projects/ngx-composite-lib/color-settings/color-settings.module.ts","../../../projects/ngx-composite-lib/color-settings/public-api.ts","../../../projects/ngx-composite-lib/color-settings/pepperi-addons-ngx-composite-lib-color-settings.ts"],"sourcesContent":["export class PepColorSettings {\r\n use: boolean = false;\r\n value: string = 'hsl(0, 0%, 57%)';\r\n opacity: number = 50;\r\n // useGradientOverlay?: boolean = true;\r\n}","import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\nimport { PepColorService } from '@pepperi-addons/ngx-lib';\nimport { PepColorSettings } from './color-settings.model';\n\n@Component({\n selector: 'pep-color-settings',\n templateUrl: './color-settings.component.html',\n styleUrls: ['./color-settings.component.scss']\n})\nexport class ColorSettingsComponent implements OnInit {\n\n @Input() title: string = '';\n\n private _color: PepColorSettings = new PepColorSettings();\n @Input()\n set color(value: PepColorSettings) {\n if (!value) {\n this._color = new PepColorSettings();\n } else {\n this._color = value;\n }\n }\n get color(): PepColorSettings {\n return this._color;\n }\n\n @Output()\n colorChange: EventEmitter<PepColorSettings> = new EventEmitter<PepColorSettings>();\n \n constructor(private pepColorService: PepColorService) { }\n\n ngOnInit(): void {\n }\n\n private getRGBAcolor(colorObj: PepColorSettings, opac: number | null = null) {\n let rgba = 'rgba(255,255,255,0)';\n\n if (colorObj) {\n let color = colorObj.value;\n let opacity = opac != null ? opac : colorObj.opacity;\n\n opacity = opacity > 0 ? opacity / 100 : 0;\n\n let hsl = this.pepColorService.hslString2hsl(color);\n let rgb = this.pepColorService.hsl2rgb(hsl);\n rgba = 'rgba(' + rgb.r + ',' + rgb.g + ',' + rgb.b + ',' + opacity + ')';\n }\n\n return rgba;\n }\n\n private raiseColorChange() {\n this.colorChange.emit(this.color);\n }\n\n getSliderBackground() {\n let alignTo = 'right';\n \n let colorObj = new PepColorSettings();\n \n colorObj.value = this.color.value;\n colorObj.opacity = 100;\n \n let gradStr = this.getRGBAcolor(colorObj, 0) + ' , ' + this.getRGBAcolor(colorObj);\n \n return 'linear-gradient(to ' + alignTo + ', ' + gradStr + ')';\n }\n\n onUseChanged(value: boolean) {\n this.color.use = value;\n this.raiseColorChange();\n }\n\n onColorChanged(value: string) {\n this.color.value = value;\n this.raiseColorChange();\n }\n\n onSliderValueChanged(value: number) {\n this.color.opacity = value;\n this.raiseColorChange();\n }\n}\n","<pep-checkbox class=\"checkbox-as-title\" [label]=\"title\" [renderTitle]=\"false\" [value]=\"color.use\" (valueChange)=\"onUseChanged($event)\"></pep-checkbox>\n<pep-color [value]=\"color.value\" [label]=\"title + ' ' + ('COLOR_SETTINGS.COLOR' | translate)\" [disabled]=\"!color.use\" (valueChange)=\"onColorChanged($event)\">\n</pep-color>\n<pep-slider [label]=\"title + ' ' + ('COLOR_SETTINGS.OPACITY' | translate)\" [hint]=\"color.opacity.toString() || ''\" [minValue]=\"0\" [maxValue]=\"100\" [disabled]=\"!color.use\" [value]=\"color.opacity\" \n [background]=\"getSliderBackground()\" (inputChange)=\"onSliderValueChanged($event)\">\n</pep-slider>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\nimport { PepColorModule } from '@pepperi-addons/ngx-lib/color';\nimport { PepCheckboxModule } from '@pepperi-addons/ngx-lib/checkbox';\nimport { PepSliderModule } from '@pepperi-addons/ngx-lib/slider';\n\nimport { ColorSettingsComponent } from './color-settings.component';\n\n@NgModule({\n declarations: [\n ColorSettingsComponent\n ],\n imports: [\n CommonModule,\n PepNgxLibModule,\n PepCheckboxModule,\n PepColorModule,\n PepSliderModule\n ],\n exports: [ColorSettingsComponent],\n})\nexport class PepColorSettingsModule { }\n","/*\n * Public API Surface of ngx-composite-lib/color-settings\n */\nexport * from './color-settings.module';\nexport * from './color-settings.component';\nexport * from './color-settings.model';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["EventEmitter","Component","Input","Output","CommonModule","PepNgxLibModule","PepCheckboxModule","PepColorModule","PepSliderModule","NgModule"],"mappings":"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"}
1
+ {"version":3,"file":"pepperi-addons-ngx-composite-lib-color-settings.umd.js","sources":["../../../projects/ngx-composite-lib/color-settings/color-settings.model.ts","../../../projects/ngx-composite-lib/color-settings/color-settings.component.ts","../../../projects/ngx-composite-lib/color-settings/color-settings.component.html","../../../projects/ngx-composite-lib/color-settings/color-settings.module.ts","../../../projects/ngx-composite-lib/color-settings/public-api.ts","../../../projects/ngx-composite-lib/color-settings/pepperi-addons-ngx-composite-lib-color-settings.ts"],"sourcesContent":["export class PepColorSettings {\r\n use = false;\r\n value = 'hsl(0, 0%, 57%)';\r\n opacity = 50;\r\n // useGradientOverlay?: boolean = true;\r\n}","import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\nimport { PepColorService } from '@pepperi-addons/ngx-lib';\nimport { PepColorSettings } from './color-settings.model';\n\n@Component({\n selector: 'pep-color-settings',\n templateUrl: './color-settings.component.html',\n styleUrls: ['./color-settings.component.scss']\n})\nexport class ColorSettingsComponent implements OnInit {\n\n @Input() title = '';\n\n private _color: PepColorSettings = new PepColorSettings();\n @Input()\n set color(value: PepColorSettings) {\n if (!value) {\n this._color = new PepColorSettings();\n } else {\n this._color = value;\n }\n }\n get color(): PepColorSettings {\n return this._color;\n }\n\n @Output()\n colorChange: EventEmitter<PepColorSettings> = new EventEmitter<PepColorSettings>();\n \n constructor(private pepColorService: PepColorService) { }\n\n ngOnInit() {\n //\n }\n\n private getRGBAcolor(colorObj: PepColorSettings, opac: number | null = null) {\n let rgba = 'rgba(255,255,255,0)';\n\n if (colorObj) {\n const color = colorObj.value;\n let opacity = opac != null ? opac : colorObj.opacity;\n\n opacity = opacity > 0 ? opacity / 100 : 0;\n\n const hsl = this.pepColorService.hslString2hsl(color);\n const rgb = this.pepColorService.hsl2rgb(hsl);\n rgba = 'rgba(' + rgb.r + ',' + rgb.g + ',' + rgb.b + ',' + opacity + ')';\n }\n\n return rgba;\n }\n\n private raiseColorChange() {\n this.colorChange.emit(this.color);\n }\n\n getSliderBackground() {\n const alignTo = 'right';\n \n const colorObj = new PepColorSettings();\n \n colorObj.value = this.color.value;\n colorObj.opacity = 100;\n \n const gradStr = this.getRGBAcolor(colorObj, 0) + ' , ' + this.getRGBAcolor(colorObj);\n \n return 'linear-gradient(to ' + alignTo + ', ' + gradStr + ')';\n }\n\n onUseChanged(value: boolean) {\n this.color.use = value;\n this.raiseColorChange();\n }\n\n onColorChanged(value: string) {\n this.color.value = value;\n this.raiseColorChange();\n }\n\n onSliderValueChanged(value: number) {\n this.color.opacity = value;\n this.raiseColorChange();\n }\n}\n","<pep-checkbox class=\"checkbox-as-title\" [label]=\"title\" [renderTitle]=\"false\" [value]=\"color.use\" (valueChange)=\"onUseChanged($event)\"></pep-checkbox>\n<pep-color [value]=\"color.value\" [label]=\"title + ' ' + ('COLOR_SETTINGS.COLOR' | translate)\" [disabled]=\"!color.use\" (valueChange)=\"onColorChanged($event)\">\n</pep-color>\n<pep-slider [label]=\"title + ' ' + ('COLOR_SETTINGS.OPACITY' | translate)\" [hint]=\"color.opacity.toString() || ''\" [minValue]=\"0\" [maxValue]=\"100\" [disabled]=\"!color.use\" [value]=\"color.opacity\" \n [background]=\"getSliderBackground()\" (inputChange)=\"onSliderValueChanged($event)\">\n</pep-slider>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\nimport { PepColorModule } from '@pepperi-addons/ngx-lib/color';\nimport { PepCheckboxModule } from '@pepperi-addons/ngx-lib/checkbox';\nimport { PepSliderModule } from '@pepperi-addons/ngx-lib/slider';\n\nimport { ColorSettingsComponent } from './color-settings.component';\n\n@NgModule({\n declarations: [\n ColorSettingsComponent\n ],\n imports: [\n CommonModule,\n PepNgxLibModule,\n PepCheckboxModule,\n PepColorModule,\n PepSliderModule\n ],\n exports: [ColorSettingsComponent],\n})\nexport class PepColorSettingsModule { }\n","/*\n * Public API Surface of ngx-composite-lib/color-settings\n */\nexport * from './color-settings.module';\nexport * from './color-settings.component';\nexport * from './color-settings.model';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["EventEmitter","Component","Input","Output","CommonModule","PepNgxLibModule","PepCheckboxModule","PepColorModule","PepSliderModule","NgModule"],"mappings":"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"}