not-bulma 1.0.74 → 1.0.75

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "not-bulma",
-  "version": "1.0.74",
+  "version": "1.0.75",
   "description": "not-* family UI components on Bulma CSS Framework",
   "main": "src/index.js",
   "svelte": "src/index.js",

package/src/elements/list/ui.list.block.svelte

@@ -3,6 +3,7 @@
     import UITitle from "../various/ui.title.svelte";
     export let idFieldName = "id";
     export let items = [];
+    export let actions = [];
 
     export let itemClasses = "";
 
@@ -28,6 +29,7 @@
         {imageComponent}
         {imageComponentProps}
         {...item}
+        listActions={actions}
         classes={itemClasses}
         value={item}
         on:click

package/src/elements/list/ui.list.item.svelte

@@ -1,5 +1,5 @@
 <script>
-    import { createEventDispatcher } from "svelte";
+    import { createEventDispatcher, onMount } from "svelte";
     const dispatch = createEventDispatcher();
 
     import UITitle from "../various/ui.title.svelte";
@@ -8,6 +8,7 @@
     export let title;
     export let description;
     export let actions = [];
+    export let listActions = [];
     export let classes = "";
     export let image = "";
     //value of item, will be passed to event handlers
@@ -23,6 +24,10 @@
     function onClick() {
         dispatch("click", value);
     }
+    let allActions = [];
+    $: allActions = [...actions, ...listActions].map((btn) => {
+        return { ...btn, action: () => btn.action(value) };
+    });
 </script>
 
 <div class="list-item {classes}" on:click|preventDefault={onClick}>
@@ -101,9 +106,9 @@
             </div>
         {/if}
     </div>
-    {#if actions && actions.length}
+    {#if allActions && allActions.length}
         <div class="list-item-controls">
-            <UIButtons values={actions} right={true} />
+            <UIButtons values={allActions} right={true} />
         </div>
     {/if}
 </div>

package/src/elements/list/ui.list.svelte

@@ -6,6 +6,7 @@
 
     export let classes = "";
     export let items = [];
+    export let actions = [];
 
     export let actionsVisible = false;
     export let itemsHoverable = false;
@@ -54,6 +55,7 @@
             {descriptionComponentProps}
             {imageComponent}
             {imageComponentProps}
+            {actions}
             on:click
             on:clickContent
             on:clickDescription

package/src/frame/common.js

@@ -655,6 +655,14 @@ class notCommon {
         notCommon.getApp() &&
             notCommon.getApp().getWorking("router").navigate(url);
     }
+
+    static select(variantsSet, value, def) {
+        if (Object.hasOwn(variantsSet, value)) {
+            return variantsSet[value];
+        } else {
+            return def;
+        }
+    }
 }
 
 function absorbServices(target, src) {