@pepperi-addons/ngx-composite-lib 0.0.16-beta.43 → 0.0.16-beta.44

package/esm2015/color-settings/color-settings.component.js

@@ -1,91 +1,91 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-import { PepColorSettings } from './color-settings.model';
-import * as i0 from "@angular/core";
-import * as i1 from "@pepperi-addons/ngx-lib";
-import * as i2 from "@pepperi-addons/ngx-lib/checkbox";
-import * as i3 from "@pepperi-addons/ngx-lib/color";
-import * as i4 from "@pepperi-addons/ngx-lib/slider";
-import * as i5 from "@ngx-translate/core";
-export class ColorSettingsComponent {
-    constructor(pepColorService) {
-        this.pepColorService = pepColorService;
-        this.title = '';
-        this.checkAAComplient = true;
-        this.showAAComplient = true;
-        this._color = new PepColorSettings();
-        this.colorChange = new EventEmitter();
-    }
-    set color(value) {
-        if (!value) {
-            this._color = new PepColorSettings();
-        }
-        else {
-            this._color = value;
-        }
-    }
-    get color() {
-        return this._color;
-    }
-    ngOnInit() {
-        //
-    }
-    getRGBAcolor(colorObj, opac = null) {
-        let rgba = 'rgba(255,255,255,0)';
-        if (colorObj) {
-            const color = colorObj.value;
-            let opacity = opac != null ? opac : colorObj.opacity;
-            opacity = opacity > 0 ? opacity / 100 : 0;
-            const hsl = this.pepColorService.hslString2hsl(color);
-            const rgb = this.pepColorService.hsl2rgb(hsl);
-            rgba = 'rgba(' + rgb.r + ',' + rgb.g + ',' + rgb.b + ',' + opacity + ')';
-        }
-        return rgba;
-    }
-    raiseColorChange() {
-        this.colorChange.emit(this.color);
-    }
-    getSliderBackground() {
-        const alignTo = 'right';
-        const colorObj = new PepColorSettings();
-        colorObj.value = this.color.value;
-        colorObj.opacity = 100;
-        const gradStr = this.getRGBAcolor(colorObj, 0) + ' , ' + this.getRGBAcolor(colorObj);
-        return 'linear-gradient(to ' + alignTo + ', ' + gradStr + ')';
-    }
-    onUseChanged(value) {
-        this.color.use = value;
-        this.raiseColorChange();
-    }
-    onColorChanged(value) {
-        this.color.value = value;
-        this.raiseColorChange();
-    }
-    onSliderInputChanged(value) {
-        this.color.opacity = value;
-    }
-    onSliderValueChanged(value) {
-        this.color.opacity = value;
-        this.raiseColorChange();
-    }
-}
-ColorSettingsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: ColorSettingsComponent, deps: [{ token: i1.PepColorService }], target: i0.ɵɵFactoryTarget.Component });
-ColorSettingsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: ColorSettingsComponent, selector: "pep-color-settings", inputs: { title: "title", checkAAComplient: "checkAAComplient", showAAComplient: "showAAComplient", color: "color" }, outputs: { colorChange: "colorChange" }, ngImport: i0, template: "<pep-checkbox class=\"checkbox-as-title\" [label]=\"title\" [renderTitle]=\"false\" [value]=\"color.use\"\n    (valueChange)=\"onUseChanged($event)\"></pep-checkbox>\n<pep-color [value]=\"color.value\" [label]=\"title + ' ' + ('COLOR_SETTINGS.COLOR' | translate)\" [disabled]=\"!color.use\"\n    [checkAAComplient]=\"checkAAComplient\" [showAAComplient]=\"showAAComplient\" (valueChange)=\"onColorChanged($event)\">\n</pep-color>\n<pep-slider [label]=\"title + ' ' + ('COLOR_SETTINGS.OPACITY' | translate)\" [hint]=\"color.opacity.toString() || ''\"\n    [minValue]=\"0\" [maxValue]=\"100\" [disabled]=\"!color.use\" [value]=\"color.opacity\" [background]=\"getSliderBackground()\"\n    (inputChange)=\"onSliderInputChanged($event)\" (valueChange)=\"onSliderValueChanged($event)\">\n</pep-slider>", styles: [":host{width:100%}\n"], components: [{ type: i2.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.PepColorComponent, selector: "pep-color", inputs: ["key", "value", "label", "disabled", "xAlignment", "rowSpan", "type", "showTitle", "renderTitle", "showAAComplient", "checkAAComplient", "layoutType"], outputs: ["valueChange"] }, { type: i4.PepSliderComponent, selector: "pep-slider", inputs: ["label", "disabled", "hint", "step", "minValue", "maxValue", "background", "value"], outputs: ["valueChange", "inputChange"] }], pipes: { "translate": i5.TranslatePipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: ColorSettingsComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'pep-color-settings',
-                    templateUrl: './color-settings.component.html',
-                    styleUrls: ['./color-settings.component.scss']
-                }]
-        }], ctorParameters: function () { return [{ type: i1.PepColorService }]; }, propDecorators: { title: [{
-                type: Input
-            }], checkAAComplient: [{
-                type: Input
-            }], showAAComplient: [{
-                type: Input
-            }], color: [{
-                type: Input
-            }], colorChange: [{
-                type: Output
-            }] } });
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { PepColorSettings } from './color-settings.model';
+import * as i0 from "@angular/core";
+import * as i1 from "@pepperi-addons/ngx-lib";
+import * as i2 from "@pepperi-addons/ngx-lib/checkbox";
+import * as i3 from "@pepperi-addons/ngx-lib/color";
+import * as i4 from "@pepperi-addons/ngx-lib/slider";
+import * as i5 from "@ngx-translate/core";
+export class ColorSettingsComponent {
+    constructor(pepColorService) {
+        this.pepColorService = pepColorService;
+        this.title = '';
+        this.checkAAComplient = true;
+        this.showAAComplient = true;
+        this._color = new PepColorSettings();
+        this.colorChange = new EventEmitter();
+    }
+    set color(value) {
+        if (!value) {
+            this._color = new PepColorSettings();
+        }
+        else {
+            this._color = value;
+        }
+    }
+    get color() {
+        return this._color;
+    }
+    ngOnInit() {
+        //
+    }
+    getRGBAcolor(colorObj, opac = null) {
+        let rgba = 'rgba(255,255,255,0)';
+        if (colorObj) {
+            const color = colorObj.value;
+            let opacity = opac != null ? opac : colorObj.opacity;
+            opacity = opacity > 0 ? opacity / 100 : 0;
+            const hsl = this.pepColorService.hslString2hsl(color);
+            const rgb = this.pepColorService.hsl2rgb(hsl);
+            rgba = 'rgba(' + rgb.r + ',' + rgb.g + ',' + rgb.b + ',' + opacity + ')';
+        }
+        return rgba;
+    }
+    raiseColorChange() {
+        this.colorChange.emit(this.color);
+    }
+    getSliderBackground() {
+        const alignTo = 'right';
+        const colorObj = new PepColorSettings();
+        colorObj.value = this.color.value;
+        colorObj.opacity = 100;
+        const gradStr = this.getRGBAcolor(colorObj, 0) + ' , ' + this.getRGBAcolor(colorObj);
+        return 'linear-gradient(to ' + alignTo + ', ' + gradStr + ')';
+    }
+    onUseChanged(value) {
+        this.color.use = value;
+        this.raiseColorChange();
+    }
+    onColorChanged(value) {
+        this.color.value = value;
+        this.raiseColorChange();
+    }
+    onSliderInputChanged(value) {
+        this.color.opacity = value;
+    }
+    onSliderValueChanged(value) {
+        this.color.opacity = value;
+        this.raiseColorChange();
+    }
+}
+ColorSettingsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: ColorSettingsComponent, deps: [{ token: i1.PepColorService }], target: i0.ɵɵFactoryTarget.Component });
+ColorSettingsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: ColorSettingsComponent, selector: "pep-color-settings", inputs: { title: "title", checkAAComplient: "checkAAComplient", showAAComplient: "showAAComplient", color: "color" }, outputs: { colorChange: "colorChange" }, ngImport: i0, template: "<pep-checkbox class=\"checkbox-as-title\" [label]=\"title\" [renderTitle]=\"false\" [value]=\"color.use\"\n    (valueChange)=\"onUseChanged($event)\"></pep-checkbox>\n<pep-color [value]=\"color.value\" [label]=\"title + ' ' + ('COLOR_SETTINGS.COLOR' | translate)\" [disabled]=\"!color.use\"\n    [checkAAComplient]=\"checkAAComplient\" [showAAComplient]=\"showAAComplient\" (valueChange)=\"onColorChanged($event)\">\n</pep-color>\n<pep-slider [label]=\"title + ' ' + ('COLOR_SETTINGS.OPACITY' | translate)\" [hint]=\"color.opacity.toString() || ''\"\n    [minValue]=\"0\" [maxValue]=\"100\" [disabled]=\"!color.use\" [value]=\"color.opacity\" [background]=\"getSliderBackground()\"\n    (inputChange)=\"onSliderInputChanged($event)\" (valueChange)=\"onSliderValueChanged($event)\">\n</pep-slider>", styles: [":host{width:100%}\n"], components: [{ type: i2.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.PepColorComponent, selector: "pep-color", inputs: ["key", "value", "label", "disabled", "xAlignment", "rowSpan", "type", "showTitle", "renderTitle", "showAAComplient", "checkAAComplient", "layoutType"], outputs: ["valueChange"] }, { type: i4.PepSliderComponent, selector: "pep-slider", inputs: ["label", "disabled", "hint", "step", "minValue", "maxValue", "background", "value"], outputs: ["valueChange", "inputChange"] }], pipes: { "translate": i5.TranslatePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: ColorSettingsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'pep-color-settings',
+                    templateUrl: './color-settings.component.html',
+                    styleUrls: ['./color-settings.component.scss']
+                }]
+        }], ctorParameters: function () { return [{ type: i1.PepColorService }]; }, propDecorators: { title: [{
+                type: Input
+            }], checkAAComplient: [{
+                type: Input
+            }], showAAComplient: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], colorChange: [{
+                type: Output
+            }] } });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3Itc2V0dGluZ3MuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWNvbXBvc2l0ZS1saWIvY29sb3Itc2V0dGluZ3MvY29sb3Itc2V0dGluZ3MuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWNvbXBvc2l0ZS1saWIvY29sb3Itc2V0dGluZ3MvY29sb3Itc2V0dGluZ3MuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUUvRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQzs7Ozs7OztBQU8xRCxNQUFNLE9BQU8sc0JBQXNCO0lBcUIvQixZQUFvQixlQUFnQztRQUFoQyxvQkFBZSxHQUFmLGVBQWUsQ0FBaUI7UUFwQjNDLFVBQUssR0FBRyxFQUFFLENBQUM7UUFDWCxxQkFBZ0IsR0FBRyxJQUFJLENBQUM7UUFDeEIsb0JBQWUsR0FBRyxJQUFJLENBQUM7UUFFeEIsV0FBTSxHQUFxQixJQUFJLGdCQUFnQixFQUFFLENBQUM7UUFjMUQsZ0JBQVcsR0FBbUMsSUFBSSxZQUFZLEVBQW9CLENBQUM7SUFFM0IsQ0FBQztJQWZ6RCxJQUNJLEtBQUssQ0FBQyxLQUF1QjtRQUM3QixJQUFJLENBQUMsS0FBSyxFQUFFO1lBQ1IsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLGdCQUFnQixFQUFFLENBQUM7U0FDeEM7YUFBTTtZQUNILElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDO1NBQ3ZCO0lBQ0wsQ0FBQztJQUNELElBQUksS0FBSztRQUNMLE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQztJQUN2QixDQUFDO0lBT0QsUUFBUTtRQUNKLEVBQUU7SUFDTixDQUFDO0lBRU8sWUFBWSxDQUFDLFFBQTBC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dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUGVwQ29sb3JTZXJ2aWNlIH0gZnJvbSAnQHBlcHBlcmktYWRkb25zL25neC1saWInO1xuaW1wb3J0IHsgUGVwQ29sb3JTZXR0aW5ncyB9IGZyb20gJy4vY29sb3Itc2V0dGluZ3MubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3BlcC1jb2xvci1zZXR0aW5ncycsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2NvbG9yLXNldHRpbmdzLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9jb2xvci1zZXR0aW5ncy5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIENvbG9yU2V0dGluZ3NDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICAgIEBJbnB1dCgpIHRpdGxlID0gJyc7XG4gICAgQElucHV0KCkgY2hlY2tBQUNvbXBsaWVudCA9IHRydWU7XG4gICAgQElucHV0KCkgc2hvd0FBQ29tcGxpZW50ID0gdHJ1ZTtcblxuICAgIHByaXZhdGUgX2NvbG9yOiBQZXBDb2xvclNldHRpbmdzID0gbmV3IFBlcENvbG9yU2V0dGluZ3MoKTtcbiAgICBASW5wdXQoKVxuICAgIHNldCBjb2xvcih2YWx1ZTogUGVwQ29sb3JTZXR0aW5ncykge1xuICAgICAgICBpZiAoIXZhbHVlKSB7XG4gICAgICAgICAgICB0aGlzLl9jb2xvciA9IG5ldyBQZXBDb2xvclNldHRpbmdzKCk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICB0aGlzLl9jb2xvciA9IHZhbHVlO1xuICAgICAgICB9XG4gICAgfVxuICAgIGdldCBjb2xvcigpOiBQZXBDb2xvclNldHRpbmdzIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX2NvbG9yO1xuICAgIH1cblxuICAgIEBPdXRwdXQoKVxuICAgIGNvbG9yQ2hhbmdlOiBFdmVudEVtaXR0ZXI8UGVwQ29sb3JTZXR0aW5ncz4gPSBuZXcgRXZlbnRFbWl0dGVyPFBlcENvbG9yU2V0dGluZ3M+KCk7XG4gICAgXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSBwZXBDb2xvclNlcnZpY2U6IFBlcENvbG9yU2VydmljZSkgeyB9XG5cbiAgICBuZ09uSW5pdCgpIHtcbiAgICAgICAgLy9cbiAgICB9XG5cbiAgICBwcml2YXRlIGdldFJHQkFjb2xvcihjb2xvck9iajogUGVwQ29sb3JTZXR0aW5ncywgb3BhYzogbnVtYmVyIHwgbnVsbCA9IG51bGwpIHtcbiAgICAgICAgbGV0IHJnYmEgPSAncmdiYSgyNTUsMjU1LDI1NSwwKSc7XG5cbiAgICAgICAgaWYgKGNvbG9yT2JqKSB7XG4gICAgICAgICAgICBjb25zdCBjb2xvciA9IGNvbG9yT2JqLnZhbHVlO1xuICAgICAgICAgICAgbGV0IG9wYWNpdHkgPSBvcGFjICE9IG51bGwgPyBvcGFjIDogY29sb3JPYmoub3BhY2l0eTtcblxuICAgICAgICAgICAgb3BhY2l0eSA9IG9wYWNpdHkgPiAwID8gb3BhY2l0eSAvIDEwMCA6IDA7XG5cbiAgICAgICAgICAgIGNvbnN0IGhzbCA9IHRoaXMucGVwQ29sb3JTZXJ2aWNlLmhzbFN0cmluZzJoc2woY29sb3IpO1xuICAgICAgICAgICAgY29uc3QgcmdiID0gdGhpcy5wZXBDb2xvclNlcnZpY2UuaHNsMnJnYihoc2wpO1xuICAgICAgICAgICAgcmdiYSA9ICdyZ2JhKCcgKyByZ2IuciArICcsJyArIHJnYi5nICsgJywnICsgcmdiLmIgKyAnLCcgKyBvcGFjaXR5ICsgJyknO1xuICAgICAgICB9XG5cbiAgICAgICAgcmV0dXJuIHJnYmE7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSByYWlzZUNvbG9yQ2hhbmdlKCkge1xuICAgICAgICB0aGlzLmNvbG9yQ2hhbmdlLmVtaXQodGhpcy5jb2xvcik7XG4gICAgfVxuXG4gICAgZ2V0U2xpZGVyQmFja2dyb3VuZCgpIHtcbiAgICAgICAgY29uc3QgYWxpZ25UbyA9ICdyaWdodCc7XG4gICAgXG4gICAgICAgIGNvbnN0IGNvbG9yT2JqID0gbmV3IFBlcENvbG9yU2V0dGluZ3MoKTtcbiAgICBcbiAgICAgICAgY29sb3JPYmoudmFsdWUgPSB0aGlzLmNvbG9yLnZhbHVlO1xuICAgICAgICBjb2xvck9iai5vcGFjaXR5ID0gMTAwO1xuICAgIFxuICAgICAgICBjb25zdCBncmFkU3RyID0gdGhpcy5nZXRSR0JBY29sb3IoY29sb3JPYmosIDApICsgJyAsICcgKyB0aGlzLmdldFJHQkFjb2xvcihjb2xvck9iaik7XG4gICAgXG4gICAgICAgIHJldHVybiAnbGluZWFyLWdyYWRpZW50KHRvICcgKyBhbGlnblRvICsgJywgJyArIGdyYWRTdHIgKyAnKSc7XG4gICAgfVxuXG4gICAgb25Vc2VDaGFuZ2VkKHZhbHVlOiBib29sZWFuKSB7XG4gICAgICAgIHRoaXMuY29sb3IudXNlID0gdmFsdWU7XG4gICAgICAgIHRoaXMucmFpc2VDb2xvckNoYW5nZSgpO1xuICAgIH1cblxuICAgIG9uQ29sb3JDaGFuZ2VkKHZhbHVlOiBzdHJpbmcpIHtcbiAgICAgICAgdGhpcy5jb2xvci52YWx1ZSA9IHZhbHVlO1xuICAgICAgICB0aGlzLnJhaXNlQ29sb3JDaGFuZ2UoKTtcbiAgICB9XG4gICAgXG4gICAgb25TbGlkZXJJbnB1dENoYW5nZWQodmFsdWU6IG51bWJlcikge1xuICAgICAgICB0aGlzLmNvbG9yLm9wYWNpdHkgPSB2YWx1ZTtcbiAgICB9XG5cbiAgICBvblNsaWRlclZhbHVlQ2hhbmdlZCh2YWx1ZTogbnVtYmVyKSB7XG4gICAgICAgIHRoaXMuY29sb3Iub3BhY2l0eSA9IHZhbHVlO1xuICAgICAgICB0aGlzLnJhaXNlQ29sb3JDaGFuZ2UoKTtcbiAgICB9XG59XG4iLCI8cGVwLWNoZWNrYm94IGNsYXNzPVwiY2hlY2tib3gtYXMtdGl0bGVcIiBbbGFiZWxdPVwidGl0bGVcIiBbcmVuZGVyVGl0bGVdPVwiZmFsc2VcIiBbdmFsdWVdPVwiY29sb3IudXNlXCJcbiAgICAodmFsdWVDaGFuZ2UpPVwib25Vc2VDaGFuZ2VkKCRldmVudClcIj48L3BlcC1jaGVja2JveD5cbjxwZXAtY29sb3IgW3ZhbHVlXT1cImNvbG9yLnZhbHVlXCIgW2xhYmVsXT1cInRpdGxlICsgJyAnICsgKCdDT0xPUl9TRVRUSU5HUy5DT0xPUicgfCB0cmFuc2xhdGUpXCIgW2Rpc2FibGVkXT1cIiFjb2xvci51c2VcIlxuICAgIFtjaGVja0FBQ29tcGxpZW50XT1cImNoZWNrQUFDb21wbGllbnRcIiBbc2hvd0FBQ29tcGxpZW50XT1cInNob3dBQUNvbXBsaWVudFwiICh2YWx1ZUNoYW5nZSk9XCJvbkNvbG9yQ2hhbmdlZCgkZXZlbnQpXCI+XG48L3BlcC1jb2xvcj5cbjxwZXAtc2xpZGVyIFtsYWJlbF09XCJ0aXRsZSArICcgJyArICgnQ09MT1JfU0VUVElOR1MuT1BBQ0lUWScgfCB0cmFuc2xhdGUpXCIgW2hpbnRdPVwiY29sb3Iub3BhY2l0eS50b1N0cmluZygpIHx8ICcnXCJcbiAgICBbbWluVmFsdWVdPVwiMFwiIFttYXhWYWx1ZV09XCIxMDBcIiBbZGlzYWJsZWRdPVwiIWNvbG9yLnVzZVwiIFt2YWx1ZV09XCJjb2xvci5vcGFjaXR5XCIgW2JhY2tncm91bmRdPVwiZ2V0U2xpZGVyQmFja2dyb3VuZCgpXCJcbiAgICAoaW5wdXRDaGFuZ2UpPVwib25TbGlkZXJJbnB1dENoYW5nZWQoJGV2ZW50KVwiICh2YWx1ZUNoYW5nZSk9XCJvblNsaWRlclZhbHVlQ2hhbmdlZCgkZXZlbnQpXCI+XG48L3BlcC1zbGlkZXI+Il19

package/esm2015/color-settings/color-settings.model.js

@@ -1,9 +1,9 @@
-export class PepColorSettings {
-    constructor() {
-        this.use = false;
-        this.value = 'hsl(0, 0%, 57%)';
-        this.opacity = 50;
-        // useGradientOverlay?: boolean = true;
-    }
-}
+export class PepColorSettings {
+    constructor() {
+        this.use = false;
+        this.value = 'hsl(0, 0%, 57%)';
+        this.opacity = 50;
+        // useGradientOverlay?: boolean = true;
+    }
+}
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3Itc2V0dGluZ3MubW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtY29tcG9zaXRlLWxpYi9jb2xvci1zZXR0aW5ncy9jb2xvci1zZXR0aW5ncy5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLE9BQU8sZ0JBQWdCO0lBQTdCO1FBQ0ksUUFBRyxHQUFHLEtBQUssQ0FBQztRQUNaLFVBQUssR0FBRyxpQkFBaUIsQ0FBQztRQUMxQixZQUFPLEdBQUcsRUFBRSxDQUFDO1FBQ2IsdUNBQXVDO0lBQzNDLENBQUM7Q0FBQSIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBjbGFzcyBQZXBDb2xvclNldHRpbmdzIHtcclxuICAgIHVzZSA9IGZhbHNlO1xyXG4gICAgdmFsdWUgPSAnaHNsKDAsIDAlLCA1NyUpJztcclxuICAgIG9wYWNpdHkgPSA1MDtcclxuICAgIC8vIHVzZUdyYWRpZW50T3ZlcmxheT86IGJvb2xlYW4gPSB0cnVlO1xyXG59Il19

package/esm2015/color-settings/color-settings.module.js

@@ -1,40 +1,40 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { PepNgxLibModule } from '@pepperi-addons/ngx-lib';
-import { PepColorModule } from '@pepperi-addons/ngx-lib/color';
-import { PepCheckboxModule } from '@pepperi-addons/ngx-lib/checkbox';
-import { PepSliderModule } from '@pepperi-addons/ngx-lib/slider';
-import { ColorSettingsComponent } from './color-settings.component';
-import * as i0 from "@angular/core";
-export class PepColorSettingsModule {
-}
-PepColorSettingsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepColorSettingsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-PepColorSettingsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepColorSettingsModule, declarations: [ColorSettingsComponent], imports: [CommonModule,
-        PepNgxLibModule,
-        PepCheckboxModule,
-        PepColorModule,
-        PepSliderModule], exports: [ColorSettingsComponent] });
-PepColorSettingsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepColorSettingsModule, imports: [[
-            CommonModule,
-            PepNgxLibModule,
-            PepCheckboxModule,
-            PepColorModule,
-            PepSliderModule
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepColorSettingsModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        ColorSettingsComponent
-                    ],
-                    imports: [
-                        CommonModule,
-                        PepNgxLibModule,
-                        PepCheckboxModule,
-                        PepColorModule,
-                        PepSliderModule
-                    ],
-                    exports: [ColorSettingsComponent],
-                }]
-        }] });
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { PepNgxLibModule } from '@pepperi-addons/ngx-lib';
+import { PepColorModule } from '@pepperi-addons/ngx-lib/color';
+import { PepCheckboxModule } from '@pepperi-addons/ngx-lib/checkbox';
+import { PepSliderModule } from '@pepperi-addons/ngx-lib/slider';
+import { ColorSettingsComponent } from './color-settings.component';
+import * as i0 from "@angular/core";
+export class PepColorSettingsModule {
+}
+PepColorSettingsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepColorSettingsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PepColorSettingsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepColorSettingsModule, declarations: [ColorSettingsComponent], imports: [CommonModule,
+        PepNgxLibModule,
+        PepCheckboxModule,
+        PepColorModule,
+        PepSliderModule], exports: [ColorSettingsComponent] });
+PepColorSettingsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepColorSettingsModule, imports: [[
+            CommonModule,
+            PepNgxLibModule,
+            PepCheckboxModule,
+            PepColorModule,
+            PepSliderModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepColorSettingsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        ColorSettingsComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        PepNgxLibModule,
+                        PepCheckboxModule,
+                        PepColorModule,
+                        PepSliderModule
+                    ],
+                    exports: [ColorSettingsComponent],
+                }]
+        }] });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3Itc2V0dGluZ3MubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWNvbXBvc2l0ZS1saWIvY29sb3Itc2V0dGluZ3MvY29sb3Itc2V0dGluZ3MubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDL0QsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDckUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBRWpFLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDRCQUE0QixDQUFDOztBQWVwRSxNQUFNLE9BQU8sc0JBQXNCOzttSEFBdEIsc0JBQXNCO29IQUF0QixzQkFBc0IsaUJBWDNCLHNCQUFzQixhQUd0QixZQUFZO1FBQ1osZUFBZTtRQUNmLGlCQUFpQjtRQUNqQixjQUFjO1FBQ2QsZUFBZSxhQUVULHNCQUFzQjtvSEFFdkIsc0JBQXNCLFlBVHRCO1lBQ0wsWUFBWTtZQUNaLGVBQWU7WUFDZixpQkFBaUI7WUFDakIsY0FBYztZQUNkLGVBQWU7U0FDbEI7MkZBR1Esc0JBQXNCO2tCQWJsQyxRQUFRO21CQUFDO29CQUNOLFlBQVksRUFBRTt3QkFDVixzQkFBc0I7cUJBQ3pCO29CQUNELE9BQU8sRUFBRTt3QkFDTCxZQUFZO3dCQUNaLGVBQWU7d0JBQ2YsaUJBQWlCO3dCQUNqQixjQUFjO3dCQUNkLGVBQWU7cUJBQ2xCO29CQUNELE9BQU8sRUFBRSxDQUFDLHNCQUFzQixDQUFDO2lCQUNwQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgUGVwTmd4TGliTW9kdWxlIH0gZnJvbSAnQHBlcHBlcmktYWRkb25zL25neC1saWInO1xuaW1wb3J0IHsgUGVwQ29sb3JNb2R1bGUgfSBmcm9tICdAcGVwcGVyaS1hZGRvbnMvbmd4LWxpYi9jb2xvcic7XG5pbXBvcnQgeyBQZXBDaGVja2JveE1vZHVsZSB9IGZyb20gJ0BwZXBwZXJpLWFkZG9ucy9uZ3gtbGliL2NoZWNrYm94JztcbmltcG9ydCB7IFBlcFNsaWRlck1vZHVsZSB9IGZyb20gJ0BwZXBwZXJpLWFkZG9ucy9uZ3gtbGliL3NsaWRlcic7XG5cbmltcG9ydCB7IENvbG9yU2V0dGluZ3NDb21wb25lbnQgfSBmcm9tICcuL2NvbG9yLXNldHRpbmdzLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gICAgZGVjbGFyYXRpb25zOiBbXG4gICAgICAgIENvbG9yU2V0dGluZ3NDb21wb25lbnRcbiAgICBdLFxuICAgIGltcG9ydHM6IFtcbiAgICAgICAgQ29tbW9uTW9kdWxlLFxuICAgICAgICBQZXBOZ3hMaWJNb2R1bGUsXG4gICAgICAgIFBlcENoZWNrYm94TW9kdWxlLFxuICAgICAgICBQZXBDb2xvck1vZHVsZSxcbiAgICAgICAgUGVwU2xpZGVyTW9kdWxlXG4gICAgXSxcbiAgICBleHBvcnRzOiBbQ29sb3JTZXR0aW5nc0NvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIFBlcENvbG9yU2V0dGluZ3NNb2R1bGUgeyB9XG4iXX0=

package/esm2015/color-settings/pepperi-addons-ngx-composite-lib-color-settings.js

@@ -1,5 +1,5 @@
-/**
- * Generated bundle index. Do not edit.
- */
-export * from './public-api';
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGVwcGVyaS1hZGRvbnMtbmd4LWNvbXBvc2l0ZS1saWItY29sb3Itc2V0dGluZ3MuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtY29tcG9zaXRlLWxpYi9jb2xvci1zZXR0aW5ncy9wZXBwZXJpLWFkZG9ucy1uZ3gtY29tcG9zaXRlLWxpYi1jb2xvci1zZXR0aW5ncy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpYy1hcGknO1xuIl19

package/esm2015/color-settings/public-api.js

@@ -1,7 +1,7 @@
-/*
- * Public API Surface of ngx-composite-lib/color-settings
- */
-export * from './color-settings.module';
-export * from './color-settings.component';
-export * from './color-settings.model';
+/*
+ * Public API Surface of ngx-composite-lib/color-settings
+ */
+export * from './color-settings.module';
+export * from './color-settings.component';
+export * from './color-settings.model';
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1jb21wb3NpdGUtbGliL2NvbG9yLXNldHRpbmdzL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFDSCxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsNEJBQTRCLENBQUM7QUFDM0MsY0FBYyx3QkFBd0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2Ygbmd4LWNvbXBvc2l0ZS1saWIvY29sb3Itc2V0dGluZ3NcbiAqL1xuZXhwb3J0ICogZnJvbSAnLi9jb2xvci1zZXR0aW5ncy5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9jb2xvci1zZXR0aW5ncy5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9jb2xvci1zZXR0aW5ncy5tb2RlbCc7XG4iXX0=

package/esm2015/core/common/directives/index.js

@@ -1,5 +1,5 @@
-/*
- * export from ngx-composite-lib/core/common/directives
- */
-export * from './public-api';
+/*
+ * export from ngx-composite-lib/core/common/directives
+ */
+export * from './public-api';
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtY29tcG9zaXRlLWxpYi9zcmMvY29yZS9jb21tb24vZGlyZWN0aXZlcy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIGV4cG9ydCBmcm9tIG5neC1jb21wb3NpdGUtbGliL2NvcmUvY29tbW9uL2RpcmVjdGl2ZXNcbiAqL1xuZXhwb3J0ICogZnJvbSAnLi9wdWJsaWMtYXBpJztcbiJdfQ==

package/esm2015/core/common/directives/public-api.js

@@ -1,5 +1,5 @@
-/*
- * Public API Surface of ngx-composite-lib/core/common/directives
- */
-export * from '../directives/reset-configuration-field.directive';
+/*
+ * Public API Surface of ngx-composite-lib/core/common/directives
+ */
+export * from '../directives/reset-configuration-field.directive';
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1jb21wb3NpdGUtbGliL3NyYy9jb3JlL2NvbW1vbi9kaXJlY3RpdmVzL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFDSCxjQUFjLG1EQUFtRCxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFB1YmxpYyBBUEkgU3VyZmFjZSBvZiBuZ3gtY29tcG9zaXRlLWxpYi9jb3JlL2NvbW1vbi9kaXJlY3RpdmVzXG4gKi9cbmV4cG9ydCAqIGZyb20gJy4uL2RpcmVjdGl2ZXMvcmVzZXQtY29uZmlndXJhdGlvbi1maWVsZC5kaXJlY3RpdmUnO1xuIl19