@agrotools1/at-components 0.6.98-test-33 → 0.6.98-test-35

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/Dropdown/Checklist/Dropdown.Checklist.d.ts

@@ -148,7 +148,7 @@ declare const _default: import('vue').DefineComponent<{
         color: string;
     };
     setListOrdenable: () => void;
-}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("onClose" | "onSorted")[], "onClose" | "onSorted", import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("onClose" | "onSorted" | "onUpdateCheckbox")[], "onClose" | "onSorted" | "onUpdateCheckbox", import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
     dropDownList: {
         type: PropType<DropdownListItem[] | DropdownList[]>;
         required: true;
@@ -171,6 +171,7 @@ declare const _default: import('vue').DefineComponent<{
 }>> & {
     onOnClose?: ((...args: any[]) => any) | undefined;
     onOnSorted?: ((...args: any[]) => any) | undefined;
+    onOnUpdateCheckbox?: ((...args: any[]) => any) | undefined;
 }, {
     title: string | undefined;
     sortable: boolean | undefined;

package/dist/Dropdown/Checklist/Dropdown.Checklist.vue.js

@@ -1,52 +1,52 @@
-import z from "./Dropdown.Checklist.vue2.js";
-import { resolveComponent as b, openBlock as a, createElementBlock as d, createElementVNode as o, createVNode as s, withCtx as n, createTextVNode as c, toDisplayString as i, Fragment as h, createCommentVNode as m, renderList as k, normalizeClass as g, createBlock as C, resolveDynamicComponent as I, normalizeStyle as $, pushScopeId as S, popScopeId as D } from "vue";
+import C from "./Dropdown.Checklist.vue2.js";
+import { resolveComponent as b, openBlock as s, createElementBlock as d, createElementVNode as o, createVNode as a, withCtx as i, createTextVNode as c, toDisplayString as p, Fragment as h, createCommentVNode as m, renderList as k, normalizeClass as f, createBlock as $, resolveDynamicComponent as z, normalizeStyle as I, pushScopeId as S, popScopeId as D } from "vue";
 import "./Dropdown.Checklist.vue3.js";
 import w from "../../_virtual/_plugin-vue_export-helper.js";
-const f = (l) => (S("data-v-376b6a6a"), l = l(), D(), l), L = { class: "atCheckList" }, N = { class: "at-dropdown-header" }, T = { class: "at-dropdown-content" }, U = { class: "item checkall" }, B = {
+const g = (l) => (S("data-v-136fe706"), l = l(), D(), l), U = { class: "atCheckList" }, L = { class: "at-dropdown-header" }, N = { class: "at-dropdown-content" }, T = { class: "item checkall" }, B = {
   for: "checkAll",
   class: "checkall-label"
-}, x = /* @__PURE__ */ f(() => /* @__PURE__ */ o("span", { class: "separator" }, null, -1)), E = /* @__PURE__ */ f(() => /* @__PURE__ */ o("span", { class: "separator" }, null, -1)), M = ["for"], O = {
+}, x = /* @__PURE__ */ g(() => /* @__PURE__ */ o("span", { class: "separator" }, null, -1)), E = /* @__PURE__ */ g(() => /* @__PURE__ */ o("span", { class: "separator" }, null, -1)), M = ["for"], O = {
   id: "sortable",
   ref: "sortableList"
 }, P = ["id", "draggable"], R = { class: "left-items" }, F = {
   key: 0,
   class: "ordenable-icon"
 }, j = ["for"];
-function q(l, p, G, H, J, K) {
-  const r = b("AtParagraph"), v = b("AtCloseSolidIcon"), _ = b("AtCheckbox"), y = b("AtDragOrderRegularIcon");
-  return a(), d("div", L, [
-    o("div", N, [
-      s(r, {
+function q(l, r, G, H, J, K) {
+  const n = b("AtParagraph"), v = b("AtCloseSolidIcon"), _ = b("AtCheckbox"), y = b("AtDragOrderRegularIcon");
+  return s(), d("div", U, [
+    o("div", L, [
+      a(n, {
         size: "p1",
         weight: "bold"
       }, {
-        default: n(() => [
-          c(i(l.title), 1)
+        default: i(() => [
+          c(p(l.title), 1)
         ]),
         _: 1
       }),
       o("span", {
         style: { cursor: "pointer" },
         class: "closeIcon",
-        onClick: p[0] || (p[0] = (...e) => l.closeDialog && l.closeDialog(...e))
+        onClick: r[0] || (r[0] = (...e) => l.closeDialog && l.closeDialog(...e))
       }, [
-        s(v, { size: "20" })
+        a(v, { size: "20" })
       ])
     ]),
-    o("div", T, [
-      l.checkAllText ? (a(), d(h, { key: 0 }, [
-        o("div", U, [
-          s(_, {
+    o("div", N, [
+      l.checkAllText ? (s(), d(h, { key: 0 }, [
+        o("div", T, [
+          a(_, {
             id: "checkAll",
             modelValue: l.checkAllModel,
-            "onUpdate:modelValue": p[1] || (p[1] = (e) => l.checkAllModel = e),
+            "onUpdate:modelValue": r[1] || (r[1] = (e) => l.checkAllModel = e),
             size: "12",
             labelledby: "checkAll"
           }, null, 8, ["modelValue"]),
           o("label", B, [
-            s(r, { size: "p2" }, {
-              default: n(() => [
-                c(i(l.checkAllText), 1)
+            a(n, { size: "p2" }, {
+              default: i(() => [
+                c(p(l.checkAllText), 1)
               ]),
               _: 1
             })
@@ -54,25 +54,25 @@ function q(l, p, G, H, J, K) {
         ]),
         x
       ], 64)) : m("", !0),
-      (a(!0), d(h, null, k(l.listSeparator, (e, u) => (a(), d("div", {
+      (s(!0), d(h, null, k(l.listSeparator, (e, u) => (s(), d("div", {
         key: `${u}`,
         class: "item-separator"
       }, [
-        s(r, {
+        a(n, {
           size: "p2",
           weight: "bold"
         }, {
-          default: n(() => [
-            c(i(e.key), 1)
+          default: i(() => [
+            c(p(e.key), 1)
           ]),
           _: 2
         }, 1024),
         E,
-        (a(!0), d(h, null, k(e.value, (t, A) => (a(), d("div", {
+        (s(!0), d(h, null, k(e.value, (t, A) => (s(), d("div", {
           key: `${A}`,
-          class: g(["item"])
+          class: f(["item"])
         }, [
-          s(_, {
+          a(_, {
             id: t.text,
             modelValue: t.value,
             "onUpdate:modelValue": (V) => t.value = V,
@@ -84,9 +84,9 @@ function q(l, p, G, H, J, K) {
             for: `${t.text}`,
             class: "item-label"
           }, [
-            s(r, { size: "p2" }, {
-              default: n(() => [
-                c(i(l.getItemText(t)), 1)
+            a(n, { size: "p2" }, {
+              default: i(() => [
+                c(p(l.getItemText(t)), 1)
               ]),
               _: 2
             }, 1024)
@@ -94,10 +94,10 @@ function q(l, p, G, H, J, K) {
         ]))), 128))
       ]))), 128)),
       o("div", O, [
-        (a(!0), d(h, null, k(l.listArray, (e, u) => (a(), d("div", {
+        (s(!0), d(h, null, k(l.listArray, (e, u) => (s(), d("div", {
           id: `listArray-item-${u}-${e.text}`,
           key: `${u}`,
-          class: g(["item", [
+          class: f(["item", [
             l.sortable && !e.disabled ? "draggable" : "",
             e.disabled ? "isDisabled" : "",
             e.className
@@ -105,16 +105,21 @@ function q(l, p, G, H, J, K) {
           draggable: l.sortable && !e.disabled
         }, [
           o("div", R, [
-            l.sortable ? (a(), d("span", F, [
-              s(y, {
+            l.sortable ? (s(), d("span", F, [
+              a(y, {
                 size: "16",
                 color: e.disabled ? "var(--at-disabled-text)" : ""
               }, null, 8, ["color"])
             ])) : m("", !0),
-            s(_, {
+            a(_, {
               id: e.text,
               modelValue: e.value,
-              "onUpdate:modelValue": (t) => e.value = t,
+              "onUpdate:modelValue": [
+                (t) => e.value = t,
+                r[2] || (r[2] = () => {
+                  l.$emit("onUpdateCheckbox", !0);
+                })
+              ],
               size: "12",
               disabled: e.disabled,
               labelledby: `${e.text}`
@@ -123,24 +128,24 @@ function q(l, p, G, H, J, K) {
               for: `${e.text}`,
               class: "item-label"
             }, [
-              s(r, { size: "p2" }, {
-                default: n(() => [
-                  c(i(l.getItemText(e)), 1)
+              a(n, { size: "p2" }, {
+                default: i(() => [
+                  c(p(l.getItemText(e)), 1)
                 ]),
                 _: 2
               }, 1024)
             ], 8, j)
           ]),
-          (a(), C(I(l.getLockItem(e)), {
+          (s(), $(z(l.getLockItem(e)), {
             size: "16",
-            style: $(l.getLockIconColor(e))
+            style: I(l.getLockIconColor(e))
           }, null, 8, ["style"]))
         ], 10, P))), 128))
       ], 512)
     ])
   ]);
 }
-const Z = /* @__PURE__ */ w(z, [["render", q], ["__scopeId", "data-v-376b6a6a"]]);
+const Z = /* @__PURE__ */ w(C, [["render", q], ["__scopeId", "data-v-136fe706"]]);
 export {
   Z as default
 };

package/dist/Dropdown/Checklist/Dropdown.Checklist.vue2.js

@@ -1,6 +1,6 @@
-import { defineComponent as C, ref as s, onMounted as y, toRaw as D } from "vue";
-import { AtCloseSolidIcon as S } from "../../node_modules/.pnpm/@agrotools1_at-icons@0.2.11/node_modules/@agrotools1/at-icons/dist/AtCloseSolidIcon/index.js";
-import { AtDragOrderRegularIcon as x } from "../../node_modules/.pnpm/@agrotools1_at-icons@0.2.11/node_modules/@agrotools1/at-icons/dist/AtDragOrderRegularIcon/index.js";
+import { defineComponent as C, ref as s, onMounted as x, toRaw as y } from "vue";
+import { AtCloseSolidIcon as D } from "../../node_modules/.pnpm/@agrotools1_at-icons@0.2.11/node_modules/@agrotools1/at-icons/dist/AtCloseSolidIcon/index.js";
+import { AtDragOrderRegularIcon as S } from "../../node_modules/.pnpm/@agrotools1_at-icons@0.2.11/node_modules/@agrotools1/at-icons/dist/AtDragOrderRegularIcon/index.js";
 import { AtLockRegularIcon as g } from "../../node_modules/.pnpm/@agrotools1_at-icons@0.2.11/node_modules/@agrotools1/at-icons/dist/AtLockRegularIcon/index.js";
 import { AtUnlockRegularIcon as A } from "../../node_modules/.pnpm/@agrotools1_at-icons@0.2.11/node_modules/@agrotools1/at-icons/dist/AtUnlockRegularIcon/index.js";
 import w from "../../Checkbox/Checkbox.vue.js";
@@ -9,8 +9,8 @@ import "../../Filter/Filter.vue3.js";
 import R from "../../Tipograph/Paragraph/Paragraph.vue.js";
 import O from "./draggable.js";
 const M = {
-  AtCloseSolidIcon: S,
-  AtDragOrderRegularIcon: x,
+  AtCloseSolidIcon: D,
+  AtDragOrderRegularIcon: S,
   AtLockRegularIcon: g,
   AtUnlockRegularIcon: A
 }, F = C({
@@ -37,36 +37,36 @@ const M = {
       default: " | "
     }
   },
-  emits: ["onClose", "onSorted"],
+  emits: ["onClose", "onSorted", "onUpdateCheckbox"],
   setup(e, { emit: c }) {
-    const b = s(), a = s([]), o = s([]), u = s(null), n = s(e.dropDownList), d = () => {
+    const b = s(), a = s([]), o = s([]), d = s(null), n = s(e.dropDownList), u = () => {
       a.value = [], o.value = [], n.value.some((t) => "key" in t) ? a.value = n.value : o.value = n.value;
     };
-    d();
-    const v = (t) => {
+    u();
+    const h = (t) => {
       var r, m, f;
       (r = a.value) == null || r.map(
         (l) => l.value.filter((i) => !i.disabled).map((i) => i.value = t)
       ), (f = (m = o.value) == null ? void 0 : m.filter((l) => !l.disabled)) == null || f.map((l) => l.value = t);
-    }, h = (t) => t.text, k = () => c("onClose", !0), I = (t) => t.disabled ? g : A, L = (t) => ({ color: t.disabled ? "var(--at-disabled-text)" : "var(--at-primary-color-1)" }), p = () => {
+    }, k = (t) => t.text, v = () => c("onClose", !0), I = (t) => t.disabled ? g : A, L = (t) => ({ color: t.disabled ? "var(--at-disabled-text)" : "var(--at-primary-color-1)" }), p = () => {
       const t = new O(
-        o.value.map((r) => structuredClone(D(r))),
-        u.value
+        o.value.map((r) => structuredClone(y(r))),
+        d.value
       );
       t.onDragIsEnd = () => c("onSorted", t.endList);
     };
-    return y(() => {
+    return x(() => {
       e.sortable && p();
     }), {
       checkAllModel: b,
       listSeparator: a,
       listArray: o,
       list: n,
-      sortableList: u,
-      setAllCheckboxValues: v,
-      getItemText: h,
-      setListProps: d,
-      closeDialog: k,
+      sortableList: d,
+      setAllCheckboxValues: h,
+      getItemText: k,
+      setListProps: u,
+      closeDialog: v,
       getLockItem: I,
       getLockIconColor: L,
       setListOrdenable: p

package/dist/Dropdown/Checklist/Dropdown.Checklist.vue3.js

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

package/dist/Dropdown/Dropdown.core.d.ts

@@ -17,6 +17,10 @@ declare const _default: import('vue').DefineComponent<{
         type: PropType<boolean | undefined>;
         default: boolean;
     };
+    preventClickOutside: {
+        type: PropType<boolean | undefined>;
+        default: boolean;
+    };
     id: {
         type: PropType<string | undefined>;
         default: string;
@@ -47,6 +51,10 @@ declare const _default: import('vue').DefineComponent<{
         type: PropType<boolean | undefined>;
         default: boolean;
     };
+    preventClickOutside: {
+        type: PropType<boolean | undefined>;
+        default: boolean;
+    };
     id: {
         type: PropType<string | undefined>;
         default: string;
@@ -59,5 +67,6 @@ declare const _default: import('vue').DefineComponent<{
     position: "left" | "right";
     fullSize: boolean | undefined;
     teleportToBody: boolean | undefined;
+    preventClickOutside: boolean | undefined;
 }, {}>;
 export default _default;