@agrotools1/at-components 1.0.0 → 1.0.2

package/dist/Tipograph/index.d.ts

@@ -0,0 +1,50 @@
+export declare const AtTipograph: {
+    Title: import('vue').DefineComponent<{
+        bold: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        as: {
+            type: () => "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+            required: true;
+            default: string;
+        };
+    }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
+        bold: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        as: {
+            type: () => "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+            required: true;
+            default: string;
+        };
+    }>>, {
+        bold: boolean;
+        as: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+    }, {}>;
+    Paragraph: import('vue').DefineComponent<{
+        weight: {
+            type: () => "bold" | "light" | "regular" | "medium";
+            default: string;
+        };
+        size: {
+            type: () => "p1" | "p2" | "p3";
+            required: true;
+            default: string;
+        };
+    }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
+        weight: {
+            type: () => "bold" | "light" | "regular" | "medium";
+            default: string;
+        };
+        size: {
+            type: () => "p1" | "p2" | "p3";
+            required: true;
+            default: string;
+        };
+    }>>, {
+        weight: "bold" | "light" | "regular" | "medium";
+        size: "p1" | "p2" | "p3";
+    }, {}>;
+};

package/dist/Tipograph/index.js

@@ -0,0 +1,9 @@
+import r from "./Title/Title.vue.js";
+import t from "./Paragraph/Paragraph.vue.js";
+const p = {
+  Title: r,
+  Paragraph: t
+};
+export {
+  p as AtTipograph
+};

package/dist/Toggle/Toggle.d.ts

@@ -0,0 +1,63 @@
+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

@@ -0,0 +1,30 @@
+import r from "./Toggle.vue2.js";
+import { openBlock as a, 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 a(), 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(r, [["render", f], ["__scopeId", "data-v-7eddbf4e"]]);
+export {
+  y as default
+};

package/dist/Toggle/Toggle.vue2.js

@@ -0,0 +1,53 @@
+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

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

package/dist/Toggle/index.d.ts

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

package/dist/Tooltip/Tooltip.d.ts

@@ -0,0 +1,89 @@
+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

@@ -0,0 +1,66 @@
+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 v, normalizeStyle as c, 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, T, b, 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: v(["at-tooltip", o.tooltipClass]),
+        style: c(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-4711a4d4"]]);
+export {
+  F as default
+};

package/dist/Tooltip/Tooltip.vue2.js

@@ -0,0 +1,234 @@
+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

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

package/dist/Tooltip/index.d.ts

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