@win2win/shared-ui 0.1.64 → 0.2.0

package/dist/LinvermediaProductCard-CvgzTGtP.js

@@ -0,0 +1,1355 @@
+import { c as ie, h as se, Q as ze, _ as K, a as Te, b as W, n as Ie, l as Fe, d as te, p as re, e as ye, s as ce, f as Be, g as ue, i as Ae, v as Ne, u as Oe, j as Ee, k as Re, m as De, o as de, q as Me, r as H, t as Ve, w as Le, x as je, y as we, z as ne, A as $e } from "./index-DRLyJSPb.js";
+import { computed as y, h as g, defineComponent as U, openBlock as u, createBlock as j, Transition as Pe, withCtx as L, withDirectives as Qe, createElementVNode as c, normalizeClass as Y, createVNode as S, createElementBlock as _, toDisplayString as b, createCommentVNode as w, vShow as Ue, ref as Q, renderSlot as oe, getCurrentInstance as ve, watch as X, nextTick as Ge, KeepAlive as He, onBeforeMount as Xe, onMounted as Se, onBeforeUnmount as qe, Fragment as Z, renderList as ae, normalizeStyle as ee, toRefs as me, unref as h, createTextVNode as z, reactive as Ye, pushScopeId as Ke, popScopeId as We } from "vue";
+const Je = ie({
+  name: "QCardSection",
+  props: {
+    tag: {
+      type: String,
+      default: "div"
+    },
+    horizontal: Boolean
+  },
+  setup(e, { slots: t }) {
+    const o = y(
+      () => `q-card__section q-card__section--${e.horizontal === !0 ? "horiz row no-wrap" : "vert"}`
+    );
+    return () => g(e.tag, { class: o.value }, se(t.default));
+  }
+}), Ze = { class: "text-center" }, et = {
+  key: 0,
+  class: "q-mt-md"
+}, tt = /* @__PURE__ */ U({
+  __name: "SectionSpinner",
+  props: {
+    fixed: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 },
+    text: {}
+  },
+  setup(e) {
+    return (t, o) => (u(), j(Pe, { name: "fade" }, {
+      default: L(() => [
+        Qe(c("div", {
+          class: Y(["spinner-container", { fixed: t.fixed }])
+        }, [
+          c("div", Ze, [
+            S(ze, {
+              size: "40px",
+              color: "black"
+            }),
+            t.text ? (u(), _("div", et, b(t.text), 1)) : w("", !0)
+          ])
+        ], 2), [
+          [Ue, t.loading]
+        ])
+      ]),
+      _: 1
+    }));
+  }
+}), ot = /* @__PURE__ */ K(tt, [["__scopeId", "data-v-b2df9e74"]]), nt = {
+  key: 0,
+  class: "row-between q-mb-md"
+}, at = { class: "float" }, it = {
+  key: 1,
+  class: "card-text"
+}, st = /* @__PURE__ */ U({
+  __name: "Card",
+  props: {
+    title: {},
+    clickable: { type: Boolean },
+    hoverable: { type: Boolean },
+    section: { type: Boolean },
+    loading: { type: Boolean },
+    titleClass: {},
+    noPadding: { type: Boolean },
+    expandible: { type: Boolean }
+  },
+  setup(e) {
+    const t = e, o = Q(!t.expandible), l = y(() => String(t.title || ""));
+    return (i, n) => (u(), _("div", {
+      class: Y(["win-card card field-label", { clickable: i.clickable || i.expandible, hoverable: i.hoverable, section: i.section, "q-pa-md": !i.noPadding }]),
+      onClick: n[0] || (n[0] = (s) => i.expandible ? o.value = !o.value : null),
+      style: { height: "100%" }
+    }, [
+      S(ot, { loading: i.loading }, null, 8, ["loading"]),
+      l.value ? (u(), _("div", nt, [
+        c("div", {
+          class: Y(["text-accent-1 ww-semi-bold", i.titleClass])
+        }, b(l.value), 3),
+        oe(i.$slots, "indicator", {}, void 0, !0)
+      ])) : w("", !0),
+      oe(i.$slots, "title", {}, void 0, !0),
+      c("div", at, [
+        oe(i.$slots, "actions", {}, void 0, !0)
+      ]),
+      o.value ? (u(), _("div", it, [
+        oe(i.$slots, "default", {}, void 0, !0)
+      ])) : w("", !0)
+    ], 2));
+  }
+}), lt = /* @__PURE__ */ K(st, [["__scopeId", "data-v-0bcb3ce1"]]), pe = {
+  left: !0,
+  right: !0,
+  up: !0,
+  down: !0,
+  horizontal: !0,
+  vertical: !0
+}, rt = Object.keys(pe);
+pe.all = !0;
+function be(e) {
+  const t = {};
+  for (const o of rt)
+    e[o] === !0 && (t[o] = !0);
+  return Object.keys(t).length === 0 ? pe : (t.horizontal === !0 ? t.left = t.right = !0 : t.left === !0 && t.right === !0 && (t.horizontal = !0), t.vertical === !0 ? t.up = t.down = !0 : t.up === !0 && t.down === !0 && (t.vertical = !0), t.horizontal === !0 && t.vertical === !0 && (t.all = !0), t);
+}
+const ct = ["INPUT", "TEXTAREA"];
+function xe(e, t) {
+  return t.event === void 0 && e.target !== void 0 && e.target.draggable !== !0 && typeof t.handler == "function" && ct.includes(e.target.nodeName.toUpperCase()) === !1 && (e.qClonedBy === void 0 || e.qClonedBy.indexOf(t.uid) === -1);
+}
+function ut(e) {
+  const t = [0.06, 6, 50];
+  return typeof e == "string" && e.length && e.split(":").forEach((o, l) => {
+    const i = parseFloat(o);
+    i && (t[l] = i);
+  }), t;
+}
+const dt = Te(
+  {
+    name: "touch-swipe",
+    beforeMount(e, { value: t, arg: o, modifiers: l }) {
+      if (l.mouse !== !0 && W.has.touch !== !0)
+        return;
+      const i = l.mouseCapture === !0 ? "Capture" : "", n = {
+        handler: t,
+        sensitivity: ut(o),
+        direction: be(l),
+        noop: Ie,
+        mouseStart(s) {
+          xe(s, n) && Fe(s) && (te(n, "temp", [
+            [document, "mousemove", "move", `notPassive${i}`],
+            [document, "mouseup", "end", "notPassiveCapture"]
+          ]), n.start(s, !0));
+        },
+        touchStart(s) {
+          if (xe(s, n)) {
+            const a = s.target;
+            te(n, "temp", [
+              [a, "touchmove", "move", "notPassiveCapture"],
+              [a, "touchcancel", "end", "notPassiveCapture"],
+              [a, "touchend", "end", "notPassiveCapture"]
+            ]), n.start(s);
+          }
+        },
+        start(s, a) {
+          W.is.firefox === !0 && re(e, !0);
+          const m = ye(s);
+          n.event = {
+            x: m.left,
+            y: m.top,
+            time: Date.now(),
+            mouse: a === !0,
+            dir: !1
+          };
+        },
+        move(s) {
+          if (n.event === void 0)
+            return;
+          if (n.event.dir !== !1) {
+            ce(s);
+            return;
+          }
+          const a = Date.now() - n.event.time;
+          if (a === 0)
+            return;
+          const m = ye(s), v = m.left - n.event.x, d = Math.abs(v), p = m.top - n.event.y, f = Math.abs(p);
+          if (n.event.mouse !== !0) {
+            if (d < n.sensitivity[1] && f < n.sensitivity[1]) {
+              n.end(s);
+              return;
+            }
+          } else if (window.getSelection().toString() !== "") {
+            n.end(s);
+            return;
+          } else if (d < n.sensitivity[2] && f < n.sensitivity[2])
+            return;
+          const k = d / a, P = f / a;
+          n.direction.vertical === !0 && d < f && d < 100 && P > n.sensitivity[0] && (n.event.dir = p < 0 ? "up" : "down"), n.direction.horizontal === !0 && d > f && f < 100 && k > n.sensitivity[0] && (n.event.dir = v < 0 ? "left" : "right"), n.direction.up === !0 && d < f && p < 0 && d < 100 && P > n.sensitivity[0] && (n.event.dir = "up"), n.direction.down === !0 && d < f && p > 0 && d < 100 && P > n.sensitivity[0] && (n.event.dir = "down"), n.direction.left === !0 && d > f && v < 0 && f < 100 && k > n.sensitivity[0] && (n.event.dir = "left"), n.direction.right === !0 && d > f && v > 0 && f < 100 && k > n.sensitivity[0] && (n.event.dir = "right"), n.event.dir !== !1 ? (ce(s), n.event.mouse === !0 && (document.body.classList.add("no-pointer-events--children"), document.body.classList.add("non-selectable"), Be(), n.styleCleanup = (A) => {
+            n.styleCleanup = void 0, document.body.classList.remove("non-selectable");
+            const T = () => {
+              document.body.classList.remove("no-pointer-events--children");
+            };
+            A === !0 ? setTimeout(T, 50) : T();
+          }), n.handler({
+            evt: s,
+            touch: n.event.mouse !== !0,
+            mouse: n.event.mouse,
+            direction: n.event.dir,
+            duration: a,
+            distance: {
+              x: d,
+              y: f
+            }
+          })) : n.end(s);
+        },
+        end(s) {
+          n.event !== void 0 && (ue(n, "temp"), W.is.firefox === !0 && re(e, !1), n.styleCleanup !== void 0 && n.styleCleanup(!0), s !== void 0 && n.event.dir !== !1 && ce(s), n.event = void 0);
+        }
+      };
+      if (e.__qtouchswipe = n, l.mouse === !0) {
+        const s = l.mouseCapture === !0 || l.mousecapture === !0 ? "Capture" : "";
+        te(n, "main", [
+          [e, "mousedown", "mouseStart", `passive${s}`]
+        ]);
+      }
+      W.has.touch === !0 && te(n, "main", [
+        [e, "touchstart", "touchStart", `passive${l.capture === !0 ? "Capture" : ""}`],
+        [e, "touchmove", "noop", "notPassiveCapture"]
+        // cannot be passive (ex: iOS scroll)
+      ]);
+    },
+    updated(e, t) {
+      const o = e.__qtouchswipe;
+      o !== void 0 && (t.oldValue !== t.value && (typeof t.value != "function" && o.end(), o.handler = t.value), o.direction = be(t.modifiers));
+    },
+    beforeUnmount(e) {
+      const t = e.__qtouchswipe;
+      t !== void 0 && (ue(t, "main"), ue(t, "temp"), W.is.firefox === !0 && re(e, !1), t.styleCleanup !== void 0 && t.styleCleanup(), delete e.__qtouchswipe);
+    }
+  }
+);
+function vt() {
+  let e = /* @__PURE__ */ Object.create(null);
+  return {
+    getCache: (t, o) => e[t] === void 0 ? e[t] = typeof o == "function" ? o() : o : e[t],
+    setCache(t, o) {
+      e[t] = o;
+    },
+    hasCache(t) {
+      return Object.hasOwnProperty.call(e, t);
+    },
+    clearCache(t) {
+      t !== void 0 ? delete e[t] : e = /* @__PURE__ */ Object.create(null);
+    }
+  };
+}
+const mt = {
+  name: { required: !0 },
+  disable: Boolean
+}, ke = {
+  setup(e, { slots: t }) {
+    return () => g("div", {
+      class: "q-panel scroll",
+      role: "tabpanel"
+    }, se(t.default));
+  }
+}, pt = {
+  modelValue: {
+    required: !0
+  },
+  animated: Boolean,
+  infinite: Boolean,
+  swipeable: Boolean,
+  vertical: Boolean,
+  transitionPrev: String,
+  transitionNext: String,
+  transitionDuration: {
+    type: [String, Number],
+    default: 300
+  },
+  keepAlive: Boolean,
+  keepAliveInclude: [String, Array, RegExp],
+  keepAliveExclude: [String, Array, RegExp],
+  keepAliveMax: Number
+}, _t = ["update:modelValue", "beforeTransition", "transition"];
+function ft() {
+  const { props: e, emit: t, proxy: o } = ve(), { getCache: l } = vt();
+  let i, n;
+  const s = Q(null), a = Q(null);
+  function m(r) {
+    const x = e.vertical === !0 ? "up" : "left";
+    q((o.$q.lang.rtl === !0 ? -1 : 1) * (r.direction === x ? 1 : -1));
+  }
+  const v = y(() => [[
+    dt,
+    m,
+    void 0,
+    {
+      horizontal: e.vertical !== !0,
+      vertical: e.vertical,
+      mouse: !0
+    }
+  ]]), d = y(
+    () => e.transitionPrev || `slide-${e.vertical === !0 ? "down" : "right"}`
+  ), p = y(
+    () => e.transitionNext || `slide-${e.vertical === !0 ? "up" : "left"}`
+  ), f = y(
+    () => `--q-transition-duration: ${e.transitionDuration}ms`
+  ), k = y(() => typeof e.modelValue == "string" || typeof e.modelValue == "number" ? e.modelValue : String(e.modelValue)), P = y(() => ({
+    include: e.keepAliveInclude,
+    exclude: e.keepAliveExclude,
+    max: e.keepAliveMax
+  })), A = y(
+    () => e.keepAliveInclude !== void 0 || e.keepAliveExclude !== void 0
+  );
+  X(() => e.modelValue, (r, x) => {
+    const I = F(r) === !0 ? N(r) : -1;
+    n !== !0 && C(
+      I === -1 ? 0 : I < N(x) ? -1 : 1
+    ), s.value !== I && (s.value = I, t("beforeTransition", r, x), Ge(() => {
+      t("transition", r, x);
+    }));
+  });
+  function T() {
+    q(1);
+  }
+  function O() {
+    q(-1);
+  }
+  function D(r) {
+    t("update:modelValue", r);
+  }
+  function F(r) {
+    return r != null && r !== "";
+  }
+  function N(r) {
+    return i.findIndex((x) => x.props.name === r && x.props.disable !== "" && x.props.disable !== !0);
+  }
+  function G() {
+    return i.filter((r) => r.props.disable !== "" && r.props.disable !== !0);
+  }
+  function C(r) {
+    const x = r !== 0 && e.animated === !0 && s.value !== -1 ? "q-transition--" + (r === -1 ? d.value : p.value) : null;
+    a.value !== x && (a.value = x);
+  }
+  function q(r, x = s.value) {
+    let I = x + r;
+    for (; I !== -1 && I < i.length; ) {
+      const V = i[I];
+      if (V !== void 0 && V.props.disable !== "" && V.props.disable !== !0) {
+        C(r), n = !0, t("update:modelValue", V.props.name), setTimeout(() => {
+          n = !1;
+        });
+        return;
+      }
+      I += r;
+    }
+    e.infinite === !0 && i.length !== 0 && x !== -1 && x !== i.length && q(r, r === -1 ? i.length : -1);
+  }
+  function E() {
+    const r = N(e.modelValue);
+    return s.value !== r && (s.value = r), !0;
+  }
+  function M() {
+    const r = F(e.modelValue) === !0 && E() && i[s.value];
+    return e.keepAlive === !0 ? [
+      g(He, P.value, [
+        g(
+          A.value === !0 ? l(k.value, () => ({ ...ke, name: k.value })) : ke,
+          { key: k.value, style: f.value },
+          () => r
+        )
+      ])
+    ] : [
+      g("div", {
+        class: "q-panel scroll",
+        style: f.value,
+        key: k.value,
+        role: "tabpanel"
+      }, [r])
+    ];
+  }
+  function $() {
+    if (i.length !== 0)
+      return e.animated === !0 ? [g(Pe, { name: a.value }, M)] : M();
+  }
+  function B(r) {
+    return i = Ae(
+      se(r.default, [])
+    ).filter(
+      (x) => x.props !== null && x.props.slot === void 0 && F(x.props.name) === !0
+    ), i.length;
+  }
+  function R() {
+    return i;
+  }
+  return Object.assign(o, {
+    next: T,
+    previous: O,
+    goTo: D
+  }), {
+    panelIndex: s,
+    panelDirectives: v,
+    updatePanelsList: B,
+    updatePanelIndex: E,
+    getPanelContent: $,
+    getEnabledPanels: G,
+    getPanels: R,
+    isValidPanelName: F,
+    keepAliveProps: P,
+    needsUniqueKeepAliveWrapper: A,
+    goToPanelByOffset: q,
+    goToPanel: D,
+    nextPanel: T,
+    previousPanel: O
+  };
+}
+const ht = ie({
+  name: "QCarouselSlide",
+  props: {
+    ...mt,
+    imgSrc: String
+  },
+  setup(e, { slots: t }) {
+    const o = y(() => e.imgSrc ? { backgroundImage: `url("${e.imgSrc}")` } : {});
+    return () => g("div", {
+      class: "q-carousel__slide",
+      style: o.value
+    }, se(t.default));
+  }
+});
+let J = 0;
+const gt = {
+  fullscreen: Boolean,
+  noRouteFullscreenExit: Boolean
+}, yt = ["update:fullscreen", "fullscreen"];
+function bt() {
+  const e = ve(), { props: t, emit: o, proxy: l } = e;
+  let i, n;
+  const s = Q(!1);
+  Ne(e) === !0 && X(() => l.$route.fullPath, () => {
+    t.noRouteFullscreenExit !== !0 && v();
+  }), X(() => t.fullscreen, (d) => {
+    s.value !== d && a();
+  }), X(s, (d) => {
+    o("update:fullscreen", d), o("fullscreen", d);
+  });
+  function a() {
+    s.value === !0 ? v() : m();
+  }
+  function m() {
+    s.value !== !0 && (s.value = !0, n = l.$el.parentNode, n.replaceChild(i, l.$el), document.body.appendChild(l.$el), J++, J === 1 && document.body.classList.add("q-body--fullscreen-mixin"));
+  }
+  function v() {
+    s.value === !0 && (n.replaceChild(l.$el, i), s.value = !1, J = Math.max(0, J - 1), J === 0 && (document.body.classList.remove("q-body--fullscreen-mixin"), l.$el.scrollIntoView !== void 0 && setTimeout(() => {
+      l.$el.scrollIntoView();
+    })));
+  }
+  return Xe(() => {
+    i = document.createElement("span");
+  }), Se(() => {
+    t.fullscreen === !0 && m();
+  }), qe(v), Object.assign(l, {
+    toggleFullscreen: a,
+    setFullscreen: m,
+    exitFullscreen: v
+  }), {
+    inFullscreen: s,
+    toggleFullscreen: a
+  };
+}
+const xt = ["top", "right", "bottom", "left"], kt = ["regular", "flat", "outline", "push", "unelevated"], Ct = ie({
+  name: "QCarousel",
+  props: {
+    ...Oe,
+    ...pt,
+    ...gt,
+    transitionPrev: {
+      // usePanelParentProps override
+      type: String,
+      default: "fade"
+    },
+    transitionNext: {
+      // usePanelParentProps override
+      type: String,
+      default: "fade"
+    },
+    height: String,
+    padding: Boolean,
+    controlColor: String,
+    controlTextColor: String,
+    controlType: {
+      type: String,
+      validator: (e) => kt.includes(e),
+      default: "flat"
+    },
+    autoplay: [Number, Boolean],
+    arrows: Boolean,
+    prevIcon: String,
+    nextIcon: String,
+    navigation: Boolean,
+    navigationPosition: {
+      type: String,
+      validator: (e) => xt.includes(e)
+    },
+    navigationIcon: String,
+    navigationActiveIcon: String,
+    thumbnails: Boolean
+  },
+  emits: [
+    ...yt,
+    ..._t
+  ],
+  setup(e, { slots: t }) {
+    const { proxy: { $q: o } } = ve(), l = Ee(e, o);
+    let i = null, n;
+    const {
+      updatePanelsList: s,
+      getPanelContent: a,
+      panelDirectives: m,
+      goToPanel: v,
+      previousPanel: d,
+      nextPanel: p,
+      getEnabledPanels: f,
+      panelIndex: k
+    } = ft(), { inFullscreen: P } = bt(), A = y(() => P.value !== !0 && e.height !== void 0 ? { height: e.height } : {}), T = y(() => e.vertical === !0 ? "vertical" : "horizontal"), O = y(
+      () => e.navigationPosition || (e.vertical === !0 ? "right" : "bottom")
+    ), D = y(
+      () => `q-carousel q-panel-parent q-carousel--with${e.padding === !0 ? "" : "out"}-padding` + (P.value === !0 ? " fullscreen" : "") + (l.value === !0 ? " q-carousel--dark q-dark" : "") + (e.arrows === !0 ? ` q-carousel--arrows-${T.value}` : "") + (e.navigation === !0 ? ` q-carousel--navigation-${O.value}` : "")
+    ), F = y(() => {
+      const $ = [
+        e.prevIcon || o.iconSet.carousel[e.vertical === !0 ? "up" : "left"],
+        e.nextIcon || o.iconSet.carousel[e.vertical === !0 ? "down" : "right"]
+      ];
+      return e.vertical === !1 && o.lang.rtl === !0 ? $.reverse() : $;
+    }), N = y(() => e.navigationIcon || o.iconSet.carousel.navigationIcon), G = y(() => e.navigationActiveIcon || N.value), C = y(() => ({
+      color: e.controlColor,
+      textColor: e.controlTextColor,
+      round: !0,
+      [e.controlType]: !0,
+      dense: !0
+    }));
+    X(() => e.modelValue, () => {
+      e.autoplay && q();
+    }), X(() => e.autoplay, ($) => {
+      $ ? q() : i !== null && (clearTimeout(i), i = null);
+    });
+    function q() {
+      const $ = Re(e.autoplay) === !0 ? Math.abs(e.autoplay) : 5e3;
+      i !== null && clearTimeout(i), i = setTimeout(() => {
+        i = null, $ >= 0 ? p() : d();
+      }, $);
+    }
+    Se(() => {
+      e.autoplay && q();
+    }), qe(() => {
+      i !== null && clearTimeout(i);
+    });
+    function E($, B) {
+      return g("div", {
+        class: `q-carousel__control q-carousel__navigation no-wrap absolute flex q-carousel__navigation--${$} q-carousel__navigation--${O.value}` + (e.controlColor !== void 0 ? ` text-${e.controlColor}` : "")
+      }, [
+        g("div", {
+          class: "q-carousel__navigation-inner flex flex-center no-wrap"
+        }, f().map(B))
+      ]);
+    }
+    function M() {
+      const $ = [];
+      if (e.navigation === !0) {
+        const B = t["navigation-icon"] !== void 0 ? t["navigation-icon"] : (r) => g(de, {
+          key: "nav" + r.name,
+          class: `q-carousel__navigation-icon q-carousel__navigation-icon--${r.active === !0 ? "" : "in"}active`,
+          ...r.btnProps,
+          onClick: r.onClick
+        }), R = n - 1;
+        $.push(
+          E("buttons", (r, x) => {
+            const I = r.props.name, V = k.value === x;
+            return B({
+              index: x,
+              maxIndex: R,
+              name: I,
+              active: V,
+              btnProps: {
+                icon: V === !0 ? G.value : N.value,
+                size: "sm",
+                ...C.value
+              },
+              onClick: () => {
+                v(I);
+              }
+            });
+          })
+        );
+      } else if (e.thumbnails === !0) {
+        const B = e.controlColor !== void 0 ? ` text-${e.controlColor}` : "";
+        $.push(E("thumbnails", (R) => {
+          const r = R.props;
+          return g("img", {
+            key: "tmb#" + r.name,
+            class: `q-carousel__thumbnail q-carousel__thumbnail--${r.name === e.modelValue ? "" : "in"}active` + B,
+            src: r.imgSrc || r["img-src"],
+            onClick: () => {
+              v(r.name);
+            }
+          });
+        }));
+      }
+      return e.arrows === !0 && k.value >= 0 && ((e.infinite === !0 || k.value > 0) && $.push(
+        g("div", {
+          key: "prev",
+          class: `q-carousel__control q-carousel__arrow q-carousel__prev-arrow q-carousel__prev-arrow--${T.value} absolute flex flex-center`
+        }, [
+          g(de, {
+            icon: F.value[0],
+            ...C.value,
+            onClick: d
+          })
+        ])
+      ), (e.infinite === !0 || k.value < n - 1) && $.push(
+        g("div", {
+          key: "next",
+          class: `q-carousel__control q-carousel__arrow q-carousel__next-arrow q-carousel__next-arrow--${T.value} absolute flex flex-center`
+        }, [
+          g(de, {
+            icon: F.value[1],
+            ...C.value,
+            onClick: p
+          })
+        ])
+      )), Me(t.control, $);
+    }
+    return () => (n = s(t), g("div", {
+      class: D.value,
+      style: A.value
+    }, [
+      De(
+        "div",
+        { class: "q-carousel__slides-container" },
+        a(),
+        "sl-cont",
+        e.swipeable,
+        () => m.value
+      )
+    ].concat(M())));
+  }
+}), wt = {
+  class: "q-pa-lg flex-center items-center",
+  style: { width: "100%", height: "100%" }
+}, $t = { class: "stack flex-center" }, Pt = { class: "text-grey-8" }, St = /* @__PURE__ */ U({
+  __name: "GeneratingError",
+  props: {
+    text: { default: "Generación de imagen fallida" }
+  },
+  setup(e) {
+    return (t, o) => (u(), _("div", wt, [
+      c("div", $t, [
+        S(H, {
+          size: "xl",
+          name: "sym_o_error"
+        }),
+        c("div", Pt, b(t.text), 1)
+      ])
+    ]));
+  }
+}), qt = [
+  g("g", [
+    g("path", {
+      fill: "none",
+      stroke: "currentColor",
+      "stroke-width": "5",
+      "stroke-miterlimit": "10",
+      d: "M58.4,51.7c-0.9-0.9-1.4-2-1.4-2.3s0.5-0.4,1.4-1.4 C70.8,43.8,79.8,30.5,80,15.5H70H30H20c0.2,15,9.2,28.1,21.6,32.3c0.9,0.9,1.4,1.2,1.4,1.5s-0.5,1.6-1.4,2.5 C29.2,56.1,20.2,69.5,20,85.5h10h40h10C79.8,69.5,70.8,55.9,58.4,51.7z"
+    }),
+    g("clipPath", {
+      id: "uil-hourglass-clip1"
+    }, [
+      g("rect", {
+        x: "15",
+        y: "20",
+        width: "70",
+        height: "25"
+      }, [
+        g("animate", {
+          attributeName: "height",
+          from: "25",
+          to: "0",
+          dur: "1s",
+          repeatCount: "indefinite",
+          values: "25;0;0",
+          keyTimes: "0;0.5;1"
+        }),
+        g("animate", {
+          attributeName: "y",
+          from: "20",
+          to: "45",
+          dur: "1s",
+          repeatCount: "indefinite",
+          values: "20;45;45",
+          keyTimes: "0;0.5;1"
+        })
+      ])
+    ]),
+    g("clipPath", {
+      id: "uil-hourglass-clip2"
+    }, [
+      g("rect", {
+        x: "15",
+        y: "55",
+        width: "70",
+        height: "25"
+      }, [
+        g("animate", {
+          attributeName: "height",
+          from: "0",
+          to: "25",
+          dur: "1s",
+          repeatCount: "indefinite",
+          values: "0;25;25",
+          keyTimes: "0;0.5;1"
+        }),
+        g("animate", {
+          attributeName: "y",
+          from: "80",
+          to: "55",
+          dur: "1s",
+          repeatCount: "indefinite",
+          values: "80;55;55",
+          keyTimes: "0;0.5;1"
+        })
+      ])
+    ]),
+    g("path", {
+      d: "M29,23c3.1,11.4,11.3,19.5,21,19.5S67.9,34.4,71,23H29z",
+      "clip-path": "url(#uil-hourglass-clip1)",
+      fill: "currentColor"
+    }),
+    g("path", {
+      d: "M71.6,78c-3-11.6-11.5-20-21.5-20s-18.5,8.4-21.5,20H71.6z",
+      "clip-path": "url(#uil-hourglass-clip2)",
+      fill: "currentColor"
+    }),
+    g("animateTransform", {
+      attributeName: "transform",
+      type: "rotate",
+      from: "0 50 50",
+      to: "180 50 50",
+      repeatCount: "indefinite",
+      dur: "1s",
+      values: "0 50 50;0 50 50;180 50 50",
+      keyTimes: "0;0.7;1"
+    })
+  ])
+], zt = ie({
+  name: "QSpinnerHourglass",
+  props: Ve,
+  setup(e) {
+    const { cSize: t, classes: o } = Le(e);
+    return () => g("svg", {
+      class: o.value,
+      width: t.value,
+      height: t.value,
+      viewBox: "0 0 100 100",
+      preserveAspectRatio: "xMidYMid",
+      xmlns: "http://www.w3.org/2000/svg"
+    }, qt);
+  }
+}), Tt = {
+  class: "q-pa-lg flex-center items-center",
+  style: { width: "100%", height: "100%" }
+}, It = { class: "stack flex-center" }, Ft = { class: "text-grey-8" }, Bt = /* @__PURE__ */ U({
+  __name: "GeneratingLoader",
+  props: {
+    text: { default: "Generando contenido..." }
+  },
+  setup(e) {
+    return (t, o) => (u(), _("div", Tt, [
+      c("div", It, [
+        S(zt, {
+          color: "primary",
+          size: "xl"
+        }),
+        c("div", Ft, b(t.text), 1)
+      ])
+    ]));
+  }
+}), At = ["src"], Nt = { key: 1 }, Ot = /* @__PURE__ */ U({
+  __name: "DynamicCarousel",
+  props: {
+    items: {},
+    height: {},
+    editableTags: { type: Boolean }
+  },
+  setup(e) {
+    const t = Q(1), o = Q(!1), l = Q(!1), i = (n) => n.location ? n.location : "";
+    return (n, s) => {
+      var a, m;
+      return (a = n.items) != null && a.length ? (u(), j(Ct, {
+        key: 0,
+        onMouseover: s[0] || (s[0] = (v) => l.value = !0),
+        onMouseleave: s[1] || (s[1] = (v) => l.value = !1),
+        autoplay: "",
+        animated: "",
+        arrows: l.value && (((m = n.items) == null ? void 0 : m.length) || 0) > 1,
+        "control-text-color": "grey",
+        swipeable: "",
+        infinite: "",
+        ratio: 3 / 3,
+        height: n.height || "400px",
+        modelValue: t.value,
+        "onUpdate:modelValue": s[2] || (s[2] = (v) => t.value = v),
+        fullscreen: o.value,
+        "onUpdate:fullscreen": s[3] || (s[3] = (v) => o.value = v)
+      }, {
+        default: L(() => [
+          (u(!0), _(Z, null, ae(n.items, (v, d) => (u(), j(ht, {
+            key: d,
+            name: d + 1,
+            "img-src": i(v),
+            style: { overflow: "hidden", "background-color": "white" }
+          }, {
+            default: L(() => [
+              v.estado === 0 ? (u(), j(St, { key: 0 })) : v.estado === 2 ? (u(), j(Bt, { key: 1 })) : v.tipo === "video" ? (u(), _("video", {
+                key: 2,
+                src: v.location,
+                autoplay: "",
+                loop: "",
+                style: { width: "100%", height: "100%" }
+              }, "Your browser does not support the video tag.", 8, At)) : w("", !0)
+            ]),
+            _: 2
+          }, 1032, ["name", "img-src"]))), 128))
+        ]),
+        _: 1
+      }, 8, ["arrows", "height", "modelValue", "fullscreen"])) : (u(), _("div", Nt, [
+        S(je, {
+          style: ee(`height: ${n.height || "400px"}`),
+          src: "placeholder.webp"
+        }, null, 8, ["style"])
+      ]));
+    };
+  }
+}), Et = /* @__PURE__ */ U({
+  __name: "IndicatorColor",
+  props: {
+    color: {}
+  },
+  setup(e) {
+    const t = e, o = y(() => {
+      var l;
+      return (l = t.color) != null && l.startsWith("#") ? { background: t.color } : {};
+    });
+    return (l, i) => (u(), _("div", {
+      class: Y([l.color, "indicator-icon"]),
+      style: ee(o.value)
+    }, null, 6));
+  }
+}), Rt = /* @__PURE__ */ K(Et, [["__scopeId", "data-v-f7a2cee7"]]), Dt = { class: "flex no-wrap text-no-wrap items-center justify-start" }, Mt = /* @__PURE__ */ U({
+  __name: "StateIndicator",
+  props: {
+    state: { default: 0 },
+    labels: { default: () => ["Inactivo", "Activo"] },
+    textClassName: {},
+    colors: { default: () => ["grey", "green"] },
+    states: {},
+    sm: { type: Boolean },
+    color: {},
+    label: {}
+  },
+  setup(e) {
+    const t = e, { state: o, labels: l, colors: i, states: n, color: s, label: a } = me(t), m = y(() => {
+      var p;
+      return ((p = n == null ? void 0 : n.value) == null ? void 0 : p[o.value]) || null;
+    }), v = y(() => {
+      var p;
+      return a.value ?? (((p = m.value) == null ? void 0 : p.label) || l.value[Number(o.value)]);
+    }), d = y(() => {
+      var p;
+      return s.value ?? (((p = m.value) == null ? void 0 : p.color) || i.value[Number(o.value)]);
+    });
+    return (p, f) => (u(), _("div", Dt, [
+      S(Rt, { color: d.value }, null, 8, ["color"]),
+      c("span", {
+        style: ee(p.sm ? "font-size: 12px" : ""),
+        class: Y(`indicator-label ${p.textClassName}`)
+      }, b(v.value), 7)
+    ]));
+  }
+}), Vt = /* @__PURE__ */ K(Mt, [["__scopeId", "data-v-2acb571b"]]), Lt = { class: "q-pl-xs" }, jt = {
+  key: 0,
+  class: "q-mt-md text-black"
+}, Qt = {
+  key: 0,
+  style: { "font-size": "14px" },
+  class: "row items-center"
+}, Ut = { class: "text-bold" }, Gt = {
+  key: 1,
+  style: { "font-size": "14px" },
+  class: "row items-center"
+}, Ht = { class: "text-bold" }, Xt = { class: "q-mt-md text-black" }, Yt = {
+  key: 0,
+  style: { "font-size": "14px" }
+}, Kt = { class: "text-bold" }, Wt = {
+  key: 1,
+  style: { "font-size": "14px" }
+}, Jt = { class: "text-bold" }, Zt = {
+  key: 2,
+  style: { "font-size": "14px" }
+}, eo = { class: "text-bold" }, to = {
+  key: 3,
+  style: { "font-size": "14px" }
+}, oo = { class: "text-bold" }, no = {
+  key: 4,
+  style: { "font-size": "14px" }
+}, ao = { class: "text-bold" }, io = {
+  key: 5,
+  style: { "font-size": "14px" }
+}, so = { class: "text-bold" }, lo = {
+  key: 6,
+  style: { "font-size": "14px" }
+}, ro = { class: "text-bold" }, co = {
+  key: 7,
+  style: { "font-size": "14px" }
+}, uo = { class: "text-bold" }, vo = { class: "q-mt-md" }, mo = {
+  key: 0,
+  class: "text-black row items-center"
+}, po = { class: "q-pl-xs text-grey-8" }, _o = { key: 0 }, fo = {
+  key: 1,
+  class: "text-black row items-center"
+}, ho = { class: "q-pl-xs text-grey-8" }, go = /* @__PURE__ */ U({
+  __name: "ProductProps",
+  props: {
+    productProps: {},
+    hiddenProps: {},
+    lite: { type: Boolean }
+  },
+  setup(e) {
+    const t = e, { productProps: o } = me(t), l = (a, m) => m, i = (a) => l(a, o.value[a]), n = y(
+      () => [
+        {
+          key: "gama",
+          icon: "sym_o_category",
+          format: i("gama"),
+          label: "Gama"
+        },
+        {
+          key: "subgama",
+          icon: "sym_o_label",
+          format: i("subgama"),
+          label: "Subgama"
+        },
+        {
+          key: "brillo",
+          icon: "sym_o_light_mode",
+          format: i("brillo"),
+          label: "Brillo"
+        },
+        {
+          key: "resolucion",
+          icon: "sym_o_display_settings",
+          label: "Resolución",
+          format: (a) => {
+            var v;
+            let m = 0;
+            if (a.pitch) {
+              const d = (v = a == null ? void 0 : a.pitch) == null ? void 0 : v.replace("_mm", ""), p = d == null ? void 0 : d.replace("_", ".");
+              m = parseFloat(p);
+            }
+            if (m && a.ancho && a.alto) {
+              let d = Number(a.ancho), p = Number(a.alto);
+              return a.unidad_de_medida == "m" ? (d = d * 1e3, p = p * 1e3) : a.unidad_de_medida == "cm" && (d = d * 10, p = p * 10), `${Math.round(d / m)}x${Math.round(p / m)} p`;
+            }
+            return l("resolucion", a.resolucion);
+          }
+        },
+        {
+          key: "ancho",
+          icon: "sym_o_square_foot",
+          label: "Tamaño",
+          format: (a) => {
+            if (a.tamano)
+              return l("tamano", a.tamano);
+            let m = "";
+            return a.ancho && a.alto && (m = `${a.ancho || ""} x ${a.alto || ""}`, a.profundidad && (m += ` x ${a.profundidad || ""}`), m += ` ${a.unidad_de_medida || ""}`), m;
+          }
+        },
+        {
+          key: "pitch",
+          icon: "sym_o_lightbulb",
+          label: "Pitch",
+          format: i("pitch")
+        },
+        {
+          key: "tasa_de_refresco_hz",
+          icon: "sym_o_visibility",
+          label: "Tasa de refresco",
+          format: (a) => a.tasa_de_refresco_hz ? `${a.tasa_de_refresco_hz} hz` : ""
+        },
+        {
+          key: "gran_formato_independiente",
+          icon: "sym_o_imagesmode",
+          label: "Formato de imagen",
+          format: (a) => a.gran_formato_independiente ? "Gran formato independiente" : ""
+        },
+        {
+          key: "peso_kg",
+          icon: "sym_o_weight",
+          label: "Peso",
+          format: (a) => a.peso_kg ? `${a.peso_kg} kg` : ""
+        },
+        {
+          key: "doble_cara",
+          label: "Es doble cara",
+          icon: "sym_o_splitscreen",
+          format: (a) => a.doble_cara ? "Doble cara" : ""
+        },
+        {
+          key: "compatible_videowall",
+          icon: "sym_o_smart_display",
+          label: "Es compatible con videowall",
+          format: (a) => a.compatible_videowall ? "Compatible con videowall" : ""
+        },
+        {
+          key: "interactivo",
+          icon: "sym_o_touch_app",
+          label: "Interactivo",
+          format: i("interactivo")
+        },
+        {
+          key: "sistema_operativo",
+          icon: "sym_o_android",
+          label: "Sistema operativo",
+          format: i("sistema_operativo")
+        }
+      ].filter(
+        (a) => {
+          var m, v;
+          return t != null && t.hiddenProps && ((m = t == null ? void 0 : t.hiddenProps) != null && m.length) ? !((v = t == null ? void 0 : t.hiddenProps) != null && v.includes(a.key)) : !0;
+        }
+      ).filter((a) => !!a.format(o.value))
+    ), s = y(() => {
+      var a;
+      if (o.value.pitch) {
+        const m = (a = o.value.pitch) == null ? void 0 : a.replace("_", "."), v = m == null ? void 0 : m.replace(/[^0-9.]/g, "");
+        return parseFloat(v).toFixed(2);
+      }
+      return "";
+    });
+    return (a, m) => {
+      var v, d, p, f, k, P, A, T, O, D, F, N, G, C, q, E, M, $, B, R, r, x, I, V, _e, fe, he;
+      return u(), _("div", null, [
+        c("div", {
+          class: "q-mt-md row text-black",
+          style: ee(`font-size: ${a.lite ? "15px" : "16px"}`)
+        }, [
+          (u(!0), _(Z, null, ae(n.value, (le, ge) => (u(), _("div", {
+            key: ge,
+            class: Y(
+              a.lite ? ge % 2 ? "col-md-5 col-12" : "col-md-7 col-12" : "col-md-6 col-12 flex items-center"
+            )
+          }, [
+            c("span", null, [
+              S(H, {
+                size: "xs",
+                name: le.icon
+              }, null, 8, ["name"]),
+              c("span", Lt, b(le.format(h(o))), 1),
+              S(we, null, {
+                default: L(() => [
+                  z(b(le.label), 1)
+                ]),
+                _: 2
+              }, 1024)
+            ])
+          ], 2))), 128))
+        ], 4),
+        a.lite ? w("", !0) : (u(), _(Z, { key: 0 }, [
+          (v = h(o)) != null && v.consumo_maximo_w || (d = h(o)) != null && d.consumo_medio_w ? (u(), _("div", jt, [
+            (p = h(o)) != null && p.consumo_medio_w ? (u(), _("div", Qt, [
+              S(H, {
+                color: "green",
+                name: "sym_o_flash_on",
+                class: "q-mr-xs",
+                size: "18px"
+              }),
+              c("div", null, [
+                z(" Consumo medio: "),
+                c("span", Ut, b((f = h(o)) == null ? void 0 : f.consumo_medio_w), 1)
+              ])
+            ])) : w("", !0),
+            (k = h(o)) != null && k.consumo_maximo_w ? (u(), _("div", Gt, [
+              S(H, {
+                color: "green",
+                name: "sym_o_flash_on",
+                class: "q-mr-xs",
+                size: "18px"
+              }),
+              c("div", null, [
+                z(" Consumo máximo: "),
+                c("span", Ht, b((P = h(o)) == null ? void 0 : P.consumo_maximo_w), 1)
+              ])
+            ])) : w("", !0)
+          ])) : w("", !0),
+          c("div", Xt, [
+            s.value ? (u(), _("div", Yt, [
+              z(" Distancia recomendada: "),
+              c("span", Kt, "a partir de " + b(s.value) + " m", 1)
+            ])) : w("", !0),
+            (A = h(o)) != null && A.serie ? (u(), _("div", Wt, [
+              z(" Serie: "),
+              c("span", Jt, b(l("serie", (T = h(o)) == null ? void 0 : T.serie)), 1)
+            ])) : w("", !0),
+            (O = h(o)) != null && O.material ? (u(), _("div", Zt, [
+              z(" Material: "),
+              c("span", eo, b(l("material", (D = h(o)) == null ? void 0 : D.material)), 1)
+            ])) : w("", !0),
+            (F = h(o)) != null && F.usos_habituales && h(ne.isArray)((N = h(o)) == null ? void 0 : N.usos_habituales) ? (u(), _("div", to, [
+              z(" Usos habituales: "),
+              c("span", oo, b(l("usos_habituales", (G = h(o)) == null ? void 0 : G.usos_habituales)), 1)
+            ])) : w("", !0),
+            (C = h(o)) != null && C.propositos_generales && h(ne.isArray)((q = h(o)) == null ? void 0 : q.propositos_generales) ? (u(), _("div", no, [
+              z(" Propositos generales: "),
+              c("span", ao, b(l("propositos_generales", (E = h(o)) == null ? void 0 : E.propositos_generales)), 1)
+            ])) : w("", !0),
+            (M = h(o)) != null && M.controladoras_compatibles && h(ne.isArray)(($ = h(o)) == null ? void 0 : $.controladoras_compatibles) ? (u(), _("div", io, [
+              z(" Controladoras compatibles: "),
+              c("span", so, b(l(
+                "controladoras_compatibles",
+                (B = h(o)) == null ? void 0 : B.controladoras_compatibles
+              )), 1)
+            ])) : w("", !0),
+            (R = h(o)) != null && R.tipo_de_instalacion ? (u(), _("div", lo, [
+              z(" Tipo de instalación: "),
+              c("span", ro, b(l("tipo_de_instalacion", (r = h(o)) == null ? void 0 : r.tipo_de_instalacion)), 1)
+            ])) : w("", !0),
+            (x = h(o)) != null && x.tipo_servicio ? (u(), _("div", co, [
+              z(" Conexiones y acceso a componentes: "),
+              c("span", uo, b(l("tipo_servicio", (I = h(o)) == null ? void 0 : I.tipo_servicio)), 1)
+            ])) : w("", !0)
+          ]),
+          c("div", vo, [
+            ((V = h(o)) == null ? void 0 : V.gob) == "si" ? (u(), _("div", mo, [
+              S(H, {
+                color: "yellow-9",
+                style: { "font-size": "20px" },
+                name: "sym_o_verified_user"
+              }),
+              c("div", po, [
+                z(" GOB "),
+                ((_e = h(o)) == null ? void 0 : _e.gob) == "si" ? (u(), _("span", _o, " (mayor resistencia a golpes, humedad y polvo.)")) : w("", !0)
+              ])
+            ])) : w("", !0),
+            (fe = h(o)) != null && fe.proteccion_ip ? (u(), _("div", fo, [
+              S(H, {
+                color: "yellow-9",
+                style: { "font-size": "20px" },
+                name: "sym_o_verified_user"
+              }),
+              c("div", ho, b(l("proteccion_ip", (he = h(o)) == null ? void 0 : he.proteccion_ip)), 1)
+            ])) : w("", !0)
+          ])
+        ], 64))
+      ]);
+    };
+  }
+}), yo = /* @__PURE__ */ U({
+  __name: "ProductTag",
+  props: {
+    tag: {}
+  },
+  setup(e) {
+    return (t, o) => t.tag ? (u(), j($e, {
+      key: 0,
+      class: "tag",
+      size: "12px"
+    }, {
+      default: L(() => [
+        z(b(t.tag), 1)
+      ]),
+      _: 1
+    })) : w("", !0);
+  }
+}), bo = /* @__PURE__ */ K(yo, [["__scopeId", "data-v-d02465b6"]]), xo = (e) => (Ke("data-v-71945b58"), e = e(), We(), e), ko = { class: "carousel-container" }, Co = { class: "overlay" }, wo = { class: "header-overlay" }, $o = {
+  class: "text-center row justify center no-wrap",
+  style: { "overflow-x": "auto", width: "200px" }
+}, Po = { class: "media-count" }, So = {
+  key: 0,
+  class: "visibility-icon-container top-right"
+}, qo = { class: "row justify-between no-wrap" }, zo = {
+  class: "text-subtitle1 font-bold",
+  style: { "line-height": "120%" }
+}, To = {
+  key: 0,
+  class: "text-caption"
+}, Io = { class: "row justify-between items-center q-mt-xs" }, Fo = { class: "col-md-4" }, Bo = { class: "text-h5" }, Ao = { class: "col-md-4 text-center text-weight-medium" }, No = { class: "col-md-4 text-right text-weight-medium" }, Oo = {
+  style: { "font-size": "15px" },
+  class: "q-px-md q-mb-md text-black"
+}, Eo = { class: "color-selector q-mb-md" }, Ro = {
+  class: "q-mb-md",
+  style: { opacity: "0.85" }
+}, Do = {
+  key: 0,
+  class: "line-2"
+}, Mo = { key: 1 }, Vo = /* @__PURE__ */ xo(() => /* @__PURE__ */ c("i", null, "Sin descripción", -1)), Lo = [
+  Vo
+], Ce = (e) => e.charAt(0).toUpperCase() + e.slice(1), jo = (e, t = !1) => typeof e != "string" ? e : (e = e.toLowerCase(), t ? e.split(" ").map(Ce).join(" ") : Ce(e)), Qo = (e, t, o = "EUR") => {
+  const l = (e == null ? void 0 : e.toString().replace(/[^0-9.,]/g, "")) || 0;
+  return Number(l).toLocaleString("de-DE", {
+    style: "currency",
+    currency: o,
+    minimumFractionDigits: t ?? 2,
+    maximumFractionDigits: t ?? 2
+  });
+}, Uo = {
+  negro: "#000000",
+  blanco: "#FFFFFF",
+  rojo: "#FF0000",
+  verde: "#00FF00",
+  azul: "#0000FF",
+  amarillo: "#FFFF00",
+  gris: "#808080",
+  naranja: "#FFA500",
+  rosado: "#FFC0CB",
+  morado: "#800080",
+  marrón: "#8B4513"
+}, Go = /* @__PURE__ */ U({
+  __name: "LinvermediaProductCard",
+  props: {
+    item: {},
+    fetching: { type: Boolean },
+    handleRowClick: { type: Function, default: () => {
+    } },
+    columns: { default: () => [] }
+  },
+  emits: ["click-card", "data-updated"],
+  setup(e, { emit: t }) {
+    const o = e, { item: l } = me(o), i = Q(l.value), n = y(() => ne.upperFirst(i.value.NOMBRE)), s = y(() => (i.value.DESCRIPCION || "").trim()), a = y(() => i.value.COD_ART_MVX || ""), m = y(
+      () => Number(i.value.PRECIO) ? Qo(i.value.PRECIO || 0) : "Solicitar cotización"
+    ), v = Ye(Uo), d = y(() => {
+      var k, P;
+      return (P = (k = i.value) == null ? void 0 : k.TAGS) == null ? void 0 : P.split(",");
+    });
+    X(l, (k) => {
+      i.value = k;
+    });
+    const p = Q(1);
+    y(() => ["producto", i.value.ID_PRODUCTO, "archivos"]);
+    const f = Q([]);
+    return (k, P) => (u(), j(lt, {
+      class: "card-custom",
+      loading: k.fetching
+    }, {
+      default: L(() => {
+        var A, T, O, D, F, N, G;
+        return [
+          c("div", ko, [
+            c("div", Co, [
+              c("div", wo, b(a.value), 1),
+              c("div", $o, [
+                (u(!0), _(Z, null, ae(d.value, (C) => (u(), j(bo, { tag: C }, null, 8, ["tag"]))), 256))
+              ]),
+              c("div", Po, [
+                z(b((A = f.value) != null && A.length ? p.value : 0) + "/" + b(((T = f.value) == null ? void 0 : T.length) || 0) + " ", 1),
+                S(H, {
+                  name: "sym_o_image",
+                  size: "sm",
+                  class: "q-ml-xs"
+                })
+              ])
+            ]),
+            S(Ot, {
+              items: f.value,
+              modelValue: p.value,
+              "onUpdate:modelValue": P[0] || (P[0] = (C) => p.value = C)
+            }, null, 8, ["items", "modelValue"]),
+            f.value && f.value[p.value - 1] ? (u(), _("div", So, [
+              S(H, {
+                name: (O = f.value[p.value - 1]) != null && O.public ? "public" : "public_off",
+                size: "24px",
+                class: Y((D = f.value[p.value - 1]) != null && D.public ? "green" : "red")
+              }, {
+                default: L(() => [
+                  S(we, null, {
+                    default: L(() => {
+                      var C;
+                      return [
+                        z(b((C = f.value[p.value - 1]) != null && C.public ? "Visible al público" : "Privado"), 1)
+                      ];
+                    }),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }, 8, ["name", "class"])
+            ])) : w("", !0)
+          ]),
+          c("div", {
+            onClick: P[1] || (P[1] = (C) => k.handleRowClick(i.value)),
+            class: "clickable"
+          }, [
+            S(Je, null, {
+              default: L(() => {
+                var C, q, E, M, $, B, R, r;
+                return [
+                  c("div", null, [
+                    c("div", null, [
+                      c("div", qo, [
+                        c("div", zo, b(n.value), 1),
+                        i.value.R_ESTADO ? (u(), j(Vt, {
+                          key: 0,
+                          label: (q = (C = i.value) == null ? void 0 : C.R_ESTADO) == null ? void 0 : q.NAME,
+                          color: (M = (E = i.value) == null ? void 0 : E.R_ESTADO) == null ? void 0 : M.COLOR
+                        }, null, 8, ["label", "color"])) : w("", !0)
+                      ]),
+                      i.value.PROPS.sku ? (u(), _("div", To, " SKU: " + b(i.value.PROPS.sku), 1)) : w("", !0),
+                      c("div", Io, [
+                        c("div", Fo, [
+                          c("span", Bo, b(m.value), 1)
+                        ]),
+                        c("div", Ao, b(jo((B = ($ = i.value) == null ? void 0 : $.PROPS) == null ? void 0 : B.ubicacion)), 1),
+                        c("div", No, [
+                          (r = (R = i.value) == null ? void 0 : R.PROPS) != null && r.a_medida ? (u(), j($e, {
+                            key: 0,
+                            color: "accent-1",
+                            "text-color": "white",
+                            size: "12px"
+                          }, {
+                            default: L(() => [
+                              z("A medida")
+                            ]),
+                            _: 1
+                          })) : w("", !0)
+                        ])
+                      ])
+                    ])
+                  ])
+                ];
+              }),
+              _: 1
+            }),
+            c("div", Oo, [
+              c("div", Eo, [
+                (u(!0), _(Z, null, ae((G = (N = (F = i.value) == null ? void 0 : F.PROPS) == null ? void 0 : N.colores_disponibles) == null ? void 0 : G.filter(
+                  (C) => v[C]
+                ), (C, q) => (u(), _("div", {
+                  key: q,
+                  style: ee({ backgroundColor: v[C] || "#ccc" }),
+                  class: "color-circle"
+                }, null, 4))), 128))
+              ]),
+              c("div", Ro, [
+                s.value ? (u(), _("span", Do, b(s.value || "~"), 1)) : (u(), _("span", Mo, Lo))
+              ]),
+              S(go, {
+                "product-props": i.value.PROPS,
+                lite: !0,
+                "hidden-props": [
+                  "compatible_videowall",
+                  "doble_cara",
+                  "peso_kg",
+                  "gran_formato_independiente",
+                  "tasa_de_refresco_hz",
+                  "resolucion"
+                ]
+              }, null, 8, ["product-props"])
+            ])
+          ])
+        ];
+      }),
+      _: 1
+    }, 8, ["loading"]));
+  }
+}), Yo = /* @__PURE__ */ K(Go, [["__scopeId", "data-v-71945b58"]]);
+export {
+  Yo as default,
+  Qo as toCurrency
+};