@seniorsistemas/angular-components 16.10.0 → 16.10.2
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/bundles/seniorsistemas-angular-components.umd.js +184 -40
- package/bundles/seniorsistemas-angular-components.umd.js.map +1 -1
- package/bundles/seniorsistemas-angular-components.umd.min.js +2 -2
- package/bundles/seniorsistemas-angular-components.umd.min.js.map +1 -1
- package/components/dynamic-form/components/fields/base-field-component.d.ts +2 -1
- package/components/dynamic-form/components/fields/radio-button/radio-button-field.component.d.ts +1 -0
- package/components/dynamic-form/components/fields/slider/slider-field.component.d.ts +18 -0
- package/components/dynamic-form/configurations/dynamic-type.d.ts +2 -1
- package/components/dynamic-form/configurations/field-type.d.ts +2 -1
- package/components/dynamic-form/configurations/fields/radio-button-field.d.ts +7 -5
- package/components/dynamic-form/configurations/fields/slider-field.d.ts +31 -0
- package/components/dynamic-form/configurations/form-field.d.ts +4 -0
- package/components/product-header/product-header.component.d.ts +1 -0
- package/esm2015/components/country-phone-picker/country-phone-picker.component.js +1 -1
- package/esm2015/components/dynamic-form/components/fields/base-field-component.js +1 -1
- package/esm2015/components/dynamic-form/components/fields/radio-button/radio-button-field.component.js +12 -3
- package/esm2015/components/dynamic-form/components/fields/slider/slider-field.component.js +88 -0
- package/esm2015/components/dynamic-form/configurations/dynamic-config.js +4 -1
- package/esm2015/components/dynamic-form/configurations/dynamic-type.js +2 -1
- package/esm2015/components/dynamic-form/configurations/field-type.js +2 -1
- package/esm2015/components/dynamic-form/configurations/fields/radio-button-field.js +8 -7
- package/esm2015/components/dynamic-form/configurations/fields/slider-field.js +21 -0
- package/esm2015/components/dynamic-form/configurations/form-field.js +4 -1
- package/esm2015/components/dynamic-form/dynamic-form.js +4 -1
- package/esm2015/components/dynamic-form/dynamic-form.module.js +7 -2
- package/esm2015/components/product-header/product-header.component.js +13 -3
- package/esm2015/seniorsistemas-angular-components.js +26 -25
- package/esm5/components/country-phone-picker/country-phone-picker.component.js +1 -1
- package/esm5/components/dynamic-form/components/fields/base-field-component.js +1 -1
- package/esm5/components/dynamic-form/components/fields/radio-button/radio-button-field.component.js +8 -3
- package/esm5/components/dynamic-form/components/fields/slider/slider-field.component.js +100 -0
- package/esm5/components/dynamic-form/configurations/dynamic-config.js +4 -1
- package/esm5/components/dynamic-form/configurations/dynamic-type.js +2 -1
- package/esm5/components/dynamic-form/configurations/field-type.js +2 -1
- package/esm5/components/dynamic-form/configurations/fields/radio-button-field.js +10 -9
- package/esm5/components/dynamic-form/configurations/fields/slider-field.js +26 -0
- package/esm5/components/dynamic-form/configurations/form-field.js +4 -1
- package/esm5/components/dynamic-form/dynamic-form.js +4 -1
- package/esm5/components/dynamic-form/dynamic-form.module.js +7 -2
- package/esm5/components/product-header/product-header.component.js +13 -3
- package/esm5/seniorsistemas-angular-components.js +26 -25
- package/fesm2015/seniorsistemas-angular-components.js +145 -12
- package/fesm2015/seniorsistemas-angular-components.js.map +1 -1
- package/fesm5/seniorsistemas-angular-components.js +157 -13
- package/fesm5/seniorsistemas-angular-components.js.map +1 -1
- package/package.json +3 -3
- package/seniorsistemas-angular-components.d.ts +25 -24
- package/seniorsistemas-angular-components.metadata.json +1 -1
|
@@ -37,6 +37,7 @@ import { MultiSelectModule } from 'primeng/multiselect';
|
|
|
37
37
|
import { InputSwitchModule } from 'primeng/inputswitch';
|
|
38
38
|
import { PanelModule as PanelModule$1 } from 'primeng/panel';
|
|
39
39
|
import { RadioButtonModule } from 'primeng/radiobutton';
|
|
40
|
+
import { SliderModule } from 'primeng/slider';
|
|
40
41
|
import { ProgressBarModule as ProgressBarModule$1 } from 'primeng/progressbar';
|
|
41
42
|
import { DomSanitizer } from '@angular/platform-browser';
|
|
42
43
|
import Cropper from 'cropperjs';
|
|
@@ -1603,7 +1604,7 @@ var CountryPhonePickerComponent = /** @class */ (function () {
|
|
|
1603
1604
|
useExisting: CountryPhonePickerComponent_1,
|
|
1604
1605
|
multi: true,
|
|
1605
1606
|
}],
|
|
1606
|
-
styles: [".country-phone-picker .phone-input{background-color:#fff;border:1px solid #d8d8d8;border-radius:4px;display:-ms-flexbox;display:flex}.country-phone-picker .phone-input .drop{-ms-flex-align:center;align-items:center;cursor:pointer;display:-ms-flexbox;display:flex}.country-phone-picker .phone-input .drop .drop-flag{margin-left:12px}.country-phone-picker .phone-input .drop .drop-icon{font-size:12px;margin:0 8px}.country-phone-picker .phone-input .phone-ddi{margin:8px 0}.country-phone-picker .phone-input input{border:none;-ms-flex-positive:1;flex-grow:1;font-family:\"Open Sans\",sans-serif;font-size:14px;font-weight:400;line-height:150%;margin-left:8px}.country-phone-picker .phone-input input:focus{color:#697882;outline:0}.country-phone-picker .dropdown{background-color:#fff;border-radius:4px;box-shadow:0 4px 5px #00000033;padding:4px 0;position:absolute;margin:2px 0;z-index:999999}.country-phone-picker .dropdown .search{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;padding:8px 12px}.country-phone-picker .dropdown .search .search-field{border:1px solid #d8d8d8;border-radius:4px;-ms-flex-positive:1;flex-grow:1;font-family:\"Open Sans\",sans-serif;font-size:14px;font-weight:400;height:36px;line-height:150%;padding:0 32px 0 8px}.country-phone-picker .dropdown .search .search-icon{color:#333;font-size:12px;position:relative;right:24px}.country-phone-picker .dropdown .search .search-clear{color:#333;cursor:pointer;font-size:1rem}.country-phone-picker .dropdown .select-list{list-style:none;max-height:234px;min-width:360px;max-width:100vw;overflow:scroll;padding:0}.country-phone-picker .dropdown .select-list .select-option{cursor:pointer;display:-ms-flexbox;display:flex;padding:12px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.country-phone-picker .dropdown .select-list .select-option .select-option__flag{margin-right:12px}.country-phone-picker .dropdown .select-list .select-option .select-option__name{margin-right:.5rem;max-width:100%;overflow:hidden;text-overflow:ellipsis}.country-phone-picker .dropdown .select-list .select-option .select-option__ddi{color:#697882;font-size:14px;font-family:\"Open Sans\",sans-serif;font-weight:400;line-height:150%}.country-phone-picker .dropdown .select-list .select-option--focused,.country-phone-picker .dropdown .select-list .select-option:hover{background-color:#e5eaea}"]
|
|
1607
|
+
styles: [".country-phone-picker .phone-input{background-color:#fff;border:1px solid #d8d8d8;border-radius:4px;display:-ms-flexbox;display:flex;line-height:normal}.country-phone-picker .phone-input .drop{-ms-flex-align:center;align-items:center;cursor:pointer;display:-ms-flexbox;display:flex}.country-phone-picker .phone-input .drop .drop-flag{margin-left:12px}.country-phone-picker .phone-input .drop .drop-icon{font-size:12px;margin:0 8px}.country-phone-picker .phone-input .phone-ddi{margin:8px 0}.country-phone-picker .phone-input input{border:none;-ms-flex-positive:1;flex-grow:1;font-family:\"Open Sans\",sans-serif;font-size:14px;font-weight:400;line-height:150%;margin-left:8px}.country-phone-picker .phone-input input:focus{color:#697882;outline:0}.country-phone-picker .dropdown{background-color:#fff;border-radius:4px;box-shadow:0 4px 5px #00000033;padding:4px 0;position:absolute;margin:2px 0;z-index:999999}.country-phone-picker .dropdown .search{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;padding:8px 12px}.country-phone-picker .dropdown .search .search-field{border:1px solid #d8d8d8;border-radius:4px;-ms-flex-positive:1;flex-grow:1;font-family:\"Open Sans\",sans-serif;font-size:14px;font-weight:400;height:36px;line-height:150%;padding:0 32px 0 8px}.country-phone-picker .dropdown .search .search-icon{color:#333;font-size:12px;position:relative;right:24px}.country-phone-picker .dropdown .search .search-clear{color:#333;cursor:pointer;font-size:1rem}.country-phone-picker .dropdown .select-list{list-style:none;max-height:234px;min-width:360px;max-width:100vw;overflow:scroll;padding:0}.country-phone-picker .dropdown .select-list .select-option{cursor:pointer;display:-ms-flexbox;display:flex;padding:12px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.country-phone-picker .dropdown .select-list .select-option .select-option__flag{margin-right:12px}.country-phone-picker .dropdown .select-list .select-option .select-option__name{margin-right:.5rem;max-width:100%;overflow:hidden;text-overflow:ellipsis}.country-phone-picker .dropdown .select-list .select-option .select-option__ddi{color:#697882;font-size:14px;font-family:\"Open Sans\",sans-serif;font-weight:400;line-height:150%}.country-phone-picker .dropdown .select-list .select-option--focused,.country-phone-picker .dropdown .select-list .select-option:hover{background-color:#e5eaea}"]
|
|
1607
1608
|
})
|
|
1608
1609
|
], CountryPhonePickerComponent);
|
|
1609
1610
|
return CountryPhonePickerComponent;
|
|
@@ -1650,6 +1651,7 @@ var FieldType;
|
|
|
1650
1651
|
FieldType["Number"] = "Number";
|
|
1651
1652
|
FieldType["Custom"] = "Custom";
|
|
1652
1653
|
FieldType["Password"] = "Password";
|
|
1654
|
+
FieldType["Slider"] = "Slider";
|
|
1653
1655
|
})(FieldType || (FieldType = {}));
|
|
1654
1656
|
|
|
1655
1657
|
var FieldSize = /** @class */ (function () {
|
|
@@ -2465,11 +2467,19 @@ var LookupField = /** @class */ (function (_super) {
|
|
|
2465
2467
|
return LookupField;
|
|
2466
2468
|
}(Field));
|
|
2467
2469
|
|
|
2470
|
+
var RationButtonOption = /** @class */ (function () {
|
|
2471
|
+
function RationButtonOption(config) {
|
|
2472
|
+
this.label = config.label;
|
|
2473
|
+
this.value = config.value;
|
|
2474
|
+
}
|
|
2475
|
+
return RationButtonOption;
|
|
2476
|
+
}());
|
|
2468
2477
|
var RadioButtonField = /** @class */ (function (_super) {
|
|
2469
2478
|
__extends(RadioButtonField, _super);
|
|
2470
2479
|
function RadioButtonField(config) {
|
|
2471
2480
|
var _this = _super.call(this, config) || this;
|
|
2472
2481
|
_this.verticalAlignment = config.verticalAlignment;
|
|
2482
|
+
_this.clearLabel = config.clearLabel;
|
|
2473
2483
|
_this.options = config.options;
|
|
2474
2484
|
_this.onBlur = config.onBlur;
|
|
2475
2485
|
_this.onFocus = config.onFocus;
|
|
@@ -2478,13 +2488,6 @@ var RadioButtonField = /** @class */ (function (_super) {
|
|
|
2478
2488
|
}
|
|
2479
2489
|
return RadioButtonField;
|
|
2480
2490
|
}(Field));
|
|
2481
|
-
var RationButtonOption = /** @class */ (function () {
|
|
2482
|
-
function RationButtonOption(config) {
|
|
2483
|
-
this.label = config.label;
|
|
2484
|
-
this.value = config.value;
|
|
2485
|
-
}
|
|
2486
|
-
return RationButtonOption;
|
|
2487
|
-
}());
|
|
2488
2491
|
|
|
2489
2492
|
var SelectField = /** @class */ (function (_super) {
|
|
2490
2493
|
__extends(SelectField, _super);
|
|
@@ -2567,6 +2570,29 @@ var PasswordField = /** @class */ (function (_super) {
|
|
|
2567
2570
|
return PasswordField;
|
|
2568
2571
|
}(Field));
|
|
2569
2572
|
|
|
2573
|
+
var SliderField = /** @class */ (function (_super) {
|
|
2574
|
+
__extends(SliderField, _super);
|
|
2575
|
+
function SliderField(config) {
|
|
2576
|
+
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
2577
|
+
var _this = _super.call(this, config) || this;
|
|
2578
|
+
_this.maxDefault = 100;
|
|
2579
|
+
_this.onChange = config.onChange;
|
|
2580
|
+
_this.onSlideEnd = config.onSlideEnd;
|
|
2581
|
+
_this.range = (_a = config.range) !== null && _a !== void 0 ? _a : false;
|
|
2582
|
+
_this.min = (_b = config.min) !== null && _b !== void 0 ? _b : 0;
|
|
2583
|
+
_this.max = (_c = config.max) !== null && _c !== void 0 ? _c : _this.maxDefault;
|
|
2584
|
+
_this.orientation = (_d = config.orientation) !== null && _d !== void 0 ? _d : "horizontal";
|
|
2585
|
+
_this.step = (_e = config.step) !== null && _e !== void 0 ? _e : 1;
|
|
2586
|
+
_this.animate = (_f = config.animate) !== null && _f !== void 0 ? _f : false;
|
|
2587
|
+
_this.disabled = (_g = config.disabled) !== null && _g !== void 0 ? _g : false;
|
|
2588
|
+
_this.prefix = config.prefix;
|
|
2589
|
+
_this.suffix = config.suffix;
|
|
2590
|
+
_this.rangeSeparator = (_h = config.rangeSeparator) !== null && _h !== void 0 ? _h : ' - ';
|
|
2591
|
+
return _this;
|
|
2592
|
+
}
|
|
2593
|
+
return SliderField;
|
|
2594
|
+
}(Field));
|
|
2595
|
+
|
|
2570
2596
|
var FormField = /** @class */ (function () {
|
|
2571
2597
|
function FormField(config) {
|
|
2572
2598
|
switch (config.type) {
|
|
@@ -2607,6 +2633,8 @@ var FormField = /** @class */ (function () {
|
|
|
2607
2633
|
return new ChipsField(config);
|
|
2608
2634
|
case FieldType.Blob:
|
|
2609
2635
|
return new BlobField(config);
|
|
2636
|
+
case FieldType.Slider:
|
|
2637
|
+
return new SliderField(config);
|
|
2610
2638
|
case FieldType.Custom:
|
|
2611
2639
|
var CustomFieldClass = config.CustomFieldClass, otherConfigs = __rest(config, ["CustomFieldClass"]);
|
|
2612
2640
|
return new CustomFieldClass(otherConfigs);
|
|
@@ -3189,6 +3217,7 @@ var DynamicType;
|
|
|
3189
3217
|
DynamicType["Time"] = "Time";
|
|
3190
3218
|
DynamicType["Number"] = "Number";
|
|
3191
3219
|
DynamicType["Password"] = "Password";
|
|
3220
|
+
DynamicType["Slider"] = "Slider";
|
|
3192
3221
|
})(DynamicType || (DynamicType = {}));
|
|
3193
3222
|
|
|
3194
3223
|
var Grid = /** @class */ (function () {
|
|
@@ -3274,6 +3303,8 @@ var DynamicConfig = /** @class */ (function () {
|
|
|
3274
3303
|
return new Row(config);
|
|
3275
3304
|
case DynamicType.Section:
|
|
3276
3305
|
return new Section(config);
|
|
3306
|
+
case DynamicType.Slider:
|
|
3307
|
+
return new SliderField(config);
|
|
3277
3308
|
case DynamicType.Text:
|
|
3278
3309
|
return new TextAreaField(config);
|
|
3279
3310
|
}
|
|
@@ -6371,6 +6402,9 @@ var RadioButtonComponent = /** @class */ (function () {
|
|
|
6371
6402
|
this.ngUnsubscribe.next();
|
|
6372
6403
|
this.ngUnsubscribe.complete();
|
|
6373
6404
|
};
|
|
6405
|
+
RadioButtonComponent.prototype.onClear = function () {
|
|
6406
|
+
this.formControl.reset();
|
|
6407
|
+
};
|
|
6374
6408
|
__decorate([
|
|
6375
6409
|
Input()
|
|
6376
6410
|
], RadioButtonComponent.prototype, "field", void 0);
|
|
@@ -6385,7 +6419,9 @@ var RadioButtonComponent = /** @class */ (function () {
|
|
|
6385
6419
|
], RadioButtonComponent.prototype, "onFocus", void 0);
|
|
6386
6420
|
RadioButtonComponent = __decorate([
|
|
6387
6421
|
Component({
|
|
6388
|
-
template: "<ng-container *ngIf=\"field.verticalAlignment;else horizontalAlignment\">\n <div class=\"ui-g\">\n <div\n *ngFor=\"let option of field.options; let i = index\"\n class=\"ui-g-12\">\n <ng-container\n [ngTemplateOutlet]=\"radioButton\"\n [ngTemplateOutletContext]=\"{option: option, index: i}\">\n </ng-container>\n </div>\n </div>\n</ng-container>\n\n<ng-template #horizontalAlignment>\n <div class=\"ui-g\">\n <ng-container\n *ngFor=\"let option of field.options; let i = index\"\n [ngTemplateOutlet]=\"radioButton\"\n [ngTemplateOutletContext]=\"{option: option, index: i}\">\n </ng-container>\n </div>\n</ng-template>\n\n<ng-template #radioButton let-option=\"option\" let-i=\"index\">\n <p-radioButton\n [name]=\"field.name\"\n [value]=\"option.value\"\n [label]=\"option.label\"\n [formControl]=\"formControl\"\n [inputId]=\"(field.id || field.name) + '-' + i\"\n [sTooltip]=\"field.tooltip\"\n (onClick)=\"onClick.next($event)\"\n (onFocus)=\"onFocus.next($event)\"\n (onBlur)=\"field.onBlur ? field.onBlur($event) : null\">\n </p-radioButton>\n</ng-template>\n"
|
|
6422
|
+
template: "<ng-container *ngIf=\"field.verticalAlignment;else horizontalAlignment\">\n <div class=\"ui-g\">\n <div\n *ngFor=\"let option of field.options; let i = index\"\n class=\"ui-g-12\">\n <ng-container\n [ngTemplateOutlet]=\"radioButton\"\n [ngTemplateOutletContext]=\"{option: option, index: i}\">\n </ng-container>\n </div>\n <s-button\n *ngIf=\"field.showClear && !field.required() && !formControl.disabled\"\n [label]=\"field.clearLabel || 'Clear selection'\"\n (onClick)=\"onClear()\"\n priority=\"link\">\n </s-button>\n </div>\n</ng-container>\n\n<ng-template #horizontalAlignment>\n <div class=\"ui-g\">\n <ng-container\n *ngFor=\"let option of field.options; let i = index\"\n [ngTemplateOutlet]=\"radioButton\"\n [ngTemplateOutletContext]=\"{option: option, index: i}\">\n </ng-container>\n </div>\n <s-button\n *ngIf=\"field.showClear && !field.required() && !formControl.disabled\"\n class=\"horizontal-clear-option\"\n [label]=\"field.clearLabel || 'Clear selection'\"\n (onClick)=\"onClear()\"\n priority=\"link\">\n </s-button>\n</ng-template>\n\n<ng-template #radioButton let-option=\"option\" let-i=\"index\">\n <p-radioButton\n [name]=\"field.name\"\n [value]=\"option.value\"\n [label]=\"option.label\"\n [formControl]=\"formControl\"\n [inputId]=\"(field.id || field.name) + '-' + i\"\n [sTooltip]=\"field.tooltip\"\n (onClick)=\"onClick.next($event)\"\n (onFocus)=\"onFocus.next($event)\"\n (onBlur)=\"field.onBlur ? field.onBlur($event) : null\">\n </p-radioButton>\n</ng-template>\n",
|
|
6423
|
+
encapsulation: ViewEncapsulation.None,
|
|
6424
|
+
styles: ["\n s-button.horizontal-clear-option button {\n width: min-content !important;\n }\n "]
|
|
6389
6425
|
})
|
|
6390
6426
|
], RadioButtonComponent);
|
|
6391
6427
|
return RadioButtonComponent;
|
|
@@ -6756,6 +6792,99 @@ var PasswordFieldComponent = /** @class */ (function () {
|
|
|
6756
6792
|
return PasswordFieldComponent;
|
|
6757
6793
|
}());
|
|
6758
6794
|
|
|
6795
|
+
var SliderFieldComponent = /** @class */ (function (_super) {
|
|
6796
|
+
__extends(SliderFieldComponent, _super);
|
|
6797
|
+
function SliderFieldComponent() {
|
|
6798
|
+
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
6799
|
+
_this.onChange = new EventEmitter();
|
|
6800
|
+
_this.onSlideEnd = new EventEmitter();
|
|
6801
|
+
_this.ngUnsubscribe = new Subject();
|
|
6802
|
+
return _this;
|
|
6803
|
+
}
|
|
6804
|
+
SliderFieldComponent.prototype.ngOnInit = function () {
|
|
6805
|
+
var _this = this;
|
|
6806
|
+
var _a, _b;
|
|
6807
|
+
this.onChange.pipe(takeUntil(this.ngUnsubscribe))
|
|
6808
|
+
.subscribe(function (event) {
|
|
6809
|
+
if (_this.field.onChange) {
|
|
6810
|
+
_this.field.onChange(event);
|
|
6811
|
+
}
|
|
6812
|
+
});
|
|
6813
|
+
this.onSlideEnd.pipe(takeUntil(this.ngUnsubscribe))
|
|
6814
|
+
.subscribe(function (event) {
|
|
6815
|
+
if (_this.field.onSlideEnd) {
|
|
6816
|
+
_this.field.onSlideEnd(event);
|
|
6817
|
+
}
|
|
6818
|
+
});
|
|
6819
|
+
var values = ((_a = this.field) === null || _a === void 0 ? void 0 : _a.range) ? [this.field.min, this.field.max] : this.field.min;
|
|
6820
|
+
this.formControl.setValue((_b = this.field.defaultValue) !== null && _b !== void 0 ? _b : values);
|
|
6821
|
+
};
|
|
6822
|
+
SliderFieldComponent.prototype.ngOnDestroy = function () {
|
|
6823
|
+
this.ngUnsubscribe.next();
|
|
6824
|
+
this.ngUnsubscribe.complete();
|
|
6825
|
+
};
|
|
6826
|
+
Object.defineProperty(SliderFieldComponent.prototype, "fieldType", {
|
|
6827
|
+
get: function () {
|
|
6828
|
+
return FieldType;
|
|
6829
|
+
},
|
|
6830
|
+
enumerable: true,
|
|
6831
|
+
configurable: true
|
|
6832
|
+
});
|
|
6833
|
+
SliderFieldComponent.prototype.getRangeLabel = function () {
|
|
6834
|
+
var _a, _b, _c, _d;
|
|
6835
|
+
var _e = __read((_a = this.formControl.value) !== null && _a !== void 0 ? _a : [0, 0], 2), value0 = _e[0], value1 = _e[1];
|
|
6836
|
+
var prefix = (_b = this.field.prefix) !== null && _b !== void 0 ? _b : '';
|
|
6837
|
+
var suffix = (_c = this.field.suffix) !== null && _c !== void 0 ? _c : '';
|
|
6838
|
+
var separator = (_d = this.field.rangeSeparator) !== null && _d !== void 0 ? _d : ' - ';
|
|
6839
|
+
if (!value0 || value0 < this.field.min) {
|
|
6840
|
+
value0 = this.field.min;
|
|
6841
|
+
}
|
|
6842
|
+
if (!value1 || value1 > this.field.max) {
|
|
6843
|
+
value1 = this.field.max;
|
|
6844
|
+
}
|
|
6845
|
+
return "" + prefix + value0 + suffix + separator + prefix + value1 + suffix;
|
|
6846
|
+
};
|
|
6847
|
+
SliderFieldComponent.prototype.getNonRangeLabel = function () {
|
|
6848
|
+
var _a, _b, _c;
|
|
6849
|
+
var value = (_a = this.formControl) === null || _a === void 0 ? void 0 : _a.value;
|
|
6850
|
+
var prefix = (_b = this.field.prefix) !== null && _b !== void 0 ? _b : '';
|
|
6851
|
+
var suffix = (_c = this.field.suffix) !== null && _c !== void 0 ? _c : '';
|
|
6852
|
+
if (!value || value < this.field.min) {
|
|
6853
|
+
value = this.field.min;
|
|
6854
|
+
}
|
|
6855
|
+
if (value > this.field.max) {
|
|
6856
|
+
value = this.field.max;
|
|
6857
|
+
}
|
|
6858
|
+
return "" + prefix + value + suffix;
|
|
6859
|
+
};
|
|
6860
|
+
Object.defineProperty(SliderFieldComponent.prototype, "label", {
|
|
6861
|
+
get: function () {
|
|
6862
|
+
return this.field.range ? this.getRangeLabel() : this.getNonRangeLabel();
|
|
6863
|
+
},
|
|
6864
|
+
enumerable: true,
|
|
6865
|
+
configurable: true
|
|
6866
|
+
});
|
|
6867
|
+
__decorate([
|
|
6868
|
+
Input()
|
|
6869
|
+
], SliderFieldComponent.prototype, "field", void 0);
|
|
6870
|
+
__decorate([
|
|
6871
|
+
Input()
|
|
6872
|
+
], SliderFieldComponent.prototype, "formControl", void 0);
|
|
6873
|
+
__decorate([
|
|
6874
|
+
Output()
|
|
6875
|
+
], SliderFieldComponent.prototype, "onChange", void 0);
|
|
6876
|
+
__decorate([
|
|
6877
|
+
Output()
|
|
6878
|
+
], SliderFieldComponent.prototype, "onSlideEnd", void 0);
|
|
6879
|
+
SliderFieldComponent = __decorate([
|
|
6880
|
+
Component({
|
|
6881
|
+
template: "<ng-container>\n <div class=\"slider-group\">\n <div class=\"slider-label\">\n <span>{{label}}</span>\n </div>\n <p-slider \n [id]=\"(field.id || field.name)\"\n [formControl]=\"formControl\"\n [range]=\"field.range\"\n [orientation]=\"field.orientation\"\n [min]=\"field.min\" \n [max]=\"field.max\"\n [step]=\"field.step\"\n [animate]=\"field.animate\" \n (onChange)=\"field.onChange ? field.onChange($event) : null\"\n (onSlideEnd)=\"field.onSlideEnd ? field.onSlideEnd($event) : null\">\n </p-slider>\n </div>\n</ng-container>",
|
|
6882
|
+
styles: [".slider-label{margin-bottom:5px;margin-left:-10px}.slider-group{margin-left:9px;margin-right:11px}"]
|
|
6883
|
+
})
|
|
6884
|
+
], SliderFieldComponent);
|
|
6885
|
+
return SliderFieldComponent;
|
|
6886
|
+
}(BaseFieldComponent));
|
|
6887
|
+
|
|
6759
6888
|
var DynamicForm = /** @class */ (function () {
|
|
6760
6889
|
function DynamicForm(_a) {
|
|
6761
6890
|
var group = _a.group, errorMessages = _a.errorMessages;
|
|
@@ -6841,6 +6970,8 @@ var DynamicField = /** @class */ (function (_super) {
|
|
|
6841
6970
|
return PasswordFieldComponent;
|
|
6842
6971
|
case FieldType.Blob:
|
|
6843
6972
|
return FileUploadComponent$1;
|
|
6973
|
+
case FieldType.Slider:
|
|
6974
|
+
return SliderFieldComponent;
|
|
6844
6975
|
case FieldType.Custom:
|
|
6845
6976
|
return this.field.CustomFieldComponentClass;
|
|
6846
6977
|
default:
|
|
@@ -7455,6 +7586,7 @@ var DynamicFormModule = /** @class */ (function () {
|
|
|
7455
7586
|
MouseEventsModule,
|
|
7456
7587
|
InputSwitchModule,
|
|
7457
7588
|
PasswordStrengthModule,
|
|
7589
|
+
SliderModule,
|
|
7458
7590
|
],
|
|
7459
7591
|
declarations: [
|
|
7460
7592
|
AutocompleteFieldComponent,
|
|
@@ -7479,6 +7611,7 @@ var DynamicFormModule = /** @class */ (function () {
|
|
|
7479
7611
|
TextFieldComponent,
|
|
7480
7612
|
BooleanSwitchFieldComponent,
|
|
7481
7613
|
PasswordFieldComponent,
|
|
7614
|
+
SliderFieldComponent,
|
|
7482
7615
|
],
|
|
7483
7616
|
exports: [DynamicFormComponent, LookupComponent],
|
|
7484
7617
|
entryComponents: [
|
|
@@ -7499,7 +7632,8 @@ var DynamicFormModule = /** @class */ (function () {
|
|
|
7499
7632
|
TextAreaFieldComponent,
|
|
7500
7633
|
TextFieldComponent,
|
|
7501
7634
|
PasswordFieldComponent,
|
|
7502
|
-
BooleanSwitchFieldComponent
|
|
7635
|
+
BooleanSwitchFieldComponent,
|
|
7636
|
+
SliderFieldComponent,
|
|
7503
7637
|
],
|
|
7504
7638
|
providers: [HotkeysService]
|
|
7505
7639
|
})
|
|
@@ -9005,10 +9139,17 @@ var ProductHeaderComponent = /** @class */ (function () {
|
|
|
9005
9139
|
function ProductHeaderComponent() {
|
|
9006
9140
|
this.id = "s-product-header-" + ProductHeaderComponent_1.nextId++;
|
|
9007
9141
|
this.baseZIndex = 0;
|
|
9142
|
+
this.isHeaderFrame = true;
|
|
9008
9143
|
}
|
|
9009
9144
|
ProductHeaderComponent_1 = ProductHeaderComponent;
|
|
9010
9145
|
ProductHeaderComponent.prototype.ngAfterViewInit = function () {
|
|
9011
9146
|
this.container.nativeElement.style.zIndex = String(this.baseZIndex + ++DomHandler.zindex);
|
|
9147
|
+
if (this.isHeaderFrame) {
|
|
9148
|
+
this.container.nativeElement.style.borderBottom = "1px solid $default-secondary-color";
|
|
9149
|
+
}
|
|
9150
|
+
else {
|
|
9151
|
+
this.container.nativeElement.style.borderTop = "1px solid $default-secondary-color";
|
|
9152
|
+
}
|
|
9012
9153
|
};
|
|
9013
9154
|
var ProductHeaderComponent_1;
|
|
9014
9155
|
ProductHeaderComponent.nextId = 0;
|
|
@@ -9021,14 +9162,17 @@ var ProductHeaderComponent = /** @class */ (function () {
|
|
|
9021
9162
|
__decorate([
|
|
9022
9163
|
Input()
|
|
9023
9164
|
], ProductHeaderComponent.prototype, "baseZIndex", void 0);
|
|
9165
|
+
__decorate([
|
|
9166
|
+
Input()
|
|
9167
|
+
], ProductHeaderComponent.prototype, "isHeaderFrame", void 0);
|
|
9024
9168
|
__decorate([
|
|
9025
9169
|
ViewChild("headerContainer", { static: false })
|
|
9026
9170
|
], ProductHeaderComponent.prototype, "container", void 0);
|
|
9027
9171
|
ProductHeaderComponent = ProductHeaderComponent_1 = __decorate([
|
|
9028
9172
|
Component({
|
|
9029
9173
|
selector: "s-product-header",
|
|
9030
|
-
template: "<div [id]=\"id\" class=\"box\">\n <div
|
|
9031
|
-
styles: [".box{position:relative;width:100%;height:70px}.header{padding-top:15px;padding-bottom:15px;
|
|
9174
|
+
template: "<div [id]=\"id\" class=\"box\">\n <div\n #headerContainer\n class=\"sds-container\"\n [class]=\"isHeaderFrame ? 'header-frame' : 'primary-header'\"\n >\n <h1 [class]=\"isHeaderFrame ? 'title' : 'primary-title'\">{{ header }}</h1>\n <div class=\"content\">\n <ng-content></ng-content>\n </div>\n </div>\n </div>\n",
|
|
9175
|
+
styles: [".box{position:relative;width:100%;height:70px}.header-frame{padding-top:15px;padding-bottom:15px;width:100%;top:0;left:0;height:70px;background-color:#fff;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;position:fixed}.title{color:#999;font-weight:400;font-size:16pt;margin-right:15px;min-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content{display:-ms-flexbox;display:flex;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.primary-header{display:-ms-flexbox;display:flex;width:100%;height:70px;padding:15px 20px;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;border-bottom:1px solid #ddd;background-color:#fff;gap:24px}@media (max-width:768px){.primary-header{width:100%}}.primary-header .primary-title{color:#999;font-weight:400;font-size:16pt;margin-right:15px;min-width:140px;overflow:hidden;text-overflow:ellipsis}"]
|
|
9032
9176
|
})
|
|
9033
9177
|
], ProductHeaderComponent);
|
|
9034
9178
|
return ProductHeaderComponent;
|
|
@@ -12223,5 +12367,5 @@ var fallback = {
|
|
|
12223
12367
|
* Generated bundle index. Do not edit.
|
|
12224
12368
|
*/
|
|
12225
12369
|
|
|
12226
|
-
export { AngularComponentsModule, AutocompleteField, BadgeColors, BadgeComponent, BadgeModule, BaseFieldComponent, BignumberField, BignumberInputDirective, BignumberInputModule, BooleanField, BooleanOptionsLabel, BreadcrumbComponent, BreadcrumbModule, Breakpoints, ButtonComponent, ButtonModule, ButtonPriority, ButtonSize, CalendarField, CalendarLocaleOptions, CalendarMaskDirective, CalendarMaskModule, ChipsField, CodeEditorModule, CollapseLinkComponent, CollapseLinkModule, ControlErrorsComponent, ControlErrorsModule, CountryPhonePickerComponent, CountryPhonePickerModule, CurrencyField, CustomFieldsComponent, CustomFieldsModule, CustomFieldsService, DEFAULT_CALENDAR_LOCALE_OPTIONS, DEFAULT_LOCALE_OPTIONS, DEFAULT_NUMBER_LOCALE_OPTIONS, DebounceUtils, DoubleClickDirective, DynamicConfig, DynamicFormComponent, DynamicFormModule, DynamicType, EditableOverlayDirective, EditableOverlayModule, EmptyStateComponent, EmptyStateModule, EnumBadgeColors, EnumColumnFieldType, EnumSeverity, ExportUtils, Field, FieldType, Fieldset, FileUploadComponent, FileUploadModule, FileValidation, FormField, GlobalSearchComponent, GlobalSearchDropdownItemComponent, GlobalSearchModule, GlobalSearchSizeEnum, HostProjectConfigsInjectionToken, ImageCropperComponent, ImageCropperModule, ImageCropperService, InfoSignDirective, InfoSignModule, Languages, LoadingStateComponent, LoadingStateDirective, LoadingStateModule, LocaleModule, LocaleOptions, LocaleService, LocalizedCurrencyPipe, LocalizedCurrencyPipeOptions, LocalizedDateImpurePipe, LocalizedDatePipe, LocalizedNumberInputDirective, LocalizedNumberInputModule, LocalizedNumberPipe, LocalizedTimeImpurePipe, LocalizedTimePipe, LongPressDirective, LookupComponent, LookupField, MaskFormatterModule, MaskFormatterPipe, MouseEventsModule, NavigationDirective, NumberAlignmentOption, NumberField, NumberInputDirective, NumberInputModule, NumberLocaleOptions, ObjectCardComponent, ObjectCardFieldComponent, ObjectCardMainComponent, ObjectCardModule, Option, Ordination, PanelComponent, PanelModule, PasswordField, PasswordStrengthComponent, PasswordStrengthDirective, PasswordStrengthModule, PasswordStrengthPositions, PasswordStrengths, ProductHeaderComponent, ProductHeaderModule, ProfilePicturePickerComponent, ProfilePicturePickerModule, ProgressBarColors, ProgressBarComponent, ProgressBarModule, RadioButtonField, RationButtonOption, RowTogllerDirective, Section, SelectField, SelectOption, SidebarComponent, SidebarModule, SplitButtonComponent, SplitButtonModule, SplitButtonType, StatsCardComponent, StatsCardModule, StepState, StepsComponent, StepsModule, Structure, TableFrozenPositionDirective, TableHeaderCheckboxComponent, TableHeaderCheckboxModule, TableModule, TaxCalculationLanguageConfigs, TextAreaField, TextField, Themes, ThumbnailComponent, ThumbnailModule, ThumbnailSize, TileComponent, TileModule, TimelineComponent, TimelineItem, TimelineItemSeverity, TimelineItemSize, TimelineModule, TokenListComponent, TokenListModule, TooltipModule, TooltipPosition, ValidateErrors, WorkspaceSwitchComponent, WorkspaceSwitchModule, fallback, CountryPhonePickerService as ɵa, LocalizedCurrencyImpurePipe as ɵb, SelectFieldComponent as ɵba, TextAreaFieldComponent as ɵbb, TextFieldComponent as ɵbc, BooleanSwitchFieldComponent as ɵbd, PasswordFieldComponent as ɵbe,
|
|
12370
|
+
export { AngularComponentsModule, AutocompleteField, BadgeColors, BadgeComponent, BadgeModule, BaseFieldComponent, BignumberField, BignumberInputDirective, BignumberInputModule, BooleanField, BooleanOptionsLabel, BreadcrumbComponent, BreadcrumbModule, Breakpoints, ButtonComponent, ButtonModule, ButtonPriority, ButtonSize, CalendarField, CalendarLocaleOptions, CalendarMaskDirective, CalendarMaskModule, ChipsField, CodeEditorModule, CollapseLinkComponent, CollapseLinkModule, ControlErrorsComponent, ControlErrorsModule, CountryPhonePickerComponent, CountryPhonePickerModule, CurrencyField, CustomFieldsComponent, CustomFieldsModule, CustomFieldsService, DEFAULT_CALENDAR_LOCALE_OPTIONS, DEFAULT_LOCALE_OPTIONS, DEFAULT_NUMBER_LOCALE_OPTIONS, DebounceUtils, DoubleClickDirective, DynamicConfig, DynamicFormComponent, DynamicFormModule, DynamicType, EditableOverlayDirective, EditableOverlayModule, EmptyStateComponent, EmptyStateModule, EnumBadgeColors, EnumColumnFieldType, EnumSeverity, ExportUtils, Field, FieldType, Fieldset, FileUploadComponent, FileUploadModule, FileValidation, FormField, GlobalSearchComponent, GlobalSearchDropdownItemComponent, GlobalSearchModule, GlobalSearchSizeEnum, HostProjectConfigsInjectionToken, ImageCropperComponent, ImageCropperModule, ImageCropperService, InfoSignDirective, InfoSignModule, Languages, LoadingStateComponent, LoadingStateDirective, LoadingStateModule, LocaleModule, LocaleOptions, LocaleService, LocalizedCurrencyPipe, LocalizedCurrencyPipeOptions, LocalizedDateImpurePipe, LocalizedDatePipe, LocalizedNumberInputDirective, LocalizedNumberInputModule, LocalizedNumberPipe, LocalizedTimeImpurePipe, LocalizedTimePipe, LongPressDirective, LookupComponent, LookupField, MaskFormatterModule, MaskFormatterPipe, MouseEventsModule, NavigationDirective, NumberAlignmentOption, NumberField, NumberInputDirective, NumberInputModule, NumberLocaleOptions, ObjectCardComponent, ObjectCardFieldComponent, ObjectCardMainComponent, ObjectCardModule, Option, Ordination, PanelComponent, PanelModule, PasswordField, PasswordStrengthComponent, PasswordStrengthDirective, PasswordStrengthModule, PasswordStrengthPositions, PasswordStrengths, ProductHeaderComponent, ProductHeaderModule, ProfilePicturePickerComponent, ProfilePicturePickerModule, ProgressBarColors, ProgressBarComponent, ProgressBarModule, RadioButtonField, RationButtonOption, RowTogllerDirective, Section, SelectField, SelectOption, SidebarComponent, SidebarModule, SplitButtonComponent, SplitButtonModule, SplitButtonType, StatsCardComponent, StatsCardModule, StepState, StepsComponent, StepsModule, Structure, TableFrozenPositionDirective, TableHeaderCheckboxComponent, TableHeaderCheckboxModule, TableModule, TaxCalculationLanguageConfigs, TextAreaField, TextField, Themes, ThumbnailComponent, ThumbnailModule, ThumbnailSize, TileComponent, TileModule, TimelineComponent, TimelineItem, TimelineItemSeverity, TimelineItemSize, TimelineModule, TokenListComponent, TokenListModule, TooltipModule, TooltipPosition, ValidateErrors, WorkspaceSwitchComponent, WorkspaceSwitchModule, fallback, CountryPhonePickerService as ɵa, LocalizedCurrencyImpurePipe as ɵb, SelectFieldComponent as ɵba, TextAreaFieldComponent as ɵbb, TextFieldComponent as ɵbc, BooleanSwitchFieldComponent as ɵbd, PasswordFieldComponent as ɵbe, SliderFieldComponent as ɵbf, DecimalField as ɵbh, StructureModule as ɵbi, HeaderComponent as ɵbj, FooterComponent as ɵbk, NumberLocaleOptions as ɵbl, ThumbnailService as ɵbm, BorderButtonModule as ɵbn, BorderButtonComponent as ɵbo, TimelineItemModule as ɵbp, TimelineIconItemComponent as ɵbq, HorizontalTimelineModule as ɵbr, HorizontalTimelineComponent as ɵbs, VerticalTimelineModule as ɵbt, VerticalTimelineComponent as ɵbu, RangeLineComponent as ɵbv, CollapseOptionComponent as ɵbw, CollapsedItemsComponent as ɵbx, VerticalItemsComponent as ɵby, InfiniteScrollModule as ɵbz, LocalizedBignumberPipe as ɵc, InfiniteScrollDirective as ɵca, CustomTranslationsModule as ɵcb, CodeEditorComponent as ɵcc, CoreFacade as ɵcd, CodeMirror6Core as ɵce, LocalizedBignumberImpurePipe as ɵd, TooltipComponent as ɵe, TooltipDirective as ɵf, EmptyStateGoBackComponent as ɵg, FileUploadService as ɵh, InfoSignComponent as ɵi, TableColumnsComponent as ɵj, TablePagingComponent as ɵk, AutocompleteFieldComponent as ɵl, BooleanFieldComponent as ɵm, CalendarFieldComponent as ɵn, ChipsFieldComponent as ɵo, CurrencyFieldComponent as ɵp, DynamicFieldComponent as ɵq, DynamicFormDirective as ɵr, FieldsetComponent as ɵs, FileUploadComponent$1 as ɵt, LookupFieldComponent as ɵu, NumberFieldComponent as ɵv, BignumberFieldComponent as ɵw, RadioButtonComponent as ɵx, RowComponent as ɵy, SectionComponent as ɵz };
|
|
12227
12371
|
//# sourceMappingURL=seniorsistemas-angular-components.js.map
|