geonetwork-ui 2.7.0-dev.76c515d5b → 2.7.0-dev.816935147

package/fesm2022/geonetwork-ui.mjs

@@ -908,6 +908,16 @@ const RecordStatusValues = [
     'planned',
     'required',
 ];
+marker('record.metadata.api.accessServiceProtocol.wms');
+marker('record.metadata.api.accessServiceProtocol.wfs');
+marker('record.metadata.api.accessServiceProtocol.wps');
+marker('record.metadata.api.accessServiceProtocol.wmts');
+marker('record.metadata.api.accessServiceProtocol.esriRest');
+marker('record.metadata.api.accessServiceProtocol.ogcFeatures');
+marker('record.metadata.api.accessServiceProtocol.GPFDL');
+marker('record.metadata.api.accessServiceProtocol.tms');
+marker('record.metadata.api.accessServiceProtocol.maplibre-style');
+marker('record.metadata.api.accessServiceProtocol.other');
 
 function getUpdateFrequencyFromFrequencyCode(frequencyCode) {
     return frequencyCode &&
@@ -19086,6 +19096,16 @@ var de = {
 	"record.kind.service": "",
 	"record.metadata.about": "Beschreibung",
 	"record.metadata.api": "API",
+	"record.metadata.api.accessServiceProtocol.GPFDL": "",
+	"record.metadata.api.accessServiceProtocol.esriRest": "",
+	"record.metadata.api.accessServiceProtocol.maplibre-style": "",
+	"record.metadata.api.accessServiceProtocol.ogcFeatures": "",
+	"record.metadata.api.accessServiceProtocol.other": "",
+	"record.metadata.api.accessServiceProtocol.tms": "",
+	"record.metadata.api.accessServiceProtocol.wfs": "",
+	"record.metadata.api.accessServiceProtocol.wms": "",
+	"record.metadata.api.accessServiceProtocol.wmts": "",
+	"record.metadata.api.accessServiceProtocol.wps": "",
 	"record.metadata.api.form.closeButton": "Schließen",
 	"record.metadata.api.form.closeForm": "Formular schließen",
 	"record.metadata.api.form.create": "Ihre Anfrage erstellen",
@@ -19704,6 +19724,16 @@ var en = {
 	"record.kind.service": "Service",
 	"record.metadata.about": "Description",
 	"record.metadata.api": "API",
+	"record.metadata.api.accessServiceProtocol.GPFDL": "GPFDL",
+	"record.metadata.api.accessServiceProtocol.esriRest": "esriRest",
+	"record.metadata.api.accessServiceProtocol.maplibre-style": "maplibre-style",
+	"record.metadata.api.accessServiceProtocol.ogcFeatures": "ogcFeatures",
+	"record.metadata.api.accessServiceProtocol.other": "other",
+	"record.metadata.api.accessServiceProtocol.tms": "tms",
+	"record.metadata.api.accessServiceProtocol.wfs": "wfs",
+	"record.metadata.api.accessServiceProtocol.wms": "wms",
+	"record.metadata.api.accessServiceProtocol.wmts": "wmts",
+	"record.metadata.api.accessServiceProtocol.wps": "wps",
 	"record.metadata.api.form.closeButton": "Close",
 	"record.metadata.api.form.closeForm": "Close the form",
 	"record.metadata.api.form.create": "Create your request",
@@ -20322,6 +20352,16 @@ var es = {
 	"record.kind.service": "",
 	"record.metadata.about": "",
 	"record.metadata.api": "",
+	"record.metadata.api.accessServiceProtocol.GPFDL": "",
+	"record.metadata.api.accessServiceProtocol.esriRest": "",
+	"record.metadata.api.accessServiceProtocol.maplibre-style": "",
+	"record.metadata.api.accessServiceProtocol.ogcFeatures": "",
+	"record.metadata.api.accessServiceProtocol.other": "",
+	"record.metadata.api.accessServiceProtocol.tms": "",
+	"record.metadata.api.accessServiceProtocol.wfs": "",
+	"record.metadata.api.accessServiceProtocol.wms": "",
+	"record.metadata.api.accessServiceProtocol.wmts": "",
+	"record.metadata.api.accessServiceProtocol.wps": "",
 	"record.metadata.api.form.closeButton": "",
 	"record.metadata.api.form.closeForm": "",
 	"record.metadata.api.form.create": "",
@@ -20940,6 +20980,16 @@ var fr = {
 	"record.kind.service": "Service",
 	"record.metadata.about": "A propos",
 	"record.metadata.api": "API",
+	"record.metadata.api.accessServiceProtocol.GPFDL": "",
+	"record.metadata.api.accessServiceProtocol.esriRest": "",
+	"record.metadata.api.accessServiceProtocol.maplibre-style": "",
+	"record.metadata.api.accessServiceProtocol.ogcFeatures": "",
+	"record.metadata.api.accessServiceProtocol.other": "autre",
+	"record.metadata.api.accessServiceProtocol.tms": "",
+	"record.metadata.api.accessServiceProtocol.wfs": "",
+	"record.metadata.api.accessServiceProtocol.wms": "",
+	"record.metadata.api.accessServiceProtocol.wmts": "",
+	"record.metadata.api.accessServiceProtocol.wps": "",
 	"record.metadata.api.form.closeButton": "Fermer",
 	"record.metadata.api.form.closeForm": "Fermer le panneau de personnalisation",
 	"record.metadata.api.form.create": "Paramétrer votre requête",
@@ -21558,6 +21608,16 @@ var it = {
 	"record.kind.service": "Servizio",
 	"record.metadata.about": "Descrizione",
 	"record.metadata.api": "API",
+	"record.metadata.api.accessServiceProtocol.GPFDL": "",
+	"record.metadata.api.accessServiceProtocol.esriRest": "",
+	"record.metadata.api.accessServiceProtocol.maplibre-style": "",
+	"record.metadata.api.accessServiceProtocol.ogcFeatures": "",
+	"record.metadata.api.accessServiceProtocol.other": "",
+	"record.metadata.api.accessServiceProtocol.tms": "",
+	"record.metadata.api.accessServiceProtocol.wfs": "",
+	"record.metadata.api.accessServiceProtocol.wms": "",
+	"record.metadata.api.accessServiceProtocol.wmts": "",
+	"record.metadata.api.accessServiceProtocol.wps": "",
 	"record.metadata.api.form.closeButton": "Chiude",
 	"record.metadata.api.form.closeForm": "Chiude il pannello di personalizzazione",
 	"record.metadata.api.form.create": "Configura la sua richiesta",
@@ -22176,6 +22236,16 @@ var nl = {
 	"record.kind.service": "",
 	"record.metadata.about": "",
 	"record.metadata.api": "",
+	"record.metadata.api.accessServiceProtocol.GPFDL": "",
+	"record.metadata.api.accessServiceProtocol.esriRest": "",
+	"record.metadata.api.accessServiceProtocol.maplibre-style": "",
+	"record.metadata.api.accessServiceProtocol.ogcFeatures": "",
+	"record.metadata.api.accessServiceProtocol.other": "",
+	"record.metadata.api.accessServiceProtocol.tms": "",
+	"record.metadata.api.accessServiceProtocol.wfs": "",
+	"record.metadata.api.accessServiceProtocol.wms": "",
+	"record.metadata.api.accessServiceProtocol.wmts": "",
+	"record.metadata.api.accessServiceProtocol.wps": "",
 	"record.metadata.api.form.closeButton": "",
 	"record.metadata.api.form.closeForm": "",
 	"record.metadata.api.form.create": "",
@@ -22794,6 +22864,16 @@ var pt = {
 	"record.kind.service": "",
 	"record.metadata.about": "",
 	"record.metadata.api": "",
+	"record.metadata.api.accessServiceProtocol.GPFDL": "",
+	"record.metadata.api.accessServiceProtocol.esriRest": "",
+	"record.metadata.api.accessServiceProtocol.maplibre-style": "",
+	"record.metadata.api.accessServiceProtocol.ogcFeatures": "",
+	"record.metadata.api.accessServiceProtocol.other": "",
+	"record.metadata.api.accessServiceProtocol.tms": "",
+	"record.metadata.api.accessServiceProtocol.wfs": "",
+	"record.metadata.api.accessServiceProtocol.wms": "",
+	"record.metadata.api.accessServiceProtocol.wmts": "",
+	"record.metadata.api.accessServiceProtocol.wps": "",
 	"record.metadata.api.form.closeButton": "",
 	"record.metadata.api.form.closeForm": "",
 	"record.metadata.api.form.create": "",
@@ -23412,6 +23492,16 @@ var sk = {
 	"record.kind.service": "",
 	"record.metadata.about": "O",
 	"record.metadata.api": "API",
+	"record.metadata.api.accessServiceProtocol.GPFDL": "",
+	"record.metadata.api.accessServiceProtocol.esriRest": "",
+	"record.metadata.api.accessServiceProtocol.maplibre-style": "",
+	"record.metadata.api.accessServiceProtocol.ogcFeatures": "",
+	"record.metadata.api.accessServiceProtocol.other": "",
+	"record.metadata.api.accessServiceProtocol.tms": "",
+	"record.metadata.api.accessServiceProtocol.wfs": "",
+	"record.metadata.api.accessServiceProtocol.wms": "",
+	"record.metadata.api.accessServiceProtocol.wmts": "",
+	"record.metadata.api.accessServiceProtocol.wps": "",
 	"record.metadata.api.form.closeButton": "Zavrieť",
 	"record.metadata.api.form.closeForm": "Zavrieť formulár",
 	"record.metadata.api.form.create": "Vytvoriť požiadavku",
@@ -25064,7 +25154,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }] } });
 
 var name = "geonetwork-ui";
-var version = "2.7.0-dev.76c515d5b";
+var version = "2.7.0-dev.816935147";
 var engines = {
 	node: ">=20"
 };
@@ -25097,27 +25187,28 @@ var peerDependencies = {
 	"@ngrx/operators": "18.x",
 	"@ngx-translate/core": "16.x",
 	"@ngx-translate/http-loader": "16.x",
+	"flag-icons": "^7.3.2",
 	rxjs: "7.x",
 	"zone.js": "*",
 	tailwindcss: "3.x"
 };
 var dependencies = {
-	"@biesbjerg/ngx-translate-extract-marker": "^1.0.0",
-	"@camptocamp/ogc-client": "1.1.1-dev.3e2d3cc",
-	"@geospatial-sdk/core": "0.0.5-dev.31",
-	"@geospatial-sdk/geocoding": "0.0.5-dev.31",
-	"@geospatial-sdk/legend": "0.0.5-dev.31",
-	"@geospatial-sdk/openlayers": "0.0.5-dev.31",
+	"@biesbjerg/ngx-translate-extract-marker": "~1.0.0",
+	"@camptocamp/ogc-client": "1.2.1-dev.b1a75df",
+	"@geospatial-sdk/core": "0.0.5-dev.37",
+	"@geospatial-sdk/geocoding": "0.0.5-dev.37",
+	"@geospatial-sdk/legend": "0.0.5-dev.37",
+	"@geospatial-sdk/openlayers": "0.0.5-dev.37",
 	"@ltd/j-toml": "~1.35.2",
 	"@messageformat/core": "^3.0.1",
 	"@ng-icons/core": "29.10.0",
 	"@ng-icons/iconoir": "29.10.0",
 	"@ng-icons/material-icons": "29.10.0",
 	"@ng-icons/tabler-icons": "29.10.0",
-	"@nx/angular": "20.2.2",
+	"@nx/angular": "20.3.4",
 	"@rgrove/parse-xml": "4.2.0",
 	alasql: "4.6.0",
-	axios: "1.8.2",
+	axios: "1.8.4",
 	basiclightbox: "^5.0.4",
 	"chart.js": "4.4.7",
 	"chroma-js": "3.1.2",
@@ -25144,7 +25235,7 @@ var dependencies = {
 	tslib: "^2.3.0",
 	typeorm: "^0.3.14",
 	"whatwg-fetch": "^3.6.2",
-	xlsx: "https://cdn.sheetjs.com/xlsx-0.20.2/xlsx-0.20.2.tgz"
+	xlsx: "https://cdn.sheetjs.com/xlsx-0.20.3/xlsx-0.20.3.tgz"
 };
 var packageJson = {
 	name: name,
@@ -25172,7 +25263,6 @@ const ValidatorMapper = {
     updateFrequency: (record) => !!record?.updateFrequency,
     topics: (record) => (record?.topics?.length ?? 0) > 0,
     organisation: (record) => !!record?.contacts?.[0]?.organization?.name,
-    capabilities: (record) => record?.onlineResources?.some((resource) => resource?.url?.href.toLowerCase().includes('capabilities')),
     source: (record) => !!record?.extras?.sourcesIdentifiers,
 };
 function getAllKeysValidator() {
@@ -25188,12 +25278,12 @@ function getMappersFromKind(kind) {
         'contacts',
     ];
     switch (kind) {
-        case 'service':
-            kindKeys = ['capabilities'];
-            break;
         case 'reuse':
             kindKeys = ['topics', 'organisation', 'source'];
             break;
+        case 'service':
+            kindKeys = [];
+            break;
         case 'dataset':
         default:
             kindKeys = ['updateFrequency', 'topics', 'organisation'];
@@ -32170,9 +32260,6 @@ class MetadataQualityComponent {
     get computedQualityScore() {
         return Math.round((this.items.filter(({ value }) => value).length * 100) / this.items.length);
     }
-    hasGetCapabilities(url) {
-        return url.toLowerCase().includes('capabilities');
-    }
     initialize() {
         if (!this.propsToValidate) {
             this.propsToValidate = getAllKeysValidator();
@@ -32569,7 +32656,7 @@ class ApiCardComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ApiCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ApiCardComponent, isStandalone: true, selector: "gn-ui-api-card", inputs: { link: "link", currentLink: "currentLink", size: "size" }, outputs: { openRecordApiForm: "openRecordApiForm" }, usesOnChanges: true, ngImport: i0, template: "<div\n  class=\"group flex justify-between rounded filter overflow-hidden card-shadow\"\n  [ngClass]=\"cardClass\"\n>\n  <ng-container *ngIf=\"size !== 'S'\">\n    <div class=\"flex-1 min-w-0\">\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </div>\n    <div class=\"flex items-center min-w-[32px]\">\n      <ng-container *ngTemplateOutlet=\"buttons\"></ng-container>\n    </div>\n  </ng-container>\n  <ng-container *ngIf=\"size === 'S'\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </ng-container>\n</div>\n\n<ng-template #buttons>\n  <div class=\"flex flex-row gap-2\">\n    <gn-ui-copy-text-button\n      [text]=\"link.url\"\n      [tooltipText]=\"'tooltip.url.copy' | translate\"\n      [displayText]=\"false\"\n      class=\"border border-gray-300 rounded-lg pt-1 px-2 h-[34px]\"\n    ></gn-ui-copy-text-button>\n    <button\n      *ngIf=\"displayApiFormButton\"\n      type=\"button\"\n      class=\"gn-ui-card-icon\"\n      [ngClass]=\"{\n        'py-2 px-4 rounded-r-md bg-gray-400 hover:bg-gray-600 focus:bg-gray-800 text-white':\n          displayText,\n      }\"\n      [matTooltip]=\"\n        !currentlyActive\n          ? ('record.metadata.api.form.openForm' | translate)\n          : ('record.metadata.api.form.closeForm' | translate)\n      \"\n      matTooltipPosition=\"above\"\n      (click)=\"openRecordApiFormPanel()\"\n    >\n      <ng-icon\n        class=\"pointer-events-none align-middle card-icon\"\n        name=\"iconoirSettings\"\n        [ngClass]=\"{\n          'text-secondary opacity-100': currentlyActive,\n        }\"\n      ></ng-icon>\n    </button>\n  </div>\n</ng-template>\n\n<ng-template #content>\n  <div class=\"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  </div>\n  <div class=\"flex flex-row justify-between\">\n    <div class=\"flex flex-row gap-2.5 items-center pt-1\">\n      <span\n        *ngIf=\"link.accessServiceProtocol !== 'GPFDL'\"\n        class=\"bg-primary-opacity-50 uppercase inline-flex items-center justify-center px-2 py-1 text-13 font-medium leading-none text-white rounded text-primary-lightest group-hover:bg-primary transition-colors\"\n        [ngClass]=\"{\n          '!bg-primary': currentlyActive,\n        }\"\n        >{{ link.accessServiceProtocol }}</span\n      >\n      <span\n        *ngIf=\"link.accessServiceProtocol === 'GPFDL'\"\n        class=\"bg-primary-opacity-50 uppercase inline-flex items-center justify-center px-2 py-1 text-13 font-medium leading-none text-white rounded text-primary-lightest group-hover:bg-primary transition-colors\"\n        [ngClass]=\"{\n          '!bg-primary': currentlyActive,\n        }\"\n        translate\n      >\n        record.metadata.api.gpfdl</span\n      >\n    </div>\n    <div *ngIf=\"size === 'S'\">\n      <ng-container *ngTemplateOutlet=\"buttons\"></ng-container>\n    </div>\n  </div>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: CopyTextButtonComponent, selector: "gn-ui-copy-text-button", inputs: ["text", "tooltipText", "displayText", "rows"] }, { kind: "directive", type: TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i2$2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], viewProviders: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ApiCardComponent, isStandalone: true, selector: "gn-ui-api-card", inputs: { link: "link", currentLink: "currentLink", size: "size" }, outputs: { openRecordApiForm: "openRecordApiForm" }, usesOnChanges: true, ngImport: i0, template: "<div\n  class=\"group flex justify-between rounded filter overflow-hidden card-shadow\"\n  [ngClass]=\"cardClass\"\n>\n  <ng-container *ngIf=\"size !== 'S'\">\n    <div class=\"flex-1 min-w-0\">\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </div>\n    <div class=\"flex items-center min-w-[32px]\">\n      <ng-container *ngTemplateOutlet=\"buttons\"></ng-container>\n    </div>\n  </ng-container>\n  <ng-container *ngIf=\"size === 'S'\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </ng-container>\n</div>\n\n<ng-template #buttons>\n  <div class=\"flex flex-row gap-2\">\n    <gn-ui-copy-text-button\n      [text]=\"link.url\"\n      [tooltipText]=\"'tooltip.url.copy' | translate\"\n      [displayText]=\"false\"\n      class=\"border border-gray-300 rounded-lg pt-1 px-2 h-[34px]\"\n    ></gn-ui-copy-text-button>\n    <button\n      *ngIf=\"displayApiFormButton\"\n      type=\"button\"\n      class=\"gn-ui-card-icon\"\n      [ngClass]=\"{\n        'py-2 px-4 rounded-r-md bg-gray-400 hover:bg-gray-600 focus:bg-gray-800 text-white':\n          displayText,\n      }\"\n      [matTooltip]=\"\n        !currentlyActive\n          ? ('record.metadata.api.form.openForm' | translate)\n          : ('record.metadata.api.form.closeForm' | translate)\n      \"\n      matTooltipPosition=\"above\"\n      (click)=\"openRecordApiFormPanel()\"\n    >\n      <ng-icon\n        class=\"pointer-events-none align-middle card-icon\"\n        name=\"iconoirSettings\"\n        [ngClass]=\"{\n          'text-secondary opacity-100': currentlyActive,\n        }\"\n      ></ng-icon>\n    </button>\n  </div>\n</ng-template>\n\n<ng-template #content>\n  <div class=\"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  </div>\n  <div class=\"flex flex-row justify-between\">\n    <div class=\"flex flex-row gap-2.5 items-center pt-1\">\n      <span\n        *ngIf=\"link.accessServiceProtocol !== 'GPFDL'\"\n        class=\"bg-primary-opacity-50 uppercase inline-flex items-center justify-center px-2 py-1 text-13 font-medium leading-none text-white rounded text-primary-lightest group-hover:bg-primary transition-colors\"\n        [ngClass]=\"{\n          '!bg-primary': currentlyActive,\n        }\"\n        translate\n        >record.metadata.api.accessServiceProtocol.{{\n          link.accessServiceProtocol\n        }}</span\n      >\n      <span\n        *ngIf=\"link.accessServiceProtocol === 'GPFDL'\"\n        class=\"bg-primary-opacity-50 uppercase inline-flex items-center justify-center px-2 py-1 text-13 font-medium leading-none text-white rounded text-primary-lightest group-hover:bg-primary transition-colors\"\n        [ngClass]=\"{\n          '!bg-primary': currentlyActive,\n        }\"\n        translate\n      >\n        record.metadata.api.gpfdl</span\n      >\n    </div>\n    <div *ngIf=\"size === 'S'\">\n      <ng-container *ngTemplateOutlet=\"buttons\"></ng-container>\n    </div>\n  </div>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: CopyTextButtonComponent, selector: "gn-ui-copy-text-button", inputs: ["text", "tooltipText", "displayText", "rows"] }, { kind: "directive", type: TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i2$2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], viewProviders: [
             provideIcons({
                 iconoirSettings,
             }),
@@ -32588,7 +32675,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         provideIcons({
                             iconoirSettings,
                         }),
-                    ], template: "<div\n  class=\"group flex justify-between rounded filter overflow-hidden card-shadow\"\n  [ngClass]=\"cardClass\"\n>\n  <ng-container *ngIf=\"size !== 'S'\">\n    <div class=\"flex-1 min-w-0\">\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </div>\n    <div class=\"flex items-center min-w-[32px]\">\n      <ng-container *ngTemplateOutlet=\"buttons\"></ng-container>\n    </div>\n  </ng-container>\n  <ng-container *ngIf=\"size === 'S'\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </ng-container>\n</div>\n\n<ng-template #buttons>\n  <div class=\"flex flex-row gap-2\">\n    <gn-ui-copy-text-button\n      [text]=\"link.url\"\n      [tooltipText]=\"'tooltip.url.copy' | translate\"\n      [displayText]=\"false\"\n      class=\"border border-gray-300 rounded-lg pt-1 px-2 h-[34px]\"\n    ></gn-ui-copy-text-button>\n    <button\n      *ngIf=\"displayApiFormButton\"\n      type=\"button\"\n      class=\"gn-ui-card-icon\"\n      [ngClass]=\"{\n        'py-2 px-4 rounded-r-md bg-gray-400 hover:bg-gray-600 focus:bg-gray-800 text-white':\n          displayText,\n      }\"\n      [matTooltip]=\"\n        !currentlyActive\n          ? ('record.metadata.api.form.openForm' | translate)\n          : ('record.metadata.api.form.closeForm' | translate)\n      \"\n      matTooltipPosition=\"above\"\n      (click)=\"openRecordApiFormPanel()\"\n    >\n      <ng-icon\n        class=\"pointer-events-none align-middle card-icon\"\n        name=\"iconoirSettings\"\n        [ngClass]=\"{\n          'text-secondary opacity-100': currentlyActive,\n        }\"\n      ></ng-icon>\n    </button>\n  </div>\n</ng-template>\n\n<ng-template #content>\n  <div class=\"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  </div>\n  <div class=\"flex flex-row justify-between\">\n    <div class=\"flex flex-row gap-2.5 items-center pt-1\">\n      <span\n        *ngIf=\"link.accessServiceProtocol !== 'GPFDL'\"\n        class=\"bg-primary-opacity-50 uppercase inline-flex items-center justify-center px-2 py-1 text-13 font-medium leading-none text-white rounded text-primary-lightest group-hover:bg-primary transition-colors\"\n        [ngClass]=\"{\n          '!bg-primary': currentlyActive,\n        }\"\n        >{{ link.accessServiceProtocol }}</span\n      >\n      <span\n        *ngIf=\"link.accessServiceProtocol === 'GPFDL'\"\n        class=\"bg-primary-opacity-50 uppercase inline-flex items-center justify-center px-2 py-1 text-13 font-medium leading-none text-white rounded text-primary-lightest group-hover:bg-primary transition-colors\"\n        [ngClass]=\"{\n          '!bg-primary': currentlyActive,\n        }\"\n        translate\n      >\n        record.metadata.api.gpfdl</span\n      >\n    </div>\n    <div *ngIf=\"size === 'S'\">\n      <ng-container *ngTemplateOutlet=\"buttons\"></ng-container>\n    </div>\n  </div>\n</ng-template>\n" }]
+                    ], template: "<div\n  class=\"group flex justify-between rounded filter overflow-hidden card-shadow\"\n  [ngClass]=\"cardClass\"\n>\n  <ng-container *ngIf=\"size !== 'S'\">\n    <div class=\"flex-1 min-w-0\">\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </div>\n    <div class=\"flex items-center min-w-[32px]\">\n      <ng-container *ngTemplateOutlet=\"buttons\"></ng-container>\n    </div>\n  </ng-container>\n  <ng-container *ngIf=\"size === 'S'\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </ng-container>\n</div>\n\n<ng-template #buttons>\n  <div class=\"flex flex-row gap-2\">\n    <gn-ui-copy-text-button\n      [text]=\"link.url\"\n      [tooltipText]=\"'tooltip.url.copy' | translate\"\n      [displayText]=\"false\"\n      class=\"border border-gray-300 rounded-lg pt-1 px-2 h-[34px]\"\n    ></gn-ui-copy-text-button>\n    <button\n      *ngIf=\"displayApiFormButton\"\n      type=\"button\"\n      class=\"gn-ui-card-icon\"\n      [ngClass]=\"{\n        'py-2 px-4 rounded-r-md bg-gray-400 hover:bg-gray-600 focus:bg-gray-800 text-white':\n          displayText,\n      }\"\n      [matTooltip]=\"\n        !currentlyActive\n          ? ('record.metadata.api.form.openForm' | translate)\n          : ('record.metadata.api.form.closeForm' | translate)\n      \"\n      matTooltipPosition=\"above\"\n      (click)=\"openRecordApiFormPanel()\"\n    >\n      <ng-icon\n        class=\"pointer-events-none align-middle card-icon\"\n        name=\"iconoirSettings\"\n        [ngClass]=\"{\n          'text-secondary opacity-100': currentlyActive,\n        }\"\n      ></ng-icon>\n    </button>\n  </div>\n</ng-template>\n\n<ng-template #content>\n  <div class=\"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  </div>\n  <div class=\"flex flex-row justify-between\">\n    <div class=\"flex flex-row gap-2.5 items-center pt-1\">\n      <span\n        *ngIf=\"link.accessServiceProtocol !== 'GPFDL'\"\n        class=\"bg-primary-opacity-50 uppercase inline-flex items-center justify-center px-2 py-1 text-13 font-medium leading-none text-white rounded text-primary-lightest group-hover:bg-primary transition-colors\"\n        [ngClass]=\"{\n          '!bg-primary': currentlyActive,\n        }\"\n        translate\n        >record.metadata.api.accessServiceProtocol.{{\n          link.accessServiceProtocol\n        }}</span\n      >\n      <span\n        *ngIf=\"link.accessServiceProtocol === 'GPFDL'\"\n        class=\"bg-primary-opacity-50 uppercase inline-flex items-center justify-center px-2 py-1 text-13 font-medium leading-none text-white rounded text-primary-lightest group-hover:bg-primary transition-colors\"\n        [ngClass]=\"{\n          '!bg-primary': currentlyActive,\n        }\"\n        translate\n      >\n        record.metadata.api.gpfdl</span\n      >\n    </div>\n    <div *ngIf=\"size === 'S'\">\n      <ng-container *ngTemplateOutlet=\"buttons\"></ng-container>\n    </div>\n  </div>\n</ng-template>\n" }]
         }], propDecorators: { link: [{
                 type: Input
             }], currentLink: [{