@seniorsistemas/angular-components 14.11.0 → 14.12.0

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";
@@ -3740,12 +3865,14 @@ TableModule = __decorate([
         exports: [
             RowTogllerDirective,
             NavigationDirective,
-            TableColumnsComponent
+            TableColumnsComponent,
+            TableFrozenPositionDirective
         ],
         declarations: [
             RowTogllerDirective,
             NavigationDirective,
-            TableColumnsComponent
+            TableColumnsComponent,
+            TableFrozenPositionDirective
         ],
     })
 ], TableModule);
@@ -8050,5 +8177,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, 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 };
 //# sourceMappingURL=seniorsistemas-angular-components.js.map