@cobre-npm/ds-v3 0.142.0 → 0.142.2

package/dist/cobre-ds-v3-lib.es.js

@@ -1636,7 +1636,8 @@ const Bi = /* @__PURE__ */ Vi(Um, [["render", nh]]), oh = { class: "co-input-gro
     totalItems: { default: void 0 },
     hasError: { type: Boolean },
     pageSize: {},
-    isLoading: { type: Boolean }
+    isLoading: { type: Boolean },
+    hasNextPage: { type: Boolean, default: void 0 }
   },
   emits: ["nextPage", "previousPage"],
   setup(t, { emit: e }) {
@@ -1647,8 +1648,8 @@ const Bi = /* @__PURE__ */ Vi(Um, [["render", nh]]), oh = { class: "co-input-gro
       const { currentPage: m, hasError: h, isLoading: _ } = a;
       return m === 1 || m === 0 || h || _;
     }), c = I(() => {
-      const { currentPage: m, totalPages: h, hasError: _, isLoading: y } = a;
-      return h === void 0 ? !!(_ || y) : m === h || h === 0 || _ || y;
+      const { currentPage: m, totalPages: h, hasError: _, isLoading: y, hasNextPage: v } = a;
+      return _ || y ? !0 : h !== void 0 ? m === h || h === 0 : v !== void 0 ? !v : !1;
     }), u = () => {
       n("previousPage");
     }, d = () => {
@@ -1677,7 +1678,7 @@ const Bi = /* @__PURE__ */ Vi(Um, [["render", nh]]), oh = { class: "co-input-gro
       ])
     ]));
   }
-}), P8 = /* @__PURE__ */ Oe(kh, [["__scopeId", "data-v-689ae869"]]), Ch = ["id", "disabled", "name", "value", "checked"], Th = ["for"], Dh = ["for"], $h = /* @__PURE__ */ de({
+}), P8 = /* @__PURE__ */ Oe(kh, [["__scopeId", "data-v-7d0d8552"]]), Ch = ["id", "disabled", "name", "value", "checked"], Th = ["for"], Dh = ["for"], $h = /* @__PURE__ */ de({
   __name: "CobreRadio",
   props: {
     value: { default: "" },
@@ -15587,6 +15588,7 @@ const Rk = {
     labelOptional: { default: "" },
     labelTooltip: { default: void 0 },
     errorMsg: { default: "" },
+    showErrors: { type: Boolean, default: !1 },
     placeholder: { default: "" },
     maxDate: { default: void 0 },
     minDate: { default: void 0 },
@@ -15599,63 +15601,73 @@ const Rk = {
   }),
   emits: /* @__PURE__ */ Ia(["update:modelValue"], ["update:modelValue"]),
   setup(t, { expose: e, emit: a }) {
-    const n = Lo(t, "modelValue"), o = t, r = a, s = j(!1), l = I(() => {
-      if (!o.isRequired) return !0;
+    const n = Lo(t, "modelValue"), o = t, r = a, s = j(!1), l = I(() => s.value), i = I(() => {
       if (!n.value) return !1;
       if (o.range) {
-        const d = n.value;
-        if (!Array.isArray(d)) return !1;
-        const [m, h] = d, _ = m != null && String(m).trim() !== "", y = h != null && String(h).trim() !== "";
-        return _ && y;
+        const m = n.value;
+        if (!Array.isArray(m)) return !1;
+        const [h, _] = m, y = h != null && String(h).trim() !== "", v = _ != null && String(_).trim() !== "";
+        return y && v;
       }
       return String(n.value).trim() !== "";
-    }), i = I(() => s.value), c = () => {
+    }), c = I(() => {
+      const { isRequired: m, showErrors: h } = o;
+      if (n.value && !l.value) return !0;
+      const y = i.value && !h;
+      return n.value || m ? y : !0;
+    }), u = I(() => [
+      "co-input-v3__field--white",
+      "co-input-v3__field",
+      "form-control",
+      "co-ps-32",
+      ...!c.value && l.value ? ["co-input-v3__field--error"] : []
+    ].join(" ")), d = () => {
       s.value = !0;
     };
     return e({
-      isValid: l
-    }), (u, d) => {
-      const m = Ze("co-tooltip");
+      isValid: c
+    }), (m, h) => {
+      const _ = Ze("co-tooltip");
       return f(), g("div", null, [
-        u.label ? (f(), g("div", Rk, [
+        m.label ? (f(), g("div", Rk, [
           C("label", Vk, [
-            Fe(q(u.label) + " ", 1),
-            u.labelOptional ? (f(), g("span", Bk, " (" + q(u.labelOptional) + ") ", 1)) : x("", !0)
+            Fe(q(m.label) + " ", 1),
+            m.labelOptional ? (f(), g("span", Bk, " (" + q(m.labelOptional) + ") ", 1)) : x("", !0)
           ]),
-          u.labelTooltip ? Re((f(), g("i", {
+          m.labelTooltip ? Re((f(), g("i", {
             key: 0,
             "data-bs-toggle": "tooltip",
-            title: u.labelTooltip,
+            title: m.labelTooltip,
             class: "icon-info co-icon co-icon--sm ms-2 co-mb-4"
           }, null, 8, Fk)), [
-            [m]
+            [_]
           ]) : x("", !0)
         ])) : x("", !0),
         ce(O(Or), {
-          required: u.isRequired,
+          required: m.isRequired,
           "model-value": n.value,
           utc: "preserve",
-          placeholder: u.placeholder,
-          "max-date": u.maxDate,
-          "min-date": u.minDate,
-          format: u.format || "dd/MM/yyyy",
-          locale: u.locale || "es",
-          range: u.range,
+          placeholder: m.placeholder,
+          "max-date": m.maxDate,
+          "min-date": m.minDate,
+          format: m.format || "dd/MM/yyyy",
+          locale: m.locale || "es",
+          range: m.range,
           "enable-time-picker": !1,
-          ui: { input: "co-input-v3__field--white co-input-v3__field form-control co-ps-32" },
+          ui: { input: u.value },
           "auto-apply": "",
           "action-row": { showSelect: !1, showCancel: !1, showNow: !1, showPreview: !1 },
-          "onUpdate:modelValue": d[0] || (d[0] = (h) => r("update:modelValue", h)),
-          onBlur: c
-        }, null, 8, ["required", "model-value", "placeholder", "max-date", "min-date", "format", "locale", "range"]),
-        !l.value && u.errorMsg && i.value ? (f(), g("div", Yk, [
-          d[1] || (d[1] = C("i", { class: "icon-alert-circle co-icon co-icon--sm" }, null, -1)),
-          C("p", Hk, q(u.errorMsg), 1)
+          "onUpdate:modelValue": h[0] || (h[0] = (y) => r("update:modelValue", y)),
+          onBlur: d
+        }, null, 8, ["required", "model-value", "placeholder", "max-date", "min-date", "format", "locale", "range", "ui"]),
+        !c.value && l.value && m.errorMsg ? (f(), g("div", Yk, [
+          h[1] || (h[1] = C("i", { class: "icon-alert-circle co-icon co-icon--sm" }, null, -1)),
+          C("p", Hk, q(m.errorMsg), 1)
         ])) : x("", !0)
       ]);
     };
   }
-}), Uk = /* @__PURE__ */ Oe(Wk, [["__scopeId", "data-v-f5e1003b"]]), jk = {
+}), Uk = /* @__PURE__ */ Oe(Wk, [["__scopeId", "data-v-2416d493"]]), jk = {
   class: "mb-0 custom-font co-me-4 skeleton",
   style: { "min-width": "100px" }
 }, zk = { key: 0 }, qk = /* @__PURE__ */ de({
@@ -23401,6 +23413,7 @@ const QE = { class: "co-filter dropdown cobre-dropdown" }, ZE = {
               isRequired: p.required,
               labelOptional: p.required ? void 0 : y.optionalLabel,
               errorMsg: m(p.id),
+              showErrors: d(p.id),
               modelValue: p.value,
               placeholder: p.placeholder,
               maxDate: (H = p.props) == null ? void 0 : H.maxDate,
@@ -23410,7 +23423,7 @@ const QE = { class: "co-filter dropdown cobre-dropdown" }, ZE = {
               labelTooltip: (J = p.props) == null ? void 0 : J.labelTooltip,
               range: (re = p.props) == null ? void 0 : re.range,
               "onUpdate:modelValue": (ue) => u(p.id, ue)
-            }, null, 8, ["id", "label", "isRequired", "labelOptional", "errorMsg", "modelValue", "placeholder", "maxDate", "minDate", "format", "locale", "labelTooltip", "range", "onUpdate:modelValue"])
+            }, null, 8, ["id", "label", "isRequired", "labelOptional", "errorMsg", "showErrors", "modelValue", "placeholder", "maxDate", "minDate", "format", "locale", "labelTooltip", "range", "onUpdate:modelValue"])
           ], 2)) : x("", !0),
           p.type === "select" ? (f(), g("div", {
             key: 2,