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

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

@@ -28,131 +28,131 @@
     var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
     var i4__namespace = /*#__PURE__*/_interopNamespace(i4);
 
-    var PepShadowSettings = /** @class */ (function () {
-        function PepShadowSettings() {
-            this.use = false;
-            this.size = 'md';
-            this.intensity = 'regular';
-        }
-        return PepShadowSettings;
+    var PepShadowSettings = /** @class */ (function () {
+        function PepShadowSettings() {
+            this.use = false;
+            this.size = 'md';
+            this.intensity = 'regular';
+        }
+        return PepShadowSettings;
     }());
 
-    var ShadowSettingsComponent = /** @class */ (function () {
-        function ShadowSettingsComponent(translate) {
-            this.translate = translate;
-            this._shadow = new PepShadowSettings();
-            this.shadowChange = new i0.EventEmitter();
-            this.shadowSizes = [];
-            this.shadowIntensities = [];
-        }
-        Object.defineProperty(ShadowSettingsComponent.prototype, "shadow", {
-            get: function () {
-                return this._shadow;
-            },
-            set: function (value) {
-                if (!value) {
-                    this._shadow = new PepShadowSettings();
-                }
-                else {
-                    this._shadow = value;
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        ShadowSettingsComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            // Get the first translation for load all translations.
-            this.translate.get('SHADOW_SETTINGS.INTENSITY_SOFT').toPromise().then(function (typeSoft) {
-                _this.shadowSizes = [
-                    { key: 'sm', value: _this.translate.instant('GENERAL.SM'), callback: function () { return _this.onSizeChange('sm'); } },
-                    { key: 'md', value: _this.translate.instant('GENERAL.MD'), callback: function () { return _this.onSizeChange('md'); } },
-                    { key: 'lg', value: _this.translate.instant('GENERAL.LG'), callback: function () { return _this.onSizeChange('lg'); } },
-                    { key: 'xl', value: _this.translate.instant('GENERAL.XL'), callback: function () { return _this.onSizeChange('xl'); } }
-                ];
-                _this.shadowIntensities = [
-                    { key: 'soft', value: typeSoft, callback: function () { return _this.onIntensityChange('soft'); } },
-                    { key: 'regular', value: _this.translate.instant('SHADOW_SETTINGS.INTENSITY_REGULAR'), callback: function () { return _this.onIntensityChange('regular'); } },
-                    { key: 'hard', value: _this.translate.instant('SHADOW_SETTINGS.INTENSITY_HARD'), callback: function () { return _this.onIntensityChange('hard'); } }
-                ];
-            });
-        };
-        ShadowSettingsComponent.prototype.raiseShadowChange = function () {
-            this.shadowChange.emit(this.shadow);
-        };
-        ShadowSettingsComponent.prototype.onUseChanged = function (value) {
-            this.shadow.use = value;
-            this.raiseShadowChange();
-        };
-        ShadowSettingsComponent.prototype.onSizeChange = function (value) {
-            this.shadow.size = value;
-            this.raiseShadowChange();
-        };
-        ShadowSettingsComponent.prototype.onIntensityChange = function (value) {
-            this.shadow.intensity = value;
-            this.raiseShadowChange();
-        };
-        return ShadowSettingsComponent;
-    }());
-    ShadowSettingsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: ShadowSettingsComponent, deps: [{ token: i1__namespace.TranslateService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    ShadowSettingsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: ShadowSettingsComponent, selector: "pep-shadow-settings", inputs: { shadow: "shadow" }, outputs: { shadowChange: "shadowChange" }, ngImport: i0__namespace, template: "<pep-checkbox class=\"checkbox-as-title\" [label]=\"'SHADOW_SETTINGS.TITLE' | translate\" [renderTitle]=\"false\" [value]=\"shadow.use\" (valueChange)=\"onUseChanged($event)\"></pep-checkbox>\n<pep-field-title [label]=\"'SHADOW_SETTINGS.SIZE' | translate\" [disabled]=\"!shadow.use\"></pep-field-title>\n<pep-group-buttons class=\"shadow-size-group\" [buttons]=\"shadowSizes\" [selectedButtonKey]=\"shadow.size\" [stretch]=\"true\" buttonsClass=\"md regular\" [buttonsDisabled]=\"!shadow.use\" viewType=\"toggle\">\n</pep-group-buttons>\n<pep-field-title [label]=\"'SHADOW_SETTINGS.INTENSITY' | translate\" [disabled]=\"!shadow.use\"></pep-field-title>\n<pep-group-buttons class=\"shadow-intensity-group\" [buttons]=\"shadowIntensities\" [selectedButtonKey]=\"shadow.intensity\" [stretch]=\"true\" buttonsClass=\"md regular\" [buttonsDisabled]=\"!shadow.use\" viewType=\"toggle\">\n</pep-group-buttons>", styles: [":host{width:100%}:host .shadow-size-group,:host .shadow-type-group{display:block;margin-bottom:var(--pep-form-spacing, 1rem)}\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.PepFieldTitleComponent, selector: "pep-field-title", inputs: ["label", "mandatory", "disabled", "maxFieldCharacters", "hint", "xAlignment", "showTitle", "inputLength"] }, { type: i4__namespace.PepGroupButtonsComponent, selector: "pep-group-buttons", inputs: ["viewType", "styleType", "sizeType", "buttons", "buttonsDisabled", "selectedButtonKey", "stretch"], outputs: ["buttonClick"] }], pipes: { "translate": i1__namespace.TranslatePipe } });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: ShadowSettingsComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'pep-shadow-settings',
-                        templateUrl: './shadow-settings.component.html',
-                        styleUrls: ['./shadow-settings.component.scss']
-                    }]
-            }], ctorParameters: function () { return [{ type: i1__namespace.TranslateService }]; }, propDecorators: { shadow: [{
-                    type: i0.Input
-                }], shadowChange: [{
-                    type: i0.Output
+    var ShadowSettingsComponent = /** @class */ (function () {
+        function ShadowSettingsComponent(translate) {
+            this.translate = translate;
+            this._shadow = new PepShadowSettings();
+            this.shadowChange = new i0.EventEmitter();
+            this.shadowSizes = [];
+            this.shadowIntensities = [];
+        }
+        Object.defineProperty(ShadowSettingsComponent.prototype, "shadow", {
+            get: function () {
+                return this._shadow;
+            },
+            set: function (value) {
+                if (!value) {
+                    this._shadow = new PepShadowSettings();
+                }
+                else {
+                    this._shadow = value;
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
+        ShadowSettingsComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            // Get the first translation for load all translations.
+            this.translate.get('SHADOW_SETTINGS.INTENSITY_SOFT').toPromise().then(function (typeSoft) {
+                _this.shadowSizes = [
+                    { key: 'sm', value: _this.translate.instant('GENERAL.SM'), callback: function () { return _this.onSizeChange('sm'); } },
+                    { key: 'md', value: _this.translate.instant('GENERAL.MD'), callback: function () { return _this.onSizeChange('md'); } },
+                    { key: 'lg', value: _this.translate.instant('GENERAL.LG'), callback: function () { return _this.onSizeChange('lg'); } },
+                    { key: 'xl', value: _this.translate.instant('GENERAL.XL'), callback: function () { return _this.onSizeChange('xl'); } }
+                ];
+                _this.shadowIntensities = [
+                    { key: 'soft', value: typeSoft, callback: function () { return _this.onIntensityChange('soft'); } },
+                    { key: 'regular', value: _this.translate.instant('SHADOW_SETTINGS.INTENSITY_REGULAR'), callback: function () { return _this.onIntensityChange('regular'); } },
+                    { key: 'hard', value: _this.translate.instant('SHADOW_SETTINGS.INTENSITY_HARD'), callback: function () { return _this.onIntensityChange('hard'); } }
+                ];
+            });
+        };
+        ShadowSettingsComponent.prototype.raiseShadowChange = function () {
+            this.shadowChange.emit(this.shadow);
+        };
+        ShadowSettingsComponent.prototype.onUseChanged = function (value) {
+            this.shadow.use = value;
+            this.raiseShadowChange();
+        };
+        ShadowSettingsComponent.prototype.onSizeChange = function (value) {
+            this.shadow.size = value;
+            this.raiseShadowChange();
+        };
+        ShadowSettingsComponent.prototype.onIntensityChange = function (value) {
+            this.shadow.intensity = value;
+            this.raiseShadowChange();
+        };
+        return ShadowSettingsComponent;
+    }());
+    ShadowSettingsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: ShadowSettingsComponent, deps: [{ token: i1__namespace.TranslateService }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    ShadowSettingsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: ShadowSettingsComponent, selector: "pep-shadow-settings", inputs: { shadow: "shadow" }, outputs: { shadowChange: "shadowChange" }, ngImport: i0__namespace, template: "<pep-checkbox class=\"checkbox-as-title\" [label]=\"'SHADOW_SETTINGS.TITLE' | translate\" [renderTitle]=\"false\" [value]=\"shadow.use\" (valueChange)=\"onUseChanged($event)\"></pep-checkbox>\n<pep-field-title [label]=\"'SHADOW_SETTINGS.SIZE' | translate\" [disabled]=\"!shadow.use\"></pep-field-title>\n<pep-group-buttons class=\"shadow-size-group\" [buttons]=\"shadowSizes\" [selectedButtonKey]=\"shadow.size\" [stretch]=\"true\" buttonsClass=\"md regular\" [buttonsDisabled]=\"!shadow.use\" viewType=\"toggle\">\n</pep-group-buttons>\n<pep-field-title [label]=\"'SHADOW_SETTINGS.INTENSITY' | translate\" [disabled]=\"!shadow.use\"></pep-field-title>\n<pep-group-buttons class=\"shadow-intensity-group\" [buttons]=\"shadowIntensities\" [selectedButtonKey]=\"shadow.intensity\" [stretch]=\"true\" buttonsClass=\"md regular\" [buttonsDisabled]=\"!shadow.use\" viewType=\"toggle\">\n</pep-group-buttons>", styles: [":host{width:100%}:host .shadow-size-group,:host .shadow-type-group{display:block;margin-bottom:var(--pep-form-spacing, 1rem)}\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.PepFieldTitleComponent, selector: "pep-field-title", inputs: ["label", "mandatory", "disabled", "maxFieldCharacters", "hint", "xAlignment", "showTitle", "inputLength"] }, { type: i4__namespace.PepGroupButtonsComponent, selector: "pep-group-buttons", inputs: ["viewType", "styleType", "sizeType", "buttons", "buttonsDisabled", "selectedButtonKey", "stretch"], outputs: ["buttonClick"] }], pipes: { "translate": i1__namespace.TranslatePipe } });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: ShadowSettingsComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'pep-shadow-settings',
+                        templateUrl: './shadow-settings.component.html',
+                        styleUrls: ['./shadow-settings.component.scss']
+                    }]
+            }], ctorParameters: function () { return [{ type: i1__namespace.TranslateService }]; }, propDecorators: { shadow: [{
+                    type: i0.Input
+                }], shadowChange: [{
+                    type: i0.Output
                 }] } });
 
-    var PepShadowSettingsModule = /** @class */ (function () {
-        function PepShadowSettingsModule() {
-        }
-        return PepShadowSettingsModule;
-    }());
-    PepShadowSettingsModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: PepShadowSettingsModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    PepShadowSettingsModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: PepShadowSettingsModule, declarations: [ShadowSettingsComponent], imports: [common.CommonModule,
-            ngxLib.PepNgxLibModule,
-            i2.PepCheckboxModule,
-            i3.PepFieldTitleModule,
-            i4.PepGroupButtonsModule,
-            slider.PepSliderModule], exports: [ShadowSettingsComponent] });
-    PepShadowSettingsModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: PepShadowSettingsModule, imports: [[
-                common.CommonModule,
-                ngxLib.PepNgxLibModule,
-                i2.PepCheckboxModule,
-                i3.PepFieldTitleModule,
-                i4.PepGroupButtonsModule,
-                slider.PepSliderModule
-            ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: PepShadowSettingsModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [
-                            ShadowSettingsComponent
-                        ],
-                        imports: [
-                            common.CommonModule,
-                            ngxLib.PepNgxLibModule,
-                            i2.PepCheckboxModule,
-                            i3.PepFieldTitleModule,
-                            i4.PepGroupButtonsModule,
-                            slider.PepSliderModule
-                        ],
-                        exports: [ShadowSettingsComponent],
-                    }]
+    var PepShadowSettingsModule = /** @class */ (function () {
+        function PepShadowSettingsModule() {
+        }
+        return PepShadowSettingsModule;
+    }());
+    PepShadowSettingsModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: PepShadowSettingsModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    PepShadowSettingsModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: PepShadowSettingsModule, declarations: [ShadowSettingsComponent], imports: [common.CommonModule,
+            ngxLib.PepNgxLibModule,
+            i2.PepCheckboxModule,
+            i3.PepFieldTitleModule,
+            i4.PepGroupButtonsModule,
+            slider.PepSliderModule], exports: [ShadowSettingsComponent] });
+    PepShadowSettingsModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: PepShadowSettingsModule, imports: [[
+                common.CommonModule,
+                ngxLib.PepNgxLibModule,
+                i2.PepCheckboxModule,
+                i3.PepFieldTitleModule,
+                i4.PepGroupButtonsModule,
+                slider.PepSliderModule
+            ]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: PepShadowSettingsModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        declarations: [
+                            ShadowSettingsComponent
+                        ],
+                        imports: [
+                            common.CommonModule,
+                            ngxLib.PepNgxLibModule,
+                            i2.PepCheckboxModule,
+                            i3.PepFieldTitleModule,
+                            i4.PepGroupButtonsModule,
+                            slider.PepSliderModule
+                        ],
+                        exports: [ShadowSettingsComponent],
+                    }]
             }] });
 
-    /*
-     * Public API Surface of ngx-composite-lib/shadow-settings
+    /*
+     * Public API Surface of ngx-composite-lib/shadow-settings
      */
 
-    /**
-     * Generated bundle index. Do not edit.
+    /**
+     * Generated bundle index. Do not edit.
      */
 
     exports.PepShadowSettings = PepShadowSettings;

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

@@ -1 +1 @@
-{"version":3,"file":"pepperi-addons-ngx-composite-lib-shadow-settings.umd.js","sources":["../../../projects/ngx-composite-lib/shadow-settings/shadow-settings.model.ts","../../../projects/ngx-composite-lib/shadow-settings/shadow-settings.component.ts","../../../projects/ngx-composite-lib/shadow-settings/shadow-settings.component.html","../../../projects/ngx-composite-lib/shadow-settings/shadow-settings.module.ts","../../../projects/ngx-composite-lib/shadow-settings/public-api.ts","../../../projects/ngx-composite-lib/shadow-settings/pepperi-addons-ngx-composite-lib-shadow-settings.ts"],"sourcesContent":["import { PepSizeType } from \"@pepperi-addons/ngx-lib\";\r\n\r\nexport type PepShadowIntensityType = 'soft' | 'regular' | 'hard';\r\n\r\nexport class PepShadowSettings {\r\n    use: boolean = false;\r\n    size: PepSizeType = 'md';\r\n    intensity: PepShadowIntensityType = 'regular';\r\n}","import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\nimport { TranslateService } from '@ngx-translate/core';\nimport { PepSizeType } from '@pepperi-addons/ngx-lib';\nimport { IPepButtonClickEvent, PepButton } from '@pepperi-addons/ngx-lib/button';\nimport { PepShadowIntensityType, PepShadowSettings } from './shadow-settings.model';\n\n@Component({\n    selector: 'pep-shadow-settings',\n    templateUrl: './shadow-settings.component.html',\n    styleUrls: ['./shadow-settings.component.scss']\n})\nexport class ShadowSettingsComponent implements OnInit {\n\n    private _shadow: PepShadowSettings = new PepShadowSettings();\n    @Input()\n    set shadow(value: PepShadowSettings) {\n        if (!value) {\n            this._shadow = new PepShadowSettings();\n        } else {\n            this._shadow = value;\n        }\n    }\n    get shadow(): PepShadowSettings {\n        return this._shadow;\n    }\n\n    @Output()\n    shadowChange: EventEmitter<PepShadowSettings> = new EventEmitter<PepShadowSettings>();\n    \n    shadowSizes: Array<PepButton> = [];\n    shadowIntensities: Array<PepButton> = [];\n\n    constructor(\n        private translate: TranslateService,\n    ) {\n    }\n\n    ngOnInit(): void { \n        // Get the first translation for load all translations.\n        this.translate.get('SHADOW_SETTINGS.INTENSITY_SOFT').toPromise().then((typeSoft) => {\n            this.shadowSizes = [\n                { key: 'sm', value: this.translate.instant('GENERAL.SM'), callback: () => this.onSizeChange('sm') },\n                { key: 'md', value: this.translate.instant('GENERAL.MD'), callback: () => this.onSizeChange('md') },\n                { key: 'lg', value: this.translate.instant('GENERAL.LG'), callback: () => this.onSizeChange('lg') },\n                { key: 'xl', value: this.translate.instant('GENERAL.XL'), callback: () => this.onSizeChange('xl') }\n            ];\n\n            this.shadowIntensities = [\n                { key: 'soft', value: typeSoft, callback: () => this.onIntensityChange('soft') },\n                { key: 'regular', value: this.translate.instant('SHADOW_SETTINGS.INTENSITY_REGULAR'), callback: () => this.onIntensityChange('regular') },\n                { key: 'hard', value: this.translate.instant('SHADOW_SETTINGS.INTENSITY_HARD'), callback: () => this.onIntensityChange('hard') }\n            ];\n        });\n    }\n\n\n    private raiseShadowChange() {\n        this.shadowChange.emit(this.shadow);\n    }\n\n    onUseChanged(value: boolean) {\n        this.shadow.use = value;\n        this.raiseShadowChange();\n    }\n\n    onSizeChange(value: PepSizeType) {\n        this.shadow.size = value;\n        this.raiseShadowChange();\n    }\n\n    onIntensityChange(value: PepShadowIntensityType) {\n        this.shadow.intensity = value;\n        this.raiseShadowChange();\n    }\n}\n","<pep-checkbox class=\"checkbox-as-title\" [label]=\"'SHADOW_SETTINGS.TITLE' | translate\" [renderTitle]=\"false\" [value]=\"shadow.use\" (valueChange)=\"onUseChanged($event)\"></pep-checkbox>\n<pep-field-title [label]=\"'SHADOW_SETTINGS.SIZE' | translate\" [disabled]=\"!shadow.use\"></pep-field-title>\n<pep-group-buttons class=\"shadow-size-group\" [buttons]=\"shadowSizes\" [selectedButtonKey]=\"shadow.size\" [stretch]=\"true\" buttonsClass=\"md regular\" [buttonsDisabled]=\"!shadow.use\" viewType=\"toggle\">\n</pep-group-buttons>\n<pep-field-title [label]=\"'SHADOW_SETTINGS.INTENSITY' | translate\" [disabled]=\"!shadow.use\"></pep-field-title>\n<pep-group-buttons class=\"shadow-intensity-group\" [buttons]=\"shadowIntensities\" [selectedButtonKey]=\"shadow.intensity\" [stretch]=\"true\" buttonsClass=\"md regular\" [buttonsDisabled]=\"!shadow.use\" viewType=\"toggle\">\n</pep-group-buttons>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ShadowSettingsComponent } from './shadow-settings.component';\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\nimport { PepCheckboxModule } from '@pepperi-addons/ngx-lib/checkbox';\nimport { PepFieldTitleModule } from '@pepperi-addons/ngx-lib/field-title';\nimport { PepGroupButtonsModule } from '@pepperi-addons/ngx-lib/group-buttons';\nimport { PepSliderModule } from '@pepperi-addons/ngx-lib/slider';\n\n@NgModule({\n    declarations: [\n        ShadowSettingsComponent\n    ],\n    imports: [\n        CommonModule,\n        PepNgxLibModule,\n        PepCheckboxModule,\n        PepFieldTitleModule,\n        PepGroupButtonsModule,\n        PepSliderModule\n    ],\n    exports: [ShadowSettingsComponent],\n})\nexport class PepShadowSettingsModule { }\n","/*\n * Public API Surface of ngx-composite-lib/shadow-settings\n */\nexport * from './shadow-settings.module';\nexport * from './shadow-settings.component';\nexport * from './shadow-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","PepFieldTitleModule","PepGroupButtonsModule","PepSliderModule","NgModule"],"mappings":"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"}
+{"version":3,"file":"pepperi-addons-ngx-composite-lib-shadow-settings.umd.js","sources":["../../../projects/ngx-composite-lib/shadow-settings/shadow-settings.model.ts","../../../projects/ngx-composite-lib/shadow-settings/shadow-settings.component.ts","../../../projects/ngx-composite-lib/shadow-settings/shadow-settings.component.html","../../../projects/ngx-composite-lib/shadow-settings/shadow-settings.module.ts","../../../projects/ngx-composite-lib/shadow-settings/public-api.ts","../../../projects/ngx-composite-lib/shadow-settings/pepperi-addons-ngx-composite-lib-shadow-settings.ts"],"sourcesContent":["import { PepSizeType } from \"@pepperi-addons/ngx-lib\";\r\n\r\nexport type PepShadowIntensityType = 'soft' | 'regular' | 'hard';\r\n\r\nexport class PepShadowSettings {\r\n    use = false;\r\n    size: PepSizeType = 'md';\r\n    intensity: PepShadowIntensityType = 'regular';\r\n}","import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\nimport { TranslateService } from '@ngx-translate/core';\nimport { PepSizeType } from '@pepperi-addons/ngx-lib';\nimport { IPepButtonClickEvent, PepButton } from '@pepperi-addons/ngx-lib/button';\nimport { PepShadowIntensityType, PepShadowSettings } from './shadow-settings.model';\n\n@Component({\n    selector: 'pep-shadow-settings',\n    templateUrl: './shadow-settings.component.html',\n    styleUrls: ['./shadow-settings.component.scss']\n})\nexport class ShadowSettingsComponent implements OnInit {\n\n    private _shadow: PepShadowSettings = new PepShadowSettings();\n    @Input()\n    set shadow(value: PepShadowSettings) {\n        if (!value) {\n            this._shadow = new PepShadowSettings();\n        } else {\n            this._shadow = value;\n        }\n    }\n    get shadow(): PepShadowSettings {\n        return this._shadow;\n    }\n\n    @Output()\n    shadowChange: EventEmitter<PepShadowSettings> = new EventEmitter<PepShadowSettings>();\n    \n    shadowSizes: Array<PepButton> = [];\n    shadowIntensities: Array<PepButton> = [];\n\n    constructor(\n        private translate: TranslateService,\n    ) {\n    }\n\n    ngOnInit(): void { \n        // Get the first translation for load all translations.\n        this.translate.get('SHADOW_SETTINGS.INTENSITY_SOFT').toPromise().then((typeSoft) => {\n            this.shadowSizes = [\n                { key: 'sm', value: this.translate.instant('GENERAL.SM'), callback: () => this.onSizeChange('sm') },\n                { key: 'md', value: this.translate.instant('GENERAL.MD'), callback: () => this.onSizeChange('md') },\n                { key: 'lg', value: this.translate.instant('GENERAL.LG'), callback: () => this.onSizeChange('lg') },\n                { key: 'xl', value: this.translate.instant('GENERAL.XL'), callback: () => this.onSizeChange('xl') }\n            ];\n\n            this.shadowIntensities = [\n                { key: 'soft', value: typeSoft, callback: () => this.onIntensityChange('soft') },\n                { key: 'regular', value: this.translate.instant('SHADOW_SETTINGS.INTENSITY_REGULAR'), callback: () => this.onIntensityChange('regular') },\n                { key: 'hard', value: this.translate.instant('SHADOW_SETTINGS.INTENSITY_HARD'), callback: () => this.onIntensityChange('hard') }\n            ];\n        });\n    }\n\n\n    private raiseShadowChange() {\n        this.shadowChange.emit(this.shadow);\n    }\n\n    onUseChanged(value: boolean) {\n        this.shadow.use = value;\n        this.raiseShadowChange();\n    }\n\n    onSizeChange(value: PepSizeType) {\n        this.shadow.size = value;\n        this.raiseShadowChange();\n    }\n\n    onIntensityChange(value: PepShadowIntensityType) {\n        this.shadow.intensity = value;\n        this.raiseShadowChange();\n    }\n}\n","<pep-checkbox class=\"checkbox-as-title\" [label]=\"'SHADOW_SETTINGS.TITLE' | translate\" [renderTitle]=\"false\" [value]=\"shadow.use\" (valueChange)=\"onUseChanged($event)\"></pep-checkbox>\n<pep-field-title [label]=\"'SHADOW_SETTINGS.SIZE' | translate\" [disabled]=\"!shadow.use\"></pep-field-title>\n<pep-group-buttons class=\"shadow-size-group\" [buttons]=\"shadowSizes\" [selectedButtonKey]=\"shadow.size\" [stretch]=\"true\" buttonsClass=\"md regular\" [buttonsDisabled]=\"!shadow.use\" viewType=\"toggle\">\n</pep-group-buttons>\n<pep-field-title [label]=\"'SHADOW_SETTINGS.INTENSITY' | translate\" [disabled]=\"!shadow.use\"></pep-field-title>\n<pep-group-buttons class=\"shadow-intensity-group\" [buttons]=\"shadowIntensities\" [selectedButtonKey]=\"shadow.intensity\" [stretch]=\"true\" buttonsClass=\"md regular\" [buttonsDisabled]=\"!shadow.use\" viewType=\"toggle\">\n</pep-group-buttons>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ShadowSettingsComponent } from './shadow-settings.component';\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\nimport { PepCheckboxModule } from '@pepperi-addons/ngx-lib/checkbox';\nimport { PepFieldTitleModule } from '@pepperi-addons/ngx-lib/field-title';\nimport { PepGroupButtonsModule } from '@pepperi-addons/ngx-lib/group-buttons';\nimport { PepSliderModule } from '@pepperi-addons/ngx-lib/slider';\n\n@NgModule({\n    declarations: [\n        ShadowSettingsComponent\n    ],\n    imports: [\n        CommonModule,\n        PepNgxLibModule,\n        PepCheckboxModule,\n        PepFieldTitleModule,\n        PepGroupButtonsModule,\n        PepSliderModule\n    ],\n    exports: [ShadowSettingsComponent],\n})\nexport class PepShadowSettingsModule { }\n","/*\n * Public API Surface of ngx-composite-lib/shadow-settings\n */\nexport * from './shadow-settings.module';\nexport * from './shadow-settings.component';\nexport * from './shadow-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","PepFieldTitleModule","PepGroupButtonsModule","PepSliderModule","NgModule"],"mappings":"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"}