Add default to empty drag-drop list

src-ui/messages.xlf

@@ -416,6 +416,10 @@
           <context context-type="sourcefile">src/app/components/admin/config/config.component.html</context>
           <context context-type="linenumber">14,15</context>
         </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/common/input/drag-drop-select/drag-drop-select.component.html</context>
+          <context context-type="linenumber">12</context>
+        </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/components/common/input/tags/tags.component.html</context>
           <context context-type="linenumber">4</context>
@@ -1471,6 +1475,17 @@
           <context context-type="linenumber">17</context>
         </context-group>
       </trans-unit>
+      <trans-unit id="5607669932062416162" datatype="html">
+        <source>Default</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/admin/settings/settings.component.html</context>
+          <context context-type="linenumber">367</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/document-detail/document-detail.component.html</context>
+          <context context-type="linenumber">113</context>
+        </context-group>
+      </trans-unit>
       <trans-unit id="7877440816920439876" datatype="html">
         <source>No saved views defined.</source>
         <context-group purpose="location">
@@ -4172,6 +4187,13 @@
           <context context-type="linenumber">23</context>
         </context-group>
       </trans-unit>
+      <trans-unit id="528456107179161277" datatype="html">
+        <source>No items selected</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/components/common/input/drag-drop-select/drag-drop-select.component.ts</context>
+          <context context-type="linenumber">29</context>
+        </context-group>
+      </trans-unit>
       <trans-unit id="6932865105766151309" datatype="html">
         <source>Upload</source>
         <context-group purpose="location">
@@ -5258,13 +5280,6 @@
           <context context-type="linenumber">58</context>
         </context-group>
       </trans-unit>
-      <trans-unit id="5607669932062416162" datatype="html">
-        <source>Default</source>
-        <context-group purpose="location">
-          <context context-type="sourcefile">src/app/components/document-detail/document-detail.component.html</context>
-          <context context-type="linenumber">113</context>
-        </context-group>
-      </trans-unit>
       <trans-unit id="6205355627445317276" datatype="html">
         <source>Content</source>
         <context-group purpose="location">

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

@@ -364,7 +364,7 @@
                   </select>
                 </div>
                   @if (displayFields) {
-                    <pngx-input-drag-drop-select i18n-title title="Show" [items]="displayFields" formControlName="display_fields"></pngx-input-drag-drop-select>
+                    <pngx-input-drag-drop-select i18n-title title="Show" i18n-emptyText emptyText="Default" [items]="displayFields" formControlName="display_fields"></pngx-input-drag-drop-select>
                   }
                 </div>
             </div>

src-ui/src/app/components/common/input/drag-drop-select/drag-drop-select.component.html

@@ -8,6 +8,9 @@
         @for (item of selectedItems; track item.id) {
             <div class="badge bg-primary" cdkDrag>{{item.name}}</div>
         }
+        @if (selectedItems.length === 0) {
+            <div class="badge bg-light fst-italic" i18n>{{emptyText}}</div>
+        }
     </div>
 </div>
 <div class="d-flex flex-row mt-2 align-items-center bg-light p-2">

src-ui/src/app/components/common/input/drag-drop-select/drag-drop-select.component.ts

@@ -25,6 +25,9 @@ export class DragDropSelectComponent extends AbstractInputComponent<string[]> {
   @Input() items: { id: string; name: string }[] = []
   public selectedItems: { id: string; name: string }[] = []
 
+  @Input()
+  emptyText = $localize`No items selected`
+
   @ViewChild('selectedList') selectedList: CdkDropList
   @ViewChild('unselectedList') unselectedList: CdkDropList