@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.
Files changed (48) hide show
  1. package/bundles/seniorsistemas-angular-components.umd.js +184 -40
  2. package/bundles/seniorsistemas-angular-components.umd.js.map +1 -1
  3. package/bundles/seniorsistemas-angular-components.umd.min.js +2 -2
  4. package/bundles/seniorsistemas-angular-components.umd.min.js.map +1 -1
  5. package/components/dynamic-form/components/fields/base-field-component.d.ts +2 -1
  6. package/components/dynamic-form/components/fields/radio-button/radio-button-field.component.d.ts +1 -0
  7. package/components/dynamic-form/components/fields/slider/slider-field.component.d.ts +18 -0
  8. package/components/dynamic-form/configurations/dynamic-type.d.ts +2 -1
  9. package/components/dynamic-form/configurations/field-type.d.ts +2 -1
  10. package/components/dynamic-form/configurations/fields/radio-button-field.d.ts +7 -5
  11. package/components/dynamic-form/configurations/fields/slider-field.d.ts +31 -0
  12. package/components/dynamic-form/configurations/form-field.d.ts +4 -0
  13. package/components/product-header/product-header.component.d.ts +1 -0
  14. package/esm2015/components/country-phone-picker/country-phone-picker.component.js +1 -1
  15. package/esm2015/components/dynamic-form/components/fields/base-field-component.js +1 -1
  16. package/esm2015/components/dynamic-form/components/fields/radio-button/radio-button-field.component.js +12 -3
  17. package/esm2015/components/dynamic-form/components/fields/slider/slider-field.component.js +88 -0
  18. package/esm2015/components/dynamic-form/configurations/dynamic-config.js +4 -1
  19. package/esm2015/components/dynamic-form/configurations/dynamic-type.js +2 -1
  20. package/esm2015/components/dynamic-form/configurations/field-type.js +2 -1
  21. package/esm2015/components/dynamic-form/configurations/fields/radio-button-field.js +8 -7
  22. package/esm2015/components/dynamic-form/configurations/fields/slider-field.js +21 -0
  23. package/esm2015/components/dynamic-form/configurations/form-field.js +4 -1
  24. package/esm2015/components/dynamic-form/dynamic-form.js +4 -1
  25. package/esm2015/components/dynamic-form/dynamic-form.module.js +7 -2
  26. package/esm2015/components/product-header/product-header.component.js +13 -3
  27. package/esm2015/seniorsistemas-angular-components.js +26 -25
  28. package/esm5/components/country-phone-picker/country-phone-picker.component.js +1 -1
  29. package/esm5/components/dynamic-form/components/fields/base-field-component.js +1 -1
  30. package/esm5/components/dynamic-form/components/fields/radio-button/radio-button-field.component.js +8 -3
  31. package/esm5/components/dynamic-form/components/fields/slider/slider-field.component.js +100 -0
  32. package/esm5/components/dynamic-form/configurations/dynamic-config.js +4 -1
  33. package/esm5/components/dynamic-form/configurations/dynamic-type.js +2 -1
  34. package/esm5/components/dynamic-form/configurations/field-type.js +2 -1
  35. package/esm5/components/dynamic-form/configurations/fields/radio-button-field.js +10 -9
  36. package/esm5/components/dynamic-form/configurations/fields/slider-field.js +26 -0
  37. package/esm5/components/dynamic-form/configurations/form-field.js +4 -1
  38. package/esm5/components/dynamic-form/dynamic-form.js +4 -1
  39. package/esm5/components/dynamic-form/dynamic-form.module.js +7 -2
  40. package/esm5/components/product-header/product-header.component.js +13 -3
  41. package/esm5/seniorsistemas-angular-components.js +26 -25
  42. package/fesm2015/seniorsistemas-angular-components.js +145 -12
  43. package/fesm2015/seniorsistemas-angular-components.js.map +1 -1
  44. package/fesm5/seniorsistemas-angular-components.js +157 -13
  45. package/fesm5/seniorsistemas-angular-components.js.map +1 -1
  46. package/package.json +3 -3
  47. package/seniorsistemas-angular-components.d.ts +25 -24
  48. 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 #headerContainer class=\"sds-container header\">\n <h1 class=\"title\">{{header}}</h1>\n <div class=\"content\">\n <ng-content></ng-content>\n </div>\n </div>\n</div>",
9031
- styles: [".box{position:relative;width:100%;height:70px}.header{padding-top:15px;padding-bottom:15px;position:fixed;width:100%;top:0;left:0;height:70px;background-color:#fff;border-bottom:1px solid #ddd;box-shadow:0 1px 2px #ddd;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}.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}"]
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, DecimalField as ɵbg, StructureModule as ɵbh, HeaderComponent as ɵbi, FooterComponent as ɵbj, NumberLocaleOptions as ɵbk, ThumbnailService as ɵbl, BorderButtonModule as ɵbm, BorderButtonComponent as ɵbn, TimelineItemModule as ɵbo, TimelineIconItemComponent as ɵbp, HorizontalTimelineModule as ɵbq, HorizontalTimelineComponent as ɵbr, VerticalTimelineModule as ɵbs, VerticalTimelineComponent as ɵbt, RangeLineComponent as ɵbu, CollapseOptionComponent as ɵbv, CollapsedItemsComponent as ɵbw, VerticalItemsComponent as ɵbx, InfiniteScrollModule as ɵby, InfiniteScrollDirective as ɵbz, LocalizedBignumberPipe as ɵc, CustomTranslationsModule as ɵca, CodeEditorComponent as ɵcb, CoreFacade as ɵcc, CodeMirror6Core as ɵcd, 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 };
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