@feedmepos/mf-settings 0.0.48-beta.0-ex → 0.0.48-beta.1-ex

package/dist/actionButton-6b6e9e60.js

@@ -0,0 +1,88 @@
+import { ref as f, watch as d, nextTick as h, onMounted as y, onBeforeUnmount as b, defineComponent as p, openBlock as s, createElementBlock as i, normalizeClass as m, renderSlot as r, createElementVNode as l, toDisplayString as a, createCommentVNode as c, createVNode as _, withCtx as k, h as u, withModifiers as v } from "vue";
+import { components as w } from "@feedmepos/ui-library";
+function z(t) {
+  const e = f({ top: 0, bottom: 0, left: 0, right: 0 });
+  function o() {
+    if (t.value) {
+      const n = t.value.getBoundingClientRect();
+      e.value = {
+        top: n.top,
+        bottom: n.bottom,
+        left: n.left,
+        right: n.right
+      };
+    }
+  }
+  return d(t, async (n) => {
+    n && (await h(), o());
+  }), y(() => {
+    window.addEventListener("resize", o);
+  }), b(() => {
+    window.removeEventListener("resize", o);
+  }), e;
+}
+const C = /* @__PURE__ */ p({
+  __name: "FormColumn",
+  props: {
+    shrinkable: { type: Boolean }
+  },
+  setup(t) {
+    return (e, o) => (s(), i("div", {
+      class: m(["flex-1 flex flex-col space-y-24", { "min-h-0": e.shrinkable }])
+    }, [
+      r(e.$slots, "default")
+    ], 2));
+  }
+}), g = {
+  key: 0,
+  class: "flex flex-row justify-between items-center"
+}, B = { class: "space-y-4" }, E = { class: "fm-typo-en-title-sm-600" }, x = {
+  key: 0,
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+}, F = /* @__PURE__ */ p({
+  __name: "FormSection",
+  props: {
+    title: {},
+    subTitle: {},
+    shrinkable: { type: Boolean }
+  },
+  setup(t) {
+    return (e, o) => (s(), i("div", {
+      class: m(["flex flex-col space-y-16", { "min-h-0": e.shrinkable }])
+    }, [
+      e.title ? (s(), i("div", g, [
+        l("div", B, [
+          l("p", E, a(e.title), 1),
+          e.subTitle ? (s(), i("p", x, a(e.subTitle), 1)) : c("", !0)
+        ]),
+        r(e.$slots, "append-title")
+      ])) : c("", !0),
+      _(C, { shrinkable: e.shrinkable }, {
+        default: k(() => [
+          r(e.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["shrinkable"])
+    ], 2));
+  }
+});
+function N(t) {
+  return u(
+    "div",
+    {
+      class: "flex justify-end"
+    },
+    t.map(({ name: e, onClick: o }) => u(w.FmButton, {
+      icon: e,
+      outline: !0,
+      variant: "tertiary",
+      iconColor: "neutral-gray-400",
+      onClick: v(o, ["stop", "prevent"])
+    }))
+  );
+}
+export {
+  F as _,
+  N as c,
+  z as u
+};