lkt-step-process 2.0.12 → 2.0.14

package/dist/build.d.ts

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

package/dist/build.js

@@ -1,27 +1,27 @@
-var de = Object.defineProperty;
-var ve = (e, t, u) => t in e ? de(e, t, { enumerable: !0, configurable: !0, writable: !0, value: u }) : e[t] = u;
-var n = (e, t, u) => ve(e, typeof t != "symbol" ? t + "" : t, u);
-import { ref as k, defineComponent as ae, useSlots as re, resolveComponent as F, createElementBlock as B, openBlock as v, withDirectives as q, createCommentVNode as g, createBlock as N, mergeProps as D, vShow as Q, unref as _, renderSlot as H, normalizeProps as V, Fragment as W, renderList as ne, mergeDefaults as pe, watch as E, computed as b, onMounted as fe, normalizeClass as me, createSlots as Y, withCtx as Z, guardReactiveProps as ee, createElementVNode as ye } from "vue";
+var me = Object.defineProperty;
+var ye = (e, a, c) => a in e ? me(e, a, { enumerable: !0, configurable: !0, writable: !0, value: c }) : e[a] = c;
+var n = (e, a, c) => ye(e, typeof a != "symbol" ? a + "" : a, c);
+import { ref as k, defineComponent as re, useSlots as ne, resolveComponent as j, createElementBlock as B, openBlock as f, withDirectives as X, createCommentVNode as g, createBlock as M, mergeProps as N, vShow as U, unref as _, renderSlot as H, normalizeProps as F, Fragment as $, renderList as oe, mergeDefaults as ke, watch as E, computed as b, onMounted as he, normalizeClass as be, createSlots as Y, withCtx as ee, guardReactiveProps as te, createElementVNode as Ae } from "vue";
 import "lkt-string-tools";
 import "lkt-object-tools";
 import "lkt-data-state";
-var ke = ((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.InvisibleWrapper = "invisible-wrapper", e.Menu = "menu", e.Tab = "tab", e))(ke || {}), he = ((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.DayOfWeek = "day-of-week", e))(he || {}), be = ["lktDateProps", "lktStrictItem", "lktExcludedProps"], x, xe = (x = class {
-  constructor(t) {
+var xe = ((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.InvisibleWrapper = "invisible-wrapper", e.Menu = "menu", e.Tab = "tab", e))(xe || {}), ge = ((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.DayOfWeek = "day-of-week", e))(ge || {}), Se = ["lktDateProps", "lktStrictItem", "lktExcludedProps"], A, Be = (A = class {
+  constructor(a) {
   }
-  feed(t = {}, u = this) {
-    if (typeof t == "object") for (let [r, S] of Object.entries(t)) u.assignProp(r, S);
+  feed(a = {}, c = this) {
+    if (typeof a == "object") for (let [r, S] of Object.entries(a)) c.assignProp(r, S);
   }
-  assignProp(t, u) {
-    if (!(be.includes(t) || x.lktExcludedProps.includes(t))) {
-      if (x.lktDateProps.includes(t)) {
-        this[t] = new Date(u);
+  assignProp(a, c) {
+    if (!(Se.includes(a) || A.lktExcludedProps.includes(a))) {
+      if (A.lktDateProps.includes(a)) {
+        this[a] = new Date(c);
         return;
       }
-      this[t] = u;
+      this[a] = c;
     }
   }
-}, n(x, "lktAllowUndefinedProps", []), n(x, "lktExcludedProps", []), n(x, "lktDateProps", []), n(x, "lktStrictItem", !1), n(x, "lktDefaultValues", []), x), ge = ((e) => (e.Auto = "auto", e.Always = "always", e.Lazy = "lazy", e.Ever = "ever", e))(ge || {}), Se = ((e) => (e.Transform = "transform", e.Height = "height", e.Display = "display", e))(Se || {}), Be = ((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))(Be || {}), Le = ((e) => (e.Static = "static", e.Parallax = "parallax", e))(Le || {}), Ae = ((e) => (e.None = "", e.Field = "field", e.Button = "button", e.Anchor = "anchor", e.Content = "content", e.InlineDrop = "inline-drop", e.ColumnIndex = "column-index", e))(Ae || {}), Ce = ((e) => (e.Date = "date", e.Number = "number", e.Timer = "timer", e.Chrono = "chrono", e))(Ce || {}), Me = ((e) => (e.Auto = "auto", e.Progress = "progress", e))(Me || {}), Ne = ((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))(Ne || {}), De = ((e) => (e.List = "list", e.Inline = "inline", e.Count = "count", e.Table = "table", e))(De || {}), Pe = ((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))(Pe || {}), Te = ((e) => (e.Ok = "ok", e.Ko = "ko", e.Info = "info", e))(Te || {}), we = ((e) => (e.StorageUnit = "unit", e.Directory = "dir", e.Image = "img", e.Video = "vid", e.File = "file", e))(we || {}), Ie = ((e) => (e.H1 = "h1", e.H2 = "h2", e.H3 = "h3", e.H4 = "h4", e.H5 = "h5", e.H6 = "h6", e))(Ie || {}), Oe = ((e) => (e.NotDefined = "", e.Button = "button", e))(Oe || {}), Re = ((e) => (e.Start = "start", e.End = "end", e))(Re || {}), Ee = ((e) => (e.Create = "create", e.Update = "update", e.Read = "read", e))(Ee || {}), He = ((e) => (e.Inline = "inline", e.Modal = "modal", e))(He || {}), X = ((e) => (e.Top = "top", e.Bottom = "bottom", e.Hidden = "hidden", e))(X || {}), U = ((e) => (e.Changed = "changed", e.Always = "always", e.Never = "never", e))(U || {}), Ve = ((e) => (e.Manual = "manual", e.Auto = "auto", e.Delay = "delay", e))(Ve || {}), Fe = ((e) => (e.Toast = "toast", e.Inline = "inline", e.Silent = "silent", e))(Fe || {}), _e = ((e) => (e.Current = "current", e.Modifications = "modifications", e.SplitView = "split-view", e.Differences = "differences", e))(_e || {}), je = ((e) => (e.Hidden = "hidden", e.Always = "always", e.TabList = "tablist", e))(je || {}), ze = ((e) => (e.Anchor = "anchor", e.Button = "button", e.Header = "header", e.Entry = "entry", e))(ze || {}), We = ((e) => (e.Modal = "modal", e.Confirm = "confirm", e))(We || {}), Xe = ((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.TimelineAsc = "timeline-asc", e.TimelineDesc = "timeline-desc", e.TimelineAscDesc = "timeline-asc-desc", e))(Xe || {}), Ue = ((e) => (e.None = "", e.Incremental = "incremental", e.Decremental = "decremental", e))(Ue || {}), $e = ((e) => (e.NotDefined = "", e.Hidden = "hidden", e.Integer = "integer", e.Decimal = "decimal", e.Auto = "auto", e))($e || {}), Je = ((e) => (e.Bar = "bar", e.Circle = "circle", e))(Je || {}), z, Ge = (z = class extends xe {
-  constructor(t = {}) {
+}, n(A, "lktAllowUndefinedProps", []), n(A, "lktExcludedProps", []), n(A, "lktDateProps", []), n(A, "lktStrictItem", !1), n(A, "lktDefaultValues", []), A), we = ((e) => (e.Auto = "auto", e.Always = "always", e.Lazy = "lazy", e.Ever = "ever", e))(we || {}), Ie = ((e) => (e.Transform = "transform", e.Height = "height", e.Display = "display", e))(Ie || {}), Le = ((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))(Le || {}), Re = ((e) => (e.Static = "static", e.Parallax = "parallax", e))(Re || {}), Ce = ((e) => (e.None = "", e.Field = "field", e.Button = "button", e.Anchor = "anchor", e.Content = "content", e.InlineDrop = "inline-drop", e.ColumnIndex = "column-index", e))(Ce || {}), Me = ((e) => (e.Date = "date", e.Number = "number", e.Timer = "timer", e.Chrono = "chrono", e))(Me || {}), Ne = ((e) => (e.Auto = "auto", e.Progress = "progress", e))(Ne || {}), Te = ((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))(Te || {}), De = ((e) => (e.List = "list", e.Inline = "inline", e.Count = "count", e.Table = "table", e))(De || {}), Pe = ((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))(Pe || {}), Ve = ((e) => (e.Ok = "ok", e.Ko = "ko", e.Info = "info", e))(Ve || {}), Oe = ((e) => (e.StorageUnit = "unit", e.Directory = "dir", e.Image = "img", e.Video = "vid", e.File = "file", e))(Oe || {}), Ee = ((e) => (e.H1 = "h1", e.H2 = "h2", e.H3 = "h3", e.H4 = "h4", e.H5 = "h5", e.H6 = "h6", e))(Ee || {}), He = ((e) => (e.NotDefined = "", e.Button = "button", e))(He || {}), Fe = ((e) => (e.Start = "start", e.End = "end", e))(Fe || {}), je = ((e) => (e.Create = "create", e.Update = "update", e.Read = "read", e))(je || {}), _e = ((e) => (e.Inline = "inline", e.Modal = "modal", e))(_e || {}), J = ((e) => (e.Top = "top", e.Bottom = "bottom", e.Hidden = "hidden", e))(J || {}), G = ((e) => (e.Changed = "changed", e.Always = "always", e.Never = "never", e))(G || {}), ze = ((e) => (e.Manual = "manual", e.Auto = "auto", e.Delay = "delay", e))(ze || {}), We = ((e) => (e.Toast = "toast", e.Inline = "inline", e.Silent = "silent", e))(We || {}), Xe = ((e) => (e.Current = "current", e.Modifications = "modifications", e.SplitView = "split-view", e.Differences = "differences", e))(Xe || {}), Ue = ((e) => (e.Hidden = "hidden", e.Always = "always", e.TabList = "tablist", e))(Ue || {}), $e = ((e) => (e.Anchor = "anchor", e.Button = "button", e.Header = "header", e.Entry = "entry", e))($e || {}), Je = ((e) => (e.Modal = "modal", e.Confirm = "confirm", e))(Je || {}), Ge = ((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.TimelineAsc = "timeline-asc", e.TimelineDesc = "timeline-desc", e.TimelineAscDesc = "timeline-asc-desc", e))(Ge || {}), qe = ((e) => (e.None = "", e.Incremental = "incremental", e.Decremental = "decremental", e))(qe || {}), Ke = ((e) => (e.NotDefined = "", e.Hidden = "hidden", e.Integer = "integer", e.Decimal = "decimal", e.Auto = "auto", e))(Ke || {}), Qe = ((e) => (e.Bar = "bar", e.Circle = "circle", e))(Qe || {}), W, Ze = (W = class extends Be {
+  constructor(a = {}) {
     super();
     n(this, "modelValue", "");
     n(this, "loading", !1);
@@ -31,38 +31,38 @@ var ke = ((e) => (e.Button = "button", e.Submit = "submit", e.Reset = "reset", e
     n(this, "prevButton", {});
     n(this, "buttonNavPosition", "top");
     n(this, "buttonNavVisibility", "always");
-    this.feed(t);
+    this.feed(a);
   }
-}, n(z, "lktDefaultValues", ["modelValue", "loading", "steps", "header", "nextButton", "prevButton", "buttonNavPosition", "buttonNavVisibility"]), z), Ke = ((e) => (e.Table = "table", e.Item = "item", e.Ul = "ul", e.Ol = "ol", e.Carousel = "carousel", e.Accordion = "accordion", e.Calendar = "calendar", e))(Ke || {}), qe = ((e) => (e[e.Auto = 0] = "Auto", e[e.PreferItem = 1] = "PreferItem", e[e.PreferCustomItem = 2] = "PreferCustomItem", e[e.PreferColumns = 3] = "PreferColumns", e))(qe || {}), Qe = ((e) => (e.NotDefined = "", e.ActionIcon = "action-icon", e))(Qe || {}), Ye = ((e) => (e.Message = "message", e.Button = "button", e))(Ye || {}), Ze = ((e) => (e.Left = "left", e.Center = "center", e.Right = "right", e))(Ze || {}), et = ((e) => (e.Fixed = "fixed", e.Absolute = "absolute", e))(et || {}), tt = ((e) => (e.Top = "top", e.Bottom = "bottom", e.Center = "center", e.ReferrerCenter = "referrer-center", e))(tt || {}), at = ((e) => (e.Left = "left", e.Right = "right", e.Center = "center", e.LeftCorner = "left-corner", e.RightCorner = "right-corner", e))(at || {}), rt = ((e) => (e.Relative = "relative", e.Full = "full", e))(rt || {}), nt = ((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))(nt || {}), ot = ((e) => (e.Grid = "grid", e.FlexRow = "flex-row", e.FlexRows = "flex-rows", e.FlexColumn = "flex-column", e))(ot || {}), lt = ((e) => (e.Draft = "draft", e.Public = "public", e.Scheduled = "scheduled", e))(lt || {}), st = ((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))(st || {}), ut = ((e) => (e.PrevButton = "prev", e.NextButton = "next", e.DatePicker = "datePicker", e.GoToCurrent = "goToCurrent", e))(ut || {}), it = ((e) => (e[e.Sunday = 0] = "Sunday", e[e.Monday = 1] = "Monday", e[e.Tuesday = 2] = "Tuesday", e[e.Wednesday = 3] = "Wednesday", e[e.Thursday = 4] = "Thursday", e[e.Friday = 5] = "Friday", e[e.Saturday = 6] = "Saturday", e))(it || {}), ct = ((e) => (e.None = "", e.Focus = "focus", e.Blur = "blur", e.Always = "always", e))(ct || {}), dt = ((e) => (e.Error = "error", e.Errors = "errors", e.All = "all", e))(dt || {}), vt = ((e) => (e.Message = "message", e.Inline = "inline", e))(vt || {}), pt = ((e) => (e.Auto = "auto", e.Local = "local", e.Remote = "remote", e.External = "external", e))(pt || {}), ft = ((e) => (e.Text = "text", e.Textarea = "textarea", e.Html = "html", e.Many = "many", e))(ft || {}), mt = ((e) => (e.Refresh = "refresh", e.Close = "close", e.ReOpen = "reOpen", e.Exec = "exec", e.Open = "open", e))(mt || {}), yt = ((e) => (e.Asc = "asc", e.Desc = "desc", e))(yt || {}), kt = ((e) => (e.Always = "always", e.Lazy = "lazy", e.Ever = "ever", e))(kt || {}), ht = ((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))(ht || {}), bt = ((e) => (e.Lazy = "lazy", e.Ever = "ever", e))(bt || {}), xt = ((e) => (e.Page = "page", e.Element = "element", e))(xt || {}), p;
+}, n(W, "lktDefaultValues", ["modelValue", "loading", "steps", "header", "nextButton", "prevButton", "buttonNavPosition", "buttonNavVisibility"]), W), Ye = ((e) => (e.Table = "table", e.Item = "item", e.Ul = "ul", e.Ol = "ol", e.Carousel = "carousel", e.Accordion = "accordion", e.Calendar = "calendar", e))(Ye || {}), et = ((e) => (e[e.Auto = 0] = "Auto", e[e.PreferItem = 1] = "PreferItem", e[e.PreferCustomItem = 2] = "PreferCustomItem", e[e.PreferColumns = 3] = "PreferColumns", e))(et || {}), tt = ((e) => (e.NotDefined = "", e.ActionIcon = "action-icon", e))(tt || {}), at = ((e) => (e.Message = "message", e.Button = "button", e))(at || {}), rt = ((e) => (e.Left = "left", e.Center = "center", e.Right = "right", e))(rt || {}), nt = ((e) => (e.Fixed = "fixed", e.Absolute = "absolute", e))(nt || {}), ot = ((e) => (e.Top = "top", e.Bottom = "bottom", e.Center = "center", e.ReferrerCenter = "referrer-center", e))(ot || {}), st = ((e) => (e.Left = "left", e.Right = "right", e.Center = "center", e.LeftCorner = "left-corner", e.RightCorner = "right-corner", e))(st || {}), lt = ((e) => (e.Relative = "relative", e.Full = "full", e))(lt || {}), it = ((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))(it || {}), ut = ((e) => (e.Grid = "grid", e.FlexRow = "flex-row", e.FlexRows = "flex-rows", e.FlexColumn = "flex-column", e))(ut || {}), ct = ((e) => (e.Draft = "draft", e.Public = "public", e.Scheduled = "scheduled", e))(ct || {}), dt = ((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))(dt || {}), vt = ((e) => (e.PrevButton = "prev", e.NextButton = "next", e.DatePicker = "datePicker", e.GoToCurrent = "goToCurrent", e))(vt || {}), pt = ((e) => (e[e.Sunday = 0] = "Sunday", e[e.Monday = 1] = "Monday", e[e.Tuesday = 2] = "Tuesday", e[e.Wednesday = 3] = "Wednesday", e[e.Thursday = 4] = "Thursday", e[e.Friday = 5] = "Friday", e[e.Saturday = 6] = "Saturday", e))(pt || {}), ft = ((e) => (e.None = "", e.Focus = "focus", e.Blur = "blur", e.Always = "always", e))(ft || {}), mt = ((e) => (e.Error = "error", e.Errors = "errors", e.All = "all", e))(mt || {}), yt = ((e) => (e.Message = "message", e.Inline = "inline", e))(yt || {}), kt = ((e) => (e.Auto = "auto", e.Local = "local", e.Remote = "remote", e.External = "external", e))(kt || {}), ht = ((e) => (e.Text = "text", e.Textarea = "textarea", e.Html = "html", e.Many = "many", e))(ht || {}), bt = ((e) => (e.Refresh = "refresh", e.Close = "close", e.ReOpen = "reOpen", e.Exec = "exec", e.Open = "open", e))(bt || {}), At = ((e) => (e.Asc = "asc", e.Desc = "desc", e))(At || {}), x = ((e) => (e[e.RendersAndVisibleIfActive = 1] = "RendersAndVisibleIfActive", e[e.AlwaysRendersVisibleIfActive = 2] = "AlwaysRendersVisibleIfActive", e[e.AlwaysRendersVisibleAfterFirstActive = 3] = "AlwaysRendersVisibleAfterFirstActive", e[e.AlwaysRendersAlwaysVisible = 4] = "AlwaysRendersAlwaysVisible", e[e.RendersAfterFirstActiveVisibleIfActive = 5] = "RendersAfterFirstActiveVisibleIfActive", e))(x || {}), xt = ((e) => (e.Always = "always", e.Lazy = "lazy", e.Ever = "ever", e))(xt || {}), gt = ((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))(gt || {}), St = ((e) => (e.Lazy = "lazy", e.Ever = "ever", e))(St || {}), Bt = ((e) => (e.Page = "page", e.Element = "element", e))(Bt || {}), m;
+m = class {
+}, n(m, "lktAppSize", k(4)), n(m, "lktAdminEnabled", k(!0)), n(m, "lktAppLoading", k(!0)), n(m, "lktAppReady", k(!1)), n(m, "lktAppSetup", k({})), n(m, "lktMainMenu"), n(m, "lktBottomBar"), n(m, "hasMainHeader", !0), n(m, "hasMainMenu", !0), n(m, "hasBottomBar", !0), n(m, "replaceMainMenuButtonWithBack", !1), n(m, "setup"), n(m, "mainHeader", k(void 0));
+var p;
 p = class {
-}, n(p, "lktAppSize", k(4)), n(p, "lktAdminEnabled", k(!0)), n(p, "lktAppLoading", k(!0)), n(p, "lktAppReady", k(!1)), n(p, "lktAppSetup", k({})), n(p, "lktMainMenu"), n(p, "lktBottomBar"), n(p, "hasMainHeader", !0), n(p, "hasMainMenu", !0), n(p, "hasBottomBar", !0), n(p, "replaceMainMenuButtonWithBack", !1), n(p, "setup"), n(p, "mainHeader", k(void 0));
-var d;
-d = class {
-  static setup(t) {
-    t.firstDayOfWeek && (d.firstDayOfWeek.value = t.firstDayOfWeek), t.days && (d.days = t.days), t.months && (d.months = t.months), t.smDays && (d.smDays = t.smDays), t.smMonths && (d.smMonths = t.smMonths);
+  static setup(a) {
+    a.firstDayOfWeek && (p.firstDayOfWeek.value = a.firstDayOfWeek), a.days && (p.days = a.days), a.months && (p.months = a.months), a.smDays && (p.smDays = a.smDays), a.smMonths && (p.smMonths = a.smMonths);
   }
   static getDaysAsOptions() {
-    let t = [], u = d.firstDayOfWeek.value;
-    for (let r = u; r < 7; ++r) t.push({ value: r, label: d.days[r] });
-    --u;
-    for (let r = u; r >= 0; --r) t.push({ value: r, label: d.days[r] });
-    return t;
+    let a = [], c = p.firstDayOfWeek.value;
+    for (let r = c; r < 7; ++r) a.push({ value: r, label: p.days[r] });
+    --c;
+    for (let r = c; r >= 0; --r) a.push({ value: r, label: p.days[r] });
+    return a;
   }
-}, n(d, "firstDayOfWeek", k(0)), n(d, "days", ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"]), n(d, "months", ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]), n(d, "smDays", ["Sun", "Mon", "Tu", "Wed", "Th", "Fri", "Sat"]), n(d, "smMonths", ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]);
-var gt = ((e) => (e.Quick = "quick", e.Full = "full", e))(gt || {});
-function St(e) {
-  let t = new e(), u = {};
+}, n(p, "firstDayOfWeek", k(0)), n(p, "days", ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"]), n(p, "months", ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]), n(p, "smDays", ["Sun", "Mon", "Tu", "Wed", "Th", "Fri", "Sat"]), n(p, "smMonths", ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]);
+var wt = ((e) => (e.Quick = "quick", e.Full = "full", e))(wt || {});
+function It(e) {
+  let a = new e(), c = {};
   if (!Array.isArray(e.lktDefaultValues)) throw new Error("lktDefaultValues must be a keys array.");
-  for (let r of e.lktDefaultValues) r in t && (u[r] = t[r]);
-  return u;
+  for (let r of e.lktDefaultValues) r in a && (c[r] = a[r]);
+  return c;
 }
-const Bt = { class: "lkt-step-process--nav" }, Lt = {
+const Lt = { class: "lkt-step-process--nav" }, Rt = {
   key: 1,
   class: "lkt-step-process--nav-info"
-}, At = {
+}, Ct = {
   key: 1,
   class: "lkt-step-process--dots"
-}, te = /* @__PURE__ */ ae({
+}, ae = /* @__PURE__ */ re({
   __name: "ButtonNav",
   props: {
     prevButton: { type: [Object, Boolean] },
@@ -75,65 +75,65 @@ const Bt = { class: "lkt-step-process--nav" }, Lt = {
     dotsNumbers: { type: Boolean }
   },
   emits: ["prev", "next"],
-  setup(e, { expose: t, emit: u }) {
-    const r = re(), S = k(null), L = k(null);
-    return t({
+  setup(e, { expose: a, emit: c }) {
+    const r = ne(), S = k(null), w = k(null);
+    return a({
       goNext: () => {
-        L.value.click();
+        w.value.click();
       },
       goPrev: () => {
         S.value.click();
       }
-    }), (o, h) => {
-      const i = F("lkt-button"), P = F("lkt-dot");
-      return v(), B("div", Bt, [
-        o.prevButton ? q((v(), N(i, D({
+    }), (s, y) => {
+      const l = j("lkt-button"), T = j("lkt-dot");
+      return f(), B("div", Lt, [
+        s.prevButton ? X((f(), M(l, N({
           key: 0,
           ref_key: "prevButtonRef",
           ref: S
-        }, o.prevButton, { class: "is-prev-button" }), null, 16)), [
-          [Q, !o.isLoading]
+        }, s.prevButton, { class: "is-prev-button" }), null, 16)), [
+          [U, !s.isLoading]
         ]) : g("", !0),
-        _(r)["nav-info"] || o.dots && o.amountOfSteps > 0 ? (v(), B("div", Lt, [
-          _(r)["nav-info"] ? H(o.$slots, "nav-info", V(D({ key: 0 }, {
-            currentStep: o.currentStep,
-            currentStepIndex: o.currentStepIndex,
-            amountOfSteps: o.amountOfSteps
+        _(r)["nav-info"] || s.dots && s.amountOfSteps > 0 ? (f(), B("div", Rt, [
+          _(r)["nav-info"] ? H(s.$slots, "nav-info", F(N({ key: 0 }, {
+            currentStep: s.currentStep,
+            currentStepIndex: s.currentStepIndex,
+            amountOfSteps: s.amountOfSteps
           }))) : g("", !0),
-          o.dots && o.amountOfSteps > 0 ? (v(), B("div", At, [
-            (v(!0), B(W, null, ne(o.amountOfSteps, (R) => (v(), N(P, D({ ref_for: !0 }, {
-              text: o.dotsNumbers ? R : "",
-              class: R === o.currentStepIndex + 1 ? "is-active" : ""
+          s.dots && s.amountOfSteps > 0 ? (f(), B("div", Ct, [
+            (f(!0), B($, null, oe(s.amountOfSteps, (L) => (f(), M(T, N({ ref_for: !0 }, {
+              text: s.dotsNumbers ? L : "",
+              class: L === s.currentStepIndex + 1 ? "is-active" : ""
             }), null, 16))), 256))
           ])) : g("", !0)
         ])) : g("", !0),
-        o.nextButton ? q((v(), N(i, D({
+        s.nextButton ? X((f(), M(l, N({
           key: 2,
           ref_key: "nextButtonRef",
-          ref: L
-        }, o.nextButton, { class: "is-next-button" }), null, 16)), [
-          [Q, !o.isLoading]
+          ref: w
+        }, s.nextButton, { class: "is-next-button" }), null, 16)), [
+          [U, !s.isLoading]
         ]) : g("", !0)
       ]);
     };
   }
-}), Ct = {
+}), Mt = {
   key: 2,
   class: "lkt-step-process--content"
-}, Mt = { class: "lkt-grid-1" }, Nt = { key: 0 }, Dt = /* @__PURE__ */ ae({
+}, Nt = { class: "lkt-grid-1" }, Tt = { key: 0 }, Dt = /* @__PURE__ */ re({
   __name: "LktStepProcess",
-  props: /* @__PURE__ */ pe({
+  props: /* @__PURE__ */ ke({
     modelValue: {},
     loading: { type: Boolean },
     steps: {},
     header: {},
-    nextButton: {},
-    prevButton: {},
+    nextButton: { type: [Boolean, Object] },
+    prevButton: { type: [Boolean, Object] },
     buttonNavPosition: {},
     buttonNavVisibility: {},
     dots: { type: Boolean },
     dotsNumbers: { type: Boolean }
-  }, St(Ge)),
+  }, It(Ze)),
   emits: [
     "next",
     "prev",
@@ -141,132 +141,166 @@ const Bt = { class: "lkt-step-process--nav" }, Lt = {
     "update:modelValue",
     "update:loading"
   ],
-  setup(e, { expose: t, emit: u }) {
-    const r = e, S = re(), L = u, o = k(r.loading), h = k(r.modelValue), i = k(r.steps), P = k(null);
-    E(() => r.loading, (a) => o.value = a), E(() => r.modelValue, (a) => h.value = a), E(o, (a) => L("update:loading", a)), E(h, (a) => L("update:modelValue", a));
-    const R = b(() => {
-      let a = [];
-      for (let l in S) l.indexOf("step-") !== -1 && a.push(l.substring(5));
-      return a;
-    }), A = b(() => i.value.findIndex((a) => a.key === h.value)), s = b(() => i.value[A.value]), oe = b(() => A.value === 0), $ = b(() => {
-      var f, m, c, y, C, T, w, I;
-      if (((f = s.value) == null ? void 0 : f.prevButton) === !1 || r.prevButton === !1 && !((m = s.value) != null && m.prevButton) || typeof s.value == "object" && (typeof ((c = s.value) == null ? void 0 : c.prevHidden) == "function" && s.value.prevHidden(s.value, i.value) || typeof ((y = s.value) == null ? void 0 : y.prevHidden) == "boolean" && ((C = s.value) == null ? void 0 : C.prevHidden) === !0))
+  setup(e, { expose: a, emit: c }) {
+    const r = e, S = ne(), w = c, s = k(r.loading), y = k(r.modelValue), l = k(r.steps), T = k({}), L = k(null);
+    E(() => r.loading, (t) => s.value = t), E(() => r.modelValue, (t) => y.value = t), E(s, (t) => w("update:loading", t)), E(y, (t) => {
+      T.value[t] = !0, w("update:modelValue", t);
+    });
+    const se = b(() => {
+      let t = [];
+      for (let o in S) o.indexOf("step-") !== -1 && t.push(o.substring(5));
+      return t;
+    }), I = b(() => l.value.findIndex((t) => t.key === y.value)), u = b(() => l.value[I.value]), le = b(() => I.value === 0), q = b(() => {
+      var d, v, i, h, R, D, P, V;
+      if (((d = u.value) == null ? void 0 : d.prevButton) === !1 || r.prevButton === !1 && !((v = u.value) != null && v.prevButton) || typeof u.value == "object" && (typeof ((i = u.value) == null ? void 0 : i.prevHidden) == "function" && u.value.prevHidden(u.value, l.value) || typeof ((h = u.value) == null ? void 0 : h.prevHidden) == "boolean" && ((R = u.value) == null ? void 0 : R.prevHidden) === !0))
         return !1;
-      let a = { ...r.prevButton };
-      typeof ((T = s.value) == null ? void 0 : T.prevButton) == "object" && (a = { ...a, ...(w = s.value) == null ? void 0 : w.prevButton }), typeof a.disabled > "u" && (a.disabled = oe.value);
-      const l = (I = a.events) == null ? void 0 : I.click;
+      let t = { ...r.prevButton };
+      typeof ((D = u.value) == null ? void 0 : D.prevButton) == "object" && (t = { ...t, ...(P = u.value) == null ? void 0 : P.prevButton }), typeof t.disabled > "u" && (t.disabled = le.value);
+      const o = (V = t.events) == null ? void 0 : V.click;
       return {
-        ...a,
+        ...t,
         events: {
-          ...a.events,
-          click: (M) => {
+          ...t.events,
+          click: (C) => {
             var O;
-            typeof l == "function" && l(M), ((O = M.httpResponse) == null ? void 0 : O.success) !== !1 && ce(M);
+            typeof o == "function" && o(C), ((O = C.httpResponse) == null ? void 0 : O.success) !== !1 && ve(C);
           }
         }
       };
-    }), J = b(() => {
-      var f, m, c, y, C, T, w, I;
-      if (((f = s.value) == null ? void 0 : f.nextButton) === !1 || r.nextButton === !1 && !((m = s.value) != null && m.nextButton) || typeof s.value == "object" && (typeof ((c = s.value) == null ? void 0 : c.nextHidden) == "function" && s.value.nextHidden(s.value, i.value) || typeof ((y = s.value) == null ? void 0 : y.nextHidden) == "boolean" && ((C = s.value) == null ? void 0 : C.nextHidden) === !0))
+    }), K = b(() => {
+      var d, v, i, h, R, D, P, V;
+      if (((d = u.value) == null ? void 0 : d.nextButton) === !1 || r.nextButton === !1 && !((v = u.value) != null && v.nextButton) || typeof u.value == "object" && (typeof ((i = u.value) == null ? void 0 : i.nextHidden) == "function" && u.value.nextHidden(u.value, l.value) || typeof ((h = u.value) == null ? void 0 : h.nextHidden) == "boolean" && ((R = u.value) == null ? void 0 : R.nextHidden) === !0))
         return !1;
-      let a = { ...r.nextButton };
-      typeof ((T = s.value) == null ? void 0 : T.nextButton) == "object" && (a = { ...a, ...(w = s.value) == null ? void 0 : w.nextButton });
-      const l = (I = a.events) == null ? void 0 : I.click;
+      let t = { ...r.nextButton };
+      typeof ((D = u.value) == null ? void 0 : D.nextButton) == "object" && (t = { ...t, ...(P = u.value) == null ? void 0 : P.nextButton });
+      const o = (V = t.events) == null ? void 0 : V.click;
       return {
-        ...a,
+        ...t,
         events: {
-          ...a.events,
-          click: (M) => {
+          ...t.events,
+          click: (C) => {
             var O;
-            typeof l == "function" && l(M), ((O = M.httpResponse) == null ? void 0 : O.success) !== !1 && ie(M);
+            typeof o == "function" && o(C), ((O = C.httpResponse) == null ? void 0 : O.success) !== !1 && de(C);
           }
         }
       };
-    }), le = b(() => {
-      const a = [];
-      return h.value && a.push(`step-${h.value}`), a.join(" ");
-    }), se = b(() => r.buttonNavVisibility === U.Never ? !1 : !r.buttonNavPosition || r.buttonNavPosition === X.Top), ue = b(() => r.buttonNavVisibility === U.Never ? !1 : r.buttonNavPosition === X.Bottom), j = b(() => i.value.length), G = b(() => ({
-      isLoading: o.value,
-      prevButton: $.value,
-      nextButton: J.value,
-      currentStep: h.value,
-      currentStepIndex: A.value,
-      amountOfSteps: j.value,
+    }), ie = b(() => {
+      const t = [];
+      return y.value && t.push(`step-${y.value}`), t.join(" ");
+    }), ue = b(() => r.buttonNavVisibility === G.Never ? !1 : !r.buttonNavPosition || r.buttonNavPosition === J.Top), ce = b(() => r.buttonNavVisibility === G.Never ? !1 : r.buttonNavPosition === J.Bottom), z = b(() => l.value.length), Q = b(() => ({
+      isLoading: s.value,
+      prevButton: q.value,
+      nextButton: K.value,
+      currentStep: y.value,
+      currentStepIndex: I.value,
+      amountOfSteps: z.value,
       dots: r.dots,
       dotsNumbers: r.dotsNumbers
-    })), K = b(() => typeof $.value == "object" || typeof J.value == "object" || r.dots || typeof S["nav-info"] < "u"), ie = (a) => {
-      var m;
-      let l = (m = i.value[A.value]) == null ? void 0 : m.nextKey, f = A.value + 1;
-      if (typeof l == "function" && (l = l()), typeof l == "string") {
-        let c = i.value.findIndex((y) => y.key === l);
-        c > -1 && (f = c);
+    })), Z = b(() => typeof q.value == "object" || typeof K.value == "object" || r.dots || typeof S["nav-info"] < "u"), de = (t) => {
+      var v;
+      let o = (v = l.value[I.value]) == null ? void 0 : v.nextKey, d = I.value + 1;
+      if (typeof o == "function" && (o = o()), typeof o == "string") {
+        let i = l.value.findIndex((h) => h.key === o);
+        i > -1 && (d = i);
       }
-      h.value = i.value[f].key, A.value === i.value.length - 1 ? L("finish", a) : L("next", a);
-    }, ce = (a) => {
-      var m;
-      let l = (m = i.value[A.value]) == null ? void 0 : m.prevKey, f = A.value - 1;
-      if (typeof l == "function" && (l = l()), typeof l == "string") {
-        let c = i.value.findIndex((y) => y.key === l);
-        c > -1 && (f = c);
+      y.value = l.value[d].key, I.value === l.value.length - 1 ? w("finish", t) : w("next", t);
+    }, ve = (t) => {
+      var v;
+      let o = (v = l.value[I.value]) == null ? void 0 : v.prevKey, d = I.value - 1;
+      if (typeof o == "function" && (o = o()), typeof o == "string") {
+        let i = l.value.findIndex((h) => h.key === o);
+        i > -1 && (d = i);
       }
-      h.value = i.value[f].key, L("prev", a);
+      y.value = l.value[d].key, w("prev", t);
+    }, pe = (t) => {
+      var d, v;
+      const o = l.value.findIndex((i) => i.key === t);
+      if (o > -1 && ((d = l.value[o]) != null && d.renderType))
+        switch ((v = l.value[o]) == null ? void 0 : v.renderType) {
+          case x.AlwaysRendersAlwaysVisible:
+          case x.AlwaysRendersVisibleAfterFirstActive:
+          case x.AlwaysRendersVisibleIfActive:
+            return !0;
+          case x.RendersAndVisibleIfActive:
+            return t === y.value;
+          case x.RendersAfterFirstActiveVisibleIfActive:
+            return T.value[t] === !0;
+        }
+      return t === y.value;
+    }, fe = (t) => {
+      var d, v;
+      const o = l.value.findIndex((i) => i.key === t);
+      if (o > -1 && ((d = l.value[o]) != null && d.renderType))
+        switch ((v = l.value[o]) == null ? void 0 : v.renderType) {
+          case x.AlwaysRendersAlwaysVisible:
+            return !0;
+          case x.AlwaysRendersVisibleAfterFirstActive:
+            return T.value[t] === !0;
+          case x.AlwaysRendersVisibleIfActive:
+          case x.RendersAndVisibleIfActive:
+          case x.RendersAfterFirstActiveVisibleIfActive:
+            return t === y.value;
+        }
+      return !0;
     };
-    return t({
+    return a({
       goNext: () => {
-        P.value.goNext();
+        L.value.goNext();
       },
       goPrev: () => {
-        P.value.goPrev();
+        L.value.goPrev();
       },
-      startLoader: () => o.value = !0,
-      stopLoader: () => o.value = !1
-    }), fe(() => {
-      !h.value && i.value.length > 0 && (h.value = i.value[0].key);
-    }), (a, l) => {
-      const f = F("lkt-header"), m = F("lkt-loader");
-      return v(), B("article", {
-        class: me(["lkt-step-process", le.value])
+      startLoader: () => s.value = !0,
+      stopLoader: () => s.value = !1
+    }), he(() => {
+      !y.value && l.value.length > 0 && (y.value = l.value[0].key);
+    }), (t, o) => {
+      const d = j("lkt-header"), v = j("lkt-loader");
+      return f(), B("article", {
+        class: be(["lkt-step-process", ie.value])
       }, [
-        a.header && Object.keys(a.header).length > 0 ? (v(), N(f, V(D({ key: 0 }, a.header)), null, 16)) : g("", !0),
-        se.value && K.value ? (v(), N(te, D({
+        t.header && Object.keys(t.header).length > 0 ? (f(), M(d, F(N({ key: 0 }, t.header)), null, 16)) : g("", !0),
+        ue.value && Z.value ? (f(), M(ae, N({
           key: 1,
           ref_key: "navRef",
-          ref: P
-        }, G.value), Y({ _: 2 }, [
+          ref: L
+        }, Q.value), Y({ _: 2 }, [
           _(S)["nav-info"] ? {
             name: "nav-info",
-            fn: Z(({ currentStep: c, currentStepIndex: y, amountOfSteps: C }) => [
-              H(a.$slots, "nav-info", V(ee({
-                currentStep: c,
-                currentStepIndex: y,
-                amountOfSteps: j.value
+            fn: ee(({ currentStep: i, currentStepIndex: h, amountOfSteps: R }) => [
+              H(t.$slots, "nav-info", F(te({
+                currentStep: i,
+                currentStepIndex: h,
+                amountOfSteps: z.value
               })))
             ]),
             key: "0"
           } : void 0
         ]), 1040)) : g("", !0),
-        o.value ? g("", !0) : (v(), B("div", Ct, [
-          ye("div", Mt, [
-            (v(!0), B(W, null, ne(R.value, (c) => (v(), B(W, null, [
-              c === h.value ? (v(), B("div", Nt, [
-                H(a.$slots, "step-" + c, { config: i.value })
-              ])) : g("", !0)
+        s.value ? g("", !0) : (f(), B("div", Mt, [
+          Ae("div", Nt, [
+            (f(!0), B($, null, oe(se.value, (i) => (f(), B($, null, [
+              pe(i) ? X((f(), B("div", Tt, [
+                H(t.$slots, "step-" + i, { config: l.value })
+              ], 512)), [
+                [U, fe(i)]
+              ]) : g("", !0)
             ], 64))), 256))
           ])
         ])),
-        o.value ? (v(), N(m, { key: 3 })) : g("", !0),
-        ue.value && K.value ? (v(), N(te, D({
+        s.value ? (f(), M(v, { key: 3 })) : g("", !0),
+        ce.value && Z.value ? (f(), M(ae, N({
           key: 4,
           ref_key: "navRef",
-          ref: P
-        }, G.value), Y({ _: 2 }, [
+          ref: L
+        }, Q.value), Y({ _: 2 }, [
           _(S)["nav-info"] ? {
             name: "nav-info",
-            fn: Z(({ currentStep: c, currentStepIndex: y, amountOfSteps: C }) => [
-              H(a.$slots, "nav-info", V(ee({
-                currentStep: c,
-                currentStepIndex: y,
-                amountOfSteps: j.value
+            fn: ee(({ currentStep: i, currentStepIndex: h, amountOfSteps: R }) => [
+              H(t.$slots, "nav-info", F(te({
+                currentStep: i,
+                currentStepIndex: h,
+                amountOfSteps: z.value
               })))
             ]),
             key: "0"
@@ -275,11 +309,11 @@ const Bt = { class: "lkt-step-process--nav" }, Lt = {
       ], 2);
     };
   }
-}), Rt = {
-  install: (e, t = {}) => {
+}), Ft = {
+  install: (e, a = {}) => {
     e.component("lkt-step-process", Dt);
   }
 };
 export {
-  Rt as default
+  Ft as default
 };

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

@@ -1,4 +1,4 @@
-import { ButtonConfig, ClickEventArgs, ItemCrudButtonNavPosition, ItemCrudButtonNavVisibility, StepProcessConfig, StepProcessStepConfig } from 'lkt-vue-kernel';
+import { ButtonConfig, ClickEventArgs, ItemCrudButtonNavPosition, ItemCrudButtonNavVisibility, StepProcessConfig, StepProcessStepConfig, StepRenderType } from 'lkt-vue-kernel';
 declare var __VLS_10: {
     currentStep: any;
     currentStepIndex: any;
@@ -6,6 +6,7 @@ declare var __VLS_10: {
 }, __VLS_13: string, __VLS_14: {
     config: {
         key: string;
+        renderType?: StepRenderType | undefined;
         prevKey?: string | (() => string) | undefined;
         nextKey?: string | (() => string) | undefined;
         nextButton?: false | {
@@ -15487,8 +15488,8 @@ declare const __VLS_component: import("vue").DefineComponent<StepProcessConfig,
     buttonNavPosition: ItemCrudButtonNavPosition;
     buttonNavVisibility: ItemCrudButtonNavVisibility;
     steps: Array<StepProcessStepConfig>;
-    nextButton: ButtonConfig;
-    prevButton: ButtonConfig;
+    nextButton: false | ButtonConfig;
+    prevButton: false | ButtonConfig;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/package.json

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

package/src/lib-components/LktStepProcess.vue

@@ -1,13 +1,15 @@
 <script setup lang="ts">
     import { computed, onMounted, ref, useSlots, watch } from 'vue';
     import {
-        ButtonConfig, ClickEventArgs,
+        ButtonConfig,
+        ClickEventArgs,
         getDefaultValues,
         ItemCrudButtonNavPosition,
         ItemCrudButtonNavVisibility,
         StepProcess,
         StepProcessConfig,
         StepProcessStepConfig,
+        StepRenderType,
     } from 'lkt-vue-kernel';
     import ButtonNav from '@/components/ButtonNav.vue';
     import { ButtonNavProps } from '@/config/ButtonNavProps';
@@ -27,12 +29,16 @@
     const isLoading = ref(props.loading),
         currentStep = ref(props.modelValue),
         stepsHaystack = ref(props.steps),
+        firstRenderReached = ref(<{[key:string]:boolean}>{}),
         navRef = ref(null);
 
     watch(() => props.loading, (value) => isLoading.value = value);
     watch(() => props.modelValue, (value) => currentStep.value = value);
     watch(isLoading, (value) => emit('update:loading', value));
-    watch(currentStep, (value) => emit('update:modelValue', value));
+    watch(currentStep, (value) => {
+        firstRenderReached.value[value] = true;
+        emit('update:modelValue', value);
+    });
 
     const slotsSteps = computed(() => {
         let r = [];
@@ -197,6 +203,46 @@
 
             currentStep.value = stepsHaystack.value[nextIndex].key;
             emit('prev', data);
+        },
+        canRenderStep = (stepKey:string) => {
+            const stepIndex = stepsHaystack.value.findIndex((step: StepProcessStepConfig) => step.key === stepKey);
+
+            if (stepIndex > -1 && stepsHaystack.value[stepIndex]?.renderType) {
+                switch (stepsHaystack.value[stepIndex]?.renderType) {
+                    case StepRenderType.AlwaysRendersAlwaysVisible:
+                    case StepRenderType.AlwaysRendersVisibleAfterFirstActive:
+                    case StepRenderType.AlwaysRendersVisibleIfActive:
+                        return true;
+
+                    case StepRenderType.RendersAndVisibleIfActive:
+                        return stepKey === currentStep.value;
+
+                    case StepRenderType.RendersAfterFirstActiveVisibleIfActive:
+                        return firstRenderReached.value[stepKey] === true;
+                }
+            }
+            return stepKey === currentStep.value;
+        },
+        canShowStep = (stepKey:string) => {
+
+            const stepIndex = stepsHaystack.value.findIndex((step: StepProcessStepConfig) => step.key === stepKey);
+
+            if (stepIndex > -1 && stepsHaystack.value[stepIndex]?.renderType) {
+                switch (stepsHaystack.value[stepIndex]?.renderType) {
+                    case StepRenderType.AlwaysRendersAlwaysVisible:
+                        return true;
+
+                    case StepRenderType.AlwaysRendersVisibleAfterFirstActive:
+                        return firstRenderReached.value[stepKey] === true;
+
+                    case StepRenderType.AlwaysRendersVisibleIfActive:
+                    case StepRenderType.RendersAndVisibleIfActive:
+                    case StepRenderType.RendersAfterFirstActiveVisibleIfActive:
+                        return stepKey === currentStep.value;
+                }
+            }
+
+            return true;
         };
 
 
@@ -242,7 +288,7 @@
         <div class="lkt-step-process--content" v-if="!isLoading">
             <div class="lkt-grid-1">
                 <template v-for="step in slotsSteps">
-                    <div v-if="step === currentStep">
+                    <div v-if="canRenderStep(step)" v-show="canShowStep(step)">
                         <slot :name="'step-'+step" v-bind:config="stepsHaystack" />
                     </div>
                 </template>