@seniorsistemas/angular-components 16.10.0 → 16.10.1

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 (40) hide show
  1. package/bundles/seniorsistemas-angular-components.umd.js +169 -31
  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/slider/slider-field.component.d.ts +18 -0
  7. package/components/dynamic-form/configurations/dynamic-type.d.ts +2 -1
  8. package/components/dynamic-form/configurations/field-type.d.ts +2 -1
  9. package/components/dynamic-form/configurations/fields/slider-field.d.ts +31 -0
  10. package/components/dynamic-form/configurations/form-field.d.ts +4 -0
  11. package/components/product-header/product-header.component.d.ts +1 -0
  12. package/esm2015/components/dynamic-form/components/fields/base-field-component.js +1 -1
  13. package/esm2015/components/dynamic-form/components/fields/slider/slider-field.component.js +88 -0
  14. package/esm2015/components/dynamic-form/configurations/dynamic-config.js +4 -1
  15. package/esm2015/components/dynamic-form/configurations/dynamic-type.js +2 -1
  16. package/esm2015/components/dynamic-form/configurations/field-type.js +2 -1
  17. package/esm2015/components/dynamic-form/configurations/fields/slider-field.js +21 -0
  18. package/esm2015/components/dynamic-form/configurations/form-field.js +4 -1
  19. package/esm2015/components/dynamic-form/dynamic-form.js +4 -1
  20. package/esm2015/components/dynamic-form/dynamic-form.module.js +7 -2
  21. package/esm2015/components/product-header/product-header.component.js +13 -3
  22. package/esm2015/seniorsistemas-angular-components.js +26 -25
  23. package/esm5/components/dynamic-form/components/fields/base-field-component.js +1 -1
  24. package/esm5/components/dynamic-form/components/fields/slider/slider-field.component.js +100 -0
  25. package/esm5/components/dynamic-form/configurations/dynamic-config.js +4 -1
  26. package/esm5/components/dynamic-form/configurations/dynamic-type.js +2 -1
  27. package/esm5/components/dynamic-form/configurations/field-type.js +2 -1
  28. package/esm5/components/dynamic-form/configurations/fields/slider-field.js +26 -0
  29. package/esm5/components/dynamic-form/configurations/form-field.js +4 -1
  30. package/esm5/components/dynamic-form/dynamic-form.js +4 -1
  31. package/esm5/components/dynamic-form/dynamic-form.module.js +7 -2
  32. package/esm5/components/product-header/product-header.component.js +13 -3
  33. package/esm5/seniorsistemas-angular-components.js +26 -25
  34. package/fesm2015/seniorsistemas-angular-components.js +127 -4
  35. package/fesm2015/seniorsistemas-angular-components.js.map +1 -1
  36. package/fesm5/seniorsistemas-angular-components.js +142 -4
  37. package/fesm5/seniorsistemas-angular-components.js.map +1 -1
  38. package/package.json +3 -3
  39. package/seniorsistemas-angular-components.d.ts +25 -24
  40. package/seniorsistemas-angular-components.metadata.json +1 -1
@@ -1,8 +1,8 @@
1
1
  (function (global, factory) {
2
- typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/router'), require('primeng/breadcrumb'), require('rxjs'), require('rxjs/operators'), require('primeng/tieredmenu'), require('primeng/tooltip'), require('primeng/dom'), require('primeng/calendar'), require('@angular/animations'), require('@angular/forms'), require('@ngx-translate/core'), require('ngx-mask'), require('@angular/common/http'), require('angular2-hotkeys'), require('bignumber.js'), require('primeng/autocomplete'), require('primeng/dialog'), require('primeng/table'), require('@seniorsistemas/ng2-currency-mask'), require('@seniorsistemas/senior-platform-data'), require('moment'), require('ngx-cookie-service'), require('ng2-currency-mask'), require('primeng/button'), require('primeng/checkbox'), require('primeng/chips'), require('primeng/dropdown'), require('primeng/fieldset'), require('primeng/inputmask'), require('primeng/inputtext'), require('primeng/inputtextarea'), require('primeng/keyfilter'), require('primeng/multiselect'), require('primeng/inputswitch'), require('primeng/panel'), require('primeng/radiobutton'), require('primeng/progressbar'), require('@angular/platform-browser'), require('cropperjs'), require('element-resize-detector'), require('@angular/cdk/a11y'), require('primeng/scrollpanel'), require('primeng/sidebar'), require('primeng/api'), require('primeng/confirmdialog'), require('@codemirror/view'), require('@codemirror/state'), require('@codemirror/lint'), require('@codemirror/language'), require('@lezer/generator'), require('@codemirror/highlight'), require('@codemirror/autocomplete'), require('@codemirror/tooltip'), require('@codemirror/gutter')) :
3
- typeof define === 'function' && define.amd ? define('@seniorsistemas/angular-components', ['exports', '@angular/core', '@angular/common', '@angular/router', 'primeng/breadcrumb', 'rxjs', 'rxjs/operators', 'primeng/tieredmenu', 'primeng/tooltip', 'primeng/dom', 'primeng/calendar', '@angular/animations', '@angular/forms', '@ngx-translate/core', 'ngx-mask', '@angular/common/http', 'angular2-hotkeys', 'bignumber.js', 'primeng/autocomplete', 'primeng/dialog', 'primeng/table', '@seniorsistemas/ng2-currency-mask', '@seniorsistemas/senior-platform-data', 'moment', 'ngx-cookie-service', 'ng2-currency-mask', 'primeng/button', 'primeng/checkbox', 'primeng/chips', 'primeng/dropdown', 'primeng/fieldset', 'primeng/inputmask', 'primeng/inputtext', 'primeng/inputtextarea', 'primeng/keyfilter', 'primeng/multiselect', 'primeng/inputswitch', 'primeng/panel', 'primeng/radiobutton', 'primeng/progressbar', '@angular/platform-browser', 'cropperjs', 'element-resize-detector', '@angular/cdk/a11y', 'primeng/scrollpanel', 'primeng/sidebar', 'primeng/api', 'primeng/confirmdialog', '@codemirror/view', '@codemirror/state', '@codemirror/lint', '@codemirror/language', '@lezer/generator', '@codemirror/highlight', '@codemirror/autocomplete', '@codemirror/tooltip', '@codemirror/gutter'], factory) :
4
- (global = global || self, factory((global.seniorsistemas = global.seniorsistemas || {}, global.seniorsistemas['angular-components'] = {}), global.ng.core, global.ng.common, global.ng.router, global.breadcrumb, global.rxjs, global.rxjs.operators, global.tieredmenu, global.tooltip, global.dom, global.calendar, global.ng.animations, global.ng.forms, global.core$1, global.ngxMask, global.ng.common.http, global.angular2Hotkeys, global.BigNumber, global.autocomplete$1, global.dialog, global.table, global.ng2CurrencyMask, global.seniorPlatformData, global.moment$4, global.ngxCookieService, global.ng2CurrencyMask$1, global.button, global.checkbox, global.chips, global.dropdown, global.fieldset, global.inputmask, global.inputtext, global.inputtextarea, global.keyfilter, global.multiselect, global.inputswitch, global.panel, global.radiobutton, global.progressbar, global.ng.platformBrowser, global.Cropper, global.elementResizeDetectorMaker_, global.ng.cdk.a11y, global.scrollpanel, global.sidebar, global.api, global.confirmdialog, global.view, global.state, global.lint, global.language, global.generator, global.highlight, global.autocomplete$2, global.tooltip$1, global.gutter));
5
- }(this, (function (exports, core, common, router, breadcrumb, rxjs, operators, tieredmenu, tooltip, dom, calendar, animations, forms, core$1, ngxMask, http, angular2Hotkeys, BigNumber, autocomplete$1, dialog, table, ng2CurrencyMask, seniorPlatformData, moment$4, ngxCookieService, ng2CurrencyMask$1, button, checkbox, chips, dropdown, fieldset, inputmask, inputtext, inputtextarea, keyfilter, multiselect, inputswitch, panel, radiobutton, progressbar, platformBrowser, Cropper, elementResizeDetectorMaker_, a11y, scrollpanel, sidebar, api, confirmdialog, view, state, lint, language, generator, highlight, autocomplete$2, tooltip$1, gutter) { 'use strict';
2
+ typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/router'), require('primeng/breadcrumb'), require('rxjs'), require('rxjs/operators'), require('primeng/tieredmenu'), require('primeng/tooltip'), require('primeng/dom'), require('primeng/calendar'), require('@angular/animations'), require('@angular/forms'), require('@ngx-translate/core'), require('ngx-mask'), require('@angular/common/http'), require('angular2-hotkeys'), require('bignumber.js'), require('primeng/autocomplete'), require('primeng/dialog'), require('primeng/table'), require('@seniorsistemas/ng2-currency-mask'), require('@seniorsistemas/senior-platform-data'), require('moment'), require('ngx-cookie-service'), require('ng2-currency-mask'), require('primeng/button'), require('primeng/checkbox'), require('primeng/chips'), require('primeng/dropdown'), require('primeng/fieldset'), require('primeng/inputmask'), require('primeng/inputtext'), require('primeng/inputtextarea'), require('primeng/keyfilter'), require('primeng/multiselect'), require('primeng/inputswitch'), require('primeng/panel'), require('primeng/radiobutton'), require('primeng/slider'), require('primeng/progressbar'), require('@angular/platform-browser'), require('cropperjs'), require('element-resize-detector'), require('@angular/cdk/a11y'), require('primeng/scrollpanel'), require('primeng/sidebar'), require('primeng/api'), require('primeng/confirmdialog'), require('@codemirror/view'), require('@codemirror/state'), require('@codemirror/lint'), require('@codemirror/language'), require('@lezer/generator'), require('@codemirror/highlight'), require('@codemirror/autocomplete'), require('@codemirror/tooltip'), require('@codemirror/gutter')) :
3
+ typeof define === 'function' && define.amd ? define('@seniorsistemas/angular-components', ['exports', '@angular/core', '@angular/common', '@angular/router', 'primeng/breadcrumb', 'rxjs', 'rxjs/operators', 'primeng/tieredmenu', 'primeng/tooltip', 'primeng/dom', 'primeng/calendar', '@angular/animations', '@angular/forms', '@ngx-translate/core', 'ngx-mask', '@angular/common/http', 'angular2-hotkeys', 'bignumber.js', 'primeng/autocomplete', 'primeng/dialog', 'primeng/table', '@seniorsistemas/ng2-currency-mask', '@seniorsistemas/senior-platform-data', 'moment', 'ngx-cookie-service', 'ng2-currency-mask', 'primeng/button', 'primeng/checkbox', 'primeng/chips', 'primeng/dropdown', 'primeng/fieldset', 'primeng/inputmask', 'primeng/inputtext', 'primeng/inputtextarea', 'primeng/keyfilter', 'primeng/multiselect', 'primeng/inputswitch', 'primeng/panel', 'primeng/radiobutton', 'primeng/slider', 'primeng/progressbar', '@angular/platform-browser', 'cropperjs', 'element-resize-detector', '@angular/cdk/a11y', 'primeng/scrollpanel', 'primeng/sidebar', 'primeng/api', 'primeng/confirmdialog', '@codemirror/view', '@codemirror/state', '@codemirror/lint', '@codemirror/language', '@lezer/generator', '@codemirror/highlight', '@codemirror/autocomplete', '@codemirror/tooltip', '@codemirror/gutter'], factory) :
4
+ (global = global || self, factory((global.seniorsistemas = global.seniorsistemas || {}, global.seniorsistemas['angular-components'] = {}), global.ng.core, global.ng.common, global.ng.router, global.breadcrumb, global.rxjs, global.rxjs.operators, global.tieredmenu, global.tooltip, global.dom, global.calendar, global.ng.animations, global.ng.forms, global.core$1, global.ngxMask, global.ng.common.http, global.angular2Hotkeys, global.BigNumber, global.autocomplete$1, global.dialog, global.table, global.ng2CurrencyMask, global.seniorPlatformData, global.moment$4, global.ngxCookieService, global.ng2CurrencyMask$1, global.button, global.checkbox, global.chips, global.dropdown, global.fieldset, global.inputmask, global.inputtext, global.inputtextarea, global.keyfilter, global.multiselect, global.inputswitch, global.panel, global.radiobutton, global.slider, global.progressbar, global.ng.platformBrowser, global.Cropper, global.elementResizeDetectorMaker_, global.ng.cdk.a11y, global.scrollpanel, global.sidebar, global.api, global.confirmdialog, global.view, global.state, global.lint, global.language, global.generator, global.highlight, global.autocomplete$2, global.tooltip$1, global.gutter));
5
+ }(this, (function (exports, core, common, router, breadcrumb, rxjs, operators, tieredmenu, tooltip, dom, calendar, animations, forms, core$1, ngxMask, http, angular2Hotkeys, BigNumber, autocomplete$1, dialog, table, ng2CurrencyMask, seniorPlatformData, moment$4, ngxCookieService, ng2CurrencyMask$1, button, checkbox, chips, dropdown, fieldset, inputmask, inputtext, inputtextarea, keyfilter, multiselect, inputswitch, panel, radiobutton, slider, progressbar, platformBrowser, Cropper, elementResizeDetectorMaker_, a11y, scrollpanel, sidebar, api, confirmdialog, view, state, lint, language, generator, highlight, autocomplete$2, tooltip$1, gutter) { 'use strict';
6
6
 
7
7
  var BigNumber__default = 'default' in BigNumber ? BigNumber['default'] : BigNumber;
8
8
  Cropper = Cropper && Object.prototype.hasOwnProperty.call(Cropper, 'default') ? Cropper['default'] : Cropper;
@@ -1819,6 +1819,7 @@
1819
1819
  FieldType["Number"] = "Number";
1820
1820
  FieldType["Custom"] = "Custom";
1821
1821
  FieldType["Password"] = "Password";
1822
+ FieldType["Slider"] = "Slider";
1822
1823
  })(exports.FieldType || (exports.FieldType = {}));
1823
1824
 
1824
1825
  var FieldSize = /** @class */ (function () {
@@ -2736,6 +2737,29 @@
2736
2737
  return PasswordField;
2737
2738
  }(Field));
2738
2739
 
2740
+ var SliderField = /** @class */ (function (_super) {
2741
+ __extends(SliderField, _super);
2742
+ function SliderField(config) {
2743
+ var _a, _b, _c, _d, _e, _f, _g, _h;
2744
+ var _this = _super.call(this, config) || this;
2745
+ _this.maxDefault = 100;
2746
+ _this.onChange = config.onChange;
2747
+ _this.onSlideEnd = config.onSlideEnd;
2748
+ _this.range = (_a = config.range) !== null && _a !== void 0 ? _a : false;
2749
+ _this.min = (_b = config.min) !== null && _b !== void 0 ? _b : 0;
2750
+ _this.max = (_c = config.max) !== null && _c !== void 0 ? _c : _this.maxDefault;
2751
+ _this.orientation = (_d = config.orientation) !== null && _d !== void 0 ? _d : "horizontal";
2752
+ _this.step = (_e = config.step) !== null && _e !== void 0 ? _e : 1;
2753
+ _this.animate = (_f = config.animate) !== null && _f !== void 0 ? _f : false;
2754
+ _this.disabled = (_g = config.disabled) !== null && _g !== void 0 ? _g : false;
2755
+ _this.prefix = config.prefix;
2756
+ _this.suffix = config.suffix;
2757
+ _this.rangeSeparator = (_h = config.rangeSeparator) !== null && _h !== void 0 ? _h : ' - ';
2758
+ return _this;
2759
+ }
2760
+ return SliderField;
2761
+ }(Field));
2762
+
2739
2763
  var FormField = /** @class */ (function () {
2740
2764
  function FormField(config) {
2741
2765
  switch (config.type) {
@@ -2776,6 +2800,8 @@
2776
2800
  return new ChipsField(config);
2777
2801
  case exports.FieldType.Blob:
2778
2802
  return new BlobField(config);
2803
+ case exports.FieldType.Slider:
2804
+ return new SliderField(config);
2779
2805
  case exports.FieldType.Custom:
2780
2806
  var CustomFieldClass = config.CustomFieldClass, otherConfigs = __rest(config, ["CustomFieldClass"]);
2781
2807
  return new CustomFieldClass(otherConfigs);
@@ -3358,6 +3384,7 @@
3358
3384
  DynamicType["Time"] = "Time";
3359
3385
  DynamicType["Number"] = "Number";
3360
3386
  DynamicType["Password"] = "Password";
3387
+ DynamicType["Slider"] = "Slider";
3361
3388
  })(exports.DynamicType || (exports.DynamicType = {}));
3362
3389
 
3363
3390
  var Grid = /** @class */ (function () {
@@ -3443,6 +3470,8 @@
3443
3470
  return new Row(config);
3444
3471
  case exports.DynamicType.Section:
3445
3472
  return new Section(config);
3473
+ case exports.DynamicType.Slider:
3474
+ return new SliderField(config);
3446
3475
  case exports.DynamicType.Text:
3447
3476
  return new TextAreaField(config);
3448
3477
  }
@@ -6925,6 +6954,99 @@
6925
6954
  return PasswordFieldComponent;
6926
6955
  }());
6927
6956
 
6957
+ var SliderFieldComponent = /** @class */ (function (_super) {
6958
+ __extends(SliderFieldComponent, _super);
6959
+ function SliderFieldComponent() {
6960
+ var _this = _super !== null && _super.apply(this, arguments) || this;
6961
+ _this.onChange = new core.EventEmitter();
6962
+ _this.onSlideEnd = new core.EventEmitter();
6963
+ _this.ngUnsubscribe = new rxjs.Subject();
6964
+ return _this;
6965
+ }
6966
+ SliderFieldComponent.prototype.ngOnInit = function () {
6967
+ var _this = this;
6968
+ var _a, _b;
6969
+ this.onChange.pipe(operators.takeUntil(this.ngUnsubscribe))
6970
+ .subscribe(function (event) {
6971
+ if (_this.field.onChange) {
6972
+ _this.field.onChange(event);
6973
+ }
6974
+ });
6975
+ this.onSlideEnd.pipe(operators.takeUntil(this.ngUnsubscribe))
6976
+ .subscribe(function (event) {
6977
+ if (_this.field.onSlideEnd) {
6978
+ _this.field.onSlideEnd(event);
6979
+ }
6980
+ });
6981
+ var values = ((_a = this.field) === null || _a === void 0 ? void 0 : _a.range) ? [this.field.min, this.field.max] : this.field.min;
6982
+ this.formControl.setValue((_b = this.field.defaultValue) !== null && _b !== void 0 ? _b : values);
6983
+ };
6984
+ SliderFieldComponent.prototype.ngOnDestroy = function () {
6985
+ this.ngUnsubscribe.next();
6986
+ this.ngUnsubscribe.complete();
6987
+ };
6988
+ Object.defineProperty(SliderFieldComponent.prototype, "fieldType", {
6989
+ get: function () {
6990
+ return exports.FieldType;
6991
+ },
6992
+ enumerable: true,
6993
+ configurable: true
6994
+ });
6995
+ SliderFieldComponent.prototype.getRangeLabel = function () {
6996
+ var _a, _b, _c, _d;
6997
+ var _e = __read((_a = this.formControl.value) !== null && _a !== void 0 ? _a : [0, 0], 2), value0 = _e[0], value1 = _e[1];
6998
+ var prefix = (_b = this.field.prefix) !== null && _b !== void 0 ? _b : '';
6999
+ var suffix = (_c = this.field.suffix) !== null && _c !== void 0 ? _c : '';
7000
+ var separator = (_d = this.field.rangeSeparator) !== null && _d !== void 0 ? _d : ' - ';
7001
+ if (!value0 || value0 < this.field.min) {
7002
+ value0 = this.field.min;
7003
+ }
7004
+ if (!value1 || value1 > this.field.max) {
7005
+ value1 = this.field.max;
7006
+ }
7007
+ return "" + prefix + value0 + suffix + separator + prefix + value1 + suffix;
7008
+ };
7009
+ SliderFieldComponent.prototype.getNonRangeLabel = function () {
7010
+ var _a, _b, _c;
7011
+ var value = (_a = this.formControl) === null || _a === void 0 ? void 0 : _a.value;
7012
+ var prefix = (_b = this.field.prefix) !== null && _b !== void 0 ? _b : '';
7013
+ var suffix = (_c = this.field.suffix) !== null && _c !== void 0 ? _c : '';
7014
+ if (!value || value < this.field.min) {
7015
+ value = this.field.min;
7016
+ }
7017
+ if (value > this.field.max) {
7018
+ value = this.field.max;
7019
+ }
7020
+ return "" + prefix + value + suffix;
7021
+ };
7022
+ Object.defineProperty(SliderFieldComponent.prototype, "label", {
7023
+ get: function () {
7024
+ return this.field.range ? this.getRangeLabel() : this.getNonRangeLabel();
7025
+ },
7026
+ enumerable: true,
7027
+ configurable: true
7028
+ });
7029
+ __decorate([
7030
+ core.Input()
7031
+ ], SliderFieldComponent.prototype, "field", void 0);
7032
+ __decorate([
7033
+ core.Input()
7034
+ ], SliderFieldComponent.prototype, "formControl", void 0);
7035
+ __decorate([
7036
+ core.Output()
7037
+ ], SliderFieldComponent.prototype, "onChange", void 0);
7038
+ __decorate([
7039
+ core.Output()
7040
+ ], SliderFieldComponent.prototype, "onSlideEnd", void 0);
7041
+ SliderFieldComponent = __decorate([
7042
+ core.Component({
7043
+ 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>",
7044
+ styles: [".slider-label{margin-bottom:5px;margin-left:-10px}.slider-group{margin-left:9px;margin-right:11px}"]
7045
+ })
7046
+ ], SliderFieldComponent);
7047
+ return SliderFieldComponent;
7048
+ }(BaseFieldComponent));
7049
+
6928
7050
  var DynamicForm = /** @class */ (function () {
6929
7051
  function DynamicForm(_a) {
6930
7052
  var group = _a.group, errorMessages = _a.errorMessages;
@@ -7010,6 +7132,8 @@
7010
7132
  return PasswordFieldComponent;
7011
7133
  case exports.FieldType.Blob:
7012
7134
  return FileUploadComponent$1;
7135
+ case exports.FieldType.Slider:
7136
+ return SliderFieldComponent;
7013
7137
  case exports.FieldType.Custom:
7014
7138
  return this.field.CustomFieldComponentClass;
7015
7139
  default:
@@ -7624,6 +7748,7 @@
7624
7748
  MouseEventsModule,
7625
7749
  inputswitch.InputSwitchModule,
7626
7750
  PasswordStrengthModule,
7751
+ slider.SliderModule,
7627
7752
  ],
7628
7753
  declarations: [
7629
7754
  AutocompleteFieldComponent,
@@ -7648,6 +7773,7 @@
7648
7773
  TextFieldComponent,
7649
7774
  BooleanSwitchFieldComponent,
7650
7775
  PasswordFieldComponent,
7776
+ SliderFieldComponent,
7651
7777
  ],
7652
7778
  exports: [DynamicFormComponent, LookupComponent],
7653
7779
  entryComponents: [
@@ -7668,7 +7794,8 @@
7668
7794
  TextAreaFieldComponent,
7669
7795
  TextFieldComponent,
7670
7796
  PasswordFieldComponent,
7671
- BooleanSwitchFieldComponent
7797
+ BooleanSwitchFieldComponent,
7798
+ SliderFieldComponent,
7672
7799
  ],
7673
7800
  providers: [angular2Hotkeys.HotkeysService]
7674
7801
  })
@@ -9174,10 +9301,17 @@
9174
9301
  function ProductHeaderComponent() {
9175
9302
  this.id = "s-product-header-" + ProductHeaderComponent_1.nextId++;
9176
9303
  this.baseZIndex = 0;
9304
+ this.isHeaderFrame = true;
9177
9305
  }
9178
9306
  ProductHeaderComponent_1 = ProductHeaderComponent;
9179
9307
  ProductHeaderComponent.prototype.ngAfterViewInit = function () {
9180
9308
  this.container.nativeElement.style.zIndex = String(this.baseZIndex + ++dom.DomHandler.zindex);
9309
+ if (this.isHeaderFrame) {
9310
+ this.container.nativeElement.style.borderBottom = "1px solid $default-secondary-color";
9311
+ }
9312
+ else {
9313
+ this.container.nativeElement.style.borderTop = "1px solid $default-secondary-color";
9314
+ }
9181
9315
  };
9182
9316
  var ProductHeaderComponent_1;
9183
9317
  ProductHeaderComponent.nextId = 0;
@@ -9190,14 +9324,17 @@
9190
9324
  __decorate([
9191
9325
  core.Input()
9192
9326
  ], ProductHeaderComponent.prototype, "baseZIndex", void 0);
9327
+ __decorate([
9328
+ core.Input()
9329
+ ], ProductHeaderComponent.prototype, "isHeaderFrame", void 0);
9193
9330
  __decorate([
9194
9331
  core.ViewChild("headerContainer", { static: false })
9195
9332
  ], ProductHeaderComponent.prototype, "container", void 0);
9196
9333
  ProductHeaderComponent = ProductHeaderComponent_1 = __decorate([
9197
9334
  core.Component({
9198
9335
  selector: "s-product-header",
9199
- 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>",
9200
- 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}"]
9336
+ 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",
9337
+ 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}"]
9201
9338
  })
9202
9339
  ], ProductHeaderComponent);
9203
9340
  return ProductHeaderComponent;
@@ -12531,31 +12668,32 @@
12531
12668
  exports.ɵbc = TextFieldComponent;
12532
12669
  exports.ɵbd = BooleanSwitchFieldComponent;
12533
12670
  exports.ɵbe = PasswordFieldComponent;
12534
- exports.ɵbg = DecimalField;
12535
- exports.ɵbh = StructureModule;
12536
- exports.ɵbi = HeaderComponent;
12537
- exports.ɵbj = FooterComponent;
12538
- exports.ɵbk = NumberLocaleOptions;
12539
- exports.ɵbl = ThumbnailService;
12540
- exports.ɵbm = BorderButtonModule;
12541
- exports.ɵbn = BorderButtonComponent;
12542
- exports.ɵbo = TimelineItemModule;
12543
- exports.ɵbp = TimelineIconItemComponent;
12544
- exports.ɵbq = HorizontalTimelineModule;
12545
- exports.ɵbr = HorizontalTimelineComponent;
12546
- exports.ɵbs = VerticalTimelineModule;
12547
- exports.ɵbt = VerticalTimelineComponent;
12548
- exports.ɵbu = RangeLineComponent;
12549
- exports.ɵbv = CollapseOptionComponent;
12550
- exports.ɵbw = CollapsedItemsComponent;
12551
- exports.ɵbx = VerticalItemsComponent;
12552
- exports.ɵby = InfiniteScrollModule;
12553
- exports.ɵbz = InfiniteScrollDirective;
12671
+ exports.ɵbf = SliderFieldComponent;
12672
+ exports.ɵbh = DecimalField;
12673
+ exports.ɵbi = StructureModule;
12674
+ exports.ɵbj = HeaderComponent;
12675
+ exports.ɵbk = FooterComponent;
12676
+ exports.ɵbl = NumberLocaleOptions;
12677
+ exports.ɵbm = ThumbnailService;
12678
+ exports.ɵbn = BorderButtonModule;
12679
+ exports.ɵbo = BorderButtonComponent;
12680
+ exports.ɵbp = TimelineItemModule;
12681
+ exports.ɵbq = TimelineIconItemComponent;
12682
+ exports.ɵbr = HorizontalTimelineModule;
12683
+ exports.ɵbs = HorizontalTimelineComponent;
12684
+ exports.ɵbt = VerticalTimelineModule;
12685
+ exports.ɵbu = VerticalTimelineComponent;
12686
+ exports.ɵbv = RangeLineComponent;
12687
+ exports.ɵbw = CollapseOptionComponent;
12688
+ exports.ɵbx = CollapsedItemsComponent;
12689
+ exports.ɵby = VerticalItemsComponent;
12690
+ exports.ɵbz = InfiniteScrollModule;
12554
12691
  exports.ɵc = LocalizedBignumberPipe;
12555
- exports.ɵca = CustomTranslationsModule;
12556
- exports.ɵcb = CodeEditorComponent;
12557
- exports.ɵcc = CoreFacade;
12558
- exports.ɵcd = CodeMirror6Core;
12692
+ exports.ɵca = InfiniteScrollDirective;
12693
+ exports.ɵcb = CustomTranslationsModule;
12694
+ exports.ɵcc = CodeEditorComponent;
12695
+ exports.ɵcd = CoreFacade;
12696
+ exports.ɵce = CodeMirror6Core;
12559
12697
  exports.ɵd = LocalizedBignumberImpurePipe;
12560
12698
  exports.ɵe = TooltipComponent;
12561
12699
  exports.ɵf = TooltipDirective;