@agrotools1/at-components 0.5.0-5 → 0.5.0-7

package/dist/Filter/components/Filter.vue2.js

@@ -1,21 +1,21 @@
-import { defineComponent as O, ref as n, computed as P, toRaw as V } from "vue";
+import { defineComponent as P, ref as n, computed as V, toRaw as q } from "vue";
 import { AtCloseSolidIcon as T } from "../../node_modules/.pnpm/agrotools-icons@0.2.6/node_modules/agrotools-icons/dist/AtCloseSolidIcon/index.js";
-import { AtFilterSolidIcon as q } from "../../node_modules/.pnpm/agrotools-icons@0.2.6/node_modules/agrotools-icons/dist/AtFilterSolidIcon/index.js";
-import B from "../../Button/Button.vue.js";
-import E from "../../Checkbox/Checkbox.vue.js";
-import M from "../../Dropdown/Dropdown.core.vue.js";
-import { AtTipograph as R } from "../../Tipograph/index.js";
-const _ = {
+import { AtFilterSolidIcon as B } from "../../node_modules/.pnpm/agrotools-icons@0.2.6/node_modules/agrotools-icons/dist/AtFilterSolidIcon/index.js";
+import E from "../../Button/Button.vue.js";
+import M from "../../Checkbox/Checkbox.vue.js";
+import R from "../../Dropdown/Dropdown.core.vue.js";
+import { AtTipograph as _ } from "../../Tipograph/index.js";
+const $ = {
   AtCloseSolidIcon: T,
-  AtFilterSolidIcon: q
-}, Q = O({
+  AtFilterSolidIcon: B
+}, U = P({
   name: "AtFilter",
   components: {
-    AtDropDown: M,
-    AtParagraph: R.Paragraph,
-    AtButton: B,
-    AtCheckbox: E,
-    ..._
+    AtDropDown: R,
+    AtParagraph: _.Paragraph,
+    AtButton: E,
+    AtCheckbox: M,
+    ...$
   },
   props: {
     dropDownList: {
@@ -25,74 +25,79 @@ const _ = {
     options: {
       type: Object,
       required: !1
+    },
+    id: {
+      type: String,
+      required: !1
     }
   },
   emits: ["update:isOpen", "onSave"],
-  setup(c, { emit: x }) {
+  setup(i, { emit: k, attrs: d }) {
     const C = (e) => {
       if (typeof e.text == "string")
         return e.text;
-    }, i = n(!1), w = () => {
-      i.value = !i.value;
-    }, D = P(() => i.value || u.value > 0 ? "primary" : "secondary"), d = n(!1), p = n([]), h = () => {
-      p.value = c.dropDownList.map(
-        (e) => structuredClone(V(e))
+    }, c = n(!1), w = () => {
+      c.value = !c.value;
+    }, D = V(() => c.value || u.value > 0 ? "primary" : "secondary"), h = n(!1), p = n([]), g = () => {
+      p.value = i.dropDownList.map(
+        (e) => structuredClone(q(e))
       );
     };
-    h();
-    const r = n(), l = n(), A = () => {
-      r.value = [], l.value = [], p.value.some((e) => "key" in e) ? r.value = p.value : l.value = p.value;
+    g();
+    const a = n(), l = n(), A = () => {
+      a.value = [], l.value = [], p.value.some((e) => "key" in e) ? a.value = p.value : l.value = p.value;
     };
     A();
-    const g = (e) => {
+    const x = (e) => {
       var t, o;
-      (t = r.value) == null || t.map(
-        (s) => s.value.map((a) => a.value = e)
-      ), (o = l.value) == null || o.map((s) => s.value = e);
-    }, v = () => i.value = !1, L = (e = !0) => {
-      d.value = !1, g(!1), k(), y(), e && setTimeout(v, 1);
+      (t = a.value) == null || t.map(
+        (r) => r.value.map((s) => s.value = e)
+      ), (o = l.value) == null || o.map((r) => r.value = e);
+    }, v = () => c.value = !1, L = (e = !0) => {
+      h.value = !1, x(!1), I(), y(), e && setTimeout(v, 1);
     }, S = () => {
-      var o, s;
-      const e = (o = r.value) == null ? void 0 : o.reduce(
-        (a, { key: b, value: m }) => {
-          const F = m == null ? void 0 : m.filter((f) => f.value).map((f) => f.text);
-          return a[b] = F, a;
+      var o, r;
+      const e = (o = a.value) == null ? void 0 : o.reduce(
+        (s, { key: F, value: f }) => {
+          const O = f == null ? void 0 : f.filter((m) => m.value).map((m) => m.text);
+          return s[F] = O, s;
         },
         {}
-      ), t = (s = l.value) == null ? void 0 : s.filter((a) => a.value).map((a) => a.text);
+      ), t = (r = l.value) == null ? void 0 : r.filter((s) => s.value).map((s) => s.text);
       return t != null && t.length ? t : e;
     }, y = () => {
       var t, o;
       const e = (t = l.value) != null && t.length ? l.value : (
         // .filter((item) => item.value)
-        r.value
+        a.value
       );
-      k(), v(), x(
+      I(), v(), k(
         "onSave",
-        (o = c.options) != null && o.returnOnlyChecked && (e != null && e.length) ? S() : e
+        (o = i.options) != null && o.returnOnlyChecked && (e != null && e.length) ? S() : e
       );
-    }, u = n(0), k = () => {
+    }, u = n(0), I = () => {
       var e, t;
-      u.value = 0, u.value += ((e = l.value) == null ? void 0 : e.filter((o) => o.value).length) ?? 0, (t = r.value) == null || t.forEach(
+      u.value = 0, u.value += ((e = l.value) == null ? void 0 : e.filter((o) => o.value).length) ?? 0, (t = a.value) == null || t.forEach(
         (o) => o.value.forEach(
-          (s) => s.value ? u.value++ : u
+          (r) => r.value ? u.value++ : u
         )
       );
-    }, I = n(0);
+    }, b = n(0);
     return {
-      props: c,
+      props: i,
       list: p,
-      listSeparator: r,
+      listSeparator: a,
       listArray: l,
-      checkAllModel: d,
-      isOpen: i,
+      checkAllModel: h,
+      isOpen: c,
       getButtonColor: D,
       count: u,
-      keyValue: I,
-      resetList: h,
+      keyValue: b,
+      getItemId: (e) => d.id ? `${d.id}-${e.text}` : e.text,
+      resetList: g,
       setListProps: A,
       toggleDropdown: w,
-      setAllCheckboxValues: g,
+      setAllCheckboxValues: x,
       clear: L,
       getItemText: C,
       closeDialog: v,
@@ -100,8 +105,8 @@ const _ = {
     };
   },
   watch: {
-    checkAllModel(c) {
-      this.setAllCheckboxValues(c);
+    checkAllModel(i) {
+      this.setAllCheckboxValues(i);
     },
     dropDownList() {
       this.resetList(), this.clear(!1), this.setListProps(), this.keyValue++;
@@ -109,5 +114,5 @@ const _ = {
   }
 });
 export {
-  Q as default
+  U as default
 };

package/dist/Input/Input.core.d.ts

@@ -54,6 +54,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     readonly: {
         type: BooleanConstructor;
         default: boolean;
@@ -4686,6 +4690,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     readonly: {
         type: BooleanConstructor;
         default: boolean;
@@ -4742,6 +4750,7 @@ declare const _default: import("vue").DefineComponent<{
     onClearInput?: ((...args: any[]) => any) | undefined;
 }, {
     type: string;
+    required: boolean;
     label: string;
     error: {
         value: boolean;

package/dist/Input/Input.core.vue.js

@@ -1,16 +1,19 @@
-import p from "./Input.core.vue2.js";
-import { resolveComponent as m, openBlock as n, createElementBlock as l, createElementVNode as r, toDisplayString as i, Fragment as I, renderList as v, createCommentVNode as d, mergeProps as C, normalizeClass as k, createBlock as u, resolveDynamicComponent as y, createTextVNode as T } from "vue";
+import m from "./Input.core.vue2.js";
+import { resolveComponent as I, openBlock as n, createElementBlock as l, createElementVNode as r, createTextVNode as u, toDisplayString as i, createCommentVNode as d, Fragment as v, renderList as k, mergeProps as C, normalizeClass as T, createBlock as a, resolveDynamicComponent as y } from "vue";
 import "./Input.core.vue3.js";
 import f from "../_virtual/_plugin-vue_export-helper.js";
-const h = ["data-mode", "disabled"], F = ["for"], O = ["title"], $ = { class: "AT-INPUT_item_slot" }, b = ["onClick"], A = {
+const h = ["data-mode", "disabled"], b = ["for"], $ = {
+  key: 0,
+  class: "AT-INPUT_required"
+}, A = ["title"], F = { class: "AT-INPUT_item_slot" }, N = ["onClick"], O = {
   key: 0,
   class: "AT-INPUT_items_length"
-}, N = ["id", "disabled", "readonly", "type", "placeholder", "name", "value"], g = {
+}, g = ["id", "disabled", "readonly", "type", "placeholder", "name", "value"], P = {
   key: 0,
   class: "AT-INPUT_error-message"
 }, M = ["src"];
-function P(e, s, U, B, E, z) {
-  const a = m("AtCircleXMarkSolidIcon");
+function U(e, s, c, B, E, z) {
+  const p = I("AtCircleXMarkSolidIcon");
   return n(), l("div", null, [
     r("div", {
       ref: "wrapperEl",
@@ -23,21 +26,24 @@ function P(e, s, U, B, E, z) {
       r("label", {
         for: e.id,
         onClick: s[0] || (s[0] = (...o) => e.handleOnFocus && e.handleOnFocus(...o))
-      }, i(e.label), 9, F),
+      }, [
+        u(i(e.label) + " ", 1),
+        e.$props.required ? (n(), l("span", $, "*")) : d("", !0)
+      ], 8, b),
       e.separator ? (n(), l("div", {
         key: 0,
         ref: "containerItemsEl",
         class: "AT-INPUT_items",
         onClick: s[1] || (s[1] = (...o) => e.handleOnFocus && e.handleOnFocus(...o))
       }, [
-        (n(!0), l(I, null, v(e.selectedItemsController.itemsToRender, (o) => (n(), l("span", {
+        (n(!0), l(v, null, k(e.selectedItemsController.itemsToRender, (o) => (n(), l("span", {
           key: o.value,
           ref_for: !0,
           ref: "selectedItemsEl",
           title: o.text,
           class: "AT-INPUT_item"
         }, [
-          r("span", $, i(o.text), 1),
+          r("span", F, i(o.text), 1),
           r("span", {
             class: "AT-INPUT_item_slot_x",
             style: { padding: "1px 5px" },
@@ -45,9 +51,9 @@ function P(e, s, U, B, E, z) {
               var t;
               (t = e.onSelectedItemClick) == null || t.call(e, o == null ? void 0 : o.value);
             }
-          }, "x", 8, b)
-        ], 8, O))), 128)),
-        e.selectedItems.length > e.selectedItemsController.supportedItems ? (n(), l("span", A, "+ " + i(e.selectedItems.length - e.selectedItemsController.supportedItems), 1)) : d("", !0)
+          }, "x", 8, N)
+        ], 8, A))), 128)),
+        e.selectedItems.length > e.selectedItemsController.supportedItems ? (n(), l("span", O, "+ " + i(e.selectedItems.length - e.selectedItemsController.supportedItems), 1)) : d("", !0)
       ], 512)) : (n(), l("input", C({ key: 1 }, e.$attrs, {
         id: e.id,
         ref: "inputEl",
@@ -61,32 +67,32 @@ function P(e, s, U, B, E, z) {
         onInput: s[2] || (s[2] = (...o) => e.onInput && e.onInput(...o)),
         onFocus: s[3] || (s[3] = (...o) => e.handleOnFocus && e.handleOnFocus(...o)),
         onFocusout: s[4] || (s[4] = (...o) => e.handleOnFocusOut && e.handleOnFocusOut(...o))
-      }), null, 16, N)),
+      }), null, 16, g)),
       e.$props.icon ? (n(), l("div", {
         key: 2,
-        class: k(["AT_INPUT_icon_slot", { clickable: e.useClearButton && e.isFocused }]),
+        class: T(["AT_INPUT_icon_slot", { clickable: e.useClearButton && e.isFocused }]),
         onClick: s[5] || (s[5] = (o) => e.showClearButton ? e.clearInput() : null)
       }, [
-        e.showClearButton ? (n(), u(a, {
+        e.showClearButton ? (n(), a(p, {
           key: 0,
           size: "20"
-        })) : (n(), u(y(e.icons[e.$props.icon.name]), {
+        })) : (n(), a(y(e.icons[e.$props.icon.name]), {
           key: 1,
           size: e.$props.icon.size || "20",
           color: e.iconColor
         }, null, 8, ["size", "color"]))
       ], 2)) : d("", !0)
     ], 40, h),
-    e.error.value ? (n(), l("span", g, [
+    e.error.value ? (n(), l("span", P, [
       r("img", {
         src: e.icons.error,
         alt: "error icon"
       }, null, 8, M),
-      T(" " + i(e.error.message), 1)
+      u(" " + i(e.error.message), 1)
     ])) : d("", !0)
   ]);
 }
-const D = /* @__PURE__ */ f(p, [["render", P], ["__scopeId", "data-v-0bd09748"]]);
+const D = /* @__PURE__ */ f(m, [["render", U], ["__scopeId", "data-v-bc1b9b88"]]);
 export {
   D as default
 };

package/dist/Input/Input.core.vue2.js

@@ -37,6 +37,10 @@ const Y = j({
       type: Boolean,
       default: !1
     },
+    required: {
+      type: Boolean,
+      default: !1
+    },
     readonly: {
       type: Boolean,
       default: !1
@@ -100,9 +104,9 @@ const Y = j({
       supportedItems: e.selectedItems.length,
       isCounterActive: !1,
       itemsToRender: e.selectedItems
-    }), F = Math.random().toString(36).substring(2), o = a(!1), M = () => {
+    }), q = Math.random().toString(36).substring(2), o = a(!1), F = () => {
       o.value = !0;
-    }, q = () => {
+    }, M = () => {
       o.value = !1;
     }, g = () => {
       u.value = !0;
@@ -182,7 +186,7 @@ const Y = j({
       wrapperEl: b,
       inputEl: V,
       inputError: A,
-      inputId: e.id ?? F,
+      inputId: e.id ?? q,
       handleOnFocus: g,
       handleOnFocusOut: m,
       icons: {
@@ -196,8 +200,8 @@ const Y = j({
       onInput: L,
       iconColor: x,
       isFocused: u,
-      handleMouseOver: M,
-      handleMouseLeave: q,
+      handleMouseOver: F,
+      handleMouseLeave: M,
       isHovered: o,
       inputComputedValue: W,
       currentMode: R,

package/dist/Input/index.d.ts

@@ -35,6 +35,10 @@ export declare const AtInput: {
             type: BooleanConstructor;
             default: boolean;
         };
+        required: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         readonly: {
             type: BooleanConstructor;
             default: boolean;
@@ -4673,6 +4677,10 @@ export declare const AtInput: {
             type: BooleanConstructor;
             default: boolean;
         };
+        required: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         readonly: {
             type: BooleanConstructor;
             default: boolean;
@@ -4735,6 +4743,7 @@ export declare const AtInput: {
         onClearInput?: ((...args: any[]) => any) | undefined;
     }, {
         type: string;
+        required: boolean;
         label: string;
         error: {
             value: boolean;

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/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;
 }, {}>;