@pepperi-addons/ngx-composite-lib 0.4.2-beta.100 → 0.4.2-beta.101

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.
Files changed (6) hide show
  1. package/esm2020/padding-settings/padding-settings.component.mjs +16 -4
  2. package/fesm2015/pepperi-addons-ngx-composite-lib-padding-settings.mjs +15 -3
  3. package/fesm2015/pepperi-addons-ngx-composite-lib-padding-settings.mjs.map +1 -1
  4. package/fesm2020/pepperi-addons-ngx-composite-lib-padding-settings.mjs +15 -3
  5. package/fesm2020/pepperi-addons-ngx-composite-lib-padding-settings.mjs.map +1 -1
  6. package/package.json +1 -1
package/esm2020/padding-settings/padding-settings.component.mjs CHANGED
@@ -14,6 +14,9 @@ export class PaddingSettingsComponent {
14
14
  this.bottomPaddingValue = '0';
15
15
  this._padding = new PepPaddingSettings();
16
16
  this.paddingChange = new EventEmitter();
17
+ if (!this.padding.isUniform) {
18
+ this.formatPaddingValue();
19
+ }
17
20
  }
18
21
  set padding(value) {
19
22
  if (!value) {
@@ -39,7 +42,16 @@ export class PaddingSettingsComponent {
39
42
  this.padding.paddingValue = this.padding.paddingValue.split(',')[0];
40
43
  }
41
44
  else {
42
- this.topPaddingValue = this.endPaddingValue = this.bottomPaddingValue = this.startPaddingValue = this.padding.paddingValue;
45
+ if (isNaN(Number(this.padding.paddingValue))) {
46
+ const num = this.padding.paddingValue.split(',') || ['0', '0', '0', '0'];
47
+ this.topPaddingValue = num[0];
48
+ this.endPaddingValue = num[1];
49
+ this.bottomPaddingValue = num[2];
50
+ this.startPaddingValue = num[3];
51
+ }
52
+ else {
53
+ this.topPaddingValue = this.endPaddingValue = this.bottomPaddingValue = this.startPaddingValue = this.padding.paddingValue;
54
+ }
43
55
  this.padding.paddingValue = `${this.topPaddingValue},${this.endPaddingValue},${this.bottomPaddingValue},${this.startPaddingValue}`;
44
56
  }
45
57
  }
@@ -68,13 +80,13 @@ export class PaddingSettingsComponent {
68
80
  }
69
81
  }
70
82
  PaddingSettingsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PaddingSettingsComponent, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
71
- PaddingSettingsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: PaddingSettingsComponent, selector: "pep-padding-settings", inputs: { padding: "padding" }, outputs: { paddingChange: "paddingChange" }, ngImport: i0, template: "<div>\n <label class=\"body-xl bold ellipsis title\">{{'PADDING_SETTINGS.TITLE' | translate}}</label>\n <pep-checkbox \n class=\"checkbox-as-sub-title\"\n [label]=\"'PADDING_SETTINGS.UNIFORM' | translate\" \n [renderTitle]=\"false\" \n [value]=\"padding?.isUniform || true\" \n (valueChange)=\"onUniformChanged($event)\">\n </pep-checkbox>\n <div class=\"paddingValueCont\">\n <pep-textbox *ngIf=\"padding?.isUniform\"\n type=\"real\"\n [label]=\"'PADDING_SETTINGS.DESCRIPTION' | translate\" \n [value]=\"padding?.paddingValue || '0'\" \n (valueChange)=\"onPaddingChanged($event, 'uniform')\">\n </pep-textbox>\n <pep-textbox *ngIf=\"!padding?.isUniform\" \n type=\"real\"\n [renderSymbol]=\"false\"\n [label]=\"'PADDING_SETTINGS.TOP' | translate\" \n [value]=\"topPaddingValue || '0'\" \n (valueChange)=\"onPaddingChanged($event, 'top')\">\n </pep-textbox>\n <pep-textbox *ngIf=\"!padding?.isUniform\"\n type=\"real\"\n [renderSymbol]=\"false\"\n [label]=\"'PADDING_SETTINGS.END' | translate\" \n [value]=\"endPaddingValue || '0'\" \n (valueChange)=\"onPaddingChanged($event, 'end')\">\n </pep-textbox>\n <pep-textbox *ngIf=\"!padding?.isUniform\"\n type=\"real\"\n [renderSymbol]=\"false\"\n [label]=\"'PADDING_SETTINGS.BOTTOM' | translate\" \n [value]=\"bottomPaddingValue || '0'\" \n (valueChange)=\"onPaddingChanged($event, 'bottom')\">\n </pep-textbox>\n <pep-textbox *ngIf=\"!padding?.isUniform\"\n type=\"real\"\n [renderSymbol]=\"false\"\n [label]=\"'PADDING_SETTINGS.START' | translate\" \n [value]=\"startPaddingValue || '0'\"\n (valueChange)=\"onPaddingChanged($event, 'start')\">\n </pep-textbox>\n </div>\n</div>", styles: [":host{width:100%;display:grid;gap:var(--pep-spacing-lg, 1rem)}:host label{margin-bottom:0}pep-checkbox ::ng-deep .mat-checkbox-inner-container{width:1.25rem;height:1.25rem}.paddingValueCont{display:grid;column-gap:var(--pep-spacing-sm, .5rem);grid-auto-flow:column}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.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: i4.PepTextboxComponent, selector: "pep-textbox", inputs: ["key", "value", "minFractionDigits", "maxFractionDigits", "accessory", "label", "placeholder", "type", "mandatory", "disabled", "readonly", "maxFieldCharacters", "hint", "textColor", "xAlignment", "rowSpan", "minValue", "maxValue", "visible", "form", "isActive", "showTitle", "renderTitle", "renderError", "renderSymbol", "layoutType", "parentFieldKey", "regex", "regexError", "isInFocus"], outputs: ["valueChange", "keyup"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
83
+ PaddingSettingsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: PaddingSettingsComponent, selector: "pep-padding-settings", inputs: { padding: "padding" }, outputs: { paddingChange: "paddingChange" }, ngImport: i0, template: "<div>\n <label class=\"body-xl bold ellipsis title\">{{'PADDING_SETTINGS.TITLE' | translate}}</label>\n <pep-checkbox \n class=\"checkbox-as-sub-title\"\n [label]=\"'PADDING_SETTINGS.UNIFORM' | translate\" \n [renderTitle]=\"false\" \n [value]=\"padding?.isUniform || false\" \n (valueChange)=\"onUniformChanged($event)\">\n </pep-checkbox>\n <div class=\"paddingValueCont\">\n <pep-textbox *ngIf=\"padding?.isUniform\"\n type=\"real\"\n [label]=\"'PADDING_SETTINGS.DESCRIPTION' | translate\" \n [value]=\"padding?.paddingValue || '0'\" \n (valueChange)=\"onPaddingChanged($event, 'uniform')\">\n </pep-textbox>\n <pep-textbox *ngIf=\"!padding?.isUniform\" \n type=\"real\"\n [renderSymbol]=\"false\"\n [label]=\"'PADDING_SETTINGS.TOP' | translate\" \n [value]=\"topPaddingValue || '0'\" \n (valueChange)=\"onPaddingChanged($event, 'top')\">\n </pep-textbox>\n <pep-textbox *ngIf=\"!padding?.isUniform\"\n type=\"real\"\n [renderSymbol]=\"false\"\n [label]=\"'PADDING_SETTINGS.END' | translate\" \n [value]=\"endPaddingValue || '0'\" \n (valueChange)=\"onPaddingChanged($event, 'end')\">\n </pep-textbox>\n <pep-textbox *ngIf=\"!padding?.isUniform\"\n type=\"real\"\n [renderSymbol]=\"false\"\n [label]=\"'PADDING_SETTINGS.BOTTOM' | translate\" \n [value]=\"bottomPaddingValue || '0'\" \n (valueChange)=\"onPaddingChanged($event, 'bottom')\">\n </pep-textbox>\n <pep-textbox *ngIf=\"!padding?.isUniform\"\n type=\"real\"\n [renderSymbol]=\"false\"\n [label]=\"'PADDING_SETTINGS.START' | translate\" \n [value]=\"startPaddingValue || '0'\"\n (valueChange)=\"onPaddingChanged($event, 'start')\">\n </pep-textbox>\n </div>\n</div>", styles: [":host{width:100%;display:grid;gap:var(--pep-spacing-lg, 1rem)}:host label{margin-bottom:0}pep-checkbox ::ng-deep .mat-checkbox-inner-container{width:1.25rem;height:1.25rem}.paddingValueCont{display:grid;column-gap:var(--pep-spacing-sm, .5rem);grid-auto-flow:column}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.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: i4.PepTextboxComponent, selector: "pep-textbox", inputs: ["key", "value", "minFractionDigits", "maxFractionDigits", "accessory", "label", "placeholder", "type", "mandatory", "disabled", "readonly", "maxFieldCharacters", "hint", "textColor", "xAlignment", "rowSpan", "minValue", "maxValue", "visible", "form", "isActive", "showTitle", "renderTitle", "renderError", "renderSymbol", "layoutType", "parentFieldKey", "regex", "regexError", "isInFocus"], outputs: ["valueChange", "keyup"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
72
84
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PaddingSettingsComponent, decorators: [{
73
85
  type: Component,
74
- args: [{ selector: 'pep-padding-settings', template: "<div>\n <label class=\"body-xl bold ellipsis title\">{{'PADDING_SETTINGS.TITLE' | translate}}</label>\n <pep-checkbox \n class=\"checkbox-as-sub-title\"\n [label]=\"'PADDING_SETTINGS.UNIFORM' | translate\" \n [renderTitle]=\"false\" \n [value]=\"padding?.isUniform || true\" \n (valueChange)=\"onUniformChanged($event)\">\n </pep-checkbox>\n <div class=\"paddingValueCont\">\n <pep-textbox *ngIf=\"padding?.isUniform\"\n type=\"real\"\n [label]=\"'PADDING_SETTINGS.DESCRIPTION' | translate\" \n [value]=\"padding?.paddingValue || '0'\" \n (valueChange)=\"onPaddingChanged($event, 'uniform')\">\n </pep-textbox>\n <pep-textbox *ngIf=\"!padding?.isUniform\" \n type=\"real\"\n [renderSymbol]=\"false\"\n [label]=\"'PADDING_SETTINGS.TOP' | translate\" \n [value]=\"topPaddingValue || '0'\" \n (valueChange)=\"onPaddingChanged($event, 'top')\">\n </pep-textbox>\n <pep-textbox *ngIf=\"!padding?.isUniform\"\n type=\"real\"\n [renderSymbol]=\"false\"\n [label]=\"'PADDING_SETTINGS.END' | translate\" \n [value]=\"endPaddingValue || '0'\" \n (valueChange)=\"onPaddingChanged($event, 'end')\">\n </pep-textbox>\n <pep-textbox *ngIf=\"!padding?.isUniform\"\n type=\"real\"\n [renderSymbol]=\"false\"\n [label]=\"'PADDING_SETTINGS.BOTTOM' | translate\" \n [value]=\"bottomPaddingValue || '0'\" \n (valueChange)=\"onPaddingChanged($event, 'bottom')\">\n </pep-textbox>\n <pep-textbox *ngIf=\"!padding?.isUniform\"\n type=\"real\"\n [renderSymbol]=\"false\"\n [label]=\"'PADDING_SETTINGS.START' | translate\" \n [value]=\"startPaddingValue || '0'\"\n (valueChange)=\"onPaddingChanged($event, 'start')\">\n </pep-textbox>\n </div>\n</div>", styles: [":host{width:100%;display:grid;gap:var(--pep-spacing-lg, 1rem)}:host label{margin-bottom:0}pep-checkbox ::ng-deep .mat-checkbox-inner-container{width:1.25rem;height:1.25rem}.paddingValueCont{display:grid;column-gap:var(--pep-spacing-sm, .5rem);grid-auto-flow:column}\n"] }]
86
+ args: [{ selector: 'pep-padding-settings', template: "<div>\n <label class=\"body-xl bold ellipsis title\">{{'PADDING_SETTINGS.TITLE' | translate}}</label>\n <pep-checkbox \n class=\"checkbox-as-sub-title\"\n [label]=\"'PADDING_SETTINGS.UNIFORM' | translate\" \n [renderTitle]=\"false\" \n [value]=\"padding?.isUniform || false\" \n (valueChange)=\"onUniformChanged($event)\">\n </pep-checkbox>\n <div class=\"paddingValueCont\">\n <pep-textbox *ngIf=\"padding?.isUniform\"\n type=\"real\"\n [label]=\"'PADDING_SETTINGS.DESCRIPTION' | translate\" \n [value]=\"padding?.paddingValue || '0'\" \n (valueChange)=\"onPaddingChanged($event, 'uniform')\">\n </pep-textbox>\n <pep-textbox *ngIf=\"!padding?.isUniform\" \n type=\"real\"\n [renderSymbol]=\"false\"\n [label]=\"'PADDING_SETTINGS.TOP' | translate\" \n [value]=\"topPaddingValue || '0'\" \n (valueChange)=\"onPaddingChanged($event, 'top')\">\n </pep-textbox>\n <pep-textbox *ngIf=\"!padding?.isUniform\"\n type=\"real\"\n [renderSymbol]=\"false\"\n [label]=\"'PADDING_SETTINGS.END' | translate\" \n [value]=\"endPaddingValue || '0'\" \n (valueChange)=\"onPaddingChanged($event, 'end')\">\n </pep-textbox>\n <pep-textbox *ngIf=\"!padding?.isUniform\"\n type=\"real\"\n [renderSymbol]=\"false\"\n [label]=\"'PADDING_SETTINGS.BOTTOM' | translate\" \n [value]=\"bottomPaddingValue || '0'\" \n (valueChange)=\"onPaddingChanged($event, 'bottom')\">\n </pep-textbox>\n <pep-textbox *ngIf=\"!padding?.isUniform\"\n type=\"real\"\n [renderSymbol]=\"false\"\n [label]=\"'PADDING_SETTINGS.START' | translate\" \n [value]=\"startPaddingValue || '0'\"\n (valueChange)=\"onPaddingChanged($event, 'start')\">\n </pep-textbox>\n </div>\n</div>", styles: [":host{width:100%;display:grid;gap:var(--pep-spacing-lg, 1rem)}:host label{margin-bottom:0}pep-checkbox ::ng-deep .mat-checkbox-inner-container{width:1.25rem;height:1.25rem}.paddingValueCont{display:grid;column-gap:var(--pep-spacing-sm, .5rem);grid-auto-flow:column}\n"] }]
75
87
  }], ctorParameters: function () { return [{ type: i1.TranslateService }]; }, propDecorators: { padding: [{
76
88
  type: Input
77
89
  }], paddingChange: [{
78
90
  type: Output
79
91
  }] } });
80
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFkZGluZy1zZXR0aW5ncy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtY29tcG9zaXRlLWxpYi9wYWRkaW5nLXNldHRpbmdzL3BhZGRpbmctc2V0dGluZ3MuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWNvbXBvc2l0ZS1saWIvcGFkZGluZy1zZXR0aW5ncy9wYWRkaW5nLXNldHRpbmdzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFdkUsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sMEJBQTBCLENBQUM7Ozs7OztBQVE5RCxNQUFNLE9BQU8sd0JBQXdCO0lBdUJqQyxZQUNZLFNBQTJCO1FBQTNCLGNBQVMsR0FBVCxTQUFTLENBQWtCO1FBdEJoQyxzQkFBaUIsR0FBRyxHQUFHLENBQUM7UUFDeEIsb0JBQWUsR0FBRyxHQUFHLENBQUM7UUFDdEIsb0JBQWUsR0FBRyxHQUFHLENBQUM7UUFDdEIsdUJBQWtCLEdBQUcsR0FBRyxDQUFDO1FBRXhCLGFBQVEsR0FBdUIsSUFBSSxrQkFBa0IsRUFBRSxDQUFDO1FBY2hFLGtCQUFhLEdBQXFDLElBQUksWUFBWSxFQUFzQixDQUFDO0lBS3pGLENBQUM7SUFsQkQsSUFDSSxPQUFPLENBQUMsS0FBeUI7UUFDakMsSUFBSSxDQUFDLEtBQUssRUFBRTtZQUNSLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxrQkFBa0IsRUFBRSxDQUFDO1NBQzVDO2FBQU07WUFDSCxJQUFJLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQztTQUN6QjtJQUNMLENBQUM7SUFDRCxJQUFJLE9BQU87UUFDUCxPQUFPLElBQUksQ0FBQyxRQUFRLENBQUM7SUFDekIsQ0FBQztJQVVPLGtCQUFrQjtRQUN0QixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDMUMsQ0FBQztJQUVELGdCQUFnQixDQUFDLEtBQWM7UUFDM0IsSUFBSSxDQUFDLE9BQU8sQ0FBQyxTQUFTLEdBQUcsS0FBSyxDQUFDO1FBQy9CLElBQUksQ0FBQyxrQkFBa0IsRUFBRSxDQUFDO1FBQzFCLElBQUksQ0FBQyxrQkFBa0IsRUFBRSxDQUFDO0lBQzlCLENBQUM7SUFFRCxrQkFBa0I7UUFDZCxJQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsU0FBUyxFQUFDO1lBQ3RCLElBQUksQ0FBQyxPQUFPLENBQUMsWUFBWSxHQUFFLElBQUksQ0FBQyxPQUFPLENBQUMsWUFBWSxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztTQUNyRTthQUNHO1lBQ0QsSUFBSSxDQUFDLGVBQWUsR0FBRyxJQUFJLENBQUMsZUFBZSxHQUFHLElBQUksQ0FBQyxrQkFBa0IsR0FBRyxJQUFJLENBQUMsaUJBQWlCLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxZQUFZLENBQUM7WUFDM0gsSUFBSSxDQUFDLE9BQU8sQ0FBQyxZQUFZLEdBQUcsR0FBRyxJQUFJLENBQUMsZUFBZSxJQUFJLElBQUksQ0FBQyxlQUFlLElBQUksSUFBSSxDQUFDLGtCQUFrQixJQUFJLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO1NBQ3JJO0lBQ04sQ0FBQztJQUVELGdCQUFnQixDQUFDLEtBQVUsRUFBRSxVQUFrQjtRQUMzQyxJQUFHLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxTQUFTLEVBQUM7WUFDdkIsUUFBTyxVQUFVLEVBQUM7Z0JBQ2QsS0FBSyxLQUFLO29CQUNOLElBQUksQ0FBQyxlQUFlLEdBQUcsS0FBSyxDQUFDO29CQUM3QixNQUFNO2dCQUNWLEtBQUssS0FBSztvQkFDTixJQUFJLENBQUMsZUFBZSxHQUFHLEtBQUssQ0FBQztvQkFDN0IsTUFBTTtnQkFDVixLQUFLLFFBQVE7b0JBQ1QsSUFBSSxDQUFDLGtCQUFrQixHQUFHLEtBQUssQ0FBQztvQkFDaEMsTUFBTTtnQkFDVixLQUFLLE9BQU87b0JBQ1IsSUFBSSxDQUFDLGlCQUFpQixHQUFHLEtBQUssQ0FBQztvQkFDL0IsTUFBTTthQUNiO1lBQ0YsSUFBSSxDQUFDLE9BQU8sQ0FBQyxZQUFZLEdBQUcsR0FBRyxJQUFJLENBQUMsZUFBZSxJQUFJLElBQUksQ0FBQyxlQUFlLElBQUksSUFBSSxDQUFDLGtCQUFrQixJQUFJLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO1NBQ3JJO2FBQ0c7WUFDQSxJQUFJLENBQUMsT0FBTyxDQUFDLFlBQVksR0FBRyxHQUFHLEtBQUssRUFBRSxDQUFDO1NBQzFDO1FBQ0QsSUFBSSxDQUFDLGtCQUFrQixFQUFFLENBQUM7SUFDOUIsQ0FBQzs7cUhBdEVRLHdCQUF3Qjt5R0FBeEIsd0JBQXdCLHlJQ1ZyQyw0OURBNkNNOzJGRG5DTyx3QkFBd0I7a0JBTnBDLFNBQVM7K0JBQ0ksc0JBQXNCO3VHQWM1QixPQUFPO3NCQURWLEtBQUs7Z0JBYU4sYUFBYTtzQkFEWixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFRyYW5zbGF0ZVNlcnZpY2UgfSBmcm9tICdAbmd4LXRyYW5zbGF0ZS9jb3JlJztcbmltcG9ydCB7IFBlcFBhZGRpbmdTZXR0aW5ncyB9IGZyb20gJy4vcGFkZGluZy1zZXR0aW5ncy5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAncGVwLXBhZGRpbmctc2V0dGluZ3MnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9wYWRkaW5nLXNldHRpbmdzLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9wYWRkaW5nLXNldHRpbmdzLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5cbmV4cG9ydCBjbGFzcyBQYWRkaW5nU2V0dGluZ3NDb21wb25lbnQgIHtcblxuICAgIHB1YmxpYyBzdGFydFBhZGRpbmdWYWx1ZSA9ICcwJztcbiAgICBwdWJsaWMgZW5kUGFkZGluZ1ZhbHVlID0gJzAnO1xuICAgIHB1YmxpYyB0b3BQYWRkaW5nVmFsdWUgPSAnMCc7XG4gICAgcHVibGljIGJvdHRvbVBhZGRpbmdWYWx1ZSA9ICcwJztcblxuICAgIHByaXZhdGUgX3BhZGRpbmc6IFBlcFBhZGRpbmdTZXR0aW5ncyA9IG5ldyBQZXBQYWRkaW5nU2V0dGluZ3MoKTtcbiAgICBASW5wdXQoKVxuICAgIHNldCBwYWRkaW5nKHZhbHVlOiBQZXBQYWRkaW5nU2V0dGluZ3MpIHtcbiAgICAgICAgaWYgKCF2YWx1ZSkge1xuICAgICAgICAgICAgdGhpcy5fcGFkZGluZyA9IG5ldyBQZXBQYWRkaW5nU2V0dGluZ3MoKTtcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIHRoaXMuX3BhZGRpbmcgPSB2YWx1ZTtcbiAgICAgICAgfVxuICAgIH1cbiAgICBnZXQgcGFkZGluZygpOiBQZXBQYWRkaW5nU2V0dGluZ3Mge1xuICAgICAgICByZXR1cm4gdGhpcy5fcGFkZGluZztcbiAgICB9XG5cbiAgICBAT3V0cHV0KClcbiAgICBwYWRkaW5nQ2hhbmdlOiBFdmVudEVtaXR0ZXI8UGVwUGFkZGluZ1NldHRpbmdzPiA9IG5ldyBFdmVudEVtaXR0ZXI8UGVwUGFkZGluZ1NldHRpbmdzPigpO1xuXG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIHByaXZhdGUgdHJhbnNsYXRlOiBUcmFuc2xhdGVTZXJ2aWNlLFxuICAgICkge1xuICAgIH1cblxuICAgIHByaXZhdGUgcmFpc2VQYWRkaW5nQ2hhbmdlKCkge1xuICAgICAgICB0aGlzLnBhZGRpbmdDaGFuZ2UuZW1pdCh0aGlzLnBhZGRpbmcpO1xuICAgIH1cblxuICAgIG9uVW5pZm9ybUNoYW5nZWQodmFsdWU6IGJvb2xlYW4pIHtcbiAgICAgICAgdGhpcy5wYWRkaW5nLmlzVW5pZm9ybSA9IHZhbHVlO1xuICAgICAgICB0aGlzLmZvcm1hdFBhZGRpbmdWYWx1ZSgpO1xuICAgICAgICB0aGlzLnJhaXNlUGFkZGluZ0NoYW5nZSgpO1xuICAgIH1cblxuICAgIGZvcm1hdFBhZGRpbmdWYWx1ZSgpIHtcbiAgICAgICAgaWYodGhpcy5wYWRkaW5nLmlzVW5pZm9ybSl7IFxuICAgICAgICAgICAgdGhpcy5wYWRkaW5nLnBhZGRpbmdWYWx1ZSA9dGhpcy5wYWRkaW5nLnBhZGRpbmdWYWx1ZS5zcGxpdCgnLCcpWzBdO1xuICAgICAgICAgfSBcbiAgICAgICAgIGVsc2V7XG4gICAgICAgICAgICB0aGlzLnRvcFBhZGRpbmdWYWx1ZSA9IHRoaXMuZW5kUGFkZGluZ1ZhbHVlID0gdGhpcy5ib3R0b21QYWRkaW5nVmFsdWUgPSB0aGlzLnN0YXJ0UGFkZGluZ1ZhbHVlID0gdGhpcy5wYWRkaW5nLnBhZGRpbmdWYWx1ZTtcbiAgICAgICAgICAgIHRoaXMucGFkZGluZy5wYWRkaW5nVmFsdWUgPSBgJHt0aGlzLnRvcFBhZGRpbmdWYWx1ZX0sJHt0aGlzLmVuZFBhZGRpbmdWYWx1ZX0sJHt0aGlzLmJvdHRvbVBhZGRpbmdWYWx1ZX0sJHt0aGlzLnN0YXJ0UGFkZGluZ1ZhbHVlfWA7XG4gICAgICAgICB9IFxuICAgIH1cblxuICAgIG9uUGFkZGluZ0NoYW5nZWQodmFsdWU6IGFueSwgdW5pZm9ybVBvczogc3RyaW5nKSB7XG4gICAgICAgIGlmKCF0aGlzLnBhZGRpbmcuaXNVbmlmb3JtKXtcbiAgICAgICAgICAgIHN3aXRjaCh1bmlmb3JtUG9zKXtcbiAgICAgICAgICAgICAgICBjYXNlICd0b3AnOlxuICAgICAgICAgICAgICAgICAgICB0aGlzLnRvcFBhZGRpbmdWYWx1ZSA9IHZhbHVlO1xuICAgICAgICAgICAgICAgICAgICBicmVhaztcbiAgICAgICAgICAgICAgICBjYXNlICdlbmQnOlxuICAgICAgICAgICAgICAgICAgICB0aGlzLmVuZFBhZGRpbmdWYWx1ZSA9IHZhbHVlO1xuICAgICAgICAgICAgICAgICAgICBicmVhaztcbiAgICAgICAgICAgICAgICBjYXNlICdib3R0b20nOlxuICAgICAgICAgICAgICAgICAgICB0aGlzLmJvdHRvbVBhZGRpbmdWYWx1ZSA9IHZhbHVlO1xuICAgICAgICAgICAgICAgICAgICBicmVhaztcbiAgICAgICAgICAgICAgICBjYXNlICdzdGFydCc6XG4gICAgICAgICAgICAgICAgICAgIHRoaXMuc3RhcnRQYWRkaW5nVmFsdWUgPSB2YWx1ZTtcbiAgICAgICAgICAgICAgICAgICAgYnJlYWs7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgIHRoaXMucGFkZGluZy5wYWRkaW5nVmFsdWUgPSBgJHt0aGlzLnRvcFBhZGRpbmdWYWx1ZX0sJHt0aGlzLmVuZFBhZGRpbmdWYWx1ZX0sJHt0aGlzLmJvdHRvbVBhZGRpbmdWYWx1ZX0sJHt0aGlzLnN0YXJ0UGFkZGluZ1ZhbHVlfWA7XG4gICAgICAgIH1cbiAgICAgICAgZWxzZXtcbiAgICAgICAgICAgIHRoaXMucGFkZGluZy5wYWRkaW5nVmFsdWUgPSBgJHt2YWx1ZX1gO1xuICAgICAgICB9XG4gICAgICAgIHRoaXMucmFpc2VQYWRkaW5nQ2hhbmdlKCk7XG4gICAgfVxufVxuIiwiPGRpdj5cbiAgICA8bGFiZWwgY2xhc3M9XCJib2R5LXhsIGJvbGQgZWxsaXBzaXMgdGl0bGVcIj57eydQQURESU5HX1NFVFRJTkdTLlRJVExFJyB8IHRyYW5zbGF0ZX19PC9sYWJlbD5cbiAgICA8cGVwLWNoZWNrYm94IFxuICAgICAgICBjbGFzcz1cImNoZWNrYm94LWFzLXN1Yi10aXRsZVwiXG4gICAgICAgIFtsYWJlbF09XCInUEFERElOR19TRVRUSU5HUy5VTklGT1JNJyB8IHRyYW5zbGF0ZVwiIFxuICAgICAgICBbcmVuZGVyVGl0bGVdPVwiZmFsc2VcIiBcbiAgICAgICAgW3ZhbHVlXT1cInBhZGRpbmc/LmlzVW5pZm9ybSB8fCB0cnVlXCIgXG4gICAgICAgICh2YWx1ZUNoYW5nZSk9XCJvblVuaWZvcm1DaGFuZ2VkKCRldmVudClcIj5cbiAgICA8L3BlcC1jaGVja2JveD5cbiAgICA8ZGl2IGNsYXNzPVwicGFkZGluZ1ZhbHVlQ29udFwiPlxuICAgICAgICA8cGVwLXRleHRib3ggKm5nSWY9XCJwYWRkaW5nPy5pc1VuaWZvcm1cIlxuICAgICAgICAgICAgdHlwZT1cInJlYWxcIlxuICAgICAgICAgICAgW2xhYmVsXT1cIidQQURESU5HX1NFVFRJTkdTLkRFU0NSSVBUSU9OJyB8IHRyYW5zbGF0ZVwiIFxuICAgICAgICAgICAgW3ZhbHVlXT1cInBhZGRpbmc/LnBhZGRpbmdWYWx1ZSB8fCAnMCdcIiBcbiAgICAgICAgICAgICh2YWx1ZUNoYW5nZSk9XCJvblBhZGRpbmdDaGFuZ2VkKCRldmVudCwgJ3VuaWZvcm0nKVwiPlxuICAgICAgICA8L3BlcC10ZXh0Ym94PlxuICAgICAgICA8cGVwLXRleHRib3ggKm5nSWY9XCIhcGFkZGluZz8uaXNVbmlmb3JtXCIgXG4gICAgICAgICAgICB0eXBlPVwicmVhbFwiXG4gICAgICAgICAgICBbcmVuZGVyU3ltYm9sXT1cImZhbHNlXCJcbiAgICAgICAgICAgIFtsYWJlbF09XCInUEFERElOR19TRVRUSU5HUy5UT1AnIHwgdHJhbnNsYXRlXCIgXG4gICAgICAgICAgICBbdmFsdWVdPVwidG9wUGFkZGluZ1ZhbHVlIHx8ICcwJ1wiIFxuICAgICAgICAgICAgKHZhbHVlQ2hhbmdlKT1cIm9uUGFkZGluZ0NoYW5nZWQoJGV2ZW50LCAndG9wJylcIj5cbiAgICAgICAgPC9wZXAtdGV4dGJveD5cbiAgICAgICAgPHBlcC10ZXh0Ym94ICpuZ0lmPVwiIXBhZGRpbmc/LmlzVW5pZm9ybVwiXG4gICAgICAgICAgICB0eXBlPVwicmVhbFwiXG4gICAgICAgICAgICBbcmVuZGVyU3ltYm9sXT1cImZhbHNlXCJcbiAgICAgICAgICAgIFtsYWJlbF09XCInUEFERElOR19TRVRUSU5HUy5FTkQnIHwgdHJhbnNsYXRlXCIgXG4gICAgICAgICAgICBbdmFsdWVdPVwiZW5kUGFkZGluZ1ZhbHVlIHx8ICcwJ1wiIFxuICAgICAgICAgICAgKHZhbHVlQ2hhbmdlKT1cIm9uUGFkZGluZ0NoYW5nZWQoJGV2ZW50LCAnZW5kJylcIj5cbiAgICAgICAgPC9wZXAtdGV4dGJveD5cbiAgICAgICAgPHBlcC10ZXh0Ym94ICpuZ0lmPVwiIXBhZGRpbmc/LmlzVW5pZm9ybVwiXG4gICAgICAgICAgICB0eXBlPVwicmVhbFwiXG4gICAgICAgICAgICBbcmVuZGVyU3ltYm9sXT1cImZhbHNlXCJcbiAgICAgICAgICAgIFtsYWJlbF09XCInUEFERElOR19TRVRUSU5HUy5CT1RUT00nIHwgdHJhbnNsYXRlXCIgXG4gICAgICAgICAgICBbdmFsdWVdPVwiYm90dG9tUGFkZGluZ1ZhbHVlIHx8ICcwJ1wiIFxuICAgICAgICAgICAgKHZhbHVlQ2hhbmdlKT1cIm9uUGFkZGluZ0NoYW5nZWQoJGV2ZW50LCAnYm90dG9tJylcIj5cbiAgICAgICAgPC9wZXAtdGV4dGJveD5cbiAgICAgICAgPHBlcC10ZXh0Ym94ICpuZ0lmPVwiIXBhZGRpbmc/LmlzVW5pZm9ybVwiXG4gICAgICAgICAgICB0eXBlPVwicmVhbFwiXG4gICAgICAgICAgICBbcmVuZGVyU3ltYm9sXT1cImZhbHNlXCJcbiAgICAgICAgICAgIFtsYWJlbF09XCInUEFERElOR19TRVRUSU5HUy5TVEFSVCcgfCB0cmFuc2xhdGVcIiBcbiAgICAgICAgICAgIFt2YWx1ZV09XCJzdGFydFBhZGRpbmdWYWx1ZSB8fCAnMCdcIlxuICAgICAgICAgICAgKHZhbHVlQ2hhbmdlKT1cIm9uUGFkZGluZ0NoYW5nZWQoJGV2ZW50LCAnc3RhcnQnKVwiPlxuICAgICAgICA8L3BlcC10ZXh0Ym94PlxuICAgIDwvZGl2PlxuPC9kaXY+Il19
92
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFkZGluZy1zZXR0aW5ncy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtY29tcG9zaXRlLWxpYi9wYWRkaW5nLXNldHRpbmdzL3BhZGRpbmctc2V0dGluZ3MuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWNvbXBvc2l0ZS1saWIvcGFkZGluZy1zZXR0aW5ncy9wYWRkaW5nLXNldHRpbmdzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFdkUsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sMEJBQTBCLENBQUM7Ozs7OztBQVE5RCxNQUFNLE9BQU8sd0JBQXdCO0lBdUJqQyxZQUNZLFNBQTJCO1FBQTNCLGNBQVMsR0FBVCxTQUFTLENBQWtCO1FBdEJoQyxzQkFBaUIsR0FBRyxHQUFHLENBQUM7UUFDeEIsb0JBQWUsR0FBRyxHQUFHLENBQUM7UUFDdEIsb0JBQWUsR0FBRyxHQUFHLENBQUM7UUFDdEIsdUJBQWtCLEdBQUcsR0FBRyxDQUFDO1FBRXhCLGFBQVEsR0FBdUIsSUFBSSxrQkFBa0IsRUFBRSxDQUFDO1FBY2hFLGtCQUFhLEdBQXFDLElBQUksWUFBWSxFQUFzQixDQUFDO1FBS3JGLElBQUcsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLFNBQVMsRUFBQztZQUN2QixJQUFJLENBQUMsa0JBQWtCLEVBQUUsQ0FBQztTQUM3QjtJQUNMLENBQUM7SUFyQkQsSUFDSSxPQUFPLENBQUMsS0FBeUI7UUFDakMsSUFBSSxDQUFDLEtBQUssRUFBRTtZQUNSLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxrQkFBa0IsRUFBRSxDQUFDO1NBQzVDO2FBQU07WUFDSCxJQUFJLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQztT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SUNWckMsNjlEQTZDTTsyRkRuQ08sd0JBQXdCO2tCQU5wQyxTQUFTOytCQUNJLHNCQUFzQjt1R0FjNUIsT0FBTztzQkFEVixLQUFLO2dCQWFOLGFBQWE7c0JBRFosTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBUcmFuc2xhdGVTZXJ2aWNlIH0gZnJvbSAnQG5neC10cmFuc2xhdGUvY29yZSc7XG5pbXBvcnQgeyBQZXBQYWRkaW5nU2V0dGluZ3MgfSBmcm9tICcuL3BhZGRpbmctc2V0dGluZ3MubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3BlcC1wYWRkaW5nLXNldHRpbmdzJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vcGFkZGluZy1zZXR0aW5ncy5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vcGFkZGluZy1zZXR0aW5ncy5jb21wb25lbnQuc2NzcyddXG59KVxuXG5leHBvcnQgY2xhc3MgUGFkZGluZ1NldHRpbmdzQ29tcG9uZW50ICB7XG5cbiAgICBwdWJsaWMgc3RhcnRQYWRkaW5nVmFsdWUgPSAnMCc7XG4gICAgcHVibGljIGVuZFBhZGRpbmdWYWx1ZSA9ICcwJztcbiAgICBwdWJsaWMgdG9wUGFkZGluZ1ZhbHVlID0gJzAnO1xuICAgIHB1YmxpYyBib3R0b21QYWRkaW5nVmFsdWUgPSAnMCc7XG5cbiAgICBwcml2YXRlIF9wYWRkaW5nOiBQZXBQYWRkaW5nU2V0dGluZ3MgPSBuZXcgUGVwUGFkZGluZ1NldHRpbmdzKCk7XG4gICAgQElucHV0KClcbiAgICBzZXQgcGFkZGluZyh2YWx1ZTogUGVwUGFkZGluZ1NldHRpbmdzKSB7XG4gICAgICAgIGlmICghdmFsdWUpIHtcbiAgICAgICAgICAgIHRoaXMuX3BhZGRpbmcgPSBuZXcgUGVwUGFkZGluZ1NldHRpbmdzKCk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICB0aGlzLl9wYWRkaW5nID0gdmFsdWU7XG4gICAgICAgIH1cbiAgICB9XG4gICAgZ2V0IHBhZGRpbmcoKTogUGVwUGFkZGluZ1NldHRpbmdzIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX3BhZGRpbmc7XG4gICAgfVxuXG4gICAgQE91dHB1dCgpXG4gICAgcGFkZGluZ0NoYW5nZTogRXZlbnRFbWl0dGVyPFBlcFBhZGRpbmdTZXR0aW5ncz4gPSBuZXcgRXZlbnRFbWl0dGVyPFBlcFBhZGRpbmdTZXR0aW5ncz4oKTtcblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBwcml2YXRlIHRyYW5zbGF0ZTogVHJhbnNsYXRlU2VydmljZSxcbiAgICApIHtcbiAgICAgICAgaWYoIXRoaXMucGFkZGluZy5pc1VuaWZvcm0pe1xuICAgICAgICAgICAgdGhpcy5mb3JtYXRQYWRkaW5nVmFsdWUoKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIHByaXZhdGUgcmFpc2VQYWRkaW5nQ2hhbmdlKCkge1xuICAgICAgICB0aGlzLnBhZGRpbmdDaGFuZ2UuZW1pdCh0aGlzLnBhZGRpbmcpO1xuICAgIH1cblxuICAgIG9uVW5pZm9ybUNoYW5nZWQodmFsdWU6IGJvb2xlYW4pIHtcbiAgICAgICAgdGhpcy5wYWRkaW5nLmlzVW5pZm9ybSA9IHZhbHVlO1xuICAgICAgICB0aGlzLmZvcm1hdFBhZGRpbmdWYWx1ZSgpO1xuICAgICAgICB0aGlzLnJhaXNlUGFkZGluZ0NoYW5nZSgpO1xuICAgIH1cblxuICAgIGZvcm1hdFBhZGRpbmdWYWx1ZSgpIHtcbiAgICAgICAgaWYodGhpcy5wYWRkaW5nLmlzVW5pZm9ybSl7IFxuICAgICAgICAgICAgdGhpcy5wYWRkaW5nLnBhZGRpbmdWYWx1ZSA9IHRoaXMucGFkZGluZy5wYWRkaW5nVmFsdWUuc3BsaXQoJywnKVswXTtcbiAgICAgICAgIH0gXG4gICAgICAgICBlbHNle1xuICAgICAgICAgICAgaWYoaXNOYU4oTnVtYmVyKHRoaXMucGFkZGluZy5wYWRkaW5nVmFsdWUpKSl7XG4gICAgICAgICAgICAgICAgY29uc3QgbnVtID0gdGhpcy5wYWRkaW5nLnBhZGRpbmdWYWx1ZS5zcGxpdCgnLCcpIHx8IFsnMCcsJzAnLCcwJywnMCddO1xuICAgICAgICAgICAgICAgIHRoaXMudG9wUGFkZGluZ1ZhbHVlID0gbnVtWzBdO1xuICAgICAgICAgICAgICAgIHRoaXMuZW5kUGFkZGluZ1ZhbHVlID0gbnVtWzFdO1xuICAgICAgICAgICAgICAgIHRoaXMuYm90dG9tUGFkZGluZ1ZhbHVlID0gbnVtWzJdO1xuICAgICAgICAgICAgICAgIHRoaXMuc3RhcnRQYWRkaW5nVmFsdWUgPSBudW1bM107XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBlbHNle1xuICAgICAgICAgICAgICAgIHRoaXMudG9wUGFkZGluZ1ZhbHVlID0gdGhpcy5lbmRQYWRkaW5nVmFsdWUgPSB0aGlzLmJvdHRvbVBhZGRpbmdWYWx1ZSA9IHRoaXMuc3RhcnRQYWRkaW5nVmFsdWUgPSB0aGlzLnBhZGRpbmcucGFkZGluZ1ZhbHVlO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgXG4gICAgICAgICAgICB0aGlzLnBhZGRpbmcucGFkZGluZ1ZhbHVlID0gYCR7dGhpcy50b3BQYWRkaW5nVmFsdWV9LCR7dGhpcy5lbmRQYWRkaW5nVmFsdWV9LCR7dGhpcy5ib3R0b21QYWRkaW5nVmFsdWV9LCR7dGhpcy5zdGFydFBhZGRpbmdWYWx1ZX1gO1xuICAgICAgICAgfSBcbiAgICB9XG5cbiAgICBvblBhZGRpbmdDaGFuZ2VkKHZhbHVlOiBhbnksIHVuaWZvcm1Qb3M6IHN0cmluZykge1xuICAgICAgICBpZighdGhpcy5wYWRkaW5nLmlzVW5pZm9ybSl7XG4gICAgICAgICAgICBzd2l0Y2godW5pZm9ybVBvcyl7XG4gICAgICAgICAgICAgICAgY2FzZSAndG9wJzpcbiAgICAgICAgICAgICAgICAgICAgdGhpcy50b3BQYWRkaW5nVmFsdWUgPSB2YWx1ZTtcbiAgICAgICAgICAgICAgICAgICAgYnJlYWs7XG4gICAgICAgICAgICAgICAgY2FzZSAnZW5kJzpcbiAgICAgICAgICAgICAgICAgICAgdGhpcy5lbmRQYWRkaW5nVmFsdWUgPSB2YWx1ZTtcbiAgICAgICAgICAgICAgICAgICAgYnJlYWs7XG4gICAgICAgICAgICAgICAgY2FzZSAnYm90dG9tJzpcbiAgICAgICAgICAgICAgICAgICAgdGhpcy5ib3R0b21QYWRkaW5nVmFsdWUgPSB2YWx1ZTtcbiAgICAgICAgICAgICAgICAgICAgYnJlYWs7XG4gICAgICAgICAgICAgICAgY2FzZSAnc3RhcnQnOlxuICAgICAgICAgICAgICAgICAgICB0aGlzLnN0YXJ0UGFkZGluZ1ZhbHVlID0gdmFsdWU7XG4gICAgICAgICAgICAgICAgICAgIGJyZWFrO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICB0aGlzLnBhZGRpbmcucGFkZGluZ1ZhbHVlID0gYCR7dGhpcy50b3BQYWRkaW5nVmFsdWV9LCR7dGhpcy5lbmRQYWRkaW5nVmFsdWV9LCR7dGhpcy5ib3R0b21QYWRkaW5nVmFsdWV9LCR7dGhpcy5zdGFydFBhZGRpbmdWYWx1ZX1gO1xuICAgICAgICB9XG4gICAgICAgIGVsc2V7XG4gICAgICAgICAgICB0aGlzLnBhZGRpbmcucGFkZGluZ1ZhbHVlID0gYCR7dmFsdWV9YDtcbiAgICAgICAgfVxuICAgICAgICB0aGlzLnJhaXNlUGFkZGluZ0NoYW5nZSgpO1xuICAgIH1cbn1cbiIsIjxkaXY+XG4gICAgPGxhYmVsIGNsYXNzPVwiYm9keS14bCBib2xkIGVsbGlwc2lzIHRpdGxlXCI+e3snUEFERElOR19TRVRUSU5HUy5USVRMRScgfCB0cmFuc2xhdGV9fTwvbGFiZWw+XG4gICAgPHBlcC1jaGVja2JveCBcbiAgICAgICAgY2xhc3M9XCJjaGVja2JveC1hcy1zdWItdGl0bGVcIlxuICAgICAgICBbbGFiZWxdPVwiJ1BBRERJTkdfU0VUVElOR1MuVU5JRk9STScgfCB0cmFuc2xhdGVcIiBcbiAgICAgICAgW3JlbmRlclRpdGxlXT1cImZhbHNlXCIgXG4gICAgICAgIFt2YWx1ZV09XCJwYWRkaW5nPy5pc1VuaWZvcm0gfHwgZmFsc2VcIiBcbiAgICAgICAgKHZhbHVlQ2hhbmdlKT1cIm9uVW5pZm9ybUNoYW5nZWQoJGV2ZW50KVwiPlxuICAgIDwvcGVwLWNoZWNrYm94PlxuICAgIDxkaXYgY2xhc3M9XCJwYWRkaW5nVmFsdWVDb250XCI+XG4gICAgICAgIDxwZXAtdGV4dGJveCAqbmdJZj1cInBhZGRpbmc/LmlzVW5pZm9ybVwiXG4gICAgICAgICAgICB0eXBlPVwicmVhbFwiXG4gICAgICAgICAgICBbbGFiZWxdPVwiJ1BBRERJTkdfU0VUVElOR1MuREVTQ1JJUFRJT04nIHwgdHJhbnNsYXRlXCIgXG4gICAgICAgICAgICBbdmFsdWVdPVwicGFkZGluZz8ucGFkZGluZ1ZhbHVlIHx8ICcwJ1wiIFxuICAgICAgICAgICAgKHZhbHVlQ2hhbmdlKT1cIm9uUGFkZGluZ0NoYW5nZWQoJGV2ZW50LCAndW5pZm9ybScpXCI+XG4gICAgICAgIDwvcGVwLXRleHRib3g+XG4gICAgICAgIDxwZXAtdGV4dGJveCAqbmdJZj1cIiFwYWRkaW5nPy5pc1VuaWZvcm1cIiBcbiAgICAgICAgICAgIHR5cGU9XCJyZWFsXCJcbiAgICAgICAgICAgIFtyZW5kZXJTeW1ib2xdPVwiZmFsc2VcIlxuICAgICAgICAgICAgW2xhYmVsXT1cIidQQURESU5HX1NFVFRJTkdTLlRPUCcgfCB0cmFuc2xhdGVcIiBcbiAgICAgICAgICAgIFt2YWx1ZV09XCJ0b3BQYWRkaW5nVmFsdWUgfHwgJzAnXCIgXG4gICAgICAgICAgICAodmFsdWVDaGFuZ2UpPVwib25QYWRkaW5nQ2hhbmdlZCgkZXZlbnQsICd0b3AnKVwiPlxuICAgICAgICA8L3BlcC10ZXh0Ym94PlxuICAgICAgICA8cGVwLXRleHRib3ggKm5nSWY9XCIhcGFkZGluZz8uaXNVbmlmb3JtXCJcbiAgICAgICAgICAgIHR5cGU9XCJyZWFsXCJcbiAgICAgICAgICAgIFtyZW5kZXJTeW1ib2xdPVwiZmFsc2VcIlxuICAgICAgICAgICAgW2xhYmVsXT1cIidQQURESU5HX1NFVFRJTkdTLkVORCcgfCB0cmFuc2xhdGVcIiBcbiAgICAgICAgICAgIFt2YWx1ZV09XCJlbmRQYWRkaW5nVmFsdWUgfHwgJzAnXCIgXG4gICAgICAgICAgICAodmFsdWVDaGFuZ2UpPVwib25QYWRkaW5nQ2hhbmdlZCgkZXZlbnQsICdlbmQnKVwiPlxuICAgICAgICA8L3BlcC10ZXh0Ym94PlxuICAgICAgICA8cGVwLXRleHRib3ggKm5nSWY9XCIhcGFkZGluZz8uaXNVbmlmb3JtXCJcbiAgICAgICAgICAgIHR5cGU9XCJyZWFsXCJcbiAgICAgICAgICAgIFtyZW5kZXJTeW1ib2xdPVwiZmFsc2VcIlxuICAgICAgICAgICAgW2xhYmVsXT1cIidQQURESU5HX1NFVFRJTkdTLkJPVFRPTScgfCB0cmFuc2xhdGVcIiBcbiAgICAgICAgICAgIFt2YWx1ZV09XCJib3R0b21QYWRkaW5nVmFsdWUgfHwgJzAnXCIgXG4gICAgICAgICAgICAodmFsdWVDaGFuZ2UpPVwib25QYWRkaW5nQ2hhbmdlZCgkZXZlbnQsICdib3R0b20nKVwiPlxuICAgICAgICA8L3BlcC10ZXh0Ym94PlxuICAgICAgICA8cGVwLXRleHRib3ggKm5nSWY9XCIhcGFkZGluZz8uaXNVbmlmb3JtXCJcbiAgICAgICAgICAgIHR5cGU9XCJyZWFsXCJcbiAgICAgICAgICAgIFtyZW5kZXJTeW1ib2xdPVwiZmFsc2VcIlxuICAgICAgICAgICAgW2xhYmVsXT1cIidQQURESU5HX1NFVFRJTkdTLlNUQVJUJyB8IHRyYW5zbGF0ZVwiIFxuICAgICAgICAgICAgW3ZhbHVlXT1cInN0YXJ0UGFkZGluZ1ZhbHVlIHx8ICcwJ1wiXG4gICAgICAgICAgICAodmFsdWVDaGFuZ2UpPVwib25QYWRkaW5nQ2hhbmdlZCgkZXZlbnQsICdzdGFydCcpXCI+XG4gICAgICAgIDwvcGVwLXRleHRib3g+XG4gICAgPC9kaXY+XG48L2Rpdj4iXX0=
package/fesm2015/pepperi-addons-ngx-composite-lib-padding-settings.mjs CHANGED
@@ -28,6 +28,9 @@ class PaddingSettingsComponent {
28
28
  this.bottomPaddingValue = '0';
29
29
  this._padding = new PepPaddingSettings();
30
30
  this.paddingChange = new EventEmitter();
31
+ if (!this.padding.isUniform) {
32
+ this.formatPaddingValue();
33
+ }
31
34
  }
32
35
  set padding(value) {
33
36
  if (!value) {
@@ -53,7 +56,16 @@ class PaddingSettingsComponent {
53
56
  this.padding.paddingValue = this.padding.paddingValue.split(',')[0];
54
57
  }
55
58
  else {
56
- this.topPaddingValue = this.endPaddingValue = this.bottomPaddingValue = this.startPaddingValue = this.padding.paddingValue;
59
+ if (isNaN(Number(this.padding.paddingValue))) {
60
+ const num = this.padding.paddingValue.split(',') || ['0', '0', '0', '0'];
61
+ this.topPaddingValue = num[0];
62
+ this.endPaddingValue = num[1];
63
+ this.bottomPaddingValue = num[2];
64
+ this.startPaddingValue = num[3];
65
+ }
66
+ else {
67
+ this.topPaddingValue = this.endPaddingValue = this.bottomPaddingValue = this.startPaddingValue = this.padding.paddingValue;
68
+ }
57
69
  this.padding.paddingValue = `${this.topPaddingValue},${this.endPaddingValue},${this.bottomPaddingValue},${this.startPaddingValue}`;
58
70
  }
59
71
  }
@@ -82,10 +94,10 @@ class PaddingSettingsComponent {
82
94
  }
83
95
  }
84
96
  PaddingSettingsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PaddingSettingsComponent, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
85
- PaddingSettingsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: PaddingSettingsComponent, selector: "pep-padding-settings", inputs: { padding: "padding" }, outputs: { paddingChange: "paddingChange" }, ngImport: i0, template: "<div>\n <label class=\"body-xl bold ellipsis title\">{{'PADDING_SETTINGS.TITLE' | translate}}</label>\n <pep-checkbox \n class=\"checkbox-as-sub-title\"\n [label]=\"'PADDING_SETTINGS.UNIFORM' | translate\" \n [renderTitle]=\"false\" \n [value]=\"padding?.isUniform || true\" \n (valueChange)=\"onUniformChanged($event)\">\n </pep-checkbox>\n <div class=\"paddingValueCont\">\n <pep-textbox *ngIf=\"padding?.isUniform\"\n type=\"real\"\n [label]=\"'PADDING_SETTINGS.DESCRIPTION' | translate\" \n [value]=\"padding?.paddingValue || '0'\" \n (valueChange)=\"onPaddingChanged($event, 'uniform')\">\n </pep-textbox>\n <pep-textbox *ngIf=\"!padding?.isUniform\" \n type=\"real\"\n [renderSymbol]=\"false\"\n [label]=\"'PADDING_SETTINGS.TOP' | translate\" \n [value]=\"topPaddingValue || '0'\" \n (valueChange)=\"onPaddingChanged($event, 'top')\">\n </pep-textbox>\n <pep-textbox *ngIf=\"!padding?.isUniform\"\n type=\"real\"\n [renderSymbol]=\"false\"\n [label]=\"'PADDING_SETTINGS.END' | translate\" \n [value]=\"endPaddingValue || '0'\" \n (valueChange)=\"onPaddingChanged($event, 'end')\">\n </pep-textbox>\n <pep-textbox *ngIf=\"!padding?.isUniform\"\n type=\"real\"\n [renderSymbol]=\"false\"\n [label]=\"'PADDING_SETTINGS.BOTTOM' | translate\" \n [value]=\"bottomPaddingValue || '0'\" \n (valueChange)=\"onPaddingChanged($event, 'bottom')\">\n </pep-textbox>\n <pep-textbox *ngIf=\"!padding?.isUniform\"\n type=\"real\"\n [renderSymbol]=\"false\"\n [label]=\"'PADDING_SETTINGS.START' | translate\" \n [value]=\"startPaddingValue || '0'\"\n (valueChange)=\"onPaddingChanged($event, 'start')\">\n </pep-textbox>\n </div>\n</div>", styles: [":host{width:100%;display:grid;gap:var(--pep-spacing-lg, 1rem)}:host label{margin-bottom:0}pep-checkbox ::ng-deep .mat-checkbox-inner-container{width:1.25rem;height:1.25rem}.paddingValueCont{display:grid;column-gap:var(--pep-spacing-sm, .5rem);grid-auto-flow:column}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.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: i4.PepTextboxComponent, selector: "pep-textbox", inputs: ["key", "value", "minFractionDigits", "maxFractionDigits", "accessory", "label", "placeholder", "type", "mandatory", "disabled", "readonly", "maxFieldCharacters", "hint", "textColor", "xAlignment", "rowSpan", "minValue", "maxValue", "visible", "form", "isActive", "showTitle", "renderTitle", "renderError", "renderSymbol", "layoutType", "parentFieldKey", "regex", "regexError", "isInFocus"], outputs: ["valueChange", "keyup"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
97
+ PaddingSettingsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: PaddingSettingsComponent, selector: "pep-padding-settings", inputs: { padding: "padding" }, outputs: { paddingChange: "paddingChange" }, ngImport: i0, template: "<div>\n <label class=\"body-xl bold ellipsis title\">{{'PADDING_SETTINGS.TITLE' | translate}}</label>\n <pep-checkbox \n class=\"checkbox-as-sub-title\"\n [label]=\"'PADDING_SETTINGS.UNIFORM' | translate\" \n [renderTitle]=\"false\" \n [value]=\"padding?.isUniform || false\" \n (valueChange)=\"onUniformChanged($event)\">\n </pep-checkbox>\n <div class=\"paddingValueCont\">\n <pep-textbox *ngIf=\"padding?.isUniform\"\n type=\"real\"\n [label]=\"'PADDING_SETTINGS.DESCRIPTION' | translate\" \n [value]=\"padding?.paddingValue || '0'\" \n (valueChange)=\"onPaddingChanged($event, 'uniform')\">\n </pep-textbox>\n <pep-textbox *ngIf=\"!padding?.isUniform\" \n type=\"real\"\n [renderSymbol]=\"false\"\n [label]=\"'PADDING_SETTINGS.TOP' | translate\" \n [value]=\"topPaddingValue || '0'\" \n (valueChange)=\"onPaddingChanged($event, 'top')\">\n </pep-textbox>\n <pep-textbox *ngIf=\"!padding?.isUniform\"\n type=\"real\"\n [renderSymbol]=\"false\"\n [label]=\"'PADDING_SETTINGS.END' | translate\" \n [value]=\"endPaddingValue || '0'\" \n (valueChange)=\"onPaddingChanged($event, 'end')\">\n </pep-textbox>\n <pep-textbox *ngIf=\"!padding?.isUniform\"\n type=\"real\"\n [renderSymbol]=\"false\"\n [label]=\"'PADDING_SETTINGS.BOTTOM' | translate\" \n [value]=\"bottomPaddingValue || '0'\" \n (valueChange)=\"onPaddingChanged($event, 'bottom')\">\n </pep-textbox>\n <pep-textbox *ngIf=\"!padding?.isUniform\"\n type=\"real\"\n [renderSymbol]=\"false\"\n [label]=\"'PADDING_SETTINGS.START' | translate\" \n [value]=\"startPaddingValue || '0'\"\n (valueChange)=\"onPaddingChanged($event, 'start')\">\n </pep-textbox>\n </div>\n</div>", styles: [":host{width:100%;display:grid;gap:var(--pep-spacing-lg, 1rem)}:host label{margin-bottom:0}pep-checkbox ::ng-deep .mat-checkbox-inner-container{width:1.25rem;height:1.25rem}.paddingValueCont{display:grid;column-gap:var(--pep-spacing-sm, .5rem);grid-auto-flow:column}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.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: i4.PepTextboxComponent, selector: "pep-textbox", inputs: ["key", "value", "minFractionDigits", "maxFractionDigits", "accessory", "label", "placeholder", "type", "mandatory", "disabled", "readonly", "maxFieldCharacters", "hint", "textColor", "xAlignment", "rowSpan", "minValue", "maxValue", "visible", "form", "isActive", "showTitle", "renderTitle", "renderError", "renderSymbol", "layoutType", "parentFieldKey", "regex", "regexError", "isInFocus"], outputs: ["valueChange", "keyup"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
86
98
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PaddingSettingsComponent, decorators: [{
87
99
  type: Component,
88
- args: [{ selector: 'pep-padding-settings', template: "<div>\n <label class=\"body-xl bold ellipsis title\">{{'PADDING_SETTINGS.TITLE' | translate}}</label>\n <pep-checkbox \n class=\"checkbox-as-sub-title\"\n [label]=\"'PADDING_SETTINGS.UNIFORM' | translate\" \n [renderTitle]=\"false\" \n [value]=\"padding?.isUniform || true\" \n (valueChange)=\"onUniformChanged($event)\">\n </pep-checkbox>\n <div class=\"paddingValueCont\">\n <pep-textbox *ngIf=\"padding?.isUniform\"\n type=\"real\"\n [label]=\"'PADDING_SETTINGS.DESCRIPTION' | translate\" \n [value]=\"padding?.paddingValue || '0'\" \n (valueChange)=\"onPaddingChanged($event, 'uniform')\">\n </pep-textbox>\n <pep-textbox *ngIf=\"!padding?.isUniform\" \n type=\"real\"\n [renderSymbol]=\"false\"\n [label]=\"'PADDING_SETTINGS.TOP' | translate\" \n [value]=\"topPaddingValue || '0'\" \n (valueChange)=\"onPaddingChanged($event, 'top')\">\n </pep-textbox>\n <pep-textbox *ngIf=\"!padding?.isUniform\"\n type=\"real\"\n [renderSymbol]=\"false\"\n [label]=\"'PADDING_SETTINGS.END' | translate\" \n [value]=\"endPaddingValue || '0'\" \n (valueChange)=\"onPaddingChanged($event, 'end')\">\n </pep-textbox>\n <pep-textbox *ngIf=\"!padding?.isUniform\"\n type=\"real\"\n [renderSymbol]=\"false\"\n [label]=\"'PADDING_SETTINGS.BOTTOM' | translate\" \n [value]=\"bottomPaddingValue || '0'\" \n (valueChange)=\"onPaddingChanged($event, 'bottom')\">\n </pep-textbox>\n <pep-textbox *ngIf=\"!padding?.isUniform\"\n type=\"real\"\n [renderSymbol]=\"false\"\n [label]=\"'PADDING_SETTINGS.START' | translate\" \n [value]=\"startPaddingValue || '0'\"\n (valueChange)=\"onPaddingChanged($event, 'start')\">\n </pep-textbox>\n </div>\n</div>", styles: [":host{width:100%;display:grid;gap:var(--pep-spacing-lg, 1rem)}:host label{margin-bottom:0}pep-checkbox ::ng-deep .mat-checkbox-inner-container{width:1.25rem;height:1.25rem}.paddingValueCont{display:grid;column-gap:var(--pep-spacing-sm, .5rem);grid-auto-flow:column}\n"] }]
100
+ args: [{ selector: 'pep-padding-settings', template: "<div>\n <label class=\"body-xl bold ellipsis title\">{{'PADDING_SETTINGS.TITLE' | translate}}</label>\n <pep-checkbox \n class=\"checkbox-as-sub-title\"\n [label]=\"'PADDING_SETTINGS.UNIFORM' | translate\" \n [renderTitle]=\"false\" \n [value]=\"padding?.isUniform || false\" \n (valueChange)=\"onUniformChanged($event)\">\n </pep-checkbox>\n <div class=\"paddingValueCont\">\n <pep-textbox *ngIf=\"padding?.isUniform\"\n type=\"real\"\n [label]=\"'PADDING_SETTINGS.DESCRIPTION' | translate\" \n [value]=\"padding?.paddingValue || '0'\" \n (valueChange)=\"onPaddingChanged($event, 'uniform')\">\n </pep-textbox>\n <pep-textbox *ngIf=\"!padding?.isUniform\" \n type=\"real\"\n [renderSymbol]=\"false\"\n [label]=\"'PADDING_SETTINGS.TOP' | translate\" \n [value]=\"topPaddingValue || '0'\" \n (valueChange)=\"onPaddingChanged($event, 'top')\">\n </pep-textbox>\n <pep-textbox *ngIf=\"!padding?.isUniform\"\n type=\"real\"\n [renderSymbol]=\"false\"\n [label]=\"'PADDING_SETTINGS.END' | translate\" \n [value]=\"endPaddingValue || '0'\" \n (valueChange)=\"onPaddingChanged($event, 'end')\">\n </pep-textbox>\n <pep-textbox *ngIf=\"!padding?.isUniform\"\n type=\"real\"\n [renderSymbol]=\"false\"\n [label]=\"'PADDING_SETTINGS.BOTTOM' | translate\" \n [value]=\"bottomPaddingValue || '0'\" \n (valueChange)=\"onPaddingChanged($event, 'bottom')\">\n </pep-textbox>\n <pep-textbox *ngIf=\"!padding?.isUniform\"\n type=\"real\"\n [renderSymbol]=\"false\"\n [label]=\"'PADDING_SETTINGS.START' | translate\" \n [value]=\"startPaddingValue || '0'\"\n (valueChange)=\"onPaddingChanged($event, 'start')\">\n </pep-textbox>\n </div>\n</div>", styles: [":host{width:100%;display:grid;gap:var(--pep-spacing-lg, 1rem)}:host label{margin-bottom:0}pep-checkbox ::ng-deep .mat-checkbox-inner-container{width:1.25rem;height:1.25rem}.paddingValueCont{display:grid;column-gap:var(--pep-spacing-sm, .5rem);grid-auto-flow:column}\n"] }]
89
101
  }], ctorParameters: function () { return [{ type: i1.TranslateService }]; }, propDecorators: { padding: [{
90
102
  type: Input
91
103
  }], paddingChange: [{
package/fesm2015/pepperi-addons-ngx-composite-lib-padding-settings.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"pepperi-addons-ngx-composite-lib-padding-settings.mjs","sources":["../../../projects/ngx-composite-lib/padding-settings/padding-settings.model.ts","../../../projects/ngx-composite-lib/padding-settings/padding-settings.component.ts","../../../projects/ngx-composite-lib/padding-settings/padding-settings.component.html","../../../projects/ngx-composite-lib/padding-settings/padding-settings.module.ts","../../../projects/ngx-composite-lib/padding-settings/public-api.ts","../../../projects/ngx-composite-lib/padding-settings/pepperi-addons-ngx-composite-lib-padding-settings.ts"],"sourcesContent":["import { PepSizeType } from \"@pepperi-addons/ngx-lib\";\r\n\r\nexport class PepPaddingSettings {\r\n isUniform: boolean;\r\n paddingValue: string;\r\n\r\n constructor(isUniform = true, paddingValue = '0'){\r\n this.isUniform = isUniform;\r\n this.paddingValue = paddingValue;\r\n }\r\n}","import { Component, EventEmitter, Input, Output } from '@angular/core';\nimport { TranslateService } from '@ngx-translate/core';\nimport { PepPaddingSettings } from './padding-settings.model';\n\n@Component({\n selector: 'pep-padding-settings',\n templateUrl: './padding-settings.component.html',\n styleUrls: ['./padding-settings.component.scss']\n})\n\nexport class PaddingSettingsComponent {\n\n public startPaddingValue = '0';\n public endPaddingValue = '0';\n public topPaddingValue = '0';\n public bottomPaddingValue = '0';\n\n private _padding: PepPaddingSettings = new PepPaddingSettings();\n @Input()\n set padding(value: PepPaddingSettings) {\n if (!value) {\n this._padding = new PepPaddingSettings();\n } else {\n this._padding = value;\n }\n }\n get padding(): PepPaddingSettings {\n return this._padding;\n }\n\n @Output()\n paddingChange: EventEmitter<PepPaddingSettings> = new EventEmitter<PepPaddingSettings>();\n\n constructor(\n private translate: TranslateService,\n ) {\n }\n\n private raisePaddingChange() {\n this.paddingChange.emit(this.padding);\n }\n\n onUniformChanged(value: boolean) {\n this.padding.isUniform = value;\n this.formatPaddingValue();\n this.raisePaddingChange();\n }\n\n formatPaddingValue() {\n if(this.padding.isUniform){ \n this.padding.paddingValue =this.padding.paddingValue.split(',')[0];\n } \n else{\n this.topPaddingValue = this.endPaddingValue = this.bottomPaddingValue = this.startPaddingValue = this.padding.paddingValue;\n this.padding.paddingValue = `${this.topPaddingValue},${this.endPaddingValue},${this.bottomPaddingValue},${this.startPaddingValue}`;\n } \n }\n\n onPaddingChanged(value: any, uniformPos: string) {\n if(!this.padding.isUniform){\n switch(uniformPos){\n case 'top':\n this.topPaddingValue = value;\n break;\n case 'end':\n this.endPaddingValue = value;\n break;\n case 'bottom':\n this.bottomPaddingValue = value;\n break;\n case 'start':\n this.startPaddingValue = value;\n break;\n }\n this.padding.paddingValue = `${this.topPaddingValue},${this.endPaddingValue},${this.bottomPaddingValue},${this.startPaddingValue}`;\n }\n else{\n this.padding.paddingValue = `${value}`;\n }\n this.raisePaddingChange();\n }\n}\n","<div>\n <label class=\"body-xl bold ellipsis title\">{{'PADDING_SETTINGS.TITLE' | translate}}</label>\n <pep-checkbox \n class=\"checkbox-as-sub-title\"\n [label]=\"'PADDING_SETTINGS.UNIFORM' | translate\" \n [renderTitle]=\"false\" \n [value]=\"padding?.isUniform || true\" \n (valueChange)=\"onUniformChanged($event)\">\n </pep-checkbox>\n <div class=\"paddingValueCont\">\n <pep-textbox *ngIf=\"padding?.isUniform\"\n type=\"real\"\n [label]=\"'PADDING_SETTINGS.DESCRIPTION' | translate\" \n [value]=\"padding?.paddingValue || '0'\" \n (valueChange)=\"onPaddingChanged($event, 'uniform')\">\n </pep-textbox>\n <pep-textbox *ngIf=\"!padding?.isUniform\" \n type=\"real\"\n [renderSymbol]=\"false\"\n [label]=\"'PADDING_SETTINGS.TOP' | translate\" \n [value]=\"topPaddingValue || '0'\" \n (valueChange)=\"onPaddingChanged($event, 'top')\">\n </pep-textbox>\n <pep-textbox *ngIf=\"!padding?.isUniform\"\n type=\"real\"\n [renderSymbol]=\"false\"\n [label]=\"'PADDING_SETTINGS.END' | translate\" \n [value]=\"endPaddingValue || '0'\" \n (valueChange)=\"onPaddingChanged($event, 'end')\">\n </pep-textbox>\n <pep-textbox *ngIf=\"!padding?.isUniform\"\n type=\"real\"\n [renderSymbol]=\"false\"\n [label]=\"'PADDING_SETTINGS.BOTTOM' | translate\" \n [value]=\"bottomPaddingValue || '0'\" \n (valueChange)=\"onPaddingChanged($event, 'bottom')\">\n </pep-textbox>\n <pep-textbox *ngIf=\"!padding?.isUniform\"\n type=\"real\"\n [renderSymbol]=\"false\"\n [label]=\"'PADDING_SETTINGS.START' | translate\" \n [value]=\"startPaddingValue || '0'\"\n (valueChange)=\"onPaddingChanged($event, 'start')\">\n </pep-textbox>\n </div>\n</div>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { PaddingSettingsComponent } from './padding-settings.component';\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\nimport { PepCheckboxModule } from '@pepperi-addons/ngx-lib/checkbox';\nimport { PepTextboxModule } from '@pepperi-addons/ngx-lib/textbox';\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 PaddingSettingsComponent\n ],\n imports: [\n CommonModule,\n PepNgxLibModule,\n PepCheckboxModule,\n PepTextboxModule,\n PepFieldTitleModule,\n PepGroupButtonsModule,\n PepSliderModule\n ],\n exports: [PaddingSettingsComponent],\n})\nexport class PepPaddingSettingsModule { }\n","/*\n * Public API Surface of ngx-composite-lib/padding-settings\n */\nexport * from './padding-settings.module';\nexport * from './padding-settings.component';\nexport * from './padding-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-padding-settings.mjs","sources":["../../../projects/ngx-composite-lib/padding-settings/padding-settings.model.ts","../../../projects/ngx-composite-lib/padding-settings/padding-settings.component.ts","../../../projects/ngx-composite-lib/padding-settings/padding-settings.component.html","../../../projects/ngx-composite-lib/padding-settings/padding-settings.module.ts","../../../projects/ngx-composite-lib/padding-settings/public-api.ts","../../../projects/ngx-composite-lib/padding-settings/pepperi-addons-ngx-composite-lib-padding-settings.ts"],"sourcesContent":["import { PepSizeType } from \"@pepperi-addons/ngx-lib\";\r\n\r\nexport class PepPaddingSettings {\r\n isUniform: boolean;\r\n paddingValue: string;\r\n\r\n constructor(isUniform = true, paddingValue = '0'){\r\n this.isUniform = isUniform;\r\n this.paddingValue = paddingValue;\r\n }\r\n}","import { Component, EventEmitter, Input, Output } from '@angular/core';\nimport { TranslateService } from '@ngx-translate/core';\nimport { PepPaddingSettings } from './padding-settings.model';\n\n@Component({\n selector: 'pep-padding-settings',\n templateUrl: './padding-settings.component.html',\n styleUrls: ['./padding-settings.component.scss']\n})\n\nexport class PaddingSettingsComponent {\n\n public startPaddingValue = '0';\n public endPaddingValue = '0';\n public topPaddingValue = '0';\n public bottomPaddingValue = '0';\n\n private _padding: PepPaddingSettings = new PepPaddingSettings();\n @Input()\n set padding(value: PepPaddingSettings) {\n if (!value) {\n this._padding = new PepPaddingSettings();\n } else {\n this._padding = value;\n }\n }\n get padding(): PepPaddingSettings {\n return this._padding;\n }\n\n @Output()\n paddingChange: EventEmitter<PepPaddingSettings> = new EventEmitter<PepPaddingSettings>();\n\n constructor(\n private translate: TranslateService,\n ) {\n if(!this.padding.isUniform){\n this.formatPaddingValue();\n }\n }\n\n private raisePaddingChange() {\n this.paddingChange.emit(this.padding);\n }\n\n onUniformChanged(value: boolean) {\n this.padding.isUniform = value;\n this.formatPaddingValue();\n this.raisePaddingChange();\n }\n\n formatPaddingValue() {\n if(this.padding.isUniform){ \n this.padding.paddingValue = this.padding.paddingValue.split(',')[0];\n } \n else{\n if(isNaN(Number(this.padding.paddingValue))){\n const num = this.padding.paddingValue.split(',') || ['0','0','0','0'];\n this.topPaddingValue = num[0];\n this.endPaddingValue = num[1];\n this.bottomPaddingValue = num[2];\n this.startPaddingValue = num[3];\n }\n else{\n this.topPaddingValue = this.endPaddingValue = this.bottomPaddingValue = this.startPaddingValue = this.padding.paddingValue;\n }\n \n this.padding.paddingValue = `${this.topPaddingValue},${this.endPaddingValue},${this.bottomPaddingValue},${this.startPaddingValue}`;\n } \n }\n\n onPaddingChanged(value: any, uniformPos: string) {\n if(!this.padding.isUniform){\n switch(uniformPos){\n case 'top':\n this.topPaddingValue = value;\n break;\n case 'end':\n this.endPaddingValue = value;\n break;\n case 'bottom':\n this.bottomPaddingValue = value;\n break;\n case 'start':\n this.startPaddingValue = value;\n break;\n }\n this.padding.paddingValue = `${this.topPaddingValue},${this.endPaddingValue},${this.bottomPaddingValue},${this.startPaddingValue}`;\n }\n else{\n this.padding.paddingValue = `${value}`;\n }\n this.raisePaddingChange();\n }\n}\n","<div>\n <label class=\"body-xl bold ellipsis title\">{{'PADDING_SETTINGS.TITLE' | translate}}</label>\n <pep-checkbox \n class=\"checkbox-as-sub-title\"\n [label]=\"'PADDING_SETTINGS.UNIFORM' | translate\" \n [renderTitle]=\"false\" \n [value]=\"padding?.isUniform || false\" \n (valueChange)=\"onUniformChanged($event)\">\n </pep-checkbox>\n <div class=\"paddingValueCont\">\n <pep-textbox *ngIf=\"padding?.isUniform\"\n type=\"real\"\n [label]=\"'PADDING_SETTINGS.DESCRIPTION' | translate\" \n [value]=\"padding?.paddingValue || '0'\" \n (valueChange)=\"onPaddingChanged($event, 'uniform')\">\n </pep-textbox>\n <pep-textbox *ngIf=\"!padding?.isUniform\" \n type=\"real\"\n [renderSymbol]=\"false\"\n [label]=\"'PADDING_SETTINGS.TOP' | translate\" \n [value]=\"topPaddingValue || '0'\" \n (valueChange)=\"onPaddingChanged($event, 'top')\">\n </pep-textbox>\n <pep-textbox *ngIf=\"!padding?.isUniform\"\n type=\"real\"\n [renderSymbol]=\"false\"\n [label]=\"'PADDING_SETTINGS.END' | translate\" \n [value]=\"endPaddingValue || '0'\" \n (valueChange)=\"onPaddingChanged($event, 'end')\">\n </pep-textbox>\n <pep-textbox *ngIf=\"!padding?.isUniform\"\n type=\"real\"\n [renderSymbol]=\"false\"\n [label]=\"'PADDING_SETTINGS.BOTTOM' | translate\" \n [value]=\"bottomPaddingValue || '0'\" \n (valueChange)=\"onPaddingChanged($event, 'bottom')\">\n </pep-textbox>\n <pep-textbox *ngIf=\"!padding?.isUniform\"\n type=\"real\"\n [renderSymbol]=\"false\"\n [label]=\"'PADDING_SETTINGS.START' | translate\" \n [value]=\"startPaddingValue || '0'\"\n (valueChange)=\"onPaddingChanged($event, 'start')\">\n </pep-textbox>\n </div>\n</div>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { PaddingSettingsComponent } from './padding-settings.component';\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\nimport { PepCheckboxModule } from '@pepperi-addons/ngx-lib/checkbox';\nimport { PepTextboxModule } from '@pepperi-addons/ngx-lib/textbox';\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 PaddingSettingsComponent\n ],\n imports: [\n CommonModule,\n PepNgxLibModule,\n PepCheckboxModule,\n PepTextboxModule,\n PepFieldTitleModule,\n PepGroupButtonsModule,\n PepSliderModule\n ],\n exports: [PaddingSettingsComponent],\n})\nexport class PepPaddingSettingsModule { }\n","/*\n * Public API Surface of ngx-composite-lib/padding-settings\n */\nexport * from './padding-settings.module';\nexport * from './padding-settings.component';\nexport * from './padding-settings.model';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
package/fesm2020/pepperi-addons-ngx-composite-lib-padding-settings.mjs CHANGED
@@ -28,6 +28,9 @@ class PaddingSettingsComponent {
28
28
  this.bottomPaddingValue = '0';
29
29
  this._padding = new PepPaddingSettings();
30
30
  this.paddingChange = new EventEmitter();
31
+ if (!this.padding.isUniform) {
32
+ this.formatPaddingValue();
33
+ }
31
34
  }
32
35
  set padding(value) {
33
36
  if (!value) {
@@ -53,7 +56,16 @@ class PaddingSettingsComponent {
53
56
  this.padding.paddingValue = this.padding.paddingValue.split(',')[0];
54
57
  }
55
58
  else {
56
- this.topPaddingValue = this.endPaddingValue = this.bottomPaddingValue = this.startPaddingValue = this.padding.paddingValue;
59
+ if (isNaN(Number(this.padding.paddingValue))) {
60
+ const num = this.padding.paddingValue.split(',') || ['0', '0', '0', '0'];
61
+ this.topPaddingValue = num[0];
62
+ this.endPaddingValue = num[1];
63
+ this.bottomPaddingValue = num[2];
64
+ this.startPaddingValue = num[3];
65
+ }
66
+ else {
67
+ this.topPaddingValue = this.endPaddingValue = this.bottomPaddingValue = this.startPaddingValue = this.padding.paddingValue;
68
+ }
57
69
  this.padding.paddingValue = `${this.topPaddingValue},${this.endPaddingValue},${this.bottomPaddingValue},${this.startPaddingValue}`;
58
70
  }
59
71
  }
@@ -82,10 +94,10 @@ class PaddingSettingsComponent {
82
94
  }
83
95
  }
84
96
  PaddingSettingsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PaddingSettingsComponent, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
85
- PaddingSettingsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: PaddingSettingsComponent, selector: "pep-padding-settings", inputs: { padding: "padding" }, outputs: { paddingChange: "paddingChange" }, ngImport: i0, template: "<div>\n <label class=\"body-xl bold ellipsis title\">{{'PADDING_SETTINGS.TITLE' | translate}}</label>\n <pep-checkbox \n class=\"checkbox-as-sub-title\"\n [label]=\"'PADDING_SETTINGS.UNIFORM' | translate\" \n [renderTitle]=\"false\" \n [value]=\"padding?.isUniform || true\" \n (valueChange)=\"onUniformChanged($event)\">\n </pep-checkbox>\n <div class=\"paddingValueCont\">\n <pep-textbox *ngIf=\"padding?.isUniform\"\n type=\"real\"\n [label]=\"'PADDING_SETTINGS.DESCRIPTION' | translate\" \n [value]=\"padding?.paddingValue || '0'\" \n (valueChange)=\"onPaddingChanged($event, 'uniform')\">\n </pep-textbox>\n <pep-textbox *ngIf=\"!padding?.isUniform\" \n type=\"real\"\n [renderSymbol]=\"false\"\n [label]=\"'PADDING_SETTINGS.TOP' | translate\" \n [value]=\"topPaddingValue || '0'\" \n (valueChange)=\"onPaddingChanged($event, 'top')\">\n </pep-textbox>\n <pep-textbox *ngIf=\"!padding?.isUniform\"\n type=\"real\"\n [renderSymbol]=\"false\"\n [label]=\"'PADDING_SETTINGS.END' | translate\" \n [value]=\"endPaddingValue || '0'\" \n (valueChange)=\"onPaddingChanged($event, 'end')\">\n </pep-textbox>\n <pep-textbox *ngIf=\"!padding?.isUniform\"\n type=\"real\"\n [renderSymbol]=\"false\"\n [label]=\"'PADDING_SETTINGS.BOTTOM' | translate\" \n [value]=\"bottomPaddingValue || '0'\" \n (valueChange)=\"onPaddingChanged($event, 'bottom')\">\n </pep-textbox>\n <pep-textbox *ngIf=\"!padding?.isUniform\"\n type=\"real\"\n [renderSymbol]=\"false\"\n [label]=\"'PADDING_SETTINGS.START' | translate\" \n [value]=\"startPaddingValue || '0'\"\n (valueChange)=\"onPaddingChanged($event, 'start')\">\n </pep-textbox>\n </div>\n</div>", styles: [":host{width:100%;display:grid;gap:var(--pep-spacing-lg, 1rem)}:host label{margin-bottom:0}pep-checkbox ::ng-deep .mat-checkbox-inner-container{width:1.25rem;height:1.25rem}.paddingValueCont{display:grid;column-gap:var(--pep-spacing-sm, .5rem);grid-auto-flow:column}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.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: i4.PepTextboxComponent, selector: "pep-textbox", inputs: ["key", "value", "minFractionDigits", "maxFractionDigits", "accessory", "label", "placeholder", "type", "mandatory", "disabled", "readonly", "maxFieldCharacters", "hint", "textColor", "xAlignment", "rowSpan", "minValue", "maxValue", "visible", "form", "isActive", "showTitle", "renderTitle", "renderError", "renderSymbol", "layoutType", "parentFieldKey", "regex", "regexError", "isInFocus"], outputs: ["valueChange", "keyup"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
97
+ PaddingSettingsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: PaddingSettingsComponent, selector: "pep-padding-settings", inputs: { padding: "padding" }, outputs: { paddingChange: "paddingChange" }, ngImport: i0, template: "<div>\n <label class=\"body-xl bold ellipsis title\">{{'PADDING_SETTINGS.TITLE' | translate}}</label>\n <pep-checkbox \n class=\"checkbox-as-sub-title\"\n [label]=\"'PADDING_SETTINGS.UNIFORM' | translate\" \n [renderTitle]=\"false\" \n [value]=\"padding?.isUniform || false\" \n (valueChange)=\"onUniformChanged($event)\">\n </pep-checkbox>\n <div class=\"paddingValueCont\">\n <pep-textbox *ngIf=\"padding?.isUniform\"\n type=\"real\"\n [label]=\"'PADDING_SETTINGS.DESCRIPTION' | translate\" \n [value]=\"padding?.paddingValue || '0'\" \n (valueChange)=\"onPaddingChanged($event, 'uniform')\">\n </pep-textbox>\n <pep-textbox *ngIf=\"!padding?.isUniform\" \n type=\"real\"\n [renderSymbol]=\"false\"\n [label]=\"'PADDING_SETTINGS.TOP' | translate\" \n [value]=\"topPaddingValue || '0'\" \n (valueChange)=\"onPaddingChanged($event, 'top')\">\n </pep-textbox>\n <pep-textbox *ngIf=\"!padding?.isUniform\"\n type=\"real\"\n [renderSymbol]=\"false\"\n [label]=\"'PADDING_SETTINGS.END' | translate\" \n [value]=\"endPaddingValue || '0'\" \n (valueChange)=\"onPaddingChanged($event, 'end')\">\n </pep-textbox>\n <pep-textbox *ngIf=\"!padding?.isUniform\"\n type=\"real\"\n [renderSymbol]=\"false\"\n [label]=\"'PADDING_SETTINGS.BOTTOM' | translate\" \n [value]=\"bottomPaddingValue || '0'\" \n (valueChange)=\"onPaddingChanged($event, 'bottom')\">\n </pep-textbox>\n <pep-textbox *ngIf=\"!padding?.isUniform\"\n type=\"real\"\n [renderSymbol]=\"false\"\n [label]=\"'PADDING_SETTINGS.START' | translate\" \n [value]=\"startPaddingValue || '0'\"\n (valueChange)=\"onPaddingChanged($event, 'start')\">\n </pep-textbox>\n </div>\n</div>", styles: [":host{width:100%;display:grid;gap:var(--pep-spacing-lg, 1rem)}:host label{margin-bottom:0}pep-checkbox ::ng-deep .mat-checkbox-inner-container{width:1.25rem;height:1.25rem}.paddingValueCont{display:grid;column-gap:var(--pep-spacing-sm, .5rem);grid-auto-flow:column}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.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: i4.PepTextboxComponent, selector: "pep-textbox", inputs: ["key", "value", "minFractionDigits", "maxFractionDigits", "accessory", "label", "placeholder", "type", "mandatory", "disabled", "readonly", "maxFieldCharacters", "hint", "textColor", "xAlignment", "rowSpan", "minValue", "maxValue", "visible", "form", "isActive", "showTitle", "renderTitle", "renderError", "renderSymbol", "layoutType", "parentFieldKey", "regex", "regexError", "isInFocus"], outputs: ["valueChange", "keyup"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
86
98
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PaddingSettingsComponent, decorators: [{
87
99
  type: Component,
88
- args: [{ selector: 'pep-padding-settings', template: "<div>\n <label class=\"body-xl bold ellipsis title\">{{'PADDING_SETTINGS.TITLE' | translate}}</label>\n <pep-checkbox \n class=\"checkbox-as-sub-title\"\n [label]=\"'PADDING_SETTINGS.UNIFORM' | translate\" \n [renderTitle]=\"false\" \n [value]=\"padding?.isUniform || true\" \n (valueChange)=\"onUniformChanged($event)\">\n </pep-checkbox>\n <div class=\"paddingValueCont\">\n <pep-textbox *ngIf=\"padding?.isUniform\"\n type=\"real\"\n [label]=\"'PADDING_SETTINGS.DESCRIPTION' | translate\" \n [value]=\"padding?.paddingValue || '0'\" \n (valueChange)=\"onPaddingChanged($event, 'uniform')\">\n </pep-textbox>\n <pep-textbox *ngIf=\"!padding?.isUniform\" \n type=\"real\"\n [renderSymbol]=\"false\"\n [label]=\"'PADDING_SETTINGS.TOP' | translate\" \n [value]=\"topPaddingValue || '0'\" \n (valueChange)=\"onPaddingChanged($event, 'top')\">\n </pep-textbox>\n <pep-textbox *ngIf=\"!padding?.isUniform\"\n type=\"real\"\n [renderSymbol]=\"false\"\n [label]=\"'PADDING_SETTINGS.END' | translate\" \n [value]=\"endPaddingValue || '0'\" \n (valueChange)=\"onPaddingChanged($event, 'end')\">\n </pep-textbox>\n <pep-textbox *ngIf=\"!padding?.isUniform\"\n type=\"real\"\n [renderSymbol]=\"false\"\n [label]=\"'PADDING_SETTINGS.BOTTOM' | translate\" \n [value]=\"bottomPaddingValue || '0'\" \n (valueChange)=\"onPaddingChanged($event, 'bottom')\">\n </pep-textbox>\n <pep-textbox *ngIf=\"!padding?.isUniform\"\n type=\"real\"\n [renderSymbol]=\"false\"\n [label]=\"'PADDING_SETTINGS.START' | translate\" \n [value]=\"startPaddingValue || '0'\"\n (valueChange)=\"onPaddingChanged($event, 'start')\">\n </pep-textbox>\n </div>\n</div>", styles: [":host{width:100%;display:grid;gap:var(--pep-spacing-lg, 1rem)}:host label{margin-bottom:0}pep-checkbox ::ng-deep .mat-checkbox-inner-container{width:1.25rem;height:1.25rem}.paddingValueCont{display:grid;column-gap:var(--pep-spacing-sm, .5rem);grid-auto-flow:column}\n"] }]
100
+ args: [{ selector: 'pep-padding-settings', template: "<div>\n <label class=\"body-xl bold ellipsis title\">{{'PADDING_SETTINGS.TITLE' | translate}}</label>\n <pep-checkbox \n class=\"checkbox-as-sub-title\"\n [label]=\"'PADDING_SETTINGS.UNIFORM' | translate\" \n [renderTitle]=\"false\" \n [value]=\"padding?.isUniform || false\" \n (valueChange)=\"onUniformChanged($event)\">\n </pep-checkbox>\n <div class=\"paddingValueCont\">\n <pep-textbox *ngIf=\"padding?.isUniform\"\n type=\"real\"\n [label]=\"'PADDING_SETTINGS.DESCRIPTION' | translate\" \n [value]=\"padding?.paddingValue || '0'\" \n (valueChange)=\"onPaddingChanged($event, 'uniform')\">\n </pep-textbox>\n <pep-textbox *ngIf=\"!padding?.isUniform\" \n type=\"real\"\n [renderSymbol]=\"false\"\n [label]=\"'PADDING_SETTINGS.TOP' | translate\" \n [value]=\"topPaddingValue || '0'\" \n (valueChange)=\"onPaddingChanged($event, 'top')\">\n </pep-textbox>\n <pep-textbox *ngIf=\"!padding?.isUniform\"\n type=\"real\"\n [renderSymbol]=\"false\"\n [label]=\"'PADDING_SETTINGS.END' | translate\" \n [value]=\"endPaddingValue || '0'\" \n (valueChange)=\"onPaddingChanged($event, 'end')\">\n </pep-textbox>\n <pep-textbox *ngIf=\"!padding?.isUniform\"\n type=\"real\"\n [renderSymbol]=\"false\"\n [label]=\"'PADDING_SETTINGS.BOTTOM' | translate\" \n [value]=\"bottomPaddingValue || '0'\" \n (valueChange)=\"onPaddingChanged($event, 'bottom')\">\n </pep-textbox>\n <pep-textbox *ngIf=\"!padding?.isUniform\"\n type=\"real\"\n [renderSymbol]=\"false\"\n [label]=\"'PADDING_SETTINGS.START' | translate\" \n [value]=\"startPaddingValue || '0'\"\n (valueChange)=\"onPaddingChanged($event, 'start')\">\n </pep-textbox>\n </div>\n</div>", styles: [":host{width:100%;display:grid;gap:var(--pep-spacing-lg, 1rem)}:host label{margin-bottom:0}pep-checkbox ::ng-deep .mat-checkbox-inner-container{width:1.25rem;height:1.25rem}.paddingValueCont{display:grid;column-gap:var(--pep-spacing-sm, .5rem);grid-auto-flow:column}\n"] }]
89
101
  }], ctorParameters: function () { return [{ type: i1.TranslateService }]; }, propDecorators: { padding: [{
90
102
  type: Input
91
103
  }], paddingChange: [{
package/fesm2020/pepperi-addons-ngx-composite-lib-padding-settings.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"pepperi-addons-ngx-composite-lib-padding-settings.mjs","sources":["../../../projects/ngx-composite-lib/padding-settings/padding-settings.model.ts","../../../projects/ngx-composite-lib/padding-settings/padding-settings.component.ts","../../../projects/ngx-composite-lib/padding-settings/padding-settings.component.html","../../../projects/ngx-composite-lib/padding-settings/padding-settings.module.ts","../../../projects/ngx-composite-lib/padding-settings/public-api.ts","../../../projects/ngx-composite-lib/padding-settings/pepperi-addons-ngx-composite-lib-padding-settings.ts"],"sourcesContent":["import { PepSizeType } from \"@pepperi-addons/ngx-lib\";\r\n\r\nexport class PepPaddingSettings {\r\n isUniform: boolean;\r\n paddingValue: string;\r\n\r\n constructor(isUniform = true, paddingValue = '0'){\r\n this.isUniform = isUniform;\r\n this.paddingValue = paddingValue;\r\n }\r\n}","import { Component, EventEmitter, Input, Output } from '@angular/core';\nimport { TranslateService } from '@ngx-translate/core';\nimport { PepPaddingSettings } from './padding-settings.model';\n\n@Component({\n selector: 'pep-padding-settings',\n templateUrl: './padding-settings.component.html',\n styleUrls: ['./padding-settings.component.scss']\n})\n\nexport class PaddingSettingsComponent {\n\n public startPaddingValue = '0';\n public endPaddingValue = '0';\n public topPaddingValue = '0';\n public bottomPaddingValue = '0';\n\n private _padding: PepPaddingSettings = new PepPaddingSettings();\n @Input()\n set padding(value: PepPaddingSettings) {\n if (!value) {\n this._padding = new PepPaddingSettings();\n } else {\n this._padding = value;\n }\n }\n get padding(): PepPaddingSettings {\n return this._padding;\n }\n\n @Output()\n paddingChange: EventEmitter<PepPaddingSettings> = new EventEmitter<PepPaddingSettings>();\n\n constructor(\n private translate: TranslateService,\n ) {\n }\n\n private raisePaddingChange() {\n this.paddingChange.emit(this.padding);\n }\n\n onUniformChanged(value: boolean) {\n this.padding.isUniform = value;\n this.formatPaddingValue();\n this.raisePaddingChange();\n }\n\n formatPaddingValue() {\n if(this.padding.isUniform){ \n this.padding.paddingValue =this.padding.paddingValue.split(',')[0];\n } \n else{\n this.topPaddingValue = this.endPaddingValue = this.bottomPaddingValue = this.startPaddingValue = this.padding.paddingValue;\n this.padding.paddingValue = `${this.topPaddingValue},${this.endPaddingValue},${this.bottomPaddingValue},${this.startPaddingValue}`;\n } \n }\n\n onPaddingChanged(value: any, uniformPos: string) {\n if(!this.padding.isUniform){\n switch(uniformPos){\n case 'top':\n this.topPaddingValue = value;\n break;\n case 'end':\n this.endPaddingValue = value;\n break;\n case 'bottom':\n this.bottomPaddingValue = value;\n break;\n case 'start':\n this.startPaddingValue = value;\n break;\n }\n this.padding.paddingValue = `${this.topPaddingValue},${this.endPaddingValue},${this.bottomPaddingValue},${this.startPaddingValue}`;\n }\n else{\n this.padding.paddingValue = `${value}`;\n }\n this.raisePaddingChange();\n }\n}\n","<div>\n <label class=\"body-xl bold ellipsis title\">{{'PADDING_SETTINGS.TITLE' | translate}}</label>\n <pep-checkbox \n class=\"checkbox-as-sub-title\"\n [label]=\"'PADDING_SETTINGS.UNIFORM' | translate\" \n [renderTitle]=\"false\" \n [value]=\"padding?.isUniform || true\" \n (valueChange)=\"onUniformChanged($event)\">\n </pep-checkbox>\n <div class=\"paddingValueCont\">\n <pep-textbox *ngIf=\"padding?.isUniform\"\n type=\"real\"\n [label]=\"'PADDING_SETTINGS.DESCRIPTION' | translate\" \n [value]=\"padding?.paddingValue || '0'\" \n (valueChange)=\"onPaddingChanged($event, 'uniform')\">\n </pep-textbox>\n <pep-textbox *ngIf=\"!padding?.isUniform\" \n type=\"real\"\n [renderSymbol]=\"false\"\n [label]=\"'PADDING_SETTINGS.TOP' | translate\" \n [value]=\"topPaddingValue || '0'\" \n (valueChange)=\"onPaddingChanged($event, 'top')\">\n </pep-textbox>\n <pep-textbox *ngIf=\"!padding?.isUniform\"\n type=\"real\"\n [renderSymbol]=\"false\"\n [label]=\"'PADDING_SETTINGS.END' | translate\" \n [value]=\"endPaddingValue || '0'\" \n (valueChange)=\"onPaddingChanged($event, 'end')\">\n </pep-textbox>\n <pep-textbox *ngIf=\"!padding?.isUniform\"\n type=\"real\"\n [renderSymbol]=\"false\"\n [label]=\"'PADDING_SETTINGS.BOTTOM' | translate\" \n [value]=\"bottomPaddingValue || '0'\" \n (valueChange)=\"onPaddingChanged($event, 'bottom')\">\n </pep-textbox>\n <pep-textbox *ngIf=\"!padding?.isUniform\"\n type=\"real\"\n [renderSymbol]=\"false\"\n [label]=\"'PADDING_SETTINGS.START' | translate\" \n [value]=\"startPaddingValue || '0'\"\n (valueChange)=\"onPaddingChanged($event, 'start')\">\n </pep-textbox>\n </div>\n</div>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { PaddingSettingsComponent } from './padding-settings.component';\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\nimport { PepCheckboxModule } from '@pepperi-addons/ngx-lib/checkbox';\nimport { PepTextboxModule } from '@pepperi-addons/ngx-lib/textbox';\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 PaddingSettingsComponent\n ],\n imports: [\n CommonModule,\n PepNgxLibModule,\n PepCheckboxModule,\n PepTextboxModule,\n PepFieldTitleModule,\n PepGroupButtonsModule,\n PepSliderModule\n ],\n exports: [PaddingSettingsComponent],\n})\nexport class PepPaddingSettingsModule { }\n","/*\n * Public API Surface of ngx-composite-lib/padding-settings\n */\nexport * from './padding-settings.module';\nexport * from './padding-settings.component';\nexport * from './padding-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-padding-settings.mjs","sources":["../../../projects/ngx-composite-lib/padding-settings/padding-settings.model.ts","../../../projects/ngx-composite-lib/padding-settings/padding-settings.component.ts","../../../projects/ngx-composite-lib/padding-settings/padding-settings.component.html","../../../projects/ngx-composite-lib/padding-settings/padding-settings.module.ts","../../../projects/ngx-composite-lib/padding-settings/public-api.ts","../../../projects/ngx-composite-lib/padding-settings/pepperi-addons-ngx-composite-lib-padding-settings.ts"],"sourcesContent":["import { PepSizeType } from \"@pepperi-addons/ngx-lib\";\r\n\r\nexport class PepPaddingSettings {\r\n isUniform: boolean;\r\n paddingValue: string;\r\n\r\n constructor(isUniform = true, paddingValue = '0'){\r\n this.isUniform = isUniform;\r\n this.paddingValue = paddingValue;\r\n }\r\n}","import { Component, EventEmitter, Input, Output } from '@angular/core';\nimport { TranslateService } from '@ngx-translate/core';\nimport { PepPaddingSettings } from './padding-settings.model';\n\n@Component({\n selector: 'pep-padding-settings',\n templateUrl: './padding-settings.component.html',\n styleUrls: ['./padding-settings.component.scss']\n})\n\nexport class PaddingSettingsComponent {\n\n public startPaddingValue = '0';\n public endPaddingValue = '0';\n public topPaddingValue = '0';\n public bottomPaddingValue = '0';\n\n private _padding: PepPaddingSettings = new PepPaddingSettings();\n @Input()\n set padding(value: PepPaddingSettings) {\n if (!value) {\n this._padding = new PepPaddingSettings();\n } else {\n this._padding = value;\n }\n }\n get padding(): PepPaddingSettings {\n return this._padding;\n }\n\n @Output()\n paddingChange: EventEmitter<PepPaddingSettings> = new EventEmitter<PepPaddingSettings>();\n\n constructor(\n private translate: TranslateService,\n ) {\n if(!this.padding.isUniform){\n this.formatPaddingValue();\n }\n }\n\n private raisePaddingChange() {\n this.paddingChange.emit(this.padding);\n }\n\n onUniformChanged(value: boolean) {\n this.padding.isUniform = value;\n this.formatPaddingValue();\n this.raisePaddingChange();\n }\n\n formatPaddingValue() {\n if(this.padding.isUniform){ \n this.padding.paddingValue = this.padding.paddingValue.split(',')[0];\n } \n else{\n if(isNaN(Number(this.padding.paddingValue))){\n const num = this.padding.paddingValue.split(',') || ['0','0','0','0'];\n this.topPaddingValue = num[0];\n this.endPaddingValue = num[1];\n this.bottomPaddingValue = num[2];\n this.startPaddingValue = num[3];\n }\n else{\n this.topPaddingValue = this.endPaddingValue = this.bottomPaddingValue = this.startPaddingValue = this.padding.paddingValue;\n }\n \n this.padding.paddingValue = `${this.topPaddingValue},${this.endPaddingValue},${this.bottomPaddingValue},${this.startPaddingValue}`;\n } \n }\n\n onPaddingChanged(value: any, uniformPos: string) {\n if(!this.padding.isUniform){\n switch(uniformPos){\n case 'top':\n this.topPaddingValue = value;\n break;\n case 'end':\n this.endPaddingValue = value;\n break;\n case 'bottom':\n this.bottomPaddingValue = value;\n break;\n case 'start':\n this.startPaddingValue = value;\n break;\n }\n this.padding.paddingValue = `${this.topPaddingValue},${this.endPaddingValue},${this.bottomPaddingValue},${this.startPaddingValue}`;\n }\n else{\n this.padding.paddingValue = `${value}`;\n }\n this.raisePaddingChange();\n }\n}\n","<div>\n <label class=\"body-xl bold ellipsis title\">{{'PADDING_SETTINGS.TITLE' | translate}}</label>\n <pep-checkbox \n class=\"checkbox-as-sub-title\"\n [label]=\"'PADDING_SETTINGS.UNIFORM' | translate\" \n [renderTitle]=\"false\" \n [value]=\"padding?.isUniform || false\" \n (valueChange)=\"onUniformChanged($event)\">\n </pep-checkbox>\n <div class=\"paddingValueCont\">\n <pep-textbox *ngIf=\"padding?.isUniform\"\n type=\"real\"\n [label]=\"'PADDING_SETTINGS.DESCRIPTION' | translate\" \n [value]=\"padding?.paddingValue || '0'\" \n (valueChange)=\"onPaddingChanged($event, 'uniform')\">\n </pep-textbox>\n <pep-textbox *ngIf=\"!padding?.isUniform\" \n type=\"real\"\n [renderSymbol]=\"false\"\n [label]=\"'PADDING_SETTINGS.TOP' | translate\" \n [value]=\"topPaddingValue || '0'\" \n (valueChange)=\"onPaddingChanged($event, 'top')\">\n </pep-textbox>\n <pep-textbox *ngIf=\"!padding?.isUniform\"\n type=\"real\"\n [renderSymbol]=\"false\"\n [label]=\"'PADDING_SETTINGS.END' | translate\" \n [value]=\"endPaddingValue || '0'\" \n (valueChange)=\"onPaddingChanged($event, 'end')\">\n </pep-textbox>\n <pep-textbox *ngIf=\"!padding?.isUniform\"\n type=\"real\"\n [renderSymbol]=\"false\"\n [label]=\"'PADDING_SETTINGS.BOTTOM' | translate\" \n [value]=\"bottomPaddingValue || '0'\" \n (valueChange)=\"onPaddingChanged($event, 'bottom')\">\n </pep-textbox>\n <pep-textbox *ngIf=\"!padding?.isUniform\"\n type=\"real\"\n [renderSymbol]=\"false\"\n [label]=\"'PADDING_SETTINGS.START' | translate\" \n [value]=\"startPaddingValue || '0'\"\n (valueChange)=\"onPaddingChanged($event, 'start')\">\n </pep-textbox>\n </div>\n</div>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { PaddingSettingsComponent } from './padding-settings.component';\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\nimport { PepCheckboxModule } from '@pepperi-addons/ngx-lib/checkbox';\nimport { PepTextboxModule } from '@pepperi-addons/ngx-lib/textbox';\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 PaddingSettingsComponent\n ],\n imports: [\n CommonModule,\n PepNgxLibModule,\n PepCheckboxModule,\n PepTextboxModule,\n PepFieldTitleModule,\n PepGroupButtonsModule,\n PepSliderModule\n ],\n exports: [PaddingSettingsComponent],\n})\nexport class PepPaddingSettingsModule { }\n","/*\n * Public API Surface of ngx-composite-lib/padding-settings\n */\nexport * from './padding-settings.module';\nexport * from './padding-settings.component';\nexport * from './padding-settings.model';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pepperi-addons/ngx-composite-lib",
3
- "version": "0.4.2-beta.100",
3
+ "version": "0.4.2-beta.101",
4
4
  "peerDependencies": {
5
5
  "@angular/animations": ">= 14.0.2",
6
6
  "@angular/cdk": ">= 14.0.2",