@seniorsistemas/angular-components 14.15.0 → 14.16.1

package/fesm2015/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';
@@ -1012,6 +1013,7 @@ class Field {
         this.errorMessages = config.errorMessages;
         this.gridClass = Object.keys(this.size).map(key => `ui-${key}-${this.size[key]}`);
         this.defaultValue = config.defaultValue;
+        this.representedBy = config.representedBy;
     }
 }
 
@@ -1416,12 +1418,21 @@ class BooleanField extends Field {
         super(config);
         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;
     }
 }
 
+class BooleanSwitchField extends Field {
+    constructor(config) {
+        super(config);
+        this.onChange = config.onChange;
+        this.representedBy = "switch";
+    }
+}
+
 class CalendarField extends Field {
     constructor(config) {
         super(config);
@@ -1753,6 +1764,9 @@ class FormField {
             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:
@@ -2304,7 +2318,7 @@ class Section extends Structure {
 
 class DynamicConfig {
     constructor(config) {
-        const { type } = config;
+        const { type, representedBy } = config;
         switch (type) {
             case DynamicType.Autocomplete:
                 return new AutocompleteField(config);
@@ -2312,6 +2326,9 @@ class DynamicConfig {
             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);
@@ -3510,23 +3527,25 @@ let TableFrozenPositionDirective = class TableFrozenPositionDirective {
         this.el = el;
         this.host = host;
         this.sTableFrozenPosition = "left";
+        this.onColumnsChanged = new EventEmitter();
         this.host.onColResize.subscribe(() => {
             this.handleColResize();
         });
         window.addEventListener("resize", this.handleWindowResize.bind(this));
         const componentId = new Date().getTime();
+        const htmlHead = document.getElementsByTagName("head")[0];
         this.resetRowHeightClassName = `resetTableRowsHeight_${componentId}`;
         const 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);
     }
     set sTableFrozenValue(_) {
         setTimeout(() => {
@@ -3537,9 +3556,26 @@ let TableFrozenPositionDirective = class TableFrozenPositionDirective {
         if (this.sTableFrozenPosition === "left")
             return;
         this.applyStylesForTable();
+        this.setUpColumnMonitoring();
     }
     ngOnDestroy() {
         window.removeEventListener("resize", this.handleWindowResize.bind(this));
+        if (this.tableHeadObservable) {
+            this.tableHeadObservable.disconnect();
+        }
+    }
+    setUpColumnMonitoring() {
+        this.tableHeadObservable = new MutationObserver(() => {
+            this.synchronizeRowHeight();
+            this.onColumnsChanged.emit(null);
+        });
+        const tableHeads = [...this.el.nativeElement.getElementsByTagName("thead")];
+        tableHeads.forEach((tableHead) => {
+            this.tableHeadObservable.observe(tableHead, {
+                subtree: true,
+                childList: true
+            });
+        });
     }
     applyStylesForTable() {
         const scrollWrapper = this.el.nativeElement.querySelector(".ui-table-scrollable-wrapper");
@@ -4116,7 +4152,7 @@ __decorate([
 ], 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);
 
@@ -4590,6 +4626,20 @@ BignumberFieldComponent = __decorate([
     })
 ], BignumberFieldComponent);
 
+let BooleanSwitchFieldComponent = class 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);
+
 class DynamicForm {
     constructor({ group, errorMessages }) {
         this.group = group;
@@ -4643,6 +4693,9 @@ class DynamicField extends DynamicForm {
             case FieldType.String:
                 return TextFieldComponent;
             case FieldType.Boolean:
+                if (this.field.representedBy === "switch") {
+                    return BooleanSwitchFieldComponent;
+                }
                 return BooleanFieldComponent;
             case FieldType.Chips:
                 return ChipsFieldComponent;
@@ -4939,7 +4992,8 @@ DynamicFormModule = __decorate([
             InfoSignModule,
             MaskFormatterModule,
             HotkeyModule.forRoot(),
-            MouseEventsModule
+            MouseEventsModule,
+            InputSwitchModule
         ],
         declarations: [
             AutocompleteFieldComponent,
@@ -4961,7 +5015,8 @@ DynamicFormModule = __decorate([
             SectionComponent,
             SelectFieldComponent,
             TextAreaFieldComponent,
-            TextFieldComponent
+            TextFieldComponent,
+            BooleanSwitchFieldComponent
         ],
         exports: [DynamicFormComponent, LookupComponent],
         entryComponents: [
@@ -4980,7 +5035,8 @@ DynamicFormModule = __decorate([
             SectionComponent,
             SelectFieldComponent,
             TextAreaFieldComponent,
-            TextFieldComponent
+            TextFieldComponent,
+            BooleanSwitchFieldComponent
         ],
         providers: [HotkeysService]
     })
@@ -8486,5 +8542,5 @@ CodeEditorModule = __decorate([
  * 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