@agrotools1/at-components 0.6.98-test-45 → 0.6.98

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

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

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

@@ -1,19 +1,17 @@
-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 { 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@1.0.4/node_modules/@agrotools1/at-icons/dist/AtCloseSolidIcon/index.js";
+import { AtDragOrderRegularIcon as x } from "../../node_modules/.pnpm/@agrotools1_at-icons@1.0.4/node_modules/@agrotools1/at-icons/dist/AtDragOrderRegularIcon/index.js";
+import { AtLockRegularIcon as g } from "../../node_modules/.pnpm/@agrotools1_at-icons@1.0.4/node_modules/@agrotools1/at-icons/dist/AtLockRegularIcon/index.js";
+import { AtUnlockRegularIcon as A } from "../../node_modules/.pnpm/@agrotools1_at-icons@1.0.4/node_modules/@agrotools1/at-icons/dist/AtUnlockRegularIcon/index.js";
 import w from "../../Checkbox/Checkbox.vue.js";
-import "../../Filter/Filter.vue2.js";
-import "../../Filter/Filter.vue3.js";
 import R from "../../Tipograph/Paragraph/Paragraph.vue.js";
 import O from "./draggable.js";
 const M = {
-  AtCloseSolidIcon: D,
-  AtDragOrderRegularIcon: S,
+  AtCloseSolidIcon: S,
+  AtDragOrderRegularIcon: x,
   AtLockRegularIcon: g,
   AtUnlockRegularIcon: A
-}, F = C({
+}, j = C({
   name: "AtChecklist",
   components: { AtParagraph: R, AtCheckbox: w, ...M },
   props: {
@@ -37,36 +35,36 @@ const M = {
       default: " | "
     }
   },
-  emits: ["onClose", "onSorted", "onUpdateCheckbox"],
-  setup(e, { emit: c }) {
-    const b = s(), a = s([]), o = s([]), d = s(null), n = s(e.dropDownList), u = () => {
+  emits: ["onClose", "onSorted"],
+  setup(e, { emit: i }) {
+    const b = s(), a = s([]), o = s([]), u = s(null), n = s(e.dropDownList), d = () => {
       a.value = [], o.value = [], n.value.some((t) => "key" in t) ? a.value = n.value : o.value = n.value;
     };
-    u();
-    const h = (t) => {
+    d();
+    const v = (t) => {
       var r, m, f;
       (r = a.value) == null || r.map(
-        (l) => l.value.filter((i) => !i.disabled).map((i) => i.value = t)
+        (l) => l.value.filter((c) => !c.disabled).map((c) => c.value = t)
       ), (f = (m = o.value) == null ? void 0 : m.filter((l) => !l.disabled)) == null || f.map((l) => l.value = t);
-    }, 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 = () => {
+    }, h = (t) => t.text, k = () => i("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(y(r))),
-        d.value
+        o.value.map((r) => structuredClone(D(r))),
+        u.value
       );
-      t.onDragIsEnd = () => c("onSorted", t.endList);
+      t.onDragIsEnd = () => i("onSorted", t.endList);
     };
-    return x(() => {
+    return y(() => {
       e.sortable && p();
     }), {
       checkAllModel: b,
       listSeparator: a,
       listArray: o,
       list: n,
-      sortableList: d,
-      setAllCheckboxValues: h,
-      getItemText: k,
-      setListProps: u,
-      closeDialog: v,
+      sortableList: u,
+      setAllCheckboxValues: v,
+      getItemText: h,
+      setListProps: d,
+      closeDialog: k,
       getLockItem: I,
       getLockIconColor: L,
       setListOrdenable: p
@@ -85,5 +83,5 @@ const M = {
   }
 });
 export {
-  F as default
+  j as default
 };

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

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

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

@@ -1,72 +1,66 @@
 import { CSSProperties, PropType } from 'vue';
+import { DropdownCoreProps } from './Dropdown.types';
 
-declare const _default: import('vue').DefineComponent<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     isOpen: {
-        type: PropType<boolean>;
+        type: PropType<DropdownCoreProps["isOpen"]>;
         default: boolean;
     };
     position: {
-        type: PropType<"left" | "right">;
+        type: PropType<DropdownCoreProps["position"]>;
         default: string;
     };
     fullSize: {
-        type: PropType<boolean | undefined>;
+        type: PropType<DropdownCoreProps["fullSize"]>;
         default: boolean;
     };
     teleportToBody: {
-        type: PropType<boolean | undefined>;
-        default: boolean;
-    };
-    preventClickOutside: {
-        type: PropType<boolean | undefined>;
+        type: PropType<DropdownCoreProps["teleportToBody"]>;
         default: boolean;
     };
     id: {
-        type: PropType<string | undefined>;
+        type: PropType<DropdownCoreProps["id"]>;
         default: string;
     };
-}, {
-    dialogIsOpen: import('vue').Ref<boolean>;
+}>, {
+    dialogIsOpen: import('vue').Ref<boolean, boolean>;
     getDialogClass: import('vue').ComputedRef<string[]>;
-    dialogElem: import('vue').Ref<HTMLDivElement | undefined>;
-    triggerElem: import('vue').Ref<HTMLDivElement | undefined>;
-    dialogStyle: import('vue').Ref<CSSProperties | undefined>;
+    dialogElem: import('vue').Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
+    triggerElem: import('vue').Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
+    dialogStyle: import('vue').Ref<CSSProperties | undefined, CSSProperties | undefined>;
     toggleDialog: () => void;
     openDialog: () => Promise<void>;
     closeDialog: () => Promise<void>;
-}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:isOpen"[], "update:isOpen", import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:isOpen"[], "update:isOpen", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     isOpen: {
-        type: PropType<boolean>;
+        type: PropType<DropdownCoreProps["isOpen"]>;
         default: boolean;
     };
     position: {
-        type: PropType<"left" | "right">;
+        type: PropType<DropdownCoreProps["position"]>;
         default: string;
     };
     fullSize: {
-        type: PropType<boolean | undefined>;
+        type: PropType<DropdownCoreProps["fullSize"]>;
         default: boolean;
     };
     teleportToBody: {
-        type: PropType<boolean | undefined>;
-        default: boolean;
-    };
-    preventClickOutside: {
-        type: PropType<boolean | undefined>;
+        type: PropType<DropdownCoreProps["teleportToBody"]>;
         default: boolean;
     };
     id: {
-        type: PropType<string | undefined>;
+        type: PropType<DropdownCoreProps["id"]>;
         default: string;
     };
-}>> & {
+}>> & Readonly<{
     "onUpdate:isOpen"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     isOpen: boolean;
     id: string | undefined;
     position: "left" | "right";
     fullSize: boolean | undefined;
     teleportToBody: boolean | undefined;
-    preventClickOutside: boolean | undefined;
-}, {}>;
+}, {}, {
+    DropdownContent: import('vue').DefineComponent<{}, void, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -4,7 +4,7 @@ import "./Dropdown.core.vue3.js";
 import y from "../_virtual/_plugin-vue_export-helper.js";
 const $ = { class: "container-dialog" }, v = ["id"];
 function D(e, t, k, B, w, E) {
-  const d = g("DropdownContent");
+  const s = g("DropdownContent");
   return o(), r("section", $, [
     l("div", {
       class: i(e.getDialogClass)
@@ -13,7 +13,7 @@ function D(e, t, k, B, w, E) {
         key: 0,
         id: "trigger",
         ref: "triggerElem",
-        onClick: t[0] || (t[0] = (...s) => e.toggleDialog && e.toggleDialog(...s))
+        onClick: t[0] || (t[0] = (...d) => e.toggleDialog && e.toggleDialog(...d))
       }, [
         n(e.$slots, "trigger", {}, void 0, !0)
       ], 512)) : p("", !0),
@@ -21,7 +21,7 @@ function D(e, t, k, B, w, E) {
         to: "body",
         disabled: !e.teleportToBody
       }, [
-        f(d, null, {
+        f(s, null, {
           default: u(() => [
             l("div", {
               id: e.id,
@@ -41,7 +41,7 @@ function D(e, t, k, B, w, E) {
     ], 2)
   ]);
 }
-const T = /* @__PURE__ */ y(a, [["render", D], ["__scopeId", "data-v-7e3ddf63"]]);
+const T = /* @__PURE__ */ y(a, [["render", D], ["__scopeId", "data-v-91f4014e"]]);
 export {
   T as default
 };

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

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

package/dist/Dropdown/Dropdown.types.d.ts

@@ -15,7 +15,6 @@ export interface DropdownListItem {
 export interface DropdownCoreProps {
     isOpen: boolean;
     position: "right" | "left";
-    preventClickOutside?: boolean;
     fullSize?: boolean;
     teleportToBody?: boolean;
     id?: string;

package/dist/Dropdown/DropdownContent/DropdownContent.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import('vue').DefineComponent<{}, void, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import('vue').DefineComponent<{}, void, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;