@dndbuilder.com/react
Version:
Drag and drop builder for React
293 lines (292 loc) • 11.5 kB
JavaScript
"use client";
import { jsxs as p, jsx as r } from "react/jsx-runtime";
import "../../../config/theme.config.js";
import "../../../config/builder.config.js";
import "../../../store/builder-slice.js";
import "../../../../../../utils.js";
import "react";
import "../../../../../../store/selectors.js";
import "../../../store/theme-slice.js";
import "../../../../../../_virtual/cjs.js";
import "../../../contexts/action-context.js";
import "../../../components/base/editor/block-control-panel.js";
import "../../../components/base/editor/block-navigation.js";
import { SettingsType as t } from "../../../types/index.js";
import "../../../components/shared/scroll-area.js";
import { PseudoClass as i, Unit as e } from "../../../types/style.js";
import { ColorControl as m } from "../../../components/controls/color.control.js";
import { Label as g } from "../../../components/shared/label.js";
import "../../../components/shared/select.js";
import "../../../components/shared/tooltip.js";
import { SliderUnitControl as a } from "../../../components/controls/slider-unit.control.js";
import { ToggleGroupControl as d } from "../../../components/controls/toggle-group.control.js";
import "../../../../../../node_modules/.pnpm/react-color@2.19.3_react@19.0.0/node_modules/react-color/es/components/alpha/Alpha.js";
import "../../../../../../node_modules/.pnpm/react-color@2.19.3_react@19.0.0/node_modules/react-color/es/components/block/Block.js";
import "../../../../../../node_modules/.pnpm/react-color@2.19.3_react@19.0.0/node_modules/react-color/es/components/circle/Circle.js";
import "../../../../../../node_modules/.pnpm/react-color@2.19.3_react@19.0.0/node_modules/react-color/es/components/chrome/Chrome.js";
import "../../../../../../node_modules/.pnpm/react-color@2.19.3_react@19.0.0/node_modules/react-color/es/components/compact/Compact.js";
import "../../../../../../node_modules/.pnpm/react-color@2.19.3_react@19.0.0/node_modules/react-color/es/components/github/Github.js";
import "../../../../../../node_modules/.pnpm/react-color@2.19.3_react@19.0.0/node_modules/react-color/es/components/hue/Hue.js";
import "../../../../../../node_modules/.pnpm/react-color@2.19.3_react@19.0.0/node_modules/react-color/es/components/material/Material.js";
import "../../../../../../node_modules/.pnpm/react-color@2.19.3_react@19.0.0/node_modules/react-color/es/components/photoshop/Photoshop.js";
import "../../../../../../node_modules/.pnpm/react-color@2.19.3_react@19.0.0/node_modules/react-color/es/components/sketch/Sketch.js";
import "../../../../../../node_modules/.pnpm/react-color@2.19.3_react@19.0.0/node_modules/react-color/es/components/slider/Slider.js";
import "../../../../../../node_modules/.pnpm/react-color@2.19.3_react@19.0.0/node_modules/react-color/es/components/swatches/Swatches.js";
import "../../../../../../node_modules/.pnpm/react-color@2.19.3_react@19.0.0/node_modules/react-color/es/components/twitter/Twitter.js";
import "../../../../../../node_modules/.pnpm/react-color@2.19.3_react@19.0.0/node_modules/react-color/es/components/google/Google.js";
import "../../../../../../node_modules/.pnpm/tinycolor2@1.6.0/node_modules/tinycolor2/esm/tinycolor.js";
import "../../../components/shared/input.js";
import "../../../components/shared/popover.js";
import "../../../components/shared/range-slider.js";
import { TypographyControl as n } from "../../../components/controls/typography.control.js";
import { Accordion as o } from "../../../components/shared/accordion.js";
import "../../../components/shared/tabs.js";
import "../../../components/shared/button.js";
import "../../../../../../_virtual/lodash.js";
import "../../../components/shared/content-editable.js";
import { SpacingControl as l } from "../../../components/controls/spacing.control.js";
import { Separator as E } from "../../../components/shared/separator.js";
import "../../../../../../node_modules/.pnpm/@monaco-editor_react@4.7.0_monaco-editor@0.52.2_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@monaco-editor/react/dist/index.js";
import "../../../components/controls/flex-gap.control.js";
import "../../../components/shared/checkbox.js";
import "../../../components/shared/context-menu.js";
import "../../../components/shared/dialog.js";
import "../../../components/shared/drawer.js";
import "../../../contexts/frame-context.js";
import "../../../components/shared/hover-card.js";
import "../../../components/shared/switch.js";
import "../../../../../../node_modules/.pnpm/@tiptap_extension-link@2.23.0_@tiptap_core@2.23.0_@tiptap_pm@2.23.0__@tiptap_pm@2.23.0/node_modules/@tiptap/extension-link/dist/index.js";
import "../../../../../../node_modules/.pnpm/@tiptap_extension-placeholder@2.23.0_@tiptap_core@2.23.0_@tiptap_pm@2.23.0__@tiptap_pm@2.23.0/node_modules/@tiptap/extension-placeholder/dist/index.js";
import "../../../../../../node_modules/.pnpm/@tiptap_starter-kit@2.23.0/node_modules/@tiptap/starter-kit/dist/index.js";
import "../../../components/shared/textarea.js";
import { BorderControl as s } from "../../../components/controls/border.control.js";
import "../../../components/base/add-new-section.js";
import "../../../components/base/editor-render-block.js";
import "react-dom";
import "../../../components/base/editor-asset-manager.js";
import "../../../components/base/editor/block-navigation-item.js";
import "../../../components/base/render-block.js";
import "../../../components/base/asset-manager.js";
import "../../../components/base/block-toolbar.js";
import { AiOutlineAlignLeft as C, AiOutlineAlignCenter as c, AiOutlineAlignRight as u } from "../../../../../../node_modules/.pnpm/react-icons@5.5.0_react@19.0.0/node_modules/react-icons/ai/index.js";
const Fe = () => /* @__PURE__ */ p(o, { defaultValue: "Title", type: "single", collapsible: !0, children: [
/* @__PURE__ */ p(o.Item, { value: "Title", children: [
/* @__PURE__ */ r(o.Trigger, { className: "p-4", children: "Title" }),
/* @__PURE__ */ p(o.Content, { className: "px-4", children: [
/* @__PURE__ */ r(
m,
{
type: t.BLOCK,
mode: i.DEFAULT,
fieldName: "title.color",
label: "Color"
}
),
/* @__PURE__ */ r(n, { fieldName: "title.typography", type: t.BLOCK }),
/* @__PURE__ */ r(
m,
{
type: t.BLOCK,
mode: i.DEFAULT,
fieldName: "title.background.color",
label: "Background Color"
}
),
/* @__PURE__ */ r(
l,
{
type: t.BLOCK,
fieldName: "title.padding",
label: "Padding",
responsive: !0,
units: [e.PX, e.REM, e.EM, e.PERCENTAGE]
}
),
/* @__PURE__ */ r(
l,
{
type: t.BLOCK,
fieldName: "title.margin",
label: "Margin",
responsive: !0,
units: [e.PX, e.REM, e.EM, e.PERCENTAGE]
}
)
] })
] }),
/* @__PURE__ */ p(o.Item, { value: "Progress Bar", children: [
/* @__PURE__ */ r(o.Trigger, { className: "p-4", children: "Progress Bar" }),
/* @__PURE__ */ p(o.Content, { className: "px-4", children: [
/* @__PURE__ */ r(
m,
{
type: t.BLOCK,
mode: i.DEFAULT,
fieldName: "progressBar.background.color",
label: "Background Color"
}
),
/* @__PURE__ */ r(
a,
{
type: t.BLOCK,
fieldName: "progressBar.height",
label: "Height",
units: [e.PX, e.PERCENTAGE, e.REM, e.EM, e.VH],
responsive: !0
}
),
/* @__PURE__ */ r(
a,
{
type: t.BLOCK,
fieldName: "progressBar.maxWidth",
label: "Max Width",
units: [e.PX, e.PERCENTAGE, e.REM, e.EM, e.VW],
responsive: !0
}
),
/* @__PURE__ */ r(
l,
{
type: t.BLOCK,
fieldName: "progressBar.padding",
label: "Padding",
responsive: !0,
units: [e.PX, e.REM, e.EM, e.PERCENTAGE]
}
),
/* @__PURE__ */ r(
l,
{
type: t.BLOCK,
fieldName: "progressBar.margin",
label: "Margin",
responsive: !0,
units: [e.PX, e.REM, e.EM, e.PERCENTAGE]
}
),
/* @__PURE__ */ r(
s,
{
type: t.BLOCK,
fieldName: "progressBar.border",
mode: i.DEFAULT
}
),
/* @__PURE__ */ r(E, { className: "my-4" }),
/* @__PURE__ */ r(g, { className: "font-semibold", children: "Progress Fill" }),
/* @__PURE__ */ r(
m,
{
type: t.BLOCK,
mode: i.DEFAULT,
fieldName: "progressFill.background.color",
label: "Background Color"
}
),
/* @__PURE__ */ r(
l,
{
type: t.BLOCK,
fieldName: "progressFill.padding",
label: "Padding",
responsive: !0,
units: [e.PX, e.REM, e.EM, e.PERCENTAGE]
}
),
/* @__PURE__ */ r(
l,
{
type: t.BLOCK,
fieldName: "progressFill.margin",
label: "Margin",
responsive: !0,
units: [e.PX, e.REM, e.EM, e.PERCENTAGE]
}
),
/* @__PURE__ */ r(
s,
{
type: t.BLOCK,
fieldName: "progressFill.border",
mode: i.DEFAULT
}
)
] })
] }),
/* @__PURE__ */ p(o.Item, { value: "Percentage", children: [
/* @__PURE__ */ r(o.Trigger, { className: "p-4", children: "Percentage" }),
/* @__PURE__ */ p(o.Content, { className: "px-4", children: [
/* @__PURE__ */ r(
m,
{
type: t.BLOCK,
mode: i.DEFAULT,
fieldName: "percentage.color",
label: "Color"
}
),
/* @__PURE__ */ r(
m,
{
type: t.BLOCK,
mode: i.DEFAULT,
fieldName: "percentage.background.color",
label: "Background Color"
}
),
/* @__PURE__ */ r(n, { fieldName: "percentage.typography", type: t.BLOCK }),
/* @__PURE__ */ r(
l,
{
type: t.BLOCK,
fieldName: "percentage.padding",
label: "Padding",
responsive: !0,
units: [e.PX, e.REM, e.EM, e.PERCENTAGE]
}
),
/* @__PURE__ */ r(
l,
{
type: t.BLOCK,
fieldName: "percentage.margin",
label: "Margin",
responsive: !0,
units: [e.PX, e.REM, e.EM, e.PERCENTAGE]
}
),
/* @__PURE__ */ r(
d,
{
type: t.BLOCK,
fieldName: "percentage.alignment",
label: "Alignment",
responsive: !0,
controls: [
{
tooltipContent: "Start",
toggleTrigger: /* @__PURE__ */ r(C, { className: "text-sm" }),
value: "flex-start"
},
{
tooltipContent: "Center",
toggleTrigger: /* @__PURE__ */ r(c, { className: "text-sm" }),
value: "center"
},
{
tooltipContent: "End",
toggleTrigger: /* @__PURE__ */ r(u, { className: "text-sm" }),
value: "flex-end"
}
]
}
)
] })
] })
] });
export {
Fe as default
};
//# sourceMappingURL=progress-bar-style.control.js.map