@v1nt1248/3nclient-lib 0.2.85 → 0.2.86

package/package.json

@@ -2,7 +2,7 @@
   "name": "@v1nt1248/3nclient-lib",
   "license": "AGPL-3.0-or-later",
   "author": "v1nt1248",
-  "version": "0.2.85",
+  "version": "0.2.86",
   "description": "Library for 3NWeb clients",
   "type": "module",
   "files": [

package/src/components/ui3n-dialog/types.ts

@@ -35,4 +35,5 @@ export interface Ui3nDialogComponentSlots {
   header?: () => VNode;
   body: () => VNode;
   actions?: () => VNode;
+  loading?: () => VNode;
 }

package/src/components/ui3n-dialog/ui3n-dialog.vue

@@ -214,6 +214,12 @@
       <slot name="actions" />
     </div>
 
+    <div
+      v-if="$slots['loading']"
+      :class="$style.loading"
+    >
+      <slot name="loading" />
+    </div>
 
     <ui3n-button
       :class="$style.closeBtn"
@@ -231,16 +237,6 @@
 <style lang="scss" module>
   @use '../../assets/styles/mixins' as mixins;
 
-  .modal-overlay {
-    position: fixed;
-    z-index: 1000;
-    inset: 0;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    background-color: var(--shadow-close);
-  }
-
   .dialog {
     --ui3n-dialog-border-radius: 8px;
     --ui3n-dialog-title-height: 48px;
@@ -325,4 +321,13 @@
     align-items: center;
     gap: var(--spacing-s);
   }
+
+  .loading {
+    position: absolute;
+    inset: 0;
+    z-index: 1;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
 </style>