@agrotools1/at-components 0.6.96 → 0.6.97

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

@@ -1,111 +0,0 @@
-import I from "./Input.core.vue2.js";
-import { resolveComponent as C, openBlock as n, createElementBlock as l, createElementVNode as i, createTextVNode as a, toDisplayString as t, createCommentVNode as r, Fragment as k, renderList as v, mergeProps as T, normalizeClass as m, createBlock as d, resolveDynamicComponent as y } from "vue";
-import "./Input.core.vue3.js";
-import f from "../_virtual/_plugin-vue_export-helper.js";
-const $ = ["data-mode", "disabled"], A = ["for"], N = {
-  key: 0,
-  class: "AT-INPUT_required"
-}, b = ["title"], F = { class: "AT-INPUT_item_slot" }, O = ["onClick"], P = {
-  key: 0,
-  class: "AT-INPUT_items_length"
-}, g = ["id", "disabled", "readonly", "type", "placeholder", "name", "value"], h = {
-  key: 0,
-  class: "AT-INPUT_error-message"
-}, U = ["src"];
-function B(e, s, M, S, z, E) {
-  const u = C("AtCircleXMarkSolidIcon");
-  return n(), l("div", null, [
-    i("div", {
-      ref: "wrapperEl",
-      "data-mode": e.currentMode,
-      disabled: e.$props.disabled || void 0,
-      class: "AT-INPUT_core",
-      onMouseover: s[9] || (s[9] = (...o) => e.handleMouseOver && e.handleMouseOver(...o)),
-      onMouseleave: s[10] || (s[10] = (...o) => e.handleMouseLeave && e.handleMouseLeave(...o))
-    }, [
-      i("label", {
-        for: e.id,
-        onClick: s[0] || (s[0] = (...o) => e.handleOnFocus && e.handleOnFocus(...o))
-      }, [
-        a(t(e.label) + " ", 1),
-        e.$props.required ? (n(), l("span", N, "*")) : r("", !0)
-      ], 8, A),
-      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(k, null, v(e.selectedItemsController.itemsToRender, (o) => (n(), l("span", {
-          key: o.value,
-          ref_for: !0,
-          ref: "selectedItemsEl",
-          title: o.text,
-          class: "AT-INPUT_item"
-        }, [
-          i("span", F, t(o.text), 1),
-          i("span", {
-            class: "AT-INPUT_item_slot_x",
-            style: { padding: "1px 5px" },
-            onClick: () => {
-              var p;
-              (p = e.onSelectedItemClick) == null || p.call(e, o == null ? void 0 : o.value);
-            }
-          }, "x", 8, O)
-        ], 8, b))), 128)),
-        e.selectedItems.length > e.selectedItemsController.supportedItems ? (n(), l("span", P, "+ " + t(e.selectedItems.length - e.selectedItemsController.supportedItems), 1)) : r("", !0)
-      ], 512)) : (n(), l("input", T({ key: 1 }, e.$attrs, {
-        id: e.id,
-        ref: "inputEl",
-        style: { cursor: e.cursor },
-        class: e.inputClass,
-        disabled: e.$props.disabled || void 0,
-        readonly: e.$props.readonly || void 0,
-        type: e.type,
-        placeholder: e.label,
-        name: e.id,
-        value: e.inputComputedValue,
-        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, g)),
-      e.$props.icon ? (n(), l("div", {
-        key: 2,
-        class: m(["AT_INPUT_side_icon_slot", { clickable: e.useSideClearButton }]),
-        onClick: s[6] || (s[6] = (o) => e.showSideClearButton ? e.clearInput() : null)
-      }, [
-        e.showSideClearButton ? (n(), d(u, {
-          key: 0,
-          size: "20",
-          onClick: s[5] || (s[5] = (o) => e.clearInput())
-        })) : r("", !0)
-      ], 2)) : r("", !0),
-      e.$props.icon ? (n(), l("div", {
-        key: 3,
-        class: m(["AT_INPUT_icon_slot", { clickable: e.useClearButton && e.isFocused }]),
-        onClick: s[8] || (s[8] = (o) => e.showClearButton ? e.clearInput() : null)
-      }, [
-        e.showClearButton ? (n(), d(u, {
-          key: 0,
-          size: "20",
-          onClick: s[7] || (s[7] = (o) => e.clearInput())
-        })) : (n(), d(y(e.icons[e.$props.icon.name]), {
-          key: 1,
-          size: e.$props.icon.size || "20",
-          color: e.iconColor
-        }, null, 8, ["size", "color"]))
-      ], 2)) : r("", !0)
-    ], 40, $),
-    e.error.value ? (n(), l("span", h, [
-      i("img", {
-        src: e.icons.error,
-        alt: "error icon"
-      }, null, 8, U),
-      a(" " + t(e.error.message), 1)
-    ])) : r("", !0)
-  ]);
-}
-const X = /* @__PURE__ */ f(I, [["render", B], ["__scopeId", "data-v-5ed72fcb"]]);
-export {
-  X as default
-};

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

@@ -1,238 +0,0 @@
-import { defineComponent as P, ref as u, computed as i, onMounted as X, onBeforeUnmount as H, watchEffect as G, watch as B, nextTick as b } from "vue";
-import { AtCircleXMarkSolidIcon as J } from "../node_modules/.pnpm/@agrotools1_at-icons@0.2.11/node_modules/@agrotools1/at-icons/dist/AtCircleXMarkSolidIcon/index.js";
-import K from "../Icons/icons.js";
-import Q from "./imgs/error.svg.js";
-const ee = P({
-  name: "AtCoreInput",
-  components: {
-    AtCircleXMarkSolidIcon: J
-  },
-  props: {
-    modelValue: {
-      type: String,
-      required: !1,
-      default: void 0
-    },
-    icon: {
-      type: Object,
-      required: !1,
-      default: void 0
-    },
-    forceFocus: {
-      type: Boolean,
-      default: !1,
-      required: !1
-    },
-    debounce: {
-      type: Number,
-      required: !1,
-      default: 0
-    },
-    preventInputEvent: {
-      type: Boolean,
-      default: !1,
-      required: !1
-    },
-    disabled: {
-      type: Boolean,
-      default: !1
-    },
-    required: {
-      type: Boolean,
-      default: !1
-    },
-    readonly: {
-      type: Boolean,
-      default: !1
-    },
-    label: {
-      type: String,
-      default: "",
-      required: !0
-    },
-    cursor: {
-      type: String,
-      default: "default",
-      required: !1
-    },
-    id: {
-      type: String
-    },
-    type: {
-      type: String,
-      default: "text"
-    },
-    error: {
-      type: Object,
-      default: () => ({
-        value: !1,
-        message: ""
-      }),
-      validator: (e) => typeof e == "object" && typeof e.value == "boolean" && typeof e.message == "string"
-    },
-    separator: {
-      type: String,
-      default: null
-    },
-    selectedItems: {
-      type: Array,
-      default: () => []
-    },
-    onSelectedItemClick: {
-      type: Function
-    },
-    useClearButton: {
-      type: Boolean,
-      default: !1
-    },
-    useSideClearButton: {
-      type: Boolean,
-      default: !1
-    },
-    forceEventClearButton: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: [
-    "update:modelValue",
-    "input",
-    "clickOutside",
-    "clearInput",
-    "mouseover",
-    "overflow"
-  ],
-  setup(e, { emit: s }) {
-    const q = { ...K }, E = u(null), f = u(null), v = u(null), S = u(null), F = i(() => e.error), a = u(!1), d = u(""), c = u(!1), L = u(!1), k = i(
-      () => e.useClearButton && a.value && e.modelValue && !c.value
-    ), T = i(
-      () => e.useSideClearButton && !e.useClearButton && e.modelValue && !c.value
-    ), h = u({
-      supportedItems: e.selectedItems.length,
-      isCounterActive: !1,
-      itemsToRender: e.selectedItems
-    }), _ = Math.random().toString(36).substring(2), o = u(!1), W = () => {
-      o.value = !0;
-    }, x = () => {
-      o.value = !1;
-    }, g = () => {
-      a.value = !0;
-    }, m = () => {
-      e.forceFocus || (e.forceEventClearButton ? a.value = !0 : A(() => {
-        a.value = !1;
-      }, 100)());
-    }, I = async () => {
-      var M;
-      h.value.itemsToRender = e.selectedItems, await b();
-      const t = (M = v.value) == null ? void 0 : M.clientWidth;
-      if (t === void 0)
-        return;
-      let l = 50, n = 0;
-      const r = S.value;
-      if (r)
-        for (let y = 0; y < r.length; y++)
-          l += r[y].clientWidth + 10, l <= t && (n = y + 1);
-      let w;
-      l >= t ? w = {
-        isCounterActive: l > (t || 0),
-        supportedItems: n,
-        itemsToRender: e.selectedItems.slice(0, n)
-      } : w = {
-        isCounterActive: l > (t || 0),
-        supportedItems: e.selectedItems.length,
-        itemsToRender: e.selectedItems
-      }, h.value = w;
-    }, O = (t) => {
-      var l, n;
-      !((l = E.value) != null && l.contains(t.target)) && !((n = f.value) != null && n.contains(t.target)) && !k.value && !c.value && (m(), a.value = !1, s("clickOutside"));
-    }, C = async () => {
-      if (await b(), f.value) {
-        const t = f.value.scrollWidth > f.value.clientWidth;
-        L.value = t, s("overflow", t);
-      }
-    };
-    X(() => {
-      var t;
-      (e.modelValue !== void 0 && ((t = e.modelValue) != null && t.length) || e.forceFocus) && g(), document.addEventListener("click", O), window.addEventListener("resize", I);
-    }), H(() => {
-      document.removeEventListener("click", O), window.removeEventListener("resize", I);
-    });
-    const R = (t) => {
-      e.preventInputEvent && t.preventDefault();
-      const l = t.target.value;
-      s("input", t), e.debounce > 0 ? A(() => V(l), e.debounce)() : V(l), b(() => {
-        C();
-      });
-    }, V = (t) => {
-      s("update:modelValue", t), e.modelValue === void 0 && (d.value = t);
-    };
-    function A(t, l) {
-      let n;
-      return function() {
-        clearTimeout(n), n = setTimeout(t, l);
-      };
-    }
-    const j = () => {
-      c.value = !0, a.value = !1, s("clearInput"), setTimeout(() => {
-        e.forceEventClearButton || V(""), c.value = !1;
-      }, 100);
-    };
-    G(() => {
-      var t, l;
-      e.separator && ((e.modelValue !== void 0 ? e.modelValue.split(e.separator).filter((r) => r.length > 1) : d.value.split(e.separator).filter((r) => r.length > 1)).length ? (t = v.value) == null || t.classList.remove("AT-INPUT_items_empty") : ((l = v.value) == null || l.classList.add("AT-INPUT_items_empty"), m(), a.value = !1)), e.forceFocus ? g() : (m(), a.value = !1);
-    }), B(
-      () => e.selectedItems,
-      async () => {
-        await I();
-      },
-      { deep: !0 }
-    ), B(
-      () => o.value,
-      () => {
-        s("mouseover", o.value);
-      }
-    ), B(
-      () => e.modelValue,
-      () => {
-        C();
-      }
-    );
-    const z = i(() => {
-      var t;
-      return e.disabled ? "var(--at-medium-grey)" : e.selectedItems.length > 0 ? "var(--at-black)" : a.value ? "var(--at-primary-color-2)" : e.error.value ? "var(--at-error)" : o.value || (t = e.icon) != null && t.color || e.modelValue !== void 0 && e.modelValue.length > 0 || d.value.length > 0 ? "var(--at-black)" : "var(--at-dark-grey)";
-    }), N = i(() => e.disabled ? "disabled" : e.selectedItems.length > 0 ? "filled" : a.value ? "focused" : e.error.value ? "error" : o.value ? "hover" : e.modelValue !== void 0 && e.modelValue.length > 0 || d.value.length > 0 ? "filled" : "default"), U = i(() => e.modelValue !== void 0 ? e.modelValue : d.value ? d.value : null), D = i(() => T.value === !0 ? "AT-ITEMS_input" : "");
-    return {
-      wrapperEl: E,
-      inputEl: f,
-      inputError: F,
-      inputId: e.id ?? _,
-      handleOnFocus: g,
-      handleOnFocusOut: m,
-      icons: {
-        error: Q,
-        ...q
-      },
-      clickedClear: c,
-      showClearButton: k,
-      showSideClearButton: T,
-      clearInput: j,
-      containerItemsEl: v,
-      onInput: R,
-      iconColor: z,
-      isFocused: a,
-      handleMouseOver: W,
-      handleMouseLeave: x,
-      isHovered: o,
-      inputComputedValue: U,
-      currentMode: N,
-      selectedItemsEl: S,
-      selectedItemsController: h,
-      resizeSelectedItems: I,
-      inputClass: D,
-      checkOverflow: C
-    };
-  }
-});
-export {
-  ee as default
-};

package/dist/Input/Input.core.vue3.js

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

package/dist/Input/imgs/error.svg.js

@@ -1,4 +0,0 @@
-const N = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxMCAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoCiAgICAgICAgZD0iTTYuNTQ0NTggNC41NDQ1OEw1LjU4OTE3IDUuNUw2LjU0NDU4IDYuNDU1NDJDNi43MDc1IDYuNjE4MzMgNi43MDc1IDYuODgxNjcgNi41NDQ1OCA3LjA0NDU4QzYuNDYzMzMgNy4xMjU4MyA2LjM1NjY3IDcuMTY2NjcgNi4yNSA3LjE2NjY3QzYuMTQzMzMgNy4xNjY2NyA2LjAzNjY3IDcuMTI1ODMgNS45NTU0MiA3LjA0NDU4TDUgNi4wODkxN0w0LjA0NDU4IDcuMDQ0NThDMy45NjMzMyA3LjEyNTgzIDMuODU2NjcgNy4xNjY2NyAzLjc1IDcuMTY2NjdDMy42NDMzMyA3LjE2NjY3IDMuNTM2NjcgNy4xMjU4MyAzLjQ1NTQyIDcuMDQ0NThDMy4yOTI1IDYuODgxNjcgMy4yOTI1IDYuNjE4MzMgMy40NTU0MiA2LjQ1NTQyTDQuNDEwODMgNS41TDMuNDU1NDIgNC41NDQ1OEMzLjI5MjUgNC4zODE2NyAzLjI5MjUgNC4xMTgzMyAzLjQ1NTQyIDMuOTU1NDJDMy42MTgzMyAzLjc5MjUgMy44ODE2NyAzLjc5MjUgNC4wNDQ1OCAzLjk1NTQyTDUgNC45MTA4M0w1Ljk1NTQyIDMuOTU1NDJDNi4xMTgzMyAzLjc5MjUgNi4zODE2NyAzLjc5MjUgNi41NDQ1OCAzLjk1NTQyQzYuNzA3NSA0LjExODMzIDYuNzA3NSA0LjM4MTY3IDYuNTQ0NTggNC41NDQ1OFpNMTAgNS41QzEwIDguMjU3MDggNy43NTcwOCAxMC41IDUgMTAuNUMyLjI0MjkyIDEwLjUgMCA4LjI1NzA4IDAgNS41QzAgMi43NDI5MiAyLjI0MjkyIDAuNSA1IDAuNUM3Ljc1NzA4IDAuNSAxMCAyLjc0MjkyIDEwIDUuNVpNOS4xNjY2NyA1LjVDOS4xNjY2NyAzLjIwMjUgNy4yOTc1IDEuMzMzMzMgNSAxLjMzMzMzQzIuNzAyNSAxLjMzMzMzIDAuODMzMzMzIDMuMjAyNSAwLjgzMzMzMyA1LjVDMC44MzMzMzMgNy43OTc1IDIuNzAyNSA5LjY2NjY3IDUgOS42NjY2N0M3LjI5NzUgOS42NjY2NyA5LjE2NjY3IDcuNzk3NSA5LjE2NjY3IDUuNVoiCiAgICAgICAgZmlsbD0iI0NCNEE1MCIgLz4KPC9zdmc+";
-export {
-  N as default
-};