From 0c5041f0b37fc41abec094d75f248333ee34f2e5 Mon Sep 17 00:00:00 2001
From: Oleg Solodkov <94829167+sol-0@users.noreply.github.com>
Date: Sat, 30 Sep 2023 20:54:53 +0400
Subject: [PATCH] [EZQMS-270] Added customizations to Panel and TabsControl
 (#3762)

Signed-off-by: Oleg Solodkov <oleg.solodkov@xored.com>
---
 packages/panel/src/components/Panel.svelte    | 8 ++++++--
 packages/ui/src/components/TabsControl.svelte | 6 ++++--
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/packages/panel/src/components/Panel.svelte b/packages/panel/src/components/Panel.svelte
index e5d10f5554..ad42b9902d 100644
--- a/packages/panel/src/components/Panel.svelte
+++ b/packages/panel/src/components/Panel.svelte
@@ -44,12 +44,14 @@
   export let isAside: boolean = true
   export let isUtils: boolean = true
   export let isCustomAttr: boolean = true
+  export let isReminder: boolean = true
   export let floatAside = false
   export let allowBack = true
   export let allowClose = true
   export let useMaxWidth: boolean | undefined = undefined
   export let isFullSize = false
   export let embedded = false
+  export let contentClasses: string | undefined = undefined
 
   let lastHref: string
   let scroll: HTMLDivElement
@@ -139,7 +141,9 @@
 
   <svelte:fragment slot="utils">
     <slot name="pre-utils" />
-    <Component is={calendar.component.DocReminder} props={{ value: object, title, focusIndex: 9000 }} />
+    {#if isReminder}
+      <Component is={calendar.component.DocReminder} props={{ value: object, title, focusIndex: 9000 }} />
+    {/if}
     {#if isUtils && $$slots.utils}
       <div class="buttons-divider" />
       <slot name="utils" />
@@ -211,7 +215,7 @@
         }
       }}
     >
-      <div class="popupPanel-body__main-content py-8 clear-mins" class:max={useMaxWidth}>
+      <div class={contentClasses ?? 'popupPanel-body__main-content py-8 clear-mins'} class:max={useMaxWidth}>
         <slot />
         {#if !withoutActivity}
           {#key object._id}
diff --git a/packages/ui/src/components/TabsControl.svelte b/packages/ui/src/components/TabsControl.svelte
index 40db73429e..7dfb6a8a0b 100644
--- a/packages/ui/src/components/TabsControl.svelte
+++ b/packages/ui/src/components/TabsControl.svelte
@@ -34,11 +34,13 @@
       }}
     >
       {#if tab.icon !== undefined}
-        <div class="mr-2">
+        <div class="mr-2" class:ml-2={tab.label === ''}>
           <Icon icon={tab.icon} size={'small'} />
         </div>
       {/if}
-      <Label label={tab.label} />
+      {#if tab.label !== ''}
+        <Label label={tab.label} />
+      {/if}
     </div>
   {/each}
   <div class="grow" />