fec-dev-designer 1.0.0

package/es/node_modules/grid-layout-plus/es/components/grid-layout.vue.js

@@ -0,0 +1,268 @@
+import { defineComponent as Z, reactive as N, ref as $, onBeforeMount as Q, onMounted as ee, nextTick as y, onBeforeUnmount as te, watch as u, provide as M, toRefs as T, openBlock as S, createElementBlock as _, normalizeStyle as ae, renderSlot as F, Fragment as oe, renderList as le, createBlock as ie, mergeProps as re, withCtx as ne, withDirectives as ue, createVNode as se, vShow as de } from "vue";
+import W from "./grid-item.vue.js";
+import { useResize as ce } from "../../../@vexip-ui/hooks/dist/index.js";
+import { debounce as pe, isNull as w, createEventEmitter as me } from "../../../@vexip-ui/utils/dist/index.js";
+import { validateLayout as ye, compact as x, LAYOUT_KEY as ge, EMITTER_KEY as ve, bottom as fe, getLayoutItem as A, moveElement as he, getAllCollisions as we, cloneLayout as xe } from "../helpers/common.js";
+import { getBreakpointFromWidth as Be, getColsFromBreakpoint as ke, findOrGenerateResponsiveLayout as Ce } from "../helpers/responsive.js";
+const Re = /* @__PURE__ */ Z({
+  __name: "grid-layout",
+  props: {
+    autoSize: { type: Boolean, default: !0 },
+    colNum: { default: 12 },
+    rowHeight: { default: 150 },
+    maxRows: { default: 1 / 0 },
+    margin: { default: () => [10, 10] },
+    isDraggable: { type: Boolean, default: !0 },
+    isResizable: { type: Boolean, default: !0 },
+    isMirrored: { type: Boolean, default: !1 },
+    isBounded: { type: Boolean, default: !1 },
+    useCssTransforms: { type: Boolean, default: !0 },
+    verticalCompact: { type: Boolean, default: !0 },
+    restoreOnDrag: { type: Boolean, default: !1 },
+    layout: {},
+    responsive: { type: Boolean, default: !1 },
+    responsiveLayouts: { default: () => ({}) },
+    transformScale: { default: 1 },
+    breakpoints: { default: () => ({ lg: 1200, md: 996, sm: 768, xs: 480, xxs: 0 }) },
+    cols: { default: () => ({ lg: 12, md: 10, sm: 6, xs: 4, xxs: 2 }) },
+    preventCollision: { type: Boolean, default: !1 },
+    useStyleCursor: { type: Boolean, default: !0 }
+  },
+  emits: [
+    "layout-before-mount",
+    "layout-mounted",
+    "layout-updated",
+    "breakpoint-changed",
+    "update:layout",
+    "layout-ready"
+  ],
+  setup(I, { expose: O, emit: H }) {
+    const a = I, s = H, t = N({
+      width: -1,
+      mergedStyle: {},
+      lastLayoutLength: 0,
+      isDragging: !1,
+      placeholder: {
+        x: 0,
+        y: 0,
+        w: 0,
+        h: 0,
+        i: ""
+      },
+      layouts: {},
+      // array to store all layouts from different breakpoints
+      lastBreakpoint: null,
+      // store last active breakpoint
+      originalLayout: null
+      // store original Layout
+    }), C = /* @__PURE__ */ new Map(), o = $(a.layout), g = $(), { observeResize: U, unobserveResize: Y } = ce(), r = me();
+    r.on("resizeEvent", K), r.on("dragEvent", j), Q(() => {
+      s("layout-before-mount", o.value);
+    }), ee(() => {
+      s("layout-mounted", o.value), y(() => {
+        ye(o.value), t.originalLayout = o.value, y(() => {
+          R(), g.value && U(g.value, pe(L, 16)), x(o.value, a.verticalCompact), s("layout-updated", o.value), v(), L();
+        });
+      });
+    }), te(() => {
+      r.clearAll(), g.value && Y(g.value);
+    });
+    function K(e, n, i, p, d, c) {
+      D(e, n, i, p, d, c);
+    }
+    function j(e, n, i, p, d, c) {
+      E(e, n, i, p, d, c);
+    }
+    u(
+      () => t.width,
+      (e, n) => {
+        y(() => {
+          r.emit("updateWidth", e), n === -1 && y(() => {
+            s("layout-ready", o.value);
+          }), v();
+        });
+      }
+    ), u(
+      () => [a.layout, a.layout.length],
+      () => {
+        o.value = a.layout, z();
+      }
+    ), u(
+      () => a.colNum,
+      (e) => {
+        r.emit("setColNum", e);
+      }
+    ), u(
+      () => a.rowHeight,
+      (e) => {
+        r.emit("setRowHeight", e);
+      }
+    ), u(
+      () => a.isDraggable,
+      (e) => {
+        r.emit("setDraggable", e);
+      }
+    ), u(
+      () => a.isResizable,
+      (e) => {
+        r.emit("setResizable", e);
+      }
+    ), u(
+      () => a.isBounded,
+      (e) => {
+        r.emit("setBounded", e);
+      }
+    ), u(
+      () => a.transformScale,
+      (e) => {
+        r.emit("setTransformScale", e);
+      }
+    ), u(
+      () => a.responsive,
+      (e) => {
+        e || (s("update:layout", t.originalLayout), r.emit("setColNum", a.colNum)), L();
+      }
+    ), u(
+      () => a.maxRows,
+      (e) => {
+        r.emit("setMaxRows", e);
+      }
+    ), u([() => a.margin, () => a.margin[1]], v), M(
+      ge,
+      N({
+        ...T(a),
+        ...T(t),
+        increaseItem: G,
+        decreaseItem: P
+      })
+    ), M(ve, r), O({ state: t, getItem: V, resizeEvent: D, dragEvent: E, layoutUpdate: z });
+    function G(e) {
+      C.set(e.i, e);
+    }
+    function P(e) {
+      C.delete(e.i);
+    }
+    function V(e) {
+      return C.get(e);
+    }
+    function z() {
+      if (!w(o.value) && !w(t.originalLayout)) {
+        if (o.value.length !== t.originalLayout.length) {
+          const e = X(o.value, t.originalLayout);
+          if (e.length > 0)
+            if (o.value.length > t.originalLayout.length)
+              t.originalLayout = t.originalLayout.concat(e);
+            else {
+              const n = new Set(e.map((i) => i.i));
+              t.originalLayout = t.originalLayout.filter((i) => !n.has(i.i));
+            }
+          t.lastLayoutLength = o.value.length, R();
+        }
+        x(o.value, a.verticalCompact), r.emit("updateWidth", t.width), v(), s("layout-updated", o.value);
+      }
+    }
+    function v() {
+      t.mergedStyle = {
+        height: q()
+      };
+    }
+    function L() {
+      g.value && (t.width = g.value.offsetWidth), r.emit("resizeEvent");
+    }
+    function q() {
+      if (!a.autoSize)
+        return;
+      const e = parseFloat(a.margin[1]);
+      return fe(o.value) * (a.rowHeight + e) + e + "px";
+    }
+    let b;
+    function E(e, n, i, p, d, c) {
+      let l = A(o.value, n);
+      w(l) && (l = { h: 0, w: 0, x: 0, y: 0, i: "" }), e === "dragstart" && !a.verticalCompact && (b = o.value.reduce(
+        (h, { i: B, x: m, y: f }) => ({
+          ...h,
+          [B]: { x: m, y: f }
+        }),
+        {}
+      )), e === "dragmove" || e === "dragstart" ? (t.placeholder.i = n, t.placeholder.x = l.x, t.placeholder.y = l.y, t.placeholder.w = c, t.placeholder.h = d, y(() => {
+        t.isDragging = !0;
+      }), r.emit("updateWidth", t.width)) : y(() => {
+        t.isDragging = !1;
+      }), o.value = he(o.value, l, i, p, !0, a.preventCollision), a.restoreOnDrag ? (l.static = !0, x(o.value, a.verticalCompact, b), l.static = !1) : x(o.value, a.verticalCompact), r.emit("compact"), v(), e === "dragend" && (b = void 0, s("layout-updated", o.value));
+    }
+    function D(e, n, i, p, d, c) {
+      let l = A(o.value, n);
+      w(l) && (l = { h: 0, w: 0, x: 0, y: 0, i: "" });
+      let h;
+      if (a.preventCollision) {
+        const B = we(o.value, { ...l, w: c, h: d }).filter(
+          (m) => m.i !== l.i
+        );
+        if (h = B.length > 0, h) {
+          let m = 1 / 0, f = 1 / 0;
+          B.forEach((k) => {
+            k.x > l.x && (m = Math.min(m, k.x)), k.y > l.y && (f = Math.min(f, k.y));
+          }), Number.isFinite(m) && (l.w = m - l.x), Number.isFinite(f) && (l.h = f - l.y);
+        }
+      }
+      h || (l.w = c, l.h = d), e === "resizestart" || e === "resizemove" ? (t.placeholder.i = n, t.placeholder.x = i, t.placeholder.y = p, t.placeholder.w = l.w, t.placeholder.h = l.h, y(() => {
+        t.isDragging = !0;
+      }), r.emit("updateWidth", t.width)) : e && y(() => {
+        t.isDragging = !1;
+      }), a.responsive && J(), x(o.value, a.verticalCompact), r.emit("compact"), v(), e === "resizeend" && s("layout-updated", o.value);
+    }
+    function J() {
+      const e = Be(a.breakpoints, t.width);
+      if (e === t.lastBreakpoint)
+        return;
+      const n = ke(e, a.cols);
+      !w(t.lastBreakpoint) && !t.layouts[t.lastBreakpoint] && (t.layouts[t.lastBreakpoint] = xe(o.value));
+      const i = Ce(
+        t.originalLayout,
+        t.layouts,
+        a.breakpoints,
+        e,
+        t.lastBreakpoint,
+        n,
+        a.verticalCompact
+      );
+      t.layouts[e] = i, t.lastBreakpoint !== e && s("breakpoint-changed", e, i), o.value = i, s("update:layout", i), t.lastBreakpoint = e, r.emit("setColNum", n);
+    }
+    function R() {
+      t.layouts = Object.assign({}, a.responsiveLayouts);
+    }
+    function X(e, n) {
+      const i = new Set(n.map((l) => l.i)), p = new Set(e.map((l) => l.i)), d = e.filter((l) => !i.has(l.i)), c = n.filter((l) => !p.has(l.i));
+      return d.concat(c);
+    }
+    return (e, n) => (S(), _("div", {
+      ref_key: "wrapper",
+      ref: g,
+      class: "vgl-layout",
+      style: ae(t.mergedStyle)
+    }, [
+      e.$slots.default ? F(e.$slots, "default", { key: 0 }) : (S(!0), _(oe, { key: 1 }, le(o.value, (i) => (S(), ie(W, re({
+        key: i.i,
+        ref_for: !0
+      }, i), {
+        default: ne(() => [
+          F(e.$slots, "item", { item: i })
+        ]),
+        _: 2
+      }, 1040))), 128)),
+      ue(se(W, {
+        class: "vgl-item--placeholder",
+        x: t.placeholder.x,
+        y: t.placeholder.y,
+        w: t.placeholder.w,
+        h: t.placeholder.h,
+        i: t.placeholder.i
+      }, null, 8, ["x", "y", "w", "h", "i"]), [
+        [de, t.isDragging]
+      ])
+    ], 4));
+  }
+});
+export {
+  Re as default
+};

package/es/node_modules/grid-layout-plus/es/helpers/common.js

@@ -0,0 +1,202 @@
+const L = Symbol("LAYOUT_KEY"), v = Symbol("EMITTER_KEY");
+function A(o) {
+  let t = 0, e;
+  for (let r = 0, i = o.length; r < i; r++)
+    e = o[r].y + o[r].h, e > t && (t = e);
+  return t;
+}
+function $(o) {
+  const t = Array(o.length);
+  for (let e = 0, r = o.length; e < r; e++)
+    t[e] = g(o[e]);
+  return t;
+}
+function g(o) {
+  return { ...o };
+}
+function p(o, t) {
+  return !(o === t || o.x + o.w <= t.x || o.x >= t.x + t.w || o.y + o.h <= t.y || o.y >= t.y + t.h);
+}
+function _(o, t, e) {
+  const r = b(o), i = w(o), s = Array(o.length);
+  for (let n = 0, u = i.length; n < u; n++) {
+    let a = i[n];
+    a.static || (a = T(r, a, t, e), r.push(a)), s[o.findIndex((l) => l.i === a.i)] = a, a.moved = !1;
+  }
+  return s;
+}
+function T(o, t, e, r) {
+  if (e)
+    for (; t.y > 0 && !y(o, t); )
+      t.y--;
+  else if (r) {
+    const s = r[t.i].y;
+    for (; t.y > s && !y(o, t); )
+      t.y--;
+  }
+  let i;
+  for (; i = y(o, t); )
+    t.y = i.y + i.h;
+  return t;
+}
+function I(o, t) {
+  const e = b(o);
+  for (let r = 0, i = o.length; r < i; r++) {
+    const s = o[r];
+    if (s.x + s.w > t.cols && (s.x = t.cols - s.w), s.x < 0 && (s.x = 0, s.w = t.cols), !s.static)
+      e.push(s);
+    else
+      for (; y(e, s); )
+        s.y++;
+  }
+  return o;
+}
+function Y(o, t) {
+  for (let e = 0, r = o.length; e < r; e++)
+    if (o[e].i === t)
+      return o[e];
+}
+function y(o, t) {
+  for (let e = 0, r = o.length; e < r; e++)
+    if (p(o[e], t))
+      return o[e];
+}
+function E(o, t) {
+  return o.filter((e) => p(e, t));
+}
+function b(o) {
+  return o.filter((t) => t.static);
+}
+function h(o, t, e, r, i = !1, s = !1) {
+  if (t.static)
+    return o;
+  const n = t.x, u = t.y, a = r && t.y > r;
+  typeof e == "number" && (t.x = e), typeof r == "number" && (t.y = r), t.moved = !0;
+  let l = w(o);
+  a && (l = l.reverse());
+  const c = E(l, t);
+  if (s && c.length)
+    return t.x = n, t.y = u, t.moved = !1, o;
+  for (let m = 0, d = c.length; m < d; m++) {
+    const f = c[m];
+    f.moved || t.y > f.y && t.y - f.y > f.h / 4 || (f.static ? o = x(o, f, t, i) : o = x(o, t, f, i));
+  }
+  return o;
+}
+function x(o, t, e, r) {
+  if (r) {
+    const i = {
+      x: e.x,
+      y: e.y,
+      w: e.w,
+      h: e.h
+    };
+    if (i.y = Math.max(t.y - e.h, 0), !y(o, i))
+      return h(o, e, void 0, i.y, !1);
+  }
+  return h(o, e, void 0, e.y + 1, !1);
+}
+function G(o, t, e, r) {
+  const i = "translate3d(" + t + "px," + o + "px, 0)";
+  return {
+    transform: i,
+    WebkitTransform: i,
+    MozTransform: i,
+    msTransform: i,
+    OTransform: i,
+    width: e + "px",
+    height: r + "px",
+    position: "absolute"
+  };
+}
+function O(o, t, e, r) {
+  const i = "translate3d(" + t * -1 + "px," + o + "px, 0)";
+  return {
+    transform: i,
+    WebkitTransform: i,
+    MozTransform: i,
+    msTransform: i,
+    OTransform: i,
+    width: e + "px",
+    height: r + "px",
+    position: "absolute"
+  };
+}
+function R(o, t, e, r) {
+  return {
+    top: o + "px",
+    left: t + "px",
+    width: e + "px",
+    height: r + "px",
+    position: "absolute"
+  };
+}
+function V(o, t, e, r) {
+  return {
+    top: o + "px",
+    right: t + "px",
+    width: e + "px",
+    height: r + "px",
+    position: "absolute"
+  };
+}
+function w(o) {
+  return Array.from(o).sort(function(t, e) {
+    return t.y === e.y && t.x === e.x ? 0 : t.y > e.y || t.y === e.y && t.x > e.x ? 1 : -1;
+  });
+}
+function C(o, t) {
+  t = t || "Layout";
+  const e = ["x", "y", "w", "h"], r = [];
+  if (!Array.isArray(o))
+    throw new Error(t + " must be an array!");
+  for (let i = 0, s = o.length; i < s; i++) {
+    const n = o[i];
+    for (let u = 0; u < e.length; u++)
+      if (typeof n[e[u]] != "number")
+        throw new Error(
+          "VueGridLayout: " + t + "[" + i + "]." + e[u] + " must be a number!"
+        );
+    if (n.i === void 0 || n.i === null)
+      throw new Error("VueGridLayout: " + t + "[" + i + "].i cannot be null!");
+    if (typeof n.i != "number" && typeof n.i != "string")
+      throw new Error("VueGridLayout: " + t + "[" + i + "].i must be a string or number!");
+    if (r.indexOf(n.i) >= 0)
+      throw new Error("VueGridLayout: " + t + "[" + i + "].i must be unique!");
+    if (r.push(n.i), n.static !== void 0 && typeof n.static != "boolean")
+      throw new Error("VueGridLayout: " + t + "[" + i + "].static must be a boolean!");
+  }
+}
+function K(o, t = "vgl") {
+  const e = () => `${t}-${o}`;
+  return {
+    b: e,
+    be: (r) => `${e()}__${r}`,
+    bm: (r) => `${e()}--${r}`,
+    bem: (r, i) => `${e()}__${r}--${i}`
+  };
+}
+export {
+  v as EMITTER_KEY,
+  L as LAYOUT_KEY,
+  A as bottom,
+  $ as cloneLayout,
+  g as cloneLayoutItem,
+  p as collides,
+  _ as compact,
+  T as compactItem,
+  I as correctBounds,
+  E as getAllCollisions,
+  y as getFirstCollision,
+  Y as getLayoutItem,
+  b as getStatics,
+  h as moveElement,
+  x as moveElementAwayFromCollision,
+  R as setTopLeft,
+  V as setTopRight,
+  G as setTransform,
+  O as setTransformRtl,
+  w as sortLayoutItemsByRowCol,
+  K as useNameHelper,
+  C as validateLayout
+};

package/es/node_modules/grid-layout-plus/es/helpers/dom.js

@@ -0,0 +1,10 @@
+let t = "auto";
+function e() {
+  return typeof document < "u";
+}
+function u() {
+  return e() ? typeof document.dir < "u" ? document.dir : document.getElementsByTagName("html")[0].getAttribute("dir") : t;
+}
+export {
+  u as getDocumentDir
+};

package/es/node_modules/grid-layout-plus/es/helpers/draggable.js

@@ -0,0 +1,33 @@
+function s(t) {
+  return l(t);
+}
+function l(t) {
+  var o;
+  const e = ((o = t.target) == null ? void 0 : o.offsetParent) || document.body, n = t.offsetParent === document.body ? { left: 0, top: 0 } : e.getBoundingClientRect(), r = t.clientX + e.scrollLeft - n.left, a = t.clientY + e.scrollTop - n.top;
+  return { x: r, y: a };
+}
+function c(t, o, e, n) {
+  return f(t) ? {
+    deltaX: e - t,
+    deltaY: n - o,
+    lastX: t,
+    lastY: o,
+    x: e,
+    y: n
+  } : {
+    deltaX: 0,
+    deltaY: 0,
+    lastX: e,
+    lastY: n,
+    x: e,
+    y: n
+  };
+}
+function f(t) {
+  return typeof t == "number" && !Number.isNaN(t);
+}
+export {
+  c as createCoreData,
+  s as getControlPosition,
+  l as offsetXYFromParentOf
+};

package/es/node_modules/grid-layout-plus/es/helpers/responsive.js

@@ -0,0 +1,40 @@
+import { cloneLayout as p, compact as k, correctBounds as m } from "./common.js";
+function B(o, r) {
+  const t = d(o);
+  let n = t[0];
+  for (let e = 1, a = t.length; e < a; e++) {
+    const s = t[e];
+    r > o[s] && (n = s);
+  }
+  return n;
+}
+function h(o, r) {
+  if (!r[o])
+    throw new Error(
+      "ResponsiveGridLayout: `cols` entry for breakpoint " + o + " is missing!"
+    );
+  return r[o];
+}
+function b(o, r, t, n, e, a, s) {
+  if (r[n])
+    return p(r[n]);
+  let i = o;
+  const f = d(t), u = f.slice(f.indexOf(n));
+  for (let c = 0, g = u.length; c < g; c++) {
+    const l = u[c];
+    if (r[l]) {
+      i = r[l];
+      break;
+    }
+  }
+  return i = p(i || []), k(m(i, { cols: a }), s);
+}
+function d(o) {
+  return Object.keys(o).sort((r, t) => o[r] - o[t]);
+}
+export {
+  b as findOrGenerateResponsiveLayout,
+  B as getBreakpointFromWidth,
+  h as getColsFromBreakpoint,
+  d as sortBreakpoints
+};

package/es/node_modules/grid-layout-plus/es/index.js

@@ -0,0 +1,13 @@
+import "vue";
+import "../../@vexip-ui/utils/dist/index.js";
+import "../../@vexip-ui/hooks/dist/index.js";
+(function() {
+  try {
+    if (typeof document < "u") {
+      var e = document.createElement("style");
+      e.appendChild(document.createTextNode('.vgl-layout{--vgl-placeholder-bg: red;--vgl-placeholder-opacity: 20%;--vgl-placeholder-z-index: 2;--vgl-item-resizing-z-index: 3;--vgl-item-resizing-opacity: 60%;--vgl-item-dragging-z-index: 3;--vgl-item-dragging-opacity: 100%;--vgl-resizer-size: 10px;--vgl-resizer-border-color: #444;--vgl-resizer-border-width: 2px;position:relative;box-sizing:border-box;transition:height .2s ease}.vgl-item{position:absolute;box-sizing:border-box;transition:.2s ease;transition-property:left,top,right}.vgl-item--placeholder{z-index:var(--vgl-placeholder-z-index, 2);-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:var(--vgl-placeholder-bg, red);opacity:var(--vgl-placeholder-opacity, 20%);transition-duration:.1s}.vgl-item--no-touch{touch-action:none}.vgl-item--transform{right:auto;left:0;transition-property:transform}.vgl-item--transform.vgl-item--rtl{right:0;left:auto}.vgl-item--resizing{z-index:var(--vgl-item-resizing-z-index, 3);-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--vgl-item-resizing-opacity, 60%)}.vgl-item--dragging{z-index:var(--vgl-item-dragging-z-index, 3);-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--vgl-item-dragging-opacity, 100%);transition:none}.vgl-item__resizer{position:absolute;right:0;bottom:0;box-sizing:border-box;width:var(--vgl-resizer-size);height:var(--vgl-resizer-size);cursor:se-resize}.vgl-item__resizer:before{position:absolute;top:0;right:3px;bottom:3px;left:0;content:"";border:0 solid var(--vgl-resizer-border-color);border-right-width:var(--vgl-resizer-border-width);border-bottom-width:var(--vgl-resizer-border-width)}.vgl-item__resizer--rtl{right:auto;left:0;cursor:sw-resize}.vgl-item__resizer--rtl:before{top:0;right:0;bottom:3px;left:3px;border-right-width:0;border-bottom-width:var(--vgl-resizer-border-width);border-left-width:var(--vgl-resizer-border-width)}')), document.head.appendChild(e);
+    }
+  } catch (r) {
+    console.error("vite-plugin-css-injected-by-js", r);
+  }
+})();