@agrotools1/at-components 0.6.98-test-46 → 0.6.98

package/dist/Accordion/Accordion.d.ts

@@ -5,7 +5,7 @@ export interface AtAccordionProps {
     titleType: "default" | "success" | "alert" | "error" | "info";
     titleColor: string;
 }
-declare const _default: import('vue').DefineComponent<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     isInformative: {
         required: true;
         type: () => AtAccordionProps["isInformative"];
@@ -36,11 +36,11 @@ declare const _default: import('vue').DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}, {
-    isOpen: import('vue').Ref<boolean>;
-    buttonRef: import('vue').Ref<HTMLButtonElement | null>;
+}>, {
+    isOpen: import('vue').Ref<boolean, boolean>;
+    buttonRef: import('vue').Ref<HTMLButtonElement | null, 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<{
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:isOpen"[], "update:isOpen", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     isInformative: {
         required: true;
         type: () => AtAccordionProps["isInformative"];
@@ -71,14 +71,45 @@ declare const _default: import('vue').DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}>> & {
+}>> & Readonly<{
     "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;
-}, {}>;
+}, {}, {
+    AtAngleUpSolidIcon: import('vue').DefineComponent<import('@agrotools1/at-icons/dist/components/IconWrapper/IconWrapper').IconWrapperProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('@agrotools1/at-icons/dist/components/IconWrapper/IconWrapper').IconWrapperProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
+    AtAngleDownSolidIcon: import('vue').DefineComponent<import('@agrotools1/at-icons/dist/components/IconWrapper/IconWrapper').IconWrapperProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('@agrotools1/at-icons/dist/components/IconWrapper/IconWrapper').IconWrapperProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
+    AtTitle: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        bold: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        as: {
+            type: () => "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+            required: true;
+            default: string;
+        };
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        bold: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        as: {
+            type: () => "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+            required: true;
+            default: string;
+        };
+    }>> & Readonly<{}>, {
+        bold: boolean;
+        as: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    AtCheckCircleSolidIcon: import('vue').DefineComponent<import('@agrotools1/at-icons/dist/components/IconWrapper/IconWrapper').IconWrapperProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('@agrotools1/at-icons/dist/components/IconWrapper/IconWrapper').IconWrapperProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
+    AtWarningSolidIcon: import('vue').DefineComponent<import('@agrotools1/at-icons/dist/components/IconWrapper/IconWrapper').IconWrapperProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('@agrotools1/at-icons/dist/components/IconWrapper/IconWrapper').IconWrapperProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
+    AtCircleXMarkSolidIcon: import('vue').DefineComponent<import('@agrotools1/at-icons/dist/components/IconWrapper/IconWrapper').IconWrapperProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('@agrotools1/at-icons/dist/components/IconWrapper/IconWrapper').IconWrapperProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
+    AtCircleMinusSolidIcon: import('vue').DefineComponent<import('@agrotools1/at-icons/dist/components/IconWrapper/IconWrapper').IconWrapperProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('@agrotools1/at-icons/dist/components/IconWrapper/IconWrapper').IconWrapperProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/Accordion/Accordion.vue2.js

@@ -1,16 +1,16 @@
-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 { AtAngleDownSolidIcon as r } from "../node_modules/.pnpm/@agrotools1_at-icons@1.0.4/node_modules/@agrotools1/at-icons/dist/AtAngleDownSolidIcon/index.js";
+import { defineComponent as n, ref as t } from "vue";
+import { AtAngleUpSolidIcon as a } from "../node_modules/.pnpm/@agrotools1_at-icons@1.0.4/node_modules/@agrotools1/at-icons/dist/AtAngleUpSolidIcon/index.js";
+import { AtCheckCircleSolidIcon as d } from "../node_modules/.pnpm/@agrotools1_at-icons@1.0.4/node_modules/@agrotools1/at-icons/dist/AtCheckCircleSolidIcon/index.js";
+import { AtCircleMinusSolidIcon as c } from "../node_modules/.pnpm/@agrotools1_at-icons@1.0.4/node_modules/@agrotools1/at-icons/dist/AtCircleMinusSolidIcon/index.js";
+import { AtCircleXMarkSolidIcon as f } from "../node_modules/.pnpm/@agrotools1_at-icons@1.0.4/node_modules/@agrotools1/at-icons/dist/AtCircleXMarkSolidIcon/index.js";
+import { AtWarningSolidIcon as u } from "../node_modules/.pnpm/@agrotools1_at-icons@1.0.4/node_modules/@agrotools1/at-icons/dist/AtWarningSolidIcon/index.js";
 import { AtTipograph as p } from "../Tipograph/index.js";
-const k = r({
+const k = n({
   name: "AtAccordion",
   components: {
     AtAngleUpSolidIcon: a,
-    AtAngleDownSolidIcon: n,
+    AtAngleDownSolidIcon: r,
     AtTitle: p.Title,
     AtCheckCircleSolidIcon: d,
     AtWarningSolidIcon: u,

package/dist/Avatar/Avatar.d.ts

@@ -3,7 +3,7 @@ export interface AvatarProps {
     username: string;
     size: "G" | "M" | "P";
 }
-declare const _default: import('vue').DefineComponent<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     imgBase64: {
         required: false;
         type: StringConstructor;
@@ -28,11 +28,11 @@ declare const _default: import('vue').DefineComponent<{
         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<{
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     imgBase64: {
         required: false;
         type: StringConstructor;
@@ -57,10 +57,10 @@ declare const _default: import('vue').DefineComponent<{
         default: string;
         validator: (value: string) => boolean;
     };
-}>>, {
+}>> & Readonly<{}>, {
     size: "P" | "M" | "G";
     imgBase64: string;
     withIcon: boolean;
     username: string;
-}, {}>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/Button/Button.d.ts

@@ -8,7 +8,7 @@ export interface ButtonProps {
     href: string;
     link: boolean;
 }
-declare const _default: import('vue').DefineComponent<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     variant: {
         type: () => "primary" | "secondary" | "danger" | "header";
         default: string;
@@ -37,14 +37,10 @@ declare const _default: import('vue').DefineComponent<{
         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<{
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     variant: {
         type: () => "primary" | "secondary" | "danger" | "header";
         default: string;
@@ -73,11 +69,7 @@ declare const _default: import('vue').DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    isLoading: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>>, {
+}>> & Readonly<{}>, {
     link: boolean;
     size: {
         width: string;
@@ -86,6 +78,5 @@ declare const _default: import('vue').DefineComponent<{
     disabled: boolean;
     onlyIcon: boolean;
     href: string;
-    isLoading: boolean;
-}, {}>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/Button/Button.vue.js

@@ -1,36 +1,24 @@
-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 t from "./Button.vue2.js";
+import { openBlock as a, createBlock as o, resolveDynamicComponent as r, normalizeStyle as i, normalizeClass as s, withCtx as l, renderSlot as d } 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), {
+import n from "../_virtual/_plugin-vue_export-helper.js";
+function f(e, m, p, b, u, c) {
+  return a(), o(r(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 }
-    ]]),
+    style: i({ width: e.size.width }),
+    class: s(["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)
+    default: l(() => [
+      d(e.$slots, "default", {}, void 0, !0)
     ]),
     _: 3
   }, 8, ["href", "target", "style", "class", "disabled", "aria-disabled"]);
 }
-const $ = /* @__PURE__ */ p(a, [["render", u], ["__scopeId", "data-v-2f6438bd"]]);
+const k = /* @__PURE__ */ n(t, [["render", f], ["__scopeId", "data-v-634ea4c9"]]);
 export {
-  $ as default
+  k as default
 };

package/dist/Button/Button.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as o, computed as t } from "vue";
+import { defineComponent as o, computed as e } from "vue";
 const f = o({
   name: "AtButton",
   props: {
@@ -27,16 +27,10 @@ const f = o({
     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);
+  setup(t) {
+    const a = e(() => t.href && !t.disabled ? "a" : "button"), n = e(() => t.href ? "_blank" : void 0);
     return { tagName: a, targetAttribute: n };
   }
 });

package/dist/Button/Button.vue3.js

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

package/dist/CardWithInsights/CardWithInsights.vue2.js

@@ -1,5 +1,5 @@
 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 { AtCircleQuestionSolidIcon as s } from "../node_modules/.pnpm/@agrotools1_at-icons@1.0.4/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({

package/dist/Checkbox/Checkbox.d.ts

@@ -7,82 +7,82 @@ export interface CheckboxProps {
     size: "12" | "16" | "20" | "24" | "28";
     labelledby: string;
 }
-declare const _default: import('vue').DefineComponent<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     disabled: {
         required: false;
-        type: PropType<boolean>;
+        type: PropType<CheckboxProps["disabled"]>;
         default: boolean;
         validator: (value: boolean) => boolean;
     };
     modelValue: {
         required: false;
-        type: PropType<boolean | string[]>;
+        type: PropType<CheckboxProps["value"]>;
         default: undefined;
         validator: (value: CheckboxProps["value"]) => boolean;
     };
     val: {
         required: false;
-        type: PropType<string | undefined>;
+        type: PropType<CheckboxProps["val"]>;
         default: undefined;
     };
     size: {
         required: false;
-        type: PropType<"12" | "16" | "20" | "24" | "28">;
+        type: PropType<CheckboxProps["size"]>;
         default: string;
         validator: (value: string) => boolean;
     };
     labelledby: {
         required: false;
-        type: PropType<string>;
+        type: PropType<CheckboxProps["labelledby"]>;
         default: string;
         validator: (value: string) => boolean;
     };
-}, {
+}>, {
     checkmarck: string;
-    buttonRef: import('vue').Ref<HTMLButtonElement | null>;
-    inputRef: import('vue').Ref<HTMLInputElement | null>;
+    buttonRef: import('vue').Ref<HTMLButtonElement | null, HTMLButtonElement | null>;
+    inputRef: import('vue').Ref<HTMLInputElement | null, 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<{
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("click" | "update:modelValue")[], "click" | "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     disabled: {
         required: false;
-        type: PropType<boolean>;
+        type: PropType<CheckboxProps["disabled"]>;
         default: boolean;
         validator: (value: boolean) => boolean;
     };
     modelValue: {
         required: false;
-        type: PropType<boolean | string[]>;
+        type: PropType<CheckboxProps["value"]>;
         default: undefined;
         validator: (value: CheckboxProps["value"]) => boolean;
     };
     val: {
         required: false;
-        type: PropType<string | undefined>;
+        type: PropType<CheckboxProps["val"]>;
         default: undefined;
     };
     size: {
         required: false;
-        type: PropType<"12" | "16" | "20" | "24" | "28">;
+        type: PropType<CheckboxProps["size"]>;
         default: string;
         validator: (value: string) => boolean;
     };
     labelledby: {
         required: false;
-        type: PropType<string>;
+        type: PropType<CheckboxProps["labelledby"]>;
         default: string;
         validator: (value: string) => boolean;
     };
-}>> & {
+}>> & Readonly<{
     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[];
-}, {}>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -1,29 +1,29 @@
-declare const _default: import('vue').DefineComponent<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     value: ObjectConstructor;
     colorHex: {
         type: StringConstructor;
         default: () => "#FFFFFF";
-        validator: (value: unknown) => boolean;
+        validator: (value: unknown) => value is string;
     };
-}, {
+}>, {
     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<{
+    container: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+    left: import('vue').Ref<string, string>;
+    top: import('vue').Ref<string, string>;
+    localColorHex: import('vue').Ref<string, string>;
+    coloring: import('vue').Ref<Record<string, any> | undefined, Record<string, any> | undefined>;
+    backgroundColor: import('vue').Ref<string, string>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "colorChanged"[], "colorChanged", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     value: ObjectConstructor;
     colorHex: {
         type: StringConstructor;
         default: () => "#FFFFFF";
-        validator: (value: unknown) => boolean;
+        validator: (value: unknown) => value is string;
     };
-}>> & {
+}>> & Readonly<{
     onColorChanged?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     colorHex: string;
-}, {}>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

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

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

package/dist/ColorPicker/ColorPicker.vue.js

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