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

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

@@ -29,185 +29,188 @@
     var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
     var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1$1);
 
-    var GroupButtonsSettingsComponent = /** @class */ (function () {
-        // pepB: PepSizeType | 'none' = "xs";
-        function GroupButtonsSettingsComponent(translate) {
-            this.translate = translate;
-            this.header = '';
-            this.subHeader = '';
-            this.groupType = 'sizes';
-            this.btnsArray = [];
-            this.excludeKeys = []; // for example ['xs','xl']
-            this.useNone = false;
-            this.disabled = false;
-            this.btnkeyChange = new i0.EventEmitter();
-            this.none = { key: 'none' };
-            this.sizes = [];
-        }
-        Object.defineProperty(GroupButtonsSettingsComponent.prototype, "btnKey", {
-            get: function () {
-                return this._btnKey;
-            },
-            set: function (value) {
-                if (!value) {
-                    this._btnKey = '';
-                }
-                else {
-                    this._btnKey = value;
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        GroupButtonsSettingsComponent.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.none = { key: 'none', value: _this.translate.instant('GENERAL.NONE'), callback: function () { return _this.onKeyChange(null); } };
-                _this.arrayMerge();
-            });
-        };
-        GroupButtonsSettingsComponent.prototype.arrayMerge = function () {
-            var _this = this;
-            this.btnsArray = this.getButtonsArray();
-            // check if need to remove items from the buttons array
-            if (this.excludeKeys) {
-                this.btnsArray = this.btnsArray.filter(function (i) { return !_this.excludeKeys.find(function (f) { return f === i.key; }); });
-            }
-            // check if need to add the None button
-            if (this.useNone) {
-                this.btnsArray = [this.none].concat(this.btnsArray);
-            }
-        };
-        GroupButtonsSettingsComponent.prototype.onKeyChange = function (event) {
-            var _a;
-            this.btnKey = ((_a = event === null || event === void 0 ? void 0 : event.source) === null || _a === void 0 ? void 0 : _a.key) || 'none';
-            this.btnkeyChange.emit(this.btnKey);
-        };
-        GroupButtonsSettingsComponent.prototype.getButtonsArray = function () {
-            var _this = this;
-            switch (this.groupType) {
-                case 'custom': {
-                    return this.btnsArray;
-                }
-                case 'sizes': {
-                    return [
-                        { key: 'xs', value: this.translate.instant('GENERAL.XS'), callback: function (event) { return _this.onKeyChange(event); } },
-                        { key: 'sm', value: this.translate.instant('GENERAL.SM'), callback: function (event) { return _this.onKeyChange(event); } },
-                        { key: 'md', value: this.translate.instant('GENERAL.MD'), callback: function (event) { return _this.onKeyChange(event); } },
-                        { key: 'lg', value: this.translate.instant('GENERAL.LG'), callback: function (event) { return _this.onKeyChange(event); } },
-                        { key: 'xl', value: this.translate.instant('GENERAL.XL'), callback: function (event) { return _this.onKeyChange(event); } }
-                    ];
-                }
-                case 'vertical-align': {
-                    return [
-                        { key: 'start', value: this.translate.instant('GENERAL.VERTICAL_ALIGN.TOP'), callback: function (event) { return _this.onKeyChange(event); } },
-                        { key: 'center', value: this.translate.instant('GENERAL.VERTICAL_ALIGN.MIDDLE'), callback: function (event) { return _this.onKeyChange(event); } },
-                        { key: 'end', value: this.translate.instant('GENERAL.VERTICAL_ALIGN.BOTTOM'), callback: function (event) { return _this.onKeyChange(event); } }
-                    ];
-                }
-                case 'horizontal-align': {
-                    return [
-                        { key: 'left', iconName: 'text_align_right', callback: function (event) { return _this.onKeyChange(event); } },
-                        { key: 'center', iconName: 'text_align_center', callback: function (event) { return _this.onKeyChange(event); } },
-                        { key: 'right', iconName: 'text_align_left', callback: function (event) { return _this.onKeyChange(event); } },
-                    ];
-                }
-                case 'font-weight': {
-                    return [
-                        { key: 'normal', value: this.translate.instant('GENERAL.FONT_WEIGHT.NORMAL'), callback: function (event) { return _this.onKeyChange(event); } },
-                        { key: 'bold', value: this.translate.instant('GENERAL.FONT_WEIGHT.BOLD'), callback: function (event) { return _this.onKeyChange(event); } },
-                        { key: 'bolder', value: this.translate.instant('GENERAL.FONT_WEIGHT.BOLDER'), callback: function (event) { return _this.onKeyChange(event); } }
-                    ];
-                }
-                case 'width-sizes': {
-                    return [
-                        { key: 'narrow', value: this.translate.instant('GENERAL.WIDTH_SIZE.NARROW'), callback: function (event) { return _this.onKeyChange(event); } },
-                        { key: 'regular', value: this.translate.instant('GENERAL.WIDTH_SIZE.REGULAR'), callback: function (event) { return _this.onKeyChange(event); } },
-                        { key: 'wide', value: this.translate.instant('GENERAL.WIDTH_SIZE.WIDE'), callback: function (event) { return _this.onKeyChange(event); } }
-                    ];
-                }
-                default: {
-                    return [];
-                }
-            }
-        };
-        return GroupButtonsSettingsComponent;
-    }());
-    GroupButtonsSettingsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: GroupButtonsSettingsComponent, deps: [{ token: i1__namespace.TranslateService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    GroupButtonsSettingsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: GroupButtonsSettingsComponent, selector: "pep-group-buttons-settings", inputs: { header: "header", subHeader: "subHeader", groupType: "groupType", btnsArray: "btnsArray", excludeKeys: "excludeKeys", useNone: "useNone", disabled: "disabled", btnKey: "btnKey" }, outputs: { btnkeyChange: "btnkeyChange" }, ngImport: i0__namespace, template: "<label *ngIf=\"header != ''\" class=\"body-xl bold ellipsis\">{{header}}</label>\n<pep-field-title *ngIf=\"subHeader !=''\" [label]=\"subHeader\" [disabled]=\"disabled\"></pep-field-title>\n<pep-group-buttons [buttons]=\"btnsArray\" \n                   [selectedButtonKey]=\"btnKey\" \n                   [stretch]=\"true\" \n                   buttonsClass=\"md regular\" \n                   [buttonsDisabled]=\"disabled\" \n                   viewType=\"toggle\">\n</pep-group-buttons>\n", 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.PepFieldTitleComponent, selector: "pep-field-title", inputs: ["label", "mandatory", "disabled", "maxFieldCharacters", "hint", "xAlignment", "showTitle", "inputLength"] }, { type: i3__namespace.PepGroupButtonsComponent, selector: "pep-group-buttons", inputs: ["viewType", "styleType", "sizeType", "buttons", "buttonsDisabled", "selectedButtonKey", "stretch"], outputs: ["buttonClick"] }], directives: [{ type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: GroupButtonsSettingsComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'pep-group-buttons-settings',
-                        templateUrl: './group-buttons-settings.component.html',
-                        styleUrls: ['./group-buttons-settings.component.scss']
-                    }]
-            }], ctorParameters: function () { return [{ type: i1__namespace.TranslateService }]; }, propDecorators: { header: [{
-                    type: i0.Input
-                }], subHeader: [{
-                    type: i0.Input
-                }], groupType: [{
-                    type: i0.Input
-                }], btnsArray: [{
-                    type: i0.Input
-                }], excludeKeys: [{
-                    type: i0.Input
-                }], useNone: [{
-                    type: i0.Input
-                }], disabled: [{
-                    type: i0.Input
-                }], btnKey: [{
-                    type: i0.Input
-                }], btnkeyChange: [{
-                    type: i0.Output
+    var GroupButtonsSettingsComponent = /** @class */ (function () {
+        // pepB: PepSizeType | 'none' = "xs";
+        function GroupButtonsSettingsComponent(translate) {
+            this.translate = translate;
+            this.header = '';
+            this.subHeader = '';
+            this.groupType = 'sizes';
+            this.btnsArray = [];
+            this.excludeKeys = []; // for example ['xs','xl']
+            this.useNone = false;
+            this.disabled = false;
+            this.dir = 'ltr';
+            this.btnkeyChange = new i0.EventEmitter();
+            this.none = { key: 'none' };
+            this.sizes = [];
+        }
+        Object.defineProperty(GroupButtonsSettingsComponent.prototype, "btnKey", {
+            get: function () {
+                return this._btnKey;
+            },
+            set: function (value) {
+                if (!value) {
+                    this._btnKey = '';
+                }
+                else {
+                    this._btnKey = value;
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
+        GroupButtonsSettingsComponent.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.none = { key: 'none', value: _this.translate.instant('GENERAL.NONE'), callback: function () { return _this.onKeyChange(null); } };
+                _this.arrayMerge();
+            });
+        };
+        GroupButtonsSettingsComponent.prototype.arrayMerge = function () {
+            var _this = this;
+            this.btnsArray = this.getButtonsArray();
+            // check if need to remove items from the buttons array
+            if (this.excludeKeys) {
+                this.btnsArray = this.btnsArray.filter(function (i) { return !_this.excludeKeys.find(function (f) { return f === i.key; }); });
+            }
+            // check if need to add the None button
+            if (this.useNone) {
+                this.btnsArray = [this.none].concat(this.btnsArray);
+            }
+        };
+        GroupButtonsSettingsComponent.prototype.onKeyChange = function (event) {
+            var _a;
+            this.btnKey = ((_a = event === null || event === void 0 ? void 0 : event.source) === null || _a === void 0 ? void 0 : _a.key) || 'none';
+            this.btnkeyChange.emit(this.btnKey);
+        };
+        GroupButtonsSettingsComponent.prototype.getButtonsArray = function () {
+            var _this = this;
+            switch (this.groupType) {
+                case 'custom': {
+                    return this.btnsArray;
+                }
+                case 'sizes': {
+                    return [
+                        { key: 'xs', value: this.translate.instant('GENERAL.XS'), callback: function (event) { return _this.onKeyChange(event); } },
+                        { key: 'sm', value: this.translate.instant('GENERAL.SM'), callback: function (event) { return _this.onKeyChange(event); } },
+                        { key: 'md', value: this.translate.instant('GENERAL.MD'), callback: function (event) { return _this.onKeyChange(event); } },
+                        { key: 'lg', value: this.translate.instant('GENERAL.LG'), callback: function (event) { return _this.onKeyChange(event); } },
+                        { key: 'xl', value: this.translate.instant('GENERAL.XL'), callback: function (event) { return _this.onKeyChange(event); } }
+                    ];
+                }
+                case 'vertical-align': {
+                    return [
+                        { key: 'start', value: this.translate.instant('GENERAL.VERTICAL_ALIGN.TOP'), callback: function (event) { return _this.onKeyChange(event); } },
+                        { key: 'center', value: this.translate.instant('GENERAL.VERTICAL_ALIGN.MIDDLE'), callback: function (event) { return _this.onKeyChange(event); } },
+                        { key: 'end', value: this.translate.instant('GENERAL.VERTICAL_ALIGN.BOTTOM'), callback: function (event) { return _this.onKeyChange(event); } }
+                    ];
+                }
+                case 'horizontal-align': {
+                    return [
+                        { key: 'left', iconName: 'text_align_right', callback: function (event) { return _this.onKeyChange(event); } },
+                        { key: 'center', iconName: 'text_align_center', callback: function (event) { return _this.onKeyChange(event); } },
+                        { key: 'right', iconName: 'text_align_left', callback: function (event) { return _this.onKeyChange(event); } },
+                    ];
+                }
+                case 'font-weight': {
+                    return [
+                        { key: 'normal', value: this.translate.instant('GENERAL.FONT_WEIGHT.NORMAL'), callback: function (event) { return _this.onKeyChange(event); } },
+                        { key: 'bold', value: this.translate.instant('GENERAL.FONT_WEIGHT.BOLD'), callback: function (event) { return _this.onKeyChange(event); } },
+                        { key: 'bolder', value: this.translate.instant('GENERAL.FONT_WEIGHT.BOLDER'), callback: function (event) { return _this.onKeyChange(event); } }
+                    ];
+                }
+                case 'width-sizes': {
+                    return [
+                        { key: 'narrow', value: this.translate.instant('GENERAL.WIDTH_SIZE.NARROW'), callback: function (event) { return _this.onKeyChange(event); } },
+                        { key: 'regular', value: this.translate.instant('GENERAL.WIDTH_SIZE.REGULAR'), callback: function (event) { return _this.onKeyChange(event); } },
+                        { key: 'wide', value: this.translate.instant('GENERAL.WIDTH_SIZE.WIDE'), callback: function (event) { return _this.onKeyChange(event); } }
+                    ];
+                }
+                default: {
+                    return [];
+                }
+            }
+        };
+        return GroupButtonsSettingsComponent;
+    }());
+    GroupButtonsSettingsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: GroupButtonsSettingsComponent, deps: [{ token: i1__namespace.TranslateService }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    GroupButtonsSettingsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: GroupButtonsSettingsComponent, selector: "pep-group-buttons-settings", inputs: { header: "header", subHeader: "subHeader", groupType: "groupType", btnsArray: "btnsArray", excludeKeys: "excludeKeys", useNone: "useNone", disabled: "disabled", dir: "dir", btnKey: "btnKey" }, outputs: { btnkeyChange: "btnkeyChange" }, ngImport: i0__namespace, template: "<label *ngIf=\"header != ''\" class=\"body-xl bold ellipsis\">{{header}}</label>\n<pep-field-title *ngIf=\"subHeader !=''\" [label]=\"subHeader\" [disabled]=\"disabled\" [xAlignment]=\"dir === 'rtl' ? 'right' : 'left'\"></pep-field-title>\n<pep-group-buttons [buttons]=\"btnsArray\" \n                   [selectedButtonKey]=\"btnKey\" \n                   [stretch]=\"true\" \n                   buttonsClass=\"md regular\" \n                   [buttonsDisabled]=\"disabled\" \n                   viewType=\"toggle\">\n</pep-group-buttons>\n", 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.PepFieldTitleComponent, selector: "pep-field-title", inputs: ["label", "mandatory", "disabled", "maxFieldCharacters", "hint", "xAlignment", "showTitle", "inputLength"] }, { type: i3__namespace.PepGroupButtonsComponent, selector: "pep-group-buttons", inputs: ["viewType", "styleType", "sizeType", "buttons", "buttonsDisabled", "selectedButtonKey", "stretch"], outputs: ["buttonClick"] }], directives: [{ type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: GroupButtonsSettingsComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'pep-group-buttons-settings',
+                        templateUrl: './group-buttons-settings.component.html',
+                        styleUrls: ['./group-buttons-settings.component.scss']
+                    }]
+            }], ctorParameters: function () { return [{ type: i1__namespace.TranslateService }]; }, propDecorators: { header: [{
+                    type: i0.Input
+                }], subHeader: [{
+                    type: i0.Input
+                }], groupType: [{
+                    type: i0.Input
+                }], btnsArray: [{
+                    type: i0.Input
+                }], excludeKeys: [{
+                    type: i0.Input
+                }], useNone: [{
+                    type: i0.Input
+                }], disabled: [{
+                    type: i0.Input
+                }], dir: [{
+                    type: i0.Input
+                }], btnKey: [{
+                    type: i0.Input
+                }], btnkeyChange: [{
+                    type: i0.Output
                 }] } });
 
-    var pepIcons = [
-        i1$1.pepIconTextAlignCenter,
-        i1$1.pepIconTextAlignLeft,
-        i1$1.pepIconTextAlignRight
-    ];
-    var PepGroupButtonsSettingsModule = /** @class */ (function () {
-        function PepGroupButtonsSettingsModule(pepIconRegistry) {
-            this.pepIconRegistry = pepIconRegistry;
-            this.pepIconRegistry.registerIcons(pepIcons);
-        }
-        return PepGroupButtonsSettingsModule;
-    }());
-    PepGroupButtonsSettingsModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: PepGroupButtonsSettingsModule, deps: [{ token: i1__namespace$1.PepIconRegistry }], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    PepGroupButtonsSettingsModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: PepGroupButtonsSettingsModule, declarations: [GroupButtonsSettingsComponent], imports: [i4.CommonModule,
-            ngxLib.PepNgxLibModule,
-            i2.PepFieldTitleModule,
-            i3.PepGroupButtonsModule], exports: [GroupButtonsSettingsComponent] });
-    PepGroupButtonsSettingsModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: PepGroupButtonsSettingsModule, imports: [[
-                i4.CommonModule,
-                ngxLib.PepNgxLibModule,
-                i2.PepFieldTitleModule,
-                i3.PepGroupButtonsModule,
-            ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: PepGroupButtonsSettingsModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [
-                            GroupButtonsSettingsComponent
-                        ],
-                        imports: [
-                            i4.CommonModule,
-                            ngxLib.PepNgxLibModule,
-                            i2.PepFieldTitleModule,
-                            i3.PepGroupButtonsModule,
-                        ],
-                        exports: [GroupButtonsSettingsComponent]
-                    }]
+    var pepIcons = [
+        i1$1.pepIconTextAlignCenter,
+        i1$1.pepIconTextAlignLeft,
+        i1$1.pepIconTextAlignRight
+    ];
+    var PepGroupButtonsSettingsModule = /** @class */ (function () {
+        function PepGroupButtonsSettingsModule(pepIconRegistry) {
+            this.pepIconRegistry = pepIconRegistry;
+            this.pepIconRegistry.registerIcons(pepIcons);
+        }
+        return PepGroupButtonsSettingsModule;
+    }());
+    PepGroupButtonsSettingsModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: PepGroupButtonsSettingsModule, deps: [{ token: i1__namespace$1.PepIconRegistry }], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    PepGroupButtonsSettingsModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: PepGroupButtonsSettingsModule, declarations: [GroupButtonsSettingsComponent], imports: [i4.CommonModule,
+            ngxLib.PepNgxLibModule,
+            i2.PepFieldTitleModule,
+            i3.PepGroupButtonsModule], exports: [GroupButtonsSettingsComponent] });
+    PepGroupButtonsSettingsModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: PepGroupButtonsSettingsModule, imports: [[
+                i4.CommonModule,
+                ngxLib.PepNgxLibModule,
+                i2.PepFieldTitleModule,
+                i3.PepGroupButtonsModule,
+            ]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: PepGroupButtonsSettingsModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        declarations: [
+                            GroupButtonsSettingsComponent
+                        ],
+                        imports: [
+                            i4.CommonModule,
+                            ngxLib.PepNgxLibModule,
+                            i2.PepFieldTitleModule,
+                            i3.PepGroupButtonsModule,
+                        ],
+                        exports: [GroupButtonsSettingsComponent]
+                    }]
             }], ctorParameters: function () { return [{ type: i1__namespace$1.PepIconRegistry }]; } });
 
-    /*
-     * 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.GroupButtonsSettingsComponent = GroupButtonsSettingsComponent;

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

@@ -1 +1 @@
-{"version":3,"file":"pepperi-addons-ngx-composite-lib-group-buttons-settings.umd.js","sources":["../../../projects/ngx-composite-lib/group-buttons-settings/group-buttons-settings.component.ts","../../../projects/ngx-composite-lib/group-buttons-settings/group-buttons-settings.component.html","../../../projects/ngx-composite-lib/group-buttons-settings/group-buttons-settings.module.ts","../../../projects/ngx-composite-lib/group-buttons-settings/public-api.ts","../../../projects/ngx-composite-lib/group-buttons-settings/pepperi-addons-ngx-composite-lib-group-buttons-settings.ts"],"sourcesContent":["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 { PepGroupbuttonsTypes } from './group-buttons-settings.model';\n\n@Component({\n    selector: 'pep-group-buttons-settings',\n    templateUrl: './group-buttons-settings.component.html',\n    styleUrls: ['./group-buttons-settings.component.scss']\n})\nexport class GroupButtonsSettingsComponent implements OnInit {\n\n    @Input() header: string = '';\n    @Input() subHeader: string = '';\n\n    @Input() groupType: PepGroupbuttonsTypes = 'sizes'; \n    @Input() btnsArray: Array<PepButton> = [];\n    @Input() excludeKeys: Array<string> = []; // for example ['xs','xl']\n\n    @Input() useNone: boolean = false;\n    @Input() disabled: boolean = false;\n\n    private _btnKey: any;\n    @Input()\n    set btnKey(value: any) {\n        if (!value) {\n            this._btnKey = '';\n        } else {\n            this._btnKey = value;\n        }\n    }\n    get btnKey(): any {\n        return this._btnKey;\n    }\n\n    @Output()\n    btnkeyChange: EventEmitter<IPepButtonClickEvent> = new EventEmitter<IPepButtonClickEvent>();\n    \n    \n    none: PepButton = {key: 'none'};\n    \n    sizes: Array<PepButton> = [];\n    \n    // pepB: PepSizeType | 'none' = \"xs\";\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            \n            this.none = { key: 'none', value: this.translate.instant('GENERAL.NONE'), callback: () => this.onKeyChange(null) };\n            \n            this.arrayMerge();\n        });\n    }\n\n    arrayMerge(){\n\n        this.btnsArray = this.getButtonsArray();\n        \n        // check if need to remove items from the buttons array\n        if(this.excludeKeys){\n            this.btnsArray = this.btnsArray.filter(i => !this.excludeKeys.find(f => f === i.key));\n        }\n        // check if need to add the None button\n        if(this.useNone){\n            this.btnsArray = [this.none].concat(this.btnsArray);\n        }\n    }\n\n    onKeyChange(event: IPepButtonClickEvent | null) {\n        this.btnKey = event?.source?.key || 'none';\n        this.btnkeyChange.emit(this.btnKey);\n    }\n\n    getButtonsArray() {\n        switch(this.groupType){\n            case 'custom':{\n                return this.btnsArray;\n            }\n            case 'sizes':{\n                return [\n                    { key: 'xs', value: this.translate.instant('GENERAL.XS'), callback: (event: any) => this.onKeyChange(event) },\n                    { key: 'sm', value: this.translate.instant('GENERAL.SM'), callback: (event: any) => this.onKeyChange(event) },\n                    { key: 'md', value: this.translate.instant('GENERAL.MD'), callback: (event: any) => this.onKeyChange(event) },\n                    { key: 'lg', value: this.translate.instant('GENERAL.LG'), callback: (event: any) => this.onKeyChange(event) },\n                    { key: 'xl', value: this.translate.instant('GENERAL.XL'), callback: (event: any) => this.onKeyChange(event) }\n                ];\n            }\n            case 'vertical-align':{\n                return [\n                    { key: 'start', value: this.translate.instant('GENERAL.VERTICAL_ALIGN.TOP'), callback: (event: IPepButtonClickEvent) => this.onKeyChange(event) },\n                    { key: 'center', value: this.translate.instant('GENERAL.VERTICAL_ALIGN.MIDDLE'), callback: (event: IPepButtonClickEvent) => this.onKeyChange(event) },\n                    { key: 'end', value: this.translate.instant('GENERAL.VERTICAL_ALIGN.BOTTOM'), callback: (event: IPepButtonClickEvent) => this.onKeyChange(event) }\n                ];\n            }\n            case 'horizontal-align': {\n                return [\n                    { key: 'left', iconName: 'text_align_right', callback: (event: any) => this.onKeyChange(event) },\n                    { key: 'center', iconName: 'text_align_center', callback: (event: any) => this.onKeyChange(event) },\n                    { key: 'right', iconName: 'text_align_left', callback: (event: any) => this.onKeyChange(event) },\n                ];\n            }\n            case 'font-weight':{\n                return [\n                    { key: 'normal', value: this.translate.instant('GENERAL.FONT_WEIGHT.NORMAL'), callback: (event: any) => this.onKeyChange(event) },\n                    { key: 'bold', value: this.translate.instant('GENERAL.FONT_WEIGHT.BOLD'), callback: (event: any) => this.onKeyChange(event) },\n                    { key: 'bolder', value: this.translate.instant('GENERAL.FONT_WEIGHT.BOLDER'), callback: (event: any) => this.onKeyChange(event) }\n                ]\n            }\n            case 'width-sizes':{\n                return [\n                        { key: 'narrow', value: this.translate.instant('GENERAL.WIDTH_SIZE.NARROW'), callback: (event: any) => this.onKeyChange(event) },\n                        { key: 'regular', value: this.translate.instant('GENERAL.WIDTH_SIZE.REGULAR'), callback: (event: any) => this.onKeyChange(event) },\n                        { key: 'wide', value: this.translate.instant('GENERAL.WIDTH_SIZE.WIDE'), callback: (event: any) => this.onKeyChange(event) }\n                ];\n            }\n\n            default: {\n                return [];\n            }\n        }\n    }\n}\n","<label *ngIf=\"header != ''\" class=\"body-xl bold ellipsis\">{{header}}</label>\n<pep-field-title *ngIf=\"subHeader !=''\" [label]=\"subHeader\" [disabled]=\"disabled\"></pep-field-title>\n<pep-group-buttons [buttons]=\"btnsArray\" \n                   [selectedButtonKey]=\"btnKey\" \n                   [stretch]=\"true\" \n                   buttonsClass=\"md regular\" \n                   [buttonsDisabled]=\"disabled\" \n                   viewType=\"toggle\">\n</pep-group-buttons>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { GroupButtonsSettingsComponent } from './group-buttons-settings.component';\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\nimport { PepFieldTitleModule } from '@pepperi-addons/ngx-lib/field-title';\nimport { PepGroupButtonsModule } from '@pepperi-addons/ngx-lib/group-buttons';\nimport { PepIconRegistry, pepIconTextAlignCenter, pepIconTextAlignLeft, pepIconTextAlignRight } from '@pepperi-addons/ngx-lib/icon';\n\nconst pepIcons = [\n    pepIconTextAlignCenter, \n    pepIconTextAlignLeft, \n    pepIconTextAlignRight\n]\n\n@NgModule({\n    declarations: [\n        GroupButtonsSettingsComponent\n    ],\n    imports: [\n        CommonModule,\n        PepNgxLibModule,\n        PepFieldTitleModule,\n        PepGroupButtonsModule,\n    ],\n    exports: [GroupButtonsSettingsComponent]\n})\nexport class PepGroupButtonsSettingsModule { \n    constructor(\n        private pepIconRegistry: PepIconRegistry,\n    ) {\n        this.pepIconRegistry.registerIcons(pepIcons);\n    }\n}\n","/*\n * Public API Surface of ngx-composite-lib/shadow-settings\n */\nexport * from './group-buttons-settings.module';\nexport * from './group-buttons-settings.component';\nexport * from './group-buttons-settings.model';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["EventEmitter","Component","Input","Output","pepIconTextAlignCenter","pepIconTextAlignLeft","pepIconTextAlignRight","CommonModule","PepNgxLibModule","PepFieldTitleModule","PepGroupButtonsModule","NgModule"],"mappings":"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"}
+{"version":3,"file":"pepperi-addons-ngx-composite-lib-group-buttons-settings.umd.js","sources":["../../../projects/ngx-composite-lib/group-buttons-settings/group-buttons-settings.component.ts","../../../projects/ngx-composite-lib/group-buttons-settings/group-buttons-settings.component.html","../../../projects/ngx-composite-lib/group-buttons-settings/group-buttons-settings.module.ts","../../../projects/ngx-composite-lib/group-buttons-settings/public-api.ts","../../../projects/ngx-composite-lib/group-buttons-settings/pepperi-addons-ngx-composite-lib-group-buttons-settings.ts"],"sourcesContent":["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 { PepGroupbuttonsTypes } from './group-buttons-settings.model';\n\n@Component({\n    selector: 'pep-group-buttons-settings',\n    templateUrl: './group-buttons-settings.component.html',\n    styleUrls: ['./group-buttons-settings.component.scss']\n})\nexport class GroupButtonsSettingsComponent implements OnInit {\n\n    @Input() header = '';\n    @Input() subHeader = '';\n\n    @Input() groupType: PepGroupbuttonsTypes = 'sizes'; \n    @Input() btnsArray: Array<PepButton> = [];\n    @Input() excludeKeys: Array<string> = []; // for example ['xs','xl']\n\n    @Input() useNone = false;\n    @Input() disabled = false;\n    @Input() dir: 'rtl' | 'ltr' = 'ltr';\n    \n    private _btnKey: any;\n    @Input()\n    set btnKey(value: any) {\n        if (!value) {\n            this._btnKey = '';\n        } else {\n            this._btnKey = value;\n        }\n    }\n    get btnKey(): any {\n        return this._btnKey;\n    }\n\n    @Output()\n    btnkeyChange: EventEmitter<IPepButtonClickEvent> = new EventEmitter<IPepButtonClickEvent>();\n    \n    \n    none: PepButton = {key: 'none'};\n    \n    sizes: Array<PepButton> = [];\n    \n    // pepB: PepSizeType | 'none' = \"xs\";\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            \n            this.none = { key: 'none', value: this.translate.instant('GENERAL.NONE'), callback: () => this.onKeyChange(null) };\n            \n            this.arrayMerge();\n        });\n    }\n\n    arrayMerge(){\n\n        this.btnsArray = this.getButtonsArray();\n        \n        // check if need to remove items from the buttons array\n        if(this.excludeKeys){\n            this.btnsArray = this.btnsArray.filter(i => !this.excludeKeys.find(f => f === i.key));\n        }\n        // check if need to add the None button\n        if(this.useNone){\n            this.btnsArray = [this.none].concat(this.btnsArray);\n        }\n    }\n\n    onKeyChange(event: IPepButtonClickEvent | null) {\n        this.btnKey = event?.source?.key || 'none';\n        this.btnkeyChange.emit(this.btnKey);\n    }\n\n    getButtonsArray() {\n        switch(this.groupType){\n            case 'custom':{\n                return this.btnsArray;\n            }\n            case 'sizes':{\n                return [\n                    { key: 'xs', value: this.translate.instant('GENERAL.XS'), callback: (event: any) => this.onKeyChange(event) },\n                    { key: 'sm', value: this.translate.instant('GENERAL.SM'), callback: (event: any) => this.onKeyChange(event) },\n                    { key: 'md', value: this.translate.instant('GENERAL.MD'), callback: (event: any) => this.onKeyChange(event) },\n                    { key: 'lg', value: this.translate.instant('GENERAL.LG'), callback: (event: any) => this.onKeyChange(event) },\n                    { key: 'xl', value: this.translate.instant('GENERAL.XL'), callback: (event: any) => this.onKeyChange(event) }\n                ];\n            }\n            case 'vertical-align':{\n                return [\n                    { key: 'start', value: this.translate.instant('GENERAL.VERTICAL_ALIGN.TOP'), callback: (event: IPepButtonClickEvent) => this.onKeyChange(event) },\n                    { key: 'center', value: this.translate.instant('GENERAL.VERTICAL_ALIGN.MIDDLE'), callback: (event: IPepButtonClickEvent) => this.onKeyChange(event) },\n                    { key: 'end', value: this.translate.instant('GENERAL.VERTICAL_ALIGN.BOTTOM'), callback: (event: IPepButtonClickEvent) => this.onKeyChange(event) }\n                ];\n            }\n            case 'horizontal-align': {\n                return [\n                    { key: 'left', iconName: 'text_align_right', callback: (event: any) => this.onKeyChange(event) },\n                    { key: 'center', iconName: 'text_align_center', callback: (event: any) => this.onKeyChange(event) },\n                    { key: 'right', iconName: 'text_align_left', callback: (event: any) => this.onKeyChange(event) },\n                ];\n            }\n            case 'font-weight':{\n                return [\n                    { key: 'normal', value: this.translate.instant('GENERAL.FONT_WEIGHT.NORMAL'), callback: (event: any) => this.onKeyChange(event) },\n                    { key: 'bold', value: this.translate.instant('GENERAL.FONT_WEIGHT.BOLD'), callback: (event: any) => this.onKeyChange(event) },\n                    { key: 'bolder', value: this.translate.instant('GENERAL.FONT_WEIGHT.BOLDER'), callback: (event: any) => this.onKeyChange(event) }\n                ]\n            }\n            case 'width-sizes':{\n                return [\n                        { key: 'narrow', value: this.translate.instant('GENERAL.WIDTH_SIZE.NARROW'), callback: (event: any) => this.onKeyChange(event) },\n                        { key: 'regular', value: this.translate.instant('GENERAL.WIDTH_SIZE.REGULAR'), callback: (event: any) => this.onKeyChange(event) },\n                        { key: 'wide', value: this.translate.instant('GENERAL.WIDTH_SIZE.WIDE'), callback: (event: any) => this.onKeyChange(event) }\n                ];\n            }\n\n            default: {\n                return [];\n            }\n        }\n    }\n}\n","<label *ngIf=\"header != ''\" class=\"body-xl bold ellipsis\">{{header}}</label>\n<pep-field-title *ngIf=\"subHeader !=''\" [label]=\"subHeader\" [disabled]=\"disabled\" [xAlignment]=\"dir === 'rtl' ? 'right' : 'left'\"></pep-field-title>\n<pep-group-buttons [buttons]=\"btnsArray\" \n                   [selectedButtonKey]=\"btnKey\" \n                   [stretch]=\"true\" \n                   buttonsClass=\"md regular\" \n                   [buttonsDisabled]=\"disabled\" \n                   viewType=\"toggle\">\n</pep-group-buttons>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { GroupButtonsSettingsComponent } from './group-buttons-settings.component';\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\nimport { PepFieldTitleModule } from '@pepperi-addons/ngx-lib/field-title';\nimport { PepGroupButtonsModule } from '@pepperi-addons/ngx-lib/group-buttons';\nimport { PepIconRegistry, pepIconTextAlignCenter, pepIconTextAlignLeft, pepIconTextAlignRight } from '@pepperi-addons/ngx-lib/icon';\n\nconst pepIcons = [\n    pepIconTextAlignCenter, \n    pepIconTextAlignLeft, \n    pepIconTextAlignRight\n]\n\n@NgModule({\n    declarations: [\n        GroupButtonsSettingsComponent\n    ],\n    imports: [\n        CommonModule,\n        PepNgxLibModule,\n        PepFieldTitleModule,\n        PepGroupButtonsModule,\n    ],\n    exports: [GroupButtonsSettingsComponent]\n})\nexport class PepGroupButtonsSettingsModule { \n    constructor(\n        private pepIconRegistry: PepIconRegistry,\n    ) {\n        this.pepIconRegistry.registerIcons(pepIcons);\n    }\n}\n","/*\n * Public API Surface of ngx-composite-lib/shadow-settings\n */\nexport * from './group-buttons-settings.module';\nexport * from './group-buttons-settings.component';\nexport * from './group-buttons-settings.model';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["EventEmitter","Component","Input","Output","pepIconTextAlignCenter","pepIconTextAlignLeft","pepIconTextAlignRight","CommonModule","PepNgxLibModule","PepFieldTitleModule","PepGroupButtonsModule","NgModule"],"mappings":"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"}