From 66d1b4ca495633d444575dae37e4a4ae6f4f3626 Mon Sep 17 00:00:00 2001
From: Jan Prochazka <jan.prochazka@gmail.com>
Date: Sun, 12 Mar 2023 09:06:11 +0100
Subject: [PATCH] disable collapse last widget items

---
 packages/web/src/widgets/WidgetColumnBar.svelte     | 3 ++-
 packages/web/src/widgets/WidgetColumnBarItem.svelte | 5 ++++-
 packages/web/src/widgets/WidgetTitle.svelte         | 8 ++++++--
 3 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/packages/web/src/widgets/WidgetColumnBar.svelte b/packages/web/src/widgets/WidgetColumnBar.svelte
index bb1ec97d1..22c8e3cb1 100644
--- a/packages/web/src/widgets/WidgetColumnBar.svelte
+++ b/packages/web/src/widgets/WidgetColumnBar.svelte
@@ -26,10 +26,11 @@
   $: computeDynamicProps(definitions);
 
   function computeDynamicProps(defs: any[]) {
+    const visibleItemsCount = defs.filter(x => !x.collapsed && !x.skip).length;
     for (let index = 0; index < defs.length; index++) {
       const definition = defs[index];
       const splitterVisible = !!defs.slice(index + 1).find(x => x && !x.collapsed && !x.skip);
-      dynamicPropsCollection[index].set({ splitterVisible });
+      dynamicPropsCollection[index].set({ splitterVisible, visibleItemsCount });
     }
   }
 </script>
diff --git a/packages/web/src/widgets/WidgetColumnBarItem.svelte b/packages/web/src/widgets/WidgetColumnBarItem.svelte
index 55861682a..47c6828c8 100644
--- a/packages/web/src/widgets/WidgetColumnBarItem.svelte
+++ b/packages/web/src/widgets/WidgetColumnBarItem.svelte
@@ -22,6 +22,7 @@
 
   const dynamicProps = writable({
     splitterVisible: false,
+    visibleItemsCount: 0,
   });
 
   const pushWidgetItemDefinition = getContext('pushWidgetItemDefinition') as any;
@@ -62,10 +63,12 @@
     storageName && getLocalStorage(storageName) && getLocalStorage(storageName).visible != null
       ? getLocalStorage(storageName).visible
       : !collapsed;
+
+  $: collapsible = $dynamicProps.visibleItemsCount != 1 || !visible;
 </script>
 
 {#if !skip && show}
-  <WidgetTitle on:click={() => (visible = !visible)}>{title}</WidgetTitle>
+  <WidgetTitle clickable={collapsible} on:click={collapsible ? () => (visible = !visible) : null}>{title}</WidgetTitle>
 
   {#if visible}
     <div class="wrapper" style={$dynamicProps.splitterVisible ? `height:${size}px` : 'flex: 1 1 0'}>
diff --git a/packages/web/src/widgets/WidgetTitle.svelte b/packages/web/src/widgets/WidgetTitle.svelte
index dbc127d33..fe57f1e66 100644
--- a/packages/web/src/widgets/WidgetTitle.svelte
+++ b/packages/web/src/widgets/WidgetTitle.svelte
@@ -1,4 +1,8 @@
-<div on:click>
+<script lang="ts">
+  export let clickable = false;
+</script>
+
+<div on:click class:clickable>
   <slot />
 </div>
 
@@ -10,7 +14,7 @@
     background-color: var(--theme-bg-1);
     border: 2px solid var(--theme-border);
   }
-  div:hover {
+  div.clickable:hover {
     background-color: var(--theme-bg-2);
   }
 </style>