geonetwork-ui 2.6.0-dev.502fa026d → 2.6.0-dev.5257edce4

package/esm2022/libs/ui/elements/src/lib/internal-link-card/internal-link-card.component.mjs

@@ -0,0 +1,120 @@
+import { Component, ElementRef, EventEmitter, Input, Output, TemplateRef, } from '@angular/core';
+import { NgClass, NgIf, NgTemplateOutlet } from '@angular/common';
+import { GeoDataBadgeComponent } from '../geo-data-badge/geo-data-badge.component';
+import { KindBadgeComponent } from '../kind-badge/kind-badge.component';
+import { MarkdownParserComponent } from '../markdown-parser/markdown-parser.component';
+import { MetadataQualityComponent } from '../metadata-quality/metadata-quality.component';
+import { ThumbnailComponent } from '../thumbnail/thumbnail.component';
+import { removeWhitespace, stripHtml } from '../../../../../../libs/util/shared/src';
+import { provideIcons, provideNgIconsConfig } from '@ng-icons/core';
+import { matLocationSearchingOutline } from '@ng-icons/material-icons/outline';
+import { InternalLinkCardContactComponent } from '../internal-link-card-contact/internal-link-card-contact.component';
+import { iconoirInternet } from '@ng-icons/iconoir';
+import { fromEvent, Subscription } from 'rxjs';
+import * as i0 from "@angular/core";
+export class InternalLinkCardComponent {
+    set size(value) {
+        this._size = value;
+        this.cardClass = this.sizeClassMap[value] || '';
+        this.thumbnailContainerClass = this.thumbnailSizeClassMap[value] || 'hidden';
+    }
+    get size() {
+        return this._size;
+    }
+    constructor(elementRef) {
+        this.elementRef = elementRef;
+        this.linkTarget = '_blank';
+        this.linkHref = null;
+        this.mdSelect = new EventEmitter();
+        this.subscription = new Subscription();
+        this.cardClass = '';
+        this.thumbnailContainerClass = '';
+        this._size = 'M';
+        this.sizeClassMap = {
+            L: 'min-h-[190px] w-full py-3 px-3 flex items-start gap-5',
+            M: 'min-h-[140px] py-3 px-3 flex items-start gap-4',
+            S: 'min-h-[220px] py-3 px-3 flex gap-4',
+            XS: 'min-h-[108px] py-3 px-3 flex gap-4',
+        };
+        this.thumbnailSizeClassMap = {
+            L: 'w-full md:w-[190px] h-[180px] rounded-lg overflow-hidden shrink-0',
+            M: 'w-[110px] h-[140px] rounded-lg overflow-hidden shrink-0',
+            S: 'hidden',
+            XS: 'hidden',
+        };
+        this.titleClassMap = {
+            L: 'text-xl line-clamp-1',
+            M: 'text-base line-clamp-2',
+            S: 'text-base line-clamp-3 ml-2',
+            XS: 'text-base line-clamp-1 ml-2',
+        };
+    }
+    ngOnInit() {
+        this.abstract = removeWhitespace(stripHtml(this.record?.abstract));
+        this.subscription.add(fromEvent(this.elementRef.nativeElement, 'click').subscribe(() => this.mdSelect.emit(this.record)));
+    }
+    getTitleClass() {
+        return this.titleClassMap[this._size];
+    }
+    getAbstractClass() {
+        const marginClass = ['S', 'XS'].includes(this.size) ? 'ml-2' : '';
+        const clampClass = this.size === 'L' && !this.record.ownerOrganization?.name
+            ? 'line-clamp-6'
+            : 'line-clamp-2';
+        return `${clampClass} ${marginClass}`.trim();
+    }
+    displayAbstract() {
+        return (this.size === 'L' ||
+            (['M', 'S'].includes(this.size) && !this.record.ownerOrganization?.name));
+    }
+    get shouldShowThumbnail() {
+        return this.size === 'L' || this.size === 'M';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: InternalLinkCardComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: InternalLinkCardComponent, isStandalone: true, selector: "gn-ui-internal-link-card", inputs: { record: "record", linkTarget: "linkTarget", linkHref: "linkHref", metadataQualityDisplay: "metadataQualityDisplay", favoriteTemplate: "favoriteTemplate", size: "size" }, outputs: { mdSelect: "mdSelect" }, providers: [
+            provideIcons({
+                iconoirInternet,
+                matLocationSearchingOutline,
+            }),
+            provideNgIconsConfig({
+                size: '1.2em',
+            }),
+        ], ngImport: i0, template: "<a [attr.href]=\"linkHref\" [target]=\"linkTarget\">\n  <div\n    class=\"group rounded-md bg-white hover:cursor-pointer hover:bg-slate-50 overflow-hidden w-full\"\n    [ngClass]=\"cardClass\"\n  >\n    <div\n      class=\"flex flex-row md:gap-0 justify-between w-full\"\n      [ngClass]=\"{ 'flex-wrap md:flex-nowrap gap-3': size === 'L' }\"\n    >\n      <div\n        *ngIf=\"shouldShowThumbnail\"\n        [ngClass]=\"thumbnailContainerClass\"\n        class=\"border mr-4 flex flex-col\"\n      >\n        <gn-ui-thumbnail\n          class=\"w-full h-full object-cover\"\n          [thumbnailUrl]=\"record.overviews?.[0]?.url?.toString() || ''\"\n          [fit]=\"'cover'\"\n        ></gn-ui-thumbnail>\n      </div>\n      <div class=\"grow flex flex-col gap-3 w-0\">\n        <div class=\"flex items-center gap-2\">\n          <div class=\"grow flex flex-wrap items-center gap-2\">\n            <gn-ui-kind-badge\n              [styling]=\"'default'\"\n              [kind]=\"record?.kind\"\n            ></gn-ui-kind-badge>\n            <gn-ui-geo-data-badge\n              [showLabel]=\"size === 'L'\"\n              [styling]=\"'light'\"\n              [record]=\"record\"\n            ></gn-ui-geo-data-badge>\n            <gn-ui-metadata-quality\n              class=\"flex items-center\"\n              [smaller]=\"true\"\n              [metadata]=\"record\"\n              [metadataQualityDisplay]=\"metadataQualityDisplay\"\n            ></gn-ui-metadata-quality>\n          </div>\n          <div *ngIf=\"size !== 'XS'\" data-cy=\"recordFav\">\n            <ng-container\n              [ngTemplateOutlet]=\"favoriteTemplate\"\n              [ngTemplateOutletContext]=\"{ $implicit: record }\"\n            ></ng-container>\n          </div>\n        </div>\n\n        <div class=\"grow flex flex-col gap-2\">\n          <div\n            class=\"font-medium text-title group-hover:text-primary\"\n            [title]=\"record.title\"\n          >\n            <h4\n              class=\"mr-6 overflow-hidden\"\n              [ngClass]=\"getTitleClass()\"\n              data-cy=\"recordTitle\"\n              [title]=\"record.title\"\n            >\n              {{ record.title }}\n            </h4>\n          </div>\n          <div\n            *ngIf=\"displayAbstract()\"\n            class=\"mr-6 text-xs text-gray-900 overflow-hidden\"\n            [ngClass]=\"getAbstractClass()\"\n            data-cy=\"recordAbstract\"\n          >\n            <gn-ui-markdown-parser\n              [textContent]=\"abstract\"\n              [whitoutStyles]=\"true\"\n            ></gn-ui-markdown-parser>\n          </div>\n        </div>\n\n        <gn-ui-internal-link-card-contact\n          *ngIf=\"size !== 'XS' && record.ownerOrganization?.name\"\n          [record]=\"record\"\n          [size]=\"size\"\n        ></gn-ui-internal-link-card-contact>\n      </div>\n    </div>\n  </div>\n</a>\n", styles: [""], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: MetadataQualityComponent, selector: "gn-ui-metadata-quality", inputs: ["metadata", "smaller", "metadataQualityDisplay"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: GeoDataBadgeComponent, selector: "gn-ui-geo-data-badge", inputs: ["showLabel", "styling", "record"] }, { kind: "component", type: KindBadgeComponent, selector: "gn-ui-kind-badge", inputs: ["styling", "contentTemplate", "kind"] }, { kind: "component", type: MarkdownParserComponent, selector: "gn-ui-markdown-parser", inputs: ["textContent", "whitoutStyles"] }, { kind: "component", type: InternalLinkCardContactComponent, selector: "gn-ui-internal-link-card-contact", inputs: ["record", "size"] }, { kind: "component", type: ThumbnailComponent, selector: "gn-ui-thumbnail", inputs: ["thumbnailUrl", "fit"], outputs: ["placeholderShown"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: InternalLinkCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-internal-link-card', standalone: true, imports: [
+                        NgClass,
+                        NgIf,
+                        MetadataQualityComponent,
+                        NgTemplateOutlet,
+                        GeoDataBadgeComponent,
+                        KindBadgeComponent,
+                        MarkdownParserComponent,
+                        InternalLinkCardContactComponent,
+                        ThumbnailComponent,
+                    ], providers: [
+                        provideIcons({
+                            iconoirInternet,
+                            matLocationSearchingOutline,
+                        }),
+                        provideNgIconsConfig({
+                            size: '1.2em',
+                        }),
+                    ], template: "<a [attr.href]=\"linkHref\" [target]=\"linkTarget\">\n  <div\n    class=\"group rounded-md bg-white hover:cursor-pointer hover:bg-slate-50 overflow-hidden w-full\"\n    [ngClass]=\"cardClass\"\n  >\n    <div\n      class=\"flex flex-row md:gap-0 justify-between w-full\"\n      [ngClass]=\"{ 'flex-wrap md:flex-nowrap gap-3': size === 'L' }\"\n    >\n      <div\n        *ngIf=\"shouldShowThumbnail\"\n        [ngClass]=\"thumbnailContainerClass\"\n        class=\"border mr-4 flex flex-col\"\n      >\n        <gn-ui-thumbnail\n          class=\"w-full h-full object-cover\"\n          [thumbnailUrl]=\"record.overviews?.[0]?.url?.toString() || ''\"\n          [fit]=\"'cover'\"\n        ></gn-ui-thumbnail>\n      </div>\n      <div class=\"grow flex flex-col gap-3 w-0\">\n        <div class=\"flex items-center gap-2\">\n          <div class=\"grow flex flex-wrap items-center gap-2\">\n            <gn-ui-kind-badge\n              [styling]=\"'default'\"\n              [kind]=\"record?.kind\"\n            ></gn-ui-kind-badge>\n            <gn-ui-geo-data-badge\n              [showLabel]=\"size === 'L'\"\n              [styling]=\"'light'\"\n              [record]=\"record\"\n            ></gn-ui-geo-data-badge>\n            <gn-ui-metadata-quality\n              class=\"flex items-center\"\n              [smaller]=\"true\"\n              [metadata]=\"record\"\n              [metadataQualityDisplay]=\"metadataQualityDisplay\"\n            ></gn-ui-metadata-quality>\n          </div>\n          <div *ngIf=\"size !== 'XS'\" data-cy=\"recordFav\">\n            <ng-container\n              [ngTemplateOutlet]=\"favoriteTemplate\"\n              [ngTemplateOutletContext]=\"{ $implicit: record }\"\n            ></ng-container>\n          </div>\n        </div>\n\n        <div class=\"grow flex flex-col gap-2\">\n          <div\n            class=\"font-medium text-title group-hover:text-primary\"\n            [title]=\"record.title\"\n          >\n            <h4\n              class=\"mr-6 overflow-hidden\"\n              [ngClass]=\"getTitleClass()\"\n              data-cy=\"recordTitle\"\n              [title]=\"record.title\"\n            >\n              {{ record.title }}\n            </h4>\n          </div>\n          <div\n            *ngIf=\"displayAbstract()\"\n            class=\"mr-6 text-xs text-gray-900 overflow-hidden\"\n            [ngClass]=\"getAbstractClass()\"\n            data-cy=\"recordAbstract\"\n          >\n            <gn-ui-markdown-parser\n              [textContent]=\"abstract\"\n              [whitoutStyles]=\"true\"\n            ></gn-ui-markdown-parser>\n          </div>\n        </div>\n\n        <gn-ui-internal-link-card-contact\n          *ngIf=\"size !== 'XS' && record.ownerOrganization?.name\"\n          [record]=\"record\"\n          [size]=\"size\"\n        ></gn-ui-internal-link-card-contact>\n      </div>\n    </div>\n  </div>\n</a>\n" }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { record: [{
+                type: Input
+            }], linkTarget: [{
+                type: Input
+            }], linkHref: [{
+                type: Input
+            }], metadataQualityDisplay: [{
+                type: Input
+            }], favoriteTemplate: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], mdSelect: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW50ZXJuYWwtbGluay1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvdWkvZWxlbWVudHMvc3JjL2xpYi9pbnRlcm5hbC1saW5rLWNhcmQvaW50ZXJuYWwtbGluay1jYXJkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvdWkvZWxlbWVudHMvc3JjL2xpYi9pbnRlcm5hbC1saW5rLWNhcmQvaW50ZXJuYWwtbGluay1jYXJkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsVUFBVSxFQUNWLFlBQVksRUFDWixLQUFLLEVBRUwsTUFBTSxFQUNOLFdBQVcsR0FDWixNQUFNLGVBQWUsQ0FBQTtBQUV0QixPQUFPLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBQ2pFLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDRDQUE0QyxDQUFBO0FBQ2xGLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLG9DQUFvQyxDQUFBO0FBQ3ZFLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDhDQUE4QyxDQUFBO0FBQ3RGLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLGdEQUFnRCxDQUFBO0FBQ3pGLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ3JFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxTQUFTLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQTtBQUNwRixPQUFPLEVBQUUsWUFBWSxFQUFFLG9CQUFvQixFQUFFLE1BQU0sZ0JBQWdCLENBQUE7QUFDbkUsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDOUUsT0FBTyxFQUFFLGdDQUFnQyxFQUFFLE1BQU0sb0VBQW9FLENBQUE7QUFDckgsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ25ELE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLE1BQU0sTUFBTSxDQUFBOztBQThCOUMsTUFBTSxPQUFPLHlCQUF5QjtJQU1wQyxJQUFhLElBQUksQ0FBQyxLQUFlO1FBQy9CLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFBO1FBQ2xCLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxLQUFLLENBQUMsSUFBSSxFQUFFLENBQUE7UUFDL0MsSUFBSSxDQUFDLHVCQUF1QixHQUFHLElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxLQUFLLENBQUMsSUFBSSxRQUFRLENBQUE7SUFDOUUsQ0FBQztJQUNELElBQUksSUFBSTtRQUNOLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQTtJQUNuQixDQUFDO0lBZ0NELFlBQXNCLFVBQXNCO1FBQXRCLGVBQVUsR0FBVixVQUFVLENBQVk7UUEzQ25DLGVBQVUsR0FBRyxRQUFRLENBQUE7UUFDckIsYUFBUSxHQUFXLElBQUksQ0FBQTtRQVd0QixhQUFRLEdBQUcsSUFBSSxZQUFZLEVBQWlCLENBQUE7UUFDdEQsaUJBQVksR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFBO1FBSWpDLGNBQVMsR0FBRyxFQUFFLENBQUE7UUFDZCw0QkFBdUIsR0FBRyxFQUFFLENBQUE7UUFFcEIsVUFBSyxHQUFhLEdBQUcsQ0FBQTtRQUVaLGlCQUFZLEdBQTZCO1lBQ3hELENBQUMsRUFBRSx1REFBdUQ7WUFDMUQsQ0FBQyxFQUFFLGdEQUFnRDtZQUNuRCxDQUFDLEVBQUUsb0NBQW9DO1lBQ3ZDLEVBQUUsRUFBRSxvQ0FBb0M7U0FDekMsQ0FBQTtRQUVnQiwwQkFBcUIsR0FBNkI7WUFDakUsQ0FBQyxFQUFFLG1FQUFtRTtZQUN0RSxDQUFDLEVBQUUseURBQXlEO1lBQzVELENBQUMsRUFBRSxRQUFRO1lBQ1gsRUFBRSxFQUFFLFFBQVE7U0FDYixDQUFBO1FBRWdCLGtCQUFhLEdBQTZCO1lBQ3pELENBQUMsRUFBRSxzQkFBc0I7WUFDekIsQ0FBQyxFQUFFLHdCQUF3QjtZQUMzQixDQUFDLEVBQUUsNkJBQTZCO1lBQ2hDLEVBQUUsRUFBRSw2QkFBNkI7U0FDbEMsQ0FBQTtJQUU4QyxDQUFDO0lBRWhELFFBQVE7UUFDTixJQUFJLENBQUMsUUFBUSxHQUFHLGdCQUFnQixDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUE7UUFDbEUsSUFBSSxDQUFDLFlBQVksQ0FBQyxHQUFHLENBQ25CLFNBQVMsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsRUFBRSxPQUFPLENBQUMsQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFLENBQy9ELElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FDaEMsQ0FDRixDQUFBO0lBQ0gsQ0FBQztJQUVELGFBQWE7UUFDWCxPQUFPLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFBO0lBQ3ZDLENBQUM7SUFDRCxnQkFBZ0I7UUFDZCxNQUFNLFdBQVcsR0FBRyxDQUFDLEdBQUcsRUFBRSxJQUFJLENBQUMsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQTtRQUNqRSxNQUFNLFVBQVUsR0FDZCxJQUFJLENBQUMsSUFBSSxLQUFLLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsaUJBQWlCLEVBQUUsSUFBSTtZQUN2RCxDQUFDLENBQUMsY0FBYztZQUNoQixDQUFDLENBQUMsY0FBYyxDQUFBO1FBQ3BCLE9BQU8sR0FBRyxVQUFVLElBQUksV0FBVyxFQUFFLENBQUMsSUFBSSxFQUFFLENBQUE7SUFDOUMsQ0FBQztJQUNELGVBQWU7UUFDYixPQUFPLENBQ0wsSUFBSSxDQUFDLElBQUksS0FBSyxHQUFHO1lBQ2pCLENBQUMsQ0FBQyxHQUFHLEVBQUUsR0FBRyxDQUFDLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsaUJBQWlCLEVBQUUsSUFBSSxDQUFDLENBQ3pFLENBQUE7SUFDSCxDQUFDO0lBRUQsSUFBSSxtQkFBbUI7UUFDckIsT0FBTyxJQUFJLENBQUMsSUFBSSxLQUFLLEdBQUcsSUFBSSxJQUFJLENBQUMsSUFBSSxLQUFLLEdBQUcsQ0FBQTtJQUMvQyxDQUFDOytHQTVFVSx5QkFBeUI7bUdBQXpCLHlCQUF5Qiw4UkFaekI7WUFDVCxZQUFZLENBQUM7Z0JBQ1gsZUFBZTtnQkFDZiwyQkFBMkI7YUFDNUIsQ0FBQztZQUNGLG9CQUFvQixDQUFDO2dCQUNuQixJQUFJLEVBQUUsT0FBTzthQUNkLENBQUM7U0FDSCwwQkMvQ0gsaTJGQW1GQSwwRER0REksT0FBTyxvRkFDUCxJQUFJLDZGQUNKLHdCQUF3Qiw4SEFDeEIsZ0JBQWdCLG9KQUNoQixxQkFBcUIsNkdBQ3JCLGtCQUFrQiw2R0FDbEIsdUJBQXVCLDRHQUN2QixnQ0FBZ0MseUdBQ2hDLGtCQUFrQjs7NEZBY1QseUJBQXlCO2tCQTFCckMsU0FBUzsrQkFDRSwwQkFBMEIsY0FDeEIsSUFBSSxXQUNQO3dCQUNQLE9BQU87d0JBQ1AsSUFBSTt3QkFDSix3QkFBd0I7d0JBQ3hCLGdCQUFnQjt3QkFDaEIscUJBQXFCO3dCQUNyQixrQkFBa0I7d0JBQ2xCLHVCQUF1Qjt3QkFDdkIsZ0NBQWdDO3dCQUNoQyxrQkFBa0I7cUJBQ25CLGFBQ1U7d0JBQ1QsWUFBWSxDQUFDOzRCQUNYLGVBQWU7NEJBQ2YsMkJBQTJCO3lCQUM1QixDQUFDO3dCQUNGLG9CQUFvQixDQUFDOzRCQUNuQixJQUFJLEVBQUUsT0FBTzt5QkFDZCxDQUFDO3FCQUNIOytFQUtRLE1BQU07c0JBQWQsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csc0JBQXNCO3NCQUE5QixLQUFLO2dCQUNHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFDTyxJQUFJO3NCQUFoQixLQUFLO2dCQVFJLFFBQVE7c0JBQWpCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIEVsZW1lbnRSZWYsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE9uSW5pdCxcbiAgT3V0cHV0LFxuICBUZW1wbGF0ZVJlZixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSdcbmltcG9ydCB7IENhdGFsb2dSZWNvcmQgfSBmcm9tICcuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbW1vbi9kb21haW4vc3JjL2xpYi9tb2RlbC9yZWNvcmQnXG5pbXBvcnQgeyBOZ0NsYXNzLCBOZ0lmLCBOZ1RlbXBsYXRlT3V0bGV0IH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJ1xuaW1wb3J0IHsgR2VvRGF0YUJhZGdlQ29tcG9uZW50IH0gZnJvbSAnLi4vZ2VvLWRhdGEtYmFkZ2UvZ2VvLWRhdGEtYmFkZ2UuY29tcG9uZW50J1xuaW1wb3J0IHsgS2luZEJhZGdlQ29tcG9uZW50IH0gZnJvbSAnLi4va2luZC1iYWRnZS9raW5kLWJhZGdlLmNvbXBvbmVudCdcbmltcG9ydCB7IE1hcmtkb3duUGFyc2VyQ29tcG9uZW50IH0gZnJvbSAnLi4vbWFya2Rvd24tcGFyc2VyL21hcmtkb3duLXBhcnNlci5jb21wb25lbnQnXG5pbXBvcnQgeyBNZXRhZGF0YVF1YWxpdHlDb21wb25lbnQgfSBmcm9tICcuLi9tZXRhZGF0YS1xdWFsaXR5L21ldGFkYXRhLXF1YWxpdHkuY29tcG9uZW50J1xuaW1wb3J0IHsgVGh1bWJuYWlsQ29tcG9uZW50IH0gZnJvbSAnLi4vdGh1bWJuYWlsL3RodW1ibmFpbC5jb21wb25lbnQnXG5pbXBvcnQgeyByZW1vdmVXaGl0ZXNwYWNlLCBzdHJpcEh0bWwgfSBmcm9tICcuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3V0aWwvc2hhcmVkL3NyYydcbmltcG9ydCB7IHByb3ZpZGVJY29ucywgcHJvdmlkZU5nSWNvbnNDb25maWcgfSBmcm9tICdAbmctaWNvbnMvY29yZSdcbmltcG9ydCB7IG1hdExvY2F0aW9uU2VhcmNoaW5nT3V0bGluZSB9IGZyb20gJ0BuZy1pY29ucy9tYXRlcmlhbC1pY29ucy9vdXRsaW5lJ1xuaW1wb3J0IHsgSW50ZXJuYWxMaW5rQ2FyZENvbnRhY3RDb21wb25lbnQgfSBmcm9tICcuLi9pbnRlcm5hbC1saW5rLWNhcmQtY29udGFjdC9pbnRlcm5hbC1saW5rLWNhcmQtY29udGFjdC5jb21wb25lbnQnXG5pbXBvcnQgeyBpY29ub2lySW50ZXJuZXQgfSBmcm9tICdAbmctaWNvbnMvaWNvbm9pcidcbmltcG9ydCB7IGZyb21FdmVudCwgU3Vic2NyaXB0aW9uIH0gZnJvbSAncnhqcydcblxudHlwZSBDYXJkU2l6ZSA9ICdMJyB8ICdNJyB8ICdTJyB8ICdYUydcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ24tdWktaW50ZXJuYWwtbGluay1jYXJkJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIE5nQ2xhc3MsXG4gICAgTmdJZixcbiAgICBNZXRhZGF0YVF1YWxpdHlDb21wb25lbnQsXG4gICAgTmdUZW1wbGF0ZU91dGxldCxcbiAgICBHZW9EYXRhQmFkZ2VDb21wb25lbnQsXG4gICAgS2luZEJhZGdlQ29tcG9uZW50LFxuICAgIE1hcmtkb3duUGFyc2VyQ29tcG9uZW50LFxuICAgIEludGVybmFsTGlua0NhcmRDb250YWN0Q29tcG9uZW50LFxuICAgIFRodW1ibmFpbENvbXBvbmVudCxcbiAgXSxcbiAgcHJvdmlkZXJzOiBbXG4gICAgcHJvdmlkZUljb25zKHtcbiAgICAgIGljb25vaXJJbnRlcm5ldCxcbiAgICAgIG1hdExvY2F0aW9uU2VhcmNoaW5nT3V0bGluZSxcbiAgICB9KSxcbiAgICBwcm92aWRlTmdJY29uc0NvbmZpZyh7XG4gICAgICBzaXplOiAnMS4yZW0nLFxuICAgIH0pLFxuICBdLFxuICB0ZW1wbGF0ZVVybDogJy4vaW50ZXJuYWwtbGluay1jYXJkLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vaW50ZXJuYWwtbGluay1jYXJkLmNvbXBvbmVudC5jc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgSW50ZXJuYWxMaW5rQ2FyZENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIHJlY29yZDogQ2F0YWxvZ1JlY29yZFxuICBASW5wdXQoKSBsaW5rVGFyZ2V0ID0gJ19ibGFuaydcbiAgQElucHV0KCkgbGlua0hyZWY6IHN0cmluZyA9IG51bGxcbiAgQElucHV0KCkgbWV0YWRhdGFRdWFsaXR5RGlzcGxheTogYm9vbGVhblxuICBASW5wdXQoKSBmYXZvcml0ZVRlbXBsYXRlOiBUZW1wbGF0ZVJlZjx7ICRpbXBsaWNpdDogQ2F0YWxvZ1JlY29yZCB9PlxuICBASW5wdXQoKSBzZXQgc2l6ZSh2YWx1ZTogQ2FyZFNpemUpIHtcbiAgICB0aGlzLl9zaXplID0gdmFsdWVcbiAgICB0aGlzLmNhcmRDbGFzcyA9IHRoaXMuc2l6ZUNsYXNzTWFwW3ZhbHVlXSB8fCAnJ1xuICAgIHRoaXMudGh1bWJuYWlsQ29udGFpbmVyQ2xhc3MgPSB0aGlzLnRodW1ibmFpbFNpemVDbGFzc01hcFt2YWx1ZV0gfHwgJ2hpZGRlbidcbiAgfVxuICBnZXQgc2l6ZSgpOiBDYXJkU2l6ZSB7XG4gICAgcmV0dXJuIHRoaXMuX3NpemVcbiAgfVxuICBAT3V0cHV0KCkgbWRTZWxlY3QgPSBuZXcgRXZlbnRFbWl0dGVyPENhdGFsb2dSZWNvcmQ+KClcbiAgc3Vic2NyaXB0aW9uID0gbmV3IFN1YnNjcmlwdGlvbigpXG5cbiAgYWJzdHJhY3Q6IHN0cmluZ1xuXG4gIGNhcmRDbGFzcyA9ICcnXG4gIHRodW1ibmFpbENvbnRhaW5lckNsYXNzID0gJydcblxuICBwcml2YXRlIF9zaXplOiBDYXJkU2l6ZSA9ICdNJ1xuXG4gIHByaXZhdGUgcmVhZG9ubHkgc2l6ZUNsYXNzTWFwOiBSZWNvcmQ8Q2FyZFNpemUsIHN0cmluZz4gPSB7XG4gICAgTDogJ21pbi1oLVsxOTBweF0gdy1mdWxsIHB5LTMgcHgtMyBmbGV4IGl0ZW1zLXN0YXJ0IGdhcC01JyxcbiAgICBNOiAnbWluLWgtWzE0MHB4XSBweS0zIHB4LTMgZmxleCBpdGVtcy1zdGFydCBnYXAtNCcsXG4gICAgUzogJ21pbi1oLVsyMjBweF0gcHktMyBweC0zIGZsZXggZ2FwLTQnLFxuICAgIFhTOiAnbWluLWgtWzEwOHB4XSBweS0zIHB4LTMgZmxleCBnYXAtNCcsXG4gIH1cblxuICBwcml2YXRlIHJlYWRvbmx5IHRodW1ibmFpbFNpemVDbGFzc01hcDogUmVjb3JkPENhcmRTaXplLCBzdHJpbmc+ID0ge1xuICAgIEw6ICd3LWZ1bGwgbWQ6dy1bMTkwcHhdIGgtWzE4MHB4XSByb3VuZGVkLWxnIG92ZXJmbG93LWhpZGRlbiBzaHJpbmstMCcsXG4gICAgTTogJ3ctWzExMHB4XSBoLVsxNDBweF0gcm91bmRlZC1sZyBvdmVyZmxvdy1oaWRkZW4gc2hyaW5rLTAnLFxuICAgIFM6ICdoaWRkZW4nLFxuICAgIFhTOiAnaGlkZGVuJyxcbiAgfVxuXG4gIHByaXZhdGUgcmVhZG9ubHkgdGl0bGVDbGFzc01hcDogUmVjb3JkPENhcmRTaXplLCBzdHJpbmc+ID0ge1xuICAgIEw6ICd0ZXh0LXhsIGxpbmUtY2xhbXAtMScsXG4gICAgTTogJ3RleHQtYmFzZSBsaW5lLWNsYW1wLTInLFxuICAgIFM6ICd0ZXh0LWJhc2UgbGluZS1jbGFtcC0zIG1sLTInLFxuICAgIFhTOiAndGV4dC1iYXNlIGxpbmUtY2xhbXAtMSBtbC0yJyxcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKHByb3RlY3RlZCBlbGVtZW50UmVmOiBFbGVtZW50UmVmKSB7fVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuYWJzdHJhY3QgPSByZW1vdmVXaGl0ZXNwYWNlKHN0cmlwSHRtbCh0aGlzLnJlY29yZD8uYWJzdHJhY3QpKVxuICAgIHRoaXMuc3Vic2NyaXB0aW9uLmFkZChcbiAgICAgIGZyb21FdmVudCh0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCwgJ2NsaWNrJykuc3Vic2NyaWJlKCgpID0+XG4gICAgICAgIHRoaXMubWRTZWxlY3QuZW1pdCh0aGlzLnJlY29yZClcbiAgICAgIClcbiAgICApXG4gIH1cblxuICBnZXRUaXRsZUNsYXNzKCkge1xuICAgIHJldHVybiB0aGlzLnRpdGxlQ2xhc3NNYXBbdGhpcy5fc2l6ZV1cbiAgfVxuICBnZXRBYnN0cmFjdENsYXNzKCk6IHN0cmluZyB7XG4gICAgY29uc3QgbWFyZ2luQ2xhc3MgPSBbJ1MnLCAnWFMnXS5pbmNsdWRlcyh0aGlzLnNpemUpID8gJ21sLTInIDogJydcbiAgICBjb25zdCBjbGFtcENsYXNzID1cbiAgICAgIHRoaXMuc2l6ZSA9PT0gJ0wnICYmICF0aGlzLnJlY29yZC5vd25lck9yZ2FuaXphdGlvbj8ubmFtZVxuICAgICAgICA/ICdsaW5lLWNsYW1wLTYnXG4gICAgICAgIDogJ2xpbmUtY2xhbXAtMidcbiAgICByZXR1cm4gYCR7Y2xhbXBDbGFzc30gJHttYXJnaW5DbGFzc31gLnRyaW0oKVxuICB9XG4gIGRpc3BsYXlBYnN0cmFjdCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gKFxuICAgICAgdGhpcy5zaXplID09PSAnTCcgfHxcbiAgICAgIChbJ00nLCAnUyddLmluY2x1ZGVzKHRoaXMuc2l6ZSkgJiYgIXRoaXMucmVjb3JkLm93bmVyT3JnYW5pemF0aW9uPy5uYW1lKVxuICAgIClcbiAgfVxuXG4gIGdldCBzaG91bGRTaG93VGh1bWJuYWlsKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLnNpemUgPT09ICdMJyB8fCB0aGlzLnNpemUgPT09ICdNJ1xuICB9XG59XG4iLCI8YSBbYXR0ci5ocmVmXT1cImxpbmtIcmVmXCIgW3RhcmdldF09XCJsaW5rVGFyZ2V0XCI+XG4gIDxkaXZcbiAgICBjbGFzcz1cImdyb3VwIHJvdW5kZWQtbWQgYmctd2hpdGUgaG92ZXI6Y3Vyc29yLXBvaW50ZXIgaG92ZXI6Ymctc2xhdGUtNTAgb3ZlcmZsb3ctaGlkZGVuIHctZnVsbFwiXG4gICAgW25nQ2xhc3NdPVwiY2FyZENsYXNzXCJcbiAgPlxuICAgIDxkaXZcbiAgICAgIGNsYXNzPVwiZmxleCBmbGV4LXJvdyBtZDpnYXAtMCBqdXN0aWZ5LWJldHdlZW4gdy1mdWxsXCJcbiAgICAgIFtuZ0NsYXNzXT1cInsgJ2ZsZXgtd3JhcCBtZDpmbGV4LW5vd3JhcCBnYXAtMyc6IHNpemUgPT09ICdMJyB9XCJcbiAgICA+XG4gICAgICA8ZGl2XG4gICAgICAgICpuZ0lmPVwic2hvdWxkU2hvd1RodW1ibmFpbFwiXG4gICAgICAgIFtuZ0NsYXNzXT1cInRodW1ibmFpbENvbnRhaW5lckNsYXNzXCJcbiAgICAgICAgY2xhc3M9XCJib3JkZXIgbXItNCBmbGV4IGZsZXgtY29sXCJcbiAgICAgID5cbiAgICAgICAgPGduLXVpLXRodW1ibmFpbFxuICAgICAgICAgIGNsYXNzPVwidy1mdWxsIGgtZnVsbCBvYmplY3QtY292ZXJcIlxuICAgICAgICAgIFt0aHVtYm5haWxVcmxdPVwicmVjb3JkLm92ZXJ2aWV3cz8uWzBdPy51cmw/LnRvU3RyaW5nKCkgfHwgJydcIlxuICAgICAgICAgIFtmaXRdPVwiJ2NvdmVyJ1wiXG4gICAgICAgID48L2duLXVpLXRodW1ibmFpbD5cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdiBjbGFzcz1cImdyb3cgZmxleCBmbGV4LWNvbCBnYXAtMyB3LTBcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImZsZXggaXRlbXMtY2VudGVyIGdhcC0yXCI+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImdyb3cgZmxleCBmbGV4LXdyYXAgaXRlbXMtY2VudGVyIGdhcC0yXCI+XG4gICAgICAgICAgICA8Z24tdWkta2luZC1iYWRnZVxuICAgICAgICAgICAgICBbc3R5bGluZ109XCInZGVmYXVsdCdcIlxuICAgICAgICAgICAgICBba2luZF09XCJyZWNvcmQ/LmtpbmRcIlxuICAgICAgICAgICAgPjwvZ24tdWkta2luZC1iYWRnZT5cbiAgICAgICAgICAgIDxnbi11aS1nZW8tZGF0YS1iYWRnZVxuICAgICAgICAgICAgICBbc2hvd0xhYmVsXT1cInNpemUgPT09ICdMJ1wiXG4gICAgICAgICAgICAgIFtzdHlsaW5nXT1cIidsaWdodCdcIlxuICAgICAgICAgICAgICBbcmVjb3JkXT1cInJlY29yZFwiXG4gICAgICAgICAgICA+PC9nbi11aS1nZW8tZGF0YS1iYWRnZT5cbiAgICAgICAgICAgIDxnbi11aS1tZXRhZGF0YS1xdWFsaXR5XG4gICAgICAgICAgICAgIGNsYXNzPVwiZmxleCBpdGVtcy1jZW50ZXJcIlxuICAgICAgICAgICAgICBbc21hbGxlcl09XCJ0cnVlXCJcbiAgICAgICAgICAgICAgW21ldGFkYXRhXT1cInJlY29yZFwiXG4gICAgICAgICAgICAgIFttZXRhZGF0YVF1YWxpdHlEaXNwbGF5XT1cIm1ldGFkYXRhUXVhbGl0eURpc3BsYXlcIlxuICAgICAgICAgICAgPjwvZ24tdWktbWV0YWRhdGEtcXVhbGl0eT5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8ZGl2ICpuZ0lmPVwic2l6ZSAhPT0gJ1hTJ1wiIGRhdGEtY3k9XCJyZWNvcmRGYXZcIj5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXJcbiAgICAgICAgICAgICAgW25nVGVtcGxhdGVPdXRsZXRdPVwiZmF2b3JpdGVUZW1wbGF0ZVwiXG4gICAgICAgICAgICAgIFtuZ1RlbXBsYXRlT3V0bGV0Q29udGV4dF09XCJ7ICRpbXBsaWNpdDogcmVjb3JkIH1cIlxuICAgICAgICAgICAgPjwvbmctY29udGFpbmVyPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cblxuICAgICAgICA8ZGl2IGNsYXNzPVwiZ3JvdyBmbGV4IGZsZXgtY29sIGdhcC0yXCI+XG4gICAgICAgICAgPGRpdlxuICAgICAgICAgICAgY2xhc3M9XCJmb250LW1lZGl1bSB0ZXh0LXRpdGxlIGdyb3VwLWhvdmVyOnRleHQtcHJpbWFyeVwiXG4gICAgICAgICAgICBbdGl0bGVdPVwicmVjb3JkLnRpdGxlXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICA8aDRcbiAgICAgICAgICAgICAgY2xhc3M9XCJtci02IG92ZXJmbG93LWhpZGRlblwiXG4gICAgICAgICAgICAgIFtuZ0NsYXNzXT1cImdldFRpdGxlQ2xhc3MoKVwiXG4gICAgICAgICAgICAgIGRhdGEtY3k9XCJyZWNvcmRUaXRsZVwiXG4gICAgICAgICAgICAgIFt0aXRsZV09XCJyZWNvcmQudGl0bGVcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7eyByZWNvcmQudGl0bGUgfX1cbiAgICAgICAgICAgIDwvaDQ+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPGRpdlxuICAgICAgICAgICAgKm5nSWY9XCJkaXNwbGF5QWJzdHJhY3QoKVwiXG4gICAgICAgICAgICBjbGFzcz1cIm1yLTYgdGV4dC14cyB0ZXh0LWdyYXktOTAwIG92ZXJmbG93LWhpZGRlblwiXG4gICAgICAgICAgICBbbmdDbGFzc109XCJnZXRBYnN0cmFjdENsYXNzKClcIlxuICAgICAgICAgICAgZGF0YS1jeT1cInJlY29yZEFic3RyYWN0XCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICA8Z24tdWktbWFya2Rvd24tcGFyc2VyXG4gICAgICAgICAgICAgIFt0ZXh0Q29udGVudF09XCJhYnN0cmFjdFwiXG4gICAgICAgICAgICAgIFt3aGl0b3V0U3R5bGVzXT1cInRydWVcIlxuICAgICAgICAgICAgPjwvZ24tdWktbWFya2Rvd24tcGFyc2VyPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cblxuICAgICAgICA8Z24tdWktaW50ZXJuYWwtbGluay1jYXJkLWNvbnRhY3RcbiAgICAgICAgICAqbmdJZj1cInNpemUgIT09ICdYUycgJiYgcmVjb3JkLm93bmVyT3JnYW5pemF0aW9uPy5uYW1lXCJcbiAgICAgICAgICBbcmVjb3JkXT1cInJlY29yZFwiXG4gICAgICAgICAgW3NpemVdPVwic2l6ZVwiXG4gICAgICAgID48L2duLXVpLWludGVybmFsLWxpbmstY2FyZC1jb250YWN0PlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9hPlxuIl19

package/esm2022/libs/ui/elements/src/lib/internal-link-card-contact/internal-link-card-contact.component.mjs

@@ -0,0 +1,58 @@
+import { Component, Input } from '@angular/core';
+import { NgIf } from '@angular/common';
+import { ThumbnailComponent } from '../thumbnail/thumbnail.component';
+import { NgIconComponent, provideIcons } from '@ng-icons/core';
+import { matEmailOutline, matLocationOnOutline, matPhoneOutline, } from '@ng-icons/material-icons/outline';
+import { iconoirInternet } from '@ng-icons/iconoir';
+import { TranslateDirective } from '@ngx-translate/core';
+import * as i0 from "@angular/core";
+export class InternalLinkCardContactComponent {
+    constructor() {
+        this.size = 'M';
+    }
+    get organization() {
+        return this.record.ownerOrganization;
+    }
+    get contacts() {
+        return ((this.record.kind === 'dataset'
+            ? this.record.contactsForResource
+            : this.record.contacts) || []);
+    }
+    openExternalUrl(event, url) {
+        event.stopPropagation();
+        window.open(url, '_blank');
+    }
+    openMailto(event, email) {
+        event.stopPropagation();
+        window.open(`mailto:${email}`, '_blank');
+    }
+    copyToClipboard(event, text) {
+        event.stopPropagation();
+        navigator.clipboard.writeText(text);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: InternalLinkCardContactComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: InternalLinkCardContactComponent, isStandalone: true, selector: "gn-ui-internal-link-card-contact", inputs: { record: "record", size: "size" }, providers: [
+            provideIcons({
+                iconoirInternet,
+                matEmailOutline,
+                matPhoneOutline,
+                matLocationOnOutline,
+            }),
+        ], ngImport: i0, template: "<div\n  data-cy=\"recordOrg\"\n  class=\"flex items-center justify-evenly bg-gray-50 rounded-lg h-[53px] px-2\"\n>\n  <div class=\"flex items-center flex-1 min-w-0\">\n    <div class=\"w-[45px] h-[45px] rounded-lg overflow-hidden shrink-0 mr-3\">\n      <gn-ui-thumbnail\n        [thumbnailUrl]=\"record.ownerOrganization?.logoUrl?.toString() || ''\"\n        [fit]=\"'contain'\"\n        class=\"w-full h-full rounded-lg\"\n      ></gn-ui-thumbnail>\n    </div>\n    <div *ngIf=\"organization?.name\" class=\"flex-1 w-0 overflow-hidden\">\n      <div\n        class=\"text-xs text-black font-normal leading-tight truncate\"\n        translate\n      >\n        record.card.metadata.contact\n      </div>\n      <div\n        data-cy=\"recordOrgName\"\n        class=\"text-xl text-primary-black font-medium truncate\"\n      >\n        {{ organization.name }}\n      </div>\n    </div>\n  </div>\n  <div *ngIf=\"size === 'L'\" class=\"ml-2 flex space-x-2\">\n    <div *ngIf=\"organization?.website\" class=\"flex\">\n      <button\n        [title]=\"organization.website\"\n        class=\"w-[40px] h-[32px] flex items-center justify-center rounded-lg border border-[#D4D3D7] px-[8px] py-[4px] hover:bg-primary-lightest\"\n        (click)=\"openExternalUrl($event, organization.website)\"\n      >\n        <ng-icon name=\"iconoirInternet\"></ng-icon>\n      </button>\n    </div>\n    <div *ngIf=\"contacts[0]?.email\" class=\"flex\">\n      <button\n        [title]=\"contacts[0].email\"\n        class=\"w-[40px] h-[32px] flex items-center justify-center rounded-lg border border-[#D4D3D7] px-[8px] py-[4px] hover:bg-primary-lightest\"\n        data-cy=\"contact-email\"\n        (click)=\"openMailto($event, contacts[0].email)\"\n      >\n        <ng-icon name=\"matEmailOutline\"></ng-icon>\n      </button>\n    </div>\n    <div *ngIf=\"contacts[0]?.phone\" class=\"flex\">\n      <button\n        [title]=\"'Copy to clipboard'\"\n        class=\"w-[40px] h-[32px] flex items-center justify-center rounded-lg border border-[#D4D3D7] px-[8px] py-[4px] hover:bg-primary-lightest relative group\"\n        data-cy=\"contact-phone\"\n        (click)=\"copyToClipboard($event, contacts[0].phone)\"\n      >\n        <ng-icon name=\"matPhoneOutline\"></ng-icon>\n      </button>\n    </div>\n    <div *ngIf=\"contacts[0]?.address\" class=\"flex\">\n      <button\n        [title]=\"'Copy to clipboard'\"\n        class=\"w-[40px] h-[32px] flex items-center justify-center rounded-lg border border-[#D4D3D7] px-[8px] py-[4px] hover:bg-primary-lightest relative group\"\n        data-cy=\"contact-phone\"\n        (click)=\"copyToClipboard($event, contacts[0].address)\"\n      >\n        <ng-icon name=\"matLocationOnOutline\"></ng-icon>\n      </button>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ThumbnailComponent, selector: "gn-ui-thumbnail", inputs: ["thumbnailUrl", "fit"], outputs: ["placeholderShown"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "directive", type: TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: InternalLinkCardContactComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-internal-link-card-contact', standalone: true, imports: [NgIf, ThumbnailComponent, NgIconComponent, TranslateDirective], providers: [
+                        provideIcons({
+                            iconoirInternet,
+                            matEmailOutline,
+                            matPhoneOutline,
+                            matLocationOnOutline,
+                        }),
+                    ], template: "<div\n  data-cy=\"recordOrg\"\n  class=\"flex items-center justify-evenly bg-gray-50 rounded-lg h-[53px] px-2\"\n>\n  <div class=\"flex items-center flex-1 min-w-0\">\n    <div class=\"w-[45px] h-[45px] rounded-lg overflow-hidden shrink-0 mr-3\">\n      <gn-ui-thumbnail\n        [thumbnailUrl]=\"record.ownerOrganization?.logoUrl?.toString() || ''\"\n        [fit]=\"'contain'\"\n        class=\"w-full h-full rounded-lg\"\n      ></gn-ui-thumbnail>\n    </div>\n    <div *ngIf=\"organization?.name\" class=\"flex-1 w-0 overflow-hidden\">\n      <div\n        class=\"text-xs text-black font-normal leading-tight truncate\"\n        translate\n      >\n        record.card.metadata.contact\n      </div>\n      <div\n        data-cy=\"recordOrgName\"\n        class=\"text-xl text-primary-black font-medium truncate\"\n      >\n        {{ organization.name }}\n      </div>\n    </div>\n  </div>\n  <div *ngIf=\"size === 'L'\" class=\"ml-2 flex space-x-2\">\n    <div *ngIf=\"organization?.website\" class=\"flex\">\n      <button\n        [title]=\"organization.website\"\n        class=\"w-[40px] h-[32px] flex items-center justify-center rounded-lg border border-[#D4D3D7] px-[8px] py-[4px] hover:bg-primary-lightest\"\n        (click)=\"openExternalUrl($event, organization.website)\"\n      >\n        <ng-icon name=\"iconoirInternet\"></ng-icon>\n      </button>\n    </div>\n    <div *ngIf=\"contacts[0]?.email\" class=\"flex\">\n      <button\n        [title]=\"contacts[0].email\"\n        class=\"w-[40px] h-[32px] flex items-center justify-center rounded-lg border border-[#D4D3D7] px-[8px] py-[4px] hover:bg-primary-lightest\"\n        data-cy=\"contact-email\"\n        (click)=\"openMailto($event, contacts[0].email)\"\n      >\n        <ng-icon name=\"matEmailOutline\"></ng-icon>\n      </button>\n    </div>\n    <div *ngIf=\"contacts[0]?.phone\" class=\"flex\">\n      <button\n        [title]=\"'Copy to clipboard'\"\n        class=\"w-[40px] h-[32px] flex items-center justify-center rounded-lg border border-[#D4D3D7] px-[8px] py-[4px] hover:bg-primary-lightest relative group\"\n        data-cy=\"contact-phone\"\n        (click)=\"copyToClipboard($event, contacts[0].phone)\"\n      >\n        <ng-icon name=\"matPhoneOutline\"></ng-icon>\n      </button>\n    </div>\n    <div *ngIf=\"contacts[0]?.address\" class=\"flex\">\n      <button\n        [title]=\"'Copy to clipboard'\"\n        class=\"w-[40px] h-[32px] flex items-center justify-center rounded-lg border border-[#D4D3D7] px-[8px] py-[4px] hover:bg-primary-lightest relative group\"\n        data-cy=\"contact-phone\"\n        (click)=\"copyToClipboard($event, contacts[0].address)\"\n      >\n        <ng-icon name=\"matLocationOnOutline\"></ng-icon>\n      </button>\n    </div>\n  </div>\n</div>\n" }]
+        }], propDecorators: { record: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW50ZXJuYWwtbGluay1jYXJkLWNvbnRhY3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy91aS9lbGVtZW50cy9zcmMvbGliL2ludGVybmFsLWxpbmstY2FyZC1jb250YWN0L2ludGVybmFsLWxpbmstY2FyZC1jb250YWN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvdWkvZWxlbWVudHMvc3JjL2xpYi9pbnRlcm5hbC1saW5rLWNhcmQtY29udGFjdC9pbnRlcm5hbC1saW5rLWNhcmQtY29udGFjdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQTtBQUNoRCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFLdEMsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDckUsT0FBTyxFQUFFLGVBQWUsRUFBRSxZQUFZLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQTtBQUM5RCxPQUFPLEVBQ0wsZUFBZSxFQUNmLG9CQUFvQixFQUNwQixlQUFlLEdBQ2hCLE1BQU0sa0NBQWtDLENBQUE7QUFDekMsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ25ELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHFCQUFxQixDQUFBOztBQWdCeEQsTUFBTSxPQUFPLGdDQUFnQztJQWQ3QztRQWdCVyxTQUFJLEdBQTJCLEdBQUcsQ0FBQTtLQTRCNUM7SUExQkMsSUFBSSxZQUFZO1FBQ2QsT0FBTyxJQUFJLENBQUMsTUFBTSxDQUFDLGlCQUFpQixDQUFBO0lBQ3RDLENBQUM7SUFFRCxJQUFJLFFBQVE7UUFDVixPQUFPLENBQ0wsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksS0FBSyxTQUFTO1lBQzdCLENBQUMsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLG1CQUFtQjtZQUNqQyxDQUFDLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsSUFBSSxFQUFFLENBQ2hDLENBQUE7SUFDSCxDQUFDO0lBRUQsZUFBZSxDQUFDLEtBQVksRUFBRSxHQUFRO1FBQ3BDLEtBQUssQ0FBQyxlQUFlLEVBQUUsQ0FBQTtRQUN2QixNQUFNLENBQUMsSUFBSSxDQUFDLEdBQUcsRUFBRSxRQUFRLENBQUMsQ0FBQTtJQUM1QixDQUFDO0lBRUQsVUFBVSxDQUFDLEtBQVksRUFBRSxLQUFhO1FBQ3BDLEtBQUssQ0FBQyxlQUFlLEVBQUUsQ0FBQTtRQUN2QixNQUFNLENBQUMsSUFBSSxDQUFDLFVBQVUsS0FBSyxFQUFFLEVBQUUsUUFBUSxDQUFDLENBQUE7SUFDMUMsQ0FBQztJQUVELGVBQWUsQ0FBQyxLQUFZLEVBQUUsSUFBWTtRQUN4QyxLQUFLLENBQUMsZUFBZSxFQUFFLENBQUE7UUFDdkIsU0FBUyxDQUFDLFNBQVMsQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLENBQUE7SUFDckMsQ0FBQzsrR0E3QlUsZ0NBQWdDO21HQUFoQyxnQ0FBZ0MsMkhBVmhDO1lBQ1QsWUFBWSxDQUFDO2dCQUNYLGVBQWU7Z0JBQ2YsZUFBZTtnQkFDZixlQUFlO2dCQUNmLG9CQUFvQjthQUNyQixDQUFDO1NBQ0gsMEJDM0JILG91RkFxRUEsNENEbERZLElBQUksNkZBQUUsa0JBQWtCLDRIQUFFLGVBQWUsNkdBQUUsa0JBQWtCOzs0RkFXNUQsZ0NBQWdDO2tCQWQ1QyxTQUFTOytCQUNFLGtDQUFrQyxjQUNoQyxJQUFJLFdBQ1AsQ0FBQyxJQUFJLEVBQUUsa0JBQWtCLEVBQUUsZUFBZSxFQUFFLGtCQUFrQixDQUFDLGFBQzdEO3dCQUNULFlBQVksQ0FBQzs0QkFDWCxlQUFlOzRCQUNmLGVBQWU7NEJBQ2YsZUFBZTs0QkFDZixvQkFBb0I7eUJBQ3JCLENBQUM7cUJBQ0g7OEJBSVEsTUFBTTtzQkFBZCxLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJ1xuaW1wb3J0IHsgTmdJZiB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbidcbmltcG9ydCB7XG4gIENhdGFsb2dSZWNvcmQsXG4gIE9yZ2FuaXphdGlvbixcbn0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21tb24vZG9tYWluL3NyYy9saWIvbW9kZWwvcmVjb3JkJ1xuaW1wb3J0IHsgVGh1bWJuYWlsQ29tcG9uZW50IH0gZnJvbSAnLi4vdGh1bWJuYWlsL3RodW1ibmFpbC5jb21wb25lbnQnXG5pbXBvcnQgeyBOZ0ljb25Db21wb25lbnQsIHByb3ZpZGVJY29ucyB9IGZyb20gJ0BuZy1pY29ucy9jb3JlJ1xuaW1wb3J0IHtcbiAgbWF0RW1haWxPdXRsaW5lLFxuICBtYXRMb2NhdGlvbk9uT3V0bGluZSxcbiAgbWF0UGhvbmVPdXRsaW5lLFxufSBmcm9tICdAbmctaWNvbnMvbWF0ZXJpYWwtaWNvbnMvb3V0bGluZSdcbmltcG9ydCB7IGljb25vaXJJbnRlcm5ldCB9IGZyb20gJ0BuZy1pY29ucy9pY29ub2lyJ1xuaW1wb3J0IHsgVHJhbnNsYXRlRGlyZWN0aXZlIH0gZnJvbSAnQG5neC10cmFuc2xhdGUvY29yZSdcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ24tdWktaW50ZXJuYWwtbGluay1jYXJkLWNvbnRhY3QnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbTmdJZiwgVGh1bWJuYWlsQ29tcG9uZW50LCBOZ0ljb25Db21wb25lbnQsIFRyYW5zbGF0ZURpcmVjdGl2ZV0sXG4gIHByb3ZpZGVyczogW1xuICAgIHByb3ZpZGVJY29ucyh7XG4gICAgICBpY29ub2lySW50ZXJuZXQsXG4gICAgICBtYXRFbWFpbE91dGxpbmUsXG4gICAgICBtYXRQaG9uZU91dGxpbmUsXG4gICAgICBtYXRMb2NhdGlvbk9uT3V0bGluZSxcbiAgICB9KSxcbiAgXSxcbiAgdGVtcGxhdGVVcmw6ICcuL2ludGVybmFsLWxpbmstY2FyZC1jb250YWN0LmNvbXBvbmVudC5odG1sJyxcbn0pXG5leHBvcnQgY2xhc3MgSW50ZXJuYWxMaW5rQ2FyZENvbnRhY3RDb21wb25lbnQge1xuICBASW5wdXQoKSByZWNvcmQ6IENhdGFsb2dSZWNvcmRcbiAgQElucHV0KCkgc2l6ZTogJ0wnIHwgJ00nIHwgJ1MnIHwgJ1hTJyA9ICdNJ1xuXG4gIGdldCBvcmdhbml6YXRpb24oKTogT3JnYW5pemF0aW9uIHtcbiAgICByZXR1cm4gdGhpcy5yZWNvcmQub3duZXJPcmdhbml6YXRpb25cbiAgfVxuXG4gIGdldCBjb250YWN0cygpIHtcbiAgICByZXR1cm4gKFxuICAgICAgKHRoaXMucmVjb3JkLmtpbmQgPT09ICdkYXRhc2V0J1xuICAgICAgICA/IHRoaXMucmVjb3JkLmNvbnRhY3RzRm9yUmVzb3VyY2VcbiAgICAgICAgOiB0aGlzLnJlY29yZC5jb250YWN0cykgfHwgW11cbiAgICApXG4gIH1cblxuICBvcGVuRXh0ZXJuYWxVcmwoZXZlbnQ6IEV2ZW50LCB1cmw6IFVSTCk6IHZvaWQge1xuICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpXG4gICAgd2luZG93Lm9wZW4odXJsLCAnX2JsYW5rJylcbiAgfVxuXG4gIG9wZW5NYWlsdG8oZXZlbnQ6IEV2ZW50LCBlbWFpbDogc3RyaW5nKTogdm9pZCB7XG4gICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKClcbiAgICB3aW5kb3cub3BlbihgbWFpbHRvOiR7ZW1haWx9YCwgJ19ibGFuaycpXG4gIH1cblxuICBjb3B5VG9DbGlwYm9hcmQoZXZlbnQ6IEV2ZW50LCB0ZXh0OiBzdHJpbmcpOiB2b2lkIHtcbiAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKVxuICAgIG5hdmlnYXRvci5jbGlwYm9hcmQud3JpdGVUZXh0KHRleHQpXG4gIH1cbn1cbiIsIjxkaXZcbiAgZGF0YS1jeT1cInJlY29yZE9yZ1wiXG4gIGNsYXNzPVwiZmxleCBpdGVtcy1jZW50ZXIganVzdGlmeS1ldmVubHkgYmctZ3JheS01MCByb3VuZGVkLWxnIGgtWzUzcHhdIHB4LTJcIlxuPlxuICA8ZGl2IGNsYXNzPVwiZmxleCBpdGVtcy1jZW50ZXIgZmxleC0xIG1pbi13LTBcIj5cbiAgICA8ZGl2IGNsYXNzPVwidy1bNDVweF0gaC1bNDVweF0gcm91bmRlZC1sZyBvdmVyZmxvdy1oaWRkZW4gc2hyaW5rLTAgbXItM1wiPlxuICAgICAgPGduLXVpLXRodW1ibmFpbFxuICAgICAgICBbdGh1bWJuYWlsVXJsXT1cInJlY29yZC5vd25lck9yZ2FuaXphdGlvbj8ubG9nb1VybD8udG9TdHJpbmcoKSB8fCAnJ1wiXG4gICAgICAgIFtmaXRdPVwiJ2NvbnRhaW4nXCJcbiAgICAgICAgY2xhc3M9XCJ3LWZ1bGwgaC1mdWxsIHJvdW5kZWQtbGdcIlxuICAgICAgPjwvZ24tdWktdGh1bWJuYWlsPlxuICAgIDwvZGl2PlxuICAgIDxkaXYgKm5nSWY9XCJvcmdhbml6YXRpb24/Lm5hbWVcIiBjbGFzcz1cImZsZXgtMSB3LTAgb3ZlcmZsb3ctaGlkZGVuXCI+XG4gICAgICA8ZGl2XG4gICAgICAgIGNsYXNzPVwidGV4dC14cyB0ZXh0LWJsYWNrIGZvbnQtbm9ybWFsIGxlYWRpbmctdGlnaHQgdHJ1bmNhdGVcIlxuICAgICAgICB0cmFuc2xhdGVcbiAgICAgID5cbiAgICAgICAgcmVjb3JkLmNhcmQubWV0YWRhdGEuY29udGFjdFxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2XG4gICAgICAgIGRhdGEtY3k9XCJyZWNvcmRPcmdOYW1lXCJcbiAgICAgICAgY2xhc3M9XCJ0ZXh0LXhsIHRleHQtcHJpbWFyeS1ibGFjayBmb250LW1lZGl1bSB0cnVuY2F0ZVwiXG4gICAgICA+XG4gICAgICAgIHt7IG9yZ2FuaXphdGlvbi5uYW1lIH19XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG4gIDxkaXYgKm5nSWY9XCJzaXplID09PSAnTCdcIiBjbGFzcz1cIm1sLTIgZmxleCBzcGFjZS14LTJcIj5cbiAgICA8ZGl2ICpuZ0lmPVwib3JnYW5pemF0aW9uPy53ZWJzaXRlXCIgY2xhc3M9XCJmbGV4XCI+XG4gICAgICA8YnV0dG9uXG4gICAgICAgIFt0aXRsZV09XCJvcmdhbml6YXRpb24ud2Vic2l0ZVwiXG4gICAgICAgIGNsYXNzPVwidy1bNDBweF0gaC1bMzJweF0gZmxleCBpdGVtcy1jZW50ZXIganVzdGlmeS1jZW50ZXIgcm91bmRlZC1sZyBib3JkZXIgYm9yZGVyLVsjRDREM0Q3XSBweC1bOHB4XSBweS1bNHB4XSBob3ZlcjpiZy1wcmltYXJ5LWxpZ2h0ZXN0XCJcbiAgICAgICAgKGNsaWNrKT1cIm9wZW5FeHRlcm5hbFVybCgkZXZlbnQsIG9yZ2FuaXphdGlvbi53ZWJzaXRlKVwiXG4gICAgICA+XG4gICAgICAgIDxuZy1pY29uIG5hbWU9XCJpY29ub2lySW50ZXJuZXRcIj48L25nLWljb24+XG4gICAgICA8L2J1dHRvbj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2ICpuZ0lmPVwiY29udGFjdHNbMF0/LmVtYWlsXCIgY2xhc3M9XCJmbGV4XCI+XG4gICAgICA8YnV0dG9uXG4gICAgICAgIFt0aXRsZV09XCJjb250YWN0c1swXS5lbWFpbFwiXG4gICAgICAgIGNsYXNzPVwidy1bNDBweF0gaC1bMzJweF0gZmxleCBpdGVtcy1jZW50ZXIganVzdGlmeS1jZW50ZXIgcm91bmRlZC1sZyBib3JkZXIgYm9yZGVyLVsjRDREM0Q3XSBweC1bOHB4XSBweS1bNHB4XSBob3ZlcjpiZy1wcmltYXJ5LWxpZ2h0ZXN0XCJcbiAgICAgICAgZGF0YS1jeT1cImNvbnRhY3QtZW1haWxcIlxuICAgICAgICAoY2xpY2spPVwib3Blbk1haWx0bygkZXZlbnQsIGNvbnRhY3RzWzBdLmVtYWlsKVwiXG4gICAgICA+XG4gICAgICAgIDxuZy1pY29uIG5hbWU9XCJtYXRFbWFpbE91dGxpbmVcIj48L25nLWljb24+XG4gICAgICA8L2J1dHRvbj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2ICpuZ0lmPVwiY29udGFjdHNbMF0/LnBob25lXCIgY2xhc3M9XCJmbGV4XCI+XG4gICAgICA8YnV0dG9uXG4gICAgICAgIFt0aXRsZV09XCInQ29weSB0byBjbGlwYm9hcmQnXCJcbiAgICAgICAgY2xhc3M9XCJ3LVs0MHB4XSBoLVszMnB4XSBmbGV4IGl0ZW1zLWNlbnRlciBqdXN0aWZ5LWNlbnRlciByb3VuZGVkLWxnIGJvcmRlciBib3JkZXItWyNENEQzRDddIHB4LVs4cHhdIHB5LVs0cHhdIGhvdmVyOmJnLXByaW1hcnktbGlnaHRlc3QgcmVsYXRpdmUgZ3JvdXBcIlxuICAgICAgICBkYXRhLWN5PVwiY29udGFjdC1waG9uZVwiXG4gICAgICAgIChjbGljayk9XCJjb3B5VG9DbGlwYm9hcmQoJGV2ZW50LCBjb250YWN0c1swXS5waG9uZSlcIlxuICAgICAgPlxuICAgICAgICA8bmctaWNvbiBuYW1lPVwibWF0UGhvbmVPdXRsaW5lXCI+PC9uZy1pY29uPlxuICAgICAgPC9idXR0b24+XG4gICAgPC9kaXY+XG4gICAgPGRpdiAqbmdJZj1cImNvbnRhY3RzWzBdPy5hZGRyZXNzXCIgY2xhc3M9XCJmbGV4XCI+XG4gICAgICA8YnV0dG9uXG4gICAgICAgIFt0aXRsZV09XCInQ29weSB0byBjbGlwYm9hcmQnXCJcbiAgICAgICAgY2xhc3M9XCJ3LVs0MHB4XSBoLVszMnB4XSBmbGV4IGl0ZW1zLWNlbnRlciBqdXN0aWZ5LWNlbnRlciByb3VuZGVkLWxnIGJvcmRlciBib3JkZXItWyNENEQzRDddIHB4LVs4cHhdIHB5LVs0cHhdIGhvdmVyOmJnLXByaW1hcnktbGlnaHRlc3QgcmVsYXRpdmUgZ3JvdXBcIlxuICAgICAgICBkYXRhLWN5PVwiY29udGFjdC1waG9uZVwiXG4gICAgICAgIChjbGljayk9XCJjb3B5VG9DbGlwYm9hcmQoJGV2ZW50LCBjb250YWN0c1swXS5hZGRyZXNzKVwiXG4gICAgICA+XG4gICAgICAgIDxuZy1pY29uIG5hbWU9XCJtYXRMb2NhdGlvbk9uT3V0bGluZVwiPjwvbmctaWNvbj5cbiAgICAgIDwvYnV0dG9uPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19

package/esm2022/libs/ui/elements/src/lib/kind-badge/kind-badge.component.mjs

@@ -0,0 +1,65 @@
+import { CommonModule } from '@angular/common';
+import { ChangeDetectionStrategy, Component, Input, TemplateRef, } from '@angular/core';
+import { NgIconComponent, provideIcons } from '@ng-icons/core';
+import { iconoirAppleShortcuts, iconoirAppleWallet, iconoirCode, iconoirCreditCard, } from '@ng-icons/iconoir';
+import { TranslatePipe } from '@ngx-translate/core';
+import { marker } from '@biesbjerg/ngx-translate-extract-marker';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+marker('record.kind.dataset');
+marker('record.kind.reuse');
+marker('record.kind.service');
+var KindConfig;
+(function (KindConfig) {
+    KindConfig["all"] = "iconoirAppleWallet";
+    KindConfig["dataset"] = "iconoirAppleShortcuts";
+    KindConfig["service"] = "iconoirCode";
+    KindConfig["reuse"] = "iconoirCreditCard";
+})(KindConfig || (KindConfig = {}));
+export class KindBadgeComponent {
+    constructor() {
+        this.styling = 'default';
+        this.hasProjectedContent = false;
+    }
+    get iconKind() {
+        return KindConfig[this.kind] || KindConfig.dataset;
+    }
+    get badgeClasses() {
+        const baseClasses = 'badge-btn text-white text-xs px-2 font-bold shrink-0 flex items-center h-6 min-h-6';
+        switch (this.styling) {
+            case 'outline':
+                return `${baseClasses} bg-transparent border border-white py-1.5`;
+            case 'default':
+                return `${baseClasses} bg-primary py-0.5`;
+            default:
+                return 'flex items-center';
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KindBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: KindBadgeComponent, isStandalone: true, selector: "gn-ui-kind-badge", inputs: { styling: "styling", contentTemplate: "contentTemplate", kind: "kind" }, ngImport: i0, template: "<div [class]=\"badgeClasses\" *ngIf=\"kind\">\n  <ng-icon [name]=\"iconKind\" class=\"mr-1 text-[0.85em]\"></ng-icon>\n\n  <ng-container *ngIf=\"contentTemplate; else defaultContent\">\n    <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n  </ng-container>\n</div>\n\n<ng-template #defaultContent>\n  {{ 'record.kind.' + kind | translate }}\n</ng-template>\n", styles: [":host gn-ui-badge ng-icon{font-size:1.2rem;width:1.2rem;height:1.2rem;transform:translateY(-2px)}\n"], dependencies: [{ kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], viewProviders: [
+            provideIcons({
+                iconoirAppleWallet,
+                iconoirAppleShortcuts,
+                iconoirCode,
+                iconoirCreditCard,
+            }),
+        ], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KindBadgeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-kind-badge', viewProviders: [
+                        provideIcons({
+                            iconoirAppleWallet,
+                            iconoirAppleShortcuts,
+                            iconoirCode,
+                            iconoirCreditCard,
+                        }),
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgIconComponent, CommonModule, TranslatePipe], template: "<div [class]=\"badgeClasses\" *ngIf=\"kind\">\n  <ng-icon [name]=\"iconKind\" class=\"mr-1 text-[0.85em]\"></ng-icon>\n\n  <ng-container *ngIf=\"contentTemplate; else defaultContent\">\n    <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n  </ng-container>\n</div>\n\n<ng-template #defaultContent>\n  {{ 'record.kind.' + kind | translate }}\n</ng-template>\n", styles: [":host gn-ui-badge ng-icon{font-size:1.2rem;width:1.2rem;height:1.2rem;transform:translateY(-2px)}\n"] }]
+        }], propDecorators: { styling: [{
+                type: Input
+            }], contentTemplate: [{
+                type: Input
+            }], kind: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2luZC1iYWRnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpL2VsZW1lbnRzL3NyYy9saWIva2luZC1iYWRnZS9raW5kLWJhZGdlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvdWkvZWxlbWVudHMvc3JjL2xpYi9raW5kLWJhZGdlL2tpbmQtYmFkZ2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBQzlDLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULEtBQUssRUFDTCxXQUFXLEdBQ1osTUFBTSxlQUFlLENBQUE7QUFDdEIsT0FBTyxFQUFFLGVBQWUsRUFBRSxZQUFZLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQTtBQUM5RCxPQUFPLEVBQ0wscUJBQXFCLEVBQ3JCLGtCQUFrQixFQUNsQixXQUFXLEVBQ1gsaUJBQWlCLEdBQ2xCLE1BQU0sbUJBQW1CLENBQUE7QUFDMUIsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQ25ELE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQTs7O0FBRWhFLE1BQU0sQ0FBQyxxQkFBcUIsQ0FBQyxDQUFBO0FBQzdCLE1BQU0sQ0FBQyxtQkFBbUIsQ0FBQyxDQUFBO0FBQzNCLE1BQU0sQ0FBQyxxQkFBcUIsQ0FBQyxDQUFBO0FBRTdCLElBQUssVUFLSjtBQUxELFdBQUssVUFBVTtJQUNiLHdDQUEwQixDQUFBO0lBQzFCLCtDQUFpQyxDQUFBO0lBQ2pDLHFDQUF1QixDQUFBO0lBQ3ZCLHlDQUEyQixDQUFBO0FBQzdCLENBQUMsRUFMSSxVQUFVLEtBQVYsVUFBVSxRQUtkO0FBa0JELE1BQU0sT0FBTyxrQkFBa0I7SUFoQi9CO1FBaUJXLFlBQU8sR0FBRyxTQUFTLENBQUE7UUFJNUIsd0JBQW1CLEdBQUcsS0FBSyxDQUFBO0tBbUI1QjtJQWpCQyxJQUFJLFFBQVE7UUFDVixPQUFPLFVBQVUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksVUFBVSxDQUFDLE9BQU8sQ0FBQTtJQUNwRCxDQUFDO0lBRUQsSUFBSSxZQUFZO1FBQ2QsTUFBTSxXQUFXLEdBQ2Ysb0ZBQW9GLENBQUE7UUFFdEYsUUFBUSxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7WUFDckIsS0FBSyxTQUFTO2dCQUNaLE9BQU8sR0FBRyxXQUFXLDRDQUE0QyxDQUFBO1lBQ25FLEtBQUssU0FBUztnQkFDWixPQUFPLEdBQUcsV0FBVyxvQkFBb0IsQ0FBQTtZQUMzQztnQkFDRSxPQUFPLG1CQUFtQixDQUFBO1FBQzlCLENBQUM7SUFDSCxDQUFDOytHQXZCVSxrQkFBa0I7bUdBQWxCLGtCQUFrQiw4SkM1Qy9CLDRYQVdBLDZKRCtCWSxlQUFlLDRHQUFFLFlBQVkscVNBQUUsYUFBYSx1Q0FWdkM7WUFDYixZQUFZLENBQUM7Z0JBQ1gsa0JBQWtCO2dCQUNsQixxQkFBcUI7Z0JBQ3JCLFdBQVc7Z0JBQ1gsaUJBQWlCO2FBQ2xCLENBQUM7U0FDSDs7NEZBS1Usa0JBQWtCO2tCQWhCOUIsU0FBUzsrQkFDRSxrQkFBa0IsaUJBR2I7d0JBQ2IsWUFBWSxDQUFDOzRCQUNYLGtCQUFrQjs0QkFDbEIscUJBQXFCOzRCQUNyQixXQUFXOzRCQUNYLGlCQUFpQjt5QkFDbEIsQ0FBQztxQkFDSCxtQkFDZ0IsdUJBQXVCLENBQUMsTUFBTSxjQUNuQyxJQUFJLFdBQ1AsQ0FBQyxlQUFlLEVBQUUsWUFBWSxFQUFFLGFBQWEsQ0FBQzs4QkFHOUMsT0FBTztzQkFBZixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJ1xuaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgSW5wdXQsXG4gIFRlbXBsYXRlUmVmLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJ1xuaW1wb3J0IHsgTmdJY29uQ29tcG9uZW50LCBwcm92aWRlSWNvbnMgfSBmcm9tICdAbmctaWNvbnMvY29yZSdcbmltcG9ydCB7XG4gIGljb25vaXJBcHBsZVNob3J0Y3V0cyxcbiAgaWNvbm9pckFwcGxlV2FsbGV0LFxuICBpY29ub2lyQ29kZSxcbiAgaWNvbm9pckNyZWRpdENhcmQsXG59IGZyb20gJ0BuZy1pY29ucy9pY29ub2lyJ1xuaW1wb3J0IHsgVHJhbnNsYXRlUGlwZSB9IGZyb20gJ0BuZ3gtdHJhbnNsYXRlL2NvcmUnXG5pbXBvcnQgeyBtYXJrZXIgfSBmcm9tICdAYmllc2JqZXJnL25neC10cmFuc2xhdGUtZXh0cmFjdC1tYXJrZXInXG5cbm1hcmtlcigncmVjb3JkLmtpbmQuZGF0YXNldCcpXG5tYXJrZXIoJ3JlY29yZC5raW5kLnJldXNlJylcbm1hcmtlcigncmVjb3JkLmtpbmQuc2VydmljZScpXG5cbmVudW0gS2luZENvbmZpZyB7XG4gIGFsbCA9ICdpY29ub2lyQXBwbGVXYWxsZXQnLCAvLyAodGhpcyBvbmUgaXMgZm9yIGZpbHRlcilcbiAgZGF0YXNldCA9ICdpY29ub2lyQXBwbGVTaG9ydGN1dHMnLFxuICBzZXJ2aWNlID0gJ2ljb25vaXJDb2RlJyxcbiAgcmV1c2UgPSAnaWNvbm9pckNyZWRpdENhcmQnLFxufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdnbi11aS1raW5kLWJhZGdlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2tpbmQtYmFkZ2UuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9raW5kLWJhZGdlLmNvbXBvbmVudC5jc3MnXSxcbiAgdmlld1Byb3ZpZGVyczogW1xuICAgIHByb3ZpZGVJY29ucyh7XG4gICAgICBpY29ub2lyQXBwbGVXYWxsZXQsXG4gICAgICBpY29ub2lyQXBwbGVTaG9ydGN1dHMsXG4gICAgICBpY29ub2lyQ29kZSxcbiAgICAgIGljb25vaXJDcmVkaXRDYXJkLFxuICAgIH0pLFxuICBdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW05nSWNvbkNvbXBvbmVudCwgQ29tbW9uTW9kdWxlLCBUcmFuc2xhdGVQaXBlXSxcbn0pXG5leHBvcnQgY2xhc3MgS2luZEJhZGdlQ29tcG9uZW50IHtcbiAgQElucHV0KCkgc3R5bGluZyA9ICdkZWZhdWx0J1xuICBASW5wdXQoKSBjb250ZW50VGVtcGxhdGU6IFRlbXBsYXRlUmVmPHVua25vd24+XG4gIEBJbnB1dCgpIGtpbmQ6IHN0cmluZ1xuXG4gIGhhc1Byb2plY3RlZENvbnRlbnQgPSBmYWxzZVxuXG4gIGdldCBpY29uS2luZCgpIHtcbiAgICByZXR1cm4gS2luZENvbmZpZ1t0aGlzLmtpbmRdIHx8IEtpbmRDb25maWcuZGF0YXNldFxuICB9XG5cbiAgZ2V0IGJhZGdlQ2xhc3NlcygpOiBzdHJpbmcge1xuICAgIGNvbnN0IGJhc2VDbGFzc2VzID1cbiAgICAgICdiYWRnZS1idG4gdGV4dC13aGl0ZSB0ZXh0LXhzIHB4LTIgZm9udC1ib2xkIHNocmluay0wIGZsZXggaXRlbXMtY2VudGVyIGgtNiBtaW4taC02J1xuXG4gICAgc3dpdGNoICh0aGlzLnN0eWxpbmcpIHtcbiAgICAgIGNhc2UgJ291dGxpbmUnOlxuICAgICAgICByZXR1cm4gYCR7YmFzZUNsYXNzZXN9IGJnLXRyYW5zcGFyZW50IGJvcmRlciBib3JkZXItd2hpdGUgcHktMS41YFxuICAgICAgY2FzZSAnZGVmYXVsdCc6XG4gICAgICAgIHJldHVybiBgJHtiYXNlQ2xhc3Nlc30gYmctcHJpbWFyeSBweS0wLjVgXG4gICAgICBkZWZhdWx0OlxuICAgICAgICByZXR1cm4gJ2ZsZXggaXRlbXMtY2VudGVyJ1xuICAgIH1cbiAgfVxufVxuIiwiPGRpdiBbY2xhc3NdPVwiYmFkZ2VDbGFzc2VzXCIgKm5nSWY9XCJraW5kXCI+XG4gIDxuZy1pY29uIFtuYW1lXT1cImljb25LaW5kXCIgY2xhc3M9XCJtci0xIHRleHQtWzAuODVlbV1cIj48L25nLWljb24+XG5cbiAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImNvbnRlbnRUZW1wbGF0ZTsgZWxzZSBkZWZhdWx0Q29udGVudFwiPlxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJjb250ZW50VGVtcGxhdGVcIj48L25nLWNvbnRhaW5lcj5cbiAgPC9uZy1jb250YWluZXI+XG48L2Rpdj5cblxuPG5nLXRlbXBsYXRlICNkZWZhdWx0Q29udGVudD5cbiAge3sgJ3JlY29yZC5raW5kLicgKyBraW5kIHwgdHJhbnNsYXRlIH19XG48L25nLXRlbXBsYXRlPlxuIl19

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

@@ -2,11 +2,26 @@ import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { NgIconComponent, provideIcons, provideNgIconsConfig, } from '@ng-icons/core';
 import { matOpenInNew } from '@ng-icons/material-icons/baseline';
+import { getBadgeColor, getFileFormat } from '../../../../../../libs/util/shared/src';
+import { TranslatePipe } from '@ngx-translate/core';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 export class LinkCardComponent {
     constructor() {
-        this.compact = false;
+        this.sizeClassMap = {
+            L: 'gn-ui-card-l py-2 px-5',
+            M: 'gn-ui-card-m py-2 px-5',
+            S: 'gn-ui-card-s p-4',
+            XS: 'gn-ui-card-xs py-2 px-5',
+        };
+        this.cardClass = '';
+    }
+    set size(value) {
+        this._size = value;
+        this.cardClass = this.sizeClassMap[value];
+    }
+    get size() {
+        return this._size;
     }
     get title() {
         if (this.link.name && this.link.description) {
@@ -14,25 +29,31 @@ export class LinkCardComponent {
         }
         return this.link.name || this.link.description || '';
     }
+    getLinkFormat(link) {
+        return getFileFormat(link);
+    }
+    getLinkColor(link) {
+        return getBadgeColor(getFileFormat(link));
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LinkCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: LinkCardComponent, isStandalone: true, selector: "gn-ui-link-card", inputs: { link: "link", compact: "compact" }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: LinkCardComponent, isStandalone: true, selector: "gn-ui-link-card", inputs: { link: "link", size: "size" }, providers: [
             provideIcons({
                 matOpenInNew,
             }),
             provideNgIconsConfig({ size: '1.5em' }),
-        ], ngImport: i0, template: "<a\n  [href]=\"link.url\"\n  target=\"_blank\"\n  class=\"flex flex-col justify-between group grow py-5 px-5 bg-white rounded border-gray-300 filter card-shadow overflow-hidden\"\n  [ngClass]=\"{ 'h-40': !compact }\"\n  [title]=\"title\"\n>\n  <ng-container *ngIf=\"!compact; else compactTpl\">\n    <div class=\"max-h-24 overflow-hidden text-ellipsis\">\n      <p\n        class=\"font-title font-medium text-21 text-black break-words mb-1 line-clamp-2\"\n      >\n        {{ link.name }}\n      </p>\n      <p class=\"font-medium text-sm break-words\">\n        {{ link.description }}\n      </p>\n      <p\n        *ngIf=\"!link.name && !link.description\"\n        class=\"font-medium text-sm break-words truncate\"\n      >\n        {{ link.url }}\n      </p>\n    </div>\n    <div>\n      <ng-icon class=\"card-icon\" name=\"matOpenInNew\"></ng-icon>\n    </div>\n  </ng-container>\n  <ng-template #compactTpl>\n    <div class=\"flex items-center justify-between gap-4\">\n      <p\n        class=\"overflow-hidden font-title font-medium text-21 text-black text-ellipsis whitespace-nowrap\"\n      >\n        {{ link.name || link.description }}\n      </p>\n      <ng-icon class=\"card-icon flex-shrink-0\" name=\"matOpenInNew\"></ng-icon>\n    </div>\n  </ng-template>\n</a>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], ngImport: i0, template: "<a\n  [href]=\"link.url\"\n  target=\"_blank\"\n  class=\"group flex flex-row justify-between card-shadow cursor-pointer rounded overflow-hidden\"\n  [ngClass]=\"cardClass\"\n  [title]=\"title\"\n>\n  <div class=\"flex flex-col justify-between flex-1 min-w-0\">\n    <div class=\"gn-ui-card-title\">\n      {{ link.description || link.name }}\n    </div>\n    <div class=\"gn-ui-card-detail\">\n      {{ link.name }}\n    </div>\n    <p *ngIf=\"!link.name && !link.description\" class=\"gn-ui-card-title\">\n      {{ link.url }}\n    </p>\n    <div class=\"pt-1\">\n      <span\n        class=\"inline-flex items-center justify-center px-2 py-1 text-13 font-medium leading-none text-white rounded transition-opacity opacity-70 group-hover:opacity-100\"\n        [style.background-color]=\"getLinkColor(link)\"\n        data-cy=\"download-format\"\n        >{{\n          getLinkFormat(link) || ('downloads.format.unknown' | translate)\n        }}</span\n      >\n    </div>\n  </div>\n  <div\n    class=\"flex min-w-[32px]\"\n    [ngClass]=\"size === 'S' ? 'items-end' : 'items-center'\"\n  >\n    <div class=\"gn-ui-card-icon\">\n      <ng-icon\n        class=\"inline-block card-icon align-middle\"\n        name=\"matOpenInNew\"\n      ></ng-icon>\n    </div>\n  </div>\n</a>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LinkCardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-link-card', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, NgIconComponent], providers: [
+            args: [{ selector: 'gn-ui-link-card', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, NgIconComponent, TranslatePipe], providers: [
                         provideIcons({
                             matOpenInNew,
                         }),
                         provideNgIconsConfig({ size: '1.5em' }),
-                    ], template: "<a\n  [href]=\"link.url\"\n  target=\"_blank\"\n  class=\"flex flex-col justify-between group grow py-5 px-5 bg-white rounded border-gray-300 filter card-shadow overflow-hidden\"\n  [ngClass]=\"{ 'h-40': !compact }\"\n  [title]=\"title\"\n>\n  <ng-container *ngIf=\"!compact; else compactTpl\">\n    <div class=\"max-h-24 overflow-hidden text-ellipsis\">\n      <p\n        class=\"font-title font-medium text-21 text-black break-words mb-1 line-clamp-2\"\n      >\n        {{ link.name }}\n      </p>\n      <p class=\"font-medium text-sm break-words\">\n        {{ link.description }}\n      </p>\n      <p\n        *ngIf=\"!link.name && !link.description\"\n        class=\"font-medium text-sm break-words truncate\"\n      >\n        {{ link.url }}\n      </p>\n    </div>\n    <div>\n      <ng-icon class=\"card-icon\" name=\"matOpenInNew\"></ng-icon>\n    </div>\n  </ng-container>\n  <ng-template #compactTpl>\n    <div class=\"flex items-center justify-between gap-4\">\n      <p\n        class=\"overflow-hidden font-title font-medium text-21 text-black text-ellipsis whitespace-nowrap\"\n      >\n        {{ link.name || link.description }}\n      </p>\n      <ng-icon class=\"card-icon flex-shrink-0\" name=\"matOpenInNew\"></ng-icon>\n    </div>\n  </ng-template>\n</a>\n" }]
+                    ], template: "<a\n  [href]=\"link.url\"\n  target=\"_blank\"\n  class=\"group flex flex-row justify-between card-shadow cursor-pointer rounded overflow-hidden\"\n  [ngClass]=\"cardClass\"\n  [title]=\"title\"\n>\n  <div class=\"flex flex-col justify-between flex-1 min-w-0\">\n    <div class=\"gn-ui-card-title\">\n      {{ link.description || link.name }}\n    </div>\n    <div class=\"gn-ui-card-detail\">\n      {{ link.name }}\n    </div>\n    <p *ngIf=\"!link.name && !link.description\" class=\"gn-ui-card-title\">\n      {{ link.url }}\n    </p>\n    <div class=\"pt-1\">\n      <span\n        class=\"inline-flex items-center justify-center px-2 py-1 text-13 font-medium leading-none text-white rounded transition-opacity opacity-70 group-hover:opacity-100\"\n        [style.background-color]=\"getLinkColor(link)\"\n        data-cy=\"download-format\"\n        >{{\n          getLinkFormat(link) || ('downloads.format.unknown' | translate)\n        }}</span\n      >\n    </div>\n  </div>\n  <div\n    class=\"flex min-w-[32px]\"\n    [ngClass]=\"size === 'S' ? 'items-end' : 'items-center'\"\n  >\n    <div class=\"gn-ui-card-icon\">\n      <ng-icon\n        class=\"inline-block card-icon align-middle\"\n        name=\"matOpenInNew\"\n      ></ng-icon>\n    </div>\n  </div>\n</a>\n" }]
         }], propDecorators: { link: [{
                 type: Input
-            }], compact: [{
+            }], size: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGluay1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvdWkvZWxlbWVudHMvc3JjL2xpYi9saW5rLWNhcmQvbGluay1jYXJkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvdWkvZWxlbWVudHMvc3JjL2xpYi9saW5rLWNhcmQvbGluay1jYXJkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFBO0FBRXpFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUM5QyxPQUFPLEVBQ0wsZUFBZSxFQUNmLFlBQVksRUFDWixvQkFBb0IsR0FDckIsTUFBTSxnQkFBZ0IsQ0FBQTtBQUN2QixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sbUNBQW1DLENBQUE7OztBQWdCaEUsTUFBTSxPQUFPLGlCQUFpQjtJQWQ5QjtRQWdCVyxZQUFPLEdBQUcsS0FBSyxDQUFBO0tBUXpCO0lBTkMsSUFBSSxLQUFLO1FBQ1AsSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO1lBQzVDLE9BQU8sR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksTUFBTSxJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFBO1FBQ3ZELENBQUM7UUFDRCxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxJQUFJLElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVyxJQUFJLEVBQUUsQ0FBQTtJQUN0RCxDQUFDOytHQVRVLGlCQUFpQjttR0FBakIsaUJBQWlCLDRHQVBqQjtZQUNULFlBQVksQ0FBQztnQkFDWCxZQUFZO2FBQ2IsQ0FBQztZQUNGLG9CQUFvQixDQUFDLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxDQUFDO1NBQ3hDLDBCQ3RCSCxxd0NBdUNBLHlERHZCWSxZQUFZLGlPQUFFLGVBQWU7OzRGQVE1QixpQkFBaUI7a0JBZDdCLFNBQVM7K0JBQ0UsaUJBQWlCLG1CQUdWLHVCQUF1QixDQUFDLE1BQU0sY0FDbkMsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLGVBQWUsQ0FBQyxhQUM3Qjt3QkFDVCxZQUFZLENBQUM7NEJBQ1gsWUFBWTt5QkFDYixDQUFDO3dCQUNGLG9CQUFvQixDQUFDLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxDQUFDO3FCQUN4Qzs4QkFHUSxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJ1xuaW1wb3J0IHsgRGF0YXNldE9ubGluZVJlc291cmNlIH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21tb24vZG9tYWluL3NyYy9saWIvbW9kZWwvcmVjb3JkJ1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJ1xuaW1wb3J0IHtcbiAgTmdJY29uQ29tcG9uZW50LFxuICBwcm92aWRlSWNvbnMsXG4gIHByb3ZpZGVOZ0ljb25zQ29uZmlnLFxufSBmcm9tICdAbmctaWNvbnMvY29yZSdcbmltcG9ydCB7IG1hdE9wZW5Jbk5ldyB9IGZyb20gJ0BuZy1pY29ucy9tYXRlcmlhbC1pY29ucy9iYXNlbGluZSdcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ24tdWktbGluay1jYXJkJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2xpbmstY2FyZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2xpbmstY2FyZC5jb21wb25lbnQuY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBOZ0ljb25Db21wb25lbnRdLFxuICBwcm92aWRlcnM6IFtcbiAgICBwcm92aWRlSWNvbnMoe1xuICAgICAgbWF0T3BlbkluTmV3LFxuICAgIH0pLFxuICAgIHByb3ZpZGVOZ0ljb25zQ29uZmlnKHsgc2l6ZTogJzEuNWVtJyB9KSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgTGlua0NhcmRDb21wb25lbnQge1xuICBASW5wdXQoKSBsaW5rOiBEYXRhc2V0T25saW5lUmVzb3VyY2VcbiAgQElucHV0KCkgY29tcGFjdCA9IGZhbHNlXG5cbiAgZ2V0IHRpdGxlKCkge1xuICAgIGlmICh0aGlzLmxpbmsubmFtZSAmJiB0aGlzLmxpbmsuZGVzY3JpcHRpb24pIHtcbiAgICAgIHJldHVybiBgJHt0aGlzLmxpbmsubmFtZX0gfCAke3RoaXMubGluay5kZXNjcmlwdGlvbn1gXG4gICAgfVxuICAgIHJldHVybiB0aGlzLmxpbmsubmFtZSB8fCB0aGlzLmxpbmsuZGVzY3JpcHRpb24gfHwgJydcbiAgfVxufVxuIiwiPGFcbiAgW2hyZWZdPVwibGluay51cmxcIlxuICB0YXJnZXQ9XCJfYmxhbmtcIlxuICBjbGFzcz1cImZsZXggZmxleC1jb2wganVzdGlmeS1iZXR3ZWVuIGdyb3VwIGdyb3cgcHktNSBweC01IGJnLXdoaXRlIHJvdW5kZWQgYm9yZGVyLWdyYXktMzAwIGZpbHRlciBjYXJkLXNoYWRvdyBvdmVyZmxvdy1oaWRkZW5cIlxuICBbbmdDbGFzc109XCJ7ICdoLTQwJzogIWNvbXBhY3QgfVwiXG4gIFt0aXRsZV09XCJ0aXRsZVwiXG4+XG4gIDxuZy1jb250YWluZXIgKm5nSWY9XCIhY29tcGFjdDsgZWxzZSBjb21wYWN0VHBsXCI+XG4gICAgPGRpdiBjbGFzcz1cIm1heC1oLTI0IG92ZXJmbG93LWhpZGRlbiB0ZXh0LWVsbGlwc2lzXCI+XG4gICAgICA8cFxuICAgICAgICBjbGFzcz1cImZvbnQtdGl0bGUgZm9udC1tZWRpdW0gdGV4dC0yMSB0ZXh0LWJsYWNrIGJyZWFrLXdvcmRzIG1iLTEgbGluZS1jbGFtcC0yXCJcbiAgICAgID5cbiAgICAgICAge3sgbGluay5uYW1lIH19XG4gICAgICA8L3A+XG4gICAgICA8cCBjbGFzcz1cImZvbnQtbWVkaXVtIHRleHQtc20gYnJlYWstd29yZHNcIj5cbiAgICAgICAge3sgbGluay5kZXNjcmlwdGlvbiB9fVxuICAgICAgPC9wPlxuICAgICAgPHBcbiAgICAgICAgKm5nSWY9XCIhbGluay5uYW1lICYmICFsaW5rLmRlc2NyaXB0aW9uXCJcbiAgICAgICAgY2xhc3M9XCJmb250LW1lZGl1bSB0ZXh0LXNtIGJyZWFrLXdvcmRzIHRydW5jYXRlXCJcbiAgICAgID5cbiAgICAgICAge3sgbGluay51cmwgfX1cbiAgICAgIDwvcD5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2PlxuICAgICAgPG5nLWljb24gY2xhc3M9XCJjYXJkLWljb25cIiBuYW1lPVwibWF0T3BlbkluTmV3XCI+PC9uZy1pY29uPlxuICAgIDwvZGl2PlxuICA8L25nLWNvbnRhaW5lcj5cbiAgPG5nLXRlbXBsYXRlICNjb21wYWN0VHBsPlxuICAgIDxkaXYgY2xhc3M9XCJmbGV4IGl0ZW1zLWNlbnRlciBqdXN0aWZ5LWJldHdlZW4gZ2FwLTRcIj5cbiAgICAgIDxwXG4gICAgICAgIGNsYXNzPVwib3ZlcmZsb3ctaGlkZGVuIGZvbnQtdGl0bGUgZm9udC1tZWRpdW0gdGV4dC0yMSB0ZXh0LWJsYWNrIHRleHQtZWxsaXBzaXMgd2hpdGVzcGFjZS1ub3dyYXBcIlxuICAgICAgPlxuICAgICAgICB7eyBsaW5rLm5hbWUgfHwgbGluay5kZXNjcmlwdGlvbiB9fVxuICAgICAgPC9wPlxuICAgICAgPG5nLWljb24gY2xhc3M9XCJjYXJkLWljb24gZmxleC1zaHJpbmstMFwiIG5hbWU9XCJtYXRPcGVuSW5OZXdcIj48L25nLWljb24+XG4gICAgPC9kaXY+XG4gIDwvbmctdGVtcGxhdGU+XG48L2E+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGluay1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvdWkvZWxlbWVudHMvc3JjL2xpYi9saW5rLWNhcmQvbGluay1jYXJkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvdWkvZWxlbWVudHMvc3JjL2xpYi9saW5rLWNhcmQvbGluay1jYXJkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFBO0FBRXpFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUM5QyxPQUFPLEVBQ0wsZUFBZSxFQUNmLFlBQVksRUFDWixvQkFBb0IsR0FDckIsTUFBTSxnQkFBZ0IsQ0FBQTtBQUN2QixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sbUNBQW1DLENBQUE7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxhQUFhLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQTtBQUNyRixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0scUJBQXFCLENBQUE7OztBQWlCbkQsTUFBTSxPQUFPLGlCQUFpQjtJQWQ5QjtRQWlCbUIsaUJBQVksR0FBNkI7WUFDeEQsQ0FBQyxFQUFFLHdCQUF3QjtZQUMzQixDQUFDLEVBQUUsd0JBQXdCO1lBQzNCLENBQUMsRUFBRSxrQkFBa0I7WUFDckIsRUFBRSxFQUFFLHlCQUF5QjtTQUM5QixDQUFBO1FBU0QsY0FBUyxHQUFHLEVBQUUsQ0FBQTtLQWdCZjtJQXZCQyxJQUFhLElBQUksQ0FBQyxLQUFlO1FBQy9CLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFBO1FBQ2xCLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxLQUFLLENBQUMsQ0FBQTtJQUMzQyxDQUFDO0lBQ0QsSUFBSSxJQUFJO1FBQ04sT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFBO0lBQ25CLENBQUM7SUFHRCxJQUFJLEtBQUs7UUFDUCxJQUFJLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxJQUFJLElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7WUFDNUMsT0FBTyxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxNQUFNLElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUE7UUFDdkQsQ0FBQztRQUNELE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLElBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLElBQUksRUFBRSxDQUFBO0lBQ3RELENBQUM7SUFFRCxhQUFhLENBQUMsSUFBUztRQUNyQixPQUFPLGFBQWEsQ0FBQyxJQUFJLENBQUMsQ0FBQTtJQUM1QixDQUFDO0lBRUQsWUFBWSxDQUFDLElBQVM7UUFDcEIsT0FBTyxhQUFhLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUE7SUFDM0MsQ0FBQzsrR0FoQ1UsaUJBQWlCO21HQUFqQixpQkFBaUIsc0dBUGpCO1lBQ1QsWUFBWSxDQUFDO2dCQUNYLFlBQVk7YUFDYixDQUFDO1lBQ0Ysb0JBQW9CLENBQUMsRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFFLENBQUM7U0FDeEMsMEJDekJILGt3Q0F3Q0EseUREckJZLFlBQVksaU9BQUUsZUFBZSx3R0FBRSxhQUFhOzs0RkFRM0MsaUJBQWlCO2tCQWQ3QixTQUFTOytCQUNFLGlCQUFpQixtQkFHVix1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxlQUFlLEVBQUUsYUFBYSxDQUFDLGFBQzVDO3dCQUNULFlBQVksQ0FBQzs0QkFDWCxZQUFZO3lCQUNiLENBQUM7d0JBQ0Ysb0JBQW9CLENBQUMsRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFFLENBQUM7cUJBQ3hDOzhCQUlRLElBQUk7c0JBQVosS0FBSztnQkFRTyxJQUFJO3NCQUFoQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJ1xuaW1wb3J0IHsgRGF0YXNldE9ubGluZVJlc291cmNlIH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21tb24vZG9tYWluL3NyYy9saWIvbW9kZWwvcmVjb3JkJ1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJ1xuaW1wb3J0IHtcbiAgTmdJY29uQ29tcG9uZW50LFxuICBwcm92aWRlSWNvbnMsXG4gIHByb3ZpZGVOZ0ljb25zQ29uZmlnLFxufSBmcm9tICdAbmctaWNvbnMvY29yZSdcbmltcG9ydCB7IG1hdE9wZW5Jbk5ldyB9IGZyb20gJ0BuZy1pY29ucy9tYXRlcmlhbC1pY29ucy9iYXNlbGluZSdcbmltcG9ydCB7IGdldEJhZGdlQ29sb3IsIGdldEZpbGVGb3JtYXQgfSBmcm9tICcuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3V0aWwvc2hhcmVkL3NyYydcbmltcG9ydCB7IFRyYW5zbGF0ZVBpcGUgfSBmcm9tICdAbmd4LXRyYW5zbGF0ZS9jb3JlJ1xuXG50eXBlIENhcmRTaXplID0gJ0wnIHwgJ00nIHwgJ1MnIHwgJ1hTJ1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ24tdWktbGluay1jYXJkJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2xpbmstY2FyZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2xpbmstY2FyZC5jb21wb25lbnQuY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBOZ0ljb25Db21wb25lbnQsIFRyYW5zbGF0ZVBpcGVdLFxuICBwcm92aWRlcnM6IFtcbiAgICBwcm92aWRlSWNvbnMoe1xuICAgICAgbWF0T3BlbkluTmV3LFxuICAgIH0pLFxuICAgIHByb3ZpZGVOZ0ljb25zQ29uZmlnKHsgc2l6ZTogJzEuNWVtJyB9KSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgTGlua0NhcmRDb21wb25lbnQge1xuICBwcml2YXRlIF9zaXplOiBDYXJkU2l6ZVxuICBASW5wdXQoKSBsaW5rOiBEYXRhc2V0T25saW5lUmVzb3VyY2VcbiAgcHJpdmF0ZSByZWFkb25seSBzaXplQ2xhc3NNYXA6IFJlY29yZDxDYXJkU2l6ZSwgc3RyaW5nPiA9IHtcbiAgICBMOiAnZ24tdWktY2FyZC1sIHB5LTIgcHgtNScsXG4gICAgTTogJ2duLXVpLWNhcmQtbSBweS0yIHB4LTUnLFxuICAgIFM6ICdnbi11aS1jYXJkLXMgcC00JyxcbiAgICBYUzogJ2duLXVpLWNhcmQteHMgcHktMiBweC01JyxcbiAgfVxuXG4gIEBJbnB1dCgpIHNldCBzaXplKHZhbHVlOiBDYXJkU2l6ZSkge1xuICAgIHRoaXMuX3NpemUgPSB2YWx1ZVxuICAgIHRoaXMuY2FyZENsYXNzID0gdGhpcy5zaXplQ2xhc3NNYXBbdmFsdWVdXG4gIH1cbiAgZ2V0IHNpemUoKTogQ2FyZFNpemUge1xuICAgIHJldHVybiB0aGlzLl9zaXplXG4gIH1cbiAgY2FyZENsYXNzID0gJydcblxuICBnZXQgdGl0bGUoKSB7XG4gICAgaWYgKHRoaXMubGluay5uYW1lICYmIHRoaXMubGluay5kZXNjcmlwdGlvbikge1xuICAgICAgcmV0dXJuIGAke3RoaXMubGluay5uYW1lfSB8ICR7dGhpcy5saW5rLmRlc2NyaXB0aW9ufWBcbiAgICB9XG4gICAgcmV0dXJuIHRoaXMubGluay5uYW1lIHx8IHRoaXMubGluay5kZXNjcmlwdGlvbiB8fCAnJ1xuICB9XG5cbiAgZ2V0TGlua0Zvcm1hdChsaW5rOiBhbnkpIHtcbiAgICByZXR1cm4gZ2V0RmlsZUZvcm1hdChsaW5rKVxuICB9XG5cbiAgZ2V0TGlua0NvbG9yKGxpbms6IGFueSkge1xuICAgIHJldHVybiBnZXRCYWRnZUNvbG9yKGdldEZpbGVGb3JtYXQobGluaykpXG4gIH1cbn1cbiIsIjxhXG4gIFtocmVmXT1cImxpbmsudXJsXCJcbiAgdGFyZ2V0PVwiX2JsYW5rXCJcbiAgY2xhc3M9XCJncm91cCBmbGV4IGZsZXgtcm93IGp1c3RpZnktYmV0d2VlbiBjYXJkLXNoYWRvdyBjdXJzb3ItcG9pbnRlciByb3VuZGVkIG92ZXJmbG93LWhpZGRlblwiXG4gIFtuZ0NsYXNzXT1cImNhcmRDbGFzc1wiXG4gIFt0aXRsZV09XCJ0aXRsZVwiXG4+XG4gIDxkaXYgY2xhc3M9XCJmbGV4IGZsZXgtY29sIGp1c3RpZnktYmV0d2VlbiBmbGV4LTEgbWluLXctMFwiPlxuICAgIDxkaXYgY2xhc3M9XCJnbi11aS1jYXJkLXRpdGxlXCI+XG4gICAgICB7eyBsaW5rLmRlc2NyaXB0aW9uIHx8IGxpbmsubmFtZSB9fVxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJnbi11aS1jYXJkLWRldGFpbFwiPlxuICAgICAge3sgbGluay5uYW1lIH19XG4gICAgPC9kaXY+XG4gICAgPHAgKm5nSWY9XCIhbGluay5uYW1lICYmICFsaW5rLmRlc2NyaXB0aW9uXCIgY2xhc3M9XCJnbi11aS1jYXJkLXRpdGxlXCI+XG4gICAgICB7eyBsaW5rLnVybCB9fVxuICAgIDwvcD5cbiAgICA8ZGl2IGNsYXNzPVwicHQtMVwiPlxuICAgICAgPHNwYW5cbiAgICAgICAgY2xhc3M9XCJpbmxpbmUtZmxleCBpdGVtcy1jZW50ZXIganVzdGlmeS1jZW50ZXIgcHgtMiBweS0xIHRleHQtMTMgZm9udC1tZWRpdW0gbGVhZGluZy1ub25lIHRleHQtd2hpdGUgcm91bmRlZCB0cmFuc2l0aW9uLW9wYWNpdHkgb3BhY2l0eS03MCBncm91cC1ob3ZlcjpvcGFjaXR5LTEwMFwiXG4gICAgICAgIFtzdHlsZS5iYWNrZ3JvdW5kLWNvbG9yXT1cImdldExpbmtDb2xvcihsaW5rKVwiXG4gICAgICAgIGRhdGEtY3k9XCJkb3dubG9hZC1mb3JtYXRcIlxuICAgICAgICA+e3tcbiAgICAgICAgICBnZXRMaW5rRm9ybWF0KGxpbmspIHx8ICgnZG93bmxvYWRzLmZvcm1hdC51bmtub3duJyB8IHRyYW5zbGF0ZSlcbiAgICAgICAgfX08L3NwYW5cbiAgICAgID5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG4gIDxkaXZcbiAgICBjbGFzcz1cImZsZXggbWluLXctWzMycHhdXCJcbiAgICBbbmdDbGFzc109XCJzaXplID09PSAnUycgPyAnaXRlbXMtZW5kJyA6ICdpdGVtcy1jZW50ZXInXCJcbiAgPlxuICAgIDxkaXYgY2xhc3M9XCJnbi11aS1jYXJkLWljb25cIj5cbiAgICAgIDxuZy1pY29uXG4gICAgICAgIGNsYXNzPVwiaW5saW5lLWJsb2NrIGNhcmQtaWNvbiBhbGlnbi1taWRkbGVcIlxuICAgICAgICBuYW1lPVwibWF0T3BlbkluTmV3XCJcbiAgICAgID48L25nLWljb24+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9hPlxuIl19

package/esm2022/libs/ui/elements/src/lib/markdown-editor/markdown-editor.component.mjs

@@ -2,8 +2,7 @@ import { CommonModule } from '@angular/common';
 import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, } from '@angular/core';
 import { FormsModule } from '@angular/forms';
 import { MarkdownParserComponent } from '../markdown-parser/markdown-parser.component';
-import { TranslateModule } from '@ngx-translate/core';
-import { ButtonComponent, TextAreaComponent } from '../../../../../../libs/ui/inputs/src';
+import { TextAreaComponent } from '../../../../../../libs/ui/inputs/src';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import * as i0 from "@angular/core";
 export class MarkdownEditorComponent {
@@ -17,7 +16,7 @@ export class MarkdownEditorComponent {
         this.textContentChanged.emit(this.textContent);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MarkdownEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MarkdownEditorComponent, isStandalone: true, selector: "gn-ui-markdown-editor", inputs: { preview: "preview", placeholder: "placeholder", textContent: "textContent", textAreaExtraClass: "textAreaExtraClass" }, outputs: { textContentChanged: "textContentChanged" }, ngImport: i0, template: "<gn-ui-text-area\n  [hidden]=\"preview\"\n  [placeholder]=\"placeholder\"\n  [value]=\"textContent\"\n  [extraClass]=\"textAreaExtraClass + ' !leading-normal'\"\n  (valueChange)=\"textContentChangedHandler($event)\"\n></gn-ui-text-area>\n\n<div\n  class=\"gn-ui-text-input border-gray-100 hover:border-gray-100\"\n  [hidden]=\"!preview\"\n>\n  <gn-ui-markdown-parser [textContent]=\"textContent\"></gn-ui-markdown-parser>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "component", type: TextAreaComponent, selector: "gn-ui-text-area", inputs: ["value", "disabled", "extraClass", "placeholder", "required"], outputs: ["valueChange"] }, { kind: "component", type: MarkdownParserComponent, selector: "gn-ui-markdown-parser", inputs: ["textContent", "whitoutStyles"] }, { kind: "ngmodule", type: TranslateModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MarkdownEditorComponent, isStandalone: true, selector: "gn-ui-markdown-editor", inputs: { preview: "preview", placeholder: "placeholder", textContent: "textContent", textAreaExtraClass: "textAreaExtraClass" }, outputs: { textContentChanged: "textContentChanged" }, ngImport: i0, template: "<gn-ui-text-area\n  [hidden]=\"preview\"\n  [placeholder]=\"placeholder\"\n  [value]=\"textContent\"\n  [extraClass]=\"textAreaExtraClass + ' !leading-normal'\"\n  (valueChange)=\"textContentChangedHandler($event)\"\n></gn-ui-text-area>\n\n<div\n  class=\"gn-ui-text-input border-gray-100 hover:border-gray-100\"\n  [hidden]=\"!preview\"\n>\n  <gn-ui-markdown-parser [textContent]=\"textContent\"></gn-ui-markdown-parser>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "component", type: TextAreaComponent, selector: "gn-ui-text-area", inputs: ["value", "disabled", "extraClass", "placeholder", "required"], outputs: ["valueChange"] }, { kind: "component", type: MarkdownParserComponent, selector: "gn-ui-markdown-parser", inputs: ["textContent", "whitoutStyles"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MarkdownEditorComponent, decorators: [{
             type: Component,
@@ -25,10 +24,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         CommonModule,
                         FormsModule,
                         MatTooltipModule,
-                        ButtonComponent,
                         TextAreaComponent,
                         MarkdownParserComponent,
-                        TranslateModule,
                     ], template: "<gn-ui-text-area\n  [hidden]=\"preview\"\n  [placeholder]=\"placeholder\"\n  [value]=\"textContent\"\n  [extraClass]=\"textAreaExtraClass + ' !leading-normal'\"\n  (valueChange)=\"textContentChangedHandler($event)\"\n></gn-ui-text-area>\n\n<div\n  class=\"gn-ui-text-input border-gray-100 hover:border-gray-100\"\n  [hidden]=\"!preview\"\n>\n  <gn-ui-markdown-parser [textContent]=\"textContent\"></gn-ui-markdown-parser>\n</div>\n" }]
         }], propDecorators: { preview: [{
                 type: Input
@@ -41,4 +38,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }], textContentChanged: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFya2Rvd24tZWRpdG9yLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvdWkvZWxlbWVudHMvc3JjL2xpYi9tYXJrZG93bi1lZGl0b3IvbWFya2Rvd24tZWRpdG9yLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvdWkvZWxlbWVudHMvc3JjL2xpYi9tYXJrZG93bi1lZGl0b3IvbWFya2Rvd24tZWRpdG9yLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUM5QyxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sR0FDUCxNQUFNLGVBQWUsQ0FBQTtBQUN0QixPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUE7QUFDNUMsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sOENBQThDLENBQUE7QUFDdEYsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQ3JELE9BQU8sRUFBRSxlQUFlLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQTtBQUN6RixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQTs7QUFrQjVELE1BQU0sT0FBTyx1QkFBdUI7SUFoQnBDO1FBaUJXLFlBQU8sR0FBRyxLQUFLLENBQUE7UUFHZix1QkFBa0IsR0FBRyxFQUFFLENBQUE7UUFDdEIsdUJBQWtCLEdBQzFCLElBQUksWUFBWSxFQUFVLENBQUE7S0FNN0I7SUFKQyx5QkFBeUIsQ0FBQyxXQUFtQjtRQUMzQyxJQUFJLENBQUMsV0FBVyxHQUFHLFdBQVcsQ0FBQTtRQUM5QixJQUFJLENBQUMsa0JBQWtCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQTtJQUNoRCxDQUFDOytHQVhVLHVCQUF1QjttR0FBdkIsdUJBQXVCLDBRQzlCcEMsaWJBY0EseURET0ksWUFBWSw4QkFDWixXQUFXLDhCQUNYLGdCQUFnQiwrQkFFaEIsaUJBQWlCLDhKQUNqQix1QkFBdUIsMkdBQ3ZCLGVBQWU7OzRGQUdOLHVCQUF1QjtrQkFoQm5DLFNBQVM7K0JBQ0UsdUJBQXVCLG1CQUdoQix1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DLElBQUksV0FDUDt3QkFDUCxZQUFZO3dCQUNaLFdBQVc7d0JBQ1gsZ0JBQWdCO3dCQUNoQixlQUFlO3dCQUNmLGlCQUFpQjt3QkFDakIsdUJBQXVCO3dCQUN2QixlQUFlO3FCQUNoQjs4QkFHUSxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLGtCQUFrQjtzQkFBMUIsS0FBSztnQkFDSSxrQkFBa0I7c0JBQTNCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nXG5pbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPdXRwdXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnXG5pbXBvcnQgeyBGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJ1xuaW1wb3J0IHsgTWFya2Rvd25QYXJzZXJDb21wb25lbnQgfSBmcm9tICcuLi9tYXJrZG93bi1wYXJzZXIvbWFya2Rvd24tcGFyc2VyLmNvbXBvbmVudCdcbmltcG9ydCB7IFRyYW5zbGF0ZU1vZHVsZSB9IGZyb20gJ0BuZ3gtdHJhbnNsYXRlL2NvcmUnXG5pbXBvcnQgeyBCdXR0b25Db21wb25lbnQsIFRleHRBcmVhQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vLi4vbGlicy91aS9pbnB1dHMvc3JjJ1xuaW1wb3J0IHsgTWF0VG9vbHRpcE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3Rvb2x0aXAnXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2duLXVpLW1hcmtkb3duLWVkaXRvcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9tYXJrZG93bi1lZGl0b3IuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9tYXJrZG93bi1lZGl0b3IuY29tcG9uZW50LmNzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBGb3Jtc01vZHVsZSxcbiAgICBNYXRUb29sdGlwTW9kdWxlLFxuICAgIEJ1dHRvbkNvbXBvbmVudCxcbiAgICBUZXh0QXJlYUNvbXBvbmVudCxcbiAgICBNYXJrZG93blBhcnNlckNvbXBvbmVudCxcbiAgICBUcmFuc2xhdGVNb2R1bGUsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIE1hcmtkb3duRWRpdG9yQ29tcG9uZW50IHtcbiAgQElucHV0KCkgcHJldmlldyA9IGZhbHNlXG4gIEBJbnB1dCgpIHBsYWNlaG9sZGVyOiBzdHJpbmdcbiAgQElucHV0KCkgdGV4dENvbnRlbnQ6IHN0cmluZ1xuICBASW5wdXQoKSB0ZXh0QXJlYUV4dHJhQ2xhc3MgPSAnJ1xuICBAT3V0cHV0KCkgdGV4dENvbnRlbnRDaGFuZ2VkOiBFdmVudEVtaXR0ZXI8c3RyaW5nPiA9XG4gICAgbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KClcblxuICB0ZXh0Q29udGVudENoYW5nZWRIYW5kbGVyKHRleHRDb250ZW50OiBzdHJpbmcpIHtcbiAgICB0aGlzLnRleHRDb250ZW50ID0gdGV4dENvbnRlbnRcbiAgICB0aGlzLnRleHRDb250ZW50Q2hhbmdlZC5lbWl0KHRoaXMudGV4dENvbnRlbnQpXG4gIH1cbn1cbiIsIjxnbi11aS10ZXh0LWFyZWFcbiAgW2hpZGRlbl09XCJwcmV2aWV3XCJcbiAgW3BsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyXCJcbiAgW3ZhbHVlXT1cInRleHRDb250ZW50XCJcbiAgW2V4dHJhQ2xhc3NdPVwidGV4dEFyZWFFeHRyYUNsYXNzICsgJyAhbGVhZGluZy1ub3JtYWwnXCJcbiAgKHZhbHVlQ2hhbmdlKT1cInRleHRDb250ZW50Q2hhbmdlZEhhbmRsZXIoJGV2ZW50KVwiXG4+PC9nbi11aS10ZXh0LWFyZWE+XG5cbjxkaXZcbiAgY2xhc3M9XCJnbi11aS10ZXh0LWlucHV0IGJvcmRlci1ncmF5LTEwMCBob3Zlcjpib3JkZXItZ3JheS0xMDBcIlxuICBbaGlkZGVuXT1cIiFwcmV2aWV3XCJcbj5cbiAgPGduLXVpLW1hcmtkb3duLXBhcnNlciBbdGV4dENvbnRlbnRdPVwidGV4dENvbnRlbnRcIj48L2duLXVpLW1hcmtkb3duLXBhcnNlcj5cbjwvZGl2PlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFya2Rvd24tZWRpdG9yLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvdWkvZWxlbWVudHMvc3JjL2xpYi9tYXJrZG93bi1lZGl0b3IvbWFya2Rvd24tZWRpdG9yLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvdWkvZWxlbWVudHMvc3JjL2xpYi9tYXJrZG93bi1lZGl0b3IvbWFya2Rvd24tZWRpdG9yLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUM5QyxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sR0FDUCxNQUFNLGVBQWUsQ0FBQTtBQUN0QixPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUE7QUFDNUMsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sOENBQThDLENBQUE7QUFDdEYsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sc0NBQXNDLENBQUE7QUFDeEUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sMkJBQTJCLENBQUE7O0FBZ0I1RCxNQUFNLE9BQU8sdUJBQXVCO0lBZHBDO1FBZVcsWUFBTyxHQUFHLEtBQUssQ0FBQTtRQUdmLHVCQUFrQixHQUFHLEVBQUUsQ0FBQTtRQUN0Qix1QkFBa0IsR0FDMUIsSUFBSSxZQUFZLEVBQVUsQ0FBQTtLQU03QjtJQUpDLHlCQUF5QixDQUFDLFdBQW1CO1FBQzNDLElBQUksQ0FBQyxXQUFXLEdBQUcsV0FBVyxDQUFBO1FBQzlCLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFBO0lBQ2hELENBQUM7K0dBWFUsdUJBQXVCO21HQUF2Qix1QkFBdUIsMFFDM0JwQyxpYkFjQSx5RERNSSxZQUFZLDhCQUNaLFdBQVcsOEJBQ1gsZ0JBQWdCLCtCQUNoQixpQkFBaUIsOEpBQ2pCLHVCQUF1Qjs7NEZBR2QsdUJBQXVCO2tCQWRuQyxTQUFTOytCQUNFLHVCQUF1QixtQkFHaEIsdUJBQXVCLENBQUMsTUFBTSxjQUNuQyxJQUFJLFdBQ1A7d0JBQ1AsWUFBWTt3QkFDWixXQUFXO3dCQUNYLGdCQUFnQjt3QkFDaEIsaUJBQWlCO3dCQUNqQix1QkFBdUI7cUJBQ3hCOzhCQUdRLE9BQU87c0JBQWYsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csa0JBQWtCO3NCQUExQixLQUFLO2dCQUNJLGtCQUFrQjtzQkFBM0IsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbidcbmltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE91dHB1dCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSdcbmltcG9ydCB7IEZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnXG5pbXBvcnQgeyBNYXJrZG93blBhcnNlckNvbXBvbmVudCB9IGZyb20gJy4uL21hcmtkb3duLXBhcnNlci9tYXJrZG93bi1wYXJzZXIuY29tcG9uZW50J1xuaW1wb3J0IHsgVGV4dEFyZWFDb21wb25lbnQgfSBmcm9tICcuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpL2lucHV0cy9zcmMnXG5pbXBvcnQgeyBNYXRUb29sdGlwTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvdG9vbHRpcCdcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ24tdWktbWFya2Rvd24tZWRpdG9yJyxcbiAgdGVtcGxhdGVVcmw6ICcuL21hcmtkb3duLWVkaXRvci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL21hcmtkb3duLWVkaXRvci5jb21wb25lbnQuY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIEZvcm1zTW9kdWxlLFxuICAgIE1hdFRvb2x0aXBNb2R1bGUsXG4gICAgVGV4dEFyZWFDb21wb25lbnQsXG4gICAgTWFya2Rvd25QYXJzZXJDb21wb25lbnQsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIE1hcmtkb3duRWRpdG9yQ29tcG9uZW50IHtcbiAgQElucHV0KCkgcHJldmlldyA9IGZhbHNlXG4gIEBJbnB1dCgpIHBsYWNlaG9sZGVyOiBzdHJpbmdcbiAgQElucHV0KCkgdGV4dENvbnRlbnQ6IHN0cmluZ1xuICBASW5wdXQoKSB0ZXh0QXJlYUV4dHJhQ2xhc3MgPSAnJ1xuICBAT3V0cHV0KCkgdGV4dENvbnRlbnRDaGFuZ2VkOiBFdmVudEVtaXR0ZXI8c3RyaW5nPiA9XG4gICAgbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KClcblxuICB0ZXh0Q29udGVudENoYW5nZWRIYW5kbGVyKHRleHRDb250ZW50OiBzdHJpbmcpIHtcbiAgICB0aGlzLnRleHRDb250ZW50ID0gdGV4dENvbnRlbnRcbiAgICB0aGlzLnRleHRDb250ZW50Q2hhbmdlZC5lbWl0KHRoaXMudGV4dENvbnRlbnQpXG4gIH1cbn1cbiIsIjxnbi11aS10ZXh0LWFyZWFcbiAgW2hpZGRlbl09XCJwcmV2aWV3XCJcbiAgW3BsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyXCJcbiAgW3ZhbHVlXT1cInRleHRDb250ZW50XCJcbiAgW2V4dHJhQ2xhc3NdPVwidGV4dEFyZWFFeHRyYUNsYXNzICsgJyAhbGVhZGluZy1ub3JtYWwnXCJcbiAgKHZhbHVlQ2hhbmdlKT1cInRleHRDb250ZW50Q2hhbmdlZEhhbmRsZXIoJGV2ZW50KVwiXG4+PC9nbi11aS10ZXh0LWFyZWE+XG5cbjxkaXZcbiAgY2xhc3M9XCJnbi11aS10ZXh0LWlucHV0IGJvcmRlci1ncmF5LTEwMCBob3Zlcjpib3JkZXItZ3JheS0xMDBcIlxuICBbaGlkZGVuXT1cIiFwcmV2aWV3XCJcbj5cbiAgPGduLXVpLW1hcmtkb3duLXBhcnNlciBbdGV4dENvbnRlbnRdPVwidGV4dENvbnRlbnRcIj48L2duLXVpLW1hcmtkb3duLXBhcnNlcj5cbjwvZGl2PlxuIl19

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

@@ -1,15 +1,14 @@
 import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslateDirective } from '@ngx-translate/core';
 import * as i0 from "@angular/core";
-import * as i1 from "@ngx-translate/core";
 export class MetadataCatalogComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MetadataCatalogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MetadataCatalogComponent, isStandalone: true, selector: "gn-ui-metadata-catalog", inputs: { sourceLabel: "sourceLabel" }, ngImport: i0, template: "<div>\n  <p class=\"text-gray-700 text-xs mb-3 uppercase\" translate>\n    record.metadata.catalog\n  </p>\n  <p class=\"text-primary font-title text-21 mb-1\">\n    {{ sourceLabel }}\n  </p>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: i1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MetadataCatalogComponent, isStandalone: true, selector: "gn-ui-metadata-catalog", inputs: { sourceLabel: "sourceLabel" }, ngImport: i0, template: "<div class=\"text-black\">\n  <p class=\"text-base mb-3\" translate>record.metadata.catalog</p>\n  <p class=\"font-title text-21 mb-1\">\n    {{ sourceLabel }}\n  </p>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MetadataCatalogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-metadata-catalog', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [TranslateModule], template: "<div>\n  <p class=\"text-gray-700 text-xs mb-3 uppercase\" translate>\n    record.metadata.catalog\n  </p>\n  <p class=\"text-primary font-title text-21 mb-1\">\n    {{ sourceLabel }}\n  </p>\n</div>\n" }]
+            args: [{ selector: 'gn-ui-metadata-catalog', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [TranslateDirective], template: "<div class=\"text-black\">\n  <p class=\"text-base mb-3\" translate>record.metadata.catalog</p>\n  <p class=\"font-title text-21 mb-1\">\n    {{ sourceLabel }}\n  </p>\n</div>\n" }]
         }], propDecorators: { sourceLabel: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWV0YWRhdGEtY2F0YWxvZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpL2VsZW1lbnRzL3NyYy9saWIvbWV0YWRhdGEtY2F0YWxvZy9tZXRhZGF0YS1jYXRhbG9nLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvdWkvZWxlbWVudHMvc3JjL2xpYi9tZXRhZGF0YS1jYXRhbG9nL21ldGFkYXRhLWNhdGFsb2cuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUE7QUFDekUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHFCQUFxQixDQUFBOzs7QUFVckQsTUFBTSxPQUFPLHdCQUF3QjsrR0FBeEIsd0JBQXdCO21HQUF4Qix3QkFBd0IsMEhDWHJDLDJNQVFBLHlERENZLGVBQWU7OzRGQUVkLHdCQUF3QjtrQkFScEMsU0FBUzsrQkFDRSx3QkFBd0IsbUJBR2pCLHVCQUF1QixDQUFDLE1BQU0sY0FDbkMsSUFBSSxXQUNQLENBQUMsZUFBZSxDQUFDOzhCQUdqQixXQUFXO3NCQUFuQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJ1xuaW1wb3J0IHsgVHJhbnNsYXRlTW9kdWxlIH0gZnJvbSAnQG5neC10cmFuc2xhdGUvY29yZSdcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ24tdWktbWV0YWRhdGEtY2F0YWxvZycsXG4gIHRlbXBsYXRlVXJsOiAnLi9tZXRhZGF0YS1jYXRhbG9nLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbWV0YWRhdGEtY2F0YWxvZy5jb21wb25lbnQuY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbVHJhbnNsYXRlTW9kdWxlXSxcbn0pXG5leHBvcnQgY2xhc3MgTWV0YWRhdGFDYXRhbG9nQ29tcG9uZW50IHtcbiAgQElucHV0KCkgc291cmNlTGFiZWw6IHN0cmluZ1xufVxuIiwiPGRpdj5cbiAgPHAgY2xhc3M9XCJ0ZXh0LWdyYXktNzAwIHRleHQteHMgbWItMyB1cHBlcmNhc2VcIiB0cmFuc2xhdGU+XG4gICAgcmVjb3JkLm1ldGFkYXRhLmNhdGFsb2dcbiAgPC9wPlxuICA8cCBjbGFzcz1cInRleHQtcHJpbWFyeSBmb250LXRpdGxlIHRleHQtMjEgbWItMVwiPlxuICAgIHt7IHNvdXJjZUxhYmVsIH19XG4gIDwvcD5cbjwvZGl2PlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWV0YWRhdGEtY2F0YWxvZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpL2VsZW1lbnRzL3NyYy9saWIvbWV0YWRhdGEtY2F0YWxvZy9tZXRhZGF0YS1jYXRhbG9nLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvdWkvZWxlbWVudHMvc3JjL2xpYi9tZXRhZGF0YS1jYXRhbG9nL21ldGFkYXRhLWNhdGFsb2cuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUE7QUFDekUsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0scUJBQXFCLENBQUE7O0FBVXhELE1BQU0sT0FBTyx3QkFBd0I7K0dBQXhCLHdCQUF3QjttR0FBeEIsd0JBQXdCLDBIQ1hyQyxtTEFNQSwwRERHWSxrQkFBa0I7OzRGQUVqQix3QkFBd0I7a0JBUnBDLFNBQVM7K0JBQ0Usd0JBQXdCLG1CQUdqQix1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DLElBQUksV0FDUCxDQUFDLGtCQUFrQixDQUFDOzhCQUdwQixXQUFXO3NCQUFuQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJ1xuaW1wb3J0IHsgVHJhbnNsYXRlRGlyZWN0aXZlIH0gZnJvbSAnQG5neC10cmFuc2xhdGUvY29yZSdcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ24tdWktbWV0YWRhdGEtY2F0YWxvZycsXG4gIHRlbXBsYXRlVXJsOiAnLi9tZXRhZGF0YS1jYXRhbG9nLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbWV0YWRhdGEtY2F0YWxvZy5jb21wb25lbnQuY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbVHJhbnNsYXRlRGlyZWN0aXZlXSxcbn0pXG5leHBvcnQgY2xhc3MgTWV0YWRhdGFDYXRhbG9nQ29tcG9uZW50IHtcbiAgQElucHV0KCkgc291cmNlTGFiZWw6IHN0cmluZ1xufVxuIiwiPGRpdiBjbGFzcz1cInRleHQtYmxhY2tcIj5cbiAgPHAgY2xhc3M9XCJ0ZXh0LWJhc2UgbWItM1wiIHRyYW5zbGF0ZT5yZWNvcmQubWV0YWRhdGEuY2F0YWxvZzwvcD5cbiAgPHAgY2xhc3M9XCJmb250LXRpdGxlIHRleHQtMjEgbWItMVwiPlxuICAgIHt7IHNvdXJjZUxhYmVsIH19XG4gIDwvcD5cbjwvZGl2PlxuIl19