https://rangeusa.com/build/assets/RichText-D-RR3Xyo.js

1import { o as onMounted, n as nextTick, b as openBlock, c as createElementBlock, z as computed } from "./vendor-CmzCb6hx.js";
2const _hoisted_1 = ["innerHTML"];
3const _sfc_main = {
4  __name: "RichText",
5  props: {
6    component: Object,
7    auth: Object
8  },
9  setup(__props) {
10    const props = __props;
11    const richText = computed(() => {
12      return props.component.decoded_properties.find(
13        (item) => item.alias === "richText"
14      );
15    });
16    onMounted(() => {
17      nextTick(() => {
18        const customPaddingElements = document.querySelectorAll(
19          '[data-padding^="custom-"]'
20        );
21        customPaddingElements.forEach((el) => {
22          const padding = el.getAttribute("data-padding");
23          if (padding.startsWith("custom-")) {
24            const values = padding.replace("custom-", "").split("-");
25            el.style.setProperty("--padding-top", values[0] || "0");
26            el.style.setProperty("--padding-right", values[1] || "0");
27            el.style.setProperty("--padding-bottom", values[2] || "0");
28            el.style.setProperty("--padding-left", values[3] || "0");
29          }
30        });
31        const bgColorElements = document.querySelectorAll(
32          '[data-bg-color]:not([data-bg-color="transparent"])'
33        );
34        bgColorElements.forEach((el) => {
35          const bgColor = el.getAttribute("data-bg-color");
36          el.style.backgroundColor = bgColor;
37        });
38      });
39    });
40    return (_ctx, _cache) => {
41      return openBlock(), createElementBlock("div", {
42        innerHTML: window.__sanitizeHtml(richText.value.value),
43        class: "container mx-auto rich-text-content transition-all duration-150"
44      }, null, 8, _hoisted_1);
45    };
46  }
47};
48export {
49  _sfc_main as default
50};