@cling-se/widget 1.0.0-beta.1 → 1.0.0-beta.3

package/dist/DocumentLayout-BRfEjoYq.js

@@ -0,0 +1,1368 @@
+import { h as we, I as Z, o as P, d as J, s as be, l as ue, _ as he, x as Ke, P as Ye, dQ as kt, z as Me, c7 as Ne, b as Y, c as G, w as N, k as Ee, F as Ce, f as _e, Z as De, aq as Ie, p as St, a0 as Ze, K as Le, B as xe, v as M, j as de, H as _t, r as Et, a4 as Ct, u as Dt, i as re, dR as It, ca as Lt, bV as Pt, bE as Tt, S as ke, X as At, e as fe, dS as Ot, dT as jt, $ as zt, n as Ht, a1 as Bt, dU as Wt, cj as Mt } from "./main-C4OdoeS2.js";
+import "./template-m1V22cUt.js";
+import { a as Nt, C as Ft } from "./CDropdownItem-DvaU14-V.js";
+import { d as $t } from "./debounce-CBRJalZI.js";
+import "./helpers-Vo_6Zz3M.js";
+const Rt = (e, t, r) => {
+  const n = e[t];
+  return n ? typeof n == "function" ? n() : Promise.resolve(n) : new Promise((s, c) => {
+    (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
+      c.bind(
+        null,
+        new Error(
+          "Unknown variable dynamic import: " + t + (t.split("/").length !== r ? ". Note that variables only represent file names one level deep." : "")
+        )
+      )
+    );
+  });
+}, Vt = { class: "c-loading" }, qt = /* @__PURE__ */ we({
+  __name: "LoadingBlock",
+  setup(e) {
+    const t = Z(`${Math.floor(Math.random() * 56 + 25)}%`);
+    return (r, n) => (P(), J("div", Vt, [
+      be("div", {
+        style: ue({ width: t.value }),
+        class: "c-loading-title"
+      }, null, 4),
+      n[0] || (n[0] = be("div", { class: "c-loading-body" }, null, -1))
+    ]));
+  }
+}), Fe = /* @__PURE__ */ he(qt, [["__scopeId", "data-v-70f204ee"]]), Je = (e) => {
+  const t = Symbol(e);
+  return [(s) => Ke(t, s), (s) => Ye(t, s), t];
+}, [Ut, Gt] = Je("DocumentWidth"), [Qt, nr] = Je("DocumentHeight");
+function Kt(e) {
+  const { width: t, height: r } = kt(e);
+  return Ut(t), Qt(r), { width: t, height: r };
+}
+function Yt() {
+  return Gt(Z(window.innerWidth));
+}
+const Zt = {
+  name: "DynamicChapter",
+  components: {
+    DynamicChapter: Me(() => Promise.resolve().then(() => Xt)),
+    LoadingBlock: Fe
+  },
+  provide() {
+    return this.level !== 0 ? {} : {
+      _firstBlock: this._firstBlock,
+      _lastBlock: this._lastBlock
+    };
+  },
+  inject: {
+    isPdf: {
+      default: !1
+    }
+  },
+  props: {
+    componentProps: {
+      type: Object,
+      default: () => ({})
+    },
+    componentName: {
+      type: String,
+      required: !0
+    },
+    level: {
+      type: Number,
+      default: 0
+    },
+    isVisible: {
+      type: [Boolean, Object],
+      default: !0
+    },
+    _firstBlock: {
+      type: Boolean,
+      default: !1
+    },
+    _lastBlock: {
+      type: Boolean,
+      default: !1
+    },
+    children: {
+      type: Array,
+      default: () => []
+    },
+    onInput: {
+      type: Function,
+      default: () => {
+      }
+    },
+    onRemove: {
+      type: Function,
+      default: () => {
+      }
+    },
+    onMount: {
+      type: Function,
+      default: () => {
+      }
+    }
+  },
+  setup() {
+    return { docWidth: Yt() };
+  },
+  data() {
+    return {
+      component: Ne(Fe)
+    };
+  },
+  computed: {
+    loader() {
+      return () => Rt(/* @__PURE__ */ Object.assign({ "../blocks/answer/Index.vue": () => import("./Index-CbZ65-O3.js"), "../blocks/attachments/Index.vue": () => import("./Index-D7Z2w9cd.js"), "../blocks/coverBlock/Index.vue": () => import("./Index-CavttI66.js"), "../blocks/custom/Index.vue": () => import("./Index-CXqdBSZ3.js"), "../blocks/docChapter/Index.vue": () => import("./Index-BpWFU3Td.js"), "../blocks/docChapterSub/Index.vue": () => import("./Index-CxY5Ii6K.js"), "../blocks/docParties/Index.vue": () => import("./Index-_ellB2fs.js"), "../blocks/embed/Index.vue": () => import("./Index-L913X8Ly.js"), "../blocks/estimatedTimeToCompleteText/Index.vue": () => import("./Index-B7ECpXAa.js"), "../blocks/estimatedWorkStartAndEndAtText/Index.vue": () => import("./Index-Mdn0niR_.js"), "../blocks/extraWorkConstructionPricingList/Index.vue": () => import("./Index-BulSI5iO.js"), "../blocks/extraWorkTimeImpactText/Index.vue": () => import("./Index-bgKndj-l.js"), "../blocks/header/Index.vue": () => import("./Index--gv5fH24.js"), "../blocks/multiGroupPricing/Index.vue": () => import("./Index-BM658CCq.js"), "../blocks/notBinding/Index.vue": () => import("./Index-COYqsxs9.js"), "../blocks/packageGroup/Index.vue": () => import("./Index-D7pzv-AR.js"), "../blocks/pdf/Index.vue": () => import("./Index-D9keESQi.js"), "../blocks/presentation/Index.vue": () => import("./Index-CSGk060H.js"), "../blocks/terms/Index.vue": () => import("./Index-lNYXAFUH.js"), "../blocks/textContent/Index.vue": () => import("./Index-BcMATT2_.js"), "../blocks/videoPlayer/Index.vue": () => import("./Index-Dd6ueeUc.js"), "../blocks/workAddressText/Index.vue": () => import("./Index-CV2O2fWT.js") }), `../blocks/${this.componentName}/Index.vue`, 4);
+    },
+    isPdfPrintAndPdfBlock() {
+      var e, t;
+      return !!(this.isPdf && ((t = (e = this.children) == null ? void 0 : e[0]) == null ? void 0 : t.componentName) === "pdf");
+    },
+    isPdfBlock() {
+      var e, t;
+      return ((t = (e = this.children) == null ? void 0 : e[0]) == null ? void 0 : t.componentName) === "pdf";
+    }
+  },
+  mounted() {
+    this.loader().then(() => {
+      this.component = Ne(Me(() => this.loader()));
+    }).catch((e) => {
+      console.log(e);
+    });
+  }
+};
+function Jt(e, t, r, n, s, c) {
+  const l = Y("DynamicChapter", !0);
+  return s.component ? (P(), G(Ie(s.component), De({ key: 0 }, r.componentProps, {
+    class: r.level === 0 && [
+      {
+        "is-mobile": n.docWidth <= 640,
+        "is-tablet": n.docWidth > 640 && n.docWidth <= 1024,
+        "is-desktop": n.docWidth > 1024
+      },
+      r.componentProps && r.componentProps.classList ? r.componentProps.classList : ""
+    ],
+    "enable-spacing-x": !c.isPdfPrintAndPdfBlock,
+    "pdf-spacing-x": c.isPdfBlock,
+    "enable-spacing-y": !!(!c.isPdfPrintAndPdfBlock && r.isVisible),
+    onInput: r.onInput,
+    onRemove: r.onRemove,
+    onVnodeMounted: t[0] || (t[0] = (a) => r.onMount(e.$el))
+  }), {
+    default: N(() => [
+      r.children.length ? (P(!0), J(Ce, { key: 0 }, Ee(r.children, (a, d) => (P(), G(l, {
+        key: a.itemId + `${d}`,
+        "component-name": a.componentName,
+        "component-props": {
+          ...a.props,
+          _document: r.componentProps._document,
+          _value: a._value,
+          _nodeId: a.nodeId
+        },
+        children: a.children,
+        level: r.level + 1,
+        "on-input": r.onInput,
+        "on-remove": r.onRemove,
+        "on-mount": r.onMount
+      }, null, 8, ["component-name", "component-props", "children", "level", "on-input", "on-remove", "on-mount"]))), 128)) : _e("", !0)
+    ]),
+    _: 1
+  }, 16, ["class", "enable-spacing-x", "pdf-spacing-x", "enable-spacing-y", "onInput", "onRemove"])) : _e("", !0);
+}
+const Xe = /* @__PURE__ */ he(Zt, [["render", Jt]]), Xt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Xe
+}, Symbol.toStringTag, { value: "Module" })), et = "data-is-preview", en = St.google.fontsKey, tn = "https://www.googleapis.com/webfonts/v1/webfonts", nn = "https://fonts.googleapis.com/css", $e = {
+  100: { label: "Thin", value: "100" },
+  200: { label: "Extra Light", value: "200" },
+  300: { label: "Light", value: "300" },
+  regular: { label: "Normal", value: "400" },
+  500: { label: "Medium", value: "500" },
+  600: { label: "Semi Bold", value: "600" },
+  700: { label: "Bold", value: "700" },
+  800: { label: "Extra Bold", value: "800" },
+  900: { label: "Black", value: "900" }
+}, tt = (e) => `font-${e.replace(/\s+/g, "-").toLowerCase()}`, rn = (e, t = !1) => {
+  const r = document.getElementById(tt(e));
+  return r !== null && r.getAttribute(et) === t.toString();
+}, on = (e, t = !1) => {
+  const r = document.head || document.getElementsByTagName("head")[0], n = document.createElement("link");
+  n.id = tt(e), n.setAttribute("rel", "stylesheet"), n.setAttribute(et, t.toString());
+  let s = `${nn}?family=${e.replace(/\s/gi, "+")}`;
+  return t ? s += `&text=${e}` : s += ":100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic", s += "&display=swap", n.setAttribute("href", s), r.appendChild(n), n;
+}, nt = (e, t = !1) => {
+  e && !rn(e, t) && on(e, t);
+}, rt = (e = {}) => {
+  if (!(typeof e != "object" || !e))
+    for (const t in e)
+      t === "fontFamily" ? nt(e[t]) : typeof e[t] == "object" && rt(e[t]);
+}, it = /* @__PURE__ */ we({
+  __name: "FontDropdownItem",
+  props: {
+    source: {}
+  },
+  setup(e) {
+    const t = e, r = Z(null), n = (l, a) => {
+      let d = l, o = d.$options.name;
+      for (; d && (!o || o !== a); )
+        d = d.$parent, d && ({ name: o } = d.$options);
+      return d || null;
+    }, s = Z({
+      paddingRight: "calc(0.5 * var(--rem))",
+      fontFamily: `'${t.source.family}'`
+    }), c = _t();
+    return c && (r.value = n(c.proxy, "CDropdown")), Ze(() => {
+      nt(t.source.family, !0);
+    }), Le(
+      () => t.source,
+      (l) => {
+        s.value.fontFamily = `'${l.family}'`;
+      }
+    ), (l, a) => (P(), G(de(Nt), {
+      value: l.source,
+      "custom-parent": r.value,
+      class: "!truncate",
+      style: ue(s.value)
+    }, {
+      default: N(() => [
+        xe(M(l.source.family), 1)
+      ]),
+      _: 1
+    }, 8, ["value", "custom-parent", "style"]));
+  }
+}), an = 1e3 * 60 * 60 * 24 * 14, A = Et({
+  list: [],
+  fetchedAt: null,
+  error: "",
+  loading: !1
+}), sn = async (e = "popularity") => {
+  let t = [];
+  try {
+    const { data: r } = await Ct.get(tn, {
+      params: {
+        sort: e,
+        key: en
+      }
+    });
+    t = r.items || [];
+  } catch (r) {
+    A.error = r;
+  }
+  return t;
+};
+A.load = async () => {
+  if (A.loading) {
+    await A.loading;
+    return;
+  }
+  (!A.fetchedAt || A.fetchedAt < Date.now() - an) && (A.loading = new Promise(async (e) => {
+    A.list = await sn(), A.fetchedAt = Date.now(), e(!1);
+  }), await A.loading);
+};
+const ot = (e = []) => (e || []).filter((t) => !!$e[t]).map((t) => $e[t]), rr = async (e) => {
+  if (!e || typeof e != "string") return {};
+  !A.list.length && !A.error && await A.load();
+  const { variants: t } = A.list.find((r) => r.family === e) || {};
+  return ot(t || []);
+}, ln = /* @__PURE__ */ we({
+  __name: "VirtualFontsList",
+  props: {
+    items: {}
+  },
+  setup(e) {
+    const t = e, r = Z([...t.items]);
+    Le(
+      () => t.items,
+      (o) => {
+        r.value = [...o];
+      }
+    );
+    const n = Dt(), s = re(() => n.style), c = re(() => ({
+      "overflow-y": "auto",
+      height: "250px",
+      width: "240px",
+      ...s
+    })), { list: l, containerProps: a, wrapperProps: d } = It(r, {
+      itemHeight: 35
+    });
+    return (o, p) => (P(), J("div", De(de(a), { style: c.value }), [
+      be("div", Lt(Pt(de(d))), [
+        (P(!0), J(Ce, null, Ee(de(l), (v) => (P(), G(it, {
+          key: v.index,
+          source: v.data
+        }, Tt({ _: 2 }, [
+          o.$slots.footer ? {
+            name: "footer",
+            fn: N(() => [
+              ke(o.$slots, "footer")
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["source"]))), 128))
+      ], 16)
+    ], 16));
+  }
+}), cn = {
+  name: "FontPickerDropdown",
+  components: {
+    CInput: At,
+    CDropdown: Ft,
+    VirtualFontsList: ln
+  },
+  props: {
+    modelValue: {
+      type: Object,
+      default: null
+    },
+    height: {
+      type: String,
+      default: "250px"
+    }
+  },
+  emits: ["update:modelValue"],
+  data() {
+    return {
+      FontDropdownItem: it,
+      visualQuery: "",
+      // string visual to user
+      activeQuery: ""
+      // query used for filtering results, hidden behind debounce
+    };
+  },
+  computed: {
+    selectedValue: {
+      get() {
+        return {
+          family: "Inter",
+          weight: "400",
+          ...this.modelValue
+        };
+      },
+      set(e) {
+        const { family: t, variants: r = [] } = e || {};
+        let { weight: n = "400" } = this.modelValue || {};
+        const s = ot(r), c = s.map((l) => l.value);
+        c.length && !c.includes(`${n}`) && (n = c.reduce(
+          (l, a) => Math.abs(a - n) < Math.abs(l - n) ? a : l
+        )), this.$emit("update:modelValue", {
+          family: t,
+          weight: n,
+          options: s
+        });
+      }
+    },
+    fontsList() {
+      const e = A.list || [];
+      if (this.activeQuery) {
+        const t = new RegExp(this.activeQuery, "i");
+        return e.filter((r) => t.test(r.family));
+      }
+      return e;
+    }
+  },
+  watch: {
+    visualQuery: $t(function(t) {
+      this.activeQuery = t;
+    }, 300)
+  },
+  created() {
+    A.load();
+  }
+};
+function dn(e, t, r, n, s, c) {
+  const l = Y("CButton"), a = Y("CInput"), d = Y("VirtualFontsList"), o = Y("CDropdown");
+  return P(), G(o, De({
+    position: "is-bottom-left",
+    ...e.$attrs,
+    ...e.$props
+  }, {
+    ref: "dropdown",
+    modelValue: c.selectedValue,
+    "onUpdate:modelValue": t[1] || (t[1] = (p) => c.selectedValue = p),
+    size: e.$attrs.size,
+    disabled: e.$attrs.disabled,
+    "menu-styling": {
+      minWidth: "250px",
+      maxWidth: "300px"
+    },
+    "max-height": r.height,
+    scrollable: !0,
+    class: "control"
+  }), {
+    trigger: N(() => [
+      ke(e.$slots, "default", {
+        selectedFamily: c.selectedValue.family
+      }, () => [
+        fe(l, {
+          style: ue([{ fontFamily: c.selectedValue.family }, { width: "100%", "text-align": "left", "min-width": "7em" }]),
+          class: "is-left"
+        }, {
+          default: N(() => [
+            xe(M(c.selectedValue.family), 1)
+          ]),
+          _: 1
+        }, 8, ["style"])
+      ])
+    ]),
+    header: N(() => [
+      fe(a, {
+        modelValue: s.visualQuery,
+        "onUpdate:modelValue": t[0] || (t[0] = (p) => s.visualQuery = p),
+        placeholder: e.$t("_common:search"),
+        filled: "",
+        style: { "margin-bottom": "0.25em" }
+      }, null, 8, ["modelValue", "placeholder"])
+    ]),
+    default: N(() => [
+      c.fontsList.length ? (P(), G(d, {
+        key: 0,
+        items: c.fontsList
+      }, null, 8, ["items"])) : (P(), J("div", {
+        key: 1,
+        style: ue([{ height: "250px", width: "240px", display: "flex", "justify-content": "center", "align-items": "center" }, { height: r.height }])
+      }, M(e.$t("_common:noResults")), 5))
+    ]),
+    _: 3
+  }, 16, ["modelValue", "size", "disabled", "max-height"]);
+}
+const ir = /* @__PURE__ */ he(cn, [["render", dn]]), Pe = Ot(jt), or = Pe.smallerOrEqual("sm"), un = Pe.between("md", "lg"), fn = Pe.greaterOrEqual("lg");
+re(
+  () => un.value || fn.value
+);
+function hn({
+  minWidthPx: e,
+  maxWidthPx: t,
+  minFontSize: r,
+  maxFontSize: n
+}) {
+  const s = e, c = t, l = (n - r) / (c - s), a = -s * l + r, d = (o) => Math.round(o * 1e3) / 1e3;
+  return `clamp(${d(r)}px, ${d(
+    a
+  )}px + calc(${d(l) * 100} * var(--vw, 1vw)), ${d(
+    n
+  )}px)`;
+}
+function pn({ size: e }) {
+  let t = e * 0.9;
+  return e > 30 && (t = e * 0.8), e > 40 && (t = e * 0.725), e > 50 && (t = e * 0.675), hn({
+    minWidthPx: 375,
+    maxWidthPx: 1200,
+    minFontSize: t,
+    maxFontSize: e
+  });
+}
+const vn = ({ json: e, prefix: t = "" } = {}) => Object.keys(e || {}).map((r) => {
+  const n = e[r], c = Object.keys(n).map((l) => {
+    const a = l.startsWith("--") ? l : l.split(/(?=[A-Z])/).join("-").toLowerCase(), d = n[l];
+    let o = `${a}:${d}`;
+    return a === "font-size" && (o += `; font-size: ${pn({
+      size: parseInt(d, 10)
+    })}`), o;
+  }).join(";");
+  return `${t}${r}{${c}}`;
+}).join(`
+`), mn = {
+  name: "DynamicStyle",
+  props: {
+    json: {
+      type: Object,
+      default: null
+    },
+    prefix: {
+      type: String,
+      default: ""
+    }
+  },
+  created() {
+    rt(this.json);
+  },
+  methods: {
+    jsonToCss: vn
+  }
+};
+function gn(e, t, r, n, s, c) {
+  return r.json ? (P(), G(Ie("style"), { key: 0 }, {
+    default: N(() => [
+      xe(M(c.jsonToCss({ json: r.json, prefix: r.prefix })), 1)
+    ]),
+    _: 1
+  })) : _e("", !0);
+}
+const yn = /* @__PURE__ */ he(mn, [["render", gn]]), bn = /* @__PURE__ */ we({
+  __name: "DocumentStyleContainer",
+  props: {
+    inputStyle: {}
+  },
+  setup(e) {
+    const t = e, { canEdit: r, isForm: n } = Ye("viewSettings", {
+      canEdit: !1,
+      isForm: !1
+    }), s = zt("container"), { width: c, height: l } = Kt(s), a = re(() => ({
+      "--vw": `${c.value / 100}px`,
+      "--vh": `clamp(7.5px, ${l.value / 100}px, ${r ? 7.5 : 9}px)`
+    })), d = re(
+      () => `document-base-style-${Math.random().toString(36).substr(2, 9)}`
+    ), o = {
+      '[data-typography="title"]': "title",
+      h1: "h1",
+      h2: "h2",
+      h3: "h3",
+      p: "p",
+      blockquote: "blockquote",
+      ".chapter": "section"
+    }, p = re(() => Object.keys(o).filter((k) => !(t.inputStyle || {})[k]).map((k) => `document-legacy-style-${o[k]}`)), v = re(
+      () => {
+        var k, w;
+        return (w = (k = t.inputStyle) == null ? void 0 : k[".chapter"]) == null ? void 0 : w["--accentColor"];
+      }
+    );
+    return (k, w) => (P(), J("div", {
+      ref_key: "container",
+      ref: s,
+      class: Ht([...p.value, d.value]),
+      style: ue(de(n) && a.value)
+    }, [
+      (P(), G(Ie("style"), null, {
+        default: N(() => [
+          xe(" .primary-text-color { color: " + M(v.value) + " !important } .primary-background-color, quill-format ul li::before { background-color: " + M(v.value) + " !important } .primary-box-shadow-left-color { box-shadow: inset 4px 0 " + M(v.value) + " !important } .primary-border-left-color { border-left-color: " + M(v.value) + " !important } .primary-pseudo-background::after { background-color: " + M(v.value) + " !important } .primary-svg-fill { fill: " + M(v.value) + " !important } .primary-light-background { background-color: hsla(0, 0%, 0%, 0.05) !important} .primary-light-box-shadow-left-color { box-shadow: inset 4px 0 " + M(v.value ? v.value.replace(/[^,]+(?=\))/, "0.08") : "") + " !important} .quill-format ul li::before { background-color: " + M(v.value) + " !important } ", 1)
+        ]),
+        _: 1
+      })),
+      fe(yn, {
+        json: k.inputStyle,
+        prefix: `.${d.value}.${d.value}.${d.value} `
+      }, null, 8, ["json", "prefix"]),
+      be("p", null, [
+        ke(k.$slots, "default")
+      ])
+    ], 6));
+  }
+});
+var at = { exports: {} }, wn = at.exports = {};
+wn.forEach = function(e, t) {
+  for (var r = 0; r < e.length; r++) {
+    var n = t(e[r]);
+    if (n)
+      return n;
+  }
+};
+var st = at.exports, xn = function(e) {
+  var t = e.stateHandler.getState;
+  function r(l) {
+    var a = t(l);
+    return a && !!a.isDetectable;
+  }
+  function n(l) {
+    t(l).isDetectable = !0;
+  }
+  function s(l) {
+    return !!t(l).busy;
+  }
+  function c(l, a) {
+    t(l).busy = !!a;
+  }
+  return {
+    isDetectable: r,
+    markAsDetectable: n,
+    isBusy: s,
+    markBusy: c
+  };
+}, kn = function(e) {
+  var t = {};
+  function r(l) {
+    var a = e.get(l);
+    return a === void 0 ? [] : t[a] || [];
+  }
+  function n(l, a) {
+    var d = e.get(l);
+    t[d] || (t[d] = []), t[d].push(a);
+  }
+  function s(l, a) {
+    for (var d = r(l), o = 0, p = d.length; o < p; ++o)
+      if (d[o] === a) {
+        d.splice(o, 1);
+        break;
+      }
+  }
+  function c(l) {
+    var a = r(l);
+    a && (a.length = 0);
+  }
+  return {
+    get: r,
+    add: n,
+    removeListener: s,
+    removeAllListeners: c
+  };
+}, Sn = function() {
+  var e = 1;
+  function t() {
+    return e++;
+  }
+  return {
+    generate: t
+  };
+}, _n = function(e) {
+  var t = e.idGenerator, r = e.stateHandler.getState;
+  function n(c) {
+    var l = r(c);
+    return l && l.id !== void 0 ? l.id : null;
+  }
+  function s(c) {
+    var l = r(c);
+    if (!l)
+      throw new Error("setId required the element to have a resize detection state.");
+    var a = t.generate();
+    return l.id = a, a;
+  }
+  return {
+    get: n,
+    set: s
+  };
+}, En = function(e) {
+  function t() {
+  }
+  var r = {
+    log: t,
+    warn: t,
+    error: t
+  };
+  if (!e && window.console) {
+    var n = function(s, c) {
+      s[c] = function() {
+        var a = console[c];
+        if (a.apply)
+          a.apply(console, arguments);
+        else
+          for (var d = 0; d < arguments.length; d++)
+            a(arguments[d]);
+      };
+    };
+    n(r, "log"), n(r, "warn"), n(r, "error");
+  }
+  return r;
+}, lt = { exports: {} }, ct = lt.exports = {};
+ct.isIE = function(e) {
+  function t() {
+    var n = navigator.userAgent.toLowerCase();
+    return n.indexOf("msie") !== -1 || n.indexOf("trident") !== -1 || n.indexOf(" edge/") !== -1;
+  }
+  if (!t())
+    return !1;
+  if (!e)
+    return !0;
+  var r = function() {
+    var n, s = 3, c = document.createElement("div"), l = c.getElementsByTagName("i");
+    do
+      c.innerHTML = "<!--[if gt IE " + ++s + "]><i></i><![endif]-->";
+    while (l[0]);
+    return s > 4 ? s : n;
+  }();
+  return e === r;
+};
+ct.isLegacyOpera = function() {
+  return !!window.opera;
+};
+var dt = lt.exports, ut = { exports: {} }, Cn = ut.exports = {};
+Cn.getOption = Dn;
+function Dn(e, t, r) {
+  var n = e[t];
+  return n == null && r !== void 0 ? r : n;
+}
+var In = ut.exports, Re = In, Ln = function(t) {
+  t = t || {};
+  var r = t.reporter, n = Re.getOption(t, "async", !0), s = Re.getOption(t, "auto", !0);
+  s && !n && (r && r.warn("Invalid options combination. auto=true and async=false is invalid. Setting async=true."), n = !0);
+  var c = Ve(), l, a = !1;
+  function d(S, O) {
+    !a && s && n && c.size() === 0 && v(), c.add(S, O);
+  }
+  function o() {
+    for (a = !0; c.size(); ) {
+      var S = c;
+      c = Ve(), S.process();
+    }
+    a = !1;
+  }
+  function p(S) {
+    a || (S === void 0 && (S = n), l && (k(l), l = null), S ? v() : o());
+  }
+  function v() {
+    l = w(o);
+  }
+  function k(S) {
+    var O = clearTimeout;
+    return O(S);
+  }
+  function w(S) {
+    var O = function(F) {
+      return setTimeout(F, 0);
+    };
+    return O(S);
+  }
+  return {
+    add: d,
+    force: p
+  };
+};
+function Ve() {
+  var e = {}, t = 0, r = 0, n = 0;
+  function s(a, d) {
+    d || (d = a, a = 0), a > r ? r = a : a < n && (n = a), e[a] || (e[a] = []), e[a].push(d), t++;
+  }
+  function c() {
+    for (var a = n; a <= r; a++)
+      for (var d = e[a], o = 0; o < d.length; o++) {
+        var p = d[o];
+        p();
+      }
+  }
+  function l() {
+    return t;
+  }
+  return {
+    add: s,
+    process: c,
+    size: l
+  };
+}
+var Te = "_erd";
+function Pn(e) {
+  return e[Te] = {}, ft(e);
+}
+function ft(e) {
+  return e[Te];
+}
+function Tn(e) {
+  delete e[Te];
+}
+var An = {
+  initState: Pn,
+  getState: ft,
+  cleanState: Tn
+}, le = dt, On = function(e) {
+  e = e || {};
+  var t = e.reporter, r = e.batchProcessor, n = e.stateHandler.getState;
+  if (!t)
+    throw new Error("Missing required dependency: reporter.");
+  function s(o, p) {
+    function v() {
+      p(o);
+    }
+    if (le.isIE(8))
+      n(o).object = {
+        proxy: v
+      }, o.attachEvent("onresize", v);
+    else {
+      var k = a(o);
+      if (!k)
+        throw new Error("Element is not detectable by this strategy.");
+      k.contentDocument.defaultView.addEventListener("resize", v);
+    }
+  }
+  function c(o) {
+    var p = e.important ? " !important; " : "; ";
+    return (o.join(p) + p).trim();
+  }
+  function l(o, p, v) {
+    v || (v = p, p = o, o = null), o = o || {}, o.debug;
+    function k(w, S) {
+      var O = c(["display: block", "position: absolute", "top: 0", "left: 0", "width: 100%", "height: 100%", "border: none", "padding: 0", "margin: 0", "opacity: 0", "z-index: -1000", "pointer-events: none"]), F = !1, $ = window.getComputedStyle(w), C = w.offsetWidth, D = w.offsetHeight;
+      n(w).startSize = {
+        width: C,
+        height: D
+      };
+      function h() {
+        function i() {
+          if ($.position === "static") {
+            w.style.setProperty("position", "relative", o.important ? "important" : "");
+            var I = function(j, x, T, m) {
+              function b(z) {
+                return z.replace(/[^-\d\.]/g, "");
+              }
+              var B = T[m];
+              B !== "auto" && b(B) !== "0" && (j.warn("An element that is positioned static has style." + m + "=" + B + " which is ignored due to the static positioning. The element will need to be positioned relative, so the style." + m + " will be set to 0. Element: ", x), x.style.setProperty(m, "0", o.important ? "important" : ""));
+            };
+            I(t, w, $, "top"), I(t, w, $, "right"), I(t, w, $, "bottom"), I(t, w, $, "left");
+          }
+        }
+        function _() {
+          F || i();
+          function I(x, T) {
+            if (!x.contentDocument) {
+              var m = n(x);
+              m.checkForObjectDocumentTimeoutId && window.clearTimeout(m.checkForObjectDocumentTimeoutId), m.checkForObjectDocumentTimeoutId = setTimeout(function() {
+                m.checkForObjectDocumentTimeoutId = 0, I(x, T);
+              }, 100);
+              return;
+            }
+            T(x.contentDocument);
+          }
+          var j = this;
+          I(j, function(T) {
+            S(w);
+          });
+        }
+        $.position !== "" && (i(), F = !0);
+        var u = document.createElement("object");
+        u.style.cssText = O, u.tabIndex = -1, u.type = "text/html", u.setAttribute("aria-hidden", "true"), u.onload = _, le.isIE() || (u.data = "about:blank"), n(w) && (w.appendChild(u), n(w).object = u, le.isIE() && (u.data = "about:blank"));
+      }
+      r ? r.add(h) : h();
+    }
+    le.isIE(8) ? v(p) : k(p, v);
+  }
+  function a(o) {
+    return n(o).object;
+  }
+  function d(o) {
+    if (n(o)) {
+      var p = a(o);
+      p && (le.isIE(8) ? o.detachEvent("onresize", p.proxy) : o.removeChild(p), n(o).checkForObjectDocumentTimeoutId && window.clearTimeout(n(o).checkForObjectDocumentTimeoutId), delete n(o).object);
+    }
+  }
+  return {
+    makeDetectable: l,
+    addListener: s,
+    uninstall: d
+  };
+}, jn = st.forEach, zn = function(e) {
+  e = e || {};
+  var t = e.reporter, r = e.batchProcessor, n = e.stateHandler.getState;
+  e.stateHandler.hasState;
+  var s = e.idHandler;
+  if (!r)
+    throw new Error("Missing required dependency: batchProcessor");
+  if (!t)
+    throw new Error("Missing required dependency: reporter.");
+  var c = p(), l = "erd_scroll_detection_scrollbar_style", a = "erd_scroll_detection_container";
+  function d(h) {
+    v(h, l, a);
+  }
+  d(window.document);
+  function o(h) {
+    var i = e.important ? " !important; " : "; ";
+    return (h.join(i) + i).trim();
+  }
+  function p() {
+    var h = 500, i = 500, _ = document.createElement("div");
+    _.style.cssText = o(["position: absolute", "width: " + h * 2 + "px", "height: " + i * 2 + "px", "visibility: hidden", "margin: 0", "padding: 0"]);
+    var u = document.createElement("div");
+    u.style.cssText = o(["position: absolute", "width: " + h + "px", "height: " + i + "px", "overflow: scroll", "visibility: none", "top: " + -h * 3 + "px", "left: " + -i * 3 + "px", "visibility: hidden", "margin: 0", "padding: 0"]), u.appendChild(_), document.body.insertBefore(u, document.body.firstChild);
+    var I = h - u.clientWidth, j = i - u.clientHeight;
+    return document.body.removeChild(u), {
+      width: I,
+      height: j
+    };
+  }
+  function v(h, i, _) {
+    function u(T, m) {
+      m = m || function(B) {
+        h.head.appendChild(B);
+      };
+      var b = h.createElement("style");
+      return b.innerHTML = T, b.id = i, m(b), b;
+    }
+    if (!h.getElementById(i)) {
+      var I = _ + "_animation", j = _ + "_animation_active", x = `/* Created by the element-resize-detector library. */
+`;
+      x += "." + _ + " > div::-webkit-scrollbar { " + o(["display: none"]) + ` }
+
+`, x += "." + j + " { " + o(["-webkit-animation-duration: 0.1s", "animation-duration: 0.1s", "-webkit-animation-name: " + I, "animation-name: " + I]) + ` }
+`, x += "@-webkit-keyframes " + I + ` { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } }
+`, x += "@keyframes " + I + " { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } }", u(x);
+    }
+  }
+  function k(h) {
+    h.className += " " + a + "_animation_active";
+  }
+  function w(h, i, _) {
+    if (h.addEventListener)
+      h.addEventListener(i, _);
+    else if (h.attachEvent)
+      h.attachEvent("on" + i, _);
+    else
+      return t.error("[scroll] Don't know how to add event listeners.");
+  }
+  function S(h, i, _) {
+    if (h.removeEventListener)
+      h.removeEventListener(i, _);
+    else if (h.detachEvent)
+      h.detachEvent("on" + i, _);
+    else
+      return t.error("[scroll] Don't know how to remove event listeners.");
+  }
+  function O(h) {
+    return n(h).container.childNodes[0].childNodes[0].childNodes[0];
+  }
+  function F(h) {
+    return n(h).container.childNodes[0].childNodes[0].childNodes[1];
+  }
+  function $(h, i) {
+    var _ = n(h).listeners;
+    if (!_.push)
+      throw new Error("Cannot add listener to an element that is not detectable.");
+    n(h).listeners.push(i);
+  }
+  function C(h, i, _) {
+    _ || (_ = i, i = h, h = null), h = h || {};
+    function u() {
+      if (h.debug) {
+        var f = Array.prototype.slice.call(arguments);
+        if (f.unshift(s.get(i), "Scroll: "), t.log.apply)
+          t.log.apply(null, f);
+        else
+          for (var g = 0; g < f.length; g++)
+            t.log(f[g]);
+      }
+    }
+    function I(f) {
+      function g(E) {
+        var R = E.getRootNode && E.getRootNode().contains(E);
+        return E === E.ownerDocument.body || E.ownerDocument.body.contains(E) || R;
+      }
+      return !g(f) || window.getComputedStyle(f) === null;
+    }
+    function j(f) {
+      var g = n(f).container.childNodes[0], E = window.getComputedStyle(g);
+      return !E.width || E.width.indexOf("px") === -1;
+    }
+    function x() {
+      var f = window.getComputedStyle(i), g = {};
+      return g.position = f.position, g.width = i.offsetWidth, g.height = i.offsetHeight, g.top = f.top, g.right = f.right, g.bottom = f.bottom, g.left = f.left, g.widthCSS = f.width, g.heightCSS = f.height, g;
+    }
+    function T() {
+      var f = x();
+      n(i).startSize = {
+        width: f.width,
+        height: f.height
+      }, u("Element start size", n(i).startSize);
+    }
+    function m() {
+      n(i).listeners = [];
+    }
+    function b() {
+      if (u("storeStyle invoked."), !n(i)) {
+        u("Aborting because element has been uninstalled");
+        return;
+      }
+      var f = x();
+      n(i).style = f;
+    }
+    function B(f, g, E) {
+      n(f).lastWidth = g, n(f).lastHeight = E;
+    }
+    function z(f) {
+      return O(f).childNodes[0];
+    }
+    function X() {
+      return 2 * c.width + 1;
+    }
+    function pe() {
+      return 2 * c.height + 1;
+    }
+    function ve(f) {
+      return f + 10 + X();
+    }
+    function me(f) {
+      return f + 10 + pe();
+    }
+    function ht(f) {
+      return f * 2 + X();
+    }
+    function pt(f) {
+      return f * 2 + pe();
+    }
+    function Ae(f, g, E) {
+      var R = O(f), ee = F(f), ie = ve(g), oe = me(E), H = ht(g), y = pt(E);
+      R.scrollLeft = ie, R.scrollTop = oe, ee.scrollLeft = H, ee.scrollTop = y;
+    }
+    function Oe() {
+      var f = n(i).container;
+      if (!f) {
+        f = document.createElement("div"), f.className = a, f.style.cssText = o(["visibility: hidden", "display: inline", "width: 0px", "height: 0px", "z-index: -1", "overflow: hidden", "margin: 0", "padding: 0"]), n(i).container = f, k(f), i.appendChild(f);
+        var g = function() {
+          n(i).onRendered && n(i).onRendered();
+        };
+        w(f, "animationstart", g), n(i).onAnimationStart = g;
+      }
+      return f;
+    }
+    function vt() {
+      function f() {
+        var L = n(i).style;
+        if (L.position === "static") {
+          i.style.setProperty("position", "relative", h.important ? "important" : "");
+          var U = function(se, ne, bt, ye) {
+            function wt(xt) {
+              return xt.replace(/[^-\d\.]/g, "");
+            }
+            var Se = bt[ye];
+            Se !== "auto" && wt(Se) !== "0" && (se.warn("An element that is positioned static has style." + ye + "=" + Se + " which is ignored due to the static positioning. The element will need to be positioned relative, so the style." + ye + " will be set to 0. Element: ", ne), ne.style[ye] = 0);
+          };
+          U(t, i, L, "top"), U(t, i, L, "right"), U(t, i, L, "bottom"), U(t, i, L, "left");
+        }
+      }
+      function g(L, U, se, ne) {
+        return L = L ? L + "px" : "0", U = U ? U + "px" : "0", se = se ? se + "px" : "0", ne = ne ? ne + "px" : "0", ["left: " + L, "top: " + U, "right: " + ne, "bottom: " + se];
+      }
+      if (u("Injecting elements"), !n(i)) {
+        u("Aborting because element has been uninstalled");
+        return;
+      }
+      f();
+      var E = n(i).container;
+      E || (E = Oe());
+      var R = c.width, ee = c.height, ie = o(["position: absolute", "flex: none", "overflow: hidden", "z-index: -1", "visibility: hidden", "width: 100%", "height: 100%", "left: 0px", "top: 0px"]), oe = o(["position: absolute", "flex: none", "overflow: hidden", "z-index: -1", "visibility: hidden"].concat(g(-(1 + R), -(1 + ee), -ee, -R))), H = o(["position: absolute", "flex: none", "overflow: scroll", "z-index: -1", "visibility: hidden", "width: 100%", "height: 100%"]), y = o(["position: absolute", "flex: none", "overflow: scroll", "z-index: -1", "visibility: hidden", "width: 100%", "height: 100%"]), W = o(["position: absolute", "left: 0", "top: 0"]), te = o(["position: absolute", "width: 200%", "height: 200%"]), V = document.createElement("div"), q = document.createElement("div"), ae = document.createElement("div"), ze = document.createElement("div"), ge = document.createElement("div"), He = document.createElement("div");
+      V.dir = "ltr", V.style.cssText = ie, V.className = a, q.className = a, q.style.cssText = oe, ae.style.cssText = H, ze.style.cssText = W, ge.style.cssText = y, He.style.cssText = te, ae.appendChild(ze), ge.appendChild(He), q.appendChild(ae), q.appendChild(ge), V.appendChild(q), E.appendChild(V);
+      function Be() {
+        var L = n(i);
+        L && L.onExpand ? L.onExpand() : u("Aborting expand scroll handler: element has been uninstalled");
+      }
+      function We() {
+        var L = n(i);
+        L && L.onShrink ? L.onShrink() : u("Aborting shrink scroll handler: element has been uninstalled");
+      }
+      w(ae, "scroll", Be), w(ge, "scroll", We), n(i).onExpandScroll = Be, n(i).onShrinkScroll = We;
+    }
+    function mt() {
+      function f(H, y, W) {
+        var te = z(H), V = ve(y), q = me(W);
+        te.style.setProperty("width", V + "px", h.important ? "important" : ""), te.style.setProperty("height", q + "px", h.important ? "important" : "");
+      }
+      function g(H) {
+        var y = i.offsetWidth, W = i.offsetHeight, te = y !== n(i).lastWidth || W !== n(i).lastHeight;
+        u("Storing current size", y, W), B(i, y, W), r.add(0, function() {
+          if (te) {
+            if (!n(i)) {
+              u("Aborting because element has been uninstalled");
+              return;
+            }
+            if (!E()) {
+              u("Aborting because element container has not been initialized");
+              return;
+            }
+            if (h.debug) {
+              var q = i.offsetWidth, ae = i.offsetHeight;
+              (q !== y || ae !== W) && t.warn(s.get(i), "Scroll: Size changed before updating detector elements.");
+            }
+            f(i, y, W);
+          }
+        }), r.add(1, function() {
+          if (!n(i)) {
+            u("Aborting because element has been uninstalled");
+            return;
+          }
+          if (!E()) {
+            u("Aborting because element container has not been initialized");
+            return;
+          }
+          Ae(i, y, W);
+        }), te && H && r.add(2, function() {
+          if (!n(i)) {
+            u("Aborting because element has been uninstalled");
+            return;
+          }
+          if (!E()) {
+            u("Aborting because element container has not been initialized");
+            return;
+          }
+          H();
+        });
+      }
+      function E() {
+        return !!n(i).container;
+      }
+      function R() {
+        function H() {
+          return n(i).lastNotifiedWidth === void 0;
+        }
+        u("notifyListenersIfNeeded invoked");
+        var y = n(i);
+        if (H() && y.lastWidth === y.startSize.width && y.lastHeight === y.startSize.height)
+          return u("Not notifying: Size is the same as the start size, and there has been no notification yet.");
+        if (y.lastWidth === y.lastNotifiedWidth && y.lastHeight === y.lastNotifiedHeight)
+          return u("Not notifying: Size already notified");
+        u("Current size not notified, notifying..."), y.lastNotifiedWidth = y.lastWidth, y.lastNotifiedHeight = y.lastHeight, jn(n(i).listeners, function(W) {
+          W(i);
+        });
+      }
+      function ee() {
+        if (u("startanimation triggered."), j(i)) {
+          u("Ignoring since element is still unrendered...");
+          return;
+        }
+        u("Element rendered.");
+        var H = O(i), y = F(i);
+        (H.scrollLeft === 0 || H.scrollTop === 0 || y.scrollLeft === 0 || y.scrollTop === 0) && (u("Scrollbars out of sync. Updating detector elements..."), g(R));
+      }
+      function ie() {
+        if (u("Scroll detected."), j(i)) {
+          u("Scroll event fired while unrendered. Ignoring...");
+          return;
+        }
+        g(R);
+      }
+      if (u("registerListenersAndPositionElements invoked."), !n(i)) {
+        u("Aborting because element has been uninstalled");
+        return;
+      }
+      n(i).onRendered = ee, n(i).onExpand = ie, n(i).onShrink = ie;
+      var oe = n(i).style;
+      f(i, oe.width, oe.height);
+    }
+    function gt() {
+      if (u("finalizeDomMutation invoked."), !n(i)) {
+        u("Aborting because element has been uninstalled");
+        return;
+      }
+      var f = n(i).style;
+      B(i, f.width, f.height), Ae(i, f.width, f.height);
+    }
+    function yt() {
+      _(i);
+    }
+    function je() {
+      u("Installing..."), m(), T(), r.add(0, b), r.add(1, vt), r.add(2, mt), r.add(3, gt), r.add(4, yt);
+    }
+    u("Making detectable..."), I(i) ? (u("Element is detached"), Oe(), u("Waiting until element is attached..."), n(i).onRendered = function() {
+      u("Element is now attached"), je();
+    }) : je();
+  }
+  function D(h) {
+    var i = n(h);
+    i && (i.onExpandScroll && S(O(h), "scroll", i.onExpandScroll), i.onShrinkScroll && S(F(h), "scroll", i.onShrinkScroll), i.onAnimationStart && S(i.container, "animationstart", i.onAnimationStart), i.container && h.removeChild(i.container));
+  }
+  return {
+    makeDetectable: C,
+    addListener: $,
+    uninstall: D,
+    initDocument: d
+  };
+}, ce = st.forEach, Hn = xn, Bn = kn, Wn = Sn, Mn = _n, Nn = En, qe = dt, Fn = Ln, Q = An, $n = On, Rn = zn;
+function Ue(e) {
+  return Array.isArray(e) || e.length !== void 0;
+}
+function Ge(e) {
+  if (Array.isArray(e))
+    return e;
+  var t = [];
+  return ce(e, function(r) {
+    t.push(r);
+  }), t;
+}
+function Qe(e) {
+  return e && e.nodeType === 1;
+}
+var Vn = function(e) {
+  e = e || {};
+  var t;
+  if (e.idHandler)
+    t = {
+      get: function(C) {
+        return e.idHandler.get(C, !0);
+      },
+      set: e.idHandler.set
+    };
+  else {
+    var r = Wn(), n = Mn({
+      idGenerator: r,
+      stateHandler: Q
+    });
+    t = n;
+  }
+  var s = e.reporter;
+  if (!s) {
+    var c = s === !1;
+    s = Nn(c);
+  }
+  var l = K(e, "batchProcessor", Fn({ reporter: s })), a = {};
+  a.callOnAdd = !!K(e, "callOnAdd", !0), a.debug = !!K(e, "debug", !1);
+  var d = Bn(t), o = Hn({
+    stateHandler: Q
+  }), p, v = K(e, "strategy", "object"), k = K(e, "important", !1), w = {
+    reporter: s,
+    batchProcessor: l,
+    stateHandler: Q,
+    idHandler: t,
+    important: k
+  };
+  if (v === "scroll" && (qe.isLegacyOpera() ? (s.warn("Scroll strategy is not supported on legacy Opera. Changing to object strategy."), v = "object") : qe.isIE(9) && (s.warn("Scroll strategy is not supported on IE9. Changing to object strategy."), v = "object")), v === "scroll")
+    p = Rn(w);
+  else if (v === "object")
+    p = $n(w);
+  else
+    throw new Error("Invalid strategy name: " + v);
+  var S = {};
+  function O(C, D, h) {
+    function i(T) {
+      var m = d.get(T);
+      ce(m, function(B) {
+        B(T);
+      });
+    }
+    function _(T, m, b) {
+      d.add(m, b), T && b(m);
+    }
+    if (h || (h = D, D = C, C = {}), !D)
+      throw new Error("At least one element required.");
+    if (!h)
+      throw new Error("Listener required.");
+    if (Qe(D))
+      D = [D];
+    else if (Ue(D))
+      D = Ge(D);
+    else
+      return s.error("Invalid arguments. Must be a DOM element or a collection of DOM elements.");
+    var u = 0, I = K(C, "callOnAdd", a.callOnAdd), j = K(C, "onReady", function() {
+    }), x = K(C, "debug", a.debug);
+    ce(D, function(m) {
+      Q.getState(m) || (Q.initState(m), t.set(m));
+      var b = t.get(m);
+      if (x && s.log("Attaching listener to element", b, m), !o.isDetectable(m)) {
+        if (x && s.log(b, "Not detectable."), o.isBusy(m)) {
+          x && s.log(b, "System busy making it detectable"), _(I, m, h), S[b] = S[b] || [], S[b].push(function() {
+            u++, u === D.length && j();
+          });
+          return;
+        }
+        return x && s.log(b, "Making detectable..."), o.markBusy(m, !0), p.makeDetectable({ debug: x, important: k }, m, function(z) {
+          if (x && s.log(b, "onElementDetectable"), Q.getState(z)) {
+            o.markAsDetectable(z), o.markBusy(z, !1), p.addListener(z, i), _(I, z, h);
+            var X = Q.getState(z);
+            if (X && X.startSize) {
+              var pe = z.offsetWidth, ve = z.offsetHeight;
+              (X.startSize.width !== pe || X.startSize.height !== ve) && i(z);
+            }
+            S[b] && ce(S[b], function(me) {
+              me();
+            });
+          } else
+            x && s.log(b, "Element uninstalled before being detectable.");
+          delete S[b], u++, u === D.length && j();
+        });
+      }
+      x && s.log(b, "Already detecable, adding listener."), _(I, m, h), u++;
+    }), u === D.length && j();
+  }
+  function F(C) {
+    if (!C)
+      return s.error("At least one element is required.");
+    if (Qe(C))
+      C = [C];
+    else if (Ue(C))
+      C = Ge(C);
+    else
+      return s.error("Invalid arguments. Must be a DOM element or a collection of DOM elements.");
+    ce(C, function(D) {
+      d.removeAllListeners(D), p.uninstall(D), Q.cleanState(D);
+    });
+  }
+  function $(C) {
+    p.initDocument && p.initDocument(C);
+  }
+  return {
+    listenTo: O,
+    removeListener: d.removeListener,
+    removeAllListeners: d.removeAllListeners,
+    uninstall: F,
+    initDocument: $
+  };
+};
+function K(e, t, r) {
+  var n = e[t];
+  return n == null && r !== void 0 ? r : n;
+}
+const qn = /* @__PURE__ */ Bt(Vn), Un = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+  __name: "WithDimensions",
+  props: { provideDevice: Boolean },
+  emits: ["width", "height", "resize"],
+  setup(e, { emit: t }) {
+    window.elementResizeDetectorMaker || (window.elementResizeDetectorMaker = qn({
+      strategy: "scroll"
+    }));
+    const r = e, n = t, s = (o) => o <= 640 ? "mobile" : o <= 1024 ? "tablet" : "desktop", c = Z(null), l = Z(null), a = Z({ device: "desktop" }), d = Wt();
+    return r.provideDevice && (Ke("containerType", a), Le(c, (o) => {
+      a.value.device = s(o);
+    })), Ze(() => {
+      var v;
+      const o = (v = d.value) == null ? void 0 : v.nextElementSibling;
+      if (!o) return;
+      const p = () => {
+        c.value = o.offsetWidth, l.value = o.offsetHeight, n("width", o.offsetWidth), n("height", o.offsetHeight), n("resize");
+      };
+      window.elementResizeDetectorMaker.listenTo(o, p), c.value = o.offsetWidth, l.value = o.offsetHeight, Mt(() => {
+        window.elementResizeDetectorMaker.uninstall(o);
+      });
+    }), (o, p) => ke(o.$slots, "default", {
+      width: c.value,
+      height: l.value
+    });
+  }
+}), Gn = {
+  name: "DocumentLayout",
+  components: {
+    DynamicChapter: Xe,
+    DocumentStyleContainer: bn,
+    WithDimensions: Un
+  },
+  props: {
+    document: {
+      type: Object,
+      required: !0
+    }
+  },
+  computed: {
+    layout() {
+      var e;
+      return ((e = this.document) == null ? void 0 : e.readLayout) || [];
+    }
+  }
+}, Qn = { class: "font-family-default h-full w-full" };
+function Kn(e, t, r, n, s, c) {
+  const l = Y("DynamicChapter"), a = Y("DocumentStyleContainer"), d = Y("WithDimensions");
+  return P(), J("div", Qn, [
+    fe(d, { "provide-device": !0 }, {
+      default: N(() => {
+        var o, p;
+        return [
+          fe(a, {
+            "input-style": (p = (o = r.document) == null ? void 0 : o.data) == null ? void 0 : p.css,
+            style: { flex: "1 0 auto" },
+            class: "h-full w-full"
+          }, {
+            default: N(() => [
+              (P(!0), J(Ce, null, Ee(c.layout, (v, k) => (P(), G(l, {
+                key: k,
+                "component-name": v.componentName,
+                "component-props": {
+                  ...v.props,
+                  _document: r.document,
+                  _value: v.value
+                },
+                children: v.children,
+                "_first-block": k === 0,
+                "_last-block": k === c.layout.length - 1
+              }, null, 8, ["component-name", "component-props", "children", "_first-block", "_last-block"]))), 128))
+            ]),
+            _: 1
+          }, 8, ["input-style"])
+        ];
+      }),
+      _: 1
+    })
+  ]);
+}
+const Yn = /* @__PURE__ */ he(Gn, [["render", Kn]]), ar = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Yn
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  Yn as D,
+  ir as F,
+  bn as _,
+  Un as a,
+  Xe as b,
+  ar as c,
+  rr as g,
+  or as i,
+  nt as l,
+  Yt as u
+};