@pepperi-addons/ngx-composite-lib 0.0.10-beta.8 → 0.0.10-beta.9

package/bundles/pepperi-addons-ngx-composite-lib.umd.js

@@ -24,81 +24,81 @@
 
         var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
 
-        // import { TranslateModule } from '@ngx-translate/core';
-        // import { CommonModule } from '@angular/common';
-        // import { HttpClientModule } from '@angular/common/http';
-        // import { ReactiveFormsModule } from '@angular/forms';
-        var PepNgxCompositeLibModule = /** @class */ (function () {
-            function PepNgxCompositeLibModule() {
-            }
-            return PepNgxCompositeLibModule;
-        }());
-        PepNgxCompositeLibModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: PepNgxCompositeLibModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-        PepNgxCompositeLibModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: PepNgxCompositeLibModule });
-        PepNgxCompositeLibModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: PepNgxCompositeLibModule, imports: [[
-                // CommonModule, HttpClientModule, ReactiveFormsModule
-                ]] });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: PepNgxCompositeLibModule, decorators: [{
-                    type: i0.NgModule,
-                    args: [{
-                            declarations: [],
-                            imports: [
-                            // CommonModule, HttpClientModule, ReactiveFormsModule
-                            ],
-                            exports: [
-                            // TranslateModule
-                            ]
-                        }]
+        // import { TranslateModule } from '@ngx-translate/core';
+        // import { CommonModule } from '@angular/common';
+        // import { HttpClientModule } from '@angular/common/http';
+        // import { ReactiveFormsModule } from '@angular/forms';
+        var PepNgxCompositeLibModule = /** @class */ (function () {
+            function PepNgxCompositeLibModule() {
+            }
+            return PepNgxCompositeLibModule;
+        }());
+        PepNgxCompositeLibModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: PepNgxCompositeLibModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+        PepNgxCompositeLibModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: PepNgxCompositeLibModule });
+        PepNgxCompositeLibModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: PepNgxCompositeLibModule, imports: [[
+                // CommonModule, HttpClientModule, ReactiveFormsModule
+                ]] });
+        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: PepNgxCompositeLibModule, decorators: [{
+                    type: i0.NgModule,
+                    args: [{
+                            declarations: [],
+                            imports: [
+                            // CommonModule, HttpClientModule, ReactiveFormsModule
+                            ],
+                            exports: [
+                            // TranslateModule
+                            ]
+                        }]
                 }] });
 
-        /*
-            This service is for utillity usege.
-        */
-        var PepCompositeLibUtilitiesService = /** @class */ (function () {
-            function PepCompositeLibUtilitiesService() {
-                //
-            }
-            return PepCompositeLibUtilitiesService;
-        }());
-        PepCompositeLibUtilitiesService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: PepCompositeLibUtilitiesService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-        PepCompositeLibUtilitiesService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: PepCompositeLibUtilitiesService, providedIn: 'root' });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: PepCompositeLibUtilitiesService, decorators: [{
-                    type: i0.Injectable,
-                    args: [{
-                            providedIn: 'root',
-                        }]
+        /*
+            This service is for utillity usege.
+        */
+        var PepCompositeLibUtilitiesService = /** @class */ (function () {
+            function PepCompositeLibUtilitiesService() {
+                //
+            }
+            return PepCompositeLibUtilitiesService;
+        }());
+        PepCompositeLibUtilitiesService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: PepCompositeLibUtilitiesService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+        PepCompositeLibUtilitiesService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: PepCompositeLibUtilitiesService, providedIn: 'root' });
+        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: PepCompositeLibUtilitiesService, decorators: [{
+                    type: i0.Injectable,
+                    args: [{
+                            providedIn: 'root',
+                        }]
                 }], ctorParameters: function () { return []; } });
 
-        /*
-         * Public API Surface of ngx-composite-lib/core/common/services
+        /*
+         * Public API Surface of ngx-composite-lib/core/common/services
          */
 
-        /*
-         * export from ngx-composite-lib/core/common/services
+        /*
+         * export from ngx-composite-lib/core/common/services
          */
 
-        /*
-         * Public API Surface of ngx-composite-lib/core/common
+        /*
+         * Public API Surface of ngx-composite-lib/core/common
          */
 
-        /*
-         * export from ngx-composite-lib/core/common
+        /*
+         * export from ngx-composite-lib/core/common
          */
 
-        /*
-         * Public API Surface of ngx-composite-lib/core
+        /*
+         * Public API Surface of ngx-composite-lib/core
          */
 
-        /*
-         * export from ngx-composite-lib/core
+        /*
+         * export from ngx-composite-lib/core
          */
 
-        /*
-         * Public API Surface of ngx-composite-lib
+        /*
+         * Public API Surface of ngx-composite-lib
          */
 
-        /**
-         * Generated bundle index. Do not edit.
+        /**
+         * Generated bundle index. Do not edit.
          */
 
         exports.PepCompositeLibUtilitiesService = PepCompositeLibUtilitiesService;

package/color-settings/color-settings.component.d.ts

@@ -1,22 +1,22 @@
-import { EventEmitter, OnInit } from '@angular/core';
-import { PepColorService } from '@pepperi-addons/ngx-lib';
-import { PepColorSettings } from './color-settings.model';
-import * as i0 from "@angular/core";
-export declare class ColorSettingsComponent implements OnInit {
-    private pepColorService;
-    title: string;
-    private _color;
-    set color(value: PepColorSettings);
-    get color(): PepColorSettings;
-    colorChange: EventEmitter<PepColorSettings>;
-    constructor(pepColorService: PepColorService);
-    ngOnInit(): void;
-    private getRGBAcolor;
-    private raiseColorChange;
-    getSliderBackground(): string;
-    onUseChanged(value: boolean): void;
-    onColorChanged(value: string): void;
-    onSliderValueChanged(value: number): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ColorSettingsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ColorSettingsComponent, "pep-color-settings", never, { "title": "title"; "color": "color"; }, { "colorChange": "colorChange"; }, never, never>;
-}
+import { EventEmitter, OnInit } from '@angular/core';
+import { PepColorService } from '@pepperi-addons/ngx-lib';
+import { PepColorSettings } from './color-settings.model';
+import * as i0 from "@angular/core";
+export declare class ColorSettingsComponent implements OnInit {
+    private pepColorService;
+    title: string;
+    private _color;
+    set color(value: PepColorSettings);
+    get color(): PepColorSettings;
+    colorChange: EventEmitter<PepColorSettings>;
+    constructor(pepColorService: PepColorService);
+    ngOnInit(): void;
+    private getRGBAcolor;
+    private raiseColorChange;
+    getSliderBackground(): string;
+    onUseChanged(value: boolean): void;
+    onColorChanged(value: string): void;
+    onSliderValueChanged(value: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColorSettingsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ColorSettingsComponent, "pep-color-settings", never, { "title": "title"; "color": "color"; }, { "colorChange": "colorChange"; }, never, never>;
+}

package/color-settings/color-settings.model.d.ts

@@ -1,5 +1,5 @@
-export declare class PepColorSettings {
-    use: boolean;
-    value: string;
-    opacity: number;
-}
+export declare class PepColorSettings {
+    use: boolean;
+    value: string;
+    opacity: number;
+}

package/color-settings/color-settings.module.d.ts

@@ -1,12 +1,12 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./color-settings.component";
-import * as i2 from "@angular/common";
-import * as i3 from "@pepperi-addons/ngx-lib";
-import * as i4 from "@pepperi-addons/ngx-lib/checkbox";
-import * as i5 from "@pepperi-addons/ngx-lib/color";
-import * as i6 from "@pepperi-addons/ngx-lib/slider";
-export declare class PepColorSettingsModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<PepColorSettingsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<PepColorSettingsModule, [typeof i1.ColorSettingsComponent], [typeof i2.CommonModule, typeof i3.PepNgxLibModule, typeof i4.PepCheckboxModule, typeof i5.PepColorModule, typeof i6.PepSliderModule], [typeof i1.ColorSettingsComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<PepColorSettingsModule>;
-}
+import * as i0 from "@angular/core";
+import * as i1 from "./color-settings.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@pepperi-addons/ngx-lib";
+import * as i4 from "@pepperi-addons/ngx-lib/checkbox";
+import * as i5 from "@pepperi-addons/ngx-lib/color";
+import * as i6 from "@pepperi-addons/ngx-lib/slider";
+export declare class PepColorSettingsModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<PepColorSettingsModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PepColorSettingsModule, [typeof i1.ColorSettingsComponent], [typeof i2.CommonModule, typeof i3.PepNgxLibModule, typeof i4.PepCheckboxModule, typeof i5.PepColorModule, typeof i6.PepSliderModule], [typeof i1.ColorSettingsComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<PepColorSettingsModule>;
+}

package/color-settings/pepperi-addons-ngx-composite-lib-color-settings.d.ts

@@ -1,5 +1,5 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@pepperi-addons/ngx-composite-lib/color-settings" />
-export * from './public-api';
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@pepperi-addons/ngx-composite-lib/color-settings" />
+export * from './public-api';

package/color-settings/public-api.d.ts

@@ -1,3 +1,3 @@
-export * from './color-settings.module';
-export * from './color-settings.component';
-export * from './color-settings.model';
+export * from './color-settings.module';
+export * from './color-settings.component';
+export * from './color-settings.model';

package/core/common/index.d.ts

@@ -1 +1 @@
-export * from './public-api';
+export * from './public-api';

package/core/common/public-api.d.ts

@@ -1 +1 @@
-export * from './services/index';
+export * from './services/index';

package/core/common/services/index.d.ts

@@ -1 +1 @@
-export * from './public-api';
+export * from './public-api';

package/core/common/services/public-api.d.ts

@@ -1 +1 @@
-export * from './utilities.service';
+export * from './utilities.service';

package/core/common/services/utilities.service.d.ts

@@ -1,6 +1,6 @@
-import * as i0 from "@angular/core";
-export declare class PepCompositeLibUtilitiesService {
-    constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<PepCompositeLibUtilitiesService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<PepCompositeLibUtilitiesService>;
-}
+import * as i0 from "@angular/core";
+export declare class PepCompositeLibUtilitiesService {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<PepCompositeLibUtilitiesService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<PepCompositeLibUtilitiesService>;
+}

package/core/index.d.ts

@@ -1 +1 @@
-export * from './public-api';
+export * from './public-api';

package/core/public-api.d.ts

@@ -1 +1 @@
-export * from './common/index';
+export * from './common/index';

package/draggable-item/draggable-item.component.d.ts

@@ -1,11 +1,11 @@
-import { OnInit } from '@angular/core';
-import * as i0 from "@angular/core";
-export declare class DraggableItemComponent implements OnInit {
-    _cursor: string;
-    title: string;
-    disabled: boolean;
-    constructor();
-    ngOnInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DraggableItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DraggableItemComponent, "pep-draggable-item", never, { "title": "title"; "disabled": "disabled"; }, {}, never, ["[pep-actions]"]>;
-}
+import { OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class DraggableItemComponent implements OnInit {
+    _cursor: string;
+    title: string;
+    disabled: boolean;
+    constructor();
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DraggableItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DraggableItemComponent, "pep-draggable-item", never, { "title": "title"; "disabled": "disabled"; }, {}, never, ["[pep-actions]"]>;
+}

package/draggable-item/draggable-item.module.d.ts

@@ -1,11 +1,11 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./draggable-item.component";
-import * as i2 from "@angular/common";
-import * as i3 from "@pepperi-addons/ngx-lib";
-import * as i4 from "@pepperi-addons/ngx-lib/button";
-import * as i5 from "@angular/cdk/drag-drop";
-export declare class PepDraggableItemModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<PepDraggableItemModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<PepDraggableItemModule, [typeof i1.DraggableItemComponent], [typeof i2.CommonModule, typeof i3.PepNgxLibModule, typeof i4.PepButtonModule, typeof i5.DragDropModule], [typeof i1.DraggableItemComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<PepDraggableItemModule>;
-}
+import * as i0 from "@angular/core";
+import * as i1 from "./draggable-item.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@pepperi-addons/ngx-lib";
+import * as i4 from "@pepperi-addons/ngx-lib/button";
+import * as i5 from "@angular/cdk/drag-drop";
+export declare class PepDraggableItemModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<PepDraggableItemModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PepDraggableItemModule, [typeof i1.DraggableItemComponent], [typeof i2.CommonModule, typeof i3.PepNgxLibModule, typeof i4.PepButtonModule, typeof i5.DragDropModule], [typeof i1.DraggableItemComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<PepDraggableItemModule>;
+}

package/draggable-item/pepperi-addons-ngx-composite-lib-draggable-item.d.ts

@@ -1,5 +1,5 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@pepperi-addons/ngx-composite-lib/draggable-item" />
-export * from './public-api';
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@pepperi-addons/ngx-composite-lib/draggable-item" />
+export * from './public-api';

package/draggable-item/public-api.d.ts

@@ -1,2 +1,2 @@
-export * from './draggable-item.module';
-export * from './draggable-item.component';
+export * from './draggable-item.module';
+export * from './draggable-item.component';

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

@@ -1,81 +1,81 @@
-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._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) {
-            let color = colorObj.value;
-            let opacity = opac != null ? opac : colorObj.opacity;
-            opacity = opacity > 0 ? opacity / 100 : 0;
-            let hsl = this.pepColorService.hslString2hsl(color);
-            let rgb = this.pepColorService.hsl2rgb(hsl);
-            rgba = 'rgba(' + rgb.r + ',' + rgb.g + ',' + rgb.b + ',' + opacity + ')';
-        }
-        return rgba;
-    }
-    raiseColorChange() {
-        this.colorChange.emit(this.color);
-    }
-    getSliderBackground() {
-        let alignTo = 'right';
-        let colorObj = new PepColorSettings();
-        colorObj.value = this.color.value;
-        colorObj.opacity = 100;
-        let 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();
-    }
-    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", color: "color" }, outputs: { colorChange: "colorChange" }, ngImport: i0, 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.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", "showAAComplient", "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
-            }], 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._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) {
+            let color = colorObj.value;
+            let opacity = opac != null ? opac : colorObj.opacity;
+            opacity = opacity > 0 ? opacity / 100 : 0;
+            let hsl = this.pepColorService.hslString2hsl(color);
+            let rgb = this.pepColorService.hsl2rgb(hsl);
+            rgba = 'rgba(' + rgb.r + ',' + rgb.g + ',' + rgb.b + ',' + opacity + ')';
+        }
+        return rgba;
+    }
+    raiseColorChange() {
+        this.colorChange.emit(this.color);
+    }
+    getSliderBackground() {
+        let alignTo = 'right';
+        let colorObj = new PepColorSettings();
+        colorObj.value = this.color.value;
+        colorObj.opacity = 100;
+        let 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();
+    }
+    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", color: "color" }, outputs: { colorChange: "colorChange" }, ngImport: i0, 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.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", "showAAComplient", "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
+            }], color: [{
+                type: Input
+            }], colorChange: [{
+                type: Output
+            }] } });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3Itc2V0dGluZ3MuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWNvbXBvc2l0ZS1saWIvY29sb3Itc2V0dGluZ3MvY29sb3Itc2V0dGluZ3MuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWNvbXBvc2l0ZS1saWIvY29sb3Itc2V0dGluZ3MvY29sb3Itc2V0dGluZ3MuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUUvRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQzs7Ozs7OztBQU8xRCxNQUFNLE9BQU8sc0JBQXNCO0lBb0IvQixZQUFvQixlQUFnQztRQUFoQyxvQkFBZSxHQUFmLGVBQWUsQ0FBaUI7UUFsQjNDLFVBQUssR0FBVyxFQUFFLENBQUM7UUFFcEIsV0FBTSxHQUFxQixJQUFJLGdCQUFnQixFQUFFLENBQUM7UUFjMUQsZ0JBQVcsR0FBbUMsSUFBSSxZQUFZLEVBQW9CLENBQUM7SUFFM0IsQ0FBQztJQWZ6RCxJQUNJLEtBQUssQ0FBQyxLQUF1QjtRQUM3QixJQUFJLENBQUMsS0FBSyxFQUFFO1lBQ1IsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLGdCQUFnQixFQUFFLENBQUM7U0FDeEM7YUFBTTtZQUNILElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDO1NBQ3ZCO0lBQ0wsQ0FBQztJQUNELElBQUksS0FBSztRQUNMLE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQztJQUN2QixDQUFDO0lBT0QsUUFBUTtJQUNSLENBQUM7SUFFTyxZQUFZLENBQUMsUUFBMEIsRUFBRSxPQUFzQixJQUFJO1FBQ3ZFLElBQUksSUFBSSxHQUFHLHFCQUFxQixDQUFDO1FBRWpDLElBQUksUUFBUSxFQUFFO1lBQ1YsSUFBSSxLQUFLLEdBQUcsUUFBUSxDQUFDLEtBQUssQ0FBQztZQUMzQixJQUFJLE9BQU8sR0FBRyxJQUFJLElBQUksSUFBSSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxPQUFPLENBQUM7WUFFckQsT0FBTyxHQUFHLE9BQU8sR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLE9BQU8sR0FBRyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUUxQyxJQUFJLEdBQUcsR0FBRyxJQUFJLENBQUMsZUFBZSxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsQ0FBQztZQUNwRCxJQUFJLEdBQUcsR0FBRyxJQUFJLENBQUMsZUFBZSxDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQUMsQ0FBQztZQUM1QyxJQUFJLEdBQUcsT0FBTyxHQUFHLEdBQUcsQ0FBQyxDQUFDLEdBQUcsR0FBRyxHQUFHLEdBQUcsQ0FBQyxDQUFDLEdBQUcsR0FBRyxHQUFHLEdBQUcsQ0FBQyxDQUFDLEdBQUcsR0FBRyxHQUFHLE9BQU8sR0FBRyxHQUFHLENBQUM7U0FDNUU7UUFFRCxPQUFPLElBQUksQ0FBQztJQUNoQixDQUFDO0lBRU8sZ0JBQWdCO1FBQ3BCLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN0QyxDQUFDO0lBRUQsbUJBQW1CO1FBQ2YsSUFBSSxPQUFPLEdBQUcsT0FBTyxDQUFDO1FBRXRCLElBQUksUUFBUSxHQUFHLElBQUksZ0JBQWdCLEVBQUUsQ0FBQztRQUV0QyxRQUFRLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDO1FBQ2xDLFFBQVEsQ0FBQyxPQUFPLEdBQUcsR0FBRyxDQUFDO1FBRXZCLElBQUksT0FBTyxHQUFHLElBQUksQ0FBQyxZQUFZLENBQUMsUUFBUSxFQUFFLENBQUMsQ0FBQyxHQUFHLEtBQUssR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBRW5GLE9BQU8scUJBQXFCLEdBQUcsT0FBTyxHQUFHLElBQUksR0FBRyxPQUFPLEdBQUcsR0FBRyxDQUFDO0lBQ2xFLENBQUM7SUFFRCxZQUFZLENBQUMsS0FBYztRQUN2QixJQUFJLENBQUMsS0FBSyxDQUFDLEdBQUcsR0FBRyxLQUFLLENBQUM7UUFDdkIsSUFBSSxDQUFDLGdCQUFnQixFQUFFLENBQUM7SUFDNUIsQ0FBQztJQUVELGNBQWMsQ0FBQyxLQUFhO1FBQ3hCLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQztRQUN6QixJQUFJLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQztJQUM1QixDQUFDO0lBRUQsb0JBQW9CLENBQUMsS0FBYTtRQUM5QixJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUM7UUFDM0IsSUFBSSxDQUFDLGdCQUFnQixFQUFFLENBQUM7SUFDNUIsQ0FBQzs7bUhBeEVRLHNCQUFzQjt1R0FBdEIsc0JBQXNCLCtJQ1RuQyxxcEJBTUE7MkZER2Esc0JBQXNCO2tCQUxsQyxTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxvQkFBb0I7b0JBQzlCLFdBQVcsRUFBRSxpQ0FBaUM7b0JBQzlDLFNBQVMsRUFBRSxDQUFDLGlDQUFpQyxDQUFDO2lCQUNqRDtzR0FHWSxLQUFLO3NCQUFiLEtBQUs7Z0JBSUYsS0FBSztzQkFEUixLQUFLO2dCQWFOLFdBQVc7c0JBRFYsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFBlcENvbG9yU2VydmljZSB9IGZyb20gJ0BwZXBwZXJpLWFkZG9ucy9uZ3gtbGliJztcbmltcG9ydCB7IFBlcENvbG9yU2V0dGluZ3MgfSBmcm9tICcuL2NvbG9yLXNldHRpbmdzLm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdwZXAtY29sb3Itc2V0dGluZ3MnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9jb2xvci1zZXR0aW5ncy5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vY29sb3Itc2V0dGluZ3MuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBDb2xvclNldHRpbmdzQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICAgIEBJbnB1dCgpIHRpdGxlOiBzdHJpbmcgPSAnJztcblxuICAgIHByaXZhdGUgX2NvbG9yOiBQZXBDb2xvclNldHRpbmdzID0gbmV3IFBlcENvbG9yU2V0dGluZ3MoKTtcbiAgICBASW5wdXQoKVxuICAgIHNldCBjb2xvcih2YWx1ZTogUGVwQ29sb3JTZXR0aW5ncykge1xuICAgICAgICBpZiAoIXZhbHVlKSB7XG4gICAgICAgICAgICB0aGlzLl9jb2xvciA9IG5ldyBQZXBDb2xvclNldHRpbmdzKCk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICB0aGlzLl9jb2xvciA9IHZhbHVlO1xuICAgICAgICB9XG4gICAgfVxuICAgIGdldCBjb2xvcigpOiBQZXBDb2xvclNldHRpbmdzIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX2NvbG9yO1xuICAgIH1cblxuICAgIEBPdXRwdXQoKVxuICAgIGNvbG9yQ2hhbmdlOiBFdmVudEVtaXR0ZXI8UGVwQ29sb3JTZXR0aW5ncz4gPSBuZXcgRXZlbnRFbWl0dGVyPFBlcENvbG9yU2V0dGluZ3M+KCk7XG4gICAgXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSBwZXBDb2xvclNlcnZpY2U6IFBlcENvbG9yU2VydmljZSkgeyB9XG5cbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB9XG5cbiAgICBwcml2YXRlIGdldFJHQkFjb2xvcihjb2xvck9iajogUGVwQ29sb3JTZXR0aW5ncywgb3BhYzogbnVtYmVyIHwgbnVsbCA9IG51bGwpIHtcbiAgICAgICAgbGV0IHJnYmEgPSAncmdiYSgyNTUsMjU1LDI1NSwwKSc7XG5cbiAgICAgICAgaWYgKGNvbG9yT2JqKSB7XG4gICAgICAgICAgICBsZXQgY29sb3IgPSBjb2xvck9iai52YWx1ZTtcbiAgICAgICAgICAgIGxldCBvcGFjaXR5ID0gb3BhYyAhPSBudWxsID8gb3BhYyA6IGNvbG9yT2JqLm9wYWNpdHk7XG5cbiAgICAgICAgICAgIG9wYWNpdHkgPSBvcGFjaXR5ID4gMCA/IG9wYWNpdHkgLyAxMDAgOiAwO1xuXG4gICAgICAgICAgICBsZXQgaHNsID0gdGhpcy5wZXBDb2xvclNlcnZpY2UuaHNsU3RyaW5nMmhzbChjb2xvcik7XG4gICAgICAgICAgICBsZXQgcmdiID0gdGhpcy5wZXBDb2xvclNlcnZpY2UuaHNsMnJnYihoc2wpO1xuICAgICAgICAgICAgcmdiYSA9ICdyZ2JhKCcgKyByZ2IuciArICcsJyArIHJnYi5nICsgJywnICsgcmdiLmIgKyAnLCcgKyBvcGFjaXR5ICsgJyknO1xuICAgICAgICB9XG5cbiAgICAgICAgcmV0dXJuIHJnYmE7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSByYWlzZUNvbG9yQ2hhbmdlKCkge1xuICAgICAgICB0aGlzLmNvbG9yQ2hhbmdlLmVtaXQodGhpcy5jb2xvcik7XG4gICAgfVxuXG4gICAgZ2V0U2xpZGVyQmFja2dyb3VuZCgpIHtcbiAgICAgICAgbGV0IGFsaWduVG8gPSAncmlnaHQnO1xuICAgIFxuICAgICAgICBsZXQgY29sb3JPYmogPSBuZXcgUGVwQ29sb3JTZXR0aW5ncygpO1xuICAgIFxuICAgICAgICBjb2xvck9iai52YWx1ZSA9IHRoaXMuY29sb3IudmFsdWU7XG4gICAgICAgIGNvbG9yT2JqLm9wYWNpdHkgPSAxMDA7XG4gICAgXG4gICAgICAgIGxldCBncmFkU3RyID0gdGhpcy5nZXRSR0JBY29sb3IoY29sb3JPYmosIDApICsgJyAsICcgKyB0aGlzLmdldFJHQkFjb2xvcihjb2xvck9iaik7XG4gICAgXG4gICAgICAgIHJldHVybiAnbGluZWFyLWdyYWRpZW50KHRvICcgKyBhbGlnblRvICsgJywgJyArIGdyYWRTdHIgKyAnKSc7XG4gICAgfVxuXG4gICAgb25Vc2VDaGFuZ2VkKHZhbHVlOiBib29sZWFuKSB7XG4gICAgICAgIHRoaXMuY29sb3IudXNlID0gdmFsdWU7XG4gICAgICAgIHRoaXMucmFpc2VDb2xvckNoYW5nZSgpO1xuICAgIH1cblxuICAgIG9uQ29sb3JDaGFuZ2VkKHZhbHVlOiBzdHJpbmcpIHtcbiAgICAgICAgdGhpcy5jb2xvci52YWx1ZSA9IHZhbHVlO1xuICAgICAgICB0aGlzLnJhaXNlQ29sb3JDaGFuZ2UoKTtcbiAgICB9XG5cbiAgICBvblNsaWRlclZhbHVlQ2hhbmdlZCh2YWx1ZTogbnVtYmVyKSB7XG4gICAgICAgIHRoaXMuY29sb3Iub3BhY2l0eSA9IHZhbHVlO1xuICAgICAgICB0aGlzLnJhaXNlQ29sb3JDaGFuZ2UoKTtcbiAgICB9XG59XG4iLCI8cGVwLWNoZWNrYm94IGNsYXNzPVwiY2hlY2tib3gtYXMtdGl0bGVcIiBbbGFiZWxdPVwidGl0bGVcIiBbcmVuZGVyVGl0bGVdPVwiZmFsc2VcIiBbdmFsdWVdPVwiY29sb3IudXNlXCIgKHZhbHVlQ2hhbmdlKT1cIm9uVXNlQ2hhbmdlZCgkZXZlbnQpXCI+PC9wZXAtY2hlY2tib3g+XG48cGVwLWNvbG9yIFt2YWx1ZV09XCJjb2xvci52YWx1ZVwiIFtsYWJlbF09XCJ0aXRsZSArICcgJyArICgnQ09MT1JfU0VUVElOR1MuQ09MT1InIHwgdHJhbnNsYXRlKVwiIFtkaXNhYmxlZF09XCIhY29sb3IudXNlXCIgKHZhbHVlQ2hhbmdlKT1cIm9uQ29sb3JDaGFuZ2VkKCRldmVudClcIj5cbjwvcGVwLWNvbG9yPlxuPHBlcC1zbGlkZXIgW2xhYmVsXT1cInRpdGxlICsgJyAnICsgKCdDT0xPUl9TRVRUSU5HUy5PUEFDSVRZJyB8IHRyYW5zbGF0ZSlcIiBbaGludF09XCJjb2xvci5vcGFjaXR5LnRvU3RyaW5nKCkgfHwgJydcIiBbbWluVmFsdWVdPVwiMFwiIFttYXhWYWx1ZV09XCIxMDBcIiBbZGlzYWJsZWRdPVwiIWNvbG9yLnVzZVwiIFt2YWx1ZV09XCJjb2xvci5vcGFjaXR5XCIgXG4gICAgW2JhY2tncm91bmRdPVwiZ2V0U2xpZGVyQmFja2dyb3VuZCgpXCIgKGlucHV0Q2hhbmdlKT1cIm9uU2xpZGVyVmFsdWVDaGFuZ2VkKCRldmVudClcIj5cbjwvcGVwLXNsaWRlcj5cbiJdfQ==

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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3Itc2V0dGluZ3MubW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtY29tcG9zaXRlLWxpYi9jb2xvci1zZXR0aW5ncy9jb2xvci1zZXR0aW5ncy5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLE9BQU8sZ0JBQWdCO0lBQTdCO1FBQ0ksUUFBRyxHQUFZLEtBQUssQ0FBQztRQUNyQixVQUFLLEdBQVcsaUJBQWlCLENBQUM7UUFDbEMsWUFBTyxHQUFXLEVBQUUsQ0FBQztRQUNyQix1Q0FBdUM7SUFDM0MsQ0FBQztDQUFBIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGNsYXNzIFBlcENvbG9yU2V0dGluZ3Mge1xyXG4gICAgdXNlOiBib29sZWFuID0gZmFsc2U7XHJcbiAgICB2YWx1ZTogc3RyaW5nID0gJ2hzbCgwLCAwJSwgNTclKSc7XHJcbiAgICBvcGFjaXR5OiBudW1iZXIgPSA1MDtcclxuICAgIC8vIHVzZUdyYWRpZW50T3ZlcmxheT86IGJvb2xlYW4gPSB0cnVlO1xyXG59Il19