@humandialog/forms.svelte 0.4.9 → 0.4.10

package/components/combo/combo.svelte

@@ -17,7 +17,9 @@ export let icon = false;
 export let placeholder = "Choose wisely...";
 export let s = "sm";
 export let c = "";
-let is_table_component = getContext("rIs-table-component");
+export let compact = false;
+export let in_context = "sel";
+let is_compact = getContext("rIs-table-component") || compact;
 let definition = new rCombo_definition();
 setContext("rCombo-definition", definition);
 let is_dropdown_open = false;
@@ -40,7 +42,7 @@ switch (s) {
     break;
 }
 let appearance_class;
-if (is_table_component)
+if (is_compact)
   appearance_class = `   text-gray-900 text-sm 
                                 focus:ring-primary-600 block w-full  ${input_pb} ${input_pt} px-2.5 dark:bg-gray-700 
                                 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500`;
@@ -53,7 +55,7 @@ let ctx = context ? context : getContext("ctx");
 let can_be_activated = true;
 let last_tick = -1;
 $:
-  setup($data_tick_store);
+  setup($data_tick_store, $context_items_store);
 function setup(...args) {
   if ($data_tick_store <= last_tick)
     return;
@@ -64,8 +66,8 @@ function setup(...args) {
   if (!label)
     label = a;
   tick_request_internal = tick_request_internal + 1;
-  if (is_table_component) {
-    if ($context_items_store["sel"] != self)
+  if (is_compact) {
+    if ($context_items_store[in_context] != self)
       can_be_activated = false;
     else
       can_be_activated = true;
@@ -209,7 +211,7 @@ function get_combo_text() {
     if (found)
       return found.Name ?? found.Key;
     else
-      return !is_table_component ? placeholder : "";
+      return !is_compact ? placeholder : "";
   } else
     return textbox.innerHTML;
 }
@@ -430,7 +432,7 @@ function setup_view(...args) {
 
 <div class={cs}
     on:focusout={(e) => setTimeout(() => {hide()}, 100)}>
-    {#if !is_table_component}
+    {#if !is_compact}
         <label for="name" class="block {label_mb} text-xs font-small text-gray-900 dark:text-white">{label}</label>
     {/if}
     <!-- svelte-ignore a11y-click-events-have-key-events -->

package/components/combo/combo.svelte.d.ts

@@ -12,6 +12,8 @@ declare const __propDef: {
         placeholder?: string | undefined;
         s?: string | undefined;
         c?: string | undefined;
+        compact?: boolean | undefined;
+        in_context?: string | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/components/icon.svelte

@@ -87,7 +87,7 @@ $: {
     {/if}
 </div>
 
-<style>
+<!--style>
   svg {
     stroke: currentColor;
     fill: currentColor;
@@ -97,4 +97,4 @@ $: {
     max-height: 100%;
   }  
 
-</style>
+</style-->

package/desk.svelte

@@ -28,8 +28,6 @@
 
     if(layout.dark != undefined)
     {
-        console.log('layout.dark', layout.dark)
-
         if(layout.dark.optional)
             layout.mainToolbar.darkMode = true;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@humandialog/forms.svelte",
-  "version": "0.4.9",
+  "version": "0.4.10",
   "description": "Basic Svelte UI components for Object Reef applications",
   "devDependencies": {
     "@playwright/test": "^1.28.1",

package/page.svelte

@@ -92,7 +92,6 @@
 
     function clear_selection(e)
     {
-        console.log(e, clears_context)
         if(!clears_context)
             return;