@agrotools1/at-components 0.5.5 → 0.5.7

package/dist/DataTable/Column/Column.vue.js

@@ -2,7 +2,7 @@ import n from "./Column.vue2.js";
 import { openBlock as a, createElementBlock as l, createElementVNode as e, toDisplayString as r, createCommentVNode as s, renderSlot as d } from "vue";
 import "./Column.vue3.js";
 import m from "../../_virtual/_plugin-vue_export-helper.js";
-const u = ["data-align-columns", "data-filterable"], f = { class: "slot" }, p = ["data-orientation", "data-filterable"], c = ["src"];
+const u = ["data-align-columns", "data-filterable"], c = { class: "slot" }, f = ["data-orientation", "data-filterable"], p = ["src"];
 function g(t, o, h, b, M, _) {
   return a(), l("th", {
     role: "columnheader",
@@ -10,7 +10,7 @@ function g(t, o, h, b, M, _) {
     "data-align-columns": t.alignColumns,
     "data-filterable": t.withMaxMinFilter
   }, [
-    e("div", f, [
+    e("div", c, [
       e("span", null, r(t.label), 1),
       t.withMaxMinFilter ? (a(), l("button", {
         key: 0,
@@ -23,13 +23,13 @@ function g(t, o, h, b, M, _) {
         e("img", {
           src: t.filterSvg,
           alt: "Botão para filtrar valor"
-        }, null, 8, c)
-      ], 8, p)) : s("", !0),
+        }, null, 8, p)
+      ], 8, f)) : s("", !0),
       d(t.$slots, "default", {}, void 0, !0)
     ])
   ], 8, u);
 }
-const w = /* @__PURE__ */ m(n, [["render", g], ["__scopeId", "data-v-a5842a93"]]);
+const w = /* @__PURE__ */ m(n, [["render", g], ["__scopeId", "data-v-940047c8"]]);
 export {
   w as default
 };

package/dist/DataTable/Column/Column.vue2.js

@@ -1,6 +1,6 @@
-import { defineComponent as C, ref as u, inject as f, watch as y, onMounted as F } from "vue";
-import D from "./imgs/filter.svg.js";
-const S = C({
+import { defineComponent as C, ref as l, inject as p, watch as x, onMounted as A } from "vue";
+import h from "./imgs/filter.svg.js";
+const N = C({
   name: "AtColumn",
   props: {
     field: {
@@ -16,58 +16,79 @@ const S = C({
       default: void 0
     }
   },
-  setup(o) {
-    const n = u("top"), { updateColumn: c } = f("columns", {
+  setup(a) {
+    const o = l("top"), { updateColumn: f } = p("columns", {
       updateColumn: () => {
       }
-    }), d = u(
+    }), y = l(
       []
-    ), i = f("tableData", d), b = f("alignColumns", "left"), p = u(b), g = () => {
-      n.value = n.value === "bottom" ? "top" : "bottom";
+    ), s = p("tableData", y), g = p("alignColumns", "left"), b = l(g), d = () => {
+      o.value = o.value === "bottom" ? "top" : "bottom";
     };
-    y(
-      () => n.value,
+    x(
+      () => o.value,
       () => {
         v();
       }
     );
-    /* istanbul ignore next -- @preserve */
-    const v = () => {
-      if (n.value === "bottom") {
-        const l = [...i.value].sort((r, a) => {
-          const t = r[o.field], e = a[o.field];
-          if (typeof t == "string" && typeof e == "string")
-            return t.localeCompare(e);
-          const s = Number(t), m = Number(e);
-          return s < m ? -1 : s > m ? 1 : 0;
+    const u = (t) => {
+      if (typeof t == "string" || typeof t == "number")
+        return t;
+      if (Array.isArray(t) && t.length > 0) {
+        const e = t[0];
+        if (typeof e == "string" || typeof e == "number")
+          return e;
+        if (e && e.children && Array.isArray(e.children))
+          return e.children.map((i) => typeof i == "string" ? i : "").join("");
+        if ("text" in e.props)
+          return e.props.text ? e.props.text : "";
+      } else {
+        if (t && t.children && Array.isArray(t.children))
+          return t.children.map((e) => typeof e == "string" ? e : "").join("");
+        if (t && t.props) {
+          if ("modelValue" in t.props)
+            return t.props.modelValue ? 1 : 0;
+          if ("text" in t.props)
+            return t.props.text ? t.props.text : "";
+        }
+      }
+      return "";
+    }, v = () => {
+      if (o.value === "bottom") {
+        const t = [...s.value].sort((e, i) => {
+          const r = u(e[a.field]), n = u(i[a.field]);
+          if (typeof r == "string" && typeof n == "string")
+            return r.localeCompare(n);
+          const m = Number(r), c = Number(n);
+          return m < c ? -1 : m > c ? 1 : 0;
         });
-        i.value = l;
-      } else if (n.value === "top") {
-        const l = [...i.value].sort((r, a) => {
-          const t = r[o.field], e = a[o.field];
-          if (typeof t == "string" && typeof e == "string")
-            return e.localeCompare(t);
-          if (typeof t == "number" && typeof e == "number") {
-            if (t > e)
+        s.value = t;
+      } else if (o.value === "top") {
+        const t = [...s.value].sort((e, i) => {
+          const r = u(e[a.field]), n = u(i[a.field]);
+          if (typeof r == "string" && typeof n == "string")
+            return n.localeCompare(r);
+          if (typeof r == "number" && typeof n == "number") {
+            if (r > n)
               return -1;
-            if (t < e)
+            if (r < n)
               return 1;
           }
           return 0;
         });
-        i.value = l;
+        s.value = t;
       }
     };
-    return F(() => {
-      c(o.field);
+    return A(() => {
+      f(a.field);
     }), {
-      alignColumns: p,
-      filterSvg: D,
-      orientation: n,
-      toggleOrientation: g
+      alignColumns: b,
+      filterSvg: h,
+      orientation: o,
+      toggleOrientation: d
     };
   }
 });
 export {
-  S as default
+  N as default
 };

package/dist/DatePicker/DatePicker.d.ts

@@ -62,6 +62,18 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
         validator: (value: boolean) => boolean;
     };
+    position: {
+        type: () => DatePickerProps["position"];
+        default: string;
+    };
+    id: {
+        type: () => DatePickerProps["id"];
+        default: string;
+    };
+    error: {
+        type: () => DatePickerProps["error"];
+        default: () => void;
+    };
 }, {
     displayModal: import("vue").Ref<boolean>;
     auxValue: import("vue").Ref<{
@@ -287,6 +299,7 @@ declare const _default: import("vue").DefineComponent<{
     checkUnFocus: () => void;
     keepFocus: () => void;
     clearValue: () => void;
+    onOpenedModal: (value: boolean) => void;
     isInputHovered: import("vue").Ref<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:value" | "confirmBoxConfirmed")[], "update:value" | "confirmBoxConfirmed", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     value: {
@@ -351,13 +364,31 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
         validator: (value: boolean) => boolean;
     };
+    position: {
+        type: () => DatePickerProps["position"];
+        default: string;
+    };
+    id: {
+        type: () => DatePickerProps["id"];
+        default: string;
+    };
+    error: {
+        type: () => DatePickerProps["error"];
+        default: () => void;
+    };
 }>> & {
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
     onConfirmBoxConfirmed?: ((...args: any[]) => any) | undefined;
 }, {
     label: string;
+    error: {
+        value: boolean;
+        message: string;
+    };
     disabled: boolean;
+    id: string;
     value: DatePickerRange;
+    position: "left" | "right" | undefined;
     forceFocus: boolean;
     useRange: boolean;
     useTimeInput: boolean;

package/dist/DatePicker/DatePicker.helper.d.ts

@@ -13,6 +13,12 @@ export interface DatePickerProps {
     setTimeInputFocus: "default" | "hours" | "minutes" | "none";
     force12HourTime: boolean;
     forceFocus: boolean;
+    position?: "left" | "right";
+    id: string;
+    error: {
+        value: boolean;
+        message: string;
+    };
 }
 export declare const monthTranslationObj: Record<string, string[]>;
 export declare const weekInitialsObject: Record<string, string[]>;

package/dist/DatePicker/DatePicker.vue.js

@@ -1,111 +1,122 @@
-import g from "./DatePicker.vue2.js";
-import { resolveComponent as a, openBlock as t, createElementBlock as d, createElementVNode as p, createVNode as l, createBlock as u, createCommentVNode as o, withCtx as m, createTextVNode as k, toDisplayString as P } from "vue";
+import f from "./DatePicker.vue2.js";
+import { resolveComponent as o, openBlock as t, createElementBlock as i, createElementVNode as m, createVNode as l, withCtx as d, createBlock as u, createCommentVNode as a, createTextVNode as k, toDisplayString as D } from "vue";
 import "./DatePicker.scss.js";
 import v from "../_virtual/_plugin-vue_export-helper.js";
-const A = { class: "AT-DATEPICKER_container no-select" }, M = { class: "AT-DATEPICKER_core" }, I = {
+const M = { class: "AT-DATEPICKER_container no-select" }, I = { class: "AT-DATEPICKER_core" }, b = {
   key: 0,
   class: "AT-DATEPICKER-callToAction"
 };
-function b(e, r, V, T, E, S) {
-  const y = a("AtCoreInput"), C = a("AtDatePickerHeader"), D = a("AtDatePickerCalendar"), f = a("AtDatePickerTime"), s = a("AtDatePickerListSelector"), i = a("AtButton");
-  return t(), d("div", A, [
-    p("div", {
-      onClick: r[3] || (r[3] = (n) => e.updateFocus(!e.displayModal))
-    }, [
-      l(y, {
-        modelValue: e.displayValue,
-        "onUpdate:modelValue": r[0] || (r[0] = (n) => e.displayValue = n),
-        label: e.label,
-        disabled: e.disabled,
-        readonly: !0,
-        "force-focus": e.displayModal,
-        cursor: "pointer",
-        icon: { name: "AtCalendarRegularIcon" },
-        "use-clear-button": e.value.startDate != null || e.value.endDate != null,
-        "force-event-clear-button": !0,
-        onClickOutside: e.checkUnFocus,
-        onClearInput: r[1] || (r[1] = (n) => e.$emit("update:value", e.clearValue())),
-        onMouseover: r[2] || (r[2] = (n) => e.isInputHovered = n)
-      }, null, 8, ["modelValue", "label", "disabled", "force-focus", "use-clear-button", "onClickOutside"])
-    ]),
-    e.displayModal ? (t(), d("div", {
-      key: 0,
-      class: "AT-DATEPICKER_modal",
-      onClick: r[14] || (r[14] = (...n) => e.keepFocus && e.keepFocus(...n))
-    }, [
+function V(e, r, T, E, c, S) {
+  const P = o("AtCoreInput"), g = o("AtDatePickerHeader"), y = o("AtDatePickerCalendar"), A = o("AtDatePickerTime"), s = o("AtDatePickerListSelector"), p = o("AtButton"), C = o("AtDropdown");
+  return t(), i("div", M, [
+    m("div", null, [
       l(C, {
-        "date-picker-mode": e.datePickerMode,
-        "current-month": e.getMonthName(e.currentMonth),
-        "current-year": e.currentYear,
-        "current-year-range": e.currentYearRange,
-        "selected-year": e.selectedMonthYear,
-        style: { marginBottom: "16px" },
-        onSimpleArrows: r[4] || (r[4] = (n) => e.updateDatePeriod(n, !0)),
-        "onUpdate:datePickerMode": r[5] || (r[5] = (n) => e.datePickerMode = n)
-      }, null, 8, ["date-picker-mode", "current-month", "current-year", "current-year-range", "selected-year"]),
-      p("div", M, [
-        e.datePickerMode === "calendar" ? (t(), u(D, {
-          key: 0,
-          year: e.currentYear,
-          month: e.currentMonth,
-          "selected-range": e.useConfirmBox ? e.auxValue : e.value,
-          "use-range": e.useRange,
-          "week-initials": e.weekInitials,
-          onIncrementMonth: r[6] || (r[6] = (n) => e.updateDatePeriod(n, !0)),
-          onSelected: r[7] || (r[7] = (n) => e.updateValue(n))
-        }, null, 8, ["year", "month", "selected-range", "use-range", "week-initials"])) : o("", !0),
-        e.useTimeInput && !e.useRange && e.datePickerMode === "calendar" ? (t(), u(f, {
-          key: 1,
-          date: e.useConfirmBox ? e.auxValue.startDate : e.value.startDate,
-          "period12-hour": e.display12HourFormat,
-          disabled: e.disabled || !e.value.startDate,
-          "set-focus-element": e.setTimeInputFocus,
-          "onUpdate:date": r[8] || (r[8] = (n) => e.updateValue({ startDate: n, endDate: n }))
-        }, null, 8, ["date", "period12-hour", "disabled", "set-focus-element"])) : o("", !0),
-        e.datePickerMode === "monthSelector" ? (t(), u(s, {
-          key: 2,
-          elements: e.monthList,
-          "current-page-value": `${e.currentYear}-${e.currentMonth}`,
-          onElementSelected: r[9] || (r[9] = (n) => {
-            e.updateMonthYear(n), e.datePickerMode = "calendar";
-          })
-        }, null, 8, ["elements", "current-page-value"])) : o("", !0),
-        e.datePickerMode === "yearSelector" ? (t(), u(s, {
-          key: 3,
-          elements: e.yearList,
-          "current-page-value": String(e.currentYear),
-          "current-page-index": e.currentYearPageIndex,
-          onUpdateCurrentPageIndex: r[10] || (r[10] = (n) => e.currentYearPageIndex = n),
-          onUpdateCurrentSelector: r[11] || (r[11] = (n) => e.currentYearRange = n),
-          onElementSelected: r[12] || (r[12] = (n) => {
-            e.updateMonthYear(n), e.datePickerMode = "calendar";
-          })
-        }, null, 8, ["elements", "current-page-value", "current-page-index"])) : o("", !0)
-      ]),
-      e.useConfirmBox ? (t(), d("div", I, [
-        l(i, {
-          variant: "secondary",
-          onClick: r[13] || (r[13] = (n) => e.updateFocus(!1))
-        }, {
-          default: m(() => [
-            k(P(e.buttonNames.cancel), 1)
-          ]),
-          _: 1
-        }),
-        l(i, {
-          disabled: !(e.auxValue.startDate && e.auxValue.endDate),
-          onClick: e.confirmInput
-        }, {
-          default: m(() => [
-            k(P(e.buttonNames.save), 1)
-          ]),
-          _: 1
-        }, 8, ["disabled", "onClick"])
-      ])) : o("", !0)
-    ])) : o("", !0)
+        id: e.id,
+        "is-open": e.displayModal,
+        position: e.position,
+        "onUpdate:isOpen": e.onOpenedModal
+      }, {
+        trigger: d(() => [
+          l(P, {
+            modelValue: e.displayValue,
+            "onUpdate:modelValue": r[0] || (r[0] = (n) => e.displayValue = n),
+            label: e.label,
+            disabled: e.disabled,
+            readonly: !0,
+            "force-focus": e.displayModal,
+            cursor: "pointer",
+            icon: { name: "AtCalendarRegularIcon" },
+            "use-clear-button": e.value.startDate != null || e.value.endDate != null,
+            "force-event-clear-button": !0,
+            error: e.error,
+            onClickOutside: e.checkUnFocus,
+            onClearInput: r[1] || (r[1] = (n) => e.$emit("update:value", e.clearValue())),
+            onMouseover: r[2] || (r[2] = (n) => e.isInputHovered = n)
+          }, null, 8, ["modelValue", "label", "disabled", "force-focus", "use-clear-button", "error", "onClickOutside"])
+        ]),
+        default: d(() => [
+          e.displayModal ? (t(), i("div", {
+            key: 0,
+            class: "AT-DATEPICKER_modal",
+            onClick: r[13] || (r[13] = (...n) => e.keepFocus && e.keepFocus(...n))
+          }, [
+            l(g, {
+              "date-picker-mode": e.datePickerMode,
+              "current-month": e.getMonthName(e.currentMonth),
+              "current-year": e.currentYear,
+              "current-year-range": e.currentYearRange,
+              "selected-year": e.selectedMonthYear,
+              style: { marginBottom: "16px" },
+              onSimpleArrows: r[3] || (r[3] = (n) => e.updateDatePeriod(n, !0)),
+              "onUpdate:datePickerMode": r[4] || (r[4] = (n) => e.datePickerMode = n)
+            }, null, 8, ["date-picker-mode", "current-month", "current-year", "current-year-range", "selected-year"]),
+            m("div", I, [
+              e.datePickerMode === "calendar" ? (t(), u(y, {
+                key: 0,
+                year: e.currentYear,
+                month: e.currentMonth,
+                "selected-range": e.useConfirmBox ? e.auxValue : e.value,
+                "use-range": e.useRange,
+                "week-initials": e.weekInitials,
+                onIncrementMonth: r[5] || (r[5] = (n) => e.updateDatePeriod(n, !0)),
+                onSelected: r[6] || (r[6] = (n) => e.updateValue(n))
+              }, null, 8, ["year", "month", "selected-range", "use-range", "week-initials"])) : a("", !0),
+              e.useTimeInput && !e.useRange && e.datePickerMode === "calendar" ? (t(), u(A, {
+                key: 1,
+                date: e.useConfirmBox ? e.auxValue.startDate : e.value.startDate,
+                "period12-hour": e.display12HourFormat,
+                disabled: e.disabled || !e.value.startDate,
+                "set-focus-element": e.setTimeInputFocus,
+                "onUpdate:date": r[7] || (r[7] = (n) => e.updateValue({ startDate: n, endDate: n }))
+              }, null, 8, ["date", "period12-hour", "disabled", "set-focus-element"])) : a("", !0),
+              e.datePickerMode === "monthSelector" ? (t(), u(s, {
+                key: 2,
+                elements: e.monthList,
+                "current-page-value": `${e.currentYear}-${e.currentMonth}`,
+                onElementSelected: r[8] || (r[8] = (n) => {
+                  e.updateMonthYear(n), e.datePickerMode = "calendar";
+                })
+              }, null, 8, ["elements", "current-page-value"])) : a("", !0),
+              e.datePickerMode === "yearSelector" ? (t(), u(s, {
+                key: 3,
+                elements: e.yearList,
+                "current-page-value": String(e.currentYear),
+                "current-page-index": e.currentYearPageIndex,
+                onUpdateCurrentPageIndex: r[9] || (r[9] = (n) => e.currentYearPageIndex = n),
+                onUpdateCurrentSelector: r[10] || (r[10] = (n) => e.currentYearRange = n),
+                onElementSelected: r[11] || (r[11] = (n) => {
+                  e.updateMonthYear(n), e.datePickerMode = "calendar";
+                })
+              }, null, 8, ["elements", "current-page-value", "current-page-index"])) : a("", !0)
+            ]),
+            e.useConfirmBox ? (t(), i("div", b, [
+              l(p, {
+                variant: "secondary",
+                onClick: r[12] || (r[12] = (n) => e.updateFocus(!1))
+              }, {
+                default: d(() => [
+                  k(D(e.buttonNames.cancel), 1)
+                ]),
+                _: 1
+              }),
+              l(p, {
+                disabled: !(e.auxValue.startDate && e.auxValue.endDate),
+                onClick: e.confirmInput
+              }, {
+                default: d(() => [
+                  k(D(e.buttonNames.save), 1)
+                ]),
+                _: 1
+              }, 8, ["disabled", "onClick"])
+            ])) : a("", !0)
+          ])) : a("", !0)
+        ]),
+        _: 1
+      }, 8, ["id", "is-open", "position", "onUpdate:isOpen"])
+    ])
   ]);
 }
-const $ = /* @__PURE__ */ v(g, [["render", b], ["__scopeId", "data-v-6eff5439"]]);
+const $ = /* @__PURE__ */ v(f, [["render", V], ["__scopeId", "data-v-e5010289"]]);
 export {
   $ as default
 };