@budibase/bbui 3.23.47 → 3.23.48

package/dist/{easymde-a1ebad50.mjs → easymde-ee925fe5.mjs}

@@ -1,4 +1,4 @@
-import { g as vf, c as mf, a as xf } from "./index-a983ecf2.mjs";
+import { g as vf, c as mf, a as xf } from "./index-7af4cf13.mjs";
 const yf = {}, Df = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: yf

package/dist/{index-a983ecf2.mjs → index-7af4cf13.mjs}

@@ -49691,7 +49691,7 @@ function instance$1m(u, l, m) {
   let f, { height: p = null } = l, { scroll: b = !0 } = l, { easyMDEOptions: v = null } = l, { mde: y = null } = l, { id: w = null } = l, { fullScreenOffset: k = null } = l, { disabled: P = !1 } = l, M;
   onMount(async () => {
     m(4, p = p || "200px");
-    const { default: F } = await import("./easymde-a1ebad50.mjs").then((T) => T.e);
+    const { default: F } = await import("./easymde-ee925fe5.mjs").then((T) => T.e);
     m(5, y = new F({
       element: M,
       spellChecker: !1,
@@ -60031,9 +60031,20 @@ class ColorPicker extends SvelteComponent {
     });
   }
 }
-const DetailSummary_svelte_svelte_type_style_lang = "";
+const DetailSummary_svelte_svelte_type_style_lang = "", get_actions_slot_changes = (u) => ({}), get_actions_slot_context = (u) => ({});
 function create_if_block$m(u) {
-  let l, m, f, p, b, v, y, w = (
+  let l, m, f, p, b, v, y, w, k, P;
+  const M = (
+    /*#slots*/
+    u[7].actions
+  ), $ = create_slot(
+    M,
+    u,
+    /*$$scope*/
+    u[6],
+    get_actions_slot_context
+  );
+  let S = (
     /*collapsible*/
     u[1] && create_if_block_1$f(u)
   );
@@ -60042,7 +60053,7 @@ function create_if_block$m(u) {
       l = element("div"), m = element("div"), f = text(
         /*name*/
         u[0]
-      ), p = space(), w && w.c(), attr(m, "class", "name svelte-1wbs484"), attr(l, "class", "property-group-name svelte-1wbs484"), toggle_class(
+      ), p = space(), b = element("div"), v = element("div"), $ && $.c(), y = space(), S && S.c(), attr(m, "class", "name svelte-sz1rr6"), attr(v, "class", "actions svelte-sz1rr6"), attr(b, "class", "header-right svelte-sz1rr6"), attr(l, "class", "property-group-name svelte-sz1rr6"), toggle_class(
         l,
         "padded",
         /*padded*/
@@ -60055,47 +60066,71 @@ function create_if_block$m(u) {
         u[1]
       );
     },
-    m(k, P) {
-      insert(k, l, P), append$1(l, m), append$1(m, f), append$1(l, p), w && w.m(l, null), b = !0, v || (y = listen(
-        l,
-        "click",
-        /*onHeaderClick*/
-        u[4]
-      ), v = !0);
+    m(F, T) {
+      insert(F, l, T), append$1(l, m), append$1(m, f), append$1(l, p), append$1(l, b), append$1(b, v), $ && $.m(v, null), append$1(b, y), S && S.m(b, null), w = !0, k || (P = [
+        listen(v, "click", stop_propagation(
+          /*click_handler*/
+          u[8]
+        )),
+        listen(
+          l,
+          "click",
+          /*onHeaderClick*/
+          u[4]
+        )
+      ], k = !0);
     },
-    p(k, P) {
-      (!b || P & /*name*/
+    p(F, T) {
+      (!w || T & /*name*/
       1) && set_data(
         f,
         /*name*/
-        k[0]
+        F[0]
+      ), $ && $.p && (!w || T & /*$$scope*/
+      64) && update_slot_base(
+        $,
+        M,
+        F,
+        /*$$scope*/
+        F[6],
+        w ? get_slot_changes(
+          M,
+          /*$$scope*/
+          F[6],
+          T,
+          get_actions_slot_changes
+        ) : get_all_dirty_from_scope(
+          /*$$scope*/
+          F[6]
+        ),
+        get_actions_slot_context
       ), /*collapsible*/
-      k[1] ? w ? (w.p(k, P), P & /*collapsible*/
-      2 && transition_in(w, 1)) : (w = create_if_block_1$f(k), w.c(), transition_in(w, 1), w.m(l, null)) : w && (group_outros(), transition_out(w, 1, 1, () => {
-        w = null;
-      }), check_outros()), (!b || P & /*padded*/
+      F[1] ? S ? (S.p(F, T), T & /*collapsible*/
+      2 && transition_in(S, 1)) : (S = create_if_block_1$f(F), S.c(), transition_in(S, 1), S.m(b, null)) : S && (group_outros(), transition_out(S, 1, 1, () => {
+        S = null;
+      }), check_outros()), (!w || T & /*padded*/
       4) && toggle_class(
         l,
         "padded",
         /*padded*/
-        k[2]
-      ), (!b || P & /*show, collapsible*/
+        F[2]
+      ), (!w || T & /*show, collapsible*/
       10) && toggle_class(
         l,
         "open",
         /*show*/
-        k[3] || !/*collapsible*/
-        k[1]
+        F[3] || !/*collapsible*/
+        F[1]
       );
     },
-    i(k) {
-      b || (transition_in(w), b = !0);
+    i(F) {
+      w || (transition_in($, F), transition_in(S), w = !0);
     },
-    o(k) {
-      transition_out(w), b = !1;
+    o(F) {
+      transition_out($, F), transition_out(S), w = !1;
     },
-    d(k) {
-      k && detach(l), w && w.d(), v = !1, y();
+    d(F) {
+      F && detach(l), $ && $.d(F), S && S.d(), k = !1, run_all(P);
     }
   };
 }
@@ -60150,7 +60185,7 @@ function create_fragment$H(u) {
   );
   return {
     c() {
-      l = element("div"), b && b.c(), m = space(), f = element("div"), y && y.c(), attr(f, "class", "property-panel svelte-1wbs484"), toggle_class(
+      l = element("div"), b && b.c(), m = space(), f = element("div"), y && y.c(), attr(f, "class", "property-panel svelte-sz1rr6"), toggle_class(
         f,
         "show",
         /*show*/
@@ -60162,7 +60197,7 @@ function create_fragment$H(u) {
         "padded",
         /*padded*/
         u[2]
-      ), attr(l, "class", "property-group-container svelte-1wbs484");
+      ), attr(l, "class", "property-group-container svelte-sz1rr6");
     },
     m(w, k) {
       insert(w, l, k), b && b.m(l, null), append$1(l, m), append$1(l, f), y && y.m(f, null), p = !0;
@@ -60223,9 +60258,22 @@ function instance$G(u, l, m) {
   const P = () => {
     y && m(3, k = !k);
   };
-  return u.$$set = (M) => {
-    "name" in M && m(0, b = M.name), "initiallyShow" in M && m(5, v = M.initiallyShow), "collapsible" in M && m(1, y = M.collapsible), "padded" in M && m(2, w = M.padded), "$$scope" in M && m(6, p = M.$$scope);
-  }, [b, y, w, k, P, v, p, f];
+  function M($) {
+    bubble.call(this, u, $);
+  }
+  return u.$$set = ($) => {
+    "name" in $ && m(0, b = $.name), "initiallyShow" in $ && m(5, v = $.initiallyShow), "collapsible" in $ && m(1, y = $.collapsible), "padded" in $ && m(2, w = $.padded), "$$scope" in $ && m(6, p = $.$$scope);
+  }, [
+    b,
+    y,
+    w,
+    k,
+    P,
+    v,
+    p,
+    f,
+    M
+  ];
 }
 class DetailSummary extends SvelteComponent {
   constructor(l) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@budibase/bbui",
   "description": "A UI solution used in the different Budibase projects.",
-  "version": "3.23.47",
+  "version": "3.23.48",
   "license": "MPL-2.0",
   "svelte": "src/index.ts",
   "module": "dist/bbui.mjs",
@@ -107,5 +107,5 @@
       }
     }
   },
-  "gitHead": "534845c38ed0fe209406ebe45fd87f3de79f1da5"
+  "gitHead": "0a78faa2adbb8fb3b81de2b9b00352e60178f12f"
 }

package/src/DetailSummary/DetailSummary.svelte

@@ -27,9 +27,14 @@
       class:open={show || !collapsible}
     >
       <div class="name">{name}</div>
-      {#if collapsible}
-        <Icon size="S" name={show ? "minus" : "plus"} />
-      {/if}
+      <div class="header-right">
+        <div class="actions" on:click|stopPropagation>
+          <slot name="actions" />
+        </div>
+        {#if collapsible}
+          <Icon size="S" name={show ? "minus" : "plus"} />
+        {/if}
+      </div>
     </div>
   {/if}
   <div
@@ -91,6 +96,19 @@
     user-select: none;
   }
 
+  .header-right {
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    gap: var(--spacing-s);
+    flex: 0 0 auto;
+  }
+
+  .actions {
+    display: flex;
+    align-items: center;
+  }
+
   .property-panel {
     display: none;
   }