@agrotools1/at-components 0.5.0 → 0.5.1-1

package/dist/List/components/List.d.ts

@@ -27,6 +27,14 @@ declare const _default: import("vue").DefineComponent<{
         type: ObjectConstructor;
         default: () => void;
     };
+    fullSize: {
+        type: PropType<boolean | undefined>;
+        default: boolean;
+    };
+    id: {
+        type: PropType<string | undefined>;
+        default: string;
+    };
 }, {
     listItems: import("vue").Ref<{
         value: boolean | string[];
@@ -77,13 +85,23 @@ declare const _default: import("vue").DefineComponent<{
         type: ObjectConstructor;
         default: () => void;
     };
+    fullSize: {
+        type: PropType<boolean | undefined>;
+        default: boolean;
+    };
+    id: {
+        type: PropType<string | undefined>;
+        default: string;
+    };
 }>> & {
     "onUpdate:isOpen"?: ((...args: any[]) => any) | undefined;
     onOnSave?: ((...args: any[]) => any) | undefined;
     onItemClicked?: ((...args: any[]) => any) | undefined;
 }, {
     isOpen: boolean;
+    id: string | undefined;
     position: "left" | "right" | undefined;
+    fullSize: boolean | undefined;
     trigger: Record<string, any>;
     dropDownList: DropdownListItem[];
     isMultiple: boolean | undefined;

package/dist/List/components/List.types.d.ts

@@ -9,4 +9,6 @@ export interface AtDpListProps {
     isMultiple?: boolean;
     position?: "left" | "right";
     showNoResultMessage: boolean;
+    fullSize?: boolean;
+    id?: string;
 }

package/dist/List/components/List.vue.js

@@ -1,81 +1,84 @@
 import h from "./List.vue2.js";
-import { resolveComponent as i, openBlock as t, createBlock as n, withCtx as s, resolveDynamicComponent as a, createElementBlock as l, createVNode as d, createTextVNode as u, createCommentVNode as r, Fragment as k, renderList as y, normalizeStyle as m, createElementVNode as C, toDisplayString as _ } from "vue";
+import { resolveComponent as r, openBlock as t, createBlock as n, withCtx as l, renderSlot as k, resolveDynamicComponent as a, createElementBlock as s, createVNode as p, createTextVNode as u, createCommentVNode as i, Fragment as y, renderList as C, normalizeStyle as f, createElementVNode as v, toDisplayString as z } from "vue";
 import "./List.vue3.js";
 import V from "../../_virtual/_plugin-vue_export-helper.js";
-const v = {
+const I = {
   key: 0,
   class: "noResult"
-}, I = ["onClick"], A = ["for"];
-function N(e, z, b, D, L, R) {
-  const c = i("AtParagraph"), f = i("AtCheckbox"), g = i("AtDropdown");
+}, A = ["onClick"], N = ["for"];
+function _(e, $, b, D, L, R) {
+  const c = r("AtParagraph"), m = r("AtCheckbox"), g = r("AtDropdown");
   return t(), n(g, {
+    id: e.id,
     "is-open": e.isOpen,
     position: e.position,
+    "full-size": e.fullSize,
     "onUpdate:isOpen": e.handleIsOpen
   }, {
-    trigger: s(() => [
+    trigger: l(() => [
+      k(e.$slots, "default", {}, void 0, !0),
       (t(), n(a(e.trigger)))
     ]),
-    default: s(() => [
-      (t(), l("div", {
+    default: l(() => [
+      (t(), s("div", {
         key: e.keyValue,
         class: "list"
       }, [
-        e.showNoResult ? (t(), l("section", v, [
-          d(c, { size: "p2" }, {
-            default: s(() => [
+        e.showNoResult ? (t(), s("section", I, [
+          p(c, { size: "p2" }, {
+            default: l(() => [
               u(" Dado não encontrado ")
             ]),
             _: 1
           })
-        ])) : r("", !0),
-        (t(!0), l(k, null, y(e.listItems, (o) => (t(), l("div", {
+        ])) : i("", !0),
+        (t(!0), s(y, null, C(e.listItems, (o) => (t(), s("div", {
           key: o.text,
           class: "item",
-          onClick: (p) => e.selectItem(o)
+          onClick: (d) => e.selectItem(o)
         }, [
-          e.isMultiple ? (t(), n(f, {
+          e.isMultiple ? (t(), n(m, {
             key: 0,
             id: o.text,
             modelValue: o.value,
-            "onUpdate:modelValue": (p) => o.value = p,
+            "onUpdate:modelValue": (d) => o.value = d,
             class: "item-check",
             size: "12"
-          }, null, 8, ["id", "modelValue", "onUpdate:modelValue"])) : r("", !0),
+          }, null, 8, ["id", "modelValue", "onUpdate:modelValue"])) : i("", !0),
           o.iconLeft ? (t(), n(a(e.icons[e.getIconName(o.iconLeft)]), {
             key: 1,
             size: "16",
             class: "icon-left",
-            style: m({ color: e.getIconColor(o.iconLeft) })
-          }, null, 8, ["style"])) : r("", !0),
-          C("label", {
+            style: f({ color: e.getIconColor(o.iconLeft) })
+          }, null, 8, ["style"])) : i("", !0),
+          v("label", {
             for: o.text,
             class: "item-label"
           }, [
-            d(c, { size: "p2" }, {
-              default: s(() => [
-                u(_(o.text), 1)
+            p(c, { size: "p2" }, {
+              default: l(() => [
+                u(z(o.text), 1)
               ]),
               _: 2
             }, 1024)
-          ], 8, A),
+          ], 8, N),
           o.iconRight ? (t(), n(a(e.icons[e.getIconName(o.iconRight)]), {
             key: 2,
             class: "icon-right",
-            style: m({
+            style: f({
               color: e.getIconColor(o.iconRight),
               position: "abosulte",
               right: "16px"
             }),
             size: "16"
-          }, null, 8, ["style"])) : r("", !0)
-        ], 8, I))), 128))
+          }, null, 8, ["style"])) : i("", !0)
+        ], 8, A))), 128))
       ]))
     ]),
-    _: 1
-  }, 8, ["is-open", "position", "onUpdate:isOpen"]);
+    _: 3
+  }, 8, ["id", "is-open", "position", "full-size", "onUpdate:isOpen"]);
 }
-const B = /* @__PURE__ */ V(h, [["render", N], ["__scopeId", "data-v-01658f6d"]]);
+const B = /* @__PURE__ */ V(h, [["render", _], ["__scopeId", "data-v-f2acaa9c"]]);
 export {
   B as default
 };

package/dist/List/components/List.vue2.js

@@ -1,11 +1,11 @@
 import * as g from "../../node_modules/.pnpm/agrotools-icons@0.2.6/node_modules/agrotools-icons/dist/index.js";
-import { defineComponent as h, ref as l, computed as v } from "vue";
-import y from "../../Checkbox/Checkbox.vue.js";
+import { defineComponent as h, ref as l, computed as y } from "vue";
+import v from "../../Checkbox/Checkbox.vue.js";
 import I from "../../Dropdown/Dropdown.core.vue.js";
 import { AtTipograph as O } from "../../Tipograph/index.js";
 const D = h({
   name: "AtList",
-  components: { AtDropdown: I, AtParagraph: O.Paragraph, AtCheckbox: y },
+  components: { AtDropdown: I, AtParagraph: O.Paragraph, AtCheckbox: v },
   props: {
     isOpen: {
       type: Boolean,
@@ -21,7 +21,7 @@ const D = h({
     },
     position: {
       type: String,
-      default: "bottom"
+      default: "left"
     },
     showNoResultMessage: {
       type: Boolean,
@@ -31,24 +31,32 @@ const D = h({
       type: Object,
       default: () => {
       }
+    },
+    fullSize: {
+      type: Boolean,
+      default: !1
+    },
+    id: {
+      type: String,
+      default: ""
     }
   },
   emits: ["update:isOpen", "onSave", "itemClicked"],
   setup(t, { emit: o }) {
     const a = l(
       Object.assign([], t.dropDownList)
-    ), s = l(), r = () => o("update:isOpen", !1), p = ({ text: e, value: n }) => {
+    ), s = l(), r = () => o("update:isOpen", !1), i = ({ text: e, value: n }) => {
       s.value = { text: e, value: n }, o("onSave", s.value);
-    }, i = () => {
+    }, p = () => {
       s.value = a.value.filter((e) => e.value).map(({ text: e, value: n }) => ({ text: e, value: n })), o("onSave", s.value);
     }, u = (e) => {
       if (e.onClick && (e.onClick(e), o("itemClicked", e)), t.isMultiple)
-        return i();
-      p(e), r();
-    }, c = (e) => typeof e == "string" ? e : e.name, f = (e) => {
+        return p();
+      i(e), r();
+    }, f = (e) => typeof e == "string" ? e : e.name, c = (e) => {
       if (typeof e != "string")
         return e.color;
-    }, d = v(
+    }, d = y(
       () => {
         var e;
         return !((e = a.value) != null && e.length) && t.showNoResultMessage;
@@ -64,8 +72,8 @@ const D = h({
         o("update:isOpen", e);
       },
       selectItem: u,
-      getIconName: c,
-      getIconColor: f
+      getIconName: f,
+      getIconColor: c
     };
   },
   watch: {

package/dist/Loading/Loading.d.ts

@@ -0,0 +1,10 @@
+export interface LoadingProps {
+}
+declare const _default: import("vue").DefineComponent<Readonly<import("vue").ComponentPropsOptions<{
+    [x: string]: unknown;
+}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, readonly string[] | Readonly<import("vue").ExtractPropTypes<Readonly<import("vue").ComponentObjectPropsOptions<{
+    [x: string]: unknown;
+}>>>>, {
+    readonly [x: number]: string;
+} | {}, {}>;
+export default _default;

package/dist/Loading/Loading.vue.js

@@ -0,0 +1,18 @@
+import t from "./Loading.vue2.js";
+import { openBlock as s, createElementBlock as o, createElementVNode as e } from "vue";
+import "./Loading.vue3.js";
+import n from "../_virtual/_plugin-vue_export-helper.js";
+const r = { class: "d-flex align-items-center justify-content-center h-100 w-100" }, c = /* @__PURE__ */ e("div", { class: "d-flex flex-row align-items-center" }, [
+  /* @__PURE__ */ e("span", { class: "ATLOADING-bar1" }),
+  /* @__PURE__ */ e("span", { class: "ATLOADING-bar2" }),
+  /* @__PURE__ */ e("span", { class: "ATLOADING-bar3" })
+], -1), a = [
+  c
+];
+function i(l, p, _, d, f, m) {
+  return s(), o("div", r, a);
+}
+const L = /* @__PURE__ */ n(t, [["render", i]]);
+export {
+  L as default
+};

package/dist/Loading/Loading.vue2.js

@@ -0,0 +1,11 @@
+import { defineComponent as e } from "vue";
+const o = e({
+  name: "AtLoading",
+  props: {},
+  setup() {
+    return {};
+  }
+});
+export {
+  o as default
+};

package/dist/Loading/Loading.vue3.js

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

package/dist/Loading/index.d.ts

@@ -0,0 +1 @@
+export { default as AtLoading, type LoadingProps } from "./Loading";

package/dist/Modal/Modal.vue2.js

@@ -32,6 +32,8 @@ import "../Legend/Legend.vue2.js";
 import "../Legend/Legend.vue3.js";
 import "../List/components/List.vue2.js";
 import "../List/components/List.vue3.js";
+import "../Loading/Loading.vue2.js";
+import "../Loading/Loading.vue3.js";
 import "../Map/Map.vue2.js";
 import "../Map/Map.vue3.js";
 import "./Modal.vue3.js";
@@ -47,6 +49,7 @@ import "../Select/Multiple/Select.multiple.vue2.js";
 import "../Select/Multiple/Select.multiple.vue3.js";
 import "../Select/Single/Select.single.vue2.js";
 import "../Select/Single/Select.single.vue3.js";
+import "../Skeleton/Skeleton.vue2.js";
 import "../Stepper/Stepper.vue2.js";
 import "../Stepper/Stepper.vue3.js";
 import "../TableConfig/TableConfig.vue2.js";
@@ -65,7 +68,7 @@ import "../Tooltip/Tooltip.vue2.js";
 import "../Tooltip/Tooltip.vue3.js";
 import "../Upload/Upload.vue2.js";
 import "../Upload/Upload.vue3.js";
-const xt = p({
+const Bt = p({
   name: "AtModal",
   components: { AtButton: n, AtCheckbox: s },
   props: {
@@ -114,5 +117,5 @@ const xt = p({
   }
 });
 export {
-  xt as default
+  Bt as default
 };

package/dist/ProgressBar/ProgressBar.d.ts

@@ -42,11 +42,11 @@ declare const _default: import("vue").DefineComponent<{
     progress: Ref<number>;
     uploadBytes: Ref<number>;
     handleFileName: (fileName: string | undefined) => string;
-    handleFileSize: (fileSize: number | undefined) => number;
+    handleFileSize: (fileSize: number | undefined) => string;
     handleProgressBar: (document: File | null) => void;
     handleRemoveFileC: () => void;
     handleClick: () => unknown;
-    handleUploadBytes: () => number | Ref<number>;
+    handleUploadBytes: () => string | Ref<number>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("updateProgress" | "update:file")[], "updateProgress" | "update:file", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     file: {
         type: {

package/dist/ProgressBar/ProgressBar.vue.js

@@ -3,7 +3,7 @@ import { resolveComponent as t, openBlock as _, createElementBlock as f, createE
 import "./ProgressBar.vue3.js";
 import u from "../_virtual/_plugin-vue_export-helper.js";
 const h = { class: "analyser-upload-container" }, v = { class: "analyser-upload" }, C = { style: { display: "flex", gap: "6px" } }, g = { class: "d-flex" }, k = { class: "upload-bar" }, y = ["value"];
-function A(e, d, z, B, $, S) {
+function A(e, d, z, $, S, B) {
   const c = t("AtExcelSolidIcon"), a = t("AtParagraph"), p = t("AtCircleXMarkSolidIcon");
   return _(), f("div", h, [
     s("div", v, [
@@ -60,14 +60,14 @@ function A(e, d, z, B, $, S) {
       default: r(() => {
         var o;
         return [
-          i(n(`${e.handleUploadBytes()} MB / ${e.handleFileSize((o = e.fileC.file) == null ? void 0 : o.size)}MB`), 1)
+          i(n(`${e.handleUploadBytes()} / ${e.handleFileSize((o = e.fileC.file) == null ? void 0 : o.size)}`), 1)
         ];
       }),
       _: 1
     })
   ]);
 }
-const M = /* @__PURE__ */ u(m, [["render", A], ["__scopeId", "data-v-8445e42e"]]);
+const N = /* @__PURE__ */ u(m, [["render", A], ["__scopeId", "data-v-59295a33"]]);
 export {
-  M as default
+  N as default
 };

package/dist/ProgressBar/ProgressBar.vue2.js

@@ -1,20 +1,20 @@
-import { defineComponent as c, ref as d, reactive as v, onMounted as p } from "vue";
-import { AtCircleXMarkSolidIcon as h } from "../node_modules/.pnpm/agrotools-icons@0.2.6/node_modules/agrotools-icons/dist/AtCircleXMarkSolidIcon/index.js";
-import { AtExcelSolidIcon as m } from "../node_modules/.pnpm/agrotools-icons@0.2.6/node_modules/agrotools-icons/dist/AtExcelSolidIcon/index.js";
-import { AtTipograph as y } from "../Tipograph/index.js";
-const q = c({
+import { defineComponent as h, ref as c, reactive as g, onMounted as F } from "vue";
+import { AtCircleXMarkSolidIcon as y } from "../node_modules/.pnpm/agrotools-icons@0.2.6/node_modules/agrotools-icons/dist/AtCircleXMarkSolidIcon/index.js";
+import { AtExcelSolidIcon as M } from "../node_modules/.pnpm/agrotools-icons@0.2.6/node_modules/agrotools-icons/dist/AtExcelSolidIcon/index.js";
+import { AtTipograph as P } from "../Tipograph/index.js";
+const x = h({
   name: "AtProgressBar",
   components: {
-    AtParagraph: y.Paragraph,
-    AtCircleXMarkSolidIcon: h,
-    AtExcelSolidIcon: m
+    AtParagraph: P.Paragraph,
+    AtCircleXMarkSolidIcon: y,
+    AtExcelSolidIcon: M
   },
   props: {
     file: {
       type: File,
       required: !1,
       default: null,
-      validator: (l) => l instanceof File
+      validator: (t) => t instanceof File
     },
     isOnlyUse: {
       type: Boolean,
@@ -30,46 +30,56 @@ const q = c({
       type: Number,
       required: !1,
       default: 1e3,
-      validator: (l) => typeof l == "number"
+      validator: (t) => typeof t == "number"
     }
   },
   emits: ["updateProgress", "update:file"],
-  setup(l, { emit: r }) {
-    const o = d(0), a = d(0), t = v({ file: l.file });
-    p(() => {
-      r("update:file", t.file), i(t.file);
+  setup(t, { emit: r }) {
+    const n = c(0), l = c(0), o = g({ file: t.file });
+    F(() => {
+      r("update:file", o.file), d(o.file);
     });
-    const i = (e) => {
-      if (e !== null && a.value === 0) {
-        const n = e.size, u = 5e4, f = setInterval(() => {
-          a.value + u > n ? (a.value = n, o.value = 100, r("updateProgress", 100), clearInterval(f)) : (a.value += u, o.value = Math.floor(a.value * 100 / n), r(
+    const d = (e) => {
+      if (e !== null && l.value === 0) {
+        const a = e.size, u = 5e4, s = setInterval(() => {
+          l.value + u > a ? (l.value = a, n.value = 100, r("updateProgress", 100), clearInterval(s)) : (l.value += u, n.value = Math.floor(l.value * 100 / a), r(
             "updateProgress",
-            Math.floor(a.value * 100 / n)
+            Math.floor(l.value * 100 / a)
           ));
-        }, l.interval);
+        }, t.interval);
       }
-    }, s = () => {
-      t.file = null, o.value = 0, a.value = 0, r("update:file", t.file), r("updateProgress", 0);
+    }, f = () => {
+      o.file = null, n.value = 0, l.value = 0, r("update:file", o.file), r("updateProgress", 0);
+    }, v = (e) => e !== "" && e !== void 0 ? e : "Nome_do_arquivo.tipo", p = (e) => i(e !== void 0 ? e : 0), m = () => {
+      var e;
+      return t.isOnlyUse ? f() : (e = t.handleRemoveFile) == null ? void 0 : e.call(t);
+    }, B = () => {
+      var e;
+      return ((e = o.file) == null ? void 0 : e.size) === 0 ? i(0) : i(l.value);
     };
+    function i(e) {
+      if (e === 0)
+        return "0 B";
+      const a = 1024, u = ["B", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"], s = Math.floor(
+        Math.log(e) / Math.log(a)
+      );
+      return `${Number.parseFloat(
+        (e / a ** s).toFixed(2)
+      )} ${u[s]}`;
+    }
     return {
-      fileC: t,
-      progress: o,
-      uploadBytes: a,
-      handleFileName: (e) => e !== "" && e !== void 0 ? e : "Nome_do_arquivo.tipo",
-      handleFileSize: (e) => e !== void 0 ? e : 0,
-      handleProgressBar: i,
-      handleRemoveFileC: s,
-      handleClick: () => {
-        var e;
-        return l.isOnlyUse ? s() : (e = l.handleRemoveFile) == null ? void 0 : e.call(l);
-      },
-      handleUploadBytes: () => {
-        var e;
-        return ((e = t.file) == null ? void 0 : e.size) === 0 ? 0 : a.value;
-      }
+      fileC: o,
+      progress: n,
+      uploadBytes: l,
+      handleFileName: v,
+      handleFileSize: p,
+      handleProgressBar: d,
+      handleRemoveFileC: f,
+      handleClick: m,
+      handleUploadBytes: B
     };
   }
 });
 export {
-  q as default
+  x as default
 };

package/dist/Search/Search.d.ts

@@ -4,10 +4,10 @@ export interface SearchProps {
     label: string;
     modelValue: string;
     autoCompleteList: DropdownListItem[];
-    withIcon: boolean | true;
-    hasAutoComplete: boolean | true;
-    hasFilterOption: boolean | true;
-    isDisabled: boolean | false;
+    withIcon?: boolean | true;
+    hasAutoComplete?: boolean | true;
+    hasFilterOption?: boolean | true;
+    isDisabled?: boolean | false;
 }
 declare const _default: import("vue").DefineComponent<{
     label: {
@@ -39,9 +39,13 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     isDisabled: {
-        type: PropType<boolean>;
+        type: PropType<boolean | undefined>;
         default: boolean;
     };
+    id: {
+        type: StringConstructor;
+        required: false;
+    };
 }, {
     atSearch: import("vue").Ref<HTMLDivElement | null>;
     autocompleteListIsOpen: ComputedRef<boolean>;
@@ -85,9 +89,13 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     isDisabled: {
-        type: PropType<boolean>;
+        type: PropType<boolean | undefined>;
         default: boolean;
     };
+    id: {
+        type: StringConstructor;
+        required: false;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onOnSelectedItem?: ((...args: any[]) => any) | undefined;
@@ -96,7 +104,7 @@ declare const _default: import("vue").DefineComponent<{
     withIcon: boolean;
     modelValue: string;
     autoCompleteList: DropdownListItem[];
-    isDisabled: boolean;
+    isDisabled: boolean | undefined;
     hasAutoComplete: boolean;
     hasFilterOption: boolean;
 }, {}>;

package/dist/Search/Search.vue.js

@@ -1,36 +1,47 @@
-import n from "./Search.vue2.js";
-import { resolveComponent as o, openBlock as a, createElementBlock as s, normalizeClass as r, createVNode as d, createBlock as u, createCommentVNode as p } from "vue";
+import r from "./Search.vue2.js";
+import { resolveComponent as o, openBlock as s, createElementBlock as a, normalizeClass as d, createVNode as n, withCtx as i, mergeProps as u, createCommentVNode as p } from "vue";
 import "./Search.vue3.js";
-import i from "../_virtual/_plugin-vue_export-helper.js";
-function m(e, c, h, f, b, C) {
-  const l = o("AtInput"), t = o("AtLista");
-  return a(), s("section", {
+import m from "../_virtual/_plugin-vue_export-helper.js";
+const c = {
+  key: 0,
+  class: "spinner"
+};
+function h(e, f, b, I, S, C) {
+  const t = o("AtInput"), l = o("AtLista");
+  return s(), a("section", {
     ref: "atSearch",
-    class: r(["atSearch", { disabled: e.isDisabled }])
+    class: d(["atSearch", { disabled: e.isDisabled }])
   }, [
-    d(l, {
-      id: e.label,
-      label: e.label,
-      "model-value": e.modelValue,
-      autocomplete: "off",
-      disabled: e.isDisabled,
-      "use-clear-button": !0,
-      icon: { name: "AtSearchIcon" },
-      "onUpdate:modelValue": e.handleChangeValue,
-      onFocus: e.openList,
-      onFocusout: e.closeList,
-      onClearInput: e.clear
-    }, null, 8, ["id", "label", "model-value", "disabled", "onUpdate:modelValue", "onFocus", "onFocusout", "onClearInput"]),
-    e.hasAutoComplete ? (a(), u(t, {
-      key: 0,
+    n(l, {
+      id: e.id,
       "drop-down-list": e.autoCompleteListFiltered,
       "is-open": e.autocompleteListIsOpen,
       "show-no-result-message": e.getShowNoResultMessage,
+      "full-size": !0,
       onOnSave: e.handleSelectedItem
-    }, null, 8, ["drop-down-list", "is-open", "show-no-result-message", "onOnSave"])) : p("", !0)
+    }, {
+      default: i(() => [
+        n(t, u({
+          id: e.label,
+          label: e.label,
+          "model-value": e.modelValue,
+          autocomplete: "off",
+          disabled: e.isDisabled,
+          "use-clear-button": !0,
+          icon: { name: "AtSearchIcon" }
+        }, e.$attrs, {
+          "onUpdate:modelValue": e.handleChangeValue,
+          onFocus: e.openList,
+          onFocusout: e.closeList,
+          onClearInput: e.clear
+        }), null, 16, ["id", "label", "model-value", "disabled", "onUpdate:modelValue", "onFocus", "onFocusout", "onClearInput"]),
+        e.showSearchIcon ? (s(), a("span", c)) : p("", !0)
+      ]),
+      _: 1
+    }, 8, ["id", "drop-down-list", "is-open", "show-no-result-message", "onOnSave"])
   ], 2);
 }
-const L = /* @__PURE__ */ i(n, [["render", m], ["__scopeId", "data-v-54456581"]]);
+const V = /* @__PURE__ */ m(r, [["render", h], ["__scopeId", "data-v-c23ecb4b"]]);
 export {
-  L as default
+  V as default
 };