@win2win/shared-ui 0.3.240 → 0.3.242

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

@@ -1,249 +0,0 @@
-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

@@ -1,36 +0,0 @@
-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

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