@seniorsistemas/angular-components 14.15.0 → 14.16.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 (38) hide show
  1. package/bundles/seniorsistemas-angular-components.umd.js +87 -24
  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/boolean/boolean-switch-field.component.d.ts +7 -0
  6. package/components/dynamic-form/configurations/fields/boolean-switch-field.d.ts +8 -0
  7. package/components/dynamic-form/configurations/fields/field.d.ts +2 -0
  8. package/components/dynamic-form/configurations/form-field.d.ts +1 -0
  9. package/components/table/frozen-position/frozen-position.directive.d.ts +4 -1
  10. package/esm2015/components/dynamic-form/components/fields/boolean/boolean-field.component.js +2 -2
  11. package/esm2015/components/dynamic-form/components/fields/boolean/boolean-switch-field.component.js +17 -0
  12. package/esm2015/components/dynamic-form/configurations/dynamic-config.js +6 -2
  13. package/esm2015/components/dynamic-form/configurations/fields/boolean-field.js +2 -1
  14. package/esm2015/components/dynamic-form/configurations/fields/boolean-switch-field.js +9 -0
  15. package/esm2015/components/dynamic-form/configurations/fields/field.js +2 -1
  16. package/esm2015/components/dynamic-form/configurations/form-field.js +5 -1
  17. package/esm2015/components/dynamic-form/dynamic-form.js +5 -1
  18. package/esm2015/components/dynamic-form/dynamic-form.module.js +9 -4
  19. package/esm2015/components/table/frozen-position/frozen-position.directive.js +24 -5
  20. package/esm2015/seniorsistemas-angular-components.js +14 -13
  21. package/esm5/components/dynamic-form/components/fields/boolean/boolean-field.component.js +2 -2
  22. package/esm5/components/dynamic-form/components/fields/boolean/boolean-switch-field.component.js +20 -0
  23. package/esm5/components/dynamic-form/configurations/dynamic-config.js +6 -2
  24. package/esm5/components/dynamic-form/configurations/fields/boolean-field.js +2 -1
  25. package/esm5/components/dynamic-form/configurations/fields/boolean-switch-field.js +14 -0
  26. package/esm5/components/dynamic-form/configurations/fields/field.js +2 -1
  27. package/esm5/components/dynamic-form/configurations/form-field.js +5 -1
  28. package/esm5/components/dynamic-form/dynamic-form.js +5 -1
  29. package/esm5/components/dynamic-form/dynamic-form.module.js +9 -4
  30. package/esm5/components/table/frozen-position/frozen-position.directive.js +25 -5
  31. package/esm5/seniorsistemas-angular-components.js +14 -13
  32. package/fesm2015/seniorsistemas-angular-components.js +65 -9
  33. package/fesm2015/seniorsistemas-angular-components.js.map +1 -1
  34. package/fesm5/seniorsistemas-angular-components.js +72 -9
  35. package/fesm5/seniorsistemas-angular-components.js.map +1 -1
  36. package/package.json +1 -1
  37. package/seniorsistemas-angular-components.d.ts +13 -12
  38. 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('primeng/breadcrumb'), require('@angular/router'), require('rxjs'), require('rxjs/operators'), require('primeng/tieredmenu'), require('primeng/tooltip'), require('primeng/dom'), require('primeng/calendar'), require('@angular/animations'), require('@angular/forms'), 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/panel'), require('primeng/radiobutton'), require('primeng/progressbar'), require('@angular/platform-browser'), require('@ngx-translate/core'), require('cropperjs'), require('element-resize-detector'), require('@angular/cdk/a11y'), require('primeng/scrollpanel'), require('primeng/sidebar'), 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', 'primeng/breadcrumb', '@angular/router', 'rxjs', 'rxjs/operators', 'primeng/tieredmenu', 'primeng/tooltip', 'primeng/dom', 'primeng/calendar', '@angular/animations', '@angular/forms', '@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/panel', 'primeng/radiobutton', 'primeng/progressbar', '@angular/platform-browser', '@ngx-translate/core', 'cropperjs', 'element-resize-detector', '@angular/cdk/a11y', 'primeng/scrollpanel', 'primeng/sidebar', '@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.breadcrumb, global.ng.router, global.rxjs, global.rxjs.operators, global.tieredmenu, global.tooltip, global.dom, global.calendar, global.ng.animations, global.ng.forms, global.ng.common.http, global.angular2Hotkeys, global.BigNumber, global.autocomplete$1, global.dialog, global.table, global.ng2CurrencyMask, global.seniorPlatformData, global.moment_, 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.panel, global.radiobutton, global.progressbar, global.ng.platformBrowser, global.core$1, global.Cropper, global.elementResizeDetectorMaker_, global.ng.cdk.a11y, global.scrollpanel, global.sidebar, 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, breadcrumb, router, rxjs, operators, tieredmenu, tooltip, dom, calendar, animations, forms, http, angular2Hotkeys, BigNumber, autocomplete$1, dialog, table, ng2CurrencyMask, seniorPlatformData, moment_, ngxCookieService, ng2CurrencyMask$1, button, checkbox, chips, dropdown, fieldset, inputmask, inputtext, inputtextarea, keyfilter, multiselect, panel, radiobutton, progressbar, platformBrowser, core$1, Cropper, elementResizeDetectorMaker_, a11y, scrollpanel, sidebar, 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('primeng/breadcrumb'), require('@angular/router'), require('rxjs'), require('rxjs/operators'), require('primeng/tieredmenu'), require('primeng/tooltip'), require('primeng/dom'), require('primeng/calendar'), require('@angular/animations'), require('@angular/forms'), 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('@ngx-translate/core'), require('cropperjs'), require('element-resize-detector'), require('@angular/cdk/a11y'), require('primeng/scrollpanel'), require('primeng/sidebar'), 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', 'primeng/breadcrumb', '@angular/router', 'rxjs', 'rxjs/operators', 'primeng/tieredmenu', 'primeng/tooltip', 'primeng/dom', 'primeng/calendar', '@angular/animations', '@angular/forms', '@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', '@ngx-translate/core', 'cropperjs', 'element-resize-detector', '@angular/cdk/a11y', 'primeng/scrollpanel', 'primeng/sidebar', '@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.breadcrumb, global.ng.router, global.rxjs, global.rxjs.operators, global.tieredmenu, global.tooltip, global.dom, global.calendar, global.ng.animations, global.ng.forms, global.ng.common.http, global.angular2Hotkeys, global.BigNumber, global.autocomplete$1, global.dialog, global.table, global.ng2CurrencyMask, global.seniorPlatformData, global.moment_, 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.core$1, global.Cropper, global.elementResizeDetectorMaker_, global.ng.cdk.a11y, global.scrollpanel, global.sidebar, 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, breadcrumb, router, rxjs, operators, tieredmenu, tooltip, dom, calendar, animations, forms, http, angular2Hotkeys, BigNumber, autocomplete$1, dialog, table, ng2CurrencyMask, seniorPlatformData, moment_, ngxCookieService, ng2CurrencyMask$1, button, checkbox, chips, dropdown, fieldset, inputmask, inputtext, inputtextarea, keyfilter, multiselect, inputswitch, panel, radiobutton, progressbar, platformBrowser, core$1, Cropper, elementResizeDetectorMaker_, a11y, scrollpanel, sidebar, 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;
@@ -1228,6 +1228,7 @@
1228
1228
  this.errorMessages = config.errorMessages;
1229
1229
  this.gridClass = Object.keys(this.size).map(function (key) { return "ui-" + key + "-" + _this.size[key]; });
1230
1230
  this.defaultValue = config.defaultValue;
1231
+ this.representedBy = config.representedBy;
1231
1232
  }
1232
1233
  return Field;
1233
1234
  }());
@@ -1692,6 +1693,7 @@
1692
1693
  var _this = _super.call(this, config) || this;
1693
1694
  _this.verticalAlignment = config.verticalAlignment;
1694
1695
  _this.optionsLabel = new BooleanOptionsLabel(config.optionsLabel);
1696
+ _this.representedBy = "radio";
1695
1697
  _this.onBlur = config.onBlur;
1696
1698
  _this.onFocus = config.onFocus;
1697
1699
  _this.onClick = config.onClick;
@@ -1700,6 +1702,17 @@
1700
1702
  return BooleanField;
1701
1703
  }(Field));
1702
1704
 
1705
+ var BooleanSwitchField = /** @class */ (function (_super) {
1706
+ __extends(BooleanSwitchField, _super);
1707
+ function BooleanSwitchField(config) {
1708
+ var _this = _super.call(this, config) || this;
1709
+ _this.onChange = config.onChange;
1710
+ _this.representedBy = "switch";
1711
+ return _this;
1712
+ }
1713
+ return BooleanSwitchField;
1714
+ }(Field));
1715
+
1703
1716
  var CalendarField = /** @class */ (function (_super) {
1704
1717
  __extends(CalendarField, _super);
1705
1718
  function CalendarField(config) {
@@ -2083,6 +2096,9 @@
2083
2096
  case exports.FieldType.Text:
2084
2097
  return new TextAreaField(config);
2085
2098
  case exports.FieldType.Boolean:
2099
+ if (config.representedBy === "switch") {
2100
+ return new BooleanSwitchField(config);
2101
+ }
2086
2102
  return new BooleanField(config);
2087
2103
  case exports.FieldType.Date:
2088
2104
  case exports.FieldType.DateTime:
@@ -2653,7 +2669,7 @@
2653
2669
 
2654
2670
  var DynamicConfig = /** @class */ (function () {
2655
2671
  function DynamicConfig(config) {
2656
- var type = config.type;
2672
+ var type = config.type, representedBy = config.representedBy;
2657
2673
  switch (type) {
2658
2674
  case exports.DynamicType.Autocomplete:
2659
2675
  return new AutocompleteField(config);
@@ -2661,6 +2677,9 @@
2661
2677
  case exports.DynamicType.String:
2662
2678
  return new TextField(config);
2663
2679
  case exports.DynamicType.Boolean:
2680
+ if (representedBy === "switch") {
2681
+ return new BooleanSwitchField(config);
2682
+ }
2664
2683
  return new BooleanField(config);
2665
2684
  case exports.DynamicType.Chips:
2666
2685
  return new ChipsField(config);
@@ -3946,23 +3965,25 @@
3946
3965
  this.el = el;
3947
3966
  this.host = host;
3948
3967
  this.sTableFrozenPosition = "left";
3968
+ this.onColumnsChanged = new core.EventEmitter();
3949
3969
  this.host.onColResize.subscribe(function () {
3950
3970
  _this.handleColResize();
3951
3971
  });
3952
3972
  window.addEventListener("resize", this.handleWindowResize.bind(this));
3953
3973
  var componentId = new Date().getTime();
3974
+ var htmlHead = document.getElementsByTagName("head")[0];
3954
3975
  this.resetRowHeightClassName = "resetTableRowsHeight_" + componentId;
3955
3976
  var styleReset = document.createElement("style");
3956
3977
  styleReset.innerHTML = "." + this.resetRowHeightClassName + " tbody > tr, ." + this.resetRowHeightClassName + " thead > tr { height: auto; }";
3957
- document.getElementsByTagName("head")[0].appendChild(styleReset);
3978
+ htmlHead.appendChild(styleReset);
3958
3979
  this.fixBodyRowClassName = "fixTableBodyRowsHeight_" + componentId;
3959
3980
  this.styleFixBodyRowHeight = document.createElement("style");
3960
3981
  this.styleFixBodyRowHeight.innerHTML = "." + this.fixBodyRowClassName + " tbody > tr { height: auto; }";
3961
- document.getElementsByTagName("head")[0].appendChild(this.styleFixBodyRowHeight);
3982
+ htmlHead.appendChild(this.styleFixBodyRowHeight);
3962
3983
  this.fixHeadRowClassName = "fixTableHeadRowsHeight_" + componentId;
3963
3984
  this.styleFixHeadRowHeight = document.createElement("style");
3964
3985
  this.styleFixHeadRowHeight.innerHTML = "." + this.fixHeadRowClassName + " thead > tr { height: auto; }";
3965
- document.getElementsByTagName("head")[0].appendChild(this.styleFixHeadRowHeight);
3986
+ htmlHead.appendChild(this.styleFixHeadRowHeight);
3966
3987
  }
3967
3988
  Object.defineProperty(TableFrozenPositionDirective.prototype, "sTableFrozenValue", {
3968
3989
  set: function (_) {
@@ -3978,9 +3999,27 @@
3978
3999
  if (this.sTableFrozenPosition === "left")
3979
4000
  return;
3980
4001
  this.applyStylesForTable();
4002
+ this.setUpColumnMonitoring();
3981
4003
  };
3982
4004
  TableFrozenPositionDirective.prototype.ngOnDestroy = function () {
3983
4005
  window.removeEventListener("resize", this.handleWindowResize.bind(this));
4006
+ if (this.tableHeadObservable) {
4007
+ this.tableHeadObservable.disconnect();
4008
+ }
4009
+ };
4010
+ TableFrozenPositionDirective.prototype.setUpColumnMonitoring = function () {
4011
+ var _this = this;
4012
+ this.tableHeadObservable = new MutationObserver(function () {
4013
+ _this.synchronizeRowHeight();
4014
+ _this.onColumnsChanged.emit(null);
4015
+ });
4016
+ var tableHeads = __spread(this.el.nativeElement.getElementsByTagName("thead"));
4017
+ tableHeads.forEach(function (tableHead) {
4018
+ _this.tableHeadObservable.observe(tableHead, {
4019
+ subtree: true,
4020
+ childList: true
4021
+ });
4022
+ });
3984
4023
  };
3985
4024
  TableFrozenPositionDirective.prototype.applyStylesForTable = function () {
3986
4025
  var scrollWrapper = this.el.nativeElement.querySelector(".ui-table-scrollable-wrapper");
@@ -4642,7 +4681,7 @@
4642
4681
  ], BooleanFieldComponent.prototype, "formControl", void 0);
4643
4682
  BooleanFieldComponent = __decorate([
4644
4683
  core.Component({
4645
- template: "<ng-container *ngIf=\"field.verticalAlignment;else horizontalAlignment\">\n <div class=\"ui-g\">\n <div class=\"ui-g-12\">\n <p-radioButton [name]=\"field.name\" [value]=\"true\" [label]=\"field.optionsLabel.true\"\n [formControl]=\"formControl\" [inputId]=\"(field.id || field.name) + '-1'\"\n (onClick)=\"field.onClick ? field.onClick($event) : null\"\n (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n (onBlur)=\"field.onBlur ? field.onBlur($event) : null\">\n </p-radioButton>\n </div>\n <div class=\"ui-g-12\">\n <p-radioButton [name]=\"field.name\" [value]=\"false\" [label]=\"field.optionsLabel.false\"\n [formControl]=\"formControl\" [inputId]=\"(field.id || field.name) + '-2'\"\n (onClick)=\"field.onClick ? field.onClick($event) : null\"\n (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n (onBlur)=\"field.onBlur ? field.onBlur($event) : null\">\n </p-radioButton>\n </div>\n <div class=\"ui-g-12\">\n <p-radioButton *ngIf=\"!field.required()\" [name]=\"field.name\" [value]=\"null\"\n [label]=\"field.optionsLabel.empty\" [formControl]=\"formControl\" [inputId]=\"(field.id || field.name) + '-3'\"\n (onClick)=\"field.onClick ? field.onClick($event) : null\"\n (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n (onBlur)=\"field.onBlur ? field.onBlur($event) : null\">\n </p-radioButton>\n </div>\n </div>\n</ng-container>\n\n<ng-template #horizontalAlignment>\n <p-radioButton [name]=\"field.name\" [value]=\"true\" [label]=\"field.optionsLabel.true\" [formControl]=\"formControl\"\n [inputId]=\"(field.id || field.name) + '-1'\" (onClick)=\"field.onClick ? field.onClick($event) : null\"\n (onFocus)=\"field.onFocus ? field.onFocus($event) : null\" (onBlur)=\"field.onBlur ? field.onBlur($event) : null\">\n </p-radioButton>\n <p-radioButton [name]=\"field.name\" [value]=\"false\" [label]=\"field.optionsLabel.false\" [formControl]=\"formControl\"\n [inputId]=\"(field.id || field.name) + '-2'\" (onClick)=\"field.onClick ? field.onClick($event) : null\"\n (onFocus)=\"field.onFocus ? field.onFocus($event) : null\" (onBlur)=\"field.onBlur ? field.onBlur($event) : null\">\n </p-radioButton>\n <p-radioButton *ngIf=\"!field.required()\" [name]=\"field.name\" [value]=\"null\" [label]=\"field.optionsLabel.empty\"\n [formControl]=\"formControl\" [inputId]=\"(field.id || field.name) + '-3'\" (onClick)=\"field.onClick ? field.onClick($event) : null\"\n (onFocus)=\"field.onFocus ? field.onFocus($event) : null\" (onBlur)=\"field.onBlur ? field.onBlur($event) : null\">\n </p-radioButton>\n</ng-template>\n"
4684
+ template: "<ng-container *ngIf=\"field.verticalAlignment;else horizontalAlignment\">\n <div class=\"ui-g\">\n <div class=\"ui-g-12\">\n <p-radioButton [name]=\"field.name\" [value]=\"true\" [label]=\"field.optionsLabel.true\"\n [formControl]=\"formControl\" [inputId]=\"(field.id || field.name) + '-1'\"\n (onClick)=\"field.onClick ? field.onClick($event) : null\"\n (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n (onBlur)=\"field.onBlur ? field.onBlur($event) : null\">\n </p-radioButton>\n </div>\n <div class=\"ui-g-12\">\n <p-radioButton [name]=\"field.name\" [value]=\"false\" [label]=\"field.optionsLabel.false\"\n [formControl]=\"formControl\" [inputId]=\"(field.id || field.name) + '-2'\"\n (onClick)=\"field.onClick ? field.onClick($event) : null\"\n (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n (onBlur)=\"field.onBlur ? field.onBlur($event) : null\">\n </p-radioButton>\n </div>\n <div class=\"ui-g-12\">\n <p-radioButton *ngIf=\"!field.required()\" [name]=\"field.name\" [value]=\"null\"\n [label]=\"field.optionsLabel.empty\" [formControl]=\"formControl\" [inputId]=\"(field.id || field.name) + '-3'\"\n (onClick)=\"field.onClick ? field.onClick($event) : null\"\n (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n (onBlur)=\"field.onBlur ? field.onBlur($event) : null\">\n </p-radioButton>\n </div>\n </div>\n</ng-container>\n\n<ng-template #horizontalAlignment>\n <div class=\"ui-g\">\n <p-radioButton [name]=\"field.name\" [value]=\"true\" [label]=\"field.optionsLabel.true\" [formControl]=\"formControl\"\n [inputId]=\"(field.id || field.name) + '-1'\" (onClick)=\"field.onClick ? field.onClick($event) : null\"\n (onFocus)=\"field.onFocus ? field.onFocus($event) : null\" (onBlur)=\"field.onBlur ? field.onBlur($event) : null\">\n </p-radioButton>\n <p-radioButton [name]=\"field.name\" [value]=\"false\" [label]=\"field.optionsLabel.false\" [formControl]=\"formControl\"\n [inputId]=\"(field.id || field.name) + '-2'\" (onClick)=\"field.onClick ? field.onClick($event) : null\"\n (onFocus)=\"field.onFocus ? field.onFocus($event) : null\" (onBlur)=\"field.onBlur ? field.onBlur($event) : null\">\n </p-radioButton>\n <p-radioButton *ngIf=\"!field.required()\" [name]=\"field.name\" [value]=\"null\" [label]=\"field.optionsLabel.empty\"\n [formControl]=\"formControl\" [inputId]=\"(field.id || field.name) + '-3'\" (onClick)=\"field.onClick ? field.onClick($event) : null\"\n (onFocus)=\"field.onFocus ? field.onFocus($event) : null\" (onBlur)=\"field.onBlur ? field.onBlur($event) : null\">\n </p-radioButton>\n </div>\n</ng-template>\n"
4646
4685
  })
4647
4686
  ], BooleanFieldComponent);
4648
4687
  return BooleanFieldComponent;
@@ -5136,6 +5175,23 @@
5136
5175
  return BignumberFieldComponent;
5137
5176
  }(BaseFieldComponent));
5138
5177
 
5178
+ var BooleanSwitchFieldComponent = /** @class */ (function () {
5179
+ function BooleanSwitchFieldComponent() {
5180
+ }
5181
+ __decorate([
5182
+ core.Input()
5183
+ ], BooleanSwitchFieldComponent.prototype, "field", void 0);
5184
+ __decorate([
5185
+ core.Input()
5186
+ ], BooleanSwitchFieldComponent.prototype, "formControl", void 0);
5187
+ BooleanSwitchFieldComponent = __decorate([
5188
+ core.Component({
5189
+ template: "<div class=\"ui-g\">\n <p-inputSwitch [id]=\"(field.id || field.name)\" [name]=\"field.name\" [formControl]=\"formControl\"\n [pTooltip]=\"field.tooltip\" tooltipPosition=\"top\"\n (onChange)=\"field.onChange ? field.onChange($event) : null\">\n </p-inputSwitch>\n</div>"
5190
+ })
5191
+ ], BooleanSwitchFieldComponent);
5192
+ return BooleanSwitchFieldComponent;
5193
+ }());
5194
+
5139
5195
  var DynamicForm = /** @class */ (function () {
5140
5196
  function DynamicForm(_a) {
5141
5197
  var group = _a.group, errorMessages = _a.errorMessages;
@@ -5194,6 +5250,9 @@
5194
5250
  case exports.FieldType.String:
5195
5251
  return TextFieldComponent;
5196
5252
  case exports.FieldType.Boolean:
5253
+ if (this.field.representedBy === "switch") {
5254
+ return BooleanSwitchFieldComponent;
5255
+ }
5197
5256
  return BooleanFieldComponent;
5198
5257
  case exports.FieldType.Chips:
5199
5258
  return ChipsFieldComponent;
@@ -5512,7 +5571,8 @@
5512
5571
  InfoSignModule,
5513
5572
  MaskFormatterModule,
5514
5573
  angular2Hotkeys.HotkeyModule.forRoot(),
5515
- MouseEventsModule
5574
+ MouseEventsModule,
5575
+ inputswitch.InputSwitchModule
5516
5576
  ],
5517
5577
  declarations: [
5518
5578
  AutocompleteFieldComponent,
@@ -5534,7 +5594,8 @@
5534
5594
  SectionComponent,
5535
5595
  SelectFieldComponent,
5536
5596
  TextAreaFieldComponent,
5537
- TextFieldComponent
5597
+ TextFieldComponent,
5598
+ BooleanSwitchFieldComponent
5538
5599
  ],
5539
5600
  exports: [DynamicFormComponent, LookupComponent],
5540
5601
  entryComponents: [
@@ -5553,7 +5614,8 @@
5553
5614
  SectionComponent,
5554
5615
  SelectFieldComponent,
5555
5616
  TextAreaFieldComponent,
5556
- TextFieldComponent
5617
+ TextFieldComponent,
5618
+ BooleanSwitchFieldComponent
5557
5619
  ],
5558
5620
  providers: [angular2Hotkeys.HotkeysService]
5559
5621
  })
@@ -9416,18 +9478,18 @@
9416
9478
  exports.TokenListModule = TokenListModule;
9417
9479
  exports.ɵa = LocalizedCurrencyImpurePipe;
9418
9480
  exports.ɵb = LocalizedBignumberPipe;
9419
- exports.ɵba = DecimalField;
9420
- exports.ɵbb = StructureModule;
9421
- exports.ɵbc = HeaderComponent;
9422
- exports.ɵbd = FooterComponent;
9423
- exports.ɵbe = NumberLocaleOptions;
9424
- exports.ɵbf = ThumbnailService;
9425
- exports.ɵbg = InfiniteScrollModule;
9426
- exports.ɵbh = InfiniteScrollDirective;
9427
- exports.ɵbi = CustomTranslationsModule;
9428
- exports.ɵbj = CodeEditorComponent;
9429
- exports.ɵbk = CoreFacade;
9430
- exports.ɵbl = CodeMirror6Core;
9481
+ exports.ɵbb = DecimalField;
9482
+ exports.ɵbc = StructureModule;
9483
+ exports.ɵbd = HeaderComponent;
9484
+ exports.ɵbe = FooterComponent;
9485
+ exports.ɵbf = NumberLocaleOptions;
9486
+ exports.ɵbg = ThumbnailService;
9487
+ exports.ɵbh = InfiniteScrollModule;
9488
+ exports.ɵbi = InfiniteScrollDirective;
9489
+ exports.ɵbj = CustomTranslationsModule;
9490
+ exports.ɵbk = CodeEditorComponent;
9491
+ exports.ɵbl = CoreFacade;
9492
+ exports.ɵbm = CodeMirror6Core;
9431
9493
  exports.ɵc = LocalizedBignumberImpurePipe;
9432
9494
  exports.ɵd = EmptyStateGoBackComponent;
9433
9495
  exports.ɵe = TableColumnsComponent;
@@ -9451,6 +9513,7 @@
9451
9513
  exports.ɵw = SelectFieldComponent;
9452
9514
  exports.ɵx = TextAreaFieldComponent;
9453
9515
  exports.ɵy = TextFieldComponent;
9516
+ exports.ɵz = BooleanSwitchFieldComponent;
9454
9517
 
9455
9518
  Object.defineProperty(exports, '__esModule', { value: true });
9456
9519