geonetwork-ui 2.6.0-dev.5b83cdcc5 → 2.6.0-dev.6681b0ab3

package/esm2022/libs/ui/layout/src/lib/expandable-panel/expandable-panel.component.mjs

@@ -1,33 +1,54 @@
-import { ChangeDetectionStrategy, Component, ElementRef, Input, ViewChild, } from '@angular/core';
+import { ChangeDetectionStrategy, Component, ContentChild, ElementRef, Input, TemplateRef, ViewChild, ChangeDetectorRef, } from '@angular/core';
 import { NgIcon, provideIcons } from '@ng-icons/core';
 import { CommonModule } from '@angular/common';
 import { matAdd, matRemove } from '@ng-icons/material-icons/baseline';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 export class ExpandablePanelComponent {
-    constructor() {
-        this.collapsed = true;
-        this.maxHeight = this.setMaxHeight();
+    constructor(changeDetector) {
+        this.changeDetector = changeDetector;
+        this.iconColor = '';
+        this._collapsed = true;
+    }
+    ngAfterViewInit() {
+        if (this.contentDiv) {
+            this.contentObserver = new ResizeObserver(() => {
+                this.changeDetector.detectChanges();
+            });
+            this.contentObserver.observe(this.contentDiv.nativeElement);
+        }
+    }
+    set collapsed(value) {
+        this._collapsed = value;
+    }
+    get collapsed() {
+        return this._collapsed;
     }
     toggle() {
         this.collapsed = !this.collapsed;
-        this.maxHeight = this.setMaxHeight();
     }
-    setMaxHeight() {
-        return `${this.collapsed ? '0' : this.contentDiv.nativeElement.scrollHeight}px`;
+    ngOnDestroy() {
+        if (this.contentObserver) {
+            this.contentObserver.disconnect();
+        }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ExpandablePanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ExpandablePanelComponent, isStandalone: true, selector: "gn-ui-expandable-panel", inputs: { title: "title", collapsed: "collapsed" }, viewQueries: [{ propertyName: "contentDiv", first: true, predicate: ["contentDiv"], descendants: true }], ngImport: i0, template: "<div\n  class=\"group flex align-middle title border-b border-gray-100 cursor-pointer pt-2.5\"\n  (click)=\"toggle()\"\n>\n  <div class=\"grow font-medium text-black text-sm\">\n    {{ title }}\n  </div>\n  <div\n    class=\"w-8 opacity-25 text-primary group-hover:opacity-100 transition-opacity\"\n  >\n    <ng-icon name=\"matAdd\" *ngIf=\"collapsed\"></ng-icon>\n    <ng-icon name=\"matRemove\" *ngIf=\"!collapsed\"></ng-icon>\n  </div>\n</div>\n<div\n  class=\"content overflow-hidden transition-[max-height] duration-300\"\n  [ngClass]=\"collapsed ? 'ease-out' : 'ease-in'\"\n  [style.maxHeight]=\"maxHeight\"\n  #contentDiv\n>\n  <ng-content></ng-content>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], viewProviders: [provideIcons({ matAdd, matRemove })], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ExpandablePanelComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ExpandablePanelComponent, isStandalone: true, selector: "gn-ui-expandable-panel", inputs: { title: "title", iconColor: "iconColor", collapsed: "collapsed" }, queries: [{ propertyName: "titleTemplate", first: true, predicate: ["titleTemplate"], descendants: true }], viewQueries: [{ propertyName: "contentDiv", first: true, predicate: ["contentDiv"], descendants: true }], ngImport: i0, template: "<div\n  class=\"group flex items-center justify-between title border-b border-gray-100 cursor-pointer\"\n  (click)=\"toggle()\"\n  data-cy=\"expandable-panel-header\"\n>\n  <div class=\"grow py-2.5\">\n    <ng-container *ngIf=\"titleTemplate; else simpleTitle\">\n      <div data-cy=\"expandable-panel-custom-title\">\n        <ng-container *ngTemplateOutlet=\"titleTemplate\"></ng-container>\n      </div>\n    </ng-container>\n    <ng-template #simpleTitle>\n      <div\n        class=\"font-medium text-black text-sm\"\n        data-cy=\"expandable-panel-title\"\n      >\n        {{ title }}\n      </div>\n    </ng-template>\n  </div>\n  <div\n    class=\"w-8 opacity-25 text-primary group-hover:opacity-100 transition-opacity flex items-center shrink-0\"\n  >\n    <ng-icon\n      [name]=\"collapsed ? 'matAdd' : 'matRemove'\"\n      [style.color]=\"iconColor\"\n    ></ng-icon>\n  </div>\n</div>\n<div\n  class=\"content overflow-hidden transition-all duration-300\"\n  [ngClass]=\"collapsed ? 'ease-out' : 'ease-in'\"\n  #contentDiv\n  *ngIf=\"!collapsed\"\n  data-cy=\"expandable-panel-content\"\n>\n  <ng-content></ng-content>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], viewProviders: [provideIcons({ matAdd, matRemove })], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ExpandablePanelComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-expandable-panel', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, NgIcon], viewProviders: [provideIcons({ matAdd, matRemove })], template: "<div\n  class=\"group flex align-middle title border-b border-gray-100 cursor-pointer pt-2.5\"\n  (click)=\"toggle()\"\n>\n  <div class=\"grow font-medium text-black text-sm\">\n    {{ title }}\n  </div>\n  <div\n    class=\"w-8 opacity-25 text-primary group-hover:opacity-100 transition-opacity\"\n  >\n    <ng-icon name=\"matAdd\" *ngIf=\"collapsed\"></ng-icon>\n    <ng-icon name=\"matRemove\" *ngIf=\"!collapsed\"></ng-icon>\n  </div>\n</div>\n<div\n  class=\"content overflow-hidden transition-[max-height] duration-300\"\n  [ngClass]=\"collapsed ? 'ease-out' : 'ease-in'\"\n  [style.maxHeight]=\"maxHeight\"\n  #contentDiv\n>\n  <ng-content></ng-content>\n</div>\n" }]
-        }], propDecorators: { title: [{
+            args: [{ selector: 'gn-ui-expandable-panel', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, NgIcon], viewProviders: [provideIcons({ matAdd, matRemove })], template: "<div\n  class=\"group flex items-center justify-between title border-b border-gray-100 cursor-pointer\"\n  (click)=\"toggle()\"\n  data-cy=\"expandable-panel-header\"\n>\n  <div class=\"grow py-2.5\">\n    <ng-container *ngIf=\"titleTemplate; else simpleTitle\">\n      <div data-cy=\"expandable-panel-custom-title\">\n        <ng-container *ngTemplateOutlet=\"titleTemplate\"></ng-container>\n      </div>\n    </ng-container>\n    <ng-template #simpleTitle>\n      <div\n        class=\"font-medium text-black text-sm\"\n        data-cy=\"expandable-panel-title\"\n      >\n        {{ title }}\n      </div>\n    </ng-template>\n  </div>\n  <div\n    class=\"w-8 opacity-25 text-primary group-hover:opacity-100 transition-opacity flex items-center shrink-0\"\n  >\n    <ng-icon\n      [name]=\"collapsed ? 'matAdd' : 'matRemove'\"\n      [style.color]=\"iconColor\"\n    ></ng-icon>\n  </div>\n</div>\n<div\n  class=\"content overflow-hidden transition-all duration-300\"\n  [ngClass]=\"collapsed ? 'ease-out' : 'ease-in'\"\n  #contentDiv\n  *ngIf=\"!collapsed\"\n  data-cy=\"expandable-panel-content\"\n>\n  <ng-content></ng-content>\n</div>\n" }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { title: [{
                 type: Input
-            }], collapsed: [{
+            }], iconColor: [{
                 type: Input
+            }], titleTemplate: [{
+                type: ContentChild,
+                args: ['titleTemplate']
             }], contentDiv: [{
                 type: ViewChild,
                 args: ['contentDiv']
+            }], collapsed: [{
+                type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhwYW5kYWJsZS1wYW5lbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpL2xheW91dC9zcmMvbGliL2V4cGFuZGFibGUtcGFuZWwvZXhwYW5kYWJsZS1wYW5lbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpL2xheW91dC9zcmMvbGliL2V4cGFuZGFibGUtcGFuZWwvZXhwYW5kYWJsZS1wYW5lbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxVQUFVLEVBQ1YsS0FBSyxFQUNMLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQTtBQUN0QixPQUFPLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxNQUFNLGdCQUFnQixDQUFBO0FBQ3JELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUM5QyxPQUFPLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxNQUFNLG1DQUFtQyxDQUFBOzs7QUFXckUsTUFBTSxPQUFPLHdCQUF3QjtJQVRyQztRQVdXLGNBQVMsR0FBRyxJQUFJLENBQUE7UUFFekIsY0FBUyxHQUFHLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQTtLQVloQztJQVZDLE1BQU07UUFDSixJQUFJLENBQUMsU0FBUyxHQUFHLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQTtRQUNoQyxJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQTtJQUN0QyxDQUFDO0lBRUQsWUFBWTtRQUNWLE9BQU8sR0FDTCxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLFlBQ3ZELElBQUksQ0FBQTtJQUNOLENBQUM7K0dBZlUsd0JBQXdCO21HQUF4Qix3QkFBd0IsZ1BDcEJyQyxncUJBc0JBLHlERExZLFlBQVksaU9BQUUsTUFBTSxrR0FDZixDQUFDLFlBQVksQ0FBQyxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsQ0FBQyxDQUFDOzs0RkFFekMsd0JBQXdCO2tCQVRwQyxTQUFTOytCQUNFLHdCQUF3QixtQkFHakIsdUJBQXVCLENBQUMsTUFBTSxjQUNuQyxJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsTUFBTSxDQUFDLGlCQUNoQixDQUFDLFlBQVksQ0FBQyxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsQ0FBQyxDQUFDOzhCQUczQyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDbUIsVUFBVTtzQkFBbEMsU0FBUzt1QkFBQyxZQUFZIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgRWxlbWVudFJlZixcbiAgSW5wdXQsXG4gIFZpZXdDaGlsZCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSdcbmltcG9ydCB7IE5nSWNvbiwgcHJvdmlkZUljb25zIH0gZnJvbSAnQG5nLWljb25zL2NvcmUnXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nXG5pbXBvcnQgeyBtYXRBZGQsIG1hdFJlbW92ZSB9IGZyb20gJ0BuZy1pY29ucy9tYXRlcmlhbC1pY29ucy9iYXNlbGluZSdcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ24tdWktZXhwYW5kYWJsZS1wYW5lbCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9leHBhbmRhYmxlLXBhbmVsLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZXhwYW5kYWJsZS1wYW5lbC5jb21wb25lbnQuY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBOZ0ljb25dLFxuICB2aWV3UHJvdmlkZXJzOiBbcHJvdmlkZUljb25zKHsgbWF0QWRkLCBtYXRSZW1vdmUgfSldLFxufSlcbmV4cG9ydCBjbGFzcyBFeHBhbmRhYmxlUGFuZWxDb21wb25lbnQge1xuICBASW5wdXQoKSB0aXRsZTogc3RyaW5nXG4gIEBJbnB1dCgpIGNvbGxhcHNlZCA9IHRydWVcbiAgQFZpZXdDaGlsZCgnY29udGVudERpdicpIGNvbnRlbnREaXY6IEVsZW1lbnRSZWZcbiAgbWF4SGVpZ2h0ID0gdGhpcy5zZXRNYXhIZWlnaHQoKVxuXG4gIHRvZ2dsZSgpOiB2b2lkIHtcbiAgICB0aGlzLmNvbGxhcHNlZCA9ICF0aGlzLmNvbGxhcHNlZFxuICAgIHRoaXMubWF4SGVpZ2h0ID0gdGhpcy5zZXRNYXhIZWlnaHQoKVxuICB9XG5cbiAgc2V0TWF4SGVpZ2h0KCkge1xuICAgIHJldHVybiBgJHtcbiAgICAgIHRoaXMuY29sbGFwc2VkID8gJzAnIDogdGhpcy5jb250ZW50RGl2Lm5hdGl2ZUVsZW1lbnQuc2Nyb2xsSGVpZ2h0XG4gICAgfXB4YFxuICB9XG59XG4iLCI8ZGl2XG4gIGNsYXNzPVwiZ3JvdXAgZmxleCBhbGlnbi1taWRkbGUgdGl0bGUgYm9yZGVyLWIgYm9yZGVyLWdyYXktMTAwIGN1cnNvci1wb2ludGVyIHB0LTIuNVwiXG4gIChjbGljayk9XCJ0b2dnbGUoKVwiXG4+XG4gIDxkaXYgY2xhc3M9XCJncm93IGZvbnQtbWVkaXVtIHRleHQtYmxhY2sgdGV4dC1zbVwiPlxuICAgIHt7IHRpdGxlIH19XG4gIDwvZGl2PlxuICA8ZGl2XG4gICAgY2xhc3M9XCJ3LTggb3BhY2l0eS0yNSB0ZXh0LXByaW1hcnkgZ3JvdXAtaG92ZXI6b3BhY2l0eS0xMDAgdHJhbnNpdGlvbi1vcGFjaXR5XCJcbiAgPlxuICAgIDxuZy1pY29uIG5hbWU9XCJtYXRBZGRcIiAqbmdJZj1cImNvbGxhcHNlZFwiPjwvbmctaWNvbj5cbiAgICA8bmctaWNvbiBuYW1lPVwibWF0UmVtb3ZlXCIgKm5nSWY9XCIhY29sbGFwc2VkXCI+PC9uZy1pY29uPlxuICA8L2Rpdj5cbjwvZGl2PlxuPGRpdlxuICBjbGFzcz1cImNvbnRlbnQgb3ZlcmZsb3ctaGlkZGVuIHRyYW5zaXRpb24tW21heC1oZWlnaHRdIGR1cmF0aW9uLTMwMFwiXG4gIFtuZ0NsYXNzXT1cImNvbGxhcHNlZCA/ICdlYXNlLW91dCcgOiAnZWFzZS1pbidcIlxuICBbc3R5bGUubWF4SGVpZ2h0XT1cIm1heEhlaWdodFwiXG4gICNjb250ZW50RGl2XG4+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvZGl2PlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhwYW5kYWJsZS1wYW5lbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpL2xheW91dC9zcmMvbGliL2V4cGFuZGFibGUtcGFuZWwvZXhwYW5kYWJsZS1wYW5lbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpL2xheW91dC9zcmMvbGliL2V4cGFuZGFibGUtcGFuZWwvZXhwYW5kYWJsZS1wYW5lbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxZQUFZLEVBQ1osVUFBVSxFQUNWLEtBQUssRUFDTCxXQUFXLEVBQ1gsU0FBUyxFQUVULGlCQUFpQixHQUVsQixNQUFNLGVBQWUsQ0FBQTtBQUN0QixPQUFPLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxNQUFNLGdCQUFnQixDQUFBO0FBQ3JELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUM5QyxPQUFPLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxNQUFNLG1DQUFtQyxDQUFBOzs7QUFXckUsTUFBTSxPQUFPLHdCQUF3QjtJQVNuQyxZQUE2QixjQUFpQztRQUFqQyxtQkFBYyxHQUFkLGNBQWMsQ0FBbUI7UUFQckQsY0FBUyxHQUFJLEVBQUUsQ0FBQTtRQUloQixlQUFVLEdBQUcsSUFBSSxDQUFBO0lBR3dDLENBQUM7SUFFbEUsZUFBZTtRQUNiLElBQUksSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO1lBQ3BCLElBQUksQ0FBQyxlQUFlLEdBQUcsSUFBSSxjQUFjLENBQUMsR0FBRyxFQUFFO2dCQUM3QyxJQUFJLENBQUMsY0FBYyxDQUFDLGFBQWEsRUFBRSxDQUFBO1lBQ3JDLENBQUMsQ0FBQyxDQUFBO1lBQ0YsSUFBSSxDQUFDLGVBQWUsQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsQ0FBQTtRQUM3RCxDQUFDO0lBQ0gsQ0FBQztJQUVELElBQWEsU0FBUyxDQUFDLEtBQWM7UUFDbkMsSUFBSSxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUE7SUFDekIsQ0FBQztJQUVELElBQUksU0FBUztRQUNYLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQTtJQUN4QixDQUFDO0lBRUQsTUFBTTtRQUNKLElBQUksQ0FBQyxTQUFTLEdBQUcsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFBO0lBQ2xDLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxJQUFJLENBQUMsZUFBZSxFQUFFLENBQUM7WUFDekIsSUFBSSxDQUFDLGVBQWUsQ0FBQyxVQUFVLEVBQUUsQ0FBQTtRQUNuQyxDQUFDO0lBQ0gsQ0FBQzsrR0FwQ1Usd0JBQXdCO21HQUF4Qix3QkFBd0Isb1hDekJyQyw0bkNBc0NBLHlERGhCWSxZQUFZLHdZQUFFLE1BQU0sa0dBQ2YsQ0FBQyxZQUFZLENBQUMsRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLENBQUMsQ0FBQzs7NEZBRXpDLHdCQUF3QjtrQkFUcEMsU0FBUzsrQkFDRSx3QkFBd0IsbUJBR2pCLHVCQUF1QixDQUFDLE1BQU0sY0FDbkMsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLE1BQU0sQ0FBQyxpQkFDaEIsQ0FBQyxZQUFZLENBQUMsRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLENBQUMsQ0FBQztzRkFHM0MsS0FBSztzQkFBYixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ3lCLGFBQWE7c0JBQTNDLFlBQVk7dUJBQUMsZUFBZTtnQkFDSixVQUFVO3NCQUFsQyxTQUFTO3VCQUFDLFlBQVk7Z0JBZ0JWLFNBQVM7c0JBQXJCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBDb250ZW50Q2hpbGQsXG4gIEVsZW1lbnRSZWYsXG4gIElucHV0LFxuICBUZW1wbGF0ZVJlZixcbiAgVmlld0NoaWxkLFxuICBPbkRlc3Ryb3ksXG4gIENoYW5nZURldGVjdG9yUmVmLFxuICBBZnRlclZpZXdJbml0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJ1xuaW1wb3J0IHsgTmdJY29uLCBwcm92aWRlSWNvbnMgfSBmcm9tICdAbmctaWNvbnMvY29yZSdcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbidcbmltcG9ydCB7IG1hdEFkZCwgbWF0UmVtb3ZlIH0gZnJvbSAnQG5nLWljb25zL21hdGVyaWFsLWljb25zL2Jhc2VsaW5lJ1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdnbi11aS1leHBhbmRhYmxlLXBhbmVsJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2V4cGFuZGFibGUtcGFuZWwuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9leHBhbmRhYmxlLXBhbmVsLmNvbXBvbmVudC5jc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIE5nSWNvbl0sXG4gIHZpZXdQcm92aWRlcnM6IFtwcm92aWRlSWNvbnMoeyBtYXRBZGQsIG1hdFJlbW92ZSB9KV0sXG59KVxuZXhwb3J0IGNsYXNzIEV4cGFuZGFibGVQYW5lbENvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQsIE9uRGVzdHJveSB7XG4gIEBJbnB1dCgpIHRpdGxlPzogc3RyaW5nXG4gIEBJbnB1dCgpIGljb25Db2xvcj8gPSAnJ1xuICBAQ29udGVudENoaWxkKCd0aXRsZVRlbXBsYXRlJykgdGl0bGVUZW1wbGF0ZT86IFRlbXBsYXRlUmVmPEhUTUxFbGVtZW50PlxuICBAVmlld0NoaWxkKCdjb250ZW50RGl2JykgY29udGVudERpdj86IEVsZW1lbnRSZWZcblxuICBwcml2YXRlIF9jb2xsYXBzZWQgPSB0cnVlXG4gIHByaXZhdGUgY29udGVudE9ic2VydmVyPzogUmVzaXplT2JzZXJ2ZXJcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJlYWRvbmx5IGNoYW5nZURldGVjdG9yOiBDaGFuZ2VEZXRlY3RvclJlZikge31cblxuICBuZ0FmdGVyVmlld0luaXQoKSB7XG4gICAgaWYgKHRoaXMuY29udGVudERpdikge1xuICAgICAgdGhpcy5jb250ZW50T2JzZXJ2ZXIgPSBuZXcgUmVzaXplT2JzZXJ2ZXIoKCkgPT4ge1xuICAgICAgICB0aGlzLmNoYW5nZURldGVjdG9yLmRldGVjdENoYW5nZXMoKVxuICAgICAgfSlcbiAgICAgIHRoaXMuY29udGVudE9ic2VydmVyLm9ic2VydmUodGhpcy5jb250ZW50RGl2Lm5hdGl2ZUVsZW1lbnQpXG4gICAgfVxuICB9XG5cbiAgQElucHV0KCkgc2V0IGNvbGxhcHNlZCh2YWx1ZTogYm9vbGVhbikge1xuICAgIHRoaXMuX2NvbGxhcHNlZCA9IHZhbHVlXG4gIH1cblxuICBnZXQgY29sbGFwc2VkKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLl9jb2xsYXBzZWRcbiAgfVxuXG4gIHRvZ2dsZSgpOiB2b2lkIHtcbiAgICB0aGlzLmNvbGxhcHNlZCA9ICF0aGlzLmNvbGxhcHNlZFxuICB9XG5cbiAgbmdPbkRlc3Ryb3koKSB7XG4gICAgaWYgKHRoaXMuY29udGVudE9ic2VydmVyKSB7XG4gICAgICB0aGlzLmNvbnRlbnRPYnNlcnZlci5kaXNjb25uZWN0KClcbiAgICB9XG4gIH1cbn1cbiIsIjxkaXZcbiAgY2xhc3M9XCJncm91cCBmbGV4IGl0ZW1zLWNlbnRlciBqdXN0aWZ5LWJldHdlZW4gdGl0bGUgYm9yZGVyLWIgYm9yZGVyLWdyYXktMTAwIGN1cnNvci1wb2ludGVyXCJcbiAgKGNsaWNrKT1cInRvZ2dsZSgpXCJcbiAgZGF0YS1jeT1cImV4cGFuZGFibGUtcGFuZWwtaGVhZGVyXCJcbj5cbiAgPGRpdiBjbGFzcz1cImdyb3cgcHktMi41XCI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInRpdGxlVGVtcGxhdGU7IGVsc2Ugc2ltcGxlVGl0bGVcIj5cbiAgICAgIDxkaXYgZGF0YS1jeT1cImV4cGFuZGFibGUtcGFuZWwtY3VzdG9tLXRpdGxlXCI+XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ0aXRsZVRlbXBsYXRlXCI+PC9uZy1jb250YWluZXI+XG4gICAgICA8L2Rpdj5cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8bmctdGVtcGxhdGUgI3NpbXBsZVRpdGxlPlxuICAgICAgPGRpdlxuICAgICAgICBjbGFzcz1cImZvbnQtbWVkaXVtIHRleHQtYmxhY2sgdGV4dC1zbVwiXG4gICAgICAgIGRhdGEtY3k9XCJleHBhbmRhYmxlLXBhbmVsLXRpdGxlXCJcbiAgICAgID5cbiAgICAgICAge3sgdGl0bGUgfX1cbiAgICAgIDwvZGl2PlxuICAgIDwvbmctdGVtcGxhdGU+XG4gIDwvZGl2PlxuICA8ZGl2XG4gICAgY2xhc3M9XCJ3LTggb3BhY2l0eS0yNSB0ZXh0LXByaW1hcnkgZ3JvdXAtaG92ZXI6b3BhY2l0eS0xMDAgdHJhbnNpdGlvbi1vcGFjaXR5IGZsZXggaXRlbXMtY2VudGVyIHNocmluay0wXCJcbiAgPlxuICAgIDxuZy1pY29uXG4gICAgICBbbmFtZV09XCJjb2xsYXBzZWQgPyAnbWF0QWRkJyA6ICdtYXRSZW1vdmUnXCJcbiAgICAgIFtzdHlsZS5jb2xvcl09XCJpY29uQ29sb3JcIlxuICAgID48L25nLWljb24+XG4gIDwvZGl2PlxuPC9kaXY+XG48ZGl2XG4gIGNsYXNzPVwiY29udGVudCBvdmVyZmxvdy1oaWRkZW4gdHJhbnNpdGlvbi1hbGwgZHVyYXRpb24tMzAwXCJcbiAgW25nQ2xhc3NdPVwiY29sbGFwc2VkID8gJ2Vhc2Utb3V0JyA6ICdlYXNlLWluJ1wiXG4gICNjb250ZW50RGl2XG4gICpuZ0lmPVwiIWNvbGxhcHNlZFwiXG4gIGRhdGEtY3k9XCJleHBhbmRhYmxlLXBhbmVsLWNvbnRlbnRcIlxuPlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbiJdfQ==

package/esm2022/libs/ui/layout/src/lib/truncated-text/truncated-text.component.mjs

@@ -1,30 +1,79 @@
-import { ChangeDetectorRef, Component, ElementRef, Input, ViewChild, } from '@angular/core';
+import { ChangeDetectorRef, Component, ElementRef, Input, ViewChild, NgZone, } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { provideIcons } from '@ng-icons/core';
+import { provideIcons, NgIconComponent } from '@ng-icons/core';
 import { iconoirExpand, iconoirReduce } from '@ng-icons/iconoir';
 import { TranslateModule } from '@ngx-translate/core';
 import { MatButtonModule } from '@angular/material/button';
-import { OverlayModule } from '@angular/cdk/overlay';
+import { OverlayModule, ViewportRuler, } from '@angular/cdk/overlay';
 import { ButtonComponent } from '../../../../../../libs/ui/inputs/src';
-import { NgIconComponent } from '@ng-icons/core';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "@angular/cdk/overlay";
+import * as i1 from "@angular/cdk/overlay";
+import * as i2 from "@angular/common";
 export class TruncatedTextComponent {
-    constructor(cd) {
+    constructor(cd, ngZone, viewportRuler) {
         this.cd = cd;
+        this.ngZone = ngZone;
+        this.viewportRuler = viewportRuler;
         this.text = '';
+        this.extraClass = '';
         this.isTextTruncated = false;
         this.isOpen = false;
+        this.overlayPosition = {
+            originX: 'end',
+            originY: 'top',
+            overlayX: 'end',
+            overlayY: 'top',
+        };
+        this.resizeObserver = new ResizeObserver(() => {
+            this.ngZone.run(() => this.checkTextTruncation());
+        });
+        this.mutationObserver = new MutationObserver(() => {
+            this.ngZone.run(() => {
+                this.checkTextTruncation();
+                this.close();
+            });
+        });
+        this.viewportSubscription = this.viewportRuler.change().subscribe(() => {
+            if (this.isOpen) {
+                this.updateOverlayPosition();
+            }
+        });
     }
     ngAfterViewInit() {
+        const element = this.textElement.nativeElement;
+        this.resizeObserver?.observe(element);
+        this.mutationObserver?.observe(element.parentElement, {
+            attributes: true,
+            childList: true,
+            subtree: true,
+        });
         this.checkTextTruncation();
     }
-    ngOnChange() {
-        this.checkTextTruncation();
+    ngOnDestroy() {
+        this.resizeObserver?.disconnect();
+        this.mutationObserver?.disconnect();
+        this.viewportSubscription?.unsubscribe();
+        this.close();
     }
     toggleOverlay() {
         this.isOpen = !this.isOpen;
+        if (this.isOpen) {
+            this.updateOverlayPosition();
+        }
+    }
+    updateOverlayPosition() {
+        const element = this.textElement.nativeElement;
+        const rect = element.getBoundingClientRect();
+        const viewportWidth = this.viewportRuler.getViewportSize().width;
+        const isMobile = viewportWidth < 640;
+        const overlayWidth = isMobile ? 190 : 320;
+        const isNearLeftEdge = rect.left < overlayWidth;
+        this.overlayPosition = {
+            originX: isNearLeftEdge ? 'start' : 'end',
+            originY: 'top',
+            overlayX: isNearLeftEdge ? 'start' : 'end',
+            overlayY: 'top',
+        };
     }
     close() {
         this.isOpen = false;
@@ -34,8 +83,8 @@ export class TruncatedTextComponent {
         this.isTextTruncated = element.scrollWidth > element.clientWidth;
         this.cd.detectChanges();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TruncatedTextComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TruncatedTextComponent, isStandalone: true, selector: "gn-ui-truncated-text", inputs: { text: "text" }, providers: [provideIcons({ iconoirExpand, iconoirReduce })], viewQueries: [{ propertyName: "textElement", first: true, predicate: ["textElement"], descendants: true }], ngImport: i0, template: "<div\n  class=\"flex items-center justify-between w-full gap-2\"\n  cdkOverlayOrigin\n  #trigger=\"cdkOverlayOrigin\"\n>\n  <span #textElement class=\"truncate\">\n    {{ text }}\n  </span>\n  <gn-ui-button\n    *ngIf=\"isTextTruncated\"\n    type=\"outline\"\n    extraClass=\"w-10 h-8 border rounded-lg\"\n    (buttonClick)=\"toggleOverlay()\"\n  >\n    <ng-icon name=\"iconoirExpand\" size=\"24\"> </ng-icon>\n  </gn-ui-button>\n\n  <ng-template\n    cdkConnectedOverlay\n    [cdkConnectedOverlayOrigin]=\"trigger\"\n    [cdkConnectedOverlayOpen]=\"isOpen\"\n    [cdkConnectedOverlayPositions]=\"[\n      {\n        originX: 'end',\n        originY: 'top',\n        overlayX: 'end',\n        overlayY: 'top',\n      },\n    ]\"\n    (detach)=\"isOpen = false\"\n  >\n    <div class=\"bg-white shadow-lg border border-gray-300 flex\">\n      <div class=\"w-64\">\n        <p class=\"m-2\">{{ text }}</p>\n      </div>\n      <gn-ui-button\n        class=\"m-2 flex-shrink-0\"\n        type=\"light\"\n        (buttonClick)=\"close()\"\n        extraClass=\"w-10 h-8 px-1 bg-white\"\n      >\n        <ng-icon name=\"iconoirReduce\" size=\"24\"> </ng-icon>\n      </gn-ui-button>\n    </div>\n  </ng-template>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i2.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i2.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TruncatedTextComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i1.ViewportRuler }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TruncatedTextComponent, isStandalone: true, selector: "gn-ui-truncated-text", inputs: { text: "text", extraClass: "extraClass" }, providers: [provideIcons({ iconoirExpand, iconoirReduce })], viewQueries: [{ propertyName: "textElement", first: true, predicate: ["textElement"], descendants: true }], ngImport: i0, template: "<div\n  class=\"flex items-center justify-between w-full gap-2\"\n  cdkOverlayOrigin\n  [class]=\"extraClass\"\n  #trigger=\"cdkOverlayOrigin\"\n>\n  <span #textElement class=\"truncate\">\n    {{ text }}\n  </span>\n  <gn-ui-button\n    *ngIf=\"isTextTruncated\"\n    type=\"outline\"\n    extraClass=\"w-10 h-8 border rounded-lg\"\n    (buttonClick)=\"toggleOverlay()\"\n  >\n    <ng-icon name=\"iconoirExpand\" size=\"24\"> </ng-icon>\n  </gn-ui-button>\n\n  <ng-template\n    cdkConnectedOverlay\n    [cdkConnectedOverlayOrigin]=\"trigger\"\n    [cdkConnectedOverlayOpen]=\"isOpen\"\n    [cdkConnectedOverlayPositions]=\"[overlayPosition]\"\n    cdkConnectedOverlayPush\n    [cdkConnectedOverlayWidth]=\"'auto'\"\n    [cdkConnectedOverlayFlexibleDimensions]=\"true\"\n    [cdkConnectedOverlayGrowAfterOpen]=\"true\"\n    (detach)=\"close()\"\n  >\n    <div class=\"bg-white shadow-lg border border-gray-300 flex\">\n      <div class=\"sm:w-64 xs:w-32\">\n        <p class=\"m-2\">{{ text }}</p>\n      </div>\n      <gn-ui-button\n        class=\"m-2 flex-shrink-0\"\n        type=\"light\"\n        (buttonClick)=\"close()\"\n        extraClass=\"w-10 h-8 px-1 bg-white\"\n      >\n        <ng-icon name=\"iconoirReduce\" size=\"24\"> </ng-icon>\n      </gn-ui-button>\n    </div>\n  </ng-template>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i1.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i1.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TruncatedTextComponent, decorators: [{
             type: Component,
@@ -46,11 +95,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         OverlayModule,
                         ButtonComponent,
                         NgIconComponent,
-                    ], providers: [provideIcons({ iconoirExpand, iconoirReduce })], template: "<div\n  class=\"flex items-center justify-between w-full gap-2\"\n  cdkOverlayOrigin\n  #trigger=\"cdkOverlayOrigin\"\n>\n  <span #textElement class=\"truncate\">\n    {{ text }}\n  </span>\n  <gn-ui-button\n    *ngIf=\"isTextTruncated\"\n    type=\"outline\"\n    extraClass=\"w-10 h-8 border rounded-lg\"\n    (buttonClick)=\"toggleOverlay()\"\n  >\n    <ng-icon name=\"iconoirExpand\" size=\"24\"> </ng-icon>\n  </gn-ui-button>\n\n  <ng-template\n    cdkConnectedOverlay\n    [cdkConnectedOverlayOrigin]=\"trigger\"\n    [cdkConnectedOverlayOpen]=\"isOpen\"\n    [cdkConnectedOverlayPositions]=\"[\n      {\n        originX: 'end',\n        originY: 'top',\n        overlayX: 'end',\n        overlayY: 'top',\n      },\n    ]\"\n    (detach)=\"isOpen = false\"\n  >\n    <div class=\"bg-white shadow-lg border border-gray-300 flex\">\n      <div class=\"w-64\">\n        <p class=\"m-2\">{{ text }}</p>\n      </div>\n      <gn-ui-button\n        class=\"m-2 flex-shrink-0\"\n        type=\"light\"\n        (buttonClick)=\"close()\"\n        extraClass=\"w-10 h-8 px-1 bg-white\"\n      >\n        <ng-icon name=\"iconoirReduce\" size=\"24\"> </ng-icon>\n      </gn-ui-button>\n    </div>\n  </ng-template>\n</div>\n" }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { text: [{
+                    ], providers: [provideIcons({ iconoirExpand, iconoirReduce })], template: "<div\n  class=\"flex items-center justify-between w-full gap-2\"\n  cdkOverlayOrigin\n  [class]=\"extraClass\"\n  #trigger=\"cdkOverlayOrigin\"\n>\n  <span #textElement class=\"truncate\">\n    {{ text }}\n  </span>\n  <gn-ui-button\n    *ngIf=\"isTextTruncated\"\n    type=\"outline\"\n    extraClass=\"w-10 h-8 border rounded-lg\"\n    (buttonClick)=\"toggleOverlay()\"\n  >\n    <ng-icon name=\"iconoirExpand\" size=\"24\"> </ng-icon>\n  </gn-ui-button>\n\n  <ng-template\n    cdkConnectedOverlay\n    [cdkConnectedOverlayOrigin]=\"trigger\"\n    [cdkConnectedOverlayOpen]=\"isOpen\"\n    [cdkConnectedOverlayPositions]=\"[overlayPosition]\"\n    cdkConnectedOverlayPush\n    [cdkConnectedOverlayWidth]=\"'auto'\"\n    [cdkConnectedOverlayFlexibleDimensions]=\"true\"\n    [cdkConnectedOverlayGrowAfterOpen]=\"true\"\n    (detach)=\"close()\"\n  >\n    <div class=\"bg-white shadow-lg border border-gray-300 flex\">\n      <div class=\"sm:w-64 xs:w-32\">\n        <p class=\"m-2\">{{ text }}</p>\n      </div>\n      <gn-ui-button\n        class=\"m-2 flex-shrink-0\"\n        type=\"light\"\n        (buttonClick)=\"close()\"\n        extraClass=\"w-10 h-8 px-1 bg-white\"\n      >\n        <ng-icon name=\"iconoirReduce\" size=\"24\"> </ng-icon>\n      </gn-ui-button>\n    </div>\n  </ng-template>\n</div>\n" }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: i1.ViewportRuler }], propDecorators: { text: [{
+                type: Input
+            }], extraClass: [{
                 type: Input
             }], textElement: [{
                 type: ViewChild,
                 args: ['textElement']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJ1bmNhdGVkLXRleHQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy91aS9sYXlvdXQvc3JjL2xpYi90cnVuY2F0ZWQtdGV4dC90cnVuY2F0ZWQtdGV4dC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpL2xheW91dC9zcmMvbGliL3RydW5jYXRlZC10ZXh0L3RydW5jYXRlZC10ZXh0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFTCxpQkFBaUIsRUFDakIsU0FBUyxFQUNULFVBQVUsRUFDVixLQUFLLEVBQ0wsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFBO0FBQ3RCLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUM5QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sZ0JBQWdCLENBQUE7QUFDN0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxhQUFhLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDckQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDBCQUEwQixDQUFBO0FBQzFELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQUNwRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sc0NBQXNDLENBQUE7QUFDdEUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGdCQUFnQixDQUFBOzs7O0FBaUJoRCxNQUFNLE9BQU8sc0JBQXNCO0lBTWpDLFlBQW9CLEVBQXFCO1FBQXJCLE9BQUUsR0FBRixFQUFFLENBQW1CO1FBTGhDLFNBQUksR0FBRyxFQUFFLENBQUE7UUFFbEIsb0JBQWUsR0FBRyxLQUFLLENBQUE7UUFDdkIsV0FBTSxHQUFHLEtBQUssQ0FBQTtJQUU4QixDQUFDO0lBRTdDLGVBQWU7UUFDYixJQUFJLENBQUMsbUJBQW1CLEVBQUUsQ0FBQTtJQUM1QixDQUFDO0lBRUQsVUFBVTtRQUNSLElBQUksQ0FBQyxtQkFBbUIsRUFBRSxDQUFBO0lBQzVCLENBQUM7SUFFRCxhQUFhO1FBQ1gsSUFBSSxDQUFDLE1BQU0sR0FBRyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUE7SUFDNUIsQ0FBQztJQUVELEtBQUs7UUFDSCxJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQTtJQUNyQixDQUFDO0lBRU8sbUJBQW1CO1FBQ3pCLE1BQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUMsYUFBYSxDQUFBO1FBQzlDLElBQUksQ0FBQyxlQUFlLEdBQUcsT0FBTyxDQUFDLFdBQVcsR0FBRyxPQUFPLENBQUMsV0FBVyxDQUFBO1FBQ2hFLElBQUksQ0FBQyxFQUFFLENBQUMsYUFBYSxFQUFFLENBQUE7SUFDekIsQ0FBQzsrR0E1QlUsc0JBQXNCO21HQUF0QixzQkFBc0IsNkZBSnRCLENBQUMsWUFBWSxDQUFDLEVBQUUsYUFBYSxFQUFFLGFBQWEsRUFBRSxDQUFDLENBQUMsc0lDNUI3RCxzc0NBOENBLDJDRHpCSSxZQUFZLGtJQUNaLGVBQWUsOEJBQ2YsZUFBZSw4QkFDZixhQUFhLDJyQ0FDYixlQUFlLCtIQUNmLGVBQWU7OzRGQU1OLHNCQUFzQjtrQkFmbEMsU0FBUzsrQkFDRSxzQkFBc0IsY0FDcEIsSUFBSSxXQUNQO3dCQUNQLFlBQVk7d0JBQ1osZUFBZTt3QkFDZixlQUFlO3dCQUNmLGFBQWE7d0JBQ2IsZUFBZTt3QkFDZixlQUFlO3FCQUNoQixhQUNVLENBQUMsWUFBWSxDQUFDLEVBQUUsYUFBYSxFQUFFLGFBQWEsRUFBRSxDQUFDLENBQUM7c0ZBS2xELElBQUk7c0JBQVosS0FBSztnQkFDb0IsV0FBVztzQkFBcEMsU0FBUzt1QkFBQyxhQUFhIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQWZ0ZXJWaWV3SW5pdCxcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gIENvbXBvbmVudCxcbiAgRWxlbWVudFJlZixcbiAgSW5wdXQsXG4gIFZpZXdDaGlsZCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSdcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbidcbmltcG9ydCB7IHByb3ZpZGVJY29ucyB9IGZyb20gJ0BuZy1pY29ucy9jb3JlJ1xuaW1wb3J0IHsgaWNvbm9pckV4cGFuZCwgaWNvbm9pclJlZHVjZSB9IGZyb20gJ0BuZy1pY29ucy9pY29ub2lyJ1xuaW1wb3J0IHsgVHJhbnNsYXRlTW9kdWxlIH0gZnJvbSAnQG5neC10cmFuc2xhdGUvY29yZSdcbmltcG9ydCB7IE1hdEJ1dHRvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2J1dHRvbidcbmltcG9ydCB7IE92ZXJsYXlNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jZGsvb3ZlcmxheSdcbmltcG9ydCB7IEJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvdWkvaW5wdXRzL3NyYydcbmltcG9ydCB7IE5nSWNvbkNvbXBvbmVudCB9IGZyb20gJ0BuZy1pY29ucy9jb3JlJ1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdnbi11aS10cnVuY2F0ZWQtdGV4dCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgVHJhbnNsYXRlTW9kdWxlLFxuICAgIE1hdEJ1dHRvbk1vZHVsZSxcbiAgICBPdmVybGF5TW9kdWxlLFxuICAgIEJ1dHRvbkNvbXBvbmVudCxcbiAgICBOZ0ljb25Db21wb25lbnQsXG4gIF0sXG4gIHByb3ZpZGVyczogW3Byb3ZpZGVJY29ucyh7IGljb25vaXJFeHBhbmQsIGljb25vaXJSZWR1Y2UgfSldLFxuICB0ZW1wbGF0ZVVybDogJy4vdHJ1bmNhdGVkLXRleHQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZXM6IFtdLFxufSlcbmV4cG9ydCBjbGFzcyBUcnVuY2F0ZWRUZXh0Q29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XG4gIEBJbnB1dCgpIHRleHQgPSAnJ1xuICBAVmlld0NoaWxkKCd0ZXh0RWxlbWVudCcpIHRleHRFbGVtZW50OiBFbGVtZW50UmVmPEhUTUxFbGVtZW50PlxuICBpc1RleHRUcnVuY2F0ZWQgPSBmYWxzZVxuICBpc09wZW4gPSBmYWxzZVxuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgY2Q6IENoYW5nZURldGVjdG9yUmVmKSB7fVxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcbiAgICB0aGlzLmNoZWNrVGV4dFRydW5jYXRpb24oKVxuICB9XG5cbiAgbmdPbkNoYW5nZSgpIHtcbiAgICB0aGlzLmNoZWNrVGV4dFRydW5jYXRpb24oKVxuICB9XG5cbiAgdG9nZ2xlT3ZlcmxheSgpIHtcbiAgICB0aGlzLmlzT3BlbiA9ICF0aGlzLmlzT3BlblxuICB9XG5cbiAgY2xvc2UoKSB7XG4gICAgdGhpcy5pc09wZW4gPSBmYWxzZVxuICB9XG5cbiAgcHJpdmF0ZSBjaGVja1RleHRUcnVuY2F0aW9uKCkge1xuICAgIGNvbnN0IGVsZW1lbnQgPSB0aGlzLnRleHRFbGVtZW50Lm5hdGl2ZUVsZW1lbnRcbiAgICB0aGlzLmlzVGV4dFRydW5jYXRlZCA9IGVsZW1lbnQuc2Nyb2xsV2lkdGggPiBlbGVtZW50LmNsaWVudFdpZHRoXG4gICAgdGhpcy5jZC5kZXRlY3RDaGFuZ2VzKClcbiAgfVxufVxuIiwiPGRpdlxuICBjbGFzcz1cImZsZXggaXRlbXMtY2VudGVyIGp1c3RpZnktYmV0d2VlbiB3LWZ1bGwgZ2FwLTJcIlxuICBjZGtPdmVybGF5T3JpZ2luXG4gICN0cmlnZ2VyPVwiY2RrT3ZlcmxheU9yaWdpblwiXG4+XG4gIDxzcGFuICN0ZXh0RWxlbWVudCBjbGFzcz1cInRydW5jYXRlXCI+XG4gICAge3sgdGV4dCB9fVxuICA8L3NwYW4+XG4gIDxnbi11aS1idXR0b25cbiAgICAqbmdJZj1cImlzVGV4dFRydW5jYXRlZFwiXG4gICAgdHlwZT1cIm91dGxpbmVcIlxuICAgIGV4dHJhQ2xhc3M9XCJ3LTEwIGgtOCBib3JkZXIgcm91bmRlZC1sZ1wiXG4gICAgKGJ1dHRvbkNsaWNrKT1cInRvZ2dsZU92ZXJsYXkoKVwiXG4gID5cbiAgICA8bmctaWNvbiBuYW1lPVwiaWNvbm9pckV4cGFuZFwiIHNpemU9XCIyNFwiPiA8L25nLWljb24+XG4gIDwvZ24tdWktYnV0dG9uPlxuXG4gIDxuZy10ZW1wbGF0ZVxuICAgIGNka0Nvbm5lY3RlZE92ZXJsYXlcbiAgICBbY2RrQ29ubmVjdGVkT3ZlcmxheU9yaWdpbl09XCJ0cmlnZ2VyXCJcbiAgICBbY2RrQ29ubmVjdGVkT3ZlcmxheU9wZW5dPVwiaXNPcGVuXCJcbiAgICBbY2RrQ29ubmVjdGVkT3ZlcmxheVBvc2l0aW9uc109XCJbXG4gICAgICB7XG4gICAgICAgIG9yaWdpblg6ICdlbmQnLFxuICAgICAgICBvcmlnaW5ZOiAndG9wJyxcbiAgICAgICAgb3ZlcmxheVg6ICdlbmQnLFxuICAgICAgICBvdmVybGF5WTogJ3RvcCcsXG4gICAgICB9LFxuICAgIF1cIlxuICAgIChkZXRhY2gpPVwiaXNPcGVuID0gZmFsc2VcIlxuICA+XG4gICAgPGRpdiBjbGFzcz1cImJnLXdoaXRlIHNoYWRvdy1sZyBib3JkZXIgYm9yZGVyLWdyYXktMzAwIGZsZXhcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJ3LTY0XCI+XG4gICAgICAgIDxwIGNsYXNzPVwibS0yXCI+e3sgdGV4dCB9fTwvcD5cbiAgICAgIDwvZGl2PlxuICAgICAgPGduLXVpLWJ1dHRvblxuICAgICAgICBjbGFzcz1cIm0tMiBmbGV4LXNocmluay0wXCJcbiAgICAgICAgdHlwZT1cImxpZ2h0XCJcbiAgICAgICAgKGJ1dHRvbkNsaWNrKT1cImNsb3NlKClcIlxuICAgICAgICBleHRyYUNsYXNzPVwidy0xMCBoLTggcHgtMSBiZy13aGl0ZVwiXG4gICAgICA+XG4gICAgICAgIDxuZy1pY29uIG5hbWU9XCJpY29ub2lyUmVkdWNlXCIgc2l6ZT1cIjI0XCI+IDwvbmctaWNvbj5cbiAgICAgIDwvZ24tdWktYnV0dG9uPlxuICAgIDwvZGl2PlxuICA8L25nLXRlbXBsYXRlPlxuPC9kaXY+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJ1bmNhdGVkLXRleHQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy91aS9sYXlvdXQvc3JjL2xpYi90cnVuY2F0ZWQtdGV4dC90cnVuY2F0ZWQtdGV4dC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpL2xheW91dC9zcmMvbGliL3RydW5jYXRlZC10ZXh0L3RydW5jYXRlZC10ZXh0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFTCxpQkFBaUIsRUFDakIsU0FBUyxFQUNULFVBQVUsRUFDVixLQUFLLEVBRUwsU0FBUyxFQUNULE1BQU0sR0FDUCxNQUFNLGVBQWUsQ0FBQTtBQUN0QixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFDOUMsT0FBTyxFQUFFLFlBQVksRUFBRSxlQUFlLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQTtBQUM5RCxPQUFPLEVBQUUsYUFBYSxFQUFFLGFBQWEsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ2hFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUNyRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMEJBQTBCLENBQUE7QUFDMUQsT0FBTyxFQUNMLGFBQWEsRUFDYixhQUFhLEdBRWQsTUFBTSxzQkFBc0IsQ0FBQTtBQUM3QixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sc0NBQXNDLENBQUE7Ozs7QUFrQnRFLE1BQU0sT0FBTyxzQkFBc0I7SUFpQmpDLFlBQ21CLEVBQXFCLEVBQ3JCLE1BQWMsRUFDZCxhQUE0QjtRQUY1QixPQUFFLEdBQUYsRUFBRSxDQUFtQjtRQUNyQixXQUFNLEdBQU4sTUFBTSxDQUFRO1FBQ2Qsa0JBQWEsR0FBYixhQUFhLENBQWU7UUFuQnRDLFNBQUksR0FBRyxFQUFFLENBQUE7UUFDVCxlQUFVLEdBQUcsRUFBRSxDQUFBO1FBR3hCLG9CQUFlLEdBQUcsS0FBSyxDQUFBO1FBQ3ZCLFdBQU0sR0FBRyxLQUFLLENBQUE7UUFDZCxvQkFBZSxHQUFzQjtZQUNuQyxPQUFPLEVBQUUsS0FBSztZQUNkLE9BQU8sRUFBRSxLQUFLO1lBQ2QsUUFBUSxFQUFFLEtBQUs7WUFDZixRQUFRLEVBQUUsS0FBSztTQUNoQixDQUFBO1FBVUMsSUFBSSxDQUFDLGNBQWMsR0FBRyxJQUFJLGNBQWMsQ0FBQyxHQUFHLEVBQUU7WUFDNUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLG1CQUFtQixFQUFFLENBQUMsQ0FBQTtRQUNuRCxDQUFDLENBQUMsQ0FBQTtRQUVGLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxJQUFJLGdCQUFnQixDQUFDLEdBQUcsRUFBRTtZQUNoRCxJQUFJLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FBQyxHQUFHLEVBQUU7Z0JBQ25CLElBQUksQ0FBQyxtQkFBbUIsRUFBRSxDQUFBO2dCQUMxQixJQUFJLENBQUMsS0FBSyxFQUFFLENBQUE7WUFDZCxDQUFDLENBQUMsQ0FBQTtRQUNKLENBQUMsQ0FBQyxDQUFBO1FBRUYsSUFBSSxDQUFDLG9CQUFvQixHQUFHLElBQUksQ0FBQyxhQUFhLENBQUMsTUFBTSxFQUFFLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRTtZQUNyRSxJQUFJLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQztnQkFDaEIsSUFBSSxDQUFDLHFCQUFxQixFQUFFLENBQUE7WUFDOUIsQ0FBQztRQUNILENBQUMsQ0FBQyxDQUFBO0lBQ0osQ0FBQztJQUVELGVBQWU7UUFDYixNQUFNLE9BQU8sR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLGFBQWEsQ0FBQTtRQUM5QyxJQUFJLENBQUMsY0FBYyxFQUFFLE9BQU8sQ0FBQyxPQUFPLENBQUMsQ0FBQTtRQUNyQyxJQUFJLENBQUMsZ0JBQWdCLEVBQUUsT0FBTyxDQUFDLE9BQU8sQ0FBQyxhQUFhLEVBQUU7WUFDcEQsVUFBVSxFQUFFLElBQUk7WUFDaEIsU0FBUyxFQUFFLElBQUk7WUFDZixPQUFPLEVBQUUsSUFBSTtTQUNkLENBQUMsQ0FBQTtRQUNGLElBQUksQ0FBQyxtQkFBbUIsRUFBRSxDQUFBO0lBQzVCLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLGNBQWMsRUFBRSxVQUFVLEVBQUUsQ0FBQTtRQUNqQyxJQUFJLENBQUMsZ0JBQWdCLEVBQUUsVUFBVSxFQUFFLENBQUE7UUFDbkMsSUFBSSxDQUFDLG9CQUFvQixFQUFFLFdBQVcsRUFBRSxDQUFBO1FBQ3hDLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQTtJQUNkLENBQUM7SUFFRCxhQUFhO1FBQ1gsSUFBSSxDQUFDLE1BQU0sR0FBRyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUE7UUFDMUIsSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUM7WUFDaEIsSUFBSSxDQUFDLHFCQUFxQixFQUFFLENBQUE7UUFDOUIsQ0FBQztJQUNILENBQUM7SUFFTyxxQkFBcUI7UUFDM0IsTUFBTSxPQUFPLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxhQUFhLENBQUE7UUFDOUMsTUFBTSxJQUFJLEdBQUcsT0FBTyxDQUFDLHFCQUFxQixFQUFFLENBQUE7UUFDNUMsTUFBTSxhQUFhLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQyxlQUFlLEVBQUUsQ0FBQyxLQUFLLENBQUE7UUFDaEUsTUFBTSxRQUFRLEdBQUcsYUFBYSxHQUFHLEdBQUcsQ0FBQTtRQUNwQyxNQUFNLFlBQVksR0FBRyxRQUFRLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFBO1FBQ3pDLE1BQU0sY0FBYyxHQUFHLElBQUksQ0FBQyxJQUFJLEdBQUcsWUFBWSxDQUFBO1FBRS9DLElBQUksQ0FBQyxlQUFlLEdBQUc7WUFDckIsT0FBTyxFQUFFLGNBQWMsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxLQUFLO1lBQ3pDLE9BQU8sRUFBRSxLQUFLO1lBQ2QsUUFBUSxFQUFFLGNBQWMsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxLQUFLO1lBQzFDLFFBQVEsRUFBRSxLQUFLO1NBQ2hCLENBQUE7SUFDSCxDQUFDO0lBRUQsS0FBSztRQUNILElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFBO0lBQ3JCLENBQUM7SUFFTyxtQkFBbUI7UUFDekIsTUFBTSxPQUFPLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxhQUFhLENBQUE7UUFFOUMsSUFBSSxDQUFDLGVBQWUsR0FBRyxPQUFPLENBQUMsV0FBVyxHQUFHLE9BQU8sQ0FBQyxXQUFXLENBQUE7UUFDaEUsSUFBSSxDQUFDLEVBQUUsQ0FBQyxhQUFhLEVBQUUsQ0FBQTtJQUN6QixDQUFDOytHQTFGVSxzQkFBc0I7bUdBQXRCLHNCQUFzQix1SEFKdEIsQ0FBQyxZQUFZLENBQUMsRUFBRSxhQUFhLEVBQUUsYUFBYSxFQUFFLENBQUMsQ0FBQyxzSUNsQzdELG15Q0E0Q0EsMkNEakJJLFlBQVksa0lBQ1osZUFBZSw4QkFDZixlQUFlLDhCQUNmLGFBQWEsMnJDQUNiLGVBQWUsK0hBQ2YsZUFBZTs7NEZBTU4sc0JBQXNCO2tCQWZsQyxTQUFTOytCQUNFLHNCQUFzQixjQUNwQixJQUFJLFdBQ1A7d0JBQ1AsWUFBWTt3QkFDWixlQUFlO3dCQUNmLGVBQWU7d0JBQ2YsYUFBYTt3QkFDYixlQUFlO3dCQUNmLGVBQWU7cUJBQ2hCLGFBQ1UsQ0FBQyxZQUFZLENBQUMsRUFBRSxhQUFhLEVBQUUsYUFBYSxFQUFFLENBQUMsQ0FBQzt1SUFLbEQsSUFBSTtzQkFBWixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBRW9CLFdBQVc7c0JBQXBDLFNBQVM7dUJBQUMsYUFBYSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEFmdGVyVmlld0luaXQsXG4gIENoYW5nZURldGVjdG9yUmVmLFxuICBDb21wb25lbnQsXG4gIEVsZW1lbnRSZWYsXG4gIElucHV0LFxuICBPbkRlc3Ryb3ksXG4gIFZpZXdDaGlsZCxcbiAgTmdab25lLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJ1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJ1xuaW1wb3J0IHsgcHJvdmlkZUljb25zLCBOZ0ljb25Db21wb25lbnQgfSBmcm9tICdAbmctaWNvbnMvY29yZSdcbmltcG9ydCB7IGljb25vaXJFeHBhbmQsIGljb25vaXJSZWR1Y2UgfSBmcm9tICdAbmctaWNvbnMvaWNvbm9pcidcbmltcG9ydCB7IFRyYW5zbGF0ZU1vZHVsZSB9IGZyb20gJ0BuZ3gtdHJhbnNsYXRlL2NvcmUnXG5pbXBvcnQgeyBNYXRCdXR0b25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9idXR0b24nXG5pbXBvcnQge1xuICBPdmVybGF5TW9kdWxlLFxuICBWaWV3cG9ydFJ1bGVyLFxuICBDb25uZWN0ZWRQb3NpdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY2RrL292ZXJsYXknXG5pbXBvcnQgeyBCdXR0b25Db21wb25lbnQgfSBmcm9tICcuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpL2lucHV0cy9zcmMnXG5pbXBvcnQgeyBTdWJzY3JpcHRpb24gfSBmcm9tICdyeGpzJ1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdnbi11aS10cnVuY2F0ZWQtdGV4dCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgVHJhbnNsYXRlTW9kdWxlLFxuICAgIE1hdEJ1dHRvbk1vZHVsZSxcbiAgICBPdmVybGF5TW9kdWxlLFxuICAgIEJ1dHRvbkNvbXBvbmVudCxcbiAgICBOZ0ljb25Db21wb25lbnQsXG4gIF0sXG4gIHByb3ZpZGVyczogW3Byb3ZpZGVJY29ucyh7IGljb25vaXJFeHBhbmQsIGljb25vaXJSZWR1Y2UgfSldLFxuICB0ZW1wbGF0ZVVybDogJy4vdHJ1bmNhdGVkLXRleHQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZXM6IFtdLFxufSlcbmV4cG9ydCBjbGFzcyBUcnVuY2F0ZWRUZXh0Q29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCwgT25EZXN0cm95IHtcbiAgQElucHV0KCkgdGV4dCA9ICcnXG4gIEBJbnB1dCgpIGV4dHJhQ2xhc3MgPSAnJ1xuXG4gIEBWaWV3Q2hpbGQoJ3RleHRFbGVtZW50JykgdGV4dEVsZW1lbnQ6IEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+XG4gIGlzVGV4dFRydW5jYXRlZCA9IGZhbHNlXG4gIGlzT3BlbiA9IGZhbHNlXG4gIG92ZXJsYXlQb3NpdGlvbjogQ29ubmVjdGVkUG9zaXRpb24gPSB7XG4gICAgb3JpZ2luWDogJ2VuZCcsXG4gICAgb3JpZ2luWTogJ3RvcCcsXG4gICAgb3ZlcmxheVg6ICdlbmQnLFxuICAgIG92ZXJsYXlZOiAndG9wJyxcbiAgfVxuICBwcml2YXRlIHJlYWRvbmx5IHJlc2l6ZU9ic2VydmVyOiBSZXNpemVPYnNlcnZlclxuICBwcml2YXRlIHJlYWRvbmx5IG11dGF0aW9uT2JzZXJ2ZXI6IE11dGF0aW9uT2JzZXJ2ZXJcbiAgcHJpdmF0ZSByZWFkb25seSB2aWV3cG9ydFN1YnNjcmlwdGlvbjogU3Vic2NyaXB0aW9uXG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSByZWFkb25seSBjZDogQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gICAgcHJpdmF0ZSByZWFkb25seSBuZ1pvbmU6IE5nWm9uZSxcbiAgICBwcml2YXRlIHJlYWRvbmx5IHZpZXdwb3J0UnVsZXI6IFZpZXdwb3J0UnVsZXJcbiAgKSB7XG4gICAgdGhpcy5yZXNpemVPYnNlcnZlciA9IG5ldyBSZXNpemVPYnNlcnZlcigoKSA9PiB7XG4gICAgICB0aGlzLm5nWm9uZS5ydW4oKCkgPT4gdGhpcy5jaGVja1RleHRUcnVuY2F0aW9uKCkpXG4gICAgfSlcblxuICAgIHRoaXMubXV0YXRpb25PYnNlcnZlciA9IG5ldyBNdXRhdGlvbk9ic2VydmVyKCgpID0+IHtcbiAgICAgIHRoaXMubmdab25lLnJ1bigoKSA9PiB7XG4gICAgICAgIHRoaXMuY2hlY2tUZXh0VHJ1bmNhdGlvbigpXG4gICAgICAgIHRoaXMuY2xvc2UoKVxuICAgICAgfSlcbiAgICB9KVxuXG4gICAgdGhpcy52aWV3cG9ydFN1YnNjcmlwdGlvbiA9IHRoaXMudmlld3BvcnRSdWxlci5jaGFuZ2UoKS5zdWJzY3JpYmUoKCkgPT4ge1xuICAgICAgaWYgKHRoaXMuaXNPcGVuKSB7XG4gICAgICAgIHRoaXMudXBkYXRlT3ZlcmxheVBvc2l0aW9uKClcbiAgICAgIH1cbiAgICB9KVxuICB9XG5cbiAgbmdBZnRlclZpZXdJbml0KCkge1xuICAgIGNvbnN0IGVsZW1lbnQgPSB0aGlzLnRleHRFbGVtZW50Lm5hdGl2ZUVsZW1lbnRcbiAgICB0aGlzLnJlc2l6ZU9ic2VydmVyPy5vYnNlcnZlKGVsZW1lbnQpXG4gICAgdGhpcy5tdXRhdGlvbk9ic2VydmVyPy5vYnNlcnZlKGVsZW1lbnQucGFyZW50RWxlbWVudCwge1xuICAgICAgYXR0cmlidXRlczogdHJ1ZSxcbiAgICAgIGNoaWxkTGlzdDogdHJ1ZSxcbiAgICAgIHN1YnRyZWU6IHRydWUsXG4gICAgfSlcbiAgICB0aGlzLmNoZWNrVGV4dFRydW5jYXRpb24oKVxuICB9XG5cbiAgbmdPbkRlc3Ryb3koKSB7XG4gICAgdGhpcy5yZXNpemVPYnNlcnZlcj8uZGlzY29ubmVjdCgpXG4gICAgdGhpcy5tdXRhdGlvbk9ic2VydmVyPy5kaXNjb25uZWN0KClcbiAgICB0aGlzLnZpZXdwb3J0U3Vic2NyaXB0aW9uPy51bnN1YnNjcmliZSgpXG4gICAgdGhpcy5jbG9zZSgpXG4gIH1cblxuICB0b2dnbGVPdmVybGF5KCkge1xuICAgIHRoaXMuaXNPcGVuID0gIXRoaXMuaXNPcGVuXG4gICAgaWYgKHRoaXMuaXNPcGVuKSB7XG4gICAgICB0aGlzLnVwZGF0ZU92ZXJsYXlQb3NpdGlvbigpXG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSB1cGRhdGVPdmVybGF5UG9zaXRpb24oKSB7XG4gICAgY29uc3QgZWxlbWVudCA9IHRoaXMudGV4dEVsZW1lbnQubmF0aXZlRWxlbWVudFxuICAgIGNvbnN0IHJlY3QgPSBlbGVtZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpXG4gICAgY29uc3Qgdmlld3BvcnRXaWR0aCA9IHRoaXMudmlld3BvcnRSdWxlci5nZXRWaWV3cG9ydFNpemUoKS53aWR0aFxuICAgIGNvbnN0IGlzTW9iaWxlID0gdmlld3BvcnRXaWR0aCA8IDY0MFxuICAgIGNvbnN0IG92ZXJsYXlXaWR0aCA9IGlzTW9iaWxlID8gMTkwIDogMzIwXG4gICAgY29uc3QgaXNOZWFyTGVmdEVkZ2UgPSByZWN0LmxlZnQgPCBvdmVybGF5V2lkdGhcblxuICAgIHRoaXMub3ZlcmxheVBvc2l0aW9uID0ge1xuICAgICAgb3JpZ2luWDogaXNOZWFyTGVmdEVkZ2UgPyAnc3RhcnQnIDogJ2VuZCcsXG4gICAgICBvcmlnaW5ZOiAndG9wJyxcbiAgICAgIG92ZXJsYXlYOiBpc05lYXJMZWZ0RWRnZSA/ICdzdGFydCcgOiAnZW5kJyxcbiAgICAgIG92ZXJsYXlZOiAndG9wJyxcbiAgICB9XG4gIH1cblxuICBjbG9zZSgpIHtcbiAgICB0aGlzLmlzT3BlbiA9IGZhbHNlXG4gIH1cblxuICBwcml2YXRlIGNoZWNrVGV4dFRydW5jYXRpb24oKSB7XG4gICAgY29uc3QgZWxlbWVudCA9IHRoaXMudGV4dEVsZW1lbnQubmF0aXZlRWxlbWVudFxuXG4gICAgdGhpcy5pc1RleHRUcnVuY2F0ZWQgPSBlbGVtZW50LnNjcm9sbFdpZHRoID4gZWxlbWVudC5jbGllbnRXaWR0aFxuICAgIHRoaXMuY2QuZGV0ZWN0Q2hhbmdlcygpXG4gIH1cbn1cbiIsIjxkaXZcbiAgY2xhc3M9XCJmbGV4IGl0ZW1zLWNlbnRlciBqdXN0aWZ5LWJldHdlZW4gdy1mdWxsIGdhcC0yXCJcbiAgY2RrT3ZlcmxheU9yaWdpblxuICBbY2xhc3NdPVwiZXh0cmFDbGFzc1wiXG4gICN0cmlnZ2VyPVwiY2RrT3ZlcmxheU9yaWdpblwiXG4+XG4gIDxzcGFuICN0ZXh0RWxlbWVudCBjbGFzcz1cInRydW5jYXRlXCI+XG4gICAge3sgdGV4dCB9fVxuICA8L3NwYW4+XG4gIDxnbi11aS1idXR0b25cbiAgICAqbmdJZj1cImlzVGV4dFRydW5jYXRlZFwiXG4gICAgdHlwZT1cIm91dGxpbmVcIlxuICAgIGV4dHJhQ2xhc3M9XCJ3LTEwIGgtOCBib3JkZXIgcm91bmRlZC1sZ1wiXG4gICAgKGJ1dHRvbkNsaWNrKT1cInRvZ2dsZU92ZXJsYXkoKVwiXG4gID5cbiAgICA8bmctaWNvbiBuYW1lPVwiaWNvbm9pckV4cGFuZFwiIHNpemU9XCIyNFwiPiA8L25nLWljb24+XG4gIDwvZ24tdWktYnV0dG9uPlxuXG4gIDxuZy10ZW1wbGF0ZVxuICAgIGNka0Nvbm5lY3RlZE92ZXJsYXlcbiAgICBbY2RrQ29ubmVjdGVkT3ZlcmxheU9yaWdpbl09XCJ0cmlnZ2VyXCJcbiAgICBbY2RrQ29ubmVjdGVkT3ZlcmxheU9wZW5dPVwiaXNPcGVuXCJcbiAgICBbY2RrQ29ubmVjdGVkT3ZlcmxheVBvc2l0aW9uc109XCJbb3ZlcmxheVBvc2l0aW9uXVwiXG4gICAgY2RrQ29ubmVjdGVkT3ZlcmxheVB1c2hcbiAgICBbY2RrQ29ubmVjdGVkT3ZlcmxheVdpZHRoXT1cIidhdXRvJ1wiXG4gICAgW2Nka0Nvbm5lY3RlZE92ZXJsYXlGbGV4aWJsZURpbWVuc2lvbnNdPVwidHJ1ZVwiXG4gICAgW2Nka0Nvbm5lY3RlZE92ZXJsYXlHcm93QWZ0ZXJPcGVuXT1cInRydWVcIlxuICAgIChkZXRhY2gpPVwiY2xvc2UoKVwiXG4gID5cbiAgICA8ZGl2IGNsYXNzPVwiYmctd2hpdGUgc2hhZG93LWxnIGJvcmRlciBib3JkZXItZ3JheS0zMDAgZmxleFwiPlxuICAgICAgPGRpdiBjbGFzcz1cInNtOnctNjQgeHM6dy0zMlwiPlxuICAgICAgICA8cCBjbGFzcz1cIm0tMlwiPnt7IHRleHQgfX08L3A+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxnbi11aS1idXR0b25cbiAgICAgICAgY2xhc3M9XCJtLTIgZmxleC1zaHJpbmstMFwiXG4gICAgICAgIHR5cGU9XCJsaWdodFwiXG4gICAgICAgIChidXR0b25DbGljayk9XCJjbG9zZSgpXCJcbiAgICAgICAgZXh0cmFDbGFzcz1cInctMTAgaC04IHB4LTEgYmctd2hpdGVcIlxuICAgICAgPlxuICAgICAgICA8bmctaWNvbiBuYW1lPVwiaWNvbm9pclJlZHVjZVwiIHNpemU9XCIyNFwiPiA8L25nLWljb24+XG4gICAgICA8L2duLXVpLWJ1dHRvbj5cbiAgICA8L2Rpdj5cbiAgPC9uZy10ZW1wbGF0ZT5cbjwvZGl2PlxuIl19

package/esm2022/libs/ui/map/src/lib/components/feature-detail/feature-detail.component.mjs

@@ -4,18 +4,43 @@ import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 const geometryKeys = ['geometry', 'the_geom'];
 export class FeatureDetailComponent {
+    constructor() {
+        this._featureAttributes = [];
+    }
+    set featureCatalog(value) {
+        if (value)
+            this._featureAttributes = value.featureTypes[0].attributes;
+    }
     get properties() {
         if (!this.feature)
             return [];
-        return Object.keys(this.feature.properties).filter((prop) => !geometryKeys.includes(prop));
+        return this.setProperties();
+    }
+    setProperties() {
+        const properties = Object.keys(this.feature.properties)
+            .filter((p) => !geometryKeys.includes(p))
+            .reduce((acc, p) => {
+            let key = p;
+            if (this._featureAttributes.length) {
+                const matchingAttribute = this._featureAttributes.find((attr) => attr.name === p);
+                if (matchingAttribute && matchingAttribute.code) {
+                    key = matchingAttribute.code;
+                }
+            }
+            acc[key] = this.feature.properties[p];
+            return acc;
+        }, {});
+        return properties;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FeatureDetailComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FeatureDetailComponent, isStandalone: true, selector: "gn-ui-feature-detail", inputs: { feature: "feature" }, ngImport: i0, template: "<div *ngIf=\"feature\" class=\"root\">\n  <div class=\"property\" *ngFor=\"let propName of properties\">\n    <div>{{ propName }}</div>\n    <div class=\"font-bold\">{{ feature.properties[propName] }}</div>\n  </div>\n</div>\n", styles: [".property{border-bottom:1px solid #f2f2f2;padding-bottom:.625rem;margin-bottom:.625rem;font-size:.75rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FeatureDetailComponent, isStandalone: true, selector: "gn-ui-feature-detail", inputs: { feature: "feature", featureCatalog: "featureCatalog" }, ngImport: i0, template: "<div *ngIf=\"feature\" class=\"root\">\n  <div class=\"property\" *ngFor=\"let prop of properties | keyvalue\">\n    <div>{{ prop.key }}</div>\n    <div class=\"font-bold\">{{ prop.value }}</div>\n  </div>\n</div>\n", styles: [".property{border-bottom:1px solid #f2f2f2;padding-bottom:.625rem;margin-bottom:.625rem;font-size:.75rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.KeyValuePipe, name: "keyvalue" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FeatureDetailComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-feature-detail', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule], template: "<div *ngIf=\"feature\" class=\"root\">\n  <div class=\"property\" *ngFor=\"let propName of properties\">\n    <div>{{ propName }}</div>\n    <div class=\"font-bold\">{{ feature.properties[propName] }}</div>\n  </div>\n</div>\n", styles: [".property{border-bottom:1px solid #f2f2f2;padding-bottom:.625rem;margin-bottom:.625rem;font-size:.75rem}\n"] }]
+            args: [{ selector: 'gn-ui-feature-detail', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule], template: "<div *ngIf=\"feature\" class=\"root\">\n  <div class=\"property\" *ngFor=\"let prop of properties | keyvalue\">\n    <div>{{ prop.key }}</div>\n    <div class=\"font-bold\">{{ prop.value }}</div>\n  </div>\n</div>\n", styles: [".property{border-bottom:1px solid #f2f2f2;padding-bottom:.625rem;margin-bottom:.625rem;font-size:.75rem}\n"] }]
         }], propDecorators: { feature: [{
                 type: Input
+            }], featureCatalog: [{
+                type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmVhdHVyZS1kZXRhaWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy91aS9tYXAvc3JjL2xpYi9jb21wb25lbnRzL2ZlYXR1cmUtZGV0YWlsL2ZlYXR1cmUtZGV0YWlsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvdWkvbWFwL3NyYy9saWIvY29tcG9uZW50cy9mZWF0dXJlLWRldGFpbC9mZWF0dXJlLWRldGFpbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQTtBQUN6RSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUE7OztBQUc5QyxNQUFNLFlBQVksR0FBRyxDQUFDLFVBQVUsRUFBRSxVQUFVLENBQUMsQ0FBQTtBQVU3QyxNQUFNLE9BQU8sc0JBQXNCO0lBR2pDLElBQUksVUFBVTtRQUNaLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTztZQUFFLE9BQU8sRUFBRSxDQUFBO1FBQzVCLE9BQU8sTUFBTSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLFVBQVUsQ0FBQyxDQUFDLE1BQU0sQ0FDaEQsQ0FBQyxJQUFJLEVBQUUsRUFBRSxDQUFDLENBQUMsWUFBWSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsQ0FDdkMsQ0FBQTtJQUNILENBQUM7K0dBUlUsc0JBQXNCO21HQUF0QixzQkFBc0IsZ0hDZG5DLG9PQU1BLG1LRE1ZLFlBQVk7OzRGQUVYLHNCQUFzQjtrQkFSbEMsU0FBUzsrQkFDRSxzQkFBc0IsbUJBR2YsdUJBQXVCLENBQUMsTUFBTSxjQUNuQyxJQUFJLFdBQ1AsQ0FBQyxZQUFZLENBQUM7OEJBR2QsT0FBTztzQkFBZixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJ1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJ1xuaW1wb3J0IHR5cGUgeyBGZWF0dXJlIH0gZnJvbSAnZ2VvanNvbidcblxuY29uc3QgZ2VvbWV0cnlLZXlzID0gWydnZW9tZXRyeScsICd0aGVfZ2VvbSddXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2duLXVpLWZlYXR1cmUtZGV0YWlsJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2ZlYXR1cmUtZGV0YWlsLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZmVhdHVyZS1kZXRhaWwuY29tcG9uZW50LmNzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG59KVxuZXhwb3J0IGNsYXNzIEZlYXR1cmVEZXRhaWxDb21wb25lbnQge1xuICBASW5wdXQoKSBmZWF0dXJlOiBGZWF0dXJlXG5cbiAgZ2V0IHByb3BlcnRpZXMoKSB7XG4gICAgaWYgKCF0aGlzLmZlYXR1cmUpIHJldHVybiBbXVxuICAgIHJldHVybiBPYmplY3Qua2V5cyh0aGlzLmZlYXR1cmUucHJvcGVydGllcykuZmlsdGVyKFxuICAgICAgKHByb3ApID0+ICFnZW9tZXRyeUtleXMuaW5jbHVkZXMocHJvcClcbiAgICApXG4gIH1cbn1cbiIsIjxkaXYgKm5nSWY9XCJmZWF0dXJlXCIgY2xhc3M9XCJyb290XCI+XG4gIDxkaXYgY2xhc3M9XCJwcm9wZXJ0eVwiICpuZ0Zvcj1cImxldCBwcm9wTmFtZSBvZiBwcm9wZXJ0aWVzXCI+XG4gICAgPGRpdj57eyBwcm9wTmFtZSB9fTwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJmb250LWJvbGRcIj57eyBmZWF0dXJlLnByb3BlcnRpZXNbcHJvcE5hbWVdIH19PC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmVhdHVyZS1kZXRhaWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy91aS9tYXAvc3JjL2xpYi9jb21wb25lbnRzL2ZlYXR1cmUtZGV0YWlsL2ZlYXR1cmUtZGV0YWlsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvdWkvbWFwL3NyYy9saWIvY29tcG9uZW50cy9mZWF0dXJlLWRldGFpbC9mZWF0dXJlLWRldGFpbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQTtBQUN6RSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUE7OztBQUk5QyxNQUFNLFlBQVksR0FBRyxDQUFDLFVBQVUsRUFBRSxVQUFVLENBQUMsQ0FBQTtBQVU3QyxNQUFNLE9BQU8sc0JBQXNCO0lBUm5DO1FBVUUsdUJBQWtCLEdBQUcsRUFBRSxDQUFBO0tBOEJ4QjtJQTdCQyxJQUFhLGNBQWMsQ0FBQyxLQUE0QjtRQUN0RCxJQUFJLEtBQUs7WUFBRSxJQUFJLENBQUMsa0JBQWtCLEdBQUcsS0FBSyxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUE7SUFDdkUsQ0FBQztJQUVELElBQUksVUFBVTtRQUNaLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTztZQUFFLE9BQU8sRUFBRSxDQUFBO1FBQzVCLE9BQU8sSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFBO0lBQzdCLENBQUM7SUFFRCxhQUFhO1FBQ1gsTUFBTSxVQUFVLEdBQUcsTUFBTSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLFVBQVUsQ0FBQzthQUNwRCxNQUFNLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsWUFBWSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQzthQUN4QyxNQUFNLENBQUMsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxFQUFFLEVBQUU7WUFDakIsSUFBSSxHQUFHLEdBQUcsQ0FBQyxDQUFBO1lBQ1gsSUFBSSxJQUFJLENBQUMsa0JBQWtCLENBQUMsTUFBTSxFQUFFLENBQUM7Z0JBQ25DLE1BQU0saUJBQWlCLEdBQUcsSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FDcEQsQ0FBQyxJQUFJLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQyxJQUFJLEtBQUssQ0FBQyxDQUMxQixDQUFBO2dCQUVELElBQUksaUJBQWlCLElBQUksaUJBQWlCLENBQUMsSUFBSSxFQUFFLENBQUM7b0JBQ2hELEdBQUcsR0FBRyxpQkFBaUIsQ0FBQyxJQUFJLENBQUE7Z0JBQzlCLENBQUM7WUFDSCxDQUFDO1lBQ0QsR0FBRyxDQUFDLEdBQUcsQ0FBQyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxDQUFBO1lBQ3JDLE9BQU8sR0FBRyxDQUFBO1FBQ1osQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFBO1FBRVIsT0FBTyxVQUFVLENBQUE7SUFDbkIsQ0FBQzsrR0EvQlUsc0JBQXNCO21HQUF0QixzQkFBc0Isa0pDZm5DLHlOQU1BLG1LRE9ZLFlBQVk7OzRGQUVYLHNCQUFzQjtrQkFSbEMsU0FBUzsrQkFDRSxzQkFBc0IsbUJBR2YsdUJBQXVCLENBQUMsTUFBTSxjQUNuQyxJQUFJLFdBQ1AsQ0FBQyxZQUFZLENBQUM7OEJBR2QsT0FBTztzQkFBZixLQUFLO2dCQUVPLGNBQWM7c0JBQTFCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nXG5pbXBvcnQgdHlwZSB7IEZlYXR1cmUgfSBmcm9tICdnZW9qc29uJ1xuaW1wb3J0IHsgRGF0YXNldEZlYXR1cmVDYXRhbG9nIH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21tb24vZG9tYWluL3NyYy9saWIvbW9kZWwvcmVjb3JkJ1xuXG5jb25zdCBnZW9tZXRyeUtleXMgPSBbJ2dlb21ldHJ5JywgJ3RoZV9nZW9tJ11cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ24tdWktZmVhdHVyZS1kZXRhaWwnLFxuICB0ZW1wbGF0ZVVybDogJy4vZmVhdHVyZS1kZXRhaWwuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9mZWF0dXJlLWRldGFpbC5jb21wb25lbnQuY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcbn0pXG5leHBvcnQgY2xhc3MgRmVhdHVyZURldGFpbENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGZlYXR1cmU6IEZlYXR1cmVcbiAgX2ZlYXR1cmVBdHRyaWJ1dGVzID0gW11cbiAgQElucHV0KCkgc2V0IGZlYXR1cmVDYXRhbG9nKHZhbHVlOiBEYXRhc2V0RmVhdHVyZUNhdGFsb2cpIHtcbiAgICBpZiAodmFsdWUpIHRoaXMuX2ZlYXR1cmVBdHRyaWJ1dGVzID0gdmFsdWUuZmVhdHVyZVR5cGVzWzBdLmF0dHJpYnV0ZXNcbiAgfVxuXG4gIGdldCBwcm9wZXJ0aWVzKCkge1xuICAgIGlmICghdGhpcy5mZWF0dXJlKSByZXR1cm4gW11cbiAgICByZXR1cm4gdGhpcy5zZXRQcm9wZXJ0aWVzKClcbiAgfVxuXG4gIHNldFByb3BlcnRpZXMoKSB7XG4gICAgY29uc3QgcHJvcGVydGllcyA9IE9iamVjdC5rZXlzKHRoaXMuZmVhdHVyZS5wcm9wZXJ0aWVzKVxuICAgICAgLmZpbHRlcigocCkgPT4gIWdlb21ldHJ5S2V5cy5pbmNsdWRlcyhwKSlcbiAgICAgIC5yZWR1Y2UoKGFjYywgcCkgPT4ge1xuICAgICAgICBsZXQga2V5ID0gcFxuICAgICAgICBpZiAodGhpcy5fZmVhdHVyZUF0dHJpYnV0ZXMubGVuZ3RoKSB7XG4gICAgICAgICAgY29uc3QgbWF0Y2hpbmdBdHRyaWJ1dGUgPSB0aGlzLl9mZWF0dXJlQXR0cmlidXRlcy5maW5kKFxuICAgICAgICAgICAgKGF0dHIpID0+IGF0dHIubmFtZSA9PT0gcFxuICAgICAgICAgIClcblxuICAgICAgICAgIGlmIChtYXRjaGluZ0F0dHJpYnV0ZSAmJiBtYXRjaGluZ0F0dHJpYnV0ZS5jb2RlKSB7XG4gICAgICAgICAgICBrZXkgPSBtYXRjaGluZ0F0dHJpYnV0ZS5jb2RlXG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICAgIGFjY1trZXldID0gdGhpcy5mZWF0dXJlLnByb3BlcnRpZXNbcF1cbiAgICAgICAgcmV0dXJuIGFjY1xuICAgICAgfSwge30pXG5cbiAgICByZXR1cm4gcHJvcGVydGllc1xuICB9XG59XG4iLCI8ZGl2ICpuZ0lmPVwiZmVhdHVyZVwiIGNsYXNzPVwicm9vdFwiPlxuICA8ZGl2IGNsYXNzPVwicHJvcGVydHlcIiAqbmdGb3I9XCJsZXQgcHJvcCBvZiBwcm9wZXJ0aWVzIHwga2V5dmFsdWVcIj5cbiAgICA8ZGl2Pnt7IHByb3Aua2V5IH19PC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImZvbnQtYm9sZFwiPnt7IHByb3AudmFsdWUgfX08L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==

package/esm2022/libs/ui/map/src/lib/components/spatial-extent/spatial-extent.component.mjs

@@ -42,6 +42,7 @@ export class SpatialExtentComponent {
                 style: {
                     'stroke-color': 'black',
                     'stroke-width': 2,
+                    'fill-color': 'rgba(153, 153, 153, 0.3)',
                 },
             };
             const view = await createViewFromLayer(layer);
@@ -76,4 +77,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
         }], propDecorators: { spatialExtents: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3BhdGlhbC1leHRlbnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy91aS9tYXAvc3JjL2xpYi9jb21wb25lbnRzL3NwYXRpYWwtZXh0ZW50L3NwYXRpYWwtZXh0ZW50LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvdWkvbWFwL3NyYy9saWIvY29tcG9uZW50cy9zcGF0aWFsLWV4dGVudC9zcGF0aWFsLWV4dGVudC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQTtBQUNoRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFFOUMsT0FBTyxPQUFxQyxNQUFNLG1CQUFtQixDQUFBO0FBQ3JFLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxTQUFTLENBQUE7QUFDakMsT0FBTyxFQUNMLG1CQUFtQixHQUdwQixNQUFNLHNCQUFzQixDQUFBO0FBQzdCLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDBDQUEwQyxDQUFBO0FBQ2hGLE9BQU8sRUFBRSxlQUFlLEVBQWMsTUFBTSxNQUFNLENBQUE7QUFDbEQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGdCQUFnQixDQUFBOzs7QUFVMUMsTUFBTSxPQUFPLHNCQUFzQjtJQVBuQztRQVdFLG9CQUFlLEdBQUcsSUFBSSxlQUFlLENBQXlCLEVBQUUsQ0FBQyxDQUFBO1FBQ2pFLGdCQUFXLEdBQTJCLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUM3RCxTQUFTLENBQUMsS0FBSyxFQUFFLE9BQU8sRUFBRSxFQUFFO1lBQzFCLElBQUksT0FBTyxDQUFDLE1BQU0sS0FBSyxDQUFDLEVBQUUsQ0FBQztnQkFDekIsT0FBTyxJQUFJLENBQUEsQ0FBQyxpQ0FBaUM7WUFDL0MsQ0FBQztZQUNELE1BQU0saUJBQWlCLEdBQTZCO2dCQUNsRCxJQUFJLEVBQUUsbUJBQW1CO2dCQUN6QixRQUFRLEVBQUUsRUFBRTthQUNiLENBQUE7WUFDRCxPQUFPLENBQUMsT0FBTyxDQUFDLENBQUMsTUFBTSxFQUFFLEVBQUU7Z0JBQ3pCLElBQUksTUFBTSxDQUFDLFFBQVEsRUFBRSxDQUFDO29CQUNwQixpQkFBaUIsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDO3dCQUM5QixJQUFJLEVBQUUsU0FBUzt3QkFDZixVQUFVLEVBQUUsRUFBRTt3QkFDZCxRQUFRLEVBQUUsTUFBTSxDQUFDLFFBQVE7cUJBQzFCLENBQUMsQ0FBQTtnQkFDSixDQUFDO3FCQUFNLElBQUksTUFBTSxDQUFDLElBQUksRUFBRSxNQUFNLElBQUksQ0FBQyxFQUFFLENBQUM7b0JBQ3BDLGlCQUFpQixDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUM7d0JBQzlCLElBQUksRUFBRSxTQUFTO3dCQUNmLFVBQVUsRUFBRSxFQUFFO3dCQUNkLFFBQVEsRUFBRSxJQUFJLENBQUMsb0JBQW9CLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQztxQkFDakQsQ0FBQyxDQUFBO2dCQUNKLENBQUM7WUFDSCxDQUFDLENBQUMsQ0FBQTtZQUVGLE1BQU0sS0FBSyxHQUFvQjtnQkFDN0IsSUFBSSxFQUFFLFNBQVM7Z0JBQ2YsSUFBSSxFQUFFLGlCQUFpQjtnQkFDdkIsS0FBSyxFQUFFLGlCQUFpQjtnQkFDeEIsS0FBSyxFQUFFO29CQUNMLGNBQWMsRUFBRSxPQUFPO29CQUN2QixjQUFjLEVBQUUsQ0FBQztpQkFDbEI7YUFDRixDQUFBO1lBQ0QsTUFBTSxJQUFJLEdBQUcsTUFBTSxtQkFBbUIsQ0FBQyxLQUFLLENBQUMsQ0FBQTtZQUM3QyxPQUFPO2dCQUNMLElBQUk7Z0JBQ0osTUFBTSxFQUFFLENBQUMsS0FBSyxDQUFDO2FBQ2hCLENBQUE7UUFDSCxDQUFDLENBQUMsQ0FDSCxDQUFBO1FBRUQsVUFBSyxHQUFHLEVBQUUsQ0FBQTtLQWVYO0lBN0RDLElBQWEsY0FBYyxDQUFDLEtBQTZCO1FBQ3ZELElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFBO0lBQ2xDLENBQUM7SUE4Q0Qsb0JBQW9CLENBQUMsSUFBc0M7UUFDekQsTUFBTSxRQUFRLEdBQUcsSUFBSSxPQUFPLENBQUM7WUFDM0I7Z0JBQ0UsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDO2dCQUNsQixDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUM7Z0JBQ2xCLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQztnQkFDbEIsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDO2dCQUNsQixDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUM7YUFDbkI7U0FDRixDQUFDLENBQUE7UUFFRixPQUFPLElBQUksT0FBTyxFQUFFLENBQUMsbUJBQW1CLENBQUMsUUFBUSxDQUFDLENBQUE7SUFDcEQsQ0FBQzsrR0E3RFUsc0JBQXNCO21HQUF0QixzQkFBc0IsOEhDdEJuQyxpSEFJQSx5RERjWSxZQUFZLG9GQUFFLHFCQUFxQjs7NEZBSWxDLHNCQUFzQjtrQkFQbEMsU0FBUzsrQkFDRSxzQkFBc0IsY0FDcEIsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLHFCQUFxQixDQUFDOzhCQUtqQyxjQUFjO3NCQUExQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nXG5pbXBvcnQgeyBHZW9tZXRyeSB9IGZyb20gJ2dlb2pzb24nXG5pbXBvcnQgR2VvSlNPTiwgeyBHZW9KU09ORmVhdHVyZUNvbGxlY3Rpb24gfSBmcm9tICdvbC9mb3JtYXQvR2VvSlNPTidcbmltcG9ydCB7IFBvbHlnb24gfSBmcm9tICdvbC9nZW9tJ1xuaW1wb3J0IHtcbiAgY3JlYXRlVmlld0Zyb21MYXllcixcbiAgTWFwQ29udGV4dCxcbiAgTWFwQ29udGV4dExheWVyLFxufSBmcm9tICdAZ2Vvc3BhdGlhbC1zZGsvY29yZSdcbmltcG9ydCB7IE1hcENvbnRhaW5lckNvbXBvbmVudCB9IGZyb20gJy4uL21hcC1jb250YWluZXIvbWFwLWNvbnRhaW5lci5jb21wb25lbnQnXG5pbXBvcnQgeyBCZWhhdmlvclN1YmplY3QsIE9ic2VydmFibGUgfSBmcm9tICdyeGpzJ1xuaW1wb3J0IHsgc3dpdGNoTWFwIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnXG5pbXBvcnQgeyBEYXRhc2V0U3BhdGlhbEV4dGVudCB9IGZyb20gJy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tbW9uL2RvbWFpbi9zcmMvbGliL21vZGVsL3JlY29yZCdcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ24tdWktc3BhdGlhbC1leHRlbnQnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBNYXBDb250YWluZXJDb21wb25lbnRdLFxuICB0ZW1wbGF0ZVVybDogJy4vc3BhdGlhbC1leHRlbnQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vc3BhdGlhbC1leHRlbnQuY29tcG9uZW50LmNzcycsXG59KVxuZXhwb3J0IGNsYXNzIFNwYXRpYWxFeHRlbnRDb21wb25lbnQge1xuICBASW5wdXQoKSBzZXQgc3BhdGlhbEV4dGVudHModmFsdWU6IERhdGFzZXRTcGF0aWFsRXh0ZW50W10pIHtcbiAgICB0aGlzLnNwYXRpYWxFeHRlbnRzJC5uZXh0KHZhbHVlKVxuICB9XG4gIHNwYXRpYWxFeHRlbnRzJCA9IG5ldyBCZWhhdmlvclN1YmplY3Q8RGF0YXNldFNwYXRpYWxFeHRlbnRbXT4oW10pXG4gIG1hcENvbnRleHQkOiBPYnNlcnZhYmxlPE1hcENvbnRleHQ+ID0gdGhpcy5zcGF0aWFsRXh0ZW50cyQucGlwZShcbiAgICBzd2l0Y2hNYXAoYXN5bmMgKGV4dGVudHMpID0+IHtcbiAgICAgIGlmIChleHRlbnRzLmxlbmd0aCA9PT0gMCkge1xuICAgICAgICByZXR1cm4gbnVsbCAvLyBudWxsIGV4dGVudCBtZWFucyBkZWZhdWx0IHZpZXdcbiAgICAgIH1cbiAgICAgIGNvbnN0IGZlYXR1cmVDb2xsZWN0aW9uOiBHZW9KU09ORmVhdHVyZUNvbGxlY3Rpb24gPSB7XG4gICAgICAgIHR5cGU6ICdGZWF0dXJlQ29sbGVjdGlvbicsXG4gICAgICAgIGZlYXR1cmVzOiBbXSxcbiAgICAgIH1cbiAgICAgIGV4dGVudHMuZm9yRWFjaCgoZXh0ZW50KSA9PiB7XG4gICAgICAgIGlmIChleHRlbnQuZ2VvbWV0cnkpIHtcbiAgICAgICAgICBmZWF0dXJlQ29sbGVjdGlvbi5mZWF0dXJlcy5wdXNoKHtcbiAgICAgICAgICAgIHR5cGU6ICdGZWF0dXJlJyxcbiAgICAgICAgICAgIHByb3BlcnRpZXM6IHt9LFxuICAgICAgICAgICAgZ2VvbWV0cnk6IGV4dGVudC5nZW9tZXRyeSxcbiAgICAgICAgICB9KVxuICAgICAgICB9IGVsc2UgaWYgKGV4dGVudC5iYm94Py5sZW5ndGggPj0gMCkge1xuICAgICAgICAgIGZlYXR1cmVDb2xsZWN0aW9uLmZlYXR1cmVzLnB1c2goe1xuICAgICAgICAgICAgdHlwZTogJ0ZlYXR1cmUnLFxuICAgICAgICAgICAgcHJvcGVydGllczoge30sXG4gICAgICAgICAgICBnZW9tZXRyeTogdGhpcy5iYm94Q29vcmRzVG9HZW9tZXRyeShleHRlbnQuYmJveCksXG4gICAgICAgICAgfSlcbiAgICAgICAgfVxuICAgICAgfSlcblxuICAgICAgY29uc3QgbGF5ZXI6IE1hcENvbnRleHRMYXllciA9IHtcbiAgICAgICAgdHlwZTogJ2dlb2pzb24nLFxuICAgICAgICBkYXRhOiBmZWF0dXJlQ29sbGVjdGlvbixcbiAgICAgICAgbGFiZWw6ICdTcGF0aWFsIGV4dGVudHMnLFxuICAgICAgICBzdHlsZToge1xuICAgICAgICAgICdzdHJva2UtY29sb3InOiAnYmxhY2snLFxuICAgICAgICAgICdzdHJva2Utd2lkdGgnOiAyLFxuICAgICAgICB9LFxuICAgICAgfVxuICAgICAgY29uc3QgdmlldyA9IGF3YWl0IGNyZWF0ZVZpZXdGcm9tTGF5ZXIobGF5ZXIpXG4gICAgICByZXR1cm4ge1xuICAgICAgICB2aWV3LFxuICAgICAgICBsYXllcnM6IFtsYXllcl0sXG4gICAgICB9XG4gICAgfSlcbiAgKVxuXG4gIGVycm9yID0gJydcblxuICBiYm94Q29vcmRzVG9HZW9tZXRyeShiYm94OiBbbnVtYmVyLCBudW1iZXIsIG51bWJlciwgbnVtYmVyXSk6IEdlb21ldHJ5IHtcbiAgICBjb25zdCBnZW9tZXRyeSA9IG5ldyBQb2x5Z29uKFtcbiAgICAgIFtcbiAgICAgICAgW2Jib3hbMF0sIGJib3hbMV1dLFxuICAgICAgICBbYmJveFswXSwgYmJveFszXV0sXG4gICAgICAgIFtiYm94WzJdLCBiYm94WzNdXSxcbiAgICAgICAgW2Jib3hbMl0sIGJib3hbMV1dLFxuICAgICAgICBbYmJveFswXSwgYmJveFsxXV0sXG4gICAgICBdLFxuICAgIF0pXG5cbiAgICByZXR1cm4gbmV3IEdlb0pTT04oKS53cml0ZUdlb21ldHJ5T2JqZWN0KGdlb21ldHJ5KVxuICB9XG59XG4iLCI8Z24tdWktbWFwLWNvbnRhaW5lclxuICBjbGFzcz1cImgtZnVsbCB3LWZ1bGxcIlxuICBbY29udGV4dF09XCJtYXBDb250ZXh0JCB8IGFzeW5jXCJcbj48L2duLXVpLW1hcC1jb250YWluZXI+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3BhdGlhbC1leHRlbnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy91aS9tYXAvc3JjL2xpYi9jb21wb25lbnRzL3NwYXRpYWwtZXh0ZW50L3NwYXRpYWwtZXh0ZW50LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvdWkvbWFwL3NyYy9saWIvY29tcG9uZW50cy9zcGF0aWFsLWV4dGVudC9zcGF0aWFsLWV4dGVudC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQTtBQUNoRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFFOUMsT0FBTyxPQUFxQyxNQUFNLG1CQUFtQixDQUFBO0FBQ3JFLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxTQUFTLENBQUE7QUFDakMsT0FBTyxFQUNMLG1CQUFtQixHQUdwQixNQUFNLHNCQUFzQixDQUFBO0FBQzdCLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDBDQUEwQyxDQUFBO0FBQ2hGLE9BQU8sRUFBRSxlQUFlLEVBQWMsTUFBTSxNQUFNLENBQUE7QUFDbEQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGdCQUFnQixDQUFBOzs7QUFVMUMsTUFBTSxPQUFPLHNCQUFzQjtJQVBuQztRQVdFLG9CQUFlLEdBQUcsSUFBSSxlQUFlLENBQXlCLEVBQUUsQ0FBQyxDQUFBO1FBQ2pFLGdCQUFXLEdBQTJCLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUM3RCxTQUFTLENBQUMsS0FBSyxFQUFFLE9BQU8sRUFBRSxFQUFFO1lBQzFCLElBQUksT0FBTyxDQUFDLE1BQU0sS0FBSyxDQUFDLEVBQUUsQ0FBQztnQkFDekIsT0FBTyxJQUFJLENBQUEsQ0FBQyxpQ0FBaUM7WUFDL0MsQ0FBQztZQUNELE1BQU0saUJBQWlCLEdBQTZCO2dCQUNsRCxJQUFJLEVBQUUsbUJBQW1CO2dCQUN6QixRQUFRLEVBQUUsRUFBRTthQUNiLENBQUE7WUFDRCxPQUFPLENBQUMsT0FBTyxDQUFDLENBQUMsTUFBTSxFQUFFLEVBQUU7Z0JBQ3pCLElBQUksTUFBTSxDQUFDLFFBQVEsRUFBRSxDQUFDO29CQUNwQixpQkFBaUIsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDO3dCQUM5QixJQUFJLEVBQUUsU0FBUzt3QkFDZixVQUFVLEVBQUUsRUFBRTt3QkFDZCxRQUFRLEVBQUUsTUFBTSxDQUFDLFFBQVE7cUJBQzFCLENBQUMsQ0FBQTtnQkFDSixDQUFDO3FCQUFNLElBQUksTUFBTSxDQUFDLElBQUksRUFBRSxNQUFNLElBQUksQ0FBQyxFQUFFLENBQUM7b0JBQ3BDLGlCQUFpQixDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUM7d0JBQzlCLElBQUksRUFBRSxTQUFTO3dCQUNmLFVBQVUsRUFBRSxFQUFFO3dCQUNkLFFBQVEsRUFBRSxJQUFJLENBQUMsb0JBQW9CLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQztxQkFDakQsQ0FBQyxDQUFBO2dCQUNKLENBQUM7WUFDSCxDQUFDLENBQUMsQ0FBQTtZQUVGLE1BQU0sS0FBSyxHQUFvQjtnQkFDN0IsSUFBSSxFQUFFLFNBQVM7Z0JBQ2YsSUFBSSxFQUFFLGlCQUFpQjtnQkFDdkIsS0FBSyxFQUFFLGlCQUFpQjtnQkFDeEIsS0FBSyxFQUFFO29CQUNMLGNBQWMsRUFBRSxPQUFPO29CQUN2QixjQUFjLEVBQUUsQ0FBQztvQkFDakIsWUFBWSxFQUFFLDBCQUEwQjtpQkFDekM7YUFDRixDQUFBO1lBQ0QsTUFBTSxJQUFJLEdBQUcsTUFBTSxtQkFBbUIsQ0FBQyxLQUFLLENBQUMsQ0FBQTtZQUM3QyxPQUFPO2dCQUNMLElBQUk7Z0JBQ0osTUFBTSxFQUFFLENBQUMsS0FBSyxDQUFDO2FBQ2hCLENBQUE7UUFDSCxDQUFDLENBQUMsQ0FDSCxDQUFBO1FBRUQsVUFBSyxHQUFHLEVBQUUsQ0FBQTtLQWVYO0lBOURDLElBQWEsY0FBYyxDQUFDLEtBQTZCO1FBQ3ZELElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFBO0lBQ2xDLENBQUM7SUErQ0Qsb0JBQW9CLENBQUMsSUFBc0M7UUFDekQsTUFBTSxRQUFRLEdBQUcsSUFBSSxPQUFPLENBQUM7WUFDM0I7Z0JBQ0UsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDO2dCQUNsQixDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUM7Z0JBQ2xCLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQztnQkFDbEIsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDO2dCQUNsQixDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUM7YUFDbkI7U0FDRixDQUFDLENBQUE7UUFFRixPQUFPLElBQUksT0FBTyxFQUFFLENBQUMsbUJBQW1CLENBQUMsUUFBUSxDQUFDLENBQUE7SUFDcEQsQ0FBQzsrR0E5RFUsc0JBQXNCO21HQUF0QixzQkFBc0IsOEhDdEJuQyxpSEFJQSx5RERjWSxZQUFZLG9GQUFFLHFCQUFxQjs7NEZBSWxDLHNCQUFzQjtrQkFQbEMsU0FBUzsrQkFDRSxzQkFBc0IsY0FDcEIsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLHFCQUFxQixDQUFDOzhCQUtqQyxjQUFjO3NCQUExQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nXG5pbXBvcnQgeyBHZW9tZXRyeSB9IGZyb20gJ2dlb2pzb24nXG5pbXBvcnQgR2VvSlNPTiwgeyBHZW9KU09ORmVhdHVyZUNvbGxlY3Rpb24gfSBmcm9tICdvbC9mb3JtYXQvR2VvSlNPTidcbmltcG9ydCB7IFBvbHlnb24gfSBmcm9tICdvbC9nZW9tJ1xuaW1wb3J0IHtcbiAgY3JlYXRlVmlld0Zyb21MYXllcixcbiAgTWFwQ29udGV4dCxcbiAgTWFwQ29udGV4dExheWVyLFxufSBmcm9tICdAZ2Vvc3BhdGlhbC1zZGsvY29yZSdcbmltcG9ydCB7IE1hcENvbnRhaW5lckNvbXBvbmVudCB9IGZyb20gJy4uL21hcC1jb250YWluZXIvbWFwLWNvbnRhaW5lci5jb21wb25lbnQnXG5pbXBvcnQgeyBCZWhhdmlvclN1YmplY3QsIE9ic2VydmFibGUgfSBmcm9tICdyeGpzJ1xuaW1wb3J0IHsgc3dpdGNoTWFwIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnXG5pbXBvcnQgeyBEYXRhc2V0U3BhdGlhbEV4dGVudCB9IGZyb20gJy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tbW9uL2RvbWFpbi9zcmMvbGliL21vZGVsL3JlY29yZCdcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ24tdWktc3BhdGlhbC1leHRlbnQnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBNYXBDb250YWluZXJDb21wb25lbnRdLFxuICB0ZW1wbGF0ZVVybDogJy4vc3BhdGlhbC1leHRlbnQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vc3BhdGlhbC1leHRlbnQuY29tcG9uZW50LmNzcycsXG59KVxuZXhwb3J0IGNsYXNzIFNwYXRpYWxFeHRlbnRDb21wb25lbnQge1xuICBASW5wdXQoKSBzZXQgc3BhdGlhbEV4dGVudHModmFsdWU6IERhdGFzZXRTcGF0aWFsRXh0ZW50W10pIHtcbiAgICB0aGlzLnNwYXRpYWxFeHRlbnRzJC5uZXh0KHZhbHVlKVxuICB9XG4gIHNwYXRpYWxFeHRlbnRzJCA9IG5ldyBCZWhhdmlvclN1YmplY3Q8RGF0YXNldFNwYXRpYWxFeHRlbnRbXT4oW10pXG4gIG1hcENvbnRleHQkOiBPYnNlcnZhYmxlPE1hcENvbnRleHQ+ID0gdGhpcy5zcGF0aWFsRXh0ZW50cyQucGlwZShcbiAgICBzd2l0Y2hNYXAoYXN5bmMgKGV4dGVudHMpID0+IHtcbiAgICAgIGlmIChleHRlbnRzLmxlbmd0aCA9PT0gMCkge1xuICAgICAgICByZXR1cm4gbnVsbCAvLyBudWxsIGV4dGVudCBtZWFucyBkZWZhdWx0IHZpZXdcbiAgICAgIH1cbiAgICAgIGNvbnN0IGZlYXR1cmVDb2xsZWN0aW9uOiBHZW9KU09ORmVhdHVyZUNvbGxlY3Rpb24gPSB7XG4gICAgICAgIHR5cGU6ICdGZWF0dXJlQ29sbGVjdGlvbicsXG4gICAgICAgIGZlYXR1cmVzOiBbXSxcbiAgICAgIH1cbiAgICAgIGV4dGVudHMuZm9yRWFjaCgoZXh0ZW50KSA9PiB7XG4gICAgICAgIGlmIChleHRlbnQuZ2VvbWV0cnkpIHtcbiAgICAgICAgICBmZWF0dXJlQ29sbGVjdGlvbi5mZWF0dXJlcy5wdXNoKHtcbiAgICAgICAgICAgIHR5cGU6ICdGZWF0dXJlJyxcbiAgICAgICAgICAgIHByb3BlcnRpZXM6IHt9LFxuICAgICAgICAgICAgZ2VvbWV0cnk6IGV4dGVudC5nZW9tZXRyeSxcbiAgICAgICAgICB9KVxuICAgICAgICB9IGVsc2UgaWYgKGV4dGVudC5iYm94Py5sZW5ndGggPj0gMCkge1xuICAgICAgICAgIGZlYXR1cmVDb2xsZWN0aW9uLmZlYXR1cmVzLnB1c2goe1xuICAgICAgICAgICAgdHlwZTogJ0ZlYXR1cmUnLFxuICAgICAgICAgICAgcHJvcGVydGllczoge30sXG4gICAgICAgICAgICBnZW9tZXRyeTogdGhpcy5iYm94Q29vcmRzVG9HZW9tZXRyeShleHRlbnQuYmJveCksXG4gICAgICAgICAgfSlcbiAgICAgICAgfVxuICAgICAgfSlcblxuICAgICAgY29uc3QgbGF5ZXI6IE1hcENvbnRleHRMYXllciA9IHtcbiAgICAgICAgdHlwZTogJ2dlb2pzb24nLFxuICAgICAgICBkYXRhOiBmZWF0dXJlQ29sbGVjdGlvbixcbiAgICAgICAgbGFiZWw6ICdTcGF0aWFsIGV4dGVudHMnLFxuICAgICAgICBzdHlsZToge1xuICAgICAgICAgICdzdHJva2UtY29sb3InOiAnYmxhY2snLFxuICAgICAgICAgICdzdHJva2Utd2lkdGgnOiAyLFxuICAgICAgICAgICdmaWxsLWNvbG9yJzogJ3JnYmEoMTUzLCAxNTMsIDE1MywgMC4zKScsXG4gICAgICAgIH0sXG4gICAgICB9XG4gICAgICBjb25zdCB2aWV3ID0gYXdhaXQgY3JlYXRlVmlld0Zyb21MYXllcihsYXllcilcbiAgICAgIHJldHVybiB7XG4gICAgICAgIHZpZXcsXG4gICAgICAgIGxheWVyczogW2xheWVyXSxcbiAgICAgIH1cbiAgICB9KVxuICApXG5cbiAgZXJyb3IgPSAnJ1xuXG4gIGJib3hDb29yZHNUb0dlb21ldHJ5KGJib3g6IFtudW1iZXIsIG51bWJlciwgbnVtYmVyLCBudW1iZXJdKTogR2VvbWV0cnkge1xuICAgIGNvbnN0IGdlb21ldHJ5ID0gbmV3IFBvbHlnb24oW1xuICAgICAgW1xuICAgICAgICBbYmJveFswXSwgYmJveFsxXV0sXG4gICAgICAgIFtiYm94WzBdLCBiYm94WzNdXSxcbiAgICAgICAgW2Jib3hbMl0sIGJib3hbM11dLFxuICAgICAgICBbYmJveFsyXSwgYmJveFsxXV0sXG4gICAgICAgIFtiYm94WzBdLCBiYm94WzFdXSxcbiAgICAgIF0sXG4gICAgXSlcblxuICAgIHJldHVybiBuZXcgR2VvSlNPTigpLndyaXRlR2VvbWV0cnlPYmplY3QoZ2VvbWV0cnkpXG4gIH1cbn1cbiIsIjxnbi11aS1tYXAtY29udGFpbmVyXG4gIGNsYXNzPVwiaC1mdWxsIHctZnVsbFwiXG4gIFtjb250ZXh0XT1cIm1hcENvbnRleHQkIHwgYXN5bmNcIlxuPjwvZ24tdWktbWFwLWNvbnRhaW5lcj5cbiJdfQ==

package/esm2022/libs/ui/search/src/lib/results-list/results-list.component.mjs

@@ -9,11 +9,11 @@ export class ResultsListComponent {
         this.mdSelect = new EventEmitter();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ResultsListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ResultsListComponent, selector: "gn-ui-results-list", inputs: { records: "records", layoutConfig: "layoutConfig", favoriteTemplate: "favoriteTemplate", recordUrlGetter: "recordUrlGetter", metadataQualityDisplay: "metadataQualityDisplay" }, outputs: { mdSelect: "mdSelect" }, ngImport: i0, template: "<ng-container>\n  <div [ngClass]=\"layoutConfig.containerClass\">\n    <div\n      [ngClass]=\"layoutConfig.itemClass\"\n      [style]=\"layoutConfig.itemStyle\"\n      *ngFor=\"let record of records\"\n    >\n      <gn-ui-results-list-item\n        [record]=\"record\"\n        [layoutConfig]=\"layoutConfig\"\n        [metadataQualityDisplay]=\"metadataQualityDisplay\"\n        (mdSelect)=\"mdSelect.emit($event)\"\n        [favoriteTemplate]=\"favoriteTemplate\"\n        [linkHref]=\"recordUrlGetter(record)\"\n      ></gn-ui-results-list-item>\n    </div>\n  </div>\n</ng-container>\n\n<!--\n<ng-template #block>\n  <div class=\"grid md:grid-cols-2 lg:grid-cols-4 gap-4 p-4\">\n    <gn-ui-record-preview-card\n      *ngFor=\"let record of records\"\n      [record]=\"record\"\n      (mdSelect)=\"mdSelect.emit($event)\"\n      linkTarget=\"_blank\"\n      style=\"height: 24em\"\n    ></gn-ui-record-preview-card>\n  </div>\n</ng-template>\n-->\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2.ResultsListItemComponent, selector: "gn-ui-results-list-item", inputs: ["layoutConfig", "record", "favoriteTemplate", "metadataQualityDisplay", "linkHref"], outputs: ["mdSelect"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ResultsListComponent, selector: "gn-ui-results-list", inputs: { records: "records", layoutConfig: "layoutConfig", favoriteTemplate: "favoriteTemplate", recordUrlGetter: "recordUrlGetter", metadataQualityDisplay: "metadataQualityDisplay" }, outputs: { mdSelect: "mdSelect" }, ngImport: i0, template: "<ng-container>\n  <div [ngClass]=\"layoutConfig.containerClass\">\n    <div\n      [ngClass]=\"layoutConfig.itemClass\"\n      [style]=\"layoutConfig.itemStyle\"\n      *ngFor=\"let record of records\"\n    >\n      <gn-ui-results-list-item\n        [record]=\"record\"\n        [layoutConfig]=\"layoutConfig\"\n        [metadataQualityDisplay]=\"metadataQualityDisplay\"\n        (mdSelect)=\"mdSelect.emit($event)\"\n        [favoriteTemplate]=\"favoriteTemplate\"\n        [linkHref]=\"recordUrlGetter(record)\"\n        [attr.data-cy]=\"record.uniqueIdentifier\"\n      ></gn-ui-results-list-item>\n    </div>\n  </div>\n</ng-container>\n\n<!--\n<ng-template #block>\n  <div class=\"grid md:grid-cols-2 lg:grid-cols-4 gap-4 p-4\">\n    <gn-ui-record-preview-card\n      *ngFor=\"let record of records\"\n      [record]=\"record\"\n      (mdSelect)=\"mdSelect.emit($event)\"\n      linkTarget=\"_blank\"\n      style=\"height: 24em\"\n    ></gn-ui-record-preview-card>\n  </div>\n</ng-template>\n-->\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2.ResultsListItemComponent, selector: "gn-ui-results-list-item", inputs: ["layoutConfig", "record", "favoriteTemplate", "metadataQualityDisplay", "linkHref"], outputs: ["mdSelect"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ResultsListComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-results-list', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container>\n  <div [ngClass]=\"layoutConfig.containerClass\">\n    <div\n      [ngClass]=\"layoutConfig.itemClass\"\n      [style]=\"layoutConfig.itemStyle\"\n      *ngFor=\"let record of records\"\n    >\n      <gn-ui-results-list-item\n        [record]=\"record\"\n        [layoutConfig]=\"layoutConfig\"\n        [metadataQualityDisplay]=\"metadataQualityDisplay\"\n        (mdSelect)=\"mdSelect.emit($event)\"\n        [favoriteTemplate]=\"favoriteTemplate\"\n        [linkHref]=\"recordUrlGetter(record)\"\n      ></gn-ui-results-list-item>\n    </div>\n  </div>\n</ng-container>\n\n<!--\n<ng-template #block>\n  <div class=\"grid md:grid-cols-2 lg:grid-cols-4 gap-4 p-4\">\n    <gn-ui-record-preview-card\n      *ngFor=\"let record of records\"\n      [record]=\"record\"\n      (mdSelect)=\"mdSelect.emit($event)\"\n      linkTarget=\"_blank\"\n      style=\"height: 24em\"\n    ></gn-ui-record-preview-card>\n  </div>\n</ng-template>\n-->\n" }]
+            args: [{ selector: 'gn-ui-results-list', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container>\n  <div [ngClass]=\"layoutConfig.containerClass\">\n    <div\n      [ngClass]=\"layoutConfig.itemClass\"\n      [style]=\"layoutConfig.itemStyle\"\n      *ngFor=\"let record of records\"\n    >\n      <gn-ui-results-list-item\n        [record]=\"record\"\n        [layoutConfig]=\"layoutConfig\"\n        [metadataQualityDisplay]=\"metadataQualityDisplay\"\n        (mdSelect)=\"mdSelect.emit($event)\"\n        [favoriteTemplate]=\"favoriteTemplate\"\n        [linkHref]=\"recordUrlGetter(record)\"\n        [attr.data-cy]=\"record.uniqueIdentifier\"\n      ></gn-ui-results-list-item>\n    </div>\n  </div>\n</ng-container>\n\n<!--\n<ng-template #block>\n  <div class=\"grid md:grid-cols-2 lg:grid-cols-4 gap-4 p-4\">\n    <gn-ui-record-preview-card\n      *ngFor=\"let record of records\"\n      [record]=\"record\"\n      (mdSelect)=\"mdSelect.emit($event)\"\n      linkTarget=\"_blank\"\n      style=\"height: 24em\"\n    ></gn-ui-record-preview-card>\n  </div>\n</ng-template>\n-->\n" }]
         }], propDecorators: { records: [{
                 type: Input
             }], layoutConfig: [{
@@ -27,4 +27,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }], mdSelect: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVzdWx0cy1saXN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvdWkvc2VhcmNoL3NyYy9saWIvcmVzdWx0cy1saXN0L3Jlc3VsdHMtbGlzdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpL3NlYXJjaC9zcmMvbGliL3Jlc3VsdHMtbGlzdC9yZXN1bHRzLWxpc3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFFTCxNQUFNLEVBQ04sV0FBVyxHQUNaLE1BQU0sZUFBZSxDQUFBO0FBQ3RCLE9BQU8sRUFDTCw2QkFBNkIsRUFDN0IsdUJBQXVCLEdBQ3hCLE1BQU0seUJBQXlCLENBQUE7Ozs7QUFTaEMsTUFBTSxPQUFPLG9CQUFvQjtJQU5qQztRQVFXLGlCQUFZLEdBQ25CLDZCQUE2QixDQUFDLE1BQU0sQ0FBQyxDQUFBO1FBSTdCLGFBQVEsR0FBRyxJQUFJLFlBQVksRUFBaUIsQ0FBQTtLQUN2RDsrR0FSWSxvQkFBb0I7bUdBQXBCLG9CQUFvQix1UkNyQmpDLDA3QkFnQ0E7OzRGRFhhLG9CQUFvQjtrQkFOaEMsU0FBUzsrQkFDRSxvQkFBb0IsbUJBR2IsdUJBQXVCLENBQUMsTUFBTTs4QkFHdEMsT0FBTztzQkFBZixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBRUcsZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0csc0JBQXNCO3NCQUE5QixLQUFLO2dCQUNJLFFBQVE7c0JBQWpCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPbkluaXQsXG4gIE91dHB1dCxcbiAgVGVtcGxhdGVSZWYsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnXG5pbXBvcnQge1xuICBERUZBVUxUX1JFU1VMVFNfTEFZT1VUX0NPTkZJRyxcbiAgUmVzdWx0c0xheW91dENvbmZpZ0l0ZW0sXG59IGZyb20gJy4vcmVzdWx0cy1sYXlvdXQuY29uZmlnJ1xuaW1wb3J0IHsgQ2F0YWxvZ1JlY29yZCB9IGZyb20gJy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tbW9uL2RvbWFpbi9zcmMvbGliL21vZGVsL3JlY29yZCdcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ24tdWktcmVzdWx0cy1saXN0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL3Jlc3VsdHMtbGlzdC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3Jlc3VsdHMtbGlzdC5jb21wb25lbnQuY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBSZXN1bHRzTGlzdENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHJlY29yZHM6IENhdGFsb2dSZWNvcmRbXVxuICBASW5wdXQoKSBsYXlvdXRDb25maWc6IFJlc3VsdHNMYXlvdXRDb25maWdJdGVtID1cbiAgICBERUZBVUxUX1JFU1VMVFNfTEFZT1VUX0NPTkZJR1snQ0FSRCddXG4gIEBJbnB1dCgpIGZhdm9yaXRlVGVtcGxhdGU6IFRlbXBsYXRlUmVmPHsgJGltcGxpY2l0OiBDYXRhbG9nUmVjb3JkIH0+XG4gIEBJbnB1dCgpIHJlY29yZFVybEdldHRlcjogKHJlY29yZDogQ2F0YWxvZ1JlY29yZCkgPT4gc3RyaW5nXG4gIEBJbnB1dCgpIG1ldGFkYXRhUXVhbGl0eURpc3BsYXk6IGJvb2xlYW5cbiAgQE91dHB1dCgpIG1kU2VsZWN0ID0gbmV3IEV2ZW50RW1pdHRlcjxDYXRhbG9nUmVjb3JkPigpXG59XG4iLCI8bmctY29udGFpbmVyPlxuICA8ZGl2IFtuZ0NsYXNzXT1cImxheW91dENvbmZpZy5jb250YWluZXJDbGFzc1wiPlxuICAgIDxkaXZcbiAgICAgIFtuZ0NsYXNzXT1cImxheW91dENvbmZpZy5pdGVtQ2xhc3NcIlxuICAgICAgW3N0eWxlXT1cImxheW91dENvbmZpZy5pdGVtU3R5bGVcIlxuICAgICAgKm5nRm9yPVwibGV0IHJlY29yZCBvZiByZWNvcmRzXCJcbiAgICA+XG4gICAgICA8Z24tdWktcmVzdWx0cy1saXN0LWl0ZW1cbiAgICAgICAgW3JlY29yZF09XCJyZWNvcmRcIlxuICAgICAgICBbbGF5b3V0Q29uZmlnXT1cImxheW91dENvbmZpZ1wiXG4gICAgICAgIFttZXRhZGF0YVF1YWxpdHlEaXNwbGF5XT1cIm1ldGFkYXRhUXVhbGl0eURpc3BsYXlcIlxuICAgICAgICAobWRTZWxlY3QpPVwibWRTZWxlY3QuZW1pdCgkZXZlbnQpXCJcbiAgICAgICAgW2Zhdm9yaXRlVGVtcGxhdGVdPVwiZmF2b3JpdGVUZW1wbGF0ZVwiXG4gICAgICAgIFtsaW5rSHJlZl09XCJyZWNvcmRVcmxHZXR0ZXIocmVjb3JkKVwiXG4gICAgICA+PC9nbi11aS1yZXN1bHRzLWxpc3QtaXRlbT5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L25nLWNvbnRhaW5lcj5cblxuPCEtLVxuPG5nLXRlbXBsYXRlICNibG9jaz5cbiAgPGRpdiBjbGFzcz1cImdyaWQgbWQ6Z3JpZC1jb2xzLTIgbGc6Z3JpZC1jb2xzLTQgZ2FwLTQgcC00XCI+XG4gICAgPGduLXVpLXJlY29yZC1wcmV2aWV3LWNhcmRcbiAgICAgICpuZ0Zvcj1cImxldCByZWNvcmQgb2YgcmVjb3Jkc1wiXG4gICAgICBbcmVjb3JkXT1cInJlY29yZFwiXG4gICAgICAobWRTZWxlY3QpPVwibWRTZWxlY3QuZW1pdCgkZXZlbnQpXCJcbiAgICAgIGxpbmtUYXJnZXQ9XCJfYmxhbmtcIlxuICAgICAgc3R5bGU9XCJoZWlnaHQ6IDI0ZW1cIlxuICAgID48L2duLXVpLXJlY29yZC1wcmV2aWV3LWNhcmQ+XG4gIDwvZGl2PlxuPC9uZy10ZW1wbGF0ZT5cbi0tPlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVzdWx0cy1saXN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvdWkvc2VhcmNoL3NyYy9saWIvcmVzdWx0cy1saXN0L3Jlc3VsdHMtbGlzdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpL3NlYXJjaC9zcmMvbGliL3Jlc3VsdHMtbGlzdC9yZXN1bHRzLWxpc3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFFTCxNQUFNLEVBQ04sV0FBVyxHQUNaLE1BQU0sZUFBZSxDQUFBO0FBQ3RCLE9BQU8sRUFDTCw2QkFBNkIsRUFDN0IsdUJBQXVCLEdBQ3hCLE1BQU0seUJBQXlCLENBQUE7Ozs7QUFTaEMsTUFBTSxPQUFPLG9CQUFvQjtJQU5qQztRQVFXLGlCQUFZLEdBQ25CLDZCQUE2QixDQUFDLE1BQU0sQ0FBQyxDQUFBO1FBSTdCLGFBQVEsR0FBRyxJQUFJLFlBQVksRUFBaUIsQ0FBQTtLQUN2RDsrR0FSWSxvQkFBb0I7bUdBQXBCLG9CQUFvQix1UkNyQmpDLDgrQkFpQ0E7OzRGRFphLG9CQUFvQjtrQkFOaEMsU0FBUzsrQkFDRSxvQkFBb0IsbUJBR2IsdUJBQXVCLENBQUMsTUFBTTs4QkFHdEMsT0FBTztzQkFBZixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBRUcsZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0csc0JBQXNCO3NCQUE5QixLQUFLO2dCQUNJLFFBQVE7c0JBQWpCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPbkluaXQsXG4gIE91dHB1dCxcbiAgVGVtcGxhdGVSZWYsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnXG5pbXBvcnQge1xuICBERUZBVUxUX1JFU1VMVFNfTEFZT1VUX0NPTkZJRyxcbiAgUmVzdWx0c0xheW91dENvbmZpZ0l0ZW0sXG59IGZyb20gJy4vcmVzdWx0cy1sYXlvdXQuY29uZmlnJ1xuaW1wb3J0IHsgQ2F0YWxvZ1JlY29yZCB9IGZyb20gJy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tbW9uL2RvbWFpbi9zcmMvbGliL21vZGVsL3JlY29yZCdcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ24tdWktcmVzdWx0cy1saXN0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL3Jlc3VsdHMtbGlzdC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3Jlc3VsdHMtbGlzdC5jb21wb25lbnQuY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBSZXN1bHRzTGlzdENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHJlY29yZHM6IENhdGFsb2dSZWNvcmRbXVxuICBASW5wdXQoKSBsYXlvdXRDb25maWc6IFJlc3VsdHNMYXlvdXRDb25maWdJdGVtID1cbiAgICBERUZBVUxUX1JFU1VMVFNfTEFZT1VUX0NPTkZJR1snQ0FSRCddXG4gIEBJbnB1dCgpIGZhdm9yaXRlVGVtcGxhdGU6IFRlbXBsYXRlUmVmPHsgJGltcGxpY2l0OiBDYXRhbG9nUmVjb3JkIH0+XG4gIEBJbnB1dCgpIHJlY29yZFVybEdldHRlcjogKHJlY29yZDogQ2F0YWxvZ1JlY29yZCkgPT4gc3RyaW5nXG4gIEBJbnB1dCgpIG1ldGFkYXRhUXVhbGl0eURpc3BsYXk6IGJvb2xlYW5cbiAgQE91dHB1dCgpIG1kU2VsZWN0ID0gbmV3IEV2ZW50RW1pdHRlcjxDYXRhbG9nUmVjb3JkPigpXG59XG4iLCI8bmctY29udGFpbmVyPlxuICA8ZGl2IFtuZ0NsYXNzXT1cImxheW91dENvbmZpZy5jb250YWluZXJDbGFzc1wiPlxuICAgIDxkaXZcbiAgICAgIFtuZ0NsYXNzXT1cImxheW91dENvbmZpZy5pdGVtQ2xhc3NcIlxuICAgICAgW3N0eWxlXT1cImxheW91dENvbmZpZy5pdGVtU3R5bGVcIlxuICAgICAgKm5nRm9yPVwibGV0IHJlY29yZCBvZiByZWNvcmRzXCJcbiAgICA+XG4gICAgICA8Z24tdWktcmVzdWx0cy1saXN0LWl0ZW1cbiAgICAgICAgW3JlY29yZF09XCJyZWNvcmRcIlxuICAgICAgICBbbGF5b3V0Q29uZmlnXT1cImxheW91dENvbmZpZ1wiXG4gICAgICAgIFttZXRhZGF0YVF1YWxpdHlEaXNwbGF5XT1cIm1ldGFkYXRhUXVhbGl0eURpc3BsYXlcIlxuICAgICAgICAobWRTZWxlY3QpPVwibWRTZWxlY3QuZW1pdCgkZXZlbnQpXCJcbiAgICAgICAgW2Zhdm9yaXRlVGVtcGxhdGVdPVwiZmF2b3JpdGVUZW1wbGF0ZVwiXG4gICAgICAgIFtsaW5rSHJlZl09XCJyZWNvcmRVcmxHZXR0ZXIocmVjb3JkKVwiXG4gICAgICAgIFthdHRyLmRhdGEtY3ldPVwicmVjb3JkLnVuaXF1ZUlkZW50aWZpZXJcIlxuICAgICAgPjwvZ24tdWktcmVzdWx0cy1saXN0LWl0ZW0+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9uZy1jb250YWluZXI+XG5cbjwhLS1cbjxuZy10ZW1wbGF0ZSAjYmxvY2s+XG4gIDxkaXYgY2xhc3M9XCJncmlkIG1kOmdyaWQtY29scy0yIGxnOmdyaWQtY29scy00IGdhcC00IHAtNFwiPlxuICAgIDxnbi11aS1yZWNvcmQtcHJldmlldy1jYXJkXG4gICAgICAqbmdGb3I9XCJsZXQgcmVjb3JkIG9mIHJlY29yZHNcIlxuICAgICAgW3JlY29yZF09XCJyZWNvcmRcIlxuICAgICAgKG1kU2VsZWN0KT1cIm1kU2VsZWN0LmVtaXQoJGV2ZW50KVwiXG4gICAgICBsaW5rVGFyZ2V0PVwiX2JsYW5rXCJcbiAgICAgIHN0eWxlPVwiaGVpZ2h0OiAyNGVtXCJcbiAgICA+PC9nbi11aS1yZWNvcmQtcHJldmlldy1jYXJkPlxuICA8L2Rpdj5cbjwvbmctdGVtcGxhdGU+XG4tLT5cbiJdfQ==

package/esm2022/translations/de.json

@@ -284,6 +284,10 @@
     "facets.block.title.tag.default": "Stichwort",
     "facets.block.title.th_regions_tree.default": "Regionen",
     "favorite.not.authenticated.tooltip": "<div><a href=' {link} '>Anmelden</a>, um auf diese Funktion zuzugreifen</div>",
+    "feature.catalog.attribute.code": "",
+    "feature.catalog.attribute.description": "",
+    "feature.catalog.attribute.name": "",
+    "feature.catalog.attribute.type": "",
     "input.file.dropFileLabel": "",
     "input.file.orInputUrl": "",
     "input.file.selectFileLabel": "",
@@ -361,6 +365,9 @@
     "record.action.view": "Anzeigen",
     "record.card.metadata.contact": "",
     "record.externalViewer.open": "In externem Kartenviewer öffnen",
+    "record.metadata.feature.catalog": "",
+    "record.feature.catalog.number.total.attribute": "",
+    "record.feature.catalog.number.total.object": "",
     "record.feature.limit": "Die Vorschau wurde aufgrund zu vieler Elemente deaktiviert",
     "record.kind.data": "",
     "record.kind.dataset": "",
@@ -488,6 +495,7 @@
     "search.error.recordNotFound": "Der Datensatz mit der Kennung \"{ id }\" konnte nicht gefunden werden.",
     "search.field.any.placeholder": "Suche im katalog ...",
     "search.field.sortBy": "Sortieren nach:",
+    "search.filter.into.feature.catalog": "",
     "search.filters.availableServices.download": "",
     "search.filters.availableServices.view": "",
     "search.filters.changeDate": "Letzte Aktualisierung",

package/esm2022/translations/en.json

@@ -284,6 +284,10 @@
     "facets.block.title.tag.default": "Tag",
     "facets.block.title.th_regions_tree.default": "Regions",
     "favorite.not.authenticated.tooltip": "<div><a href=' {link} '>Login</a> to access this feature</div>",
+    "feature.catalog.attribute.code": "Code",
+    "feature.catalog.attribute.description": "Description",
+    "feature.catalog.attribute.name": "Name",
+    "feature.catalog.attribute.type": "Type",
     "input.file.dropFileLabel": "or drop it here",
     "input.file.orInputUrl": "or create a link to an external resource",
     "input.file.selectFileLabel": "Select a file ({sizeMB} MB max.)",
@@ -361,6 +365,9 @@
     "record.action.view": "View",
     "record.card.metadata.contact": "Metadata Contact",
     "record.externalViewer.open": "Open in the external map viewer",
+    "record.metadata.feature.catalog": "Feature catalog",
+    "record.feature.catalog.number.total.attribute": "Total amount of objects",
+    "record.feature.catalog.number.total.object": "Total amount of attributes",
     "record.feature.limit": "Preview disabled due to too many elements",
     "record.kind.data": "Data",
     "record.kind.dataset": "Dataset",
@@ -488,6 +495,7 @@
     "search.error.recordNotFound": "The dataset with identifier \"{ id }\" could not be found.",
     "search.field.any.placeholder": "Search in the catalog ...",
     "search.field.sortBy": "Sort by:",
+    "search.filter.into.feature.catalog": "Search a term",
     "search.filters.availableServices.download": "",
     "search.filters.availableServices.view": "",
     "search.filters.changeDate": "Updated",

package/esm2022/translations/es.json

@@ -284,6 +284,10 @@
     "facets.block.title.tag.default": "",
     "facets.block.title.th_regions_tree.default": "",
     "favorite.not.authenticated.tooltip": "",
+    "feature.catalog.attribute.code": "",
+    "feature.catalog.attribute.description": "",
+    "feature.catalog.attribute.name": "",
+    "feature.catalog.attribute.type": "",
     "input.file.dropFileLabel": "",
     "input.file.orInputUrl": "",
     "input.file.selectFileLabel": "",
@@ -361,6 +365,9 @@
     "record.action.view": "",
     "record.card.metadata.contact": "",
     "record.externalViewer.open": "",
+    "record.feature.catalog": "",
+    "record.feature.catalog.number.total.attribute": "",
+    "record.feature.catalog.number.total.object": "",
     "record.feature.limit": "",
     "record.kind.data": "",
     "record.kind.dataset": "",
@@ -488,6 +495,7 @@
     "search.error.recordNotFound": "",
     "search.field.any.placeholder": "",
     "search.field.sortBy": "",
+    "search.filter.into.feature.catalog": "",
     "search.filters.availableServices.download": "",
     "search.filters.availableServices.view": "",
     "search.filters.changeDate": "Última actualización",

package/esm2022/translations/fr.json

@@ -284,6 +284,10 @@
     "facets.block.title.tag.default": "Tag",
     "facets.block.title.th_regions_tree.default": "Régions",
     "favorite.not.authenticated.tooltip": "<div><a href=' {link} '>Connectez-vous</a> pour avoir accès à cette fonctionnalité</div>",
+    "feature.catalog.attribute.code": "Code",
+    "feature.catalog.attribute.description": "Description",
+    "feature.catalog.attribute.name": "Nom",
+    "feature.catalog.attribute.type": "Type",
     "input.file.dropFileLabel": "ou glissez-le ici",
     "input.file.orInputUrl": "ou créez un lien vers une ressource externe",
     "input.file.selectFileLabel": "Sélectionnez un fichier ({sizeMB} Mo max.)",
@@ -361,6 +365,9 @@
     "record.action.view": "Voir",
     "record.card.metadata.contact": "Contact de la métadonnée ",
     "record.externalViewer.open": "Ouvrir dans le visualiseur externe",
+    "record.metadata.feature.catalog": "Catalogue d'attributs",
+    "record.feature.catalog.number.total.attribute": "Nombre total d'attributs",
+    "record.feature.catalog.number.total.object": "Nombre total d'objets",
     "record.feature.limit": "L’aperçu a été désactivé en raison d’un trop grand nombre d'éléments",
     "record.kind.data": "Donnée",
     "record.kind.dataset": "Donnée",
@@ -488,6 +495,7 @@
     "search.error.recordNotFound": "Cette donnée n'a pu être trouvée.",
     "search.field.any.placeholder": "Rechercher dans le catalogue...",
     "search.field.sortBy": "Trier par :",
+    "search.filter.into.feature.catalog": "Rechercher un terme",
     "search.filters.availableServices.download": "",
     "search.filters.availableServices.view": "",
     "search.filters.changeDate": "Mise à jour",

package/esm2022/translations/it.json

@@ -284,6 +284,10 @@
     "facets.block.title.tag.default": "Tag",
     "facets.block.title.th_regions_tree.default": "Regioni",
     "favorite.not.authenticated.tooltip": "<div><a href=' {link} '>Login</a> per accedere a questa funzionalità</div>",
+    "feature.catalog.attribute.code": "",
+    "feature.catalog.attribute.description": "",
+    "feature.catalog.attribute.name": "",
+    "feature.catalog.attribute.type": "",
     "input.file.dropFileLabel": "oppure trascinalo qui",
     "input.file.orInputUrl": "o collegamento a una risorsa esterna",
     "input.file.selectFileLabel": "Seleziona un file ({sizeMB} MB max.)",
@@ -361,6 +365,9 @@
     "record.action.view": "Visualizza",
     "record.card.metadata.contact": "",
     "record.externalViewer.open": "Aprire nel visualizzatore esterno",
+    "record.feature.catalog": "",
+    "record.feature.catalog.number.total.attribute": "",
+    "record.feature.catalog.number.total.object": "",
     "record.feature.limit": "La visualizzazione è stata disabilitata a causa di troppi elementi ",
     "record.kind.data": "",
     "record.kind.dataset": "",
@@ -488,6 +495,7 @@
     "search.error.recordNotFound": "Impossibile trovare questi dati.",
     "search.field.any.placeholder": "Cerca del catalogo...",
     "search.field.sortBy": "Ordina per:",
+    "search.filter.into.feature.catalog": "",
     "search.filters.availableServices.download": "",
     "search.filters.availableServices.view": "",
     "search.filters.changeDate": "Aggiornato",