@appmax_npm/ds-prime 1.0.0-alpha.76 → 1.0.0-alpha.78

package/ambutton/index.js

@@ -1,6 +1,6 @@
-import { defineComponent as u, computed as t, openBlock as r, createBlock as n, unref as f, mergeProps as p, withCtx as c, createCommentVNode as m, createElementVNode as b, renderSlot as _ } from "vue";
-import v from "primevue/button";
-import { _ as y } from "../AmIcon.vue_vue_type_script_setup_true_lang-BVNnd-E1.js";
+import { defineComponent as u, computed as t, openBlock as o, createBlock as n, unref as p, mergeProps as f, withCtx as c, createCommentVNode as m, createElementVNode as b, renderSlot as _ } from "vue";
+import y from "primevue/button";
+import { _ as v } from "../AmIcon.vue_vue_type_script_setup_true_lang-BVNnd-E1.js";
 import { _ as B } from "../_plugin-vue_export-helper-CHgC5LLL.js";
 const g = /* @__PURE__ */ u({
   __name: "AmButton",
@@ -27,22 +27,22 @@ const g = /* @__PURE__ */ u({
     class: {},
     style: {}
   },
-  setup(a) {
-    const e = a, o = t(() => {
-      if (!e.disabled && e.href)
-        return e.href;
+  setup(r) {
+    const e = r, a = t(() => {
+      if (!e.disabled)
+        return typeof e.to == "string" ? e.to : e.href;
     }), s = t(() => {
-      if (!(e.disabled || o) && e.to)
+      if (!e.disabled)
         return e.to;
-    }), i = t(() => e.as ? e.as : e.disabled ? "button" : e.href ? "a" : e.to ? "router-link" : "button"), l = t(() => e.disabled || e.loading);
-    return (d, h) => (r(), n(f(v), p(e, {
+    }), i = t(() => e.as ? e.as : e.disabled ? "button" : e.to ? "router-link" : e.href ? "a" : "button"), l = t(() => e.disabled || e.loading);
+    return (d, h) => (o(), n(p(y), f(e, {
       as: i.value,
       disabled: l.value,
       to: s.value,
-      href: o.value
+      href: a.value
     }), {
       default: c(() => [
-        e.loading ? (r(), n(y, {
+        e.loading ? (o(), n(v, {
           key: 0,
           "data-test": "button-loading",
           icon: "progress_activity",
@@ -55,7 +55,7 @@ const g = /* @__PURE__ */ u({
       _: 3
     }, 16, ["as", "disabled", "to", "href"]));
   }
-}), A = /* @__PURE__ */ B(g, [["__scopeId", "data-v-3333b038"]]);
+}), A = /* @__PURE__ */ B(g, [["__scopeId", "data-v-3d4184e1"]]);
 export {
   A as default
 };

package/amtabs/index.d.ts

@@ -0,0 +1,15 @@
+import { DefineComponent } from 'vue';
+
+export interface AmTabsProps {
+  tabs: string[];
+  modelValue?: number;
+}
+
+export interface AmTabsSlots {}
+
+export interface AmTabsEmits {
+  'update:modelValue': (value: number) => void;
+}
+
+declare const AmTabs: DefineComponent<AmTabsProps, AmTabsSlots, AmTabsEmits>;
+export default AmTabs;

package/amtabs/index.js

@@ -0,0 +1,54 @@
+import { defineComponent as b, mergeModels as p, ref as o, useModel as y, onMounted as V, openBlock as u, createElementBlock as m, Fragment as k, renderList as x, createVNode as i, withCtx as f, createTextVNode as T, toDisplayString as g, createElementVNode as A, normalizeStyle as h } from "vue";
+import { _ as C } from "../AmText.vue_vue_type_script_setup_true_lang-BMNozCVT.js";
+import E from "../ambutton/index.js";
+import { _ as M } from "../_plugin-vue_export-helper-CHgC5LLL.js";
+const $ = { name: "AmTabs" }, w = /* @__PURE__ */ b({
+  ...$,
+  props: /* @__PURE__ */ p({
+    tabs: { default: () => [] },
+    modelValue: {}
+  }, {
+    modelValue: { default: 0 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(r) {
+    const { tabs: d } = r, n = o(0), s = o(0), t = y(r, "modelValue"), a = o(null), _ = async (e) => {
+      t.value !== e && (t.value = e, c());
+    }, c = () => {
+      if (!a.value) return;
+      const e = a.value.querySelectorAll(".am-tab")[t.value];
+      e && (n.value = e.clientWidth, s.value = e.offsetLeft);
+    };
+    return V(c), (e, B) => (u(), m("div", {
+      ref_key: "parentElement",
+      ref: a,
+      class: "w-full flex items-center border-b border-gray-200 relative"
+    }, [
+      (u(), m(k, null, x(d, (v, l) => i(E, {
+        "data-active": t.value === l,
+        key: l,
+        class: "am-tab",
+        onClick: (L) => _(l),
+        text: ""
+      }, {
+        default: f(() => [
+          i(C, { class: "am-tab__label" }, {
+            default: f(() => [
+              T(g(v), 1)
+            ]),
+            _: 2
+          }, 1024)
+        ]),
+        _: 2
+      }, 1032, ["data-active", "onClick"])), 64)),
+      A("span", {
+        style: h({ scale: `${n.value} 1`, translate: `${s.value}px` }),
+        class: "am-tab__line bg-primary-500 absolute left-0"
+      }, null, 4)
+    ], 512));
+  }
+}), z = /* @__PURE__ */ M(w, [["__scopeId", "data-v-f1622eaa"]]);
+export {
+  z as default
+};

package/config/preset.js

@@ -50,8 +50,8 @@ export const AmPreset = definePreset(Lara, {
                 text: {
                     color: '{oil.900}',
                     hoverColor: '{oil.800}',
-                    mutedColor: '{oil.600}',
-                    hoverMutedColor: '{oil.700}'
+                    mutedColor: '{oil.500}',
+                    hoverMutedColor: '{oil.600}'
                 }
             },
             dark: {