@cling-se/widget 0.17.2 → 0.18.0

package/dist/useTermsModal-VDnO1Lro.js

@@ -0,0 +1,87 @@
+import { _, e as m, o as f, b as h, s as i, d as c, w as u, aH as v } from "./main-Bn5XkQPb.js";
+import { m as M } from "./mapFormMixin-C7FJLnbO.js";
+import { D as w } from "./DocModalBase-BxKsnwN-.js";
+import { _ as x } from "./DocumentLayout-DkFlHgW6.js";
+const C = {
+  name: "TermsModal",
+  components: {
+    DocModalBase: w,
+    DocumentStyleContainer: x
+  },
+  mixins: [M([])],
+  props: {
+    text: {
+      type: String,
+      required: !0
+    }
+  },
+  emits: ["close"]
+}, $ = { class: "sticky-btn" }, B = { style: { padding: "0 calc(1 * var(--rem))" } }, g = ["innerHTML"];
+function b(o, e, a, d, t, s) {
+  const l = m("CButton"), r = m("DocumentStyleContainer"), p = m("DocModalBase");
+  return f(), h("div", null, [
+    i("div", {
+      style: { height: "200px", "max-height": "15vh" },
+      onClick: e[0] || (e[0] = (n) => o.$emit("close"))
+    }),
+    c(p, {
+      class: "terms-root",
+      onClose: e[2] || (e[2] = (n) => o.$emit("close"))
+    }, {
+      default: u(() => {
+        var n;
+        return [
+          i("div", $, [
+            c(l, {
+              circle: "",
+              icon: "x",
+              onClick: e[1] || (e[1] = (D) => o.$emit("close"))
+            })
+          ]),
+          i("div", B, [
+            c(r, {
+              "input-style": ((n = o._document.data) == null ? void 0 : n.css) || null,
+              style: { width: "100%", height: "100%" }
+            }, {
+              default: u(() => [
+                i("div", {
+                  class: "term-text quill-format",
+                  innerHTML: a.text
+                }, null, 8, g)
+              ]),
+              _: 1
+            }, 8, ["input-style"])
+          ])
+        ];
+      }),
+      _: 1
+    })
+  ]);
+}
+const y = /* @__PURE__ */ _(C, [["render", b]]);
+function q() {
+  const { show: o } = v();
+  return { showTermsModal: ({ text: a, _document: d, termType: t, file: s, href: l }) => {
+    if (t === "text")
+      o(
+        y,
+        { text: a, _document: d },
+        {
+          adaptive: !0,
+          height: "auto",
+          scrollable: !0,
+          maxWidth: 700,
+          width: "100%",
+          classes: "overflow-visible mobile-margin-bottom-0",
+          transition: "fade-in-slide-up"
+        }
+      );
+    else if (t === "file" || t === "href") {
+      const r = t === "file" ? ((s == null ? void 0 : s.url) || "").replace(/\+/g, "%2B") : l;
+      window.open(r, "_blank", "noopener");
+    }
+  } };
+}
+export {
+  q as u
+};

package/dist/{utils-CMs9ODO8.js → utils-DZkn0Q9c.js}

@@ -1,4 +1,4 @@
-import { q as d, c as m } from "./main-BpqUyMpC.js";
+import { a3 as d, p as m } from "./main-Bn5XkQPb.js";
 const s = {
   youtube: {
     reg: /^(?:https?:\/\/)?(?:(?:www|m)\.)?(?:youtu\.be\/|youtube\.com\/(?:embed\/|v\/|watch\?v=|watch\?.+&v=))((?:\w|-){11})(?:\S+)?$/,
@@ -59,21 +59,18 @@ const s = {
       hideEmbedTopBar: !0
     })
   }
-}, p = (t) => "?" + Object.keys(t).map((e) => e + "=" + t[e]).join("&"), c = (t = "") => {
+}, p = (t) => "?" + Object.keys(t).map((e) => e + "=" + t[e]).join("&"), u = (t = "") => {
   let e = { type: null, id: null };
-  if (typeof t != "string")
-    return e;
+  if (typeof t != "string") return e;
   const o = new RegExp(
-    Object.keys(s).map((u) => s[u].reg.source).join("|")
+    Object.keys(s).map((c) => s[c].reg.source).join("|")
   ), a = t.match(o);
-  if (!a)
-    return e;
+  if (!a) return e;
   const [, r, i, l, n] = a;
   return r ? e = { type: "youtube", id: r } : i ? e = { type: "vimeo", id: i } : l ? e = { type: "wistia", id: l } : n && (e = { type: "loom", id: n }), e;
 }, b = async (t) => {
-  const { type: e, id: o } = c(t);
-  if (!s[e] || !e || !o)
-    return null;
+  const { type: e, id: o } = u(t);
+  if (!s[e] || !e || !o) return null;
   const a = {
     type: e,
     url: s[e].standardSrc ? s[e].standardSrc(o) : t
@@ -88,7 +85,7 @@ const s = {
     return null;
   }
 }, w = async (t, e = { background: !1 }) => {
-  const { type: o, id: a } = c(t);
+  const { type: o, id: a } = u(t);
   if (!o || !a || !s[o])
     return null;
   let r = s[o].src(a);

package/dist/validation-CqBkar3f.js

@@ -0,0 +1,40 @@
+import { x as l, y as c } from "./main-Bn5XkQPb.js";
+import { s } from "./dom-CkTGWrfu.js";
+import { u } from "./index-D8hGHka6.js";
+const d = Symbol(
+  "validateDocument"
+);
+function p() {
+  const n = u();
+  function e() {
+    return n.value.$validate();
+  }
+  function a({
+    selector: t = '[data-type="error-callout"]',
+    offset: i = 0
+  } = {}) {
+    try {
+      const o = document.querySelector(t);
+      o && s(o, { offset: i, behavior: "smooth" });
+    } catch (o) {
+      c(o);
+    }
+  }
+  async function r() {
+    const t = await e();
+    return t || a({ offset: 120 }), t;
+  }
+  return l(d, {
+    isValid: r,
+    validate: e,
+    scrollToInvalidInput: a
+  }), {
+    isValid: r,
+    validate: e,
+    scrollToInvalidInput: a
+  };
+}
+export {
+  p as u,
+  d as v
+};