All these loading ones

src-ui/src/app/components/admin/trash/trash.component.html

@@ -38,7 +38,7 @@
             </tr>
         </thead>
         <tbody>
-            @if (loading) {
+            @if (loading()) {
                 <tr>
                     <td colspan="5">
                     <div class="spinner-border spinner-border-sm me-2" role="status"></div>

src-ui/src/app/components/common/email-document-dialog/email-document-dialog.component.html

@@ -27,7 +27,7 @@
             <label class="form-check-label w-100 text-start" for="useArchiveVersion" i18n>Use archive version</label>
         </div>
         <button type="submit" class="btn btn-outline-primary" (click)="emailDocuments()" [disabled]="loading || emailAddress.length === 0 || emailMessage.length === 0 || emailSubject.length === 0">
-            @if (loading) {
+            @if (loading()) {
                 <div class="spinner-border spinner-border-sm me-2" role="status"></div>
             }
             <ng-container i18n>Send email</ng-container>

src-ui/src/app/components/common/share-link-bundle-dialog/share-link-bundle-dialog.component.html

@@ -119,7 +119,7 @@
         class="btn btn-primary btn-sm d-inline-flex align-items-center gap-2 text-nowrap"
         (click)="submit()"
         [disabled]="loading || !buttonsEnabled">
-        @if (loading) {
+        @if (loading()) {
           <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>
         }
         {{ btnCaption }}

src-ui/src/app/components/common/share-link-bundle-manage-dialog/share-link-bundle-manage-dialog.component.html

@@ -4,7 +4,7 @@
 </div>
 
 <div class="modal-body">
-  @if (loading) {
+  @if (loading()) {
     <div class="d-flex align-items-center gap-2">
       <div class="spinner-border spinner-border-sm" role="status"></div>
       <span i18n>Loading share link bundles…</span>

src-ui/src/app/components/manage/document-attributes/custom-fields/custom-fields.component.html

@@ -8,7 +8,7 @@
     </div>
   </li>
 
-  @if (loading) {
+  @if (loading()) {
     <li class="list-group-item">
       <div class="spinner-border spinner-border-sm me-2" role="status"></div>
       <ng-container i18n>Loading...</ng-container>

src-ui/src/app/components/manage/saved-views/saved-views.component.html

@@ -71,7 +71,7 @@
       </li>
     }
 
-    @if (loading) {
+    @if (loading()) {
       <li class="list-group-item">
         <div class="spinner-border spinner-border-sm fw-normal ms-2 me-auto" role="status"></div>
         <div class="visually-hidden" i18n>Loading...</div>