lkt-step-process 2.0.9 → 2.0.10

package/dist/build.js

@@ -1,7 +1,7 @@
 var oe = Object.defineProperty;
 var le = (e, a, l) => a in e ? oe(e, a, { enumerable: !0, configurable: !0, writable: !0, value: l }) : e[a] = l;
 var i = (e, a, l) => le(e, typeof a != "symbol" ? a + "" : a, l);
-import { defineComponent as Q, useSlots as J, ref as N, resolveComponent as M, createElementBlock as y, openBlock as s, withDirectives as j, createCommentVNode as f, createElementVNode as W, createBlock as L, mergeProps as C, vShow as z, renderSlot as A, unref as E, normalizeProps as D, Fragment as O, renderList as Y, mergeDefaults as ue, watch as I, computed as p, onMounted as ie, normalizeClass as se, createSlots as U, withCtx as G, guardReactiveProps as q } from "vue";
+import { defineComponent as Q, useSlots as J, ref as P, resolveComponent as M, createElementBlock as y, openBlock as s, withDirectives as j, createCommentVNode as f, createElementVNode as W, createBlock as N, mergeProps as C, vShow as z, renderSlot as A, unref as E, normalizeProps as D, Fragment as O, renderList as Y, mergeDefaults as ue, watch as I, computed as p, onMounted as ie, normalizeClass as se, createSlots as U, withCtx as G, guardReactiveProps as q } from "vue";
 import "lkt-string-tools";
 import "lkt-data-state";
 var de = ((e) => (e.Button = "button", e.Submit = "submit", e.Reset = "reset", e.Anchor = "anchor", e.Content = "content", e.Switch = "switch", e.HiddenSwitch = "hidden-switch", e.Split = "split", e.SplitLazy = "split-lazy", e.SplitEver = "split-ever", e.Tooltip = "tooltip", e.TooltipLazy = "tooltip-lazy", e.TooltipEver = "tooltip-ever", e.FileUpload = "file-upload", e.ImageUpload = "image-upload", e))(de || {}), ve = ((e) => (e.Text = "text", e.Email = "email", e.Tel = "tel", e.Password = "password", e.Search = "search", e.Number = "number", e.Color = "color", e.Range = "range", e.Textarea = "textarea", e.Html = "html", e.Date = "date", e.Time = "time", e.DateTime = "datetime", e.File = "file", e.Image = "image", e.Select = "select", e.Check = "check", e.Switch = "switch", e.Calc = "calc", e.Card = "card", e.Table = "table", e.Radio = "radio", e.ToggleButtonGroup = "toggle-button-group", e))(ve || {}), ce = ["lktDateProps", "lktStrictItem", "lktExcludedProps"], v, pe = (v = class {
@@ -19,7 +19,7 @@ var de = ((e) => (e.Button = "button", e.Submit = "submit", e.Reset = "reset", e
       this[a] = l;
     }
   }
-}, i(v, "lktAllowUndefinedProps", []), i(v, "lktExcludedProps", []), i(v, "lktDateProps", []), i(v, "lktStrictItem", !1), i(v, "lktDefaultValues", []), v), me = ((e) => (e.Auto = "auto", e.Always = "always", e.Lazy = "lazy", e.Ever = "ever", e))(me || {}), fe = ((e) => (e.Transform = "transform", e.Height = "height", e.Display = "display", e))(fe || {}), ke = ((e) => (e.Href = "href", e.RouterLink = "router-link", e.RouterLinkBack = "router-link-back", e.Mail = "mail", e.Tel = "tel", e.Tab = "tab", e.Download = "download", e.Action = "action", e.Legacy = "", e))(ke || {}), he = ((e) => (e.Static = "static", e.Parallax = "parallax", e))(he || {}), xe = ((e) => (e.None = "", e.Field = "field", e.Button = "button", e.Anchor = "anchor", e.InlineDrop = "inline-drop", e.ColumnIndex = "column-index", e))(xe || {}), ye = ((e) => (e.Date = "date", e.Number = "number", e.Timer = "timer", e))(ye || {}), be = ((e) => (e.A0 = "a0", e.A1 = "a1", e.A2 = "a2", e.A3 = "a3", e.A4 = "a4", e.A5 = "a5", e.A6 = "a6", e.A7 = "a7", e.A8 = "a8", e.A9 = "a9", e))(be || {}), Se = ((e) => (e.List = "list", e.Inline = "inline", e.Count = "count", e.Table = "table", e))(Se || {}), Be = ((e) => (e.HTTPResponse = "http-response", e.MinStringLength = "min-str", e.MinNumber = "min-num", e.MaxStringLength = "max-str", e.MaxNumber = "max-num", e.Email = "email", e.Empty = "empty", e.EqualTo = "equal-to", e.MinNumbers = "min-numbers", e.MaxNumbers = "max-numbers", e.MinChars = "min-chars", e.MaxChars = "max-chars", e.MinUpperChars = "min-upper-chars", e.MaxUpperChars = "max-upper-chars", e.MinLowerChars = "min-lower-chars", e.MaxLowerChars = "max-lower-chars", e.MinSpecialChars = "min-special-chars", e.MaxSpecialChars = "max-special-chars", e))(Be || {}), ge = ((e) => (e.Ok = "ok", e.Ko = "ko", e.Info = "info", e))(ge || {}), Le = ((e) => (e.StorageUnit = "unit", e.Directory = "dir", e.Image = "img", e.Video = "vid", e.File = "file", e))(Le || {}), Ce = ((e) => (e.H1 = "h1", e.H2 = "h2", e.H3 = "h3", e.H4 = "h4", e.H5 = "h5", e.H6 = "h6", e))(Ce || {}), Ne = ((e) => (e.NotDefined = "", e.Button = "button", e))(Ne || {}), Pe = ((e) => (e.Start = "start", e.End = "end", e))(Pe || {}), we = ((e) => (e.Create = "create", e.Update = "update", e.Read = "read", e))(we || {}), Ie = ((e) => (e.Inline = "inline", e.Modal = "modal", e))(Ie || {}), V = ((e) => (e.Top = "top", e.Bottom = "bottom", e))(V || {}), _ = ((e) => (e.Changed = "changed", e.Always = "always", e.Never = "never", e))(_ || {}), Ae = ((e) => (e.Manual = "manual", e.Auto = "auto", e.Delay = "delay", e))(Ae || {}), De = ((e) => (e.Toast = "toast", e.Inline = "inline", e))(De || {}), Me = ((e) => (e.Current = "current", e.Modifications = "modifications", e.SplitView = "split-view", e.Differences = "differences", e))(Me || {}), Te = ((e) => (e.Anchor = "anchor", e.Button = "button", e.Header = "header", e.Entry = "entry", e))(Te || {}), Re = ((e) => (e.Modal = "modal", e.Confirm = "confirm", e))(Re || {}), He = ((e) => (e.Pages = "pages", e.PrevNext = "prev-next", e.PagesPrevNext = "pages-prev-next", e.PagesPrevNextFirstLast = "pages-prev-next-first-last", e.LoadMore = "load-more", e.Infinite = "infinite", e))(He || {}), Ee = ((e) => (e.None = "", e.Incremental = "incremental", e.Decremental = "decremental", e))(Ee || {}), Oe = ((e) => (e.NotDefined = "", e.Hidden = "hidden", e.Integer = "integer", e.Decimal = "decimal", e.Auto = "auto", e))(Oe || {}), H, Ve = (H = class extends pe {
+}, i(v, "lktAllowUndefinedProps", []), i(v, "lktExcludedProps", []), i(v, "lktDateProps", []), i(v, "lktStrictItem", !1), i(v, "lktDefaultValues", []), v), me = ((e) => (e.Auto = "auto", e.Always = "always", e.Lazy = "lazy", e.Ever = "ever", e))(me || {}), fe = ((e) => (e.Transform = "transform", e.Height = "height", e.Display = "display", e))(fe || {}), ke = ((e) => (e.Href = "href", e.RouterLink = "router-link", e.RouterLinkBack = "router-link-back", e.Mail = "mail", e.Tel = "tel", e.Tab = "tab", e.Download = "download", e.Action = "action", e.Legacy = "", e))(ke || {}), he = ((e) => (e.Static = "static", e.Parallax = "parallax", e))(he || {}), xe = ((e) => (e.None = "", e.Field = "field", e.Button = "button", e.Anchor = "anchor", e.InlineDrop = "inline-drop", e.ColumnIndex = "column-index", e))(xe || {}), ye = ((e) => (e.Date = "date", e.Number = "number", e.Timer = "timer", e))(ye || {}), be = ((e) => (e.A0 = "a0", e.A1 = "a1", e.A2 = "a2", e.A3 = "a3", e.A4 = "a4", e.A5 = "a5", e.A6 = "a6", e.A7 = "a7", e.A8 = "a8", e.A9 = "a9", e))(be || {}), Se = ((e) => (e.List = "list", e.Inline = "inline", e.Count = "count", e.Table = "table", e))(Se || {}), ge = ((e) => (e.HTTPResponse = "http-response", e.MinStringLength = "min-str", e.MinNumber = "min-num", e.MaxStringLength = "max-str", e.MaxNumber = "max-num", e.Email = "email", e.Empty = "empty", e.EqualTo = "equal-to", e.MinNumbers = "min-numbers", e.MaxNumbers = "max-numbers", e.MinChars = "min-chars", e.MaxChars = "max-chars", e.MinUpperChars = "min-upper-chars", e.MaxUpperChars = "max-upper-chars", e.MinLowerChars = "min-lower-chars", e.MaxLowerChars = "max-lower-chars", e.MinSpecialChars = "min-special-chars", e.MaxSpecialChars = "max-special-chars", e))(ge || {}), Be = ((e) => (e.Ok = "ok", e.Ko = "ko", e.Info = "info", e))(Be || {}), Le = ((e) => (e.StorageUnit = "unit", e.Directory = "dir", e.Image = "img", e.Video = "vid", e.File = "file", e))(Le || {}), Ne = ((e) => (e.H1 = "h1", e.H2 = "h2", e.H3 = "h3", e.H4 = "h4", e.H5 = "h5", e.H6 = "h6", e))(Ne || {}), Ce = ((e) => (e.NotDefined = "", e.Button = "button", e))(Ce || {}), Pe = ((e) => (e.Start = "start", e.End = "end", e))(Pe || {}), we = ((e) => (e.Create = "create", e.Update = "update", e.Read = "read", e))(we || {}), Ie = ((e) => (e.Inline = "inline", e.Modal = "modal", e))(Ie || {}), V = ((e) => (e.Top = "top", e.Bottom = "bottom", e))(V || {}), _ = ((e) => (e.Changed = "changed", e.Always = "always", e.Never = "never", e))(_ || {}), Ae = ((e) => (e.Manual = "manual", e.Auto = "auto", e.Delay = "delay", e))(Ae || {}), De = ((e) => (e.Toast = "toast", e.Inline = "inline", e))(De || {}), Me = ((e) => (e.Current = "current", e.Modifications = "modifications", e.SplitView = "split-view", e.Differences = "differences", e))(Me || {}), Te = ((e) => (e.Anchor = "anchor", e.Button = "button", e.Header = "header", e.Entry = "entry", e))(Te || {}), Re = ((e) => (e.Modal = "modal", e.Confirm = "confirm", e))(Re || {}), He = ((e) => (e.Pages = "pages", e.PrevNext = "prev-next", e.PagesPrevNext = "pages-prev-next", e.PagesPrevNextFirstLast = "pages-prev-next-first-last", e.LoadMore = "load-more", e.Infinite = "infinite", e))(He || {}), Ee = ((e) => (e.None = "", e.Incremental = "incremental", e.Decremental = "decremental", e))(Ee || {}), Oe = ((e) => (e.NotDefined = "", e.Hidden = "hidden", e.Integer = "integer", e.Decimal = "decimal", e.Auto = "auto", e))(Oe || {}), H, Ve = (H = class extends pe {
   constructor(a = {}) {
     super();
     i(this, "modelValue", "");
@@ -56,7 +56,7 @@ const ut = { class: "lkt-step-process--nav" }, it = { class: "lkt-step-process--
   },
   emits: ["prev", "next"],
   setup(e, { expose: a, emit: l }) {
-    const n = l, b = J(), x = N(null), m = N(null);
+    const n = l, b = J(), x = P(null), m = P(null);
     return a({
       goNext: () => {
         m.value.click();
@@ -65,9 +65,9 @@ const ut = { class: "lkt-step-process--nav" }, it = { class: "lkt-step-process--
         x.value.click();
       }
     }), (r, u) => {
-      const P = M("lkt-button"), T = M("lkt-dot");
+      const S = M("lkt-button"), T = M("lkt-dot");
       return s(), y("div", ut, [
-        r.prevButton ? j((s(), L(P, C({
+        r.prevButton ? j((s(), N(S, C({
           key: 0,
           ref_key: "prevButtonRef",
           ref: x
@@ -84,13 +84,13 @@ const ut = { class: "lkt-step-process--nav" }, it = { class: "lkt-step-process--
             amountOfSteps: r.amountOfSteps
           }))) : f("", !0),
           r.dots && r.amountOfSteps > 0 ? (s(), y("div", st, [
-            (s(!0), y(O, null, Y(r.amountOfSteps, (c) => (s(), L(T, C({ ref_for: !0 }, {
+            (s(!0), y(O, null, Y(r.amountOfSteps, (c) => (s(), N(T, C({ ref_for: !0 }, {
               text: r.dotsNumbers ? c : "",
               class: c === r.currentStepIndex + 1 ? "is-active" : ""
             }), null, 16))), 256))
           ])) : f("", !0)
         ]),
-        r.nextButton ? j((s(), L(P, C({
+        r.nextButton ? j((s(), N(S, C({
           key: 1,
           ref_key: "nextButtonRef",
           ref: m
@@ -128,24 +128,24 @@ const ut = { class: "lkt-step-process--nav" }, it = { class: "lkt-step-process--
     "update:loading"
   ],
   setup(e, { expose: a, emit: l }) {
-    const n = e, b = J(), x = l, m = N(n.loading), r = N(n.modelValue), u = N(n.steps), P = N(null);
+    const n = e, b = J(), x = l, m = P(n.loading), r = P(n.modelValue), u = P(n.steps), S = P(null);
     I(() => n.loading, (t) => m.value = t), I(() => n.modelValue, (t) => r.value = t), I(m, (t) => x("update:loading", t)), I(r, (t) => x("update:modelValue", t));
     const T = p(() => {
       let t = [];
       for (let k in b) k.indexOf("step-") !== -1 && t.push(k.substring(5));
       return t;
     }), c = p(() => u.value.findIndex((t) => t.key === r.value)), o = p(() => u.value[c.value]), Z = p(() => c.value === 0), ee = p(() => {
-      var k, S, B, d, h, g, w;
-      if (((k = o.value) == null ? void 0 : k.prevButton) === !1 || n.prevButton === !1 && !((S = o.value) != null && S.prevButton) || typeof o.value == "object" && (typeof ((B = o.value) == null ? void 0 : B.prevHidden) == "function" && o.value.prevHidden(o.value, u.value) || typeof ((d = o.value) == null ? void 0 : d.prevHidden) == "boolean" && ((h = o.value) == null ? void 0 : h.prevHidden) === !0))
+      var k, g, B, d, h, L, w;
+      if (((k = o.value) == null ? void 0 : k.prevButton) === !1 || n.prevButton === !1 && !((g = o.value) != null && g.prevButton) || typeof o.value == "object" && (typeof ((B = o.value) == null ? void 0 : B.prevHidden) == "function" && o.value.prevHidden(o.value, u.value) || typeof ((d = o.value) == null ? void 0 : d.prevHidden) == "boolean" && ((h = o.value) == null ? void 0 : h.prevHidden) === !0))
         return !1;
       let t = { ...n.prevButton };
-      return typeof ((g = o.value) == null ? void 0 : g.prevButton) == "object" && (t = { ...t, ...(w = o.value) == null ? void 0 : w.prevButton }), typeof t.disabled > "u" && (t.disabled = Z.value), t;
+      return typeof ((L = o.value) == null ? void 0 : L.prevButton) == "object" && (t = { ...t, ...(w = o.value) == null ? void 0 : w.prevButton }), typeof t.disabled > "u" && (t.disabled = Z.value), t;
     }), te = p(() => {
-      var k, S, B, d, h, g, w;
-      if (((k = o.value) == null ? void 0 : k.nextButton) === !1 || n.nextButton === !1 && !((S = o.value) != null && S.nextButton) || typeof o.value == "object" && (typeof ((B = o.value) == null ? void 0 : B.nextHidden) == "function" && o.value.nextHidden(o.value, u.value) || typeof ((d = o.value) == null ? void 0 : d.nextHidden) == "boolean" && ((h = o.value) == null ? void 0 : h.nextHidden) === !0))
+      var k, g, B, d, h, L, w;
+      if (((k = o.value) == null ? void 0 : k.nextButton) === !1 || n.nextButton === !1 && !((g = o.value) != null && g.nextButton) || typeof o.value == "object" && (typeof ((B = o.value) == null ? void 0 : B.nextHidden) == "function" && o.value.nextHidden(o.value, u.value) || typeof ((d = o.value) == null ? void 0 : d.nextHidden) == "boolean" && ((h = o.value) == null ? void 0 : h.nextHidden) === !0))
         return !1;
       let t = { ...n.nextButton };
-      return typeof ((g = o.value) == null ? void 0 : g.nextButton) == "object" && (t = { ...t, ...(w = o.value) == null ? void 0 : w.nextButton }), t;
+      return typeof ((L = o.value) == null ? void 0 : L.nextButton) == "object" && (t = { ...t, ...(w = o.value) == null ? void 0 : w.nextButton }), t;
     }), ae = p(() => {
       const t = [];
       return r.value && t.push(`step-${r.value}`), t.join(" ");
@@ -165,28 +165,32 @@ const ut = { class: "lkt-step-process--nav" }, it = { class: "lkt-step-process--
     };
     return a({
       goNext: () => {
-        P.value.click();
+        S.value.goNext();
       },
       goPrev: () => {
-        P.value.click();
+        S.value.goPrev();
       },
       startLoader: () => m.value = !0,
       stopLoader: () => m.value = !1
     }), ie(() => {
       !r.value && u.value.length > 0 && (r.value = u.value[0].key);
     }), (t, k) => {
-      const S = M("lkt-header"), B = M("lkt-loader");
+      const g = M("lkt-header"), B = M("lkt-loader");
       return s(), y("article", {
         class: se(["lkt-step-process", ae.value])
       }, [
-        t.header && Object.keys(t.header).length > 0 ? (s(), L(S, D(C({ key: 0 }, t.header)), null, 16)) : f("", !0),
-        re.value ? (s(), L(K, C({ key: 1 }, F.value, {
+        t.header && Object.keys(t.header).length > 0 ? (s(), N(g, D(C({ key: 0 }, t.header)), null, 16)) : f("", !0),
+        re.value ? (s(), N(K, C({
+          key: 1,
+          ref_key: "navRef",
+          ref: S
+        }, F.value, {
           onPrev: $,
           onNext: X
         }), U({ _: 2 }, [
           E(b)["nav-info"] ? {
             name: "nav-info",
-            fn: G(({ currentStep: d, currentStepIndex: h, amountOfSteps: g }) => [
+            fn: G(({ currentStep: d, currentStepIndex: h, amountOfSteps: L }) => [
               A(t.$slots, "nav-info", D(q({
                 currentStep: d,
                 currentStepIndex: h,
@@ -205,14 +209,18 @@ const ut = { class: "lkt-step-process--nav" }, it = { class: "lkt-step-process--
             ], 64))), 256))
           ])
         ])),
-        m.value ? (s(), L(B, { key: 3 })) : f("", !0),
-        ne.value ? (s(), L(K, C({ key: 4 }, F.value, {
+        m.value ? (s(), N(B, { key: 3 })) : f("", !0),
+        ne.value ? (s(), N(K, C({
+          key: 4,
+          ref_key: "navRef",
+          ref: S
+        }, F.value, {
           onPrev: $,
           onNext: X
         }), U({ _: 2 }, [
           E(b)["nav-info"] ? {
             name: "nav-info",
-            fn: G(({ currentStep: d, currentStepIndex: h, amountOfSteps: g }) => [
+            fn: G(({ currentStep: d, currentStepIndex: h, amountOfSteps: L }) => [
               A(t.$slots, "nav-info", D(q({
                 currentStep: d,
                 currentStepIndex: h,

package/dist/lib-components/LktStepProcess.vue.d.ts

@@ -1,9 +1,9 @@
 import { ButtonConfig, ItemCrudButtonNavPosition, ItemCrudButtonNavVisibility, StepProcessConfig, StepProcessStepConfig } from 'lkt-vue-kernel';
-declare var __VLS_13: {
+declare var __VLS_15: {
     currentStep: any;
     currentStepIndex: any;
     amountOfSteps: number;
-}, __VLS_16: string, __VLS_17: {
+}, __VLS_18: string, __VLS_19: {
     config: {
         key: string;
         nextButton?: false | {
@@ -4059,17 +4059,17 @@ declare var __VLS_13: {
         } | undefined;
         prevHidden?: boolean | ((currentStep: StepProcessStepConfig, steps: StepProcessStepConfig[]) => boolean) | undefined;
     }[];
-}, __VLS_31: {
+}, __VLS_35: {
     currentStep: any;
     currentStepIndex: any;
     amountOfSteps: number;
 };
 type __VLS_Slots = {} & {
-    [K in NonNullable<typeof __VLS_16>]?: (props: typeof __VLS_17) => any;
+    [K in NonNullable<typeof __VLS_18>]?: (props: typeof __VLS_19) => any;
 } & {
-    'nav-info'?: (props: typeof __VLS_13) => any;
+    'nav-info'?: (props: typeof __VLS_15) => any;
 } & {
-    'nav-info'?: (props: typeof __VLS_31) => any;
+    'nav-info'?: (props: typeof __VLS_35) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<StepProcessConfig, {
     goNext: () => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lkt-step-process",
-  "version": "2.0.9",
+  "version": "2.0.10",
   "description": "",
   "type": "module",
   "module": "./dist/build.js",

package/src/lib-components/LktStepProcess.vue

@@ -139,11 +139,11 @@
     defineExpose({
         goNext: () => {
             // @ts-ignore
-            navRef.value.click();
+            navRef.value.goNext();
         },
         goPrev: () => {
             // @ts-ignore
-            navRef.value.click();
+            navRef.value.goPrev();
         },
         startLoader: () => isLoading.value = true,
         stopLoader: () => isLoading.value = false,
@@ -160,6 +160,7 @@
 
         <button-nav
             v-if="computedRenderTopButtonNav"
+            ref="navRef"
             v-bind="computedButtonNavProps"
             @prev="onPrev"
             @next="onNext"
@@ -189,6 +190,7 @@
 
         <button-nav
             v-if="computedRenderBottomButtonNav"
+            ref="navRef"
             v-bind="computedButtonNavProps"
             @prev="onPrev"
             @next="onNext"