@agrotools1/at-components 0.6.96 → 0.6.97

package/dist/Toggle/Toggle.d.ts

@@ -1,63 +0,0 @@
-export interface ToggleProps {
-    size: "p" | "m" | "g";
-}
-declare const _default: import('vue').DefineComponent<{
-    modelValue: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    size: {
-        type: () => "p" | "m" | "g";
-        default: string;
-        validator: (value: "p" | "m" | "g") => boolean;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    preventDefault: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}, {
-    isChecked: import('vue').Ref<boolean>;
-    isDisabled: import('vue').ComputedRef<boolean>;
-    onClick: () => void;
-    circleSizeMap: {
-        p: string;
-        m: string;
-        g: string;
-    };
-    borderSizeMap: {
-        p: string;
-        m: string;
-        g: string;
-    };
-    buttonRef: import('vue').Ref<HTMLButtonElement | null>;
-}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
-    modelValue: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    size: {
-        type: () => "p" | "m" | "g";
-        default: string;
-        validator: (value: "p" | "m" | "g") => boolean;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    preventDefault: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & {
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}, {
-    size: "p" | "g" | "m";
-    disabled: boolean;
-    modelValue: boolean;
-    preventDefault: boolean;
-}, {}>;
-export default _default;

package/dist/Toggle/Toggle.vue.js

@@ -1,30 +0,0 @@
-import a from "./Toggle.vue2.js";
-import { openBlock as r, createElementBlock as t, normalizeClass as d, normalizeStyle as o, createElementVNode as l } from "vue";
-import "./Toggle.vue3.js";
-import n from "../_virtual/_plugin-vue_export-helper.js";
-const p = ["data-state", "aria-pressed", "disabled"];
-function f(e, s, m, b, u, z) {
-  return r(), t("button", {
-    ref: "buttonRef",
-    type: "button",
-    "data-state": e.isChecked ? "on" : "off",
-    "aria-pressed": e.isChecked,
-    class: d(e.size),
-    disabled: e.isDisabled,
-    style: o({
-      borderRadius: e.borderSizeMap[e.size]
-    }),
-    onClick: s[0] || (s[0] = (...i) => e.onClick && e.onClick(...i))
-  }, [
-    l("span", {
-      style: o({
-        width: e.circleSizeMap[e.size],
-        height: e.circleSizeMap[e.size]
-      })
-    }, null, 4)
-  ], 14, p);
-}
-const y = /* @__PURE__ */ n(a, [["render", f], ["__scopeId", "data-v-94b2a129"]]);
-export {
-  y as default
-};

package/dist/Toggle/Toggle.vue2.js

@@ -1,53 +0,0 @@
-import { defineComponent as m, ref as t, computed as p, watch as s } from "vue";
-const c = m({
-  name: "AtToggle",
-  props: {
-    modelValue: {
-      type: Boolean,
-      default: !1
-    },
-    size: {
-      type: String,
-      default: "g",
-      validator: (e) => ["p", "m", "g"].includes(e)
-    },
-    disabled: {
-      type: Boolean,
-      default: !1
-    },
-    preventDefault: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: ["update:modelValue"],
-  setup(e, a) {
-    const u = t(null), o = p(() => e.disabled), l = t(e.modelValue), d = {
-      p: "9px",
-      m: "9px",
-      g: "13px"
-    }, n = {
-      p: "33px",
-      m: "66px",
-      g: "100px"
-    }, i = () => {
-      e.preventDefault || (l.value = !l.value, a.emit("update:modelValue", l.value));
-    };
-    return s(
-      () => e.modelValue,
-      () => {
-        l.value = e.modelValue, a.emit("update:modelValue", e.modelValue);
-      }
-    ), {
-      isChecked: l,
-      isDisabled: o,
-      onClick: i,
-      circleSizeMap: d,
-      borderSizeMap: n,
-      buttonRef: u
-    };
-  }
-});
-export {
-  c as default
-};

package/dist/Toggle/Toggle.vue3.js

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

package/dist/Toggle/index.d.ts

@@ -1 +0,0 @@
-export { type ToggleProps, default as AtToggle } from './Toggle';

package/dist/Tooltip/Tooltip.d.ts

@@ -1,89 +0,0 @@
-import { CSSProperties } from 'vue';
-
-export interface TooltipProps {
-    position: "bottom-left" | "bottom-center" | "bottom-right" | "top-left" | "top-center" | "top-right" | "left-bottom" | "left-center" | "right-bottom" | "right-center";
-    text: string;
-    copy: boolean;
-    maxTextLength: number;
-    disable: boolean;
-}
-declare const _default: import('vue').DefineComponent<{
-    text: {
-        required: true;
-        type: () => TooltipProps["text"];
-        default: string;
-    };
-    maxTextLength: {
-        required: false;
-        type: () => TooltipProps["maxTextLength"];
-        default: number;
-    };
-    copy: {
-        type: () => TooltipProps["copy"];
-        required: false;
-        default: boolean;
-    };
-    position: {
-        required: false;
-        type: () => TooltipProps["position"];
-        default: string;
-        validator: (value: string) => boolean;
-    };
-    disable: {
-        type: () => TooltipProps["disable"];
-        required: false;
-        default: boolean;
-    };
-}, {
-    tooltipChildren: import('vue').Ref<HTMLDivElement | undefined>;
-    contentPosition: import('vue').Ref<{
-        x: number;
-        y: number;
-    } | undefined>;
-    tooltipStyle: import('vue').Ref<CSSProperties | undefined>;
-    tooltipClass: import('vue').Ref<string>;
-    visible: import('vue').Ref<boolean>;
-    wrapper: import('vue').Ref<HTMLDivElement | undefined>;
-    tooltip: import('vue').Ref<HTMLDivElement | undefined>;
-    formatedText: import('vue').ComputedRef<string>;
-    show: () => void;
-    hide: () => void;
-    handleMouseOut: (event: MouseEvent) => void;
-    copyText: (text: string) => Promise<void>;
-}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "copiedText"[], "copiedText", import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
-    text: {
-        required: true;
-        type: () => TooltipProps["text"];
-        default: string;
-    };
-    maxTextLength: {
-        required: false;
-        type: () => TooltipProps["maxTextLength"];
-        default: number;
-    };
-    copy: {
-        type: () => TooltipProps["copy"];
-        required: false;
-        default: boolean;
-    };
-    position: {
-        required: false;
-        type: () => TooltipProps["position"];
-        default: string;
-        validator: (value: string) => boolean;
-    };
-    disable: {
-        type: () => TooltipProps["disable"];
-        required: false;
-        default: boolean;
-    };
-}>> & {
-    onCopiedText?: ((...args: any[]) => any) | undefined;
-}, {
-    text: string;
-    copy: boolean;
-    position: "bottom-left" | "bottom-center" | "bottom-right" | "top-left" | "top-center" | "top-right" | "left-bottom" | "left-center" | "right-bottom" | "right-center";
-    disable: boolean;
-    maxTextLength: number;
-}, {}>;
-export default _default;

package/dist/Tooltip/Tooltip.vue.js

@@ -1,66 +0,0 @@
-import u from "./Tooltip.vue2.js";
-import { resolveComponent as a, openBlock as s, createElementBlock as l, createElementVNode as r, renderSlot as m, createBlock as f, Teleport as y, normalizeClass as c, normalizeStyle as v, createVNode as i, withCtx as k, createCommentVNode as n } from "vue";
-import "./Tooltip.vue3.js";
-import C from "../_virtual/_plugin-vue_export-helper.js";
-const M = {
-  ref: "wrapper",
-  class: "at-tooltip-wrapper"
-}, h = {
-  ref: "tooltipChildren",
-  class: "at-slot-content"
-}, w = ["innerHTML"];
-function $(o, e, b, T, A, S) {
-  const p = a("AtCopySolidIcon"), d = a("AtParagraph");
-  return s(), l("div", {
-    class: "at-tooltip-container",
-    onMouseenter: e[2] || (e[2] = (...t) => o.show && o.show(...t)),
-    onMouseleave: e[3] || (e[3] = (...t) => o.handleMouseOut && o.handleMouseOut(...t))
-  }, [
-    r("div", M, [
-      r("div", h, [
-        m(o.$slots, "default", {}, void 0, !0)
-      ], 512)
-    ], 512),
-    o.$props.disable ? n("", !0) : (s(), f(y, {
-      key: 0,
-      to: "body"
-    }, [
-      o.visible ? (s(), l("div", {
-        key: 0,
-        ref: "tooltip",
-        class: c(["at-tooltip", o.tooltipClass]),
-        style: v(o.tooltipStyle),
-        onMouseleave: e[1] || (e[1] = (...t) => o.handleMouseOut && o.handleMouseOut(...t))
-      }, [
-        i(d, {
-          size: "p3",
-          weight: "regular",
-          class: "m-0"
-        }, {
-          default: k(() => [
-            r("span", {
-              class: "at-tooltip-text",
-              style: { "word-break": "break-all" },
-              innerHTML: o.formatedText
-            }, null, 8, w),
-            o.copy ? (s(), l("span", {
-              key: 0,
-              class: "at-tooltip-copy-icon",
-              onClick: e[0] || (e[0] = (t) => o.copyText(o.text))
-            }, [
-              i(p, {
-                color: "#FFF",
-                size: "16"
-              })
-            ])) : n("", !0)
-          ]),
-          _: 1
-        })
-      ], 38)) : n("", !0)
-    ]))
-  ], 32);
-}
-const F = /* @__PURE__ */ C(u, [["render", $], ["__scopeId", "data-v-ce5b904e"]]);
-export {
-  F as default
-};

package/dist/Tooltip/Tooltip.vue2.js

@@ -1,234 +0,0 @@
-import { defineComponent as Z, ref as i, onMounted as tt, onBeforeUnmount as et, computed as at } from "vue";
-import { AtCopySolidIcon as ot } from "../node_modules/.pnpm/@agrotools1_at-icons@0.2.11/node_modules/@agrotools1/at-icons/dist/AtCopySolidIcon/index.js";
-import { AtTipograph as lt } from "../Tipograph/index.js";
-const st = Z({
-  name: "AtTooltip",
-  components: {
-    AtParagraph: lt.Paragraph,
-    AtCopySolidIcon: ot
-  },
-  props: {
-    text: {
-      required: !0,
-      type: String,
-      default: "bottom-left"
-    },
-    maxTextLength: {
-      required: !1,
-      type: Number,
-      default: 0
-    },
-    copy: {
-      type: Boolean,
-      required: !1,
-      default: !1
-    },
-    position: {
-      required: !1,
-      type: String,
-      default: "",
-      validator: (n) => [
-        "bottom-left",
-        "bottom-center",
-        "bottom-right",
-        "top-left",
-        "top-center",
-        "top-right",
-        "left-bottom",
-        "left-center",
-        "right-bottom",
-        "right-center"
-      ].includes(n)
-    },
-    disable: {
-      type: Boolean,
-      required: !1,
-      default: !1
-    }
-  },
-  emits: ["copiedText"],
-  setup(n, { emit: J }) {
-    const x = i(), v = i(), f = i(), e = i(), y = i(0), r = i(), l = i(), d = i(""), c = i(!1), s = () => {
-      var p, m, b, g, $, w, T, k, X, C, L, S, Y, A, q, z, P, B, E, I, j, F, M, N, R, _, O, U, D, G, H;
-      y.value = window.scrollY;
-      const a = 1 / (Number.parseFloat((p = window.getComputedStyle(document.body)) == null ? void 0 : p.zoom) || 1);
-      r.value = x.value.getBoundingClientRect();
-      const o = {
-        y: y.value * a
-      }, t = {
-        top: (((m = r.value) == null ? void 0 : m.top) ?? 0) * a,
-        right: (((b = r.value) == null ? void 0 : b.right) ?? 0) * a,
-        bottom: (((g = r.value) == null ? void 0 : g.bottom) ?? 0) * a,
-        left: ((($ = r.value) == null ? void 0 : $.left) ?? 0) * a,
-        x: (((w = r.value) == null ? void 0 : w.x) ?? 0) * a,
-        y: (((T = r.value) == null ? void 0 : T.y) ?? 0) * a,
-        width: (((k = r.value) == null ? void 0 : k.width) ?? 0) * a,
-        height: (((X = r.value) == null ? void 0 : X.height) ?? 0) * a
-      };
-      switch (n.position) {
-        case "bottom-left":
-          e.value = {
-            x: t.x + 32,
-            y: t.y + t.height + 16 + o.y
-          }, l.value = {
-            position: "absolute",
-            top: `${((C = e.value) == null ? void 0 : C.y) || 0}px`,
-            left: `${((L = e.value) == null ? void 0 : L.x) || 0}px`,
-            transform: "translateX(-100%)"
-          };
-          break;
-        case "bottom-center":
-          e.value = {
-            x: t.x + t.width / 2,
-            y: t.y + t.height + 16 + o.y
-          }, l.value = {
-            position: "absolute",
-            top: `${((S = e.value) == null ? void 0 : S.y) || 0}px`,
-            left: `${((Y = e.value) == null ? void 0 : Y.x) || 0}px`,
-            transform: "translateX(-50%)"
-          };
-          break;
-        case "bottom-right":
-          e.value = {
-            x: t.x - 32,
-            y: t.y + t.height + 16 + o.y
-          }, l.value = {
-            position: "absolute",
-            top: `${((A = e.value) == null ? void 0 : A.y) || 0}px`,
-            left: `${((q = e.value) == null ? void 0 : q.x) || 0}px`,
-            transform: `translateX(${t.width}px)`
-          };
-          break;
-        case "top-left":
-          e.value = {
-            x: t.x + 32,
-            y: t.y - t.height + 24 + o.y
-          }, l.value = {
-            position: "absolute",
-            top: `${((z = e.value) == null ? void 0 : z.y) || 0}px`,
-            left: `${((P = e.value) == null ? void 0 : P.x) || 0}px`,
-            transform: "translateX(-100%) translateY(-100%)"
-          };
-          break;
-        case "top-center":
-          e.value = {
-            x: t.x + t.width / 2,
-            y: t.y - t.height + 24 + o.y
-          }, l.value = {
-            position: "absolute",
-            top: `${((B = e.value) == null ? void 0 : B.y) || 0}px`,
-            left: `${((E = e.value) == null ? void 0 : E.x) || 0}px`,
-            transform: "translateX(-50%) translateY(-100%)"
-          };
-          break;
-        case "top-right":
-          e.value = {
-            x: t.x - 32,
-            y: t.y - t.height + 24 + o.y
-          }, l.value = {
-            position: "absolute",
-            top: `${((I = e.value) == null ? void 0 : I.y) || 0}px`,
-            left: `${((j = e.value) == null ? void 0 : j.x) || 0}px`,
-            transform: `translateX(${t.width}px) translateY(-100%)`
-          };
-          break;
-        case "left-bottom":
-          e.value = {
-            x: t.x - 16,
-            y: t.y + o.y
-          }, l.value = {
-            position: "absolute",
-            top: `${((F = e.value) == null ? void 0 : F.y) || 0}px`,
-            left: `${((M = e.value) == null ? void 0 : M.x) || 0}px`,
-            transform: "translateX(-100%)"
-          };
-          break;
-        case "left-center":
-          e.value = {
-            x: t.x - 16,
-            y: t.y + t.height / 2 + o.y
-          }, l.value = {
-            position: "absolute",
-            top: `${((N = e.value) == null ? void 0 : N.y) || 0}px`,
-            left: `${((R = e.value) == null ? void 0 : R.x) || 0}px`,
-            transform: "translateX(-100%) translateY(-50%)"
-          };
-          break;
-        case "right-bottom":
-          e.value = {
-            x: t.x + 16,
-            y: t.y + o.y
-          }, l.value = {
-            position: "absolute",
-            top: `${((_ = e.value) == null ? void 0 : _.y) || 0}px`,
-            left: `${((O = e.value) == null ? void 0 : O.x) || 0}px`,
-            transform: `translateX(${t.width}px)`
-          };
-          break;
-        case "right-center":
-          e.value = {
-            x: t.x + 16,
-            y: t.y + t.height / 2 + o.y
-          }, l.value = {
-            position: "absolute",
-            top: `${((U = e.value) == null ? void 0 : U.y) || 0}px`,
-            left: `${((D = e.value) == null ? void 0 : D.x) || 0}px`,
-            transform: `translateX(${t.width}px) translateY(-50%)`
-          };
-          break;
-        default:
-          e.value = {
-            x: t.x + 32,
-            y: t.y + t.height + 16
-          }, l.value = {
-            position: "absolute",
-            top: `${((G = e.value) == null ? void 0 : G.y) || 0}px`,
-            left: `${((H = e.value) == null ? void 0 : H.x) || 0}px`,
-            transform: "translateX(-100%)"
-          };
-          break;
-      }
-      d.value = `at-tooltip-${n.position}`;
-    };
-    tt(() => {
-      window.addEventListener("resize", s), window.addEventListener("scroll", s);
-    }), et(() => {
-      window.removeEventListener("resize", s), window.removeEventListener("scroll", s);
-    });
-    const K = () => {
-      c.value = !0, s();
-    }, h = () => {
-      c.value = !1;
-    }, Q = (u) => {
-      var o, t, p;
-      const { relatedTarget: a } = u;
-      a && ((o = v.value) != null && o.contains(a) || (t = x.value) != null && t.contains(a) || (p = f.value) != null && p.contains(a)) || h();
-    }, V = async (u) => {
-      if (navigator && navigator.clipboard)
-        try {
-          await navigator.clipboard.writeText(u), J("copiedText", u);
-        } catch (a) {
-          console.error("Failed to copy: ", a);
-        }
-      else
-        console.warn("Clipboard API not supported");
-    }, W = at(() => !n.maxTextLength || n.text.length <= n.maxTextLength ? n.text : `${n.text.substring(0, n.maxTextLength)}...`);
-    return {
-      tooltipChildren: x,
-      contentPosition: e,
-      tooltipStyle: l,
-      tooltipClass: d,
-      visible: c,
-      wrapper: v,
-      tooltip: f,
-      formatedText: W,
-      show: K,
-      hide: h,
-      handleMouseOut: Q,
-      copyText: V
-    };
-  }
-});
-export {
-  st as default
-};

package/dist/Tooltip/Tooltip.vue3.js

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

package/dist/Tooltip/index.d.ts

@@ -1 +0,0 @@
-export { default as AtTooltip, type TooltipProps } from './Tooltip';