@myrmidon/paged-data-browsers 3.0.0 → 4.0.1

package/README.md

@@ -6,6 +6,19 @@ There are currently two components, one for displaying a flat list of data, and
 
 Also, there is a LRU cache service and a compact pager used in the paged tree component.
 
+## Paged List
+
+Paged list support is provided by a single utility class, [PagedListStore](src/lib/services/paged-list.store.ts). This templated class provides logic for:
+
+- a filter object of type `F`;
+- a list element object of type `E`.
+
+So you need:
+
+- a filter class to represent your elements filter (for `F`).
+- an element item class (for `E`).
+- a service to fetch data, implementing interface [PagedListStoreService<F, E>](src/lib/services/paged-list.store.ts). In this shell, a [local service](../../../src/app/services/mock-paged-list-store.service.ts) provides mock data.
+
 ## Paged Tree
 
 ### Services

package/fesm2022/myrmidon-paged-data-browsers.mjs

@@ -1,102 +1,99 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, Input, Output, NgModule } from '@angular/core';
-import * as i1 from '@angular/material/button';
-import { MatButtonModule } from '@angular/material/button';
-import * as i2 from '@angular/material/icon';
-import { MatIconModule } from '@angular/material/icon';
+import { input, output, Component, computed } from '@angular/core';
 import * as i1$1 from '@angular/common';
 import { CommonModule } from '@angular/common';
+import * as i2 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i1 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
 import * as i2$1 from '@angular/material/badge';
 import { MatBadgeModule } from '@angular/material/badge';
 import * as i5 from '@angular/material/tooltip';
 import { MatTooltipModule } from '@angular/material/tooltip';
-import * as i8 from '@myrmidon/ng-tools';
-import { NgToolsModule } from '@myrmidon/ng-tools';
+import { ColorToContrastPipe, StringToColorPipe } from '@myrmidon/ngx-tools';
 import { BehaviorSubject, of, tap, forkJoin } from 'rxjs';
-import { ReactiveFormsModule } from '@angular/forms';
-import { MatChipsModule } from '@angular/material/chips';
-import { MatDialogModule } from '@angular/material/dialog';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-import { MatPaginatorModule } from '@angular/material/paginator';
-import { MatProgressBarModule } from '@angular/material/progress-bar';
-import { MatSelectModule } from '@angular/material/select';
 
 class CompactPagerComponent {
     constructor() {
-        this.paging = {
-            pageNumber: 0,
-            pageCount: 0,
-            total: 0,
-        };
-        this.pagingChange = new EventEmitter();
+        this.paging = input({ pageNumber: 0, pageCount: 0, total: 0 });
+        /**
+         * Emits the new paging information when the user changes the page.
+         */
+        this.pagingChange = output();
     }
     onFirst() {
-        this.paging = { ...this.paging, pageNumber: 1 };
-        this.pagingChange.emit(this.paging);
+        this.pagingChange.emit({ ...this.paging(), pageNumber: 1 });
     }
     onPrevious() {
-        if (this.paging.pageNumber > 1) {
-            this.paging = { ...this.paging, pageNumber: this.paging.pageNumber - 1 };
-            this.pagingChange.emit(this.paging);
+        if (this.paging().pageNumber > 1) {
+            this.pagingChange.emit({
+                ...this.paging(),
+                pageNumber: this.paging().pageNumber - 1,
+            });
         }
     }
     onNext() {
-        if (this.paging.pageNumber < this.paging.pageCount) {
-            this.paging = { ...this.paging, pageNumber: this.paging.pageNumber + 1 };
-            this.pagingChange.emit(this.paging);
+        if (this.paging().pageNumber < this.paging().pageCount) {
+            this.pagingChange.emit({
+                ...this.paging(),
+                pageNumber: this.paging().pageNumber + 1,
+            });
         }
     }
     onLast() {
-        if (this.paging.pageNumber < this.paging.pageCount) {
-            this.paging = { ...this.paging, pageNumber: this.paging.pageCount };
-            this.pagingChange.emit(this.paging);
+        if (this.paging().pageNumber < this.paging().pageCount) {
+            this.pagingChange.emit({
+                ...this.paging(),
+                pageNumber: this.paging().pageCount,
+            });
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: CompactPagerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.0", type: CompactPagerComponent, isStandalone: false, selector: "pdb-compact-pager", inputs: { paging: "paging" }, outputs: { pagingChange: "pagingChange" }, ngImport: i0, template: "@if (paging.pageCount) {\n  <div class=\"form-row\">\n    <span id=\"pages\">{{ paging.pageNumber }}/{{ paging.pageCount }}</span>\n    <button\n      type=\"button\"\n      mat-icon-button\n      (click)=\"onFirst()\"\n      [disabled]=\"paging.pageNumber < 2\"\n      >\n      <mat-icon>first_page</mat-icon>\n    </button>\n    <button\n      type=\"button\"\n      mat-icon-button\n      (click)=\"onPrevious()\"\n      [disabled]=\"paging.pageNumber < 2\"\n      >\n      <mat-icon>navigate_before</mat-icon>\n    </button>\n    <button\n      type=\"button\"\n      mat-icon-button\n      (click)=\"onNext()\"\n      [disabled]=\"paging.pageNumber === paging.pageCount\"\n      >\n      <mat-icon>navigate_next</mat-icon>\n    </button>\n    <button\n      type=\"button\"\n      mat-icon-button\n      (click)=\"onLast()\"\n      [disabled]=\"paging.pageNumber === paging.pageCount\"\n      >\n      <mat-icon>last_page</mat-icon>\n    </button>\n    <span id=\"total\">{{ paging.total }} </span>\n  </div>\n}\n", styles: ["#pages,#total{color:silver}.form-row{display:flex;gap:2px;align-items:center;flex-wrap:wrap}.form-row *{flex:0 0 auto}\n"], dependencies: [{ kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.0", type: CompactPagerComponent, isStandalone: true, selector: "pdb-compact-pager", inputs: { paging: { classPropertyName: "paging", publicName: "paging", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { pagingChange: "pagingChange" }, ngImport: i0, template: "@if (paging().pageCount) {\n  <div class=\"form-row\">\n    <span id=\"pages\">{{ paging().pageNumber }}/{{ paging().pageCount }}</span>\n    <button\n      type=\"button\"\n      mat-icon-button\n      (click)=\"onFirst()\"\n      [disabled]=\"paging().pageNumber < 2\"\n      >\n      <mat-icon>first_page</mat-icon>\n    </button>\n    <button\n      type=\"button\"\n      mat-icon-button\n      (click)=\"onPrevious()\"\n      [disabled]=\"paging().pageNumber < 2\"\n      >\n      <mat-icon>navigate_before</mat-icon>\n    </button>\n    <button\n      type=\"button\"\n      mat-icon-button\n      (click)=\"onNext()\"\n      [disabled]=\"paging().pageNumber === paging().pageCount\"\n      >\n      <mat-icon>navigate_next</mat-icon>\n    </button>\n    <button\n      type=\"button\"\n      mat-icon-button\n      (click)=\"onLast()\"\n      [disabled]=\"paging().pageNumber === paging().pageCount\"\n      >\n      <mat-icon>last_page</mat-icon>\n    </button>\n    <span id=\"total\">{{ paging().total }} </span>\n  </div>\n}\n", styles: ["#pages,#total{color:silver}.form-row{display:flex;gap:2px;align-items:center;flex-wrap:wrap}.form-row *{flex:0 0 auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: CompactPagerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pdb-compact-pager', standalone: false, template: "@if (paging.pageCount) {\n  <div class=\"form-row\">\n    <span id=\"pages\">{{ paging.pageNumber }}/{{ paging.pageCount }}</span>\n    <button\n      type=\"button\"\n      mat-icon-button\n      (click)=\"onFirst()\"\n      [disabled]=\"paging.pageNumber < 2\"\n      >\n      <mat-icon>first_page</mat-icon>\n    </button>\n    <button\n      type=\"button\"\n      mat-icon-button\n      (click)=\"onPrevious()\"\n      [disabled]=\"paging.pageNumber < 2\"\n      >\n      <mat-icon>navigate_before</mat-icon>\n    </button>\n    <button\n      type=\"button\"\n      mat-icon-button\n      (click)=\"onNext()\"\n      [disabled]=\"paging.pageNumber === paging.pageCount\"\n      >\n      <mat-icon>navigate_next</mat-icon>\n    </button>\n    <button\n      type=\"button\"\n      mat-icon-button\n      (click)=\"onLast()\"\n      [disabled]=\"paging.pageNumber === paging.pageCount\"\n      >\n      <mat-icon>last_page</mat-icon>\n    </button>\n    <span id=\"total\">{{ paging.total }} </span>\n  </div>\n}\n", styles: ["#pages,#total{color:silver}.form-row{display:flex;gap:2px;align-items:center;flex-wrap:wrap}.form-row *{flex:0 0 auto}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { paging: [{
-                type: Input
-            }], pagingChange: [{
-                type: Output
-            }] } });
+            args: [{ selector: 'pdb-compact-pager', imports: [CommonModule, MatButtonModule, MatIconModule], template: "@if (paging().pageCount) {\n  <div class=\"form-row\">\n    <span id=\"pages\">{{ paging().pageNumber }}/{{ paging().pageCount }}</span>\n    <button\n      type=\"button\"\n      mat-icon-button\n      (click)=\"onFirst()\"\n      [disabled]=\"paging().pageNumber < 2\"\n      >\n      <mat-icon>first_page</mat-icon>\n    </button>\n    <button\n      type=\"button\"\n      mat-icon-button\n      (click)=\"onPrevious()\"\n      [disabled]=\"paging().pageNumber < 2\"\n      >\n      <mat-icon>navigate_before</mat-icon>\n    </button>\n    <button\n      type=\"button\"\n      mat-icon-button\n      (click)=\"onNext()\"\n      [disabled]=\"paging().pageNumber === paging().pageCount\"\n      >\n      <mat-icon>navigate_next</mat-icon>\n    </button>\n    <button\n      type=\"button\"\n      mat-icon-button\n      (click)=\"onLast()\"\n      [disabled]=\"paging().pageNumber === paging().pageCount\"\n      >\n      <mat-icon>last_page</mat-icon>\n    </button>\n    <span id=\"total\">{{ paging().total }} </span>\n  </div>\n}\n", styles: ["#pages,#total{color:silver}.form-row{display:flex;gap:2px;align-items:center;flex-wrap:wrap}.form-row *{flex:0 0 auto}\n"] }]
+        }] });
 
 class RangeViewComponent {
     constructor() {
-        this.domain = [0, 100];
-        this.range = [0, 100];
-        this.width = 100;
-        this.height = 5;
-        this.scaledRange = [];
-    }
-    ngOnChanges() {
-        const domainWidth = this.domain[1] - this.domain[0];
-        const rangeWidth = this.range[1] - this.range[0];
-        const rangeStart = this.range[0] - this.domain[0];
-        this.scaledRange = [
-            (rangeStart / domainWidth) * this.width,
-            ((rangeStart + rangeWidth) / domainWidth) * this.width,
-        ];
+        /**
+         * The domain of the range view (start, limit).
+         */
+        this.domain = input([0, 100]);
+        /**
+         * The range of the range view (start, limit).
+         */
+        this.range = input([0, 100]);
+        /**
+         * The width of the component.
+         */
+        this.width = input(100);
+        /**
+         * The height of the component.
+         */
+        this.height = input(5);
+        this.scaledRange = computed(() => {
+            const domain = this.domain();
+            const range = this.range();
+            const width = this.width();
+            const domainWidth = domain[1] - domain[0];
+            const rangeWidth = range[1] - range[0];
+            const rangeStart = range[0] - domain[0];
+            return [
+                (rangeStart / domainWidth) * width,
+                ((rangeStart + rangeWidth) / domainWidth) * width,
+            ];
+        });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: RangeViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.0", type: RangeViewComponent, isStandalone: false, selector: "pdb-range-view", inputs: { domain: "domain", range: "range", width: "width", height: "height" }, usesOnChanges: true, ngImport: i0, template: "<svg [attr.width]=\"width\" [attr.height]=\"height\">\n  <rect id=\"rdomain\" [attr.width]=\"width\" [attr.height]=\"height\" />\n  <rect\n    id=\"rrange\"\n    [attr.x]=\"scaledRange[0]\"\n    [attr.y]=\"0\"\n    [attr.width]=\"scaledRange[1] - scaledRange[0]\"\n    [attr.height]=\"height\"\n  />\n</svg>\n", styles: ["#rdomain{fill:#d3d3d3;stroke-width:3;stroke:#c1ba9b}#rrange{fill:#91aad3;stroke-width:3}\n"] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.0", type: RangeViewComponent, isStandalone: true, selector: "pdb-range-view", inputs: { domain: { classPropertyName: "domain", publicName: "domain", isSignal: true, isRequired: false, transformFunction: null }, range: { classPropertyName: "range", publicName: "range", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<svg [attr.width]=\"width()\" [attr.height]=\"height()\">\n  <rect id=\"rdomain\" [attr.width]=\"width()\" [attr.height]=\"height()\" />\n  <rect\n    id=\"rrange\"\n    [attr.x]=\"scaledRange()[0]\"\n    [attr.y]=\"0\"\n    [attr.width]=\"scaledRange()[1] - scaledRange()[0]\"\n    [attr.height]=\"height()\"\n  />\n</svg>\n", styles: ["#rdomain{fill:#d3d3d3;stroke-width:3;stroke:#c1ba9b}#rrange{fill:#91aad3;stroke-width:3}\n"] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: RangeViewComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pdb-range-view', standalone: false, template: "<svg [attr.width]=\"width\" [attr.height]=\"height\">\n  <rect id=\"rdomain\" [attr.width]=\"width\" [attr.height]=\"height\" />\n  <rect\n    id=\"rrange\"\n    [attr.x]=\"scaledRange[0]\"\n    [attr.y]=\"0\"\n    [attr.width]=\"scaledRange[1] - scaledRange[0]\"\n    [attr.height]=\"height\"\n  />\n</svg>\n", styles: ["#rdomain{fill:#d3d3d3;stroke-width:3;stroke:#c1ba9b}#rrange{fill:#91aad3;stroke-width:3}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { domain: [{
-                type: Input
-            }], range: [{
-                type: Input
-            }], width: [{
-                type: Input
-            }], height: [{
-                type: Input
-            }] } });
+            args: [{ selector: 'pdb-range-view', template: "<svg [attr.width]=\"width()\" [attr.height]=\"height()\">\n  <rect id=\"rdomain\" [attr.width]=\"width()\" [attr.height]=\"height()\" />\n  <rect\n    id=\"rrange\"\n    [attr.x]=\"scaledRange()[0]\"\n    [attr.y]=\"0\"\n    [attr.width]=\"scaledRange()[1] - scaledRange()[0]\"\n    [attr.height]=\"height()\"\n  />\n</svg>\n", styles: ["#rdomain{fill:#d3d3d3;stroke-width:3;stroke:#c1ba9b}#rrange{fill:#91aad3;stroke-width:3}\n"] }]
+        }], ctorParameters: () => [] });
 
 /**
  * Browser tree node component view. This wraps some HTML content providing
@@ -108,32 +105,67 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImpor
  * <pdb-browser-tree-node>
  */
 class BrowserTreeNodeComponent {
-    /**
-     * The node to display.
-     */
-    get node() {
-        return this._node;
-    }
-    set node(value) {
-        if (this._node === value) {
-            return;
-        }
-        this._node = value;
-    }
     constructor() {
+        /**
+         * The node to display.
+         */
+        this.node = input();
+        /**
+         * The paging information for the node's children.
+         */
+        this.paging = input();
+        /**
+         * True to show debug information.
+         */
+        this.debug = input();
+        /**
+         * True to hide the node's loc and label. This is useful if you want to
+         * provide your own view for the node, between the expansion toggle and
+         * the filter edit button. In this case, in your consumer template provide
+         * your own view as the content of this component. If instead you are fine
+         * with the default loc and label, and just want to add more data to
+         * the view, then you can just add your own content to this component's
+         * template, without setting this property to true.
+         */
+        this.hideLabel = input();
+        /**
+         * True to hide the node's location (y and x).
+         */
+        this.hideLoc = input();
+        /**
+         * True to hide the node's paging control unless hovered.
+         */
+        this.hidePaging = input();
+        /**
+         * True to hide the node's filter edit button.
+         */
+        this.hideFilter = input();
         /**
          * The indent size for the node's children.
          */
-        this.indentSize = 30;
-        this.toggleExpandedRequest = new EventEmitter();
-        this.changePageRequest = new EventEmitter();
-        this.editNodeFilterRequest = new EventEmitter();
+        this.indentSize = input(30);
+        /**
+         * The width of the range view.
+         */
+        this.rangeWidth = input(250);
+        /**
+         * Emits when the user wants to toggle the expanded state of the node.
+         */
+        this.toggleExpandedRequest = output();
+        /**
+         * Emits when the user wants to change the page number of the node's children.
+         */
+        this.changePageRequest = output();
+        /**
+         * Emits when the user wants to edit the node's filter.
+         */
+        this.editNodeFilterRequest = output();
     }
     onToggleExpanded() {
-        if (!this._node) {
+        if (!this.node()) {
             return;
         }
-        this.toggleExpandedRequest.emit(this._node);
+        this.toggleExpandedRequest.emit(this.node());
     }
     onPagingChange(node, paging) {
         this.changePageRequest.emit({
@@ -142,39 +174,33 @@ class BrowserTreeNodeComponent {
         });
     }
     onEditFilter() {
-        if (this._node) {
-            this.editNodeFilterRequest.emit(this._node);
+        if (this.node()) {
+            this.editNodeFilterRequest.emit(this.node());
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: BrowserTreeNodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.0", type: BrowserTreeNodeComponent, isStandalone: false, selector: "pdb-browser-tree-node", inputs: { node: "node", paging: "paging", debug: "debug", hideLabel: "hideLabel", hideLoc: "hideLoc", hidePaging: "hidePaging", hideFilter: "hideFilter", indentSize: "indentSize" }, outputs: { toggleExpandedRequest: "toggleExpandedRequest", changePageRequest: "changePageRequest", editNodeFilterRequest: "editNodeFilterRequest" }, ngImport: i0, template: "@if (node) {\n<div id=\"node\" [style.margin-left.px]=\"(node.y - 1) * indentSize\">\n  <!-- pager -->\n  @if ($any(node).expanded && paging && paging.pageCount > 1) {\n  <div id=\"pager\" [style.display]=\"hidePaging ? 'inherit' : 'block'\">\n    <pdb-compact-pager\n      [paging]=\"paging\"\n      (pagingChange)=\"onPagingChange($any(node), $event)\"\n    />\n    <pdb-range-view\n      [width]=\"250\"\n      [domain]=\"[0, paging.pageCount]\"\n      [range]=\"[paging.pageNumber - 1, paging.pageNumber]\"\n    />\n  </div>\n  }\n  <!-- node -->\n  <div class=\"form-row\">\n    <!-- expand/collapse button -->\n    <button\n      type=\"button\"\n      mat-icon-button\n      [matTooltip]=\"$any(node).expanded ? 'Collapse' : 'Expand'\"\n      i18n-matTooltip\n      [disabled]=\"node.hasChildren === false\"\n      (click)=\"onToggleExpanded()\"\n    >\n      <mat-icon class=\"mat-primary\" i18n>{{\n        node.hasChildren === true || node.hasChildren === undefined\n          ? $any(node).expanded\n            ? \"expand_less\"\n            : \"expand_more\"\n          : \"stop\"\n      }}</mat-icon>\n    </button>\n\n    <!-- tag -->\n    @if (!hideLabel) {\n    <span\n      class=\"tag\"\n      [ngStyle]=\"{\n        'background-color': (node.tag | stringToColor),\n        color: node.tag | stringToColor | colorToContrast\n      }\"\n      >{{ node.tag }}</span\n    >\n\n    <!-- loc and label -->\n    @if (!hideLoc) {\n    <span class=\"loc\">{{ node.y }}.{{ node.x }}</span> - }\n    {{ node.label }}\n    }\n\n    <!-- PROJECTED NODE -->\n    <ng-content></ng-content>\n\n    <!-- debug -->\n    @if (debug) {\n    <span class=\"debug\"\n      >#{{ node.id }}\n      <span\n        >| {{ $any(node).paging.pageNumber }}/{{\n          $any(node).paging.pageCount\n        }}\n        ({{ $any(node).paging.total }})</span\n      ></span\n    >\n    }\n\n    <!-- filter -->\n    @if (!hideFilter){ @if (!$any(node).filter && node.y) {\n    <div class=\"muted\">\n      <button\n        type=\"button\"\n        mat-icon-button\n        matTooltip=\"Add filter\"\n        i18n-matTooltip\n        (click)=\"onEditFilter()\"\n      >\n        <mat-icon>filter_list</mat-icon>\n      </button>\n    </div>\n    } @if ($any(node).filter && node.y) {\n    <div class=\"muted\">\n      <button type=\"button\" mat-icon-button (click)=\"onEditFilter()\">\n        <mat-icon [matBadge]=\"$any(node).filter ? 'F' : ''\"\n          >filter_alt</mat-icon\n        >\n      </button>\n    </div>\n    } }\n  </div>\n</div>\n}\n", styles: [".form-row{display:flex;gap:8px;align-items:center}.form-row *{flex:0 0 auto}.form-row span{flex:0 1 auto;white-space:normal}#node #pager{display:none}#node:hover #pager{display:block}#node{margin-bottom:4px;padding:4px 6px;border:1px solid #98a8d4;border-radius:6px}#node:hover{background-color:#d6dee9}span.loc{font-size:.85em;color:#666;vertical-align:middle}span.tag{border:1px solid #aaa;border-radius:4px;padding:0 4px}fieldset{border:1px solid silver;border-radius:6px;padding:4px 6px;margin:4px 0}legend{color:silver}.muted{opacity:.3}.muted:hover{opacity:1}.debug{font-size:.85em;color:#9c3d3e}\n"], dependencies: [{ kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2$1.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: CompactPagerComponent, selector: "pdb-compact-pager", inputs: ["paging"], outputs: ["pagingChange"] }, { kind: "component", type: RangeViewComponent, selector: "pdb-range-view", inputs: ["domain", "range", "width", "height"] }, { kind: "pipe", type: i8.ColorToContrastPipe, name: "colorToContrast" }, { kind: "pipe", type: i8.StringToColorPipe, name: "stringToColor" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.0", type: BrowserTreeNodeComponent, isStandalone: true, selector: "pdb-browser-tree-node", inputs: { node: { classPropertyName: "node", publicName: "node", isSignal: true, isRequired: false, transformFunction: null }, paging: { classPropertyName: "paging", publicName: "paging", isSignal: true, isRequired: false, transformFunction: null }, debug: { classPropertyName: "debug", publicName: "debug", isSignal: true, isRequired: false, transformFunction: null }, hideLabel: { classPropertyName: "hideLabel", publicName: "hideLabel", isSignal: true, isRequired: false, transformFunction: null }, hideLoc: { classPropertyName: "hideLoc", publicName: "hideLoc", isSignal: true, isRequired: false, transformFunction: null }, hidePaging: { classPropertyName: "hidePaging", publicName: "hidePaging", isSignal: true, isRequired: false, transformFunction: null }, hideFilter: { classPropertyName: "hideFilter", publicName: "hideFilter", isSignal: true, isRequired: false, transformFunction: null }, indentSize: { classPropertyName: "indentSize", publicName: "indentSize", isSignal: true, isRequired: false, transformFunction: null }, rangeWidth: { classPropertyName: "rangeWidth", publicName: "rangeWidth", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { toggleExpandedRequest: "toggleExpandedRequest", changePageRequest: "changePageRequest", editNodeFilterRequest: "editNodeFilterRequest" }, ngImport: i0, template: "@if (node()) {\n<div id=\"node\" [style.margin-left.px]=\"(node()!.y - 1) * indentSize()\">\n  <!-- pager -->\n  @if (node()!.expanded && paging() && paging()!.pageCount > 1) {\n  <div id=\"pager\" [style.display]=\"hidePaging() ? 'inherit' : 'block'\">\n    <pdb-compact-pager\n      [paging]=\"paging()!\"\n      (pagingChange)=\"onPagingChange(node()!, $event)\"\n    />\n    <pdb-range-view\n      [width]=\"rangeWidth()\"\n      [domain]=\"[0, paging()!.pageCount]\"\n      [range]=\"[paging()!.pageNumber - 1, paging()!.pageNumber]\"\n    />\n  </div>\n  }\n  <!-- node -->\n  <div class=\"form-row\">\n    <!-- expand/collapse button -->\n    <button\n      type=\"button\"\n      mat-icon-button\n      [matTooltip]=\"node()?.expanded ? 'Collapse' : 'Expand'\"\n      i18n-matTooltip\n      [disabled]=\"node()!.hasChildren === false\"\n      (click)=\"onToggleExpanded()\"\n    >\n      <mat-icon class=\"mat-primary\" i18n>{{\n        node()!.hasChildren === true || node()!.hasChildren === undefined\n          ? node()?.expanded\n            ? \"expand_less\"\n            : \"expand_more\"\n          : \"stop\"\n      }}</mat-icon>\n    </button>\n\n    <!-- tag -->\n    @if (!hideLabel()) {\n    <span\n      class=\"tag\"\n      [ngStyle]=\"{\n        'background-color': (node()!.tag | stringToColor),\n        color: node()!.tag | stringToColor | colorToContrast\n      }\"\n      >{{ node()!.tag }}</span\n    >\n\n    <!-- loc and label -->\n    @if (!hideLoc()) {\n    <span class=\"loc\">{{ node()!.y }}.{{ node()!.x }}</span> - }\n    {{ node()!.label }}\n    }\n\n    <!-- PROJECTED NODE -->\n    <ng-content></ng-content>\n\n    <!-- debug -->\n    @if (debug()) {\n    <span class=\"debug\"\n      >#{{ node()!.id }}\n      <span\n        >| {{ node()!.paging.pageNumber }}/{{ node()!.paging.pageCount }} ({{\n          node()!.paging.total\n        }})</span\n      ></span\n    >\n    }\n\n    <!-- filter -->\n    @if (!hideFilter()){ @if (!node()?.filter && node()?.y) {\n    <div class=\"muted\">\n      <button\n        type=\"button\"\n        mat-icon-button\n        matTooltip=\"Add filter\"\n        i18n-matTooltip\n        (click)=\"onEditFilter()\"\n      >\n        <mat-icon>filter_list</mat-icon>\n      </button>\n    </div>\n    } @if (node()?.filter && node()?.y) {\n    <div class=\"muted\">\n      <button type=\"button\" mat-icon-button (click)=\"onEditFilter()\">\n        <mat-icon [matBadge]=\"node()?.filter ? 'F' : ''\">filter_alt</mat-icon>\n      </button>\n    </div>\n    } }\n  </div>\n</div>\n}\n", styles: [":root{--browser-tree-node-margin-bottom: 4px;--browser-tree-node-padding: 4px 6px;--browser-tree-node-border: 1px solid #98a8d4;--browser-tree-node-border-radius: 6px;--browser-tree-node-hover-bg-color: #d6dee9}#node{margin-bottom:var(--browser-tree-node-margin-bottom);padding:var(--browser-tree-node-padding);border:var(--browser-tree-node-border);border-radius:var(--browser-tree-node-border-radius)}#node:hover{background-color:var(--browser-tree-node-hover-bg-color)}.form-row{display:flex;gap:8px;align-items:center}.form-row *{flex:0 0 auto}.form-row span{flex:0 1 auto;white-space:normal}#node #pager{display:none}#node:hover #pager{display:block}span.loc{font-size:.85em;color:#666;vertical-align:middle}span.tag{border:1px solid #aaa;border-radius:4px;padding:0 4px}fieldset{border:1px solid silver;border-radius:6px;padding:4px 6px;margin:4px 0}legend{color:silver}.muted{opacity:.3}.muted:hover{opacity:1}.debug{font-size:.85em;color:#9c3d3e}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: MatBadgeModule }, { kind: "directive", type: i2$1.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "pipe", type: 
+                // ngx-tools
+                ColorToContrastPipe, name: "colorToContrast" }, { kind: "pipe", type: StringToColorPipe, name: "stringToColor" }, { kind: "component", type: 
+                // local
+                CompactPagerComponent, selector: "pdb-compact-pager", inputs: ["paging"], outputs: ["pagingChange"] }, { kind: "component", type: RangeViewComponent, selector: "pdb-range-view", inputs: ["domain", "range", "width", "height"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: BrowserTreeNodeComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pdb-browser-tree-node', standalone: false, template: "@if (node) {\n<div id=\"node\" [style.margin-left.px]=\"(node.y - 1) * indentSize\">\n  <!-- pager -->\n  @if ($any(node).expanded && paging && paging.pageCount > 1) {\n  <div id=\"pager\" [style.display]=\"hidePaging ? 'inherit' : 'block'\">\n    <pdb-compact-pager\n      [paging]=\"paging\"\n      (pagingChange)=\"onPagingChange($any(node), $event)\"\n    />\n    <pdb-range-view\n      [width]=\"250\"\n      [domain]=\"[0, paging.pageCount]\"\n      [range]=\"[paging.pageNumber - 1, paging.pageNumber]\"\n    />\n  </div>\n  }\n  <!-- node -->\n  <div class=\"form-row\">\n    <!-- expand/collapse button -->\n    <button\n      type=\"button\"\n      mat-icon-button\n      [matTooltip]=\"$any(node).expanded ? 'Collapse' : 'Expand'\"\n      i18n-matTooltip\n      [disabled]=\"node.hasChildren === false\"\n      (click)=\"onToggleExpanded()\"\n    >\n      <mat-icon class=\"mat-primary\" i18n>{{\n        node.hasChildren === true || node.hasChildren === undefined\n          ? $any(node).expanded\n            ? \"expand_less\"\n            : \"expand_more\"\n          : \"stop\"\n      }}</mat-icon>\n    </button>\n\n    <!-- tag -->\n    @if (!hideLabel) {\n    <span\n      class=\"tag\"\n      [ngStyle]=\"{\n        'background-color': (node.tag | stringToColor),\n        color: node.tag | stringToColor | colorToContrast\n      }\"\n      >{{ node.tag }}</span\n    >\n\n    <!-- loc and label -->\n    @if (!hideLoc) {\n    <span class=\"loc\">{{ node.y }}.{{ node.x }}</span> - }\n    {{ node.label }}\n    }\n\n    <!-- PROJECTED NODE -->\n    <ng-content></ng-content>\n\n    <!-- debug -->\n    @if (debug) {\n    <span class=\"debug\"\n      >#{{ node.id }}\n      <span\n        >| {{ $any(node).paging.pageNumber }}/{{\n          $any(node).paging.pageCount\n        }}\n        ({{ $any(node).paging.total }})</span\n      ></span\n    >\n    }\n\n    <!-- filter -->\n    @if (!hideFilter){ @if (!$any(node).filter && node.y) {\n    <div class=\"muted\">\n      <button\n        type=\"button\"\n        mat-icon-button\n        matTooltip=\"Add filter\"\n        i18n-matTooltip\n        (click)=\"onEditFilter()\"\n      >\n        <mat-icon>filter_list</mat-icon>\n      </button>\n    </div>\n    } @if ($any(node).filter && node.y) {\n    <div class=\"muted\">\n      <button type=\"button\" mat-icon-button (click)=\"onEditFilter()\">\n        <mat-icon [matBadge]=\"$any(node).filter ? 'F' : ''\"\n          >filter_alt</mat-icon\n        >\n      </button>\n    </div>\n    } }\n  </div>\n</div>\n}\n", styles: [".form-row{display:flex;gap:8px;align-items:center}.form-row *{flex:0 0 auto}.form-row span{flex:0 1 auto;white-space:normal}#node #pager{display:none}#node:hover #pager{display:block}#node{margin-bottom:4px;padding:4px 6px;border:1px solid #98a8d4;border-radius:6px}#node:hover{background-color:#d6dee9}span.loc{font-size:.85em;color:#666;vertical-align:middle}span.tag{border:1px solid #aaa;border-radius:4px;padding:0 4px}fieldset{border:1px solid silver;border-radius:6px;padding:4px 6px;margin:4px 0}legend{color:silver}.muted{opacity:.3}.muted:hover{opacity:1}.debug{font-size:.85em;color:#9c3d3e}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { node: [{
-                type: Input
-            }], paging: [{
-                type: Input
-            }], debug: [{
-                type: Input
-            }], hideLabel: [{
-                type: Input
-            }], hideLoc: [{
-                type: Input
-            }], hidePaging: [{
-                type: Input
-            }], hideFilter: [{
-                type: Input
-            }], indentSize: [{
-                type: Input
-            }], toggleExpandedRequest: [{
-                type: Output
-            }], changePageRequest: [{
-                type: Output
-            }], editNodeFilterRequest: [{
-                type: Output
-            }] } });
+            args: [{ selector: 'pdb-browser-tree-node', imports: [
+                        CommonModule,
+                        MatBadgeModule,
+                        MatButtonModule,
+                        MatIconModule,
+                        MatTooltipModule,
+                        // ngx-tools
+                        ColorToContrastPipe,
+                        StringToColorPipe,
+                        // local
+                        CompactPagerComponent,
+                        RangeViewComponent,
+                    ], template: "@if (node()) {\n<div id=\"node\" [style.margin-left.px]=\"(node()!.y - 1) * indentSize()\">\n  <!-- pager -->\n  @if (node()!.expanded && paging() && paging()!.pageCount > 1) {\n  <div id=\"pager\" [style.display]=\"hidePaging() ? 'inherit' : 'block'\">\n    <pdb-compact-pager\n      [paging]=\"paging()!\"\n      (pagingChange)=\"onPagingChange(node()!, $event)\"\n    />\n    <pdb-range-view\n      [width]=\"rangeWidth()\"\n      [domain]=\"[0, paging()!.pageCount]\"\n      [range]=\"[paging()!.pageNumber - 1, paging()!.pageNumber]\"\n    />\n  </div>\n  }\n  <!-- node -->\n  <div class=\"form-row\">\n    <!-- expand/collapse button -->\n    <button\n      type=\"button\"\n      mat-icon-button\n      [matTooltip]=\"node()?.expanded ? 'Collapse' : 'Expand'\"\n      i18n-matTooltip\n      [disabled]=\"node()!.hasChildren === false\"\n      (click)=\"onToggleExpanded()\"\n    >\n      <mat-icon class=\"mat-primary\" i18n>{{\n        node()!.hasChildren === true || node()!.hasChildren === undefined\n          ? node()?.expanded\n            ? \"expand_less\"\n            : \"expand_more\"\n          : \"stop\"\n      }}</mat-icon>\n    </button>\n\n    <!-- tag -->\n    @if (!hideLabel()) {\n    <span\n      class=\"tag\"\n      [ngStyle]=\"{\n        'background-color': (node()!.tag | stringToColor),\n        color: node()!.tag | stringToColor | colorToContrast\n      }\"\n      >{{ node()!.tag }}</span\n    >\n\n    <!-- loc and label -->\n    @if (!hideLoc()) {\n    <span class=\"loc\">{{ node()!.y }}.{{ node()!.x }}</span> - }\n    {{ node()!.label }}\n    }\n\n    <!-- PROJECTED NODE -->\n    <ng-content></ng-content>\n\n    <!-- debug -->\n    @if (debug()) {\n    <span class=\"debug\"\n      >#{{ node()!.id }}\n      <span\n        >| {{ node()!.paging.pageNumber }}/{{ node()!.paging.pageCount }} ({{\n          node()!.paging.total\n        }})</span\n      ></span\n    >\n    }\n\n    <!-- filter -->\n    @if (!hideFilter()){ @if (!node()?.filter && node()?.y) {\n    <div class=\"muted\">\n      <button\n        type=\"button\"\n        mat-icon-button\n        matTooltip=\"Add filter\"\n        i18n-matTooltip\n        (click)=\"onEditFilter()\"\n      >\n        <mat-icon>filter_list</mat-icon>\n      </button>\n    </div>\n    } @if (node()?.filter && node()?.y) {\n    <div class=\"muted\">\n      <button type=\"button\" mat-icon-button (click)=\"onEditFilter()\">\n        <mat-icon [matBadge]=\"node()?.filter ? 'F' : ''\">filter_alt</mat-icon>\n      </button>\n    </div>\n    } }\n  </div>\n</div>\n}\n", styles: [":root{--browser-tree-node-margin-bottom: 4px;--browser-tree-node-padding: 4px 6px;--browser-tree-node-border: 1px solid #98a8d4;--browser-tree-node-border-radius: 6px;--browser-tree-node-hover-bg-color: #d6dee9}#node{margin-bottom:var(--browser-tree-node-margin-bottom);padding:var(--browser-tree-node-padding);border:var(--browser-tree-node-border);border-radius:var(--browser-tree-node-border-radius)}#node:hover{background-color:var(--browser-tree-node-hover-bg-color)}.form-row{display:flex;gap:8px;align-items:center}.form-row *{flex:0 0 auto}.form-row span{flex:0 1 auto;white-space:normal}#node #pager{display:none}#node:hover #pager{display:block}span.loc{font-size:.85em;color:#666;vertical-align:middle}span.tag{border:1px solid #aaa;border-radius:4px;padding:0 4px}fieldset{border:1px solid silver;border-radius:6px;padding:4px 6px;margin:4px 0}legend{color:silver}.muted{opacity:.3}.muted:hover{opacity:1}.debug{font-size:.85em;color:#9c3d3e}\n"] }]
+        }] });
 
 /**
  * A Least Recently Used cache that can be used to store any type of object.
@@ -560,7 +586,7 @@ class PagedTreeStore {
         if (this._customCacheKeyBuilder) {
             return this._customCacheKeyBuilder(pageNumber, filter);
         }
-        return JSON.stringify({ pageNumber, ...filter });
+        return JSON.stringify({ ...filter, pageNumber });
     }
     /**
      * Get the specified page of nodes, either from cache or from the server.
@@ -677,9 +703,6 @@ class PagedTreeStore {
      * @returns Promise with true if the node was expanded, false otherwise.
      */
     expand(id) {
-        if (!id) {
-            return Promise.resolve(false);
-        }
         return new Promise((resolve, reject) => {
             const node = this._nodes$.value.find((n) => n.id === id);
             if (!node || node.hasChildren === false || node.expanded) {
@@ -714,12 +737,22 @@ class PagedTreeStore {
     /**
      * Expand all the descendants of the node with the specified ID.
      *
-     * @param id The ID of the node to expand.
+     * @param id The ID of the node to expand, or undefined to expand the
+     * descendants of all the root level nodes.
      * @returns Promise.
      */
     expandAll(id) {
-        if (!id) {
-            return Promise.resolve(false);
+        if (id === undefined) {
+            // for each root level node call expandAll
+            const nodes = [...this._nodes$.value];
+            let i = 0;
+            while (i < nodes.length) {
+                if (nodes[i].parentId === undefined) {
+                    this.expandAll(nodes[i].id);
+                }
+                i++;
+            }
+            return Promise.resolve(true);
         }
         // get the parent node to start from
         const nodes = this._nodes$.value;
@@ -774,9 +807,6 @@ class PagedTreeStore {
      * @returns Promise with true if the node was collapsed, false otherwise.
      */
     collapse(id) {
-        if (!id) {
-            return Promise.resolve(false);
-        }
         return new Promise((resolve, reject) => {
             const node = this._nodes$.value.find((n) => n.id === id);
             if (!node || node.hasChildren === false || !node.expanded) {
@@ -791,12 +821,39 @@ class PagedTreeStore {
             else {
                 this._dirty = true;
                 this.removeDescendants(nodes, nodeIndex);
-                this._nodes$.next(nodes);
                 node.expanded = false;
+                // reset paging info
+                if (node?.paging) {
+                    node.paging.pageNumber = 1;
+                }
+                this._nodes$.next(nodes);
                 resolve(true);
             }
         });
     }
+    /**
+     * Collapse all the descendants of the node with the specified ID.
+     *
+     * @param id The ID of the node to collapse, or undefined to collapse the
+     * descendants of all the root level nodes.
+     * @returns Promise.
+     */
+    collapseAll(id) {
+        if (id === undefined) {
+            // for each expanded root level node
+            const nodes = [...this._nodes$.value.filter((n) => n.expanded)];
+            let i = 0;
+            while (i < nodes.length) {
+                if (nodes[i].parentId === undefined) {
+                    this.collapseAll(nodes[i].id);
+                }
+                i++;
+            }
+            return Promise.resolve(true);
+        }
+        this.collapse(id);
+        return Promise.resolve(true);
+    }
     /**
      * Change the page including the node with the specified ID.
      * @param parentId The ID of the parent node whose children are inside the page
@@ -850,17 +907,6 @@ class PagedTreeStore {
             });
         });
     }
-    /**
-     * Collapse all the nodes in the store.
-     */
-    collapseAll() {
-        if (this.isEmpty()) {
-            return;
-        }
-        // collapse the first node
-        const root = this._nodes$.value[0];
-        this.collapse(root.id);
-    }
     /**
      * Clear the store. The cache is cleared and the nodes are removed.
      */
@@ -887,79 +933,6 @@ class PagedTreeStore {
     }
 }
 
-class PagedDataBrowsersModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: PagedDataBrowsersModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.0", ngImport: i0, type: PagedDataBrowsersModule, declarations: [CompactPagerComponent,
-            RangeViewComponent,
-            BrowserTreeNodeComponent], imports: [CommonModule,
-            ReactiveFormsModule,
-            // material
-            MatBadgeModule,
-            MatButtonModule,
-            MatChipsModule,
-            MatDialogModule,
-            MatFormFieldModule,
-            MatIconModule,
-            MatInputModule,
-            MatPaginatorModule,
-            MatProgressBarModule,
-            MatSelectModule,
-            MatTooltipModule,
-            // myrmidon
-            NgToolsModule], exports: [CompactPagerComponent,
-            RangeViewComponent,
-            BrowserTreeNodeComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: PagedDataBrowsersModule, imports: [CommonModule,
-            ReactiveFormsModule,
-            // material
-            MatBadgeModule,
-            MatButtonModule,
-            MatChipsModule,
-            MatDialogModule,
-            MatFormFieldModule,
-            MatIconModule,
-            MatInputModule,
-            MatPaginatorModule,
-            MatProgressBarModule,
-            MatSelectModule,
-            MatTooltipModule,
-            // myrmidon
-            NgToolsModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: PagedDataBrowsersModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        CompactPagerComponent,
-                        RangeViewComponent,
-                        BrowserTreeNodeComponent,
-                    ],
-                    imports: [
-                        CommonModule,
-                        ReactiveFormsModule,
-                        // material
-                        MatBadgeModule,
-                        MatButtonModule,
-                        MatChipsModule,
-                        MatDialogModule,
-                        MatFormFieldModule,
-                        MatIconModule,
-                        MatInputModule,
-                        MatPaginatorModule,
-                        MatProgressBarModule,
-                        MatSelectModule,
-                        MatTooltipModule,
-                        // myrmidon
-                        NgToolsModule
-                    ],
-                    exports: [
-                        CompactPagerComponent,
-                        RangeViewComponent,
-                        BrowserTreeNodeComponent,
-                    ],
-                }]
-        }] });
-
 /*
  * Public API Surface of paged-data-browsers
  */
@@ -968,5 +941,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { BrowserTreeNodeComponent, CompactPagerComponent, DEFAULT_PAGED_LIST_STORE_OPTIONS, LRUCache, PagedDataBrowsersModule, PagedListStore, PagedTreeStore, RangeViewComponent };
+export { BrowserTreeNodeComponent, CompactPagerComponent, DEFAULT_PAGED_LIST_STORE_OPTIONS, LRUCache, PagedListStore, PagedTreeStore, RangeViewComponent };
 //# sourceMappingURL=myrmidon-paged-data-browsers.mjs.map

package/fesm2022/myrmidon-paged-data-browsers.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"myrmidon-paged-data-browsers.mjs","sources":["../../../../projects/myrmidon/paged-data-browsers/src/lib/components/compact-pager/compact-pager.component.ts","../../../../projects/myrmidon/paged-data-browsers/src/lib/components/compact-pager/compact-pager.component.html","../../../../projects/myrmidon/paged-data-browsers/src/lib/components/range-view/range-view.component.ts","../../../../projects/myrmidon/paged-data-browsers/src/lib/components/range-view/range-view.component.html","../../../../projects/myrmidon/paged-data-browsers/src/lib/components/browser-tree-node/browser-tree-node.component.ts","../../../../projects/myrmidon/paged-data-browsers/src/lib/components/browser-tree-node/browser-tree-node.component.html","../../../../projects/myrmidon/paged-data-browsers/src/lib/services/lru-cache.ts","../../../../projects/myrmidon/paged-data-browsers/src/lib/services/paged-list.store.ts","../../../../projects/myrmidon/paged-data-browsers/src/lib/services/paged-tree.store.ts","../../../../projects/myrmidon/paged-data-browsers/src/lib/paged-data-browsers.module.ts","../../../../projects/myrmidon/paged-data-browsers/src/public-api.ts","../../../../projects/myrmidon/paged-data-browsers/src/myrmidon-paged-data-browsers.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\n\nimport { PagingInfo } from '../../services/paged-tree.store';\n\n@Component({\n  selector: 'pdb-compact-pager',\n  templateUrl: './compact-pager.component.html',\n  styleUrls: ['./compact-pager.component.scss'],\n  standalone: false\n})\nexport class CompactPagerComponent {\n  @Input()\n  public paging: PagingInfo;\n\n  @Output()\n  public pagingChange: EventEmitter<PagingInfo>;\n\n  constructor() {\n    this.paging = {\n      pageNumber: 0,\n      pageCount: 0,\n      total: 0,\n    };\n    this.pagingChange = new EventEmitter<PagingInfo>();\n  }\n\n  public onFirst(): void {\n    this.paging = { ...this.paging, pageNumber: 1 };\n    this.pagingChange.emit(this.paging);\n  }\n\n  public onPrevious(): void {\n    if (this.paging.pageNumber > 1) {\n      this.paging = { ...this.paging, pageNumber: this.paging.pageNumber - 1 };\n      this.pagingChange.emit(this.paging);\n    }\n  }\n\n  public onNext(): void {\n    if (this.paging.pageNumber < this.paging.pageCount) {\n      this.paging = { ...this.paging, pageNumber: this.paging.pageNumber + 1 };\n      this.pagingChange.emit(this.paging);\n    }\n  }\n\n  public onLast(): void {\n    if (this.paging.pageNumber < this.paging.pageCount) {\n      this.paging = { ...this.paging, pageNumber: this.paging.pageCount };\n      this.pagingChange.emit(this.paging);\n    }\n  }\n}\n","@if (paging.pageCount) {\n  <div class=\"form-row\">\n    <span id=\"pages\">{{ paging.pageNumber }}/{{ paging.pageCount }}</span>\n    <button\n      type=\"button\"\n      mat-icon-button\n      (click)=\"onFirst()\"\n      [disabled]=\"paging.pageNumber < 2\"\n      >\n      <mat-icon>first_page</mat-icon>\n    </button>\n    <button\n      type=\"button\"\n      mat-icon-button\n      (click)=\"onPrevious()\"\n      [disabled]=\"paging.pageNumber < 2\"\n      >\n      <mat-icon>navigate_before</mat-icon>\n    </button>\n    <button\n      type=\"button\"\n      mat-icon-button\n      (click)=\"onNext()\"\n      [disabled]=\"paging.pageNumber === paging.pageCount\"\n      >\n      <mat-icon>navigate_next</mat-icon>\n    </button>\n    <button\n      type=\"button\"\n      mat-icon-button\n      (click)=\"onLast()\"\n      [disabled]=\"paging.pageNumber === paging.pageCount\"\n      >\n      <mat-icon>last_page</mat-icon>\n    </button>\n    <span id=\"total\">{{ paging.total }} </span>\n  </div>\n}\n","import { Component, Input, OnChanges } from '@angular/core';\n\n@Component({\n  selector: 'pdb-range-view',\n  templateUrl: './range-view.component.html',\n  styleUrls: ['./range-view.component.scss'],\n  standalone: false\n})\nexport class RangeViewComponent implements OnChanges {\n  /**\n   * The domain of the range view (start, limit).\n   */\n  @Input() public domain: Array<number>;\n  /**\n   * The range of the range view (start, limit).\n   */\n  @Input() public range: Array<number>;\n  /**\n   * The width of the component.\n   */\n  @Input() public width: number;\n  /**\n   * The height of the component.\n   */\n  @Input() public height: number;\n\n  public scaledRange: Array<number>;\n\n  constructor() {\n    this.domain = [0, 100];\n    this.range = [0, 100];\n    this.width = 100;\n    this.height = 5;\n    this.scaledRange = [];\n  }\n\n  ngOnChanges() {\n    const domainWidth = this.domain[1] - this.domain[0];\n    const rangeWidth = this.range[1] - this.range[0];\n    const rangeStart = this.range[0] - this.domain[0];\n\n    this.scaledRange = [\n      (rangeStart / domainWidth) * this.width,\n      ((rangeStart + rangeWidth) / domainWidth) * this.width,\n    ];\n  }\n}\n","<svg [attr.width]=\"width\" [attr.height]=\"height\">\n  <rect id=\"rdomain\" [attr.width]=\"width\" [attr.height]=\"height\" />\n  <rect\n    id=\"rrange\"\n    [attr.x]=\"scaledRange[0]\"\n    [attr.y]=\"0\"\n    [attr.width]=\"scaledRange[1] - scaledRange[0]\"\n    [attr.height]=\"height\"\n  />\n</svg>\n","import { Component, EventEmitter, Input, Output } from '@angular/core';\n\nimport { PagedTreeNode, PagingInfo } from '../../services/paged-tree.store';\n\n/**\n * A request to change the page number of a node's children.\n */\nexport interface PageChangeRequest {\n  node: PagedTreeNode<any>;\n  paging: PagingInfo;\n}\n\n/**\n * Browser tree node component view. This wraps some HTML content providing\n * a toggle button to expand/collapse the node, a paging control for the\n * node's children, and a button to edit the node's filter. You should then\n * provide the HTML content to display the node's data inside this component, e.g.\n * <pdb-browser-tree-node [node]=\"node\">\n *   <your-node-view [node]=\"node\" />\n * <pdb-browser-tree-node>\n */\n@Component({\n  selector: 'pdb-browser-tree-node',\n  templateUrl: './browser-tree-node.component.html',\n  styleUrls: ['./browser-tree-node.component.css'],\n  standalone: false\n})\nexport class BrowserTreeNodeComponent {\n  private _node: PagedTreeNode<any> | undefined | null;\n\n  /**\n   * The node to display.\n   */\n  @Input()\n  public get node(): PagedTreeNode<any> | undefined | null {\n    return this._node;\n  }\n\n  public set node(value: PagedTreeNode<any> | undefined | null) {\n    if (this._node === value) {\n      return;\n    }\n    this._node = value;\n  }\n\n  /**\n   * The paging information for the node's children.\n   */\n  @Input()\n  paging?: PagingInfo;\n\n  /**\n   * True to show debug information.\n   */\n  @Input()\n  public debug?: boolean;\n\n  /**\n   * True to hide the node's loc and label. This is useful if you want to\n   * provide your own view for the node, between the expansion toggle and\n   * the filter edit button. In this case, in your consumer template provide\n   * your own view as the content of this component. If instead you are fine\n   * with the default loc and label, and just want to add more data to\n   * the view, then you can just add your own content to this component's\n   * template, without setting this property to true.\n   */\n  @Input()\n  public hideLabel?: boolean;\n\n  /**\n   * True to hide the node's location (y and x).\n   */\n  @Input()\n  public hideLoc?: boolean;\n\n  /**\n   * True to hide the node's paging control unless hovered.\n   */\n  @Input()\n  public hidePaging?: boolean;\n\n  /**\n   * True to hide the node's filter edit button.\n   */\n  @Input()\n  public hideFilter?: boolean;\n\n  /**\n   * The indent size for the node's children.\n   */\n  @Input()\n  public indentSize = 30;\n\n  /**\n   * Emits when the user wants to toggle the expanded state of the node.\n   */\n  @Output()\n  public toggleExpandedRequest: EventEmitter<PagedTreeNode<any>>;\n\n  /**\n   * Emits when the user wants to change the page number of the node's children.\n   */\n  @Output()\n  public changePageRequest: EventEmitter<PageChangeRequest>;\n\n  @Output()\n  public editNodeFilterRequest: EventEmitter<PagedTreeNode<any>>;\n\n  constructor() {\n    this.toggleExpandedRequest = new EventEmitter<PagedTreeNode<any>>();\n    this.changePageRequest = new EventEmitter<PageChangeRequest>();\n    this.editNodeFilterRequest = new EventEmitter<PagedTreeNode<any>>();\n  }\n\n  public onToggleExpanded(): void {\n    if (!this._node) {\n      return;\n    }\n    this.toggleExpandedRequest.emit(this._node as PagedTreeNode<any>);\n  }\n\n  public onPagingChange(node: PagedTreeNode<any>, paging: PagingInfo): void {\n    this.changePageRequest.emit({\n      node,\n      paging,\n    });\n  }\n\n  public onEditFilter(): void {\n    if (this._node) {\n      this.editNodeFilterRequest.emit(this._node);\n    }\n  }\n}\n","@if (node) {\n<div id=\"node\" [style.margin-left.px]=\"(node.y - 1) * indentSize\">\n  <!-- pager -->\n  @if ($any(node).expanded && paging && paging.pageCount > 1) {\n  <div id=\"pager\" [style.display]=\"hidePaging ? 'inherit' : 'block'\">\n    <pdb-compact-pager\n      [paging]=\"paging\"\n      (pagingChange)=\"onPagingChange($any(node), $event)\"\n    />\n    <pdb-range-view\n      [width]=\"250\"\n      [domain]=\"[0, paging.pageCount]\"\n      [range]=\"[paging.pageNumber - 1, paging.pageNumber]\"\n    />\n  </div>\n  }\n  <!-- node -->\n  <div class=\"form-row\">\n    <!-- expand/collapse button -->\n    <button\n      type=\"button\"\n      mat-icon-button\n      [matTooltip]=\"$any(node).expanded ? 'Collapse' : 'Expand'\"\n      i18n-matTooltip\n      [disabled]=\"node.hasChildren === false\"\n      (click)=\"onToggleExpanded()\"\n    >\n      <mat-icon class=\"mat-primary\" i18n>{{\n        node.hasChildren === true || node.hasChildren === undefined\n          ? $any(node).expanded\n            ? \"expand_less\"\n            : \"expand_more\"\n          : \"stop\"\n      }}</mat-icon>\n    </button>\n\n    <!-- tag -->\n    @if (!hideLabel) {\n    <span\n      class=\"tag\"\n      [ngStyle]=\"{\n        'background-color': (node.tag | stringToColor),\n        color: node.tag | stringToColor | colorToContrast\n      }\"\n      >{{ node.tag }}</span\n    >\n\n    <!-- loc and label -->\n    @if (!hideLoc) {\n    <span class=\"loc\">{{ node.y }}.{{ node.x }}</span> - }\n    {{ node.label }}\n    }\n\n    <!-- PROJECTED NODE -->\n    <ng-content></ng-content>\n\n    <!-- debug -->\n    @if (debug) {\n    <span class=\"debug\"\n      >#{{ node.id }}\n      <span\n        >| {{ $any(node).paging.pageNumber }}/{{\n          $any(node).paging.pageCount\n        }}\n        ({{ $any(node).paging.total }})</span\n      ></span\n    >\n    }\n\n    <!-- filter -->\n    @if (!hideFilter){ @if (!$any(node).filter && node.y) {\n    <div class=\"muted\">\n      <button\n        type=\"button\"\n        mat-icon-button\n        matTooltip=\"Add filter\"\n        i18n-matTooltip\n        (click)=\"onEditFilter()\"\n      >\n        <mat-icon>filter_list</mat-icon>\n      </button>\n    </div>\n    } @if ($any(node).filter && node.y) {\n    <div class=\"muted\">\n      <button type=\"button\" mat-icon-button (click)=\"onEditFilter()\">\n        <mat-icon [matBadge]=\"$any(node).filter ? 'F' : ''\"\n          >filter_alt</mat-icon\n        >\n      </button>\n    </div>\n    } }\n  </div>\n</div>\n}\n","/**\r\n * A Least Recently Used cache that can be used to store any type of object.\r\n * The cache works in two modes: considering the size of the objects or not.\r\n * If the size is considered, the cache will have a maximum size and will\r\n * remove the oldest objects when the maximum size is reached. Note that\r\n * the size is only roughly estimated. This avoids removing too many\r\n * entries from the cache when the maximum is reached.\r\n * If the size is not considered, the cache will have a maximum number of\r\n * objects and will remove the oldest objects when the maximum number is\r\n * reached.\r\n */\r\nexport class LRUCache<T> {\r\n  private _maxSize: number;\r\n  private _totalSize: number;\r\n  private _considerSize: boolean;\r\n  private _cache: Map<string, T>;\r\n  private _sizes: Map<string, number>;\r\n\r\n  /**\r\n   * Creates a new cache.\r\n   * @param maxSize The maximum size of the cache. This is either\r\n   * the maximum number of items in the cache (when considerSize\r\n   * is false) or the maximum total size of all items in the\r\n   * cache in bytes (when considerSize is true).\r\n   * @param considerSize True if the size of the objects should be\r\n   * considered.\r\n   */\r\n  constructor(maxSize: number, considerSize: boolean = false) {\r\n    this._maxSize = maxSize;\r\n    this._totalSize = 0;\r\n    this._considerSize = considerSize;\r\n    this._cache = new Map<string, T>();\r\n    this._sizes = new Map<string, number>();\r\n  }\r\n\r\n  /**\r\n   * Get an item from the cache.\r\n   * @param key The key of the item to get.\r\n   * @returns The item or undefined if the item is not in the cache.\r\n   */\r\n  public get(key: string): T | undefined {\r\n    let item: T | undefined = this._cache.get(key);\r\n    if (item) {\r\n      this._cache.delete(key);\r\n      this._cache.set(key, item);\r\n    }\r\n    return item;\r\n  }\r\n\r\n  /**\r\n   * Check if an item is in the cache.\r\n   * @param key The key of the item to check.\r\n   * @returns True if the item is in cache.\r\n   */\r\n  public has(key: string): boolean {\r\n    return this._cache.has(key);\r\n  }\r\n\r\n  /**\r\n   * Put an item in the cache.\r\n   * @param key The key of the item to put.\r\n   * @param item The item to put.\r\n   * @param size The estimated size of the item in bytes.\r\n   * This must be calculated by the caller but only when\r\n   * considerSize is true.\r\n   */\r\n  public put(key: string, item: T, size: number): void {\r\n    this._cache.delete(key);\r\n    this._cache.set(key, item);\r\n    this._sizes.set(key, size);\r\n    if (this._considerSize) {\r\n      this._totalSize += size;\r\n      while (this._totalSize > this._maxSize) {\r\n        const oldestKey = this._cache.keys().next().value;\r\n        if (!oldestKey) {\r\n          break;\r\n        }\r\n        let oldestSize = this._sizes.get(oldestKey);\r\n        if (oldestSize) {\r\n          this._totalSize -= oldestSize;\r\n        }\r\n        this._cache.delete(oldestKey);\r\n        this._sizes.delete(oldestKey);\r\n      }\r\n    } else {\r\n      while (this._cache.size > this._maxSize) {\r\n        const oldestKey = this._cache.keys().next().value;\r\n        if (!oldestKey) {\r\n          break;\r\n        }\r\n        this._cache.delete(oldestKey);\r\n        this._sizes.delete(oldestKey);\r\n      }\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Clear the cache.\r\n   */\r\n  public clear(): void {\r\n    this._cache.clear();\r\n    this._sizes.clear();\r\n    this._totalSize = 0;\r\n  }\r\n\r\n  /**\r\n   * Estimate the size of an object in bytes.\r\n   * @param obj The object to calculate the size of.\r\n   * @returns The estimated size of the object in bytes.\r\n   */\r\n  public static calculateObjectSize(obj: any): number {\r\n    if (!obj) {\r\n      return 0;\r\n    }\r\n    let totalSize = 0;\r\n    let keys = Object.keys(obj);\r\n    for (let key of keys) {\r\n      let value = obj[key];\r\n      if (typeof value === 'string') {\r\n        totalSize += value.length * 2;\r\n      } else if (typeof value === 'number') {\r\n        totalSize += 8;\r\n      } else if (typeof value === 'boolean') {\r\n        totalSize += 4;\r\n      } else if (typeof value === 'object' && value !== null) {\r\n        totalSize += this.calculateObjectSize(value);\r\n      }\r\n    }\r\n    return totalSize;\r\n  }\r\n}\r\n","import { BehaviorSubject, Observable } from 'rxjs';\r\n\r\nimport { DataPage } from '@myrmidon/ng-tools';\r\n\r\nimport { LRUCache } from './lru-cache';\r\n\r\n/**\r\n * Options for the paged list store.\r\n */\r\nexport interface PagedListStoreOptions {\r\n  /**\r\n   * The size of pages in the store.\r\n   */\r\n  pageSize: number;\r\n  /**\r\n   * The size of the cache for pages in the store.\r\n   */\r\n  cacheSize: number;\r\n\r\n  /**\r\n   * A custom function for building the cache key for the given page number\r\n   * and filter.\r\n   * @param pageNumber The page number.\r\n   * @param filter The filter.\r\n   * @returns A string to be used as cache key.\r\n   */\r\n  buildCacheKey?: (pageNumber: number, filter: any) => string;\r\n}\r\n\r\n/**\r\n * Default options for the paged list store.\r\n */\r\nexport const DEFAULT_PAGED_LIST_STORE_OPTIONS: PagedListStoreOptions = {\r\n  pageSize: 20,\r\n  cacheSize: 50,\r\n};\r\n\r\n/**\r\n * The interface to be implemented by the service used by PagedListStore.\r\n */\r\nexport interface PagedListStoreService<F, E> {\r\n  /**\r\n   * Load the page with the given number.\r\n   * @param pageNumber The page number to load.\r\n   * @param pageSize The size of the page to load.\r\n   * @param filter The filter to apply.\r\n   */\r\n  loadPage(\r\n    pageNumber: number,\r\n    pageSize: number,\r\n    filter: F\r\n  ): Observable<DataPage<E>>;\r\n}\r\n\r\n/**\r\n * A generic paged list store using a filter object of type F\r\n * and a list of elements of type E.\r\n */\r\nexport class PagedListStore<F, E> {\r\n  private _pageSize: number;\r\n  private readonly _customCacheKeyBuilder?: (\r\n    pageNumber: number,\r\n    filter: any\r\n  ) => string;\r\n  private _page$: BehaviorSubject<DataPage<E>>;\r\n  private _filter$: BehaviorSubject<F>;\r\n  private readonly _cache: LRUCache<DataPage<E>>;\r\n\r\n  /**\r\n   * The page. It is updated when the page is changed or the filter is changed.\r\n   */\r\n  public page$: Observable<Readonly<DataPage<E>>>;\r\n\r\n  /**\r\n   * The filter. It is updated when the filter is changed.\r\n   */\r\n  public filter$: Observable<Readonly<F>>;\r\n\r\n  /**\r\n   * The size of nodes pages in this store. If you change it, the store\r\n   * is reset. The default value is 20.\r\n   */\r\n  public get pageSize(): number {\r\n    return this._pageSize;\r\n  }\r\n  public set pageSize(value: number) {\r\n    if (this._pageSize === value) {\r\n      return;\r\n    }\r\n    this._pageSize = value;\r\n    this.reset();\r\n  }\r\n\r\n  /**\r\n   * Create a new paged list store.\r\n   * @param options Options for the paged list store.\r\n   */\r\n  constructor(\r\n    private _service: PagedListStoreService<F, E>,\r\n    options: PagedListStoreOptions = DEFAULT_PAGED_LIST_STORE_OPTIONS\r\n  ) {\r\n    this._pageSize = options.pageSize;\r\n    this._cache = new LRUCache<DataPage<E>>(options.cacheSize);\r\n    // page\r\n    this._page$ = new BehaviorSubject<DataPage<E>>({\r\n      pageNumber: 0,\r\n      pageCount: 0,\r\n      pageSize: 0,\r\n      total: 0,\r\n      items: [],\r\n    });\r\n    this.page$ = this._page$.asObservable();\r\n    // filter\r\n    this._filter$ = new BehaviorSubject<F>({} as F);\r\n    this.filter$ = this._filter$.asObservable();\r\n  }\r\n\r\n  /**\r\n   * Returns true if the store is empty, false otherwise.\r\n   * @returns true if the store is empty, false otherwise.\r\n   */\r\n  public isEmpty(): boolean {\r\n    return this._page$.value.items.length === 0;\r\n  }\r\n\r\n  /**\r\n   * Build the cache key for the given page number and filter.\r\n   * The default implementation just returns a stringified object\r\n   * containing the page number and the filter. You may override\r\n   * this method to provide a custom cache key.\r\n   * @param pageNumber The page number.\r\n   * @param filter The filter.\r\n   * @returns A string to be used as cache key.\r\n   */\r\n  public buildCacheKey(pageNumber: number, filter: F): string {\r\n    if (this._customCacheKeyBuilder) {\r\n      return this._customCacheKeyBuilder(pageNumber, filter);\r\n    }\r\n    return JSON.stringify({ pageNumber, ...filter });\r\n  }\r\n\r\n  /**\r\n   * Load the page with the given number.\r\n   * @param pageNumber the page number to load.\r\n   */\r\n  private loadPage(pageNumber: number): Observable<DataPage<E>> {\r\n    return this._service.loadPage(\r\n      pageNumber,\r\n      this._pageSize,\r\n      this._filter$.value\r\n    );\r\n  }\r\n\r\n  /**\r\n   * Set the page with the given number.\r\n   * @param pageNumber The page number to load.\r\n   * @param pageSize The page size.\r\n   * @returns Promise which resolves when the page is loaded.\r\n   */\r\n  public setPage(pageNumber: number, pageSize?: number): Promise<void> {\r\n    if (pageSize && pageSize !== this._pageSize) {\r\n      this._pageSize = pageSize;\r\n    }\r\n    return new Promise((resolve, reject) => {\r\n      // if page is in cache, return it\r\n      const key = this.buildCacheKey(pageNumber, this._filter$.value);\r\n      const cachedPage = this._cache.get(key);\r\n      if (cachedPage) {\r\n        this._page$.next(cachedPage);\r\n        resolve();\r\n        return;\r\n      }\r\n\r\n      // else load page\r\n      this.loadPage(pageNumber).subscribe({\r\n        next: (page) => {\r\n          this._page$.next(page);\r\n          this._cache.put(key, page, 0);\r\n          resolve();\r\n        },\r\n        error: reject,\r\n      });\r\n    });\r\n  }\r\n\r\n  /**\r\n   * Get the current page.\r\n   * @returns The current page.\r\n   */\r\n  public getPage(): DataPage<E> {\r\n    return this._page$.value;\r\n  }\r\n\r\n  /**\r\n   * Apply the given filter and load the first page.\r\n   * @param filter The filter to apply.\r\n   * @returns Promise which resolves when the page is loaded.\r\n   */\r\n  public setFilter(filter: F): Promise<void> {\r\n    return new Promise((resolve, reject) => {\r\n      this._filter$.next(filter);\r\n      this.setPage(1).then(resolve, reject);\r\n    });\r\n  }\r\n\r\n  /**\r\n   * Get the current filter.\r\n   * @returns The current filter.\r\n   */\r\n  public getFilter(): F {\r\n    return this._filter$.value;\r\n  }\r\n\r\n  /**\r\n   * Reset the filter and load the first page. The cache is cleared.\r\n   * @returns Promise which resolves when the page is loaded.\r\n   */\r\n  public reset(): Promise<void> {\r\n    this._cache.clear();\r\n    return this.setFilter({} as F);\r\n  }\r\n\r\n  /**\r\n   * Clear the store. The cache is cleared and the page is emptied.\r\n   */\r\n  public clear(): void {\r\n    this._cache.clear();\r\n    this._page$.next({\r\n      pageNumber: 0,\r\n      pageCount: 0,\r\n      pageSize: 0,\r\n      total: 0,\r\n      items: [],\r\n    });\r\n  }\r\n\r\n  /**\r\n   * Clear the cache.\r\n   */\r\n  public clearCache(): void {\r\n    this._cache.clear();\r\n  }\r\n\r\n  /**\r\n   * Check if the page with the given number and filter is in cache.\r\n   * @param pageNumber The page number.\r\n   * @param filter The filter.\r\n   * @returns True if the page is in cache, false otherwise.\r\n   */\r\n  public hasCachedPage(pageNumber: number, filter: F): boolean {\r\n    const key = this.buildCacheKey(pageNumber, filter);\r\n    return this._cache.has(key);\r\n  }\r\n}\r\n","import { BehaviorSubject, Observable, forkJoin, of, tap } from 'rxjs';\r\n\r\nimport { DataPage } from '@myrmidon/ng-tools';\r\n\r\nimport { LRUCache } from './lru-cache';\r\nimport { DEFAULT_PAGED_LIST_STORE_OPTIONS } from './paged-list.store';\r\n\r\n/**\r\n * A tree node. Your data service should return a list of these nodes\r\n * or of any type extending this interface.\r\n */\r\nexport interface TreeNode {\r\n  id: number;\r\n  parentId?: number;\r\n  y: number;\r\n  x: number;\r\n  label: string;\r\n  tag?: string;\r\n  hasChildren?: boolean;\r\n}\r\n\r\n/**\r\n * A filter for tree nodes.\r\n */\r\nexport interface TreeNodeFilter {\r\n  tags?: string[];\r\n  parentId?: number;\r\n}\r\n\r\n/**\r\n * Paging information for a paged tree node.\r\n */\r\nexport interface PagingInfo {\r\n  pageNumber: number;\r\n  pageCount: number;\r\n  total: number;\r\n}\r\n\r\n/**\r\n * A tree node with paging information, used in NodeBrowserStore.\r\n */\r\nexport interface PagedTreeNode<F extends TreeNodeFilter> extends TreeNode {\r\n  paging: PagingInfo;\r\n  expanded?: boolean;\r\n  filter?: F;\r\n}\r\n\r\n/**\r\n * The interface to be implemented by the service used by NodeBrowserStore\r\n * to load nodes.\r\n */\r\nexport interface PagedTreeStoreService<F extends TreeNodeFilter> {\r\n  /**\r\n   * Get the specified page of nodes.\r\n   * @param filter The filter.\r\n   * @param pageNumber The page number.\r\n   * @param pageSize The page size.\r\n   * @param hasMockRoot If true, the root node is a mock node provided by your\r\n   * service, which implies that its Y value is 0 rather than 1. Default is\r\n   * false, meaning that your service will return a single root node with Y\r\n   * value 1.\r\n   */\r\n  getNodes(\r\n    filter: F,\r\n    pageNumber: number,\r\n    pageSize: number,\r\n    hasMockRoot?: boolean\r\n  ): Observable<DataPage<TreeNode>>;\r\n}\r\n\r\n/**\r\n * Options for the NodeBrowserStore.\r\n */\r\nexport interface PagedTreeStoreOptions {\r\n  /**\r\n   * The size of pages in the store.\r\n   */\r\n  pageSize: number;\r\n  /**\r\n   * The size of the cache for pages in the store.\r\n   */\r\n  cacheSize: number;\r\n  /**\r\n   * A custom function for building the cache key for the given page number\r\n   * and filter.\r\n   * @param pageNumber The page number.\r\n   * @param filter The filter.\r\n   * @returns A string to be used as cache key.\r\n   */\r\n  buildCacheKey?: (pageNumber: number, filter: any) => string;\r\n  /**\r\n   * If true, the root node is a mock node provided by your service, which\r\n   * implies that its Y value is 0 rather than 1. Default is false, meaning\r\n   * that your service will return a single root node with Y value 1.\r\n   */\r\n  hasMockRoot?: boolean;\r\n}\r\n\r\n/**\r\n * A store for the node browser component. This store is used to keep a\r\n * list of nodes, and to load them from the API. It also keeps the root\r\n * node. Every tree node in the list is extended with page number,\r\n * page count and total items, plus expansion-related metadata.\r\n * The store keeps a flat list of these tree nodes, allowing users to\r\n * expand and collapse them.\r\n * F is the type of the filter object, E is the type of the paged tree nodes.\r\n */\r\nexport class PagedTreeStore<\r\n  E extends PagedTreeNode<F>,\r\n  F extends TreeNodeFilter\r\n> {\r\n  private _nodes$: BehaviorSubject<E[]>;\r\n  private _filter$: BehaviorSubject<F>;\r\n  private readonly _customCacheKeyBuilder?: (\r\n    pageNumber: number,\r\n    filter: any\r\n  ) => string;\r\n  private readonly _cache: LRUCache<DataPage<TreeNode>>;\r\n  private readonly _hasMockRoot: boolean;\r\n\r\n  private _pageSize: number;\r\n  // dirty state: this is reset when the store is reset, and set to true\r\n  // when the store is changed\r\n  private _dirty?: boolean;\r\n\r\n  /**\r\n   * The flat list of paged nodes in this store.\r\n   */\r\n  public nodes$: Observable<Readonly<E[]>>;\r\n\r\n  /**\r\n   * The global filter for all the nodes.\r\n   */\r\n  public filter$: Observable<Readonly<F>>;\r\n\r\n  /**\r\n   * The size of nodes pages in this store. If you change it, the store\r\n   * is reset. The default value is 20.\r\n   */\r\n  public get pageSize(): number {\r\n    return this._pageSize;\r\n  }\r\n  public set pageSize(value: number) {\r\n    if (this._pageSize === value) {\r\n      return;\r\n    }\r\n    this._pageSize = value;\r\n    this.reset();\r\n  }\r\n\r\n  /**\r\n   * Create an instance of the store.\r\n   * @param _service The service used to load nodes.\r\n   * @param options The options to configure this store.\r\n   */\r\n  constructor(\r\n    private _service: PagedTreeStoreService<F>,\r\n    options: PagedTreeStoreOptions = DEFAULT_PAGED_LIST_STORE_OPTIONS\r\n  ) {\r\n    this._pageSize = options.pageSize;\r\n    this._cache = new LRUCache<DataPage<TreeNode>>(options.cacheSize);\r\n    this._customCacheKeyBuilder = options.buildCacheKey;\r\n    this._nodes$ = new BehaviorSubject<E[]>([]);\r\n    this.nodes$ = this._nodes$.asObservable();\r\n    this._filter$ = new BehaviorSubject<F>({} as F);\r\n    this.filter$ = this._filter$.asObservable();\r\n    this._dirty = true;\r\n    this._hasMockRoot = options.hasMockRoot || false;\r\n  }\r\n\r\n  /**\r\n   * Gets the global filter, eventually overridden with values\r\n   * from the specified node's filter.\r\n   * @param node The optional node.\r\n   * @returns The filter.\r\n   */\r\n  private getFilter(node?: PagedTreeNode<F>): F {\r\n    return node?.filter\r\n      ? {\r\n          ...this._filter$.value,\r\n          ...node.filter,\r\n        }\r\n      : this._filter$.value;\r\n  }\r\n\r\n  /**\r\n   * Checks if this store is empty.\r\n   * @returns True if this store is empty.\r\n   */\r\n  public isEmpty(): boolean {\r\n    return this._nodes$.value.length === 0;\r\n  }\r\n\r\n  /**\r\n   * Gets all the nodes in the store.\r\n   * @returns The nodes.\r\n   */\r\n  public getNodes(): Readonly<PagedTreeNode<F>[]> {\r\n    return this._nodes$.value;\r\n  }\r\n\r\n  /**\r\n   * Get the root node of the tree.\r\n   * @returns The root node of the tree or undefined if empty.\r\n   */\r\n  public getRootNode(): PagedTreeNode<F> | undefined {\r\n    return this._nodes$.value[0];\r\n  }\r\n\r\n  /**\r\n   * Build the cache key for the given page number and filter.\r\n   * The default implementation just returns a stringified object\r\n   * containing the page number and the filter. You may override\r\n   * this method to provide a custom cache key.\r\n   * @param pageNumber The page number.\r\n   * @param filter The filter.\r\n   * @returns A string to be used as cache key.\r\n   */\r\n  public buildCacheKey(pageNumber: number, filter: F): string {\r\n    if (this._customCacheKeyBuilder) {\r\n      return this._customCacheKeyBuilder(pageNumber, filter);\r\n    }\r\n    return JSON.stringify({ pageNumber, ...filter });\r\n  }\r\n\r\n  /**\r\n   * Get the specified page of nodes, either from cache or from the server.\r\n   * When the page is retrieved from the server, it is stored in cache.\r\n   * @param filter The filter to apply.\r\n   * @param pageNumber The page number to get.\r\n   * @returns Observable of the page of nodes.\r\n   */\r\n  private getPageFromCacheOrServer(\r\n    filter: F,\r\n    pageNumber: number\r\n  ): Observable<DataPage<TreeNode>> {\r\n    const key = this.buildCacheKey(pageNumber, filter);\r\n    const pageInCache = this._cache.get(key);\r\n\r\n    if (pageInCache) {\r\n      return of(pageInCache);\r\n    } else {\r\n      return this._service\r\n        .getNodes(filter, pageNumber, this._pageSize, this._hasMockRoot)\r\n        .pipe(\r\n          tap((page) => {\r\n            this._cache.put(key, page, 0);\r\n          })\r\n        );\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Create paged tree nodes from a page of tree nodes, by providing further\r\n   * metadata like page number, page count and total items.\r\n   * @param page The page to create nodes from.\r\n   * @returns Paged nodes.\r\n   */\r\n  private createPageNodes(page: DataPage<TreeNode>): E[] {\r\n    return page.items.map((n) => {\r\n      return {\r\n        ...n,\r\n        hasChildren: n.hasChildren,\r\n        paging: {\r\n          pageNumber: page.pageNumber,\r\n          pageCount: page.pageCount,\r\n          total: page.total,\r\n        },\r\n      } as E;\r\n    });\r\n  }\r\n\r\n  /**\r\n   * Sets the filter for this store. Whenever the filter is set,\r\n   * the store is reset.\r\n   * @param filter The filter.\r\n   * @returns true if tree was changed, false otherwise.\r\n   */\r\n  public setFilter(filter: F): Promise<boolean> {\r\n    if (this._filter$.value === filter) {\r\n      return Promise.resolve(false);\r\n    }\r\n    this._filter$.next(filter);\r\n    this._dirty = true;\r\n    return this.reset();\r\n  }\r\n\r\n  /**\r\n   * Reset the store, loading the root nodes and their children.\r\n   * @returns true if tree was changed, false otherwise.\r\n   */\r\n  public reset(): Promise<boolean> {\r\n    if (!this._dirty) {\r\n      return Promise.resolve(false);\r\n    }\r\n    this._cache.clear();\r\n    const filter = this._filter$.value;\r\n\r\n    return new Promise<boolean>((resolve, reject) => {\r\n      this._service\r\n        .getNodes(\r\n          {\r\n            ...filter,\r\n            parentId: undefined,\r\n          },\r\n          1,\r\n          this._pageSize,\r\n          this._hasMockRoot\r\n        )\r\n        .subscribe({\r\n          next: (page: DataPage<TreeNode>) => {\r\n            this._nodes$.next(this.createPageNodes(page));\r\n\r\n            // get the children of each node thus calculating their hasChildren property\r\n            const childrenObservables = this._nodes$.value.map((node) =>\r\n              this.getPageFromCacheOrServer({ ...filter, parentId: node.id }, 1)\r\n            );\r\n            forkJoin(childrenObservables).subscribe((childrenPages) => {\r\n              childrenPages.forEach((page, i) => {\r\n                this._nodes$.value[i].hasChildren = page.total > 0;\r\n              });\r\n            });\r\n\r\n            this._dirty = false;\r\n            resolve(true);\r\n          },\r\n          error: (error) => {\r\n            reject(error);\r\n          },\r\n        });\r\n    });\r\n  }\r\n\r\n  /**\r\n   * Set the node filter for the node with the specified ID.\r\n   * @param id The node ID.\r\n   * @param filter The filter to set.\r\n   * @returns Promise with true if filter was set, false otherwise.\r\n   */\r\n  public setNodeFilter(id: number, filter?: F | null): Promise<boolean> {\r\n    if (!id) {\r\n      return Promise.resolve(false);\r\n    }\r\n    return new Promise<boolean>((resolve, reject) => {\r\n      const node = this._nodes$.value.find((n) => n.id === id);\r\n      if (!node) {\r\n        reject(`Node ID ${id} not found in store`);\r\n      }\r\n      node!.filter = filter || undefined;\r\n      return this.changePage(id, 1);\r\n    });\r\n  }\r\n\r\n  /**\r\n   * Expand the node with the specified ID. If the node is not expandable,\r\n   * or it is already expanded, this method does nothing.\r\n   * @param node The ID of the node to expand.\r\n   * @returns Promise with true if the node was expanded, false otherwise.\r\n   */\r\n  public expand(id: number): Promise<boolean> {\r\n    if (!id) {\r\n      return Promise.resolve(false);\r\n    }\r\n    return new Promise<boolean>((resolve, reject) => {\r\n      const node = this._nodes$.value.find((n) => n.id === id);\r\n      if (!node || node.hasChildren === false || node.expanded) {\r\n        resolve(false);\r\n      }\r\n\r\n      this.getPageFromCacheOrServer(\r\n        { ...this.getFilter(node), parentId: id },\r\n        1\r\n      ).subscribe((page) => {\r\n        // no children, set hasChildren to false\r\n        if (!page.total) {\r\n          node!.hasChildren = false;\r\n          resolve(false);\r\n        } else {\r\n          this._dirty = true;\r\n          // insert page nodes after the current node\r\n          const nodes = this._nodes$.value;\r\n          const index = nodes.indexOf(node!);\r\n          if (index === -1) {\r\n            reject(`Node ID ${id} not found in store`);\r\n          } else {\r\n            const pageNodes = this.createPageNodes(page);\r\n            nodes.splice(index + 1, 0, ...(pageNodes as E[]));\r\n            this._nodes$.next(nodes);\r\n            node!.hasChildren = true;\r\n            node!.expanded = true;\r\n            resolve(true);\r\n          }\r\n        }\r\n      });\r\n    });\r\n  }\r\n\r\n  /**\r\n   * Expand all the descendants of the node with the specified ID.\r\n   *\r\n   * @param id The ID of the node to expand.\r\n   * @returns Promise.\r\n   */\r\n  public expandAll(id: number): Promise<boolean> {\r\n    if (!id) {\r\n      return Promise.resolve(false);\r\n    }\r\n    // get the parent node to start from\r\n    const nodes = this._nodes$.value;\r\n    const nodeIndex = nodes.findIndex((n) => n.id === id);\r\n    if (nodeIndex === -1) {\r\n      return Promise.resolve(false);\r\n    }\r\n\r\n    // collect all the descendant nodes IDs\r\n    let i = nodeIndex + 1;\r\n    while (i < nodes.length && nodes[i].y > nodes[nodeIndex].y) {\r\n      i++;\r\n    }\r\n    const nodesToExpand = nodes.slice(nodeIndex, i).map((n) => n.id);\r\n\r\n    // expand all the descendant nodes\r\n    return new Promise<boolean>((resolve, reject) => {\r\n      nodesToExpand.forEach((id) => {\r\n        this.expand(id);\r\n        this.expandAll(id);\r\n      });\r\n      resolve(true);\r\n    });\r\n  }\r\n\r\n  public getChildren(id: number): E[] {\r\n    const node = this._nodes$.value.find((n) => n.id === id);\r\n    if (!node || node.hasChildren === false) {\r\n      return [];\r\n    }\r\n    const nodes = this._nodes$.value;\r\n    const index = nodes.indexOf(node);\r\n    if (index === -1) {\r\n      return [];\r\n    }\r\n    const children: E[] = [];\r\n    let i = index + 1;\r\n    while (i < nodes.length && nodes[i].y > node.y) {\r\n      children.push(nodes[i]);\r\n      i++;\r\n    }\r\n    return children;\r\n  }\r\n\r\n  private removeDescendants(\r\n    nodes: PagedTreeNode<F>[],\r\n    nodeIndex: number\r\n  ): void {\r\n    let i = nodeIndex + 1;\r\n    while (i < nodes.length && nodes[i].y > nodes[nodeIndex].y) {\r\n      i++;\r\n    }\r\n    nodes.splice(nodeIndex + 1, i - nodeIndex - 1);\r\n  }\r\n\r\n  /**\r\n   * Collapse the node with the specified ID. If the node is not expandable,\r\n   * or it is already collapsed, this method does nothing.\r\n   * @param node The node to collapse.\r\n   * @returns Promise with true if the node was collapsed, false otherwise.\r\n   */\r\n  public collapse(id: number): Promise<boolean> {\r\n    if (!id) {\r\n      return Promise.resolve(false);\r\n    }\r\n    return new Promise<boolean>((resolve, reject) => {\r\n      const node = this._nodes$.value.find((n) => n.id === id);\r\n      if (!node || node.hasChildren === false || !node.expanded) {\r\n        resolve(false);\r\n      }\r\n\r\n      // remove all the descendant nodes after the current node\r\n      const nodes = this._nodes$.value;\r\n      const nodeIndex = nodes.indexOf(node!);\r\n      if (nodeIndex === -1) {\r\n        reject(`Node ID ${id} not found in store`);\r\n      } else {\r\n        this._dirty = true;\r\n        this.removeDescendants(nodes, nodeIndex);\r\n        this._nodes$.next(nodes);\r\n        node!.expanded = false;\r\n        resolve(true);\r\n      }\r\n    });\r\n  }\r\n\r\n  /**\r\n   * Change the page including the node with the specified ID.\r\n   * @param parentId The ID of the parent node whose children are inside the page\r\n   * you want to change.\r\n   * @param pageNumber The new page number.\r\n   * @returns Promise with true if the page was changed, false otherwise.\r\n   */\r\n  public changePage(parentId: number, pageNumber: number): Promise<boolean> {\r\n    return new Promise<boolean>((resolve, reject) => {\r\n      // get the parent node\r\n      const parentNode = this._nodes$.value.find((n) => n.id === parentId);\r\n      if (!parentNode) {\r\n        resolve(false);\r\n      }\r\n\r\n      // get the page\r\n      this.getPageFromCacheOrServer(\r\n        { ...this.getFilter(parentNode), parentId },\r\n        pageNumber\r\n      ).subscribe((page) => {\r\n        // if page is empty do nothing\r\n        if (!page.total) {\r\n          resolve(false);\r\n        } else {\r\n          this._dirty = true;\r\n          // remove all the nodes in the same page of node\r\n          // with all their descendants\r\n          const nodes = this._nodes$.value;\r\n          const nodeIndex = nodes.indexOf(parentNode!) + 1;\r\n          const pageNodes = this.createPageNodes(page);\r\n\r\n          // find the first node of the node's page\r\n          let start = nodeIndex;\r\n          const oldPageNr = nodes[start].paging.pageNumber;\r\n          while (\r\n            start > 0 &&\r\n            nodes[start - 1].parentId === parentId &&\r\n            nodes[start - 1].paging.pageNumber === oldPageNr\r\n          ) {\r\n            start--;\r\n          }\r\n\r\n          // find the last node of the node's page,\r\n          // including all their descendants\r\n          let end = start;\r\n          const y = nodes[start].y;\r\n          while (end < nodes.length && nodes[end].y >= y) {\r\n            end++;\r\n          }\r\n          // replace all these nodes with the new ones\r\n          nodes.splice(start, end - start);\r\n          nodes.splice(start, 0, ...(pageNodes as E[]));\r\n\r\n          // update the parent node paging info\r\n          parentNode!.paging.pageNumber = page.pageNumber;\r\n          this._nodes$.next(nodes);\r\n          resolve(true);\r\n        }\r\n      });\r\n    });\r\n  }\r\n\r\n  /**\r\n   * Collapse all the nodes in the store.\r\n   */\r\n  public collapseAll(): void {\r\n    if (this.isEmpty()) {\r\n      return;\r\n    }\r\n    // collapse the first node\r\n    const root = this._nodes$.value[0];\r\n    this.collapse(root.id);\r\n  }\r\n\r\n  /**\r\n   * Clear the store. The cache is cleared and the nodes are removed.\r\n   */\r\n  public clear(): void {\r\n    this._cache.clear();\r\n    this._nodes$.next([]);\r\n    this._dirty = true;\r\n  }\r\n\r\n  /**\r\n   * Clear the cache.\r\n   */\r\n  public clearCache(): void {\r\n    this._cache.clear();\r\n  }\r\n\r\n  /**\r\n   * Check if the page with the given number and filter is in cache.\r\n   * @param pageNumber The page number.\r\n   * @param filter The filter.\r\n   * @returns True if the page is in cache, false otherwise.\r\n   */\r\n  public hasCachedPage(pageNumber: number, filter: F): boolean {\r\n    const key = this.buildCacheKey(pageNumber, filter);\r\n    return this._cache.has(key);\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { MatBadgeModule } from '@angular/material/badge';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatChipsModule } from '@angular/material/chips';\nimport { MatDialogModule } from '@angular/material/dialog';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatPaginatorModule } from '@angular/material/paginator';\nimport { MatProgressBarModule } from '@angular/material/progress-bar';\nimport { MatSelectModule } from '@angular/material/select';\nimport { MatTooltipModule } from '@angular/material/tooltip';\n\nimport { NgToolsModule } from '@myrmidon/ng-tools';\n\nimport { CompactPagerComponent } from './components/compact-pager/compact-pager.component';\nimport { RangeViewComponent } from './components/range-view/range-view.component';\nimport { BrowserTreeNodeComponent } from './components/browser-tree-node/browser-tree-node.component';\n\n@NgModule({\n  declarations: [\n    CompactPagerComponent,\n    RangeViewComponent,\n    BrowserTreeNodeComponent,\n  ],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    // material\n    MatBadgeModule,\n    MatButtonModule,\n    MatChipsModule,\n    MatDialogModule,\n    MatFormFieldModule,\n    MatIconModule,\n    MatInputModule,\n    MatPaginatorModule,\n    MatProgressBarModule,\n    MatSelectModule,\n    MatTooltipModule,\n    // myrmidon\n    NgToolsModule\n  ],\n  exports: [\n    CompactPagerComponent,\n    RangeViewComponent,\n    BrowserTreeNodeComponent,\n  ],\n})\nexport class PagedDataBrowsersModule {}\n","/*\n * Public API Surface of paged-data-browsers\n */\n\nexport * from './lib/components/compact-pager/compact-pager.component';\nexport * from './lib/components/range-view/range-view.component';\nexport * from './lib/components/browser-tree-node/browser-tree-node.component';\n\nexport * from './lib/services/paged-list.store';\nexport * from './lib/services/paged-tree.store';\nexport * from './lib/services/lru-cache';\n\nexport * from './lib/paged-data-browsers.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1","i2","i3","i4","i6.CompactPagerComponent","i7.RangeViewComponent"],"mappings":"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"}
+{"version":3,"file":"myrmidon-paged-data-browsers.mjs","sources":["../../../../projects/myrmidon/paged-data-browsers/src/lib/components/compact-pager/compact-pager.component.ts","../../../../projects/myrmidon/paged-data-browsers/src/lib/components/compact-pager/compact-pager.component.html","../../../../projects/myrmidon/paged-data-browsers/src/lib/components/range-view/range-view.component.ts","../../../../projects/myrmidon/paged-data-browsers/src/lib/components/range-view/range-view.component.html","../../../../projects/myrmidon/paged-data-browsers/src/lib/components/browser-tree-node/browser-tree-node.component.ts","../../../../projects/myrmidon/paged-data-browsers/src/lib/components/browser-tree-node/browser-tree-node.component.html","../../../../projects/myrmidon/paged-data-browsers/src/lib/services/lru-cache.ts","../../../../projects/myrmidon/paged-data-browsers/src/lib/services/paged-list.store.ts","../../../../projects/myrmidon/paged-data-browsers/src/lib/services/paged-tree.store.ts","../../../../projects/myrmidon/paged-data-browsers/src/public-api.ts","../../../../projects/myrmidon/paged-data-browsers/src/myrmidon-paged-data-browsers.ts"],"sourcesContent":["import { Component, input, output } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatButtonModule } from '@angular/material/button';\n\nimport { PagingInfo } from '../../services/paged-tree.store';\n\n@Component({\n  selector: 'pdb-compact-pager',\n  imports: [CommonModule, MatButtonModule, MatIconModule],\n  templateUrl: './compact-pager.component.html',\n  styleUrls: ['./compact-pager.component.scss'],\n})\nexport class CompactPagerComponent {\n  public paging = input<PagingInfo>({ pageNumber: 0, pageCount: 0, total: 0 });\n\n  /**\n   * Emits the new paging information when the user changes the page.\n   */\n  public readonly pagingChange = output<PagingInfo>();\n\n  public onFirst(): void {\n    this.pagingChange.emit({ ...this.paging(), pageNumber: 1 });\n  }\n\n  public onPrevious(): void {\n    if (this.paging().pageNumber > 1) {\n      this.pagingChange.emit({\n        ...this.paging(),\n        pageNumber: this.paging().pageNumber - 1,\n      });\n    }\n  }\n\n  public onNext(): void {\n    if (this.paging().pageNumber < this.paging().pageCount) {\n      this.pagingChange.emit({\n        ...this.paging(),\n        pageNumber: this.paging().pageNumber + 1,\n      });\n    }\n  }\n\n  public onLast(): void {\n    if (this.paging().pageNumber < this.paging().pageCount) {\n      this.pagingChange.emit({\n        ...this.paging(),\n        pageNumber: this.paging().pageCount,\n      });\n    }\n  }\n}\n","@if (paging().pageCount) {\n  <div class=\"form-row\">\n    <span id=\"pages\">{{ paging().pageNumber }}/{{ paging().pageCount }}</span>\n    <button\n      type=\"button\"\n      mat-icon-button\n      (click)=\"onFirst()\"\n      [disabled]=\"paging().pageNumber < 2\"\n      >\n      <mat-icon>first_page</mat-icon>\n    </button>\n    <button\n      type=\"button\"\n      mat-icon-button\n      (click)=\"onPrevious()\"\n      [disabled]=\"paging().pageNumber < 2\"\n      >\n      <mat-icon>navigate_before</mat-icon>\n    </button>\n    <button\n      type=\"button\"\n      mat-icon-button\n      (click)=\"onNext()\"\n      [disabled]=\"paging().pageNumber === paging().pageCount\"\n      >\n      <mat-icon>navigate_next</mat-icon>\n    </button>\n    <button\n      type=\"button\"\n      mat-icon-button\n      (click)=\"onLast()\"\n      [disabled]=\"paging().pageNumber === paging().pageCount\"\n      >\n      <mat-icon>last_page</mat-icon>\n    </button>\n    <span id=\"total\">{{ paging().total }} </span>\n  </div>\n}\n","import { Component, computed, input, signal } from '@angular/core';\n\n@Component({\n  selector: 'pdb-range-view',\n  templateUrl: './range-view.component.html',\n  styleUrls: ['./range-view.component.scss'],\n})\nexport class RangeViewComponent {\n  /**\n   * The domain of the range view (start, limit).\n   */\n  public domain = input([0, 100]);\n  /**\n   * The range of the range view (start, limit).\n   */\n  public range = input([0, 100]);\n  /**\n   * The width of the component.\n   */\n  public width = input(100);\n  /**\n   * The height of the component.\n   */\n  public height = input(5);\n\n  public scaledRange = computed(() => {\n    const domain = this.domain();\n    const range = this.range();\n    const width = this.width();\n\n    const domainWidth = domain[1] - domain[0];\n    const rangeWidth = range[1] - range[0];\n    const rangeStart = range[0] - domain[0];\n\n    return [\n      (rangeStart / domainWidth) * width,\n      ((rangeStart + rangeWidth) / domainWidth) * width,\n    ];\n  });\n\n  constructor() {}\n}\n","<svg [attr.width]=\"width()\" [attr.height]=\"height()\">\n  <rect id=\"rdomain\" [attr.width]=\"width()\" [attr.height]=\"height()\" />\n  <rect\n    id=\"rrange\"\n    [attr.x]=\"scaledRange()[0]\"\n    [attr.y]=\"0\"\n    [attr.width]=\"scaledRange()[1] - scaledRange()[0]\"\n    [attr.height]=\"height()\"\n  />\n</svg>\n","import { Component, input, output } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\nimport { MatBadgeModule } from '@angular/material/badge';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { MatIconModule } from '@angular/material/icon';\n\nimport { ColorToContrastPipe, StringToColorPipe } from '@myrmidon/ngx-tools';\n\nimport { PagedTreeNode, PagingInfo } from '../../services/paged-tree.store';\nimport { CompactPagerComponent } from '../compact-pager/compact-pager.component';\nimport { RangeViewComponent } from '../range-view/range-view.component';\n\n/**\n * A request to change the page number of a node's children.\n */\nexport interface PageChangeRequest {\n  node: PagedTreeNode<any>;\n  paging: PagingInfo;\n}\n\n/**\n * Browser tree node component view. This wraps some HTML content providing\n * a toggle button to expand/collapse the node, a paging control for the\n * node's children, and a button to edit the node's filter. You should then\n * provide the HTML content to display the node's data inside this component, e.g.\n * <pdb-browser-tree-node [node]=\"node\">\n *   <your-node-view [node]=\"node\" />\n * <pdb-browser-tree-node>\n */\n@Component({\n  selector: 'pdb-browser-tree-node',\n  imports: [\n    CommonModule,\n    MatBadgeModule,\n    MatButtonModule,\n    MatIconModule,\n    MatTooltipModule,\n    // ngx-tools\n    ColorToContrastPipe,\n    StringToColorPipe,\n    // local\n    CompactPagerComponent,\n    RangeViewComponent,\n  ],\n  templateUrl: './browser-tree-node.component.html',\n  styleUrls: ['./browser-tree-node.component.css'],\n})\nexport class BrowserTreeNodeComponent {\n  /**\n   * The node to display.\n   */\n  public readonly node = input<PagedTreeNode<any> | undefined | null>();\n\n  /**\n   * The paging information for the node's children.\n   */\n  public readonly paging = input<PagingInfo>();\n\n  /**\n   * True to show debug information.\n   */\n  public readonly debug = input<boolean>();\n\n  /**\n   * True to hide the node's loc and label. This is useful if you want to\n   * provide your own view for the node, between the expansion toggle and\n   * the filter edit button. In this case, in your consumer template provide\n   * your own view as the content of this component. If instead you are fine\n   * with the default loc and label, and just want to add more data to\n   * the view, then you can just add your own content to this component's\n   * template, without setting this property to true.\n   */\n  public readonly hideLabel = input<boolean>();\n\n  /**\n   * True to hide the node's location (y and x).\n   */\n  public readonly hideLoc = input<boolean>();\n\n  /**\n   * True to hide the node's paging control unless hovered.\n   */\n  public readonly hidePaging = input<boolean>();\n\n  /**\n   * True to hide the node's filter edit button.\n   */\n  public readonly hideFilter = input<boolean>();\n\n  /**\n   * The indent size for the node's children.\n   */\n  public readonly indentSize = input(30);\n\n  /**\n   * The width of the range view.\n   */\n  public readonly rangeWidth = input(250);\n\n  /**\n   * Emits when the user wants to toggle the expanded state of the node.\n   */\n  public readonly toggleExpandedRequest = output<PagedTreeNode<any>>();\n\n  /**\n   * Emits when the user wants to change the page number of the node's children.\n   */\n  public readonly changePageRequest = output<PageChangeRequest>();\n\n  /**\n   * Emits when the user wants to edit the node's filter.\n   */\n  public readonly editNodeFilterRequest = output<PagedTreeNode<any>>();\n\n  public onToggleExpanded(): void {\n    if (!this.node()) {\n      return;\n    }\n    this.toggleExpandedRequest.emit(this.node() as PagedTreeNode<any>);\n  }\n\n  public onPagingChange(node: PagedTreeNode<any>, paging: PagingInfo): void {\n    this.changePageRequest.emit({\n      node,\n      paging,\n    });\n  }\n\n  public onEditFilter(): void {\n    if (this.node()) {\n      this.editNodeFilterRequest.emit(this.node() as PagedTreeNode<any>);\n    }\n  }\n}\n","@if (node()) {\n<div id=\"node\" [style.margin-left.px]=\"(node()!.y - 1) * indentSize()\">\n  <!-- pager -->\n  @if (node()!.expanded && paging() && paging()!.pageCount > 1) {\n  <div id=\"pager\" [style.display]=\"hidePaging() ? 'inherit' : 'block'\">\n    <pdb-compact-pager\n      [paging]=\"paging()!\"\n      (pagingChange)=\"onPagingChange(node()!, $event)\"\n    />\n    <pdb-range-view\n      [width]=\"rangeWidth()\"\n      [domain]=\"[0, paging()!.pageCount]\"\n      [range]=\"[paging()!.pageNumber - 1, paging()!.pageNumber]\"\n    />\n  </div>\n  }\n  <!-- node -->\n  <div class=\"form-row\">\n    <!-- expand/collapse button -->\n    <button\n      type=\"button\"\n      mat-icon-button\n      [matTooltip]=\"node()?.expanded ? 'Collapse' : 'Expand'\"\n      i18n-matTooltip\n      [disabled]=\"node()!.hasChildren === false\"\n      (click)=\"onToggleExpanded()\"\n    >\n      <mat-icon class=\"mat-primary\" i18n>{{\n        node()!.hasChildren === true || node()!.hasChildren === undefined\n          ? node()?.expanded\n            ? \"expand_less\"\n            : \"expand_more\"\n          : \"stop\"\n      }}</mat-icon>\n    </button>\n\n    <!-- tag -->\n    @if (!hideLabel()) {\n    <span\n      class=\"tag\"\n      [ngStyle]=\"{\n        'background-color': (node()!.tag | stringToColor),\n        color: node()!.tag | stringToColor | colorToContrast\n      }\"\n      >{{ node()!.tag }}</span\n    >\n\n    <!-- loc and label -->\n    @if (!hideLoc()) {\n    <span class=\"loc\">{{ node()!.y }}.{{ node()!.x }}</span> - }\n    {{ node()!.label }}\n    }\n\n    <!-- PROJECTED NODE -->\n    <ng-content></ng-content>\n\n    <!-- debug -->\n    @if (debug()) {\n    <span class=\"debug\"\n      >#{{ node()!.id }}\n      <span\n        >| {{ node()!.paging.pageNumber }}/{{ node()!.paging.pageCount }} ({{\n          node()!.paging.total\n        }})</span\n      ></span\n    >\n    }\n\n    <!-- filter -->\n    @if (!hideFilter()){ @if (!node()?.filter && node()?.y) {\n    <div class=\"muted\">\n      <button\n        type=\"button\"\n        mat-icon-button\n        matTooltip=\"Add filter\"\n        i18n-matTooltip\n        (click)=\"onEditFilter()\"\n      >\n        <mat-icon>filter_list</mat-icon>\n      </button>\n    </div>\n    } @if (node()?.filter && node()?.y) {\n    <div class=\"muted\">\n      <button type=\"button\" mat-icon-button (click)=\"onEditFilter()\">\n        <mat-icon [matBadge]=\"node()?.filter ? 'F' : ''\">filter_alt</mat-icon>\n      </button>\n    </div>\n    } }\n  </div>\n</div>\n}\n","/**\r\n * A Least Recently Used cache that can be used to store any type of object.\r\n * The cache works in two modes: considering the size of the objects or not.\r\n * If the size is considered, the cache will have a maximum size and will\r\n * remove the oldest objects when the maximum size is reached. Note that\r\n * the size is only roughly estimated. This avoids removing too many\r\n * entries from the cache when the maximum is reached.\r\n * If the size is not considered, the cache will have a maximum number of\r\n * objects and will remove the oldest objects when the maximum number is\r\n * reached.\r\n */\r\nexport class LRUCache<T> {\r\n  private _maxSize: number;\r\n  private _totalSize: number;\r\n  private _considerSize: boolean;\r\n  private _cache: Map<string, T>;\r\n  private _sizes: Map<string, number>;\r\n\r\n  /**\r\n   * Creates a new cache.\r\n   * @param maxSize The maximum size of the cache. This is either\r\n   * the maximum number of items in the cache (when considerSize\r\n   * is false) or the maximum total size of all items in the\r\n   * cache in bytes (when considerSize is true).\r\n   * @param considerSize True if the size of the objects should be\r\n   * considered.\r\n   */\r\n  constructor(maxSize: number, considerSize: boolean = false) {\r\n    this._maxSize = maxSize;\r\n    this._totalSize = 0;\r\n    this._considerSize = considerSize;\r\n    this._cache = new Map<string, T>();\r\n    this._sizes = new Map<string, number>();\r\n  }\r\n\r\n  /**\r\n   * Get an item from the cache.\r\n   * @param key The key of the item to get.\r\n   * @returns The item or undefined if the item is not in the cache.\r\n   */\r\n  public get(key: string): T | undefined {\r\n    let item: T | undefined = this._cache.get(key);\r\n    if (item) {\r\n      this._cache.delete(key);\r\n      this._cache.set(key, item);\r\n    }\r\n    return item;\r\n  }\r\n\r\n  /**\r\n   * Check if an item is in the cache.\r\n   * @param key The key of the item to check.\r\n   * @returns True if the item is in cache.\r\n   */\r\n  public has(key: string): boolean {\r\n    return this._cache.has(key);\r\n  }\r\n\r\n  /**\r\n   * Put an item in the cache.\r\n   * @param key The key of the item to put.\r\n   * @param item The item to put.\r\n   * @param size The estimated size of the item in bytes.\r\n   * This must be calculated by the caller but only when\r\n   * considerSize is true.\r\n   */\r\n  public put(key: string, item: T, size: number): void {\r\n    this._cache.delete(key);\r\n    this._cache.set(key, item);\r\n    this._sizes.set(key, size);\r\n    if (this._considerSize) {\r\n      this._totalSize += size;\r\n      while (this._totalSize > this._maxSize) {\r\n        const oldestKey = this._cache.keys().next().value;\r\n        if (!oldestKey) {\r\n          break;\r\n        }\r\n        let oldestSize = this._sizes.get(oldestKey);\r\n        if (oldestSize) {\r\n          this._totalSize -= oldestSize;\r\n        }\r\n        this._cache.delete(oldestKey);\r\n        this._sizes.delete(oldestKey);\r\n      }\r\n    } else {\r\n      while (this._cache.size > this._maxSize) {\r\n        const oldestKey = this._cache.keys().next().value;\r\n        if (!oldestKey) {\r\n          break;\r\n        }\r\n        this._cache.delete(oldestKey);\r\n        this._sizes.delete(oldestKey);\r\n      }\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Clear the cache.\r\n   */\r\n  public clear(): void {\r\n    this._cache.clear();\r\n    this._sizes.clear();\r\n    this._totalSize = 0;\r\n  }\r\n\r\n  /**\r\n   * Estimate the size of an object in bytes.\r\n   * @param obj The object to calculate the size of.\r\n   * @returns The estimated size of the object in bytes.\r\n   */\r\n  public static calculateObjectSize(obj: any): number {\r\n    if (!obj) {\r\n      return 0;\r\n    }\r\n    let totalSize = 0;\r\n    let keys = Object.keys(obj);\r\n    for (let key of keys) {\r\n      let value = obj[key];\r\n      if (typeof value === 'string') {\r\n        totalSize += value.length * 2;\r\n      } else if (typeof value === 'number') {\r\n        totalSize += 8;\r\n      } else if (typeof value === 'boolean') {\r\n        totalSize += 4;\r\n      } else if (typeof value === 'object' && value !== null) {\r\n        totalSize += this.calculateObjectSize(value);\r\n      }\r\n    }\r\n    return totalSize;\r\n  }\r\n}\r\n","import { BehaviorSubject, Observable } from 'rxjs';\r\n\r\nimport { DataPage } from '@myrmidon/ngx-tools';\r\n\r\nimport { LRUCache } from './lru-cache';\r\n\r\n/**\r\n * Options for the paged list store.\r\n */\r\nexport interface PagedListStoreOptions {\r\n  /**\r\n   * The size of pages in the store.\r\n   */\r\n  pageSize: number;\r\n  /**\r\n   * The size of the cache for pages in the store.\r\n   */\r\n  cacheSize: number;\r\n\r\n  /**\r\n   * A custom function for building the cache key for the given page number\r\n   * and filter.\r\n   * @param pageNumber The page number.\r\n   * @param filter The filter.\r\n   * @returns A string to be used as cache key.\r\n   */\r\n  buildCacheKey?: (pageNumber: number, filter: any) => string;\r\n}\r\n\r\n/**\r\n * Default options for the paged list store.\r\n */\r\nexport const DEFAULT_PAGED_LIST_STORE_OPTIONS: PagedListStoreOptions = {\r\n  pageSize: 20,\r\n  cacheSize: 50,\r\n};\r\n\r\n/**\r\n * The interface to be implemented by the service used by PagedListStore.\r\n */\r\nexport interface PagedListStoreService<F, E> {\r\n  /**\r\n   * Load the page with the given number.\r\n   * @param pageNumber The page number to load.\r\n   * @param pageSize The size of the page to load.\r\n   * @param filter The filter to apply.\r\n   */\r\n  loadPage(\r\n    pageNumber: number,\r\n    pageSize: number,\r\n    filter: F\r\n  ): Observable<DataPage<E>>;\r\n}\r\n\r\n/**\r\n * A generic paged list store using a filter object of type F\r\n * and a list of elements of type E.\r\n */\r\nexport class PagedListStore<F, E> {\r\n  private _pageSize: number;\r\n  private readonly _customCacheKeyBuilder?: (\r\n    pageNumber: number,\r\n    filter: any\r\n  ) => string;\r\n  private _page$: BehaviorSubject<DataPage<E>>;\r\n  private _filter$: BehaviorSubject<F>;\r\n  private readonly _cache: LRUCache<DataPage<E>>;\r\n\r\n  /**\r\n   * The page. It is updated when the page is changed or the filter is changed.\r\n   */\r\n  public page$: Observable<Readonly<DataPage<E>>>;\r\n\r\n  /**\r\n   * The filter. It is updated when the filter is changed.\r\n   */\r\n  public filter$: Observable<Readonly<F>>;\r\n\r\n  /**\r\n   * The size of nodes pages in this store. If you change it, the store\r\n   * is reset. The default value is 20.\r\n   */\r\n  public get pageSize(): number {\r\n    return this._pageSize;\r\n  }\r\n  public set pageSize(value: number) {\r\n    if (this._pageSize === value) {\r\n      return;\r\n    }\r\n    this._pageSize = value;\r\n    this.reset();\r\n  }\r\n\r\n  /**\r\n   * Create a new paged list store.\r\n   * @param options Options for the paged list store.\r\n   */\r\n  constructor(\r\n    private _service: PagedListStoreService<F, E>,\r\n    options: PagedListStoreOptions = DEFAULT_PAGED_LIST_STORE_OPTIONS\r\n  ) {\r\n    this._pageSize = options.pageSize;\r\n    this._cache = new LRUCache<DataPage<E>>(options.cacheSize);\r\n    // page\r\n    this._page$ = new BehaviorSubject<DataPage<E>>({\r\n      pageNumber: 0,\r\n      pageCount: 0,\r\n      pageSize: 0,\r\n      total: 0,\r\n      items: [],\r\n    });\r\n    this.page$ = this._page$.asObservable();\r\n    // filter\r\n    this._filter$ = new BehaviorSubject<F>({} as F);\r\n    this.filter$ = this._filter$.asObservable();\r\n  }\r\n\r\n  /**\r\n   * Returns true if the store is empty, false otherwise.\r\n   * @returns true if the store is empty, false otherwise.\r\n   */\r\n  public isEmpty(): boolean {\r\n    return this._page$.value.items.length === 0;\r\n  }\r\n\r\n  /**\r\n   * Build the cache key for the given page number and filter.\r\n   * The default implementation just returns a stringified object\r\n   * containing the page number and the filter. You may override\r\n   * this method to provide a custom cache key.\r\n   * @param pageNumber The page number.\r\n   * @param filter The filter.\r\n   * @returns A string to be used as cache key.\r\n   */\r\n  public buildCacheKey(pageNumber: number, filter: F): string {\r\n    if (this._customCacheKeyBuilder) {\r\n      return this._customCacheKeyBuilder(pageNumber, filter);\r\n    }\r\n    return JSON.stringify({ pageNumber, ...filter });\r\n  }\r\n\r\n  /**\r\n   * Load the page with the given number.\r\n   * @param pageNumber the page number to load.\r\n   */\r\n  private loadPage(pageNumber: number): Observable<DataPage<E>> {\r\n    return this._service.loadPage(\r\n      pageNumber,\r\n      this._pageSize,\r\n      this._filter$.value\r\n    );\r\n  }\r\n\r\n  /**\r\n   * Set the page with the given number.\r\n   * @param pageNumber The page number to load.\r\n   * @param pageSize The page size.\r\n   * @returns Promise which resolves when the page is loaded.\r\n   */\r\n  public setPage(pageNumber: number, pageSize?: number): Promise<void> {\r\n    if (pageSize && pageSize !== this._pageSize) {\r\n      this._pageSize = pageSize;\r\n    }\r\n    return new Promise((resolve, reject) => {\r\n      // if page is in cache, return it\r\n      const key = this.buildCacheKey(pageNumber, this._filter$.value);\r\n      const cachedPage = this._cache.get(key);\r\n      if (cachedPage) {\r\n        this._page$.next(cachedPage);\r\n        resolve();\r\n        return;\r\n      }\r\n\r\n      // else load page\r\n      this.loadPage(pageNumber).subscribe({\r\n        next: (page) => {\r\n          this._page$.next(page);\r\n          this._cache.put(key, page, 0);\r\n          resolve();\r\n        },\r\n        error: reject,\r\n      });\r\n    });\r\n  }\r\n\r\n  /**\r\n   * Get the current page.\r\n   * @returns The current page.\r\n   */\r\n  public getPage(): DataPage<E> {\r\n    return this._page$.value;\r\n  }\r\n\r\n  /**\r\n   * Apply the given filter and load the first page.\r\n   * @param filter The filter to apply.\r\n   * @returns Promise which resolves when the page is loaded.\r\n   */\r\n  public setFilter(filter: F): Promise<void> {\r\n    return new Promise((resolve, reject) => {\r\n      this._filter$.next(filter);\r\n      this.setPage(1).then(resolve, reject);\r\n    });\r\n  }\r\n\r\n  /**\r\n   * Get the current filter.\r\n   * @returns The current filter.\r\n   */\r\n  public getFilter(): F {\r\n    return this._filter$.value;\r\n  }\r\n\r\n  /**\r\n   * Reset the filter and load the first page. The cache is cleared.\r\n   * @returns Promise which resolves when the page is loaded.\r\n   */\r\n  public reset(): Promise<void> {\r\n    this._cache.clear();\r\n    return this.setFilter({} as F);\r\n  }\r\n\r\n  /**\r\n   * Clear the store. The cache is cleared and the page is emptied.\r\n   */\r\n  public clear(): void {\r\n    this._cache.clear();\r\n    this._page$.next({\r\n      pageNumber: 0,\r\n      pageCount: 0,\r\n      pageSize: 0,\r\n      total: 0,\r\n      items: [],\r\n    });\r\n  }\r\n\r\n  /**\r\n   * Clear the cache.\r\n   */\r\n  public clearCache(): void {\r\n    this._cache.clear();\r\n  }\r\n\r\n  /**\r\n   * Check if the page with the given number and filter is in cache.\r\n   * @param pageNumber The page number.\r\n   * @param filter The filter.\r\n   * @returns True if the page is in cache, false otherwise.\r\n   */\r\n  public hasCachedPage(pageNumber: number, filter: F): boolean {\r\n    const key = this.buildCacheKey(pageNumber, filter);\r\n    return this._cache.has(key);\r\n  }\r\n}\r\n","import { BehaviorSubject, Observable, forkJoin, of, tap } from 'rxjs';\r\n\r\nimport { DataPage } from '@myrmidon/ngx-tools';\r\n\r\nimport { LRUCache } from './lru-cache';\r\nimport { DEFAULT_PAGED_LIST_STORE_OPTIONS } from './paged-list.store';\r\n\r\n/**\r\n * A tree node. Your data service should return a list of these nodes\r\n * or of any type extending this interface.\r\n */\r\nexport interface TreeNode {\r\n  id: number;\r\n  parentId?: number;\r\n  y: number;\r\n  x: number;\r\n  label: string;\r\n  tag?: string;\r\n  hasChildren?: boolean;\r\n}\r\n\r\n/**\r\n * A filter for tree nodes.\r\n */\r\nexport interface TreeNodeFilter {\r\n  tags?: string[];\r\n  parentId?: number;\r\n}\r\n\r\n/**\r\n * Paging information for a paged tree node.\r\n */\r\nexport interface PagingInfo {\r\n  pageNumber: number;\r\n  pageCount: number;\r\n  total: number;\r\n}\r\n\r\n/**\r\n * A tree node with paging information, used in NodeBrowserStore.\r\n */\r\nexport interface PagedTreeNode<F extends TreeNodeFilter> extends TreeNode {\r\n  paging: PagingInfo;\r\n  expanded?: boolean;\r\n  filter?: F;\r\n}\r\n\r\n/**\r\n * The interface to be implemented by the service used by NodeBrowserStore\r\n * to load nodes.\r\n */\r\nexport interface PagedTreeStoreService<F extends TreeNodeFilter> {\r\n  /**\r\n   * Get the specified page of nodes.\r\n   * @param filter The filter.\r\n   * @param pageNumber The page number.\r\n   * @param pageSize The page size.\r\n   * @param hasMockRoot If true, the root node is a mock node provided by your\r\n   * service, which implies that its Y value is 0 rather than 1. Default is\r\n   * false, meaning that your service will return a single root node with Y\r\n   * value 1.\r\n   */\r\n  getNodes(\r\n    filter: F,\r\n    pageNumber: number,\r\n    pageSize: number,\r\n    hasMockRoot?: boolean\r\n  ): Observable<DataPage<TreeNode>>;\r\n}\r\n\r\n/**\r\n * Options for the NodeBrowserStore.\r\n */\r\nexport interface PagedTreeStoreOptions {\r\n  /**\r\n   * The size of pages in the store.\r\n   */\r\n  pageSize: number;\r\n  /**\r\n   * The size of the cache for pages in the store.\r\n   */\r\n  cacheSize: number;\r\n  /**\r\n   * A custom function for building the cache key for the given page number\r\n   * and filter.\r\n   * @param pageNumber The page number.\r\n   * @param filter The filter.\r\n   * @returns A string to be used as cache key.\r\n   */\r\n  buildCacheKey?: (pageNumber: number, filter: any) => string;\r\n  /**\r\n   * If true, the root node is a mock node provided by your service, which\r\n   * implies that its Y value is 0 rather than 1. Default is false, meaning\r\n   * that there are many root-level nodes, all with parent ID = undefined.\r\n   */\r\n  hasMockRoot?: boolean;\r\n}\r\n\r\n/**\r\n * A store for the node browser component. This store is used to keep a\r\n * list of nodes, and to load them from the API. It also keeps the root\r\n * node. Every tree node in the list is extended with page number,\r\n * page count and total items, plus expansion-related metadata.\r\n * The store keeps a flat list of these tree nodes, allowing users to\r\n * expand and collapse them.\r\n * F is the type of the filter object, E is the type of the paged tree nodes.\r\n */\r\nexport class PagedTreeStore<\r\n  E extends PagedTreeNode<F>,\r\n  F extends TreeNodeFilter\r\n> {\r\n  private _nodes$: BehaviorSubject<E[]>;\r\n  private _filter$: BehaviorSubject<F>;\r\n  private readonly _customCacheKeyBuilder?: (\r\n    pageNumber: number,\r\n    filter: any\r\n  ) => string;\r\n  private readonly _cache: LRUCache<DataPage<TreeNode>>;\r\n  private readonly _hasMockRoot: boolean;\r\n\r\n  private _pageSize: number;\r\n  // dirty state: this is reset when the store is reset, and set to true\r\n  // when the store is changed\r\n  private _dirty?: boolean;\r\n\r\n  /**\r\n   * The flat list of paged nodes in this store.\r\n   */\r\n  public nodes$: Observable<Readonly<E[]>>;\r\n\r\n  /**\r\n   * The global filter for all the nodes.\r\n   */\r\n  public filter$: Observable<Readonly<F>>;\r\n\r\n  /**\r\n   * The size of nodes pages in this store. If you change it, the store\r\n   * is reset. The default value is 20.\r\n   */\r\n  public get pageSize(): number {\r\n    return this._pageSize;\r\n  }\r\n  public set pageSize(value: number) {\r\n    if (this._pageSize === value) {\r\n      return;\r\n    }\r\n    this._pageSize = value;\r\n    this.reset();\r\n  }\r\n\r\n  /**\r\n   * Create an instance of the store.\r\n   * @param _service The service used to load nodes.\r\n   * @param options The options to configure this store.\r\n   */\r\n  constructor(\r\n    private _service: PagedTreeStoreService<F>,\r\n    options: PagedTreeStoreOptions = DEFAULT_PAGED_LIST_STORE_OPTIONS\r\n  ) {\r\n    this._pageSize = options.pageSize;\r\n    this._cache = new LRUCache<DataPage<TreeNode>>(options.cacheSize);\r\n    this._customCacheKeyBuilder = options.buildCacheKey;\r\n    this._nodes$ = new BehaviorSubject<E[]>([]);\r\n    this.nodes$ = this._nodes$.asObservable();\r\n    this._filter$ = new BehaviorSubject<F>({} as F);\r\n    this.filter$ = this._filter$.asObservable();\r\n    this._dirty = true;\r\n    this._hasMockRoot = options.hasMockRoot || false;\r\n  }\r\n\r\n  /**\r\n   * Gets the global filter, eventually overridden with values\r\n   * from the specified node's filter.\r\n   * @param node The optional node.\r\n   * @returns The filter.\r\n   */\r\n  private getFilter(node?: PagedTreeNode<F>): F {\r\n    return node?.filter\r\n      ? {\r\n          ...this._filter$.value,\r\n          ...node.filter,\r\n        }\r\n      : this._filter$.value;\r\n  }\r\n\r\n  /**\r\n   * Checks if this store is empty.\r\n   * @returns True if this store is empty.\r\n   */\r\n  public isEmpty(): boolean {\r\n    return this._nodes$.value.length === 0;\r\n  }\r\n\r\n  /**\r\n   * Gets all the nodes in the store.\r\n   * @returns The nodes.\r\n   */\r\n  public getNodes(): Readonly<PagedTreeNode<F>[]> {\r\n    return this._nodes$.value;\r\n  }\r\n\r\n  /**\r\n   * Get the root node of the tree.\r\n   * @returns The root node of the tree or undefined if empty.\r\n   */\r\n  public getRootNode(): PagedTreeNode<F> | undefined {\r\n    return this._nodes$.value[0];\r\n  }\r\n\r\n  /**\r\n   * Build the cache key for the given page number and filter.\r\n   * The default implementation just returns a stringified object\r\n   * containing the page number and the filter. You may override\r\n   * this method to provide a custom cache key.\r\n   * @param pageNumber The page number.\r\n   * @param filter The filter.\r\n   * @returns A string to be used as cache key.\r\n   */\r\n  public buildCacheKey(pageNumber: number, filter: F): string {\r\n    if (this._customCacheKeyBuilder) {\r\n      return this._customCacheKeyBuilder(pageNumber, filter);\r\n    }\r\n    return JSON.stringify({ ...filter, pageNumber });\r\n  }\r\n\r\n  /**\r\n   * Get the specified page of nodes, either from cache or from the server.\r\n   * When the page is retrieved from the server, it is stored in cache.\r\n   * @param filter The filter to apply.\r\n   * @param pageNumber The page number to get.\r\n   * @returns Observable of the page of nodes.\r\n   */\r\n  private getPageFromCacheOrServer(\r\n    filter: F,\r\n    pageNumber: number\r\n  ): Observable<DataPage<TreeNode>> {\r\n    const key = this.buildCacheKey(pageNumber, filter);\r\n    const pageInCache = this._cache.get(key);\r\n\r\n    if (pageInCache) {\r\n      return of(pageInCache);\r\n    } else {\r\n      return this._service\r\n        .getNodes(filter, pageNumber, this._pageSize, this._hasMockRoot)\r\n        .pipe(\r\n          tap((page) => {\r\n            this._cache.put(key, page, 0);\r\n          })\r\n        );\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Create paged tree nodes from a page of tree nodes, by providing further\r\n   * metadata like page number, page count and total items.\r\n   * @param page The page to create nodes from.\r\n   * @returns Paged nodes.\r\n   */\r\n  private createPageNodes(page: DataPage<TreeNode>): E[] {\r\n    return page.items.map((n) => {\r\n      return {\r\n        ...n,\r\n        hasChildren: n.hasChildren,\r\n        paging: {\r\n          pageNumber: page.pageNumber,\r\n          pageCount: page.pageCount,\r\n          total: page.total,\r\n        },\r\n      } as E;\r\n    });\r\n  }\r\n\r\n  /**\r\n   * Sets the filter for this store. Whenever the filter is set,\r\n   * the store is reset.\r\n   * @param filter The filter.\r\n   * @returns true if tree was changed, false otherwise.\r\n   */\r\n  public setFilter(filter: F): Promise<boolean> {\r\n    if (this._filter$.value === filter) {\r\n      return Promise.resolve(false);\r\n    }\r\n    this._filter$.next(filter);\r\n    this._dirty = true;\r\n    return this.reset();\r\n  }\r\n\r\n  /**\r\n   * Reset the store, loading the root nodes and their children.\r\n   * @returns true if tree was changed, false otherwise.\r\n   */\r\n  public reset(): Promise<boolean> {\r\n    if (!this._dirty) {\r\n      return Promise.resolve(false);\r\n    }\r\n    this._cache.clear();\r\n    const filter = this._filter$.value;\r\n\r\n    return new Promise<boolean>((resolve, reject) => {\r\n      this._service\r\n        .getNodes(\r\n          {\r\n            ...filter,\r\n            parentId: undefined,\r\n          },\r\n          1,\r\n          this._pageSize,\r\n          this._hasMockRoot\r\n        )\r\n        .subscribe({\r\n          next: (page: DataPage<TreeNode>) => {\r\n            this._nodes$.next(this.createPageNodes(page));\r\n\r\n            // get the children of each node thus calculating their hasChildren property\r\n            const childrenObservables = this._nodes$.value.map((node) =>\r\n              this.getPageFromCacheOrServer({ ...filter, parentId: node.id }, 1)\r\n            );\r\n            forkJoin(childrenObservables).subscribe((childrenPages) => {\r\n              childrenPages.forEach((page, i) => {\r\n                this._nodes$.value[i].hasChildren = page.total > 0;\r\n              });\r\n            });\r\n\r\n            this._dirty = false;\r\n            resolve(true);\r\n          },\r\n          error: (error) => {\r\n            reject(error);\r\n          },\r\n        });\r\n    });\r\n  }\r\n\r\n  /**\r\n   * Set the node filter for the node with the specified ID.\r\n   * @param id The node ID.\r\n   * @param filter The filter to set.\r\n   * @returns Promise with true if filter was set, false otherwise.\r\n   */\r\n  public setNodeFilter(id: number, filter?: F | null): Promise<boolean> {\r\n    if (!id) {\r\n      return Promise.resolve(false);\r\n    }\r\n    return new Promise<boolean>((resolve, reject) => {\r\n      const node = this._nodes$.value.find((n) => n.id === id);\r\n      if (!node) {\r\n        reject(`Node ID ${id} not found in store`);\r\n      }\r\n      node!.filter = filter || undefined;\r\n      return this.changePage(id, 1);\r\n    });\r\n  }\r\n\r\n  /**\r\n   * Expand the node with the specified ID. If the node is not expandable,\r\n   * or it is already expanded, this method does nothing.\r\n   * @param node The ID of the node to expand.\r\n   * @returns Promise with true if the node was expanded, false otherwise.\r\n   */\r\n  public expand(id: number): Promise<boolean> {\r\n    return new Promise<boolean>((resolve, reject) => {\r\n      const node = this._nodes$.value.find((n) => n.id === id);\r\n      if (!node || node.hasChildren === false || node.expanded) {\r\n        resolve(false);\r\n      }\r\n\r\n      this.getPageFromCacheOrServer(\r\n        { ...this.getFilter(node), parentId: id },\r\n        1\r\n      ).subscribe((page) => {\r\n        // no children, set hasChildren to false\r\n        if (!page.total) {\r\n          node!.hasChildren = false;\r\n          resolve(false);\r\n        } else {\r\n          this._dirty = true;\r\n          // insert page nodes after the current node\r\n          const nodes = this._nodes$.value;\r\n          const index = nodes.indexOf(node!);\r\n          if (index === -1) {\r\n            reject(`Node ID ${id} not found in store`);\r\n          } else {\r\n            const pageNodes = this.createPageNodes(page);\r\n            nodes.splice(index + 1, 0, ...(pageNodes as E[]));\r\n            this._nodes$.next(nodes);\r\n            node!.hasChildren = true;\r\n            node!.expanded = true;\r\n            resolve(true);\r\n          }\r\n        }\r\n      });\r\n    });\r\n  }\r\n\r\n  /**\r\n   * Expand all the descendants of the node with the specified ID.\r\n   *\r\n   * @param id The ID of the node to expand, or undefined to expand the\r\n   * descendants of all the root level nodes.\r\n   * @returns Promise.\r\n   */\r\n  public expandAll(id?: number): Promise<boolean> {\r\n    if (id === undefined) {\r\n      // for each root level node call expandAll\r\n      const nodes = [...this._nodes$.value];\r\n      let i = 0;\r\n      while (i < nodes.length) {\r\n        if (nodes[i].parentId === undefined) {\r\n          this.expandAll(nodes[i].id);\r\n        }\r\n        i++;\r\n      }\r\n      return Promise.resolve(true);\r\n    }\r\n\r\n    // get the parent node to start from\r\n    const nodes = this._nodes$.value;\r\n    const nodeIndex = nodes.findIndex((n) => n.id === id);\r\n    if (nodeIndex === -1) {\r\n      return Promise.resolve(false);\r\n    }\r\n\r\n    // collect all the descendant nodes IDs\r\n    let i = nodeIndex + 1;\r\n    while (i < nodes.length && nodes[i].y > nodes[nodeIndex].y) {\r\n      i++;\r\n    }\r\n    const nodesToExpand = nodes.slice(nodeIndex, i).map((n) => n.id);\r\n\r\n    // expand all the descendant nodes\r\n    return new Promise<boolean>((resolve, reject) => {\r\n      nodesToExpand.forEach((id) => {\r\n        this.expand(id);\r\n        this.expandAll(id);\r\n      });\r\n      resolve(true);\r\n    });\r\n  }\r\n\r\n  public getChildren(id: number): E[] {\r\n    const node = this._nodes$.value.find((n) => n.id === id);\r\n    if (!node || node.hasChildren === false) {\r\n      return [];\r\n    }\r\n    const nodes = this._nodes$.value;\r\n    const index = nodes.indexOf(node);\r\n    if (index === -1) {\r\n      return [];\r\n    }\r\n    const children: E[] = [];\r\n    let i = index + 1;\r\n    while (i < nodes.length && nodes[i].y > node.y) {\r\n      children.push(nodes[i]);\r\n      i++;\r\n    }\r\n    return children;\r\n  }\r\n\r\n  private removeDescendants(\r\n    nodes: PagedTreeNode<F>[],\r\n    nodeIndex: number\r\n  ): void {\r\n    let i = nodeIndex + 1;\r\n    while (i < nodes.length && nodes[i].y > nodes[nodeIndex].y) {\r\n      i++;\r\n    }\r\n    nodes.splice(nodeIndex + 1, i - nodeIndex - 1);\r\n  }\r\n\r\n  /**\r\n   * Collapse the node with the specified ID. If the node is not expandable,\r\n   * or it is already collapsed, this method does nothing.\r\n   * @param node The node to collapse.\r\n   * @returns Promise with true if the node was collapsed, false otherwise.\r\n   */\r\n  public collapse(id: number): Promise<boolean> {\r\n    return new Promise<boolean>((resolve, reject) => {\r\n      const node = this._nodes$.value.find((n) => n.id === id);\r\n      if (!node || node.hasChildren === false || !node.expanded) {\r\n        resolve(false);\r\n      }\r\n\r\n      // remove all the descendant nodes after the current node\r\n      const nodes = this._nodes$.value;\r\n      const nodeIndex = nodes.indexOf(node!);\r\n      if (nodeIndex === -1) {\r\n        reject(`Node ID ${id} not found in store`);\r\n      } else {\r\n        this._dirty = true;\r\n        this.removeDescendants(nodes, nodeIndex);\r\n        node!.expanded = false;\r\n        // reset paging info\r\n        if (node?.paging) {\r\n          node.paging.pageNumber = 1;\r\n        }\r\n        this._nodes$.next(nodes);\r\n        resolve(true);\r\n      }\r\n    });\r\n  }\r\n\r\n  /**\r\n   * Collapse all the descendants of the node with the specified ID.\r\n   *\r\n   * @param id The ID of the node to collapse, or undefined to collapse the\r\n   * descendants of all the root level nodes.\r\n   * @returns Promise.\r\n   */\r\n  public collapseAll(id?: number): Promise<boolean> {\r\n    if (id === undefined) {\r\n      // for each expanded root level node\r\n      const nodes = [...this._nodes$.value.filter((n) => n.expanded)];\r\n      let i = 0;\r\n      while (i < nodes.length) {\r\n        if (nodes[i].parentId === undefined) {\r\n          this.collapseAll(nodes[i].id);\r\n        }\r\n        i++;\r\n      }\r\n      return Promise.resolve(true);\r\n    }\r\n\r\n    this.collapse(id);\r\n    return Promise.resolve(true);\r\n  }\r\n\r\n  /**\r\n   * Change the page including the node with the specified ID.\r\n   * @param parentId The ID of the parent node whose children are inside the page\r\n   * you want to change.\r\n   * @param pageNumber The new page number.\r\n   * @returns Promise with true if the page was changed, false otherwise.\r\n   */\r\n  public changePage(parentId: number, pageNumber: number): Promise<boolean> {\r\n    return new Promise<boolean>((resolve, reject) => {\r\n      // get the parent node\r\n      const parentNode = this._nodes$.value.find((n) => n.id === parentId);\r\n      if (!parentNode) {\r\n        resolve(false);\r\n      }\r\n\r\n      // get the page\r\n      this.getPageFromCacheOrServer(\r\n        { ...this.getFilter(parentNode), parentId },\r\n        pageNumber\r\n      ).subscribe((page) => {\r\n        // if page is empty do nothing\r\n        if (!page.total) {\r\n          resolve(false);\r\n        } else {\r\n          this._dirty = true;\r\n          // remove all the nodes in the same page of node\r\n          // with all their descendants\r\n          const nodes = this._nodes$.value;\r\n          const nodeIndex = nodes.indexOf(parentNode!) + 1;\r\n          const pageNodes = this.createPageNodes(page);\r\n\r\n          // find the first node of the node's page\r\n          let start = nodeIndex;\r\n          const oldPageNr = nodes[start].paging.pageNumber;\r\n          while (\r\n            start > 0 &&\r\n            nodes[start - 1].parentId === parentId &&\r\n            nodes[start - 1].paging.pageNumber === oldPageNr\r\n          ) {\r\n            start--;\r\n          }\r\n\r\n          // find the last node of the node's page,\r\n          // including all their descendants\r\n          let end = start;\r\n          const y = nodes[start].y;\r\n          while (end < nodes.length && nodes[end].y >= y) {\r\n            end++;\r\n          }\r\n          // replace all these nodes with the new ones\r\n          nodes.splice(start, end - start);\r\n          nodes.splice(start, 0, ...(pageNodes as E[]));\r\n\r\n          // update the parent node paging info\r\n          parentNode!.paging.pageNumber = page.pageNumber;\r\n          this._nodes$.next(nodes);\r\n          resolve(true);\r\n        }\r\n      });\r\n    });\r\n  }\r\n\r\n  /**\r\n   * Clear the store. The cache is cleared and the nodes are removed.\r\n   */\r\n  public clear(): void {\r\n    this._cache.clear();\r\n    this._nodes$.next([]);\r\n    this._dirty = true;\r\n  }\r\n\r\n  /**\r\n   * Clear the cache.\r\n   */\r\n  public clearCache(): void {\r\n    this._cache.clear();\r\n  }\r\n\r\n  /**\r\n   * Check if the page with the given number and filter is in cache.\r\n   * @param pageNumber The page number.\r\n   * @param filter The filter.\r\n   * @returns True if the page is in cache, false otherwise.\r\n   */\r\n  public hasCachedPage(pageNumber: number, filter: F): boolean {\r\n    const key = this.buildCacheKey(pageNumber, filter);\r\n    return this._cache.has(key);\r\n  }\r\n}\r\n","/*\n * Public API Surface of paged-data-browsers\n */\n\nexport * from './lib/components/compact-pager/compact-pager.component';\nexport * from './lib/components/range-view/range-view.component';\nexport * from './lib/components/browser-tree-node/browser-tree-node.component';\n\nexport * from './lib/services/paged-list.store';\nexport * from './lib/services/paged-tree.store';\nexport * from './lib/services/lru-cache';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1","i2","i3","i4"],"mappings":"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"}

package/lib/components/browser-tree-node/browser-tree-node.component.d.ts

@@ -1,4 +1,3 @@
-import { EventEmitter } from '@angular/core';
 import { PagedTreeNode, PagingInfo } from '../../services/paged-tree.store';
 import * as i0 from "@angular/core";
 /**
@@ -18,20 +17,18 @@ export interface PageChangeRequest {
  * <pdb-browser-tree-node>
  */
 export declare class BrowserTreeNodeComponent {
-    private _node;
     /**
      * The node to display.
      */
-    get node(): PagedTreeNode<any> | undefined | null;
-    set node(value: PagedTreeNode<any> | undefined | null);
+    readonly node: import("@angular/core").InputSignal<PagedTreeNode<any> | null | undefined>;
     /**
      * The paging information for the node's children.
      */
-    paging?: PagingInfo;
+    readonly paging: import("@angular/core").InputSignal<PagingInfo | undefined>;
     /**
      * True to show debug information.
      */
-    debug?: boolean;
+    readonly debug: import("@angular/core").InputSignal<boolean | undefined>;
     /**
      * True to hide the node's loc and label. This is useful if you want to
      * provide your own view for the node, between the expansion toggle and
@@ -41,36 +38,42 @@ export declare class BrowserTreeNodeComponent {
      * the view, then you can just add your own content to this component's
      * template, without setting this property to true.
      */
-    hideLabel?: boolean;
+    readonly hideLabel: import("@angular/core").InputSignal<boolean | undefined>;
     /**
      * True to hide the node's location (y and x).
      */
-    hideLoc?: boolean;
+    readonly hideLoc: import("@angular/core").InputSignal<boolean | undefined>;
     /**
      * True to hide the node's paging control unless hovered.
      */
-    hidePaging?: boolean;
+    readonly hidePaging: import("@angular/core").InputSignal<boolean | undefined>;
     /**
      * True to hide the node's filter edit button.
      */
-    hideFilter?: boolean;
+    readonly hideFilter: import("@angular/core").InputSignal<boolean | undefined>;
     /**
      * The indent size for the node's children.
      */
-    indentSize: number;
+    readonly indentSize: import("@angular/core").InputSignal<number>;
+    /**
+     * The width of the range view.
+     */
+    readonly rangeWidth: import("@angular/core").InputSignal<number>;
     /**
      * Emits when the user wants to toggle the expanded state of the node.
      */
-    toggleExpandedRequest: EventEmitter<PagedTreeNode<any>>;
+    readonly toggleExpandedRequest: import("@angular/core").OutputEmitterRef<PagedTreeNode<any>>;
     /**
      * Emits when the user wants to change the page number of the node's children.
      */
-    changePageRequest: EventEmitter<PageChangeRequest>;
-    editNodeFilterRequest: EventEmitter<PagedTreeNode<any>>;
-    constructor();
+    readonly changePageRequest: import("@angular/core").OutputEmitterRef<PageChangeRequest>;
+    /**
+     * Emits when the user wants to edit the node's filter.
+     */
+    readonly editNodeFilterRequest: import("@angular/core").OutputEmitterRef<PagedTreeNode<any>>;
     onToggleExpanded(): void;
     onPagingChange(node: PagedTreeNode<any>, paging: PagingInfo): void;
     onEditFilter(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BrowserTreeNodeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BrowserTreeNodeComponent, "pdb-browser-tree-node", never, { "node": { "alias": "node"; "required": false; }; "paging": { "alias": "paging"; "required": false; }; "debug": { "alias": "debug"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "hideLoc": { "alias": "hideLoc"; "required": false; }; "hidePaging": { "alias": "hidePaging"; "required": false; }; "hideFilter": { "alias": "hideFilter"; "required": false; }; "indentSize": { "alias": "indentSize"; "required": false; }; }, { "toggleExpandedRequest": "toggleExpandedRequest"; "changePageRequest": "changePageRequest"; "editNodeFilterRequest": "editNodeFilterRequest"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BrowserTreeNodeComponent, "pdb-browser-tree-node", never, { "node": { "alias": "node"; "required": false; "isSignal": true; }; "paging": { "alias": "paging"; "required": false; "isSignal": true; }; "debug": { "alias": "debug"; "required": false; "isSignal": true; }; "hideLabel": { "alias": "hideLabel"; "required": false; "isSignal": true; }; "hideLoc": { "alias": "hideLoc"; "required": false; "isSignal": true; }; "hidePaging": { "alias": "hidePaging"; "required": false; "isSignal": true; }; "hideFilter": { "alias": "hideFilter"; "required": false; "isSignal": true; }; "indentSize": { "alias": "indentSize"; "required": false; "isSignal": true; }; "rangeWidth": { "alias": "rangeWidth"; "required": false; "isSignal": true; }; }, { "toggleExpandedRequest": "toggleExpandedRequest"; "changePageRequest": "changePageRequest"; "editNodeFilterRequest": "editNodeFilterRequest"; }, never, ["*"], true, never>;
 }

package/lib/components/compact-pager/compact-pager.component.d.ts

@@ -1,14 +1,15 @@
-import { EventEmitter } from '@angular/core';
 import { PagingInfo } from '../../services/paged-tree.store';
 import * as i0 from "@angular/core";
 export declare class CompactPagerComponent {
-    paging: PagingInfo;
-    pagingChange: EventEmitter<PagingInfo>;
-    constructor();
+    paging: import("@angular/core").InputSignal<PagingInfo>;
+    /**
+     * Emits the new paging information when the user changes the page.
+     */
+    readonly pagingChange: import("@angular/core").OutputEmitterRef<PagingInfo>;
     onFirst(): void;
     onPrevious(): void;
     onNext(): void;
     onLast(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CompactPagerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CompactPagerComponent, "pdb-compact-pager", never, { "paging": { "alias": "paging"; "required": false; }; }, { "pagingChange": "pagingChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CompactPagerComponent, "pdb-compact-pager", never, { "paging": { "alias": "paging"; "required": false; "isSignal": true; }; }, { "pagingChange": "pagingChange"; }, never, never, true, never>;
 }

package/lib/components/range-view/range-view.component.d.ts

@@ -1,25 +1,23 @@
-import { OnChanges } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class RangeViewComponent implements OnChanges {
+export declare class RangeViewComponent {
     /**
      * The domain of the range view (start, limit).
      */
-    domain: Array<number>;
+    domain: import("@angular/core").InputSignal<number[]>;
     /**
      * The range of the range view (start, limit).
      */
-    range: Array<number>;
+    range: import("@angular/core").InputSignal<number[]>;
     /**
      * The width of the component.
      */
-    width: number;
+    width: import("@angular/core").InputSignal<number>;
     /**
      * The height of the component.
      */
-    height: number;
-    scaledRange: Array<number>;
+    height: import("@angular/core").InputSignal<number>;
+    scaledRange: import("@angular/core").Signal<number[]>;
     constructor();
-    ngOnChanges(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RangeViewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<RangeViewComponent, "pdb-range-view", never, { "domain": { "alias": "domain"; "required": false; }; "range": { "alias": "range"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RangeViewComponent, "pdb-range-view", never, { "domain": { "alias": "domain"; "required": false; "isSignal": true; }; "range": { "alias": "range"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/services/paged-list.store.d.ts

@@ -1,5 +1,5 @@
 import { Observable } from 'rxjs';
-import { DataPage } from '@myrmidon/ng-tools';
+import { DataPage } from '@myrmidon/ngx-tools';
 /**
  * Options for the paged list store.
  */

package/lib/services/paged-tree.store.d.ts

@@ -1,5 +1,5 @@
 import { Observable } from 'rxjs';
-import { DataPage } from '@myrmidon/ng-tools';
+import { DataPage } from '@myrmidon/ngx-tools';
 /**
  * A tree node. Your data service should return a list of these nodes
  * or of any type extending this interface.
@@ -76,7 +76,7 @@ export interface PagedTreeStoreOptions {
     /**
      * If true, the root node is a mock node provided by your service, which
      * implies that its Y value is 0 rather than 1. Default is false, meaning
-     * that your service will return a single root node with Y value 1.
+     * that there are many root-level nodes, all with parent ID = undefined.
      */
     hasMockRoot?: boolean;
 }
@@ -194,10 +194,11 @@ export declare class PagedTreeStore<E extends PagedTreeNode<F>, F extends TreeNo
     /**
      * Expand all the descendants of the node with the specified ID.
      *
-     * @param id The ID of the node to expand.
+     * @param id The ID of the node to expand, or undefined to expand the
+     * descendants of all the root level nodes.
      * @returns Promise.
      */
-    expandAll(id: number): Promise<boolean>;
+    expandAll(id?: number): Promise<boolean>;
     getChildren(id: number): E[];
     private removeDescendants;
     /**
@@ -207,6 +208,14 @@ export declare class PagedTreeStore<E extends PagedTreeNode<F>, F extends TreeNo
      * @returns Promise with true if the node was collapsed, false otherwise.
      */
     collapse(id: number): Promise<boolean>;
+    /**
+     * Collapse all the descendants of the node with the specified ID.
+     *
+     * @param id The ID of the node to collapse, or undefined to collapse the
+     * descendants of all the root level nodes.
+     * @returns Promise.
+     */
+    collapseAll(id?: number): Promise<boolean>;
     /**
      * Change the page including the node with the specified ID.
      * @param parentId The ID of the parent node whose children are inside the page
@@ -215,10 +224,6 @@ export declare class PagedTreeStore<E extends PagedTreeNode<F>, F extends TreeNo
      * @returns Promise with true if the page was changed, false otherwise.
      */
     changePage(parentId: number, pageNumber: number): Promise<boolean>;
-    /**
-     * Collapse all the nodes in the store.
-     */
-    collapseAll(): void;
     /**
      * Clear the store. The cache is cleared and the nodes are removed.
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@myrmidon/paged-data-browsers",
-  "version": "3.0.0",
+  "version": "4.0.1",
   "description": "Generic simple paged data browsers.",
   "keywords": [
     "data browsers"
@@ -18,7 +18,7 @@
     "@angular/core": "^19.0.0",
     "@angular/forms": "^19.0.0",
     "@angular/material": "^19.0.0",
-    "@myrmidon/ng-tools": "^4.0.0"
+    "@myrmidon/ngx-tools": "^0.0.1"
   },
   "dependencies": {
     "tslib": "^2.3.0"

package/public-api.d.ts

@@ -4,4 +4,3 @@ export * from './lib/components/browser-tree-node/browser-tree-node.component';
 export * from './lib/services/paged-list.store';
 export * from './lib/services/paged-tree.store';
 export * from './lib/services/lru-cache';
-export * from './lib/paged-data-browsers.module';

package/lib/paged-data-browsers.module.d.ts

@@ -1,23 +0,0 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./components/compact-pager/compact-pager.component";
-import * as i2 from "./components/range-view/range-view.component";
-import * as i3 from "./components/browser-tree-node/browser-tree-node.component";
-import * as i4 from "@angular/common";
-import * as i5 from "@angular/forms";
-import * as i6 from "@angular/material/badge";
-import * as i7 from "@angular/material/button";
-import * as i8 from "@angular/material/chips";
-import * as i9 from "@angular/material/dialog";
-import * as i10 from "@angular/material/form-field";
-import * as i11 from "@angular/material/icon";
-import * as i12 from "@angular/material/input";
-import * as i13 from "@angular/material/paginator";
-import * as i14 from "@angular/material/progress-bar";
-import * as i15 from "@angular/material/select";
-import * as i16 from "@angular/material/tooltip";
-import * as i17 from "@myrmidon/ng-tools";
-export declare class PagedDataBrowsersModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<PagedDataBrowsersModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<PagedDataBrowsersModule, [typeof i1.CompactPagerComponent, typeof i2.RangeViewComponent, typeof i3.BrowserTreeNodeComponent], [typeof i4.CommonModule, typeof i5.ReactiveFormsModule, typeof i6.MatBadgeModule, typeof i7.MatButtonModule, typeof i8.MatChipsModule, typeof i9.MatDialogModule, typeof i10.MatFormFieldModule, typeof i11.MatIconModule, typeof i12.MatInputModule, typeof i13.MatPaginatorModule, typeof i14.MatProgressBarModule, typeof i15.MatSelectModule, typeof i16.MatTooltipModule, typeof i17.NgToolsModule], [typeof i1.CompactPagerComponent, typeof i2.RangeViewComponent, typeof i3.BrowserTreeNodeComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<PagedDataBrowsersModule>;
-}