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

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

@@ -11,121 +11,121 @@ import { PepGroupButtonsModule } from '@pepperi-addons/ngx-lib/group-buttons';
 import { PepNgxLibModule } from '@pepperi-addons/ngx-lib';
 import { PepSliderModule } from '@pepperi-addons/ngx-lib/slider';
 
-class PepShadowSettings {
-    constructor() {
-        this.use = false;
-        this.size = 'md';
-        this.intensity = 'regular';
-    }
+class PepShadowSettings {
+    constructor() {
+        this.use = false;
+        this.size = 'md';
+        this.intensity = 'regular';
+    }
 }
 
-class ShadowSettingsComponent {
-    constructor(translate) {
-        this.translate = translate;
-        this._shadow = new PepShadowSettings();
-        this.shadowChange = new EventEmitter();
-        this.shadowSizes = [];
-        this.shadowIntensities = [];
-    }
-    set shadow(value) {
-        if (!value) {
-            this._shadow = new PepShadowSettings();
-        }
-        else {
-            this._shadow = value;
-        }
-    }
-    get shadow() {
-        return this._shadow;
-    }
-    ngOnInit() {
-        // Get the first translation for load all translations.
-        this.translate.get('SHADOW_SETTINGS.INTENSITY_SOFT').toPromise().then((typeSoft) => {
-            this.shadowSizes = [
-                { key: 'sm', value: this.translate.instant('GENERAL.SM'), callback: () => this.onSizeChange('sm') },
-                { key: 'md', value: this.translate.instant('GENERAL.MD'), callback: () => this.onSizeChange('md') },
-                { key: 'lg', value: this.translate.instant('GENERAL.LG'), callback: () => this.onSizeChange('lg') },
-                { key: 'xl', value: this.translate.instant('GENERAL.XL'), callback: () => this.onSizeChange('xl') }
-            ];
-            this.shadowIntensities = [
-                { key: 'soft', value: typeSoft, callback: () => this.onIntensityChange('soft') },
-                { key: 'regular', value: this.translate.instant('SHADOW_SETTINGS.INTENSITY_REGULAR'), callback: () => this.onIntensityChange('regular') },
-                { key: 'hard', value: this.translate.instant('SHADOW_SETTINGS.INTENSITY_HARD'), callback: () => this.onIntensityChange('hard') }
-            ];
-        });
-    }
-    raiseShadowChange() {
-        this.shadowChange.emit(this.shadow);
-    }
-    onUseChanged(value) {
-        this.shadow.use = value;
-        this.raiseShadowChange();
-    }
-    onSizeChange(value) {
-        this.shadow.size = value;
-        this.raiseShadowChange();
-    }
-    onIntensityChange(value) {
-        this.shadow.intensity = value;
-        this.raiseShadowChange();
-    }
-}
-ShadowSettingsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: ShadowSettingsComponent, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
-ShadowSettingsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: ShadowSettingsComponent, selector: "pep-shadow-settings", inputs: { shadow: "shadow" }, outputs: { shadowChange: "shadowChange" }, ngImport: i0, 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.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.PepFieldTitleComponent, selector: "pep-field-title", inputs: ["label", "mandatory", "disabled", "maxFieldCharacters", "hint", "xAlignment", "showTitle", "inputLength"] }, { type: i4.PepGroupButtonsComponent, selector: "pep-group-buttons", inputs: ["viewType", "styleType", "sizeType", "buttons", "buttonsDisabled", "selectedButtonKey", "stretch"], outputs: ["buttonClick"] }], pipes: { "translate": i1.TranslatePipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: ShadowSettingsComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'pep-shadow-settings',
-                    templateUrl: './shadow-settings.component.html',
-                    styleUrls: ['./shadow-settings.component.scss']
-                }]
-        }], ctorParameters: function () { return [{ type: i1.TranslateService }]; }, propDecorators: { shadow: [{
-                type: Input
-            }], shadowChange: [{
-                type: Output
+class ShadowSettingsComponent {
+    constructor(translate) {
+        this.translate = translate;
+        this._shadow = new PepShadowSettings();
+        this.shadowChange = new EventEmitter();
+        this.shadowSizes = [];
+        this.shadowIntensities = [];
+    }
+    set shadow(value) {
+        if (!value) {
+            this._shadow = new PepShadowSettings();
+        }
+        else {
+            this._shadow = value;
+        }
+    }
+    get shadow() {
+        return this._shadow;
+    }
+    ngOnInit() {
+        // Get the first translation for load all translations.
+        this.translate.get('SHADOW_SETTINGS.INTENSITY_SOFT').toPromise().then((typeSoft) => {
+            this.shadowSizes = [
+                { key: 'sm', value: this.translate.instant('GENERAL.SM'), callback: () => this.onSizeChange('sm') },
+                { key: 'md', value: this.translate.instant('GENERAL.MD'), callback: () => this.onSizeChange('md') },
+                { key: 'lg', value: this.translate.instant('GENERAL.LG'), callback: () => this.onSizeChange('lg') },
+                { key: 'xl', value: this.translate.instant('GENERAL.XL'), callback: () => this.onSizeChange('xl') }
+            ];
+            this.shadowIntensities = [
+                { key: 'soft', value: typeSoft, callback: () => this.onIntensityChange('soft') },
+                { key: 'regular', value: this.translate.instant('SHADOW_SETTINGS.INTENSITY_REGULAR'), callback: () => this.onIntensityChange('regular') },
+                { key: 'hard', value: this.translate.instant('SHADOW_SETTINGS.INTENSITY_HARD'), callback: () => this.onIntensityChange('hard') }
+            ];
+        });
+    }
+    raiseShadowChange() {
+        this.shadowChange.emit(this.shadow);
+    }
+    onUseChanged(value) {
+        this.shadow.use = value;
+        this.raiseShadowChange();
+    }
+    onSizeChange(value) {
+        this.shadow.size = value;
+        this.raiseShadowChange();
+    }
+    onIntensityChange(value) {
+        this.shadow.intensity = value;
+        this.raiseShadowChange();
+    }
+}
+ShadowSettingsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: ShadowSettingsComponent, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
+ShadowSettingsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: ShadowSettingsComponent, selector: "pep-shadow-settings", inputs: { shadow: "shadow" }, outputs: { shadowChange: "shadowChange" }, ngImport: i0, 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.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.PepFieldTitleComponent, selector: "pep-field-title", inputs: ["label", "mandatory", "disabled", "maxFieldCharacters", "hint", "xAlignment", "showTitle", "inputLength"] }, { type: i4.PepGroupButtonsComponent, selector: "pep-group-buttons", inputs: ["viewType", "styleType", "sizeType", "buttons", "buttonsDisabled", "selectedButtonKey", "stretch"], outputs: ["buttonClick"] }], pipes: { "translate": i1.TranslatePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: ShadowSettingsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'pep-shadow-settings',
+                    templateUrl: './shadow-settings.component.html',
+                    styleUrls: ['./shadow-settings.component.scss']
+                }]
+        }], ctorParameters: function () { return [{ type: i1.TranslateService }]; }, propDecorators: { shadow: [{
+                type: Input
+            }], shadowChange: [{
+                type: Output
             }] } });
 
-class PepShadowSettingsModule {
-}
-PepShadowSettingsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepShadowSettingsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-PepShadowSettingsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepShadowSettingsModule, declarations: [ShadowSettingsComponent], imports: [CommonModule,
-        PepNgxLibModule,
-        PepCheckboxModule,
-        PepFieldTitleModule,
-        PepGroupButtonsModule,
-        PepSliderModule], exports: [ShadowSettingsComponent] });
-PepShadowSettingsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepShadowSettingsModule, imports: [[
-            CommonModule,
-            PepNgxLibModule,
-            PepCheckboxModule,
-            PepFieldTitleModule,
-            PepGroupButtonsModule,
-            PepSliderModule
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepShadowSettingsModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        ShadowSettingsComponent
-                    ],
-                    imports: [
-                        CommonModule,
-                        PepNgxLibModule,
-                        PepCheckboxModule,
-                        PepFieldTitleModule,
-                        PepGroupButtonsModule,
-                        PepSliderModule
-                    ],
-                    exports: [ShadowSettingsComponent],
-                }]
+class PepShadowSettingsModule {
+}
+PepShadowSettingsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepShadowSettingsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PepShadowSettingsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepShadowSettingsModule, declarations: [ShadowSettingsComponent], imports: [CommonModule,
+        PepNgxLibModule,
+        PepCheckboxModule,
+        PepFieldTitleModule,
+        PepGroupButtonsModule,
+        PepSliderModule], exports: [ShadowSettingsComponent] });
+PepShadowSettingsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepShadowSettingsModule, imports: [[
+            CommonModule,
+            PepNgxLibModule,
+            PepCheckboxModule,
+            PepFieldTitleModule,
+            PepGroupButtonsModule,
+            PepSliderModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepShadowSettingsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        ShadowSettingsComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        PepNgxLibModule,
+                        PepCheckboxModule,
+                        PepFieldTitleModule,
+                        PepGroupButtonsModule,
+                        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.
  */
 
 export { PepShadowSettings, PepShadowSettingsModule, ShadowSettingsComponent };