@agrotools1/at-components 1.0.80 → 1.0.81

package/dist/Button/Button.vue2.js

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

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

package/dist/CardWithInsights/CardWithInsights.vue.js

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

@@ -1,32 +0,0 @@
-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
-};

package/dist/CardWithInsights/CardWithInsights.vue3.js

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

package/dist/CardWithInsights/CardWithInsights.vue4.js

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

package/dist/Checkbox/Checkbox.d.ts

@@ -1,88 +0,0 @@
-import { PropType } from 'vue';
-
-export interface CheckboxProps {
-    value: boolean | Array<string>;
-    val?: string;
-    disabled: boolean;
-    size: "12" | "16" | "20" | "24" | "28";
-    labelledby: string;
-}
-declare const _default: import('vue').DefineComponent<{
-    disabled: {
-        required: false;
-        type: PropType<boolean>;
-        default: boolean;
-        validator: (value: boolean) => boolean;
-    };
-    modelValue: {
-        required: false;
-        type: PropType<boolean | string[]>;
-        default: undefined;
-        validator: (value: CheckboxProps["value"]) => boolean;
-    };
-    val: {
-        required: false;
-        type: PropType<string | undefined>;
-        default: undefined;
-    };
-    size: {
-        required: false;
-        type: PropType<"12" | "16" | "20" | "24" | "28">;
-        default: string;
-        validator: (value: string) => boolean;
-    };
-    labelledby: {
-        required: false;
-        type: PropType<string>;
-        default: string;
-        validator: (value: string) => boolean;
-    };
-}, {
-    checkmarck: string;
-    buttonRef: import('vue').Ref<HTMLButtonElement | null>;
-    inputRef: import('vue').Ref<HTMLInputElement | null>;
-    computedSize: import('vue').ComputedRef<string>;
-    onClick: (event: MouseEvent) => void;
-    borderRadius: import('vue').ComputedRef<string>;
-    isCheckedValue: import('vue').ComputedRef<boolean>;
-}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("click" | "update:modelValue")[], "click" | "update:modelValue", import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
-    disabled: {
-        required: false;
-        type: PropType<boolean>;
-        default: boolean;
-        validator: (value: boolean) => boolean;
-    };
-    modelValue: {
-        required: false;
-        type: PropType<boolean | string[]>;
-        default: undefined;
-        validator: (value: CheckboxProps["value"]) => boolean;
-    };
-    val: {
-        required: false;
-        type: PropType<string | undefined>;
-        default: undefined;
-    };
-    size: {
-        required: false;
-        type: PropType<"12" | "16" | "20" | "24" | "28">;
-        default: string;
-        validator: (value: string) => boolean;
-    };
-    labelledby: {
-        required: false;
-        type: PropType<string>;
-        default: string;
-        validator: (value: string) => boolean;
-    };
-}>> & {
-    onClick?: ((...args: any[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}, {
-    size: "12" | "16" | "20" | "24" | "28";
-    disabled: boolean;
-    val: string | undefined;
-    labelledby: string;
-    modelValue: boolean | string[];
-}, {}>;
-export default _default;

package/dist/Checkbox/Checkbox.vue.js

@@ -1,38 +0,0 @@
-import r from "./Checkbox.vue2.js";
-import { openBlock as d, createElementBlock as t, Fragment as i, createElementVNode as o, mergeProps as s, createCommentVNode as a, normalizeStyle as c } from "vue";
-import "./Checkbox.vue3.js";
-import n from "../_virtual/_plugin-vue_export-helper.js";
-const l = ["aria-checked", "disabled"], h = ["src"], u = ["checked", "disabled"];
-function m(e, p, b, k, f, y) {
-  return d(), t(i, null, [
-    o("button", s({ ref: "buttonRef" }, e.$attrs, {
-      type: "button",
-      role: "checkbox",
-      "aria-checked": e.isCheckedValue,
-      disabled: e.disabled,
-      style: {
-        width: e.computedSize,
-        height: e.computedSize,
-        borderRadius: e.borderRadius
-      }
-    }), [
-      e.isCheckedValue ? (d(), t("img", {
-        key: 0,
-        src: e.checkmarck
-      }, null, 8, h)) : a("", !0)
-    ], 16, l),
-    o("input", {
-      ref: "inputRef",
-      tabindex: "-1",
-      "aria-hidden": "true",
-      type: "checkbox",
-      checked: e.isCheckedValue,
-      disabled: e.disabled,
-      style: c({ width: e.size, height: e.size })
-    }, null, 12, u)
-  ], 64);
-}
-const $ = /* @__PURE__ */ n(r, [["render", m], ["__scopeId", "data-v-939d784f"]]);
-export {
-  $ as default
-};

package/dist/Checkbox/Checkbox.vue2.js

@@ -1,73 +0,0 @@
-import { defineComponent as s, ref as i, computed as n, onMounted as y, onBeforeUnmount as b } from "vue";
-import V from "./img/checkmarck.svg.js";
-const A = s({
-  name: "AtCheckbox",
-  props: {
-    disabled: {
-      required: !1,
-      type: Boolean,
-      default: !1,
-      validator: (e) => typeof e == "boolean"
-    },
-    modelValue: {
-      required: !1,
-      type: [Boolean, Array],
-      default: void 0,
-      validator: (e) => Array.isArray(e) || typeof e == "boolean"
-    },
-    val: {
-      required: !1,
-      type: String,
-      default: void 0
-    },
-    size: {
-      required: !1,
-      type: String,
-      default: "24",
-      validator: (e) => ["12", "16", "20", "24", "28"].includes(e)
-    },
-    labelledby: {
-      required: !1,
-      type: String,
-      default: "",
-      validator: (e) => typeof e == "string"
-    }
-  },
-  emits: ["click", "update:modelValue"],
-  setup(e, { emit: o }) {
-    const a = i(null), r = i(null), u = i(!1), f = n(() => `${e.size}px`), c = n(
-      () => ({
-        12: "3px",
-        16: "4px",
-        20: "6px",
-        24: "6px",
-        28: "8px"
-      })[e.size]
-    );
-    function m() {
-      return e.val !== void 0 && Array.isArray(e.modelValue) ? e.modelValue.includes(e.val) ? e.modelValue.filter((l) => l !== e.val) : [...e.modelValue, e.val] : !e.modelValue;
-    }
-    const d = (l) => {
-      let t;
-      e.modelValue === void 0 ? (t = !u.value, u.value = t) : t = m(), o("update:modelValue", t), o("click", { event: l, value: t });
-    }, v = n(() => e.modelValue === void 0 ? u.value : e.val === void 0 || typeof e.modelValue == "boolean" ? !!e.modelValue : e.modelValue.includes(e.val));
-    return y(() => {
-      var l;
-      a.value && e.labelledby && a.value.setAttribute("aria-labelledby", e.labelledby), (l = a.value) == null || l.addEventListener("click", d);
-    }), b(() => {
-      var l;
-      (l = a.value) == null || l.removeEventListener("click", d);
-    }), {
-      checkmarck: V,
-      buttonRef: a,
-      inputRef: r,
-      computedSize: f,
-      onClick: d,
-      borderRadius: c,
-      isCheckedValue: v
-    };
-  }
-});
-export {
-  A as default
-};

package/dist/Checkbox/Checkbox.vue3.js

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

package/dist/Checkbox/img/checkmarck.svg.js

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

package/dist/ColorPicker/ColorPicker.Saturation.d.ts

@@ -1,29 +0,0 @@
-declare const _default: import('vue').DefineComponent<{
-    value: ObjectConstructor;
-    colorHex: {
-        type: StringConstructor;
-        default: () => "#FFFFFF";
-        validator: (value: unknown) => boolean;
-    };
-}, {
-    handleChange: (e: MouseEvent | TouchEvent) => void;
-    handleMouseDown: () => void;
-    container: import('vue').Ref<HTMLElement | null>;
-    left: import('vue').Ref<string>;
-    top: import('vue').Ref<string>;
-    localColorHex: import('vue').Ref<string>;
-    coloring: import('vue').Ref<Record<string, any> | undefined>;
-    backgroundColor: import('vue').Ref<string>;
-}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "colorChanged"[], "colorChanged", import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
-    value: ObjectConstructor;
-    colorHex: {
-        type: StringConstructor;
-        default: () => "#FFFFFF";
-        validator: (value: unknown) => boolean;
-    };
-}>> & {
-    onColorChanged?: ((...args: any[]) => any) | undefined;
-}, {
-    colorHex: string;
-}, {}>;
-export default _default;

package/dist/ColorPicker/ColorPicker.Saturation.vue.js

@@ -1,31 +0,0 @@
-import l from "./ColorPicker.Saturation.vue2.js";
-import { openBlock as r, createElementBlock as d, normalizeStyle as a, createElementVNode as t, pushScopeId as i, popScopeId as u } from "vue";
-import "./ColorPicker.Saturation.vue3.js";
-import c from "../_virtual/_plugin-vue_export-helper.js";
-const s = (o) => (i("data-v-cbc96218"), o = o(), u(), o), p = /* @__PURE__ */ s(() => /* @__PURE__ */ t("div", { class: "vc-saturation--white" }, null, -1)), v = /* @__PURE__ */ s(() => /* @__PURE__ */ t("div", { class: "vc-saturation--black" }, null, -1));
-function h(o, e, m, f, g, C) {
-  return r(), d("div", {
-    ref: "container",
-    class: "vc-saturation",
-    style: a({ background: o.backgroundColor }),
-    onMousedown: e[0] || (e[0] = (...n) => o.handleMouseDown && o.handleMouseDown(...n)),
-    onTouchmove: e[1] || (e[1] = (...n) => o.handleChange && o.handleChange(...n)),
-    onTouchstart: e[2] || (e[2] = (...n) => o.handleChange && o.handleChange(...n))
-  }, [
-    p,
-    v,
-    t("div", {
-      class: "vc-saturation-pointer",
-      style: a({ top: o.top, left: o.left })
-    }, [
-      t("div", {
-        style: a({ backgroundColor: o.localColorHex }),
-        class: "vc-saturation-circle"
-      }, null, 4)
-    ], 4)
-  ], 36);
-}
-const y = /* @__PURE__ */ c(l, [["render", h], ["__scopeId", "data-v-cbc96218"]]);
-export {
-  y as default
-};

package/dist/ColorPicker/ColorPicker.Saturation.vue2.js

@@ -1,82 +0,0 @@
-import { defineComponent as I, ref as O, reactive as R, computed as E, watch as H, toRefs as X } from "vue";
-const T = I({
-  name: "Saturation",
-  props: {
-    value: Object,
-    colorHex: {
-      type: String,
-      default: () => "#FFFFFF",
-      validator: (n) => typeof n == "string"
-    }
-  },
-  emits: ["colorChanged"],
-  setup(n, { emit: x }) {
-    const s = O(null), c = R({
-      left: "",
-      top: "",
-      localColorHex: n.colorHex,
-      coloring: E(() => n.value),
-      backgroundColor: E(() => `hsl(${n.value.hsv.h}, 100%, 50%)`)
-    }), w = () => {
-      c.top = `${-(n.value.hsv.v * 100) + 92}%`, c.left = `${n.value.hsv.s * 100 - 3}%`;
-    }, p = (e, o, t) => o < t ? e < o ? o : e > t ? t : e : e < t ? t : e > o ? o : e, i = (e) => {
-      if (e.preventDefault(), !s.value)
-        return;
-      const o = s.value.clientWidth, t = s.value.clientHeight, u = s.value.getBoundingClientRect().left + window.scrollX, h = s.value.getBoundingClientRect().top + window.scrollY, r = e instanceof MouseEvent ? e.pageX : e.touches ? e.touches[0].pageX : 0, a = e instanceof MouseEvent ? e.pageY : e.touches ? e.touches[0].pageY : 0, l = p(r - u, 0, o), d = p(a - h, 0, t), f = l / o, v = p(-(d / t) + 1, 0, 1);
-      n.value.hsv.s = f, n.value.hsv.v = v, w();
-      const g = L(
-        n.value.hsv.h,
-        F(f),
-        F(v)
-      ), M = P(
-        Number.parseInt(g.r.toFixed(0)),
-        Number.parseInt(g.g.toFixed(0)),
-        Number.parseInt(g.b.toFixed(0))
-      );
-      c.localColorHex = M, x("colorChanged", M);
-    }, L = (e, o, t) => {
-      e = m(e, 360) * 6, o = m(o, 100), t = m(t, 100);
-      const u = Math.floor(e), h = e - u, r = t * (1 - o), a = t * (1 - h * o), l = t * (1 - (1 - h) * o), d = u % 6, f = [t, a, r, r, l, t][d], v = [l, t, t, a, r, r][d], g = [r, r, l, t, t, a][d];
-      return {
-        r: f * 255,
-        g: v * 255,
-        b: g * 255
-      };
-    }, m = (e, o) => {
-      N(e) && (e = "100%");
-      const t = $(e);
-      return e = Math.min(o, Math.max(0, Number.parseFloat(e))), t && (e = Number.parseInt((e * o).toString(), 10) / 100), Math.abs(e - o) < 1e-6 ? 1 : e % o / Number.parseFloat(o);
-    }, N = (e) => typeof e == "string" && e.includes(".") && Number.parseFloat(e) === 1, $ = (e) => typeof e == "string" && e.includes("%"), P = (e, o, t) => `#${[
-      b(Math.round(e).toString(16)),
-      b(Math.round(o).toString(16)),
-      b(Math.round(t).toString(16))
-    ].join("")}`.toUpperCase(), b = (e) => e.length === 1 ? `0${e}` : `${e}`, F = (e) => (e <= 1 && (e = `${e * 100}%`), e), S = () => {
-      window.addEventListener("mousemove", i), window.addEventListener("mouseup", i), window.addEventListener("mouseup", C);
-    }, C = () => {
-      y();
-    }, y = () => {
-      window.removeEventListener("mousemove", i), window.removeEventListener("mouseup", i), window.removeEventListener("mouseup", C);
-    };
-    return H(
-      () => n.colorHex,
-      (e) => {
-        c.localColorHex = e;
-      },
-      { immediate: !0 }
-    ), H(
-      () => c.coloring,
-      () => {
-        w();
-      },
-      { immediate: !0 }
-    ), {
-      ...X(c),
-      handleChange: i,
-      handleMouseDown: S,
-      container: s
-    };
-  }
-});
-export {
-  T as default
-};

package/dist/ColorPicker/ColorPicker.Saturation.vue3.js

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

package/dist/ColorPicker/ColorPicker.vue.js

@@ -1,86 +0,0 @@
-import _ from "./ColorPicker.vue2.js";
-import { resolveComponent as c, openBlock as n, createElementBlock as s, normalizeStyle as r, createElementVNode as e, createVNode as i, withDirectives as p, vModelText as u, Fragment as f, renderList as k, withCtx as v, createTextVNode as C, pushScopeId as g, popScopeId as y } from "vue";
-import "./ColorPicker.vue3.js";
-import I from "../_virtual/_plugin-vue_export-helper.js";
-const a = (o) => (g("data-v-c4af3539"), o = o(), y(), o), S = { class: "color-picker-saturation-wrap" }, w = { class: "slider-content" }, H = { class: "container-info" }, U = /* @__PURE__ */ a(() => /* @__PURE__ */ e("p", null, "Hex", -1)), V = { class: "custom-input" }, $ = /* @__PURE__ */ a(() => /* @__PURE__ */ e("div", { class: "input-prefix" }, "#", -1)), A = { class: "group-color" }, B = /* @__PURE__ */ a(() => /* @__PURE__ */ e("p", null, "Salvas", -1)), b = { class: "group-color-user" }, z = ["onClick"], N = { class: "button-group" };
-function E(o, l, L, T, D, F) {
-  const m = c("AtSaturation"), d = c("AtButton");
-  return n(), s("div", {
-    class: "color-picker-container",
-    style: r({ position: o.position })
-  }, [
-    e("div", S, [
-      i(m, {
-        value: o.coloring,
-        "color-hex": o.color,
-        onColorChanged: o.handleColorChange
-      }, null, 8, ["value", "color-hex", "onColorChanged"])
-    ]),
-    e("div", w, [
-      p(e("input", {
-        "onUpdate:modelValue": l[0] || (l[0] = (t) => o.selectedColorHue = t),
-        type: "range",
-        min: "0",
-        max: "360",
-        class: "slider"
-      }, null, 512), [
-        [u, o.selectedColorHue]
-      ])
-    ]),
-    e("div", H, [
-      U,
-      e("div", V, [
-        $,
-        p(e("input", {
-          "onUpdate:modelValue": l[1] || (l[1] = (t) => o.colorInput = t),
-          class: "input-field",
-          type: "text",
-          onInput: l[2] || (l[2] = (...t) => o.validateHexInput && o.validateHexInput(...t))
-        }, null, 544), [
-          [u, o.colorInput]
-        ]),
-        e("div", {
-          class: "circle",
-          style: r({ background: o.oldColor })
-        }, null, 4)
-      ]),
-      e("div", A, [
-        B,
-        e("div", b, [
-          (n(!0), s(f, null, k(o.colorListUser, (t, h) => (n(), s("div", {
-            key: h,
-            class: "circle",
-            style: r({ background: t }),
-            onClick: (M) => o.selectedColor(t)
-          }, null, 12, z))), 128))
-        ])
-      ]),
-      e("div", N, [
-        i(d, {
-          variant: "secondary",
-          size: { width: "87px" },
-          onClick: o.cancelColorsUser
-        }, {
-          default: v(() => [
-            C(" Cancelar ")
-          ]),
-          _: 1
-        }, 8, ["onClick"]),
-        i(d, {
-          size: { width: "72px" },
-          variant: "primary",
-          onClick: o.updateColorsUser
-        }, {
-          default: v(() => [
-            C(" Salvar ")
-          ]),
-          _: 1
-        }, 8, ["onClick"])
-      ])
-    ])
-  ], 4);
-}
-const G = /* @__PURE__ */ I(_, [["render", E], ["__scopeId", "data-v-c4af3539"]]);
-export {
-  G as default
-};