From aa6bc36b893eeb60b613b40ca9806a76e196f632 Mon Sep 17 00:00:00 2001
From: Dan Percic <dan.percic.ext@knecon.com>
Date: Mon, 17 Jun 2024 21:26:49 +0300
Subject: [PATCH] migrate buttons to signal inputs

---
 .../active-fields-listing.component.html         |  2 +-
 ...dossier-overview-screen-header.component.html |  2 +-
 .../view-mode-selection.component.html           |  8 ++++----
 ...ble-structured-component-value.component.html | 16 ++++++++--------
 libs/common-ui                                   |  2 +-
 5 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/apps/red-ui/src/app/modules/admin/screens/file-attributes-listing/file-attributes-csv-import-dialog/active-fields-listing/active-fields-listing.component.html b/apps/red-ui/src/app/modules/admin/screens/file-attributes-listing/file-attributes-csv-import-dialog/active-fields-listing/active-fields-listing.component.html
index 0beb3c24c..e4570155a 100644
--- a/apps/red-ui/src/app/modules/admin/screens/file-attributes-listing/file-attributes-csv-import-dialog/active-fields-listing/active-fields-listing.component.html
+++ b/apps/red-ui/src/app/modules/admin/screens/file-attributes-listing/file-attributes-csv-import-dialog/active-fields-listing/active-fields-listing.component.html
@@ -89,9 +89,9 @@
             <div class="action-buttons">
                 <iqser-circle-button
                     (action)="field.primaryAttribute = false; toggleFieldActive.emit(field)"
-                    [removeTooltip]="true"
                     [tooltip]="'file-attributes-csv-import.action.remove' | translate"
                     icon="iqser:trash"
+                    removeTooltip
                 ></iqser-circle-button>
             </div>
         </div>
diff --git a/apps/red-ui/src/app/modules/dossier-overview/components/screen-header/dossier-overview-screen-header.component.html b/apps/red-ui/src/app/modules/dossier-overview/components/screen-header/dossier-overview-screen-header.component.html
index ea7faab92..876db0eb1 100644
--- a/apps/red-ui/src/app/modules/dossier-overview/components/screen-header/dossier-overview-screen-header.component.html
+++ b/apps/red-ui/src/app/modules/dossier-overview/components/screen-header/dossier-overview-screen-header.component.html
@@ -10,13 +10,13 @@
             *allow="roles.getRss"
             [attr.help-mode-key]="'component_download'"
             [disabled]="downloadComponentLogsDisabled$ | async"
-            [dropdownButton]="true"
             [icon]="'red:extract'"
             [matMenuTriggerFor]="(downloadComponentLogsDisabled$ | async) ? null : bulkComponentDownloadMenu"
             [tooltip]="
                 ((downloadComponentLogsDisabled$ | async) ? 'component-download.disabled-tooltip' : 'component-download.tooltip')
                     | translate
             "
+            dropdownButton
         ></iqser-circle-button>
 
         <redaction-file-download-btn
diff --git a/apps/red-ui/src/app/modules/dossier-overview/components/view-mode-selection/view-mode-selection.component.html b/apps/red-ui/src/app/modules/dossier-overview/components/view-mode-selection/view-mode-selection.component.html
index 69bed225b..7a92b64fa 100644
--- a/apps/red-ui/src/app/modules/dossier-overview/components/view-mode-selection/view-mode-selection.component.html
+++ b/apps/red-ui/src/app/modules/dossier-overview/components/view-mode-selection/view-mode-selection.component.html
@@ -4,18 +4,18 @@
     <iqser-circle-button
         (action)="setListingMode(listingModes.table)"
         [attr.aria-expanded]="mode === listingModes.table"
-        [tooltip]="'view-mode.list' | translate"
-        [greySelected]="true"
         [attr.help-mode-key]="'document_list_view'"
+        [tooltip]="'view-mode.list' | translate"
+        greySelected
         icon="iqser:list"
     ></iqser-circle-button>
 
     <iqser-circle-button
         (action)="setListingMode(listingModes.workflow)"
         [attr.aria-expanded]="mode === listingModes.workflow"
-        [tooltip]="'view-mode.workflow' | translate"
-        [greySelected]="true"
         [attr.help-mode-key]="'workflow_view'"
+        [tooltip]="'view-mode.workflow' | translate"
+        greySelected
         icon="iqser:lanes"
     ></iqser-circle-button>
 </div>
diff --git a/apps/red-ui/src/app/modules/file-preview/components/editable-structured-component-value/editable-structured-component-value.component.html b/apps/red-ui/src/app/modules/file-preview/components/editable-structured-component-value/editable-structured-component-value.component.html
index 48037c021..a7566a75c 100644
--- a/apps/red-ui/src/app/modules/file-preview/components/editable-structured-component-value/editable-structured-component-value.component.html
+++ b/apps/red-ui/src/app/modules/file-preview/components/editable-structured-component-value/editable-structured-component-value.component.html
@@ -1,6 +1,6 @@
-<div class="component-value" [ngClass]="{ selected: selected, editing: editing }" (click)="select()">
+<div (click)="select()" [ngClass]="{ selected: selected, editing: editing }" class="component-value">
     <div class="component">{{ entryLabel }}</div>
-    <div class="value" *ngIf="!editing; else editValue">
+    <div *ngIf="!editing; else editValue" class="value">
         <div class="text">
             <span
                 *ngFor="let componentValue of entry.componentValues"
@@ -15,16 +15,16 @@
                 [tooltip]="'component-management.actions.edit' | translate"
                 icon="iqser:edit"
             ></iqser-circle-button>
-            <div class="changes-dot" *ngIf="hasUpdatedValues && canEdit"></div>
+            <div *ngIf="hasUpdatedValues && canEdit" class="changes-dot"></div>
         </div>
     </div>
     <mat-icon *ngIf="!editing" class="arrow-right" svgIcon="red:arrow-right"></mat-icon>
 </div>
 
 <ng-template #editValue>
-    <div cdkDropList (cdkDropListDropped)="drop($event)">
-        <div *ngFor="let value of entry.componentValues; let index = index" class="editing-value" cdkDrag>
-            <mat-icon class="draggable" svgIcon="red:draggable-dots" cdkDragHandle></mat-icon>
+    <div (cdkDropListDropped)="drop($event)" cdkDropList>
+        <div *ngFor="let value of entry.componentValues; let index = index" cdkDrag class="editing-value">
+            <mat-icon cdkDragHandle class="draggable" svgIcon="red:draggable-dots"></mat-icon>
             <div class="iqser-input-group w-full">
                 <textarea [(ngModel)]="value.value" rows="1" type="text"></textarea>
             </div>
@@ -46,12 +46,12 @@
         <div (click)="deselect($event)" class="all-caps-label cancel" translate="component-management.actions.cancel"></div>
         <div class="flex right">
             <iqser-circle-button
-                *ngIf="hasUpdatedValues && canEdit"
                 (action)="undo()"
-                [showDot]="true"
+                *ngIf="hasUpdatedValues && canEdit"
                 [tooltip]="'component-management.actions.undo' | translate"
                 class="undo-value"
                 icon="red:undo"
+                showDot
             ></iqser-circle-button>
             <iqser-circle-button
                 (action)="add()"
diff --git a/libs/common-ui b/libs/common-ui
index 76771023c..0738d8c4e 160000
--- a/libs/common-ui
+++ b/libs/common-ui
@@ -1 +1 @@
-Subproject commit 76771023c22f6b69686d4d783e328b909a56c789
+Subproject commit 0738d8c4ef7cbc03071124d2a76a70d428d11781