@win2win/shared-ui 0.3.237 → 0.3.239

package/dist/components/widgets/linvermedia-product-card/mock-props.js

@@ -0,0 +1,20 @@
+import { PROPS as e } from "../shared/LinvermediaGamaProps.js";
+const o = {
+  isPublic: !0,
+  data: {},
+  gamaProps: e,
+  fetching: !1,
+  descriptionLines: 4,
+  scale: 1,
+  hiddenProps: [
+    "compatible_videowall",
+    "doble_cara",
+    "peso_kg",
+    "gran_formato_independiente",
+    "tasa_de_refresco_hz",
+    "resolucion"
+  ]
+};
+export {
+  o as default
+};

package/dist/components/widgets/linvermedia-product-card/schema.js

@@ -0,0 +1,13 @@
+import { z as o } from "zod";
+import { WidgetPropsSchema as r } from "../shared/schema.js";
+const i = r.extend({
+  descriptionLines: o.number().optional(),
+  hiddenProps: o.array(o.string()).optional(),
+  count: o.number().optional(),
+  gamaProps: o.array(o.record(o.string(), o.any())),
+  showPrice: o.function().optional(),
+  autoplay: o.boolean().optional()
+});
+export {
+  i as LinvermediaProductCardPropsSchema
+};

package/dist/components/widgets/linvermedia-product-detail/LinvermediaProductDetail.vue.js

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

package/dist/components/widgets/linvermedia-product-detail/LinvermediaProductDetail.vue2.js

@@ -0,0 +1,151 @@
+import { defineComponent as U, computed as u, provide as V, ref as P, toRefs as q, watch as z, resolveComponent as T, createElementBlock as A, openBlock as c, Fragment as K, createElementVNode as o, createBlock as d, createCommentVNode as m, unref as i, createVNode as t, toDisplayString as y } from "vue";
+import G from "../../Common/DynamicCarousel.vue.js";
+/* empty css                                */
+import J from "../../Common/IconButton.vue.js";
+import Q from "../../Common/StateIndicator.vue.js";
+import { Screen as W } from "quasar";
+import X from "../shared/ProductPrice.vue.js";
+import Y from "../shared/ProductProps.vue.js";
+import { toProductLite as Z, capitalize as O } from "../shared/helpers.js";
+import N from "./components/ImagesMiniature.vue.js";
+import ee from "./components/ProductCustomizableIndicator.vue.js";
+import oe from "./components/ProductDetallePack.vue.js";
+import te from "./components/ProductImageHeader.vue.js";
+import ae from "./components/ProductLongDescription.vue.js";
+import se from "./components/ProductShopcartActions.vue.js";
+import re from "./components/ProductShortDescription.vue.js";
+import ce from "./components/PublicImageButton.vue.js";
+const ie = { class: "row justify-end" }, le = { class: "grid" }, ne = { class: "images-container" }, de = { class: "carousel-container" }, ue = { class: "text-h5 text-bold" }, me = { class: "row justify-between" }, pe = { key: 0 }, _e = { class: "row items-center justify-between" }, ve = { class: "q-mb-md" }, fe = { class: "text-weight-medium" }, he = { class: "row" }, $e = /* @__PURE__ */ U({
+  __name: "LinvermediaProductDetail",
+  props: {
+    isPublic: { type: Boolean },
+    fetching: { type: Boolean },
+    scale: {},
+    count: {},
+    imageHeight: {},
+    borderRadius: {},
+    unelevated: { type: Boolean },
+    hoverable: { type: Boolean },
+    view: { default: "detail" },
+    title: {},
+    data: {},
+    gamaProps: {},
+    addToShopcartLabel: {},
+    goToCatalogLabel: {},
+    showPrice: { type: Function, default: () => !0 }
+  },
+  emits: ["on-event"],
+  setup($, { emit: H }) {
+    const R = u(() => W.lt.md), g = H;
+    V("emit", g);
+    const l = $, p = P(1), { data: v, isPublic: n, gamaProps: k, count: j } = q(l), w = u(() => {
+      var e;
+      return ((e = l.showPrice) == null ? void 0 : e.call(l, v.value)) ?? !0;
+    }), s = u(() => Z(v.value)), f = u(
+      () => {
+        var e, r;
+        return ((r = (e = v.value) == null ? void 0 : e.table_estado) == null ? void 0 : r.table_estado) || null;
+      }
+    ), C = P(null), h = P([]), D = {
+      product: s,
+      slide: p,
+      isPublic: n,
+      selectedPackProduct: C,
+      images: h,
+      count: j,
+      gamaProps: k,
+      showPrice: w,
+      addToShopcartLabel: l.addToShopcartLabel,
+      goToCatalogLabel: l.goToCatalogLabel
+    };
+    V("context", D);
+    const E = u(() => {
+      var e;
+      return !!((e = s.value) != null && e.pack);
+    });
+    z(C, (e) => {
+      var r;
+      if (e != null && e.ARCHIVOS[0]) {
+        const _ = (r = e == null ? void 0 : e.ARCHIVOS[0]) == null ? void 0 : r.LOCATION, b = h.value.findIndex(
+          (a) => (a == null ? void 0 : a.LOCATION) === _ || (a == null ? void 0 : a.location) === _
+        );
+        p.value = b + 1;
+      }
+    });
+    const F = () => {
+      var e;
+      return g("on-event", {
+        code: "edit_product",
+        payload: { id: (e = s.value) == null ? void 0 : e.id }
+      });
+    };
+    return (e, r) => {
+      var a, x, I, L, S, B;
+      const _ = T("v-else"), b = T("ProductAvailableColors");
+      return c(), A(K, null, [
+        o("div", ie, [
+          i(n) ? m("", !0) : (c(), d(J, {
+            key: 0,
+            icon: "edit",
+            sm: "",
+            onClick: F
+          }))
+        ]),
+        o("div", le, [
+          o("div", ne, [
+            t(N, { class: "gt-sm" }),
+            o("div", de, [
+              t(te),
+              t(G, {
+                style: { "border-radius": "8px" },
+                items: h.value,
+                modelValue: p.value,
+                "onUpdate:modelValue": r[0] || (r[0] = (M) => p.value = M),
+                height: R.value ? "450px" : "70vh"
+              }, null, 8, ["items", "modelValue", "height"]),
+              t(ce)
+            ]),
+            t(N, { class: "lt-md" })
+          ]),
+          o("div", null, [
+            o("div", ue, y(i(O)(((a = s.value) == null ? void 0 : a.nombre) || "")), 1),
+            o("div", me, [
+              i(n) ? m("", !0) : (c(), A("div", pe, "SKU: " + y((I = (x = s.value) == null ? void 0 : x.props) == null ? void 0 : I.sku), 1)),
+              t(_, { div: "" }),
+              !i(n) && f.value ? (c(), d(Q, {
+                key: 1,
+                label: f.value.name,
+                color: f.value.color
+              }, null, 8, ["label", "color"])) : m("", !0)
+            ]),
+            o("div", _e, [
+              o("div", ve, [
+                w.value ? (c(), d(X, {
+                  key: 0,
+                  product: s.value,
+                  "is-private": !i(n)
+                }, null, 8, ["product", "is-private"])) : m("", !0)
+              ]),
+              o("div", fe, y(i(O)(((S = (L = s.value) == null ? void 0 : L.props) == null ? void 0 : S.ubicacion) || "")), 1),
+              t(ee)
+            ]),
+            t(b),
+            t(re),
+            E.value ? (c(), d(oe, { key: 0 })) : (c(), d(Y, {
+              key: 1,
+              "product-props": (B = s.value) == null ? void 0 : B.props,
+              "gama-props": i(k)
+            }, null, 8, ["product-props", "gama-props"])),
+            i(n) ? (c(), d(se, { key: 2 })) : m("", !0)
+          ])
+        ]),
+        o("div", he, [
+          t(ae)
+        ])
+      ], 64);
+    };
+  }
+});
+export {
+  $e as default
+};

package/dist/components/widgets/linvermedia-product-detail/components/ImagesMiniature.vue.js

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

package/dist/components/widgets/linvermedia-product-detail/components/ImagesMiniature.vue2.js

@@ -0,0 +1,90 @@
+import { defineComponent as x, resolveDirective as C, withDirectives as w, createCommentVNode as a, unref as e, createElementBlock as o, openBlock as i, Fragment as E, renderList as q, normalizeStyle as z, createBlock as B, createVNode as v, createElementVNode as _ } from "vue";
+import "axios";
+import "lodash-es";
+import "@tanstack/vue-query";
+import { useDragAndDrop as N } from "../../../../composables/useDragAndDrop.js";
+import { QIcon as y, QImg as S } from "quasar";
+import { useWidgetEvent as V } from "../../shared/useWidgetEvent.js";
+import { useContext as L } from "../useContext.js";
+const Q = ["id", "draggable"], W = ["onClick"], j = {
+  key: 0,
+  class: "row items-center justify-center bg-grey-2 media-card",
+  style: { "border-radius": "8px", border: "1px dashed #c9c9c9" }
+}, A = {
+  key: 2,
+  class: "media-card"
+}, F = ["src"], I = { class: "video-icon" }, T = /* @__PURE__ */ x({
+  __name: "ImagesMiniature",
+  setup(K) {
+    const { images: s, slide: l, isPrivate: b } = L(), { emitEvent: k } = V(), { handler: f, onDragLeave: m, onDragOver: d, onDragStart: c, onDrop: p, idKey: D } = N(
+      s,
+      ".image-miniature",
+      (u) => k("update_images_position", { images: u })
+    );
+    return (u, t) => {
+      const h = C("mutation");
+      return e(s).length ? w((i(), o("div", {
+        key: 0,
+        class: "images-miniature",
+        onDragleave: t[1] || (t[1] = //@ts-ignore
+        (...r) => e(m) && e(m)(...r)),
+        onDragover: t[2] || (t[2] = //@ts-ignore
+        (...r) => e(d) && e(d)(...r)),
+        onDrop: t[3] || (t[3] = //@ts-ignore
+        (...r) => e(p) && e(p)(...r))
+      }, [
+        (i(!0), o(E, null, q(e(s), (r, n) => (i(), o("div", {
+          class: "q-mb-md image-miniature q-px-sm",
+          key: n,
+          id: r[e(D)],
+          onDragstart: t[0] || (t[0] = //@ts-ignore
+          (...g) => e(c) && e(c)(...g)),
+          draggable: e(b)
+        }, [
+          r ? (i(), o("div", {
+            key: 0,
+            onClick: (g) => l.value = n + 1,
+            style: z({
+              cursor: "pointer",
+              borderWidth: "0.7px",
+              borderStyle: "solid",
+              borderRadius: "0.5rem",
+              borderColor: n === e(l) - 1 ? "#015979 " : "transparent"
+            }),
+            class: "q-pb-sm win-card"
+          }, [
+            r != null && r.location ? r.tipo === "image" ? (i(), B(e(S), {
+              key: 1,
+              src: r.location,
+              fit: "cover",
+              class: "media-card"
+            }, null, 8, ["src"])) : r.tipo === "video" ? (i(), o("div", A, [
+              _("video", {
+                src: r.location,
+                style: { width: "100%", height: "100%", background: "black" }
+              }, null, 8, F),
+              _("div", I, [
+                v(e(y), {
+                  size: "lg",
+                  name: "o_play_circle",
+                  color: "white"
+                })
+              ])
+            ])) : a("", !0) : (i(), o("div", j, [
+              v(e(y), {
+                name: "upload_file",
+                color: "grey-5",
+                size: "33px"
+              })
+            ]))
+          ], 12, W)) : a("", !0)
+        ], 40, Q))), 128))
+      ], 32)), [
+        [h, e(f)]
+      ]) : a("", !0);
+    };
+  }
+});
+export {
+  T as default
+};

package/dist/components/widgets/linvermedia-product-detail/components/ProductConfiguration.vue.js

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

package/dist/components/widgets/linvermedia-product-detail/components/ProductConfiguration.vue2.js

@@ -0,0 +1,147 @@
+import { defineComponent as k, mergeModels as D, useModel as N, computed as r, watch as y, createElementBlock as P, openBlock as V, Fragment as U, createElementVNode as n, createVNode as x, unref as q, createCommentVNode as I, toDisplayString as p } from "vue";
+import { mapKeys as B } from "lodash-es";
+import { QInput as C } from "quasar";
+import { toCurrency as E } from "../../shared/helpers.js";
+const O = { class: "full-width grid" }, R = { class: "bg-grey-2 values" }, H = { key: 0 }, K = { class: "text-bold" }, L = { class: "text-bold" }, Q = {
+  key: 1,
+  class: "text-bold"
+}, f = (l, u) => {
+  let a;
+  switch (typeof l == "string" ? a = Number(l.replaceAll(/[^0-9.-]/g, "").trim()) : a = l, u) {
+    case "m":
+      return a;
+    case "cm":
+      return a / 100;
+    case "mm":
+      return a / 1e3;
+    default:
+      throw new Error(`Unidad no soportada: ${u}`);
+  }
+}, T = (l) => {
+  const u = Number(l.ancho) || 0, a = Number(l.alto) || 0, o = l.unidad_de_medida || "cm", d = f(u, o), s = f(a, o);
+  let i = d * s;
+  return i <= 0 && (i = 1), (b) => {
+    const v = 1 / i, M = A(b);
+    return Math.ceil(M * v);
+  };
+}, w = (l, u = 2) => Number(l.toFixed(u)), A = (l) => {
+  const u = Number((l == null ? void 0 : l.ancho) || 0), a = Number((l == null ? void 0 : l.alto) || 0);
+  return w(u * a);
+}, G = /* @__PURE__ */ k({
+  __name: "ProductConfiguration",
+  props: /* @__PURE__ */ D({
+    product: {},
+    showPrice: { type: Boolean }
+  }, {
+    quantity: {
+      required: !0,
+      default: 1
+    },
+    quantityModifiers: {},
+    detail: { required: !0 },
+    detailModifiers: {}
+  }),
+  emits: ["update:quantity", "update:detail"],
+  setup(l) {
+    const u = l, a = N(l, "quantity"), o = N(l, "detail"), d = r(
+      () => B(u.product || {}, (t, e) => e.toUpperCase())
+    ), s = r(() => {
+      var t;
+      return ((t = d.value) == null ? void 0 : t.PROPS) || {};
+    }), i = r(() => s.value.unidad_de_medida || "cm"), b = r(() => T(s.value || {}));
+    y(
+      o,
+      (t) => {
+        a.value = b.value(o.value);
+      },
+      { immediate: !0, deep: !0 }
+    );
+    const v = (t) => t.toLocaleString("es-ES", {
+      minimumFractionDigits: 2,
+      maximumFractionDigits: 2
+    }), M = r(() => {
+      var e;
+      return (Number((e = d.value) == null ? void 0 : e.PRECIO) || 0) * a.value;
+    }), F = r(() => A(o.value)), m = r(() => {
+      var t;
+      return f(((t = s.value) == null ? void 0 : t.ancho) || 0, i.value);
+    }), c = r(() => {
+      var t;
+      return f(((t = s.value) == null ? void 0 : t.alto) || 0, i.value);
+    }), g = r(() => m.value * c.value), S = r(() => {
+      var e;
+      const t = ((e = d.value) == null ? void 0 : e.PRECIO) || 0;
+      return !t || !g.value ? 0 : E(t / g.value);
+    });
+    return y(
+      () => o.value.ancho,
+      (t) => {
+        t % m.value !== 0 && (o.value.ancho = w(
+          Math.ceil(t / m.value) * m.value
+        ));
+      }
+    ), y(
+      () => o.value.alto,
+      (t) => {
+        t % c.value !== 0 && (o.value.alto = w(
+          Math.ceil(t / c.value) * c.value
+        ));
+      }
+    ), (t, e) => (V(), P(U, null, [
+      e[7] || (e[7] = n("div", { class: "prices text-bold q-mb-md" }, " Indica las medidas de la pantalla que necesitas ", -1)),
+      n("div", O, [
+        n("div", null, [
+          x(q(C), {
+            type: "number",
+            outlined: "",
+            class: "q-mb-md",
+            modelValue: o.value.ancho,
+            "onUpdate:modelValue": e[0] || (e[0] = (h) => o.value.ancho = h),
+            modelModifiers: { number: !0 },
+            label: "Ancho",
+            suffix: "metros",
+            step: m.value,
+            min: "0"
+          }, null, 8, ["modelValue", "step"]),
+          x(q(C), {
+            type: "number",
+            outlined: "",
+            modelValue: o.value.alto,
+            "onUpdate:modelValue": e[1] || (e[1] = (h) => o.value.alto = h),
+            modelModifiers: { number: !0 },
+            label: "Alto",
+            suffix: "metros",
+            step: c.value,
+            min: "0"
+          }, null, 8, ["modelValue", "step"])
+        ]),
+        n("div", R, [
+          n("div", null, [
+            e[2] || (e[2] = n("span", null, " Área panel: ", -1)),
+            n("span", null, p(v(g.value)) + " m2", 1)
+          ]),
+          t.showPrice ? (V(), P("div", H, [
+            e[3] || (e[3] = n("span", null, " Importe m2: ", -1)),
+            n("span", null, p(S.value), 1)
+          ])) : I("", !0),
+          n("div", K, [
+            e[4] || (e[4] = n("span", null, " Área total: ", -1)),
+            n("span", null, p(v(F.value)) + " m2 ", 1)
+          ]),
+          n("div", L, [
+            e[5] || (e[5] = n("span", null, " Paneles: ", -1)),
+            n("span", null, p(a.value), 1)
+          ]),
+          t.showPrice ? (V(), P("div", Q, [
+            e[6] || (e[6] = n("span", null, " Importe total: ", -1)),
+            n("span", null, p(q(E)(M.value)), 1)
+          ])) : I("", !0)
+        ])
+      ])
+    ], 64));
+  }
+});
+export {
+  G as default,
+  T as getPanelesFn
+};

package/dist/components/widgets/linvermedia-product-detail/components/ProductCustomizableIndicator.vue.js

@@ -0,0 +1,37 @@
+import { defineComponent as a, computed as c, createElementBlock as o, openBlock as r, createCommentVNode as m, createVNode as u, unref as n, withCtx as l, createTextVNode as p } from "vue";
+import { QChip as _ } from "quasar";
+import { useContext as f } from "../useContext.js";
+const x = { class: "text-weight-medium" }, C = {
+  key: 0,
+  class: "row justify-end items-center"
+}, w = /* @__PURE__ */ a({
+  __name: "ProductCustomizableIndicator",
+  props: {
+    label: { default: "A medida" }
+  },
+  setup(h) {
+    const { productProps: d, product: i } = f(), s = c(
+      () => {
+        var t, e;
+        return !!((t = d.value) != null && t.a_medida) && !((e = i.value) != null && e.pack);
+      }
+    );
+    return (t, e) => (r(), o("div", x, [
+      s.value ? (r(), o("div", C, [
+        u(n(_), {
+          color: "blue",
+          "text-color": "white",
+          size: "12px"
+        }, {
+          default: l(() => [...e[0] || (e[0] = [
+            p("A medida", -1)
+          ])]),
+          _: 1
+        })
+      ])) : m("", !0)
+    ]));
+  }
+});
+export {
+  w as default
+};

package/dist/components/widgets/linvermedia-product-detail/components/ProductCustomizableIndicator.vue2.js

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

package/dist/components/widgets/linvermedia-product-detail/components/ProductDetallePack.vue.js

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

package/dist/components/widgets/linvermedia-product-detail/components/ProductDetallePack.vue2.js

@@ -0,0 +1,61 @@
+import { defineComponent as C, computed as L, createElementBlock as l, openBlock as r, Fragment as m, createElementVNode as t, createCommentVNode as h, renderList as O, unref as s, normalizeClass as f, createBlock as g, toDisplayString as a, createVNode as A } from "vue";
+import { QImg as x } from "quasar";
+import T from "../../shared/ProductProps.vue.js";
+import { useContext as R } from "../useContext.js";
+const I = {
+  class: "row q-mt-md q-pa-sm",
+  style: { "overflow-x": "auto" }
+}, N = ["onClick"], q = { class: "q-pa-sm" }, y = { class: "text-weight-medium ellipsis" }, S = { class: "text-caption" }, w = {
+  key: 0,
+  class: "q-mt-md"
+}, B = { class: "text-h6" }, z = /* @__PURE__ */ C({
+  __name: "ProductDetallePack",
+  setup(V) {
+    const { detallePack: P, selectedPackProduct: o, gamaProps: k } = R(), v = (c) => {
+      o.value = c;
+    }, D = L(
+      () => {
+        var c, d;
+        return ((c = o.value) == null ? void 0 : c.PROPS) || ((d = o.value) == null ? void 0 : d.props) || {};
+      }
+    );
+    return (c, d) => {
+      var n;
+      return r(), l(m, null, [
+        t("div", I, [
+          (r(!0), l(m, null, O(s(P), (e, E) => {
+            var p, u, _, i;
+            return r(), l("div", {
+              key: E,
+              class: f(`q-mr-md glass-card detalle-pack  ${((p = s(o)) == null ? void 0 : p.ID_PRODUCTO) == e.ID_PRODUCTO_DETALLE ? "selected" : ""}`),
+              onClick: (U) => v(e.DETALLE)
+            }, [
+              (_ = (u = e == null ? void 0 : e.DETALLE) == null ? void 0 : u.ARCHIVOS) != null && _.length ? (r(), g(s(x), {
+                key: 0,
+                src: e.DETALLE.ARCHIVOS[0].LOCATION || "placeholder.webp",
+                style: { height: "120px", "border-radius": "8px" },
+                fit: "contain"
+              }, null, 8, ["src"])) : h("", !0),
+              t("div", q, [
+                t("div", y, a((i = e == null ? void 0 : e.DETALLE) == null ? void 0 : i.NOMBRE), 1),
+                t("div", S, a(e == null ? void 0 : e.CANTIDAD) + "X", 1)
+              ])
+            ], 10, N);
+          }), 128))
+        ]),
+        s(o) ? (r(), l("div", w, [
+          t("div", B, a(s(o).NOMBRE), 1),
+          t("div", null, "SKU: " + a((n = s(o).PROPS) == null ? void 0 : n.sku), 1),
+          A(T, {
+            class: "q-mt-md",
+            "product-props": D.value,
+            "gama-props": s(k)
+          }, null, 8, ["product-props", "gama-props"])
+        ])) : h("", !0)
+      ], 64);
+    };
+  }
+});
+export {
+  z as default
+};

package/dist/components/widgets/linvermedia-product-detail/components/ProductImageHeader.vue.js

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

package/dist/components/widgets/linvermedia-product-detail/components/ProductImageHeader.vue2.js

@@ -0,0 +1,56 @@
+import { defineComponent as k, computed as u, createElementBlock as p, openBlock as s, createElementVNode as r, toDisplayString as i, normalizeStyle as y, unref as t, createBlock as g, createCommentVNode as E, Fragment as B, renderList as N, withCtx as V, createTextVNode as _, createVNode as z } from "vue";
+import { QChip as P, QIcon as T } from "quasar";
+import q from "../../shared/ProductTag.vue.js";
+import { useWidgetEvent as w } from "../../shared/useWidgetEvent.js";
+import { useContext as I } from "../useContext.js";
+const Q = { class: "product-image-header" }, S = { class: "product-code" }, D = { class: "media-count" }, j = /* @__PURE__ */ k({
+  __name: "ProductImageHeader",
+  setup(F) {
+    const { product: a, images: n, slide: v, isPrivate: l } = I(), c = u(
+      () => {
+        var e, o;
+        return (((o = (e = a.value) == null ? void 0 : e.tags) == null ? void 0 : o.split(",")) || []).filter(Boolean);
+      }
+    ), f = u(() => {
+      var e;
+      return (e = a.value) == null ? void 0 : e.codigo;
+    }), { emitEvent: h } = w(), x = () => {
+      var e;
+      return h("edit_tags", { id: (e = a.value) == null ? void 0 : e.id });
+    };
+    return (e, o) => {
+      var d, m;
+      return s(), p("div", Q, [
+        r("div", S, i(f.value), 1),
+        r("div", {
+          onClick: x,
+          class: "tags",
+          style: y({ overflowX: "auto", cursor: t(l) ? "pointer" : "default" })
+        }, [
+          (s(!0), p(B, null, N(c.value, (C) => (s(), g(q, { tag: C }, null, 8, ["tag"]))), 256)),
+          !c.value.length && t(l) ? (s(), g(t(P), {
+            key: 0,
+            class: "tag",
+            size: "12px"
+          }, {
+            default: V(() => [...o[0] || (o[0] = [
+              _("Editar etiquetas", -1)
+            ])]),
+            _: 1
+          })) : E("", !0)
+        ], 4),
+        r("div", D, [
+          _(i((d = t(n)) != null && d.length ? t(v) : 0) + "/" + i(((m = t(n)) == null ? void 0 : m.length) || 0) + " ", 1),
+          z(t(T), {
+            name: "sym_o_image",
+            size: "sm",
+            class: "q-ml-xs"
+          })
+        ])
+      ]);
+    };
+  }
+});
+export {
+  j as default
+};

package/dist/components/widgets/linvermedia-product-detail/components/ProductLongDescription.vue.js

@@ -0,0 +1,21 @@
+import { defineComponent as r, computed as s, createElementBlock as d, createCommentVNode as i, openBlock as l, createElementVNode as n, toDisplayString as m } from "vue";
+import { useContext as p } from "../useContext.js";
+const a = {
+  key: 0,
+  class: "q-mt-md text-black col-12"
+}, v = /* @__PURE__ */ r({
+  __name: "ProductLongDescription",
+  setup(u) {
+    const { product: c } = p(), t = s(() => {
+      var e;
+      return (e = c.value) == null ? void 0 : e.descripcion;
+    });
+    return (e, o) => t.value ? (l(), d("div", a, [
+      o[0] || (o[0] = n("div", { class: "font-bold text-h6" }, "Información del producto", -1)),
+      n("div", null, m(t.value), 1)
+    ])) : i("", !0);
+  }
+});
+export {
+  v as default
+};

package/dist/components/widgets/linvermedia-product-detail/components/ProductLongDescription.vue2.js

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

package/dist/components/widgets/linvermedia-product-detail/components/ProductShopcartActions.vue.js

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