@agrotools1/at-components 0.6.98-test-32 → 0.6.98-test-34

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 c = ["data-align-columns", "data-filterable"], f = { class: "slot" }, u = ["data-orientation", "data-filterable"], p = ["src"];
+const f = ["data-align-columns", "data-filterable"], u = { class: "slot" }, p = ["data-orientation", "data-filterable"], c = ["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", u, [
       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, p)
-      ], 8, u)) : s("", !0),
+        }, null, 8, c)
+      ], 8, p)) : s("", !0),
       d(t.$slots, "default", {}, void 0, !0)
     ])
-  ], 8, c);
+  ], 8, f);
 }
-const w = /* @__PURE__ */ m(n, [["render", g], ["__scopeId", "data-v-5a5c9f3c"]]);
+const w = /* @__PURE__ */ m(n, [["render", g], ["__scopeId", "data-v-e6f0a71d"]]);
 export {
   w as default
 };

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

@@ -1,6 +1,6 @@
-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({
+import { defineComponent as h, ref as l, inject as p, watch as C, onMounted as x } from "vue";
+import A from "./imgs/filter.svg.js";
+const N = h({
   name: "AtColumn",
   props: {
     field: {
@@ -25,7 +25,7 @@ const N = C({
     ), s = p("tableData", y), g = p("alignColumns", "left"), b = l(g), d = () => {
       o.value = o.value === "bottom" ? "top" : "bottom";
     };
-    x(
+    C(
       () => o.value,
       () => {
         v();
@@ -45,6 +45,8 @@ const N = C({
       } else {
         if (t && t.children && Array.isArray(t.children))
           return t.children.map((e) => typeof e == "string" ? e : "").join("");
+        if (t && t.children && typeof t.children == "string")
+          return t.children;
         if (t && t.props) {
           if ("modelValue" in t.props)
             return t.props.modelValue ? 1 : 0;
@@ -59,8 +61,8 @@ const N = C({
           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;
+          const c = Number(r), m = Number(n);
+          return c < m ? -1 : c > m ? 1 : 0;
         });
         s.value = t;
       } else if (o.value === "top") {
@@ -79,11 +81,11 @@ const N = C({
         s.value = t;
       }
     };
-    return A(() => {
+    return x(() => {
       f(a.field);
     }), {
       alignColumns: b,
-      filterSvg: h,
+      filterSvg: A,
       orientation: o,
       toggleOrientation: d
     };

package/dist/DataTable/Column/Column.vue3.js

@@ -1,4 +1,4 @@
-const _ = "";
+const e = "";
 export {
-  _ as default
+  e as default
 };

package/dist/DataTable/DataTable.d.ts

@@ -57,6 +57,10 @@ declare const _default: import('vue').DefineComponent<{
         type: PropType<boolean>;
         default: boolean;
     };
+    stickHeader: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
 }, {
     reactiveIsLoading: import('vue').ComputedRef<boolean>;
     tableData: import('vue').Ref<{
@@ -309,6 +313,10 @@ declare const _default: import('vue').DefineComponent<{
         type: PropType<boolean>;
         default: boolean;
     };
+    stickHeader: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
 }>> & {
     "onUpdate:selected-items"?: ((items: any[]) => any) | undefined;
     "onUpdate:table-data"?: ((data: TableData) => any) | undefined;
@@ -332,5 +340,6 @@ declare const _default: import('vue').DefineComponent<{
     columnsClasses: string[];
     isLoading: boolean;
     loadingRowsLength: number;
+    stickHeader: boolean;
 }, {}>;
 export default _default;

package/dist/DataTable/DataTable.vue.js

@@ -1,14 +1,14 @@
-import C from "./DataTable.vue2.js";
-import { resolveComponent as p, openBlock as t, createElementBlock as o, Fragment as r, createElementVNode as l, mergeProps as S, createBlock as c, createCommentVNode as u, renderSlot as P, withDirectives as A, renderList as d, normalizeClass as g, withKeys as $, toDisplayString as f, resolveDynamicComponent as w, vShow as D, createVNode as I, pushScopeId as T, popScopeId as E } from "vue";
+import S from "./DataTable.vue2.js";
+import { resolveComponent as p, openBlock as t, createElementBlock as o, Fragment as i, createElementVNode as l, mergeProps as C, createBlock as c, createCommentVNode as u, renderSlot as P, withDirectives as A, renderList as d, normalizeClass as g, withKeys as $, toDisplayString as f, resolveDynamicComponent as w, vShow as D, createVNode as I, pushScopeId as T, popScopeId as E } from "vue";
 import "./DataTable.vue3.js";
 import K from "../_virtual/_plugin-vue_export-helper.js";
-const b = (e) => (T("data-v-f60f368c"), e = e(), E(), e), z = ["data-align-columns"], L = { role: "rowgroup" }, B = {
+const b = (e) => (T("data-v-ede1caeb"), e = e(), E(), e), z = ["data-align-columns"], L = ["data-isStick"], B = {
   role: "row",
   class: "thead-row"
 }, F = {
   key: 1,
   role: "rowgroup"
-}, N = /* @__PURE__ */ b(() => /* @__PURE__ */ l("tr", { class: "empty-space" }, null, -1)), U = ["onmouseenter"], V = ["data-key", "onClick"], R = { class: "td-container" }, j = ["id", "value", "onKeydown"], H = { key: 1 }, O = {
+}, N = /* @__PURE__ */ b(() => /* @__PURE__ */ l("tr", { class: "empty-space" }, null, -1)), U = ["onmouseenter"], V = ["data-key", "onClick"], H = { class: "td-container" }, R = ["id", "value", "onKeydown"], j = { key: 1 }, O = {
   key: 2,
   class: "item-as-array"
 }, W = { key: 0 }, q = /* @__PURE__ */ b(() => /* @__PURE__ */ l("tr", { class: "empty-space" }, null, -1)), G = {
@@ -21,13 +21,16 @@ const b = (e) => (T("data-v-f60f368c"), e = e(), E(), e), z = ["data-align-colum
 function Q(e, X, Y, Z, x, ee) {
   var h;
   const k = p("AtColumn"), v = p("AtText"), _ = p("AtPaginator");
-  return t(), o(r, null, [
-    l("table", S(e.$attrs, {
+  return t(), o(i, null, [
+    l("table", C(e.$attrs, {
       role: "table",
       class: "table-content",
       "data-align-columns": e.alignColumns
     }), [
-      l("thead", L, [
+      l("thead", {
+        role: "rowgroup",
+        "data-isStick": e.stickHeader
+      }, [
         l("tr", B, [
           e.withSelection ? (t(), c(k, {
             key: 0,
@@ -36,25 +39,25 @@ function Q(e, X, Y, Z, x, ee) {
           })) : u("", !0),
           P(e.$slots, "default", {}, void 0, !0)
         ])
-      ]),
+      ], 8, L),
       !e.value || !e.value.length ? (t(), c(v, {
         key: 0,
         as: "h6"
       })) : A((t(), o("tbody", F, [
         N,
-        (t(!0), o(r, null, d(e.activeTableData, (i) => (t(), o("tr", {
-          key: e.extractKey(i),
+        (t(!0), o(i, null, d(e.activeTableData, (r) => (t(), o("tr", {
+          key: e.extractKey(r),
           class: g([...e.columnsClasses, "tbody-tr"]),
           role: "row",
           tabindex: "-1",
           onmouseenter: (s) => {
             e.lastHoveredTr = {
               element: s.target,
-              item: i
+              item: r
             };
           }
         }, [
-          (t(!0), o(r, null, d(e.getEntries(i), ([s, a]) => {
+          (t(!0), o(i, null, d(e.getEntries(r), ([s, a]) => {
             var y, m;
             return t(), o("td", {
               key: s,
@@ -64,15 +67,15 @@ function Q(e, X, Y, Z, x, ee) {
               "aria-selected": "false",
               onClick: (n) => e.handleTrClick(n, s)
             }, [
-              l("div", R, [
+              l("div", H, [
                 (m = e.withEditableFields) != null && m.includes(s) ? (t(), o("input", {
                   key: 0,
                   id: s,
                   placeholder: "",
                   value: a,
                   onKeydown: $((n) => e.updateOnKeyDown(n, s), ["enter"])
-                }, null, 40, j)) : typeof a == "number" || typeof a == "string" ? (t(), o("span", H, f(a), 1)) : Array.isArray(a) ? (t(), o("div", O, [
-                  (t(!0), o(r, null, d(a, (n) => (t(), o("div", { key: n }, [
+                }, null, 40, R)) : typeof a == "number" || typeof a == "string" ? (t(), o("span", j, f(a), 1)) : Array.isArray(a) ? (t(), o("div", O, [
+                  (t(!0), o(i, null, d(a, (n) => (t(), o("div", { key: n }, [
                     typeof n == "number" || typeof n == "string" ? (t(), o("span", W, f(n), 1)) : (t(), c(w(typeof n == "function" ? n() : n), { key: 1 }))
                   ]))), 128))
                 ])) : (t(), c(w(typeof a == "function" ? a() : a), { key: 3 }))
@@ -87,11 +90,11 @@ function Q(e, X, Y, Z, x, ee) {
     ], 16, z),
     e.reactiveIsLoading ? (t(), o("div", G, [
       l("div", J, [
-        (t(!0), o(r, null, d(e.loadingRowsLength, (i) => (t(), o("div", {
-          key: i,
+        (t(!0), o(i, null, d(e.loadingRowsLength, (r) => (t(), o("div", {
+          key: r,
           class: "skeleton-row"
         }, [
-          (t(!0), o(r, null, d(e.columns, (s) => (t(), o("div", {
+          (t(!0), o(i, null, d(e.columns, (s) => (t(), o("div", {
             key: s,
             class: "skeleton-cell"
           }))), 128))
@@ -110,7 +113,7 @@ function Q(e, X, Y, Z, x, ee) {
     ])) : u("", !0)
   ], 64);
 }
-const ae = /* @__PURE__ */ K(C, [["render", Q], ["__scopeId", "data-v-f60f368c"]]);
+const ae = /* @__PURE__ */ K(S, [["render", Q], ["__scopeId", "data-v-ede1caeb"]]);
 export {
   ae as default
 };

package/dist/DataTable/DataTable.vue2.js

@@ -1,9 +1,9 @@
-import { defineComponent as k, ref as d, reactive as K, provide as p, readonly as j, inject as E, watch as x, onMounted as O, watchEffect as w, h as P, computed as R } from "vue";
-import B from "../Checkbox/Checkbox.vue.js";
+import { defineComponent as T, ref as d, reactive as K, provide as p, readonly as j, inject as E, watch as x, onMounted as B, watchEffect as w, h as O, computed as P } from "vue";
+import R from "../Checkbox/Checkbox.vue.js";
 import L from "../Paginator/Paginator.vue.js";
 import { AtTipograph as q } from "../Tipograph/index.js";
 import F from "./Column/Column.vue.js";
-const J = k({
+const J = T({
   name: "AtDataTable",
   components: {
     AtText: q.Title,
@@ -61,6 +61,10 @@ const J = k({
     disableWithoutCSS: {
       type: Boolean,
       default: !1
+    },
+    stickHeader: {
+      type: Boolean,
+      default: !1
     }
   },
   emits: {
@@ -111,8 +115,8 @@ const J = k({
       var u;
       const o = t.target, { value: l } = o, n = (u = m.value) == null ? void 0 : u.item;
       n && (n[a] = l, i.value = i.value.map((b) => {
-        const I = s(b), T = s(n);
-        return I === T ? n : b;
+        const I = s(b), k = s(n);
+        return I === k ? n : b;
       }), r.emit("update:table-data", i.value), r.emit("update:table-cell", {
         field: a,
         value: l
@@ -123,11 +127,11 @@ const J = k({
       (t) => {
         t && v(e.withDefaultSelectedItems ?? []);
       }
-    ), O(() => {
+    ), B(() => {
       e.withDefaultSelectedItems && v([...e.withDefaultSelectedItems]);
     }), w(() => {
       e.withSelection ? i.value = [...e.value].map((t) => ({
-        selection: () => P(B, {
+        selection: () => O(R, {
           modelValue: f.value,
           "onUpdate:modelValue": (a) => v(a),
           val: s(t)
@@ -143,7 +147,7 @@ const J = k({
       });
       h.value = a;
     }), {
-      reactiveIsLoading: R(() => e.isLoading),
+      reactiveIsLoading: P(() => e.isLoading),
       tableData: i,
       activeTableData: h,
       columns: g.columns,

package/dist/DataTable/index.d.ts

@@ -55,6 +55,10 @@ export declare const AtDataTable: {
             type: import('vue').PropType<boolean>;
             default: boolean;
         };
+        stickHeader: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
     }, {
         reactiveIsLoading: import('vue').ComputedRef<boolean>;
         tableData: import('vue').Ref<{
@@ -311,6 +315,10 @@ export declare const AtDataTable: {
             type: import('vue').PropType<boolean>;
             default: boolean;
         };
+        stickHeader: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
     }>> & {
         "onUpdate:selected-items"?: ((items: any[]) => any) | undefined;
         "onUpdate:table-data"?: ((data: {
@@ -336,6 +344,7 @@ export declare const AtDataTable: {
         columnsClasses: string[];
         isLoading: boolean;
         loadingRowsLength: number;
+        stickHeader: boolean;
     }, {}>;
     Column: import('vue').DefineComponent<{
         field: {

package/dist/DatePicker/DatePicker.d.ts

@@ -15,6 +15,11 @@ declare const _default: import('vue').DefineComponent<{
         default: string;
         required: false;
     };
+    placeholder: {
+        type: () => DatePickerProps["placeholder"];
+        default: string;
+        required: false;
+    };
     disabled: {
         required: false;
         type: () => DatePickerProps["disabled"];
@@ -317,6 +322,11 @@ declare const _default: import('vue').DefineComponent<{
         default: string;
         required: false;
     };
+    placeholder: {
+        type: () => DatePickerProps["placeholder"];
+        default: string;
+        required: false;
+    };
     disabled: {
         required: false;
         type: () => DatePickerProps["disabled"];
@@ -390,6 +400,7 @@ declare const _default: import('vue').DefineComponent<{
     id: string;
     value: DatePickerRange;
     position: "left" | "right" | undefined;
+    placeholder: string | undefined;
     forceFocus: boolean;
     useRange: boolean;
     useTimeInput: boolean;

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

@@ -4,6 +4,7 @@ export interface DatePickerRange {
 }
 export interface DatePickerProps {
     value: DatePickerRange;
+    placeholder?: string;
     label: string;
     disabled: boolean;
     useTimeInput: boolean;

package/dist/DatePicker/DatePicker.vue.js

@@ -1,14 +1,14 @@
 import C 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 { resolveComponent as o, openBlock as a, createElementBlock as i, createElementVNode as m, createVNode as l, withCtx as d, createBlock as u, createCommentVNode as t, createTextVNode as k, toDisplayString as D } from "vue";
 import "./DatePicker.scss.js";
 import v from "../_virtual/_plugin-vue_export-helper.js";
-const M = { class: "AT-DATEPICKER_container no-select" }, I = { class: "AT-DATEPICKER_core" }, b = {
+const M = { class: "AT-DATEPICKER_container no-select" }, b = { class: "AT-DATEPICKER_core" }, I = {
   key: 0,
   class: "AT-DATEPICKER-callToAction"
 };
 function V(e, r, T, c, E, S) {
   const P = o("AtCoreInput"), g = o("AtDatePickerHeader"), y = o("AtDatePickerCalendar"), A = o("AtDatePickerTime"), s = o("AtDatePickerListSelector"), p = o("AtButton"), f = o("AtDropdown");
-  return t(), i("div", M, [
+  return a(), i("div", M, [
     m("div", null, [
       l(f, {
         id: e.id,
@@ -24,6 +24,7 @@ function V(e, r, T, c, E, S) {
             disabled: e.disabled,
             readonly: !0,
             "force-focus": e.displayModal,
+            placeholder: e.placeholder,
             cursor: "pointer",
             icon: { name: "AtCalendarRegularIcon" },
             "use-clear-button": e.value.startDate != null || e.value.endDate != null,
@@ -32,10 +33,10 @@ function V(e, r, T, c, E, S) {
             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"])
+          }, null, 8, ["modelValue", "label", "disabled", "force-focus", "placeholder", "use-clear-button", "error", "onClickOutside"])
         ]),
         default: d(() => [
-          e.displayModal ? (t(), i("div", {
+          e.displayModal ? (a(), i("div", {
             key: 0,
             class: "AT-DATEPICKER_modal",
             onClick: r[13] || (r[13] = (...n) => e.keepFocus && e.keepFocus(...n))
@@ -50,8 +51,8 @@ function V(e, r, T, c, E, S) {
               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, {
+            m("div", b, [
+              e.datePickerMode === "calendar" ? (a(), u(y, {
                 key: 0,
                 year: e.currentYear,
                 month: e.currentMonth,
@@ -60,24 +61,24 @@ function V(e, r, T, c, E, S) {
                 "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, {
+              }, null, 8, ["year", "month", "selected-range", "use-range", "week-initials"])) : t("", !0),
+              e.useTimeInput && !e.useRange && e.datePickerMode === "calendar" ? (a(), 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, {
+              }, null, 8, ["date", "period12-hour", "disabled", "set-focus-element"])) : t("", !0),
+              e.datePickerMode === "monthSelector" ? (a(), 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, {
+              }, null, 8, ["elements", "current-page-value"])) : t("", !0),
+              e.datePickerMode === "yearSelector" ? (a(), u(s, {
                 key: 3,
                 elements: e.yearList,
                 "current-page-value": String(e.currentYear),
@@ -87,9 +88,9 @@ function V(e, r, T, c, E, S) {
                 onElementSelected: r[11] || (r[11] = (n) => {
                   e.updateMonthYear(n), e.datePickerMode = "calendar";
                 })
-              }, null, 8, ["elements", "current-page-value", "current-page-index"])) : a("", !0)
+              }, null, 8, ["elements", "current-page-value", "current-page-index"])) : t("", !0)
             ]),
-            e.useConfirmBox ? (t(), i("div", b, [
+            e.useConfirmBox ? (a(), i("div", I, [
               l(p, {
                 variant: "secondary",
                 onClick: r[12] || (r[12] = (n) => e.updateFocus(!1))
@@ -108,15 +109,15 @@ function V(e, r, T, c, E, S) {
                 ]),
                 _: 1
               }, 8, ["disabled", "onClick"])
-            ])) : a("", !0)
-          ])) : a("", !0)
+            ])) : t("", !0)
+          ])) : t("", !0)
         ]),
         _: 1
       }, 8, ["id", "is-open", "position", "onUpdate:isOpen"])
     ])
   ]);
 }
-const $ = /* @__PURE__ */ v(C, [["render", V], ["__scopeId", "data-v-5f33a2c7"]]);
+const $ = /* @__PURE__ */ v(C, [["render", V], ["__scopeId", "data-v-b1bdf26a"]]);
 export {
   $ as default
 };