@annalib/anna-core 34.0.33 → 34.0.35

package/fesm2022/annalib-anna-core.mjs

@@ -4160,7 +4160,7 @@ class ButtonToggleComponent {
                 useExisting: forwardRef(() => ButtonToggleComponent),
                 multi: true,
             },
-        ], ngImport: i0, template: "<div\r\n    class=\"toggle-group\"\r\n    [ngClass]=\"isPageViewToggle ? 'view-switch-toggle' : ''\"\r\n    [class.disabled]=\"disabled\"\r\n>\r\n    <button\r\n        *ngFor=\"let option of options\"\r\n        class=\"toggle-button\"\r\n        [class.active]=\"selectedValue === option.value\"\r\n        [disabled]=\"disabled || option.disabled\"\r\n        (click)=\"onToggle(option.value)\"\r\n    >\r\n        {{ option.label }}\r\n    </button>\r\n</div>\r\n", styles: [".toggle-group{display:flex;border:1px solid #e0e0e0}.toggle-button{border:none;cursor:pointer;padding:0 12px;width:fit-content!important;font-weight:400;line-height:22px;font-size:var(--page-link-fs);font-family:Roboto;white-space:nowrap;transition:all .3s ease;opacity:1}.toggle-group:not(.disabled) .toggle-button.active{background:#1b88ff;color:#fff}.toggle-group:not(.disabled) .toggle-button:not(.active){background:#fff;color:#bdbdbd}.toggle-group.disabled .toggle-button.active{opacity:.5;background:#7b7b7b;color:#fff;cursor:not-allowed}.toggle-group.disabled .toggle-button:not(.active){opacity:.5;background-color:#bdbdbd;color:#4a4a4a;cursor:not-allowed}.toggle-group.view-switch-toggle{border:none!important;border-radius:2px;background:#f4f4f4!important}.toggle-group.view-switch-toggle button.toggle-button:not(.active){color:#268bff!important;background:none!important}.toggle-group.view-switch-toggle button.toggle-button.active{border-radius:2px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], ngImport: i0, template: "<div\r\n    class=\"toggle-group\"\r\n    [ngClass]=\"isPageViewToggle ? 'view-switch-toggle' : ''\"\r\n    [class.disabled]=\"disabled\"\r\n>\r\n    <button\r\n        *ngFor=\"let option of options\"\r\n        class=\"toggle-button\"\r\n        [class.active]=\"selectedValue === option.value\"\r\n        [disabled]=\"disabled || option.disabled\"\r\n        (click)=\"onToggle(option.value)\"\r\n    >\r\n        {{ option.label }}\r\n    </button>\r\n</div>\r\n", styles: [".toggle-group{display:flex;border:1px solid #e0e0e0}.toggle-button{border:none;cursor:pointer;padding:0 12px;width:fit-content!important;font-weight:400;line-height:22px;font-size:var(--page-link-fs);font-family:Roboto;white-space:nowrap;transition:all .3s ease;opacity:1}.toggle-group:not(.disabled) .toggle-button.active{background:#1b88ff;color:#fff}.toggle-group:not(.disabled) .toggle-button:not(.active){background:#fff;color:#bdbdbd}.toggle-group.disabled .toggle-button.active{opacity:.5;background:#7b7b7b;color:#fff;cursor:not-allowed}.toggle-group.disabled .toggle-button:not(.active){opacity:.5;background-color:#bdbdbd;color:#4a4a4a;cursor:not-allowed}.toggle-group.view-switch-toggle{border:none!important;border-radius:2px;background:#f4f4f4!important}.toggle-group.view-switch-toggle button.toggle-button:not(.active){color:#268bff!important;background:none!important}.toggle-group.view-switch-toggle button.toggle-button.active{border-radius:2px}.toggle-group.view-switch-toggle button:only-child{cursor:default!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ButtonToggleComponent, decorators: [{
             type: Component,
@@ -4170,7 +4170,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
                             useExisting: forwardRef(() => ButtonToggleComponent),
                             multi: true,
                         },
-                    ], template: "<div\r\n    class=\"toggle-group\"\r\n    [ngClass]=\"isPageViewToggle ? 'view-switch-toggle' : ''\"\r\n    [class.disabled]=\"disabled\"\r\n>\r\n    <button\r\n        *ngFor=\"let option of options\"\r\n        class=\"toggle-button\"\r\n        [class.active]=\"selectedValue === option.value\"\r\n        [disabled]=\"disabled || option.disabled\"\r\n        (click)=\"onToggle(option.value)\"\r\n    >\r\n        {{ option.label }}\r\n    </button>\r\n</div>\r\n", styles: [".toggle-group{display:flex;border:1px solid #e0e0e0}.toggle-button{border:none;cursor:pointer;padding:0 12px;width:fit-content!important;font-weight:400;line-height:22px;font-size:var(--page-link-fs);font-family:Roboto;white-space:nowrap;transition:all .3s ease;opacity:1}.toggle-group:not(.disabled) .toggle-button.active{background:#1b88ff;color:#fff}.toggle-group:not(.disabled) .toggle-button:not(.active){background:#fff;color:#bdbdbd}.toggle-group.disabled .toggle-button.active{opacity:.5;background:#7b7b7b;color:#fff;cursor:not-allowed}.toggle-group.disabled .toggle-button:not(.active){opacity:.5;background-color:#bdbdbd;color:#4a4a4a;cursor:not-allowed}.toggle-group.view-switch-toggle{border:none!important;border-radius:2px;background:#f4f4f4!important}.toggle-group.view-switch-toggle button.toggle-button:not(.active){color:#268bff!important;background:none!important}.toggle-group.view-switch-toggle button.toggle-button.active{border-radius:2px}\n"] }]
+                    ], template: "<div\r\n    class=\"toggle-group\"\r\n    [ngClass]=\"isPageViewToggle ? 'view-switch-toggle' : ''\"\r\n    [class.disabled]=\"disabled\"\r\n>\r\n    <button\r\n        *ngFor=\"let option of options\"\r\n        class=\"toggle-button\"\r\n        [class.active]=\"selectedValue === option.value\"\r\n        [disabled]=\"disabled || option.disabled\"\r\n        (click)=\"onToggle(option.value)\"\r\n    >\r\n        {{ option.label }}\r\n    </button>\r\n</div>\r\n", styles: [".toggle-group{display:flex;border:1px solid #e0e0e0}.toggle-button{border:none;cursor:pointer;padding:0 12px;width:fit-content!important;font-weight:400;line-height:22px;font-size:var(--page-link-fs);font-family:Roboto;white-space:nowrap;transition:all .3s ease;opacity:1}.toggle-group:not(.disabled) .toggle-button.active{background:#1b88ff;color:#fff}.toggle-group:not(.disabled) .toggle-button:not(.active){background:#fff;color:#bdbdbd}.toggle-group.disabled .toggle-button.active{opacity:.5;background:#7b7b7b;color:#fff;cursor:not-allowed}.toggle-group.disabled .toggle-button:not(.active){opacity:.5;background-color:#bdbdbd;color:#4a4a4a;cursor:not-allowed}.toggle-group.view-switch-toggle{border:none!important;border-radius:2px;background:#f4f4f4!important}.toggle-group.view-switch-toggle button.toggle-button:not(.active){color:#268bff!important;background:none!important}.toggle-group.view-switch-toggle button.toggle-button.active{border-radius:2px}.toggle-group.view-switch-toggle button:only-child{cursor:default!important}\n"] }]
         }], propDecorators: { options: [{
                 type: Input
             }], disabled: [{
@@ -4866,15 +4866,13 @@ class AnnaNonEditableGenericTableComponent {
         let viewportHeight = window.innerHeight;
         const { rowHeight } = this.gtDimension;
         const { headerHeight } = this.gtDimension;
-        // const { dataOnTopHeight } = this.gtDimension; // not used anymore
-        // const { marginFromBottom } = this.gtDimension;
         let actualTableHeight;
         const element = this.tableElementRef?.nativeElement;
         const hasHorizontalScrollbar = element.scrollWidth > element.clientWidth;
         let dataOnTopHeight = 
         // eslint-disable-next-line no-unsafe-optional-chaining
         element?.getBoundingClientRect()?.top + window?.scrollY + (hasHorizontalScrollbar ? 4 : 1);
-        dataOnTopHeight = dataOnTopHeight > 0 ? dataOnTopHeight : 252;
+        dataOnTopHeight = dataOnTopHeight > 0 ? Math.ceil(dataOnTopHeight) : 252;
         if (this.fixNumberOfRowsForPopup) {
             const maxNoOfRowsToDisplay = viewportHeight < 740 ? 5 : 10;
             this.maximumRowsWhichCanBeRenderedWithoutScroll = maxNoOfRowsToDisplay;
@@ -4884,9 +4882,7 @@ class AnnaNonEditableGenericTableComponent {
             const minHeightForTable = headerHeight + 3 * rowHeight;
             viewportHeight = viewportHeight <= dataOnTopHeight ? dataOnTopHeight + minHeightForTable : viewportHeight;
             const heightLeftForTable = viewportHeight - dataOnTopHeight;
-            // const heightLeftForTable = viewportHeight - dataOnTopHeight - marginFromBottom;
             this.maximumRowsWhichCanBeRenderedWithoutScroll = Math.ceil((heightLeftForTable - headerHeight) / rowHeight);
-            // actualTableHeight = viewportHeight - dataOnTopHeight - marginFromBottom;
             if (this.fixRowsToRender) {
                 this.maximumRowsWhichCanBeRenderedWithoutScroll = this.fixRowsToRender;
                 actualTableHeight =