geonetwork-ui 2.1.0-initial

package/esm2022/libs/ui/elements/src/lib/metadata-info/metadata-info.component.mjs

@@ -0,0 +1,49 @@
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/material/icon";
+import * as i3 from "../../../../widgets/src/lib/badge/badge.component";
+import * as i4 from "../../../../layout/src/lib/expandable-panel/expandable-panel.component";
+import * as i5 from "@ngx-translate/core";
+import * as i6 from "../content-ghost/content-ghost.component";
+import * as i7 from "./linkify.directive";
+import * as i8 from "../../../../../util/shared/src/lib/pipes/SafePipe";
+export class MetadataInfoComponent {
+    constructor() {
+        this.keyword = new EventEmitter();
+    }
+    get hasUsage() {
+        return (this.metadata.extras?.isOpenData === true ||
+            this.metadata.useLimitations?.length ||
+            this.metadata.accessConstraints?.length);
+    }
+    get usages() {
+        let array = [];
+        if (this.metadata.useLimitations?.length) {
+            array = array.concat(this.metadata.useLimitations);
+        }
+        if (this.metadata.accessConstraints?.length) {
+            array = array.concat(this.metadata.accessConstraints.map((c) => c.text));
+        }
+        return array;
+    }
+    fieldReady(propName) {
+        return !this.incomplete || propName in this.metadata;
+    }
+    onKeywordClick(keyword) {
+        this.keyword.emit(keyword);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: MetadataInfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: MetadataInfoComponent, selector: "gn-ui-metadata-info", inputs: { metadata: "metadata", incomplete: "incomplete" }, outputs: { keyword: "keyword" }, ngImport: i0, template: "<p\n  class=\"text-[28px] text-title text-center mb-6 font-title sm:text-left\"\n  translate\n>\n  record.metadata.about\n</p>\n<div class=\"mb-6 md-description sm:mb-4 sm:pr-16\">\n  <gn-ui-content-ghost ghostClass=\"h-32\" [showContent]=\"fieldReady('abstract')\">\n    <p\n      class=\"whitespace-pre-line break-words\"\n      [innerHTML]=\"metadata.abstract | safe: 'html'\"\n      *ngIf=\"metadata.abstract\"\n    ></p>\n  </gn-ui-content-ghost>\n</div>\n\n<ng-container *ngIf=\"metadata.keywords?.length\">\n  <p class=\"mb-3 font-medium text-primary text-sm\" translate>\n    record.metadata.keywords\n  </p>\n  <div class=\"mb-9 sm:mb-16\">\n    <gn-ui-badge\n      class=\"inline-block mr-2 mb-2 lowercase\"\n      (click)=\"onKeywordClick(keyword)\"\n      [clickable]=\"true\"\n      *ngFor=\"let keyword of metadata.keywords\"\n      >{{ keyword }}</gn-ui-badge\n    >\n  </div>\n</ng-container>\n\n<gn-ui-expandable-panel\n  class=\"metadata-origin\"\n  *ngIf=\"\n    metadata.lineage ||\n    metadata.recordUpdated ||\n    metadata.updateFrequency ||\n    metadata.status\n  \"\n  [title]=\"'record.metadata.origin' | translate\"\n>\n  <p\n    *ngIf=\"metadata.lineage\"\n    class=\"mb-5 pt-4 whitespace-pre-line break-words\"\n    gnUiLinkify\n  >\n    {{ metadata.lineage }}\n  </p>\n  <div\n    class=\"py-4 px-6 rounded bg-gray-100 grid grid-cols-2 gap-y-[10px] gap-x-[20px] text-gray-700 info-grid\"\n  >\n    <div *ngIf=\"metadata.recordUpdated\">\n      <p class=\"text-sm\" translate>record.metadata.updatedOn</p>\n      <p class=\"text-primary font-medium mt-1\">\n        {{ metadata.recordUpdated && metadata.recordUpdated.toLocaleString() }}\n      </p>\n    </div>\n    <div *ngIf=\"metadata.updateFrequency\">\n      <p class=\"text-sm\" translate>record.metadata.updateFrequency</p>\n      <p class=\"text-primary font-medium mt-1\" translate>\n        domain.record.updateFrequency.{{ metadata.updateFrequency }}\n      </p>\n    </div>\n    <div *ngIf=\"metadata.status\">\n      <p class=\"text-sm\" translate>record.metadata.updateStatus</p>\n      <p class=\"text-primary font-medium mt-1\" translate>\n        domain.record.status.{{ metadata.status }}\n      </p>\n    </div>\n  </div>\n</gn-ui-expandable-panel>\n<gn-ui-expandable-panel [title]=\"'record.metadata.usage' | translate\">\n  <div class=\"py-4 px-6 rounded bg-gray-100 text-gray-700 flex flex-wrap gap-2\">\n    <gn-ui-badge *ngIf=\"metadata.extras?.isOpenData\">\n      <span translate>record.metadata.isOpenData</span>\n    </gn-ui-badge>\n    <span\n      class=\"text-primary font-medium\"\n      *ngFor=\"let usage of usages\"\n      gnUiLinkify\n    >\n      {{ usage }}\n    </span>\n    <span class=\"text-primary font-medium noUsage\" *ngIf=\"!hasUsage\">\n      {{ 'record.metadata.noUsage' | translate }}\n    </span>\n  </div>\n</gn-ui-expandable-panel>\n<gn-ui-expandable-panel\n  *ngIf=\"metadata.landingPage\"\n  [title]=\"'record.metadata.details' | translate\"\n>\n  <div class=\"py-5 px-5 rounded bg-gray-100 text-gray-700\">\n    <p class=\"text-sm\" translate>record.metadata.sheet</p>\n    <p class=\"text-primary font-medium mt-1\" translate>\n      <a [href]=\"metadata.landingPage\" target=\"_blank\">\n        <mat-icon\n          class=\"material-symbols-outlined inline-block align-bottom pt-1.5 text-xs text-black !w-[20px]\"\n          >open_in_new</mat-icon\n        >\n        <span class=\"break-all\">{{ metadata.landingPage }}</span>\n      </a>\n    </p>\n  </div>\n</gn-ui-expandable-panel>\n", styles: [".md-description ::ng-deep a{@apply underline text-blue-600 hover:text-blue-800;}.info-grid>:nth-last-child(n+3){padding-bottom:10px;@apply border-b border-gray-300;}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.BadgeComponent, selector: "gn-ui-badge", inputs: ["clickable"] }, { kind: "component", type: i4.ExpandablePanelComponent, selector: "gn-ui-expandable-panel", inputs: ["title", "collapsed"] }, { kind: "directive", type: i5.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i6.ContentGhostComponent, selector: "gn-ui-content-ghost", inputs: ["showContent", "ghostClass"] }, { kind: "directive", type: i7.GnUiLinkifyDirective, selector: "[gnUiLinkify]" }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "pipe", type: i8.SafePipe, name: "safe" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: MetadataInfoComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-metadata-info', changeDetection: ChangeDetectionStrategy.OnPush, template: "<p\n  class=\"text-[28px] text-title text-center mb-6 font-title sm:text-left\"\n  translate\n>\n  record.metadata.about\n</p>\n<div class=\"mb-6 md-description sm:mb-4 sm:pr-16\">\n  <gn-ui-content-ghost ghostClass=\"h-32\" [showContent]=\"fieldReady('abstract')\">\n    <p\n      class=\"whitespace-pre-line break-words\"\n      [innerHTML]=\"metadata.abstract | safe: 'html'\"\n      *ngIf=\"metadata.abstract\"\n    ></p>\n  </gn-ui-content-ghost>\n</div>\n\n<ng-container *ngIf=\"metadata.keywords?.length\">\n  <p class=\"mb-3 font-medium text-primary text-sm\" translate>\n    record.metadata.keywords\n  </p>\n  <div class=\"mb-9 sm:mb-16\">\n    <gn-ui-badge\n      class=\"inline-block mr-2 mb-2 lowercase\"\n      (click)=\"onKeywordClick(keyword)\"\n      [clickable]=\"true\"\n      *ngFor=\"let keyword of metadata.keywords\"\n      >{{ keyword }}</gn-ui-badge\n    >\n  </div>\n</ng-container>\n\n<gn-ui-expandable-panel\n  class=\"metadata-origin\"\n  *ngIf=\"\n    metadata.lineage ||\n    metadata.recordUpdated ||\n    metadata.updateFrequency ||\n    metadata.status\n  \"\n  [title]=\"'record.metadata.origin' | translate\"\n>\n  <p\n    *ngIf=\"metadata.lineage\"\n    class=\"mb-5 pt-4 whitespace-pre-line break-words\"\n    gnUiLinkify\n  >\n    {{ metadata.lineage }}\n  </p>\n  <div\n    class=\"py-4 px-6 rounded bg-gray-100 grid grid-cols-2 gap-y-[10px] gap-x-[20px] text-gray-700 info-grid\"\n  >\n    <div *ngIf=\"metadata.recordUpdated\">\n      <p class=\"text-sm\" translate>record.metadata.updatedOn</p>\n      <p class=\"text-primary font-medium mt-1\">\n        {{ metadata.recordUpdated && metadata.recordUpdated.toLocaleString() }}\n      </p>\n    </div>\n    <div *ngIf=\"metadata.updateFrequency\">\n      <p class=\"text-sm\" translate>record.metadata.updateFrequency</p>\n      <p class=\"text-primary font-medium mt-1\" translate>\n        domain.record.updateFrequency.{{ metadata.updateFrequency }}\n      </p>\n    </div>\n    <div *ngIf=\"metadata.status\">\n      <p class=\"text-sm\" translate>record.metadata.updateStatus</p>\n      <p class=\"text-primary font-medium mt-1\" translate>\n        domain.record.status.{{ metadata.status }}\n      </p>\n    </div>\n  </div>\n</gn-ui-expandable-panel>\n<gn-ui-expandable-panel [title]=\"'record.metadata.usage' | translate\">\n  <div class=\"py-4 px-6 rounded bg-gray-100 text-gray-700 flex flex-wrap gap-2\">\n    <gn-ui-badge *ngIf=\"metadata.extras?.isOpenData\">\n      <span translate>record.metadata.isOpenData</span>\n    </gn-ui-badge>\n    <span\n      class=\"text-primary font-medium\"\n      *ngFor=\"let usage of usages\"\n      gnUiLinkify\n    >\n      {{ usage }}\n    </span>\n    <span class=\"text-primary font-medium noUsage\" *ngIf=\"!hasUsage\">\n      {{ 'record.metadata.noUsage' | translate }}\n    </span>\n  </div>\n</gn-ui-expandable-panel>\n<gn-ui-expandable-panel\n  *ngIf=\"metadata.landingPage\"\n  [title]=\"'record.metadata.details' | translate\"\n>\n  <div class=\"py-5 px-5 rounded bg-gray-100 text-gray-700\">\n    <p class=\"text-sm\" translate>record.metadata.sheet</p>\n    <p class=\"text-primary font-medium mt-1\" translate>\n      <a [href]=\"metadata.landingPage\" target=\"_blank\">\n        <mat-icon\n          class=\"material-symbols-outlined inline-block align-bottom pt-1.5 text-xs text-black !w-[20px]\"\n          >open_in_new</mat-icon\n        >\n        <span class=\"break-all\">{{ metadata.landingPage }}</span>\n      </a>\n    </p>\n  </div>\n</gn-ui-expandable-panel>\n", styles: [".md-description ::ng-deep a{@apply underline text-blue-600 hover:text-blue-800;}.info-grid>:nth-last-child(n+3){padding-bottom:10px;@apply border-b border-gray-300;}\n"] }]
+        }], propDecorators: { metadata: [{
+                type: Input
+            }], incomplete: [{
+                type: Input
+            }], keyword: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWV0YWRhdGEtaW5mby5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpL2VsZW1lbnRzL3NyYy9saWIvbWV0YWRhdGEtaW5mby9tZXRhZGF0YS1pbmZvLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvdWkvZWxlbWVudHMvc3JjL2xpYi9tZXRhZGF0YS1pbmZvL21ldGFkYXRhLWluZm8uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEdBQ1AsTUFBTSxlQUFlLENBQUE7Ozs7Ozs7Ozs7QUFTdEIsTUFBTSxPQUFPLHFCQUFxQjtJQU5sQztRQVNZLFlBQU8sR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFBO0tBNEIvQztJQTFCQyxJQUFJLFFBQVE7UUFDVixPQUFPLENBQ0wsSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLEVBQUUsVUFBVSxLQUFLLElBQUk7WUFDekMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxjQUFjLEVBQUUsTUFBTTtZQUNwQyxJQUFJLENBQUMsUUFBUSxDQUFDLGlCQUFpQixFQUFFLE1BQU0sQ0FDeEMsQ0FBQTtJQUNILENBQUM7SUFFRCxJQUFJLE1BQU07UUFDUixJQUFJLEtBQUssR0FBRyxFQUFFLENBQUE7UUFDZCxJQUFJLElBQUksQ0FBQyxRQUFRLENBQUMsY0FBYyxFQUFFLE1BQU0sRUFBRTtZQUN4QyxLQUFLLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLGNBQWMsQ0FBQyxDQUFBO1NBQ25EO1FBQ0QsSUFBSSxJQUFJLENBQUMsUUFBUSxDQUFDLGlCQUFpQixFQUFFLE1BQU0sRUFBRTtZQUMzQyxLQUFLLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLGlCQUFpQixDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUE7U0FDekU7UUFDRCxPQUFPLEtBQUssQ0FBQTtJQUNkLENBQUM7SUFFRCxVQUFVLENBQUMsUUFBZ0I7UUFDekIsT0FBTyxDQUFDLElBQUksQ0FBQyxVQUFVLElBQUksUUFBUSxJQUFJLElBQUksQ0FBQyxRQUFRLENBQUE7SUFDdEQsQ0FBQztJQUVELGNBQWMsQ0FBQyxPQUFlO1FBQzVCLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFBO0lBQzVCLENBQUM7OEdBOUJVLHFCQUFxQjtrR0FBckIscUJBQXFCLHdKQ2ZsQyw0OEdBeUdBOzsyRkQxRmEscUJBQXFCO2tCQU5qQyxTQUFTOytCQUNFLHFCQUFxQixtQkFHZCx1QkFBdUIsQ0FBQyxNQUFNOzhCQUd0QyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0ksT0FBTztzQkFBaEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE91dHB1dCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSdcbmltcG9ydCB7IERhdGFzZXRSZWNvcmQgfSBmcm9tICcuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbW1vbi9kb21haW4vc3JjL2xpYi9yZWNvcmQnXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2duLXVpLW1ldGFkYXRhLWluZm8nLFxuICB0ZW1wbGF0ZVVybDogJy4vbWV0YWRhdGEtaW5mby5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL21ldGFkYXRhLWluZm8uY29tcG9uZW50LmNzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgTWV0YWRhdGFJbmZvQ29tcG9uZW50IHtcbiAgQElucHV0KCkgbWV0YWRhdGE6IFBhcnRpYWw8RGF0YXNldFJlY29yZD5cbiAgQElucHV0KCkgaW5jb21wbGV0ZTogYm9vbGVhblxuICBAT3V0cHV0KCkga2V5d29yZCA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpXG5cbiAgZ2V0IGhhc1VzYWdlKCkge1xuICAgIHJldHVybiAoXG4gICAgICB0aGlzLm1ldGFkYXRhLmV4dHJhcz8uaXNPcGVuRGF0YSA9PT0gdHJ1ZSB8fFxuICAgICAgdGhpcy5tZXRhZGF0YS51c2VMaW1pdGF0aW9ucz8ubGVuZ3RoIHx8XG4gICAgICB0aGlzLm1ldGFkYXRhLmFjY2Vzc0NvbnN0cmFpbnRzPy5sZW5ndGhcbiAgICApXG4gIH1cblxuICBnZXQgdXNhZ2VzKCk6IHN0cmluZ1tdIHtcbiAgICBsZXQgYXJyYXkgPSBbXVxuICAgIGlmICh0aGlzLm1ldGFkYXRhLnVzZUxpbWl0YXRpb25zPy5sZW5ndGgpIHtcbiAgICAgIGFycmF5ID0gYXJyYXkuY29uY2F0KHRoaXMubWV0YWRhdGEudXNlTGltaXRhdGlvbnMpXG4gICAgfVxuICAgIGlmICh0aGlzLm1ldGFkYXRhLmFjY2Vzc0NvbnN0cmFpbnRzPy5sZW5ndGgpIHtcbiAgICAgIGFycmF5ID0gYXJyYXkuY29uY2F0KHRoaXMubWV0YWRhdGEuYWNjZXNzQ29uc3RyYWludHMubWFwKChjKSA9PiBjLnRleHQpKVxuICAgIH1cbiAgICByZXR1cm4gYXJyYXlcbiAgfVxuXG4gIGZpZWxkUmVhZHkocHJvcE5hbWU6IHN0cmluZykge1xuICAgIHJldHVybiAhdGhpcy5pbmNvbXBsZXRlIHx8IHByb3BOYW1lIGluIHRoaXMubWV0YWRhdGFcbiAgfVxuXG4gIG9uS2V5d29yZENsaWNrKGtleXdvcmQ6IHN0cmluZykge1xuICAgIHRoaXMua2V5d29yZC5lbWl0KGtleXdvcmQpXG4gIH1cbn1cbiIsIjxwXG4gIGNsYXNzPVwidGV4dC1bMjhweF0gdGV4dC10aXRsZSB0ZXh0LWNlbnRlciBtYi02IGZvbnQtdGl0bGUgc206dGV4dC1sZWZ0XCJcbiAgdHJhbnNsYXRlXG4+XG4gIHJlY29yZC5tZXRhZGF0YS5hYm91dFxuPC9wPlxuPGRpdiBjbGFzcz1cIm1iLTYgbWQtZGVzY3JpcHRpb24gc206bWItNCBzbTpwci0xNlwiPlxuICA8Z24tdWktY29udGVudC1naG9zdCBnaG9zdENsYXNzPVwiaC0zMlwiIFtzaG93Q29udGVudF09XCJmaWVsZFJlYWR5KCdhYnN0cmFjdCcpXCI+XG4gICAgPHBcbiAgICAgIGNsYXNzPVwid2hpdGVzcGFjZS1wcmUtbGluZSBicmVhay13b3Jkc1wiXG4gICAgICBbaW5uZXJIVE1MXT1cIm1ldGFkYXRhLmFic3RyYWN0IHwgc2FmZTogJ2h0bWwnXCJcbiAgICAgICpuZ0lmPVwibWV0YWRhdGEuYWJzdHJhY3RcIlxuICAgID48L3A+XG4gIDwvZ24tdWktY29udGVudC1naG9zdD5cbjwvZGl2PlxuXG48bmctY29udGFpbmVyICpuZ0lmPVwibWV0YWRhdGEua2V5d29yZHM/Lmxlbmd0aFwiPlxuICA8cCBjbGFzcz1cIm1iLTMgZm9udC1tZWRpdW0gdGV4dC1wcmltYXJ5IHRleHQtc21cIiB0cmFuc2xhdGU+XG4gICAgcmVjb3JkLm1ldGFkYXRhLmtleXdvcmRzXG4gIDwvcD5cbiAgPGRpdiBjbGFzcz1cIm1iLTkgc206bWItMTZcIj5cbiAgICA8Z24tdWktYmFkZ2VcbiAgICAgIGNsYXNzPVwiaW5saW5lLWJsb2NrIG1yLTIgbWItMiBsb3dlcmNhc2VcIlxuICAgICAgKGNsaWNrKT1cIm9uS2V5d29yZENsaWNrKGtleXdvcmQpXCJcbiAgICAgIFtjbGlja2FibGVdPVwidHJ1ZVwiXG4gICAgICAqbmdGb3I9XCJsZXQga2V5d29yZCBvZiBtZXRhZGF0YS5rZXl3b3Jkc1wiXG4gICAgICA+e3sga2V5d29yZCB9fTwvZ24tdWktYmFkZ2VcbiAgICA+XG4gIDwvZGl2PlxuPC9uZy1jb250YWluZXI+XG5cbjxnbi11aS1leHBhbmRhYmxlLXBhbmVsXG4gIGNsYXNzPVwibWV0YWRhdGEtb3JpZ2luXCJcbiAgKm5nSWY9XCJcbiAgICBtZXRhZGF0YS5saW5lYWdlIHx8XG4gICAgbWV0YWRhdGEucmVjb3JkVXBkYXRlZCB8fFxuICAgIG1ldGFkYXRhLnVwZGF0ZUZyZXF1ZW5jeSB8fFxuICAgIG1ldGFkYXRhLnN0YXR1c1xuICBcIlxuICBbdGl0bGVdPVwiJ3JlY29yZC5tZXRhZGF0YS5vcmlnaW4nIHwgdHJhbnNsYXRlXCJcbj5cbiAgPHBcbiAgICAqbmdJZj1cIm1ldGFkYXRhLmxpbmVhZ2VcIlxuICAgIGNsYXNzPVwibWItNSBwdC00IHdoaXRlc3BhY2UtcHJlLWxpbmUgYnJlYWstd29yZHNcIlxuICAgIGduVWlMaW5raWZ5XG4gID5cbiAgICB7eyBtZXRhZGF0YS5saW5lYWdlIH19XG4gIDwvcD5cbiAgPGRpdlxuICAgIGNsYXNzPVwicHktNCBweC02IHJvdW5kZWQgYmctZ3JheS0xMDAgZ3JpZCBncmlkLWNvbHMtMiBnYXAteS1bMTBweF0gZ2FwLXgtWzIwcHhdIHRleHQtZ3JheS03MDAgaW5mby1ncmlkXCJcbiAgPlxuICAgIDxkaXYgKm5nSWY9XCJtZXRhZGF0YS5yZWNvcmRVcGRhdGVkXCI+XG4gICAgICA8cCBjbGFzcz1cInRleHQtc21cIiB0cmFuc2xhdGU+cmVjb3JkLm1ldGFkYXRhLnVwZGF0ZWRPbjwvcD5cbiAgICAgIDxwIGNsYXNzPVwidGV4dC1wcmltYXJ5IGZvbnQtbWVkaXVtIG10LTFcIj5cbiAgICAgICAge3sgbWV0YWRhdGEucmVjb3JkVXBkYXRlZCAmJiBtZXRhZGF0YS5yZWNvcmRVcGRhdGVkLnRvTG9jYWxlU3RyaW5nKCkgfX1cbiAgICAgIDwvcD5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2ICpuZ0lmPVwibWV0YWRhdGEudXBkYXRlRnJlcXVlbmN5XCI+XG4gICAgICA8cCBjbGFzcz1cInRleHQtc21cIiB0cmFuc2xhdGU+cmVjb3JkLm1ldGFkYXRhLnVwZGF0ZUZyZXF1ZW5jeTwvcD5cbiAgICAgIDxwIGNsYXNzPVwidGV4dC1wcmltYXJ5IGZvbnQtbWVkaXVtIG10LTFcIiB0cmFuc2xhdGU+XG4gICAgICAgIGRvbWFpbi5yZWNvcmQudXBkYXRlRnJlcXVlbmN5Lnt7IG1ldGFkYXRhLnVwZGF0ZUZyZXF1ZW5jeSB9fVxuICAgICAgPC9wPlxuICAgIDwvZGl2PlxuICAgIDxkaXYgKm5nSWY9XCJtZXRhZGF0YS5zdGF0dXNcIj5cbiAgICAgIDxwIGNsYXNzPVwidGV4dC1zbVwiIHRyYW5zbGF0ZT5yZWNvcmQubWV0YWRhdGEudXBkYXRlU3RhdHVzPC9wPlxuICAgICAgPHAgY2xhc3M9XCJ0ZXh0LXByaW1hcnkgZm9udC1tZWRpdW0gbXQtMVwiIHRyYW5zbGF0ZT5cbiAgICAgICAgZG9tYWluLnJlY29yZC5zdGF0dXMue3sgbWV0YWRhdGEuc3RhdHVzIH19XG4gICAgICA8L3A+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9nbi11aS1leHBhbmRhYmxlLXBhbmVsPlxuPGduLXVpLWV4cGFuZGFibGUtcGFuZWwgW3RpdGxlXT1cIidyZWNvcmQubWV0YWRhdGEudXNhZ2UnIHwgdHJhbnNsYXRlXCI+XG4gIDxkaXYgY2xhc3M9XCJweS00IHB4LTYgcm91bmRlZCBiZy1ncmF5LTEwMCB0ZXh0LWdyYXktNzAwIGZsZXggZmxleC13cmFwIGdhcC0yXCI+XG4gICAgPGduLXVpLWJhZGdlICpuZ0lmPVwibWV0YWRhdGEuZXh0cmFzPy5pc09wZW5EYXRhXCI+XG4gICAgICA8c3BhbiB0cmFuc2xhdGU+cmVjb3JkLm1ldGFkYXRhLmlzT3BlbkRhdGE8L3NwYW4+XG4gICAgPC9nbi11aS1iYWRnZT5cbiAgICA8c3BhblxuICAgICAgY2xhc3M9XCJ0ZXh0LXByaW1hcnkgZm9udC1tZWRpdW1cIlxuICAgICAgKm5nRm9yPVwibGV0IHVzYWdlIG9mIHVzYWdlc1wiXG4gICAgICBnblVpTGlua2lmeVxuICAgID5cbiAgICAgIHt7IHVzYWdlIH19XG4gICAgPC9zcGFuPlxuICAgIDxzcGFuIGNsYXNzPVwidGV4dC1wcmltYXJ5IGZvbnQtbWVkaXVtIG5vVXNhZ2VcIiAqbmdJZj1cIiFoYXNVc2FnZVwiPlxuICAgICAge3sgJ3JlY29yZC5tZXRhZGF0YS5ub1VzYWdlJyB8IHRyYW5zbGF0ZSB9fVxuICAgIDwvc3Bhbj5cbiAgPC9kaXY+XG48L2duLXVpLWV4cGFuZGFibGUtcGFuZWw+XG48Z24tdWktZXhwYW5kYWJsZS1wYW5lbFxuICAqbmdJZj1cIm1ldGFkYXRhLmxhbmRpbmdQYWdlXCJcbiAgW3RpdGxlXT1cIidyZWNvcmQubWV0YWRhdGEuZGV0YWlscycgfCB0cmFuc2xhdGVcIlxuPlxuICA8ZGl2IGNsYXNzPVwicHktNSBweC01IHJvdW5kZWQgYmctZ3JheS0xMDAgdGV4dC1ncmF5LTcwMFwiPlxuICAgIDxwIGNsYXNzPVwidGV4dC1zbVwiIHRyYW5zbGF0ZT5yZWNvcmQubWV0YWRhdGEuc2hlZXQ8L3A+XG4gICAgPHAgY2xhc3M9XCJ0ZXh0LXByaW1hcnkgZm9udC1tZWRpdW0gbXQtMVwiIHRyYW5zbGF0ZT5cbiAgICAgIDxhIFtocmVmXT1cIm1ldGFkYXRhLmxhbmRpbmdQYWdlXCIgdGFyZ2V0PVwiX2JsYW5rXCI+XG4gICAgICAgIDxtYXQtaWNvblxuICAgICAgICAgIGNsYXNzPVwibWF0ZXJpYWwtc3ltYm9scy1vdXRsaW5lZCBpbmxpbmUtYmxvY2sgYWxpZ24tYm90dG9tIHB0LTEuNSB0ZXh0LXhzIHRleHQtYmxhY2sgIXctWzIwcHhdXCJcbiAgICAgICAgICA+b3Blbl9pbl9uZXc8L21hdC1pY29uXG4gICAgICAgID5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJicmVhay1hbGxcIj57eyBtZXRhZGF0YS5sYW5kaW5nUGFnZSB9fTwvc3Bhbj5cbiAgICAgIDwvYT5cbiAgICA8L3A+XG4gIDwvZGl2PlxuPC9nbi11aS1leHBhbmRhYmxlLXBhbmVsPlxuIl19

package/esm2022/libs/ui/elements/src/lib/metadata-quality/metadata-quality.component.mjs

@@ -0,0 +1,64 @@
+import { ChangeDetectionStrategy, Component, Input, } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../../../../widgets/src/lib/progress-bar/progress-bar.component";
+import * as i3 from "@ngx-translate/core";
+import * as i4 from "../metadata-quality-item/metadata-quality-item.component";
+export class MetadataQualityComponent {
+    constructor() {
+        this.smaller = false;
+        this.items = [];
+        this.isMenuShown = false;
+    }
+    get qualityScore() {
+        const qualityScore = this.metadata?.extras?.qualityScore;
+        return typeof qualityScore === 'number'
+            ? qualityScore
+            : this.calculatedQualityScore;
+    }
+    get calculatedQualityScore() {
+        return Math.round((this.items.filter(({ value }) => value === true).length * 100) /
+            this.items.length);
+    }
+    showMenu() {
+        this.isMenuShown = true;
+    }
+    hideMenu() {
+        this.isMenuShown = false;
+    }
+    add(name, value) {
+        if (this.metadataQualityDisplay?.[name] !== false) {
+            this.items.push({ name, value });
+        }
+    }
+    initialize() {
+        const contact = this.metadata?.contacts?.[0];
+        this.items = [];
+        this.add('title', !!this.metadata?.title);
+        this.add('description', !!this.metadata?.abstract);
+        this.add('topic', this.metadata?.themes?.length > 0);
+        this.add('keywords', this.metadata?.keywords?.length > 0);
+        this.add('legalConstraints', this.metadata?.legalConstraints?.length > 0);
+        this.add('organisation', !!contact?.organization);
+        this.add('contact', !!contact?.email);
+        this.add('updateFrequency', !!this.metadata?.updateFrequency);
+    }
+    ngOnChanges(changes) {
+        if (changes['metadata'] || changes['metadataQualityDisplay']) {
+            this.initialize();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: MetadataQualityComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: MetadataQualityComponent, selector: "gn-ui-metadata-quality", inputs: { metadata: "metadata", smaller: "smaller", metadataQualityDisplay: "metadataQualityDisplay" }, usesOnChanges: true, ngImport: i0, template: "<div\n  *ngIf=\"metadataQualityDisplay?.widget === true\"\n  class=\"mb-6 metadata-quality\"\n  (mouseenter)=\"showMenu()\"\n  (mouseleave)=\"hideMenu()\"\n>\n  <div class=\"min-w-[200px]\" [class]=\"smaller ? 'leading-[8px]' : ''\">\n    <gn-ui-progress-bar\n      (focus)=\"showMenu()\"\n      (blur)=\"hideMenu()\"\n      tabindex=\"0\"\n      [value]=\"qualityScore\"\n      type=\"primary\"\n    ></gn-ui-progress-bar>\n  </div>\n  <div\n    class=\"absolute z-10 bg-white border border-black border-opacity-35 rounded-lg shadow-lg p-5 whitespace-nowrap\"\n    [class]=\"isMenuShown ? 'block' : 'hidden'\"\n  >\n    <div class=\"mb-4 font-bold\" translate>record.metadata.quality.details</div>\n    <gn-ui-metadata-quality-item\n      *ngFor=\"let e of items\"\n      [name]=\"e.name\"\n      [value]=\"e.value\"\n    ></gn-ui-metadata-quality-item>\n  </div>\n</div>\n", styles: [":host gn-ui-progress-bar{--progress-bar-font-weight: \"normal\"}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.ProgressBarComponent, selector: "gn-ui-progress-bar", inputs: ["value", "type"] }, { kind: "directive", type: i3.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i4.MetadataQualityItemComponent, selector: "gn-ui-metadata-quality-item", inputs: ["name", "value"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: MetadataQualityComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-metadata-quality', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  *ngIf=\"metadataQualityDisplay?.widget === true\"\n  class=\"mb-6 metadata-quality\"\n  (mouseenter)=\"showMenu()\"\n  (mouseleave)=\"hideMenu()\"\n>\n  <div class=\"min-w-[200px]\" [class]=\"smaller ? 'leading-[8px]' : ''\">\n    <gn-ui-progress-bar\n      (focus)=\"showMenu()\"\n      (blur)=\"hideMenu()\"\n      tabindex=\"0\"\n      [value]=\"qualityScore\"\n      type=\"primary\"\n    ></gn-ui-progress-bar>\n  </div>\n  <div\n    class=\"absolute z-10 bg-white border border-black border-opacity-35 rounded-lg shadow-lg p-5 whitespace-nowrap\"\n    [class]=\"isMenuShown ? 'block' : 'hidden'\"\n  >\n    <div class=\"mb-4 font-bold\" translate>record.metadata.quality.details</div>\n    <gn-ui-metadata-quality-item\n      *ngFor=\"let e of items\"\n      [name]=\"e.name\"\n      [value]=\"e.value\"\n    ></gn-ui-metadata-quality-item>\n  </div>\n</div>\n", styles: [":host gn-ui-progress-bar{--progress-bar-font-weight: \"normal\"}\n"] }]
+        }], propDecorators: { metadata: [{
+                type: Input
+            }], smaller: [{
+                type: Input
+            }], metadataQualityDisplay: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWV0YWRhdGEtcXVhbGl0eS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpL2VsZW1lbnRzL3NyYy9saWIvbWV0YWRhdGEtcXVhbGl0eS9tZXRhZGF0YS1xdWFsaXR5LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvdWkvZWxlbWVudHMvc3JjL2xpYi9tZXRhZGF0YS1xdWFsaXR5L21ldGFkYXRhLXF1YWxpdHkuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsS0FBSyxHQUdOLE1BQU0sZUFBZSxDQUFBOzs7Ozs7QUFzQnRCLE1BQU0sT0FBTyx3QkFBd0I7SUFOckM7UUFRVyxZQUFPLEdBQUcsS0FBSyxDQUFBO1FBR3hCLFVBQUssR0FBMEIsRUFBRSxDQUFBO1FBRWpDLGdCQUFXLEdBQUcsS0FBSyxDQUFBO0tBZ0RwQjtJQTlDQyxJQUFJLFlBQVk7UUFDZCxNQUFNLFlBQVksR0FBRyxJQUFJLENBQUMsUUFBUSxFQUFFLE1BQU0sRUFBRSxZQUFZLENBQUE7UUFDeEQsT0FBTyxPQUFPLFlBQVksS0FBSyxRQUFRO1lBQ3JDLENBQUMsQ0FBQyxZQUFZO1lBQ2QsQ0FBQyxDQUFDLElBQUksQ0FBQyxzQkFBc0IsQ0FBQTtJQUNqQyxDQUFDO0lBRUQsSUFBSSxzQkFBc0I7UUFDeEIsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUNmLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQyxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsQ0FBQyxLQUFLLEtBQUssSUFBSSxDQUFDLENBQUMsTUFBTSxHQUFHLEdBQUcsQ0FBQztZQUM3RCxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FDcEIsQ0FBQTtJQUNILENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUE7SUFDekIsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLENBQUMsV0FBVyxHQUFHLEtBQUssQ0FBQTtJQUMxQixDQUFDO0lBRU8sR0FBRyxDQUFDLElBQVksRUFBRSxLQUFjO1FBQ3RDLElBQUksSUFBSSxDQUFDLHNCQUFzQixFQUFFLENBQUMsSUFBSSxDQUFDLEtBQUssS0FBSyxFQUFFO1lBQ2pELElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUE7U0FDakM7SUFDSCxDQUFDO0lBRUQsVUFBVTtRQUNSLE1BQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxRQUFRLEVBQUUsUUFBUSxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUE7UUFDNUMsSUFBSSxDQUFDLEtBQUssR0FBRyxFQUFFLENBQUE7UUFDZixJQUFJLENBQUMsR0FBRyxDQUFDLE9BQU8sRUFBRSxDQUFDLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRSxLQUFLLENBQUMsQ0FBQTtRQUN6QyxJQUFJLENBQUMsR0FBRyxDQUFDLGFBQWEsRUFBRSxDQUFDLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRSxRQUFRLENBQUMsQ0FBQTtRQUNsRCxJQUFJLENBQUMsR0FBRyxDQUFDLE9BQU8sRUFBRSxJQUFJLENBQUMsUUFBUSxFQUFFLE1BQU0sRUFBRSxNQUFNLEdBQUcsQ0FBQyxDQUFDLENBQUE7UUFDcEQsSUFBSSxDQUFDLEdBQUcsQ0FBQyxVQUFVLEVBQUUsSUFBSSxDQUFDLFFBQVEsRUFBRSxRQUFRLEVBQUUsTUFBTSxHQUFHLENBQUMsQ0FBQyxDQUFBO1FBQ3pELElBQUksQ0FBQyxHQUFHLENBQUMsa0JBQWtCLEVBQUUsSUFBSSxDQUFDLFFBQVEsRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLEdBQUcsQ0FBQyxDQUFDLENBQUE7UUFDekUsSUFBSSxDQUFDLEdBQUcsQ0FBQyxjQUFjLEVBQUUsQ0FBQyxDQUFDLE9BQU8sRUFBRSxZQUFZLENBQUMsQ0FBQTtRQUNqRCxJQUFJLENBQUMsR0FBRyxDQUFDLFNBQVMsRUFBRSxDQUFDLENBQUMsT0FBTyxFQUFFLEtBQUssQ0FBQyxDQUFBO1FBQ3JDLElBQUksQ0FBQyxHQUFHLENBQUMsaUJBQWlCLEVBQUUsQ0FBQyxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsZUFBZSxDQUFDLENBQUE7SUFDL0QsQ0FBQztJQUVELFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFJLE9BQU8sQ0FBQyxVQUFVLENBQUMsSUFBSSxPQUFPLENBQUMsd0JBQXdCLENBQUMsRUFBRTtZQUM1RCxJQUFJLENBQUMsVUFBVSxFQUFFLENBQUE7U0FDbEI7SUFDSCxDQUFDOzhHQXREVSx3QkFBd0I7a0dBQXhCLHdCQUF3QiwyTEM1QnJDLDQyQkEyQkE7OzJGRENhLHdCQUF3QjtrQkFOcEMsU0FBUzsrQkFDRSx3QkFBd0IsbUJBR2pCLHVCQUF1QixDQUFDLE1BQU07OEJBR3RDLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLHNCQUFzQjtzQkFBOUIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIElucHV0LFxuICBPbkNoYW5nZXMsXG4gIFNpbXBsZUNoYW5nZXMsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnXG5pbXBvcnQgeyBNZXRhZGF0YVF1YWxpdHlJdGVtIH0gZnJvbSAnLi4vbWV0YWRhdGEtcXVhbGl0eS1pdGVtL21ldGFkYXRhLXF1YWxpdHktaXRlbS5jb21wb25lbnQnXG5pbXBvcnQgeyBDYXRhbG9nUmVjb3JkIH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21tb24vZG9tYWluL3NyYy9saWIvcmVjb3JkJ1xuXG5leHBvcnQgaW50ZXJmYWNlIE1ldGFkYXRhUXVhbGl0eURpc3BsYXkge1xuICB3aWRnZXQ6IGJvb2xlYW5cbiAgdGl0bGU6IGJvb2xlYW5cbiAgZGVzY3JpcHRpb246IGJvb2xlYW5cbiAgdG9waWM6IGJvb2xlYW5cbiAga2V5d29yZHM6IGJvb2xlYW5cbiAgbGVnYWxDb25zdHJhaW50czogYm9vbGVhblxuICBvcmdhbmlzYXRpb246IGJvb2xlYW5cbiAgY29udGFjdDogYm9vbGVhblxuICB1cGRhdGVGcmVxdWVuY3k6IGJvb2xlYW5cbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ24tdWktbWV0YWRhdGEtcXVhbGl0eScsXG4gIHRlbXBsYXRlVXJsOiAnLi9tZXRhZGF0YS1xdWFsaXR5LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbWV0YWRhdGEtcXVhbGl0eS5jb21wb25lbnQuY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBNZXRhZGF0YVF1YWxpdHlDb21wb25lbnQgaW1wbGVtZW50cyBPbkNoYW5nZXMge1xuICBASW5wdXQoKSBtZXRhZGF0YTogUGFydGlhbDxDYXRhbG9nUmVjb3JkPlxuICBASW5wdXQoKSBzbWFsbGVyID0gZmFsc2VcbiAgQElucHV0KCkgbWV0YWRhdGFRdWFsaXR5RGlzcGxheTogTWV0YWRhdGFRdWFsaXR5RGlzcGxheVxuXG4gIGl0ZW1zOiBNZXRhZGF0YVF1YWxpdHlJdGVtW10gPSBbXVxuXG4gIGlzTWVudVNob3duID0gZmFsc2VcblxuICBnZXQgcXVhbGl0eVNjb3JlKCkge1xuICAgIGNvbnN0IHF1YWxpdHlTY29yZSA9IHRoaXMubWV0YWRhdGE/LmV4dHJhcz8ucXVhbGl0eVNjb3JlXG4gICAgcmV0dXJuIHR5cGVvZiBxdWFsaXR5U2NvcmUgPT09ICdudW1iZXInXG4gICAgICA/IHF1YWxpdHlTY29yZVxuICAgICAgOiB0aGlzLmNhbGN1bGF0ZWRRdWFsaXR5U2NvcmVcbiAgfVxuXG4gIGdldCBjYWxjdWxhdGVkUXVhbGl0eVNjb3JlKCk6IG51bWJlciB7XG4gICAgcmV0dXJuIE1hdGgucm91bmQoXG4gICAgICAodGhpcy5pdGVtcy5maWx0ZXIoKHsgdmFsdWUgfSkgPT4gdmFsdWUgPT09IHRydWUpLmxlbmd0aCAqIDEwMCkgL1xuICAgICAgICB0aGlzLml0ZW1zLmxlbmd0aFxuICAgIClcbiAgfVxuXG4gIHNob3dNZW51KCkge1xuICAgIHRoaXMuaXNNZW51U2hvd24gPSB0cnVlXG4gIH1cblxuICBoaWRlTWVudSgpIHtcbiAgICB0aGlzLmlzTWVudVNob3duID0gZmFsc2VcbiAgfVxuXG4gIHByaXZhdGUgYWRkKG5hbWU6IHN0cmluZywgdmFsdWU6IGJvb2xlYW4pIHtcbiAgICBpZiAodGhpcy5tZXRhZGF0YVF1YWxpdHlEaXNwbGF5Py5bbmFtZV0gIT09IGZhbHNlKSB7XG4gICAgICB0aGlzLml0ZW1zLnB1c2goeyBuYW1lLCB2YWx1ZSB9KVxuICAgIH1cbiAgfVxuXG4gIGluaXRpYWxpemUoKSB7XG4gICAgY29uc3QgY29udGFjdCA9IHRoaXMubWV0YWRhdGE/LmNvbnRhY3RzPy5bMF1cbiAgICB0aGlzLml0ZW1zID0gW11cbiAgICB0aGlzLmFkZCgndGl0bGUnLCAhIXRoaXMubWV0YWRhdGE/LnRpdGxlKVxuICAgIHRoaXMuYWRkKCdkZXNjcmlwdGlvbicsICEhdGhpcy5tZXRhZGF0YT8uYWJzdHJhY3QpXG4gICAgdGhpcy5hZGQoJ3RvcGljJywgdGhpcy5tZXRhZGF0YT8udGhlbWVzPy5sZW5ndGggPiAwKVxuICAgIHRoaXMuYWRkKCdrZXl3b3JkcycsIHRoaXMubWV0YWRhdGE/LmtleXdvcmRzPy5sZW5ndGggPiAwKVxuICAgIHRoaXMuYWRkKCdsZWdhbENvbnN0cmFpbnRzJywgdGhpcy5tZXRhZGF0YT8ubGVnYWxDb25zdHJhaW50cz8ubGVuZ3RoID4gMClcbiAgICB0aGlzLmFkZCgnb3JnYW5pc2F0aW9uJywgISFjb250YWN0Py5vcmdhbml6YXRpb24pXG4gICAgdGhpcy5hZGQoJ2NvbnRhY3QnLCAhIWNvbnRhY3Q/LmVtYWlsKVxuICAgIHRoaXMuYWRkKCd1cGRhdGVGcmVxdWVuY3knLCAhIXRoaXMubWV0YWRhdGE/LnVwZGF0ZUZyZXF1ZW5jeSlcbiAgfVxuXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcbiAgICBpZiAoY2hhbmdlc1snbWV0YWRhdGEnXSB8fCBjaGFuZ2VzWydtZXRhZGF0YVF1YWxpdHlEaXNwbGF5J10pIHtcbiAgICAgIHRoaXMuaW5pdGlhbGl6ZSgpXG4gICAgfVxuICB9XG59XG4iLCI8ZGl2XG4gICpuZ0lmPVwibWV0YWRhdGFRdWFsaXR5RGlzcGxheT8ud2lkZ2V0ID09PSB0cnVlXCJcbiAgY2xhc3M9XCJtYi02IG1ldGFkYXRhLXF1YWxpdHlcIlxuICAobW91c2VlbnRlcik9XCJzaG93TWVudSgpXCJcbiAgKG1vdXNlbGVhdmUpPVwiaGlkZU1lbnUoKVwiXG4+XG4gIDxkaXYgY2xhc3M9XCJtaW4tdy1bMjAwcHhdXCIgW2NsYXNzXT1cInNtYWxsZXIgPyAnbGVhZGluZy1bOHB4XScgOiAnJ1wiPlxuICAgIDxnbi11aS1wcm9ncmVzcy1iYXJcbiAgICAgIChmb2N1cyk9XCJzaG93TWVudSgpXCJcbiAgICAgIChibHVyKT1cImhpZGVNZW51KClcIlxuICAgICAgdGFiaW5kZXg9XCIwXCJcbiAgICAgIFt2YWx1ZV09XCJxdWFsaXR5U2NvcmVcIlxuICAgICAgdHlwZT1cInByaW1hcnlcIlxuICAgID48L2duLXVpLXByb2dyZXNzLWJhcj5cbiAgPC9kaXY+XG4gIDxkaXZcbiAgICBjbGFzcz1cImFic29sdXRlIHotMTAgYmctd2hpdGUgYm9yZGVyIGJvcmRlci1ibGFjayBib3JkZXItb3BhY2l0eS0zNSByb3VuZGVkLWxnIHNoYWRvdy1sZyBwLTUgd2hpdGVzcGFjZS1ub3dyYXBcIlxuICAgIFtjbGFzc109XCJpc01lbnVTaG93biA/ICdibG9jaycgOiAnaGlkZGVuJ1wiXG4gID5cbiAgICA8ZGl2IGNsYXNzPVwibWItNCBmb250LWJvbGRcIiB0cmFuc2xhdGU+cmVjb3JkLm1ldGFkYXRhLnF1YWxpdHkuZGV0YWlsczwvZGl2PlxuICAgIDxnbi11aS1tZXRhZGF0YS1xdWFsaXR5LWl0ZW1cbiAgICAgICpuZ0Zvcj1cImxldCBlIG9mIGl0ZW1zXCJcbiAgICAgIFtuYW1lXT1cImUubmFtZVwiXG4gICAgICBbdmFsdWVdPVwiZS52YWx1ZVwiXG4gICAgPjwvZ24tdWktbWV0YWRhdGEtcXVhbGl0eS1pdGVtPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19

package/esm2022/libs/ui/elements/src/lib/metadata-quality-item/metadata-quality-item.component.mjs

@@ -0,0 +1,23 @@
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/icon";
+import * as i2 from "@ngx-translate/core";
+export class MetadataQualityItemComponent {
+    get icon() {
+        return this.value ? 'check' : 'warning_amber';
+    }
+    get labelKey() {
+        return `record.metadata.quality.${this.name}.${this.value ? 'success' : 'failed'}`;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: MetadataQualityItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: MetadataQualityItemComponent, selector: "gn-ui-metadata-quality-item", inputs: { name: "name", value: "value" }, ngImport: i0, template: "<div class=\"ml-4 flex flex-row\">\n  <mat-icon>{{ icon }}</mat-icon>\n  <p class=\"ml-2 text\">{{ labelKey | translate }}</p>\n</div>\n", dependencies: [{ kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: MetadataQualityItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-metadata-quality-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"ml-4 flex flex-row\">\n  <mat-icon>{{ icon }}</mat-icon>\n  <p class=\"ml-2 text\">{{ labelKey | translate }}</p>\n</div>\n" }]
+        }], propDecorators: { name: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWV0YWRhdGEtcXVhbGl0eS1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvdWkvZWxlbWVudHMvc3JjL2xpYi9tZXRhZGF0YS1xdWFsaXR5LWl0ZW0vbWV0YWRhdGEtcXVhbGl0eS1pdGVtLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvdWkvZWxlbWVudHMvc3JjL2xpYi9tZXRhZGF0YS1xdWFsaXR5LWl0ZW0vbWV0YWRhdGEtcXVhbGl0eS1pdGVtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFBOzs7O0FBWXpFLE1BQU0sT0FBTyw0QkFBNEI7SUFJdkMsSUFBSSxJQUFJO1FBQ04sT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLGVBQWUsQ0FBQTtJQUMvQyxDQUFDO0lBRUQsSUFBSSxRQUFRO1FBQ1YsT0FBTywyQkFBMkIsSUFBSSxDQUFDLElBQUksSUFDekMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxRQUMzQixFQUFFLENBQUE7SUFDSixDQUFDOzhHQVpVLDRCQUE0QjtrR0FBNUIsNEJBQTRCLDZHQ1p6QywwSUFJQTs7MkZEUWEsNEJBQTRCO2tCQUx4QyxTQUFTOytCQUNFLDZCQUE2QixtQkFFdEIsdUJBQXVCLENBQUMsTUFBTTs4QkFHdEMsSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSdcblxuZXhwb3J0IGludGVyZmFjZSBNZXRhZGF0YVF1YWxpdHlJdGVtIHtcbiAgbmFtZTogc3RyaW5nXG4gIHZhbHVlOiBib29sZWFuXG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2duLXVpLW1ldGFkYXRhLXF1YWxpdHktaXRlbScsXG4gIHRlbXBsYXRlVXJsOiAnLi9tZXRhZGF0YS1xdWFsaXR5LWl0ZW0uY29tcG9uZW50Lmh0bWwnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgTWV0YWRhdGFRdWFsaXR5SXRlbUNvbXBvbmVudCBpbXBsZW1lbnRzIE1ldGFkYXRhUXVhbGl0eUl0ZW0ge1xuICBASW5wdXQoKSBuYW1lOiBzdHJpbmdcbiAgQElucHV0KCkgdmFsdWU6IGJvb2xlYW5cblxuICBnZXQgaWNvbigpIHtcbiAgICByZXR1cm4gdGhpcy52YWx1ZSA/ICdjaGVjaycgOiAnd2FybmluZ19hbWJlcidcbiAgfVxuXG4gIGdldCBsYWJlbEtleSgpIHtcbiAgICByZXR1cm4gYHJlY29yZC5tZXRhZGF0YS5xdWFsaXR5LiR7dGhpcy5uYW1lfS4ke1xuICAgICAgdGhpcy52YWx1ZSA/ICdzdWNjZXNzJyA6ICdmYWlsZWQnXG4gICAgfWBcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cIm1sLTQgZmxleCBmbGV4LXJvd1wiPlxuICA8bWF0LWljb24+e3sgaWNvbiB9fTwvbWF0LWljb24+XG4gIDxwIGNsYXNzPVwibWwtMiB0ZXh0XCI+e3sgbGFiZWxLZXkgfCB0cmFuc2xhdGUgfX08L3A+XG48L2Rpdj5cbiJdfQ==

package/esm2022/libs/ui/elements/src/lib/pagination/pagination.component.mjs

@@ -0,0 +1,54 @@
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/material/icon";
+import * as i3 from "@ngx-translate/core";
+import * as i4 from "../../../../inputs/src/lib/button/button.component";
+import * as i5 from "@angular/forms";
+export class PaginationComponent {
+    constructor() {
+        this.currentPage = 1;
+        this.nPages = 1;
+        this.hideButton = false;
+        this.newCurrentPageEvent = new EventEmitter();
+    }
+    applyPageBounds() {
+        // make sure this works with NaN inputs as well by adding `|| 1`
+        this.nPages = Math.max(1, this.nPages || 1);
+        this.currentPage = Math.max(1, Math.min(this.nPages, this.currentPage || 1));
+    }
+    ngOnChanges(changes) {
+        // make sure the inputs are valid
+        if ('currentPage' in changes || 'nPages' in changes) {
+            this.applyPageBounds();
+        }
+    }
+    setPage(newPage) {
+        if (!Number.isInteger(newPage))
+            return;
+        this.currentPage = newPage;
+        this.applyPageBounds();
+        this.newCurrentPageEvent.emit(this.currentPage);
+    }
+    nextPage() {
+        this.setPage(this.currentPage + 1);
+    }
+    previousPage() {
+        this.setPage(this.currentPage - 1);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: PaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: PaginationComponent, selector: "gn-ui-pagination", inputs: { currentPage: "currentPage", nPages: "nPages", hideButton: "hideButton" }, outputs: { newCurrentPageEvent: "newCurrentPageEvent" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"relative\">\n  <div class=\"sm:absolute sm:inset-0\" *ngIf=\"!hideButton\">\n    <gn-ui-button\n      (buttonClick)=\"nextPage()\"\n      type=\"secondary\"\n      [disabled]=\"currentPage === nPages\"\n      extraClass=\"lg:m-auto !p-[22px]\"\n    >\n      <span class=\"uppercase font-medium tracking-widest\" translate\n        >pagination.nextPage</span\n      >\n    </gn-ui-button>\n  </div>\n  <div\n    class=\"relative pointer-events-none flex flex-row justify-start sm:justify-end\"\n  >\n    <div class=\"pointer-events-auto flex flex-row items-center py-[13px]\">\n      <span class=\"mr-3 capitalize text-sm text-gray-900\" translate\n        >pagination.page</span\n      >\n      <input\n        type=\"number\"\n        [ngModel]=\"currentPage\"\n        [min]=\"1\"\n        [max]=\"nPages\"\n        (ngModelChange)=\"setPage($event)\"\n        class=\"border border-gray-300 rounded w-[54px] h-[34px] pl-[12px] mr-3 text-center\"\n      />\n      <span class=\"mr-3 text-sm text-gray-900\"\n        ><span translate>pagination.pageOf</span> {{ nPages }}</span\n      >\n      <gn-ui-button\n        (buttonClick)=\"previousPage()\"\n        id=\"navigate_previous\"\n        class=\"mr-2\"\n        [disabled]=\"currentPage === 1\"\n        [type]=\"'light'\"\n        extraClass=\"!px-[3px]\"\n        data-cy=\"prev-page\"\n      >\n        <mat-icon class=\"material-symbols-outlined\">navigate_before</mat-icon>\n      </gn-ui-button>\n      <gn-ui-button\n        (buttonClick)=\"nextPage()\"\n        id=\"navigate_next\"\n        [disabled]=\"currentPage === nPages\"\n        [type]=\"'light'\"\n        extraClass=\"!px-[3px]\"\n        data-cy=\"next-page\"\n      >\n        <mat-icon class=\"material-symbols-outlined\">navigate_next</mat-icon>\n      </gn-ui-button>\n    </div>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i4.ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "directive", type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i5.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: PaginationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-pagination', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"relative\">\n  <div class=\"sm:absolute sm:inset-0\" *ngIf=\"!hideButton\">\n    <gn-ui-button\n      (buttonClick)=\"nextPage()\"\n      type=\"secondary\"\n      [disabled]=\"currentPage === nPages\"\n      extraClass=\"lg:m-auto !p-[22px]\"\n    >\n      <span class=\"uppercase font-medium tracking-widest\" translate\n        >pagination.nextPage</span\n      >\n    </gn-ui-button>\n  </div>\n  <div\n    class=\"relative pointer-events-none flex flex-row justify-start sm:justify-end\"\n  >\n    <div class=\"pointer-events-auto flex flex-row items-center py-[13px]\">\n      <span class=\"mr-3 capitalize text-sm text-gray-900\" translate\n        >pagination.page</span\n      >\n      <input\n        type=\"number\"\n        [ngModel]=\"currentPage\"\n        [min]=\"1\"\n        [max]=\"nPages\"\n        (ngModelChange)=\"setPage($event)\"\n        class=\"border border-gray-300 rounded w-[54px] h-[34px] pl-[12px] mr-3 text-center\"\n      />\n      <span class=\"mr-3 text-sm text-gray-900\"\n        ><span translate>pagination.pageOf</span> {{ nPages }}</span\n      >\n      <gn-ui-button\n        (buttonClick)=\"previousPage()\"\n        id=\"navigate_previous\"\n        class=\"mr-2\"\n        [disabled]=\"currentPage === 1\"\n        [type]=\"'light'\"\n        extraClass=\"!px-[3px]\"\n        data-cy=\"prev-page\"\n      >\n        <mat-icon class=\"material-symbols-outlined\">navigate_before</mat-icon>\n      </gn-ui-button>\n      <gn-ui-button\n        (buttonClick)=\"nextPage()\"\n        id=\"navigate_next\"\n        [disabled]=\"currentPage === nPages\"\n        [type]=\"'light'\"\n        extraClass=\"!px-[3px]\"\n        data-cy=\"next-page\"\n      >\n        <mat-icon class=\"material-symbols-outlined\">navigate_next</mat-icon>\n      </gn-ui-button>\n    </div>\n  </div>\n</div>\n" }]
+        }], propDecorators: { currentPage: [{
+                type: Input
+            }], nPages: [{
+                type: Input
+            }], hideButton: [{
+                type: Input
+            }], newCurrentPageEvent: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnaW5hdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpL2VsZW1lbnRzL3NyYy9saWIvcGFnaW5hdGlvbi9wYWdpbmF0aW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvdWkvZWxlbWVudHMvc3JjL2xpYi9wYWdpbmF0aW9uL3BhZ2luYXRpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFFTCxNQUFNLEdBRVAsTUFBTSxlQUFlLENBQUE7Ozs7Ozs7QUFRdEIsTUFBTSxPQUFPLG1CQUFtQjtJQU5oQztRQU9XLGdCQUFXLEdBQUcsQ0FBQyxDQUFBO1FBQ2YsV0FBTSxHQUFHLENBQUMsQ0FBQTtRQUNWLGVBQVUsR0FBRyxLQUFLLENBQUE7UUFDakIsd0JBQW1CLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQTtLQTZCM0Q7SUEzQlMsZUFBZTtRQUNyQixnRUFBZ0U7UUFDaEUsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsRUFBRSxJQUFJLENBQUMsTUFBTSxJQUFJLENBQUMsQ0FBQyxDQUFBO1FBQzNDLElBQUksQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLEVBQUUsSUFBSSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxXQUFXLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQTtJQUM5RSxDQUFDO0lBRUQsV0FBVyxDQUFDLE9BQXNCO1FBQ2hDLGlDQUFpQztRQUNqQyxJQUFJLGFBQWEsSUFBSSxPQUFPLElBQUksUUFBUSxJQUFJLE9BQU8sRUFBRTtZQUNuRCxJQUFJLENBQUMsZUFBZSxFQUFFLENBQUE7U0FDdkI7SUFDSCxDQUFDO0lBRUQsT0FBTyxDQUFDLE9BQU87UUFDYixJQUFJLENBQUMsTUFBTSxDQUFDLFNBQVMsQ0FBQyxPQUFPLENBQUM7WUFBRSxPQUFNO1FBQ3RDLElBQUksQ0FBQyxXQUFXLEdBQUcsT0FBTyxDQUFBO1FBQzFCLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQTtRQUN0QixJQUFJLENBQUMsbUJBQW1CLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQTtJQUNqRCxDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLFdBQVcsR0FBRyxDQUFDLENBQUMsQ0FBQTtJQUNwQyxDQUFDO0lBRUQsWUFBWTtRQUNWLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLFdBQVcsR0FBRyxDQUFDLENBQUMsQ0FBQTtJQUNwQyxDQUFDOzhHQWhDVSxtQkFBbUI7a0dBQW5CLG1CQUFtQiwwTkNoQmhDLHF6REF1REE7OzJGRHZDYSxtQkFBbUI7a0JBTi9CLFNBQVM7K0JBQ0Usa0JBQWtCLG1CQUdYLHVCQUF1QixDQUFDLE1BQU07OEJBR3RDLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0ksbUJBQW1CO3NCQUE1QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT25DaGFuZ2VzLFxuICBPdXRwdXQsXG4gIFNpbXBsZUNoYW5nZXMsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2duLXVpLXBhZ2luYXRpb24nLFxuICB0ZW1wbGF0ZVVybDogJy4vcGFnaW5hdGlvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3BhZ2luYXRpb24uY29tcG9uZW50LmNzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgUGFnaW5hdGlvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uQ2hhbmdlcyB7XG4gIEBJbnB1dCgpIGN1cnJlbnRQYWdlID0gMVxuICBASW5wdXQoKSBuUGFnZXMgPSAxXG4gIEBJbnB1dCgpIGhpZGVCdXR0b24gPSBmYWxzZVxuICBAT3V0cHV0KCkgbmV3Q3VycmVudFBhZ2VFdmVudCA9IG5ldyBFdmVudEVtaXR0ZXI8bnVtYmVyPigpXG5cbiAgcHJpdmF0ZSBhcHBseVBhZ2VCb3VuZHMoKSB7XG4gICAgLy8gbWFrZSBzdXJlIHRoaXMgd29ya3Mgd2l0aCBOYU4gaW5wdXRzIGFzIHdlbGwgYnkgYWRkaW5nIGB8fCAxYFxuICAgIHRoaXMublBhZ2VzID0gTWF0aC5tYXgoMSwgdGhpcy5uUGFnZXMgfHwgMSlcbiAgICB0aGlzLmN1cnJlbnRQYWdlID0gTWF0aC5tYXgoMSwgTWF0aC5taW4odGhpcy5uUGFnZXMsIHRoaXMuY3VycmVudFBhZ2UgfHwgMSkpXG4gIH1cblxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKSB7XG4gICAgLy8gbWFrZSBzdXJlIHRoZSBpbnB1dHMgYXJlIHZhbGlkXG4gICAgaWYgKCdjdXJyZW50UGFnZScgaW4gY2hhbmdlcyB8fCAnblBhZ2VzJyBpbiBjaGFuZ2VzKSB7XG4gICAgICB0aGlzLmFwcGx5UGFnZUJvdW5kcygpXG4gICAgfVxuICB9XG5cbiAgc2V0UGFnZShuZXdQYWdlKSB7XG4gICAgaWYgKCFOdW1iZXIuaXNJbnRlZ2VyKG5ld1BhZ2UpKSByZXR1cm5cbiAgICB0aGlzLmN1cnJlbnRQYWdlID0gbmV3UGFnZVxuICAgIHRoaXMuYXBwbHlQYWdlQm91bmRzKClcbiAgICB0aGlzLm5ld0N1cnJlbnRQYWdlRXZlbnQuZW1pdCh0aGlzLmN1cnJlbnRQYWdlKVxuICB9XG5cbiAgbmV4dFBhZ2UoKSB7XG4gICAgdGhpcy5zZXRQYWdlKHRoaXMuY3VycmVudFBhZ2UgKyAxKVxuICB9XG5cbiAgcHJldmlvdXNQYWdlKCkge1xuICAgIHRoaXMuc2V0UGFnZSh0aGlzLmN1cnJlbnRQYWdlIC0gMSlcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInJlbGF0aXZlXCI+XG4gIDxkaXYgY2xhc3M9XCJzbTphYnNvbHV0ZSBzbTppbnNldC0wXCIgKm5nSWY9XCIhaGlkZUJ1dHRvblwiPlxuICAgIDxnbi11aS1idXR0b25cbiAgICAgIChidXR0b25DbGljayk9XCJuZXh0UGFnZSgpXCJcbiAgICAgIHR5cGU9XCJzZWNvbmRhcnlcIlxuICAgICAgW2Rpc2FibGVkXT1cImN1cnJlbnRQYWdlID09PSBuUGFnZXNcIlxuICAgICAgZXh0cmFDbGFzcz1cImxnOm0tYXV0byAhcC1bMjJweF1cIlxuICAgID5cbiAgICAgIDxzcGFuIGNsYXNzPVwidXBwZXJjYXNlIGZvbnQtbWVkaXVtIHRyYWNraW5nLXdpZGVzdFwiIHRyYW5zbGF0ZVxuICAgICAgICA+cGFnaW5hdGlvbi5uZXh0UGFnZTwvc3BhblxuICAgICAgPlxuICAgIDwvZ24tdWktYnV0dG9uPlxuICA8L2Rpdj5cbiAgPGRpdlxuICAgIGNsYXNzPVwicmVsYXRpdmUgcG9pbnRlci1ldmVudHMtbm9uZSBmbGV4IGZsZXgtcm93IGp1c3RpZnktc3RhcnQgc206anVzdGlmeS1lbmRcIlxuICA+XG4gICAgPGRpdiBjbGFzcz1cInBvaW50ZXItZXZlbnRzLWF1dG8gZmxleCBmbGV4LXJvdyBpdGVtcy1jZW50ZXIgcHktWzEzcHhdXCI+XG4gICAgICA8c3BhbiBjbGFzcz1cIm1yLTMgY2FwaXRhbGl6ZSB0ZXh0LXNtIHRleHQtZ3JheS05MDBcIiB0cmFuc2xhdGVcbiAgICAgICAgPnBhZ2luYXRpb24ucGFnZTwvc3BhblxuICAgICAgPlxuICAgICAgPGlucHV0XG4gICAgICAgIHR5cGU9XCJudW1iZXJcIlxuICAgICAgICBbbmdNb2RlbF09XCJjdXJyZW50UGFnZVwiXG4gICAgICAgIFttaW5dPVwiMVwiXG4gICAgICAgIFttYXhdPVwiblBhZ2VzXCJcbiAgICAgICAgKG5nTW9kZWxDaGFuZ2UpPVwic2V0UGFnZSgkZXZlbnQpXCJcbiAgICAgICAgY2xhc3M9XCJib3JkZXIgYm9yZGVyLWdyYXktMzAwIHJvdW5kZWQgdy1bNTRweF0gaC1bMzRweF0gcGwtWzEycHhdIG1yLTMgdGV4dC1jZW50ZXJcIlxuICAgICAgLz5cbiAgICAgIDxzcGFuIGNsYXNzPVwibXItMyB0ZXh0LXNtIHRleHQtZ3JheS05MDBcIlxuICAgICAgICA+PHNwYW4gdHJhbnNsYXRlPnBhZ2luYXRpb24ucGFnZU9mPC9zcGFuPiB7eyBuUGFnZXMgfX08L3NwYW5cbiAgICAgID5cbiAgICAgIDxnbi11aS1idXR0b25cbiAgICAgICAgKGJ1dHRvbkNsaWNrKT1cInByZXZpb3VzUGFnZSgpXCJcbiAgICAgICAgaWQ9XCJuYXZpZ2F0ZV9wcmV2aW91c1wiXG4gICAgICAgIGNsYXNzPVwibXItMlwiXG4gICAgICAgIFtkaXNhYmxlZF09XCJjdXJyZW50UGFnZSA9PT0gMVwiXG4gICAgICAgIFt0eXBlXT1cIidsaWdodCdcIlxuICAgICAgICBleHRyYUNsYXNzPVwiIXB4LVszcHhdXCJcbiAgICAgICAgZGF0YS1jeT1cInByZXYtcGFnZVwiXG4gICAgICA+XG4gICAgICAgIDxtYXQtaWNvbiBjbGFzcz1cIm1hdGVyaWFsLXN5bWJvbHMtb3V0bGluZWRcIj5uYXZpZ2F0ZV9iZWZvcmU8L21hdC1pY29uPlxuICAgICAgPC9nbi11aS1idXR0b24+XG4gICAgICA8Z24tdWktYnV0dG9uXG4gICAgICAgIChidXR0b25DbGljayk9XCJuZXh0UGFnZSgpXCJcbiAgICAgICAgaWQ9XCJuYXZpZ2F0ZV9uZXh0XCJcbiAgICAgICAgW2Rpc2FibGVkXT1cImN1cnJlbnRQYWdlID09PSBuUGFnZXNcIlxuICAgICAgICBbdHlwZV09XCInbGlnaHQnXCJcbiAgICAgICAgZXh0cmFDbGFzcz1cIiFweC1bM3B4XVwiXG4gICAgICAgIGRhdGEtY3k9XCJuZXh0LXBhZ2VcIlxuICAgICAgPlxuICAgICAgICA8bWF0LWljb24gY2xhc3M9XCJtYXRlcmlhbC1zeW1ib2xzLW91dGxpbmVkXCI+bmF2aWdhdGVfbmV4dDwvbWF0LWljb24+XG4gICAgICA8L2duLXVpLWJ1dHRvbj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==

package/esm2022/libs/ui/elements/src/lib/pagination-buttons/pagination-buttons.component.mjs

@@ -0,0 +1,66 @@
+import { Component, EventEmitter, Input, Output, } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/material/icon";
+import * as i3 from "../../../../inputs/src/lib/button/button.component";
+export class PaginationButtonsComponent {
+    constructor() {
+        this.visiblePages = [];
+        this.newCurrentPageEvent = new EventEmitter();
+    }
+    ngOnChanges() {
+        this.calculateVisiblePages();
+    }
+    calculateVisiblePages() {
+        const maxVisiblePages = 5;
+        const halfVisible = Math.floor(maxVisiblePages / 2);
+        const startPage = Math.max(this.currentPage - halfVisible, 1);
+        const endPage = Math.min(this.currentPage + halfVisible, this.totalPages);
+        const visiblePages = [];
+        if (startPage > 1) {
+            visiblePages.push(1);
+            if (startPage > 2) {
+                visiblePages.push('...');
+            }
+        }
+        for (let page = startPage; page <= endPage; page++) {
+            visiblePages.push(page);
+        }
+        if (endPage < this.totalPages) {
+            if (endPage < this.totalPages - 1) {
+                visiblePages.push('...');
+            }
+            visiblePages.push(this.totalPages);
+        }
+        this.visiblePages = visiblePages;
+    }
+    changePage(page) {
+        this.setPage(page);
+    }
+    nextPage() {
+        this.setPage(this.currentPage + 1);
+    }
+    previousPage() {
+        this.setPage(this.currentPage - 1);
+    }
+    setPage(newPage) {
+        if (!Number.isInteger(newPage))
+            return;
+        this.currentPage = newPage;
+        this.calculateVisiblePages();
+        this.newCurrentPageEvent.emit(this.currentPage);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: PaginationButtonsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: PaginationButtonsComponent, selector: "gn-ui-pagination-buttons", inputs: { currentPage: "currentPage", totalPages: "totalPages" }, outputs: { newCurrentPageEvent: "newCurrentPageEvent" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"relative\">\n  <div class=\"flex flex-row gap-[5px] items-center\">\n    <gn-ui-button\n      type=\"light\"\n      [disabled]=\"currentPage === 1\"\n      (buttonClick)=\"previousPage()\"\n      extraClass=\"!px-[3px]\"\n    >\n      <mat-icon class=\"material-symbols-outlined\">chevron_left</mat-icon>\n    </gn-ui-button>\n    <ng-container *ngFor=\"let page of visiblePages\">\n      <ng-container *ngIf=\"page === '...'\">\n        <span class=\"mx-[5px]\">{{ page }}</span>\n      </ng-container>\n      <ng-container *ngIf=\"page !== '...'\">\n        <gn-ui-button\n          [type]=\"page === currentPage ? 'primary' : 'light'\"\n          [disabled]=\"page === currentPage\"\n          (buttonClick)=\"changePage(page)\"\n          >{{ page }}</gn-ui-button\n        >\n      </ng-container>\n    </ng-container>\n    <gn-ui-button\n      type=\"light\"\n      [disabled]=\"currentPage === totalPages\"\n      (buttonClick)=\"nextPage()\"\n      extraClass=\"!px-[3px]\"\n    >\n      <mat-icon class=\"material-symbols-outlined\">chevron_right</mat-icon>\n    </gn-ui-button>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: PaginationButtonsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-pagination-buttons', template: "<div class=\"relative\">\n  <div class=\"flex flex-row gap-[5px] items-center\">\n    <gn-ui-button\n      type=\"light\"\n      [disabled]=\"currentPage === 1\"\n      (buttonClick)=\"previousPage()\"\n      extraClass=\"!px-[3px]\"\n    >\n      <mat-icon class=\"material-symbols-outlined\">chevron_left</mat-icon>\n    </gn-ui-button>\n    <ng-container *ngFor=\"let page of visiblePages\">\n      <ng-container *ngIf=\"page === '...'\">\n        <span class=\"mx-[5px]\">{{ page }}</span>\n      </ng-container>\n      <ng-container *ngIf=\"page !== '...'\">\n        <gn-ui-button\n          [type]=\"page === currentPage ? 'primary' : 'light'\"\n          [disabled]=\"page === currentPage\"\n          (buttonClick)=\"changePage(page)\"\n          >{{ page }}</gn-ui-button\n        >\n      </ng-container>\n    </ng-container>\n    <gn-ui-button\n      type=\"light\"\n      [disabled]=\"currentPage === totalPages\"\n      (buttonClick)=\"nextPage()\"\n      extraClass=\"!px-[3px]\"\n    >\n      <mat-icon class=\"material-symbols-outlined\">chevron_right</mat-icon>\n    </gn-ui-button>\n  </div>\n</div>\n" }]
+        }], propDecorators: { currentPage: [{
+                type: Input
+            }], totalPages: [{
+                type: Input
+            }], newCurrentPageEvent: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnaW5hdGlvbi1idXR0b25zLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvdWkvZWxlbWVudHMvc3JjL2xpYi9wYWdpbmF0aW9uLWJ1dHRvbnMvcGFnaW5hdGlvbi1idXR0b25zLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvdWkvZWxlbWVudHMvc3JjL2xpYi9wYWdpbmF0aW9uLWJ1dHRvbnMvcGFnaW5hdGlvbi1idXR0b25zLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFFTCxNQUFNLEdBQ1AsTUFBTSxlQUFlLENBQUE7Ozs7O0FBT3RCLE1BQU0sT0FBTywwQkFBMEI7SUFMdkM7UUFRRSxpQkFBWSxHQUF1QixFQUFFLENBQUE7UUFDM0Isd0JBQW1CLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQTtLQWtEM0Q7SUFoREMsV0FBVztRQUNULElBQUksQ0FBQyxxQkFBcUIsRUFBRSxDQUFBO0lBQzlCLENBQUM7SUFFRCxxQkFBcUI7UUFDbkIsTUFBTSxlQUFlLEdBQUcsQ0FBQyxDQUFBO1FBQ3pCLE1BQU0sV0FBVyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsZUFBZSxHQUFHLENBQUMsQ0FBQyxDQUFBO1FBQ25ELE1BQU0sU0FBUyxHQUFHLElBQUksQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLFdBQVcsR0FBRyxXQUFXLEVBQUUsQ0FBQyxDQUFDLENBQUE7UUFDN0QsTUFBTSxPQUFPLEdBQUcsSUFBSSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsV0FBVyxHQUFHLFdBQVcsRUFBRSxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUE7UUFFekUsTUFBTSxZQUFZLEdBQXVCLEVBQUUsQ0FBQTtRQUMzQyxJQUFJLFNBQVMsR0FBRyxDQUFDLEVBQUU7WUFDakIsWUFBWSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQTtZQUNwQixJQUFJLFNBQVMsR0FBRyxDQUFDLEVBQUU7Z0JBQ2pCLFlBQVksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUE7YUFDekI7U0FDRjtRQUNELEtBQUssSUFBSSxJQUFJLEdBQUcsU0FBUyxFQUFFLElBQUksSUFBSSxPQUFPLEVBQUUsSUFBSSxFQUFFLEVBQUU7WUFDbEQsWUFBWSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQTtTQUN4QjtRQUNELElBQUksT0FBTyxHQUFHLElBQUksQ0FBQyxVQUFVLEVBQUU7WUFDN0IsSUFBSSxPQUFPLEdBQUcsSUFBSSxDQUFDLFVBQVUsR0FBRyxDQUFDLEVBQUU7Z0JBQ2pDLFlBQVksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUE7YUFDekI7WUFDRCxZQUFZLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQTtTQUNuQztRQUVELElBQUksQ0FBQyxZQUFZLEdBQUcsWUFBWSxDQUFBO0lBQ2xDLENBQUM7SUFFRCxVQUFVLENBQUMsSUFBSTtRQUNiLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLENBQUE7SUFDcEIsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxXQUFXLEdBQUcsQ0FBQyxDQUFDLENBQUE7SUFDcEMsQ0FBQztJQUVELFlBQVk7UUFDVixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxXQUFXLEdBQUcsQ0FBQyxDQUFDLENBQUE7SUFDcEMsQ0FBQztJQUVELE9BQU8sQ0FBQyxPQUFPO1FBQ2IsSUFBSSxDQUFDLE1BQU0sQ0FBQyxTQUFTLENBQUMsT0FBTyxDQUFDO1lBQUUsT0FBTTtRQUN0QyxJQUFJLENBQUMsV0FBVyxHQUFHLE9BQU8sQ0FBQTtRQUMxQixJQUFJLENBQUMscUJBQXFCLEVBQUUsQ0FBQTtRQUM1QixJQUFJLENBQUMsbUJBQW1CLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQTtJQUNqRCxDQUFDOzhHQXJEVSwwQkFBMEI7a0dBQTFCLDBCQUEwQixnTkNidkMsa21DQWlDQTs7MkZEcEJhLDBCQUEwQjtrQkFMdEMsU0FBUzsrQkFDRSwwQkFBMEI7OEJBSzNCLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFFSSxtQkFBbUI7c0JBQTVCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE9uQ2hhbmdlcyxcbiAgT3V0cHV0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJ1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdnbi11aS1wYWdpbmF0aW9uLWJ1dHRvbnMnLFxuICB0ZW1wbGF0ZVVybDogJy4vcGFnaW5hdGlvbi1idXR0b25zLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcGFnaW5hdGlvbi1idXR0b25zLmNvbXBvbmVudC5jc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgUGFnaW5hdGlvbkJ1dHRvbnNDb21wb25lbnQgaW1wbGVtZW50cyBPbkNoYW5nZXMge1xuICBASW5wdXQoKSBjdXJyZW50UGFnZTogbnVtYmVyXG4gIEBJbnB1dCgpIHRvdGFsUGFnZXM6IG51bWJlclxuICB2aXNpYmxlUGFnZXM6IChudW1iZXIgfCAnLi4uJylbXSA9IFtdXG4gIEBPdXRwdXQoKSBuZXdDdXJyZW50UGFnZUV2ZW50ID0gbmV3IEV2ZW50RW1pdHRlcjxudW1iZXI+KClcblxuICBuZ09uQ2hhbmdlcygpOiB2b2lkIHtcbiAgICB0aGlzLmNhbGN1bGF0ZVZpc2libGVQYWdlcygpXG4gIH1cblxuICBjYWxjdWxhdGVWaXNpYmxlUGFnZXMoKTogdm9pZCB7XG4gICAgY29uc3QgbWF4VmlzaWJsZVBhZ2VzID0gNVxuICAgIGNvbnN0IGhhbGZWaXNpYmxlID0gTWF0aC5mbG9vcihtYXhWaXNpYmxlUGFnZXMgLyAyKVxuICAgIGNvbnN0IHN0YXJ0UGFnZSA9IE1hdGgubWF4KHRoaXMuY3VycmVudFBhZ2UgLSBoYWxmVmlzaWJsZSwgMSlcbiAgICBjb25zdCBlbmRQYWdlID0gTWF0aC5taW4odGhpcy5jdXJyZW50UGFnZSArIGhhbGZWaXNpYmxlLCB0aGlzLnRvdGFsUGFnZXMpXG5cbiAgICBjb25zdCB2aXNpYmxlUGFnZXM6IChudW1iZXIgfCAnLi4uJylbXSA9IFtdXG4gICAgaWYgKHN0YXJ0UGFnZSA+IDEpIHtcbiAgICAgIHZpc2libGVQYWdlcy5wdXNoKDEpXG4gICAgICBpZiAoc3RhcnRQYWdlID4gMikge1xuICAgICAgICB2aXNpYmxlUGFnZXMucHVzaCgnLi4uJylcbiAgICAgIH1cbiAgICB9XG4gICAgZm9yIChsZXQgcGFnZSA9IHN0YXJ0UGFnZTsgcGFnZSA8PSBlbmRQYWdlOyBwYWdlKyspIHtcbiAgICAgIHZpc2libGVQYWdlcy5wdXNoKHBhZ2UpXG4gICAgfVxuICAgIGlmIChlbmRQYWdlIDwgdGhpcy50b3RhbFBhZ2VzKSB7XG4gICAgICBpZiAoZW5kUGFnZSA8IHRoaXMudG90YWxQYWdlcyAtIDEpIHtcbiAgICAgICAgdmlzaWJsZVBhZ2VzLnB1c2goJy4uLicpXG4gICAgICB9XG4gICAgICB2aXNpYmxlUGFnZXMucHVzaCh0aGlzLnRvdGFsUGFnZXMpXG4gICAgfVxuXG4gICAgdGhpcy52aXNpYmxlUGFnZXMgPSB2aXNpYmxlUGFnZXNcbiAgfVxuXG4gIGNoYW5nZVBhZ2UocGFnZSkge1xuICAgIHRoaXMuc2V0UGFnZShwYWdlKVxuICB9XG5cbiAgbmV4dFBhZ2UoKSB7XG4gICAgdGhpcy5zZXRQYWdlKHRoaXMuY3VycmVudFBhZ2UgKyAxKVxuICB9XG5cbiAgcHJldmlvdXNQYWdlKCkge1xuICAgIHRoaXMuc2V0UGFnZSh0aGlzLmN1cnJlbnRQYWdlIC0gMSlcbiAgfVxuXG4gIHNldFBhZ2UobmV3UGFnZSkge1xuICAgIGlmICghTnVtYmVyLmlzSW50ZWdlcihuZXdQYWdlKSkgcmV0dXJuXG4gICAgdGhpcy5jdXJyZW50UGFnZSA9IG5ld1BhZ2VcbiAgICB0aGlzLmNhbGN1bGF0ZVZpc2libGVQYWdlcygpXG4gICAgdGhpcy5uZXdDdXJyZW50UGFnZUV2ZW50LmVtaXQodGhpcy5jdXJyZW50UGFnZSlcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInJlbGF0aXZlXCI+XG4gIDxkaXYgY2xhc3M9XCJmbGV4IGZsZXgtcm93IGdhcC1bNXB4XSBpdGVtcy1jZW50ZXJcIj5cbiAgICA8Z24tdWktYnV0dG9uXG4gICAgICB0eXBlPVwibGlnaHRcIlxuICAgICAgW2Rpc2FibGVkXT1cImN1cnJlbnRQYWdlID09PSAxXCJcbiAgICAgIChidXR0b25DbGljayk9XCJwcmV2aW91c1BhZ2UoKVwiXG4gICAgICBleHRyYUNsYXNzPVwiIXB4LVszcHhdXCJcbiAgICA+XG4gICAgICA8bWF0LWljb24gY2xhc3M9XCJtYXRlcmlhbC1zeW1ib2xzLW91dGxpbmVkXCI+Y2hldnJvbl9sZWZ0PC9tYXQtaWNvbj5cbiAgICA8L2duLXVpLWJ1dHRvbj5cbiAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBwYWdlIG9mIHZpc2libGVQYWdlc1wiPlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInBhZ2UgPT09ICcuLi4nXCI+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwibXgtWzVweF1cIj57eyBwYWdlIH19PC9zcGFuPlxuICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwicGFnZSAhPT0gJy4uLidcIj5cbiAgICAgICAgPGduLXVpLWJ1dHRvblxuICAgICAgICAgIFt0eXBlXT1cInBhZ2UgPT09IGN1cnJlbnRQYWdlID8gJ3ByaW1hcnknIDogJ2xpZ2h0J1wiXG4gICAgICAgICAgW2Rpc2FibGVkXT1cInBhZ2UgPT09IGN1cnJlbnRQYWdlXCJcbiAgICAgICAgICAoYnV0dG9uQ2xpY2spPVwiY2hhbmdlUGFnZShwYWdlKVwiXG4gICAgICAgICAgPnt7IHBhZ2UgfX08L2duLXVpLWJ1dHRvblxuICAgICAgICA+XG4gICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8Z24tdWktYnV0dG9uXG4gICAgICB0eXBlPVwibGlnaHRcIlxuICAgICAgW2Rpc2FibGVkXT1cImN1cnJlbnRQYWdlID09PSB0b3RhbFBhZ2VzXCJcbiAgICAgIChidXR0b25DbGljayk9XCJuZXh0UGFnZSgpXCJcbiAgICAgIGV4dHJhQ2xhc3M9XCIhcHgtWzNweF1cIlxuICAgID5cbiAgICAgIDxtYXQtaWNvbiBjbGFzcz1cIm1hdGVyaWFsLXN5bWJvbHMtb3V0bGluZWRcIj5jaGV2cm9uX3JpZ2h0PC9tYXQtaWNvbj5cbiAgICA8L2duLXVpLWJ1dHRvbj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==

package/esm2022/libs/ui/elements/src/lib/related-record-card/related-record-card.component.mjs

@@ -0,0 +1,18 @@
+import { Component, ChangeDetectionStrategy, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/icon";
+import * as i2 from "@angular/material/tooltip";
+import * as i3 from "@angular/router";
+import * as i4 from "../thumbnail/thumbnail.component";
+import * as i5 from "@ngx-translate/core";
+export class RelatedRecordCardComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: RelatedRecordCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: RelatedRecordCardComponent, selector: "gn-ui-related-record-card", inputs: { record: "record" }, ngImport: i0, template: "<a\n  class=\"w-72 h-96 overflow-hidden rounded-lg bg-white cursor-pointer block hover:-translate-y-2 duration-[180ms]\"\n  [routerLink]=\"['/dataset', record.uniqueIdentifier]\"\n  target=\"_blank\"\n>\n  <div class=\"h-52 bg-gray-100\">\n    <gn-ui-thumbnail\n      class=\"h-52 w-full object-cover\"\n      [thumbnailUrl]=\"record.overviews?.[0].url.toString()\"\n    ></gn-ui-thumbnail>\n  </div>\n  <div class=\"flex flex-col justify-between h-44 px-5 pt-4 pb-6\">\n    <h4\n      class=\"max-h-24 font-title text-21 text-black text-ellipsis overflow-hidden\"\n    >\n      {{ record.title }}\n    </h4>\n    <div>\n      <button\n        mat-raised-button\n        [matTooltip]=\"'tooltip.url.open' | translate\"\n        matTooltipPosition=\"above\"\n      >\n        <mat-icon class=\"material-symbols-outlined align-middle text-secondary\"\n          >open_in_new</mat-icon\n        >\n      </button>\n    </div>\n  </div>\n</a>\n", styles: [""], dependencies: [{ kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i2.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i4.ThumbnailComponent, selector: "gn-ui-thumbnail", inputs: ["thumbnailUrl", "fit"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: RelatedRecordCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-related-record-card', changeDetection: ChangeDetectionStrategy.OnPush, template: "<a\n  class=\"w-72 h-96 overflow-hidden rounded-lg bg-white cursor-pointer block hover:-translate-y-2 duration-[180ms]\"\n  [routerLink]=\"['/dataset', record.uniqueIdentifier]\"\n  target=\"_blank\"\n>\n  <div class=\"h-52 bg-gray-100\">\n    <gn-ui-thumbnail\n      class=\"h-52 w-full object-cover\"\n      [thumbnailUrl]=\"record.overviews?.[0].url.toString()\"\n    ></gn-ui-thumbnail>\n  </div>\n  <div class=\"flex flex-col justify-between h-44 px-5 pt-4 pb-6\">\n    <h4\n      class=\"max-h-24 font-title text-21 text-black text-ellipsis overflow-hidden\"\n    >\n      {{ record.title }}\n    </h4>\n    <div>\n      <button\n        mat-raised-button\n        [matTooltip]=\"'tooltip.url.open' | translate\"\n        matTooltipPosition=\"above\"\n      >\n        <mat-icon class=\"material-symbols-outlined align-middle text-secondary\"\n          >open_in_new</mat-icon\n        >\n      </button>\n    </div>\n  </div>\n</a>\n" }]
+        }], propDecorators: { record: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVsYXRlZC1yZWNvcmQtY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpL2VsZW1lbnRzL3NyYy9saWIvcmVsYXRlZC1yZWNvcmQtY2FyZC9yZWxhdGVkLXJlY29yZC1jYXJkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvdWkvZWxlbWVudHMvc3JjL2xpYi9yZWxhdGVkLXJlY29yZC1jYXJkL3JlbGF0ZWQtcmVjb3JkLWNhcmQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSx1QkFBdUIsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUE7Ozs7Ozs7QUFTekUsTUFBTSxPQUFPLDBCQUEwQjs4R0FBMUIsMEJBQTBCO2tHQUExQiwwQkFBMEIsK0ZDVHZDLDg2QkE4QkE7OzJGRHJCYSwwQkFBMEI7a0JBTnRDLFNBQVM7K0JBQ0UsMkJBQTJCLG1CQUdwQix1QkFBdUIsQ0FBQyxNQUFNOzhCQUd0QyxNQUFNO3NCQUFkLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnXG5pbXBvcnQgeyBDYXRhbG9nUmVjb3JkIH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21tb24vZG9tYWluL3NyYy9saWIvcmVjb3JkJ1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdnbi11aS1yZWxhdGVkLXJlY29yZC1jYXJkJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3JlbGF0ZWQtcmVjb3JkLWNhcmQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9yZWxhdGVkLXJlY29yZC1jYXJkLmNvbXBvbmVudC5jc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFJlbGF0ZWRSZWNvcmRDYXJkQ29tcG9uZW50IHtcbiAgQElucHV0KCkgcmVjb3JkOiBDYXRhbG9nUmVjb3JkXG59XG4iLCI8YVxuICBjbGFzcz1cInctNzIgaC05NiBvdmVyZmxvdy1oaWRkZW4gcm91bmRlZC1sZyBiZy13aGl0ZSBjdXJzb3ItcG9pbnRlciBibG9jayBob3ZlcjotdHJhbnNsYXRlLXktMiBkdXJhdGlvbi1bMTgwbXNdXCJcbiAgW3JvdXRlckxpbmtdPVwiWycvZGF0YXNldCcsIHJlY29yZC51bmlxdWVJZGVudGlmaWVyXVwiXG4gIHRhcmdldD1cIl9ibGFua1wiXG4+XG4gIDxkaXYgY2xhc3M9XCJoLTUyIGJnLWdyYXktMTAwXCI+XG4gICAgPGduLXVpLXRodW1ibmFpbFxuICAgICAgY2xhc3M9XCJoLTUyIHctZnVsbCBvYmplY3QtY292ZXJcIlxuICAgICAgW3RodW1ibmFpbFVybF09XCJyZWNvcmQub3ZlcnZpZXdzPy5bMF0udXJsLnRvU3RyaW5nKClcIlxuICAgID48L2duLXVpLXRodW1ibmFpbD5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJmbGV4IGZsZXgtY29sIGp1c3RpZnktYmV0d2VlbiBoLTQ0IHB4LTUgcHQtNCBwYi02XCI+XG4gICAgPGg0XG4gICAgICBjbGFzcz1cIm1heC1oLTI0IGZvbnQtdGl0bGUgdGV4dC0yMSB0ZXh0LWJsYWNrIHRleHQtZWxsaXBzaXMgb3ZlcmZsb3ctaGlkZGVuXCJcbiAgICA+XG4gICAgICB7eyByZWNvcmQudGl0bGUgfX1cbiAgICA8L2g0PlxuICAgIDxkaXY+XG4gICAgICA8YnV0dG9uXG4gICAgICAgIG1hdC1yYWlzZWQtYnV0dG9uXG4gICAgICAgIFttYXRUb29sdGlwXT1cIid0b29sdGlwLnVybC5vcGVuJyB8IHRyYW5zbGF0ZVwiXG4gICAgICAgIG1hdFRvb2x0aXBQb3NpdGlvbj1cImFib3ZlXCJcbiAgICAgID5cbiAgICAgICAgPG1hdC1pY29uIGNsYXNzPVwibWF0ZXJpYWwtc3ltYm9scy1vdXRsaW5lZCBhbGlnbi1taWRkbGUgdGV4dC1zZWNvbmRhcnlcIlxuICAgICAgICAgID5vcGVuX2luX25ldzwvbWF0LWljb25cbiAgICAgICAgPlxuICAgICAgPC9idXR0b24+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9hPlxuIl19

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

@@ -0,0 +1,29 @@
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/material/icon";
+import * as i3 from "@ngx-translate/core";
+export var ErrorType;
+(function (ErrorType) {
+    ErrorType[ErrorType["COULD_NOT_REACH_API"] = 0] = "COULD_NOT_REACH_API";
+    ErrorType[ErrorType["RECEIVED_ERROR"] = 1] = "RECEIVED_ERROR";
+    ErrorType[ErrorType["RECORD_NOT_FOUND"] = 2] = "RECORD_NOT_FOUND";
+})(ErrorType || (ErrorType = {}));
+export class SearchResultsErrorComponent {
+    constructor() {
+        this.types = ErrorType;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SearchResultsErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: SearchResultsErrorComponent, selector: "gn-ui-search-results-error", inputs: { type: "type", error: "error", recordId: "recordId" }, ngImport: i0, template: "<div\n  class=\"p-[1.7em] bg-red-50 text-red-800 text-[1.5em] text-center rounded-lg\"\n>\n  <div *ngIf=\"type === types.COULD_NOT_REACH_API\">\n    <div class=\"relative opacity-40\">\n      <mat-icon class=\"material-symbols-outlined face\">face</mat-icon>\n      <mat-icon class=\"material-symbols-outlined question-mark1\"\n        >question_mark</mat-icon\n      >\n      <mat-icon class=\"material-symbols-outlined question-mark2\"\n        >question_mark</mat-icon\n      >\n    </div>\n    <div translate>search.error.couldNotReachApi</div>\n  </div>\n  <div *ngIf=\"type === types.RECEIVED_ERROR\">\n    <div class=\"relative opacity-40\">\n      <mat-icon class=\"material-symbols-outlined face\">mood_bad</mat-icon>\n    </div>\n    <div translate>search.error.receivedError</div>\n    <div *ngIf=\"error\">{{ error }}</div>\n  </div>\n  <div *ngIf=\"type === types.RECORD_NOT_FOUND\">\n    <div class=\"relative opacity-40\">\n      <mat-icon class=\"material-symbols-outlined computer\">computer</mat-icon>\n      <mat-icon class=\"material-symbols-outlined computer-question-mark\"\n        >question_mark</mat-icon\n      >\n    </div>\n    <div translate [translateParams]=\"{ id: recordId }\">\n      search.error.recordNotFound\n    </div>\n    <div *ngIf=\"error\">{{ error }}</div>\n  </div>\n</div>\n", styles: ["mat-icon{width:auto;height:auto}mat-icon.face{font-size:3em}mat-icon.question-mark1{position:absolute;bottom:1.1em;left:calc(50% + .7em);font-size:1.7em}mat-icon.question-mark2{position:absolute;bottom:1.6em;left:calc(50% + 1.6em);font-size:1.4em}.computer{font-size:3em}.computer-question-mark{position:absolute;top:.6em;left:calc(50% - .5em);font-size:1.2em}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SearchResultsErrorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-search-results-error', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  class=\"p-[1.7em] bg-red-50 text-red-800 text-[1.5em] text-center rounded-lg\"\n>\n  <div *ngIf=\"type === types.COULD_NOT_REACH_API\">\n    <div class=\"relative opacity-40\">\n      <mat-icon class=\"material-symbols-outlined face\">face</mat-icon>\n      <mat-icon class=\"material-symbols-outlined question-mark1\"\n        >question_mark</mat-icon\n      >\n      <mat-icon class=\"material-symbols-outlined question-mark2\"\n        >question_mark</mat-icon\n      >\n    </div>\n    <div translate>search.error.couldNotReachApi</div>\n  </div>\n  <div *ngIf=\"type === types.RECEIVED_ERROR\">\n    <div class=\"relative opacity-40\">\n      <mat-icon class=\"material-symbols-outlined face\">mood_bad</mat-icon>\n    </div>\n    <div translate>search.error.receivedError</div>\n    <div *ngIf=\"error\">{{ error }}</div>\n  </div>\n  <div *ngIf=\"type === types.RECORD_NOT_FOUND\">\n    <div class=\"relative opacity-40\">\n      <mat-icon class=\"material-symbols-outlined computer\">computer</mat-icon>\n      <mat-icon class=\"material-symbols-outlined computer-question-mark\"\n        >question_mark</mat-icon\n      >\n    </div>\n    <div translate [translateParams]=\"{ id: recordId }\">\n      search.error.recordNotFound\n    </div>\n    <div *ngIf=\"error\">{{ error }}</div>\n  </div>\n</div>\n", styles: ["mat-icon{width:auto;height:auto}mat-icon.face{font-size:3em}mat-icon.question-mark1{position:absolute;bottom:1.1em;left:calc(50% + .7em);font-size:1.7em}mat-icon.question-mark2{position:absolute;bottom:1.6em;left:calc(50% + 1.6em);font-size:1.4em}.computer{font-size:3em}.computer-question-mark{position:absolute;top:.6em;left:calc(50% - .5em);font-size:1.2em}\n"] }]
+        }], propDecorators: { type: [{
+                type: Input
+            }], error: [{
+                type: Input
+            }], recordId: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoLXJlc3VsdHMtZXJyb3IuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy91aS9lbGVtZW50cy9zcmMvbGliL3NlYXJjaC1yZXN1bHRzLWVycm9yL3NlYXJjaC1yZXN1bHRzLWVycm9yLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvdWkvZWxlbWVudHMvc3JjL2xpYi9zZWFyY2gtcmVzdWx0cy1lcnJvci9zZWFyY2gtcmVzdWx0cy1lcnJvci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQTs7Ozs7QUFFekUsTUFBTSxDQUFOLElBQVksU0FJWDtBQUpELFdBQVksU0FBUztJQUNuQix1RUFBbUIsQ0FBQTtJQUNuQiw2REFBYyxDQUFBO0lBQ2QsaUVBQWdCLENBQUE7QUFDbEIsQ0FBQyxFQUpXLFNBQVMsS0FBVCxTQUFTLFFBSXBCO0FBUUQsTUFBTSxPQUFPLDJCQUEyQjtJQU54QztRQVVFLFVBQUssR0FBRyxTQUFTLENBQUE7S0FDbEI7OEdBTFksMkJBQTJCO2tHQUEzQiwyQkFBMkIsa0lDZHhDLDJ5Q0FtQ0E7OzJGRHJCYSwyQkFBMkI7a0JBTnZDLFNBQVM7K0JBQ0UsNEJBQTRCLG1CQUdyQix1QkFBdUIsQ0FBQyxNQUFNOzhCQUd0QyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnXG5cbmV4cG9ydCBlbnVtIEVycm9yVHlwZSB7XG4gIENPVUxEX05PVF9SRUFDSF9BUEksXG4gIFJFQ0VJVkVEX0VSUk9SLFxuICBSRUNPUkRfTk9UX0ZPVU5ELFxufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdnbi11aS1zZWFyY2gtcmVzdWx0cy1lcnJvcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9zZWFyY2gtcmVzdWx0cy1lcnJvci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3NlYXJjaC1yZXN1bHRzLWVycm9yLmNvbXBvbmVudC5jc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFNlYXJjaFJlc3VsdHNFcnJvckNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHR5cGUhOiBFcnJvclR5cGVcbiAgQElucHV0KCkgZXJyb3I/OiBzdHJpbmdcbiAgQElucHV0KCkgcmVjb3JkSWQ/OiBzdHJpbmdcbiAgdHlwZXMgPSBFcnJvclR5cGVcbn1cbiIsIjxkaXZcbiAgY2xhc3M9XCJwLVsxLjdlbV0gYmctcmVkLTUwIHRleHQtcmVkLTgwMCB0ZXh0LVsxLjVlbV0gdGV4dC1jZW50ZXIgcm91bmRlZC1sZ1wiXG4+XG4gIDxkaXYgKm5nSWY9XCJ0eXBlID09PSB0eXBlcy5DT1VMRF9OT1RfUkVBQ0hfQVBJXCI+XG4gICAgPGRpdiBjbGFzcz1cInJlbGF0aXZlIG9wYWNpdHktNDBcIj5cbiAgICAgIDxtYXQtaWNvbiBjbGFzcz1cIm1hdGVyaWFsLXN5bWJvbHMtb3V0bGluZWQgZmFjZVwiPmZhY2U8L21hdC1pY29uPlxuICAgICAgPG1hdC1pY29uIGNsYXNzPVwibWF0ZXJpYWwtc3ltYm9scy1vdXRsaW5lZCBxdWVzdGlvbi1tYXJrMVwiXG4gICAgICAgID5xdWVzdGlvbl9tYXJrPC9tYXQtaWNvblxuICAgICAgPlxuICAgICAgPG1hdC1pY29uIGNsYXNzPVwibWF0ZXJpYWwtc3ltYm9scy1vdXRsaW5lZCBxdWVzdGlvbi1tYXJrMlwiXG4gICAgICAgID5xdWVzdGlvbl9tYXJrPC9tYXQtaWNvblxuICAgICAgPlxuICAgIDwvZGl2PlxuICAgIDxkaXYgdHJhbnNsYXRlPnNlYXJjaC5lcnJvci5jb3VsZE5vdFJlYWNoQXBpPC9kaXY+XG4gIDwvZGl2PlxuICA8ZGl2ICpuZ0lmPVwidHlwZSA9PT0gdHlwZXMuUkVDRUlWRURfRVJST1JcIj5cbiAgICA8ZGl2IGNsYXNzPVwicmVsYXRpdmUgb3BhY2l0eS00MFwiPlxuICAgICAgPG1hdC1pY29uIGNsYXNzPVwibWF0ZXJpYWwtc3ltYm9scy1vdXRsaW5lZCBmYWNlXCI+bW9vZF9iYWQ8L21hdC1pY29uPlxuICAgIDwvZGl2PlxuICAgIDxkaXYgdHJhbnNsYXRlPnNlYXJjaC5lcnJvci5yZWNlaXZlZEVycm9yPC9kaXY+XG4gICAgPGRpdiAqbmdJZj1cImVycm9yXCI+e3sgZXJyb3IgfX08L2Rpdj5cbiAgPC9kaXY+XG4gIDxkaXYgKm5nSWY9XCJ0eXBlID09PSB0eXBlcy5SRUNPUkRfTk9UX0ZPVU5EXCI+XG4gICAgPGRpdiBjbGFzcz1cInJlbGF0aXZlIG9wYWNpdHktNDBcIj5cbiAgICAgIDxtYXQtaWNvbiBjbGFzcz1cIm1hdGVyaWFsLXN5bWJvbHMtb3V0bGluZWQgY29tcHV0ZXJcIj5jb21wdXRlcjwvbWF0LWljb24+XG4gICAgICA8bWF0LWljb24gY2xhc3M9XCJtYXRlcmlhbC1zeW1ib2xzLW91dGxpbmVkIGNvbXB1dGVyLXF1ZXN0aW9uLW1hcmtcIlxuICAgICAgICA+cXVlc3Rpb25fbWFyazwvbWF0LWljb25cbiAgICAgID5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IHRyYW5zbGF0ZSBbdHJhbnNsYXRlUGFyYW1zXT1cInsgaWQ6IHJlY29yZElkIH1cIj5cbiAgICAgIHNlYXJjaC5lcnJvci5yZWNvcmROb3RGb3VuZFxuICAgIDwvZGl2PlxuICAgIDxkaXYgKm5nSWY9XCJlcnJvclwiPnt7IGVycm9yIH19PC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=

package/esm2022/libs/ui/elements/src/lib/thumbnail/thumbnail.component.mjs

@@ -0,0 +1,92 @@
+import { ChangeDetectionStrategy, Component, ElementRef, Inject, InjectionToken, Input, Optional, ViewChild, } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../../../../../util/shared/src/lib/pipes/SafePipe";
+export const THUMBNAIL_PLACEHOLDER = new InjectionToken('thumbnail-placeholder');
+const DEFAULT_PLACEHOLDER = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA3XAAAN1wFCKJt4AAAAB3RJTUUH5gkNDCUFYjA1nwAAA1pJREFUeNrtnW2TmjAURh8CLlTdrmun///3tZ22+zLuYlehH7jsMGogwRiiec4MM44K6D3x3hAwAIQQQgghhJDYSM5cPwNQAMgBpACUg22GTg2gArAD8A9AKY+9CsgALAF8YRsGALwDeAWw9yGgALCKoKWP+WU8iwxjUsudLBj83sZciIiPSwhoWz7pJ5dUZFQXlEXOZ/DNeTBt3JnhBpc9aacGsOn0BuoIUk3b+5trGnEC4B7Ak4sUlInRU+wB/JbgVxG18KrTBc01EmYmcTFJQUVPy/9zTh/4BthLDOqeenB2DdBtZBN58LsSNpcUoEtTJWM/GIvMhQDde9j6h2OhXAjo6/2Q/lgkLgSQC0IBFEABZEKyiaQv5AAv7fSlS+lPVxRwOXTnEtoTPAs04yfRHGMoz8F/HOiaJfKeggLc78dmOHsVS33y9SUXsDuLlsg6FOAw/fhYhwI0pJ7WoQASpoC9p3UoQEPpaR0K0LCB3fB1e6KfAhxRweAKgQ5PsQxJ+CzCJYC/A7+EWt4TzVCE77GgEsBPHA/G7QBswcE4b+noVRZ2QxkCCqAAQgEUQCiAAggFUAChAAogFEABhAJcfT9FAdOxQuB/ML9lAfdo/qWYy2MK8EiO5mrrliUCvdIudAEzWWzQzWuxwjRnAK9WwAzAWhZTCe3l7cryNQrQBL/txZhKGGrlwc36ogIPfvdzfhuQsDDM80EVZXUFwe+mEJ2EOwBfLfYTTFFWVxL8Qwl3nedSye1jjhEyCjAPflfCWiScU1iDKMrqyoJ/KOFxRDf1sCg/xCxgTPC7EnIHn6GYsiirKw2+ayYryorBn7YoKwb/qCgntywg1OBPdqSsGPyTRXnp07gvPgD8AAl6KIICCAVQAAlLwOg5MSNi9NyqJgKqAHpQoZNZxs5KgG7SDN7AZzgWOxcCtprn5/wVfLb+uWXsrASUPXlvHbmETGKQjBVgMitVJTuaaQS2t/GoEMeE3onEor2jlK4RvwN4G1u9T4n6zp6PMTWAXzCYdCq12OCOhdeYZzT3mIErAW1Fr+HmNOAt82KSesYIAJoRzR2aIVumo+Ms8WwT/HOOZlM0Y+Zzxv2zp/gCTzfzPOyGtdfgp7LEcDvbvSxbWXg/HUIIIYQQQogx/wHLoX7NoCMFPwAAAABJRU5ErkJggg==';
+export class ThumbnailComponent {
+    get isPlaceholder() {
+        return this.imgUrl === this.placeholderUrl;
+    }
+    constructor(optionalPlaceholderUrl) {
+        this.optionalPlaceholderUrl = optionalPlaceholderUrl;
+        this.fit = 'cover';
+        this.placeholderUrl = this.optionalPlaceholderUrl || DEFAULT_PLACEHOLDER;
+        this.images = [];
+    }
+    ngOnInit() {
+        this.updateImageList();
+    }
+    ngOnChanges(changes) {
+        if (!('thumbnailUrl' in changes) && !('fit' in changes)) {
+            return;
+        }
+        this.updateImageList();
+    }
+    updateImageList() {
+        if (!this.thumbnailUrl) {
+            this.setPlaceholder();
+            return;
+        }
+        const urls = Array.isArray(this.thumbnailUrl)
+            ? this.thumbnailUrl
+            : [this.thumbnailUrl];
+        this.images = urls
+            .map((url, index) => ({
+            url,
+            fit: (Array.isArray(this.fit) ? this.fit[index] : this.fit) || 'cover',
+        }))
+            .filter((img) => !!img.url);
+        if (!this.images.length) {
+            this.setPlaceholder();
+            return;
+        }
+        this.setNewSrcImage(this.images[0]);
+    }
+    setNewSrcImage(image) {
+        this.imgFit = image.fit;
+        this.imgUrl = image.url;
+    }
+    setPlaceholder() {
+        this.setNewSrcImage({ url: this.placeholderUrl, fit: 'scale-down' });
+    }
+    useFallback() {
+        if (this.images.length > 1) {
+            this.images.shift();
+            this.setNewSrcImage(this.images[0]);
+        }
+        else {
+            this.setPlaceholder();
+        }
+    }
+    setObjectFit() {
+        const cw = this.containerElement?.nativeElement?.clientWidth;
+        const ch = this.containerElement?.nativeElement?.clientHeight;
+        if (this.imgElement.nativeElement.naturalWidth < cw &&
+            this.imgElement.nativeElement.naturalHeight < ch) {
+            this.imgFit = 'scale-down';
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: ThumbnailComponent, deps: [{ token: THUMBNAIL_PLACEHOLDER, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: ThumbnailComponent, selector: "gn-ui-thumbnail", inputs: { thumbnailUrl: "thumbnailUrl", fit: "fit" }, viewQueries: [{ propertyName: "imgElement", first: true, predicate: ["imageElement"], descendants: true }, { propertyName: "containerElement", first: true, predicate: ["containerElement"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\n  #containerElement\n  class=\"h-full w-full relative shrink-0 overflow-hidden flex items-center\"\n  [ngClass]=\"isPlaceholder ? 'bg-gray-100' : 'bg-white'\"\n  [attr.data-cy-is-placeholder]=\"isPlaceholder.toString()\"\n>\n  <img\n    #imageElement\n    class=\"relative w-full object-center\"\n    [ngClass]=\"imgFit === 'contain' ? 'h-4/5' : 'h-full'\"\n    [ngStyle]=\"{ objectFit: imgFit }\"\n    alt=\"thumbnail\"\n    loading=\"lazy\"\n    (load)=\"setObjectFit()\"\n    [src]=\"imgUrl | safe: 'url'\"\n    (error)=\"useFallback()\"\n  />\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: i2.SafePipe, name: "safe" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: ThumbnailComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-thumbnail', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  #containerElement\n  class=\"h-full w-full relative shrink-0 overflow-hidden flex items-center\"\n  [ngClass]=\"isPlaceholder ? 'bg-gray-100' : 'bg-white'\"\n  [attr.data-cy-is-placeholder]=\"isPlaceholder.toString()\"\n>\n  <img\n    #imageElement\n    class=\"relative w-full object-center\"\n    [ngClass]=\"imgFit === 'contain' ? 'h-4/5' : 'h-full'\"\n    [ngStyle]=\"{ objectFit: imgFit }\"\n    alt=\"thumbnail\"\n    loading=\"lazy\"\n    (load)=\"setObjectFit()\"\n    [src]=\"imgUrl | safe: 'url'\"\n    (error)=\"useFallback()\"\n  />\n</div>\n" }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [THUMBNAIL_PLACEHOLDER]
+                }] }]; }, propDecorators: { thumbnailUrl: [{
+                type: Input
+            }], fit: [{
+                type: Input
+            }], imgElement: [{
+                type: ViewChild,
+                args: ['imageElement']
+            }], containerElement: [{
+                type: ViewChild,
+                args: ['containerElement']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGh1bWJuYWlsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvdWkvZWxlbWVudHMvc3JjL2xpYi90aHVtYm5haWwvdGh1bWJuYWlsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvdWkvZWxlbWVudHMvc3JjL2xpYi90aHVtYm5haWwvdGh1bWJuYWlsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFVBQVUsRUFDVixNQUFNLEVBQ04sY0FBYyxFQUNkLEtBQUssRUFHTCxRQUFRLEVBRVIsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFBOzs7O0FBRXRCLE1BQU0sQ0FBQyxNQUFNLHFCQUFxQixHQUFHLElBQUksY0FBYyxDQUNyRCx1QkFBdUIsQ0FDeEIsQ0FBQTtBQU9ELE1BQU0sbUJBQW1CLEdBQ3ZCLDR5Q0FBNHlDLENBQUE7QUFTOXlDLE1BQU0sT0FBTyxrQkFBa0I7SUFRN0IsSUFBSSxhQUFhO1FBQ2YsT0FBTyxJQUFJLENBQUMsTUFBTSxLQUFLLElBQUksQ0FBQyxjQUFjLENBQUE7SUFDNUMsQ0FBQztJQUdELFlBR1Usc0JBQThCO1FBQTlCLDJCQUFzQixHQUF0QixzQkFBc0IsQ0FBUTtRQWQvQixRQUFHLEdBQThCLE9BQU8sQ0FBQTtRQUtqRCxtQkFBYyxHQUFHLElBQUksQ0FBQyxzQkFBc0IsSUFBSSxtQkFBbUIsQ0FBQTtRQUkzRCxXQUFNLEdBQTJCLEVBQUUsQ0FBQTtJQU14QyxDQUFDO0lBRUosUUFBUTtRQUNOLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQTtJQUN4QixDQUFDO0lBRUQsV0FBVyxDQUFDLE9BQXNCO1FBQ2hDLElBQUksQ0FBQyxDQUFDLGNBQWMsSUFBSSxPQUFPLENBQUMsSUFBSSxDQUFDLENBQUMsS0FBSyxJQUFJLE9BQU8sQ0FBQyxFQUFFO1lBQ3ZELE9BQU07U0FDUDtRQUNELElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQTtJQUN4QixDQUFDO0lBRU8sZUFBZTtRQUNyQixJQUFJLENBQUMsSUFBSSxDQUFDLFlBQVksRUFBRTtZQUN0QixJQUFJLENBQUMsY0FBYyxFQUFFLENBQUE7WUFDckIsT0FBTTtTQUNQO1FBQ0QsTUFBTSxJQUFJLEdBQUcsS0FBSyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDO1lBQzNDLENBQUMsQ0FBQyxJQUFJLENBQUMsWUFBWTtZQUNuQixDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUE7UUFDdkIsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJO2FBQ2YsR0FBRyxDQUFDLENBQUMsR0FBRyxFQUFFLEtBQUssRUFBRSxFQUFFLENBQUMsQ0FBQztZQUNwQixHQUFHO1lBQ0gsR0FBRyxFQUFFLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsSUFBSSxPQUFPO1NBQ3ZFLENBQUMsQ0FBQzthQUNGLE1BQU0sQ0FBQyxDQUFDLEdBQUcsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxHQUFHLENBQUMsQ0FBQTtRQUM3QixJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxNQUFNLEVBQUU7WUFDdkIsSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFBO1lBQ3JCLE9BQU07U0FDUDtRQUNELElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFBO0lBQ3JDLENBQUM7SUFFTyxjQUFjLENBQUMsS0FBMkI7UUFDaEQsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUMsR0FBRyxDQUFBO1FBQ3ZCLElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDLEdBQUcsQ0FBQTtJQUN6QixDQUFDO0lBRU8sY0FBYztRQUNwQixJQUFJLENBQUMsY0FBYyxDQUFDLEVBQUUsR0FBRyxFQUFFLElBQUksQ0FBQyxjQUFjLEVBQUUsR0FBRyxFQUFFLFlBQVksRUFBRSxDQUFDLENBQUE7SUFDdEUsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLElBQUksQ0FBQyxNQUFNLENBQUMsTUFBTSxHQUFHLENBQUMsRUFBRTtZQUMxQixJQUFJLENBQUMsTUFBTSxDQUFDLEtBQUssRUFBRSxDQUFBO1lBQ25CLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFBO1NBQ3BDO2FBQU07WUFDTCxJQUFJLENBQUMsY0FBYyxFQUFFLENBQUE7U0FDdEI7SUFDSCxDQUFDO0lBRUQsWUFBWTtRQUNWLE1BQU0sRUFBRSxHQUFHLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxhQUFhLEVBQUUsV0FBVyxDQUFBO1FBQzVELE1BQU0sRUFBRSxHQUFHLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxhQUFhLEVBQUUsWUFBWSxDQUFBO1FBQzdELElBQ0UsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsWUFBWSxHQUFHLEVBQUU7WUFDL0MsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsYUFBYSxHQUFHLEVBQUUsRUFDaEQ7WUFDQSxJQUFJLENBQUMsTUFBTSxHQUFHLFlBQVksQ0FBQTtTQUMzQjtJQUNILENBQUM7OEdBOUVVLGtCQUFrQixrQkFlbkIscUJBQXFCO2tHQWZwQixrQkFBa0IscVZDakMvQixvakJBa0JBOzsyRkRlYSxrQkFBa0I7a0JBTDlCLFNBQVM7K0JBQ0UsaUJBQWlCLG1CQUVWLHVCQUF1QixDQUFDLE1BQU07OzBCQWdCNUMsUUFBUTs7MEJBQ1IsTUFBTTsyQkFBQyxxQkFBcUI7NENBZHRCLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csR0FBRztzQkFBWCxLQUFLO2dCQUNxQixVQUFVO3NCQUFwQyxTQUFTO3VCQUFDLGNBQWM7Z0JBQ00sZ0JBQWdCO3NCQUE5QyxTQUFTO3VCQUFDLGtCQUFrQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIEVsZW1lbnRSZWYsXG4gIEluamVjdCxcbiAgSW5qZWN0aW9uVG9rZW4sXG4gIElucHV0LFxuICBPbkNoYW5nZXMsXG4gIE9uSW5pdCxcbiAgT3B0aW9uYWwsXG4gIFNpbXBsZUNoYW5nZXMsXG4gIFZpZXdDaGlsZCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSdcblxuZXhwb3J0IGNvbnN0IFRIVU1CTkFJTF9QTEFDRUhPTERFUiA9IG5ldyBJbmplY3Rpb25Ub2tlbjxzdHJpbmc+KFxuICAndGh1bWJuYWlsLXBsYWNlaG9sZGVyJ1xuKVxuXG50eXBlIFRodW1ibmFpbEltYWdlT2JqZWN0ID0ge1xuICB1cmw6IHN0cmluZ1xuICBmaXQ/OiAnY292ZXInIHwgJ2NvbnRhaW4nIHwgJ3NjYWxlLWRvd24nXG59XG5cbmNvbnN0IERFRkFVTFRfUExBQ0VIT0xERVIgPVxuICAnZGF0YTppbWFnZS9wbmc7YmFzZTY0LGlWQk9SdzBLR2dvQUFBQU5TVWhFVWdBQUFHQUFBQUJnQ0FZQUFBRGltSGM0QUFBQUJtSkxSMFFBL3dEL0FQK2d2YWVUQUFBQUNYQklXWE1BQUEzWEFBQU4xd0ZDS0p0NEFBQUFCM1JKVFVVSDVna05EQ1VGWWpBMW53QUFBMXBKUkVGVWVOcnRuVzJUbWpBVVJoOENMbFRkcm11bi8vLzN0WjIyK3pMdVlsZWhIN2pzTUdvZ3dSaWllYzRNTTQ0SzZEM3gzaEF3QUlRUVFnZ2hoSkRZU001Y1B3TlFBTWdCcEFDVWcyMkdUZzJnQXJBRDhBOUFLWSs5Q3NnQUxBRjhZUnNHQUx3RGVBV3c5eUdnQUxDS29LV1ArV1U4aXd4alVzdWRMQmo4M3NaY2lJaVBTd2hvV3o3cEo1ZFVaRlFYbEVYT1ovRE5lVEJ0M0puaEJwYzlhYWNHc09uMEJ1b0lVazNiKzV0ckduRUM0QjdBazRzVWxJblJVK3dCL0piZ1Z4RzE4S3JUQmMwMUVtWW1jVEZKUVVWUHkvOXpUaC80QnRoTERPcWVlbkIyRGRCdFpCTjU4THNTTnBjVW9FdFRKV00vR0l2TWhRRGRlOWo2aDJPaFhBam82LzJRL2xna0xnU1FDMElCRkVBQlpFS3lpYVF2NUFBdjdmU2xTK2xQVnhSd09YVG5FdG9UUEFzMDR5ZlJIR01vejhGL0hPaWFKZktlZ2dMYzc4ZG1PSHNWUzMzeTlTVVhzRHVMbHNnNkZPQXcvZmhZaHdJMHBKN1dvUUFTcG9DOXAzVW9RRVBwYVIwSzBMQ0IzZkIxZTZLZkFoeFJ3ZUFLZ1E1UHNReEorQ3pDSllDL0E3K0VXdDRUelZDRTc3R2dFc0JQSEEvRzdRQnN3Y0U0Yitub1ZSWjJReGtDQ3FBQVFnRVVRQ2lBQWdnRlVBQ2hBQW9nRkVBQmhBSmNmVDlGQWRPeFF1Qi9NTDlsQWZkby9xV1l5Mk1LOEVpTzVtcnJsaVVDdmRJdWRBRXpXV3pReld1eHdqUm5BSzlXd0F6QVdoWlRDZTNsN2NyeU5RclFCTC90eFpoS0dHcmx3YzM2b2dJUGZ2ZHpmaHVRc0RETTgwRVZaWFVGd2UrbUVKMkVPd0JmTGZZVFRGRldWeEw4UXdsM25lZFN5ZTFqamhFeUNqQVBmbGZDV2lTY1UxaURLTXJxeW9KL0tPRnhSRGYxc0NnL3hDeGdUUEM3RW5JSG42R1lzaWlyS3cyK2F5WXJ5b3JCbjdZb0t3Yi9xQ2dudHl3ZzFPQlBkcVNzR1B5VFJYbnAwN2d2UGdEOEFBbDZLSUlDQ0FWUUFBbEx3T2c1TVNOaTlOeXFKZ0txQUhwUW9aTlp4czVLZ0c3U0RON0FaemdXT3hjQ3Rwcm41L3dWZkxiK3VXWHNyQVNVUFhsdkhibUVUR0tRakJWZ01pdFZKVHVhYVFTMnQvR29FTWVFM29uRW9yMmpsSzRSdndONEcxdTlUNG42enA2UE1UV0FYekNZZENxMTJPQ09oZGVZWnpUM21JRXJBVzFGcitIbU5PQXQ4MktTZXNZSUFKb1J6UjJhSVZ1bW8rTXM4V3dUL0hPT1psTTBZK1p6eHYyenAvZ0NUemZ6UE95R3RkZmdwN0xFY0R2YnZTeGJXWGcvSFVJSUlZUVFRb2d4L3dITG9YN05vQ01GUHdBQUFBQkpSVTVFcmtKZ2dnPT0nXG5cbnR5cGUgRml0T3B0aW9ucyA9ICdjb3ZlcicgfCAnY29udGFpbicgfCAnc2NhbGUtZG93bidcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ24tdWktdGh1bWJuYWlsJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3RodW1ibmFpbC5jb21wb25lbnQuaHRtbCcsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBUaHVtYm5haWxDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uQ2hhbmdlcyB7XG4gIEBJbnB1dCgpIHRodW1ibmFpbFVybDogc3RyaW5nIHwgc3RyaW5nW11cbiAgQElucHV0KCkgZml0OiBGaXRPcHRpb25zIHwgRml0T3B0aW9uc1tdID0gJ2NvdmVyJ1xuICBAVmlld0NoaWxkKCdpbWFnZUVsZW1lbnQnKSBpbWdFbGVtZW50OiBFbGVtZW50UmVmPEhUTUxJbWFnZUVsZW1lbnQ+XG4gIEBWaWV3Q2hpbGQoJ2NvbnRhaW5lckVsZW1lbnQnKSBjb250YWluZXJFbGVtZW50OiBFbGVtZW50UmVmPEhUTUxEaXZFbGVtZW50PlxuICBpbWdVcmw6IHN0cmluZ1xuICBpbWdGaXQ6IEZpdE9wdGlvbnNcbiAgcGxhY2Vob2xkZXJVcmwgPSB0aGlzLm9wdGlvbmFsUGxhY2Vob2xkZXJVcmwgfHwgREVGQVVMVF9QTEFDRUhPTERFUlxuICBnZXQgaXNQbGFjZWhvbGRlcigpIHtcbiAgICByZXR1cm4gdGhpcy5pbWdVcmwgPT09IHRoaXMucGxhY2Vob2xkZXJVcmxcbiAgfVxuICBwcml2YXRlIGltYWdlczogVGh1bWJuYWlsSW1hZ2VPYmplY3RbXSA9IFtdXG5cbiAgY29uc3RydWN0b3IoXG4gICAgQE9wdGlvbmFsKClcbiAgICBASW5qZWN0KFRIVU1CTkFJTF9QTEFDRUhPTERFUilcbiAgICBwcml2YXRlIG9wdGlvbmFsUGxhY2Vob2xkZXJVcmw6IHN0cmluZ1xuICApIHt9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy51cGRhdGVJbWFnZUxpc3QoKVxuICB9XG5cbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xuICAgIGlmICghKCd0aHVtYm5haWxVcmwnIGluIGNoYW5nZXMpICYmICEoJ2ZpdCcgaW4gY2hhbmdlcykpIHtcbiAgICAgIHJldHVyblxuICAgIH1cbiAgICB0aGlzLnVwZGF0ZUltYWdlTGlzdCgpXG4gIH1cblxuICBwcml2YXRlIHVwZGF0ZUltYWdlTGlzdCgpIHtcbiAgICBpZiAoIXRoaXMudGh1bWJuYWlsVXJsKSB7XG4gICAgICB0aGlzLnNldFBsYWNlaG9sZGVyKClcbiAgICAgIHJldHVyblxuICAgIH1cbiAgICBjb25zdCB1cmxzID0gQXJyYXkuaXNBcnJheSh0aGlzLnRodW1ibmFpbFVybClcbiAgICAgID8gdGhpcy50aHVtYm5haWxVcmxcbiAgICAgIDogW3RoaXMudGh1bWJuYWlsVXJsXVxuICAgIHRoaXMuaW1hZ2VzID0gdXJsc1xuICAgICAgLm1hcCgodXJsLCBpbmRleCkgPT4gKHtcbiAgICAgICAgdXJsLFxuICAgICAgICBmaXQ6IChBcnJheS5pc0FycmF5KHRoaXMuZml0KSA/IHRoaXMuZml0W2luZGV4XSA6IHRoaXMuZml0KSB8fCAnY292ZXInLFxuICAgICAgfSkpXG4gICAgICAuZmlsdGVyKChpbWcpID0+ICEhaW1nLnVybClcbiAgICBpZiAoIXRoaXMuaW1hZ2VzLmxlbmd0aCkge1xuICAgICAgdGhpcy5zZXRQbGFjZWhvbGRlcigpXG4gICAgICByZXR1cm5cbiAgICB9XG4gICAgdGhpcy5zZXROZXdTcmNJbWFnZSh0aGlzLmltYWdlc1swXSlcbiAgfVxuXG4gIHByaXZhdGUgc2V0TmV3U3JjSW1hZ2UoaW1hZ2U6IFRodW1ibmFpbEltYWdlT2JqZWN0KSB7XG4gICAgdGhpcy5pbWdGaXQgPSBpbWFnZS5maXRcbiAgICB0aGlzLmltZ1VybCA9IGltYWdlLnVybFxuICB9XG5cbiAgcHJpdmF0ZSBzZXRQbGFjZWhvbGRlcigpOiB2b2lkIHtcbiAgICB0aGlzLnNldE5ld1NyY0ltYWdlKHsgdXJsOiB0aGlzLnBsYWNlaG9sZGVyVXJsLCBmaXQ6ICdzY2FsZS1kb3duJyB9KVxuICB9XG5cbiAgdXNlRmFsbGJhY2soKSB7XG4gICAgaWYgKHRoaXMuaW1hZ2VzLmxlbmd0aCA+IDEpIHtcbiAgICAgIHRoaXMuaW1hZ2VzLnNoaWZ0KClcbiAgICAgIHRoaXMuc2V0TmV3U3JjSW1hZ2UodGhpcy5pbWFnZXNbMF0pXG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuc2V0UGxhY2Vob2xkZXIoKVxuICAgIH1cbiAgfVxuXG4gIHNldE9iamVjdEZpdCgpIHtcbiAgICBjb25zdCBjdyA9IHRoaXMuY29udGFpbmVyRWxlbWVudD8ubmF0aXZlRWxlbWVudD8uY2xpZW50V2lkdGhcbiAgICBjb25zdCBjaCA9IHRoaXMuY29udGFpbmVyRWxlbWVudD8ubmF0aXZlRWxlbWVudD8uY2xpZW50SGVpZ2h0XG4gICAgaWYgKFxuICAgICAgdGhpcy5pbWdFbGVtZW50Lm5hdGl2ZUVsZW1lbnQubmF0dXJhbFdpZHRoIDwgY3cgJiZcbiAgICAgIHRoaXMuaW1nRWxlbWVudC5uYXRpdmVFbGVtZW50Lm5hdHVyYWxIZWlnaHQgPCBjaFxuICAgICkge1xuICAgICAgdGhpcy5pbWdGaXQgPSAnc2NhbGUtZG93bidcbiAgICB9XG4gIH1cbn1cbiIsIjxkaXZcbiAgI2NvbnRhaW5lckVsZW1lbnRcbiAgY2xhc3M9XCJoLWZ1bGwgdy1mdWxsIHJlbGF0aXZlIHNocmluay0wIG92ZXJmbG93LWhpZGRlbiBmbGV4IGl0ZW1zLWNlbnRlclwiXG4gIFtuZ0NsYXNzXT1cImlzUGxhY2Vob2xkZXIgPyAnYmctZ3JheS0xMDAnIDogJ2JnLXdoaXRlJ1wiXG4gIFthdHRyLmRhdGEtY3ktaXMtcGxhY2Vob2xkZXJdPVwiaXNQbGFjZWhvbGRlci50b1N0cmluZygpXCJcbj5cbiAgPGltZ1xuICAgICNpbWFnZUVsZW1lbnRcbiAgICBjbGFzcz1cInJlbGF0aXZlIHctZnVsbCBvYmplY3QtY2VudGVyXCJcbiAgICBbbmdDbGFzc109XCJpbWdGaXQgPT09ICdjb250YWluJyA/ICdoLTQvNScgOiAnaC1mdWxsJ1wiXG4gICAgW25nU3R5bGVdPVwieyBvYmplY3RGaXQ6IGltZ0ZpdCB9XCJcbiAgICBhbHQ9XCJ0aHVtYm5haWxcIlxuICAgIGxvYWRpbmc9XCJsYXp5XCJcbiAgICAobG9hZCk9XCJzZXRPYmplY3RGaXQoKVwiXG4gICAgW3NyY109XCJpbWdVcmwgfCBzYWZlOiAndXJsJ1wiXG4gICAgKGVycm9yKT1cInVzZUZhbGxiYWNrKClcIlxuICAvPlxuPC9kaXY+XG4iXX0=