@pepperi-addons/ngx-composite-lib 0.0.10-beta.2 → 0.0.10-beta.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +24 -24
- package/bundles/pepperi-addons-ngx-composite-lib-color-settings.umd.js +123 -122
- package/bundles/pepperi-addons-ngx-composite-lib-color-settings.umd.js.map +1 -1
- package/bundles/pepperi-addons-ngx-composite-lib-draggable-item.umd.js +72 -70
- package/bundles/pepperi-addons-ngx-composite-lib-draggable-item.umd.js.map +1 -1
- package/bundles/pepperi-addons-ngx-composite-lib-file-status-panel.umd.js +119 -0
- package/bundles/pepperi-addons-ngx-composite-lib-file-status-panel.umd.js.map +1 -0
- package/bundles/pepperi-addons-ngx-composite-lib-generic-list.umd.js +644 -540
- package/bundles/pepperi-addons-ngx-composite-lib-generic-list.umd.js.map +1 -1
- package/bundles/pepperi-addons-ngx-composite-lib-group-buttons-settings.umd.js +173 -173
- package/bundles/pepperi-addons-ngx-composite-lib-group-buttons-settings.umd.js.map +1 -1
- package/bundles/pepperi-addons-ngx-composite-lib-shadow-settings.umd.js +117 -117
- package/bundles/pepperi-addons-ngx-composite-lib-shadow-settings.umd.js.map +1 -1
- package/bundles/pepperi-addons-ngx-composite-lib.umd.js +72 -29
- package/bundles/pepperi-addons-ngx-composite-lib.umd.js.map +1 -1
- package/color-settings/color-settings.component.d.ts +22 -22
- package/color-settings/color-settings.model.d.ts +5 -5
- package/color-settings/color-settings.module.d.ts +12 -12
- package/color-settings/package.json +1 -1
- package/color-settings/pepperi-addons-ngx-composite-lib-color-settings.d.ts +5 -5
- package/color-settings/public-api.d.ts +3 -3
- package/core/common/index.d.ts +1 -0
- package/core/common/public-api.d.ts +1 -0
- package/core/common/services/index.d.ts +1 -0
- package/core/common/services/public-api.d.ts +1 -0
- package/core/common/services/utilities.service.d.ts +6 -0
- package/core/index.d.ts +1 -0
- package/core/public-api.d.ts +1 -0
- package/draggable-item/draggable-item.component.d.ts +11 -11
- package/draggable-item/draggable-item.module.d.ts +11 -11
- package/draggable-item/package.json +1 -1
- package/draggable-item/pepperi-addons-ngx-composite-lib-draggable-item.d.ts +5 -5
- package/draggable-item/public-api.d.ts +2 -2
- package/esm2015/color-settings/color-settings.component.js +82 -81
- package/esm2015/color-settings/color-settings.model.js +9 -9
- package/esm2015/color-settings/color-settings.module.js +40 -40
- package/esm2015/color-settings/pepperi-addons-ngx-composite-lib-color-settings.js +4 -4
- package/esm2015/color-settings/public-api.js +7 -7
- package/esm2015/core/common/index.js +5 -0
- package/esm2015/core/common/public-api.js +5 -0
- package/esm2015/core/common/services/index.js +5 -0
- package/esm2015/core/common/services/public-api.js +5 -0
- package/esm2015/core/common/services/utilities.service.js +19 -0
- package/esm2015/core/index.js +5 -0
- package/esm2015/core/public-api.js +5 -0
- package/esm2015/draggable-item/draggable-item.component.js +42 -40
- package/esm2015/draggable-item/draggable-item.module.js +36 -36
- package/esm2015/draggable-item/pepperi-addons-ngx-composite-lib-draggable-item.js +4 -4
- package/esm2015/draggable-item/public-api.js +6 -6
- package/esm2015/file-status-panel/file-status-panel.component.js +34 -0
- package/esm2015/file-status-panel/file-status-panel.model.js +8 -0
- package/esm2015/file-status-panel/file-status-panel.module.js +40 -0
- package/esm2015/file-status-panel/pepperi-addons-ngx-composite-lib-file-status-panel.js +5 -0
- package/esm2015/file-status-panel/public-api.js +7 -0
- package/esm2015/generic-list/generic-list.component.js +240 -164
- package/esm2015/generic-list/generic-list.model.js +2 -2
- package/esm2015/generic-list/generic-list.module.js +56 -52
- package/esm2015/generic-list/pepperi-addons-ngx-composite-lib-generic-list.js +4 -4
- package/esm2015/generic-list/public-api.js +7 -7
- package/esm2015/group-buttons-settings/group-buttons-settings.component.js +132 -132
- package/esm2015/group-buttons-settings/group-buttons-settings.model.js +1 -1
- package/esm2015/group-buttons-settings/group-buttons-settings.module.js +47 -47
- package/esm2015/group-buttons-settings/pepperi-addons-ngx-composite-lib-group-buttons-settings.js +4 -4
- package/esm2015/group-buttons-settings/public-api.js +7 -7
- package/esm2015/ngx-composite-lib.module.js +26 -26
- package/esm2015/pepperi-addons-ngx-composite-lib.js +4 -4
- package/esm2015/public-api.js +6 -5
- package/esm2015/shadow-settings/pepperi-addons-ngx-composite-lib-shadow-settings.js +4 -4
- package/esm2015/shadow-settings/public-api.js +7 -7
- package/esm2015/shadow-settings/shadow-settings.component.js +73 -73
- package/esm2015/shadow-settings/shadow-settings.model.js +8 -8
- package/esm2015/shadow-settings/shadow-settings.module.js +44 -44
- package/fesm2015/pepperi-addons-ngx-composite-lib-color-settings.js +113 -112
- package/fesm2015/pepperi-addons-ngx-composite-lib-color-settings.js.map +1 -1
- package/fesm2015/pepperi-addons-ngx-composite-lib-draggable-item.js +68 -66
- package/fesm2015/pepperi-addons-ngx-composite-lib-draggable-item.js.map +1 -1
- package/fesm2015/pepperi-addons-ngx-composite-lib-file-status-panel.js +90 -0
- package/fesm2015/pepperi-addons-ngx-composite-lib-file-status-panel.js.map +1 -0
- package/fesm2015/pepperi-addons-ngx-composite-lib-generic-list.js +274 -194
- package/fesm2015/pepperi-addons-ngx-composite-lib-generic-list.js.map +1 -1
- package/fesm2015/pepperi-addons-ngx-composite-lib-group-buttons-settings.js +164 -164
- package/fesm2015/pepperi-addons-ngx-composite-lib-group-buttons-settings.js.map +1 -1
- package/fesm2015/pepperi-addons-ngx-composite-lib-shadow-settings.js +107 -107
- package/fesm2015/pepperi-addons-ngx-composite-lib-shadow-settings.js.map +1 -1
- package/fesm2015/pepperi-addons-ngx-composite-lib.js +70 -29
- package/fesm2015/pepperi-addons-ngx-composite-lib.js.map +1 -1
- package/file-status-panel/file-status-panel.component.d.ts +14 -0
- package/file-status-panel/file-status-panel.model.d.ts +6 -0
- package/file-status-panel/file-status-panel.module.d.ts +12 -0
- package/file-status-panel/package.json +13 -0
- package/file-status-panel/pepperi-addons-ngx-composite-lib-file-status-panel.d.ts +5 -0
- package/file-status-panel/public-api.d.ts +3 -0
- package/generic-list/generic-list.component.d.ts +60 -45
- package/generic-list/generic-list.model.d.ts +22 -11
- package/generic-list/generic-list.module.d.ts +16 -15
- package/generic-list/package.json +1 -1
- package/generic-list/pepperi-addons-ngx-composite-lib-generic-list.d.ts +5 -5
- package/generic-list/public-api.d.ts +3 -3
- package/group-buttons-settings/group-buttons-settings.component.d.ts +32 -32
- package/group-buttons-settings/group-buttons-settings.model.d.ts +1 -1
- package/group-buttons-settings/group-buttons-settings.module.d.ts +14 -14
- package/group-buttons-settings/package.json +1 -1
- package/group-buttons-settings/pepperi-addons-ngx-composite-lib-group-buttons-settings.d.ts +5 -5
- package/group-buttons-settings/public-api.d.ts +3 -3
- package/ngx-composite-lib.module.d.ts +6 -6
- package/package.json +2 -2
- package/pepperi-addons-ngx-composite-lib.d.ts +5 -5
- package/public-api.d.ts +2 -1
- package/shadow-settings/package.json +1 -1
- package/shadow-settings/pepperi-addons-ngx-composite-lib-shadow-settings.d.ts +5 -5
- package/shadow-settings/public-api.d.ts +3 -3
- package/shadow-settings/shadow-settings.component.d.ts +23 -23
- package/shadow-settings/shadow-settings.model.d.ts +7 -7
- package/shadow-settings/shadow-settings.module.d.ts +13 -13
- package/src/assets/i18n/de.ngx-composite-lib.json +1 -1
- package/src/assets/i18n/en.ngx-composite-lib.json +42 -42
- package/src/assets/i18n/es.ngx-composite-lib.json +1 -1
- package/src/assets/i18n/fr.ngx-composite-lib.json +1 -1
- package/src/assets/i18n/he.ngx-composite-lib.json +1 -1
- package/src/assets/i18n/hu.ngx-composite-lib.json +1 -1
- package/src/assets/i18n/it.ngx-composite-lib.json +1 -1
- package/src/assets/i18n/ja.ngx-composite-lib.json +1 -1
- package/src/assets/i18n/nl.ngx-composite-lib.json +1 -1
- package/src/assets/i18n/pl.ngx-composite-lib.json +1 -1
- package/src/assets/i18n/pt.ngx-composite-lib.json +1 -1
- package/src/assets/i18n/ru.ngx-composite-lib.json +1 -1
- package/src/assets/i18n/zh.ngx-lib.json +1 -1
- package/src/core/style/abstracts/functions.scss +0 -0
- package/src/core/style/abstracts/mixins.scss +0 -0
- package/src/core/style/abstracts/variables.scss +1 -0
- package/src/core/style/base/helpers.scss +0 -0
- package/{styles.scss → src/core/style/components/general.scss} +6 -4
- package/styling.scss +14 -0
|
@@ -11,176 +11,176 @@ import { PepNgxLibModule } from '@pepperi-addons/ngx-lib';
|
|
|
11
11
|
import * as i1$1 from '@pepperi-addons/ngx-lib/icon';
|
|
12
12
|
import { pepIconTextAlignCenter, pepIconTextAlignLeft, pepIconTextAlignRight } from '@pepperi-addons/ngx-lib/icon';
|
|
13
13
|
|
|
14
|
-
class GroupButtonsSettingsComponent {
|
|
15
|
-
// pepB: PepSizeType | 'none' = "xs";
|
|
16
|
-
constructor(translate) {
|
|
17
|
-
this.translate = translate;
|
|
18
|
-
this.header = '';
|
|
19
|
-
this.subHeader = '';
|
|
20
|
-
this.groupType = 'sizes';
|
|
21
|
-
this.btnsArray = [];
|
|
22
|
-
this.excludeKeys = []; // for example ['xs','xl']
|
|
23
|
-
this.useNone = false;
|
|
24
|
-
this.disabled = false;
|
|
25
|
-
this.btnkeyChange = new EventEmitter();
|
|
26
|
-
this.none = { key: 'none' };
|
|
27
|
-
this.sizes = [];
|
|
28
|
-
}
|
|
29
|
-
set btnKey(value) {
|
|
30
|
-
if (!value) {
|
|
31
|
-
this._btnKey = '';
|
|
32
|
-
}
|
|
33
|
-
else {
|
|
34
|
-
this._btnKey = value;
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
get btnKey() {
|
|
38
|
-
return this._btnKey;
|
|
39
|
-
}
|
|
40
|
-
ngOnInit() {
|
|
41
|
-
// Get the first translation for load all translations.
|
|
42
|
-
this.translate.get('SHADOW_SETTINGS.INTENSITY_SOFT').toPromise().then((typeSoft) => {
|
|
43
|
-
this.none = { key: 'none', value: this.translate.instant('GENERAL.NONE'), callback: () => this.onKeyChange(null) };
|
|
44
|
-
this.arrayMerge();
|
|
45
|
-
});
|
|
46
|
-
}
|
|
47
|
-
arrayMerge() {
|
|
48
|
-
this.btnsArray = this.getButtonsArray();
|
|
49
|
-
// check if need to remove items from the buttons array
|
|
50
|
-
if (this.excludeKeys) {
|
|
51
|
-
this.btnsArray = this.btnsArray.filter(i => !this.excludeKeys.find(f => f === i.key));
|
|
52
|
-
}
|
|
53
|
-
// check if need to add the None button
|
|
54
|
-
if (this.useNone) {
|
|
55
|
-
this.btnsArray = [this.none].concat(this.btnsArray);
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
onKeyChange(event) {
|
|
59
|
-
var _a;
|
|
60
|
-
this.btnKey = ((_a = event === null || event === void 0 ? void 0 : event.source) === null || _a === void 0 ? void 0 : _a.key) || 'none';
|
|
61
|
-
this.btnkeyChange.emit(this.btnKey);
|
|
62
|
-
}
|
|
63
|
-
getButtonsArray() {
|
|
64
|
-
switch (this.groupType) {
|
|
65
|
-
case 'custom': {
|
|
66
|
-
return this.btnsArray;
|
|
67
|
-
}
|
|
68
|
-
case 'sizes': {
|
|
69
|
-
return [
|
|
70
|
-
{ key: 'xs', value: this.translate.instant('GENERAL.XS'), callback: (event) => this.onKeyChange(event) },
|
|
71
|
-
{ key: 'sm', value: this.translate.instant('GENERAL.SM'), callback: (event) => this.onKeyChange(event) },
|
|
72
|
-
{ key: 'md', value: this.translate.instant('GENERAL.MD'), callback: (event) => this.onKeyChange(event) },
|
|
73
|
-
{ key: 'lg', value: this.translate.instant('GENERAL.LG'), callback: (event) => this.onKeyChange(event) },
|
|
74
|
-
{ key: 'xl', value: this.translate.instant('GENERAL.XL'), callback: (event) => this.onKeyChange(event) }
|
|
75
|
-
];
|
|
76
|
-
}
|
|
77
|
-
case 'vertical-align': {
|
|
78
|
-
return [
|
|
79
|
-
{ key: 'start', value: this.translate.instant('GENERAL.VERTICAL_ALIGN.TOP'), callback: (event) => this.onKeyChange(event) },
|
|
80
|
-
{ key: 'center', value: this.translate.instant('GENERAL.VERTICAL_ALIGN.MIDDLE'), callback: (event) => this.onKeyChange(event) },
|
|
81
|
-
{ key: 'end', value: this.translate.instant('GENERAL.VERTICAL_ALIGN.BOTTOM'), callback: (event) => this.onKeyChange(event) }
|
|
82
|
-
];
|
|
83
|
-
}
|
|
84
|
-
case 'horizontal-align': {
|
|
85
|
-
return [
|
|
86
|
-
{ key: 'left', iconName: 'text_align_right', callback: (event) => this.onKeyChange(event) },
|
|
87
|
-
{ key: 'center', iconName: 'text_align_center', callback: (event) => this.onKeyChange(event) },
|
|
88
|
-
{ key: 'right', iconName: 'text_align_left', callback: (event) => this.onKeyChange(event) },
|
|
89
|
-
];
|
|
90
|
-
}
|
|
91
|
-
case 'font-weight': {
|
|
92
|
-
return [
|
|
93
|
-
{ key: 'normal', value: this.translate.instant('GENERAL.FONT_WEIGHT.NORMAL'), callback: (event) => this.onKeyChange(event) },
|
|
94
|
-
{ key: 'bold', value: this.translate.instant('GENERAL.FONT_WEIGHT.BOLD'), callback: (event) => this.onKeyChange(event) },
|
|
95
|
-
{ key: 'bolder', value: this.translate.instant('GENERAL.FONT_WEIGHT.BOLDER'), callback: (event) => this.onKeyChange(event) }
|
|
96
|
-
];
|
|
97
|
-
}
|
|
98
|
-
case 'width-sizes': {
|
|
99
|
-
return [
|
|
100
|
-
{ key: 'narrow', value: this.translate.instant('GENERAL.WIDTH_SIZE.NARROW'), callback: (event) => this.onKeyChange(event) },
|
|
101
|
-
{ key: 'regular', value: this.translate.instant('GENERAL.WIDTH_SIZE.REGULAR'), callback: (event) => this.onKeyChange(event) },
|
|
102
|
-
{ key: 'wide', value: this.translate.instant('GENERAL.WIDTH_SIZE.WIDE'), callback: (event) => this.onKeyChange(event) }
|
|
103
|
-
];
|
|
104
|
-
}
|
|
105
|
-
default: {
|
|
106
|
-
return [];
|
|
107
|
-
}
|
|
108
|
-
}
|
|
109
|
-
}
|
|
110
|
-
}
|
|
111
|
-
GroupButtonsSettingsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: GroupButtonsSettingsComponent, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
|
|
112
|
-
GroupButtonsSettingsComponent.ɵcmp = i0.ɵɵ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, 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.PepFieldTitleComponent, selector: "pep-field-title", inputs: ["label", "mandatory", "disabled", "maxFieldCharacters", "hint", "xAlignment", "showTitle", "inputLength"] }, { type: i3.PepGroupButtonsComponent, selector: "pep-group-buttons", inputs: ["viewType", "styleType", "sizeType", "buttons", "buttonsDisabled", "selectedButtonKey", "stretch"], outputs: ["buttonClick"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
113
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: GroupButtonsSettingsComponent, decorators: [{
|
|
114
|
-
type: Component,
|
|
115
|
-
args: [{
|
|
116
|
-
selector: 'pep-group-buttons-settings',
|
|
117
|
-
templateUrl: './group-buttons-settings.component.html',
|
|
118
|
-
styleUrls: ['./group-buttons-settings.component.scss']
|
|
119
|
-
}]
|
|
120
|
-
}], ctorParameters: function () { return [{ type: i1.TranslateService }]; }, propDecorators: { header: [{
|
|
121
|
-
type: Input
|
|
122
|
-
}], subHeader: [{
|
|
123
|
-
type: Input
|
|
124
|
-
}], groupType: [{
|
|
125
|
-
type: Input
|
|
126
|
-
}], btnsArray: [{
|
|
127
|
-
type: Input
|
|
128
|
-
}], excludeKeys: [{
|
|
129
|
-
type: Input
|
|
130
|
-
}], useNone: [{
|
|
131
|
-
type: Input
|
|
132
|
-
}], disabled: [{
|
|
133
|
-
type: Input
|
|
134
|
-
}], btnKey: [{
|
|
135
|
-
type: Input
|
|
136
|
-
}], btnkeyChange: [{
|
|
137
|
-
type: Output
|
|
14
|
+
class GroupButtonsSettingsComponent {
|
|
15
|
+
// pepB: PepSizeType | 'none' = "xs";
|
|
16
|
+
constructor(translate) {
|
|
17
|
+
this.translate = translate;
|
|
18
|
+
this.header = '';
|
|
19
|
+
this.subHeader = '';
|
|
20
|
+
this.groupType = 'sizes';
|
|
21
|
+
this.btnsArray = [];
|
|
22
|
+
this.excludeKeys = []; // for example ['xs','xl']
|
|
23
|
+
this.useNone = false;
|
|
24
|
+
this.disabled = false;
|
|
25
|
+
this.btnkeyChange = new EventEmitter();
|
|
26
|
+
this.none = { key: 'none' };
|
|
27
|
+
this.sizes = [];
|
|
28
|
+
}
|
|
29
|
+
set btnKey(value) {
|
|
30
|
+
if (!value) {
|
|
31
|
+
this._btnKey = '';
|
|
32
|
+
}
|
|
33
|
+
else {
|
|
34
|
+
this._btnKey = value;
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
get btnKey() {
|
|
38
|
+
return this._btnKey;
|
|
39
|
+
}
|
|
40
|
+
ngOnInit() {
|
|
41
|
+
// Get the first translation for load all translations.
|
|
42
|
+
this.translate.get('SHADOW_SETTINGS.INTENSITY_SOFT').toPromise().then((typeSoft) => {
|
|
43
|
+
this.none = { key: 'none', value: this.translate.instant('GENERAL.NONE'), callback: () => this.onKeyChange(null) };
|
|
44
|
+
this.arrayMerge();
|
|
45
|
+
});
|
|
46
|
+
}
|
|
47
|
+
arrayMerge() {
|
|
48
|
+
this.btnsArray = this.getButtonsArray();
|
|
49
|
+
// check if need to remove items from the buttons array
|
|
50
|
+
if (this.excludeKeys) {
|
|
51
|
+
this.btnsArray = this.btnsArray.filter(i => !this.excludeKeys.find(f => f === i.key));
|
|
52
|
+
}
|
|
53
|
+
// check if need to add the None button
|
|
54
|
+
if (this.useNone) {
|
|
55
|
+
this.btnsArray = [this.none].concat(this.btnsArray);
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
onKeyChange(event) {
|
|
59
|
+
var _a;
|
|
60
|
+
this.btnKey = ((_a = event === null || event === void 0 ? void 0 : event.source) === null || _a === void 0 ? void 0 : _a.key) || 'none';
|
|
61
|
+
this.btnkeyChange.emit(this.btnKey);
|
|
62
|
+
}
|
|
63
|
+
getButtonsArray() {
|
|
64
|
+
switch (this.groupType) {
|
|
65
|
+
case 'custom': {
|
|
66
|
+
return this.btnsArray;
|
|
67
|
+
}
|
|
68
|
+
case 'sizes': {
|
|
69
|
+
return [
|
|
70
|
+
{ key: 'xs', value: this.translate.instant('GENERAL.XS'), callback: (event) => this.onKeyChange(event) },
|
|
71
|
+
{ key: 'sm', value: this.translate.instant('GENERAL.SM'), callback: (event) => this.onKeyChange(event) },
|
|
72
|
+
{ key: 'md', value: this.translate.instant('GENERAL.MD'), callback: (event) => this.onKeyChange(event) },
|
|
73
|
+
{ key: 'lg', value: this.translate.instant('GENERAL.LG'), callback: (event) => this.onKeyChange(event) },
|
|
74
|
+
{ key: 'xl', value: this.translate.instant('GENERAL.XL'), callback: (event) => this.onKeyChange(event) }
|
|
75
|
+
];
|
|
76
|
+
}
|
|
77
|
+
case 'vertical-align': {
|
|
78
|
+
return [
|
|
79
|
+
{ key: 'start', value: this.translate.instant('GENERAL.VERTICAL_ALIGN.TOP'), callback: (event) => this.onKeyChange(event) },
|
|
80
|
+
{ key: 'center', value: this.translate.instant('GENERAL.VERTICAL_ALIGN.MIDDLE'), callback: (event) => this.onKeyChange(event) },
|
|
81
|
+
{ key: 'end', value: this.translate.instant('GENERAL.VERTICAL_ALIGN.BOTTOM'), callback: (event) => this.onKeyChange(event) }
|
|
82
|
+
];
|
|
83
|
+
}
|
|
84
|
+
case 'horizontal-align': {
|
|
85
|
+
return [
|
|
86
|
+
{ key: 'left', iconName: 'text_align_right', callback: (event) => this.onKeyChange(event) },
|
|
87
|
+
{ key: 'center', iconName: 'text_align_center', callback: (event) => this.onKeyChange(event) },
|
|
88
|
+
{ key: 'right', iconName: 'text_align_left', callback: (event) => this.onKeyChange(event) },
|
|
89
|
+
];
|
|
90
|
+
}
|
|
91
|
+
case 'font-weight': {
|
|
92
|
+
return [
|
|
93
|
+
{ key: 'normal', value: this.translate.instant('GENERAL.FONT_WEIGHT.NORMAL'), callback: (event) => this.onKeyChange(event) },
|
|
94
|
+
{ key: 'bold', value: this.translate.instant('GENERAL.FONT_WEIGHT.BOLD'), callback: (event) => this.onKeyChange(event) },
|
|
95
|
+
{ key: 'bolder', value: this.translate.instant('GENERAL.FONT_WEIGHT.BOLDER'), callback: (event) => this.onKeyChange(event) }
|
|
96
|
+
];
|
|
97
|
+
}
|
|
98
|
+
case 'width-sizes': {
|
|
99
|
+
return [
|
|
100
|
+
{ key: 'narrow', value: this.translate.instant('GENERAL.WIDTH_SIZE.NARROW'), callback: (event) => this.onKeyChange(event) },
|
|
101
|
+
{ key: 'regular', value: this.translate.instant('GENERAL.WIDTH_SIZE.REGULAR'), callback: (event) => this.onKeyChange(event) },
|
|
102
|
+
{ key: 'wide', value: this.translate.instant('GENERAL.WIDTH_SIZE.WIDE'), callback: (event) => this.onKeyChange(event) }
|
|
103
|
+
];
|
|
104
|
+
}
|
|
105
|
+
default: {
|
|
106
|
+
return [];
|
|
107
|
+
}
|
|
108
|
+
}
|
|
109
|
+
}
|
|
110
|
+
}
|
|
111
|
+
GroupButtonsSettingsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: GroupButtonsSettingsComponent, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
|
|
112
|
+
GroupButtonsSettingsComponent.ɵcmp = i0.ɵɵ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, template: "<label *ngIf=\"header != ''\" class=\"body-xl bold ellipsis\">{{header}}</label>\r\n<pep-field-title *ngIf=\"subHeader !=''\" [label]=\"subHeader\" [disabled]=\"disabled\"></pep-field-title>\r\n<pep-group-buttons [buttons]=\"btnsArray\" \r\n [selectedButtonKey]=\"btnKey\" \r\n [stretch]=\"true\" \r\n buttonsClass=\"md regular\" \r\n [buttonsDisabled]=\"disabled\" \r\n viewType=\"toggle\">\r\n</pep-group-buttons>\r\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.PepFieldTitleComponent, selector: "pep-field-title", inputs: ["label", "mandatory", "disabled", "maxFieldCharacters", "hint", "xAlignment", "showTitle", "inputLength"] }, { type: i3.PepGroupButtonsComponent, selector: "pep-group-buttons", inputs: ["viewType", "styleType", "sizeType", "buttons", "buttonsDisabled", "selectedButtonKey", "stretch"], outputs: ["buttonClick"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
113
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: GroupButtonsSettingsComponent, decorators: [{
|
|
114
|
+
type: Component,
|
|
115
|
+
args: [{
|
|
116
|
+
selector: 'pep-group-buttons-settings',
|
|
117
|
+
templateUrl: './group-buttons-settings.component.html',
|
|
118
|
+
styleUrls: ['./group-buttons-settings.component.scss']
|
|
119
|
+
}]
|
|
120
|
+
}], ctorParameters: function () { return [{ type: i1.TranslateService }]; }, propDecorators: { header: [{
|
|
121
|
+
type: Input
|
|
122
|
+
}], subHeader: [{
|
|
123
|
+
type: Input
|
|
124
|
+
}], groupType: [{
|
|
125
|
+
type: Input
|
|
126
|
+
}], btnsArray: [{
|
|
127
|
+
type: Input
|
|
128
|
+
}], excludeKeys: [{
|
|
129
|
+
type: Input
|
|
130
|
+
}], useNone: [{
|
|
131
|
+
type: Input
|
|
132
|
+
}], disabled: [{
|
|
133
|
+
type: Input
|
|
134
|
+
}], btnKey: [{
|
|
135
|
+
type: Input
|
|
136
|
+
}], btnkeyChange: [{
|
|
137
|
+
type: Output
|
|
138
138
|
}] } });
|
|
139
139
|
|
|
140
|
-
const pepIcons = [
|
|
141
|
-
pepIconTextAlignCenter,
|
|
142
|
-
pepIconTextAlignLeft,
|
|
143
|
-
pepIconTextAlignRight
|
|
144
|
-
];
|
|
145
|
-
class PepGroupButtonsSettingsModule {
|
|
146
|
-
constructor(pepIconRegistry) {
|
|
147
|
-
this.pepIconRegistry = pepIconRegistry;
|
|
148
|
-
this.pepIconRegistry.registerIcons(pepIcons);
|
|
149
|
-
}
|
|
150
|
-
}
|
|
151
|
-
PepGroupButtonsSettingsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepGroupButtonsSettingsModule, deps: [{ token: i1$1.PepIconRegistry }], target: i0.ɵɵFactoryTarget.NgModule });
|
|
152
|
-
PepGroupButtonsSettingsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepGroupButtonsSettingsModule, declarations: [GroupButtonsSettingsComponent], imports: [CommonModule,
|
|
153
|
-
PepNgxLibModule,
|
|
154
|
-
PepFieldTitleModule,
|
|
155
|
-
PepGroupButtonsModule], exports: [GroupButtonsSettingsComponent] });
|
|
156
|
-
PepGroupButtonsSettingsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepGroupButtonsSettingsModule, imports: [[
|
|
157
|
-
CommonModule,
|
|
158
|
-
PepNgxLibModule,
|
|
159
|
-
PepFieldTitleModule,
|
|
160
|
-
PepGroupButtonsModule,
|
|
161
|
-
]] });
|
|
162
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepGroupButtonsSettingsModule, decorators: [{
|
|
163
|
-
type: NgModule,
|
|
164
|
-
args: [{
|
|
165
|
-
declarations: [
|
|
166
|
-
GroupButtonsSettingsComponent
|
|
167
|
-
],
|
|
168
|
-
imports: [
|
|
169
|
-
CommonModule,
|
|
170
|
-
PepNgxLibModule,
|
|
171
|
-
PepFieldTitleModule,
|
|
172
|
-
PepGroupButtonsModule,
|
|
173
|
-
],
|
|
174
|
-
exports: [GroupButtonsSettingsComponent]
|
|
175
|
-
}]
|
|
140
|
+
const pepIcons = [
|
|
141
|
+
pepIconTextAlignCenter,
|
|
142
|
+
pepIconTextAlignLeft,
|
|
143
|
+
pepIconTextAlignRight
|
|
144
|
+
];
|
|
145
|
+
class PepGroupButtonsSettingsModule {
|
|
146
|
+
constructor(pepIconRegistry) {
|
|
147
|
+
this.pepIconRegistry = pepIconRegistry;
|
|
148
|
+
this.pepIconRegistry.registerIcons(pepIcons);
|
|
149
|
+
}
|
|
150
|
+
}
|
|
151
|
+
PepGroupButtonsSettingsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepGroupButtonsSettingsModule, deps: [{ token: i1$1.PepIconRegistry }], target: i0.ɵɵFactoryTarget.NgModule });
|
|
152
|
+
PepGroupButtonsSettingsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepGroupButtonsSettingsModule, declarations: [GroupButtonsSettingsComponent], imports: [CommonModule,
|
|
153
|
+
PepNgxLibModule,
|
|
154
|
+
PepFieldTitleModule,
|
|
155
|
+
PepGroupButtonsModule], exports: [GroupButtonsSettingsComponent] });
|
|
156
|
+
PepGroupButtonsSettingsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepGroupButtonsSettingsModule, imports: [[
|
|
157
|
+
CommonModule,
|
|
158
|
+
PepNgxLibModule,
|
|
159
|
+
PepFieldTitleModule,
|
|
160
|
+
PepGroupButtonsModule,
|
|
161
|
+
]] });
|
|
162
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepGroupButtonsSettingsModule, decorators: [{
|
|
163
|
+
type: NgModule,
|
|
164
|
+
args: [{
|
|
165
|
+
declarations: [
|
|
166
|
+
GroupButtonsSettingsComponent
|
|
167
|
+
],
|
|
168
|
+
imports: [
|
|
169
|
+
CommonModule,
|
|
170
|
+
PepNgxLibModule,
|
|
171
|
+
PepFieldTitleModule,
|
|
172
|
+
PepGroupButtonsModule,
|
|
173
|
+
],
|
|
174
|
+
exports: [GroupButtonsSettingsComponent]
|
|
175
|
+
}]
|
|
176
176
|
}], ctorParameters: function () { return [{ type: i1$1.PepIconRegistry }]; } });
|
|
177
177
|
|
|
178
|
-
/*
|
|
179
|
-
* Public API Surface of ngx-composite-lib/shadow-settings
|
|
178
|
+
/*
|
|
179
|
+
* Public API Surface of ngx-composite-lib/shadow-settings
|
|
180
180
|
*/
|
|
181
181
|
|
|
182
|
-
/**
|
|
183
|
-
* Generated bundle index. Do not edit.
|
|
182
|
+
/**
|
|
183
|
+
* Generated bundle index. Do not edit.
|
|
184
184
|
*/
|
|
185
185
|
|
|
186
186
|
export { GroupButtonsSettingsComponent, PepGroupButtonsSettingsModule };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pepperi-addons-ngx-composite-lib-group-buttons-settings.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":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"pepperi-addons-ngx-composite-lib-group-buttons-settings.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';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport { PepSizeType } from '@pepperi-addons/ngx-lib';\r\nimport { IPepButtonClickEvent, PepButton } from '@pepperi-addons/ngx-lib/button';\r\nimport { PepGroupbuttonsTypes } from './group-buttons-settings.model';\r\n\r\n@Component({\r\n selector: 'pep-group-buttons-settings',\r\n templateUrl: './group-buttons-settings.component.html',\r\n styleUrls: ['./group-buttons-settings.component.scss']\r\n})\r\nexport class GroupButtonsSettingsComponent implements OnInit {\r\n\r\n @Input() header = '';\r\n @Input() subHeader = '';\r\n\r\n @Input() groupType: PepGroupbuttonsTypes = 'sizes'; \r\n @Input() btnsArray: Array<PepButton> = [];\r\n @Input() excludeKeys: Array<string> = []; // for example ['xs','xl']\r\n\r\n @Input() useNone = false;\r\n @Input() disabled = false;\r\n\r\n private _btnKey: any;\r\n @Input()\r\n set btnKey(value: any) {\r\n if (!value) {\r\n this._btnKey = '';\r\n } else {\r\n this._btnKey = value;\r\n }\r\n }\r\n get btnKey(): any {\r\n return this._btnKey;\r\n }\r\n\r\n @Output()\r\n btnkeyChange: EventEmitter<IPepButtonClickEvent> = new EventEmitter<IPepButtonClickEvent>();\r\n \r\n \r\n none: PepButton = {key: 'none'};\r\n \r\n sizes: Array<PepButton> = [];\r\n \r\n // pepB: PepSizeType | 'none' = \"xs\";\r\n\r\n constructor(\r\n private translate: TranslateService,\r\n ) {\r\n }\r\n\r\n ngOnInit(): void { \r\n // Get the first translation for load all translations.\r\n this.translate.get('SHADOW_SETTINGS.INTENSITY_SOFT').toPromise().then((typeSoft) => {\r\n \r\n this.none = { key: 'none', value: this.translate.instant('GENERAL.NONE'), callback: () => this.onKeyChange(null) };\r\n \r\n this.arrayMerge();\r\n });\r\n }\r\n\r\n arrayMerge(){\r\n\r\n this.btnsArray = this.getButtonsArray();\r\n \r\n // check if need to remove items from the buttons array\r\n if(this.excludeKeys){\r\n this.btnsArray = this.btnsArray.filter(i => !this.excludeKeys.find(f => f === i.key));\r\n }\r\n // check if need to add the None button\r\n if(this.useNone){\r\n this.btnsArray = [this.none].concat(this.btnsArray);\r\n }\r\n }\r\n\r\n onKeyChange(event: IPepButtonClickEvent | null) {\r\n this.btnKey = event?.source?.key || 'none';\r\n this.btnkeyChange.emit(this.btnKey);\r\n }\r\n\r\n getButtonsArray() {\r\n switch(this.groupType){\r\n case 'custom':{\r\n return this.btnsArray;\r\n }\r\n case 'sizes':{\r\n return [\r\n { key: 'xs', value: this.translate.instant('GENERAL.XS'), callback: (event: any) => this.onKeyChange(event) },\r\n { key: 'sm', value: this.translate.instant('GENERAL.SM'), callback: (event: any) => this.onKeyChange(event) },\r\n { key: 'md', value: this.translate.instant('GENERAL.MD'), callback: (event: any) => this.onKeyChange(event) },\r\n { key: 'lg', value: this.translate.instant('GENERAL.LG'), callback: (event: any) => this.onKeyChange(event) },\r\n { key: 'xl', value: this.translate.instant('GENERAL.XL'), callback: (event: any) => this.onKeyChange(event) }\r\n ];\r\n }\r\n case 'vertical-align':{\r\n return [\r\n { key: 'start', value: this.translate.instant('GENERAL.VERTICAL_ALIGN.TOP'), callback: (event: IPepButtonClickEvent) => this.onKeyChange(event) },\r\n { key: 'center', value: this.translate.instant('GENERAL.VERTICAL_ALIGN.MIDDLE'), callback: (event: IPepButtonClickEvent) => this.onKeyChange(event) },\r\n { key: 'end', value: this.translate.instant('GENERAL.VERTICAL_ALIGN.BOTTOM'), callback: (event: IPepButtonClickEvent) => this.onKeyChange(event) }\r\n ];\r\n }\r\n case 'horizontal-align': {\r\n return [\r\n { key: 'left', iconName: 'text_align_right', callback: (event: any) => this.onKeyChange(event) },\r\n { key: 'center', iconName: 'text_align_center', callback: (event: any) => this.onKeyChange(event) },\r\n { key: 'right', iconName: 'text_align_left', callback: (event: any) => this.onKeyChange(event) },\r\n ];\r\n }\r\n case 'font-weight':{\r\n return [\r\n { key: 'normal', value: this.translate.instant('GENERAL.FONT_WEIGHT.NORMAL'), callback: (event: any) => this.onKeyChange(event) },\r\n { key: 'bold', value: this.translate.instant('GENERAL.FONT_WEIGHT.BOLD'), callback: (event: any) => this.onKeyChange(event) },\r\n { key: 'bolder', value: this.translate.instant('GENERAL.FONT_WEIGHT.BOLDER'), callback: (event: any) => this.onKeyChange(event) }\r\n ]\r\n }\r\n case 'width-sizes':{\r\n return [\r\n { key: 'narrow', value: this.translate.instant('GENERAL.WIDTH_SIZE.NARROW'), callback: (event: any) => this.onKeyChange(event) },\r\n { key: 'regular', value: this.translate.instant('GENERAL.WIDTH_SIZE.REGULAR'), callback: (event: any) => this.onKeyChange(event) },\r\n { key: 'wide', value: this.translate.instant('GENERAL.WIDTH_SIZE.WIDE'), callback: (event: any) => this.onKeyChange(event) }\r\n ];\r\n }\r\n\r\n default: {\r\n return [];\r\n }\r\n }\r\n }\r\n}\r\n","<label *ngIf=\"header != ''\" class=\"body-xl bold ellipsis\">{{header}}</label>\r\n<pep-field-title *ngIf=\"subHeader !=''\" [label]=\"subHeader\" [disabled]=\"disabled\"></pep-field-title>\r\n<pep-group-buttons [buttons]=\"btnsArray\" \r\n [selectedButtonKey]=\"btnKey\" \r\n [stretch]=\"true\" \r\n buttonsClass=\"md regular\" \r\n [buttonsDisabled]=\"disabled\" \r\n viewType=\"toggle\">\r\n</pep-group-buttons>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { GroupButtonsSettingsComponent } from './group-buttons-settings.component';\r\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\r\nimport { PepFieldTitleModule } from '@pepperi-addons/ngx-lib/field-title';\r\nimport { PepGroupButtonsModule } from '@pepperi-addons/ngx-lib/group-buttons';\r\nimport { PepIconRegistry, pepIconTextAlignCenter, pepIconTextAlignLeft, pepIconTextAlignRight } from '@pepperi-addons/ngx-lib/icon';\r\n\r\nconst pepIcons = [\r\n pepIconTextAlignCenter, \r\n pepIconTextAlignLeft, \r\n pepIconTextAlignRight\r\n]\r\n\r\n@NgModule({\r\n declarations: [\r\n GroupButtonsSettingsComponent\r\n ],\r\n imports: [\r\n CommonModule,\r\n PepNgxLibModule,\r\n PepFieldTitleModule,\r\n PepGroupButtonsModule,\r\n ],\r\n exports: [GroupButtonsSettingsComponent]\r\n})\r\nexport class PepGroupButtonsSettingsModule { \r\n constructor(\r\n private pepIconRegistry: PepIconRegistry,\r\n ) {\r\n this.pepIconRegistry.registerIcons(pepIcons);\r\n }\r\n}\r\n","/*\r\n * Public API Surface of ngx-composite-lib/shadow-settings\r\n */\r\nexport * from './group-buttons-settings.module';\r\nexport * from './group-buttons-settings.component';\r\nexport * from './group-buttons-settings.model';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|