@agrotools1/at-components 0.5.0 → 0.5.1-1

package/dist/Search/Search.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as g, ref as o, computed as l } from "vue";
+import { defineComponent as g, ref as l, computed as o } from "vue";
 import { AtCircleXMarkSolidIcon as V } from "../node_modules/.pnpm/agrotools-icons@0.2.6/node_modules/agrotools-icons/dist/AtCircleXMarkSolidIcon/index.js";
 import { AtSearchIcon as w } from "../node_modules/.pnpm/agrotools-icons@0.2.6/node_modules/agrotools-icons/dist/AtSearchIcon/index.js";
 import { AtInput as x } from "../Input/index.js";
@@ -6,7 +6,7 @@ import B from "../List/components/List.vue.js";
 const E = {
   AtSearchIcon: w,
   AtCircleXMarkSolidIcon: V
-}, N = g({
+}, D = g({
   name: "AtSearch",
   components: {
     AtInput: x.Text,
@@ -45,12 +45,16 @@ const E = {
     isDisabled: {
       type: Boolean,
       default: !1
+    },
+    id: {
+      type: String,
+      required: !1
     }
   },
   emits: ["update:modelValue", "onSelectedItem"],
   setup(t, { emit: n }) {
-    const s = o([]), u = o(!1), c = o(null), f = l(
-      () => u.value && t.hasAutoComplete
+    const s = l([]), u = l(!1), c = l(null), f = o(
+      () => u.value && t.hasAutoComplete && !!t.modelValue
     ), p = () => {
       var e;
       u.value = !0, (e = c.value) == null || e.classList.add("focused");
@@ -59,9 +63,9 @@ const E = {
       setTimeout(() => {
         u.value = !1;
       }, 200), (e = c.value) == null || e.classList.remove("focused");
-    }, a = o(!1), I = async (e) => {
+    }, a = l(!1), v = async (e) => {
       n("update:modelValue", e), t.searchEndpoint && (a.value = !0, s.value = await t.searchEndpoint(e), a.value = !1);
-    }, v = l(() => {
+    }, I = o(() => {
       var e;
       if (t.hasFilterOption) {
         const i = (d, m) => d.text.toUpperCase().includes(m.toUpperCase());
@@ -70,34 +74,34 @@ const E = {
         );
       }
       return (e = s.value) != null && e.length ? s.value : t.autoCompleteList;
-    }), r = o(), S = (e) => {
+    }), r = l(), S = (e) => {
       const i = e.text;
       r.value = e, n("onSelectedItem", e), n("update:modelValue", i);
     }, L = () => {
-      n("onSelectedItem", null), r.value = null;
-    }, C = l(
-      () => t.withIcon && !a.value && !r.value
-    ), A = l(
+      n("onSelectedItem", null), a.value = !1, r.value = null;
+    }, C = o(
+      () => t.withIcon && a.value && !r.value
+    ), y = o(
       () => t.isDisabled ? "var(--at-medium-grey)" : ""
-    ), y = l(
+    ), A = o(
       () => !!t.modelValue && !a.value
     );
     return {
       atSearch: c,
       autocompleteListIsOpen: f,
-      autoCompleteListFiltered: v,
+      autoCompleteListFiltered: I,
       isLoading: a,
       showSearchIcon: C,
-      getShowNoResultMessage: y,
-      getSearchIconColor: A,
+      getShowNoResultMessage: A,
+      getSearchIconColor: y,
       clear: L,
       openList: p,
       closeList: h,
-      handleChangeValue: I,
+      handleChangeValue: v,
       handleSelectedItem: S
     };
   }
 });
 export {
-  N as default
+  D as default
 };

package/dist/Select/Multiple/Select.multiple.d.ts

@@ -25,6 +25,11 @@ declare const _default: import("vue").DefineComponent<{
         default: () => SelectItemProps[];
         validator: (value: Array<SelectItemProps>) => boolean;
     };
+    required: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
     separator: {
         type: StringConstructor;
         default: string;
@@ -82,6 +87,11 @@ declare const _default: import("vue").DefineComponent<{
         default: () => SelectItemProps[];
         validator: (value: Array<SelectItemProps>) => boolean;
     };
+    required: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
     separator: {
         type: StringConstructor;
         default: string;
@@ -91,6 +101,7 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:items"?: ((...args: any[]) => any) | undefined;
     "onUpdate:selectedItems"?: ((...args: any[]) => any) | undefined;
 }, {
+    required: boolean;
     label: string;
     disabled: boolean;
     modelValue: string[] | SelectItemProps[];

package/dist/Select/Multiple/Select.multiple.vue.js

@@ -1,5 +1,5 @@
-import p from "./Select.multiple.vue2.js";
-import { resolveComponent as i, openBlock as o, createElementBlock as l, createVNode as u, Fragment as m, renderList as k, createBlock as b, createCommentVNode as f } from "vue";
+import u from "./Select.multiple.vue2.js";
+import { resolveComponent as i, openBlock as o, createElementBlock as l, createVNode as p, Fragment as m, renderList as k, createBlock as b, createCommentVNode as f } from "vue";
 import "./Select.multiple.vue3.js";
 import C from "../../_virtual/_plugin-vue_export-helper.js";
 const h = ["aria-disabled"], v = {
@@ -19,7 +19,7 @@ function g(e, n, I, S, y, A) {
       e.isOpen = !e.isOpen, e.rotateIcon();
     })
   }, [
-    u(c, {
+    p(c, {
       "selected-items": e.selectedValues,
       label: e.label,
       "on-selected-item-click": e.onSelectedItemClick,
@@ -27,8 +27,9 @@ function g(e, n, I, S, y, A) {
       disabled: e.disabled,
       "force-value": !0,
       separator: e.separator,
+      required: e.required,
       "is-multiple": !0
-    }, null, 8, ["selected-items", "label", "on-selected-item-click", "items", "disabled", "separator"]),
+    }, null, 8, ["selected-items", "label", "on-selected-item-click", "items", "disabled", "separator", "required"]),
     e.isOpen ? (o(), l("div", v, [
       (o(!0), l(m, null, k(e.myItems, (t) => (o(), b(d, {
         key: t.value,
@@ -42,16 +43,16 @@ function g(e, n, I, S, y, A) {
         },
         type: "multiple",
         "on-checkbox-change": async (a) => {
-          var r;
+          var s;
           e.isInternalChange = !0;
-          const s = a.value;
-          (r = t.onCheckboxChange) == null || r.call(t, { ...a, item: t }), await e.onSelectedValueChange({ ...t }, s), s ? t.isSelected = !0 : t.isSelected = !1, e.$emit("update:items", e.myItems), e.isInternalChange = !1;
+          const r = a.value;
+          (s = t.onCheckboxChange) == null || s.call(t, { ...a, item: t }), await e.onSelectedValueChange({ ...t }, r), r ? t.isSelected = !0 : t.isSelected = !1, e.$emit("update:items", e.myItems), e.isInternalChange = !1;
         }
       }, null, 8, ["text", "value", "icon", "data-text", "checkbox-value", "on-click", "on-checkbox-change"]))), 128))
     ])) : f("", !0)
   ], 8, h);
 }
-const B = /* @__PURE__ */ C(p, [["render", g], ["__scopeId", "data-v-23a8d5db"]]);
+const q = /* @__PURE__ */ C(u, [["render", g], ["__scopeId", "data-v-ddf56a71"]]);
 export {
-  B as default
+  q as default
 };

package/dist/Select/Multiple/Select.multiple.vue2.js

@@ -2,7 +2,7 @@ import { defineComponent as V, ref as r, computed as g, watch as A, onMounted as
 import C from "../Item/Item.vue.js";
 import _ from "../Select.core.vue.js";
 import b from "../imgs/indicator.svg.js";
-const x = V({
+const T = V({
   name: "AtMultipleSelect",
   components: {
     AtSingleCore: _,
@@ -30,6 +30,11 @@ const x = V({
       default: () => [],
       validator: (o) => Array.isArray(o) && o.every((u) => typeof u == "object")
     },
+    required: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
     separator: {
       type: String,
       default: ","
@@ -116,5 +121,5 @@ const x = V({
   }
 });
 export {
-  x as default
+  T as default
 };

package/dist/Select/Select.core.d.ts

@@ -40,6 +40,11 @@ declare const _default: import("vue").DefineComponent<{
         required: false;
         default: boolean;
     };
+    required: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
 }, {
     id: string;
     handleValue: () => string;
@@ -77,7 +82,13 @@ declare const _default: import("vue").DefineComponent<{
         required: false;
         default: boolean;
     };
+    required: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
 }>>, {
+    required: boolean;
     label: string;
     disabled: boolean;
     separator: string;

package/dist/Select/Select.core.vue.js

@@ -1,12 +1,12 @@
-import r from "./Select.core.vue2.js";
-import { resolveComponent as a, openBlock as n, createBlock as s, mergeProps as i } from "vue";
+import t from "./Select.core.vue2.js";
+import { resolveComponent as a, openBlock as n, createBlock as i, mergeProps as s } from "vue";
 import p from "../_virtual/_plugin-vue_export-helper.js";
-function d(e, o, m, u, c, b) {
+function d(e, o, u, m, c, b) {
   const l = a("AtInput");
-  return n(), s(l, i(e.$props, {
+  return n(), i(l, s(e.$props, {
     ref: "atInput",
     modelValue: e.inputModelValue,
-    "onUpdate:modelValue": o[0] || (o[0] = (t) => e.inputModelValue = t),
+    "onUpdate:modelValue": o[0] || (o[0] = (r) => e.inputModelValue = r),
     type: "button",
     role: "combobox",
     cursor: "pointer",
@@ -17,13 +17,14 @@ function d(e, o, m, u, c, b) {
     "aria-controls": e.id,
     "aria-label": e.label,
     separator: e.separator,
+    required: e.required,
     disabled: e.disabled,
     icon: { name: "AtAngleDownSolidIcon" },
     "aria-autocomplete": "none",
     class: "AT-SELECT_container"
-  }), null, 16, ["modelValue", "on-selected-item-click", "selected-items", "label", "aria-controls", "aria-label", "separator", "disabled"]);
+  }), null, 16, ["modelValue", "on-selected-item-click", "selected-items", "label", "aria-controls", "aria-label", "separator", "required", "disabled"]);
 }
-const k = /* @__PURE__ */ p(r, [["render", d]]);
+const k = /* @__PURE__ */ p(t, [["render", d]]);
 export {
   k as default
 };

package/dist/Select/Select.core.vue2.js

@@ -1,8 +1,8 @@
-import { defineComponent as s, ref as r, computed as d, watch as f } from "vue";
+import { defineComponent as d, ref as r, computed as s, watch as f } from "vue";
 import { AtInput as c } from "../Input/index.js";
 import "./Item/Item.vue2.js";
 import "./Item/Item.vue3.js";
-const I = s({
+const I = d({
   name: "AtSelect",
   components: {
     AtInput: c.Text
@@ -38,10 +38,15 @@ const I = s({
       type: Boolean,
       required: !1,
       default: !1
+    },
+    required: {
+      type: Boolean,
+      required: !1,
+      default: !1
     }
   },
   setup(e) {
-    const i = r(null), l = r(""), u = d(() => {
+    const i = r(null), l = r(""), u = s(() => {
       var t;
       return typeof e.value == "string" ? e.value : (t = e.value) == null ? void 0 : t.value;
     }), a = () => {

package/dist/Select/Single/Select.single.d.ts

@@ -13,6 +13,11 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    required: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
     items: {
         type: () => Array<SelectItemProps>;
         default: () => SelectItemProps[];
@@ -49,6 +54,11 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    required: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
     items: {
         type: () => Array<SelectItemProps>;
         default: () => SelectItemProps[];
@@ -61,6 +71,7 @@ declare const _default: import("vue").DefineComponent<{
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
+    required: boolean;
     label: string;
     modelValue: string | SelectItemProps;
     items: SelectItemProps[];

package/dist/Select/Single/Select.single.vue.js

@@ -1,32 +1,33 @@
-import c from "./Select.single.vue2.js";
-import { resolveComponent as r, openBlock as t, createElementBlock as a, createVNode as u, withModifiers as d, Fragment as f, renderList as v, createBlock as C, createCommentVNode as k } from "vue";
+import u from "./Select.single.vue2.js";
+import { resolveComponent as l, openBlock as t, createElementBlock as r, createVNode as d, withModifiers as c, Fragment as v, renderList as f, createBlock as C, createCommentVNode as k } from "vue";
 import "./Select.single.vue3.js";
 import m from "../../_virtual/_plugin-vue_export-helper.js";
 function g(e, o, A, I, S, y) {
-  const s = r("AtSingleCore"), i = r("AtItem");
-  return t(), a("div", {
+  const i = l("AtSingleCore"), s = l("AtItem");
+  return t(), r("div", {
     ref: "containerRef",
     class: "AT-SELECT_wrapper",
     onClick: o[1] || (o[1] = (n) => {
       e.open = !e.open, e.rotateIcon();
     })
   }, [
-    u(s, {
+    d(i, {
       value: e.selectedValue,
+      required: e.required,
       label: e.label,
       items: e.items
-    }, null, 8, ["value", "label", "items"]),
-    e.open ? (t(), a("div", {
+    }, null, 8, ["value", "required", "label", "items"]),
+    e.open ? (t(), r("div", {
       key: 0,
       role: "group",
       "aria-orientation": "vertical",
       tabindex: "-1",
       class: "AT-SELECT_items-container",
-      onClick: o[0] || (o[0] = d((n) => {
+      onClick: o[0] || (o[0] = c((n) => {
         e.open = !1, e.rotateIcon();
       }, ["stop"]))
     }, [
-      (t(!0), a(f, null, v(e.items, (n) => (t(), C(i, {
+      (t(!0), r(v, null, f(e.items, (n) => (t(), C(s, {
         key: n.value,
         text: n.text,
         value: n.value,
@@ -35,14 +36,14 @@ function g(e, o, A, I, S, y) {
         "aria-selected": n.value === e.valueOfModel,
         "data-text": n.text,
         "on-click": async (p) => {
-          var l;
-          e.isInternalChange = !0, await e.onSelectedValueChange(n), (l = n.onClick) == null || l.call(n, p), e.isInternalChange = !1;
+          var a;
+          e.isInternalChange = !0, await e.onSelectedValueChange(n), (a = n.onClick) == null || a.call(n, p), e.isInternalChange = !1;
         }
       }, null, 8, ["text", "value", "type", "icon", "aria-selected", "data-text", "on-click"]))), 128))
     ])) : k("", !0)
   ], 512);
 }
-const V = /* @__PURE__ */ m(c, [["render", g], ["__scopeId", "data-v-24b1ef8c"]]);
+const V = /* @__PURE__ */ m(u, [["render", g], ["__scopeId", "data-v-751e4155"]]);
 export {
   V as default
 };

package/dist/Select/Single/Select.single.vue2.js

@@ -1,7 +1,7 @@
-import { defineComponent as d, ref as n, computed as v, watch as p } from "vue";
+import { defineComponent as m, ref as n, computed as v, watch as p } from "vue";
 import y from "../Item/Item.vue.js";
 import g from "../Select.core.vue.js";
-const _ = d({
+const q = m({
   name: "AtSingleSelect",
   components: {
     AtSingleCore: g,
@@ -17,6 +17,11 @@ const _ = d({
       type: String,
       default: ""
     },
+    required: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
     items: {
       type: Array,
       default: () => [],
@@ -30,11 +35,11 @@ const _ = d({
   emits: ["update:modelValue"],
   setup(a, { emit: u }) {
     const s = n(null), r = n(!1), t = n(a.modelValue), o = n(!1), i = (e) => {
-      t.value = e, r.value = !1, c(), u(
+      t.value = e, r.value = !1, f(), u(
         "update:modelValue",
         a.emitValue ? t.value.value : t.value
       );
-    }, f = v(() => {
+    }, c = v(() => {
       var e;
       return typeof t.value == "string" ? t.value : (e = t.value) == null ? void 0 : e.value;
     });
@@ -44,7 +49,7 @@ const _ = d({
         if (o.value)
           return;
         const l = a.items.find(
-          (m) => m.value === (typeof e == "string" ? e : e.value)
+          (d) => d.value === (typeof e == "string" ? e : e.value)
         );
         if (!l) {
           console.warn(
@@ -55,7 +60,7 @@ const _ = d({
         o.value = !0, await i(l), o.value = !1;
       }
     );
-    const c = () => {
+    const f = () => {
       var l;
       const e = (l = s.value) == null ? void 0 : l.querySelector(".AT_INPUT_icon_slot");
       e instanceof HTMLElement && e.setAttribute("data-rotate", r.value.toString());
@@ -64,13 +69,13 @@ const _ = d({
       onSelectedValueChange: i,
       selectedValue: t,
       open: r,
-      valueOfModel: f,
+      valueOfModel: c,
       containerRef: s,
       isInternalChange: o,
-      rotateIcon: c
+      rotateIcon: f
     };
   }
 });
 export {
-  _ as default
+  q as default
 };

package/dist/Select/index.d.ts

@@ -13,6 +13,11 @@ export declare const AtSelect: {
             type: StringConstructor;
             default: string;
         };
+        required: {
+            type: BooleanConstructor;
+            required: false;
+            default: boolean;
+        };
         items: {
             type: () => ISelectItemProps[];
             default: () => ISelectItemProps[];
@@ -49,6 +54,11 @@ export declare const AtSelect: {
             type: StringConstructor;
             default: string;
         };
+        required: {
+            type: BooleanConstructor;
+            required: false;
+            default: boolean;
+        };
         items: {
             type: () => ISelectItemProps[];
             default: () => ISelectItemProps[];
@@ -61,6 +71,7 @@ export declare const AtSelect: {
     }>> & {
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     }, {
+        required: boolean;
         label: string;
         modelValue: string | ISelectItemProps;
         items: ISelectItemProps[];
@@ -88,6 +99,11 @@ export declare const AtSelect: {
             default: () => ISelectItemProps[];
             validator: (value: ISelectItemProps[]) => boolean;
         };
+        required: {
+            type: BooleanConstructor;
+            required: false;
+            default: boolean;
+        };
         separator: {
             type: StringConstructor;
             default: string;
@@ -145,6 +161,11 @@ export declare const AtSelect: {
             default: () => ISelectItemProps[];
             validator: (value: ISelectItemProps[]) => boolean;
         };
+        required: {
+            type: BooleanConstructor;
+            required: false;
+            default: boolean;
+        };
         separator: {
             type: StringConstructor;
             default: string;
@@ -154,6 +175,7 @@ export declare const AtSelect: {
         "onUpdate:items"?: ((...args: any[]) => any) | undefined;
         "onUpdate:selectedItems"?: ((...args: any[]) => any) | undefined;
     }, {
+        required: boolean;
         label: string;
         disabled: boolean;
         modelValue: string[] | ISelectItemProps[];

package/dist/Skeleton/Skeleton.d.ts

@@ -0,0 +1,25 @@
+export interface SkeletonProps {
+}
+declare const _default: import("vue").DefineComponent<{
+    width: {
+        type: StringConstructor;
+        default: string;
+    };
+    height: {
+        type: StringConstructor;
+        default: string;
+    };
+}, void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    width: {
+        type: StringConstructor;
+        default: string;
+    };
+    height: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    width: string;
+    height: string;
+}, {}>;
+export default _default;

package/dist/Skeleton/Skeleton.vue.js

@@ -0,0 +1,16 @@
+import o from "./Skeleton.vue2.js";
+import { openBlock as t, createElementBlock as r, createElementVNode as l, normalizeStyle as c } from "vue";
+import n from "../_virtual/_plugin-vue_export-helper.js";
+const s = { class: "card-body placeholder-glow" };
+function a(e, d, i, p, h, m) {
+  return t(), r("div", s, [
+    l("span", {
+      class: "placeholder rounded col-12",
+      style: c({ width: e.width, height: e.height })
+    }, null, 4)
+  ]);
+}
+const $ = /* @__PURE__ */ n(o, [["render", a]]);
+export {
+  $ as default
+};

package/dist/Skeleton/Skeleton.vue2.js

@@ -0,0 +1,19 @@
+import { defineComponent as t } from "vue";
+const n = t({
+  name: "AtSkeleton",
+  props: {
+    width: {
+      type: String,
+      default: "100%"
+    },
+    height: {
+      type: String,
+      default: "100%"
+    }
+  },
+  setup() {
+  }
+});
+export {
+  n as default
+};

package/dist/Skeleton/index.d.ts

@@ -1,22 +1 @@
-export declare const AtSkeleton: import("vue").DefineComponent<{
-    width: {
-        type: StringConstructor;
-        default: string;
-    };
-    height: {
-        type: StringConstructor;
-        default: string;
-    };
-}, void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    width: {
-        type: StringConstructor;
-        default: string;
-    };
-    height: {
-        type: StringConstructor;
-        default: string;
-    };
-}>>, {
-    width: string;
-    height: string;
-}, {}>;
+export { default as AtSkeleton, type SkeletonProps } from "./Skeleton";