@agrotools1/at-components 0.6.3 → 0.6.4

package/dist/Accordion/Accordion.d.ts

@@ -31,6 +31,11 @@ declare const _default: import('vue').DefineComponent<{
         type: () => AtAccordionProps["titleColor"];
         default: undefined;
     };
+    defaultValue: {
+        required: false;
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     isOpen: import('vue').Ref<boolean>;
     buttonRef: import('vue').Ref<HTMLButtonElement | null>;
@@ -61,6 +66,11 @@ declare const _default: import('vue').DefineComponent<{
         type: () => AtAccordionProps["titleColor"];
         default: undefined;
     };
+    defaultValue: {
+        required: false;
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     "onUpdate:isOpen"?: ((...args: any[]) => any) | undefined;
 }, {
@@ -69,5 +79,6 @@ declare const _default: import('vue').DefineComponent<{
     titleType: "default" | "success" | "alert" | "error" | "info";
     titleColor: string;
     informativeTitle: string;
+    defaultValue: boolean;
 }, {}>;
 export default _default;

package/dist/Accordion/Accordion.vue.js

@@ -4,7 +4,7 @@ import "./Accordion.vue3.js";
 import $ from "../_virtual/_plugin-vue_export-helper.js";
 const T = { class: "d-block w-100 at-accordion" }, b = { class: "flex-grow-1" }, h = ["data-state"];
 function z(e, s, w, M, N, V) {
-  const d = t("AtCircleMinusSolidIcon"), p = t("AtCheckCircleSolidIcon"), m = t("AtWarningSolidIcon"), f = t("AtCircleXMarkSolidIcon"), u = t("AtTitle"), k = t("AtAngleUpSolidIcon"), y = t("AtAngleDownSolidIcon");
+  const d = t("AtCircleMinusSolidIcon"), p = t("AtCheckCircleSolidIcon"), m = t("AtWarningSolidIcon"), u = t("AtCircleXMarkSolidIcon"), f = t("AtTitle"), k = t("AtAngleUpSolidIcon"), y = t("AtAngleDownSolidIcon");
   return o(), c("div", T, [
     e.isInformative ? (o(), c("div", {
       key: 0,
@@ -25,12 +25,12 @@ function z(e, s, w, M, N, V) {
         size: "20",
         class: "me-2"
       })) : n("", !0),
-      e.informativeType === "error" ? (o(), i(f, {
+      e.informativeType === "error" ? (o(), i(u, {
         key: 3,
         size: "20",
         class: "me-2"
       })) : n("", !0),
-      C(u, {
+      C(f, {
         as: "h6",
         bold: !0,
         class: "m-0"
@@ -74,7 +74,7 @@ function z(e, s, w, M, N, V) {
     ], 8, h)
   ]);
 }
-const U = /* @__PURE__ */ $(v, [["render", z], ["__scopeId", "data-v-222aaefb"]]);
+const U = /* @__PURE__ */ $(v, [["render", z], ["__scopeId", "data-v-c242bd73"]]);
 export {
   U as default
 };

package/dist/Accordion/Accordion.vue2.js

@@ -1,20 +1,20 @@
 import { defineComponent as r, ref as t } from "vue";
 import { AtAngleDownSolidIcon as n } from "../node_modules/.pnpm/agrotools-icons@0.2.6/node_modules/agrotools-icons/dist/AtAngleDownSolidIcon/index.js";
-import { AtAngleUpSolidIcon as l } from "../node_modules/.pnpm/agrotools-icons@0.2.6/node_modules/agrotools-icons/dist/AtAngleUpSolidIcon/index.js";
-import { AtCheckCircleSolidIcon as a } from "../node_modules/.pnpm/agrotools-icons@0.2.6/node_modules/agrotools-icons/dist/AtCheckCircleSolidIcon/index.js";
+import { AtAngleUpSolidIcon as a } from "../node_modules/.pnpm/agrotools-icons@0.2.6/node_modules/agrotools-icons/dist/AtAngleUpSolidIcon/index.js";
+import { AtCheckCircleSolidIcon as d } from "../node_modules/.pnpm/agrotools-icons@0.2.6/node_modules/agrotools-icons/dist/AtCheckCircleSolidIcon/index.js";
 import { AtCircleMinusSolidIcon as c } from "../node_modules/.pnpm/agrotools-icons@0.2.6/node_modules/agrotools-icons/dist/AtCircleMinusSolidIcon/index.js";
-import { AtCircleXMarkSolidIcon as p } from "../node_modules/.pnpm/agrotools-icons@0.2.6/node_modules/agrotools-icons/dist/AtCircleXMarkSolidIcon/index.js";
-import { AtWarningSolidIcon as d } from "../node_modules/.pnpm/agrotools-icons@0.2.6/node_modules/agrotools-icons/dist/AtWarningSolidIcon/index.js";
-import { AtTipograph as f } from "../Tipograph/index.js";
+import { AtCircleXMarkSolidIcon as f } from "../node_modules/.pnpm/agrotools-icons@0.2.6/node_modules/agrotools-icons/dist/AtCircleXMarkSolidIcon/index.js";
+import { AtWarningSolidIcon as u } from "../node_modules/.pnpm/agrotools-icons@0.2.6/node_modules/agrotools-icons/dist/AtWarningSolidIcon/index.js";
+import { AtTipograph as p } from "../Tipograph/index.js";
 const k = r({
   name: "AtAccordion",
   components: {
-    AtAngleUpSolidIcon: l,
+    AtAngleUpSolidIcon: a,
     AtAngleDownSolidIcon: n,
-    AtTitle: f.Title,
-    AtCheckCircleSolidIcon: a,
-    AtWarningSolidIcon: d,
-    AtCircleXMarkSolidIcon: p,
+    AtTitle: p.Title,
+    AtCheckCircleSolidIcon: d,
+    AtWarningSolidIcon: u,
+    AtCircleXMarkSolidIcon: f,
     AtCircleMinusSolidIcon: c
   },
   props: {
@@ -42,16 +42,21 @@ const k = r({
       required: !1,
       type: String,
       default: void 0
+    },
+    defaultValue: {
+      required: !1,
+      type: Boolean,
+      default: !0
     }
   },
   emits: ["update:isOpen"],
-  setup(s, o) {
-    const i = t(null), e = t(!0);
+  setup(o, i) {
+    const l = t(null), e = t(o.defaultValue);
     return {
       isOpen: e,
-      buttonRef: i,
+      buttonRef: l,
       onClick: () => {
-        e.value = !e.value, o.emit("update:isOpen", e.value);
+        e.value = !e.value, i.emit("update:isOpen", e.value);
       }
     };
   }

package/dist/Accordion/Accordion.vue3.js

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

package/dist/Dropdown/Dropdown.core.vue.js

@@ -35,7 +35,7 @@ function _(e, t, k, y, w, E) {
     ], 2)
   ]);
 }
-const b = /* @__PURE__ */ $(a, [["render", _], ["__scopeId", "data-v-b5486c85"]]);
+const b = /* @__PURE__ */ $(a, [["render", _], ["__scopeId", "data-v-9dad5b18"]]);
 export {
   b as default
 };

package/dist/Dropdown/Dropdown.core.vue2.js

@@ -1,8 +1,8 @@
-import { defineComponent as A, ref as n, watch as E, onMounted as H, computed as I } from "vue";
-import L from "./DropdownContent/DropdownContent.vue.js";
-const q = A({
+import { defineComponent as q, ref as l, watch as F, onMounted as H, computed as U } from "vue";
+import G from "./DropdownContent/DropdownContent.vue.js";
+const M = q({
   name: "AtDropdown",
-  components: { DropdownContent: L },
+  components: { DropdownContent: G },
   props: {
     isOpen: {
       type: Boolean,
@@ -22,66 +22,77 @@ const q = A({
     }
   },
   emits: ["update:isOpen"],
-  setup(p, { emit: f }) {
-    const i = n(!1);
-    i.value = p.isOpen;
-    const l = n(), t = n(), o = n(), h = n(0), a = n(), r = n(), g = () => {
-      var m, x, O, w, C, D, S, W, $;
+  setup(r, { emit: f }) {
+    const u = l(!1);
+    u.value = r.isOpen;
+    const i = l(), a = l(), s = l(), h = l(0), n = l(), v = l(), d = () => {
+      var w, x, O, S, z, C, b, D, W, $, I, P;
       h.value = window.scrollY;
-      const e = (x = (m = t.value) == null ? void 0 : m.children[0]) == null ? void 0 : x.querySelector(
+      const o = (x = (w = a.value) == null ? void 0 : w.children[0]) == null ? void 0 : x.querySelector(
         ".AT-INPUT_error-message"
-      );
-      a.value = (O = t.value) == null ? void 0 : O.getBoundingClientRect();
-      const s = (((w = a.value) == null ? void 0 : w.y) ?? 0) + (((D = (C = t.value) == null ? void 0 : C.children[0]) == null ? void 0 : D.clientHeight) ?? 0) - ((e == null ? void 0 : e.clientHeight) ?? 0) + 8 + h.value, v = {
+      ), e = 1 / (Number.parseFloat((O = window.getComputedStyle(document.body)) == null ? void 0 : O.zoom) || 1);
+      n.value = (S = a.value) == null ? void 0 : S.getBoundingClientRect();
+      const E = {
+        y: h.value * e
+      }, t = {
+        top: (((z = n.value) == null ? void 0 : z.top) ?? 0) * e,
+        right: (((C = n.value) == null ? void 0 : C.right) ?? 0) * e,
+        bottom: (((b = n.value) == null ? void 0 : b.bottom) ?? 0) * e,
+        left: (((D = n.value) == null ? void 0 : D.left) ?? 0) * e,
+        width: (((W = n.value) == null ? void 0 : W.width) ?? 0) * e,
+        height: ((($ = n.value) == null ? void 0 : $.height) ?? 0) * e
+      }, y = ((t == null ? void 0 : t.bottom) ?? 0) + ((o == null ? void 0 : o.clientHeight) ?? 0) + 8 + E.y, L = {
         left: () => {
-          var u, c, d;
-          o.value = {
-            x: ((u = a.value) == null ? void 0 : u.left) ?? 0,
-            y: s
-          }, r.value = {
-            top: `${((c = o.value) == null ? void 0 : c.y) || 0}px`,
-            left: `${((d = o.value) == null ? void 0 : d.x) || 0}px`
+          var c, p;
+          s.value = {
+            x: (t == null ? void 0 : t.left) ?? 0,
+            y
+          }, v.value = {
+            top: `${((c = s.value) == null ? void 0 : c.y) || 0}px`,
+            left: `${((p = s.value) == null ? void 0 : p.x) || 0}px`,
+            zIndex: "2147483647"
           };
         },
         right: () => {
-          var u, c, d, P, z;
-          o.value = {
-            x: (((u = a.value) == null ? void 0 : u.left) ?? 0) - ((((c = l.value) == null ? void 0 : c.clientWidth) ?? 0) - (((d = t.value) == null ? void 0 : d.clientWidth) ?? 0)),
-            y: s
-          }, r.value = {
-            top: `${((P = o.value) == null ? void 0 : P.y) || 0}px`,
-            left: `${((z = o.value) == null ? void 0 : z.x) || 0}px`
+          var c, p, B, T;
+          s.value = {
+            x: ((t == null ? void 0 : t.left) ?? 0) - ((((c = i.value) == null ? void 0 : c.clientWidth) ?? 0) - (((p = a.value) == null ? void 0 : p.clientWidth) ?? 0)),
+            y
+          }, v.value = {
+            top: `${((B = s.value) == null ? void 0 : B.y) || 0}px`,
+            left: `${((T = s.value) == null ? void 0 : T.x) || 0}px`,
+            zIndex: "2147483647"
           };
         }
-      }, k = window.innerWidth - (((S = a.value) == null ? void 0 : S.right) ?? 0) <= (((W = l.value) == null ? void 0 : W.offsetWidth) ?? 0) ? "right" : p.position;
-      v[k](), p.fullSize && (r.value.width = `${(($ = t.value) == null ? void 0 : $.clientWidth) ?? 0}px`);
+      }, N = window.innerWidth - ((t == null ? void 0 : t.right) ?? 0) <= (((I = i.value) == null ? void 0 : I.offsetWidth) ?? 0) ? "right" : r.position;
+      L[N](), r.fullSize && (v.value.width = `${((P = a.value) == null ? void 0 : P.clientWidth) ?? 0}px`);
     };
-    E(
-      () => p.isOpen,
-      (e) => {
-        i.value = e, e && setTimeout(() => g(), 10);
+    F(
+      () => r.isOpen,
+      (o) => {
+        u.value = o, o && setTimeout(() => d(), 10);
       }
     );
-    const B = async () => f("update:isOpen", !0), y = async () => f("update:isOpen", !1), T = (e) => {
-      var s, v;
-      i.value && !((s = l == null ? void 0 : l.value) != null && s.contains(e.target)) && !((v = t.value) != null && v.contains(e.target)) && y();
-    }, Y = () => f("update:isOpen", !i.value);
+    const Y = async () => f("update:isOpen", !0), m = async () => f("update:isOpen", !1), _ = (o) => {
+      var g, e;
+      u.value && !((g = i == null ? void 0 : i.value) != null && g.contains(o.target)) && !((e = a.value) != null && e.contains(o.target)) && m();
+    }, k = () => f("update:isOpen", !u.value);
     H(() => {
-      document.addEventListener("click", T), window.addEventListener("resize", g), g();
+      document.addEventListener("click", _), window.addEventListener("resize", d), d();
     });
-    const _ = I(() => ["dialog"]);
+    const A = U(() => ["dialog"]);
     return {
-      dialogIsOpen: i,
-      getDialogClass: _,
-      dialogElem: l,
-      triggerElem: t,
-      dialogStyle: r,
-      toggleDialog: Y,
-      openDialog: B,
-      closeDialog: y
+      dialogIsOpen: u,
+      getDialogClass: A,
+      dialogElem: i,
+      triggerElem: a,
+      dialogStyle: v,
+      toggleDialog: k,
+      openDialog: Y,
+      closeDialog: m
     };
   }
 });
 export {
-  q as default
+  M as default
 };