@seniorsistemas/angular-components 14.15.0 → 14.16.1

package/fesm5/seniorsistemas-angular-components.js

@@ -32,6 +32,7 @@ import { InputTextModule } from 'primeng/inputtext';
 import { InputTextareaModule } from 'primeng/inputtextarea';
 import { KeyFilterModule } from 'primeng/keyfilter';
 import { MultiSelectModule } from 'primeng/multiselect';
+import { InputSwitchModule } from 'primeng/inputswitch';
 import { PanelModule } from 'primeng/panel';
 import { RadioButtonModule } from 'primeng/radiobutton';
 import { ProgressBarModule } from 'primeng/progressbar';
@@ -1054,6 +1055,7 @@ var Field = /** @class */ (function () {
         this.errorMessages = config.errorMessages;
         this.gridClass = Object.keys(this.size).map(function (key) { return "ui-" + key + "-" + _this.size[key]; });
         this.defaultValue = config.defaultValue;
+        this.representedBy = config.representedBy;
     }
     return Field;
 }());
@@ -1518,6 +1520,7 @@ var BooleanField = /** @class */ (function (_super) {
         var _this = _super.call(this, config) || this;
         _this.verticalAlignment = config.verticalAlignment;
         _this.optionsLabel = new BooleanOptionsLabel(config.optionsLabel);
+        _this.representedBy = "radio";
         _this.onBlur = config.onBlur;
         _this.onFocus = config.onFocus;
         _this.onClick = config.onClick;
@@ -1526,6 +1529,17 @@ var BooleanField = /** @class */ (function (_super) {
     return BooleanField;
 }(Field));
 
+var BooleanSwitchField = /** @class */ (function (_super) {
+    __extends(BooleanSwitchField, _super);
+    function BooleanSwitchField(config) {
+        var _this = _super.call(this, config) || this;
+        _this.onChange = config.onChange;
+        _this.representedBy = "switch";
+        return _this;
+    }
+    return BooleanSwitchField;
+}(Field));
+
 var CalendarField = /** @class */ (function (_super) {
     __extends(CalendarField, _super);
     function CalendarField(config) {
@@ -1909,6 +1923,9 @@ var FormField = /** @class */ (function () {
             case FieldType.Text:
                 return new TextAreaField(config);
             case FieldType.Boolean:
+                if (config.representedBy === "switch") {
+                    return new BooleanSwitchField(config);
+                }
                 return new BooleanField(config);
             case FieldType.Date:
             case FieldType.DateTime:
@@ -2479,7 +2496,7 @@ var Section = /** @class */ (function (_super) {
 
 var DynamicConfig = /** @class */ (function () {
     function DynamicConfig(config) {
-        var type = config.type;
+        var type = config.type, representedBy = config.representedBy;
         switch (type) {
             case DynamicType.Autocomplete:
                 return new AutocompleteField(config);
@@ -2487,6 +2504,9 @@ var DynamicConfig = /** @class */ (function () {
             case DynamicType.String:
                 return new TextField(config);
             case DynamicType.Boolean:
+                if (representedBy === "switch") {
+                    return new BooleanSwitchField(config);
+                }
                 return new BooleanField(config);
             case DynamicType.Chips:
                 return new ChipsField(config);
@@ -3772,23 +3792,25 @@ var TableFrozenPositionDirective = /** @class */ (function () {
         this.el = el;
         this.host = host;
         this.sTableFrozenPosition = "left";
+        this.onColumnsChanged = new EventEmitter();
         this.host.onColResize.subscribe(function () {
             _this.handleColResize();
         });
         window.addEventListener("resize", this.handleWindowResize.bind(this));
         var componentId = new Date().getTime();
+        var htmlHead = document.getElementsByTagName("head")[0];
         this.resetRowHeightClassName = "resetTableRowsHeight_" + componentId;
         var styleReset = document.createElement("style");
         styleReset.innerHTML = "." + this.resetRowHeightClassName + " tbody > tr, ." + this.resetRowHeightClassName + " thead > tr { height: auto; }";
-        document.getElementsByTagName("head")[0].appendChild(styleReset);
+        htmlHead.appendChild(styleReset);
         this.fixBodyRowClassName = "fixTableBodyRowsHeight_" + componentId;
         this.styleFixBodyRowHeight = document.createElement("style");
         this.styleFixBodyRowHeight.innerHTML = "." + this.fixBodyRowClassName + " tbody > tr { height: auto; }";
-        document.getElementsByTagName("head")[0].appendChild(this.styleFixBodyRowHeight);
+        htmlHead.appendChild(this.styleFixBodyRowHeight);
         this.fixHeadRowClassName = "fixTableHeadRowsHeight_" + componentId;
         this.styleFixHeadRowHeight = document.createElement("style");
         this.styleFixHeadRowHeight.innerHTML = "." + this.fixHeadRowClassName + " thead > tr { height: auto; }";
-        document.getElementsByTagName("head")[0].appendChild(this.styleFixHeadRowHeight);
+        htmlHead.appendChild(this.styleFixHeadRowHeight);
     }
     Object.defineProperty(TableFrozenPositionDirective.prototype, "sTableFrozenValue", {
         set: function (_) {
@@ -3804,9 +3826,27 @@ var TableFrozenPositionDirective = /** @class */ (function () {
         if (this.sTableFrozenPosition === "left")
             return;
         this.applyStylesForTable();
+        this.setUpColumnMonitoring();
     };
     TableFrozenPositionDirective.prototype.ngOnDestroy = function () {
         window.removeEventListener("resize", this.handleWindowResize.bind(this));
+        if (this.tableHeadObservable) {
+            this.tableHeadObservable.disconnect();
+        }
+    };
+    TableFrozenPositionDirective.prototype.setUpColumnMonitoring = function () {
+        var _this = this;
+        this.tableHeadObservable = new MutationObserver(function () {
+            _this.synchronizeRowHeight();
+            _this.onColumnsChanged.emit(null);
+        });
+        var tableHeads = __spread(this.el.nativeElement.getElementsByTagName("thead"));
+        tableHeads.forEach(function (tableHead) {
+            _this.tableHeadObservable.observe(tableHead, {
+                subtree: true,
+                childList: true
+            });
+        });
     };
     TableFrozenPositionDirective.prototype.applyStylesForTable = function () {
         var scrollWrapper = this.el.nativeElement.querySelector(".ui-table-scrollable-wrapper");
@@ -4468,7 +4508,7 @@ var BooleanFieldComponent = /** @class */ (function () {
     ], BooleanFieldComponent.prototype, "formControl", void 0);
     BooleanFieldComponent = __decorate([
         Component({
-            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"
+            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"
         })
     ], BooleanFieldComponent);
     return BooleanFieldComponent;
@@ -4962,6 +5002,23 @@ var BignumberFieldComponent = /** @class */ (function (_super) {
     return BignumberFieldComponent;
 }(BaseFieldComponent));
 
+var BooleanSwitchFieldComponent = /** @class */ (function () {
+    function BooleanSwitchFieldComponent() {
+    }
+    __decorate([
+        Input()
+    ], BooleanSwitchFieldComponent.prototype, "field", void 0);
+    __decorate([
+        Input()
+    ], BooleanSwitchFieldComponent.prototype, "formControl", void 0);
+    BooleanSwitchFieldComponent = __decorate([
+        Component({
+            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>"
+        })
+    ], BooleanSwitchFieldComponent);
+    return BooleanSwitchFieldComponent;
+}());
+
 var DynamicForm = /** @class */ (function () {
     function DynamicForm(_a) {
         var group = _a.group, errorMessages = _a.errorMessages;
@@ -5020,6 +5077,9 @@ var DynamicField = /** @class */ (function (_super) {
             case FieldType.String:
                 return TextFieldComponent;
             case FieldType.Boolean:
+                if (this.field.representedBy === "switch") {
+                    return BooleanSwitchFieldComponent;
+                }
                 return BooleanFieldComponent;
             case FieldType.Chips:
                 return ChipsFieldComponent;
@@ -5338,7 +5398,8 @@ var DynamicFormModule = /** @class */ (function () {
                 InfoSignModule,
                 MaskFormatterModule,
                 HotkeyModule.forRoot(),
-                MouseEventsModule
+                MouseEventsModule,
+                InputSwitchModule
             ],
             declarations: [
                 AutocompleteFieldComponent,
@@ -5360,7 +5421,8 @@ var DynamicFormModule = /** @class */ (function () {
                 SectionComponent,
                 SelectFieldComponent,
                 TextAreaFieldComponent,
-                TextFieldComponent
+                TextFieldComponent,
+                BooleanSwitchFieldComponent
             ],
             exports: [DynamicFormComponent, LookupComponent],
             entryComponents: [
@@ -5379,7 +5441,8 @@ var DynamicFormModule = /** @class */ (function () {
                 SectionComponent,
                 SelectFieldComponent,
                 TextAreaFieldComponent,
-                TextFieldComponent
+                TextFieldComponent,
+                BooleanSwitchFieldComponent
             ],
             providers: [HotkeysService]
         })
@@ -9130,5 +9193,5 @@ var CodeEditorModule = /** @class */ (function () {
  * Generated bundle index. Do not edit.
  */
 
-export { AngularComponentsModule, AutocompleteField, BaseFieldComponent, BignumberField, BignumberInputDirective, BignumberInputModule, BooleanField, BooleanOptionsLabel, BreadcrumbComponent, BreadcrumbModule, Breakpoints, ButtonComponent, ButtonModule, ButtonPriority, ButtonSize, CalendarField, CalendarLocaleOptions, CalendarMaskDirective, CalendarMaskModule, ChipsField, CodeEditorModule, CollapseLinkComponent, CollapseLinkModule, ControlErrorsComponent, ControlErrorsModule, CurrencyField, CustomFieldsComponent, CustomFieldsModule, CustomFieldsService, DEFAULT_CALENDAR_LOCALE_OPTIONS, DEFAULT_LOCALE_OPTIONS, DEFAULT_NUMBER_LOCALE_OPTIONS, DoubleClickDirective, DynamicConfig, DynamicFormComponent, DynamicFormModule, DynamicType, EditableOverlayDirective, EditableOverlayModule, EmptyStateComponent, EmptyStateModule, EnumBadgeColors, EnumColumnFieldType, ExportUtils, Field, FieldType, Fieldset, FileUploadComponent, FileUploadModule, 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, ProductHeaderComponent, ProductHeaderModule, RadioButtonField, RationButtonOption, RowTogllerDirective, Section, SelectField, SelectOption, SidebarComponent, SidebarModule, StatsCardComponent, StatsCardModule, StepState, StepsComponent, StepsModule, Structure, TableFrozenPositionDirective, TableHeaderCheckboxComponent, TableHeaderCheckboxModule, TableModule, TaxCalculationLanguageConfigs, TextAreaField, TextField, Themes, ThumbnailComponent, ThumbnailModule, ThumbnailSize, TileComponent, TileModule, TimelineComponent, TimelineModule, TokenListComponent, TokenListModule, ValidateErrors, LocalizedCurrencyImpurePipe as ɵa, LocalizedBignumberPipe as ɵb, DecimalField as ɵba, StructureModule as ɵbb, HeaderComponent as ɵbc, FooterComponent as ɵbd, NumberLocaleOptions as ɵbe, ThumbnailService as ɵbf, InfiniteScrollModule as ɵbg, InfiniteScrollDirective as ɵbh, CustomTranslationsModule as ɵbi, CodeEditorComponent as ɵbj, CoreFacade as ɵbk, CodeMirror6Core as ɵbl, LocalizedBignumberImpurePipe as ɵc, EmptyStateGoBackComponent as ɵd, TableColumnsComponent as ɵe, TablePagingComponent as ɵf, InfoSignComponent as ɵg, AutocompleteFieldComponent as ɵh, BooleanFieldComponent as ɵi, CalendarFieldComponent as ɵj, ChipsFieldComponent as ɵk, CurrencyFieldComponent as ɵl, DynamicFieldComponent as ɵm, DynamicFormDirective as ɵn, FieldsetComponent as ɵo, FileUploadComponent$1 as ɵp, LookupFieldComponent as ɵq, NumberFieldComponent as ɵr, BignumberFieldComponent as ɵs, RadioButtonComponent as ɵt, RowComponent as ɵu, SectionComponent as ɵv, SelectFieldComponent as ɵw, TextAreaFieldComponent as ɵx, TextFieldComponent as ɵy };
+export { AngularComponentsModule, AutocompleteField, BaseFieldComponent, BignumberField, BignumberInputDirective, BignumberInputModule, BooleanField, BooleanOptionsLabel, BreadcrumbComponent, BreadcrumbModule, Breakpoints, ButtonComponent, ButtonModule, ButtonPriority, ButtonSize, CalendarField, CalendarLocaleOptions, CalendarMaskDirective, CalendarMaskModule, ChipsField, CodeEditorModule, CollapseLinkComponent, CollapseLinkModule, ControlErrorsComponent, ControlErrorsModule, CurrencyField, CustomFieldsComponent, CustomFieldsModule, CustomFieldsService, DEFAULT_CALENDAR_LOCALE_OPTIONS, DEFAULT_LOCALE_OPTIONS, DEFAULT_NUMBER_LOCALE_OPTIONS, DoubleClickDirective, DynamicConfig, DynamicFormComponent, DynamicFormModule, DynamicType, EditableOverlayDirective, EditableOverlayModule, EmptyStateComponent, EmptyStateModule, EnumBadgeColors, EnumColumnFieldType, ExportUtils, Field, FieldType, Fieldset, FileUploadComponent, FileUploadModule, 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, ProductHeaderComponent, ProductHeaderModule, RadioButtonField, RationButtonOption, RowTogllerDirective, Section, SelectField, SelectOption, SidebarComponent, SidebarModule, StatsCardComponent, StatsCardModule, StepState, StepsComponent, StepsModule, Structure, TableFrozenPositionDirective, TableHeaderCheckboxComponent, TableHeaderCheckboxModule, TableModule, TaxCalculationLanguageConfigs, TextAreaField, TextField, Themes, ThumbnailComponent, ThumbnailModule, ThumbnailSize, TileComponent, TileModule, TimelineComponent, TimelineModule, TokenListComponent, TokenListModule, ValidateErrors, LocalizedCurrencyImpurePipe as ɵa, LocalizedBignumberPipe as ɵb, DecimalField as ɵbb, StructureModule as ɵbc, HeaderComponent as ɵbd, FooterComponent as ɵbe, NumberLocaleOptions as ɵbf, ThumbnailService as ɵbg, InfiniteScrollModule as ɵbh, InfiniteScrollDirective as ɵbi, CustomTranslationsModule as ɵbj, CodeEditorComponent as ɵbk, CoreFacade as ɵbl, CodeMirror6Core as ɵbm, LocalizedBignumberImpurePipe as ɵc, EmptyStateGoBackComponent as ɵd, TableColumnsComponent as ɵe, TablePagingComponent as ɵf, InfoSignComponent as ɵg, AutocompleteFieldComponent as ɵh, BooleanFieldComponent as ɵi, CalendarFieldComponent as ɵj, ChipsFieldComponent as ɵk, CurrencyFieldComponent as ɵl, DynamicFieldComponent as ɵm, DynamicFormDirective as ɵn, FieldsetComponent as ɵo, FileUploadComponent$1 as ɵp, LookupFieldComponent as ɵq, NumberFieldComponent as ɵr, BignumberFieldComponent as ɵs, RadioButtonComponent as ɵt, RowComponent as ɵu, SectionComponent as ɵv, SelectFieldComponent as ɵw, TextAreaFieldComponent as ɵx, TextFieldComponent as ɵy, BooleanSwitchFieldComponent as ɵz };
 //# sourceMappingURL=seniorsistemas-angular-components.js.map