@agrotools1/at-components 1.0.0 → 1.0.1

package/dist/Accordion/Accordion.d.ts

@@ -0,0 +1,84 @@
+export interface AtAccordionProps {
+    isInformative: boolean;
+    informativeType: "default" | "success" | "alert" | "error";
+    informativeTitle: string;
+    titleType: "default" | "success" | "alert" | "error" | "info";
+    titleColor: string;
+}
+declare const _default: import('vue').DefineComponent<{
+    isInformative: {
+        required: true;
+        type: () => AtAccordionProps["isInformative"];
+        default: boolean;
+    };
+    informativeType: {
+        required: false;
+        type: () => AtAccordionProps["informativeType"];
+        default: string;
+    };
+    informativeTitle: {
+        required: false;
+        type: StringConstructor;
+        default: string;
+    };
+    titleType: {
+        required: false;
+        type: () => AtAccordionProps["titleType"];
+        default: string;
+    };
+    titleColor: {
+        required: false;
+        type: () => AtAccordionProps["titleColor"];
+        default: undefined;
+    };
+    defaultValue: {
+        required: false;
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    isOpen: import('vue').Ref<boolean>;
+    buttonRef: import('vue').Ref<HTMLButtonElement | null>;
+    onClick: () => void;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:isOpen"[], "update:isOpen", import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
+    isInformative: {
+        required: true;
+        type: () => AtAccordionProps["isInformative"];
+        default: boolean;
+    };
+    informativeType: {
+        required: false;
+        type: () => AtAccordionProps["informativeType"];
+        default: string;
+    };
+    informativeTitle: {
+        required: false;
+        type: StringConstructor;
+        default: string;
+    };
+    titleType: {
+        required: false;
+        type: () => AtAccordionProps["titleType"];
+        default: string;
+    };
+    titleColor: {
+        required: false;
+        type: () => AtAccordionProps["titleColor"];
+        default: undefined;
+    };
+    defaultValue: {
+        required: false;
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:isOpen"?: ((...args: any[]) => any) | undefined;
+}, {
+    isInformative: boolean;
+    informativeType: "default" | "success" | "alert" | "error";
+    titleType: "default" | "success" | "alert" | "error" | "info";
+    titleColor: string;
+    informativeTitle: string;
+    defaultValue: boolean;
+}, {}>;
+export default _default;

package/dist/Accordion/Accordion.vue.js

@@ -0,0 +1,80 @@
+import v from "./Accordion.vue2.js";
+import { resolveComponent as t, openBlock as o, createElementBlock as c, normalizeClass as l, createBlock as i, createCommentVNode as n, createVNode as C, withCtx as S, createTextVNode as I, toDisplayString as _, createElementVNode as r, normalizeStyle as g, renderSlot as a } from "vue";
+import "./Accordion.vue3.js";
+import $ from "../_virtual/_plugin-vue_export-helper.js";
+const T = { class: "d-block w-100 at-accordion" }, h = { class: "flex-grow-1" }, z = ["data-state"];
+function b(e, s, w, M, N, V) {
+  const d = t("AtCircleMinusSolidIcon"), p = t("AtCheckCircleSolidIcon"), m = t("AtWarningSolidIcon"), f = t("AtCircleXMarkSolidIcon"), u = t("AtTitle"), k = t("AtAngleUpSolidIcon"), y = t("AtAngleDownSolidIcon");
+  return o(), c("div", T, [
+    e.isInformative ? (o(), c("div", {
+      key: 0,
+      class: l(["d-flex align-items-center justify-content-center at-accordion-header", [`at-accordion-header-${e.$props.informativeType}`]])
+    }, [
+      e.informativeType === "default" ? (o(), i(d, {
+        key: 0,
+        size: "20",
+        class: "me-2"
+      })) : n("", !0),
+      e.informativeType === "success" ? (o(), i(p, {
+        key: 1,
+        size: "20",
+        class: "me-2"
+      })) : n("", !0),
+      e.informativeType === "alert" ? (o(), i(m, {
+        key: 2,
+        size: "20",
+        class: "me-2"
+      })) : n("", !0),
+      e.informativeType === "error" ? (o(), i(f, {
+        key: 3,
+        size: "20",
+        class: "me-2"
+      })) : n("", !0),
+      C(u, {
+        as: "h6",
+        bold: !0,
+        class: "m-0"
+      }, {
+        default: S(() => [
+          I(_(e.informativeTitle), 1)
+        ]),
+        _: 1
+      })
+    ], 2)) : n("", !0),
+    r("div", {
+      class: l(["d-flex align-items-center px-3 py-2 at-accordion-title", [`at-accordion-title-${e.$props.titleType}`]]),
+      style: g({ backgroundColor: e.$props.titleColor ?? "" })
+    }, [
+      r("div", h, [
+        a(e.$slots, "title", {}, void 0, !0)
+      ]),
+      r("div", {
+        ref: "buttonRef",
+        as: "button",
+        class: "ms-2 at-accordion-button",
+        onClick: s[0] || (s[0] = (...A) => e.onClick && e.onClick(...A))
+      }, [
+        e.isOpen ? (o(), i(k, {
+          key: 0,
+          size: "24",
+          color: "#161617"
+        })) : n("", !0),
+        e.isOpen ? n("", !0) : (o(), i(y, {
+          key: 1,
+          size: "24",
+          color: "#161617"
+        }))
+      ], 512)
+    ], 6),
+    r("div", {
+      "data-state": e.isOpen ? "open" : "close",
+      class: "at-accordion-body"
+    }, [
+      a(e.$slots, "content", {}, void 0, !0)
+    ], 8, z)
+  ]);
+}
+const U = /* @__PURE__ */ $(v, [["render", b], ["__scopeId", "data-v-8cdaaaf9"]]);
+export {
+  U as default
+};

package/dist/Accordion/Accordion.vue2.js

@@ -0,0 +1,66 @@
+import { defineComponent as r, ref as t } from "vue";
+import { AtAngleDownSolidIcon as n } from "../node_modules/.pnpm/@agrotools1_at-icons@0.2.11/node_modules/@agrotools1/at-icons/dist/AtAngleDownSolidIcon/index.js";
+import { AtAngleUpSolidIcon as a } from "../node_modules/.pnpm/@agrotools1_at-icons@0.2.11/node_modules/@agrotools1/at-icons/dist/AtAngleUpSolidIcon/index.js";
+import { AtCheckCircleSolidIcon as d } from "../node_modules/.pnpm/@agrotools1_at-icons@0.2.11/node_modules/@agrotools1/at-icons/dist/AtCheckCircleSolidIcon/index.js";
+import { AtCircleMinusSolidIcon as c } from "../node_modules/.pnpm/@agrotools1_at-icons@0.2.11/node_modules/@agrotools1/at-icons/dist/AtCircleMinusSolidIcon/index.js";
+import { AtCircleXMarkSolidIcon as f } from "../node_modules/.pnpm/@agrotools1_at-icons@0.2.11/node_modules/@agrotools1/at-icons/dist/AtCircleXMarkSolidIcon/index.js";
+import { AtWarningSolidIcon as u } from "../node_modules/.pnpm/@agrotools1_at-icons@0.2.11/node_modules/@agrotools1/at-icons/dist/AtWarningSolidIcon/index.js";
+import { AtTipograph as p } from "../Tipograph/index.js";
+const k = r({
+  name: "AtAccordion",
+  components: {
+    AtAngleUpSolidIcon: a,
+    AtAngleDownSolidIcon: n,
+    AtTitle: p.Title,
+    AtCheckCircleSolidIcon: d,
+    AtWarningSolidIcon: u,
+    AtCircleXMarkSolidIcon: f,
+    AtCircleMinusSolidIcon: c
+  },
+  props: {
+    isInformative: {
+      required: !0,
+      type: Boolean,
+      default: !1
+    },
+    informativeType: {
+      required: !1,
+      type: String,
+      default: "default"
+    },
+    informativeTitle: {
+      required: !1,
+      type: String,
+      default: ""
+    },
+    titleType: {
+      required: !1,
+      type: String,
+      default: "default"
+    },
+    titleColor: {
+      required: !1,
+      type: String,
+      default: void 0
+    },
+    defaultValue: {
+      required: !1,
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: ["update:isOpen"],
+  setup(o, i) {
+    const l = t(null), e = t(o.defaultValue);
+    return {
+      isOpen: e,
+      buttonRef: l,
+      onClick: () => {
+        e.value = !e.value, i.emit("update:isOpen", e.value);
+      }
+    };
+  }
+});
+export {
+  k as default
+};

package/dist/Accordion/Accordion.vue3.js

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

package/dist/Accordion/index.d.ts

@@ -0,0 +1 @@
+export { type AtAccordionProps, default as AtAccordion } from './Accordion';

package/dist/Avatar/Avatar.d.ts

@@ -0,0 +1,66 @@
+export interface AvatarProps {
+    imgBase64?: string | null;
+    username: string;
+    size: "G" | "M" | "P";
+}
+declare const _default: import('vue').DefineComponent<{
+    imgBase64: {
+        required: false;
+        type: StringConstructor;
+        default: null;
+        validator: (value: string) => boolean;
+    };
+    withIcon: {
+        required: false;
+        type: BooleanConstructor;
+        default: boolean;
+        validator: (value: boolean) => boolean;
+    };
+    username: {
+        required: true;
+        type: StringConstructor;
+        default: null;
+        validator: (value: string) => boolean;
+    };
+    size: {
+        required: false;
+        type: () => "P" | "M" | "G";
+        default: string;
+        validator: (value: string) => boolean;
+    };
+}, {
+    slotSize: import('vue').ComputedRef<string>;
+    fontSize: import('vue').ComputedRef<string>;
+    text: string;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
+    imgBase64: {
+        required: false;
+        type: StringConstructor;
+        default: null;
+        validator: (value: string) => boolean;
+    };
+    withIcon: {
+        required: false;
+        type: BooleanConstructor;
+        default: boolean;
+        validator: (value: boolean) => boolean;
+    };
+    username: {
+        required: true;
+        type: StringConstructor;
+        default: null;
+        validator: (value: string) => boolean;
+    };
+    size: {
+        required: false;
+        type: () => "P" | "M" | "G";
+        default: string;
+        validator: (value: string) => boolean;
+    };
+}>>, {
+    size: "P" | "M" | "G";
+    imgBase64: string;
+    withIcon: boolean;
+    username: string;
+}, {}>;
+export default _default;

package/dist/Avatar/Avatar.vue.js

@@ -0,0 +1,26 @@
+import a from "./Avatar.vue2.js";
+import { openBlock as t, createElementBlock as o, normalizeStyle as s, renderSlot as i, toDisplayString as r } from "vue";
+import "./Avatar.vue3.js";
+import l from "../_virtual/_plugin-vue_export-helper.js";
+const n = ["aria-label"], d = ["src"], m = ["data-size"];
+function p(e, f, c, h, u, z) {
+  return t(), o("div", {
+    style: s({ width: e.slotSize, height: e.slotSize }),
+    "aria-label": e.text
+  }, [
+    e.imgBase64 ? (t(), o("img", {
+      key: 0,
+      src: e.imgBase64,
+      alt: "User image"
+    }, null, 8, d)) : e.withIcon ? i(e.$slots, "default", { key: 1 }, void 0, !0) : (t(), o("span", {
+      key: 2,
+      "data-size": e.size,
+      class: "username-slot",
+      style: s({ fontSize: e.fontSize })
+    }, r(e.text), 13, m))
+  ], 12, n);
+}
+const k = /* @__PURE__ */ l(a, [["render", p], ["__scopeId", "data-v-272b5c92"]]);
+export {
+  k as default
+};

package/dist/Avatar/Avatar.vue2.js

@@ -0,0 +1,58 @@
+import { defineComponent as f, computed as n } from "vue";
+const p = f({
+  name: "AtAvatar",
+  props: {
+    imgBase64: {
+      required: !1,
+      type: String,
+      default: null,
+      validator: (e) => typeof e == "string"
+    },
+    withIcon: {
+      required: !1,
+      type: Boolean,
+      default: !1,
+      validator: (e) => typeof e == "boolean"
+    },
+    username: {
+      required: !0,
+      type: String,
+      default: null,
+      validator: (e) => typeof e == "string"
+    },
+    size: {
+      required: !1,
+      type: String,
+      default: "M",
+      validator: (e) => typeof e == "string" && ["P", "M", "G"].includes(e)
+    }
+  },
+  setup(e) {
+    const s = n(() => {
+      switch (e.size) {
+        case "P":
+          return 24;
+        case "M":
+          return 32;
+        case "G":
+          return 44;
+        default:
+          return 32;
+      }
+    }), a = n(() => `${s.value / 2}px`), i = () => {
+      if (e.username.length) {
+        const t = e.username.split(" "), o = t[0], r = t == null ? void 0 : t[1], l = o[0], u = (r == null ? void 0 : r[0]) || "";
+        return `${l}${u}`.toUpperCase();
+      }
+      return "";
+    };
+    return {
+      slotSize: n(() => `${s.value}px`),
+      fontSize: a,
+      text: i()
+    };
+  }
+});
+export {
+  p as default
+};

package/dist/Avatar/Avatar.vue3.js

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

package/dist/Avatar/index.d.ts

@@ -0,0 +1 @@
+export { type AvatarProps, default as AtAvatar } from './Avatar';

package/dist/Button/Button.d.ts

@@ -0,0 +1,91 @@
+export interface ButtonProps {
+    variant: "primary" | "secondary" | "danger" | "header";
+    disabled: boolean;
+    size: {
+        width: string;
+    };
+    onlyIcon: boolean;
+    href: string;
+    link: boolean;
+}
+declare const _default: import('vue').DefineComponent<{
+    variant: {
+        type: () => "primary" | "secondary" | "danger" | "header";
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: () => {
+            width: string;
+        };
+        default: () => {
+            width: string;
+        };
+    };
+    onlyIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    href: {
+        type: StringConstructor;
+        default: string;
+    };
+    link: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isLoading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    tagName: import('vue').ComputedRef<"button" | "a">;
+    targetAttribute: import('vue').ComputedRef<"_blank" | undefined>;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
+    variant: {
+        type: () => "primary" | "secondary" | "danger" | "header";
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: () => {
+            width: string;
+        };
+        default: () => {
+            width: string;
+        };
+    };
+    onlyIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    href: {
+        type: StringConstructor;
+        default: string;
+    };
+    link: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isLoading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    link: boolean;
+    size: {
+        width: string;
+    };
+    variant: "header" | "primary" | "secondary" | "danger";
+    disabled: boolean;
+    onlyIcon: boolean;
+    href: string;
+    isLoading: boolean;
+}, {}>;
+export default _default;

package/dist/Button/Button.vue.js

@@ -0,0 +1,36 @@
+import a from "./Button.vue2.js";
+import { openBlock as t, createBlock as i, resolveDynamicComponent as o, normalizeStyle as n, normalizeClass as r, withCtx as s, renderSlot as l, createElementBlock as d, createCommentVNode as m } from "vue";
+import "./Button.vue3.js";
+import p from "../_virtual/_plugin-vue_export-helper.js";
+function u(e, f, b, h, y, g) {
+  return t(), i(o(e.tagName), {
+    href: e.href,
+    target: e.targetAttribute,
+    style: n({ width: e.size.width, pointerEvents: e.isLoading ? "none" : "auto" }),
+    class: r(["at-button", [
+      e.variant,
+      { "is-disabled": e.disabled, "only-icon": e.onlyIcon, "link-button": e.link }
+    ]]),
+    disabled: e.disabled,
+    role: "button",
+    "aria-disabled": e.disabled
+  }, {
+    default: s(() => [
+      l(e.$slots, "default", {}, void 0, !0),
+      e.isLoading ? (t(), d("div", {
+        key: 0,
+        class: r([
+          "spinner-border",
+          e.variant === "primary" ? "text-white" : "text-primary"
+        ]),
+        role: "status",
+        style: { width: "1.25rem", height: "1.25rem", "margin-left": "4px" }
+      }, null, 2)) : m("", !0)
+    ]),
+    _: 3
+  }, 8, ["href", "target", "style", "class", "disabled", "aria-disabled"]);
+}
+const $ = /* @__PURE__ */ p(a, [["render", u], ["__scopeId", "data-v-2f6438bd"]]);
+export {
+  $ as default
+};

package/dist/Button/Button.vue2.js

@@ -0,0 +1,45 @@
+import { defineComponent as o, computed as t } from "vue";
+const f = o({
+  name: "AtButton",
+  props: {
+    variant: {
+      type: String,
+      default: "primary"
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    size: {
+      type: Object,
+      default: () => ({
+        width: "max-content"
+      })
+    },
+    onlyIcon: {
+      type: Boolean,
+      default: !1
+    },
+    href: {
+      type: String,
+      default: ""
+    },
+    link: {
+      type: Boolean,
+      default: !1
+    },
+    isLoading: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(e) {
+    const a = t(
+      () => e.href && !e.disabled ? "a" : "button"
+    ), n = t(() => e.href ? "_blank" : void 0);
+    return { tagName: a, targetAttribute: n };
+  }
+});
+export {
+  f as default
+};

package/dist/Button/Button.vue3.js

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

package/dist/Button/index.d.ts

@@ -0,0 +1 @@
+export { type ButtonProps, default as AtButton } from './Button';

package/dist/CardWithInsights/CardWithInsights.d.ts

@@ -0,0 +1,8 @@
+export type CardWithInsights = {
+    index: number;
+    value?: number;
+    title?: string | undefined;
+    image: string;
+    insightTitle: string;
+    myFunction?: (input: number | string | HTMLElement | Event | void) => void;
+};

package/dist/CardWithInsights/CardWithInsights.vue.js

@@ -0,0 +1,60 @@
+import u from "./CardWithInsights.vue2.js";
+import { resolveComponent as n, openBlock as e, createElementBlock as i, normalizeStyle as h, Fragment as p, renderList as _, createVNode as o, createElementVNode as r, toDisplayString as a, withCtx as g, createTextVNode as f } from "vue";
+import "./CardWithInsights.vue3.js";
+import "./CardWithInsights.vue4.js";
+import m from "../_virtual/_plugin-vue_export-helper.js";
+const v = { class: "insight-container" }, y = { class: "circle-question-container" }, k = ["onClick"], C = {
+  key: 0,
+  id: "insight-value",
+  class: "insight-value"
+}, I = {
+  key: 1,
+  id: "insight-value",
+  class: "insight-value"
+};
+function A(s, $, w, x, S, V) {
+  const l = n("AtIllustration"), c = n("AtCircleQuestionSolidIcon"), d = n("AtParagraph");
+  return e(), i("div", {
+    class: "card-with-insights-container",
+    style: h({
+      width: s.$props.fullWidth === !0 ? "100%" : "max-content",
+      justifyContent: s.$props.fullWidth === !0 ? "space-between" : "flex-start"
+    })
+  }, [
+    (e(!0), i(p, null, _(s.insightsList, (t) => (e(), i("div", {
+      key: t.index,
+      class: "card-with-insights-list"
+    }, [
+      o(l, {
+        illustration: t.image
+      }, null, 8, ["illustration"]),
+      r("div", v, [
+        r("div", y, [
+          r("div", {
+            class: "circle-question-icon",
+            onClick: t.myFunction
+          }, [
+            o(c, {
+              size: "16",
+              color: "var(--at-dark-grey)"
+            })
+          ], 8, k)
+        ]),
+        t.title ? (e(), i("h3", I, a(t.title), 1)) : (e(), i("h3", C, a(s.renderInsightValue(t.value)), 1)),
+        o(d, {
+          size: "p2",
+          class: "gray-text"
+        }, {
+          default: g(() => [
+            f(a(t.insightTitle), 1)
+          ]),
+          _: 2
+        }, 1024)
+      ])
+    ]))), 128))
+  ], 4);
+}
+const B = /* @__PURE__ */ m(u, [["render", A], ["__scopeId", "data-v-44a4b4fe"]]);
+export {
+  B as default
+};

package/dist/CardWithInsights/CardWithInsights.vue2.js

@@ -0,0 +1,32 @@
+import { defineComponent as a } from "vue";
+import { AtCircleQuestionSolidIcon as s } from "../node_modules/.pnpm/@agrotools1_at-icons@0.2.11/node_modules/@agrotools1/at-icons/dist/AtCircleQuestionSolidIcon/index.js";
+import l from "../Illustration/Illustration.vue.js";
+import { AtTipograph as p } from "../Tipograph/index.js";
+const m = a({
+  name: "AtCardWithInsights",
+  components: {
+    AtParagraph: p.Paragraph,
+    AtIllustration: l,
+    AtCircleQuestionSolidIcon: s
+  },
+  props: {
+    insightsList: {
+      type: Array,
+      required: !0,
+      validator: (r) => Array.isArray(r) && r.every((e) => typeof e == "object")
+    },
+    fullWidth: {
+      type: Boolean,
+      required: !1,
+      default: !1,
+      validator: (r) => typeof r == "boolean"
+    }
+  },
+  setup() {
+    const e = (t) => t % 1 !== 0, o = (t) => t.toFixed(2), n = (t) => t < 0 ? 0 : t, i = (t) => t > 1e9 ? 1e9 : t;
+    return { renderInsightValue: (t) => t === void 0 ? 0 : (t = i(t), e(t) ? o(t) : n(t)), handleFloatValue: o };
+  }
+});
+export {
+  m as default
+};