fix: Update EsmfTableCellLinkComponent

Author: sobolevskaia

Diff for: src/ng-generate/components/table/generators/components/table-cell-link/files/__name@dasherize__.component.html.template

@@ -1,12 +1,13 @@
 <!--  <%= options.generationDisclaimerText %> -->
 
-@let isDisabled = value === null || value === undefined;
-<button (click)="openExternalLink()"
-                      [matTooltipDisabled]="!isDisabled"
-                      [class.button-disabled]="isDisabled"
-                      matTooltipPosition="above"
-                      [matTooltip]="tooltipMessage"
-                      mat-icon-button
-                      aria-label="link row">
-                <mat-icon class="material-icons">open_in_new</mat-icon>
+<button
+  [matTooltipDisabled]="!isDisabled()"
+  [class.button-disabled]="isDisabled()"
+  [matTooltip]="tooltipMessage()"
+  (click)="openExternalLink()"
+  matTooltipPosition="above"
+  mat-icon-button
+  aria-label="link row"
+>
+  <mat-icon class="material-icons">open_in_new</mat-icon>
 </button>

Diff for: src/ng-generate/components/table/generators/components/table-cell-link/files/__name@dasherize__.component.scss.template

@@ -1,7 +1,16 @@
 /** <%= options.generationDisclaimerText %> **/
 
+button {
+  background-color: transparent;
+  border: none;
+  color: inherit;
+  padding: 0;
+  font: inherit;
+  cursor: pointer;
+  outline: inherit;
+}
+
 .button-disabled {
-  pointer-events:none;
   cursor: not-allowed;
   opacity: 0.4;
 }

Diff for: src/ng-generate/components/table/generators/components/table-cell-link/files/__name@dasherize__.component.ts.template

@@ -1,19 +1,28 @@
 /** <%= options.generationDisclaimerText %> **/
 
-import {Component, EventEmitter, Input} from '@angular/core';
+import {ChangeDetectionStrategy, Component, computed, input, Signal} from '@angular/core';
+import {MatTooltipModule} from '@angular/material/tooltip';
+import {MatIconModule} from '@angular/material/icon';
 
 @Component({
   standalone: true,
   selector: '<%= dasherize(name) %>',
   templateUrl: './<%= dasherize(name) %>.component.html',
   styleUrls: ['./<%= dasherize(name) %>.component.<%= options.style %>'],
-  changeDetection: ChangeDetectionStrategy.OnPush
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  imports: [MatTooltipModule, MatIconModule]
 })
 export class EsmfTableCellLinkComponent {
-  value = input.required<string | null>();
+  value = input.required<string>();
   tooltipMessage = input.required<string>();
 
-    openExternalLink() {
-        window.open(this.value, '_blank');
+  isDisabled: Signal<boolean> = computed(() => this.value() === '-');
+
+  openExternalLink() {
+    if (this.isDisabled()){
+        return;
     }
+
+    window.open(this.value(), '_blank');
+  }
 }

Diff for: src/utils/modules.ts

@@ -84,6 +84,7 @@ export const tableModules = (options: Schema) => [
     {name: 'DragDropModule', fromLib: '@angular/cdk/drag-drop'},
     {name: 'NgTemplateOutlet', fromLib: '@angular/common'},
     {name: 'DatePipe', fromLib: '@angular/common'},
+    {name: 'EsmfTableCellLinkComponent', fromLib: '../../table-cell-link/esmf-table-cell-link.component'},
     {
         name: 'MatCheckboxModule',
         fromLib: '@angular/material/checkbox',