@dndbuilder.com/react
Version:
Drag and drop builder for React
52 lines (51 loc) • 1.78 kB
JavaScript
import { jsxs as f, Fragment as g, jsx as t } from "react/jsx-runtime";
import { ThemeConfiguration as d } 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 k } from "react";
const T = k(
({ content: a, themeSettings: n = d.settings }) => {
const r = e.getBreakpoints(), i = u();
i.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 m = i.get(), l = h({
content: a,
themeSettings: n,
breakpoints: r,
config: e.getRegisteredBlocks()
}), c = B({
settings: n,
breakpoints: r
}), s = m + c + l, p = S(s), y = M(s);
return /* @__PURE__ */ f(g, { children: [
/* @__PURE__ */ t("link", { href: p, id: "fonts", rel: "stylesheet" }),
/* @__PURE__ */ t("style", { dangerouslySetInnerHTML: { __html: y } }),
/* @__PURE__ */ t("script", { src: "https://code.iconify.design/iconify-icon/3.0.0/iconify-icon.min.js" })
] });
}
);
T.displayName = "AssetManager";
export {
T as AssetManager
};
//# sourceMappingURL=asset-manager.js.map