@agrotools1/at-components 0.6.72 → 0.6.75

package/dist/Menu/Menu.d.ts

@@ -16,9 +16,17 @@ interface MenuItem {
     onClick?: (e: MouseEvent) => void;
 }
 declare const _default: import('vue').DefineComponent<{
-    menuItems: {
-        type: PropType<AtMenuProps>;
-        default: () => void;
+    menu: {
+        type: PropType<MenuItem[]>;
+        default: () => never[];
+    };
+    configuration: {
+        type: PropType<MenuItem[]>;
+        default: () => never[];
+    };
+    footer: {
+        type: PropType<MenuItem[]>;
+        default: () => never[];
     };
     activeItemId: {
         type: StringConstructor;
@@ -34,9 +42,17 @@ declare const _default: import('vue').DefineComponent<{
         activeItem: string;
     };
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
-    menuItems: {
-        type: PropType<AtMenuProps>;
-        default: () => void;
+    menu: {
+        type: PropType<MenuItem[]>;
+        default: () => never[];
+    };
+    configuration: {
+        type: PropType<MenuItem[]>;
+        default: () => never[];
+    };
+    footer: {
+        type: PropType<MenuItem[]>;
+        default: () => never[];
     };
     activeItemId: {
         type: StringConstructor;
@@ -45,7 +61,9 @@ declare const _default: import('vue').DefineComponent<{
 }>> & {
     onClick?: ((...args: any[]) => any) | undefined;
 }, {
-    menuItems: AtMenuProps;
+    footer: MenuItem[];
+    menu: MenuItem[];
+    configuration: MenuItem[];
     activeItemId: string;
 }, {}>;
 export default _default;

package/dist/Menu/Menu.vue.js

@@ -1,10 +1,10 @@
-import I from "./Menu.vue2.js";
-import { openBlock as t, createElementBlock as o, createElementVNode as n, Fragment as l, renderList as i, normalizeClass as h, withModifiers as d, createBlock as p, resolveDynamicComponent as m, createCommentVNode as u, toDisplayString as r, createStaticVNode as b, pushScopeId as y, popScopeId as M } from "vue";
+import m from "./Menu.vue2.js";
+import { openBlock as o, createElementBlock as t, createElementVNode as n, Fragment as c, renderList as i, normalizeClass as h, withModifiers as d, createBlock as p, resolveDynamicComponent as C, createCommentVNode as u, toDisplayString as r, createStaticVNode as I, pushScopeId as y, popScopeId as M } from "vue";
 import g from "./assets/at.svg.js";
 import f from "./assets/agrotools.svg.js";
 import "./Menu.vue3.js";
 import $ from "../_virtual/_plugin-vue_export-helper.js";
-const q = (e) => (y("data-v-ec717841"), e = e(), M(), e), z = { class: "aside-container" }, E = /* @__PURE__ */ b('<div class="item" data-v-ec717841><div class="uniq logo" style="height:48px;" data-v-ec717841><span class="at-icon-logo" data-v-ec717841><img alt="at logo" src="' + g + '" data-v-ec717841></span><span class="at-logo" data-v-ec717841><img alt="agrotools" src="' + f + '" data-v-ec717841></span></div><div class="divider" data-v-ec717841></div></div>', 1), S = { class: "item menu-scroll-container" }, B = { class: "uniq menu-scroll" }, L = {
+const q = (e) => (y("data-v-20b56714"), e = e(), M(), e), z = { class: "aside-container" }, E = /* @__PURE__ */ I('<div class="item" data-v-20b56714><div class="uniq logo" style="height:48px;" data-v-20b56714><span class="at-icon-logo" data-v-20b56714><img alt="at logo" src="' + g + '" data-v-20b56714></span><span class="at-logo" data-v-20b56714><img alt="agrotools" src="' + f + '" data-v-20b56714></span></div><div class="divider" data-v-20b56714></div></div>', 1), S = { class: "item menu-scroll-container" }, B = { class: "uniq menu-scroll" }, L = {
   class: "actions",
   "aria-label": "Site menu"
 }, N = { class: "menu" }, V = ["data-active", "disabled", "onClick"], w = ["onClick"], A = {
@@ -16,15 +16,15 @@ const q = (e) => (y("data-v-ec717841"), e = e(), M(), e), z = { class: "aside-co
 }, K = ["data-active"], O = ["onClick"], P = /* @__PURE__ */ q(() => /* @__PURE__ */ n("div", { class: "divider" }, null, -1)), Q = { class: "uniq" }, R = { class: "menu" }, T = ["data-active", "onClick"], U = ["onClick"], W = {
   key: 0,
   class: "menu-icon"
-}, X = { class: "menu-title" }, Y = { key: 0 }, Z = ["onClick"], x = { class: "submenu-title" }, ss = { class: "item" }, es = { class: "uniq" }, ns = { class: "actions" }, ts = {
+}, X = { class: "menu-title" }, Y = { key: 0 }, Z = ["onClick"], x = { class: "submenu-title" }, ss = { class: "item" }, es = { class: "uniq" }, ns = { class: "actions" }, os = {
   class: "actions",
   "aria-label": "Site menu"
-}, os = { class: "menu" }, as = ["data-active", "onClick"], cs = ["onClick"], ls = {
+}, ts = { class: "menu" }, as = ["data-active", "onClick"], ls = ["onClick"], cs = {
   key: 0,
   class: "menu-icon"
 }, is = { class: "menu-title" }, ds = { key: 0 }, us = ["onClick"], rs = { class: "submenu-title" };
 function _s(e, k, vs, hs, ks, ps) {
-  return t(), o("div", {
+  return o(), t("div", {
     class: "at-menu collapsed",
     onMouseenter: k[0] || (k[0] = (...s) => e.onMouseEnter && e.onMouseEnter(...s)),
     onMouseleave: k[1] || (k[1] = (...s) => e.onMouseLeave && e.onMouseLeave(...s))
@@ -35,7 +35,7 @@ function _s(e, k, vs, hs, ks, ps) {
         n("div", B, [
           n("nav", L, [
             n("ul", N, [
-              (t(!0), o(l, null, i(e.menuItems.menu, (s, _) => (t(), o("li", {
+              (o(!0), t(c, null, i(e.menu, (s, _) => (o(), t("li", {
                 key: _,
                 "data-active": e.isItemActive(s),
                 class: h(["main-submenu", [{ "sub-menu": s.subItems }]]),
@@ -45,31 +45,31 @@ function _s(e, k, vs, hs, ks, ps) {
                 n("a", {
                   onClick: d((a) => e.handleMenuItemClick(a, s), ["prevent"])
                 }, [
-                  s.icon ? (t(), o("span", A, [
-                    (t(), p(m(e.getIcon(s)), { size: "16" }))
+                  s.icon ? (o(), t("span", A, [
+                    (o(), p(C(e.getIcon(s)), { size: "16" }))
                   ])) : u("", !0),
                   n("span", D, r(s.text), 1)
                 ], 8, w),
-                s.subItems ? (t(), o("ul", F, [
-                  (t(!0), o(l, null, i(s.subItems, (a, v) => (t(), o("li", {
+                s.subItems ? (o(), t("ul", F, [
+                  (o(!0), t(c, null, i(s.subItems, (a, v) => (o(), t("li", {
                     key: `sub-${v}`,
                     "data-active": e.state.activeItem === a.id,
                     class: h([{ "sub-menu": a.subItems }])
                   }, [
                     n("a", {
-                      onClick: d((c) => e.handleMenuItemClick(c, a), ["prevent"])
+                      onClick: d((l) => e.handleMenuItemClick(l, a), ["prevent"])
                     }, [
                       n("span", H, r(a.text), 1)
                     ], 8, G),
-                    a.subItems ? (t(), o("ul", J, [
-                      (t(!0), o(l, null, i(a.subItems, (c) => (t(), o("li", {
-                        key: c.id,
-                        "data-active": e.state.activeItem === c.id,
+                    a.subItems ? (o(), t("ul", J, [
+                      (o(!0), t(c, null, i(a.subItems, (l) => (o(), t("li", {
+                        key: l.id,
+                        "data-active": e.state.activeItem === l.id,
                         class: "sub-sub-menu"
                       }, [
                         n("a", {
-                          onClick: d((C) => e.handleMenuItemClick(C, c), ["prevent"])
-                        }, " - " + r(c.text), 9, O)
+                          onClick: d((b) => e.handleMenuItemClick(b, l), ["prevent"])
+                        }, " - " + r(l.text), 9, O)
                       ], 8, K))), 128))
                     ])) : u("", !0)
                   ], 10, j))), 128))
@@ -81,7 +81,7 @@ function _s(e, k, vs, hs, ks, ps) {
         P,
         n("div", Q, [
           n("ul", R, [
-            (t(!0), o(l, null, i(e.menuItems.configuration, (s, _) => (t(), o("li", {
+            (o(!0), t(c, null, i(e.configuration, (s, _) => (o(), t("li", {
               key: _,
               "data-active": e.state.activeItem === s.id,
               class: h({ "sub-menu": s.subItems }),
@@ -90,18 +90,18 @@ function _s(e, k, vs, hs, ks, ps) {
               n("a", {
                 onClick: d((a) => e.handleMenuItemClick(a, s), ["prevent"])
               }, [
-                s.icon ? (t(), o("span", W, [
-                  (t(), p(m(e.getIcon(s)), { size: "16" }))
+                s.icon ? (o(), t("span", W, [
+                  (o(), p(C(e.getIcon(s)), { size: "16" }))
                 ])) : u("", !0),
                 n("span", X, r(s.text), 1)
               ], 8, U),
-              s.subItems ? (t(), o("ul", Y, [
-                (t(!0), o(l, null, i(s.subItems, (a, v) => (t(), o("li", {
+              s.subItems ? (o(), t("ul", Y, [
+                (o(!0), t(c, null, i(s.subItems, (a, v) => (o(), t("li", {
                   key: `sub-${v}`,
                   class: "sub-menu"
                 }, [
                   n("a", {
-                    onClick: d((c) => e.handleMenuItemClick(c, s), ["prevent"])
+                    onClick: d((l) => e.handleMenuItemClick(l, s), ["prevent"])
                   }, [
                     n("span", x, r(a.text), 1)
                   ], 8, Z)
@@ -114,9 +114,9 @@ function _s(e, k, vs, hs, ks, ps) {
       n("div", ss, [
         n("div", es, [
           n("div", ns, [
-            n("nav", ts, [
-              n("ul", os, [
-                (t(!0), o(l, null, i(e.menuItems.footer, (s, _) => (t(), o("li", {
+            n("nav", os, [
+              n("ul", ts, [
+                (o(!0), t(c, null, i(e.footer, (s, _) => (o(), t("li", {
                   key: _,
                   "data-active": e.isItemActive(s),
                   class: h([{ "sub-menu": s.subItems }]),
@@ -126,18 +126,18 @@ function _s(e, k, vs, hs, ks, ps) {
                     class: h(s == null ? void 0 : s.class),
                     onClick: d((a) => e.handleMenuItemClick(a, s), ["prevent"])
                   }, [
-                    s.icon ? (t(), o("span", ls, [
-                      (t(), p(m(e.getIcon(s)), { size: "16" }))
+                    s.icon ? (o(), t("span", cs, [
+                      (o(), p(C(e.getIcon(s)), { size: "16" }))
                     ])) : u("", !0),
                     n("span", is, r(s.text), 1)
-                  ], 10, cs),
-                  s.subItems ? (t(), o("ul", ds, [
-                    (t(!0), o(l, null, i(s.subItems, (a, v) => (t(), o("li", {
+                  ], 10, ls),
+                  s.subItems ? (o(), t("ul", ds, [
+                    (o(!0), t(c, null, i(s.subItems, (a, v) => (o(), t("li", {
                       key: `sub-${v}`,
                       class: "sub-menu"
                     }, [
                       n("a", {
-                        onClick: d((c) => e.handleMenuItemClick(c, s), ["prevent"])
+                        onClick: d((l) => e.handleMenuItemClick(l, s), ["prevent"])
                       }, [
                         n("span", rs, r(a.text), 1)
                       ], 8, us)
@@ -152,7 +152,7 @@ function _s(e, k, vs, hs, ks, ps) {
     ])
   ], 32);
 }
-const gs = /* @__PURE__ */ $(I, [["render", _s], ["__scopeId", "data-v-ec717841"]]);
+const gs = /* @__PURE__ */ $(m, [["render", _s], ["__scopeId", "data-v-20b56714"]]);
 export {
   gs as default
 };

package/dist/Menu/Menu.vue2.js

@@ -1,17 +1,24 @@
-import * as M from "../node_modules/.pnpm/@agrotools1_at-icons@0.2.11/node_modules/@agrotools1/at-icons/dist/index.js";
-import { defineComponent as A, reactive as L, ref as m, watch as b } from "vue";
-import y from "../Search/Search.vue.js";
-const k = A({
+import * as A from "../node_modules/.pnpm/@agrotools1_at-icons@0.2.11/node_modules/@agrotools1/at-icons/dist/index.js";
+import { defineComponent as y, reactive as M, ref as m, watch as L } from "vue";
+import b from "../Search/Search.vue.js";
+const k = y({
   name: "AtMenu",
   components: {
-    ...M,
-    AtSearch: y
+    ...A,
+    AtSearch: b
   },
   props: {
-    menuItems: {
-      type: Object,
-      default: () => {
-      }
+    menu: {
+      type: Array,
+      default: () => []
+    },
+    configuration: {
+      type: Array,
+      default: () => []
+    },
+    footer: {
+      type: Array,
+      default: () => []
     },
     activeItemId: {
       type: String,
@@ -19,15 +26,15 @@ const k = A({
     }
   },
   emits: ["click"],
-  setup(l, { emit: d }) {
-    const o = L({
-      activeItem: l.activeItemId
-    }), r = m(null), u = m(null), p = (e) => i(e) && e.iconActive ? e.iconActive : e.icon, f = (e) => {
+  setup(i, { emit: d }) {
+    const o = M({
+      activeItem: i.activeItemId
+    }), l = m(null), u = m(null), f = (e) => r(e) && e.iconActive ? e.iconActive : e.icon, p = (e) => {
       const t = e.currentTarget;
-      r.value = t, t.classList.remove("collapsed"), u.value = t.querySelector(".menu-scroll");
+      l.value = t, t.classList.remove("collapsed"), u.value = t.querySelector(".menu-scroll");
     }, v = () => {
       var e, t;
-      (e = r.value) == null || e.classList.add("collapsed"), (t = u.value) == null || t.scrollTo(0, 0);
+      (e = l.value) == null || e.classList.add("collapsed"), (t = u.value) == null || t.scrollTo(0, 0);
     }, a = (e, t) => {
       const n = t ? Array.from(e.children).reduce(
         (s, c) => s + c.scrollHeight,
@@ -51,8 +58,8 @@ const k = A({
       const n = (c = e.currentTarget) == null ? void 0 : c.parentNode, s = n.classList.contains("main-submenu");
       s && !n.classList.contains("open") && h(), n.classList.contains("sub-menu") ? g(e, s) : (d("click", t), o.activeItem = t.id ?? "undefined");
     };
-    b(
-      () => l.activeItemId,
+    L(
+      () => i.activeItemId,
       (e) => {
         o.activeItem = e;
       }
@@ -61,13 +68,13 @@ const k = A({
       document.querySelectorAll(".main-submenu.open").forEach((t) => {
         t.classList.toggle("open", !1), a(t, !1);
       });
-    }, i = (e) => e.id === o.activeItem ? !0 : e.subItems ? e.subItems.some((t) => i(t)) : !1;
+    }, r = (e) => e.id === o.activeItem ? !0 : e.subItems ? e.subItems.some((t) => r(t)) : !1;
     return {
-      onMouseEnter: f,
+      onMouseEnter: p,
       onMouseLeave: v,
-      getIcon: p,
+      getIcon: f,
       handleMenuItemClick: I,
-      isItemActive: i,
+      isItemActive: r,
       state: o
     };
   }

package/dist/Search/Search.vue.js

@@ -6,13 +6,13 @@ const c = {
   key: 0,
   class: "spinner"
 };
-function h(e, f, b, g, I, C) {
-  const r = o("AtInput"), a = o("AtLista");
+function f(e, h, b, g, I, C) {
+  const a = o("AtInput"), r = o("AtLista");
   return s(), t("section", {
     ref: "atSearch",
     class: u(["atSearch", { disabled: e.isDisabled }])
   }, [
-    n(a, {
+    n(r, {
       id: e.id,
       "drop-down-list": e.autoCompleteListFiltered,
       "is-open": e.autocompleteListIsOpen,
@@ -23,7 +23,7 @@ function h(e, f, b, g, I, C) {
       onOnSave: e.handleSelectedItem
     }, {
       default: i(() => [
-        n(r, d({
+        n(a, d({
           id: e.label,
           label: e.label,
           "model-value": e.modelValue,
@@ -46,7 +46,7 @@ function h(e, f, b, g, I, C) {
     }, 8, ["id", "drop-down-list", "is-open", "show-no-result-message", "msg-no-result", "onOnSave"])
   ], 2);
 }
-const V = /* @__PURE__ */ m(l, [["render", h], ["__scopeId", "data-v-17f99334"]]);
+const V = /* @__PURE__ */ m(l, [["render", f], ["__scopeId", "data-v-0f71a2af"]]);
 export {
   V as default
 };

package/dist/Search/Search.vue2.js

@@ -98,8 +98,8 @@ const F = {
         c.value = !1;
       }, 200), (e = s.value) == null || e.classList.remove("focused"), h();
     }, o = n(!1), L = (e) => {
-      a("update:modelValue", e), t.searchEndpoint && (i.value && clearTimeout(i.value), i.value = setTimeout(async () => {
-        o.value = !0, t.searchEndpoint && (r.value = await t.searchEndpoint(e)), o.value = !1;
+      a("update:modelValue", e), t.searchEndpoint && (o.value = !0, i.value && clearTimeout(i.value), i.value = setTimeout(async () => {
+        t.searchEndpoint && (r.value = await t.searchEndpoint(e)), o.value = !1;
       }, 300));
     }, p = u(() => {
       var e;