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

package/README.md

@@ -1,24 +1,24 @@
-# NgxCompositeLib
-
-This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.0.5.
-
-## Code scaffolding
-
-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`.
-> 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. 
-
-## Build
-
-Run `ng build ngx-composite-lib` to build the project. The build artifacts will be stored in the `dist/` directory.
-
-## Publishing
-
-After building your library with `ng build ngx-composite-lib`, go to the dist folder `cd dist/ngx-composite-lib` and run `npm publish`.
-
-## Running unit tests
-
-Run `ng test ngx-composite-lib` to execute the unit tests via [Karma](https://karma-runner.github.io).
-
-## Further help
-
-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.
+# NgxCompositeLib
+
+This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.0.5.
+
+## Code scaffolding
+
+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`.
+> 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. 
+
+## Build
+
+Run `ng build ngx-composite-lib` to build the project. The build artifacts will be stored in the `dist/` directory.
+
+## Publishing
+
+After building your library with `ng build ngx-composite-lib`, go to the dist folder `cd dist/ngx-composite-lib` and run `npm publish`.
+
+## Running unit tests
+
+Run `ng test ngx-composite-lib` to execute the unit tests via [Karma](https://karma-runner.github.io).
+
+## Further help
+
+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.

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

@@ -29,136 +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", "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>\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 } });
+    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;

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

@@ -1 +1 @@
-{"version":3,"file":"pepperi-addons-ngx-composite-lib-color-settings.umd.js","sources":["../../../projects/ngx-composite-lib/color-settings/color-settings.model.ts","../../../projects/ngx-composite-lib/color-settings/color-settings.component.ts","../../../projects/ngx-composite-lib/color-settings/color-settings.component.html","../../../projects/ngx-composite-lib/color-settings/color-settings.module.ts","../../../projects/ngx-composite-lib/color-settings/public-api.ts","../../../projects/ngx-composite-lib/color-settings/pepperi-addons-ngx-composite-lib-color-settings.ts"],"sourcesContent":["export class PepColorSettings {\r\n    use: boolean = false;\r\n    value: string = 'hsl(0, 0%, 57%)';\r\n    opacity: number = 50;\r\n    // useGradientOverlay?: boolean = true;\r\n}","import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\nimport { PepColorService } from '@pepperi-addons/ngx-lib';\nimport { PepColorSettings } from './color-settings.model';\n\n@Component({\n    selector: 'pep-color-settings',\n    templateUrl: './color-settings.component.html',\n    styleUrls: ['./color-settings.component.scss']\n})\nexport class ColorSettingsComponent implements OnInit {\n\n    @Input() title: string = '';\n\n    private _color: PepColorSettings = new PepColorSettings();\n    @Input()\n    set color(value: PepColorSettings) {\n        if (!value) {\n            this._color = new PepColorSettings();\n        } else {\n            this._color = value;\n        }\n    }\n    get color(): PepColorSettings {\n        return this._color;\n    }\n\n    @Output()\n    colorChange: EventEmitter<PepColorSettings> = new EventEmitter<PepColorSettings>();\n    \n    constructor(private pepColorService: PepColorService) { }\n\n    ngOnInit(): void {\n    }\n\n    private getRGBAcolor(colorObj: PepColorSettings, opac: number | null = null) {\n        let rgba = 'rgba(255,255,255,0)';\n\n        if (colorObj) {\n            let color = colorObj.value;\n            let opacity = opac != null ? opac : colorObj.opacity;\n\n            opacity = opacity > 0 ? opacity / 100 : 0;\n\n            let hsl = this.pepColorService.hslString2hsl(color);\n            let rgb = this.pepColorService.hsl2rgb(hsl);\n            rgba = 'rgba(' + rgb.r + ',' + rgb.g + ',' + rgb.b + ',' + opacity + ')';\n        }\n\n        return rgba;\n    }\n\n    private raiseColorChange() {\n        this.colorChange.emit(this.color);\n    }\n\n    getSliderBackground() {\n        let alignTo = 'right';\n    \n        let colorObj = new PepColorSettings();\n    \n        colorObj.value = this.color.value;\n        colorObj.opacity = 100;\n    \n        let gradStr = this.getRGBAcolor(colorObj, 0) + ' , ' + this.getRGBAcolor(colorObj);\n    \n        return 'linear-gradient(to ' + alignTo + ', ' + gradStr + ')';\n    }\n\n    onUseChanged(value: boolean) {\n        this.color.use = value;\n        this.raiseColorChange();\n    }\n\n    onColorChanged(value: string) {\n        this.color.value = value;\n        this.raiseColorChange();\n    }\n\n    onSliderValueChanged(value: number) {\n        this.color.opacity = value;\n        this.raiseColorChange();\n    }\n}\n","<pep-checkbox class=\"checkbox-as-title\" [label]=\"title\" [renderTitle]=\"false\" [value]=\"color.use\" (valueChange)=\"onUseChanged($event)\"></pep-checkbox>\n<pep-color [value]=\"color.value\" [label]=\"title + ' ' + ('COLOR_SETTINGS.COLOR' | translate)\" [disabled]=\"!color.use\" (valueChange)=\"onColorChanged($event)\">\n</pep-color>\n<pep-slider [label]=\"title + ' ' + ('COLOR_SETTINGS.OPACITY' | translate)\" [hint]=\"color.opacity.toString() || ''\" [minValue]=\"0\" [maxValue]=\"100\" [disabled]=\"!color.use\" [value]=\"color.opacity\" \n    [background]=\"getSliderBackground()\" (inputChange)=\"onSliderValueChanged($event)\">\n</pep-slider>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\nimport { PepColorModule } from '@pepperi-addons/ngx-lib/color';\nimport { PepCheckboxModule } from '@pepperi-addons/ngx-lib/checkbox';\nimport { PepSliderModule } from '@pepperi-addons/ngx-lib/slider';\n\nimport { ColorSettingsComponent } from './color-settings.component';\n\n@NgModule({\n    declarations: [\n        ColorSettingsComponent\n    ],\n    imports: [\n        CommonModule,\n        PepNgxLibModule,\n        PepCheckboxModule,\n        PepColorModule,\n        PepSliderModule\n    ],\n    exports: [ColorSettingsComponent],\n})\nexport class PepColorSettingsModule { }\n","/*\n * Public API Surface of ngx-composite-lib/color-settings\n */\nexport * from './color-settings.module';\nexport * from './color-settings.component';\nexport * from './color-settings.model';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["EventEmitter","Component","Input","Output","CommonModule","PepNgxLibModule","PepCheckboxModule","PepColorModule","PepSliderModule","NgModule"],"mappings":"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"}
+{"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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"}

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

@@ -26,85 +26,87 @@
     var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
     var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
 
-    var DraggableItemComponent = /** @class */ (function () {
-        // private _isDraggable = false;
-        // @Input()
-        // set isDraggable(value: boolean) {
-        //     this._isDraggable = value;
-        //     this._cursor = value ? 'move' : 'inherit'
-        // }
-        // get isDraggable(): boolean {
-        //     return this._isDraggable;
-        // }
-        function DraggableItemComponent() {
-            this._cursor = 'move';
-            this.title = '';
-            this.disabled = false;
-        }
-        DraggableItemComponent.prototype.ngOnInit = function () {
-        };
-        return DraggableItemComponent;
-    }());
-    DraggableItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: DraggableItemComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    DraggableItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: DraggableItemComponent, selector: "pep-draggable-item", inputs: { title: "title", disabled: "disabled" }, host: { properties: { "style.cursor": "this._cursor" } }, ngImport: i0__namespace, template: "<div class=\"draggable-item-container\" [ngClass]=\"{ 'disabled': disabled }\">\n    <div class=\"\">\n        <pep-button classNames=\"lock-events\" sizeType=\"xs\" iconName=\"system_move\"></pep-button>\n    </div>\n    <div *ngIf=\"title !== ''\" class=\"title-container\">\n        <span class=\"body-sm bold ellipsis title\" title=\"{{title}}\">{{title}}</span>\n    </div>\n    <div class=\"actions\">\n        <ng-content select=\"[pep-actions]\"></ng-content>\n    </div>\n</div>", styles: [":host{display:block}.draggable-item-container{height:2.5rem;width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;border-radius:var(--pep-border-radius-md, .25rem);padding-inline:var(--pep-spacing-sm, .5rem);background:hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),98%);box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);border:1px solid hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),calc(var(--pep-color-regular-l, 10%) + 30%))}.title-container{overflow-x:hidden;margin-inline:var(--pep-spacing-sm, .5rem)}.title-container .title{display:block}.actions{display:inline-flex;grid-gap:var(--pep-spacing-xs, .25rem);gap:var(--pep-spacing-xs, .25rem)}\n"], components: [{ type: i1__namespace.PepButtonComponent, selector: "pep-button", inputs: ["styleType", "styleStateType", "sizeType", "classNames", "disabled", "iconPosition", "visible", "key", "value", "iconName"], outputs: ["buttonClick"] }], directives: [{ type: i2__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: DraggableItemComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'pep-draggable-item',
-                        templateUrl: './draggable-item.component.html',
-                        styleUrls: ['./draggable-item.component.scss']
-                    }]
-            }], ctorParameters: function () { return []; }, propDecorators: { _cursor: [{
-                    type: i0.HostBinding,
-                    args: ['style.cursor']
-                }], title: [{
-                    type: i0.Input
-                }], disabled: [{
-                    type: i0.Input
+    var DraggableItemComponent = /** @class */ (function () {
+        // private _isDraggable = false;
+        // @Input()
+        // set isDraggable(value: boolean) {
+        //     this._isDraggable = value;
+        //     this._cursor = value ? 'move' : 'inherit'
+        // }
+        // get isDraggable(): boolean {
+        //     return this._isDraggable;
+        // }
+        function DraggableItemComponent() {
+            this._cursor = 'move';
+            this.title = '';
+            this.disabled = false;
+            //
+        }
+        DraggableItemComponent.prototype.ngOnInit = function () {
+            //
+        };
+        return DraggableItemComponent;
+    }());
+    DraggableItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: DraggableItemComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    DraggableItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: DraggableItemComponent, selector: "pep-draggable-item", inputs: { title: "title", disabled: "disabled" }, host: { properties: { "style.cursor": "this._cursor" } }, ngImport: i0__namespace, template: "<div class=\"draggable-item-container\" [ngClass]=\"{ 'disabled': disabled }\">\r\n    <div class=\"\">\r\n        <pep-button classNames=\"lock-events\" sizeType=\"xs\" iconName=\"system_move\"></pep-button>\r\n    </div>\r\n    <div *ngIf=\"title !== ''\" class=\"title-container\">\r\n        <span class=\"body-sm bold ellipsis title\" title=\"{{title}}\">{{title}}</span>\r\n    </div>\r\n    <div class=\"actions\">\r\n        <ng-content select=\"[pep-actions]\"></ng-content>\r\n    </div>\r\n</div>", styles: [":host{display:block;cursor:grab}.draggable-item-container{height:2.5rem;width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;border-radius:var(--pep-border-radius-md, .25rem);padding-inline:var(--pep-spacing-sm, .5rem);background:hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),98%);box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);border:1px solid hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),calc(var(--pep-color-regular-l, 10%) + 30%))}.draggable-item-container .title-container{overflow-x:hidden;margin-inline:var(--pep-spacing-sm, .5rem)}.draggable-item-container .title-container .title{display:block}.draggable-item-container .actions{display:inline-flex;grid-gap:var(--pep-spacing-xs, .25rem);gap:var(--pep-spacing-xs, .25rem)}\n"], components: [{ type: i1__namespace.PepButtonComponent, selector: "pep-button", inputs: ["styleType", "styleStateType", "sizeType", "classNames", "disabled", "iconPosition", "visible", "key", "value", "iconName"], outputs: ["buttonClick"] }], directives: [{ type: i2__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: DraggableItemComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'pep-draggable-item',
+                        templateUrl: './draggable-item.component.html',
+                        styleUrls: ['./draggable-item.component.scss']
+                    }]
+            }], ctorParameters: function () { return []; }, propDecorators: { _cursor: [{
+                    type: i0.HostBinding,
+                    args: ['style.cursor']
+                }], title: [{
+                    type: i0.Input
+                }], disabled: [{
+                    type: i0.Input
                 }] } });
 
-    var DraggableItemModule = /** @class */ (function () {
-        function DraggableItemModule() {
-        }
-        return DraggableItemModule;
-    }());
-    DraggableItemModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: DraggableItemModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    DraggableItemModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: DraggableItemModule, declarations: [DraggableItemComponent], imports: [i2.CommonModule,
-            ngxLib.PepNgxLibModule,
-            i1.PepButtonModule,
-            dragDrop.DragDropModule], exports: [DraggableItemComponent] });
-    DraggableItemModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: DraggableItemModule, imports: [[
-                i2.CommonModule,
-                ngxLib.PepNgxLibModule,
-                i1.PepButtonModule,
-                dragDrop.DragDropModule
-            ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: DraggableItemModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [
-                            DraggableItemComponent
-                        ],
-                        imports: [
-                            i2.CommonModule,
-                            ngxLib.PepNgxLibModule,
-                            i1.PepButtonModule,
-                            dragDrop.DragDropModule
-                        ],
-                        exports: [DraggableItemComponent],
-                    }]
+    var PepDraggableItemModule = /** @class */ (function () {
+        function PepDraggableItemModule() {
+        }
+        return PepDraggableItemModule;
+    }());
+    PepDraggableItemModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: PepDraggableItemModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    PepDraggableItemModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: PepDraggableItemModule, declarations: [DraggableItemComponent], imports: [i2.CommonModule,
+            ngxLib.PepNgxLibModule,
+            i1.PepButtonModule,
+            dragDrop.DragDropModule], exports: [DraggableItemComponent] });
+    PepDraggableItemModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: PepDraggableItemModule, imports: [[
+                i2.CommonModule,
+                ngxLib.PepNgxLibModule,
+                i1.PepButtonModule,
+                dragDrop.DragDropModule
+            ]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: PepDraggableItemModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        declarations: [
+                            DraggableItemComponent
+                        ],
+                        imports: [
+                            i2.CommonModule,
+                            ngxLib.PepNgxLibModule,
+                            i1.PepButtonModule,
+                            dragDrop.DragDropModule
+                        ],
+                        exports: [DraggableItemComponent],
+                    }]
             }] });
 
-    /*
-     * Public API Surface of ngx-composite-lib/draggable-item
+    /*
+     * Public API Surface of ngx-composite-lib/draggable-item
      */
 
-    /**
-     * Generated bundle index. Do not edit.
+    /**
+     * Generated bundle index. Do not edit.
      */
 
     exports.DraggableItemComponent = DraggableItemComponent;
-    exports.DraggableItemModule = DraggableItemModule;
+    exports.PepDraggableItemModule = PepDraggableItemModule;
 
     Object.defineProperty(exports, '__esModule', { value: true });
 

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

@@ -1 +1 @@
-{"version":3,"file":"pepperi-addons-ngx-composite-lib-draggable-item.umd.js","sources":["../../../projects/ngx-composite-lib/draggable-item/draggable-item.component.ts","../../../projects/ngx-composite-lib/draggable-item/draggable-item.component.html","../../../projects/ngx-composite-lib/draggable-item/draggable-item.module.ts","../../../projects/ngx-composite-lib/draggable-item/public-api.ts","../../../projects/ngx-composite-lib/draggable-item/pepperi-addons-ngx-composite-lib-draggable-item.ts"],"sourcesContent":["import { Component, EventEmitter, HostBinding, Input, OnInit, Output } from '@angular/core';\n\n@Component({\n    selector: 'pep-draggable-item',\n    templateUrl: './draggable-item.component.html',\n    styleUrls: ['./draggable-item.component.scss']\n})\nexport class DraggableItemComponent implements OnInit {\n\n    @HostBinding('style.cursor') _cursor = 'move';\n\n    @Input() title = '';\n    \n    @Input() disabled = false;\n\n    // private _isDraggable = false;\n    // @Input()\n    // set isDraggable(value: boolean) {\n    //     this._isDraggable = value;\n\n    //     this._cursor = value ? 'move' : 'inherit'\n    // }\n    // get isDraggable(): boolean {\n    //     return this._isDraggable;\n    // }\n\n    constructor() { }\n\n    ngOnInit(): void {\n    }\n}\n","<div class=\"draggable-item-container\" [ngClass]=\"{ 'disabled': disabled }\">\n    <div class=\"\">\n        <pep-button classNames=\"lock-events\" sizeType=\"xs\" iconName=\"system_move\"></pep-button>\n    </div>\n    <div *ngIf=\"title !== ''\" class=\"title-container\">\n        <span class=\"body-sm bold ellipsis title\" title=\"{{title}}\">{{title}}</span>\n    </div>\n    <div class=\"actions\">\n        <ng-content select=\"[pep-actions]\"></ng-content>\n    </div>\n</div>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\nimport { PepButtonModule } from '@pepperi-addons/ngx-lib/button';\n\nimport { DragDropModule } from '@angular/cdk/drag-drop';\n\nimport { DraggableItemComponent } from './draggable-item.component';\n\n@NgModule({\n    declarations: [\n        DraggableItemComponent\n    ],\n    imports: [\n        CommonModule,\n        PepNgxLibModule,\n        PepButtonModule,\n        DragDropModule\n    ],\n    exports: [DraggableItemComponent],\n})\nexport class DraggableItemModule { }\n","/*\n * Public API Surface of ngx-composite-lib/draggable-item\n */\nexport * from './draggable-item.module';\nexport * from './draggable-item.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["Component","HostBinding","Input","CommonModule","PepNgxLibModule","PepButtonModule","DragDropModule","NgModule"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QA0BI;YAjB6B,YAAO,GAAG,MAAM,CAAC;YAErC,UAAK,GAAG,EAAE,CAAC;YAEX,aAAQ,GAAG,KAAK,CAAC;SAaT;QAEjB,yCAAQ,GAAR;SACC;;;6IAtBQ,sBAAsB;sHAAtB,sBAAsB,iLCPnC,yeAUM;qHDHO,sBAAsB;sBALlCA,YAAS;uBAAC;wBACP,QAAQ,EAAE,oBAAoB;wBAC9B,WAAW,EAAE,iCAAiC;wBAC9C,SAAS,EAAE,CAAC,iCAAiC,CAAC;qBACjD;8EAGgC,OAAO;0BAAnCC,cAAW;2BAAC,cAAc;oBAElB,KAAK;0BAAbC,QAAK;oBAEG,QAAQ;0BAAhBA,QAAK;;;;QEQV;;;;0IAAa,mBAAmB;2IAAnB,mBAAmB,iBAVxB,sBAAsB,aAGtBC,eAAY;YACZC,sBAAe;YACfC,kBAAe;YACfC,uBAAc,aAER,sBAAsB;2IAEvB,mBAAmB,YARnB;gBACLH,eAAY;gBACZC,sBAAe;gBACfC,kBAAe;gBACfC,uBAAc;aACjB;qHAGQ,mBAAmB;sBAZ/BC,WAAQ;uBAAC;wBACN,YAAY,EAAE;4BACV,sBAAsB;yBACzB;wBACD,OAAO,EAAE;4BACLJ,eAAY;4BACZC,sBAAe;4BACfC,kBAAe;4BACfC,uBAAc;yBACjB;wBACD,OAAO,EAAE,CAAC,sBAAsB,CAAC;qBACpC;;;ICpBD;;;;ICAA;;;;;;;;;;;;;"}
+{"version":3,"file":"pepperi-addons-ngx-composite-lib-draggable-item.umd.js","sources":["../../../projects/ngx-composite-lib/draggable-item/draggable-item.component.ts","../../../projects/ngx-composite-lib/draggable-item/draggable-item.component.html","../../../projects/ngx-composite-lib/draggable-item/draggable-item.module.ts","../../../projects/ngx-composite-lib/draggable-item/public-api.ts","../../../projects/ngx-composite-lib/draggable-item/pepperi-addons-ngx-composite-lib-draggable-item.ts"],"sourcesContent":["import { Component, EventEmitter, HostBinding, Input, OnInit, Output } from '@angular/core';\r\n\r\n@Component({\r\n    selector: 'pep-draggable-item',\r\n    templateUrl: './draggable-item.component.html',\r\n    styleUrls: ['./draggable-item.component.scss']\r\n})\r\nexport class DraggableItemComponent implements OnInit {\r\n\r\n    @HostBinding('style.cursor') _cursor = 'move';\r\n\r\n    @Input() title = '';\r\n    \r\n    @Input() disabled = false;\r\n\r\n    // private _isDraggable = false;\r\n    // @Input()\r\n    // set isDraggable(value: boolean) {\r\n    //     this._isDraggable = value;\r\n\r\n    //     this._cursor = value ? 'move' : 'inherit'\r\n    // }\r\n    // get isDraggable(): boolean {\r\n    //     return this._isDraggable;\r\n    // }\r\n\r\n    constructor() { \r\n        //\r\n    }\r\n\r\n    ngOnInit(): void {\r\n        //\r\n    }\r\n}\r\n","<div class=\"draggable-item-container\" [ngClass]=\"{ 'disabled': disabled }\">\r\n    <div class=\"\">\r\n        <pep-button classNames=\"lock-events\" sizeType=\"xs\" iconName=\"system_move\"></pep-button>\r\n    </div>\r\n    <div *ngIf=\"title !== ''\" class=\"title-container\">\r\n        <span class=\"body-sm bold ellipsis title\" title=\"{{title}}\">{{title}}</span>\r\n    </div>\r\n    <div class=\"actions\">\r\n        <ng-content select=\"[pep-actions]\"></ng-content>\r\n    </div>\r\n</div>","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\r\nimport { PepButtonModule } from '@pepperi-addons/ngx-lib/button';\r\n\r\nimport { DragDropModule } from '@angular/cdk/drag-drop';\r\n\r\nimport { DraggableItemComponent } from './draggable-item.component';\r\n\r\n@NgModule({\r\n    declarations: [\r\n        DraggableItemComponent\r\n    ],\r\n    imports: [\r\n        CommonModule,\r\n        PepNgxLibModule,\r\n        PepButtonModule,\r\n        DragDropModule\r\n    ],\r\n    exports: [DraggableItemComponent],\r\n})\r\nexport class PepDraggableItemModule { }\r\n","/*\r\n * Public API Surface of ngx-composite-lib/draggable-item\r\n */\r\nexport * from './draggable-item.module';\r\nexport * from './draggable-item.component';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["Component","HostBinding","Input","CommonModule","PepNgxLibModule","PepButtonModule","DragDropModule","NgModule"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QA0BI;YAjB6B,YAAO,GAAG,MAAM,CAAC;YAErC,UAAK,GAAG,EAAE,CAAC;YAEX,aAAQ,GAAG,KAAK,CAAC;;SAezB;QAED,yCAAQ,GAAR;;SAEC;;;6IAzBQ,sBAAsB;sHAAtB,sBAAsB,iLCPnC,6fAUM;qHDHO,sBAAsB;sBALlCA,YAAS;uBAAC;wBACP,QAAQ,EAAE,oBAAoB;wBAC9B,WAAW,EAAE,iCAAiC;wBAC9C,SAAS,EAAE,CAAC,iCAAiC,CAAC;qBACjD;8EAGgC,OAAO;0BAAnCC,cAAW;2BAAC,cAAc;oBAElB,KAAK;0BAAbC,QAAK;oBAEG,QAAQ;0BAAhBA,QAAK;;;;QEQV;;;;6IAAa,sBAAsB;8IAAtB,sBAAsB,iBAV3B,sBAAsB,aAGtBC,eAAY;YACZC,sBAAe;YACfC,kBAAe;YACfC,uBAAc,aAER,sBAAsB;8IAEvB,sBAAsB,YARtB;gBACLH,eAAY;gBACZC,sBAAe;gBACfC,kBAAe;gBACfC,uBAAc;aACjB;qHAGQ,sBAAsB;sBAZlCC,WAAQ;uBAAC;wBACN,YAAY,EAAE;4BACV,sBAAsB;yBACzB;wBACD,OAAO,EAAE;4BACLJ,eAAY;4BACZC,sBAAe;4BACfC,kBAAe;4BACfC,uBAAc;yBACjB;wBACD,OAAO,EAAE,CAAC,sBAAsB,CAAC;qBACpC;;;ICpBD;;;;ICAA;;;;;;;;;;;;;"}