not-bulma 1.2.14 → 1.2.15

package/package.json

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

package/src/elements/link/ui.link.svelte

@@ -3,7 +3,7 @@
     export let title = "";
     export let url = "";
     export let download;
-    export let target = "blank";
+    export let target = "_blank";
     export let light = false;
     export let loading = false;
     export let raised = false;
@@ -17,6 +17,7 @@
     export let classes = "button ";
     export let icon = false;
     export let iconSide = "right";
+
     export let action = () => {
         return true;
     };
@@ -32,7 +33,7 @@
 
 <a
     on:click={action}
-    target="_{target}"
+    {target}
     href={url}
     {download}
     class="{classes} {state ? `is-${state}` : ''} {inverted

package/src/elements/link/ui.links.svelte

@@ -1,13 +1,19 @@
 <script>
-  import UILink from './ui.link.svelte';
-  export let values = [];
+    import UILink from "./ui.link.svelte";
+    export let values = [];
+    export let classes = "";
+    export let centered = false;
+    export let right = false;
 </script>
 
-
-<div class="field has-addons">
-  <p class="control">
-    {#each values as item (item) }
-    <UILink {...item} />
-    {/each}
-  </p>
+<div
+    class="field has-addons {centered ? 'is-centered' : ''} {right
+        ? 'is-right'
+        : ''} {classes}"
+>
+    <p class="control">
+        {#each values as item (item.id)}
+            <UILink {...item} />
+        {/each}
+    </p>
 </div>

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

@@ -4,6 +4,7 @@
     export let idFieldName = "id";
     export let items = [];
     export let actions = [];
+    export let links = [];
 
     export let itemClasses = "";
 
@@ -30,6 +31,7 @@
         {imageComponentProps}
         {...item}
         listActions={actions}
+        listLinks={links}
         commonClasses={itemClasses}
         bind:value={item}
         {index}

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

@@ -4,11 +4,14 @@
 
     import UITitle from "../various/ui.title.svelte";
     import UIButtons from "../button/ui.buttons.svelte";
+    import UILinks from "../link/ui.links.svelte";
 
     export let title;
     export let description;
     export let actions = [];
+    export let links = [];
     export let listActions = [];
+    export let listLinks = [];
     export let classes = "";
     export let commonClasses = "";
     export let image = "";
@@ -33,10 +36,14 @@
     function onClick() {
         dispatch("click", value);
     }
+
     let allActions = [];
     $: allActions = [...actions, ...listActions].map((btn) => {
         return { ...btn, action: () => btn.action(value) };
     });
+
+    let allLinks = [];
+    $: allLinks = [...links, ...listLinks];
 </script>
 
 <div
@@ -184,9 +191,14 @@
             </div>
         {/if}
     </div>
+
     {#if allActions && allActions.length}
         <div class="list-item-controls">
             <UIButtons values={allActions} right={true} />
         </div>
     {/if}
+
+    {#if allLinks && allLinks.length}
+        <UILinks values={allLinks} right={true} />
+    {/if}
 </div>

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

@@ -6,7 +6,9 @@
 
     export let classes = "";
     export let items = [];
+
     export let actions = [];
+    export let links = [];
 
     export let actionsVisible = false;
     export let itemsHoverable = false;
@@ -56,6 +58,7 @@
             {imageComponent}
             {imageComponentProps}
             {actions}
+            {links}
             on:change
             on:click
             on:clickContent