[EZQMS-270] Added customizations to Panel and TabsControl (#3762)

Signed-off-by: Oleg Solodkov <oleg.solodkov@xored.com>

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}

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" />