bitboss-ui 2.0.22 → 2.0.24

package/dist/{index56.js → index55.js}

@@ -1,6 +1,6 @@
 import { defineComponent as p, useSlots as d, computed as n, openBlock as m, createElementBlock as u, normalizeClass as g, createElementVNode as s, renderSlot as l, mergeProps as f, createTextVNode as _, toDisplayString as y } from "vue";
-import { isCssColor as r } from "./index226.js";
-import { isNil as B } from "./index126.js";
+import { isCssColor as r } from "./index202.js";
+import { isNil as B } from "./index125.js";
 const C = { class: "bb-badge__wrapper" }, h = { class: "bb-badge__content-inner" }, S = /* @__PURE__ */ p({
   __name: "BbBadge",
   props: {
@@ -47,4 +47,3 @@ const C = { class: "bb-badge__wrapper" }, h = { class: "bb-badge__content-inner"
 export {
   S as default
 };
-//# sourceMappingURL=index56.js.map

package/dist/{index58.js → index57.js}

@@ -1,5 +1,5 @@
 import { defineComponent as n, openBlock as a, createElementBlock as t, Fragment as b, renderList as m, createElementVNode as l, renderSlot as r, createVNode as p, mergeProps as u, withCtx as c, createTextVNode as f, toDisplayString as _ } from "vue";
-import h from "./index14.js";
+import h from "./index13.js";
 /* empty css        */
 const B = {
   "aria-label": "Breadcrumbs",
@@ -60,4 +60,3 @@ const B = {
 export {
   V as default
 };
-//# sourceMappingURL=index58.js.map

package/dist/{index60.js → index59.js}

@@ -1,19 +1,18 @@
 import { defineComponent as _, ref as g, computed as c, useAttrs as v, toRef as B, openBlock as t, createBlock as a, unref as p, mergeProps as k, withCtx as C, createVNode as h, createCommentVNode as l, createElementVNode as L, normalizeClass as S, renderSlot as A, createTextVNode as V, toDisplayString as x, createElementBlock as F } from "vue";
 /* empty css       */
 /* empty css       */
-/* empty css       */
-import N from "./index14.js";
+import N from "./index13.js";
 /* empty css        */
-import r from "./index123.js";
+import r from "./index122.js";
 /* empty css         */
-import $ from "./index125.js";
+import $ from "./index124.js";
 /* empty css         */
-import { pickBy as P } from "./index242.js";
-import { noop as T } from "./index243.js";
+import { pickBy as P } from "./index241.js";
+import { noop as T } from "./index242.js";
 const W = {
   key: 2,
   class: "bb-button__loading-label sr-only"
-}, K = /* @__PURE__ */ _({
+}, J = /* @__PURE__ */ _({
   inheritAttrs: !1,
   __name: "BbButton",
   props: {
@@ -112,6 +111,5 @@ const W = {
   }
 });
 export {
-  K as default
+  J as default
 };
-//# sourceMappingURL=index60.js.map

package/dist/index6.js

@@ -1,43 +1,80 @@
-import { ref as i, onBeforeUnmount as h } from "vue";
-const b = (l = "bitboss-ui") => {
-  let r = 0;
-  return { useBroadCastChannel: () => {
-    r++;
-    const f = i(!1), o = i(), s = {};
-    function d(e, n = void 0) {
-      o.value && o.value.postMessage({ type: e, params: n });
+import { ref as u, watch as c, reactive as x, computed as f } from "vue";
+import { isNil as l } from "./index125.js";
+let r = [];
+const i = u(null);
+c(
+  () => i.value,
+  () => {
+    typeof i.value == "boolean" && (r.forEach((s) => s()), r = []);
+  }
+);
+const o = {
+  actions: !0,
+  description: "",
+  loading: !1,
+  no: !0,
+  noText: "",
+  open: !1,
+  size: "sm",
+  text: "",
+  theme: "default",
+  title: "",
+  yes: !0,
+  yesText: ""
+}, d = {
+  actions: !0,
+  description: "",
+  no: !0,
+  noText: "Annulla",
+  text: "",
+  theme: "default",
+  title: "",
+  yes: !0,
+  yesText: "OK"
+}, e = x({
+  ...o
+}), m = f(() => [
+  {
+    text: e.noText,
+    handler: () => {
+      i.value = !1;
     }
-    const v = () => {
-      r--, o.value && !r && o.value.close(), f.value = !0;
-    }, p = (e, n, a = {
-      removeonUnmount: !0
-    }) => {
-      var t;
-      s[e] === void 0 && (s[e] = []), (t = s[e]) == null || t.push(n), a.removeonUnmount && s[e] && h(() => {
-        const c = s[e], u = c.indexOf(n);
-        u !== -1 && c.splice(u, 1);
-      });
-    };
-    try {
-      o.value = new BroadcastChannel(l), o.value.addEventListener(
-        "message",
-        (e) => {
-          const n = e.data, a = s[n.type] ?? [];
-          "params" in n ? a.forEach((t) => t(n.params)) : a.forEach((t) => t());
-        },
-        { passive: !0 }
-      );
-    } catch (e) {
-      console.error(e);
+  },
+  {
+    text: e.yesText,
+    handler: () => {
+      i.value = !0;
     }
-    return {
-      on: p,
-      post: d,
-      close: v
-    };
-  } };
-};
+  }
+]), y = () => ({
+  /**
+   * The confirm function. It accepts a set of options defining
+   * the behavior of the modal and returns `Promise<boolean>`
+   * when the user accepts, declines, or ignores the modal.
+   */
+  confirm: (s) => {
+    i.value = null;
+    const n = { ...d, ...s }, t = { ...o };
+    return t.title = n.title, t.text = n.text, n.description && (t.description = n.description), n.noText && (t.noText = n.noText), n.yesText && (t.yesText = n.yesText), n.size && (t.size = n.size), n.theme && (t.theme = n.theme), l(n.yes) || (t.yes = !!n.yes), l(n.no) || (t.no = !!n.no), l(n.actions) || (t.actions = !!n.actions), e.actions = t.actions, e.description = t.description, e.no = t.no, e.noText = t.noText, e.open = !0, e.size = t.size, e.text = t.text, e.theme = t.theme, e.title = t.title, e.yes = t.yes, e.yesText = t.yesText, new Promise((a) => {
+      r.push(() => a(i.value));
+    });
+  },
+  /**
+   * Sets the state of the confirm to loading and displays a spinner.
+   */
+  setLoading: (s = !0) => {
+    e.loading = s;
+  },
+  /**
+   * Closes the confirmation modal. It is a manual operation
+   * so you can update the state while the modal is still open.
+   */
+  close: () => (e.description = o.description, e.loading = o.loading, e.noText = o.noText, e.open = o.open, e.text = o.text, e.theme = o.theme, e.title = o.title, e.yesText = o.yesText, i.value = !1, Promise.resolve().then(() => {
+    i.value = null;
+  }))
+});
 export {
-  b as useBroadcastChannelInstance
+  m as actions,
+  e as state,
+  y as useConfirm
 };
-//# sourceMappingURL=index6.js.map

package/dist/{index62.js → index61.js}

@@ -1,7 +1,7 @@
 import { defineComponent as f, ref as v, computed as y, openBlock as k, createBlock as w, withCtx as r, renderSlot as n, normalizeProps as B, guardReactiveProps as V, createVNode as g, mergeProps as i } from "vue";
-import P from "./index16.js";
+import P from "./index15.js";
 /* empty css        */
-import C from "./index26.js";
+import C from "./index25.js";
 /* empty css        */
 const M = /* @__PURE__ */ f({
   __name: "BbCheckbox",
@@ -98,4 +98,3 @@ const M = /* @__PURE__ */ f({
 export {
   M as default
 };
-//# sourceMappingURL=index62.js.map

package/dist/{index64.js → index63.js}

@@ -1,7 +1,7 @@
 import { defineComponent as v, ref as g, computed as y, openBlock as B, createBlock as $, withCtx as a, renderSlot as i, normalizeProps as l, guardReactiveProps as r, createVNode as w, mergeProps as T } from "vue";
-import V from "./index18.js";
+import V from "./index17.js";
 /* empty css        */
-import k from "./index26.js";
+import k from "./index25.js";
 /* empty css        */
 const I = /* @__PURE__ */ v({
   __name: "BbCheckboxGroup",
@@ -125,4 +125,3 @@ const I = /* @__PURE__ */ v({
 export {
   I as default
 };
-//# sourceMappingURL=index64.js.map

package/dist/{index66.js → index65.js}

@@ -1,10 +1,10 @@
 import { defineComponent as k, computed as _, openBlock as n, createBlock as l, unref as e, createSlots as h, withCtx as s, createElementBlock as f, toDisplayString as c, createCommentVNode as m, renderSlot as d, createElementVNode as g, createVNode as C, renderList as $, normalizeProps as x, guardReactiveProps as V, mergeProps as z, createTextVNode as u } from "vue";
-import { actions as p, state as o } from "./index7.js";
-import A from "./index24.js";
+import { actions as p, state as o } from "./index6.js";
+import A from "./index23.js";
 /* empty css        */
-import B from "./index125.js";
+import B from "./index124.js";
 /* empty css         */
-import v from "./index60.js";
+import v from "./index59.js";
 /* empty css        */
 const N = {
   key: 0,
@@ -83,4 +83,3 @@ const N = {
 export {
   F as default
 };
-//# sourceMappingURL=index66.js.map

package/dist/{index68.js → index67.js}

@@ -1,7 +1,7 @@
 import { defineComponent as m, ref as c, computed as h, openBlock as f, createBlock as b, withCtx as l, renderSlot as v, normalizeProps as y, guardReactiveProps as w, createVNode as g, mergeProps as B } from "vue";
-import k from "./index22.js";
+import k from "./index21.js";
 /* empty css        */
-import V from "./index26.js";
+import V from "./index25.js";
 /* empty css        */
 const H = /* @__PURE__ */ m({
   __name: "BbDatePickerInput",
@@ -97,4 +97,3 @@ const H = /* @__PURE__ */ m({
 export {
   H as default
 };
-//# sourceMappingURL=index68.js.map

package/dist/{index70.js → index69.js}

@@ -1,5 +1,5 @@
 import { defineComponent as d, computed as u, openBlock as m, createBlock as f, mergeProps as y, withCtx as l, renderSlot as t, normalizeProps as a, guardReactiveProps as r } from "vue";
-import $ from "./index24.js";
+import $ from "./index23.js";
 /* empty css        */
 const b = /* @__PURE__ */ d({
   __name: "BbDialog",
@@ -58,4 +58,3 @@ const b = /* @__PURE__ */ d({
 export {
   b as default
 };
-//# sourceMappingURL=index70.js.map

package/dist/index7.js

@@ -1,81 +1,64 @@
-import { ref as u, watch as c, reactive as x, computed as f } from "vue";
-import { isNil as l } from "./index126.js";
-let r = [];
-const i = u(null);
-c(
-  () => i.value,
-  () => {
-    typeof i.value == "boolean" && (r.forEach((s) => s()), r = []);
-  }
-);
-const o = {
-  actions: !0,
-  description: "",
-  loading: !1,
-  no: !0,
-  noText: "",
-  open: !1,
-  size: "sm",
-  text: "",
-  theme: "default",
-  title: "",
-  yes: !0,
-  yesText: ""
-}, d = {
-  actions: !0,
-  description: "",
-  no: !0,
-  noText: "Annulla",
-  text: "",
-  theme: "default",
-  title: "",
-  yes: !0,
-  yesText: "OK"
-}, e = x({
-  ...o
-}), m = f(() => [
-  {
-    text: e.noText,
-    handler: () => {
-      i.value = !1;
-    }
-  },
-  {
-    text: e.yesText,
-    handler: () => {
-      i.value = !0;
-    }
-  }
-]), y = () => ({
-  /**
-   * The confirm function. It accepts a set of options defining
-   * the behavior of the modal and returns `Promise<boolean>`
-   * when the user accepts, declines, or ignores the modal.
-   */
-  confirm: (s) => {
-    i.value = null;
-    const n = { ...d, ...s }, t = { ...o };
-    return t.title = n.title, t.text = n.text, n.description && (t.description = n.description), n.noText && (t.noText = n.noText), n.yesText && (t.yesText = n.yesText), n.size && (t.size = n.size), n.theme && (t.theme = n.theme), l(n.yes) || (t.yes = !!n.yes), l(n.no) || (t.no = !!n.no), l(n.actions) || (t.actions = !!n.actions), e.actions = t.actions, e.description = t.description, e.no = t.no, e.noText = t.noText, e.open = !0, e.size = t.size, e.text = t.text, e.theme = t.theme, e.title = t.title, e.yes = t.yes, e.yesText = t.yesText, new Promise((a) => {
-      r.push(() => a(i.value));
-    });
-  },
-  /**
-   * Sets the state of the confirm to loading and displays a spinner.
-   */
-  setLoading: (s = !0) => {
-    e.loading = s;
-  },
-  /**
-   * Closes the confirmation modal. It is a manual operation
-   * so you can update the state while the modal is still open.
-   */
-  close: () => (e.description = o.description, e.loading = o.loading, e.noText = o.noText, e.open = o.open, e.text = o.text, e.theme = o.theme, e.title = o.title, e.yesText = o.yesText, i.value = !1, Promise.resolve().then(() => {
-    i.value = null;
-  }))
-});
+import { getAsPercentage as p } from "./index126.js";
+import { wait as w } from "./index127.js";
+import { ref as c, computed as o, onBeforeUnmount as H } from "vue";
+const Y = ({
+  duration: t,
+  onStart: f,
+  onFinish: i,
+  onStop: s
+}) => {
+  if (!t)
+    throw new Error("You must define a duration for the coundown");
+  const e = c(t), u = c(0), M = o(() => p(u.value, t)), m = 100, r = c(!1), n = c(!1);
+  let a;
+  const I = () => {
+    u.value === t || r.value && !n.value || (f && f(), n.value = !1, r.value = !0, a = setInterval(() => {
+      e.value = Math.max(e.value - m, 0), u.value = Math.min(u.value + m, t), e.value === 0 && w(0).then(() => {
+        clearInterval(a), r.value = !1, s && s(), i && i();
+      });
+    }, m));
+  }, d = () => {
+    A(), I();
+  }, A = () => {
+    a && clearInterval(a), n.value || s && s(), e.value = t, u.value = 0, r.value = !1, n.value = !1;
+  }, g = () => {
+    a && clearInterval(a), n.value || s && s(), n.value = !0;
+  }, y = o(() => {
+    const l = Math.trunc(e.value / 864e5), v = Math.trunc((e.value - l * 864e5) / 36e5), h = Math.trunc(
+      (e.value - v * 36e5 - l * 864e5) / 6e4
+    ), D = Math.trunc(
+      (e.value - h * 6e4 - v * 36e5 - l * 864e5) / 1e3
+    );
+    return {
+      days: l,
+      hours: v,
+      minutes: h,
+      seconds: D
+    };
+  });
+  return H(() => clearInterval(a)), {
+    /** Elapsed milliseconds since starting the timer */
+    elapsed: o(() => u.value),
+    /** Remaining milliseconds */
+    remaining: o(() => e.value),
+    /** Remaining as a formatted object for display */
+    remainingFormatted: y,
+    /** Percentage of elapsed time against duration */
+    progress: M,
+    /** Starts the timer */
+    start: I,
+    /** Reset the timer to intiial state and starts again */
+    restart: d,
+    /** Pauses the timer */
+    pause: g,
+    /** Reset the timer to initial state, if the timer is running it is stopped */
+    reset: A,
+    /** Boolean, is the timer running (paused doesn't change running state) */
+    running: r,
+    /** Boolean is the timer paused */
+    paused: n
+  };
+};
 export {
-  m as actions,
-  e as state,
-  y as useConfirm
+  Y as useCountdown
 };
-//# sourceMappingURL=index7.js.map

package/dist/{index72.js → index71.js}

@@ -1,11 +1,11 @@
 import { defineComponent as Q, defineAsyncComponent as W, computed as A, ref as g, openBlock as $, createElementBlock as D, mergeProps as B, createElementVNode as O, renderSlot as w, normalizeProps as X, guardReactiveProps as Y, unref as h, createBlock as Z, withCtx as K, normalizeStyle as _, Fragment as P, renderList as x, createVNode as ee, createCommentVNode as te } from "vue";
-import { findRightIndex as H } from "./index248.js";
-import { useId as ne } from "./index9.js";
-import { wait as oe } from "./index128.js";
-import { useIntersectionObserver as ae } from "./index129.js";
-import le from "./index14.js";
+import { findRightIndex as H } from "./index252.js";
+import { useId as ne } from "./index8.js";
+import { wait as oe } from "./index127.js";
+import { useIntersectionObserver as ae } from "./index128.js";
+import le from "./index13.js";
 /* empty css        */
-import N from "./index249.js";
+import N from "./index253.js";
 const me = /* @__PURE__ */ Q({
   __name: "BbDropdown",
   props: {
@@ -24,7 +24,7 @@ const me = /* @__PURE__ */ Q({
   },
   setup(V) {
     const j = W(
-      () => import("./index247.js")
+      () => import("./index251.js")
     ), r = V, d = r.id ?? `bb_${ne().id.value}`, m = A(() => {
       let e = r.items.findIndex((t) => !t.disabled), o = H(
         r.items,
@@ -277,4 +277,3 @@ const me = /* @__PURE__ */ Q({
 export {
   me as default
 };
-//# sourceMappingURL=index72.js.map

package/dist/{index74.js → index73.js}

@@ -1,14 +1,13 @@
-import { defineComponent as z, ref as E, computed as B, openBlock as p, createElementBlock as $, normalizeClass as W, createVNode as s, mergeProps as C, withCtx as t, unref as l, createBlock as L, createCommentVNode as f, createElementVNode as m, toDisplayString as P, createSlots as A, renderSlot as a, normalizeProps as d, guardReactiveProps as r, renderList as I } from "vue";
-import D from "./index14.js";
+import { defineComponent as z, ref as E, computed as B, openBlock as s, createElementBlock as $, normalizeClass as W, createVNode as p, mergeProps as C, withCtx as t, unref as l, createBlock as L, createCommentVNode as f, createElementVNode as m, toDisplayString as P, createSlots as A, renderSlot as a, normalizeProps as d, guardReactiveProps as r, renderList as I } from "vue";
+import D from "./index13.js";
 /* empty css        */
-import M from "./index72.js";
+import M from "./index71.js";
 /* empty css        */
 /* empty css       */
 /* empty css       */
-/* empty css       */
-import N from "./index123.js";
+import N from "./index122.js";
 /* empty css         */
-import R from "./index125.js";
+import R from "./index124.js";
 /* empty css         */
 const Z = { class: "bb-dropdown-button__content" }, j = {
   key: 1,
@@ -22,7 +21,7 @@ const Z = { class: "bb-dropdown-button__content" }, j = {
     d: "M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6l-6 6l1.41 1.41Z",
     fill: "currentColor"
   })
-], -1), oe = /* @__PURE__ */ z({
+], -1), ee = /* @__PURE__ */ z({
   __name: "BbDropdownButton",
   props: {
     arrowPadding: {},
@@ -55,23 +54,23 @@ const Z = { class: "bb-dropdown-button__content" }, j = {
       const e = { ...w[0] };
       return e.disabled = e.disabled || n.disabled, e;
     });
-    return (e, _) => (p(), $("span", {
+    return (e, _) => (s(), $("span", {
       class: W(["bb-dropdown-button", {
         "bb-dropdown-button--block": e.block,
         "bb-dropdown-button--loading": b.value
       }])
     }, [
-      s(D, C(g.value, { class: "bb-dropdown-button__main-btn" }), {
+      p(D, C(g.value, { class: "bb-dropdown-button__main-btn" }), {
         default: t(() => [
-          s(l(R), { class: "bb-dropdown-button__spinner" }),
-          n["prepend:icon"] ? (p(), L(l(N), {
+          p(l(R), { class: "bb-dropdown-button__spinner" }),
+          n["prepend:icon"] ? (s(), L(l(N), {
             key: 0,
             class: "bb-dropdown-button__prepend-icon",
             type: n["prepend:icon"]
           }, null, 8, ["type"])) : f("", !0),
           m("span", Z, P(g.value.text), 1),
-          b.value ? (p(), $("span", j, "caricamento")) : f("", !0),
-          n["append:icon"] ? (p(), L(l(N), {
+          b.value ? (s(), $("span", j, "caricamento")) : f("", !0),
+          n["append:icon"] ? (s(), L(l(N), {
             key: 2,
             class: "bb-dropdown-button__append-icon",
             type: n["append:icon"]
@@ -79,7 +78,7 @@ const Z = { class: "bb-dropdown-button__content" }, j = {
         ]),
         _: 1
       }, 16),
-      s(M, {
+      p(M, {
         id: e.id,
         "arrow-padding": e.arrowPadding,
         disabled: e.disabled,
@@ -110,7 +109,7 @@ const Z = { class: "bb-dropdown-button__content" }, j = {
             placement: v,
             props: o
           }, () => [
-            s(D, C(o, { class: "bb-dropdown-button__dropdown-btn" }), {
+            p(D, C(o, { class: "bb-dropdown-button__dropdown-btn" }), {
               default: t(() => [
                 m("span", q, P(c || i ? "Chiudi" : "Apri") + " il menu", 1),
                 a(e.$slots, "right-btn", {
@@ -156,6 +155,5 @@ const Z = { class: "bb-dropdown-button__content" }, j = {
   }
 });
 export {
-  oe as default
+  ee as default
 };
-//# sourceMappingURL=index74.js.map

package/dist/{index76.js → index75.js}

@@ -1,7 +1,7 @@
 import { defineComponent as j, ref as g, watch as x, computed as m, openBlock as V, createBlock as G, resolveDynamicComponent as K, normalizeClass as O, withCtx as M, createElementVNode as c, withModifiers as y, renderSlot as U, normalizeProps as Y, guardReactiveProps as Z, createTextVNode as J, unref as Q, createVNode as W, createElementBlock as F, Fragment as X, renderList as ee, toDisplayString as te } from "vue";
-import { findInTree as ae } from "./index245.js";
-import { useId as re } from "./index9.js";
-import oe from "./index124.js";
+import { findInTree as ae } from "./index266.js";
+import { useId as re } from "./index8.js";
+import oe from "./index123.js";
 /* empty css         */
 const le = ["accept", "autofocus", "disabled", "multiple"], se = {
   "aria-hidden": "true",
@@ -56,7 +56,7 @@ const le = ["accept", "autofocus", "disabled", "multiple"], se = {
             const r = t.accept[a];
             if (r.includes("/")) e.push(r);
             else {
-              b || (b = (await import("./index244.js")).default);
+              b || (b = (await import("./index265.js")).default);
               const o = b.getType(r);
               if (!o)
                 throw new Error(
@@ -222,4 +222,3 @@ const le = ["accept", "autofocus", "disabled", "multiple"], se = {
 export {
   fe as default
 };
-//# sourceMappingURL=index76.js.map

package/dist/index77.js

@@ -0,0 +1,46 @@
+import { defineComponent as h, ref as t, onMounted as m, onBeforeUnmount as p, openBlock as g, createBlock as b, resolveDynamicComponent as w, withCtx as _, renderSlot as I } from "vue";
+import { throttle as c } from "./index205.js";
+const M = /* @__PURE__ */ h({
+  __name: "BbIntersection",
+  props: {
+    debounceTime: { default: 0 },
+    options: { default: () => ({
+      root: null,
+      threshold: [0, 0.2, 0.4, 0.6, 0.8, 1]
+    }) },
+    tag: { default: "div" }
+  },
+  emits: ["shown", "hidden", "intersected"],
+  setup(u, { emit: d }) {
+    const r = u, i = d, n = t(null), l = t(null), o = t(!1), s = t(!0), a = t(0);
+    m(() => {
+      n.value = new IntersectionObserver((e) => {
+        f(e[0]);
+      }, r.options), l.value && n.value.observe(l.value);
+    }), p(() => {
+      n.value && n.value.disconnect();
+    });
+    const f = c((e) => {
+      e.isIntersecting ? (a.value = Math.trunc(e.intersectionRatio * 100), e.intersectionRatio === 1 ? (o.value = !0, s.value = !1, i("shown")) : (o.value = !1, s.value = !1, v(Math.trunc(e.intersectionRatio * 100)))) : (o.value = !1, s.value = !0, i("hidden"));
+    }), v = c((e) => {
+      i("intersected", e);
+    }, r.debounceTime);
+    return (e, B) => (g(), b(w(e.tag), {
+      ref_key: "infinitescrolltrigger",
+      ref: l,
+      class: "bb-intersection"
+    }, {
+      default: _(() => [
+        I(e.$slots, "default", {
+          hidden: s.value,
+          percentage: a.value,
+          shown: o.value
+        })
+      ]),
+      _: 3
+    }, 512));
+  }
+});
+export {
+  M as default
+};