@win2win/shared-ui 0.3.238 → 0.3.239

package/dist/components/pdf/PdfContainer.vue2.js

@@ -0,0 +1,102 @@
+import { defineComponent as w, computed as P, ref as s, onMounted as C, inject as B, resolveComponent as m, createElementBlock as c, openBlock as o, createBlock as x, createVNode as i, createCommentVNode as v, resolveDynamicComponent as E, unref as h, withCtx as S, normalizeStyle as V } from "vue";
+import { QSkeleton as D, QBtn as N } from "quasar";
+const T = {
+  key: 1,
+  class: "pdf-placeholder"
+}, b = {
+  key: 2,
+  class: "actions no-print"
+}, Q = /* @__PURE__ */ w({
+  __name: "PdfContainer",
+  props: {
+    pdf: {}
+  },
+  setup(z) {
+    const l = P(() => typeof window < "u"), r = s(null);
+    C(async () => {
+      if (l.value)
+        try {
+          const e = await import("pdf-vue3");
+          r.value = e.default;
+        } catch (e) {
+          console.error("Error loading pdf-vue3:", e);
+        }
+    });
+    const u = B("globalModel"), d = s(null), a = s(null), g = () => {
+      var e;
+      (e = d.value) == null || e.clearSignature(), f();
+    }, _ = s(0);
+    function y(e) {
+      const t = e._pdfInfo;
+      if (_.value = t.numPages, typeof document > "u") return;
+      const n = document.getElementsByClassName(
+        "pdf-vue3-canvas-container"
+      )[0];
+      setTimeout(() => {
+        const p = n.clientWidth, k = n.clientHeight + 600;
+        a.value = { width: p, height: k };
+      }, 100);
+    }
+    const f = () => {
+      var t, n;
+      const e = !((t = d.value) != null && t.isEmpty());
+      u.value = {
+        ...u.value,
+        signed: e,
+        values: {
+          ...(n = u.value) == null ? void 0 : n.values
+        }
+      };
+    };
+    return (e, t) => {
+      const n = m("VueSignaturePad"), p = m("client-only");
+      return o(), c("div", {
+        class: "pdf-container",
+        onPointermove: f
+      }, [
+        r.value && l.value ? (o(), x(E(r.value), {
+          key: 0,
+          src: e.pdf.url,
+          showBackToTopBtn: !1,
+          rowGap: 0,
+          ref: "pdfRef",
+          onOnPdfInit: y
+        }, null, 40, ["src"])) : (o(), c("div", T, [
+          i(h(D), { height: "500px" })
+        ])),
+        i(p, null, {
+          default: S(() => [
+            a.value && l.value ? (o(), c("div", {
+              key: 0,
+              class: "signature",
+              style: V({
+                width: a.value.width + "px",
+                height: a.value.height + "px"
+              })
+            }, [
+              i(n, {
+                width: "100%",
+                height: "100%",
+                ref_key: "signaturePad",
+                ref: d
+              }, null, 512)
+            ], 4)) : v("", !0)
+          ]),
+          _: 1
+        }),
+        l.value ? (o(), c("div", b, [
+          i(h(N), {
+            size: "lg",
+            round: "",
+            color: "black",
+            icon: "replay",
+            onClick: g
+          })
+        ])) : v("", !0)
+      ], 32);
+    };
+  }
+});
+export {
+  Q as default
+};

package/dist/components/pdf/SectionWrapper.vue.js

@@ -0,0 +1,33 @@
+import { defineComponent as p, computed as e, createBlock as a, openBlock as m, resolveDynamicComponent as s, normalizeProps as u, guardReactiveProps as y } from "vue";
+import "../../node_modules/@win2win/shared/dist/index.js";
+import S from "./sections/CardGridSection.vue.js";
+import T from "./sections/ImageSection.vue.js";
+import l from "./sections/RadioButtonsSection.vue.js";
+import f from "./sections/SignatureSection.vue.js";
+import d from "./sections/TableSection.vue.js";
+import _ from "./sections/TextSection.vue.js";
+import { __exports as o } from "../../_virtual/index.js";
+const g = /* @__PURE__ */ p({
+  __name: "SectionWrapper",
+  props: {
+    section: {}
+  },
+  setup(n) {
+    const t = n, c = {
+      [o.LayoutSectionType.TEXT]: _,
+      [o.LayoutSectionType.IMAGE]: T,
+      [o.LayoutSectionType.TABLE]: d,
+      [o.LayoutSectionType.CARDS_GRID]: S,
+      [o.LayoutSectionType.SIGNATURE]: f,
+      [o.LayoutSectionType.RADIO_BUTTONS]: l
+    }, i = e(() => t.section.type), r = e(() => ({
+      content: t.section.content,
+      styles: t.section.styles,
+      id: t.section.idDocLaySection
+    }));
+    return (L, R) => (m(), a(s(c[i.value]), u(y(r.value)), null, 16));
+  }
+});
+export {
+  g as default
+};

package/dist/components/pdf/SectionWrapper.vue2.js

@@ -0,0 +1,4 @@
+import f from "./SectionWrapper.vue.js";
+export {
+  f as default
+};

package/dist/components/pdf/SectionsContainer.vue.js

@@ -0,0 +1,9 @@
+import o from "./SectionsContainer.vue2.js";
+import s from "./SectionsContainer.vue3.js";
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const e = {
+  $style: s
+}, f = /* @__PURE__ */ t(o, [["__cssModules", e]]);
+export {
+  f as default
+};

package/dist/components/pdf/SectionsContainer.vue2.js

@@ -0,0 +1,56 @@
+import { defineComponent as b, mergeModels as B, useModel as M, provide as s, toRefs as C, ref as V, computed as E, createElementBlock as a, openBlock as o, normalizeStyle as N, unref as R, createBlock as r, Fragment as f, renderList as S } from "vue";
+import $ from "./DomSection.vue.js";
+import w from "./PdfContainer.vue.js";
+import z from "./SectionWrapper.vue.js";
+const q = /* @__PURE__ */ b({
+  __name: "SectionsContainer",
+  props: /* @__PURE__ */ B({
+    layout: {},
+    data: {},
+    htmlNodes: {},
+    pdf: {},
+    editable: { type: Boolean }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(d) {
+    var m, u;
+    const p = M(d, "modelValue");
+    s("globalModel", p);
+    const c = d, { layout: i, data: y, editable: h } = C(c);
+    s("data", y), s("editable", h || V(!1));
+    const k = E(() => {
+      var n, l;
+      const e = ((n = i.value) == null ? void 0 : n.sections.map((t) => ({
+        type: "default",
+        section: t
+      }))) || [];
+      return (l = c.htmlNodes) == null || l.forEach(({ index: t, element: g }) => {
+        const v = t > e.length ? e.length : t;
+        e.splice(v, 0, { type: "html", section: g });
+      }), e;
+    }), _ = ((u = (m = i.value) == null ? void 0 : m.styles) == null ? void 0 : u.cssRaw) || "";
+    return (e, n) => (o(), a("div", {
+      class: "sections-container",
+      style: N(R(_))
+    }, [
+      e.pdf ? (o(), r(w, {
+        key: 0,
+        pdf: e.pdf
+      }, null, 8, ["pdf"])) : (o(!0), a(f, { key: 1 }, S(k.value, ({ type: l, section: t }) => (o(), a(f, null, [
+        l === "default" ? (o(), r(z, {
+          key: 0,
+          section: t
+        }, null, 8, ["section"])) : (o(), r($, {
+          key: 1,
+          section: t
+        }, null, 8, ["section"]))
+      ], 64))), 256))
+    ], 4));
+  }
+});
+export {
+  q as default
+};

package/dist/components/pdf/SectionsContainer.vue3.js

@@ -0,0 +1,6 @@
+const t = {
+  "sections-container": "_sections-container_ikqi4_2"
+};
+export {
+  t as default
+};

package/dist/components/pdf/helpers.js

@@ -0,0 +1,23 @@
+function f(o, l) {
+  const u = `{{${l}}}`;
+  try {
+    const t = l.split(".").flatMap((e) => {
+      var n;
+      const s = /(\w+)\[(\d+)\]/g, r = (n = Array.from(e.matchAll(s))) == null ? void 0 : n[0];
+      return r != null && r.length ? r.slice(1) : e;
+    });
+    return (t == null ? void 0 : t.reduce((e, s) => (e == null ? void 0 : e[s]) || "", o)) || u;
+  } catch (t) {
+    return console.error(t), u;
+  }
+}
+function i(o, l, u) {
+  const t = l.split(".");
+  if (!t.length) return o;
+  const e = t.pop(), s = t.reduce((r, n) => (r[n] || (r[n] = {}), r[n]), o);
+  return s[e] = u, o;
+}
+export {
+  f as get,
+  i as set
+};

package/dist/components/pdf/sections/Card.vue.js

@@ -0,0 +1,9 @@
+import s from "./Card.vue2.js";
+import o from "./Card.vue3.js";
+import t from "../../../_virtual/_plugin-vue_export-helper.js";
+const r = {
+  $style: o
+}, f = /* @__PURE__ */ t(s, [["__cssModules", r]]);
+export {
+  f as default
+};

package/dist/components/pdf/sections/Card.vue2.js

@@ -0,0 +1,52 @@
+import { defineComponent as _, inject as b, createElementBlock as n, openBlock as r, createCommentVNode as l, createElementVNode as c, unref as o, toDisplayString as s, Fragment as h, renderList as y } from "vue";
+import { get as k } from "../helpers.js";
+const g = { class: "card" }, V = {
+  key: 0,
+  class: "card-header"
+}, E = ["contenteditable"], v = { class: "card-content" }, C = ["contenteditable"], N = ["contenteditable"], F = /* @__PURE__ */ _({
+  __name: "Card",
+  props: {
+    card: {},
+    data: {}
+  },
+  setup(i) {
+    const u = i;
+    function m(e) {
+      const t = e.value || k(u.data, e.key || "");
+      return p(t, e.format);
+    }
+    function p(e, t) {
+      return t ? t === "currency" ? new Intl.NumberFormat("es-ES", {
+        style: "currency",
+        currency: "EUR"
+      }).format(e) : t === "percentage" ? `${e} %` : e : e;
+    }
+    const a = b("editable");
+    return (e, t) => (r(), n("div", g, [
+      e.card.title || e.card.subtitle ? (r(), n("div", V, [
+        e.card.title ? (r(), n("h3", {
+          key: 0,
+          contenteditable: o(a)
+        }, s(e.card.title), 9, E)) : l("", !0)
+      ])) : l("", !0),
+      c("div", v, [
+        (r(!0), n(h, null, y(e.card.fields, (d, f) => (r(), n("div", {
+          key: f,
+          class: "card-field"
+        }, [
+          c("span", {
+            contenteditable: o(a),
+            class: "field-label"
+          }, s(d.label), 9, C),
+          c("span", {
+            contenteditable: o(a),
+            class: "field-value"
+          }, s(m(d)), 9, N)
+        ]))), 128))
+      ])
+    ]));
+  }
+});
+export {
+  F as default
+};

package/dist/components/pdf/sections/Card.vue3.js

@@ -0,0 +1,12 @@
+const e = "_card_12eql_1", l = {
+  card: e,
+  "card-header": "_card-header_12eql_8",
+  "card-content": "_card-content_12eql_22",
+  "card-field": "_card-field_12eql_22",
+  "field-label": "_field-label_12eql_27",
+  "field-value": "_field-value_12eql_30"
+};
+export {
+  e as card,
+  l as default
+};

package/dist/components/pdf/sections/CardGridSection.vue.js

@@ -0,0 +1,9 @@
+import o from "./CardGridSection.vue2.js";
+import s from "./CardGridSection.vue3.js";
+import t from "../../../_virtual/_plugin-vue_export-helper.js";
+const r = {
+  $style: s
+}, f = /* @__PURE__ */ t(o, [["__cssModules", r]]);
+export {
+  f as default
+};

package/dist/components/pdf/sections/CardGridSection.vue2.js

@@ -0,0 +1,30 @@
+import { defineComponent as l, createElementBlock as n, openBlock as e, normalizeStyle as i, Fragment as m, renderList as p, createBlock as u, unref as f } from "vue";
+import y from "./Card.vue.js";
+import { useData as k } from "./useData.js";
+const g = /* @__PURE__ */ l({
+  __name: "CardGridSection",
+  props: {
+    styles: {},
+    id: {},
+    content: {}
+  },
+  setup(a) {
+    const o = a, { data: s } = k(o.id, {});
+    return (t, _) => {
+      var r;
+      return e(), n("div", {
+        class: "card-section",
+        style: i(((r = t.styles) == null ? void 0 : r.cssRaw) || "")
+      }, [
+        (e(!0), n(m, null, p(t.content.cards, (c, d) => (e(), u(y, {
+          key: d,
+          card: c,
+          data: f(s)
+        }, null, 8, ["card", "data"]))), 128))
+      ], 4);
+    };
+  }
+});
+export {
+  g as default
+};

package/dist/components/pdf/sections/CardGridSection.vue3.js

@@ -0,0 +1,6 @@
+const t = {
+  "card-section": "_card-section_1xfbl_2"
+};
+export {
+  t as default
+};

package/dist/components/pdf/sections/ImageSection.vue.js

@@ -0,0 +1,9 @@
+import o from "./ImageSection.vue2.js";
+import s from "./ImageSection.vue3.js";
+import t from "../../../_virtual/_plugin-vue_export-helper.js";
+const e = {
+  $style: s
+}, f = /* @__PURE__ */ t(o, [["__cssModules", e]]);
+export {
+  f as default
+};

package/dist/components/pdf/sections/ImageSection.vue2.js

@@ -0,0 +1,26 @@
+import { defineComponent as c, toRefs as i, createElementBlock as r, openBlock as l, normalizeStyle as o, unref as e, createElementVNode as a } from "vue";
+import { useData as m } from "./useData.js";
+const p = ["src", "alt"], g = /* @__PURE__ */ c({
+  __name: "ImageSection",
+  props: {
+    styles: {},
+    id: {},
+    content: {}
+  },
+  setup(s) {
+    const n = s, { content: t, styles: d } = i(n);
+    return m(n.id, {}), (f, h) => (l(), r("div", {
+      style: o({ justifyContent: e(t).align }),
+      class: "img-container"
+    }, [
+      a("img", {
+        src: e(t).src,
+        alt: e(t).alt,
+        style: o({ width: e(t).width, height: e(t).height })
+      }, null, 12, p)
+    ], 4));
+  }
+});
+export {
+  g as default
+};

package/dist/components/pdf/sections/ImageSection.vue3.js

@@ -0,0 +1,6 @@
+const t = {
+  "img-container": "_img-container_17yzt_2"
+};
+export {
+  t as default
+};

package/dist/components/pdf/sections/RadioButtonsSection.vue.js

@@ -0,0 +1,7 @@
+import o from "./RadioButtonsSection.vue2.js";
+/* empty css                         */
+import t from "../../../_virtual/_plugin-vue_export-helper.js";
+const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-90eb7a2c"]]);
+export {
+  e as default
+};

package/dist/components/pdf/sections/RadioButtonsSection.vue2.js

@@ -0,0 +1,43 @@
+import { defineComponent as i, inject as r, ref as c, watch as p, createElementBlock as v, openBlock as f, createElementVNode as V, createVNode as n, unref as s } from "vue";
+import { QRadio as d } from "quasar";
+const x = { class: "section" }, _ = { class: "q-py-md-lg q-my-md q-px-xs row justify-center items-center" }, b = /* @__PURE__ */ i({
+  __name: "RadioButtonsSection",
+  props: {
+    styles: {},
+    id: {},
+    content: {}
+  },
+  setup(u) {
+    const l = r("globalModel"), m = u, e = c("");
+    return p(e, () => {
+      var t;
+      l.value = {
+        ...l.value,
+        values: {
+          ...(t = l.value) == null ? void 0 : t.values,
+          [m.id]: e.value
+        }
+      };
+    }), (t, o) => (f(), v("div", x, [
+      V("div", _, [
+        n(s(d), {
+          modelValue: e.value,
+          "onUpdate:modelValue": o[0] || (o[0] = (a) => e.value = a),
+          val: "si",
+          label: "Sí acepto",
+          class: "radio q-mx-md"
+        }, null, 8, ["modelValue"]),
+        n(s(d), {
+          modelValue: e.value,
+          "onUpdate:modelValue": o[1] || (o[1] = (a) => e.value = a),
+          val: "no",
+          label: "No acepto",
+          class: "radio q-mx-md"
+        }, null, 8, ["modelValue"])
+      ])
+    ]));
+  }
+});
+export {
+  b as default
+};

package/dist/components/pdf/sections/SignatureSection.vue.js

@@ -0,0 +1,7 @@
+import o from "./SignatureSection.vue2.js";
+/* empty css                      */
+import t from "../../../_virtual/_plugin-vue_export-helper.js";
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-0953979f"]]);
+export {
+  f as default
+};

package/dist/components/pdf/sections/SignatureSection.vue2.js

@@ -0,0 +1,115 @@
+import { defineComponent as P, inject as B, computed as E, ref as g, resolveComponent as h, createElementBlock as s, openBlock as l, createVNode as n, createElementVNode as d, withCtx as o, unref as a, createTextVNode as r, toDisplayString as M } from "vue";
+import { useQuasar as N, QBtn as v } from "quasar";
+const F = { class: "section" }, Q = { key: 0 }, A = {
+  key: 0,
+  class: "no-print"
+}, D = { class: "signature" }, I = { class: "flex justify-end q-gutter-sm q-pa-sm" }, L = {
+  key: 1,
+  class: "column",
+  style: { "max-width": "100vw" }
+}, R = ["src"], T = { class: "flex justify-end q-mt-sm no-print" }, z = {
+  key: 1,
+  class: "flex justify-center q-pa-lg"
+}, J = /* @__PURE__ */ P({
+  __name: "SignatureSection",
+  props: {
+    styles: {},
+    id: {},
+    content: {}
+  },
+  emits: ["save", "clear", "cancel", "edit"],
+  setup(k, { emit: x }) {
+    const m = B("globalModel"), y = k, C = E(() => y.content.signable), f = g(null), _ = g(""), i = g(!1), { screen: S } = N(), w = () => {
+      var t;
+      (t = f.value) == null || t.clearSignature(), c(!1);
+    }, p = x, V = () => {
+      var u;
+      const { isEmpty: t, data: e } = (u = f.value) == null ? void 0 : u.saveSignature();
+      t || (_.value = e, i.value = !1, c(!0), p("save"));
+    }, b = () => {
+      i.value = !0, c(!1), p("edit");
+    }, j = () => {
+      i.value = !1, c(!1), p("cancel");
+    }, c = (t) => {
+      var e;
+      m.value = {
+        ...m.value,
+        signed: t,
+        values: {
+          ...(e = m.value) == null ? void 0 : e.values,
+          [y.id]: t
+        }
+      };
+    };
+    return (t, e) => {
+      const u = h("VueSignaturePad"), q = h("client-only");
+      return l(), s("div", F, [
+        C.value ? (l(), s("div", Q, [
+          i.value ? (l(), s("div", A, [
+            n(q, null, {
+              default: o(() => [
+                d("div", D, [
+                  n(u, {
+                    width: a(S).lt.md ? "100vw" : "auto",
+                    height: "180px",
+                    ref_key: "signaturePad",
+                    ref: f
+                  }, null, 8, ["width"])
+                ])
+              ]),
+              _: 1
+            }),
+            d("div", I, [
+              n(a(v), {
+                unelevated: "",
+                outline: "",
+                onClick: j
+              }, {
+                default: o(() => [...e[0] || (e[0] = [
+                  r("Cancelar", -1)
+                ])]),
+                _: 1
+              }),
+              n(a(v), {
+                unelevated: "",
+                outline: "",
+                onClick: w
+              }, {
+                default: o(() => [...e[1] || (e[1] = [
+                  r("Limpiar", -1)
+                ])]),
+                _: 1
+              }),
+              n(a(v), {
+                unelevated: "",
+                outline: "",
+                onClick: V
+              }, {
+                default: o(() => [...e[2] || (e[2] = [
+                  r("Confirmar", -1)
+                ])]),
+                _: 1
+              })
+            ])
+          ])) : (l(), s("div", L, [
+            d("img", {
+              src: _.value,
+              height: "140"
+            }, null, 8, R),
+            d("div", T, [
+              n(a(v), { onClick: b }, {
+                default: o(() => [
+                  r(M(_.value ? "Volver a firmar" : "Firmar"), 1)
+                ]),
+                _: 1
+              })
+            ])
+          ]))
+        ])) : (l(), s("div", z, "[FIRMA]"))
+      ]);
+    };
+  }
+});
+export {
+  J as default
+};

package/dist/components/pdf/sections/TableSection.vue.js

@@ -0,0 +1,9 @@
+import o from "./TableSection.vue2.js";
+import s from "./TableSection.vue3.js";
+import t from "../../../_virtual/_plugin-vue_export-helper.js";
+const e = {
+  $style: s
+}, f = /* @__PURE__ */ t(o, [["__cssModules", e]]);
+export {
+  f as default
+};

package/dist/components/pdf/sections/TableSection.vue2.js

@@ -0,0 +1,49 @@
+import { defineComponent as g, toRefs as h, computed as w, inject as B, createElementBlock as e, openBlock as t, normalizeStyle as o, createElementVNode as a, Fragment as c, renderList as i, unref as l, toDisplayString as f } from "vue";
+import { useData as C } from "./useData.js";
+const S = ["contenteditable"], v = ["contenteditable"], x = "#f5f5f5", R = /* @__PURE__ */ g({
+  __name: "TableSection",
+  props: {
+    styles: {},
+    id: {},
+    content: {}
+  },
+  setup(b) {
+    const r = b, { columns: d } = h(r.content), { data: k } = C(r.id, []), m = w(() => [...k.value[r.content.rowsKey] || []]), u = B("editable");
+    return (_, A) => {
+      var y;
+      return t(), e("table", {
+        style: o("width: 100%;" + ((y = _.styles) == null ? void 0 : y.cssRaw) || ""),
+        class: "table-section"
+      }, [
+        a("thead", null, [
+          a("tr", null, [
+            (t(!0), e(c, null, i(l(d), (n) => (t(), e("th", {
+              key: n.key,
+              style: o({ textAlign: n.align || "left" }),
+              contenteditable: l(u)
+            }, f(n.header), 13, S))), 128))
+          ])
+        ]),
+        a("tbody", null, [
+          (t(!0), e(c, null, i(m.value, (n, p) => (t(), e("tr", {
+            key: p,
+            style: o({
+              backgroundColor: p % 2 === 0 ? x : "transparent"
+            })
+          }, [
+            (t(!0), e(c, null, i(l(d), (s) => (t(), e("td", {
+              key: s.key,
+              style: o({
+                textAlign: s.align || "left"
+              }),
+              contenteditable: l(u)
+            }, f(n[s.key]), 13, v))), 128))
+          ], 4))), 128))
+        ])
+      ], 4);
+    };
+  }
+});
+export {
+  R as default
+};

package/dist/components/pdf/sections/TableSection.vue3.js

@@ -0,0 +1,6 @@
+const t = {
+  "table-section": "_table-section_aicx8_1"
+};
+export {
+  t as default
+};

package/dist/components/pdf/sections/TextSection.vue.js

@@ -0,0 +1,9 @@
+import o from "./TextSection.vue2.js";
+import s from "./TextSection.vue3.js";
+import t from "../../../_virtual/_plugin-vue_export-helper.js";
+const e = {
+  $style: s
+}, f = /* @__PURE__ */ t(o, [["__cssModules", e]]);
+export {
+  f as default
+};