lkt-step-process 2.0.2 → 2.0.4

package/dist/build.d.ts

@@ -1,4 +1,4 @@
-export { tt as default };
-declare namespace tt {
+export { pt as default };
+declare namespace pt {
     function install(e: any, a?: {}): void;
 }

package/dist/build.js

@@ -1,24 +1,25 @@
-var O = Object.defineProperty;
-var q = (e, a, o) => a in e ? O(e, a, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[a] = o;
-var u = (e, a, o) => q(e, typeof a != "symbol" ? a + "" : a, o);
-import { defineComponent as $, mergeDefaults as G, useSlots as K, ref as g, watch as b, computed as v, onMounted as Q, resolveComponent as w, createElementBlock as L, openBlock as f, normalizeClass as W, createBlock as B, createCommentVNode as y, createElementVNode as T, normalizeProps as X, mergeProps as A, withDirectives as P, vShow as S, Fragment as Y, renderList as Z, renderSlot as J } from "vue";
+var Z = Object.defineProperty;
+var ee = (e, a, o) => a in e ? Z(e, a, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[a] = o;
+var u = (e, a, o) => ee(e, typeof a != "symbol" ? a + "" : a, o);
+import { defineComponent as _, useSlots as j, resolveComponent as N, createElementBlock as L, openBlock as c, withDirectives as A, createCommentVNode as b, renderSlot as P, createBlock as B, mergeProps as w, vShow as D, unref as H, mergeDefaults as te, ref as g, watch as C, computed as d, onMounted as ae, normalizeClass as re, normalizeProps as ne, createSlots as V, withCtx as F, createElementVNode as oe, Fragment as le, renderList as ie } from "vue";
 import "lkt-string-tools";
-var ee = ((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))(ee || {}), te = ((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.File = "file", e.Image = "image", e.Select = "select", e.Check = "check", e.Switch = "switch", e.Calc = "calc", e.Card = "card", e.Elements = "elements", e))(te || {}), ae = ["lktDateProps", "lktStrictItem", "lktExcludedProps"], i, re = (i = class {
+import "lkt-data-state";
+var ue = ((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))(ue || {}), se = ((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))(se || {}), de = ["lktDateProps", "lktStrictItem", "lktExcludedProps"], v, ve = (v = class {
   constructor(a) {
   }
   feed(a = {}, o = this) {
-    if (typeof a == "object") for (let [n, C] of Object.entries(a)) o.assignProp(n, C);
+    if (typeof a == "object") for (let [r, l] of Object.entries(a)) o.assignProp(r, l);
   }
   assignProp(a, o) {
-    if (!(ae.includes(a) || i.lktExcludedProps.includes(a))) {
-      if (i.lktDateProps.includes(a)) {
+    if (!(de.includes(a) || v.lktExcludedProps.includes(a))) {
+      if (v.lktDateProps.includes(a)) {
         this[a] = new Date(o);
         return;
       }
       this[a] = o;
     }
   }
-}, u(i, "lktAllowUndefinedProps", []), u(i, "lktExcludedProps", []), u(i, "lktDateProps", []), u(i, "lktStrictItem", !1), u(i, "lktDefaultValues", []), i), ne = ((e) => (e.Auto = "auto", e.Always = "always", e.Lazy = "lazy", e.Ever = "ever", e))(ne || {}), le = ((e) => (e.Transform = "transform", e.Height = "height", e.Display = "display", e))(le || {}), oe = ((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))(oe || {}), ue = ((e) => (e.Static = "static", e.Parallax = "parallax", e))(ue || {}), ie = ((e) => (e.None = "", e.Field = "field", e.Button = "button", e.Anchor = "anchor", e))(ie || {}), se = ((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))(se || {}), ce = ((e) => (e.List = "list", e.Inline = "inline", e.Count = "count", e))(ce || {}), de = ((e) => (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))(de || {}), ve = ((e) => (e.Ok = "ok", e.Ko = "ko", e.Info = "info", e))(ve || {}), pe = ((e) => (e.StorageUnit = "unit", e.Directory = "dir", e.Image = "img", e.Video = "vid", e.File = "file", e))(pe || {}), me = ((e) => (e.H1 = "h1", e.H2 = "h2", e.H3 = "h3", e.H4 = "h4", e.H5 = "h5", e.H6 = "h6", e))(me || {}), fe = ((e) => (e.NotDefined = "", e.Button = "button", e))(fe || {}), he = ((e) => (e.Start = "start", e.End = "end", e))(he || {}), ke = ((e) => (e.Create = "create", e.Update = "update", e.Read = "read", e))(ke || {}), xe = ((e) => (e.Inline = "inline", e.Modal = "modal", e))(xe || {}), ge = ((e) => (e.Top = "top", e.Bottom = "bottom", e))(ge || {}), ye = ((e) => (e.Changed = "changed", e.Always = "always", e.Never = "never", e))(ye || {}), be = ((e) => (e.Manual = "manual", e.Auto = "auto", e.Delay = "delay", e))(be || {}), Le = ((e) => (e.Toast = "toast", e.Inline = "inline", e))(Le || {}), Be = ((e) => (e.Anchor = "anchor", e.Button = "button", e.Entry = "entry", e))(Be || {}), Ce = ((e) => (e.Modal = "modal", e.Confirm = "confirm", e))(Ce || {}), we = ((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))(we || {}), Ae = ((e) => (e.None = "", e.Incremental = "incremental", e.Decremental = "decremental", e))(Ae || {}), Pe = ((e) => (e.NotDefined = "", e.Hidden = "hidden", e.Integer = "integer", e.Decimal = "decimal", e.Auto = "auto", e))(Pe || {}), I, Se = (I = class extends re {
+}, u(v, "lktAllowUndefinedProps", []), u(v, "lktExcludedProps", []), u(v, "lktDateProps", []), u(v, "lktStrictItem", !1), u(v, "lktDefaultValues", []), v), ce = ((e) => (e.Auto = "auto", e.Always = "always", e.Lazy = "lazy", e.Ever = "ever", e))(ce || {}), pe = ((e) => (e.Transform = "transform", e.Height = "height", e.Display = "display", e))(pe || {}), me = ((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))(me || {}), fe = ((e) => (e.Static = "static", e.Parallax = "parallax", e))(fe || {}), ke = ((e) => (e.None = "", e.Field = "field", e.Button = "button", e.Anchor = "anchor", e.InlineDrop = "inline-drop", e.ColumnIndex = "column-index", e))(ke || {}), he = ((e) => (e.Date = "date", e.Number = "number", e.Timer = "timer", e))(he || {}), 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 || {}), xe = ((e) => (e.List = "list", e.Inline = "inline", e.Count = "count", e.Table = "table", e))(xe || {}), ye = ((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))(ye || {}), Be = ((e) => (e.Ok = "ok", e.Ko = "ko", e.Info = "info", e))(Be || {}), ge = ((e) => (e.StorageUnit = "unit", e.Directory = "dir", e.Image = "img", e.Video = "vid", e.File = "file", e))(ge || {}), Le = ((e) => (e.H1 = "h1", e.H2 = "h2", e.H3 = "h3", e.H4 = "h4", e.H5 = "h5", e.H6 = "h6", e))(Le || {}), we = ((e) => (e.NotDefined = "", e.Button = "button", e))(we || {}), Ce = ((e) => (e.Start = "start", e.End = "end", e))(Ce || {}), Pe = ((e) => (e.Create = "create", e.Update = "update", e.Read = "read", e))(Pe || {}), Se = ((e) => (e.Inline = "inline", e.Modal = "modal", e))(Se || {}), I = ((e) => (e.Top = "top", e.Bottom = "bottom", e))(I || {}), M = ((e) => (e.Changed = "changed", e.Always = "always", e.Never = "never", e))(M || {}), Ne = ((e) => (e.Manual = "manual", e.Auto = "auto", e.Delay = "delay", e))(Ne || {}), Ae = ((e) => (e.Toast = "toast", e.Inline = "inline", e))(Ae || {}), De = ((e) => (e.Current = "current", e.Modifications = "modifications", e.SplitView = "split-view", e.Differences = "differences", e))(De || {}), He = ((e) => (e.Anchor = "anchor", e.Button = "button", e.Header = "header", e.Entry = "entry", e))(He || {}), Ie = ((e) => (e.Modal = "modal", e.Confirm = "confirm", e))(Ie || {}), Me = ((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))(Me || {}), Te = ((e) => (e.None = "", e.Incremental = "incremental", e.Decremental = "decremental", e))(Te || {}), Ee = ((e) => (e.NotDefined = "", e.Hidden = "hidden", e.Integer = "integer", e.Decimal = "decimal", e.Auto = "auto", e))(Ee || {}), S, Re = (S = class extends ve {
   constructor(a = {}) {
     super();
     u(this, "modelValue", "");
@@ -27,28 +28,67 @@ var ee = ((e) => (e.Button = "button", e.Submit = "submit", e.Reset = "reset", e
     u(this, "header", {});
     u(this, "nextButton", {});
     u(this, "prevButton", {});
+    u(this, "buttonNavPosition", "top");
+    u(this, "buttonNavVisibility", "always");
     this.feed(a);
   }
-}, u(I, "lktDefaultValues", ["modelValue", "loading", "steps", "header"]), I), Ie = ((e) => (e.Table = "table", e.Item = "item", e.Ul = "ul", e.Ol = "ol", e.Carousel = "carousel", e.Accordion = "accordion", e))(Ie || {}), De = ((e) => (e[e.Auto = 0] = "Auto", e[e.PreferItem = 1] = "PreferItem", e[e.PreferCustomItem = 2] = "PreferCustomItem", e[e.PreferColumns = 3] = "PreferColumns", e))(De || {}), Ee = ((e) => (e.NotDefined = "", e.ActionIcon = "action-icon", e))(Ee || {}), He = ((e) => (e.Message = "message", e.Button = "button", e))(He || {}), Me = ((e) => (e.Left = "left", e.Center = "center", e.Right = "right", e))(Me || {}), Ne = ((e) => (e.Fixed = "fixed", e.Absolute = "absolute", e))(Ne || {}), Te = ((e) => (e.Top = "top", e.Bottom = "bottom", e.Center = "center", e.ReferrerCenter = "referrer-center", e))(Te || {}), Re = ((e) => (e.Left = "left", e.Right = "right", e.Center = "center", e.LeftCorner = "left-corner", e.RightCorner = "right-corner", e))(Re || {}), _e = ((e) => (e.LktAnchor = "lkt-anchor", e.LktLayoutAccordion = "lkt-layout-accordion", e.LktTextAccordion = "lkt-text-accordion", e.LktLayoutBox = "lkt-layout-box", e.LktTextBox = "lkt-text-box", e.LktLayoutBanner = "lkt-layout-banner", e.LktTextBanner = "lkt-text-banner", e.LktButton = "lkt-button", e.LktLayout = "lkt-layout", e.LktHeader = "lkt-header", e.LktIcon = "lkt-icon", e.LktIcons = "lkt-icons", e.LktImage = "lkt-image", e.LktText = "lkt-text", e))(_e || {}), Ve = ((e) => (e.Grid = "grid", e.FlexRow = "flex-row", e.FlexRows = "flex-rows", e.FlexColumn = "flex-column", e))(Ve || {}), Fe = ((e) => (e.None = "", e.Focus = "focus", e.Blur = "blur", e.Always = "always", e))(Fe || {}), ze = ((e) => (e.Auto = "auto", e.Local = "local", e.Remote = "remote", e))(ze || {}), Ue = ((e) => (e.Refresh = "refresh", e.Close = "close", e.ReOpen = "reOpen", e.Exec = "exec", e.Open = "open", e))(Ue || {}), je = ((e) => (e.Asc = "asc", e.Desc = "desc", e))(je || {}), Oe = ((e) => (e.Create = "create", e.Update = "update", e.Edit = "edit", e.Drop = "drop", e.Sort = "sort", e.SwitchEditMode = "switch-edit-mode", e.InlineEdit = "inline-edit", e.InlineCreate = "inline-create", e.ModalCreate = "modal-create", e.InlineCreateEver = "inline-create-ever", e))(Oe || {}), qe = ((e) => (e.Lazy = "lazy", e.Ever = "ever", e))(qe || {}), $e = ((e) => (e.Page = "page", e.Element = "element", e))($e || {}), Ge = ((e) => (e.Quick = "quick", e.Full = "full", e))(Ge || {});
-function Ke(e) {
+}, u(S, "lktDefaultValues", ["modelValue", "loading", "steps", "header"]), S), Ve = ((e) => (e.Table = "table", e.Item = "item", e.Ul = "ul", e.Ol = "ol", e.Carousel = "carousel", e.Accordion = "accordion", e))(Ve || {}), Fe = ((e) => (e[e.Auto = 0] = "Auto", e[e.PreferItem = 1] = "PreferItem", e[e.PreferCustomItem = 2] = "PreferCustomItem", e[e.PreferColumns = 3] = "PreferColumns", e))(Fe || {}), Xe = ((e) => (e.NotDefined = "", e.ActionIcon = "action-icon", e))(Xe || {}), _e = ((e) => (e.Message = "message", e.Button = "button", e))(_e || {}), je = ((e) => (e.Left = "left", e.Center = "center", e.Right = "right", e))(je || {}), ze = ((e) => (e.Fixed = "fixed", e.Absolute = "absolute", e))(ze || {}), Oe = ((e) => (e.Top = "top", e.Bottom = "bottom", e.Center = "center", e.ReferrerCenter = "referrer-center", e))(Oe || {}), Ue = ((e) => (e.Left = "left", e.Right = "right", e.Center = "center", e.LeftCorner = "left-corner", e.RightCorner = "right-corner", e))(Ue || {}), $e = ((e) => (e.LktAnchor = "lkt-anchor", e.LktLayoutAccordion = "lkt-layout-accordion", e.LktTextAccordion = "lkt-text-accordion", e.LktLayoutBox = "lkt-layout-box", e.LktTextBox = "lkt-text-box", e.LktLayoutBanner = "lkt-layout-banner", e.LktTextBanner = "lkt-text-banner", e.LktButton = "lkt-button", e.LktLayout = "lkt-layout", e.LktHeader = "lkt-header", e.LktIcon = "lkt-icon", e.LktIcons = "lkt-icons", e.LktImage = "lkt-image", e.LktText = "lkt-text", e))($e || {}), Ge = ((e) => (e.Grid = "grid", e.FlexRow = "flex-row", e.FlexRows = "flex-rows", e.FlexColumn = "flex-column", e))(Ge || {}), qe = ((e) => (e.Draft = "draft", e.Public = "public", e.Scheduled = "scheduled", e))(qe || {}), Ke = ((e) => (e[e.XXS = 1] = "XXS", e[e.XS = 2] = "XS", e[e.SM = 3] = "SM", e[e.MD = 4] = "MD", e[e.LG = 5] = "LG", e[e.XL = 6] = "XL", e[e.XXL = 7] = "XXL", e))(Ke || {}), Qe = ((e) => (e.None = "", e.Focus = "focus", e.Blur = "blur", e.Always = "always", e))(Qe || {}), Je = ((e) => (e.Message = "message", e.Inline = "inline", e))(Je || {}), We = ((e) => (e.Auto = "auto", e.Local = "local", e.Remote = "remote", e))(We || {}), Ye = ((e) => (e.Refresh = "refresh", e.Close = "close", e.ReOpen = "reOpen", e.Exec = "exec", e.Open = "open", e))(Ye || {}), Ze = ((e) => (e.Asc = "asc", e.Desc = "desc", e))(Ze || {}), et = ((e) => (e.Create = "create", e.Update = "update", e.Edit = "edit", e.Drop = "drop", e.Sort = "sort", e.SwitchEditMode = "switch-edit-mode", e.InlineEdit = "inline-edit", e.InlineCreate = "inline-create", e.ModalCreate = "modal-create", e.InlineCreateEver = "inline-create-ever", e))(et || {}), tt = ((e) => (e.Lazy = "lazy", e.Ever = "ever", e))(tt || {}), at = ((e) => (e.Page = "page", e.Element = "element", e))(at || {}), rt = ((e) => (e.Quick = "quick", e.Full = "full", e))(rt || {});
+function nt(e) {
   let a = new e(), o = {};
   if (!Array.isArray(e.lktDefaultValues)) throw new Error("lktDefaultValues must be a keys array.");
-  for (let n of e.lktDefaultValues) n in a && (o[n] = a[n]);
+  for (let r of e.lktDefaultValues) r in a && (o[r] = a[r]);
   return o;
 }
-const Qe = { class: "lkt-step-process-buttons" }, We = {
-  key: 1,
+const ot = { class: "lkt-step-process-buttons" }, X = /* @__PURE__ */ _({
+  __name: "ButtonNav",
+  props: {
+    prevButton: { type: [Object, Boolean] },
+    nextButton: { type: [Object, Boolean] },
+    isLoading: { type: Boolean },
+    prevHidden: { type: Boolean },
+    nextHidden: { type: Boolean }
+  },
+  emits: ["prev", "next"],
+  setup(e, { emit: a }) {
+    const o = a, r = j();
+    return (l, p) => {
+      const m = N("lkt-button");
+      return c(), L("div", ot, [
+        l.prevButton ? A((c(), B(m, w({
+          key: 0,
+          ref: "prevButtonRef"
+        }, l.prevButton, {
+          onClick: p[0] || (p[0] = (s) => o("prev"))
+        }), null, 16)), [
+          [D, !l.isLoading && !l.prevHidden]
+        ]) : b("", !0),
+        H(r)["between-buttons-ever"] ? P(l.$slots, "between-buttons-ever", { key: 1 }) : b("", !0),
+        l.nextButton ? A((c(), B(m, w({
+          key: 2,
+          ref: "nextButtonRef"
+        }, l.nextButton, {
+          onClick: p[1] || (p[1] = (s) => o("next"))
+        }), null, 16)), [
+          [D, !l.isLoading && !l.nextHidden]
+        ]) : b("", !0)
+      ]);
+    };
+  }
+}), lt = {
+  key: 2,
   class: "lkt-step-process_content"
-}, Xe = { class: "lkt-grid-1" }, Ye = /* @__PURE__ */ $({
+}, it = { class: "lkt-grid-1" }, ut = /* @__PURE__ */ _({
   __name: "LktStepProcess",
-  props: /* @__PURE__ */ G({
+  props: /* @__PURE__ */ te({
     modelValue: {},
     loading: { type: Boolean },
     steps: {},
     header: {},
     nextButton: {},
-    prevButton: {}
-  }, Ke(Se)),
+    prevButton: {},
+    buttonNavPosition: {},
+    buttonNavVisibility: {}
+  }, nt(Re)),
   emits: [
     "next",
     "prev",
@@ -57,95 +97,109 @@ const Qe = { class: "lkt-step-process-buttons" }, We = {
     "update:loading"
   ],
   setup(e, { expose: a, emit: o }) {
-    const n = e, C = K(), x = o, p = g(n.loading), s = g(n.modelValue), c = g(n.steps), D = g(null), E = g(null);
-    b(() => n.loading, (t) => p.value = t), b(() => n.modelValue, (t) => s.value = t), b(p, (t) => x("update:loading", t)), b(s, (t) => x("update:modelValue", t));
-    const R = v(() => {
+    const r = e, l = j(), p = o, m = g(r.loading), s = g(r.modelValue), f = g(r.steps), z = g(null), O = g(null);
+    C(() => r.loading, (t) => m.value = t), C(() => r.modelValue, (t) => s.value = t), C(m, (t) => p("update:loading", t)), C(s, (t) => p("update:modelValue", t));
+    const U = d(() => {
       let t = [];
-      for (let l in C) l.indexOf("step-") !== -1 && t.push(l.substring(5));
+      for (let i in l) i.indexOf("step-") !== -1 && t.push(i.substring(5));
       return t;
-    }), k = v(() => c.value.findIndex((t) => t.key === s.value)), r = v(() => c.value[k.value]), _ = v(() => k.value === 0), H = v(() => {
-      var l, d, m, h;
-      if (((l = r.value) == null ? void 0 : l.prevButton) === !1 || n.prevButton === !1 && !((d = r.value) != null && d.prevButton))
+    }), y = d(() => f.value.findIndex((t) => t.key === s.value)), n = d(() => f.value[y.value]), $ = d(() => y.value === 0), G = d(() => {
+      var i, k, x, h;
+      if (((i = n.value) == null ? void 0 : i.prevButton) === !1 || r.prevButton === !1 && !((k = n.value) != null && k.prevButton))
         return !1;
-      let t = { ...n.prevButton };
-      return typeof ((m = r.value) == null ? void 0 : m.prevButton) == "object" && (t = { ...t, ...(h = r.value) == null ? void 0 : h.prevButton }), typeof t.disabled > "u" && (t.disabled = _.value), t;
-    }), M = v(() => {
-      var l, d, m, h;
-      if (((l = r.value) == null ? void 0 : l.nextButton) === !1 || n.nextButton === !1 && !((d = r.value) != null && d.nextButton))
+      let t = { ...r.prevButton };
+      return typeof ((x = n.value) == null ? void 0 : x.prevButton) == "object" && (t = { ...t, ...(h = n.value) == null ? void 0 : h.prevButton }), typeof t.disabled > "u" && (t.disabled = $.value), t;
+    }), q = d(() => {
+      var i, k, x, h;
+      if (((i = n.value) == null ? void 0 : i.nextButton) === !1 || r.nextButton === !1 && !((k = n.value) != null && k.nextButton))
         return !1;
-      let t = { ...n.nextButton };
-      return typeof ((m = r.value) == null ? void 0 : m.nextButton) == "object" && (t = { ...t, ...(h = r.value) == null ? void 0 : h.nextButton }), t;
-    }), V = v(() => {
-      var t, l;
-      if (typeof r.value == "object") {
-        if (typeof ((t = r.value) == null ? void 0 : t.prevHidden) == "function")
-          return r.value.prevHidden(r.value, c.value);
-        if (typeof ((l = r.value) == null ? void 0 : l.prevHidden) == "boolean")
-          return r.value.prevHidden;
+      let t = { ...r.nextButton };
+      return typeof ((x = n.value) == null ? void 0 : x.nextButton) == "object" && (t = { ...t, ...(h = n.value) == null ? void 0 : h.nextButton }), t;
+    }), K = d(() => {
+      var t, i;
+      if (typeof n.value == "object") {
+        if (typeof ((t = n.value) == null ? void 0 : t.prevHidden) == "function")
+          return n.value.prevHidden(n.value, f.value);
+        if (typeof ((i = n.value) == null ? void 0 : i.prevHidden) == "boolean")
+          return n.value.prevHidden;
       }
-      return k.value === 0;
-    }), F = v(() => {
-      var t, l, d;
-      return typeof r.value == "object" ? typeof ((t = r.value) == null ? void 0 : t.nextHidden) == "function" ? r.value.nextHidden(r.value, c.value) : typeof ((l = r.value) == null ? void 0 : l.nextHidden) == "boolean" ? r.value.nextHidden : ((d = r.value) == null ? void 0 : d.nextButton) === !1 : !0;
-    }), z = v(() => {
+      return y.value === 0;
+    }), Q = d(() => {
+      var t, i, k;
+      return typeof n.value == "object" ? typeof ((t = n.value) == null ? void 0 : t.nextHidden) == "function" ? n.value.nextHidden(n.value, f.value) : typeof ((i = n.value) == null ? void 0 : i.nextHidden) == "boolean" ? n.value.nextHidden : ((k = n.value) == null ? void 0 : k.nextButton) === !1 : !0;
+    }), J = d(() => {
       const t = [];
       return s.value && t.push(`step-${s.value}`), t.join(" ");
-    }), U = (t) => {
-      s.value = c.value[k.value + 1].key, k.value === c.value.length - 1 ? x("finish", t) : x("next", t);
-    }, j = (t) => {
-      s.value = c.value[k.value - 1].key, x("prev", t);
+    }), W = d(() => r.buttonNavVisibility === M.Never ? !1 : !r.buttonNavPosition || r.buttonNavPosition === I.Top), Y = d(() => r.buttonNavVisibility === M.Never ? !1 : r.buttonNavPosition === I.Bottom), T = d(() => ({
+      isLoading: m.value,
+      prevHidden: K.value,
+      nextHidden: Q.value,
+      prevButton: G.value,
+      nextButton: q.value
+    })), E = (t) => {
+      s.value = f.value[y.value + 1].key, y.value === f.value.length - 1 ? p("finish", t) : p("next", t);
+    }, R = (t) => {
+      s.value = f.value[y.value - 1].key, p("prev", t);
     };
     return a({
       goNext: () => {
-        E.value.click();
+        O.value.click();
       },
       goPrev: () => {
-        D.value.click();
+        z.value.click();
       },
-      startLoader: () => p.value = !0,
-      stopLoader: () => p.value = !1
-    }), Q(() => {
-      !s.value && c.value.length > 0 && (s.value = c.value[0].key);
-    }), (t, l) => {
-      const d = w("lkt-header"), m = w("lkt-button"), h = w("lkt-loader");
-      return f(), L("article", {
-        class: W(["lkt-step-process", z.value])
+      startLoader: () => m.value = !0,
+      stopLoader: () => m.value = !1
+    }), ae(() => {
+      !s.value && f.value.length > 0 && (s.value = f.value[0].key);
+    }), (t, i) => {
+      const k = N("lkt-header"), x = N("lkt-loader");
+      return c(), L("article", {
+        class: re(["lkt-step-process", J.value])
       }, [
-        t.header && Object.keys(t.header).length > 0 ? (f(), B(d, X(A({ key: 0 }, t.header)), null, 16)) : y("", !0),
-        T("div", Qe, [
-          H.value ? P((f(), B(m, A({
-            key: 0,
-            ref_key: "prevButtonRef",
-            ref: D
-          }, H.value, { onClick: j }), null, 16)), [
-            [S, !p.value && !V.value]
-          ]) : y("", !0),
-          M.value ? P((f(), B(m, A({
-            key: 1,
-            ref_key: "nextButtonRef",
-            ref: E
-          }, M.value, { onClick: U }), null, 16)), [
-            [S, !p.value && !F.value]
-          ]) : y("", !0)
-        ]),
-        p.value ? y("", !0) : (f(), L("div", We, [
-          T("div", Xe, [
-            (f(!0), L(Y, null, Z(R.value, (N) => P((f(), L("div", null, [
-              J(t.$slots, "step-" + N, { config: c.value })
+        t.header && Object.keys(t.header).length > 0 ? (c(), B(k, ne(w({ key: 0 }, t.header)), null, 16)) : b("", !0),
+        W.value ? (c(), B(X, w({ key: 1 }, T.value, {
+          onPrev: R,
+          onNext: E
+        }), V({ _: 2 }, [
+          H(l)["between-buttons-ever"] ? {
+            name: "between-buttons-ever",
+            fn: F(({}) => [
+              P(t.$slots, "between-buttons-ever")
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1040)) : b("", !0),
+        m.value ? b("", !0) : (c(), L("div", lt, [
+          oe("div", it, [
+            (c(!0), L(le, null, ie(U.value, (h) => A((c(), L("div", null, [
+              P(t.$slots, "step-" + h, { config: f.value })
             ], 512)), [
-              [S, N === s.value]
+              [D, h === s.value]
             ])), 256))
           ])
         ])),
-        p.value ? (f(), B(h, { key: 2 })) : y("", !0)
+        m.value ? (c(), B(x, { key: 3 })) : b("", !0),
+        Y.value ? (c(), B(X, w({ key: 4 }, T.value, {
+          onPrev: R,
+          onNext: E
+        }), V({ _: 2 }, [
+          H(l)["between-buttons-ever"] ? {
+            name: "between-buttons-ever",
+            fn: F(({}) => [
+              P(t.$slots, "between-buttons-ever")
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1040)) : b("", !0)
       ], 2);
     };
   }
-}), tt = {
+}), pt = {
   install: (e, a = {}) => {
-    e.component("lkt-step-process", Ye);
+    e.component("lkt-step-process", ut);
   }
 };
 export {
-  tt as default
+  pt as default
 };

package/dist/components/ButtonNav.vue.d.ts

@@ -0,0 +1,19 @@
+import { ButtonNavProps } from '../config/ButtonNavProps';
+declare var __VLS_11: {};
+type __VLS_Slots = {} & {
+    'between-buttons-ever'?: (props: typeof __VLS_11) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<ButtonNavProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    next: (...args: any[]) => void;
+    prev: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<ButtonNavProps> & Readonly<{
+    onNext?: ((...args: any[]) => any) | undefined;
+    onPrev?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/config/ButtonNavProps.d.ts

@@ -0,0 +1,8 @@
+import { ButtonConfig } from 'lkt-vue-kernel';
+export interface ButtonNavProps {
+    prevButton: ButtonConfig | false;
+    nextButton: ButtonConfig | false;
+    isLoading: boolean;
+    prevHidden: boolean;
+    nextHidden: boolean;
+}