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

package/dist/Select/Single/Select.single.vue.js

@@ -1,22 +1,27 @@
-import h from "./Select.single.vue2.js";
-import { resolveComponent as n, openBlock as a, createElementBlock as t, createVNode as s, withModifiers as f, withCtx as v, createTextVNode as C, toDisplayString as b, createCommentVNode as i, Fragment as m, renderList as w, createBlock as g } from "vue";
+import v from "./Select.single.vue2.js";
+import { resolveComponent as l, openBlock as t, createBlock as r, createElementBlock as n, createVNode as i, withModifiers as C, withCtx as b, createTextVNode as m, toDisplayString as g, createCommentVNode as d, Fragment as k, renderList as w } from "vue";
 import "./Select.single.vue3.js";
-import k from "../../_virtual/_plugin-vue_export-helper.js";
-const y = ["aria-disabled"], A = {
+import y from "../../_virtual/_plugin-vue_export-helper.js";
+const A = ["aria-disabled"], I = {
   key: 0,
   class: "noResult"
 };
-function I(e, l, S, T, V, $) {
-  const d = n("AtSingleCore"), p = n("AtParagraph"), u = n("AtItem");
-  return a(), t("div", {
+function S(e, a, T, V, $, E) {
+  const p = l("AtSkeleton"), u = l("AtSingleCore"), c = l("AtParagraph"), f = l("AtItem");
+  return e.isLoading ? (t(), r(p, {
+    key: 0,
+    class: "col",
+    height: "43px"
+  })) : (t(), n("div", {
+    key: 1,
     ref: "containerRef",
     class: "AT-SELECT_wrapper",
     "aria-disabled": e.disabled,
-    onClick: l[1] || (l[1] = (o) => {
+    onClick: a[1] || (a[1] = (o) => {
       e.open = !e.open, e.rotateIcon();
     })
   }, [
-    s(d, {
+    i(u, {
       value: e.selectedValue,
       required: e.required,
       disabled: e.disabled,
@@ -26,29 +31,28 @@ function I(e, l, S, T, V, $) {
       "is-typable": !!e.hasAutocomplete,
       "show-clear-button": e.showClearButton,
       "show-tooltip-on-overflow": e.showTooltipOnOverflow,
-      placeholder: e.placeholder,
       "onUpdate:modelValue": e.handleTyping,
       onClearInput: e.handleClearInput
-    }, null, 8, ["value", "required", "disabled", "label", "items", "custom-class", "is-typable", "show-clear-button", "show-tooltip-on-overflow", "placeholder", "onUpdate:modelValue", "onClearInput"]),
-    e.open ? (a(), t("div", {
+    }, null, 8, ["value", "required", "disabled", "label", "items", "custom-class", "is-typable", "show-clear-button", "show-tooltip-on-overflow", "onUpdate:modelValue", "onClearInput"]),
+    e.open ? (t(), n("div", {
       key: 0,
       role: "group",
       "aria-orientation": "vertical",
       tabindex: "-1",
       class: "AT-SELECT_items-container",
-      onClick: l[0] || (l[0] = f((o) => {
+      onClick: a[0] || (a[0] = C((o) => {
         e.open = !1, e.rotateIcon();
       }, ["stop"]))
     }, [
-      e.showNoResult ? (a(), t("section", A, [
-        s(p, { size: "p2" }, {
-          default: v(() => [
-            C(b(e.msgNoResult), 1)
+      e.showNoResult ? (t(), n("section", I, [
+        i(c, { size: "p2" }, {
+          default: b(() => [
+            m(g(e.msgNoResult), 1)
           ]),
           _: 1
         })
-      ])) : i("", !0),
-      (a(!0), t(m, null, w(e.filteredItems.value, (o) => (a(), g(u, {
+      ])) : d("", !0),
+      (t(!0), n(k, null, w(e.filteredItems.value, (o) => (t(), r(f, {
         key: o.value,
         text: o.text,
         value: o.value,
@@ -57,15 +61,15 @@ function I(e, l, S, T, V, $) {
         "aria-selected": o.value === e.valueOfModel,
         "data-text": o.text,
         "btn-class": o.btnClass,
-        "on-click": async (c) => {
-          var r;
-          e.isInternalChange = !0, await e.onSelectedValueChange(o), (r = o.onClick) == null || r.call(o, c), e.isInternalChange = !1;
+        "on-click": async (h) => {
+          var s;
+          e.isInternalChange = !0, await e.onSelectedValueChange(o), (s = o.onClick) == null || s.call(o, h), e.isInternalChange = !1;
         }
       }, null, 8, ["text", "value", "type", "icon", "aria-selected", "data-text", "btn-class", "on-click"]))), 128))
-    ])) : i("", !0)
-  ], 8, y);
+    ])) : d("", !0)
+  ], 8, A));
 }
-const q = /* @__PURE__ */ k(h, [["render", I], ["__scopeId", "data-v-dde46a43"]]);
+const q = /* @__PURE__ */ y(v, [["render", S], ["__scopeId", "data-v-e406213b"]]);
 export {
   q as default
 };

package/dist/Select/Single/Select.single.vue2.js

@@ -1,13 +1,15 @@
-import { defineComponent as q, ref as r, provide as A, watch as v, computed as y, onMounted as x } from "vue";
-import { AtTipograph as T } from "../../Tipograph/index.js";
-import _ from "../Item/Item.vue.js";
-import j from "../Select.core.vue.js";
-const k = q({
+import { defineComponent as q, ref as r, provide as S, watch as v, computed as y, onMounted as x } from "vue";
+import T from "../../Skeleton/Skeleton.vue.js";
+import { AtTipograph as _ } from "../../Tipograph/index.js";
+import j from "../Item/Item.vue.js";
+import k from "../Select.core.vue.js";
+const W = q({
   name: "AtSingleSelect",
   components: {
-    AtSingleCore: j,
-    AtItem: _,
-    AtParagraph: T.Paragraph
+    AtSingleCore: k,
+    AtItem: j,
+    AtParagraph: _.Paragraph,
+    AtSkeleton: T
   },
   props: {
     modelValue: {
@@ -62,16 +64,12 @@ const k = q({
     msgNoResult: {
       type: String,
       default: "Dado não encontrado"
-    },
-    placeholder: {
-      type: String,
-      default: ""
     }
   },
   emits: ["update:modelValue", "clearValue"],
   setup(t, { emit: f }) {
     const n = r(null), o = r(!1), l = r(t.modelValue), u = r(""), c = r(!1), s = r(d(t.items));
-    A("error", t.error), v(t.error, () => A("error", t.error)), v(
+    S("error", t.error), v(t.error, () => S("error", t.error)), v(
       t.items,
       () => {
         s.value = d(t.items);
@@ -99,10 +97,10 @@ const k = q({
       return e.sort((i, O) => {
         const p = i.text.toLowerCase(), w = O.text.toLowerCase();
         if (a) {
-          const C = p.startsWith(a.toLowerCase()), S = w.startsWith(a.toLowerCase());
-          if (C && !S)
+          const C = p.startsWith(a.toLowerCase()), A = w.startsWith(a.toLowerCase());
+          if (C && !A)
             return -1;
-          if (!C && S)
+          if (!C && A)
             return 1;
         }
         return p.localeCompare(w);
@@ -162,5 +160,5 @@ const k = q({
   }
 });
 export {
-  k as default
+  W as default
 };