@pepperi-addons/ngx-composite-lib 0.0.13-beta.1 → 0.0.13-beta.4

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

@@ -29,137 +29,137 @@
     var i4__namespace = /*#__PURE__*/_interopNamespace(i4);
     var i5__namespace = /*#__PURE__*/_interopNamespace(i5);
 
-    var PepColorSettings = /** @class */ (function () {
-        function PepColorSettings() {
-            this.use = false;
-            this.value = 'hsl(0, 0%, 57%)';
-            this.opacity = 50;
-            // useGradientOverlay?: boolean = true;
-        }
-        return PepColorSettings;
+    var PepColorSettings = /** @class */ (function () {
+        function PepColorSettings() {
+            this.use = false;
+            this.value = 'hsl(0, 0%, 57%)';
+            this.opacity = 50;
+            // useGradientOverlay?: boolean = true;
+        }
+        return PepColorSettings;
     }());
 
-    var ColorSettingsComponent = /** @class */ (function () {
-        function ColorSettingsComponent(pepColorService) {
-            this.pepColorService = pepColorService;
-            this.title = '';
-            this._color = new PepColorSettings();
-            this.colorChange = new i0.EventEmitter();
-        }
-        Object.defineProperty(ColorSettingsComponent.prototype, "color", {
-            get: function () {
-                return this._color;
-            },
-            set: function (value) {
-                if (!value) {
-                    this._color = new PepColorSettings();
-                }
-                else {
-                    this._color = value;
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        ColorSettingsComponent.prototype.ngOnInit = function () {
-            //
-        };
-        ColorSettingsComponent.prototype.getRGBAcolor = function (colorObj, opac) {
-            if (opac === void 0) { opac = null; }
-            var rgba = 'rgba(255,255,255,0)';
-            if (colorObj) {
-                var color = colorObj.value;
-                var opacity = opac != null ? opac : colorObj.opacity;
-                opacity = opacity > 0 ? opacity / 100 : 0;
-                var hsl = this.pepColorService.hslString2hsl(color);
-                var rgb = this.pepColorService.hsl2rgb(hsl);
-                rgba = 'rgba(' + rgb.r + ',' + rgb.g + ',' + rgb.b + ',' + opacity + ')';
-            }
-            return rgba;
-        };
-        ColorSettingsComponent.prototype.raiseColorChange = function () {
-            this.colorChange.emit(this.color);
-        };
-        ColorSettingsComponent.prototype.getSliderBackground = function () {
-            var alignTo = 'right';
-            var colorObj = new PepColorSettings();
-            colorObj.value = this.color.value;
-            colorObj.opacity = 100;
-            var gradStr = this.getRGBAcolor(colorObj, 0) + ' , ' + this.getRGBAcolor(colorObj);
-            return 'linear-gradient(to ' + alignTo + ', ' + gradStr + ')';
-        };
-        ColorSettingsComponent.prototype.onUseChanged = function (value) {
-            this.color.use = value;
-            this.raiseColorChange();
-        };
-        ColorSettingsComponent.prototype.onColorChanged = function (value) {
-            this.color.value = value;
-            this.raiseColorChange();
-        };
-        ColorSettingsComponent.prototype.onSliderValueChanged = function (value) {
-            this.color.opacity = value;
-            this.raiseColorChange();
-        };
-        return ColorSettingsComponent;
-    }());
-    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 });
-    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 } });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: ColorSettingsComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'pep-color-settings',
-                        templateUrl: './color-settings.component.html',
-                        styleUrls: ['./color-settings.component.scss']
-                    }]
-            }], ctorParameters: function () { return [{ type: i1__namespace.PepColorService }]; }, propDecorators: { title: [{
-                    type: i0.Input
-                }], color: [{
-                    type: i0.Input
-                }], colorChange: [{
-                    type: i0.Output
+    var ColorSettingsComponent = /** @class */ (function () {
+        function ColorSettingsComponent(pepColorService) {
+            this.pepColorService = pepColorService;
+            this.title = '';
+            this._color = new PepColorSettings();
+            this.colorChange = new i0.EventEmitter();
+        }
+        Object.defineProperty(ColorSettingsComponent.prototype, "color", {
+            get: function () {
+                return this._color;
+            },
+            set: function (value) {
+                if (!value) {
+                    this._color = new PepColorSettings();
+                }
+                else {
+                    this._color = value;
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
+        ColorSettingsComponent.prototype.ngOnInit = function () {
+            //
+        };
+        ColorSettingsComponent.prototype.getRGBAcolor = function (colorObj, opac) {
+            if (opac === void 0) { opac = null; }
+            var rgba = 'rgba(255,255,255,0)';
+            if (colorObj) {
+                var color = colorObj.value;
+                var opacity = opac != null ? opac : colorObj.opacity;
+                opacity = opacity > 0 ? opacity / 100 : 0;
+                var hsl = this.pepColorService.hslString2hsl(color);
+                var rgb = this.pepColorService.hsl2rgb(hsl);
+                rgba = 'rgba(' + rgb.r + ',' + rgb.g + ',' + rgb.b + ',' + opacity + ')';
+            }
+            return rgba;
+        };
+        ColorSettingsComponent.prototype.raiseColorChange = function () {
+            this.colorChange.emit(this.color);
+        };
+        ColorSettingsComponent.prototype.getSliderBackground = function () {
+            var alignTo = 'right';
+            var colorObj = new PepColorSettings();
+            colorObj.value = this.color.value;
+            colorObj.opacity = 100;
+            var gradStr = this.getRGBAcolor(colorObj, 0) + ' , ' + this.getRGBAcolor(colorObj);
+            return 'linear-gradient(to ' + alignTo + ', ' + gradStr + ')';
+        };
+        ColorSettingsComponent.prototype.onUseChanged = function (value) {
+            this.color.use = value;
+            this.raiseColorChange();
+        };
+        ColorSettingsComponent.prototype.onColorChanged = function (value) {
+            this.color.value = value;
+            this.raiseColorChange();
+        };
+        ColorSettingsComponent.prototype.onSliderValueChanged = function (value) {
+            this.color.opacity = value;
+            this.raiseColorChange();
+        };
+        return ColorSettingsComponent;
+    }());
+    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 });
+    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 } });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: ColorSettingsComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'pep-color-settings',
+                        templateUrl: './color-settings.component.html',
+                        styleUrls: ['./color-settings.component.scss']
+                    }]
+            }], ctorParameters: function () { return [{ type: i1__namespace.PepColorService }]; }, propDecorators: { title: [{
+                    type: i0.Input
+                }], color: [{
+                    type: i0.Input
+                }], colorChange: [{
+                    type: i0.Output
                 }] } });
 
-    var PepColorSettingsModule = /** @class */ (function () {
-        function PepColorSettingsModule() {
-        }
-        return PepColorSettingsModule;
-    }());
-    PepColorSettingsModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: PepColorSettingsModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    PepColorSettingsModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: PepColorSettingsModule, declarations: [ColorSettingsComponent], imports: [common.CommonModule,
-            i1.PepNgxLibModule,
-            i2.PepCheckboxModule,
-            i3.PepColorModule,
-            i4.PepSliderModule], exports: [ColorSettingsComponent] });
-    PepColorSettingsModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: PepColorSettingsModule, imports: [[
-                common.CommonModule,
-                i1.PepNgxLibModule,
-                i2.PepCheckboxModule,
-                i3.PepColorModule,
-                i4.PepSliderModule
-            ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: PepColorSettingsModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [
-                            ColorSettingsComponent
-                        ],
-                        imports: [
-                            common.CommonModule,
-                            i1.PepNgxLibModule,
-                            i2.PepCheckboxModule,
-                            i3.PepColorModule,
-                            i4.PepSliderModule
-                        ],
-                        exports: [ColorSettingsComponent],
-                    }]
+    var PepColorSettingsModule = /** @class */ (function () {
+        function PepColorSettingsModule() {
+        }
+        return PepColorSettingsModule;
+    }());
+    PepColorSettingsModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: PepColorSettingsModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    PepColorSettingsModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: PepColorSettingsModule, declarations: [ColorSettingsComponent], imports: [common.CommonModule,
+            i1.PepNgxLibModule,
+            i2.PepCheckboxModule,
+            i3.PepColorModule,
+            i4.PepSliderModule], exports: [ColorSettingsComponent] });
+    PepColorSettingsModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: PepColorSettingsModule, imports: [[
+                common.CommonModule,
+                i1.PepNgxLibModule,
+                i2.PepCheckboxModule,
+                i3.PepColorModule,
+                i4.PepSliderModule
+            ]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: PepColorSettingsModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        declarations: [
+                            ColorSettingsComponent
+                        ],
+                        imports: [
+                            common.CommonModule,
+                            i1.PepNgxLibModule,
+                            i2.PepCheckboxModule,
+                            i3.PepColorModule,
+                            i4.PepSliderModule
+                        ],
+                        exports: [ColorSettingsComponent],
+                    }]
             }] });
 
-    /*
-     * Public API Surface of ngx-composite-lib/color-settings
+    /*
+     * Public API Surface of ngx-composite-lib/color-settings
      */
 
-    /**
-     * Generated bundle index. Do not edit.
+    /**
+     * Generated bundle index. Do not edit.
      */
 
     exports.ColorSettingsComponent = ColorSettingsComponent;