@pepperi-addons/ngx-composite-lib 0.4.2-beta.54 → 0.4.2-beta.56
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/esm2020/color-settings/color-settings.component.mjs +3 -3
- package/esm2020/group-buttons-settings/group-buttons-settings.component.mjs +2 -2
- package/esm2020/icon-picker/icon-picker.component.mjs +6 -3
- package/esm2020/shadow-settings/shadow-settings.component.mjs +3 -3
- package/fesm2015/pepperi-addons-ngx-composite-lib-color-settings.mjs +2 -2
- package/fesm2015/pepperi-addons-ngx-composite-lib-color-settings.mjs.map +1 -1
- package/fesm2015/pepperi-addons-ngx-composite-lib-group-buttons-settings.mjs +2 -2
- package/fesm2015/pepperi-addons-ngx-composite-lib-group-buttons-settings.mjs.map +1 -1
- package/fesm2015/pepperi-addons-ngx-composite-lib-icon-picker.mjs +5 -2
- package/fesm2015/pepperi-addons-ngx-composite-lib-icon-picker.mjs.map +1 -1
- package/fesm2015/pepperi-addons-ngx-composite-lib-shadow-settings.mjs +2 -2
- package/fesm2015/pepperi-addons-ngx-composite-lib-shadow-settings.mjs.map +1 -1
- package/fesm2020/pepperi-addons-ngx-composite-lib-color-settings.mjs +2 -2
- package/fesm2020/pepperi-addons-ngx-composite-lib-color-settings.mjs.map +1 -1
- package/fesm2020/pepperi-addons-ngx-composite-lib-group-buttons-settings.mjs +2 -2
- package/fesm2020/pepperi-addons-ngx-composite-lib-group-buttons-settings.mjs.map +1 -1
- package/fesm2020/pepperi-addons-ngx-composite-lib-icon-picker.mjs +5 -2
- package/fesm2020/pepperi-addons-ngx-composite-lib-icon-picker.mjs.map +1 -1
- package/fesm2020/pepperi-addons-ngx-composite-lib-shadow-settings.mjs +2 -2
- package/fesm2020/pepperi-addons-ngx-composite-lib-shadow-settings.mjs.map +1 -1
- package/icon-picker/icon-picker.component.d.ts +3 -1
- package/package.json +1 -1
|
@@ -69,10 +69,10 @@ export class ColorSettingsComponent {
|
|
|
69
69
|
}
|
|
70
70
|
}
|
|
71
71
|
ColorSettingsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: ColorSettingsComponent, deps: [{ token: i1.PepColorService }], target: i0.ɵɵFactoryTarget.Component });
|
|
72
|
-
ColorSettingsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: ColorSettingsComponent, selector: "pep-color-settings", inputs: { title: "title", checkAAComplient: "checkAAComplient", showAAComplient: "showAAComplient", color: "color" }, outputs: { colorChange: "colorChange" }, ngImport: i0, template: "<pep-checkbox class=\"checkbox-as-title\" [label]=\"title\" [renderTitle]=\"false\" [value]=\"color.use\"\n
|
|
72
|
+
ColorSettingsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: ColorSettingsComponent, selector: "pep-color-settings", inputs: { title: "title", checkAAComplient: "checkAAComplient", showAAComplient: "showAAComplient", color: "color" }, outputs: { colorChange: "colorChange" }, ngImport: i0, template: "<div>\n <pep-checkbox class=\"checkbox-as-title\" [label]=\"title\" [renderTitle]=\"false\" [value]=\"color.use\"\n (valueChange)=\"onUseChanged($event)\"></pep-checkbox>\n <pep-color [value]=\"color.value\" [label]=\"title + ' ' + ('COLOR_SETTINGS.COLOR' | translate)\" [disabled]=\"!color.use\"\n [checkAAComplient]=\"checkAAComplient\" [showAAComplient]=\"showAAComplient\" (valueChange)=\"onColorChanged($event)\">\n </pep-color>\n</div>\n<pep-slider [label]=\"title + ' ' + ('COLOR_SETTINGS.OPACITY' | translate)\" [hint]=\"color.opacity.toString() || ''\"\n [minValue]=\"0\" [maxValue]=\"100\" [disabled]=\"!color.use\" [value]=\"color.opacity\" [background]=\"getSliderBackground()\"\n (inputChange)=\"onSliderInputChanged($event)\" (valueChange)=\"onSliderValueChanged($event)\">\n</pep-slider>", styles: [":host{width:100%;display:grid;gap:var(--pep-spacing-lg, 1rem)}\n"], dependencies: [{ kind: "component", type: i2.PepCheckboxComponent, selector: "pep-checkbox", inputs: ["key", "value", "label", "type", "mandatory", "disabled", "readonly", "xAlignment", "rowSpan", "additionalValue", "form", "isActive", "showTitle", "renderTitle", "layoutType", "visible"], outputs: ["valueChange"] }, { kind: "component", type: i3.PepColorComponent, selector: "pep-color", inputs: ["key", "value", "label", "disabled", "xAlignment", "rowSpan", "type", "showTitle", "renderTitle", "showAAComplient", "checkAAComplient", "layoutType"], outputs: ["valueChange"] }, { kind: "component", type: i4.PepSliderComponent, selector: "pep-slider", inputs: ["label", "disabled", "hint", "background", "step", "minValue", "maxValue", "value"], outputs: ["valueChange", "inputChange"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] });
|
|
73
73
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: ColorSettingsComponent, decorators: [{
|
|
74
74
|
type: Component,
|
|
75
|
-
args: [{ selector: 'pep-color-settings', template: "<pep-checkbox class=\"checkbox-as-title\" [label]=\"title\" [renderTitle]=\"false\" [value]=\"color.use\"\n
|
|
75
|
+
args: [{ selector: 'pep-color-settings', template: "<div>\n <pep-checkbox class=\"checkbox-as-title\" [label]=\"title\" [renderTitle]=\"false\" [value]=\"color.use\"\n (valueChange)=\"onUseChanged($event)\"></pep-checkbox>\n <pep-color [value]=\"color.value\" [label]=\"title + ' ' + ('COLOR_SETTINGS.COLOR' | translate)\" [disabled]=\"!color.use\"\n [checkAAComplient]=\"checkAAComplient\" [showAAComplient]=\"showAAComplient\" (valueChange)=\"onColorChanged($event)\">\n </pep-color>\n</div>\n<pep-slider [label]=\"title + ' ' + ('COLOR_SETTINGS.OPACITY' | translate)\" [hint]=\"color.opacity.toString() || ''\"\n [minValue]=\"0\" [maxValue]=\"100\" [disabled]=\"!color.use\" [value]=\"color.opacity\" [background]=\"getSliderBackground()\"\n (inputChange)=\"onSliderInputChanged($event)\" (valueChange)=\"onSliderValueChanged($event)\">\n</pep-slider>", styles: [":host{width:100%;display:grid;gap:var(--pep-spacing-lg, 1rem)}\n"] }]
|
|
76
76
|
}], ctorParameters: function () { return [{ type: i1.PepColorService }]; }, propDecorators: { title: [{
|
|
77
77
|
type: Input
|
|
78
78
|
}], checkAAComplient: [{
|
|
@@ -84,4 +84,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImpor
|
|
|
84
84
|
}], colorChange: [{
|
|
85
85
|
type: Output
|
|
86
86
|
}] } });
|
|
87
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
87
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3Itc2V0dGluZ3MuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWNvbXBvc2l0ZS1saWIvY29sb3Itc2V0dGluZ3MvY29sb3Itc2V0dGluZ3MuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWNvbXBvc2l0ZS1saWIvY29sb3Itc2V0dGluZ3MvY29sb3Itc2V0dGluZ3MuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUUvRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQzs7Ozs7OztBQU8xRCxNQUFNLE9BQU8sc0JBQXNCO0lBcUIvQixZQUFvQixlQUFnQztRQUFoQyxvQkFBZSxHQUFmLGVBQWUsQ0FBaUI7UUFwQjNDLFVBQUssR0FBRyxFQUFFLENBQUM7UUFDWCxxQkFBZ0IsR0FBRyxJQUFJLENBQUM7UUFDeEIsb0JBQWUsR0FBRyxJQUFJLENBQUM7UUFFeEIsV0FBTSxHQUFxQixJQUFJLGdCQUFnQixFQUFFLENBQUM7UUFjMUQsZ0JBQVcsR0FBbUMsSUFBSSxZQUFZLEVBQW9CLENBQUM7SUFFM0IsQ0FBQztJQWZ6RCxJQUNJLEtBQUssQ0FBQyxLQUF1QjtRQUM3QixJQUFJLENBQUMsS0FBSyxFQUFFO1lBQ1IsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLGdCQUFnQixFQUFFLENBQUM7U0FDeEM7YUFBTTtZQUNILElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDO1NBQ3ZCO0lBQ0wsQ0FBQztJQUNELElBQUksS0FBSztRQUNMLE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQztJQUN2QixDQUFDO0lBT0QsUUFBUTtRQUNKLEVBQUU7SUFDTixDQUFDO0lBRU8sWUFBWSxDQUFDLFFBQTBCLEVBQUUsT0FBc0IsSUFBSTtRQUN2RSxJQUFJLElBQUksR0FBRyxxQkFBcUIsQ0FBQztRQUVqQyxJQUFJLFFBQVEsRUFBRTtZQUNWLE1BQU0sS0FBSyxHQUFHLFFBQVEsQ0FBQyxLQUFLLENBQUM7WUFDN0IsSUFBSSxPQUFPLEdBQUcsSUFBSSxJQUFJLElBQUksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsT0FBTyxDQUFDO1lBRXJELE9BQU8sR0FBRyxPQUFPLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxPQUFPLEdBQUcsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7WUFFMUMsTUFBTSxHQUFHLEdBQUcsSUFBSSxDQUFDLGVBQWUsQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLENBQUM7WUFDdEQsTUFBTSxHQUFHLEdBQUcsSUFBSSxDQUFDLGVBQWUsQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDLENBQUM7WUFDOUMsSUFBSSxHQUFHLE9BQU8sR0FBRyxHQUFHLENBQUMsQ0FBQyxHQUFHLEdBQUcsR0FBRyxHQUFHLENBQUMsQ0FBQyxHQUFHLEdBQUcsR0FBRyxHQUFHLENBQUMsQ0FBQyxHQUFHLEdBQUcsR0FBRyxPQUFPLEdBQUcsR0FBRyxDQUFDO1NBQzVFO1FBRUQsT0FBTyxJQUFJLENBQUM7SUFDaEIsQ0FBQztJQUVPLGdCQUFnQjtRQUNwQixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDdEMsQ0FBQztJQUVELG1CQUFtQjtRQUNmLE1BQU0sT0FBTyxHQUFHLE9BQU8sQ0FBQztRQUV4QixNQUFNLFFBQVEsR0FBRyxJQUFJLGdCQUFnQixFQUFFLENBQUM7UUFFeEMsUUFBUSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQztRQUNsQyxRQUFRLENBQUMsT0FBTyxHQUFHLEdBQUcsQ0FBQztRQUV2QixNQUFNLE9BQU8sR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLFFBQVEsRUFBRSxDQUFDLENBQUMsR0FBRyxLQUFLLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUVyRixPQUFPLHFCQUFxQixHQUFHLE9BQU8sR0FBRyxJQUFJLEdBQUcsT0FBTyxHQUFHLEdBQUcsQ0FBQztJQUNsRSxDQUFDO0lBRUQsWUFBWSxDQUFDLEtBQWM7UUFDdkIsSUFBSSxDQUFDLEtBQUssQ0FBQyxHQUFHLEdBQUcsS0FBSyxDQUFDO1FBQ3ZCLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxDQUFDO0lBQzVCLENBQUM7SUFFRCxjQUFjLENBQUMsS0FBYTtRQUN4QixJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7UUFDekIsSUFBSSxDQUFDLGdCQUFnQixFQUFFLENBQUM7SUFDNUIsQ0FBQztJQUVELG9CQUFvQixDQUFDLEtBQWE7UUFDOUIsSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDO0lBQy9CLENBQUM7SUFFRCxvQkFBb0IsQ0FBQyxLQUFhO1FBQzlCLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQztRQUMzQixJQUFJLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQztJQUM1QixDQUFDOzttSEE5RVEsc0JBQXNCO3VHQUF0QixzQkFBc0IseU5DVG5DLGkwQkFVYTsyRkREQSxzQkFBc0I7a0JBTGxDLFNBQVM7K0JBQ0ksb0JBQW9CO3NHQUtyQixLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBSUYsS0FBSztzQkFEUixLQUFLO2dCQWFOLFdBQVc7c0JBRFYsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFBlcENvbG9yU2VydmljZSB9IGZyb20gJ0BwZXBwZXJpLWFkZG9ucy9uZ3gtbGliJztcbmltcG9ydCB7IFBlcENvbG9yU2V0dGluZ3MgfSBmcm9tICcuL2NvbG9yLXNldHRpbmdzLm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdwZXAtY29sb3Itc2V0dGluZ3MnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9jb2xvci1zZXR0aW5ncy5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vY29sb3Itc2V0dGluZ3MuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBDb2xvclNldHRpbmdzQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgICBASW5wdXQoKSB0aXRsZSA9ICcnO1xuICAgIEBJbnB1dCgpIGNoZWNrQUFDb21wbGllbnQgPSB0cnVlO1xuICAgIEBJbnB1dCgpIHNob3dBQUNvbXBsaWVudCA9IHRydWU7XG5cbiAgICBwcml2YXRlIF9jb2xvcjogUGVwQ29sb3JTZXR0aW5ncyA9IG5ldyBQZXBDb2xvclNldHRpbmdzKCk7XG4gICAgQElucHV0KClcbiAgICBzZXQgY29sb3IodmFsdWU6IFBlcENvbG9yU2V0dGluZ3MpIHtcbiAgICAgICAgaWYgKCF2YWx1ZSkge1xuICAgICAgICAgICAgdGhpcy5fY29sb3IgPSBuZXcgUGVwQ29sb3JTZXR0aW5ncygpO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgdGhpcy5fY29sb3IgPSB2YWx1ZTtcbiAgICAgICAgfVxuICAgIH1cbiAgICBnZXQgY29sb3IoKTogUGVwQ29sb3JTZXR0aW5ncyB7XG4gICAgICAgIHJldHVybiB0aGlzLl9jb2xvcjtcbiAgICB9XG5cbiAgICBAT3V0cHV0KClcbiAgICBjb2xvckNoYW5nZTogRXZlbnRFbWl0dGVyPFBlcENvbG9yU2V0dGluZ3M+ID0gbmV3IEV2ZW50RW1pdHRlcjxQZXBDb2xvclNldHRpbmdzPigpO1xuICAgIFxuICAgIGNvbnN0cnVjdG9yKHByaXZhdGUgcGVwQ29sb3JTZXJ2aWNlOiBQZXBDb2xvclNlcnZpY2UpIHsgfVxuXG4gICAgbmdPbkluaXQoKSB7XG4gICAgICAgIC8vXG4gICAgfVxuXG4gICAgcHJpdmF0ZSBnZXRSR0JBY29sb3IoY29sb3JPYmo6IFBlcENvbG9yU2V0dGluZ3MsIG9wYWM6IG51bWJlciB8IG51bGwgPSBudWxsKSB7XG4gICAgICAgIGxldCByZ2JhID0gJ3JnYmEoMjU1LDI1NSwyNTUsMCknO1xuXG4gICAgICAgIGlmIChjb2xvck9iaikge1xuICAgICAgICAgICAgY29uc3QgY29sb3IgPSBjb2xvck9iai52YWx1ZTtcbiAgICAgICAgICAgIGxldCBvcGFjaXR5ID0gb3BhYyAhPSBudWxsID8gb3BhYyA6IGNvbG9yT2JqLm9wYWNpdHk7XG5cbiAgICAgICAgICAgIG9wYWNpdHkgPSBvcGFjaXR5ID4gMCA/IG9wYWNpdHkgLyAxMDAgOiAwO1xuXG4gICAgICAgICAgICBjb25zdCBoc2wgPSB0aGlzLnBlcENvbG9yU2VydmljZS5oc2xTdHJpbmcyaHNsKGNvbG9yKTtcbiAgICAgICAgICAgIGNvbnN0IHJnYiA9IHRoaXMucGVwQ29sb3JTZXJ2aWNlLmhzbDJyZ2IoaHNsKTtcbiAgICAgICAgICAgIHJnYmEgPSAncmdiYSgnICsgcmdiLnIgKyAnLCcgKyByZ2IuZyArICcsJyArIHJnYi5iICsgJywnICsgb3BhY2l0eSArICcpJztcbiAgICAgICAgfVxuXG4gICAgICAgIHJldHVybiByZ2JhO1xuICAgIH1cblxuICAgIHByaXZhdGUgcmFpc2VDb2xvckNoYW5nZSgpIHtcbiAgICAgICAgdGhpcy5jb2xvckNoYW5nZS5lbWl0KHRoaXMuY29sb3IpO1xuICAgIH1cblxuICAgIGdldFNsaWRlckJhY2tncm91bmQoKSB7XG4gICAgICAgIGNvbnN0IGFsaWduVG8gPSAncmlnaHQnO1xuICAgIFxuICAgICAgICBjb25zdCBjb2xvck9iaiA9IG5ldyBQZXBDb2xvclNldHRpbmdzKCk7XG4gICAgXG4gICAgICAgIGNvbG9yT2JqLnZhbHVlID0gdGhpcy5jb2xvci52YWx1ZTtcbiAgICAgICAgY29sb3JPYmoub3BhY2l0eSA9IDEwMDtcbiAgICBcbiAgICAgICAgY29uc3QgZ3JhZFN0ciA9IHRoaXMuZ2V0UkdCQWNvbG9yKGNvbG9yT2JqLCAwKSArICcgLCAnICsgdGhpcy5nZXRSR0JBY29sb3IoY29sb3JPYmopO1xuICAgIFxuICAgICAgICByZXR1cm4gJ2xpbmVhci1ncmFkaWVudCh0byAnICsgYWxpZ25UbyArICcsICcgKyBncmFkU3RyICsgJyknO1xuICAgIH1cblxuICAgIG9uVXNlQ2hhbmdlZCh2YWx1ZTogYm9vbGVhbikge1xuICAgICAgICB0aGlzLmNvbG9yLnVzZSA9IHZhbHVlO1xuICAgICAgICB0aGlzLnJhaXNlQ29sb3JDaGFuZ2UoKTtcbiAgICB9XG5cbiAgICBvbkNvbG9yQ2hhbmdlZCh2YWx1ZTogc3RyaW5nKSB7XG4gICAgICAgIHRoaXMuY29sb3IudmFsdWUgPSB2YWx1ZTtcbiAgICAgICAgdGhpcy5yYWlzZUNvbG9yQ2hhbmdlKCk7XG4gICAgfVxuICAgIFxuICAgIG9uU2xpZGVySW5wdXRDaGFuZ2VkKHZhbHVlOiBudW1iZXIpIHtcbiAgICAgICAgdGhpcy5jb2xvci5vcGFjaXR5ID0gdmFsdWU7XG4gICAgfVxuXG4gICAgb25TbGlkZXJWYWx1ZUNoYW5nZWQodmFsdWU6IG51bWJlcikge1xuICAgICAgICB0aGlzLmNvbG9yLm9wYWNpdHkgPSB2YWx1ZTtcbiAgICAgICAgdGhpcy5yYWlzZUNvbG9yQ2hhbmdlKCk7XG4gICAgfVxufVxuIiwiPGRpdj5cbiAgICA8cGVwLWNoZWNrYm94IGNsYXNzPVwiY2hlY2tib3gtYXMtdGl0bGVcIiBbbGFiZWxdPVwidGl0bGVcIiBbcmVuZGVyVGl0bGVdPVwiZmFsc2VcIiBbdmFsdWVdPVwiY29sb3IudXNlXCJcbiAgICAgICAgKHZhbHVlQ2hhbmdlKT1cIm9uVXNlQ2hhbmdlZCgkZXZlbnQpXCI+PC9wZXAtY2hlY2tib3g+XG4gICAgPHBlcC1jb2xvciBbdmFsdWVdPVwiY29sb3IudmFsdWVcIiBbbGFiZWxdPVwidGl0bGUgKyAnICcgKyAoJ0NPTE9SX1NFVFRJTkdTLkNPTE9SJyB8IHRyYW5zbGF0ZSlcIiBbZGlzYWJsZWRdPVwiIWNvbG9yLnVzZVwiXG4gICAgICAgIFtjaGVja0FBQ29tcGxpZW50XT1cImNoZWNrQUFDb21wbGllbnRcIiBbc2hvd0FBQ29tcGxpZW50XT1cInNob3dBQUNvbXBsaWVudFwiICh2YWx1ZUNoYW5nZSk9XCJvbkNvbG9yQ2hhbmdlZCgkZXZlbnQpXCI+XG4gICAgPC9wZXAtY29sb3I+XG48L2Rpdj5cbjxwZXAtc2xpZGVyIFtsYWJlbF09XCJ0aXRsZSArICcgJyArICgnQ09MT1JfU0VUVElOR1MuT1BBQ0lUWScgfCB0cmFuc2xhdGUpXCIgW2hpbnRdPVwiY29sb3Iub3BhY2l0eS50b1N0cmluZygpIHx8ICcnXCJcbiAgICBbbWluVmFsdWVdPVwiMFwiIFttYXhWYWx1ZV09XCIxMDBcIiBbZGlzYWJsZWRdPVwiIWNvbG9yLnVzZVwiIFt2YWx1ZV09XCJjb2xvci5vcGFjaXR5XCIgW2JhY2tncm91bmRdPVwiZ2V0U2xpZGVyQmFja2dyb3VuZCgpXCJcbiAgICAoaW5wdXRDaGFuZ2UpPVwib25TbGlkZXJJbnB1dENoYW5nZWQoJGV2ZW50KVwiICh2YWx1ZUNoYW5nZSk9XCJvblNsaWRlclZhbHVlQ2hhbmdlZCgkZXZlbnQpXCI+XG48L3BlcC1zbGlkZXI+Il19
|
|
@@ -123,10 +123,10 @@ export class GroupButtonsSettingsComponent {
|
|
|
123
123
|
}
|
|
124
124
|
}
|
|
125
125
|
GroupButtonsSettingsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: GroupButtonsSettingsComponent, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
|
|
126
|
-
GroupButtonsSettingsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", 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, 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%}
|
|
126
|
+
GroupButtonsSettingsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", 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, 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%}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.PepFieldTitleComponent, selector: "pep-field-title", inputs: ["label", "mandatory", "disabled", "maxFieldCharacters", "hint", "xAlignment", "showTitle", "inputLength", "fontBodyType"] }, { kind: "component", type: i4.PepGroupButtonsComponent, selector: "pep-group-buttons", inputs: ["viewType", "styleType", "sizeType", "buttons", "buttonsDisabled", "supportUnselect", "selectedButtonKey", "stretch"], outputs: ["buttonClick"] }] });
|
|
127
127
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: GroupButtonsSettingsComponent, decorators: [{
|
|
128
128
|
type: Component,
|
|
129
|
-
args: [{ selector: 'pep-group-buttons-settings', 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%}
|
|
129
|
+
args: [{ selector: 'pep-group-buttons-settings', 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%}\n"] }]
|
|
130
130
|
}], ctorParameters: function () { return [{ type: i1.TranslateService }]; }, propDecorators: { header: [{
|
|
131
131
|
type: Input
|
|
132
132
|
}], subHeader: [{
|
|
@@ -17,6 +17,7 @@ export class IconPickerComponent {
|
|
|
17
17
|
this.dir = 'ltr';
|
|
18
18
|
this.iconURL = '';
|
|
19
19
|
this.useCheckBoxHeader = true;
|
|
20
|
+
this.titleSize = 'xl';
|
|
20
21
|
this.iconChange = new EventEmitter();
|
|
21
22
|
this.iconDisableChange = new EventEmitter();
|
|
22
23
|
}
|
|
@@ -50,10 +51,10 @@ export class IconPickerComponent {
|
|
|
50
51
|
}
|
|
51
52
|
}
|
|
52
53
|
IconPickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: IconPickerComponent, deps: [{ token: i0.ViewContainerRef }, { token: i1.PepAddonBlockLoaderService }], target: i0.ɵɵFactoryTarget.Component });
|
|
53
|
-
IconPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: IconPickerComponent, selector: "pep-icon-picker", inputs: { disabled: "disabled", header: "header", preview_header: "preview_header", select_btn_header: "select_btn_header", dir: "dir", iconURL: "iconURL", useCheckBoxHeader: "useCheckBoxHeader" }, outputs: { iconChange: "iconChange", iconDisableChange: "iconDisableChange" }, ngImport: i0, template: "<label *ngIf=\"!useCheckBoxHeader\" class=\"title-
|
|
54
|
+
IconPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: IconPickerComponent, selector: "pep-icon-picker", inputs: { disabled: "disabled", header: "header", preview_header: "preview_header", select_btn_header: "select_btn_header", dir: "dir", iconURL: "iconURL", useCheckBoxHeader: "useCheckBoxHeader", titleSize: "titleSize" }, outputs: { iconChange: "iconChange", iconDisableChange: "iconDisableChange" }, ngImport: i0, template: "<label *ngIf=\"!useCheckBoxHeader\" class=\"title-{{titleSize}} ellipsis\">{{header !== '' ? header : ('ICON_PICKER_BUTTON.MAIN_HEADER' | translate)}}</label>\n<pep-checkbox *ngIf=\"useCheckBoxHeader\" \n class=\"{{ titleSize === 'xl' ? 'checkbox-as-title' : 'checkbox-as-sub-title' }}\" \n [value]=\"!disabled\" \n [label]=\"header !== '' ? header : ('ICON_PICKER_BUTTON.MAIN_HEADER' | translate)\" \n [renderTitle]=\"false\" \n (valueChange)=\"onUseIconChange($event)\">\n</pep-checkbox>\n<div class=\"main-cont\">\n <div class=\"selected-cont\">\n <pep-field-title [label]=\"preview_header !== '' ? preview_header : ('ICON_PICKER_BUTTON.SELECTED' | translate)\" \n [disabled]=\"disabled\" \n [xAlignment]=\"dir === 'rtl' ? 'right' : 'left'\">\n </pep-field-title>\n <!-- <pep-button\n iconName=\"system_bolt\"\n [disabled]=\"disabled\">\n \n </pep-button> -->\n <div class=\"pep-button md weak\">\n <img *ngIf=\"iconURL !== ''\" [src]=\"iconURL\"/>\n </div>\n </div>\n <div class=\"choose-btn-cont\">\n <pep-field-title [label]=\"select_btn_header !== '' ? select_btn_header : ('ICON_PICKER_BUTTON.CHOOSE_ICON_HEADER' | translate)\" \n [disabled]=\"disabled\" \n [xAlignment]=\"dir === 'rtl' ? 'right' : 'left'\">\n </pep-field-title>\n <pep-button\n [value]=\"'ICON_PICKER_BUTTON.CHOOSE_ICON' | translate\" \n styleType=\"regular\"\n [disabled]=\"disabled\" (buttonClick)=\"openIconPickerDialog()\">\n </pep-button>\n </div>\n</div>", styles: [":host{width:100%}.main-cont{display:flex;gap:.5rem;width:100%}.main-cont .selected-cont{width:3.5rem;align-self:end;display:flex;flex-direction:column}.main-cont .selected-cont .pep-button{display:flex;align-items:center}.main-cont .selected-cont .pep-button img{max-height:1.5rem;max-width:1.5rem}.main-cont .choose-btn-cont{width:-webkit-fill-available;align-self:end;display:flex;flex-direction:column}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.PepButtonComponent, selector: "pep-button", inputs: ["key", "value", "styleType", "styleStateType", "sizeType", "classNames", "disabled", "iconName", "iconPosition", "visible"], outputs: ["buttonClick"] }, { kind: "component", type: i4.PepFieldTitleComponent, selector: "pep-field-title", inputs: ["label", "mandatory", "disabled", "maxFieldCharacters", "hint", "xAlignment", "showTitle", "inputLength", "fontBodyType"] }, { kind: "component", type: i5.PepCheckboxComponent, selector: "pep-checkbox", inputs: ["key", "value", "label", "type", "mandatory", "disabled", "readonly", "xAlignment", "rowSpan", "additionalValue", "form", "isActive", "showTitle", "renderTitle", "layoutType", "visible"], outputs: ["valueChange"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] });
|
|
54
55
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: IconPickerComponent, decorators: [{
|
|
55
56
|
type: Component,
|
|
56
|
-
args: [{ selector: 'pep-icon-picker', template: "<label *ngIf=\"!useCheckBoxHeader\" class=\"title-
|
|
57
|
+
args: [{ selector: 'pep-icon-picker', template: "<label *ngIf=\"!useCheckBoxHeader\" class=\"title-{{titleSize}} ellipsis\">{{header !== '' ? header : ('ICON_PICKER_BUTTON.MAIN_HEADER' | translate)}}</label>\n<pep-checkbox *ngIf=\"useCheckBoxHeader\" \n class=\"{{ titleSize === 'xl' ? 'checkbox-as-title' : 'checkbox-as-sub-title' }}\" \n [value]=\"!disabled\" \n [label]=\"header !== '' ? header : ('ICON_PICKER_BUTTON.MAIN_HEADER' | translate)\" \n [renderTitle]=\"false\" \n (valueChange)=\"onUseIconChange($event)\">\n</pep-checkbox>\n<div class=\"main-cont\">\n <div class=\"selected-cont\">\n <pep-field-title [label]=\"preview_header !== '' ? preview_header : ('ICON_PICKER_BUTTON.SELECTED' | translate)\" \n [disabled]=\"disabled\" \n [xAlignment]=\"dir === 'rtl' ? 'right' : 'left'\">\n </pep-field-title>\n <!-- <pep-button\n iconName=\"system_bolt\"\n [disabled]=\"disabled\">\n \n </pep-button> -->\n <div class=\"pep-button md weak\">\n <img *ngIf=\"iconURL !== ''\" [src]=\"iconURL\"/>\n </div>\n </div>\n <div class=\"choose-btn-cont\">\n <pep-field-title [label]=\"select_btn_header !== '' ? select_btn_header : ('ICON_PICKER_BUTTON.CHOOSE_ICON_HEADER' | translate)\" \n [disabled]=\"disabled\" \n [xAlignment]=\"dir === 'rtl' ? 'right' : 'left'\">\n </pep-field-title>\n <pep-button\n [value]=\"'ICON_PICKER_BUTTON.CHOOSE_ICON' | translate\" \n styleType=\"regular\"\n [disabled]=\"disabled\" (buttonClick)=\"openIconPickerDialog()\">\n </pep-button>\n </div>\n</div>", styles: [":host{width:100%}.main-cont{display:flex;gap:.5rem;width:100%}.main-cont .selected-cont{width:3.5rem;align-self:end;display:flex;flex-direction:column}.main-cont .selected-cont .pep-button{display:flex;align-items:center}.main-cont .selected-cont .pep-button img{max-height:1.5rem;max-width:1.5rem}.main-cont .choose-btn-cont{width:-webkit-fill-available;align-self:end;display:flex;flex-direction:column}\n"] }]
|
|
57
58
|
}], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i1.PepAddonBlockLoaderService }]; }, propDecorators: { disabled: [{
|
|
58
59
|
type: Input
|
|
59
60
|
}], header: [{
|
|
@@ -68,9 +69,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImpor
|
|
|
68
69
|
type: Input
|
|
69
70
|
}], useCheckBoxHeader: [{
|
|
70
71
|
type: Input
|
|
72
|
+
}], titleSize: [{
|
|
73
|
+
type: Input
|
|
71
74
|
}], iconChange: [{
|
|
72
75
|
type: Output
|
|
73
76
|
}], iconDisableChange: [{
|
|
74
77
|
type: Output
|
|
75
78
|
}] } });
|
|
76
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
79
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi1waWNrZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWNvbXBvc2l0ZS1saWIvaWNvbi1waWNrZXIvaWNvbi1waWNrZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWNvbXBvc2l0ZS1saWIvaWNvbi1waWNrZXIvaWNvbi1waWNrZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBb0IsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7O0FBVWpHLE1BQU0sT0FBTyxtQkFBbUI7SUFpQjVCLFlBQ1ksZ0JBQWtDLEVBQ2xDLHVCQUFtRDtRQURuRCxxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWtCO1FBQ2xDLDRCQUF1QixHQUF2Qix1QkFBdUIsQ0FBNEI7UUFqQnRELGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDakIsV0FBTSxHQUFHLEVBQUUsQ0FBQztRQUNaLG1CQUFjLEdBQUcsRUFBRSxDQUFDO1FBQ3BCLHNCQUFpQixHQUFHLEVBQUUsQ0FBQztRQUN2QixRQUFHLEdBQWtCLEtBQUssQ0FBQztRQUMzQixZQUFPLEdBQUcsRUFBRSxDQUFDO1FBQ2Isc0JBQWlCLEdBQUcsSUFBSSxDQUFDO1FBQ3pCLGNBQVMsR0FBZ0IsSUFBSSxDQUFDO1FBR3ZDLGVBQVUsR0FBc0IsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUd4RCxzQkFBaUIsR0FBc0IsSUFBSSxZQUFZLEVBQU8sQ0FBQztJQUlJLENBQUM7SUFFcEUsUUFBUTtRQUNKLGNBQWM7SUFDbEIsQ0FBQztJQUlELG9CQUFvQjtRQUNoQixNQUFNLFNBQVMsR0FBRyxJQUFJLENBQUMsdUJBQXVCLENBQUMsc0JBQXNCLENBQUM7WUFDbEUsU0FBUyxFQUFFLElBQUksQ0FBQyxnQkFBZ0I7WUFDaEMsSUFBSSxFQUFFLGFBQWE7WUFDbkIsVUFBVSxFQUFFO2dCQUNSLGFBQWEsRUFBRSxRQUFRO2dCQUN2QixrQkFBa0IsRUFBRSxRQUFRO2dCQUM1QixRQUFRLEVBQUUsSUFBSTthQUNqQjtZQUNELElBQUksRUFBRSxhQUFhO1lBQ25CLGtCQUFrQixFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsRUFBRTtnQkFDaEMsSUFBSSxLQUFLLEVBQUUsTUFBTSxLQUFLLFNBQVMsRUFBRTtvQkFDN0IsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7b0JBQzVCLFNBQVMsRUFBRSxLQUFLLEVBQUUsQ0FBQztpQkFDdEI7cUJBQU0sSUFBSSxLQUFLLENBQUMsTUFBTSxLQUFLLFdBQVcsRUFBRTtvQkFDckMsU0FBUyxFQUFFLEtBQUssRUFBRSxDQUFDO2lCQUN0QjtZQUNMLENBQUM7U0FDSixDQUFDLENBQUM7SUFDUCxDQUFDO0lBRUQsZUFBZSxDQUFDLEtBQWM7UUFDM0IsSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUM7UUFDL0IsSUFBSSxDQUFDLGlCQUFpQixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN0QyxDQUFDOztnSEFuRFEsbUJBQW1CO29HQUFuQixtQkFBbUIsb1dDVmhDLCtyREFrQ007MkZEeEJPLG1CQUFtQjtrQkFML0IsU0FBUzsrQkFDSSxpQkFBaUI7Z0pBTWxCLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csaUJBQWlCO3NCQUF6QixLQUFLO2dCQUNHLEdBQUc7c0JBQVgsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csaUJBQWlCO3NCQUF6QixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBR04sVUFBVTtzQkFEVCxNQUFNO2dCQUlQLGlCQUFpQjtzQkFEaEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQsIFZpZXdDb250YWluZXJSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFBlcFNpemVUeXBlIH0gZnJvbSAnQHBlcHBlcmktYWRkb25zL25neC1saWInO1xuaW1wb3J0IHsgUGVwQWRkb25CbG9ja0xvYWRlclNlcnZpY2UgfSBmcm9tICdAcGVwcGVyaS1hZGRvbnMvbmd4LWxpYi9yZW1vdGUtbG9hZGVyJztcblxuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3BlcC1pY29uLXBpY2tlcicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2ljb24tcGlja2VyLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9pY29uLXBpY2tlci5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEljb25QaWNrZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gICAgQElucHV0KCkgZGlzYWJsZWQgPSBmYWxzZTtcbiAgICBASW5wdXQoKSBoZWFkZXIgPSAnJztcbiAgICBASW5wdXQoKSBwcmV2aWV3X2hlYWRlciA9ICcnO1xuICAgIEBJbnB1dCgpIHNlbGVjdF9idG5faGVhZGVyID0gJyc7XG4gICAgQElucHV0KCkgZGlyOiAncnRsJyB8ICdsdHInID0gJ2x0cic7XG4gICAgQElucHV0KCkgaWNvblVSTCA9ICcnO1xuICAgIEBJbnB1dCgpIHVzZUNoZWNrQm94SGVhZGVyID0gdHJ1ZTtcbiAgICBASW5wdXQoKSB0aXRsZVNpemU6IFBlcFNpemVUeXBlID0gJ3hsJztcblxuICAgIEBPdXRwdXQoKVxuICAgIGljb25DaGFuZ2U6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG4gICAgXG4gICAgQE91dHB1dCgpXG4gICAgaWNvbkRpc2FibGVDaGFuZ2U6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG5cbiAgICBjb25zdHJ1Y3RvcihcbiAgICAgICAgcHJpdmF0ZSB2aWV3Q29udGFpbmVyUmVmOiBWaWV3Q29udGFpbmVyUmVmLFxuICAgICAgICBwcml2YXRlIGFkZG9uQmxvY2tMb2FkZXJTZXJ2aWNlOiBQZXBBZGRvbkJsb2NrTG9hZGVyU2VydmljZSkgeyB9XG5cbiAgICBuZ09uSW5pdCgpIHtcbiAgICAgICAgLy8gRG8gbm90aGluZy5cbiAgICB9XG5cbiAgIFxuXG4gICAgb3Blbkljb25QaWNrZXJEaWFsb2coKSB7XG4gICAgICAgIGNvbnN0IGRpYWxvZ1JlZiA9IHRoaXMuYWRkb25CbG9ja0xvYWRlclNlcnZpY2UubG9hZEFkZG9uQmxvY2tJbkRpYWxvZyh7XG4gICAgICAgICAgICBjb250YWluZXI6IHRoaXMudmlld0NvbnRhaW5lclJlZixcbiAgICAgICAgICAgIG5hbWU6ICdBc3NldFBpY2tlcicsXG4gICAgICAgICAgICBob3N0T2JqZWN0OiB7XG4gICAgICAgICAgICAgICAgc2VsZWN0aW9uVHlwZTogJ3NpbmdsZScsXG4gICAgICAgICAgICAgICAgYWxsb3dlZEFzc2V0c1R5cGVzOiAnaW1hZ2VzJyxcbiAgICAgICAgICAgICAgICBpbkRpYWxvZzogdHJ1ZVxuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIHNpemU6ICdmdWxsLXNjcmVlbicsXG4gICAgICAgICAgICBob3N0RXZlbnRzQ2FsbGJhY2s6IGFzeW5jIChldmVudCkgPT4ge1xuICAgICAgICAgICAgICAgIGlmIChldmVudD8uYWN0aW9uID09PSAnb24tc2F2ZScpIHtcbiAgICAgICAgICAgICAgICAgICAgdGhpcy5pY29uQ2hhbmdlLmVtaXQoZXZlbnQpO1xuICAgICAgICAgICAgICAgICAgICBkaWFsb2dSZWY/LmNsb3NlKCk7XG4gICAgICAgICAgICAgICAgfSBlbHNlIGlmIChldmVudC5hY3Rpb24gPT09ICdvbi1jYW5jZWwnKSB7XG4gICAgICAgICAgICAgICAgICAgIGRpYWxvZ1JlZj8uY2xvc2UoKTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgIH0pO1xuICAgIH1cblxuICAgIG9uVXNlSWNvbkNoYW5nZShldmVudDogYm9vbGVhbil7XG4gICAgICAgdGhpcy5kaXNhYmxlZCA9ICF0aGlzLmRpc2FibGVkO1xuICAgICAgIHRoaXMuaWNvbkRpc2FibGVDaGFuZ2UuZW1pdChldmVudCk7XG4gICAgfVxufVxuIiwiPGxhYmVsICpuZ0lmPVwiIXVzZUNoZWNrQm94SGVhZGVyXCIgY2xhc3M9XCJ0aXRsZS17e3RpdGxlU2l6ZX19IGVsbGlwc2lzXCI+e3toZWFkZXIgIT09ICcnID8gaGVhZGVyIDogKCdJQ09OX1BJQ0tFUl9CVVRUT04uTUFJTl9IRUFERVInIHwgdHJhbnNsYXRlKX19PC9sYWJlbD5cbjxwZXAtY2hlY2tib3ggKm5nSWY9XCJ1c2VDaGVja0JveEhlYWRlclwiIFxuICAgICAgICBjbGFzcz1cInt7IHRpdGxlU2l6ZSA9PT0gJ3hsJyA/ICdjaGVja2JveC1hcy10aXRsZScgOiAnY2hlY2tib3gtYXMtc3ViLXRpdGxlJyB9fVwiIFxuICAgICAgICBbdmFsdWVdPVwiIWRpc2FibGVkXCIgXG4gICAgICAgIFtsYWJlbF09XCJoZWFkZXIgIT09ICcnID8gaGVhZGVyIDogKCdJQ09OX1BJQ0tFUl9CVVRUT04uTUFJTl9IRUFERVInIHwgdHJhbnNsYXRlKVwiIFxuICAgICAgICBbcmVuZGVyVGl0bGVdPVwiZmFsc2VcIiBcbiAgICAgICAgKHZhbHVlQ2hhbmdlKT1cIm9uVXNlSWNvbkNoYW5nZSgkZXZlbnQpXCI+XG48L3BlcC1jaGVja2JveD5cbjxkaXYgY2xhc3M9XCJtYWluLWNvbnRcIj5cbiAgICA8ZGl2IGNsYXNzPVwic2VsZWN0ZWQtY29udFwiPlxuICAgICAgICA8cGVwLWZpZWxkLXRpdGxlIFtsYWJlbF09XCJwcmV2aWV3X2hlYWRlciAhPT0gJycgPyBwcmV2aWV3X2hlYWRlciA6ICgnSUNPTl9QSUNLRVJfQlVUVE9OLlNFTEVDVEVEJyB8IHRyYW5zbGF0ZSlcIiBcbiAgICAgICAgICAgICAgICAgICAgICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIiBcbiAgICAgICAgICAgICAgICAgICAgICAgICBbeEFsaWdubWVudF09XCJkaXIgPT09ICdydGwnID8gJ3JpZ2h0JyA6ICdsZWZ0J1wiPlxuICAgICAgICA8L3BlcC1maWVsZC10aXRsZT5cbiAgICAgICAgPCEtLSA8cGVwLWJ1dHRvblxuICAgICAgICAgICAgaWNvbk5hbWU9XCJzeXN0ZW1fYm9sdFwiXG4gICAgICAgICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIj5cbiAgICAgICAgICAgXG4gICAgICAgIDwvcGVwLWJ1dHRvbj4gLS0+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJwZXAtYnV0dG9uIG1kIHdlYWtcIj5cbiAgICAgICAgICAgIDxpbWcgKm5nSWY9XCJpY29uVVJMICE9PSAnJ1wiIFtzcmNdPVwiaWNvblVSTFwiLz5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImNob29zZS1idG4tY29udFwiPlxuICAgICAgICA8cGVwLWZpZWxkLXRpdGxlIFtsYWJlbF09XCJzZWxlY3RfYnRuX2hlYWRlciAhPT0gJycgPyBzZWxlY3RfYnRuX2hlYWRlciA6ICgnSUNPTl9QSUNLRVJfQlVUVE9OLkNIT09TRV9JQ09OX0hFQURFUicgfCB0cmFuc2xhdGUpXCIgXG4gICAgICAgICAgICAgICAgICAgICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCIgXG4gICAgICAgICAgICAgICAgICAgICAgICAgW3hBbGlnbm1lbnRdPVwiZGlyID09PSAncnRsJyA/ICdyaWdodCcgOiAnbGVmdCdcIj5cbiAgICAgICAgPC9wZXAtZmllbGQtdGl0bGU+XG4gICAgICAgIDxwZXAtYnV0dG9uXG4gICAgICAgICAgICBbdmFsdWVdPVwiJ0lDT05fUElDS0VSX0JVVFRPTi5DSE9PU0VfSUNPTicgfCB0cmFuc2xhdGVcIiBcbiAgICAgICAgICAgIHN0eWxlVHlwZT1cInJlZ3VsYXJcIlxuICAgICAgICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCIgKGJ1dHRvbkNsaWNrKT1cIm9wZW5JY29uUGlja2VyRGlhbG9nKClcIj5cbiAgICAgICAgPC9wZXAtYnV0dG9uPlxuICAgIDwvZGl2PlxuPC9kaXY+Il19
|
|
@@ -57,13 +57,13 @@ export class ShadowSettingsComponent {
|
|
|
57
57
|
}
|
|
58
58
|
}
|
|
59
59
|
ShadowSettingsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: ShadowSettingsComponent, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
|
|
60
|
-
ShadowSettingsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", 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
|
|
60
|
+
ShadowSettingsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: ShadowSettingsComponent, selector: "pep-shadow-settings", inputs: { shadow: "shadow" }, outputs: { shadowChange: "shadowChange" }, ngImport: i0, template: "<div>\n <pep-checkbox class=\"checkbox-as-title\" [label]=\"'SHADOW_SETTINGS.TITLE' | translate\" [renderTitle]=\"false\" [value]=\"shadow.use\" (valueChange)=\"onUseChanged($event)\"></pep-checkbox>\n <pep-field-title [label]=\"'SHADOW_SETTINGS.SIZE' | translate\" [disabled]=\"!shadow.use\"></pep-field-title>\n <pep-group-buttons class=\"shadow-size-group\" [buttons]=\"shadowSizes\" [selectedButtonKey]=\"shadow.size\" [stretch]=\"true\" buttonsClass=\"md regular\" [buttonsDisabled]=\"!shadow.use\" viewType=\"toggle\">\n </pep-group-buttons>\n</div>\n<div>\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>\n</div>", styles: [":host{width:100%;display:grid;gap:var(--pep-spacing-lg, 1rem)}\n"], dependencies: [{ kind: "component", type: i2.PepCheckboxComponent, selector: "pep-checkbox", inputs: ["key", "value", "label", "type", "mandatory", "disabled", "readonly", "xAlignment", "rowSpan", "additionalValue", "form", "isActive", "showTitle", "renderTitle", "layoutType", "visible"], outputs: ["valueChange"] }, { kind: "component", type: i3.PepFieldTitleComponent, selector: "pep-field-title", inputs: ["label", "mandatory", "disabled", "maxFieldCharacters", "hint", "xAlignment", "showTitle", "inputLength", "fontBodyType"] }, { kind: "component", type: i4.PepGroupButtonsComponent, selector: "pep-group-buttons", inputs: ["viewType", "styleType", "sizeType", "buttons", "buttonsDisabled", "supportUnselect", "selectedButtonKey", "stretch"], outputs: ["buttonClick"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
|
|
61
61
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: ShadowSettingsComponent, decorators: [{
|
|
62
62
|
type: Component,
|
|
63
|
-
args: [{ selector: 'pep-shadow-settings', 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
|
|
63
|
+
args: [{ selector: 'pep-shadow-settings', template: "<div>\n <pep-checkbox class=\"checkbox-as-title\" [label]=\"'SHADOW_SETTINGS.TITLE' | translate\" [renderTitle]=\"false\" [value]=\"shadow.use\" (valueChange)=\"onUseChanged($event)\"></pep-checkbox>\n <pep-field-title [label]=\"'SHADOW_SETTINGS.SIZE' | translate\" [disabled]=\"!shadow.use\"></pep-field-title>\n <pep-group-buttons class=\"shadow-size-group\" [buttons]=\"shadowSizes\" [selectedButtonKey]=\"shadow.size\" [stretch]=\"true\" buttonsClass=\"md regular\" [buttonsDisabled]=\"!shadow.use\" viewType=\"toggle\">\n </pep-group-buttons>\n</div>\n<div>\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>\n</div>", styles: [":host{width:100%;display:grid;gap:var(--pep-spacing-lg, 1rem)}\n"] }]
|
|
64
64
|
}], ctorParameters: function () { return [{ type: i1.TranslateService }]; }, propDecorators: { shadow: [{
|
|
65
65
|
type: Input
|
|
66
66
|
}], shadowChange: [{
|
|
67
67
|
type: Output
|
|
68
68
|
}] } });
|
|
69
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
69
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2hhZG93LXNldHRpbmdzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1jb21wb3NpdGUtbGliL3NoYWRvdy1zZXR0aW5ncy9zaGFkb3ctc2V0dGluZ3MuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWNvbXBvc2l0ZS1saWIvc2hhZG93LXNldHRpbmdzL3NoYWRvdy1zZXR0aW5ncy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBSS9FLE9BQU8sRUFBMEIsaUJBQWlCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQzs7Ozs7O0FBT3BGLE1BQU0sT0FBTyx1QkFBdUI7SUFxQmhDLFlBQ1ksU0FBMkI7UUFBM0IsY0FBUyxHQUFULFNBQVMsQ0FBa0I7UUFwQi9CLFlBQU8sR0FBc0IsSUFBSSxpQkFBaUIsRUFBRSxDQUFDO1FBYzdELGlCQUFZLEdBQW9DLElBQUksWUFBWSxFQUFxQixDQUFDO1FBRXRGLGdCQUFXLEdBQXFCLEVBQUUsQ0FBQztRQUNuQyxzQkFBaUIsR0FBcUIsRUFBRSxDQUFDO0lBS3pDLENBQUM7SUFyQkQsSUFDSSxNQUFNLENBQUMsS0FBd0I7UUFDL0IsSUFBSSxDQUFDLEtBQUssRUFBRTtZQUNSLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxpQkFBaUIsRUFBRSxDQUFDO1NBQzFDO2FBQU07WUFDSCxJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQztTQUN4QjtJQUNMLENBQUM7SUFDRCxJQUFJLE1BQU07UUFDTixPQUFPLElBQUksQ0FBQyxPQUFPLENBQUM7SUFDeEIsQ0FBQztJQWFELFFBQVE7UUFDSix1REFBdUQ7UUFDdkQsSUFBSSxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsZ0NBQWdDLENBQUMsQ0FBQyxTQUFTLEVBQUUsQ0FBQyxJQUFJLENBQUMsQ0FBQyxRQUFRLEVBQUUsRUFBRTtZQUMvRSxJQUFJLENBQUMsV0FBVyxHQUFHO2dCQUNmLEVBQUUsR0FBRyxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxPQUFPLENBQUMsWUFBWSxDQUFDLEVBQUUsUUFBUSxFQUFFLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLEVBQUU7Z0JBQ25HLEVBQUUsR0FBRyxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxPQUFPLENBQUMsWUFBWSxDQUFDLEVBQUUsUUFBUSxFQUFFLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLEVBQUU7Z0JBQ25HLEVBQUUsR0FBRyxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxPQUFPLENBQUMsWUFBWSxDQUFDLEVBQUUsUUFBUSxFQUFFLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLEVBQUU7Z0JBQ25HLEVBQUUsR0FBRyxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxPQUFPLENBQUMsWUFBWSxDQUFDLEVBQUUsUUFBUSxFQUFFLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLEVBQUU7YUFDdEcsQ0FBQztZQUVGLElBQUksQ0FBQyxpQkFBaUIsR0FBRztnQkFDckIsRUFBRSxHQUFHLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxNQUFNLENBQUMsRUFBRTtnQkFDaEYsRUFBRSxHQUFHLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxJQUFJLENBQUMsU0FBUyxDQUFDLE9BQU8sQ0FBQyxtQ0FBbUMsQ0FBQyxFQUFFLFFBQVEsRUFBRSxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsU0FBUyxDQUFDLEVBQUU7Z0JBQ3pJLEVBQUUsR0FBRyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxPQUFPLENBQUMsZ0NBQWdDLENBQUMsRUFBRSxRQUFRLEVBQUUsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLGlCQUFpQixDQUFDLE1BQU0sQ0FBQyxFQUFFO2FBQ25JLENBQUM7UUFDTixDQUFDLENBQUMsQ0FBQztJQUNQLENBQUM7SUFHTyxpQkFBaUI7UUFDckIsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ3hDLENBQUM7SUFFRCxZQUFZLENBQUMsS0FBYztRQUN2QixJQUFJLENBQUMsTUFBTSxDQUFDLEdBQUcsR0FBRyxLQUFLLENBQUM7UUFDeEIsSUFBSSxDQUFDLGlCQUFpQixFQUFFLENBQUM7SUFDN0IsQ0FBQztJQUVELFlBQVksQ0FBQyxLQUFrQjtRQUMzQixJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksR0FBRyxLQUFLLENBQUM7UUFDekIsSUFBSSxDQUFDLGlCQUFpQixFQUFFLENBQUM7SUFDN0IsQ0FBQztJQUVELGlCQUFpQixDQUFDLEtBQTZCO1FBQzNDLElBQUksQ0FBQyxNQUFNLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQztRQUM5QixJQUFJLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztJQUM3QixDQUFDOztvSEE5RFEsdUJBQXVCO3dHQUF2Qix1QkFBdUIsb0lDWHBDLGs4QkFVTTsyRkRDTyx1QkFBdUI7a0JBTG5DLFNBQVM7K0JBQ0kscUJBQXFCO3VHQVEzQixNQUFNO3NCQURULEtBQUs7Z0JBYU4sWUFBWTtzQkFEWCxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVHJhbnNsYXRlU2VydmljZSB9IGZyb20gJ0BuZ3gtdHJhbnNsYXRlL2NvcmUnO1xuaW1wb3J0IHsgUGVwU2l6ZVR5cGUgfSBmcm9tICdAcGVwcGVyaS1hZGRvbnMvbmd4LWxpYic7XG5pbXBvcnQgeyBJUGVwQnV0dG9uQ2xpY2tFdmVudCwgUGVwQnV0dG9uIH0gZnJvbSAnQHBlcHBlcmktYWRkb25zL25neC1saWIvYnV0dG9uJztcbmltcG9ydCB7IFBlcFNoYWRvd0ludGVuc2l0eVR5cGUsIFBlcFNoYWRvd1NldHRpbmdzIH0gZnJvbSAnLi9zaGFkb3ctc2V0dGluZ3MubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3BlcC1zaGFkb3ctc2V0dGluZ3MnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9zaGFkb3ctc2V0dGluZ3MuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3NoYWRvdy1zZXR0aW5ncy5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFNoYWRvd1NldHRpbmdzQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICAgIHByaXZhdGUgX3NoYWRvdzogUGVwU2hhZG93U2V0dGluZ3MgPSBuZXcgUGVwU2hhZG93U2V0dGluZ3MoKTtcbiAgICBASW5wdXQoKVxuICAgIHNldCBzaGFkb3codmFsdWU6IFBlcFNoYWRvd1NldHRpbmdzKSB7XG4gICAgICAgIGlmICghdmFsdWUpIHtcbiAgICAgICAgICAgIHRoaXMuX3NoYWRvdyA9IG5ldyBQZXBTaGFkb3dTZXR0aW5ncygpO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgdGhpcy5fc2hhZG93ID0gdmFsdWU7XG4gICAgICAgIH1cbiAgICB9XG4gICAgZ2V0IHNoYWRvdygpOiBQZXBTaGFkb3dTZXR0aW5ncyB7XG4gICAgICAgIHJldHVybiB0aGlzLl9zaGFkb3c7XG4gICAgfVxuXG4gICAgQE91dHB1dCgpXG4gICAgc2hhZG93Q2hhbmdlOiBFdmVudEVtaXR0ZXI8UGVwU2hhZG93U2V0dGluZ3M+ID0gbmV3IEV2ZW50RW1pdHRlcjxQZXBTaGFkb3dTZXR0aW5ncz4oKTtcbiAgICBcbiAgICBzaGFkb3dTaXplczogQXJyYXk8UGVwQnV0dG9uPiA9IFtdO1xuICAgIHNoYWRvd0ludGVuc2l0aWVzOiBBcnJheTxQZXBCdXR0b24+ID0gW107XG5cbiAgICBjb25zdHJ1Y3RvcihcbiAgICAgICAgcHJpdmF0ZSB0cmFuc2xhdGU6IFRyYW5zbGF0ZVNlcnZpY2UsXG4gICAgKSB7XG4gICAgfVxuXG4gICAgbmdPbkluaXQoKTogdm9pZCB7IFxuICAgICAgICAvLyBHZXQgdGhlIGZpcnN0IHRyYW5zbGF0aW9uIGZvciBsb2FkIGFsbCB0cmFuc2xhdGlvbnMuXG4gICAgICAgIHRoaXMudHJhbnNsYXRlLmdldCgnU0hBRE9XX1NFVFRJTkdTLklOVEVOU0lUWV9TT0ZUJykudG9Qcm9taXNlKCkudGhlbigodHlwZVNvZnQpID0+IHtcbiAgICAgICAgICAgIHRoaXMuc2hhZG93U2l6ZXMgPSBbXG4gICAgICAgICAgICAgICAgeyBrZXk6ICdzbScsIHZhbHVlOiB0aGlzLnRyYW5zbGF0ZS5pbnN0YW50KCdHRU5FUkFMLlNNJyksIGNhbGxiYWNrOiAoKSA9PiB0aGlzLm9uU2l6ZUNoYW5nZSgnc20nKSB9LFxuICAgICAgICAgICAgICAgIHsga2V5OiAnbWQnLCB2YWx1ZTogdGhpcy50cmFuc2xhdGUuaW5zdGFudCgnR0VORVJBTC5NRCcpLCBjYWxsYmFjazogKCkgPT4gdGhpcy5vblNpemVDaGFuZ2UoJ21kJykgfSxcbiAgICAgICAgICAgICAgICB7IGtleTogJ2xnJywgdmFsdWU6IHRoaXMudHJhbnNsYXRlLmluc3RhbnQoJ0dFTkVSQUwuTEcnKSwgY2FsbGJhY2s6ICgpID0+IHRoaXMub25TaXplQ2hhbmdlKCdsZycpIH0sXG4gICAgICAgICAgICAgICAgeyBrZXk6ICd4bCcsIHZhbHVlOiB0aGlzLnRyYW5zbGF0ZS5pbnN0YW50KCdHRU5FUkFMLlhMJyksIGNhbGxiYWNrOiAoKSA9PiB0aGlzLm9uU2l6ZUNoYW5nZSgneGwnKSB9XG4gICAgICAgICAgICBdO1xuXG4gICAgICAgICAgICB0aGlzLnNoYWRvd0ludGVuc2l0aWVzID0gW1xuICAgICAgICAgICAgICAgIHsga2V5OiAnc29mdCcsIHZhbHVlOiB0eXBlU29mdCwgY2FsbGJhY2s6ICgpID0+IHRoaXMub25JbnRlbnNpdHlDaGFuZ2UoJ3NvZnQnKSB9LFxuICAgICAgICAgICAgICAgIHsga2V5OiAncmVndWxhcicsIHZhbHVlOiB0aGlzLnRyYW5zbGF0ZS5pbnN0YW50KCdTSEFET1dfU0VUVElOR1MuSU5URU5TSVRZX1JFR1VMQVInKSwgY2FsbGJhY2s6ICgpID0+IHRoaXMub25JbnRlbnNpdHlDaGFuZ2UoJ3JlZ3VsYXInKSB9LFxuICAgICAgICAgICAgICAgIHsga2V5OiAnaGFyZCcsIHZhbHVlOiB0aGlzLnRyYW5zbGF0ZS5pbnN0YW50KCdTSEFET1dfU0VUVElOR1MuSU5URU5TSVRZX0hBUkQnKSwgY2FsbGJhY2s6ICgpID0+IHRoaXMub25JbnRlbnNpdHlDaGFuZ2UoJ2hhcmQnKSB9XG4gICAgICAgICAgICBdO1xuICAgICAgICB9KTtcbiAgICB9XG5cblxuICAgIHByaXZhdGUgcmFpc2VTaGFkb3dDaGFuZ2UoKSB7XG4gICAgICAgIHRoaXMuc2hhZG93Q2hhbmdlLmVtaXQodGhpcy5zaGFkb3cpO1xuICAgIH1cblxuICAgIG9uVXNlQ2hhbmdlZCh2YWx1ZTogYm9vbGVhbikge1xuICAgICAgICB0aGlzLnNoYWRvdy51c2UgPSB2YWx1ZTtcbiAgICAgICAgdGhpcy5yYWlzZVNoYWRvd0NoYW5nZSgpO1xuICAgIH1cblxuICAgIG9uU2l6ZUNoYW5nZSh2YWx1ZTogUGVwU2l6ZVR5cGUpIHtcbiAgICAgICAgdGhpcy5zaGFkb3cuc2l6ZSA9IHZhbHVlO1xuICAgICAgICB0aGlzLnJhaXNlU2hhZG93Q2hhbmdlKCk7XG4gICAgfVxuXG4gICAgb25JbnRlbnNpdHlDaGFuZ2UodmFsdWU6IFBlcFNoYWRvd0ludGVuc2l0eVR5cGUpIHtcbiAgICAgICAgdGhpcy5zaGFkb3cuaW50ZW5zaXR5ID0gdmFsdWU7XG4gICAgICAgIHRoaXMucmFpc2VTaGFkb3dDaGFuZ2UoKTtcbiAgICB9XG59XG4iLCI8ZGl2PlxuICAgIDxwZXAtY2hlY2tib3ggY2xhc3M9XCJjaGVja2JveC1hcy10aXRsZVwiIFtsYWJlbF09XCInU0hBRE9XX1NFVFRJTkdTLlRJVExFJyB8IHRyYW5zbGF0ZVwiIFtyZW5kZXJUaXRsZV09XCJmYWxzZVwiIFt2YWx1ZV09XCJzaGFkb3cudXNlXCIgKHZhbHVlQ2hhbmdlKT1cIm9uVXNlQ2hhbmdlZCgkZXZlbnQpXCI+PC9wZXAtY2hlY2tib3g+XG4gICAgPHBlcC1maWVsZC10aXRsZSBbbGFiZWxdPVwiJ1NIQURPV19TRVRUSU5HUy5TSVpFJyB8IHRyYW5zbGF0ZVwiIFtkaXNhYmxlZF09XCIhc2hhZG93LnVzZVwiPjwvcGVwLWZpZWxkLXRpdGxlPlxuICAgIDxwZXAtZ3JvdXAtYnV0dG9ucyBjbGFzcz1cInNoYWRvdy1zaXplLWdyb3VwXCIgW2J1dHRvbnNdPVwic2hhZG93U2l6ZXNcIiBbc2VsZWN0ZWRCdXR0b25LZXldPVwic2hhZG93LnNpemVcIiBbc3RyZXRjaF09XCJ0cnVlXCIgYnV0dG9uc0NsYXNzPVwibWQgcmVndWxhclwiIFtidXR0b25zRGlzYWJsZWRdPVwiIXNoYWRvdy51c2VcIiB2aWV3VHlwZT1cInRvZ2dsZVwiPlxuICAgIDwvcGVwLWdyb3VwLWJ1dHRvbnM+XG48L2Rpdj5cbjxkaXY+XG4gICAgPHBlcC1maWVsZC10aXRsZSBbbGFiZWxdPVwiJ1NIQURPV19TRVRUSU5HUy5JTlRFTlNJVFknIHwgdHJhbnNsYXRlXCIgW2Rpc2FibGVkXT1cIiFzaGFkb3cudXNlXCI+PC9wZXAtZmllbGQtdGl0bGU+XG4gICAgPHBlcC1ncm91cC1idXR0b25zIGNsYXNzPVwic2hhZG93LWludGVuc2l0eS1ncm91cFwiIFtidXR0b25zXT1cInNoYWRvd0ludGVuc2l0aWVzXCIgW3NlbGVjdGVkQnV0dG9uS2V5XT1cInNoYWRvdy5pbnRlbnNpdHlcIiBbc3RyZXRjaF09XCJ0cnVlXCIgYnV0dG9uc0NsYXNzPVwibWQgcmVndWxhclwiIFtidXR0b25zRGlzYWJsZWRdPVwiIXNoYWRvdy51c2VcIiB2aWV3VHlwZT1cInRvZ2dsZVwiPlxuICAgIDwvcGVwLWdyb3VwLWJ1dHRvbnM+XG48L2Rpdj4iXX0=
|
|
@@ -83,10 +83,10 @@ class ColorSettingsComponent {
|
|
|
83
83
|
}
|
|
84
84
|
}
|
|
85
85
|
ColorSettingsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: ColorSettingsComponent, deps: [{ token: i1.PepColorService }], target: i0.ɵɵFactoryTarget.Component });
|
|
86
|
-
ColorSettingsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: ColorSettingsComponent, selector: "pep-color-settings", inputs: { title: "title", checkAAComplient: "checkAAComplient", showAAComplient: "showAAComplient", color: "color" }, outputs: { colorChange: "colorChange" }, ngImport: i0, template: "<pep-checkbox class=\"checkbox-as-title\" [label]=\"title\" [renderTitle]=\"false\" [value]=\"color.use\"\n
|
|
86
|
+
ColorSettingsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: ColorSettingsComponent, selector: "pep-color-settings", inputs: { title: "title", checkAAComplient: "checkAAComplient", showAAComplient: "showAAComplient", color: "color" }, outputs: { colorChange: "colorChange" }, ngImport: i0, template: "<div>\n <pep-checkbox class=\"checkbox-as-title\" [label]=\"title\" [renderTitle]=\"false\" [value]=\"color.use\"\n (valueChange)=\"onUseChanged($event)\"></pep-checkbox>\n <pep-color [value]=\"color.value\" [label]=\"title + ' ' + ('COLOR_SETTINGS.COLOR' | translate)\" [disabled]=\"!color.use\"\n [checkAAComplient]=\"checkAAComplient\" [showAAComplient]=\"showAAComplient\" (valueChange)=\"onColorChanged($event)\">\n </pep-color>\n</div>\n<pep-slider [label]=\"title + ' ' + ('COLOR_SETTINGS.OPACITY' | translate)\" [hint]=\"color.opacity.toString() || ''\"\n [minValue]=\"0\" [maxValue]=\"100\" [disabled]=\"!color.use\" [value]=\"color.opacity\" [background]=\"getSliderBackground()\"\n (inputChange)=\"onSliderInputChanged($event)\" (valueChange)=\"onSliderValueChanged($event)\">\n</pep-slider>", styles: [":host{width:100%;display:grid;gap:var(--pep-spacing-lg, 1rem)}\n"], dependencies: [{ kind: "component", type: i2.PepCheckboxComponent, selector: "pep-checkbox", inputs: ["key", "value", "label", "type", "mandatory", "disabled", "readonly", "xAlignment", "rowSpan", "additionalValue", "form", "isActive", "showTitle", "renderTitle", "layoutType", "visible"], outputs: ["valueChange"] }, { kind: "component", type: i3.PepColorComponent, selector: "pep-color", inputs: ["key", "value", "label", "disabled", "xAlignment", "rowSpan", "type", "showTitle", "renderTitle", "showAAComplient", "checkAAComplient", "layoutType"], outputs: ["valueChange"] }, { kind: "component", type: i4.PepSliderComponent, selector: "pep-slider", inputs: ["label", "disabled", "hint", "background", "step", "minValue", "maxValue", "value"], outputs: ["valueChange", "inputChange"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] });
|
|
87
87
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: ColorSettingsComponent, decorators: [{
|
|
88
88
|
type: Component,
|
|
89
|
-
args: [{ selector: 'pep-color-settings', template: "<pep-checkbox class=\"checkbox-as-title\" [label]=\"title\" [renderTitle]=\"false\" [value]=\"color.use\"\n
|
|
89
|
+
args: [{ selector: 'pep-color-settings', template: "<div>\n <pep-checkbox class=\"checkbox-as-title\" [label]=\"title\" [renderTitle]=\"false\" [value]=\"color.use\"\n (valueChange)=\"onUseChanged($event)\"></pep-checkbox>\n <pep-color [value]=\"color.value\" [label]=\"title + ' ' + ('COLOR_SETTINGS.COLOR' | translate)\" [disabled]=\"!color.use\"\n [checkAAComplient]=\"checkAAComplient\" [showAAComplient]=\"showAAComplient\" (valueChange)=\"onColorChanged($event)\">\n </pep-color>\n</div>\n<pep-slider [label]=\"title + ' ' + ('COLOR_SETTINGS.OPACITY' | translate)\" [hint]=\"color.opacity.toString() || ''\"\n [minValue]=\"0\" [maxValue]=\"100\" [disabled]=\"!color.use\" [value]=\"color.opacity\" [background]=\"getSliderBackground()\"\n (inputChange)=\"onSliderInputChanged($event)\" (valueChange)=\"onSliderValueChanged($event)\">\n</pep-slider>", styles: [":host{width:100%;display:grid;gap:var(--pep-spacing-lg, 1rem)}\n"] }]
|
|
90
90
|
}], ctorParameters: function () { return [{ type: i1.PepColorService }]; }, propDecorators: { title: [{
|
|
91
91
|
type: Input
|
|
92
92
|
}], checkAAComplient: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pepperi-addons-ngx-composite-lib-color-settings.mjs","sources":["../../../projects/ngx-composite-lib/color-settings/color-settings.model.ts","../../../projects/ngx-composite-lib/color-settings/color-settings.component.ts","../../../projects/ngx-composite-lib/color-settings/color-settings.component.html","../../../projects/ngx-composite-lib/color-settings/color-settings.module.ts","../../../projects/ngx-composite-lib/color-settings/public-api.ts","../../../projects/ngx-composite-lib/color-settings/pepperi-addons-ngx-composite-lib-color-settings.ts"],"sourcesContent":["export class PepColorSettings {\r\n use: boolean;\r\n value: string;\r\n opacity = 50;\r\n \r\n constructor(use = false, value = 'hsl(0, 0%, 57%)', opacity = 50) {\r\n this.use = use;\r\n this.value = value;\r\n this.opacity = opacity;\r\n }\r\n}","import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\nimport { PepColorService } from '@pepperi-addons/ngx-lib';\nimport { PepColorSettings } from './color-settings.model';\n\n@Component({\n selector: 'pep-color-settings',\n templateUrl: './color-settings.component.html',\n styleUrls: ['./color-settings.component.scss']\n})\nexport class ColorSettingsComponent implements OnInit {\n @Input() title = '';\n @Input() checkAAComplient = true;\n @Input() showAAComplient = true;\n\n private _color: PepColorSettings = new PepColorSettings();\n @Input()\n set color(value: PepColorSettings) {\n if (!value) {\n this._color = new PepColorSettings();\n } else {\n this._color = value;\n }\n }\n get color(): PepColorSettings {\n return this._color;\n }\n\n @Output()\n colorChange: EventEmitter<PepColorSettings> = new EventEmitter<PepColorSettings>();\n \n constructor(private pepColorService: PepColorService) { }\n\n ngOnInit() {\n //\n }\n\n private getRGBAcolor(colorObj: PepColorSettings, opac: number | null = null) {\n let rgba = 'rgba(255,255,255,0)';\n\n if (colorObj) {\n const color = colorObj.value;\n let opacity = opac != null ? opac : colorObj.opacity;\n\n opacity = opacity > 0 ? opacity / 100 : 0;\n\n const hsl = this.pepColorService.hslString2hsl(color);\n const rgb = this.pepColorService.hsl2rgb(hsl);\n rgba = 'rgba(' + rgb.r + ',' + rgb.g + ',' + rgb.b + ',' + opacity + ')';\n }\n\n return rgba;\n }\n\n private raiseColorChange() {\n this.colorChange.emit(this.color);\n }\n\n getSliderBackground() {\n const alignTo = 'right';\n \n const colorObj = new PepColorSettings();\n \n colorObj.value = this.color.value;\n colorObj.opacity = 100;\n \n const gradStr = this.getRGBAcolor(colorObj, 0) + ' , ' + this.getRGBAcolor(colorObj);\n \n return 'linear-gradient(to ' + alignTo + ', ' + gradStr + ')';\n }\n\n onUseChanged(value: boolean) {\n this.color.use = value;\n this.raiseColorChange();\n }\n\n onColorChanged(value: string) {\n this.color.value = value;\n this.raiseColorChange();\n }\n \n onSliderInputChanged(value: number) {\n this.color.opacity = value;\n }\n\n onSliderValueChanged(value: number) {\n this.color.opacity = value;\n this.raiseColorChange();\n }\n}\n","<pep-checkbox class=\"checkbox-as-title\" [label]=\"title\" [renderTitle]=\"false\" [value]=\"color.use\"\n
|
|
1
|
+
{"version":3,"file":"pepperi-addons-ngx-composite-lib-color-settings.mjs","sources":["../../../projects/ngx-composite-lib/color-settings/color-settings.model.ts","../../../projects/ngx-composite-lib/color-settings/color-settings.component.ts","../../../projects/ngx-composite-lib/color-settings/color-settings.component.html","../../../projects/ngx-composite-lib/color-settings/color-settings.module.ts","../../../projects/ngx-composite-lib/color-settings/public-api.ts","../../../projects/ngx-composite-lib/color-settings/pepperi-addons-ngx-composite-lib-color-settings.ts"],"sourcesContent":["export class PepColorSettings {\r\n use: boolean;\r\n value: string;\r\n opacity = 50;\r\n \r\n constructor(use = false, value = 'hsl(0, 0%, 57%)', opacity = 50) {\r\n this.use = use;\r\n this.value = value;\r\n this.opacity = opacity;\r\n }\r\n}","import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\nimport { PepColorService } from '@pepperi-addons/ngx-lib';\nimport { PepColorSettings } from './color-settings.model';\n\n@Component({\n selector: 'pep-color-settings',\n templateUrl: './color-settings.component.html',\n styleUrls: ['./color-settings.component.scss']\n})\nexport class ColorSettingsComponent implements OnInit {\n @Input() title = '';\n @Input() checkAAComplient = true;\n @Input() showAAComplient = true;\n\n private _color: PepColorSettings = new PepColorSettings();\n @Input()\n set color(value: PepColorSettings) {\n if (!value) {\n this._color = new PepColorSettings();\n } else {\n this._color = value;\n }\n }\n get color(): PepColorSettings {\n return this._color;\n }\n\n @Output()\n colorChange: EventEmitter<PepColorSettings> = new EventEmitter<PepColorSettings>();\n \n constructor(private pepColorService: PepColorService) { }\n\n ngOnInit() {\n //\n }\n\n private getRGBAcolor(colorObj: PepColorSettings, opac: number | null = null) {\n let rgba = 'rgba(255,255,255,0)';\n\n if (colorObj) {\n const color = colorObj.value;\n let opacity = opac != null ? opac : colorObj.opacity;\n\n opacity = opacity > 0 ? opacity / 100 : 0;\n\n const hsl = this.pepColorService.hslString2hsl(color);\n const rgb = this.pepColorService.hsl2rgb(hsl);\n rgba = 'rgba(' + rgb.r + ',' + rgb.g + ',' + rgb.b + ',' + opacity + ')';\n }\n\n return rgba;\n }\n\n private raiseColorChange() {\n this.colorChange.emit(this.color);\n }\n\n getSliderBackground() {\n const alignTo = 'right';\n \n const colorObj = new PepColorSettings();\n \n colorObj.value = this.color.value;\n colorObj.opacity = 100;\n \n const gradStr = this.getRGBAcolor(colorObj, 0) + ' , ' + this.getRGBAcolor(colorObj);\n \n return 'linear-gradient(to ' + alignTo + ', ' + gradStr + ')';\n }\n\n onUseChanged(value: boolean) {\n this.color.use = value;\n this.raiseColorChange();\n }\n\n onColorChanged(value: string) {\n this.color.value = value;\n this.raiseColorChange();\n }\n \n onSliderInputChanged(value: number) {\n this.color.opacity = value;\n }\n\n onSliderValueChanged(value: number) {\n this.color.opacity = value;\n this.raiseColorChange();\n }\n}\n","<div>\n <pep-checkbox class=\"checkbox-as-title\" [label]=\"title\" [renderTitle]=\"false\" [value]=\"color.use\"\n (valueChange)=\"onUseChanged($event)\"></pep-checkbox>\n <pep-color [value]=\"color.value\" [label]=\"title + ' ' + ('COLOR_SETTINGS.COLOR' | translate)\" [disabled]=\"!color.use\"\n [checkAAComplient]=\"checkAAComplient\" [showAAComplient]=\"showAAComplient\" (valueChange)=\"onColorChanged($event)\">\n </pep-color>\n</div>\n<pep-slider [label]=\"title + ' ' + ('COLOR_SETTINGS.OPACITY' | translate)\" [hint]=\"color.opacity.toString() || ''\"\n [minValue]=\"0\" [maxValue]=\"100\" [disabled]=\"!color.use\" [value]=\"color.opacity\" [background]=\"getSliderBackground()\"\n (inputChange)=\"onSliderInputChanged($event)\" (valueChange)=\"onSliderValueChanged($event)\">\n</pep-slider>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\nimport { PepColorModule } from '@pepperi-addons/ngx-lib/color';\nimport { PepCheckboxModule } from '@pepperi-addons/ngx-lib/checkbox';\nimport { PepSliderModule } from '@pepperi-addons/ngx-lib/slider';\n\nimport { ColorSettingsComponent } from './color-settings.component';\n\n@NgModule({\n declarations: [\n ColorSettingsComponent\n ],\n imports: [\n CommonModule,\n PepNgxLibModule,\n PepCheckboxModule,\n PepColorModule,\n PepSliderModule\n ],\n exports: [ColorSettingsComponent],\n})\nexport class PepColorSettingsModule { }\n","/*\n * Public API Surface of ngx-composite-lib/color-settings\n */\nexport * from './color-settings.module';\nexport * from './color-settings.component';\nexport * from './color-settings.model';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
@@ -131,10 +131,10 @@ class GroupButtonsSettingsComponent {
|
|
|
131
131
|
}
|
|
132
132
|
}
|
|
133
133
|
GroupButtonsSettingsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: GroupButtonsSettingsComponent, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
|
|
134
|
-
GroupButtonsSettingsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", 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, 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%}
|
|
134
|
+
GroupButtonsSettingsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", 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, 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%}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.PepFieldTitleComponent, selector: "pep-field-title", inputs: ["label", "mandatory", "disabled", "maxFieldCharacters", "hint", "xAlignment", "showTitle", "inputLength", "fontBodyType"] }, { kind: "component", type: i4.PepGroupButtonsComponent, selector: "pep-group-buttons", inputs: ["viewType", "styleType", "sizeType", "buttons", "buttonsDisabled", "supportUnselect", "selectedButtonKey", "stretch"], outputs: ["buttonClick"] }] });
|
|
135
135
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: GroupButtonsSettingsComponent, decorators: [{
|
|
136
136
|
type: Component,
|
|
137
|
-
args: [{ selector: 'pep-group-buttons-settings', 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%}
|
|
137
|
+
args: [{ selector: 'pep-group-buttons-settings', 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%}\n"] }]
|
|
138
138
|
}], ctorParameters: function () { return [{ type: i1.TranslateService }]; }, propDecorators: { header: [{
|
|
139
139
|
type: Input
|
|
140
140
|
}], subHeader: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pepperi-addons-ngx-composite-lib-group-buttons-settings.mjs","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 defaultCallback = (event: IPepButtonClickEvent) => this.onKeyChange(event);\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('GENERAL.NONE').subscribe((res) => {\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 // Set default callback if not exist.\n for (let index = 0; index < this.btnsArray.length; index++) {\n const btn = this.btnsArray[index];\n \n if (!btn.callback) {\n btn.callback = this.defaultCallback;\n }\n }\n\n return this.btnsArray;\n }\n case 'sizes':{\n return [\n { key: 'xs', value: this.translate.instant('GENERAL.XS'), callback: this.defaultCallback },\n { key: 'sm', value: this.translate.instant('GENERAL.SM'), callback: this.defaultCallback },\n { key: 'md', value: this.translate.instant('GENERAL.MD'), callback: this.defaultCallback },\n { key: 'lg', value: this.translate.instant('GENERAL.LG'), callback: this.defaultCallback },\n { key: 'xl', value: this.translate.instant('GENERAL.XL'), callback: this.defaultCallback },\n { key: '2xl', value: this.translate.instant('GENERAL.XXL'), callback: this.defaultCallback }\n ];\n }\n case 'vertical-align':{\n return [\n { key: 'start', value: this.translate.instant('GENERAL.VERTICAL_ALIGN.TOP'), callback: this.defaultCallback },\n { key: 'middle', value: this.translate.instant('GENERAL.VERTICAL_ALIGN.MIDDLE'), callback: this.defaultCallback },\n { key: 'end', value: this.translate.instant('GENERAL.VERTICAL_ALIGN.BOTTOM'), callback: this.defaultCallback }\n ];\n }\n case 'left-right-arrows':{\n return [\n { key: 'left', iconName: 'arrow_left_alt', callback: this.defaultCallback },\n { key: 'right', iconName: 'arrow_right_alt', callback: this.defaultCallback }\n ];\n }\n case 'horizontal-align': {\n return [\n { key: 'left', iconName: 'text_align_right', callback: this.defaultCallback },\n { key: 'center', iconName: 'text_align_center', callback: this.defaultCallback },\n { key: 'right', iconName: 'text_align_left', callback: this.defaultCallback },\n ];\n }\n case 'font-weight':{\n return [\n { key: 'regular', value: this.translate.instant('GENERAL.FONT_WEIGHT.REGULAR'), callback: this.defaultCallback },\n { key: 'bold', value: this.translate.instant('GENERAL.FONT_WEIGHT.BOLD'), callback: this.defaultCallback },\n { key: 'bolder', value: this.translate.instant('GENERAL.FONT_WEIGHT.BOLDER'), callback: this.defaultCallback }\n ]\n }\n case 'width-sizes':{\n return [\n { key: 'narrow', value: this.translate.instant('GENERAL.WIDTH_SIZE.NARROW'), callback: this.defaultCallback },\n { key: 'regular', value: this.translate.instant('GENERAL.WIDTH_SIZE.REGULAR'), callback: this.defaultCallback },\n { key: 'wide', value: this.translate.instant('GENERAL.WIDTH_SIZE.WIDE'), callback: this.defaultCallback }\n ];\n }\n case 'boolean':{\n return [\n { key: 'true', value: this.translate.instant('GENERAL.BOOLEAN.TRUE'), callback: this.defaultCallback },\n { key: 'false', value: this.translate.instant('GENERAL.BOOLEAN.FALSE'), callback: this.defaultCallback }\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 { pepIconArrowLeftAlt, pepIconArrowRightAlt, PepIconModule, PepIconRegistry, pepIconTextAlignCenter, pepIconTextAlignLeft, pepIconTextAlignRight } from '@pepperi-addons/ngx-lib/icon';\n\nconst pepIcons = [\n pepIconTextAlignCenter, \n pepIconTextAlignLeft, \n pepIconTextAlignRight,\n pepIconArrowRightAlt,\n pepIconArrowLeftAlt\n]\n\n@NgModule({\n declarations: [\n GroupButtonsSettingsComponent\n ],\n imports: [\n CommonModule,\n PepNgxLibModule,\n PepFieldTitleModule,\n PepGroupButtonsModule,\n PepIconModule\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":["i1"],"mappings":";;;;;;;;;;;;;MAWa,6BAA6B,CAAA;;AAqCtC,IAAA,WAAA,CACY,SAA2B,EAAA;AAA3B,QAAA,IAAS,CAAA,SAAA,GAAT,SAAS,CAAkB;AApC9B,QAAA,IAAM,CAAA,MAAA,GAAG,EAAE,CAAC;AACZ,QAAA,IAAS,CAAA,SAAA,GAAG,EAAE,CAAC;AAEf,QAAA,IAAS,CAAA,SAAA,GAAyB,OAAO,CAAC;AAC1C,QAAA,IAAS,CAAA,SAAA,GAAqB,EAAE,CAAC;AACjC,QAAA,IAAA,CAAA,WAAW,GAAkB,EAAE,CAAC;AAEhC,QAAA,IAAO,CAAA,OAAA,GAAG,KAAK,CAAC;AAChB,QAAA,IAAQ,CAAA,QAAA,GAAG,KAAK,CAAC;AACjB,QAAA,IAAG,CAAA,GAAA,GAAkB,KAAK,CAAC;AAgBpC,QAAA,IAAA,CAAA,YAAY,GAAuC,IAAI,YAAY,EAAwB,CAAC;QAG5F,IAAA,CAAA,IAAI,GAAc,EAAC,GAAG,EAAE,MAAM,EAAC,CAAC;AAEhC,QAAA,IAAK,CAAA,KAAA,GAAqB,EAAE,CAAC;AAC7B,QAAA,IAAA,CAAA,eAAe,GAAG,CAAC,KAA2B,KAAK,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;KAO1E;IA1BD,IACI,MAAM,CAAC,KAAU,EAAA;QACjB,IAAI,CAAC,KAAK,EAAE;AACR,YAAA,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;AACrB,SAAA;AAAM,aAAA;AACH,YAAA,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;AACxB,SAAA;KACJ;AACD,IAAA,IAAI,MAAM,GAAA;QACN,OAAO,IAAI,CAAC,OAAO,CAAC;KACvB;IAkBD,QAAQ,GAAA;;AAEJ,QAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC,SAAS,CAAC,CAAC,GAAG,KAAI;AACjD,YAAA,IAAI,CAAC,IAAI,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,cAAc,CAAC,EAAE,QAAQ,EAAE,MAAM,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC;YAEnH,IAAI,CAAC,UAAU,EAAE,CAAC;AACtB,SAAC,CAAC,CAAC;KACN;IAED,UAAU,GAAA;AAEN,QAAA,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;;QAGxC,IAAG,IAAI,CAAC,WAAW,EAAC;AAChB,YAAA,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;AACzF,SAAA;;QAED,IAAG,IAAI,CAAC,OAAO,EAAC;AACZ,YAAA,IAAI,CAAC,SAAS,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;AACvD,SAAA;KACJ;AAED,IAAA,WAAW,CAAC,KAAkC,EAAA;;AAC1C,QAAA,IAAI,CAAC,MAAM,GAAG,CAAA,CAAA,EAAA,GAAA,KAAK,KAAL,IAAA,IAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,KAAK,CAAE,MAAM,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,GAAG,KAAI,MAAM,CAAC;QAC3C,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;KACvC;IAED,eAAe,GAAA;QACX,QAAO,IAAI,CAAC,SAAS;YACjB,KAAK,QAAQ,EAAC;;AAEV,gBAAA,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;oBACxD,MAAM,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;AAElC,oBAAA,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE;AACf,wBAAA,GAAG,CAAC,QAAQ,GAAG,IAAI,CAAC,eAAe,CAAC;AACvC,qBAAA;AACJ,iBAAA;gBAED,OAAO,IAAI,CAAC,SAAS,CAAC;AACzB,aAAA;YACD,KAAK,OAAO,EAAC;gBACT,OAAO;oBACH,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE;oBAC1F,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE;oBAC1F,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE;oBAC1F,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE;oBAC1F,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE;oBAC1F,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,aAAa,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE;iBAC/F,CAAC;AACL,aAAA;YACD,KAAK,gBAAgB,EAAC;gBAClB,OAAO;oBACH,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,4BAA4B,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE;oBAC7G,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,+BAA+B,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE;oBACjH,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,+BAA+B,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE;iBACjH,CAAC;AACL,aAAA;YACD,KAAK,mBAAmB,EAAC;gBACrB,OAAO;AACH,oBAAA,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,gBAAgB,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE;AAC3E,oBAAA,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE;iBAChF,CAAC;AACL,aAAA;YACD,KAAK,kBAAkB,EAAE;gBACrB,OAAO;AACH,oBAAA,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,kBAAkB,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE;AAC7E,oBAAA,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,mBAAmB,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE;AAChF,oBAAA,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE;iBAChF,CAAC;AACL,aAAA;YACD,KAAK,aAAa,EAAC;gBACf,OAAO;oBACH,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,6BAA6B,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE;oBAChH,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,0BAA0B,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE;oBAC1G,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,4BAA4B,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE;iBACjH,CAAA;AACJ,aAAA;YACD,KAAK,aAAa,EAAC;gBACf,OAAO;oBACH,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,2BAA2B,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE;oBAC7G,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,4BAA4B,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE;oBAC/G,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,yBAAyB,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE;iBAC5G,CAAC;AACL,aAAA;YACD,KAAK,SAAS,EAAC;gBACX,OAAO;oBACH,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,sBAAsB,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE;oBACtG,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,uBAAuB,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE;iBAC3G,CAAC;AACL,aAAA;AAED,YAAA,SAAS;AACL,gBAAA,OAAO,EAAE,CAAC;AACb,aAAA;AACJ,SAAA;KACJ;;0HA3IQ,6BAA6B,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA7B,6BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,6BAA6B,uTCX1C,+hBASA,EAAA,MAAA,EAAA,CAAA,iIAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,WAAA,EAAA,UAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,YAAA,EAAA,WAAA,EAAA,aAAA,EAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,wBAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,WAAA,EAAA,UAAA,EAAA,SAAA,EAAA,iBAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,aAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;2FDEa,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBALzC,SAAS;+BACI,4BAA4B,EAAA,QAAA,EAAA,+hBAAA,EAAA,MAAA,EAAA,CAAA,iIAAA,CAAA,EAAA,CAAA;uGAM7B,MAAM,EAAA,CAAA;sBAAd,KAAK;gBACG,SAAS,EAAA,CAAA;sBAAjB,KAAK;gBAEG,SAAS,EAAA,CAAA;sBAAjB,KAAK;gBACG,SAAS,EAAA,CAAA;sBAAjB,KAAK;gBACG,WAAW,EAAA,CAAA;sBAAnB,KAAK;gBAEG,OAAO,EAAA,CAAA;sBAAf,KAAK;gBACG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBACG,GAAG,EAAA,CAAA;sBAAX,KAAK;gBAIF,MAAM,EAAA,CAAA;sBADT,KAAK;gBAaN,YAAY,EAAA,CAAA;sBADX,MAAM;;;AE7BX,MAAM,QAAQ,GAAG;IACb,sBAAsB;IACtB,oBAAoB;IACpB,qBAAqB;IACrB,oBAAoB;IACpB,mBAAmB;CACtB,CAAA;MAeY,6BAA6B,CAAA;AACtC,IAAA,WAAA,CACY,eAAgC,EAAA;AAAhC,QAAA,IAAe,CAAA,eAAA,GAAf,eAAe,CAAiB;AAExC,QAAA,IAAI,CAAC,eAAe,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;KAChD;;0HALQ,6BAA6B,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAAA,IAAA,CAAA,eAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;2HAA7B,6BAA6B,EAAA,YAAA,EAAA,CAXlC,6BAA6B,CAAA,EAAA,OAAA,EAAA,CAG7B,YAAY;QACZ,eAAe;QACf,mBAAmB;QACnB,qBAAqB;QACrB,aAAa,aAEP,6BAA6B,CAAA,EAAA,CAAA,CAAA;AAE9B,6BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,6BAA6B,YARlC,YAAY;QACZ,eAAe;QACf,mBAAmB;QACnB,qBAAqB;QACrB,aAAa,CAAA,EAAA,CAAA,CAAA;2FAIR,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBAbzC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,YAAY,EAAE;wBACV,6BAA6B;AAChC,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACL,YAAY;wBACZ,eAAe;wBACf,mBAAmB;wBACnB,qBAAqB;wBACrB,aAAa;AAChB,qBAAA;oBACD,OAAO,EAAE,CAAC,6BAA6B,CAAC;iBAC3C,CAAA;;;AC5BD;;AAEG;;ACFH;;AAEG;;;;"}
|
|
1
|
+
{"version":3,"file":"pepperi-addons-ngx-composite-lib-group-buttons-settings.mjs","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 defaultCallback = (event: IPepButtonClickEvent) => this.onKeyChange(event);\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('GENERAL.NONE').subscribe((res) => {\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 // Set default callback if not exist.\n for (let index = 0; index < this.btnsArray.length; index++) {\n const btn = this.btnsArray[index];\n \n if (!btn.callback) {\n btn.callback = this.defaultCallback;\n }\n }\n\n return this.btnsArray;\n }\n case 'sizes':{\n return [\n { key: 'xs', value: this.translate.instant('GENERAL.XS'), callback: this.defaultCallback },\n { key: 'sm', value: this.translate.instant('GENERAL.SM'), callback: this.defaultCallback },\n { key: 'md', value: this.translate.instant('GENERAL.MD'), callback: this.defaultCallback },\n { key: 'lg', value: this.translate.instant('GENERAL.LG'), callback: this.defaultCallback },\n { key: 'xl', value: this.translate.instant('GENERAL.XL'), callback: this.defaultCallback },\n { key: '2xl', value: this.translate.instant('GENERAL.XXL'), callback: this.defaultCallback }\n ];\n }\n case 'vertical-align':{\n return [\n { key: 'start', value: this.translate.instant('GENERAL.VERTICAL_ALIGN.TOP'), callback: this.defaultCallback },\n { key: 'middle', value: this.translate.instant('GENERAL.VERTICAL_ALIGN.MIDDLE'), callback: this.defaultCallback },\n { key: 'end', value: this.translate.instant('GENERAL.VERTICAL_ALIGN.BOTTOM'), callback: this.defaultCallback }\n ];\n }\n case 'left-right-arrows':{\n return [\n { key: 'left', iconName: 'arrow_left_alt', callback: this.defaultCallback },\n { key: 'right', iconName: 'arrow_right_alt', callback: this.defaultCallback }\n ];\n }\n case 'horizontal-align': {\n return [\n { key: 'left', iconName: 'text_align_right', callback: this.defaultCallback },\n { key: 'center', iconName: 'text_align_center', callback: this.defaultCallback },\n { key: 'right', iconName: 'text_align_left', callback: this.defaultCallback },\n ];\n }\n case 'font-weight':{\n return [\n { key: 'regular', value: this.translate.instant('GENERAL.FONT_WEIGHT.REGULAR'), callback: this.defaultCallback },\n { key: 'bold', value: this.translate.instant('GENERAL.FONT_WEIGHT.BOLD'), callback: this.defaultCallback },\n { key: 'bolder', value: this.translate.instant('GENERAL.FONT_WEIGHT.BOLDER'), callback: this.defaultCallback }\n ]\n }\n case 'width-sizes':{\n return [\n { key: 'narrow', value: this.translate.instant('GENERAL.WIDTH_SIZE.NARROW'), callback: this.defaultCallback },\n { key: 'regular', value: this.translate.instant('GENERAL.WIDTH_SIZE.REGULAR'), callback: this.defaultCallback },\n { key: 'wide', value: this.translate.instant('GENERAL.WIDTH_SIZE.WIDE'), callback: this.defaultCallback }\n ];\n }\n case 'boolean':{\n return [\n { key: 'true', value: this.translate.instant('GENERAL.BOOLEAN.TRUE'), callback: this.defaultCallback },\n { key: 'false', value: this.translate.instant('GENERAL.BOOLEAN.FALSE'), callback: this.defaultCallback }\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 { pepIconArrowLeftAlt, pepIconArrowRightAlt, PepIconModule, PepIconRegistry, pepIconTextAlignCenter, pepIconTextAlignLeft, pepIconTextAlignRight } from '@pepperi-addons/ngx-lib/icon';\n\nconst pepIcons = [\n pepIconTextAlignCenter, \n pepIconTextAlignLeft, \n pepIconTextAlignRight,\n pepIconArrowRightAlt,\n pepIconArrowLeftAlt\n]\n\n@NgModule({\n declarations: [\n GroupButtonsSettingsComponent\n ],\n imports: [\n CommonModule,\n PepNgxLibModule,\n PepFieldTitleModule,\n PepGroupButtonsModule,\n PepIconModule\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":["i1"],"mappings":";;;;;;;;;;;;;MAWa,6BAA6B,CAAA;;AAqCtC,IAAA,WAAA,CACY,SAA2B,EAAA;AAA3B,QAAA,IAAS,CAAA,SAAA,GAAT,SAAS,CAAkB;AApC9B,QAAA,IAAM,CAAA,MAAA,GAAG,EAAE,CAAC;AACZ,QAAA,IAAS,CAAA,SAAA,GAAG,EAAE,CAAC;AAEf,QAAA,IAAS,CAAA,SAAA,GAAyB,OAAO,CAAC;AAC1C,QAAA,IAAS,CAAA,SAAA,GAAqB,EAAE,CAAC;AACjC,QAAA,IAAA,CAAA,WAAW,GAAkB,EAAE,CAAC;AAEhC,QAAA,IAAO,CAAA,OAAA,GAAG,KAAK,CAAC;AAChB,QAAA,IAAQ,CAAA,QAAA,GAAG,KAAK,CAAC;AACjB,QAAA,IAAG,CAAA,GAAA,GAAkB,KAAK,CAAC;AAgBpC,QAAA,IAAA,CAAA,YAAY,GAAuC,IAAI,YAAY,EAAwB,CAAC;QAG5F,IAAA,CAAA,IAAI,GAAc,EAAC,GAAG,EAAE,MAAM,EAAC,CAAC;AAEhC,QAAA,IAAK,CAAA,KAAA,GAAqB,EAAE,CAAC;AAC7B,QAAA,IAAA,CAAA,eAAe,GAAG,CAAC,KAA2B,KAAK,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;KAO1E;IA1BD,IACI,MAAM,CAAC,KAAU,EAAA;QACjB,IAAI,CAAC,KAAK,EAAE;AACR,YAAA,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;AACrB,SAAA;AAAM,aAAA;AACH,YAAA,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;AACxB,SAAA;KACJ;AACD,IAAA,IAAI,MAAM,GAAA;QACN,OAAO,IAAI,CAAC,OAAO,CAAC;KACvB;IAkBD,QAAQ,GAAA;;AAEJ,QAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC,SAAS,CAAC,CAAC,GAAG,KAAI;AACjD,YAAA,IAAI,CAAC,IAAI,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,cAAc,CAAC,EAAE,QAAQ,EAAE,MAAM,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC;YAEnH,IAAI,CAAC,UAAU,EAAE,CAAC;AACtB,SAAC,CAAC,CAAC;KACN;IAED,UAAU,GAAA;AAEN,QAAA,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;;QAGxC,IAAG,IAAI,CAAC,WAAW,EAAC;AAChB,YAAA,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;AACzF,SAAA;;QAED,IAAG,IAAI,CAAC,OAAO,EAAC;AACZ,YAAA,IAAI,CAAC,SAAS,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;AACvD,SAAA;KACJ;AAED,IAAA,WAAW,CAAC,KAAkC,EAAA;;AAC1C,QAAA,IAAI,CAAC,MAAM,GAAG,CAAA,CAAA,EAAA,GAAA,KAAK,KAAL,IAAA,IAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,KAAK,CAAE,MAAM,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,GAAG,KAAI,MAAM,CAAC;QAC3C,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;KACvC;IAED,eAAe,GAAA;QACX,QAAO,IAAI,CAAC,SAAS;YACjB,KAAK,QAAQ,EAAC;;AAEV,gBAAA,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;oBACxD,MAAM,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;AAElC,oBAAA,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE;AACf,wBAAA,GAAG,CAAC,QAAQ,GAAG,IAAI,CAAC,eAAe,CAAC;AACvC,qBAAA;AACJ,iBAAA;gBAED,OAAO,IAAI,CAAC,SAAS,CAAC;AACzB,aAAA;YACD,KAAK,OAAO,EAAC;gBACT,OAAO;oBACH,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE;oBAC1F,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE;oBAC1F,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE;oBAC1F,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE;oBAC1F,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE;oBAC1F,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,aAAa,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE;iBAC/F,CAAC;AACL,aAAA;YACD,KAAK,gBAAgB,EAAC;gBAClB,OAAO;oBACH,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,4BAA4B,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE;oBAC7G,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,+BAA+B,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE;oBACjH,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,+BAA+B,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE;iBACjH,CAAC;AACL,aAAA;YACD,KAAK,mBAAmB,EAAC;gBACrB,OAAO;AACH,oBAAA,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,gBAAgB,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE;AAC3E,oBAAA,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE;iBAChF,CAAC;AACL,aAAA;YACD,KAAK,kBAAkB,EAAE;gBACrB,OAAO;AACH,oBAAA,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,kBAAkB,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE;AAC7E,oBAAA,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,mBAAmB,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE;AAChF,oBAAA,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE;iBAChF,CAAC;AACL,aAAA;YACD,KAAK,aAAa,EAAC;gBACf,OAAO;oBACH,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,6BAA6B,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE;oBAChH,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,0BAA0B,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE;oBAC1G,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,4BAA4B,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE;iBACjH,CAAA;AACJ,aAAA;YACD,KAAK,aAAa,EAAC;gBACf,OAAO;oBACH,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,2BAA2B,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE;oBAC7G,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,4BAA4B,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE;oBAC/G,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,yBAAyB,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE;iBAC5G,CAAC;AACL,aAAA;YACD,KAAK,SAAS,EAAC;gBACX,OAAO;oBACH,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,sBAAsB,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE;oBACtG,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,uBAAuB,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE;iBAC3G,CAAC;AACL,aAAA;AAED,YAAA,SAAS;AACL,gBAAA,OAAO,EAAE,CAAC;AACb,aAAA;AACJ,SAAA;KACJ;;0HA3IQ,6BAA6B,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA7B,6BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,6BAA6B,uTCX1C,+hBASA,EAAA,MAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,WAAA,EAAA,UAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,YAAA,EAAA,WAAA,EAAA,aAAA,EAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,wBAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,WAAA,EAAA,UAAA,EAAA,SAAA,EAAA,iBAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,aAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;2FDEa,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBALzC,SAAS;+BACI,4BAA4B,EAAA,QAAA,EAAA,+hBAAA,EAAA,MAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,CAAA;uGAM7B,MAAM,EAAA,CAAA;sBAAd,KAAK;gBACG,SAAS,EAAA,CAAA;sBAAjB,KAAK;gBAEG,SAAS,EAAA,CAAA;sBAAjB,KAAK;gBACG,SAAS,EAAA,CAAA;sBAAjB,KAAK;gBACG,WAAW,EAAA,CAAA;sBAAnB,KAAK;gBAEG,OAAO,EAAA,CAAA;sBAAf,KAAK;gBACG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBACG,GAAG,EAAA,CAAA;sBAAX,KAAK;gBAIF,MAAM,EAAA,CAAA;sBADT,KAAK;gBAaN,YAAY,EAAA,CAAA;sBADX,MAAM;;;AE7BX,MAAM,QAAQ,GAAG;IACb,sBAAsB;IACtB,oBAAoB;IACpB,qBAAqB;IACrB,oBAAoB;IACpB,mBAAmB;CACtB,CAAA;MAeY,6BAA6B,CAAA;AACtC,IAAA,WAAA,CACY,eAAgC,EAAA;AAAhC,QAAA,IAAe,CAAA,eAAA,GAAf,eAAe,CAAiB;AAExC,QAAA,IAAI,CAAC,eAAe,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;KAChD;;0HALQ,6BAA6B,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAAA,IAAA,CAAA,eAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;2HAA7B,6BAA6B,EAAA,YAAA,EAAA,CAXlC,6BAA6B,CAAA,EAAA,OAAA,EAAA,CAG7B,YAAY;QACZ,eAAe;QACf,mBAAmB;QACnB,qBAAqB;QACrB,aAAa,aAEP,6BAA6B,CAAA,EAAA,CAAA,CAAA;AAE9B,6BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,6BAA6B,YARlC,YAAY;QACZ,eAAe;QACf,mBAAmB;QACnB,qBAAqB;QACrB,aAAa,CAAA,EAAA,CAAA,CAAA;2FAIR,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBAbzC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,YAAY,EAAE;wBACV,6BAA6B;AAChC,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACL,YAAY;wBACZ,eAAe;wBACf,mBAAmB;wBACnB,qBAAqB;wBACrB,aAAa;AAChB,qBAAA;oBACD,OAAO,EAAE,CAAC,6BAA6B,CAAC;iBAC3C,CAAA;;;AC5BD;;AAEG;;ACFH;;AAEG;;;;"}
|
|
@@ -26,6 +26,7 @@ class IconPickerComponent {
|
|
|
26
26
|
this.dir = 'ltr';
|
|
27
27
|
this.iconURL = '';
|
|
28
28
|
this.useCheckBoxHeader = true;
|
|
29
|
+
this.titleSize = 'xl';
|
|
29
30
|
this.iconChange = new EventEmitter();
|
|
30
31
|
this.iconDisableChange = new EventEmitter();
|
|
31
32
|
}
|
|
@@ -59,10 +60,10 @@ class IconPickerComponent {
|
|
|
59
60
|
}
|
|
60
61
|
}
|
|
61
62
|
IconPickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: IconPickerComponent, deps: [{ token: i0.ViewContainerRef }, { token: i1.PepAddonBlockLoaderService }], target: i0.ɵɵFactoryTarget.Component });
|
|
62
|
-
IconPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: IconPickerComponent, selector: "pep-icon-picker", inputs: { disabled: "disabled", header: "header", preview_header: "preview_header", select_btn_header: "select_btn_header", dir: "dir", iconURL: "iconURL", useCheckBoxHeader: "useCheckBoxHeader" }, outputs: { iconChange: "iconChange", iconDisableChange: "iconDisableChange" }, ngImport: i0, template: "<label *ngIf=\"!useCheckBoxHeader\" class=\"title-
|
|
63
|
+
IconPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: IconPickerComponent, selector: "pep-icon-picker", inputs: { disabled: "disabled", header: "header", preview_header: "preview_header", select_btn_header: "select_btn_header", dir: "dir", iconURL: "iconURL", useCheckBoxHeader: "useCheckBoxHeader", titleSize: "titleSize" }, outputs: { iconChange: "iconChange", iconDisableChange: "iconDisableChange" }, ngImport: i0, template: "<label *ngIf=\"!useCheckBoxHeader\" class=\"title-{{titleSize}} ellipsis\">{{header !== '' ? header : ('ICON_PICKER_BUTTON.MAIN_HEADER' | translate)}}</label>\n<pep-checkbox *ngIf=\"useCheckBoxHeader\" \n class=\"{{ titleSize === 'xl' ? 'checkbox-as-title' : 'checkbox-as-sub-title' }}\" \n [value]=\"!disabled\" \n [label]=\"header !== '' ? header : ('ICON_PICKER_BUTTON.MAIN_HEADER' | translate)\" \n [renderTitle]=\"false\" \n (valueChange)=\"onUseIconChange($event)\">\n</pep-checkbox>\n<div class=\"main-cont\">\n <div class=\"selected-cont\">\n <pep-field-title [label]=\"preview_header !== '' ? preview_header : ('ICON_PICKER_BUTTON.SELECTED' | translate)\" \n [disabled]=\"disabled\" \n [xAlignment]=\"dir === 'rtl' ? 'right' : 'left'\">\n </pep-field-title>\n <!-- <pep-button\n iconName=\"system_bolt\"\n [disabled]=\"disabled\">\n \n </pep-button> -->\n <div class=\"pep-button md weak\">\n <img *ngIf=\"iconURL !== ''\" [src]=\"iconURL\"/>\n </div>\n </div>\n <div class=\"choose-btn-cont\">\n <pep-field-title [label]=\"select_btn_header !== '' ? select_btn_header : ('ICON_PICKER_BUTTON.CHOOSE_ICON_HEADER' | translate)\" \n [disabled]=\"disabled\" \n [xAlignment]=\"dir === 'rtl' ? 'right' : 'left'\">\n </pep-field-title>\n <pep-button\n [value]=\"'ICON_PICKER_BUTTON.CHOOSE_ICON' | translate\" \n styleType=\"regular\"\n [disabled]=\"disabled\" (buttonClick)=\"openIconPickerDialog()\">\n </pep-button>\n </div>\n</div>", styles: [":host{width:100%}.main-cont{display:flex;gap:.5rem;width:100%}.main-cont .selected-cont{width:3.5rem;align-self:end;display:flex;flex-direction:column}.main-cont .selected-cont .pep-button{display:flex;align-items:center}.main-cont .selected-cont .pep-button img{max-height:1.5rem;max-width:1.5rem}.main-cont .choose-btn-cont{width:-webkit-fill-available;align-self:end;display:flex;flex-direction:column}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.PepButtonComponent, selector: "pep-button", inputs: ["key", "value", "styleType", "styleStateType", "sizeType", "classNames", "disabled", "iconName", "iconPosition", "visible"], outputs: ["buttonClick"] }, { kind: "component", type: i4.PepFieldTitleComponent, selector: "pep-field-title", inputs: ["label", "mandatory", "disabled", "maxFieldCharacters", "hint", "xAlignment", "showTitle", "inputLength", "fontBodyType"] }, { kind: "component", type: i5.PepCheckboxComponent, selector: "pep-checkbox", inputs: ["key", "value", "label", "type", "mandatory", "disabled", "readonly", "xAlignment", "rowSpan", "additionalValue", "form", "isActive", "showTitle", "renderTitle", "layoutType", "visible"], outputs: ["valueChange"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] });
|
|
63
64
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: IconPickerComponent, decorators: [{
|
|
64
65
|
type: Component,
|
|
65
|
-
args: [{ selector: 'pep-icon-picker', template: "<label *ngIf=\"!useCheckBoxHeader\" class=\"title-
|
|
66
|
+
args: [{ selector: 'pep-icon-picker', template: "<label *ngIf=\"!useCheckBoxHeader\" class=\"title-{{titleSize}} ellipsis\">{{header !== '' ? header : ('ICON_PICKER_BUTTON.MAIN_HEADER' | translate)}}</label>\n<pep-checkbox *ngIf=\"useCheckBoxHeader\" \n class=\"{{ titleSize === 'xl' ? 'checkbox-as-title' : 'checkbox-as-sub-title' }}\" \n [value]=\"!disabled\" \n [label]=\"header !== '' ? header : ('ICON_PICKER_BUTTON.MAIN_HEADER' | translate)\" \n [renderTitle]=\"false\" \n (valueChange)=\"onUseIconChange($event)\">\n</pep-checkbox>\n<div class=\"main-cont\">\n <div class=\"selected-cont\">\n <pep-field-title [label]=\"preview_header !== '' ? preview_header : ('ICON_PICKER_BUTTON.SELECTED' | translate)\" \n [disabled]=\"disabled\" \n [xAlignment]=\"dir === 'rtl' ? 'right' : 'left'\">\n </pep-field-title>\n <!-- <pep-button\n iconName=\"system_bolt\"\n [disabled]=\"disabled\">\n \n </pep-button> -->\n <div class=\"pep-button md weak\">\n <img *ngIf=\"iconURL !== ''\" [src]=\"iconURL\"/>\n </div>\n </div>\n <div class=\"choose-btn-cont\">\n <pep-field-title [label]=\"select_btn_header !== '' ? select_btn_header : ('ICON_PICKER_BUTTON.CHOOSE_ICON_HEADER' | translate)\" \n [disabled]=\"disabled\" \n [xAlignment]=\"dir === 'rtl' ? 'right' : 'left'\">\n </pep-field-title>\n <pep-button\n [value]=\"'ICON_PICKER_BUTTON.CHOOSE_ICON' | translate\" \n styleType=\"regular\"\n [disabled]=\"disabled\" (buttonClick)=\"openIconPickerDialog()\">\n </pep-button>\n </div>\n</div>", styles: [":host{width:100%}.main-cont{display:flex;gap:.5rem;width:100%}.main-cont .selected-cont{width:3.5rem;align-self:end;display:flex;flex-direction:column}.main-cont .selected-cont .pep-button{display:flex;align-items:center}.main-cont .selected-cont .pep-button img{max-height:1.5rem;max-width:1.5rem}.main-cont .choose-btn-cont{width:-webkit-fill-available;align-self:end;display:flex;flex-direction:column}\n"] }]
|
|
66
67
|
}], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i1.PepAddonBlockLoaderService }]; }, propDecorators: { disabled: [{
|
|
67
68
|
type: Input
|
|
68
69
|
}], header: [{
|
|
@@ -77,6 +78,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImpor
|
|
|
77
78
|
type: Input
|
|
78
79
|
}], useCheckBoxHeader: [{
|
|
79
80
|
type: Input
|
|
81
|
+
}], titleSize: [{
|
|
82
|
+
type: Input
|
|
80
83
|
}], iconChange: [{
|
|
81
84
|
type: Output
|
|
82
85
|
}], iconDisableChange: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pepperi-addons-ngx-composite-lib-icon-picker.mjs","sources":["../../../projects/ngx-composite-lib/icon-picker/icon-picker.component.ts","../../../projects/ngx-composite-lib/icon-picker/icon-picker.component.html","../../../projects/ngx-composite-lib/icon-picker/icon-picker.service.ts","../../../projects/ngx-composite-lib/icon-picker/icon-picker.module.ts","../../../projects/ngx-composite-lib/icon-picker/public-api.ts","../../../projects/ngx-composite-lib/icon-picker/pepperi-addons-ngx-composite-lib-icon-picker.ts"],"sourcesContent":["import { Component, EventEmitter, Input, OnInit, Output, ViewContainerRef } from '@angular/core';\nimport { PepAddonBlockLoaderService } from '@pepperi-addons/ngx-lib/remote-loader';\n\n\n@Component({\n selector: 'pep-icon-picker',\n templateUrl: './icon-picker.component.html',\n styleUrls: ['./icon-picker.component.scss']\n})\nexport class IconPickerComponent implements OnInit {\n\n @Input() disabled = false;\n @Input() header = '';\n @Input() preview_header = '';\n @Input() select_btn_header = '';\n @Input() dir: 'rtl' | 'ltr' = 'ltr';\n @Input() iconURL = '';\n @Input() useCheckBoxHeader = true;\n\n @Output()\n iconChange: EventEmitter<any> = new EventEmitter<any>();\n \n @Output()\n iconDisableChange: EventEmitter<any> = new EventEmitter<any>();\n\n constructor(\n private viewContainerRef: ViewContainerRef,\n private addonBlockLoaderService: PepAddonBlockLoaderService) { }\n\n ngOnInit() {\n // Do nothing.\n }\n\n \n\n openIconPickerDialog() {\n const dialogRef = this.addonBlockLoaderService.loadAddonBlockInDialog({\n container: this.viewContainerRef,\n name: 'AssetPicker',\n hostObject: {\n selectionType: 'single',\n allowedAssetsTypes: 'images',\n inDialog: true\n },\n size: 'full-screen',\n hostEventsCallback: async (event) => {\n if (event?.action === 'on-save') {\n this.iconChange.emit(event);\n dialogRef?.close();\n } else if (event.action === 'on-cancel') {\n dialogRef?.close();\n }\n }\n });\n }\n\n onUseIconChange(event: boolean){\n this.disabled = !this.disabled;\n this.iconDisableChange.emit(event);\n }\n}\n","<label *ngIf=\"!useCheckBoxHeader\" class=\"title-xl ellipsis\">{{header !== '' ? header : ('ICON_PICKER_BUTTON.MAIN_HEADER' | translate)}}</label>\n<pep-checkbox *ngIf=\"useCheckBoxHeader\" \n class=\"checkbox-as-title\" \n [value]=\"!disabled\" \n [label]=\"header !== '' ? header : ('ICON_PICKER_BUTTON.MAIN_HEADER' | translate)\" \n [renderTitle]=\"false\" \n (valueChange)=\"onUseIconChange($event)\">\n</pep-checkbox>\n<div class=\"main-cont\">\n <div class=\"selected-cont\">\n <pep-field-title [label]=\"preview_header !== '' ? preview_header : ('ICON_PICKER_BUTTON.SELECTED' | translate)\" \n [disabled]=\"disabled\" \n [xAlignment]=\"dir === 'rtl' ? 'right' : 'left'\">\n </pep-field-title>\n <!-- <pep-button\n iconName=\"system_bolt\"\n [disabled]=\"disabled\">\n \n </pep-button> -->\n <div class=\"pep-button md weak\">\n <img *ngIf=\"iconURL !== ''\" [src]=\"iconURL\"/>\n </div>\n </div>\n <div class=\"choose-btn-cont\">\n <pep-field-title [label]=\"select_btn_header !== '' ? select_btn_header : ('ICON_PICKER_BUTTON.CHOOSE_ICON_HEADER' | translate)\" \n [disabled]=\"disabled\" \n [xAlignment]=\"dir === 'rtl' ? 'right' : 'left'\">\n </pep-field-title>\n <pep-button\n [value]=\"'ICON_PICKER_BUTTON.CHOOSE_ICON' | translate\" \n styleType=\"regular\"\n [disabled]=\"disabled\" (buttonClick)=\"openIconPickerDialog()\">\n </pep-button>\n </div>\n</div>","import { Injectable } from \"@angular/core\";\nimport { PepHttpService } from '@pepperi-addons/ngx-lib';\n\n\n@Injectable({\n providedIn: 'root',\n})\nexport class FlowPickerService {\n \n constructor(\n private httpService: PepHttpService\n ) {\n }\n}","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\nimport { PepButtonModule } from '@pepperi-addons/ngx-lib/button';\nimport { PepFieldTitleModule } from '@pepperi-addons/ngx-lib/field-title';\nimport { PepRemoteLoaderModule } from '@pepperi-addons/ngx-lib/remote-loader';\nimport { PepCheckboxModule } from '@pepperi-addons/ngx-lib/checkbox';\nimport { IconPickerComponent } from './icon-picker.component';\nimport { FlowPickerService } from './icon-picker.service';\n\n@NgModule({\n declarations: [\n IconPickerComponent\n ],\n imports: [\n CommonModule,\n PepNgxLibModule,\n PepButtonModule,\n PepFieldTitleModule,\n PepCheckboxModule,\n PepRemoteLoaderModule\n ],\n providers: [FlowPickerService],\n exports: [IconPickerComponent],\n})\nexport class PepIconPickerModule { }\n","/*\n * Public API Surface of ngx-composite-lib/icon-picker\n */\nexport * from './icon-picker.module';\nexport * from './icon-picker.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"pepperi-addons-ngx-composite-lib-icon-picker.mjs","sources":["../../../projects/ngx-composite-lib/icon-picker/icon-picker.component.ts","../../../projects/ngx-composite-lib/icon-picker/icon-picker.component.html","../../../projects/ngx-composite-lib/icon-picker/icon-picker.service.ts","../../../projects/ngx-composite-lib/icon-picker/icon-picker.module.ts","../../../projects/ngx-composite-lib/icon-picker/public-api.ts","../../../projects/ngx-composite-lib/icon-picker/pepperi-addons-ngx-composite-lib-icon-picker.ts"],"sourcesContent":["import { Component, EventEmitter, Input, OnInit, Output, ViewContainerRef } from '@angular/core';\nimport { PepSizeType } from '@pepperi-addons/ngx-lib';\nimport { PepAddonBlockLoaderService } from '@pepperi-addons/ngx-lib/remote-loader';\n\n\n@Component({\n selector: 'pep-icon-picker',\n templateUrl: './icon-picker.component.html',\n styleUrls: ['./icon-picker.component.scss']\n})\nexport class IconPickerComponent implements OnInit {\n\n @Input() disabled = false;\n @Input() header = '';\n @Input() preview_header = '';\n @Input() select_btn_header = '';\n @Input() dir: 'rtl' | 'ltr' = 'ltr';\n @Input() iconURL = '';\n @Input() useCheckBoxHeader = true;\n @Input() titleSize: PepSizeType = 'xl';\n\n @Output()\n iconChange: EventEmitter<any> = new EventEmitter<any>();\n \n @Output()\n iconDisableChange: EventEmitter<any> = new EventEmitter<any>();\n\n constructor(\n private viewContainerRef: ViewContainerRef,\n private addonBlockLoaderService: PepAddonBlockLoaderService) { }\n\n ngOnInit() {\n // Do nothing.\n }\n\n \n\n openIconPickerDialog() {\n const dialogRef = this.addonBlockLoaderService.loadAddonBlockInDialog({\n container: this.viewContainerRef,\n name: 'AssetPicker',\n hostObject: {\n selectionType: 'single',\n allowedAssetsTypes: 'images',\n inDialog: true\n },\n size: 'full-screen',\n hostEventsCallback: async (event) => {\n if (event?.action === 'on-save') {\n this.iconChange.emit(event);\n dialogRef?.close();\n } else if (event.action === 'on-cancel') {\n dialogRef?.close();\n }\n }\n });\n }\n\n onUseIconChange(event: boolean){\n this.disabled = !this.disabled;\n this.iconDisableChange.emit(event);\n }\n}\n","<label *ngIf=\"!useCheckBoxHeader\" class=\"title-{{titleSize}} ellipsis\">{{header !== '' ? header : ('ICON_PICKER_BUTTON.MAIN_HEADER' | translate)}}</label>\n<pep-checkbox *ngIf=\"useCheckBoxHeader\" \n class=\"{{ titleSize === 'xl' ? 'checkbox-as-title' : 'checkbox-as-sub-title' }}\" \n [value]=\"!disabled\" \n [label]=\"header !== '' ? header : ('ICON_PICKER_BUTTON.MAIN_HEADER' | translate)\" \n [renderTitle]=\"false\" \n (valueChange)=\"onUseIconChange($event)\">\n</pep-checkbox>\n<div class=\"main-cont\">\n <div class=\"selected-cont\">\n <pep-field-title [label]=\"preview_header !== '' ? preview_header : ('ICON_PICKER_BUTTON.SELECTED' | translate)\" \n [disabled]=\"disabled\" \n [xAlignment]=\"dir === 'rtl' ? 'right' : 'left'\">\n </pep-field-title>\n <!-- <pep-button\n iconName=\"system_bolt\"\n [disabled]=\"disabled\">\n \n </pep-button> -->\n <div class=\"pep-button md weak\">\n <img *ngIf=\"iconURL !== ''\" [src]=\"iconURL\"/>\n </div>\n </div>\n <div class=\"choose-btn-cont\">\n <pep-field-title [label]=\"select_btn_header !== '' ? select_btn_header : ('ICON_PICKER_BUTTON.CHOOSE_ICON_HEADER' | translate)\" \n [disabled]=\"disabled\" \n [xAlignment]=\"dir === 'rtl' ? 'right' : 'left'\">\n </pep-field-title>\n <pep-button\n [value]=\"'ICON_PICKER_BUTTON.CHOOSE_ICON' | translate\" \n styleType=\"regular\"\n [disabled]=\"disabled\" (buttonClick)=\"openIconPickerDialog()\">\n </pep-button>\n </div>\n</div>","import { Injectable } from \"@angular/core\";\nimport { PepHttpService } from '@pepperi-addons/ngx-lib';\n\n\n@Injectable({\n providedIn: 'root',\n})\nexport class FlowPickerService {\n \n constructor(\n private httpService: PepHttpService\n ) {\n }\n}","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\nimport { PepButtonModule } from '@pepperi-addons/ngx-lib/button';\nimport { PepFieldTitleModule } from '@pepperi-addons/ngx-lib/field-title';\nimport { PepRemoteLoaderModule } from '@pepperi-addons/ngx-lib/remote-loader';\nimport { PepCheckboxModule } from '@pepperi-addons/ngx-lib/checkbox';\nimport { IconPickerComponent } from './icon-picker.component';\nimport { FlowPickerService } from './icon-picker.service';\n\n@NgModule({\n declarations: [\n IconPickerComponent\n ],\n imports: [\n CommonModule,\n PepNgxLibModule,\n PepButtonModule,\n PepFieldTitleModule,\n PepCheckboxModule,\n PepRemoteLoaderModule\n ],\n providers: [FlowPickerService],\n exports: [IconPickerComponent],\n})\nexport class PepIconPickerModule { }\n","/*\n * Public API Surface of ngx-composite-lib/icon-picker\n */\nexport * from './icon-picker.module';\nexport * from './icon-picker.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1"],"mappings":"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"}
|
|
@@ -71,10 +71,10 @@ class ShadowSettingsComponent {
|
|
|
71
71
|
}
|
|
72
72
|
}
|
|
73
73
|
ShadowSettingsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: ShadowSettingsComponent, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
|
|
74
|
-
ShadowSettingsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", 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
|
|
74
|
+
ShadowSettingsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: ShadowSettingsComponent, selector: "pep-shadow-settings", inputs: { shadow: "shadow" }, outputs: { shadowChange: "shadowChange" }, ngImport: i0, template: "<div>\n <pep-checkbox class=\"checkbox-as-title\" [label]=\"'SHADOW_SETTINGS.TITLE' | translate\" [renderTitle]=\"false\" [value]=\"shadow.use\" (valueChange)=\"onUseChanged($event)\"></pep-checkbox>\n <pep-field-title [label]=\"'SHADOW_SETTINGS.SIZE' | translate\" [disabled]=\"!shadow.use\"></pep-field-title>\n <pep-group-buttons class=\"shadow-size-group\" [buttons]=\"shadowSizes\" [selectedButtonKey]=\"shadow.size\" [stretch]=\"true\" buttonsClass=\"md regular\" [buttonsDisabled]=\"!shadow.use\" viewType=\"toggle\">\n </pep-group-buttons>\n</div>\n<div>\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>\n</div>", styles: [":host{width:100%;display:grid;gap:var(--pep-spacing-lg, 1rem)}\n"], dependencies: [{ kind: "component", type: i2.PepCheckboxComponent, selector: "pep-checkbox", inputs: ["key", "value", "label", "type", "mandatory", "disabled", "readonly", "xAlignment", "rowSpan", "additionalValue", "form", "isActive", "showTitle", "renderTitle", "layoutType", "visible"], outputs: ["valueChange"] }, { kind: "component", type: i3.PepFieldTitleComponent, selector: "pep-field-title", inputs: ["label", "mandatory", "disabled", "maxFieldCharacters", "hint", "xAlignment", "showTitle", "inputLength", "fontBodyType"] }, { kind: "component", type: i4.PepGroupButtonsComponent, selector: "pep-group-buttons", inputs: ["viewType", "styleType", "sizeType", "buttons", "buttonsDisabled", "supportUnselect", "selectedButtonKey", "stretch"], outputs: ["buttonClick"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
|
|
75
75
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: ShadowSettingsComponent, decorators: [{
|
|
76
76
|
type: Component,
|
|
77
|
-
args: [{ selector: 'pep-shadow-settings', 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
|
|
77
|
+
args: [{ selector: 'pep-shadow-settings', template: "<div>\n <pep-checkbox class=\"checkbox-as-title\" [label]=\"'SHADOW_SETTINGS.TITLE' | translate\" [renderTitle]=\"false\" [value]=\"shadow.use\" (valueChange)=\"onUseChanged($event)\"></pep-checkbox>\n <pep-field-title [label]=\"'SHADOW_SETTINGS.SIZE' | translate\" [disabled]=\"!shadow.use\"></pep-field-title>\n <pep-group-buttons class=\"shadow-size-group\" [buttons]=\"shadowSizes\" [selectedButtonKey]=\"shadow.size\" [stretch]=\"true\" buttonsClass=\"md regular\" [buttonsDisabled]=\"!shadow.use\" viewType=\"toggle\">\n </pep-group-buttons>\n</div>\n<div>\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>\n</div>", styles: [":host{width:100%;display:grid;gap:var(--pep-spacing-lg, 1rem)}\n"] }]
|
|
78
78
|
}], ctorParameters: function () { return [{ type: i1.TranslateService }]; }, propDecorators: { shadow: [{
|
|
79
79
|
type: Input
|
|
80
80
|
}], shadowChange: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pepperi-addons-ngx-composite-lib-shadow-settings.mjs","sources":["../../../projects/ngx-composite-lib/shadow-settings/shadow-settings.model.ts","../../../projects/ngx-composite-lib/shadow-settings/shadow-settings.component.ts","../../../projects/ngx-composite-lib/shadow-settings/shadow-settings.component.html","../../../projects/ngx-composite-lib/shadow-settings/shadow-settings.module.ts","../../../projects/ngx-composite-lib/shadow-settings/public-api.ts","../../../projects/ngx-composite-lib/shadow-settings/pepperi-addons-ngx-composite-lib-shadow-settings.ts"],"sourcesContent":["import { PepSizeType } from \"@pepperi-addons/ngx-lib\";\r\n\r\nexport type PepShadowIntensityType = 'soft' | 'regular' | 'hard';\r\nexport class PepShadowSettings {\r\n use: boolean;\r\n size: PepSizeType;\r\n intensity: PepShadowIntensityType;\r\n\r\n constructor(use = false, size: PepSizeType = 'md', intensity: PepShadowIntensityType = 'soft') {\r\n this.use = use;\r\n this.size = size;\r\n this.intensity = intensity;\r\n }\r\n}","import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\nimport { TranslateService } from '@ngx-translate/core';\nimport { PepSizeType } from '@pepperi-addons/ngx-lib';\nimport { IPepButtonClickEvent, PepButton } from '@pepperi-addons/ngx-lib/button';\nimport { PepShadowIntensityType, PepShadowSettings } from './shadow-settings.model';\n\n@Component({\n selector: 'pep-shadow-settings',\n templateUrl: './shadow-settings.component.html',\n styleUrls: ['./shadow-settings.component.scss']\n})\nexport class ShadowSettingsComponent implements OnInit {\n\n private _shadow: PepShadowSettings = new PepShadowSettings();\n @Input()\n set shadow(value: PepShadowSettings) {\n if (!value) {\n this._shadow = new PepShadowSettings();\n } else {\n this._shadow = value;\n }\n }\n get shadow(): PepShadowSettings {\n return this._shadow;\n }\n\n @Output()\n shadowChange: EventEmitter<PepShadowSettings> = new EventEmitter<PepShadowSettings>();\n \n shadowSizes: Array<PepButton> = [];\n shadowIntensities: Array<PepButton> = [];\n\n constructor(\n private translate: TranslateService,\n ) {\n }\n\n ngOnInit(): void { \n // Get the first translation for load all translations.\n this.translate.get('SHADOW_SETTINGS.INTENSITY_SOFT').toPromise().then((typeSoft) => {\n this.shadowSizes = [\n { key: 'sm', value: this.translate.instant('GENERAL.SM'), callback: () => this.onSizeChange('sm') },\n { key: 'md', value: this.translate.instant('GENERAL.MD'), callback: () => this.onSizeChange('md') },\n { key: 'lg', value: this.translate.instant('GENERAL.LG'), callback: () => this.onSizeChange('lg') },\n { key: 'xl', value: this.translate.instant('GENERAL.XL'), callback: () => this.onSizeChange('xl') }\n ];\n\n this.shadowIntensities = [\n { key: 'soft', value: typeSoft, callback: () => this.onIntensityChange('soft') },\n { key: 'regular', value: this.translate.instant('SHADOW_SETTINGS.INTENSITY_REGULAR'), callback: () => this.onIntensityChange('regular') },\n { key: 'hard', value: this.translate.instant('SHADOW_SETTINGS.INTENSITY_HARD'), callback: () => this.onIntensityChange('hard') }\n ];\n });\n }\n\n\n private raiseShadowChange() {\n this.shadowChange.emit(this.shadow);\n }\n\n onUseChanged(value: boolean) {\n this.shadow.use = value;\n this.raiseShadowChange();\n }\n\n onSizeChange(value: PepSizeType) {\n this.shadow.size = value;\n this.raiseShadowChange();\n }\n\n onIntensityChange(value: PepShadowIntensityType) {\n this.shadow.intensity = value;\n this.raiseShadowChange();\n }\n}\n","<pep-checkbox class=\"checkbox-as-title\" [label]=\"'SHADOW_SETTINGS.TITLE' | translate\" [renderTitle]=\"false\" [value]=\"shadow.use\" (valueChange)=\"onUseChanged($event)\"></pep-checkbox>\n<pep-field-title [label]=\"'SHADOW_SETTINGS.SIZE' | translate\" [disabled]=\"!shadow.use\"></pep-field-title>\n<pep-group-buttons class=\"shadow-size-group\" [buttons]=\"shadowSizes\" [selectedButtonKey]=\"shadow.size\" [stretch]=\"true\" buttonsClass=\"md regular\" [buttonsDisabled]=\"!shadow.use\" viewType=\"toggle\">\n</pep-group-buttons>\n<pep-field-title [label]=\"'SHADOW_SETTINGS.INTENSITY' | translate\" [disabled]=\"!shadow.use\"></pep-field-title>\n<pep-group-buttons class=\"shadow-intensity-group\" [buttons]=\"shadowIntensities\" [selectedButtonKey]=\"shadow.intensity\" [stretch]=\"true\" buttonsClass=\"md regular\" [buttonsDisabled]=\"!shadow.use\" viewType=\"toggle\">\n</pep-group-buttons>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ShadowSettingsComponent } from './shadow-settings.component';\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\nimport { PepCheckboxModule } from '@pepperi-addons/ngx-lib/checkbox';\nimport { PepFieldTitleModule } from '@pepperi-addons/ngx-lib/field-title';\nimport { PepGroupButtonsModule } from '@pepperi-addons/ngx-lib/group-buttons';\nimport { PepSliderModule } from '@pepperi-addons/ngx-lib/slider';\n\n@NgModule({\n declarations: [\n ShadowSettingsComponent\n ],\n imports: [\n CommonModule,\n PepNgxLibModule,\n PepCheckboxModule,\n PepFieldTitleModule,\n PepGroupButtonsModule,\n PepSliderModule\n ],\n exports: [ShadowSettingsComponent],\n})\nexport class PepShadowSettingsModule { }\n","/*\n * Public API Surface of ngx-composite-lib/shadow-settings\n */\nexport * from './shadow-settings.module';\nexport * from './shadow-settings.component';\nexport * from './shadow-settings.model';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"pepperi-addons-ngx-composite-lib-shadow-settings.mjs","sources":["../../../projects/ngx-composite-lib/shadow-settings/shadow-settings.model.ts","../../../projects/ngx-composite-lib/shadow-settings/shadow-settings.component.ts","../../../projects/ngx-composite-lib/shadow-settings/shadow-settings.component.html","../../../projects/ngx-composite-lib/shadow-settings/shadow-settings.module.ts","../../../projects/ngx-composite-lib/shadow-settings/public-api.ts","../../../projects/ngx-composite-lib/shadow-settings/pepperi-addons-ngx-composite-lib-shadow-settings.ts"],"sourcesContent":["import { PepSizeType } from \"@pepperi-addons/ngx-lib\";\r\n\r\nexport type PepShadowIntensityType = 'soft' | 'regular' | 'hard';\r\nexport class PepShadowSettings {\r\n use: boolean;\r\n size: PepSizeType;\r\n intensity: PepShadowIntensityType;\r\n\r\n constructor(use = false, size: PepSizeType = 'md', intensity: PepShadowIntensityType = 'soft') {\r\n this.use = use;\r\n this.size = size;\r\n this.intensity = intensity;\r\n }\r\n}","import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\nimport { TranslateService } from '@ngx-translate/core';\nimport { PepSizeType } from '@pepperi-addons/ngx-lib';\nimport { IPepButtonClickEvent, PepButton } from '@pepperi-addons/ngx-lib/button';\nimport { PepShadowIntensityType, PepShadowSettings } from './shadow-settings.model';\n\n@Component({\n selector: 'pep-shadow-settings',\n templateUrl: './shadow-settings.component.html',\n styleUrls: ['./shadow-settings.component.scss']\n})\nexport class ShadowSettingsComponent implements OnInit {\n\n private _shadow: PepShadowSettings = new PepShadowSettings();\n @Input()\n set shadow(value: PepShadowSettings) {\n if (!value) {\n this._shadow = new PepShadowSettings();\n } else {\n this._shadow = value;\n }\n }\n get shadow(): PepShadowSettings {\n return this._shadow;\n }\n\n @Output()\n shadowChange: EventEmitter<PepShadowSettings> = new EventEmitter<PepShadowSettings>();\n \n shadowSizes: Array<PepButton> = [];\n shadowIntensities: Array<PepButton> = [];\n\n constructor(\n private translate: TranslateService,\n ) {\n }\n\n ngOnInit(): void { \n // Get the first translation for load all translations.\n this.translate.get('SHADOW_SETTINGS.INTENSITY_SOFT').toPromise().then((typeSoft) => {\n this.shadowSizes = [\n { key: 'sm', value: this.translate.instant('GENERAL.SM'), callback: () => this.onSizeChange('sm') },\n { key: 'md', value: this.translate.instant('GENERAL.MD'), callback: () => this.onSizeChange('md') },\n { key: 'lg', value: this.translate.instant('GENERAL.LG'), callback: () => this.onSizeChange('lg') },\n { key: 'xl', value: this.translate.instant('GENERAL.XL'), callback: () => this.onSizeChange('xl') }\n ];\n\n this.shadowIntensities = [\n { key: 'soft', value: typeSoft, callback: () => this.onIntensityChange('soft') },\n { key: 'regular', value: this.translate.instant('SHADOW_SETTINGS.INTENSITY_REGULAR'), callback: () => this.onIntensityChange('regular') },\n { key: 'hard', value: this.translate.instant('SHADOW_SETTINGS.INTENSITY_HARD'), callback: () => this.onIntensityChange('hard') }\n ];\n });\n }\n\n\n private raiseShadowChange() {\n this.shadowChange.emit(this.shadow);\n }\n\n onUseChanged(value: boolean) {\n this.shadow.use = value;\n this.raiseShadowChange();\n }\n\n onSizeChange(value: PepSizeType) {\n this.shadow.size = value;\n this.raiseShadowChange();\n }\n\n onIntensityChange(value: PepShadowIntensityType) {\n this.shadow.intensity = value;\n this.raiseShadowChange();\n }\n}\n","<div>\n <pep-checkbox class=\"checkbox-as-title\" [label]=\"'SHADOW_SETTINGS.TITLE' | translate\" [renderTitle]=\"false\" [value]=\"shadow.use\" (valueChange)=\"onUseChanged($event)\"></pep-checkbox>\n <pep-field-title [label]=\"'SHADOW_SETTINGS.SIZE' | translate\" [disabled]=\"!shadow.use\"></pep-field-title>\n <pep-group-buttons class=\"shadow-size-group\" [buttons]=\"shadowSizes\" [selectedButtonKey]=\"shadow.size\" [stretch]=\"true\" buttonsClass=\"md regular\" [buttonsDisabled]=\"!shadow.use\" viewType=\"toggle\">\n </pep-group-buttons>\n</div>\n<div>\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>\n</div>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ShadowSettingsComponent } from './shadow-settings.component';\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\nimport { PepCheckboxModule } from '@pepperi-addons/ngx-lib/checkbox';\nimport { PepFieldTitleModule } from '@pepperi-addons/ngx-lib/field-title';\nimport { PepGroupButtonsModule } from '@pepperi-addons/ngx-lib/group-buttons';\nimport { PepSliderModule } from '@pepperi-addons/ngx-lib/slider';\n\n@NgModule({\n declarations: [\n ShadowSettingsComponent\n ],\n imports: [\n CommonModule,\n PepNgxLibModule,\n PepCheckboxModule,\n PepFieldTitleModule,\n PepGroupButtonsModule,\n PepSliderModule\n ],\n exports: [ShadowSettingsComponent],\n})\nexport class PepShadowSettingsModule { }\n","/*\n * Public API Surface of ngx-composite-lib/shadow-settings\n */\nexport * from './shadow-settings.module';\nexport * from './shadow-settings.component';\nexport * from './shadow-settings.model';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
@@ -83,10 +83,10 @@ class ColorSettingsComponent {
|
|
|
83
83
|
}
|
|
84
84
|
}
|
|
85
85
|
ColorSettingsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: ColorSettingsComponent, deps: [{ token: i1.PepColorService }], target: i0.ɵɵFactoryTarget.Component });
|
|
86
|
-
ColorSettingsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: ColorSettingsComponent, selector: "pep-color-settings", inputs: { title: "title", checkAAComplient: "checkAAComplient", showAAComplient: "showAAComplient", color: "color" }, outputs: { colorChange: "colorChange" }, ngImport: i0, template: "<pep-checkbox class=\"checkbox-as-title\" [label]=\"title\" [renderTitle]=\"false\" [value]=\"color.use\"\n
|
|
86
|
+
ColorSettingsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: ColorSettingsComponent, selector: "pep-color-settings", inputs: { title: "title", checkAAComplient: "checkAAComplient", showAAComplient: "showAAComplient", color: "color" }, outputs: { colorChange: "colorChange" }, ngImport: i0, template: "<div>\n <pep-checkbox class=\"checkbox-as-title\" [label]=\"title\" [renderTitle]=\"false\" [value]=\"color.use\"\n (valueChange)=\"onUseChanged($event)\"></pep-checkbox>\n <pep-color [value]=\"color.value\" [label]=\"title + ' ' + ('COLOR_SETTINGS.COLOR' | translate)\" [disabled]=\"!color.use\"\n [checkAAComplient]=\"checkAAComplient\" [showAAComplient]=\"showAAComplient\" (valueChange)=\"onColorChanged($event)\">\n </pep-color>\n</div>\n<pep-slider [label]=\"title + ' ' + ('COLOR_SETTINGS.OPACITY' | translate)\" [hint]=\"color.opacity.toString() || ''\"\n [minValue]=\"0\" [maxValue]=\"100\" [disabled]=\"!color.use\" [value]=\"color.opacity\" [background]=\"getSliderBackground()\"\n (inputChange)=\"onSliderInputChanged($event)\" (valueChange)=\"onSliderValueChanged($event)\">\n</pep-slider>", styles: [":host{width:100%;display:grid;gap:var(--pep-spacing-lg, 1rem)}\n"], dependencies: [{ kind: "component", type: i2.PepCheckboxComponent, selector: "pep-checkbox", inputs: ["key", "value", "label", "type", "mandatory", "disabled", "readonly", "xAlignment", "rowSpan", "additionalValue", "form", "isActive", "showTitle", "renderTitle", "layoutType", "visible"], outputs: ["valueChange"] }, { kind: "component", type: i3.PepColorComponent, selector: "pep-color", inputs: ["key", "value", "label", "disabled", "xAlignment", "rowSpan", "type", "showTitle", "renderTitle", "showAAComplient", "checkAAComplient", "layoutType"], outputs: ["valueChange"] }, { kind: "component", type: i4.PepSliderComponent, selector: "pep-slider", inputs: ["label", "disabled", "hint", "background", "step", "minValue", "maxValue", "value"], outputs: ["valueChange", "inputChange"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] });
|
|
87
87
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: ColorSettingsComponent, decorators: [{
|
|
88
88
|
type: Component,
|
|
89
|
-
args: [{ selector: 'pep-color-settings', template: "<pep-checkbox class=\"checkbox-as-title\" [label]=\"title\" [renderTitle]=\"false\" [value]=\"color.use\"\n
|
|
89
|
+
args: [{ selector: 'pep-color-settings', template: "<div>\n <pep-checkbox class=\"checkbox-as-title\" [label]=\"title\" [renderTitle]=\"false\" [value]=\"color.use\"\n (valueChange)=\"onUseChanged($event)\"></pep-checkbox>\n <pep-color [value]=\"color.value\" [label]=\"title + ' ' + ('COLOR_SETTINGS.COLOR' | translate)\" [disabled]=\"!color.use\"\n [checkAAComplient]=\"checkAAComplient\" [showAAComplient]=\"showAAComplient\" (valueChange)=\"onColorChanged($event)\">\n </pep-color>\n</div>\n<pep-slider [label]=\"title + ' ' + ('COLOR_SETTINGS.OPACITY' | translate)\" [hint]=\"color.opacity.toString() || ''\"\n [minValue]=\"0\" [maxValue]=\"100\" [disabled]=\"!color.use\" [value]=\"color.opacity\" [background]=\"getSliderBackground()\"\n (inputChange)=\"onSliderInputChanged($event)\" (valueChange)=\"onSliderValueChanged($event)\">\n</pep-slider>", styles: [":host{width:100%;display:grid;gap:var(--pep-spacing-lg, 1rem)}\n"] }]
|
|
90
90
|
}], ctorParameters: function () { return [{ type: i1.PepColorService }]; }, propDecorators: { title: [{
|
|
91
91
|
type: Input
|
|
92
92
|
}], checkAAComplient: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pepperi-addons-ngx-composite-lib-color-settings.mjs","sources":["../../../projects/ngx-composite-lib/color-settings/color-settings.model.ts","../../../projects/ngx-composite-lib/color-settings/color-settings.component.ts","../../../projects/ngx-composite-lib/color-settings/color-settings.component.html","../../../projects/ngx-composite-lib/color-settings/color-settings.module.ts","../../../projects/ngx-composite-lib/color-settings/public-api.ts","../../../projects/ngx-composite-lib/color-settings/pepperi-addons-ngx-composite-lib-color-settings.ts"],"sourcesContent":["export class PepColorSettings {\r\n use: boolean;\r\n value: string;\r\n opacity = 50;\r\n \r\n constructor(use = false, value = 'hsl(0, 0%, 57%)', opacity = 50) {\r\n this.use = use;\r\n this.value = value;\r\n this.opacity = opacity;\r\n }\r\n}","import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\nimport { PepColorService } from '@pepperi-addons/ngx-lib';\nimport { PepColorSettings } from './color-settings.model';\n\n@Component({\n selector: 'pep-color-settings',\n templateUrl: './color-settings.component.html',\n styleUrls: ['./color-settings.component.scss']\n})\nexport class ColorSettingsComponent implements OnInit {\n @Input() title = '';\n @Input() checkAAComplient = true;\n @Input() showAAComplient = true;\n\n private _color: PepColorSettings = new PepColorSettings();\n @Input()\n set color(value: PepColorSettings) {\n if (!value) {\n this._color = new PepColorSettings();\n } else {\n this._color = value;\n }\n }\n get color(): PepColorSettings {\n return this._color;\n }\n\n @Output()\n colorChange: EventEmitter<PepColorSettings> = new EventEmitter<PepColorSettings>();\n \n constructor(private pepColorService: PepColorService) { }\n\n ngOnInit() {\n //\n }\n\n private getRGBAcolor(colorObj: PepColorSettings, opac: number | null = null) {\n let rgba = 'rgba(255,255,255,0)';\n\n if (colorObj) {\n const color = colorObj.value;\n let opacity = opac != null ? opac : colorObj.opacity;\n\n opacity = opacity > 0 ? opacity / 100 : 0;\n\n const hsl = this.pepColorService.hslString2hsl(color);\n const rgb = this.pepColorService.hsl2rgb(hsl);\n rgba = 'rgba(' + rgb.r + ',' + rgb.g + ',' + rgb.b + ',' + opacity + ')';\n }\n\n return rgba;\n }\n\n private raiseColorChange() {\n this.colorChange.emit(this.color);\n }\n\n getSliderBackground() {\n const alignTo = 'right';\n \n const colorObj = new PepColorSettings();\n \n colorObj.value = this.color.value;\n colorObj.opacity = 100;\n \n const gradStr = this.getRGBAcolor(colorObj, 0) + ' , ' + this.getRGBAcolor(colorObj);\n \n return 'linear-gradient(to ' + alignTo + ', ' + gradStr + ')';\n }\n\n onUseChanged(value: boolean) {\n this.color.use = value;\n this.raiseColorChange();\n }\n\n onColorChanged(value: string) {\n this.color.value = value;\n this.raiseColorChange();\n }\n \n onSliderInputChanged(value: number) {\n this.color.opacity = value;\n }\n\n onSliderValueChanged(value: number) {\n this.color.opacity = value;\n this.raiseColorChange();\n }\n}\n","<pep-checkbox class=\"checkbox-as-title\" [label]=\"title\" [renderTitle]=\"false\" [value]=\"color.use\"\n
|
|
1
|
+
{"version":3,"file":"pepperi-addons-ngx-composite-lib-color-settings.mjs","sources":["../../../projects/ngx-composite-lib/color-settings/color-settings.model.ts","../../../projects/ngx-composite-lib/color-settings/color-settings.component.ts","../../../projects/ngx-composite-lib/color-settings/color-settings.component.html","../../../projects/ngx-composite-lib/color-settings/color-settings.module.ts","../../../projects/ngx-composite-lib/color-settings/public-api.ts","../../../projects/ngx-composite-lib/color-settings/pepperi-addons-ngx-composite-lib-color-settings.ts"],"sourcesContent":["export class PepColorSettings {\r\n use: boolean;\r\n value: string;\r\n opacity = 50;\r\n \r\n constructor(use = false, value = 'hsl(0, 0%, 57%)', opacity = 50) {\r\n this.use = use;\r\n this.value = value;\r\n this.opacity = opacity;\r\n }\r\n}","import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\nimport { PepColorService } from '@pepperi-addons/ngx-lib';\nimport { PepColorSettings } from './color-settings.model';\n\n@Component({\n selector: 'pep-color-settings',\n templateUrl: './color-settings.component.html',\n styleUrls: ['./color-settings.component.scss']\n})\nexport class ColorSettingsComponent implements OnInit {\n @Input() title = '';\n @Input() checkAAComplient = true;\n @Input() showAAComplient = true;\n\n private _color: PepColorSettings = new PepColorSettings();\n @Input()\n set color(value: PepColorSettings) {\n if (!value) {\n this._color = new PepColorSettings();\n } else {\n this._color = value;\n }\n }\n get color(): PepColorSettings {\n return this._color;\n }\n\n @Output()\n colorChange: EventEmitter<PepColorSettings> = new EventEmitter<PepColorSettings>();\n \n constructor(private pepColorService: PepColorService) { }\n\n ngOnInit() {\n //\n }\n\n private getRGBAcolor(colorObj: PepColorSettings, opac: number | null = null) {\n let rgba = 'rgba(255,255,255,0)';\n\n if (colorObj) {\n const color = colorObj.value;\n let opacity = opac != null ? opac : colorObj.opacity;\n\n opacity = opacity > 0 ? opacity / 100 : 0;\n\n const hsl = this.pepColorService.hslString2hsl(color);\n const rgb = this.pepColorService.hsl2rgb(hsl);\n rgba = 'rgba(' + rgb.r + ',' + rgb.g + ',' + rgb.b + ',' + opacity + ')';\n }\n\n return rgba;\n }\n\n private raiseColorChange() {\n this.colorChange.emit(this.color);\n }\n\n getSliderBackground() {\n const alignTo = 'right';\n \n const colorObj = new PepColorSettings();\n \n colorObj.value = this.color.value;\n colorObj.opacity = 100;\n \n const gradStr = this.getRGBAcolor(colorObj, 0) + ' , ' + this.getRGBAcolor(colorObj);\n \n return 'linear-gradient(to ' + alignTo + ', ' + gradStr + ')';\n }\n\n onUseChanged(value: boolean) {\n this.color.use = value;\n this.raiseColorChange();\n }\n\n onColorChanged(value: string) {\n this.color.value = value;\n this.raiseColorChange();\n }\n \n onSliderInputChanged(value: number) {\n this.color.opacity = value;\n }\n\n onSliderValueChanged(value: number) {\n this.color.opacity = value;\n this.raiseColorChange();\n }\n}\n","<div>\n <pep-checkbox class=\"checkbox-as-title\" [label]=\"title\" [renderTitle]=\"false\" [value]=\"color.use\"\n (valueChange)=\"onUseChanged($event)\"></pep-checkbox>\n <pep-color [value]=\"color.value\" [label]=\"title + ' ' + ('COLOR_SETTINGS.COLOR' | translate)\" [disabled]=\"!color.use\"\n [checkAAComplient]=\"checkAAComplient\" [showAAComplient]=\"showAAComplient\" (valueChange)=\"onColorChanged($event)\">\n </pep-color>\n</div>\n<pep-slider [label]=\"title + ' ' + ('COLOR_SETTINGS.OPACITY' | translate)\" [hint]=\"color.opacity.toString() || ''\"\n [minValue]=\"0\" [maxValue]=\"100\" [disabled]=\"!color.use\" [value]=\"color.opacity\" [background]=\"getSliderBackground()\"\n (inputChange)=\"onSliderInputChanged($event)\" (valueChange)=\"onSliderValueChanged($event)\">\n</pep-slider>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\nimport { PepColorModule } from '@pepperi-addons/ngx-lib/color';\nimport { PepCheckboxModule } from '@pepperi-addons/ngx-lib/checkbox';\nimport { PepSliderModule } from '@pepperi-addons/ngx-lib/slider';\n\nimport { ColorSettingsComponent } from './color-settings.component';\n\n@NgModule({\n declarations: [\n ColorSettingsComponent\n ],\n imports: [\n CommonModule,\n PepNgxLibModule,\n PepCheckboxModule,\n PepColorModule,\n PepSliderModule\n ],\n exports: [ColorSettingsComponent],\n})\nexport class PepColorSettingsModule { }\n","/*\n * Public API Surface of ngx-composite-lib/color-settings\n */\nexport * from './color-settings.module';\nexport * from './color-settings.component';\nexport * from './color-settings.model';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
@@ -130,10 +130,10 @@ class GroupButtonsSettingsComponent {
|
|
|
130
130
|
}
|
|
131
131
|
}
|
|
132
132
|
GroupButtonsSettingsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: GroupButtonsSettingsComponent, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
|
|
133
|
-
GroupButtonsSettingsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", 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, 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%}
|
|
133
|
+
GroupButtonsSettingsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", 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, 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%}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.PepFieldTitleComponent, selector: "pep-field-title", inputs: ["label", "mandatory", "disabled", "maxFieldCharacters", "hint", "xAlignment", "showTitle", "inputLength", "fontBodyType"] }, { kind: "component", type: i4.PepGroupButtonsComponent, selector: "pep-group-buttons", inputs: ["viewType", "styleType", "sizeType", "buttons", "buttonsDisabled", "supportUnselect", "selectedButtonKey", "stretch"], outputs: ["buttonClick"] }] });
|
|
134
134
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: GroupButtonsSettingsComponent, decorators: [{
|
|
135
135
|
type: Component,
|
|
136
|
-
args: [{ selector: 'pep-group-buttons-settings', 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%}
|
|
136
|
+
args: [{ selector: 'pep-group-buttons-settings', 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%}\n"] }]
|
|
137
137
|
}], ctorParameters: function () { return [{ type: i1.TranslateService }]; }, propDecorators: { header: [{
|
|
138
138
|
type: Input
|
|
139
139
|
}], subHeader: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pepperi-addons-ngx-composite-lib-group-buttons-settings.mjs","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 defaultCallback = (event: IPepButtonClickEvent) => this.onKeyChange(event);\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('GENERAL.NONE').subscribe((res) => {\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 // Set default callback if not exist.\n for (let index = 0; index < this.btnsArray.length; index++) {\n const btn = this.btnsArray[index];\n \n if (!btn.callback) {\n btn.callback = this.defaultCallback;\n }\n }\n\n return this.btnsArray;\n }\n case 'sizes':{\n return [\n { key: 'xs', value: this.translate.instant('GENERAL.XS'), callback: this.defaultCallback },\n { key: 'sm', value: this.translate.instant('GENERAL.SM'), callback: this.defaultCallback },\n { key: 'md', value: this.translate.instant('GENERAL.MD'), callback: this.defaultCallback },\n { key: 'lg', value: this.translate.instant('GENERAL.LG'), callback: this.defaultCallback },\n { key: 'xl', value: this.translate.instant('GENERAL.XL'), callback: this.defaultCallback },\n { key: '2xl', value: this.translate.instant('GENERAL.XXL'), callback: this.defaultCallback }\n ];\n }\n case 'vertical-align':{\n return [\n { key: 'start', value: this.translate.instant('GENERAL.VERTICAL_ALIGN.TOP'), callback: this.defaultCallback },\n { key: 'middle', value: this.translate.instant('GENERAL.VERTICAL_ALIGN.MIDDLE'), callback: this.defaultCallback },\n { key: 'end', value: this.translate.instant('GENERAL.VERTICAL_ALIGN.BOTTOM'), callback: this.defaultCallback }\n ];\n }\n case 'left-right-arrows':{\n return [\n { key: 'left', iconName: 'arrow_left_alt', callback: this.defaultCallback },\n { key: 'right', iconName: 'arrow_right_alt', callback: this.defaultCallback }\n ];\n }\n case 'horizontal-align': {\n return [\n { key: 'left', iconName: 'text_align_right', callback: this.defaultCallback },\n { key: 'center', iconName: 'text_align_center', callback: this.defaultCallback },\n { key: 'right', iconName: 'text_align_left', callback: this.defaultCallback },\n ];\n }\n case 'font-weight':{\n return [\n { key: 'regular', value: this.translate.instant('GENERAL.FONT_WEIGHT.REGULAR'), callback: this.defaultCallback },\n { key: 'bold', value: this.translate.instant('GENERAL.FONT_WEIGHT.BOLD'), callback: this.defaultCallback },\n { key: 'bolder', value: this.translate.instant('GENERAL.FONT_WEIGHT.BOLDER'), callback: this.defaultCallback }\n ]\n }\n case 'width-sizes':{\n return [\n { key: 'narrow', value: this.translate.instant('GENERAL.WIDTH_SIZE.NARROW'), callback: this.defaultCallback },\n { key: 'regular', value: this.translate.instant('GENERAL.WIDTH_SIZE.REGULAR'), callback: this.defaultCallback },\n { key: 'wide', value: this.translate.instant('GENERAL.WIDTH_SIZE.WIDE'), callback: this.defaultCallback }\n ];\n }\n case 'boolean':{\n return [\n { key: 'true', value: this.translate.instant('GENERAL.BOOLEAN.TRUE'), callback: this.defaultCallback },\n { key: 'false', value: this.translate.instant('GENERAL.BOOLEAN.FALSE'), callback: this.defaultCallback }\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 { pepIconArrowLeftAlt, pepIconArrowRightAlt, PepIconModule, PepIconRegistry, pepIconTextAlignCenter, pepIconTextAlignLeft, pepIconTextAlignRight } from '@pepperi-addons/ngx-lib/icon';\n\nconst pepIcons = [\n pepIconTextAlignCenter, \n pepIconTextAlignLeft, \n pepIconTextAlignRight,\n pepIconArrowRightAlt,\n pepIconArrowLeftAlt\n]\n\n@NgModule({\n declarations: [\n GroupButtonsSettingsComponent\n ],\n imports: [\n CommonModule,\n PepNgxLibModule,\n PepFieldTitleModule,\n PepGroupButtonsModule,\n PepIconModule\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":["i1"],"mappings":";;;;;;;;;;;;;MAWa,6BAA6B,CAAA;;AAqCtC,IAAA,WAAA,CACY,SAA2B,EAAA;QAA3B,IAAS,CAAA,SAAA,GAAT,SAAS,CAAkB;QApC9B,IAAM,CAAA,MAAA,GAAG,EAAE,CAAC;QACZ,IAAS,CAAA,SAAA,GAAG,EAAE,CAAC;QAEf,IAAS,CAAA,SAAA,GAAyB,OAAO,CAAC;QAC1C,IAAS,CAAA,SAAA,GAAqB,EAAE,CAAC;AACjC,QAAA,IAAA,CAAA,WAAW,GAAkB,EAAE,CAAC;QAEhC,IAAO,CAAA,OAAA,GAAG,KAAK,CAAC;QAChB,IAAQ,CAAA,QAAA,GAAG,KAAK,CAAC;QACjB,IAAG,CAAA,GAAA,GAAkB,KAAK,CAAC;AAgBpC,QAAA,IAAA,CAAA,YAAY,GAAuC,IAAI,YAAY,EAAwB,CAAC;AAG5F,QAAA,IAAA,CAAA,IAAI,GAAc,EAAC,GAAG,EAAE,MAAM,EAAC,CAAC;QAEhC,IAAK,CAAA,KAAA,GAAqB,EAAE,CAAC;AAC7B,QAAA,IAAA,CAAA,eAAe,GAAG,CAAC,KAA2B,KAAK,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;KAO1E;IA1BD,IACI,MAAM,CAAC,KAAU,EAAA;QACjB,IAAI,CAAC,KAAK,EAAE;AACR,YAAA,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;AACrB,SAAA;AAAM,aAAA;AACH,YAAA,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;AACxB,SAAA;KACJ;AACD,IAAA,IAAI,MAAM,GAAA;QACN,OAAO,IAAI,CAAC,OAAO,CAAC;KACvB;IAkBD,QAAQ,GAAA;;AAEJ,QAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC,SAAS,CAAC,CAAC,GAAG,KAAI;AACjD,YAAA,IAAI,CAAC,IAAI,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,cAAc,CAAC,EAAE,QAAQ,EAAE,MAAM,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC;YAEnH,IAAI,CAAC,UAAU,EAAE,CAAC;AACtB,SAAC,CAAC,CAAC;KACN;IAED,UAAU,GAAA;AAEN,QAAA,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;;QAGxC,IAAG,IAAI,CAAC,WAAW,EAAC;AAChB,YAAA,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;AACzF,SAAA;;QAED,IAAG,IAAI,CAAC,OAAO,EAAC;AACZ,YAAA,IAAI,CAAC,SAAS,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;AACvD,SAAA;KACJ;AAED,IAAA,WAAW,CAAC,KAAkC,EAAA;QAC1C,IAAI,CAAC,MAAM,GAAG,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,MAAM,CAAC;QAC3C,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;KACvC;IAED,eAAe,GAAA;QACX,QAAO,IAAI,CAAC,SAAS;YACjB,KAAK,QAAQ,EAAC;;AAEV,gBAAA,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;oBACxD,MAAM,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;AAElC,oBAAA,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE;AACf,wBAAA,GAAG,CAAC,QAAQ,GAAG,IAAI,CAAC,eAAe,CAAC;AACvC,qBAAA;AACJ,iBAAA;gBAED,OAAO,IAAI,CAAC,SAAS,CAAC;AACzB,aAAA;YACD,KAAK,OAAO,EAAC;gBACT,OAAO;oBACH,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE;oBAC1F,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE;oBAC1F,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE;oBAC1F,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE;oBAC1F,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE;oBAC1F,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,aAAa,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE;iBAC/F,CAAC;AACL,aAAA;YACD,KAAK,gBAAgB,EAAC;gBAClB,OAAO;oBACH,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,4BAA4B,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE;oBAC7G,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,+BAA+B,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE;oBACjH,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,+BAA+B,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE;iBACjH,CAAC;AACL,aAAA;YACD,KAAK,mBAAmB,EAAC;gBACrB,OAAO;AACH,oBAAA,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,gBAAgB,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE;AAC3E,oBAAA,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE;iBAChF,CAAC;AACL,aAAA;YACD,KAAK,kBAAkB,EAAE;gBACrB,OAAO;AACH,oBAAA,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,kBAAkB,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE;AAC7E,oBAAA,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,mBAAmB,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE;AAChF,oBAAA,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE;iBAChF,CAAC;AACL,aAAA;YACD,KAAK,aAAa,EAAC;gBACf,OAAO;oBACH,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,6BAA6B,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE;oBAChH,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,0BAA0B,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE;oBAC1G,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,4BAA4B,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE;iBACjH,CAAA;AACJ,aAAA;YACD,KAAK,aAAa,EAAC;gBACf,OAAO;oBACH,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,2BAA2B,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE;oBAC7G,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,4BAA4B,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE;oBAC/G,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,yBAAyB,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE;iBAC5G,CAAC;AACL,aAAA;YACD,KAAK,SAAS,EAAC;gBACX,OAAO;oBACH,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,sBAAsB,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE;oBACtG,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,uBAAuB,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE;iBAC3G,CAAC;AACL,aAAA;AAED,YAAA,SAAS;AACL,gBAAA,OAAO,EAAE,CAAC;AACb,aAAA;AACJ,SAAA;KACJ;;0HA3IQ,6BAA6B,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA7B,6BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,6BAA6B,uTCX1C,+hBASA,EAAA,MAAA,EAAA,CAAA,iIAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,WAAA,EAAA,UAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,YAAA,EAAA,WAAA,EAAA,aAAA,EAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,wBAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,WAAA,EAAA,UAAA,EAAA,SAAA,EAAA,iBAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,aAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;2FDEa,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBALzC,SAAS;+BACI,4BAA4B,EAAA,QAAA,EAAA,+hBAAA,EAAA,MAAA,EAAA,CAAA,iIAAA,CAAA,EAAA,CAAA;uGAM7B,MAAM,EAAA,CAAA;sBAAd,KAAK;gBACG,SAAS,EAAA,CAAA;sBAAjB,KAAK;gBAEG,SAAS,EAAA,CAAA;sBAAjB,KAAK;gBACG,SAAS,EAAA,CAAA;sBAAjB,KAAK;gBACG,WAAW,EAAA,CAAA;sBAAnB,KAAK;gBAEG,OAAO,EAAA,CAAA;sBAAf,KAAK;gBACG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBACG,GAAG,EAAA,CAAA;sBAAX,KAAK;gBAIF,MAAM,EAAA,CAAA;sBADT,KAAK;gBAaN,YAAY,EAAA,CAAA;sBADX,MAAM;;;AE7BX,MAAM,QAAQ,GAAG;IACb,sBAAsB;IACtB,oBAAoB;IACpB,qBAAqB;IACrB,oBAAoB;IACpB,mBAAmB;CACtB,CAAA;MAeY,6BAA6B,CAAA;AACtC,IAAA,WAAA,CACY,eAAgC,EAAA;QAAhC,IAAe,CAAA,eAAA,GAAf,eAAe,CAAiB;AAExC,QAAA,IAAI,CAAC,eAAe,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;KAChD;;0HALQ,6BAA6B,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAAA,IAAA,CAAA,eAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;2HAA7B,6BAA6B,EAAA,YAAA,EAAA,CAXlC,6BAA6B,CAAA,EAAA,OAAA,EAAA,CAG7B,YAAY;QACZ,eAAe;QACf,mBAAmB;QACnB,qBAAqB;AACrB,QAAA,aAAa,aAEP,6BAA6B,CAAA,EAAA,CAAA,CAAA;AAE9B,6BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,6BAA6B,YARlC,YAAY;QACZ,eAAe;QACf,mBAAmB;QACnB,qBAAqB;QACrB,aAAa,CAAA,EAAA,CAAA,CAAA;2FAIR,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBAbzC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,YAAY,EAAE;wBACV,6BAA6B;AAChC,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACL,YAAY;wBACZ,eAAe;wBACf,mBAAmB;wBACnB,qBAAqB;wBACrB,aAAa;AAChB,qBAAA;oBACD,OAAO,EAAE,CAAC,6BAA6B,CAAC;AAC3C,iBAAA,CAAA;;;AC5BD;;AAEG;;ACFH;;AAEG;;;;"}
|
|
1
|
+
{"version":3,"file":"pepperi-addons-ngx-composite-lib-group-buttons-settings.mjs","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 defaultCallback = (event: IPepButtonClickEvent) => this.onKeyChange(event);\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('GENERAL.NONE').subscribe((res) => {\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 // Set default callback if not exist.\n for (let index = 0; index < this.btnsArray.length; index++) {\n const btn = this.btnsArray[index];\n \n if (!btn.callback) {\n btn.callback = this.defaultCallback;\n }\n }\n\n return this.btnsArray;\n }\n case 'sizes':{\n return [\n { key: 'xs', value: this.translate.instant('GENERAL.XS'), callback: this.defaultCallback },\n { key: 'sm', value: this.translate.instant('GENERAL.SM'), callback: this.defaultCallback },\n { key: 'md', value: this.translate.instant('GENERAL.MD'), callback: this.defaultCallback },\n { key: 'lg', value: this.translate.instant('GENERAL.LG'), callback: this.defaultCallback },\n { key: 'xl', value: this.translate.instant('GENERAL.XL'), callback: this.defaultCallback },\n { key: '2xl', value: this.translate.instant('GENERAL.XXL'), callback: this.defaultCallback }\n ];\n }\n case 'vertical-align':{\n return [\n { key: 'start', value: this.translate.instant('GENERAL.VERTICAL_ALIGN.TOP'), callback: this.defaultCallback },\n { key: 'middle', value: this.translate.instant('GENERAL.VERTICAL_ALIGN.MIDDLE'), callback: this.defaultCallback },\n { key: 'end', value: this.translate.instant('GENERAL.VERTICAL_ALIGN.BOTTOM'), callback: this.defaultCallback }\n ];\n }\n case 'left-right-arrows':{\n return [\n { key: 'left', iconName: 'arrow_left_alt', callback: this.defaultCallback },\n { key: 'right', iconName: 'arrow_right_alt', callback: this.defaultCallback }\n ];\n }\n case 'horizontal-align': {\n return [\n { key: 'left', iconName: 'text_align_right', callback: this.defaultCallback },\n { key: 'center', iconName: 'text_align_center', callback: this.defaultCallback },\n { key: 'right', iconName: 'text_align_left', callback: this.defaultCallback },\n ];\n }\n case 'font-weight':{\n return [\n { key: 'regular', value: this.translate.instant('GENERAL.FONT_WEIGHT.REGULAR'), callback: this.defaultCallback },\n { key: 'bold', value: this.translate.instant('GENERAL.FONT_WEIGHT.BOLD'), callback: this.defaultCallback },\n { key: 'bolder', value: this.translate.instant('GENERAL.FONT_WEIGHT.BOLDER'), callback: this.defaultCallback }\n ]\n }\n case 'width-sizes':{\n return [\n { key: 'narrow', value: this.translate.instant('GENERAL.WIDTH_SIZE.NARROW'), callback: this.defaultCallback },\n { key: 'regular', value: this.translate.instant('GENERAL.WIDTH_SIZE.REGULAR'), callback: this.defaultCallback },\n { key: 'wide', value: this.translate.instant('GENERAL.WIDTH_SIZE.WIDE'), callback: this.defaultCallback }\n ];\n }\n case 'boolean':{\n return [\n { key: 'true', value: this.translate.instant('GENERAL.BOOLEAN.TRUE'), callback: this.defaultCallback },\n { key: 'false', value: this.translate.instant('GENERAL.BOOLEAN.FALSE'), callback: this.defaultCallback }\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 { pepIconArrowLeftAlt, pepIconArrowRightAlt, PepIconModule, PepIconRegistry, pepIconTextAlignCenter, pepIconTextAlignLeft, pepIconTextAlignRight } from '@pepperi-addons/ngx-lib/icon';\n\nconst pepIcons = [\n pepIconTextAlignCenter, \n pepIconTextAlignLeft, \n pepIconTextAlignRight,\n pepIconArrowRightAlt,\n pepIconArrowLeftAlt\n]\n\n@NgModule({\n declarations: [\n GroupButtonsSettingsComponent\n ],\n imports: [\n CommonModule,\n PepNgxLibModule,\n PepFieldTitleModule,\n PepGroupButtonsModule,\n PepIconModule\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":["i1"],"mappings":"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"}
|
|
@@ -25,6 +25,7 @@ class IconPickerComponent {
|
|
|
25
25
|
this.dir = 'ltr';
|
|
26
26
|
this.iconURL = '';
|
|
27
27
|
this.useCheckBoxHeader = true;
|
|
28
|
+
this.titleSize = 'xl';
|
|
28
29
|
this.iconChange = new EventEmitter();
|
|
29
30
|
this.iconDisableChange = new EventEmitter();
|
|
30
31
|
}
|
|
@@ -58,10 +59,10 @@ class IconPickerComponent {
|
|
|
58
59
|
}
|
|
59
60
|
}
|
|
60
61
|
IconPickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: IconPickerComponent, deps: [{ token: i0.ViewContainerRef }, { token: i1.PepAddonBlockLoaderService }], target: i0.ɵɵFactoryTarget.Component });
|
|
61
|
-
IconPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: IconPickerComponent, selector: "pep-icon-picker", inputs: { disabled: "disabled", header: "header", preview_header: "preview_header", select_btn_header: "select_btn_header", dir: "dir", iconURL: "iconURL", useCheckBoxHeader: "useCheckBoxHeader" }, outputs: { iconChange: "iconChange", iconDisableChange: "iconDisableChange" }, ngImport: i0, template: "<label *ngIf=\"!useCheckBoxHeader\" class=\"title-
|
|
62
|
+
IconPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: IconPickerComponent, selector: "pep-icon-picker", inputs: { disabled: "disabled", header: "header", preview_header: "preview_header", select_btn_header: "select_btn_header", dir: "dir", iconURL: "iconURL", useCheckBoxHeader: "useCheckBoxHeader", titleSize: "titleSize" }, outputs: { iconChange: "iconChange", iconDisableChange: "iconDisableChange" }, ngImport: i0, template: "<label *ngIf=\"!useCheckBoxHeader\" class=\"title-{{titleSize}} ellipsis\">{{header !== '' ? header : ('ICON_PICKER_BUTTON.MAIN_HEADER' | translate)}}</label>\n<pep-checkbox *ngIf=\"useCheckBoxHeader\" \n class=\"{{ titleSize === 'xl' ? 'checkbox-as-title' : 'checkbox-as-sub-title' }}\" \n [value]=\"!disabled\" \n [label]=\"header !== '' ? header : ('ICON_PICKER_BUTTON.MAIN_HEADER' | translate)\" \n [renderTitle]=\"false\" \n (valueChange)=\"onUseIconChange($event)\">\n</pep-checkbox>\n<div class=\"main-cont\">\n <div class=\"selected-cont\">\n <pep-field-title [label]=\"preview_header !== '' ? preview_header : ('ICON_PICKER_BUTTON.SELECTED' | translate)\" \n [disabled]=\"disabled\" \n [xAlignment]=\"dir === 'rtl' ? 'right' : 'left'\">\n </pep-field-title>\n <!-- <pep-button\n iconName=\"system_bolt\"\n [disabled]=\"disabled\">\n \n </pep-button> -->\n <div class=\"pep-button md weak\">\n <img *ngIf=\"iconURL !== ''\" [src]=\"iconURL\"/>\n </div>\n </div>\n <div class=\"choose-btn-cont\">\n <pep-field-title [label]=\"select_btn_header !== '' ? select_btn_header : ('ICON_PICKER_BUTTON.CHOOSE_ICON_HEADER' | translate)\" \n [disabled]=\"disabled\" \n [xAlignment]=\"dir === 'rtl' ? 'right' : 'left'\">\n </pep-field-title>\n <pep-button\n [value]=\"'ICON_PICKER_BUTTON.CHOOSE_ICON' | translate\" \n styleType=\"regular\"\n [disabled]=\"disabled\" (buttonClick)=\"openIconPickerDialog()\">\n </pep-button>\n </div>\n</div>", styles: [":host{width:100%}.main-cont{display:flex;gap:.5rem;width:100%}.main-cont .selected-cont{width:3.5rem;align-self:end;display:flex;flex-direction:column}.main-cont .selected-cont .pep-button{display:flex;align-items:center}.main-cont .selected-cont .pep-button img{max-height:1.5rem;max-width:1.5rem}.main-cont .choose-btn-cont{width:-webkit-fill-available;align-self:end;display:flex;flex-direction:column}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.PepButtonComponent, selector: "pep-button", inputs: ["key", "value", "styleType", "styleStateType", "sizeType", "classNames", "disabled", "iconName", "iconPosition", "visible"], outputs: ["buttonClick"] }, { kind: "component", type: i4.PepFieldTitleComponent, selector: "pep-field-title", inputs: ["label", "mandatory", "disabled", "maxFieldCharacters", "hint", "xAlignment", "showTitle", "inputLength", "fontBodyType"] }, { kind: "component", type: i5.PepCheckboxComponent, selector: "pep-checkbox", inputs: ["key", "value", "label", "type", "mandatory", "disabled", "readonly", "xAlignment", "rowSpan", "additionalValue", "form", "isActive", "showTitle", "renderTitle", "layoutType", "visible"], outputs: ["valueChange"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] });
|
|
62
63
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: IconPickerComponent, decorators: [{
|
|
63
64
|
type: Component,
|
|
64
|
-
args: [{ selector: 'pep-icon-picker', template: "<label *ngIf=\"!useCheckBoxHeader\" class=\"title-
|
|
65
|
+
args: [{ selector: 'pep-icon-picker', template: "<label *ngIf=\"!useCheckBoxHeader\" class=\"title-{{titleSize}} ellipsis\">{{header !== '' ? header : ('ICON_PICKER_BUTTON.MAIN_HEADER' | translate)}}</label>\n<pep-checkbox *ngIf=\"useCheckBoxHeader\" \n class=\"{{ titleSize === 'xl' ? 'checkbox-as-title' : 'checkbox-as-sub-title' }}\" \n [value]=\"!disabled\" \n [label]=\"header !== '' ? header : ('ICON_PICKER_BUTTON.MAIN_HEADER' | translate)\" \n [renderTitle]=\"false\" \n (valueChange)=\"onUseIconChange($event)\">\n</pep-checkbox>\n<div class=\"main-cont\">\n <div class=\"selected-cont\">\n <pep-field-title [label]=\"preview_header !== '' ? preview_header : ('ICON_PICKER_BUTTON.SELECTED' | translate)\" \n [disabled]=\"disabled\" \n [xAlignment]=\"dir === 'rtl' ? 'right' : 'left'\">\n </pep-field-title>\n <!-- <pep-button\n iconName=\"system_bolt\"\n [disabled]=\"disabled\">\n \n </pep-button> -->\n <div class=\"pep-button md weak\">\n <img *ngIf=\"iconURL !== ''\" [src]=\"iconURL\"/>\n </div>\n </div>\n <div class=\"choose-btn-cont\">\n <pep-field-title [label]=\"select_btn_header !== '' ? select_btn_header : ('ICON_PICKER_BUTTON.CHOOSE_ICON_HEADER' | translate)\" \n [disabled]=\"disabled\" \n [xAlignment]=\"dir === 'rtl' ? 'right' : 'left'\">\n </pep-field-title>\n <pep-button\n [value]=\"'ICON_PICKER_BUTTON.CHOOSE_ICON' | translate\" \n styleType=\"regular\"\n [disabled]=\"disabled\" (buttonClick)=\"openIconPickerDialog()\">\n </pep-button>\n </div>\n</div>", styles: [":host{width:100%}.main-cont{display:flex;gap:.5rem;width:100%}.main-cont .selected-cont{width:3.5rem;align-self:end;display:flex;flex-direction:column}.main-cont .selected-cont .pep-button{display:flex;align-items:center}.main-cont .selected-cont .pep-button img{max-height:1.5rem;max-width:1.5rem}.main-cont .choose-btn-cont{width:-webkit-fill-available;align-self:end;display:flex;flex-direction:column}\n"] }]
|
|
65
66
|
}], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i1.PepAddonBlockLoaderService }]; }, propDecorators: { disabled: [{
|
|
66
67
|
type: Input
|
|
67
68
|
}], header: [{
|
|
@@ -76,6 +77,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImpor
|
|
|
76
77
|
type: Input
|
|
77
78
|
}], useCheckBoxHeader: [{
|
|
78
79
|
type: Input
|
|
80
|
+
}], titleSize: [{
|
|
81
|
+
type: Input
|
|
79
82
|
}], iconChange: [{
|
|
80
83
|
type: Output
|
|
81
84
|
}], iconDisableChange: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pepperi-addons-ngx-composite-lib-icon-picker.mjs","sources":["../../../projects/ngx-composite-lib/icon-picker/icon-picker.component.ts","../../../projects/ngx-composite-lib/icon-picker/icon-picker.component.html","../../../projects/ngx-composite-lib/icon-picker/icon-picker.service.ts","../../../projects/ngx-composite-lib/icon-picker/icon-picker.module.ts","../../../projects/ngx-composite-lib/icon-picker/public-api.ts","../../../projects/ngx-composite-lib/icon-picker/pepperi-addons-ngx-composite-lib-icon-picker.ts"],"sourcesContent":["import { Component, EventEmitter, Input, OnInit, Output, ViewContainerRef } from '@angular/core';\nimport { PepAddonBlockLoaderService } from '@pepperi-addons/ngx-lib/remote-loader';\n\n\n@Component({\n selector: 'pep-icon-picker',\n templateUrl: './icon-picker.component.html',\n styleUrls: ['./icon-picker.component.scss']\n})\nexport class IconPickerComponent implements OnInit {\n\n @Input() disabled = false;\n @Input() header = '';\n @Input() preview_header = '';\n @Input() select_btn_header = '';\n @Input() dir: 'rtl' | 'ltr' = 'ltr';\n @Input() iconURL = '';\n @Input() useCheckBoxHeader = true;\n\n @Output()\n iconChange: EventEmitter<any> = new EventEmitter<any>();\n \n @Output()\n iconDisableChange: EventEmitter<any> = new EventEmitter<any>();\n\n constructor(\n private viewContainerRef: ViewContainerRef,\n private addonBlockLoaderService: PepAddonBlockLoaderService) { }\n\n ngOnInit() {\n // Do nothing.\n }\n\n \n\n openIconPickerDialog() {\n const dialogRef = this.addonBlockLoaderService.loadAddonBlockInDialog({\n container: this.viewContainerRef,\n name: 'AssetPicker',\n hostObject: {\n selectionType: 'single',\n allowedAssetsTypes: 'images',\n inDialog: true\n },\n size: 'full-screen',\n hostEventsCallback: async (event) => {\n if (event?.action === 'on-save') {\n this.iconChange.emit(event);\n dialogRef?.close();\n } else if (event.action === 'on-cancel') {\n dialogRef?.close();\n }\n }\n });\n }\n\n onUseIconChange(event: boolean){\n this.disabled = !this.disabled;\n this.iconDisableChange.emit(event);\n }\n}\n","<label *ngIf=\"!useCheckBoxHeader\" class=\"title-xl ellipsis\">{{header !== '' ? header : ('ICON_PICKER_BUTTON.MAIN_HEADER' | translate)}}</label>\n<pep-checkbox *ngIf=\"useCheckBoxHeader\" \n class=\"checkbox-as-title\" \n [value]=\"!disabled\" \n [label]=\"header !== '' ? header : ('ICON_PICKER_BUTTON.MAIN_HEADER' | translate)\" \n [renderTitle]=\"false\" \n (valueChange)=\"onUseIconChange($event)\">\n</pep-checkbox>\n<div class=\"main-cont\">\n <div class=\"selected-cont\">\n <pep-field-title [label]=\"preview_header !== '' ? preview_header : ('ICON_PICKER_BUTTON.SELECTED' | translate)\" \n [disabled]=\"disabled\" \n [xAlignment]=\"dir === 'rtl' ? 'right' : 'left'\">\n </pep-field-title>\n <!-- <pep-button\n iconName=\"system_bolt\"\n [disabled]=\"disabled\">\n \n </pep-button> -->\n <div class=\"pep-button md weak\">\n <img *ngIf=\"iconURL !== ''\" [src]=\"iconURL\"/>\n </div>\n </div>\n <div class=\"choose-btn-cont\">\n <pep-field-title [label]=\"select_btn_header !== '' ? select_btn_header : ('ICON_PICKER_BUTTON.CHOOSE_ICON_HEADER' | translate)\" \n [disabled]=\"disabled\" \n [xAlignment]=\"dir === 'rtl' ? 'right' : 'left'\">\n </pep-field-title>\n <pep-button\n [value]=\"'ICON_PICKER_BUTTON.CHOOSE_ICON' | translate\" \n styleType=\"regular\"\n [disabled]=\"disabled\" (buttonClick)=\"openIconPickerDialog()\">\n </pep-button>\n </div>\n</div>","import { Injectable } from \"@angular/core\";\nimport { PepHttpService } from '@pepperi-addons/ngx-lib';\n\n\n@Injectable({\n providedIn: 'root',\n})\nexport class FlowPickerService {\n \n constructor(\n private httpService: PepHttpService\n ) {\n }\n}","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\nimport { PepButtonModule } from '@pepperi-addons/ngx-lib/button';\nimport { PepFieldTitleModule } from '@pepperi-addons/ngx-lib/field-title';\nimport { PepRemoteLoaderModule } from '@pepperi-addons/ngx-lib/remote-loader';\nimport { PepCheckboxModule } from '@pepperi-addons/ngx-lib/checkbox';\nimport { IconPickerComponent } from './icon-picker.component';\nimport { FlowPickerService } from './icon-picker.service';\n\n@NgModule({\n declarations: [\n IconPickerComponent\n ],\n imports: [\n CommonModule,\n PepNgxLibModule,\n PepButtonModule,\n PepFieldTitleModule,\n PepCheckboxModule,\n PepRemoteLoaderModule\n ],\n providers: [FlowPickerService],\n exports: [IconPickerComponent],\n})\nexport class PepIconPickerModule { }\n","/*\n * Public API Surface of ngx-composite-lib/icon-picker\n */\nexport * from './icon-picker.module';\nexport * from './icon-picker.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"pepperi-addons-ngx-composite-lib-icon-picker.mjs","sources":["../../../projects/ngx-composite-lib/icon-picker/icon-picker.component.ts","../../../projects/ngx-composite-lib/icon-picker/icon-picker.component.html","../../../projects/ngx-composite-lib/icon-picker/icon-picker.service.ts","../../../projects/ngx-composite-lib/icon-picker/icon-picker.module.ts","../../../projects/ngx-composite-lib/icon-picker/public-api.ts","../../../projects/ngx-composite-lib/icon-picker/pepperi-addons-ngx-composite-lib-icon-picker.ts"],"sourcesContent":["import { Component, EventEmitter, Input, OnInit, Output, ViewContainerRef } from '@angular/core';\nimport { PepSizeType } from '@pepperi-addons/ngx-lib';\nimport { PepAddonBlockLoaderService } from '@pepperi-addons/ngx-lib/remote-loader';\n\n\n@Component({\n selector: 'pep-icon-picker',\n templateUrl: './icon-picker.component.html',\n styleUrls: ['./icon-picker.component.scss']\n})\nexport class IconPickerComponent implements OnInit {\n\n @Input() disabled = false;\n @Input() header = '';\n @Input() preview_header = '';\n @Input() select_btn_header = '';\n @Input() dir: 'rtl' | 'ltr' = 'ltr';\n @Input() iconURL = '';\n @Input() useCheckBoxHeader = true;\n @Input() titleSize: PepSizeType = 'xl';\n\n @Output()\n iconChange: EventEmitter<any> = new EventEmitter<any>();\n \n @Output()\n iconDisableChange: EventEmitter<any> = new EventEmitter<any>();\n\n constructor(\n private viewContainerRef: ViewContainerRef,\n private addonBlockLoaderService: PepAddonBlockLoaderService) { }\n\n ngOnInit() {\n // Do nothing.\n }\n\n \n\n openIconPickerDialog() {\n const dialogRef = this.addonBlockLoaderService.loadAddonBlockInDialog({\n container: this.viewContainerRef,\n name: 'AssetPicker',\n hostObject: {\n selectionType: 'single',\n allowedAssetsTypes: 'images',\n inDialog: true\n },\n size: 'full-screen',\n hostEventsCallback: async (event) => {\n if (event?.action === 'on-save') {\n this.iconChange.emit(event);\n dialogRef?.close();\n } else if (event.action === 'on-cancel') {\n dialogRef?.close();\n }\n }\n });\n }\n\n onUseIconChange(event: boolean){\n this.disabled = !this.disabled;\n this.iconDisableChange.emit(event);\n }\n}\n","<label *ngIf=\"!useCheckBoxHeader\" class=\"title-{{titleSize}} ellipsis\">{{header !== '' ? header : ('ICON_PICKER_BUTTON.MAIN_HEADER' | translate)}}</label>\n<pep-checkbox *ngIf=\"useCheckBoxHeader\" \n class=\"{{ titleSize === 'xl' ? 'checkbox-as-title' : 'checkbox-as-sub-title' }}\" \n [value]=\"!disabled\" \n [label]=\"header !== '' ? header : ('ICON_PICKER_BUTTON.MAIN_HEADER' | translate)\" \n [renderTitle]=\"false\" \n (valueChange)=\"onUseIconChange($event)\">\n</pep-checkbox>\n<div class=\"main-cont\">\n <div class=\"selected-cont\">\n <pep-field-title [label]=\"preview_header !== '' ? preview_header : ('ICON_PICKER_BUTTON.SELECTED' | translate)\" \n [disabled]=\"disabled\" \n [xAlignment]=\"dir === 'rtl' ? 'right' : 'left'\">\n </pep-field-title>\n <!-- <pep-button\n iconName=\"system_bolt\"\n [disabled]=\"disabled\">\n \n </pep-button> -->\n <div class=\"pep-button md weak\">\n <img *ngIf=\"iconURL !== ''\" [src]=\"iconURL\"/>\n </div>\n </div>\n <div class=\"choose-btn-cont\">\n <pep-field-title [label]=\"select_btn_header !== '' ? select_btn_header : ('ICON_PICKER_BUTTON.CHOOSE_ICON_HEADER' | translate)\" \n [disabled]=\"disabled\" \n [xAlignment]=\"dir === 'rtl' ? 'right' : 'left'\">\n </pep-field-title>\n <pep-button\n [value]=\"'ICON_PICKER_BUTTON.CHOOSE_ICON' | translate\" \n styleType=\"regular\"\n [disabled]=\"disabled\" (buttonClick)=\"openIconPickerDialog()\">\n </pep-button>\n </div>\n</div>","import { Injectable } from \"@angular/core\";\nimport { PepHttpService } from '@pepperi-addons/ngx-lib';\n\n\n@Injectable({\n providedIn: 'root',\n})\nexport class FlowPickerService {\n \n constructor(\n private httpService: PepHttpService\n ) {\n }\n}","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\nimport { PepButtonModule } from '@pepperi-addons/ngx-lib/button';\nimport { PepFieldTitleModule } from '@pepperi-addons/ngx-lib/field-title';\nimport { PepRemoteLoaderModule } from '@pepperi-addons/ngx-lib/remote-loader';\nimport { PepCheckboxModule } from '@pepperi-addons/ngx-lib/checkbox';\nimport { IconPickerComponent } from './icon-picker.component';\nimport { FlowPickerService } from './icon-picker.service';\n\n@NgModule({\n declarations: [\n IconPickerComponent\n ],\n imports: [\n CommonModule,\n PepNgxLibModule,\n PepButtonModule,\n PepFieldTitleModule,\n PepCheckboxModule,\n PepRemoteLoaderModule\n ],\n providers: [FlowPickerService],\n exports: [IconPickerComponent],\n})\nexport class PepIconPickerModule { }\n","/*\n * Public API Surface of ngx-composite-lib/icon-picker\n */\nexport * from './icon-picker.module';\nexport * from './icon-picker.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1"],"mappings":"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"}
|
|
@@ -71,10 +71,10 @@ class ShadowSettingsComponent {
|
|
|
71
71
|
}
|
|
72
72
|
}
|
|
73
73
|
ShadowSettingsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: ShadowSettingsComponent, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
|
|
74
|
-
ShadowSettingsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", 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
|
|
74
|
+
ShadowSettingsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: ShadowSettingsComponent, selector: "pep-shadow-settings", inputs: { shadow: "shadow" }, outputs: { shadowChange: "shadowChange" }, ngImport: i0, template: "<div>\n <pep-checkbox class=\"checkbox-as-title\" [label]=\"'SHADOW_SETTINGS.TITLE' | translate\" [renderTitle]=\"false\" [value]=\"shadow.use\" (valueChange)=\"onUseChanged($event)\"></pep-checkbox>\n <pep-field-title [label]=\"'SHADOW_SETTINGS.SIZE' | translate\" [disabled]=\"!shadow.use\"></pep-field-title>\n <pep-group-buttons class=\"shadow-size-group\" [buttons]=\"shadowSizes\" [selectedButtonKey]=\"shadow.size\" [stretch]=\"true\" buttonsClass=\"md regular\" [buttonsDisabled]=\"!shadow.use\" viewType=\"toggle\">\n </pep-group-buttons>\n</div>\n<div>\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>\n</div>", styles: [":host{width:100%;display:grid;gap:var(--pep-spacing-lg, 1rem)}\n"], dependencies: [{ kind: "component", type: i2.PepCheckboxComponent, selector: "pep-checkbox", inputs: ["key", "value", "label", "type", "mandatory", "disabled", "readonly", "xAlignment", "rowSpan", "additionalValue", "form", "isActive", "showTitle", "renderTitle", "layoutType", "visible"], outputs: ["valueChange"] }, { kind: "component", type: i3.PepFieldTitleComponent, selector: "pep-field-title", inputs: ["label", "mandatory", "disabled", "maxFieldCharacters", "hint", "xAlignment", "showTitle", "inputLength", "fontBodyType"] }, { kind: "component", type: i4.PepGroupButtonsComponent, selector: "pep-group-buttons", inputs: ["viewType", "styleType", "sizeType", "buttons", "buttonsDisabled", "supportUnselect", "selectedButtonKey", "stretch"], outputs: ["buttonClick"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
|
|
75
75
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: ShadowSettingsComponent, decorators: [{
|
|
76
76
|
type: Component,
|
|
77
|
-
args: [{ selector: 'pep-shadow-settings', 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
|
|
77
|
+
args: [{ selector: 'pep-shadow-settings', template: "<div>\n <pep-checkbox class=\"checkbox-as-title\" [label]=\"'SHADOW_SETTINGS.TITLE' | translate\" [renderTitle]=\"false\" [value]=\"shadow.use\" (valueChange)=\"onUseChanged($event)\"></pep-checkbox>\n <pep-field-title [label]=\"'SHADOW_SETTINGS.SIZE' | translate\" [disabled]=\"!shadow.use\"></pep-field-title>\n <pep-group-buttons class=\"shadow-size-group\" [buttons]=\"shadowSizes\" [selectedButtonKey]=\"shadow.size\" [stretch]=\"true\" buttonsClass=\"md regular\" [buttonsDisabled]=\"!shadow.use\" viewType=\"toggle\">\n </pep-group-buttons>\n</div>\n<div>\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>\n</div>", styles: [":host{width:100%;display:grid;gap:var(--pep-spacing-lg, 1rem)}\n"] }]
|
|
78
78
|
}], ctorParameters: function () { return [{ type: i1.TranslateService }]; }, propDecorators: { shadow: [{
|
|
79
79
|
type: Input
|
|
80
80
|
}], shadowChange: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pepperi-addons-ngx-composite-lib-shadow-settings.mjs","sources":["../../../projects/ngx-composite-lib/shadow-settings/shadow-settings.model.ts","../../../projects/ngx-composite-lib/shadow-settings/shadow-settings.component.ts","../../../projects/ngx-composite-lib/shadow-settings/shadow-settings.component.html","../../../projects/ngx-composite-lib/shadow-settings/shadow-settings.module.ts","../../../projects/ngx-composite-lib/shadow-settings/public-api.ts","../../../projects/ngx-composite-lib/shadow-settings/pepperi-addons-ngx-composite-lib-shadow-settings.ts"],"sourcesContent":["import { PepSizeType } from \"@pepperi-addons/ngx-lib\";\r\n\r\nexport type PepShadowIntensityType = 'soft' | 'regular' | 'hard';\r\nexport class PepShadowSettings {\r\n use: boolean;\r\n size: PepSizeType;\r\n intensity: PepShadowIntensityType;\r\n\r\n constructor(use = false, size: PepSizeType = 'md', intensity: PepShadowIntensityType = 'soft') {\r\n this.use = use;\r\n this.size = size;\r\n this.intensity = intensity;\r\n }\r\n}","import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\nimport { TranslateService } from '@ngx-translate/core';\nimport { PepSizeType } from '@pepperi-addons/ngx-lib';\nimport { IPepButtonClickEvent, PepButton } from '@pepperi-addons/ngx-lib/button';\nimport { PepShadowIntensityType, PepShadowSettings } from './shadow-settings.model';\n\n@Component({\n selector: 'pep-shadow-settings',\n templateUrl: './shadow-settings.component.html',\n styleUrls: ['./shadow-settings.component.scss']\n})\nexport class ShadowSettingsComponent implements OnInit {\n\n private _shadow: PepShadowSettings = new PepShadowSettings();\n @Input()\n set shadow(value: PepShadowSettings) {\n if (!value) {\n this._shadow = new PepShadowSettings();\n } else {\n this._shadow = value;\n }\n }\n get shadow(): PepShadowSettings {\n return this._shadow;\n }\n\n @Output()\n shadowChange: EventEmitter<PepShadowSettings> = new EventEmitter<PepShadowSettings>();\n \n shadowSizes: Array<PepButton> = [];\n shadowIntensities: Array<PepButton> = [];\n\n constructor(\n private translate: TranslateService,\n ) {\n }\n\n ngOnInit(): void { \n // Get the first translation for load all translations.\n this.translate.get('SHADOW_SETTINGS.INTENSITY_SOFT').toPromise().then((typeSoft) => {\n this.shadowSizes = [\n { key: 'sm', value: this.translate.instant('GENERAL.SM'), callback: () => this.onSizeChange('sm') },\n { key: 'md', value: this.translate.instant('GENERAL.MD'), callback: () => this.onSizeChange('md') },\n { key: 'lg', value: this.translate.instant('GENERAL.LG'), callback: () => this.onSizeChange('lg') },\n { key: 'xl', value: this.translate.instant('GENERAL.XL'), callback: () => this.onSizeChange('xl') }\n ];\n\n this.shadowIntensities = [\n { key: 'soft', value: typeSoft, callback: () => this.onIntensityChange('soft') },\n { key: 'regular', value: this.translate.instant('SHADOW_SETTINGS.INTENSITY_REGULAR'), callback: () => this.onIntensityChange('regular') },\n { key: 'hard', value: this.translate.instant('SHADOW_SETTINGS.INTENSITY_HARD'), callback: () => this.onIntensityChange('hard') }\n ];\n });\n }\n\n\n private raiseShadowChange() {\n this.shadowChange.emit(this.shadow);\n }\n\n onUseChanged(value: boolean) {\n this.shadow.use = value;\n this.raiseShadowChange();\n }\n\n onSizeChange(value: PepSizeType) {\n this.shadow.size = value;\n this.raiseShadowChange();\n }\n\n onIntensityChange(value: PepShadowIntensityType) {\n this.shadow.intensity = value;\n this.raiseShadowChange();\n }\n}\n","<pep-checkbox class=\"checkbox-as-title\" [label]=\"'SHADOW_SETTINGS.TITLE' | translate\" [renderTitle]=\"false\" [value]=\"shadow.use\" (valueChange)=\"onUseChanged($event)\"></pep-checkbox>\n<pep-field-title [label]=\"'SHADOW_SETTINGS.SIZE' | translate\" [disabled]=\"!shadow.use\"></pep-field-title>\n<pep-group-buttons class=\"shadow-size-group\" [buttons]=\"shadowSizes\" [selectedButtonKey]=\"shadow.size\" [stretch]=\"true\" buttonsClass=\"md regular\" [buttonsDisabled]=\"!shadow.use\" viewType=\"toggle\">\n</pep-group-buttons>\n<pep-field-title [label]=\"'SHADOW_SETTINGS.INTENSITY' | translate\" [disabled]=\"!shadow.use\"></pep-field-title>\n<pep-group-buttons class=\"shadow-intensity-group\" [buttons]=\"shadowIntensities\" [selectedButtonKey]=\"shadow.intensity\" [stretch]=\"true\" buttonsClass=\"md regular\" [buttonsDisabled]=\"!shadow.use\" viewType=\"toggle\">\n</pep-group-buttons>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ShadowSettingsComponent } from './shadow-settings.component';\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\nimport { PepCheckboxModule } from '@pepperi-addons/ngx-lib/checkbox';\nimport { PepFieldTitleModule } from '@pepperi-addons/ngx-lib/field-title';\nimport { PepGroupButtonsModule } from '@pepperi-addons/ngx-lib/group-buttons';\nimport { PepSliderModule } from '@pepperi-addons/ngx-lib/slider';\n\n@NgModule({\n declarations: [\n ShadowSettingsComponent\n ],\n imports: [\n CommonModule,\n PepNgxLibModule,\n PepCheckboxModule,\n PepFieldTitleModule,\n PepGroupButtonsModule,\n PepSliderModule\n ],\n exports: [ShadowSettingsComponent],\n})\nexport class PepShadowSettingsModule { }\n","/*\n * Public API Surface of ngx-composite-lib/shadow-settings\n */\nexport * from './shadow-settings.module';\nexport * from './shadow-settings.component';\nexport * from './shadow-settings.model';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"pepperi-addons-ngx-composite-lib-shadow-settings.mjs","sources":["../../../projects/ngx-composite-lib/shadow-settings/shadow-settings.model.ts","../../../projects/ngx-composite-lib/shadow-settings/shadow-settings.component.ts","../../../projects/ngx-composite-lib/shadow-settings/shadow-settings.component.html","../../../projects/ngx-composite-lib/shadow-settings/shadow-settings.module.ts","../../../projects/ngx-composite-lib/shadow-settings/public-api.ts","../../../projects/ngx-composite-lib/shadow-settings/pepperi-addons-ngx-composite-lib-shadow-settings.ts"],"sourcesContent":["import { PepSizeType } from \"@pepperi-addons/ngx-lib\";\r\n\r\nexport type PepShadowIntensityType = 'soft' | 'regular' | 'hard';\r\nexport class PepShadowSettings {\r\n use: boolean;\r\n size: PepSizeType;\r\n intensity: PepShadowIntensityType;\r\n\r\n constructor(use = false, size: PepSizeType = 'md', intensity: PepShadowIntensityType = 'soft') {\r\n this.use = use;\r\n this.size = size;\r\n this.intensity = intensity;\r\n }\r\n}","import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\nimport { TranslateService } from '@ngx-translate/core';\nimport { PepSizeType } from '@pepperi-addons/ngx-lib';\nimport { IPepButtonClickEvent, PepButton } from '@pepperi-addons/ngx-lib/button';\nimport { PepShadowIntensityType, PepShadowSettings } from './shadow-settings.model';\n\n@Component({\n selector: 'pep-shadow-settings',\n templateUrl: './shadow-settings.component.html',\n styleUrls: ['./shadow-settings.component.scss']\n})\nexport class ShadowSettingsComponent implements OnInit {\n\n private _shadow: PepShadowSettings = new PepShadowSettings();\n @Input()\n set shadow(value: PepShadowSettings) {\n if (!value) {\n this._shadow = new PepShadowSettings();\n } else {\n this._shadow = value;\n }\n }\n get shadow(): PepShadowSettings {\n return this._shadow;\n }\n\n @Output()\n shadowChange: EventEmitter<PepShadowSettings> = new EventEmitter<PepShadowSettings>();\n \n shadowSizes: Array<PepButton> = [];\n shadowIntensities: Array<PepButton> = [];\n\n constructor(\n private translate: TranslateService,\n ) {\n }\n\n ngOnInit(): void { \n // Get the first translation for load all translations.\n this.translate.get('SHADOW_SETTINGS.INTENSITY_SOFT').toPromise().then((typeSoft) => {\n this.shadowSizes = [\n { key: 'sm', value: this.translate.instant('GENERAL.SM'), callback: () => this.onSizeChange('sm') },\n { key: 'md', value: this.translate.instant('GENERAL.MD'), callback: () => this.onSizeChange('md') },\n { key: 'lg', value: this.translate.instant('GENERAL.LG'), callback: () => this.onSizeChange('lg') },\n { key: 'xl', value: this.translate.instant('GENERAL.XL'), callback: () => this.onSizeChange('xl') }\n ];\n\n this.shadowIntensities = [\n { key: 'soft', value: typeSoft, callback: () => this.onIntensityChange('soft') },\n { key: 'regular', value: this.translate.instant('SHADOW_SETTINGS.INTENSITY_REGULAR'), callback: () => this.onIntensityChange('regular') },\n { key: 'hard', value: this.translate.instant('SHADOW_SETTINGS.INTENSITY_HARD'), callback: () => this.onIntensityChange('hard') }\n ];\n });\n }\n\n\n private raiseShadowChange() {\n this.shadowChange.emit(this.shadow);\n }\n\n onUseChanged(value: boolean) {\n this.shadow.use = value;\n this.raiseShadowChange();\n }\n\n onSizeChange(value: PepSizeType) {\n this.shadow.size = value;\n this.raiseShadowChange();\n }\n\n onIntensityChange(value: PepShadowIntensityType) {\n this.shadow.intensity = value;\n this.raiseShadowChange();\n }\n}\n","<div>\n <pep-checkbox class=\"checkbox-as-title\" [label]=\"'SHADOW_SETTINGS.TITLE' | translate\" [renderTitle]=\"false\" [value]=\"shadow.use\" (valueChange)=\"onUseChanged($event)\"></pep-checkbox>\n <pep-field-title [label]=\"'SHADOW_SETTINGS.SIZE' | translate\" [disabled]=\"!shadow.use\"></pep-field-title>\n <pep-group-buttons class=\"shadow-size-group\" [buttons]=\"shadowSizes\" [selectedButtonKey]=\"shadow.size\" [stretch]=\"true\" buttonsClass=\"md regular\" [buttonsDisabled]=\"!shadow.use\" viewType=\"toggle\">\n </pep-group-buttons>\n</div>\n<div>\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>\n</div>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ShadowSettingsComponent } from './shadow-settings.component';\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\nimport { PepCheckboxModule } from '@pepperi-addons/ngx-lib/checkbox';\nimport { PepFieldTitleModule } from '@pepperi-addons/ngx-lib/field-title';\nimport { PepGroupButtonsModule } from '@pepperi-addons/ngx-lib/group-buttons';\nimport { PepSliderModule } from '@pepperi-addons/ngx-lib/slider';\n\n@NgModule({\n declarations: [\n ShadowSettingsComponent\n ],\n imports: [\n CommonModule,\n PepNgxLibModule,\n PepCheckboxModule,\n PepFieldTitleModule,\n PepGroupButtonsModule,\n PepSliderModule\n ],\n exports: [ShadowSettingsComponent],\n})\nexport class PepShadowSettingsModule { }\n","/*\n * Public API Surface of ngx-composite-lib/shadow-settings\n */\nexport * from './shadow-settings.module';\nexport * from './shadow-settings.component';\nexport * from './shadow-settings.model';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { EventEmitter, OnInit, ViewContainerRef } from '@angular/core';
|
|
2
|
+
import { PepSizeType } from '@pepperi-addons/ngx-lib';
|
|
2
3
|
import { PepAddonBlockLoaderService } from '@pepperi-addons/ngx-lib/remote-loader';
|
|
3
4
|
import * as i0 from "@angular/core";
|
|
4
5
|
export declare class IconPickerComponent implements OnInit {
|
|
@@ -11,6 +12,7 @@ export declare class IconPickerComponent implements OnInit {
|
|
|
11
12
|
dir: 'rtl' | 'ltr';
|
|
12
13
|
iconURL: string;
|
|
13
14
|
useCheckBoxHeader: boolean;
|
|
15
|
+
titleSize: PepSizeType;
|
|
14
16
|
iconChange: EventEmitter<any>;
|
|
15
17
|
iconDisableChange: EventEmitter<any>;
|
|
16
18
|
constructor(viewContainerRef: ViewContainerRef, addonBlockLoaderService: PepAddonBlockLoaderService);
|
|
@@ -18,5 +20,5 @@ export declare class IconPickerComponent implements OnInit {
|
|
|
18
20
|
openIconPickerDialog(): void;
|
|
19
21
|
onUseIconChange(event: boolean): void;
|
|
20
22
|
static ɵfac: i0.ɵɵFactoryDeclaration<IconPickerComponent, never>;
|
|
21
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<IconPickerComponent, "pep-icon-picker", never, { "disabled": "disabled"; "header": "header"; "preview_header": "preview_header"; "select_btn_header": "select_btn_header"; "dir": "dir"; "iconURL": "iconURL"; "useCheckBoxHeader": "useCheckBoxHeader"; }, { "iconChange": "iconChange"; "iconDisableChange": "iconDisableChange"; }, never, never, false>;
|
|
23
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<IconPickerComponent, "pep-icon-picker", never, { "disabled": "disabled"; "header": "header"; "preview_header": "preview_header"; "select_btn_header": "select_btn_header"; "dir": "dir"; "iconURL": "iconURL"; "useCheckBoxHeader": "useCheckBoxHeader"; "titleSize": "titleSize"; }, { "iconChange": "iconChange"; "iconDisableChange": "iconDisableChange"; }, never, never, false>;
|
|
22
24
|
}
|