@maildeno/editor 0.4.2 → 0.4.4

package/dist/RowPreviewRow-N-hh5l_H.js

@@ -1,112 +0,0 @@
-import { n as defineComponent, o as computed, q as openBlock, t as createElementBlock, F as Fragment, u as renderList, v as normalizeStyle, w as createVNode, x as unref, y as createCommentVNode, z as defineAsyncComponent } from "./element-C2ZH0Z_i.js";
-const _hoisted_1 = {
-  key: 0,
-  class: "w-full border border-dashed border-(--md-border) rounded",
-  style: { "min-height": "10px" }
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "RowPreviewRow",
-  props: {
-    row: {},
-    scale: {},
-    depth: {}
-  },
-  setup(__props) {
-    const RowPreviewChildren = defineAsyncComponent(
-      () => import("./RowPreviewChildren-DT0y0lKC.js")
-    );
-    const props = __props;
-    function resolveBackground(item) {
-      var _a;
-      const bg = item == null ? void 0 : item.backgroundGradient;
-      const hasGradient = (bg == null ? void 0 : bg.useGradient) === true && Array.isArray((_a = bg == null ? void 0 : bg.gradient) == null ? void 0 : _a.colors) && bg.gradient.colors.length >= 2;
-      if (hasGradient) {
-        const { type, direction, colors } = bg.gradient;
-        const stops = colors.map((c) => `${c.color} ${c.position}%`).join(", ");
-        return type === "radial" ? `radial-gradient(circle at center, ${stops})` : `linear-gradient(${direction}, ${stops})`;
-      }
-      return (item == null ? void 0 : item.backgroundColor) ?? "transparent";
-    }
-    const rowStyle = computed(() => {
-      var _a, _b, _c, _d, _e, _f, _g, _h;
-      const r = props.row;
-      const style = {
-        display: "flex",
-        flexDirection: "row",
-        background: resolveBackground(r),
-        padding: `${((_a = r.padding) == null ? void 0 : _a.top) ?? 0}px ${((_b = r.padding) == null ? void 0 : _b.right) ?? 0}px ${((_c = r.padding) == null ? void 0 : _c.bottom) ?? 0}px ${((_d = r.padding) == null ? void 0 : _d.left) ?? 0}px`,
-        alignItems: "stretch",
-        border: `${((_e = r.border) == null ? void 0 : _e.width) ?? 0}px ${((_f = r.border) == null ? void 0 : _f.style) ?? "solid"} ${((_g = r.border) == null ? void 0 : _g.color) ?? "transparent"}`,
-        borderRadius: `${((_h = r.border) == null ? void 0 : _h.radius) ?? 0}px`,
-        gap: `${r.gap ?? 0}px`,
-        overflow: "hidden"
-      };
-      if (r.backgroundImage) {
-        style.backgroundImage = `url(${r.backgroundImage})`;
-        style.backgroundSize = r.backgroundSize ?? "cover";
-        style.backgroundPosition = r.backgroundPosition ?? "center center";
-      }
-      return style;
-    });
-    function colStyle(col, parentRow) {
-      var _a, _b, _c, _d, _e, _f, _g, _h, _i;
-      const verticalAlignMap = {
-        top: "flex-start",
-        middle: "center",
-        bottom: "flex-end"
-      };
-      const widthPct = col.width ?? 50;
-      const siblingCount = ((_a = parentRow == null ? void 0 : parentRow.columns) == null ? void 0 : _a.length) || 1;
-      const gapPx = (parentRow == null ? void 0 : parentRow.gap) ?? 0;
-      const gapShare = siblingCount > 1 ? gapPx * (siblingCount - 1) / siblingCount : 0;
-      const widthValue = gapShare > 0 ? `calc(${widthPct}% - ${gapShare}px)` : `${widthPct}%`;
-      const style = {
-        flex: `0 0 ${widthValue}`,
-        width: widthValue,
-        maxWidth: widthValue,
-        boxSizing: "border-box",
-        background: resolveBackground(col),
-        padding: `${((_b = col.padding) == null ? void 0 : _b.top) ?? 10}px ${((_c = col.padding) == null ? void 0 : _c.right) ?? 10}px ${((_d = col.padding) == null ? void 0 : _d.bottom) ?? 10}px ${((_e = col.padding) == null ? void 0 : _e.left) ?? 10}px`,
-        border: `${((_f = col.border) == null ? void 0 : _f.width) ?? 0}px ${((_g = col.border) == null ? void 0 : _g.style) ?? "solid"} ${((_h = col.border) == null ? void 0 : _h.color) ?? "transparent"}`,
-        borderRadius: `${((_i = col.border) == null ? void 0 : _i.radius) ?? 0}px`,
-        overflow: "hidden",
-        minWidth: "0",
-        display: "flex",
-        flexDirection: "column",
-        justifyContent: verticalAlignMap[col.verticalAlign] ?? "flex-start"
-      };
-      if (col.backgroundImage) {
-        style.backgroundImage = `url(${col.backgroundImage})`;
-        style.backgroundSize = col.backgroundSize ?? "cover";
-        style.backgroundPosition = col.backgroundPosition ?? "center center";
-        style.minHeight = "14px";
-      }
-      return style;
-    }
-    return (_ctx, _cache) => {
-      return (__props.depth ?? 0) < 5 ? (openBlock(), createElementBlock("div", {
-        key: 0,
-        style: normalizeStyle(rowStyle.value),
-        class: "w-full"
-      }, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.row.columns ?? [], (col) => {
-          return openBlock(), createElementBlock("div", {
-            key: col.id,
-            style: normalizeStyle(colStyle(col, __props.row)),
-            class: "overflow-hidden shrink-0"
-          }, [
-            createVNode(unref(RowPreviewChildren), {
-              children: col.children ?? col.components ?? [],
-              scale: __props.scale,
-              depth: (__props.depth ?? 0) + 1
-            }, null, 8, ["children", "scale", "depth"]),
-            (col.children ?? col.components ?? []).length === 0 ? (openBlock(), createElementBlock("div", _hoisted_1)) : createCommentVNode("", true)
-          ], 4);
-        }), 128))
-      ], 4)) : createCommentVNode("", true);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};