@dndbuilder.com/react
Version:
Drag and drop builder for React
84 lines (83 loc) • 2.98 kB
JavaScript
"use client";
import { jsx as e, jsxs as l } from "react/jsx-runtime";
import { ColorControl as r } from "../../../components/controls/color.control.js";
import { TextShadowControl as m } from "../../../components/controls/text-shadow.control.js";
import { TypographyControl as c } from "../../../components/controls/typography.control.js";
import { SelectControl as d } from "../../../components/controls/select.control.js";
import { TextStrokeControl as p } from "../../../components/controls/text-stroke.control.js";
import { Accordion as n } from "../../../components/shared/accordion.js";
import { Unit as o, PseudoClass as a } from "../../../types/style.js";
import { SettingsType as t } from "../../../types/index.js";
import { SpacingControl as i } from "../../../components/controls/spacing.control.js";
const x = () => /* @__PURE__ */ e(n, { defaultValue: "General", type: "single", collapsible: !0, children: /* @__PURE__ */ l(n.Item, { value: "General", children: [
/* @__PURE__ */ e(n.Trigger, { className: "p-4", children: "General" }),
/* @__PURE__ */ l(n.Content, { className: "px-4", children: [
/* @__PURE__ */ e(
i,
{
type: t.BLOCK,
fieldName: "margin",
label: "Margin",
responsive: !0,
className: "mt-0",
units: [o.PX, o.REM, o.EM, o.PERCENTAGE]
}
),
/* @__PURE__ */ e(
i,
{
type: t.BLOCK,
fieldName: "padding",
label: "Padding",
responsive: !0,
units: [o.PX, o.REM, o.EM, o.PERCENTAGE]
}
),
/* @__PURE__ */ e(
r,
{
type: t.BLOCK,
fieldName: "textColor",
mode: a.DEFAULT
}
),
/* @__PURE__ */ e(
r,
{
label: "Background Color",
type: t.BLOCK,
fieldName: "backgroundColor",
mode: a.DEFAULT
}
),
/* @__PURE__ */ e(c, { fieldName: "typography", type: t.BLOCK }),
/* @__PURE__ */ e(p, { type: t.BLOCK, fieldName: "textStroke", label: "Text Stroke" }),
/* @__PURE__ */ e(m, { type: t.BLOCK }),
/* @__PURE__ */ e(
d,
{
options: [
{ content: "Normal", value: "normal" },
{ content: "Screen", value: "screen" },
{ content: "Overlay", value: "overlay" },
{ content: "Darken", value: "darken" },
{ content: "Lighten", value: "lighten" },
{ content: "Color Dodge", value: "color-dodge" },
{ content: "Saturation", value: "saturation" },
{ content: "Color", value: "color" },
{ content: "Difference", value: "difference" },
{ content: "Exclusion", value: "exclusion" },
{ content: "Hue", value: "hue" },
{ content: "Luminosity", value: "luminosity" }
],
type: t.BLOCK,
fieldName: "blendMode.desktop",
label: "Blend Mode"
}
)
] })
] }) });
export {
x as default
};
//# sourceMappingURL=heading-style.control.js.map