@pepperi-addons/ngx-composite-lib 0.0.10-beta.21 → 0.0.10-beta.22

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 (98) hide show
  1. package/README.md +24 -24
  2. package/bundles/pepperi-addons-ngx-composite-lib-color-settings.umd.js +1 -1
  3. package/bundles/pepperi-addons-ngx-composite-lib-color-settings.umd.js.map +1 -1
  4. package/bundles/pepperi-addons-ngx-composite-lib-dimx-export.umd.js +771 -0
  5. package/bundles/pepperi-addons-ngx-composite-lib-dimx-export.umd.js.map +1 -0
  6. package/bundles/pepperi-addons-ngx-composite-lib-draggable-item.umd.js +1 -1
  7. package/bundles/pepperi-addons-ngx-composite-lib-draggable-item.umd.js.map +1 -1
  8. package/bundles/pepperi-addons-ngx-composite-lib-file-status-panel.umd.js +1 -1
  9. package/bundles/pepperi-addons-ngx-composite-lib-file-status-panel.umd.js.map +1 -1
  10. package/bundles/pepperi-addons-ngx-composite-lib-generic-list.umd.js +64 -124
  11. package/bundles/pepperi-addons-ngx-composite-lib-generic-list.umd.js.map +1 -1
  12. package/bundles/pepperi-addons-ngx-composite-lib-group-buttons-settings.umd.js +1 -1
  13. package/bundles/pepperi-addons-ngx-composite-lib-group-buttons-settings.umd.js.map +1 -1
  14. package/bundles/pepperi-addons-ngx-composite-lib-shadow-settings.umd.js +1 -1
  15. package/bundles/pepperi-addons-ngx-composite-lib-shadow-settings.umd.js.map +1 -1
  16. package/bundles/pepperi-addons-ngx-composite-lib.umd.js +538 -100
  17. package/bundles/pepperi-addons-ngx-composite-lib.umd.js.map +1 -1
  18. package/core/common/directives/index.d.ts +1 -0
  19. package/core/common/directives/public-api.d.ts +1 -0
  20. package/core/common/directives/reset-configuration-field.directive.d.ts +28 -0
  21. package/core/common/public-api.d.ts +1 -0
  22. package/dimx-export/dimx.component.d.ts +68 -0
  23. package/dimx-export/dimx.model.d.ts +7 -0
  24. package/dimx-export/dimx.module.d.ts +15 -0
  25. package/dimx-export/dimx.service.d.ts +20 -0
  26. package/dimx-export/package.json +17 -0
  27. package/dimx-export/pepperi-addons-ngx-composite-lib-dimx-export.d.ts +5 -0
  28. package/dimx-export/public-api.d.ts +3 -0
  29. package/esm2015/color-settings/color-settings.component.js +2 -2
  30. package/esm2015/color-settings/color-settings.module.js +1 -1
  31. package/esm2015/color-settings/public-api.js +1 -1
  32. package/esm2015/core/common/directives/index.js +5 -0
  33. package/esm2015/core/common/directives/public-api.js +5 -0
  34. package/esm2015/core/common/directives/reset-configuration-field.directive.js +97 -0
  35. package/esm2015/core/common/index.js +1 -1
  36. package/esm2015/core/common/public-api.js +2 -1
  37. package/esm2015/core/common/services/index.js +1 -1
  38. package/esm2015/core/common/services/public-api.js +1 -1
  39. package/esm2015/core/index.js +1 -1
  40. package/esm2015/core/public-api.js +1 -1
  41. package/esm2015/dimx-export/dimx.component.js +241 -0
  42. package/esm2015/dimx-export/dimx.model.js +8 -0
  43. package/esm2015/dimx-export/dimx.module.js +49 -0
  44. package/esm2015/dimx-export/dimx.service.js +50 -0
  45. package/esm2015/dimx-export/pepperi-addons-ngx-composite-lib-dimx-export.js +5 -0
  46. package/esm2015/dimx-export/public-api.js +7 -0
  47. package/esm2015/draggable-item/draggable-item.component.js +2 -2
  48. package/esm2015/draggable-item/draggable-item.module.js +1 -1
  49. package/esm2015/draggable-item/public-api.js +1 -1
  50. package/esm2015/file-status-panel/file-status-panel.component.js +2 -2
  51. package/esm2015/file-status-panel/file-status-panel.module.js +1 -1
  52. package/esm2015/file-status-panel/public-api.js +1 -1
  53. package/esm2015/generic-list/generic-list.component.js +46 -86
  54. package/esm2015/generic-list/generic-list.model.js +1 -1
  55. package/esm2015/generic-list/generic-list.module.js +1 -1
  56. package/esm2015/generic-list/public-api.js +1 -1
  57. package/esm2015/group-buttons-settings/group-buttons-settings.component.js +2 -2
  58. package/esm2015/group-buttons-settings/group-buttons-settings.module.js +1 -1
  59. package/esm2015/group-buttons-settings/public-api.js +1 -1
  60. package/esm2015/ngx-composite-lib.module.js +12 -5
  61. package/esm2015/public-api.js +1 -1
  62. package/esm2015/shadow-settings/public-api.js +1 -1
  63. package/esm2015/shadow-settings/shadow-settings.component.js +2 -2
  64. package/esm2015/shadow-settings/shadow-settings.module.js +1 -1
  65. package/fesm2015/pepperi-addons-ngx-composite-lib-color-settings.js +1 -1
  66. package/fesm2015/pepperi-addons-ngx-composite-lib-color-settings.js.map +1 -1
  67. package/fesm2015/pepperi-addons-ngx-composite-lib-dimx-export.js +350 -0
  68. package/fesm2015/pepperi-addons-ngx-composite-lib-dimx-export.js.map +1 -0
  69. package/fesm2015/pepperi-addons-ngx-composite-lib-draggable-item.js +1 -1
  70. package/fesm2015/pepperi-addons-ngx-composite-lib-draggable-item.js.map +1 -1
  71. package/fesm2015/pepperi-addons-ngx-composite-lib-file-status-panel.js +1 -1
  72. package/fesm2015/pepperi-addons-ngx-composite-lib-file-status-panel.js.map +1 -1
  73. package/fesm2015/pepperi-addons-ngx-composite-lib-generic-list.js +45 -85
  74. package/fesm2015/pepperi-addons-ngx-composite-lib-generic-list.js.map +1 -1
  75. package/fesm2015/pepperi-addons-ngx-composite-lib-group-buttons-settings.js +1 -1
  76. package/fesm2015/pepperi-addons-ngx-composite-lib-group-buttons-settings.js.map +1 -1
  77. package/fesm2015/pepperi-addons-ngx-composite-lib-shadow-settings.js +1 -1
  78. package/fesm2015/pepperi-addons-ngx-composite-lib-shadow-settings.js.map +1 -1
  79. package/fesm2015/pepperi-addons-ngx-composite-lib.js +114 -9
  80. package/fesm2015/pepperi-addons-ngx-composite-lib.js.map +1 -1
  81. package/generic-list/generic-list.component.d.ts +15 -16
  82. package/generic-list/generic-list.model.d.ts +4 -15
  83. package/ngx-composite-lib.module.d.ts +2 -1
  84. package/package.json +1 -1
  85. package/src/assets/i18n/de.ngx-composite-lib.json +1 -1
  86. package/src/assets/i18n/en.ngx-composite-lib.json +44 -42
  87. package/src/assets/i18n/es.ngx-composite-lib.json +1 -1
  88. package/src/assets/i18n/fr.ngx-composite-lib.json +1 -1
  89. package/src/assets/i18n/he.ngx-composite-lib.json +1 -1
  90. package/src/assets/i18n/hu.ngx-composite-lib.json +1 -1
  91. package/src/assets/i18n/it.ngx-composite-lib.json +1 -1
  92. package/src/assets/i18n/ja.ngx-composite-lib.json +1 -1
  93. package/src/assets/i18n/nl.ngx-composite-lib.json +1 -1
  94. package/src/assets/i18n/pl.ngx-composite-lib.json +1 -1
  95. package/src/assets/i18n/pt.ngx-composite-lib.json +1 -1
  96. package/src/assets/i18n/ru.ngx-composite-lib.json +1 -1
  97. package/src/assets/i18n/zh.ngx-lib.json +1 -1
  98. package/src/core/style/components/general.scss +26 -0
package/README.md CHANGED
@@ -1,24 +1,24 @@
1
- # NgxCompositeLib
2
-
3
- This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.0.5.
4
-
5
- ## Code scaffolding
6
-
7
- Run `ng generate component component-name --project ngx-composite-lib` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project ngx-composite-lib`.
8
- > Note: Don't forget to add `--project ngx-composite-lib` or else it will be added to the default project in your `angular.json` file.
9
-
10
- ## Build
11
-
12
- Run `ng build ngx-composite-lib` to build the project. The build artifacts will be stored in the `dist/` directory.
13
-
14
- ## Publishing
15
-
16
- After building your library with `ng build ngx-composite-lib`, go to the dist folder `cd dist/ngx-composite-lib` and run `npm publish`.
17
-
18
- ## Running unit tests
19
-
20
- Run `ng test ngx-composite-lib` to execute the unit tests via [Karma](https://karma-runner.github.io).
21
-
22
- ## Further help
23
-
24
- To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
1
+ # NgxCompositeLib
2
+
3
+ This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.0.5.
4
+
5
+ ## Code scaffolding
6
+
7
+ Run `ng generate component component-name --project ngx-composite-lib` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project ngx-composite-lib`.
8
+ > Note: Don't forget to add `--project ngx-composite-lib` or else it will be added to the default project in your `angular.json` file.
9
+
10
+ ## Build
11
+
12
+ Run `ng build ngx-composite-lib` to build the project. The build artifacts will be stored in the `dist/` directory.
13
+
14
+ ## Publishing
15
+
16
+ After building your library with `ng build ngx-composite-lib`, go to the dist folder `cd dist/ngx-composite-lib` and run `npm publish`.
17
+
18
+ ## Running unit tests
19
+
20
+ Run `ng test ngx-composite-lib` to execute the unit tests via [Karma](https://karma-runner.github.io).
21
+
22
+ ## Further help
23
+
24
+ To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
@@ -103,7 +103,7 @@
103
103
  return ColorSettingsComponent;
104
104
  }());
105
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 });
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>\r\n<pep-color [value]=\"color.value\" [label]=\"title + ' ' + ('COLOR_SETTINGS.COLOR' | translate)\" [disabled]=\"!color.use\" (valueChange)=\"onColorChanged($event)\">\r\n</pep-color>\r\n<pep-slider [label]=\"title + ' ' + ('COLOR_SETTINGS.OPACITY' | translate)\" [hint]=\"color.opacity.toString() || ''\" [minValue]=\"0\" [maxValue]=\"100\" [disabled]=\"!color.use\" [value]=\"color.opacity\" \r\n [background]=\"getSliderBackground()\" (inputChange)=\"onSliderValueChanged($event)\">\r\n</pep-slider>\r\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
+ 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 } });
107
107
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: ColorSettingsComponent, decorators: [{
108
108
  type: i0.Component,
109
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 = 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';\r\nimport { PepColorService } from '@pepperi-addons/ngx-lib';\r\nimport { PepColorSettings } from './color-settings.model';\r\n\r\n@Component({\r\n selector: 'pep-color-settings',\r\n templateUrl: './color-settings.component.html',\r\n styleUrls: ['./color-settings.component.scss']\r\n})\r\nexport class ColorSettingsComponent implements OnInit {\r\n\r\n @Input() title = '';\r\n\r\n private _color: PepColorSettings = new PepColorSettings();\r\n @Input()\r\n set color(value: PepColorSettings) {\r\n if (!value) {\r\n this._color = new PepColorSettings();\r\n } else {\r\n this._color = value;\r\n }\r\n }\r\n get color(): PepColorSettings {\r\n return this._color;\r\n }\r\n\r\n @Output()\r\n colorChange: EventEmitter<PepColorSettings> = new EventEmitter<PepColorSettings>();\r\n \r\n constructor(private pepColorService: PepColorService) { }\r\n\r\n ngOnInit() {\r\n //\r\n }\r\n\r\n private getRGBAcolor(colorObj: PepColorSettings, opac: number | null = null) {\r\n let rgba = 'rgba(255,255,255,0)';\r\n\r\n if (colorObj) {\r\n const color = colorObj.value;\r\n let opacity = opac != null ? opac : colorObj.opacity;\r\n\r\n opacity = opacity > 0 ? opacity / 100 : 0;\r\n\r\n const hsl = this.pepColorService.hslString2hsl(color);\r\n const rgb = this.pepColorService.hsl2rgb(hsl);\r\n rgba = 'rgba(' + rgb.r + ',' + rgb.g + ',' + rgb.b + ',' + opacity + ')';\r\n }\r\n\r\n return rgba;\r\n }\r\n\r\n private raiseColorChange() {\r\n this.colorChange.emit(this.color);\r\n }\r\n\r\n getSliderBackground() {\r\n const alignTo = 'right';\r\n \r\n const colorObj = new PepColorSettings();\r\n \r\n colorObj.value = this.color.value;\r\n colorObj.opacity = 100;\r\n \r\n const gradStr = this.getRGBAcolor(colorObj, 0) + ' , ' + this.getRGBAcolor(colorObj);\r\n \r\n return 'linear-gradient(to ' + alignTo + ', ' + gradStr + ')';\r\n }\r\n\r\n onUseChanged(value: boolean) {\r\n this.color.use = value;\r\n this.raiseColorChange();\r\n }\r\n\r\n onColorChanged(value: string) {\r\n this.color.value = value;\r\n this.raiseColorChange();\r\n }\r\n\r\n onSliderValueChanged(value: number) {\r\n this.color.opacity = value;\r\n this.raiseColorChange();\r\n }\r\n}\r\n","<pep-checkbox class=\"checkbox-as-title\" [label]=\"title\" [renderTitle]=\"false\" [value]=\"color.use\" (valueChange)=\"onUseChanged($event)\"></pep-checkbox>\r\n<pep-color [value]=\"color.value\" [label]=\"title + ' ' + ('COLOR_SETTINGS.COLOR' | translate)\" [disabled]=\"!color.use\" (valueChange)=\"onColorChanged($event)\">\r\n</pep-color>\r\n<pep-slider [label]=\"title + ' ' + ('COLOR_SETTINGS.OPACITY' | translate)\" [hint]=\"color.opacity.toString() || ''\" [minValue]=\"0\" [maxValue]=\"100\" [disabled]=\"!color.use\" [value]=\"color.opacity\" \r\n [background]=\"getSliderBackground()\" (inputChange)=\"onSliderValueChanged($event)\">\r\n</pep-slider>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\r\nimport { PepColorModule } from '@pepperi-addons/ngx-lib/color';\r\nimport { PepCheckboxModule } from '@pepperi-addons/ngx-lib/checkbox';\r\nimport { PepSliderModule } from '@pepperi-addons/ngx-lib/slider';\r\n\r\nimport { ColorSettingsComponent } from './color-settings.component';\r\n\r\n@NgModule({\r\n declarations: [\r\n ColorSettingsComponent\r\n ],\r\n imports: [\r\n CommonModule,\r\n PepNgxLibModule,\r\n PepCheckboxModule,\r\n PepColorModule,\r\n PepSliderModule\r\n ],\r\n exports: [ColorSettingsComponent],\r\n})\r\nexport class PepColorSettingsModule { }\r\n","/*\r\n * Public API Surface of ngx-composite-lib/color-settings\r\n */\r\nexport * from './color-settings.module';\r\nexport * from './color-settings.component';\r\nexport * from './color-settings.model';\r\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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"}