lkt-step-process 2.0.3 → 2.0.5

package/dist/build.css

@@ -1 +1 @@
-.lkt-step-process,.lkt-step-process_content{display:flex;flex-direction:column;gap:15px}.lkt-step-process-buttons{position:sticky;top:calc(-1 * var(--gap));display:flex;align-items:center;justify-content:flex-end;gap:var(--gap);transition:all linear .15s;background:#fff;z-index:2;padding:var(--gap) 0}
+.lkt-step-process{display:flex;flex-direction:column;gap:15px}.lkt-step-process_content{display:flex;flex-direction:column;gap:var(--lkt-step-process--gap)}.lkt-step-process-buttons{gap:var(--lkt-step-process--buttons--gap);padding:var(--lkt-step-process--buttons--padding);display:flex;align-items:center;justify-content:flex-end;transition:all linear .15s;background:#fff;z-index:2}

package/dist/build.d.ts

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

package/dist/build.js

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

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

@@ -1,9 +1,23 @@
 import { ButtonNavProps } from '../config/ButtonNavProps';
-declare const _default: import("vue").DefineComponent<ButtonNavProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare var __VLS_11: {
+    currentStep: string;
+    currentStepIndex: number;
+    amountOfSteps: number;
+};
+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

@@ -3,6 +3,7 @@ export interface ButtonNavProps {
     prevButton: ButtonConfig | false;
     nextButton: ButtonConfig | false;
     isLoading: boolean;
-    prevHidden: boolean;
-    nextHidden: boolean;
+    currentStep: string;
+    currentStepIndex: number;
+    amountOfSteps: number;
 }

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

@@ -1,5 +1,9 @@
 import { ButtonConfig, ItemCrudButtonNavPosition, ItemCrudButtonNavVisibility, StepProcessConfig, StepProcessStepConfig } from 'lkt-vue-kernel';
-declare var __VLS_14: string, __VLS_15: {
+declare var __VLS_13: {
+    currentStep: any;
+    currentStepIndex: any;
+    amountOfSteps: number;
+}, __VLS_16: string, __VLS_17: {
     config: {
         key: string;
         nextButton?: false | {
@@ -4055,9 +4059,17 @@ declare var __VLS_14: string, __VLS_15: {
         } | undefined;
         prevHidden?: boolean | ((currentStep: StepProcessStepConfig, steps: StepProcessStepConfig[]) => boolean) | undefined;
     }[];
+}, __VLS_31: {
+    currentStep: any;
+    currentStepIndex: any;
+    amountOfSteps: number;
 };
 type __VLS_Slots = {} & {
-    [K in NonNullable<typeof __VLS_14>]?: (props: typeof __VLS_15) => any;
+    [K in NonNullable<typeof __VLS_16>]?: (props: typeof __VLS_17) => any;
+} & {
+    'between-buttons-ever'?: (props: typeof __VLS_13) => any;
+} & {
+    'between-buttons-ever'?: (props: typeof __VLS_31) => 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.3",
+  "version": "2.0.5",
   "description": "",
   "type": "module",
   "module": "./dist/build.js",

package/src/components/ButtonNav.vue

@@ -1,12 +1,14 @@
 <script setup lang="ts">
 
     import { ButtonNavProps } from '../config/ButtonNavProps';
+    import { SetupContext, useSlots } from 'vue';
 
     const props = withDefaults(defineProps<ButtonNavProps>(), {
 
     });
 
     const emit = defineEmits(['prev', 'next']);
+    const slots: SetupContext['slots'] = useSlots();
 </script>
 
 <template>
@@ -14,14 +16,27 @@
         <lkt-button
             ref="prevButtonRef"
             v-if="prevButton"
-            v-show="!isLoading && !prevHidden"
+            v-show="!isLoading"
             v-bind="prevButton"
             @click="emit('prev')"
         />
+
+        <template v-if="slots['between-buttons-ever']">
+            <slot
+                name="between-buttons-ever"
+                v-bind="{
+                    currentStep,
+                    currentStepIndex,
+                    amountOfSteps,
+                }"
+            />
+        </template>
+
+
         <lkt-button
             ref="nextButtonRef"
             v-if="nextButton"
-            v-show="!isLoading && !nextHidden"
+            v-show="!isLoading"
             v-bind="nextButton"
             @click="emit('next')"
         />

package/src/lib-components/LktStepProcess.vue

@@ -59,6 +59,11 @@
                 return false;
             }
 
+            if (typeof currentStepConfig.value === 'object'){
+                if (typeof currentStepConfig.value?.prevHidden === 'function' && currentStepConfig.value.prevHidden(currentStepConfig.value, stepsHaystack.value)) return false;
+                if (typeof currentStepConfig.value?.prevHidden === 'boolean' && currentStepConfig.value?.prevHidden === true) return false;
+            }
+
             let r: ButtonConfig = { ...props.prevButton };
             if (typeof currentStepConfig.value?.prevButton === 'object') {
                 r = { ...r, ...currentStepConfig.value?.prevButton };
@@ -77,35 +82,17 @@
                 return false;
             }
 
+            if (typeof currentStepConfig.value === 'object'){
+                if (typeof currentStepConfig.value?.nextHidden === 'function' && currentStepConfig.value.nextHidden(currentStepConfig.value, stepsHaystack.value)) return false;
+                if (typeof currentStepConfig.value?.nextHidden === 'boolean' && currentStepConfig.value?.nextHidden === true) return false;
+            }
+
             let r: ButtonConfig = { ...props.nextButton };
             if (typeof currentStepConfig.value?.nextButton === 'object') {
                 r = { ...r, ...currentStepConfig.value?.nextButton };
             }
             return r;
         }),
-        prevHidden = computed(() => {
-            if (typeof currentStepConfig.value === 'object'){
-                if (typeof currentStepConfig.value?.prevHidden === 'function') {
-                    return currentStepConfig.value.prevHidden(currentStepConfig.value, stepsHaystack.value);
-                }
-                if (typeof currentStepConfig.value?.prevHidden === 'boolean') {
-                    return currentStepConfig.value.prevHidden;
-                }
-            }
-            return currentStepIndex.value === 0;
-        }),
-        nextHidden = computed(() => {
-            if (typeof currentStepConfig.value === 'object') {
-                if (typeof currentStepConfig.value?.nextHidden === 'function') {
-                    return currentStepConfig.value.nextHidden(currentStepConfig.value, stepsHaystack.value);
-                }
-                if (typeof currentStepConfig.value?.nextHidden === 'boolean') {
-                    return currentStepConfig.value.nextHidden;
-                }
-                return currentStepConfig.value?.nextButton === false;
-            }
-            return true;
-        }),
         classes = computed(() => {
             const r = [];
             if (currentStep.value) r.push(`step-${currentStep.value}`);
@@ -122,11 +109,14 @@
         computedButtonNavProps = computed(() => {
             return <ButtonNavProps>{
                 isLoading: isLoading.value,
-                prevHidden: prevHidden.value,
-                nextHidden: nextHidden.value,
                 prevButton: computedPrevButton.value,
                 nextButton: computedNextButton.value,
+                currentStep: currentStep.value,
+                currentStepIndex: currentStepIndex.value,
             };
+        }),
+        computedAmountOfSteps = computed(() => {
+            return stepsHaystack.value.length;
         });
 
     const onNext = (data: any) => {
@@ -171,7 +161,18 @@
             v-bind="computedButtonNavProps"
             @prev="onPrev"
             @next="onNext"
-        />
+        >
+            <template #between-buttons-ever="{currentStep, currentStepIndex, amountOfSteps}" v-if="slots['between-buttons-ever']">
+                <slot
+                    name="between-buttons-ever"
+                      v-bind="{
+                        currentStep,
+                        currentStepIndex,
+                        amountOfSteps: computedAmountOfSteps,
+                    }"
+                />
+            </template>
+        </button-nav>
 
         <div class="lkt-step-process_content" v-if="!isLoading">
             <div class="lkt-grid-1">
@@ -187,6 +188,17 @@
             v-bind="computedButtonNavProps"
             @prev="onPrev"
             @next="onNext"
-        />
+        >
+            <template #between-buttons-ever="{currentStep, currentStepIndex, amountOfSteps}" v-if="slots['between-buttons-ever']">
+                <slot
+                    name="between-buttons-ever"
+                    v-bind="{
+                        currentStep,
+                        currentStepIndex,
+                        amountOfSteps: computedAmountOfSteps,
+                    }"
+                />
+            </template>
+        </button-nav>
     </article>
 </template>