@seniorsistemas/angular-components 14.11.0 → 14.12.0

package/fesm5/seniorsistemas-angular-components.js

@@ -1,5 +1,5 @@
 import { __spread, __assign, __decorate, __extends, __values, __param, __read, __awaiter, __generator } 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';
@@ -3685,6 +3685,191 @@ var RowTogllerDirective = /** @class */ (function (_super) {
     return RowTogllerDirective;
 }(RowToggler));
 
+var TableFrozenPositionDirective = /** @class */ (function () {
+    function TableFrozenPositionDirective(el, host) {
+        var _this = this;
+        this.el = el;
+        this.host = host;
+        this.sTableFrozenPosition = "left";
+        this.host.onColResize.subscribe(function () {
+            _this.handleColResize();
+        });
+        window.addEventListener("resize", this.handleWindowResize.bind(this));
+        var componentId = new Date().getTime();
+        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);
+        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);
+    }
+    Object.defineProperty(TableFrozenPositionDirective.prototype, "sTableFrozenValue", {
+        set: function (_) {
+            var _this = this;
+            setTimeout(function () {
+                _this.synchronizeRowHeight();
+            });
+        },
+        enumerable: true,
+        configurable: true
+    });
+    TableFrozenPositionDirective.prototype.ngAfterViewInit = function () {
+        if (this.sTableFrozenPosition === "left")
+            return;
+        this.applyStylesForTable();
+    };
+    TableFrozenPositionDirective.prototype.ngOnDestroy = function () {
+        window.removeEventListener("resize", this.handleWindowResize.bind(this));
+    };
+    TableFrozenPositionDirective.prototype.applyStylesForTable = function () {
+        var 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";
+        var 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";
+        var 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";
+    };
+    TableFrozenPositionDirective.prototype.handleWindowResize = function () {
+        this.synchronizeRowHeight();
+    };
+    TableFrozenPositionDirective.prototype.handleColResize = function () {
+        this.synchronizeRowHeight();
+    };
+    TableFrozenPositionDirective.prototype.synchronizeRowHeight = function () {
+        var tableBodyWrappers = this.el.nativeElement.getElementsByClassName("ui-table-scrollable-body");
+        var tableBodies = __spread(tableBodyWrappers).map(function (divWrapper) { return __spread(divWrapper.childNodes).find(function (p) { return p.tagName === "TABLE"; }); });
+        this.recalculateDefaultRowHeight(tableBodies);
+        this.applyMaxRowHeight(tableBodies);
+        var tableHeadWrappers = this.el.nativeElement.getElementsByClassName("ui-table-scrollable-header-box");
+        var tableHeads = __spread(tableHeadWrappers).map(function (divWrapper) { return __spread(divWrapper.childNodes).find(function (p) { return p.tagName === "TABLE"; }); });
+        this.recalculateDefaultRowHeight(tableHeads);
+        this.applyMaxRowHeight(tableHeads, true);
+    };
+    TableFrozenPositionDirective.prototype.recalculateDefaultRowHeight = function (tables) {
+        var e_1, _a;
+        try {
+            for (var tables_1 = __values(tables), tables_1_1 = tables_1.next(); !tables_1_1.done; tables_1_1 = tables_1.next()) {
+                var table = tables_1_1.value;
+                table.classList.remove(this.fixBodyRowClassName);
+                table.classList.remove(this.fixHeadRowClassName);
+                table.classList.add(this.resetRowHeightClassName);
+            }
+        }
+        catch (e_1_1) { e_1 = { error: e_1_1 }; }
+        finally {
+            try {
+                if (tables_1_1 && !tables_1_1.done && (_a = tables_1.return)) _a.call(tables_1);
+            }
+            finally { if (e_1) throw e_1.error; }
+        }
+    };
+    TableFrozenPositionDirective.prototype.applyMaxRowHeight = function (tables, isHead) {
+        var e_2, _a, e_3, _b, e_4, _c, e_5, _d;
+        if (isHead === void 0) { isHead = false; }
+        var rowSizes = [];
+        try {
+            for (var tables_2 = __values(tables), tables_2_1 = tables_2.next(); !tables_2_1.done; tables_2_1 = tables_2.next()) {
+                var table = tables_2_1.value;
+                try {
+                    for (var _e = (e_3 = void 0, __values(table.rows)), _f = _e.next(); !_f.done; _f = _e.next()) {
+                        var tr = _f.value;
+                        rowSizes.push(tr.getBoundingClientRect().height);
+                    }
+                }
+                catch (e_3_1) { e_3 = { error: e_3_1 }; }
+                finally {
+                    try {
+                        if (_f && !_f.done && (_b = _e.return)) _b.call(_e);
+                    }
+                    finally { if (e_3) throw e_3.error; }
+                }
+            }
+        }
+        catch (e_2_1) { e_2 = { error: e_2_1 }; }
+        finally {
+            try {
+                if (tables_2_1 && !tables_2_1.done && (_a = tables_2.return)) _a.call(tables_2);
+            }
+            finally { if (e_2) throw e_2.error; }
+        }
+        if (!rowSizes.length)
+            return;
+        var maxHeight = Math.max.apply(Math, __spread(rowSizes));
+        if (isHead) {
+            this.styleFixHeadRowHeight.innerHTML = "." + this.fixHeadRowClassName + " thead > tr { height: " + maxHeight + "px; }";
+            try {
+                for (var tables_3 = __values(tables), tables_3_1 = tables_3.next(); !tables_3_1.done; tables_3_1 = tables_3.next()) {
+                    var table = tables_3_1.value;
+                    table.classList.remove(this.resetRowHeightClassName);
+                    table.classList.add(this.fixHeadRowClassName);
+                }
+            }
+            catch (e_4_1) { e_4 = { error: e_4_1 }; }
+            finally {
+                try {
+                    if (tables_3_1 && !tables_3_1.done && (_c = tables_3.return)) _c.call(tables_3);
+                }
+                finally { if (e_4) throw e_4.error; }
+            }
+        }
+        else {
+            this.styleFixBodyRowHeight.innerHTML = "." + this.fixBodyRowClassName + " tbody > tr { height: " + maxHeight + "px; }";
+            try {
+                for (var tables_4 = __values(tables), tables_4_1 = tables_4.next(); !tables_4_1.done; tables_4_1 = tables_4.next()) {
+                    var table = tables_4_1.value;
+                    table.classList.remove(this.resetRowHeightClassName);
+                    table.classList.add(this.fixBodyRowClassName);
+                }
+            }
+            catch (e_5_1) { e_5 = { error: e_5_1 }; }
+            finally {
+                try {
+                    if (tables_4_1 && !tables_4_1.done && (_d = tables_4.return)) _d.call(tables_4);
+                }
+                finally { if (e_5) throw e_5.error; }
+            }
+        }
+    };
+    TableFrozenPositionDirective.ctorParameters = function () { return [
+        { type: ElementRef },
+        { type: Table }
+    ]; };
+    __decorate([
+        Input()
+    ], TableFrozenPositionDirective.prototype, "sTableFrozenPosition", void 0);
+    __decorate([
+        Input()
+    ], TableFrozenPositionDirective.prototype, "sTableFrozenValue", null);
+    TableFrozenPositionDirective = __decorate([
+        Directive({
+            selector: "[sTableFrozenPosition]"
+        })
+    ], TableFrozenPositionDirective);
+    return TableFrozenPositionDirective;
+}());
+
 var EnumColumnFieldType;
 (function (EnumColumnFieldType) {
     EnumColumnFieldType["STRING"] = "STRING";
@@ -4011,12 +4196,14 @@ var TableModule = /** @class */ (function () {
             exports: [
                 RowTogllerDirective,
                 NavigationDirective,
-                TableColumnsComponent
+                TableColumnsComponent,
+                TableFrozenPositionDirective
             ],
             declarations: [
                 RowTogllerDirective,
                 NavigationDirective,
-                TableColumnsComponent
+                TableColumnsComponent,
+                TableFrozenPositionDirective
             ],
         })
     ], TableModule);
@@ -8613,5 +8800,5 @@ var CodeEditorModule = /** @class */ (function () {
  * 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