@budibase/bbui 3.21.3 → 3.22.0

package/dist/{easymde-b915837b.mjs → easymde-c2c99922.mjs}

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

package/dist/{index-a7cd197b.mjs → index-8a0f8fbd.mjs}

@@ -14421,7 +14421,7 @@ function instance$1m(u, l, f) {
   let p, { height: m = null } = l, { scroll: b = !0 } = l, { easyMDEOptions: v = null } = l, { mde: y = null } = l, { id: k = null } = l, { fullScreenOffset: w = null } = l, { disabled: S = !1 } = l, T;
   onMount(async () => {
     f(4, m = m || "200px");
-    const { default: R } = await import("./easymde-b915837b.mjs").then((P) => P.e);
+    const { default: R } = await import("./easymde-c2c99922.mjs").then((P) => P.e);
     f(5, y = new R({
       element: T,
       spellChecker: !1,
@@ -22346,8 +22346,8 @@ function create_if_block$q(u) {
   );
   return {
     c() {
-      l = element("div"), create_component(f.$$.fragment), p = space(), m = element("div"), b = element("div"), O && O.c(), v = space(), E && E.c(), y = space(), R && R.c(), k = space(), P && P.c(), attr(b, "class", "spectrum-Toast-content row-content svelte-sh5mp6"), attr(m, "class", "spectrum-Toast-body"), attr(l, "class", w = "spectrum-Toast spectrum-Toast--" + /*type*/
-      u[0] + " svelte-sh5mp6");
+      l = element("div"), create_component(f.$$.fragment), p = space(), m = element("div"), b = element("div"), O && O.c(), v = space(), E && E.c(), y = space(), R && R.c(), k = space(), P && P.c(), attr(b, "class", "spectrum-Toast-content row-content svelte-n9kell"), attr(m, "class", "spectrum-Toast-body svelte-n9kell"), attr(l, "class", w = "spectrum-Toast spectrum-Toast--" + /*type*/
+      u[0] + " svelte-n9kell");
     },
     m(L, M) {
       insert(L, l, M), mount_component(f, l, null), append$1(l, p), append$1(l, m), append$1(m, b), O && O.m(b, null), append$1(b, v), E && E.m(b, null), append$1(m, y), R && R.m(m, null), append$1(l, k), P && P.m(l, null), S = !0;
@@ -22385,7 +22385,7 @@ function create_if_block$q(u) {
         P = null;
       }), check_outros()), (!S || M & /*type*/
       1 && w !== (w = "spectrum-Toast spectrum-Toast--" + /*type*/
-      L[0] + " svelte-sh5mp6")) && attr(l, "class", w);
+      L[0] + " svelte-n9kell")) && attr(l, "class", w);
     },
     i(L) {
       S || (transition_in(f.$$.fragment, L), transition_in(O, L), transition_in(P), S = !0);
@@ -22405,7 +22405,7 @@ function create_if_block_3$5(u) {
       l = element("button"), f = element("u"), p = text(
         /*extraLinkText*/
         u[5]
-      ), attr(f, "class", "svelte-sh5mp6"), attr(l, "class", "link svelte-sh5mp6");
+      ), attr(f, "class", "svelte-n9kell"), attr(l, "class", "link svelte-n9kell");
     },
     m(v, y) {
       insert(v, l, y), append$1(l, f), append$1(f, p), m || (b = listen(l, "click", function() {
@@ -22435,7 +22435,7 @@ function create_if_block_2$b(u) {
       l = element("button"), f = element("span"), p = text(
         /*extraButtonText*/
         u[3]
-      ), attr(f, "class", "spectrum-Button-label"), attr(l, "class", "spectrum-Button spectrum-Button--sizeM spectrum-Button--overBackground spectrum-Button--quiet svelte-sh5mp6");
+      ), attr(f, "class", "spectrum-Button-label"), attr(l, "class", "spectrum-Button spectrum-Button--sizeM spectrum-Button--overBackground spectrum-Button--quiet svelte-n9kell");
     },
     m(v, y) {
       insert(v, l, y), append$1(l, f), append$1(f, p), m || (b = listen(l, "click", function() {
@@ -22468,7 +22468,7 @@ function create_if_block_1$i(u) {
   }), {
     c() {
       l = element("div"), f = element("button"), p = element("div"), create_component(m.$$.fragment), attr(p, "class", "spectrum-ClearButton-fill"), attr(f, "class", b = "spectrum-ClearButton spectrum-ClearButton--overBackground spectrum-ClearButton--size" + /*size*/
-      u[2] + " svelte-sh5mp6"), attr(l, "class", "spectrum-Toast-buttons");
+      u[2] + " svelte-n9kell"), attr(l, "class", "spectrum-Toast-buttons");
     },
     m(w, S) {
       insert(w, l, S), append$1(l, f), append$1(f, p), mount_component(m, p, null), v = !0, y || (k = listen(
@@ -22484,7 +22484,7 @@ function create_if_block_1$i(u) {
       4 && (T.size = /*size*/
       w[2]), m.$set(T), (!v || S & /*size*/
       4 && b !== (b = "spectrum-ClearButton spectrum-ClearButton--overBackground spectrum-ClearButton--size" + /*size*/
-      w[2] + " svelte-sh5mp6")) && attr(f, "class", b);
+      w[2] + " svelte-n9kell")) && attr(f, "class", b);
     },
     i(w) {
       v || (transition_in(m.$$.fragment, w), v = !0);
@@ -23346,7 +23346,7 @@ class ButtonGroup extends SvelteComponent {
 const Item_svelte_svelte_type_style_lang = "";
 function get_each_context$a(u, l, f) {
   const p = u.slice();
-  return p[16] = l[f], p;
+  return p[17] = l[f], p;
 }
 const get_right_slot_changes$1 = (u) => ({}), get_right_slot_context$1 = (u) => ({});
 function create_if_block_2$9(u) {
@@ -23508,7 +23508,7 @@ function create_if_block$o(u) {
 function create_else_block$6(u) {
   let l = (
     /*key*/
-    u[16] + ""
+    u[17] + ""
   ), f;
   return {
     c() {
@@ -23520,7 +23520,7 @@ function create_else_block$6(u) {
     p(p, m) {
       m & /*keys*/
       64 && l !== (l = /*key*/
-      p[16] + "") && set_data(f, l);
+      p[17] + "") && set_data(f, l);
     },
     i: noop$3,
     o: noop$3,
@@ -23540,7 +23540,7 @@ function create_if_block_1$g(u) {
       ),
       name: (
         /*key*/
-        u[16].split("!")[1]
+        u[17].split("!")[1]
       )
     }
   }), {
@@ -23556,7 +23556,7 @@ function create_if_block_1$g(u) {
       2 && (b.weight = /*iconWeight*/
       p[1]), m & /*keys*/
       64 && (b.name = /*key*/
-      p[16].split("!")[1]), l.$set(b);
+      p[17].split("!")[1]), l.$set(b);
     },
     i(p) {
       f || (transition_in(l.$$.fragment, p), f = !0);
@@ -23575,7 +23575,7 @@ function create_each_block$a(u) {
   function w(S, T) {
     return T & /*keys*/
     64 && (f = null), f == null && (f = !!/*key*/
-    S[16].startsWith("!")), f ? 0 : 1;
+    S[17].startsWith("!")), f ? 0 : 1;
   }
   return p = w(u, -1), m = k[p] = y[p](u), {
     c() {
@@ -23632,19 +23632,27 @@ function create_fragment$L(u) {
       );
     },
     m(E, R) {
-      insert(E, l, R), k && k.m(l, null), append$1(l, f), append$1(l, p), S && S.m(p, null), append$1(l, m), T && T.m(l, null), b = !0, v || (y = listen(l, "click", function() {
-        is_function(
-          /*disabled*/
-          u[5] ? null : (
+      insert(E, l, R), k && k.m(l, null), append$1(l, f), append$1(l, p), S && S.m(p, null), append$1(l, m), T && T.m(l, null), b = !0, v || (y = [
+        listen(l, "click", function() {
+          is_function(
+            /*disabled*/
+            u[5] ? null : (
+              /*onClick*/
+              u[7]
+            )
+          ) && /*disabled*/
+          (u[5] ? null : (
             /*onClick*/
             u[7]
-          )
-        ) && /*disabled*/
-        (u[5] ? null : (
-          /*onClick*/
-          u[7]
-        )).apply(this, arguments);
-      }), v = !0);
+          )).apply(this, arguments);
+        }),
+        listen(
+          l,
+          "auxclick",
+          /*auxclick_handler*/
+          u[13]
+        )
+      ], v = !0);
     },
     p(E, [R]) {
       var P;
@@ -23690,7 +23698,7 @@ function create_fragment$L(u) {
       transition_out(k), transition_out(S, E), transition_out(T), b = !1;
     },
     d(E) {
-      E && detach(l), k && k.d(), S && S.d(E), T && T.d(), v = !1, y();
+      E && detach(l), k && k.d(), S && S.d(E), T && T.d(), v = !1, run_all(y);
     }
   };
 }
@@ -23698,16 +23706,19 @@ function instance$K(u, l, f) {
   let p, { $$slots: m = {}, $$scope: b } = l;
   const v = compute_slots(m), y = createEventDispatcher(), k = getContext$1("actionMenu");
   let { icon: w = void 0 } = l, { iconWeight: S = "regular" } = l, { iconColour: T = void 0 } = l, { iconHidden: O = !1 } = l, { iconAlign: E = "center" } = l, { disabled: R = void 0 } = l, { noClose: P = !1 } = l, { keyBind: L = void 0 } = l;
-  const M = (B) => {
-    let j = (B == null ? void 0 : B.split("+")) || [];
-    for (let K = 0; K < j.length; K++)
-      j[K].toLowerCase() === "ctrl" && navigator.platform.startsWith("Mac") && (j[K] = "⌘");
-    return j;
+  const M = (j) => {
+    let K = (j == null ? void 0 : j.split("+")) || [];
+    for (let U = 0; U < K.length; U++)
+      K[U].toLowerCase() === "ctrl" && navigator.platform.startsWith("Mac") && (K[U] = "⌘");
+    return K;
   }, N = () => {
     k && !P && k.hideAll(), y("click");
   };
-  return u.$$set = (B) => {
-    "icon" in B && f(0, w = B.icon), "iconWeight" in B && f(1, S = B.iconWeight), "iconColour" in B && f(2, T = B.iconColour), "iconHidden" in B && f(3, O = B.iconHidden), "iconAlign" in B && f(4, E = B.iconAlign), "disabled" in B && f(5, R = B.disabled), "noClose" in B && f(9, P = B.noClose), "keyBind" in B && f(10, L = B.keyBind), "$$scope" in B && f(11, b = B.$$scope);
+  function B(j) {
+    bubble.call(this, u, j);
+  }
+  return u.$$set = (j) => {
+    "icon" in j && f(0, w = j.icon), "iconWeight" in j && f(1, S = j.iconWeight), "iconColour" in j && f(2, T = j.iconColour), "iconHidden" in j && f(3, O = j.iconHidden), "iconAlign" in j && f(4, E = j.iconAlign), "disabled" in j && f(5, R = j.disabled), "noClose" in j && f(9, P = j.noClose), "keyBind" in j && f(10, L = j.keyBind), "$$scope" in j && f(11, b = j.$$scope);
   }, u.$$.update = () => {
     u.$$.dirty & /*keyBind*/
     1024 && f(6, p = M(L));
@@ -23724,7 +23735,8 @@ function instance$K(u, l, f) {
     P,
     L,
     b,
-    m
+    m,
+    B
   ];
 }
 let Item$2 = class extends SvelteComponent {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@budibase/bbui",
   "description": "A UI solution used in the different Budibase projects.",
-  "version": "3.21.3",
+  "version": "3.22.0",
   "license": "MPL-2.0",
   "svelte": "src/index.ts",
   "module": "dist/bbui.mjs",
@@ -106,5 +106,5 @@
       }
     }
   },
-  "gitHead": "ae5d90769f553f6028ea9651e6c65540ca8b4cec"
+  "gitHead": "5ccef259f2972ae8625f9c576b8e1d28c9f1fbfc"
 }

package/src/Banner/Banner.svelte

@@ -88,4 +88,13 @@
   u {
     font-weight: 600;
   }
+
+  .spectrum-Toast {
+    border-radius: 0px;
+  }
+  .spectrum-Toast-body {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
 </style>

package/src/Menu/Item.svelte

@@ -40,6 +40,7 @@
 <!-- svelte-ignore a11y-click-events-have-key-events -->
 <li
   on:click={disabled ? null : onClick}
+  on:auxclick
   class="spectrum-Menu-item"
   class:is-disabled={disabled}
   role="menuitem"