@seniorsistemas/angular-components 14.11.0 → 14.13.1

package/fesm2015/seniorsistemas-angular-components.js

@@ -1,5 +1,5 @@
 import { __decorate, __param, __awaiter } from 'tslib';
-import { Input, Component, NgModule, EventEmitter, HostBinding, Output, ViewChild, Renderer2, HostListener, Directive, Injectable, Pipe, forwardRef, ViewEncapsulation, TemplateRef, ViewContainerRef, ComponentFactoryResolver, ChangeDetectorRef, InjectionToken, Inject, ContentChild, ApplicationRef, Injector, ElementRef, ContentChildren } from '@angular/core';
+import { Input, Component, NgModule, EventEmitter, HostBinding, Output, ViewChild, Renderer2, HostListener, Directive, Injectable, Pipe, forwardRef, ViewEncapsulation, TemplateRef, ViewContainerRef, ComponentFactoryResolver, ChangeDetectorRef, ElementRef, InjectionToken, Inject, ContentChild, ApplicationRef, Injector, ContentChildren } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { BreadcrumbModule as BreadcrumbModule$1 } from 'primeng/breadcrumb';
 import { NavigationEnd, PRIMARY_OUTLET, ActivatedRoute, Router, RouterModule } from '@angular/router';
@@ -3427,6 +3427,131 @@ RowTogllerDirective = __decorate([
     Directive({ selector: "[sRowToggler]" })
 ], RowTogllerDirective);
 
+let TableFrozenPositionDirective = class TableFrozenPositionDirective {
+    constructor(el, host) {
+        this.el = el;
+        this.host = host;
+        this.sTableFrozenPosition = "left";
+        this.host.onColResize.subscribe(() => {
+            this.handleColResize();
+        });
+        window.addEventListener("resize", this.handleWindowResize.bind(this));
+        const componentId = new Date().getTime();
+        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);
+        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);
+        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);
+    }
+    set sTableFrozenValue(_) {
+        setTimeout(() => {
+            this.synchronizeRowHeight();
+        });
+    }
+    ngAfterViewInit() {
+        if (this.sTableFrozenPosition === "left")
+            return;
+        this.applyStylesForTable();
+    }
+    ngOnDestroy() {
+        window.removeEventListener("resize", this.handleWindowResize.bind(this));
+    }
+    applyStylesForTable() {
+        const scrollWrapper = this.el.nativeElement.querySelector(".ui-table-scrollable-wrapper");
+        if (!scrollWrapper) {
+            console.warn("Unable to find scroll-wrapper element from table. Is the table configured with frozen template?");
+            return;
+        }
+        scrollWrapper.style.display = "flex";
+        scrollWrapper.style.flexDirection = "row";
+        const frozenTable = this.el.nativeElement.querySelector(".ui-table-frozen-view");
+        if (!frozenTable) {
+            console.warn("Unable to find frozen element from table. Is the table configured with frozen template?");
+            return;
+        }
+        frozenTable.style.order = "1";
+        frozenTable.style.borderRight = "none";
+        frozenTable.style.borderLeft = "1px solid #dddddd";
+        frozenTable.style.boxShadow = "-5px 0 5px -5px #cccccc";
+        const unfrozenTable = this.el.nativeElement.querySelector(".ui-table-unfrozen-view");
+        if (!unfrozenTable) {
+            console.warn("Unable to find unfrozen element from table. Is the table configured with frozen template?");
+            return;
+        }
+        unfrozenTable.style.position = "unset";
+    }
+    handleWindowResize() {
+        this.synchronizeRowHeight();
+    }
+    handleColResize() {
+        this.synchronizeRowHeight();
+    }
+    synchronizeRowHeight() {
+        const tableBodyWrappers = this.el.nativeElement.getElementsByClassName("ui-table-scrollable-body");
+        const tableBodies = [...tableBodyWrappers].map(divWrapper => [...divWrapper.childNodes].find(p => p.tagName === "TABLE"));
+        this.recalculateDefaultRowHeight(tableBodies);
+        this.applyMaxRowHeight(tableBodies);
+        const tableHeadWrappers = this.el.nativeElement.getElementsByClassName("ui-table-scrollable-header-box");
+        const tableHeads = [...tableHeadWrappers].map(divWrapper => [...divWrapper.childNodes].find(p => p.tagName === "TABLE"));
+        this.recalculateDefaultRowHeight(tableHeads);
+        this.applyMaxRowHeight(tableHeads, true);
+    }
+    recalculateDefaultRowHeight(tables) {
+        for (const table of tables) {
+            table.classList.remove(this.fixBodyRowClassName);
+            table.classList.remove(this.fixHeadRowClassName);
+            table.classList.add(this.resetRowHeightClassName);
+        }
+    }
+    applyMaxRowHeight(tables, isHead = false) {
+        const rowSizes = [];
+        for (const table of tables) {
+            for (const tr of table.rows) {
+                rowSizes.push(tr.getBoundingClientRect().height);
+            }
+        }
+        if (!rowSizes.length)
+            return;
+        const maxHeight = Math.max(...rowSizes);
+        if (isHead) {
+            this.styleFixHeadRowHeight.innerHTML = `.${this.fixHeadRowClassName} thead > tr { height: ${maxHeight}px; }`;
+            for (const table of tables) {
+                table.classList.remove(this.resetRowHeightClassName);
+                table.classList.add(this.fixHeadRowClassName);
+            }
+        }
+        else {
+            this.styleFixBodyRowHeight.innerHTML = `.${this.fixBodyRowClassName} tbody > tr { height: ${maxHeight}px; }`;
+            for (const table of tables) {
+                table.classList.remove(this.resetRowHeightClassName);
+                table.classList.add(this.fixBodyRowClassName);
+            }
+        }
+    }
+};
+TableFrozenPositionDirective.ctorParameters = () => [
+    { type: ElementRef },
+    { type: Table }
+];
+__decorate([
+    Input()
+], TableFrozenPositionDirective.prototype, "sTableFrozenPosition", void 0);
+__decorate([
+    Input()
+], TableFrozenPositionDirective.prototype, "sTableFrozenValue", null);
+TableFrozenPositionDirective = __decorate([
+    Directive({
+        selector: "[sTableFrozenPosition]"
+    })
+], TableFrozenPositionDirective);
+
 var EnumColumnFieldType;
 (function (EnumColumnFieldType) {
     EnumColumnFieldType["STRING"] = "STRING";
@@ -3728,6 +3853,111 @@ TokenListModule = __decorate([
     })
 ], TokenListModule);
 
+let TablePagingComponent = class TablePagingComponent {
+    constructor(translate, hostProjectConfigs) {
+        this.translate = translate;
+        this.hostProjectConfigs = hostProjectConfigs;
+    }
+    ngOnChanges(changes) {
+        this.totalRecordsText = this.translate.instant(`${this.getTranslatePrefix()}total_records`, {
+            value: changes.totalRecords.currentValue
+        });
+    }
+    getTranslatePrefix() {
+        return `${this.hostProjectConfigs.domain}.${this.hostProjectConfigs.service}.`;
+    }
+    getTooltipText() {
+        return this.translate.instant(`${this.getTranslatePrefix()}export_to_csv`);
+    }
+    getActions() {
+        const actions = [
+            {
+                id: "exportCurrentPage",
+                label: this.translate.instant(`${this.getTranslatePrefix()}export_current_page`),
+                command: () => this.exportCurrentPage()
+            },
+            {
+                id: "exportSelected",
+                label: this.translate.instant(`${this.getTranslatePrefix()}export_selected_records`),
+                command: () => this.exportSelectedRecords()
+            }
+        ];
+        if (this.loadAllRecords) {
+            actions.push({
+                id: "exportAll",
+                label: this.translate.instant(`${this.getTranslatePrefix()}export_all_records`),
+                command: () => this.exportAllRecords()
+            });
+        }
+        return actions;
+    }
+    validateComponent() {
+        if (!this.table) {
+            throw new Error("Table component not defined");
+        }
+    }
+    getColumnsToExport() {
+        return [...this.table.columns].map(column => {
+            if (column.exportable === null || column.exportable === undefined) {
+                column.exportable = true;
+            }
+            return column;
+        });
+    }
+    getRowsToExport() {
+        return this.table.value;
+    }
+    getSelectedRowsToExport() {
+        return this.table.selection;
+    }
+    getExportFileName() {
+        var _a;
+        return (_a = this.exportFileName) !== null && _a !== void 0 ? _a : "download";
+    }
+    exportCurrentPage() {
+        this.validateComponent();
+        ExportUtils.exportCSV(this.getColumnsToExport(), this.getRowsToExport(), undefined, this.getExportFileName());
+    }
+    exportSelectedRecords() {
+        this.validateComponent();
+        ExportUtils.exportCSV(this.getColumnsToExport(), this.getSelectedRowsToExport(), undefined, this.getExportFileName());
+    }
+    exportAllRecords() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.validateComponent();
+            const data = yield this.loadAllRecords();
+            ExportUtils.exportCSV(this.getColumnsToExport(), data, undefined, this.getExportFileName());
+        });
+    }
+};
+TablePagingComponent.ctorParameters = () => [
+    { type: TranslateService },
+    { type: undefined, decorators: [{ type: Inject, args: [HostProjectConfigsInjectionToken,] }] }
+];
+__decorate([
+    Input()
+], TablePagingComponent.prototype, "totalRecords", void 0);
+__decorate([
+    Input()
+], TablePagingComponent.prototype, "exportFileName", void 0);
+__decorate([
+    Input()
+], TablePagingComponent.prototype, "table", void 0);
+__decorate([
+    Input()
+], TablePagingComponent.prototype, "loadAllRecords", void 0);
+__decorate([
+    Output()
+], TablePagingComponent.prototype, "totalRecordsText", void 0);
+TablePagingComponent = __decorate([
+    Component({
+        template: "<div class=\"paging-container\">\n    <span class=\"total-records\">\n        {{totalRecordsText}}\n    </span>\n    <s-button class=\"export-button\" \n        priority=\"default\" \n        iconClass=\"fa fa-fw fa-file-export\" \n        [disabled]=\"false\" \n        [auxiliary]=\"true\" \n        [tooltip]=\"getTooltipText()\" \n        [model]=\"getActions()\"></s-button>\n</div>\n",
+        selector: "s-table-paging",
+        styles: [".paging-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.export-button{margin-left:6px}"]
+    }),
+    __param(1, Inject(HostProjectConfigsInjectionToken))
+], TablePagingComponent);
+
 let TableModule = class TableModule {
 };
 TableModule = __decorate([
@@ -3735,17 +3965,23 @@ TableModule = __decorate([
         imports: [
             CommonModule,
             TooltipModule,
-            TokenListModule
+            TokenListModule,
+            TranslateModule,
+            ButtonModule
         ],
         exports: [
             RowTogllerDirective,
             NavigationDirective,
-            TableColumnsComponent
+            TableColumnsComponent,
+            TableFrozenPositionDirective,
+            TablePagingComponent
         ],
         declarations: [
             RowTogllerDirective,
             NavigationDirective,
-            TableColumnsComponent
+            TableColumnsComponent,
+            TableFrozenPositionDirective,
+            TablePagingComponent
         ],
     })
 ], TableModule);
@@ -3811,7 +4047,7 @@ __decorate([
 ], ChipsFieldComponent.prototype, "formControl", void 0);
 ChipsFieldComponent = __decorate([
     Component({
-        template: "<p-chips\n    [inputId]=\"(field.id || field.name)\"\n    [formControl]=\"formControl\"\n    [placeholder]=\"field.placeholder\"\n    [allowDuplicate]=\"false\"\n    [addOnTab]=\"true\"\n    [addOnBlur]=\"true\"\n    (onAdd)=\"field.onAdd ? field.onAdd($event) : null\"\n    (onRemove)=\"field.onRemove ? field.onRemove($event) : null\"\n    (onChipClick)=\"field.onChipClick ? field.onChipClick($event) : null\"\n    (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n    (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n    [pKeyFilter]=\"field.keyFilter\"\n></p-chips>\n"
+        template: "<p-chips\n    *ngIf=\"field.keyFilter\"\n    [inputId]=\"(field.id || field.name)\"\n    [formControl]=\"formControl\"\n    [placeholder]=\"field.placeholder\"\n    [allowDuplicate]=\"false\"\n    [addOnTab]=\"true\"\n    [addOnBlur]=\"true\"\n    (onAdd)=\"field.onAdd ? field.onAdd($event) : null\"\n    (onRemove)=\"field.onRemove ? field.onRemove($event) : null\"\n    (onChipClick)=\"field.onChipClick ? field.onChipClick($event) : null\"\n    (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n    (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n    [pKeyFilter]=\"field.keyFilter\">\n</p-chips>\n\n<p-chips\n    *ngIf=\"!field.keyFilter\"\n    [inputId]=\"(field.id || field.name)\"\n    [formControl]=\"formControl\"\n    [placeholder]=\"field.placeholder\"\n    [allowDuplicate]=\"false\"\n    [addOnTab]=\"true\"\n    [addOnBlur]=\"true\"\n    (onAdd)=\"field.onAdd ? field.onAdd($event) : null\"\n    (onRemove)=\"field.onRemove ? field.onRemove($event) : null\"\n    (onChipClick)=\"field.onChipClick ? field.onChipClick($event) : null\"\n    (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n    (onBlur)=\"field.onBlur ? field.onBlur($event) : null\">\n</p-chips>\n"
     })
 ], ChipsFieldComponent);
 
@@ -8050,5 +8286,5 @@ CodeEditorModule = __decorate([
  * Generated bundle index. Do not edit.
  */
 
-export { AngularComponentsModule, AutocompleteField, 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, TableHeaderCheckboxComponent, TableHeaderCheckboxModule, TableModule, TaxCalculationLanguageConfigs, TextAreaField, TextField, Themes, ThumbnailComponent, ThumbnailModule, ThumbnailSize, TileComponent, TileModule, TokenListComponent, TokenListModule, ValidateErrors, LocalizedCurrencyImpurePipe as ɵa, LocalizedBignumberPipe as ɵb, DecimalField as ɵbb, StructureModule as ɵbc, HeaderComponent as ɵbd, FooterComponent as ɵbe, InfoSignComponent as ɵbf, NumberLocaleOptions as ɵbg, ThumbnailService as ɵbh, InfiniteScrollModule as ɵbi, InfiniteScrollDirective as ɵbj, CustomTranslationsModule as ɵbk, CodeEditorComponent as ɵbl, CoreFacade as ɵbm, CodeMirror6Core as ɵbn, LocalizedBignumberImpurePipe as ɵc, TokenListModule as ɵd, TableColumnsComponent as ɵe, InfoSignModule as ɵf, MouseEventsModule as ɵg, AutocompleteFieldComponent as ɵh, BooleanFieldComponent as ɵi, CalendarFieldComponent as ɵj, ChipsFieldComponent as ɵk, CurrencyFieldComponent as ɵl, BaseFieldComponent as ɵm, DynamicFieldComponent as ɵn, DynamicFormDirective as ɵo, FieldsetComponent as ɵp, FileUploadComponent$1 as ɵq, LookupFieldComponent as ɵr, NumberFieldComponent as ɵs, BignumberFieldComponent as ɵt, RadioButtonComponent as ɵu, RowComponent as ɵv, SectionComponent as ɵw, SelectFieldComponent as ɵx, TextAreaFieldComponent as ɵy, TextFieldComponent as ɵz };
+export { AngularComponentsModule, AutocompleteField, 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, TokenListComponent, TokenListModule, ValidateErrors, LocalizedCurrencyImpurePipe as ɵa, LocalizedBignumberPipe as ɵb, TextAreaFieldComponent as ɵba, TextFieldComponent as ɵbb, DecimalField as ɵbd, StructureModule as ɵbe, HeaderComponent as ɵbf, FooterComponent as ɵbg, InfoSignComponent as ɵbh, NumberLocaleOptions as ɵbi, ThumbnailService as ɵbj, InfiniteScrollModule as ɵbk, InfiniteScrollDirective as ɵbl, CustomTranslationsModule as ɵbm, CodeEditorComponent as ɵbn, CoreFacade as ɵbo, CodeMirror6Core as ɵbp, LocalizedBignumberImpurePipe as ɵc, TokenListModule as ɵd, ButtonModule as ɵe, TableColumnsComponent as ɵf, TablePagingComponent as ɵg, InfoSignModule as ɵh, MouseEventsModule as ɵi, AutocompleteFieldComponent as ɵj, BooleanFieldComponent as ɵk, CalendarFieldComponent as ɵl, ChipsFieldComponent as ɵm, CurrencyFieldComponent as ɵn, BaseFieldComponent as ɵo, DynamicFieldComponent as ɵp, DynamicFormDirective as ɵq, FieldsetComponent as ɵr, FileUploadComponent$1 as ɵs, LookupFieldComponent as ɵt, NumberFieldComponent as ɵu, BignumberFieldComponent as ɵv, RadioButtonComponent as ɵw, RowComponent as ɵx, SectionComponent as ɵy, SelectFieldComponent as ɵz };
 //# sourceMappingURL=seniorsistemas-angular-components.js.map