@agrotools1/at-components 0.5.6 → 0.5.7

package/dist/DatePicker/DatePicker.d.ts

@@ -62,6 +62,18 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
         validator: (value: boolean) => boolean;
     };
+    position: {
+        type: () => DatePickerProps["position"];
+        default: string;
+    };
+    id: {
+        type: () => DatePickerProps["id"];
+        default: string;
+    };
+    error: {
+        type: () => DatePickerProps["error"];
+        default: () => void;
+    };
 }, {
     displayModal: import("vue").Ref<boolean>;
     auxValue: import("vue").Ref<{
@@ -287,6 +299,7 @@ declare const _default: import("vue").DefineComponent<{
     checkUnFocus: () => void;
     keepFocus: () => void;
     clearValue: () => void;
+    onOpenedModal: (value: boolean) => void;
     isInputHovered: import("vue").Ref<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:value" | "confirmBoxConfirmed")[], "update:value" | "confirmBoxConfirmed", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     value: {
@@ -351,13 +364,31 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
         validator: (value: boolean) => boolean;
     };
+    position: {
+        type: () => DatePickerProps["position"];
+        default: string;
+    };
+    id: {
+        type: () => DatePickerProps["id"];
+        default: string;
+    };
+    error: {
+        type: () => DatePickerProps["error"];
+        default: () => void;
+    };
 }>> & {
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
     onConfirmBoxConfirmed?: ((...args: any[]) => any) | undefined;
 }, {
     label: string;
+    error: {
+        value: boolean;
+        message: string;
+    };
     disabled: boolean;
+    id: string;
     value: DatePickerRange;
+    position: "left" | "right" | undefined;
     forceFocus: boolean;
     useRange: boolean;
     useTimeInput: boolean;

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

@@ -13,6 +13,12 @@ export interface DatePickerProps {
     setTimeInputFocus: "default" | "hours" | "minutes" | "none";
     force12HourTime: boolean;
     forceFocus: boolean;
+    position?: "left" | "right";
+    id: string;
+    error: {
+        value: boolean;
+        message: string;
+    };
 }
 export declare const monthTranslationObj: Record<string, string[]>;
 export declare const weekInitialsObject: Record<string, string[]>;

package/dist/DatePicker/DatePicker.vue.js

@@ -1,111 +1,122 @@
-import g from "./DatePicker.vue2.js";
-import { resolveComponent as a, openBlock as t, createElementBlock as d, createElementVNode as p, createVNode as l, createBlock as u, createCommentVNode as o, withCtx as m, createTextVNode as k, toDisplayString as P } from "vue";
+import f 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 "./DatePicker.scss.js";
 import v from "../_virtual/_plugin-vue_export-helper.js";
-const A = { class: "AT-DATEPICKER_container no-select" }, M = { class: "AT-DATEPICKER_core" }, I = {
+const M = { class: "AT-DATEPICKER_container no-select" }, I = { class: "AT-DATEPICKER_core" }, b = {
   key: 0,
   class: "AT-DATEPICKER-callToAction"
 };
-function b(e, r, V, T, E, S) {
-  const y = a("AtCoreInput"), C = a("AtDatePickerHeader"), D = a("AtDatePickerCalendar"), f = a("AtDatePickerTime"), s = a("AtDatePickerListSelector"), i = a("AtButton");
-  return t(), d("div", A, [
-    p("div", {
-      onClick: r[3] || (r[3] = (n) => e.updateFocus(!e.displayModal))
-    }, [
-      l(y, {
-        modelValue: e.displayValue,
-        "onUpdate:modelValue": r[0] || (r[0] = (n) => e.displayValue = n),
-        label: e.label,
-        disabled: e.disabled,
-        readonly: !0,
-        "force-focus": e.displayModal,
-        cursor: "pointer",
-        icon: { name: "AtCalendarRegularIcon" },
-        "use-clear-button": e.value.startDate != null || e.value.endDate != null,
-        "force-event-clear-button": !0,
-        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", "onClickOutside"])
-    ]),
-    e.displayModal ? (t(), d("div", {
-      key: 0,
-      class: "AT-DATEPICKER_modal",
-      onClick: r[14] || (r[14] = (...n) => e.keepFocus && e.keepFocus(...n))
-    }, [
+function V(e, r, T, E, c, S) {
+  const P = o("AtCoreInput"), g = o("AtDatePickerHeader"), y = o("AtDatePickerCalendar"), A = o("AtDatePickerTime"), s = o("AtDatePickerListSelector"), p = o("AtButton"), C = o("AtDropdown");
+  return t(), i("div", M, [
+    m("div", null, [
       l(C, {
-        "date-picker-mode": e.datePickerMode,
-        "current-month": e.getMonthName(e.currentMonth),
-        "current-year": e.currentYear,
-        "current-year-range": e.currentYearRange,
-        "selected-year": e.selectedMonthYear,
-        style: { marginBottom: "16px" },
-        onSimpleArrows: r[4] || (r[4] = (n) => e.updateDatePeriod(n, !0)),
-        "onUpdate:datePickerMode": r[5] || (r[5] = (n) => e.datePickerMode = n)
-      }, null, 8, ["date-picker-mode", "current-month", "current-year", "current-year-range", "selected-year"]),
-      p("div", M, [
-        e.datePickerMode === "calendar" ? (t(), u(D, {
-          key: 0,
-          year: e.currentYear,
-          month: e.currentMonth,
-          "selected-range": e.useConfirmBox ? e.auxValue : e.value,
-          "use-range": e.useRange,
-          "week-initials": e.weekInitials,
-          onIncrementMonth: r[6] || (r[6] = (n) => e.updateDatePeriod(n, !0)),
-          onSelected: r[7] || (r[7] = (n) => e.updateValue(n))
-        }, null, 8, ["year", "month", "selected-range", "use-range", "week-initials"])) : o("", !0),
-        e.useTimeInput && !e.useRange && e.datePickerMode === "calendar" ? (t(), u(f, {
-          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[8] || (r[8] = (n) => e.updateValue({ startDate: n, endDate: n }))
-        }, null, 8, ["date", "period12-hour", "disabled", "set-focus-element"])) : o("", !0),
-        e.datePickerMode === "monthSelector" ? (t(), u(s, {
-          key: 2,
-          elements: e.monthList,
-          "current-page-value": `${e.currentYear}-${e.currentMonth}`,
-          onElementSelected: r[9] || (r[9] = (n) => {
-            e.updateMonthYear(n), e.datePickerMode = "calendar";
-          })
-        }, null, 8, ["elements", "current-page-value"])) : o("", !0),
-        e.datePickerMode === "yearSelector" ? (t(), u(s, {
-          key: 3,
-          elements: e.yearList,
-          "current-page-value": String(e.currentYear),
-          "current-page-index": e.currentYearPageIndex,
-          onUpdateCurrentPageIndex: r[10] || (r[10] = (n) => e.currentYearPageIndex = n),
-          onUpdateCurrentSelector: r[11] || (r[11] = (n) => e.currentYearRange = n),
-          onElementSelected: r[12] || (r[12] = (n) => {
-            e.updateMonthYear(n), e.datePickerMode = "calendar";
-          })
-        }, null, 8, ["elements", "current-page-value", "current-page-index"])) : o("", !0)
-      ]),
-      e.useConfirmBox ? (t(), d("div", I, [
-        l(i, {
-          variant: "secondary",
-          onClick: r[13] || (r[13] = (n) => e.updateFocus(!1))
-        }, {
-          default: m(() => [
-            k(P(e.buttonNames.cancel), 1)
-          ]),
-          _: 1
-        }),
-        l(i, {
-          disabled: !(e.auxValue.startDate && e.auxValue.endDate),
-          onClick: e.confirmInput
-        }, {
-          default: m(() => [
-            k(P(e.buttonNames.save), 1)
-          ]),
-          _: 1
-        }, 8, ["disabled", "onClick"])
-      ])) : o("", !0)
-    ])) : o("", !0)
+        id: e.id,
+        "is-open": e.displayModal,
+        position: e.position,
+        "onUpdate:isOpen": e.onOpenedModal
+      }, {
+        trigger: d(() => [
+          l(P, {
+            modelValue: e.displayValue,
+            "onUpdate:modelValue": r[0] || (r[0] = (n) => e.displayValue = n),
+            label: e.label,
+            disabled: e.disabled,
+            readonly: !0,
+            "force-focus": e.displayModal,
+            cursor: "pointer",
+            icon: { name: "AtCalendarRegularIcon" },
+            "use-clear-button": e.value.startDate != null || e.value.endDate != null,
+            "force-event-clear-button": !0,
+            error: e.error,
+            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"])
+        ]),
+        default: d(() => [
+          e.displayModal ? (t(), i("div", {
+            key: 0,
+            class: "AT-DATEPICKER_modal",
+            onClick: r[13] || (r[13] = (...n) => e.keepFocus && e.keepFocus(...n))
+          }, [
+            l(g, {
+              "date-picker-mode": e.datePickerMode,
+              "current-month": e.getMonthName(e.currentMonth),
+              "current-year": e.currentYear,
+              "current-year-range": e.currentYearRange,
+              "selected-year": e.selectedMonthYear,
+              style: { marginBottom: "16px" },
+              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, {
+                key: 0,
+                year: e.currentYear,
+                month: e.currentMonth,
+                "selected-range": e.useConfirmBox ? e.auxValue : e.value,
+                "use-range": e.useRange,
+                "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, {
+                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, {
+                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, {
+                key: 3,
+                elements: e.yearList,
+                "current-page-value": String(e.currentYear),
+                "current-page-index": e.currentYearPageIndex,
+                onUpdateCurrentPageIndex: r[9] || (r[9] = (n) => e.currentYearPageIndex = n),
+                onUpdateCurrentSelector: r[10] || (r[10] = (n) => e.currentYearRange = n),
+                onElementSelected: r[11] || (r[11] = (n) => {
+                  e.updateMonthYear(n), e.datePickerMode = "calendar";
+                })
+              }, null, 8, ["elements", "current-page-value", "current-page-index"])) : a("", !0)
+            ]),
+            e.useConfirmBox ? (t(), i("div", b, [
+              l(p, {
+                variant: "secondary",
+                onClick: r[12] || (r[12] = (n) => e.updateFocus(!1))
+              }, {
+                default: d(() => [
+                  k(D(e.buttonNames.cancel), 1)
+                ]),
+                _: 1
+              }),
+              l(p, {
+                disabled: !(e.auxValue.startDate && e.auxValue.endDate),
+                onClick: e.confirmInput
+              }, {
+                default: d(() => [
+                  k(D(e.buttonNames.save), 1)
+                ]),
+                _: 1
+              }, 8, ["disabled", "onClick"])
+            ])) : a("", !0)
+          ])) : a("", !0)
+        ]),
+        _: 1
+      }, 8, ["id", "is-open", "position", "onUpdate:isOpen"])
+    ])
   ]);
 }
-const $ = /* @__PURE__ */ v(g, [["render", b], ["__scopeId", "data-v-6eff5439"]]);
+const $ = /* @__PURE__ */ v(f, [["render", V], ["__scopeId", "data-v-e5010289"]]);
 export {
   $ as default
 };

package/dist/DatePicker/DatePicker.vue2.js

@@ -1,20 +1,22 @@
-import { defineComponent as j, ref as l, computed as o, watch as g } from "vue";
-import _ from "../Button/Button.vue.js";
-import U from "../Input/Input.core.vue.js";
-import { monthTranslationObj as h, weekInitialsObject as L, cancelTranslation as E, saveTranslation as z, placeholderTranslation as b, isUsing12HourFormat as G } from "./DatePicker.helper.js";
-import J from "./DatePickerCalendar/DatePickerCalendar.vue.js";
-import K from "./DatePickerHeader/DatePickerHeader.vue.js";
-import Q from "./DatePickerListSelector/DatePickerListSelector.vue.js";
-import W from "./DatePickerTime/DatePickerTime.vue.js";
-const ue = j({
+import { defineComponent as _, ref as l, computed as o, watch as g } from "vue";
+import U from "../Button/Button.vue.js";
+import E from "../Input/Input.core.vue.js";
+import { monthTranslationObj as b, weekInitialsObject as h, cancelTranslation as z, saveTranslation as G, placeholderTranslation as L, isUsing12HourFormat as J } from "./DatePicker.helper.js";
+import K from "../Dropdown/Dropdown.core.vue.js";
+import Q from "./DatePickerCalendar/DatePickerCalendar.vue.js";
+import W from "./DatePickerHeader/DatePickerHeader.vue.js";
+import X from "./DatePickerListSelector/DatePickerListSelector.vue.js";
+import Z from "./DatePickerTime/DatePickerTime.vue.js";
+const se = _({
   name: "AtDatePicker",
   components: {
-    AtButton: _,
-    AtCoreInput: U,
-    AtDatePickerHeader: K,
-    AtDatePickerCalendar: J,
-    AtDatePickerTime: W,
-    AtDatePickerListSelector: Q
+    AtButton: U,
+    AtCoreInput: E,
+    AtDatePickerHeader: W,
+    AtDatePickerCalendar: Q,
+    AtDatePickerTime: Z,
+    AtDatePickerListSelector: X,
+    AtDropdown: K
   },
   props: {
     value: {
@@ -78,66 +80,81 @@ const ue = j({
       type: Boolean,
       default: !1,
       validator: (e) => typeof e == "boolean"
+    },
+    position: {
+      type: String,
+      default: "left"
+    },
+    id: {
+      type: String,
+      default: ""
+    },
+    error: {
+      type: Object,
+      default: () => {
+      }
     }
   },
   emits: ["update:value", "confirmBoxConfirmed"],
-  setup(e, T) {
-    const F = /* @__PURE__ */ new Date(), s = l({ ...e.value }), i = l(e.forceFocus), r = l(/* @__PURE__ */ new Date()), m = l("calendar"), I = o(() => r.value.getMonth() + 1), D = o(() => r.value.getFullYear()), k = l(""), v = l(-1), c = l(D.value), q = l(null), f = l(!1), M = l(!1), y = o(() => h && e.setLanguage in h ? h[e.setLanguage] : []), H = o(
+  setup(e, S) {
+    const F = /* @__PURE__ */ new Date(), i = l({ ...e.value }), r = l(e.forceFocus), s = l(/* @__PURE__ */ new Date()), m = l("calendar"), I = o(() => s.value.getMonth() + 1), D = o(() => s.value.getFullYear()), k = l(""), v = l(-1), d = l(D.value), q = l(null), c = l(!1), M = l(!1), y = o(() => b && e.setLanguage in b ? b[e.setLanguage] : []), w = o(
       () => y.value.map((t, a) => ({
         name: t.slice(0, 3),
-        value: `${c.value}-${a + 1}`
+        value: `${d.value}-${a + 1}`
       }))
-    ), P = l(
+    ), H = l(
       Array.from({ length: 101 }, () => F.getFullYear() - 50).map(
         (t, a) => ({
           name: String(t + a),
           value: String(t + a)
         })
       )
-    ), w = o(() => L && e.setLanguage in L ? L[e.setLanguage] : []), R = o(() => ({
-      cancel: E[e.setLanguage],
-      save: z[e.setLanguage]
-    })), A = o(() => {
-      const t = e.useRange ? b[e.setLanguage].dateStart : b[e.setLanguage].date;
+    ), P = o(() => h && e.setLanguage in h ? h[e.setLanguage] : []), A = o(() => ({
+      cancel: z[e.setLanguage],
+      save: G[e.setLanguage]
+    })), R = o(() => {
+      const t = e.useRange ? L[e.setLanguage].dateStart : L[e.setLanguage].date;
       let a = "";
-      if (M.value || i.value || e.value.startDate) {
-        const n = e.useConfirmBox ? s.value : e.value;
+      if (M.value || r.value || e.value.startDate) {
+        const n = e.useConfirmBox ? i.value : e.value;
         n.startDate ? (a = n.startDate.toLocaleDateString(), e.useTimeInput && !e.useRange && (e.force12HourTime ? a += ` ${n.startDate.toLocaleTimeString("en-us")}` : a += ` ${n.startDate.toLocaleTimeString()}`)) : a = t;
-        const u = n.endDate ? n.endDate.toLocaleDateString() : b[e.setLanguage].dateEnd;
+        const u = n.endDate ? n.endDate.toLocaleDateString() : L[e.setLanguage].dateEnd;
         return e.useRange ? `${a} - ${u}` : a;
       }
       return "";
-    }), C = o(() => G() || e.force12HourTime), Y = (t, a = !1) => {
-      const n = new Date(r.value);
-      m.value === "calendar" ? a ? n.setMonth(n.getMonth() + t) : n.setMonth(t - 1) : m.value === "monthSelector" ? a ? c.value += t : c.value = t : a ? v.value += t : v.value = t, r.value = n;
+    }), C = o(() => J() || e.force12HourTime), Y = (t, a = !1) => {
+      const n = new Date(s.value);
+      m.value === "calendar" ? a ? n.setMonth(n.getMonth() + t) : n.setMonth(t - 1) : m.value === "monthSelector" ? a ? d.value += t : d.value = t : a ? v.value += t : v.value = t, s.value = n;
     }, x = (t) => {
       const a = t.split("-").map((n) => Number.parseInt(n));
       if (a.length > 0) {
-        const n = new Date(r.value);
-        n.setFullYear(a[0]), a.length > 1 && n.setMonth(a[1] - 1), r.value = n;
+        const n = new Date(s.value);
+        n.setFullYear(a[0]), a.length > 1 && n.setMonth(a[1] - 1), s.value = n;
       }
-    }, $ = (t) => t >= 1 && t <= y.value.length ? y.value[t - 1] : String(t), d = (t, a = !1) => {
+    }, O = (t) => t >= 1 && t <= y.value.length ? y.value[t - 1] : String(t), f = (t, a = !1) => {
       if (a || !e.useConfirmBox) {
         const n = e.value;
-        n.startDate = t.startDate, n.endDate = t.endDate, T.emit("update:value", n), (!e.useTimeInput && n.endDate || a) && (i.value = !1);
+        n.startDate = t.startDate, n.endDate = t.endDate, S.emit("update:value", n), (!e.useTimeInput && n.endDate || a) && (r.value = !1);
       }
-      s.value = { ...t };
-    }, S = (t) => {
-      e.disabled || (i.value = t, t || (s.value = { ...e.value }, e.useRange && !e.value.endDate && B()));
+      i.value = { ...t };
+    }, T = (t) => {
+      e.disabled || (r.value = t, t || (i.value = { ...e.value }, e.useRange && !e.value.endDate && B()));
+    }, $ = () => {
+      c.value || T(!1);
+    }, j = () => {
+      c.value = !0, setTimeout(() => c.value = !1, 100);
     }, N = () => {
-      f.value || S(!1);
-    }, O = () => {
-      f.value = !0, setTimeout(() => f.value = !1, 100);
-    }, V = () => {
-      d(s.value, !0), T.emit("confirmBoxConfirmed");
+      f(i.value, !0), S.emit("confirmBoxConfirmed");
     }, B = () => {
-      d(
+      f(
         {
           startDate: null,
           endDate: null
         },
         !0
       );
+    }, V = (t) => {
+      e.disabled || (r.value = t);
     };
     return g(
       () => e.useRange,
@@ -148,52 +165,53 @@ const ue = j({
             startDate: new Date(e.value.startDate),
             endDate: new Date(e.value.endDate)
           };
-          (a = u.startDate) == null || a.setHours(0), (n = u.startDate) == null || n.setMinutes(0), u.endDate = t ? null : u.startDate, s.value = { ...u }, d(u, !0);
+          (a = u.startDate) == null || a.setHours(0), (n = u.startDate) == null || n.setMinutes(0), u.endDate = t ? null : u.startDate, i.value = { ...u }, f(u, !0);
         }
       }
     ), g(
       () => e.disabled,
       () => {
-        i.value = !1;
+        r.value = !1;
       }
     ), g(
       () => e.forceFocus,
       (t) => {
-        i.value = t;
+        r.value = t;
       }
     ), g(D, (t) => {
-      c.value = t;
+      d.value = t;
     }), {
-      displayModal: i,
-      auxValue: s,
+      displayModal: r,
+      auxValue: i,
       datePickerMode: m,
-      confirmInput: V,
+      confirmInput: N,
       currentMonth: I,
       currentYear: D,
       currentYearRange: k,
       currentYearPageIndex: v,
-      selectedMonthYear: c,
-      monthList: H,
-      yearList: P,
-      clickedOnModal: f,
+      selectedMonthYear: d,
+      monthList: w,
+      yearList: H,
+      clickedOnModal: c,
       display12HourFormat: C,
       updateDatePeriod: Y,
       updateMonthYear: x,
-      displayValue: A,
-      currentMenuDate: r,
-      getMonthName: $,
-      weekInitials: w,
-      updateValue: d,
-      updateFocus: S,
-      buttonNames: R,
+      displayValue: R,
+      currentMenuDate: s,
+      getMonthName: O,
+      weekInitials: P,
+      updateValue: f,
+      updateFocus: T,
+      buttonNames: A,
       coreInput: q,
-      checkUnFocus: N,
-      keepFocus: O,
+      checkUnFocus: $,
+      keepFocus: j,
       clearValue: B,
+      onOpenedModal: V,
       isInputHovered: M
     };
   }
 });
 export {
-  ue as default
+  se as default
 };

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

@@ -1,35 +1,41 @@
-import d from "./Dropdown.core.vue2.js";
-import { openBlock as o, createElementBlock as r, createElementVNode as i, normalizeClass as l, renderSlot as s, createCommentVNode as n, createBlock as g, Teleport as m, normalizeStyle as p } from "vue";
+import a from "./Dropdown.core.vue2.js";
+import { resolveComponent as g, openBlock as o, createElementBlock as r, createElementVNode as l, normalizeClass as n, renderSlot as i, createCommentVNode as p, createBlock as m, Teleport as c, createVNode as f, withCtx as u, normalizeStyle as C } from "vue";
 import "./Dropdown.core.vue3.js";
-import c from "../_virtual/_plugin-vue_export-helper.js";
-const f = { class: "container-dialog" }, u = ["id"];
-function $(e, t, k, v, y, C) {
-  return o(), r("section", f, [
-    i("div", {
-      class: l(e.getDialogClass)
+import $ from "../_virtual/_plugin-vue_export-helper.js";
+const v = { class: "container-dialog" }, D = ["id"];
+function _(e, t, k, y, w, E) {
+  const s = g("DropdownContent");
+  return o(), r("section", v, [
+    l("div", {
+      class: n(e.getDialogClass)
     }, [
       e.$slots.trigger ? (o(), r("section", {
         key: 0,
         id: "trigger",
         ref: "triggerElem",
-        onClick: t[0] || (t[0] = (...a) => e.toggleDialog && e.toggleDialog(...a))
+        onClick: t[0] || (t[0] = (...d) => e.toggleDialog && e.toggleDialog(...d))
       }, [
-        s(e.$slots, "trigger", {}, void 0, !0)
-      ], 512)) : n("", !0),
-      (o(), g(m, { to: "body" }, [
-        i("div", {
-          id: e.id,
-          ref: "dialogElem",
-          class: l([{ isOpen: e.dialogIsOpen }, "dialog-content"]),
-          style: p(e.dialogStyle)
-        }, [
-          s(e.$slots, "default", {}, void 0, !0)
-        ], 14, u)
+        i(e.$slots, "trigger", {}, void 0, !0)
+      ], 512)) : p("", !0),
+      (o(), m(c, { to: "body" }, [
+        f(s, null, {
+          default: u(() => [
+            l("div", {
+              id: e.id,
+              ref: "dialogElem",
+              class: n([{ isOpen: e.dialogIsOpen }, "dialog-content"]),
+              style: C(e.dialogStyle)
+            }, [
+              i(e.$slots, "default", {}, void 0, !0)
+            ], 14, D)
+          ]),
+          _: 3
+        })
       ]))
     ], 2)
   ]);
 }
-const _ = /* @__PURE__ */ c(d, [["render", $], ["__scopeId", "data-v-635b3523"]]);
+const h = /* @__PURE__ */ $(a, [["render", _], ["__scopeId", "data-v-0a851f51"]]);
 export {
-  _ as default
+  h as default
 };