@cling-se/widget 0.17.2 → 0.18.0

package/dist/DocumentLayout-DkFlHgW6.js

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