@appmax_npm/ds-prime 1.0.0-alpha.63 → 1.0.0-alpha.67

package/amdatefilter/index.js

@@ -1,4 +1,4 @@
-import { defineComponent as F, ref as n, computed as B, watch as d, openBlock as _, createElementBlock as h, createVNode as u, unref as i, withCtx as C } from "vue";
+import { defineComponent as F, ref as n, computed as B, watch as u, openBlock as _, createElementBlock as h, createVNode as i, unref as d, withCtx as C } from "vue";
 import V from "primevue/menu";
 import H from "primevue/popover";
 import O from "primevue/datepicker";
@@ -14,8 +14,8 @@ const P = /* @__PURE__ */ F({
     style: {}
   },
   emits: ["update:modelValue"],
-  setup(p, { emit: D }) {
-    const v = p, b = D, o = n(), c = n(), l = n(null), f = {
+  setup(p, { emit: f }) {
+    const v = p, D = f, o = n(), r = n(), l = n(null), b = {
       root: {
         class: "!min-w-0 am-date-filter"
       },
@@ -35,7 +35,7 @@ const P = /* @__PURE__ */ F({
       content: {
         class: "!p-0"
       }
-    }, g = {
+    }, k = {
       dayCell: {
         class: "!p-0"
       },
@@ -45,21 +45,21 @@ const P = /* @__PURE__ */ F({
       panel: {
         class: "!p-0 !border-none"
       }
-    }, k = B(() => [
+    }, y = B(() => [
       {
         label: "Customizar",
         icon: "pi pi-calendar",
         command: (e) => {
-          c.value.toggle(e.originalEvent), a("Customizar");
+          r.value.toggle(e.originalEvent), t("Customizar");
         },
-        class: ["custom", o.value === "Customizar" ? "bg-[#EBE1FE]" : ""]
+        class: ["am-v3-date-filter-selector-item-customize", "custom", o.value === "Customizar" ? "bg-[#EBE1FE]" : ""]
       },
-      { label: "Hoje", command: () => a("Hoje"), class: o.value === "Hoje" ? "bg-[#EBE1FE]" : "" },
-      { label: "Ontem", command: () => a("Ontem"), class: o.value === "Ontem" ? "bg-[#EBE1FE]" : "" },
-      { label: "7D", command: () => a("7D"), class: o.value === "7D" ? "bg-[#EBE1FE]" : "" },
-      { label: "14D", command: () => a("14D"), class: o.value === "14D" ? "bg-[#EBE1FE]" : "" },
-      { label: "30D", command: () => a("30D"), class: o.value === "30D" ? "bg-[#EBE1FE]" : "" }
-    ]), a = (e) => {
+      { label: "Hoje", command: () => t("Hoje"), class: ["am-v3-date-filter-selector-item-today", o.value === "Hoje" ? "bg-[#EBE1FE]" : ""] },
+      { label: "Ontem", command: () => t("Ontem"), class: ["am-v3-date-filter-selector-item-yesterday", o.value === "Ontem" ? "bg-[#EBE1FE]" : ""] },
+      { label: "7D", command: () => t("7D"), class: ["am-v3-date-filter-selector-item-7d", o.value === "7D" ? "bg-[#EBE1FE]" : ""] },
+      { label: "14D", command: () => t("14D"), class: ["am-v3-date-filter-selector-item-14d", o.value === "14D" ? "bg-[#EBE1FE]" : ""] },
+      { label: "30D", command: () => t("30D"), class: ["am-v3-date-filter-selector-item-30d", o.value === "30D" ? "bg-[#EBE1FE]" : ""] }
+    ]), t = (e) => {
       switch (o.value = e, e) {
         case "Hoje":
           l.value = [s(), s()];
@@ -81,60 +81,63 @@ const P = /* @__PURE__ */ F({
       const e = /* @__PURE__ */ new Date();
       return e.setHours(0, 0, 0, 0), e;
     }, m = (e) => {
-      const t = s();
-      return t.setDate(t.getDate() + e), t;
-    }, x = (e) => {
+      const a = s();
+      return a.setDate(a.getDate() + e), a;
+    }, g = (e) => {
       switch (e) {
         case 0:
-          a("Hoje");
+          t("Hoje");
           break;
         case 1:
-          a("Ontem");
+          t("Ontem");
           break;
         case 7:
-          a("7D");
+          t("7D");
           break;
         case 14:
-          a("14D");
+          t("14D");
           break;
         case 30:
-          a("30D");
+          t("30D");
           break;
         default:
-          a("Customizar");
+          t("Customizar");
           break;
       }
     };
-    return d(l, (e) => {
-      var t;
+    return u(l, (e) => {
+      var a;
       if (Array.isArray(e) && e.length === 2 && e[0] && e[1]) {
-        (t = c.value) == null || t.hide();
-        const r = e.map((y) => y.toISOString());
-        b("update:modelValue", r);
+        (a = r.value) == null || a.hide();
+        const c = e.map((x) => x.toISOString());
+        D("update:modelValue", c);
       }
-    }), d(
+    }), u(
       () => v.defaultSelected,
       (e) => {
-        x(e);
+        g(e);
       },
       { immediate: !0 }
-    ), (e, t) => (_(), h("div", null, [
-      u(i(V), {
-        model: k.value,
-        pt: f
+    ), (e, a) => (_(), h("div", null, [
+      i(d(V), {
+        "data-test": "amdatefilter-toolbar",
+        model: y.value,
+        pt: b
       }, null, 8, ["model"]),
-      u(i(H), {
+      i(d(H), {
+        "data-test": "amdatefilter-popover",
         ref_key: "popover",
-        ref: c,
+        ref: r,
         pt: E
       }, {
         default: C(() => [
-          u(i(O), {
+          i(d(O), {
+            "data-test": "amdatefilter-datepicker",
             modelValue: l.value,
-            "onUpdate:modelValue": t[0] || (t[0] = (r) => l.value = r),
+            "onUpdate:modelValue": a[0] || (a[0] = (c) => l.value = c),
             selectionMode: "range",
             inline: "",
-            pt: g,
+            pt: k,
             dateFormat: "yyyy-mm-dd",
             minDate: e.minDate,
             maxDate: e.maxDate
@@ -144,7 +147,7 @@ const P = /* @__PURE__ */ F({
       }, 512)
     ]));
   }
-}), M = /* @__PURE__ */ j(P, [["__scopeId", "data-v-1990f91c"]]);
+}), M = /* @__PURE__ */ j(P, [["__scopeId", "data-v-1cf63367"]]);
 export {
   M as default
 };