@win2win/shared-ui 0.3.238 → 0.3.239

package/dist/components/widgets/linvermedia-product-card/LinvermediaProductCard.vue2.js

@@ -0,0 +1,249 @@
+import { defineComponent as X, toRefs as J, computed as r, reactive as Y, ref as Z, createBlock as p, createCommentVNode as n, openBlock as l, normalizeStyle as b, withCtx as f, createElementVNode as a, createVNode as _, createElementBlock as i, toDisplayString as m, Fragment as T, renderList as D, createTextVNode as E, unref as u } from "vue";
+import { upperFirst as ee, mapKeys as te, snakeCase as oe } from "lodash-es";
+import { QIcon as le, QCardSection as N, QChip as ae, QBtn as se } from "quasar";
+import ie from "../../Common/Card.vue.js";
+import ne from "../../Common/DynamicCarousel.vue.js";
+/* empty css                                */
+import re from "../../Common/StateIndicator.vue.js";
+import { MAP_COLOR as ce, capitalize as ue } from "../shared/helpers.js";
+import de from "../shared/ProductPrice.vue.js";
+import pe from "../shared/ProductProps.vue.js";
+import me from "../shared/ProductTag.vue.js";
+import ve from "./components/PublicToggleButton.vue.js";
+const _e = { style: { height: "48rem" } }, ye = { class: "carousel-container" }, he = { class: "carousel-overlay" }, fe = { class: "header-overlay" }, Pe = {
+  key: 0,
+  class: "tag pack-code no-wrap"
+}, ge = { key: 1 }, be = { class: "text-center row justify-center no-wrap" }, ke = { class: "media-count" }, Ce = {
+  key: 0,
+  class: "visibility-icon-container"
+}, Oe = { class: "row justify-between no-wrap" }, Re = {
+  class: "text-subtitle1 text-bold text-main",
+  style: { "line-height": "120%" }
+}, xe = {
+  key: 0,
+  class: "text-caption"
+}, Se = { class: "flex-center q-mt-xs" }, Ae = { class: "q-mb-md" }, we = { class: "text-center text-weight-medium q-mb-md" }, qe = { class: "text-right text-weight-medium q-mb-md" }, Be = {
+  style: { "font-size": "15px" },
+  class: "q-mb-md text-black"
+}, Ie = {
+  key: 0,
+  class: "color-selector q-mb-md"
+}, Le = {
+  class: "q-mb-md",
+  style: { opacity: "0.85" }
+}, Ve = { key: 1 }, Te = { class: "q-mt-lg" }, De = {
+  key: 0,
+  class: "text-caption text-main ellipsis"
+}, Ee = {
+  key: 1,
+  class: "text-caption text-main ellipsis"
+}, Ne = { class: "footer" }, Je = /* @__PURE__ */ X({
+  __name: "LinvermediaProductCard",
+  props: {
+    isPublic: { type: Boolean },
+    fetching: { type: Boolean },
+    scale: {},
+    count: {},
+    imageHeight: {},
+    borderRadius: {},
+    unelevated: { type: Boolean },
+    hoverable: { type: Boolean },
+    descriptionLines: { default: 2 },
+    hiddenProps: { default: () => [
+      "compatible_videowall",
+      "doble_cara",
+      "peso_kg",
+      "gran_formato_independiente",
+      "tasa_de_refresco_hz",
+      "resolucion"
+    ] },
+    data: {},
+    gamaProps: {},
+    showPrice: { type: Function, default: () => !0 },
+    autoplay: { type: Boolean, default: !1 }
+  },
+  emits: ["on-event"],
+  setup(K, { emit: z }) {
+    const k = z, v = K, { data: M, isPublic: U, hiddenProps: $, gamaProps: Q } = J(v), y = r(() => !U.value), e = r(() => M.value || null), F = r(() => {
+      var t;
+      return ((t = v.showPrice) == null ? void 0 : t.call(v, e.value)) ?? !0;
+    }), G = r(
+      () => {
+        var t, o, s;
+        return !!((o = (t = e.value) == null ? void 0 : t.PROPS) != null && o.a_medida) && !((s = e.value) != null && s.PACK);
+      }
+    ), j = r(() => {
+      var t;
+      return ee((t = e.value) == null ? void 0 : t.NOMBRE);
+    }), C = r(
+      () => {
+        var t;
+        return (((t = e.value) == null ? void 0 : t.DESCRIPCION_CORTA) || "").trim();
+      }
+    ), H = r(() => {
+      var t;
+      return ((t = e.value) == null ? void 0 : t.COD_ART_MVX) || "";
+    }), O = Y(ce), W = r(() => {
+      var t, o;
+      return (o = (t = e.value) == null ? void 0 : t.TAGS) == null ? void 0 : o.split(",");
+    }), P = Z(1), g = r(() => {
+      var o;
+      return (((o = e.value) == null ? void 0 : o.R_IMG) || []).map(
+        (s) => te(s, (c, h) => oe(h))
+      ).sort((s, c) => s.principal && !c.principal ? -1 : c.principal && !s.principal ? 1 : 0);
+    }), R = r(
+      () => {
+        var t, o, s;
+        return ((s = (o = (t = e.value) == null ? void 0 : t.PROPS) == null ? void 0 : o.colores_disponibles) == null ? void 0 : s.filter(
+          (c) => !!O[c]
+        )) || [];
+      }
+    );
+    return (t, o) => e.value ? (l(), p(ie, {
+      key: 0,
+      class: "card-custom",
+      loading: t.fetching,
+      style: b({ scale: v.scale ?? 1 }),
+      onClick: o[2] || (o[2] = (s) => k("on-event", {
+        code: "card_click",
+        payload: { product: e.value }
+      }))
+    }, {
+      default: f(() => {
+        var s, c, h, x, S;
+        return [
+          a("div", _e, [
+            a("div", ye, [
+              a("div", he, [
+                a("div", fe, [
+                  e.value.PACK ? (l(), i("span", Pe, " Pack ")) : (l(), i("span", ge, m(H.value), 1))
+                ]),
+                a("div", be, [
+                  (l(!0), i(T, null, D(W.value, (d) => (l(), p(me, { tag: d }, null, 8, ["tag"]))), 256))
+                ]),
+                a("div", ke, [
+                  E(m((s = g.value) != null && s.length ? P.value : 0) + "/" + m(((c = g.value) == null ? void 0 : c.length) || 0) + " ", 1),
+                  _(u(le), {
+                    name: "sym_o_image",
+                    size: "sm",
+                    class: "q-ml-xs"
+                  })
+                ])
+              ]),
+              _(u(N), { style: { "padding-bottom": "0.35rem" } }, {
+                default: f(() => [
+                  _(ne, {
+                    items: g.value,
+                    modelValue: P.value,
+                    "onUpdate:modelValue": o[0] || (o[0] = (d) => P.value = d),
+                    autoplay: t.autoplay
+                  }, null, 8, ["items", "modelValue", "autoplay"]),
+                  y.value ? (l(), i("div", Ce, [
+                    _(ve, {
+                      public: e.value.PUBLICO,
+                      onChangePublic: o[1] || (o[1] = (d) => k("on-event", {
+                        code: "change-public",
+                        payload: { id: e.value.ID_PRODUCTO }
+                      }))
+                    }, null, 8, ["public"])
+                  ])) : n("", !0)
+                ]),
+                _: 1
+              })
+            ]),
+            _(u(N), { style: { "min-height": "330px" } }, {
+              default: f(() => {
+                var d, A, w, q, B, I, L;
+                return [
+                  a("div", null, [
+                    a("div", Oe, [
+                      a("div", Re, m(j.value), 1),
+                      e.value.R_ESTADO ? (l(), p(re, {
+                        key: 0,
+                        label: (d = e.value.R_ESTADO) == null ? void 0 : d.NAME,
+                        color: (A = e.value.R_ESTADO) == null ? void 0 : A.COLOR
+                      }, null, 8, ["label", "color"])) : n("", !0)
+                    ]),
+                    y.value && ((w = e.value.PROPS) != null && w.sku) ? (l(), i("div", xe, " SKU: " + m(e.value.PROPS.sku), 1)) : n("", !0),
+                    a("div", Se, [
+                      a("div", Ae, [
+                        F.value ? (l(), p(de, {
+                          key: 0,
+                          product: e.value,
+                          "is-private": y.value,
+                          size: "small"
+                        }, null, 8, ["product", "is-private"])) : n("", !0)
+                      ]),
+                      a("div", we, m(u(ue)((q = e.value.PROPS) == null ? void 0 : q.ubicacion)), 1),
+                      a("div", qe, [
+                        (B = e.value.PROPS) != null && B.a_medida && !((I = e.value) != null && I.PACK) ? (l(), p(u(ae), {
+                          key: 0,
+                          style: { "background-color": "#0183cb" },
+                          "text-color": "white",
+                          size: "12px"
+                        }, {
+                          default: f(() => [...o[3] || (o[3] = [
+                            E("A medida", -1)
+                          ])]),
+                          _: 1
+                        })) : n("", !0)
+                      ])
+                    ])
+                  ]),
+                  a("div", Be, [
+                    R.value.length ? (l(), i("div", Ie, [
+                      (l(!0), i(T, null, D(R.value, (V) => (l(), i("div", {
+                        key: V,
+                        style: b({ backgroundColor: O[V] || "#ccc" }),
+                        class: "color-circle"
+                      }, null, 4))), 128))
+                    ])) : n("", !0),
+                    a("div", Le, [
+                      C.value ? (l(), i("span", {
+                        key: 0,
+                        class: "description",
+                        style: b({
+                          lineClamp: t.descriptionLines,
+                          WebkitLineClamp: t.descriptionLines
+                        })
+                      }, m(C.value || "~"), 5)) : (l(), i("span", Ve, [...o[4] || (o[4] = [
+                        a("i", null, "Sin descripción", -1)
+                      ])]))
+                    ]),
+                    e.value.PROPS ? (l(), p(pe, {
+                      key: 1,
+                      "gama-props": u(Q),
+                      "product-props": e.value.PROPS,
+                      lite: !0,
+                      "hidden-props": u($)
+                    }, null, 8, ["gama-props", "product-props", "hidden-props"])) : n("", !0),
+                    a("div", Te, [
+                      G.value ? (l(), i("div", De, " Requiere configuración ")) : n("", !0),
+                      (L = e.value) != null && L.OCULTAR_PRECIO_LANDING ? (l(), i("div", Ee, " Solicitar presupuesto ")) : n("", !0)
+                    ])
+                  ])
+                ];
+              }),
+              _: 1
+            })
+          ]),
+          a("div", Ne, [
+            y.value ? n("", !0) : (l(), p(u(se), {
+              key: 0,
+              label: (h = e.value) != null && h.PACK ? "Ver oferta" : "Ver más",
+              "text-color": (x = e.value) != null && x.PACK ? "white" : "primary",
+              flat: !((S = e.value) != null && S.PACK),
+              class: "hover-button q-mt-lg",
+              color: "primary",
+              "no-caps": ""
+            }, null, 8, ["label", "text-color", "flat"]))
+          ])
+        ];
+      }),
+      _: 1
+    }, 8, ["loading", "style"])) : n("", !0);
+  }
+});
+export {
+  Je as default
+};

package/dist/components/widgets/linvermedia-product-card/components/PublicToggleButton.vue.js

@@ -0,0 +1,36 @@
+import { defineComponent as p, ref as r, createBlock as a, openBlock as u, unref as o, withModifiers as s, withCtx as i, createVNode as d, createTextVNode as f, toDisplayString as b } from "vue";
+import { QBtn as g, QTooltip as m } from "quasar";
+const x = /* @__PURE__ */ p({
+  __name: "PublicToggleButton",
+  props: {
+    public: { type: Boolean },
+    size: {}
+  },
+  emits: ["change-public"],
+  setup(h, { emit: l }) {
+    const t = l, n = r(!1), c = () => t("change-public");
+    return (e, _) => (u(), a(o(g), {
+      onClick: s(c, ["stop"]),
+      loading: n.value,
+      size: e.size || "12px",
+      icon: e.public ? "public" : "public_off",
+      "text-color": e.public ? "green" : "red",
+      color: "white",
+      padding: "4px",
+      round: ""
+    }, {
+      default: i(() => [
+        d(o(m), null, {
+          default: i(() => [
+            f(b(e.public ? "Visible al público" : "Privado"), 1)
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["loading", "size", "icon", "text-color"]));
+  }
+});
+export {
+  x as default
+};

package/dist/components/widgets/linvermedia-product-card/components/PublicToggleButton.vue2.js

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