@dndbuilder.com/react
Version:
Drag and drop builder for React
52 lines (51 loc) • 1.8 kB
JavaScript
import { jsxs as d, Fragment as f, jsx as t } from "react/jsx-runtime";
import { ThemeConfiguration as g } from "../../config/theme.config.js";
import { BuilderConfiguration as e } from "../../config/builder.config.js";
import { Breakpoint as o } from "../../types/responsive.js";
import { createStyle as u } from "../../../../../utils.js";
import { generateContentStyles as h, generateFontsUrl as S } from "../../utils/style.js";
import { generateThemeStyles as B } from "../../utils/theme.js";
import M from "../../../../../_virtual/cssbeautify.js";
import { memo as b } from "react";
const k = b(
({ content: a, themeSettings: n = g.settings }) => {
const i = e.getBreakpoints(), r = u();
r.register({
$global: !0,
".hide-on-desktop": {
[e.getMediaQuery(o.DESKTOP)]: {
display: "none !important"
}
},
".hide-on-tablet": {
[e.getMediaQuery(o.TABLET)]: {
display: "none !important"
}
},
".hide-on-mobile": {
[e.getMediaQuery(o.MOBILE)]: {
display: "none !important"
}
}
});
const l = r.get(), m = h({
content: a,
themeSettings: n,
breakpoints: i,
config: e.getRegisteredBlocks()
}), y = B({
settings: n,
breakpoints: i
}), s = l + y + m, c = S(s), p = M(s);
return /* @__PURE__ */ d(f, { children: [
/* @__PURE__ */ t("link", { href: c, id: "fonts", rel: "stylesheet" }),
/* @__PURE__ */ t("style", { id: "builder-styles", dangerouslySetInnerHTML: { __html: p } }),
/* @__PURE__ */ t("script", { src: "https://code.iconify.design/iconify-icon/3.0.0/iconify-icon.min.js" })
] });
}
);
k.displayName = "AssetManager";
export {
k as AssetManager
};
//# sourceMappingURL=asset-manager.js.map