lkt-step-process 1.1.0 → 1.2.1

package/dist/build.d.ts

@@ -1,4 +1,4 @@
-export { ve as default };
-declare namespace ve {
-    function install(v: any, g?: {}): void;
+export { ie as default };
+declare namespace ie {
+    function install(v: any, h?: {}): void;
 }

package/dist/build.js

@@ -1,12 +1,12 @@
-import { defineComponent as K, useSlots as M, ref as c, computed as l, resolveComponent as S, openBlock as u, createElementBlock as o, normalizeClass as Q, createElementVNode as f, toDisplayString as U, renderSlot as m, createCommentVNode as _, withDirectives as y, createVNode as H, withCtx as B, unref as D, vShow as h, Fragment as W, renderList as X, createBlock as Y } from "vue";
+import { defineComponent as K, useSlots as M, ref as c, computed as n, resolveComponent as S, createElementBlock as o, openBlock as u, normalizeClass as Q, createCommentVNode as y, createElementVNode as f, createBlock as U, toDisplayString as W, renderSlot as m, withDirectives as _, createVNode as H, withCtx as N, unref as B, vShow as g, Fragment as X, renderList as Y } from "vue";
 const Z = {
   key: 0,
   class: "lkt-step-process_header"
-}, ee = { class: "lkt-step-process_header-title" }, te = { class: "lkt-step-process_header-slot" }, re = { class: "lkt-step-process-buttons" }, le = { key: 1 }, ne = { key: 1 }, ae = {
+}, ee = { class: "lkt-step-process_header-title" }, te = { class: "lkt-step-process_header-slot" }, re = { class: "lkt-step-process-buttons" }, ne = { key: 1 }, le = { key: 1 }, ae = {
   key: 1,
   class: "lkt-step-process_content"
-}, ue = { class: "lkt-grid-1" }, oe = { name: "LktStepProcess", inheritAttrs: !1 }, se = /* @__PURE__ */ K({
-  ...oe,
+}, ue = { class: "lkt-grid-1" }, oe = /* @__PURE__ */ K({
+  __name: "LktStepProcess",
   props: {
     modelValue: { type: Object, required: !1, default: () => ({ step: 1, steps: [], data: {} }) },
     title: { type: String, default: "" },
@@ -15,100 +15,101 @@ const Z = {
     nextValidator: { type: Function, required: !1, default: () => !0 },
     prevValidator: { type: Function, required: !1, default: () => !0 }
   },
-  emits: ["next", "prev", "finish"],
-  setup(v, { expose: g, emit: N }) {
-    const s = v, p = M(), x = N, n = c(!1), e = c(s.modelValue), V = c(null), b = c(null), L = l(() => n.value ? !1 : s.title || !!p["post-title"]), R = l(() => {
+  emits: [
+    "next",
+    "prev",
+    "finish"
+  ],
+  setup(v, { expose: h, emit: D }) {
+    const s = v, p = M(), x = D, l = c(!1), e = c(s.modelValue), V = c(null), b = c(null), L = n(() => l.value ? !1 : s.title || !!p["post-title"]), R = n(() => {
       let r = [];
-      for (let k in p)
-        k.indexOf("step-") !== -1 && r.push(k.substring(5));
+      for (let k in p) k.indexOf("step-") !== -1 && r.push(k.substring(5));
       return r;
-    }), d = l(() => e.value.step ? e.value.step : !e.value.steps || !e.value.steps[0] ? null : e.value.steps[0].name), a = l(() => e.value.steps.findIndex((r) => r.name === d.value)), t = l(() => e.value.steps[a.value]), $ = l(() => typeof t.value.prevValidator == "function" ? t.value.prevValidator(e.value) : typeof t.value.prevValidator == "boolean" ? t.value.prevValidator : typeof s.prevValidator == "function" ? s.prevValidator(e.value) : !0), P = l(() => typeof t.value.nextValidator == "function" ? t.value.nextValidator(e.value) : typeof t.value.nextValidator == "boolean" ? t.value.nextValidator : typeof s.nextValidator == "function" ? s.nextValidator(e.value) : !0), j = l(() => a.value === 0 || !$.value), q = l(() => a.value === e.value.steps.length - 1 || !P.value), w = l(() => typeof t.value.prevHidden == "function" ? t.value.prevHidden(e.value) : typeof t.value.prevHidden == "boolean" ? t.value.prevHidden : a.value === 0), F = l(() => typeof t.value.nextHidden == "function" ? t.value.nextHidden(e.value) : typeof t.value.nextHidden == "boolean" ? t.value.nextHidden : a.value === e.value.steps.length - 1), E = l(() => typeof t.value.prevConfirm == "string" ? t.value.prevConfirm : ""), I = l(() => typeof t.value.nextConfirm == "string" ? t.value.nextConfirm : ""), O = l(() => typeof t.value.nextResource == "string" ? t.value.nextResource : ""), T = l(() => typeof t.value.nextResourceData == "object" ? t.value.nextResourceData : {}), z = l(() => {
+    }), d = n(() => e.value.step ? e.value.step : !e.value.steps || !e.value.steps[0] ? null : e.value.steps[0].name), a = n(() => e.value.steps.findIndex((r) => r.name === d.value)), t = n(() => e.value.steps[a.value]), $ = n(() => typeof t.value.prevValidator == "function" ? t.value.prevValidator(e.value) : typeof t.value.prevValidator == "boolean" ? t.value.prevValidator : typeof s.prevValidator == "function" ? s.prevValidator(e.value) : !0), P = n(() => typeof t.value.nextValidator == "function" ? t.value.nextValidator(e.value) : typeof t.value.nextValidator == "boolean" ? t.value.nextValidator : typeof s.nextValidator == "function" ? s.nextValidator(e.value) : !0), j = n(() => a.value === 0 || !$.value), q = n(() => a.value === e.value.steps.length - 1 || !P.value), w = n(() => typeof t.value.prevHidden == "function" ? t.value.prevHidden(e.value) : typeof t.value.prevHidden == "boolean" ? t.value.prevHidden : a.value === 0), F = n(() => typeof t.value.nextHidden == "function" ? t.value.nextHidden(e.value) : typeof t.value.nextHidden == "boolean" ? t.value.nextHidden : a.value === e.value.steps.length - 1), E = n(() => typeof t.value.prevConfirm == "string" ? t.value.prevConfirm : ""), I = n(() => typeof t.value.nextConfirm == "string" ? t.value.nextConfirm : ""), O = n(() => typeof t.value.nextResource == "string" ? t.value.nextResource : ""), T = n(() => typeof t.value.nextResourceData == "object" ? t.value.nextResourceData : {}), z = n(() => {
       const r = ["lkt-step-process"];
       return d.value && r.push(`step-${d.value}`), r.join(" ");
     }), A = (r) => {
-      e.value.step = e.value.steps[a.value + 1].name, a.value === e.value.steps.length - 1 ? x("finish", r) : x("next", r);
+      console.log("onNext: ", r), e.value.step = e.value.steps[a.value + 1].name, a.value === e.value.steps.length - 1 ? x("finish", r) : x("next", r);
     }, G = (r) => {
       e.value.step = e.value.steps[a.value - 1].name, x("prev", r);
     };
-    return g({
+    return h({
       goNext: () => {
         b.value.click();
       },
       goPrev: () => {
         V.value.click();
       },
-      startLoader: () => n.value = !0,
-      stopLoader: () => n.value = !1
+      startLoader: () => l.value = !0,
+      stopLoader: () => l.value = !1
     }), (r, k) => {
       const C = S("lkt-button"), J = S("lkt-loader");
       return u(), o("article", {
         class: Q(z.value)
       }, [
         L.value ? (u(), o("header", Z, [
-          f("h1", ee, U(v.title), 1),
+          f("h1", ee, W(v.title), 1),
           f("div", te, [
             m(r.$slots, "post-title", {
               config: e.value,
-              loading: n.value
+              loading: l.value
             })
           ])
-        ])) : _("", !0),
+        ])) : y("", !0),
         f("div", re, [
-          y(H(C, {
+          _(H(C, {
             ref: (i) => V.value = i,
-            palette: "danger",
             disabled: j.value,
             "confirm-modal": E.value,
             onClick: G
           }, {
-            default: B(() => [
-              D(p)["button-prev"] ? m(r.$slots, "button-prev", {
+            default: N(() => [
+              B(p)["button-prev"] ? m(r.$slots, "button-prev", {
                 key: 0,
                 config: e.value
-              }) : (u(), o("span", le, "Back"))
+              }) : (u(), o("span", ne, "Back"))
             ]),
             _: 3
           }, 8, ["disabled", "confirm-modal"]), [
-            [h, !n.value && !w.value]
+            [g, !l.value && !w.value]
           ]),
-          y(H(C, {
+          _(H(C, {
             ref: (i) => b.value = i,
-            palette: "success",
             disabled: q.value,
             "confirm-modal": I.value,
             resource: O.value,
             "resource-data": T.value,
             onClick: A
           }, {
-            default: B(() => [
-              D(p)["button-next"] ? m(r.$slots, "button-next", {
+            default: N(() => [
+              B(p)["button-next"] ? m(r.$slots, "button-next", {
                 key: 0,
                 config: e.value
-              }) : (u(), o("span", ne, "Next"))
+              }) : (u(), o("span", le, "Next"))
             ]),
             _: 3
           }, 8, ["disabled", "confirm-modal", "resource", "resource-data"]), [
-            [h, !n.value && !F.value]
+            [g, !l.value && !F.value]
           ])
         ]),
-        n.value ? _("", !0) : (u(), o("div", ae, [
+        l.value ? y("", !0) : (u(), o("div", ae, [
           f("div", ue, [
-            (u(!0), o(W, null, X(R.value, (i) => y((u(), o("div", null, [
+            (u(!0), o(X, null, Y(R.value, (i) => _((u(), o("div", null, [
               m(r.$slots, "step-" + i, { config: e.value })
             ], 512)), [
-              [h, i === d.value]
+              [g, i === d.value]
             ])), 256))
           ])
         ])),
-        n.value ? (u(), Y(J, { key: 2 })) : _("", !0)
+        l.value ? (u(), U(J, { key: 2 })) : y("", !0)
       ], 2);
     };
   }
-}), ve = {
-  install: (v, g = {}) => {
-    v.component("lkt-step-process", se);
+}), ie = {
+  install: (v, h = {}) => {
+    v.component("lkt-step-process", oe);
   }
 };
 export {
-  ve as default
+  ie as default
 };

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

@@ -1,5 +1,125 @@
 import { StepProcess } from "../types/StepProcess";
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+declare const slots: Readonly<{
+    [name: string]: import("vue").Slot<any> | undefined;
+}>;
+declare const isLoading: import("vue").Ref<boolean, boolean>, config: import("vue").Ref<Record<string, any>, Record<string, any>>, prevButton: import("vue").Ref<null, null>, nextButton: import("vue").Ref<null, null>;
+declare const displayHeader: import("vue").ComputedRef<string | boolean>;
+declare const slotsSteps: import("vue").ComputedRef<string[]>;
+declare const currentStep: import("vue").ComputedRef<any>, prevDisabled: import("vue").ComputedRef<boolean>, nextDisabled: import("vue").ComputedRef<boolean>, prevHidden: import("vue").ComputedRef<any>, nextHidden: import("vue").ComputedRef<any>, prevConfirm: import("vue").ComputedRef<any>, nextConfirm: import("vue").ComputedRef<any>, nextResource: import("vue").ComputedRef<any>, nextResourceData: import("vue").ComputedRef<any>, classes: import("vue").ComputedRef<string>;
+declare const onNext: (data: any) => void, onPrev: (data: any) => void;
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare var __VLS_1: {
+    config: Record<string, any>;
+    loading: boolean;
+}, __VLS_10: {
+    config: Record<string, any>;
+}, __VLS_19: {
+    config: Record<string, any>;
+}, __VLS_22: string, __VLS_23: {
+    config: Record<string, any>;
+};
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    [K in NonNullable<typeof __VLS_22>]?: (props: typeof __VLS_23) => any;
+} & {
+    'post-title'?: (props: typeof __VLS_1) => any;
+} & {
+    'button-prev'?: (props: typeof __VLS_10) => any;
+} & {
+    'button-next'?: (props: typeof __VLS_19) => any;
+}>;
+declare const __VLS_self: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: ObjectConstructor;
+        required: false;
+        default: () => StepProcess;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    nextText: {
+        type: StringConstructor;
+        default: string;
+    };
+    prevText: {
+        type: StringConstructor;
+        default: string;
+    };
+    nextValidator: {
+        type: FunctionConstructor;
+        required: false;
+        default: () => boolean;
+    };
+    prevValidator: {
+        type: FunctionConstructor;
+        required: false;
+        default: () => boolean;
+    };
+}>, {
+    slots: typeof slots;
+    isLoading: typeof isLoading;
+    config: typeof config;
+    prevButton: typeof prevButton;
+    nextButton: typeof nextButton;
+    displayHeader: typeof displayHeader;
+    slotsSteps: typeof slotsSteps;
+    currentStep: typeof currentStep;
+    prevDisabled: typeof prevDisabled;
+    nextDisabled: typeof nextDisabled;
+    prevHidden: typeof prevHidden;
+    nextHidden: typeof nextHidden;
+    prevConfirm: typeof prevConfirm;
+    nextConfirm: typeof nextConfirm;
+    nextResource: typeof nextResource;
+    nextResourceData: typeof nextResourceData;
+    classes: typeof classes;
+    onNext: typeof onNext;
+    onPrev: typeof onPrev;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    finish: (...args: any[]) => void;
+    next: (...args: any[]) => void;
+    prev: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: ObjectConstructor;
+        required: false;
+        default: () => StepProcess;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    nextText: {
+        type: StringConstructor;
+        default: string;
+    };
+    prevText: {
+        type: StringConstructor;
+        default: string;
+    };
+    nextValidator: {
+        type: FunctionConstructor;
+        required: false;
+        default: () => boolean;
+    };
+    prevValidator: {
+        type: FunctionConstructor;
+        required: false;
+        default: () => boolean;
+    };
+}>> & Readonly<{
+    onFinish?: ((...args: any[]) => any) | undefined;
+    onNext?: ((...args: any[]) => any) | undefined;
+    onPrev?: ((...args: any[]) => any) | undefined;
+}>, {
+    title: string;
+    modelValue: Record<string, any>;
+    nextText: string;
+    prevText: string;
+    nextValidator: Function;
+    prevValidator: Function;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     modelValue: {
         type: ObjectConstructor;
         required: false;
@@ -27,12 +147,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         required: false;
         default: () => boolean;
     };
-}, {
+}>, {
     goNext: () => void;
     goPrev: () => void;
     startLoader: () => boolean;
     stopLoader: () => boolean;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     finish: (...args: any[]) => void;
     next: (...args: any[]) => void;
     prev: (...args: any[]) => void;
@@ -64,33 +184,21 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         required: false;
         default: () => boolean;
     };
-}>> & {
-    onNext?: ((...args: any[]) => any) | undefined;
+}>> & Readonly<{
     onFinish?: ((...args: any[]) => any) | undefined;
+    onNext?: ((...args: any[]) => any) | undefined;
     onPrev?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     title: string;
     modelValue: Record<string, any>;
     nextText: string;
     prevText: string;
     nextValidator: Function;
     prevValidator: Function;
-}, {}>, Partial<Record<string, (_: {
-    config: Record<string, any>;
-}) => any>> & {
-    "post-title"?(_: {
-        config: Record<string, any>;
-        loading: boolean;
-    }): any;
-    "button-prev"?(_: {
-        config: Record<string, any>;
-    }): any;
-    "button-next"?(_: {
-        config: Record<string, any>;
-    }): any;
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/types/Step.d.ts

@@ -1,4 +1,4 @@
-import { LktObject } from "lkt-ts-interfaces";
+import { LktObject } from "lkt-vue-kernel";
 export type Step = {
     name: string;
     readResource?: string;

package/dist/types/StepProcess.d.ts

@@ -1,4 +1,4 @@
-import { LktObject } from "lkt-ts-interfaces";
+import { LktObject } from "lkt-vue-kernel";
 import { Step } from "./Step";
 export type StepProcess = {
     step: number | string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lkt-step-process",
-  "version": "1.1.0",
+  "version": "1.2.1",
   "description": "",
   "type": "module",
   "module": "./dist/build.js",
@@ -8,40 +8,39 @@
     ".": {
       "import": "./dist/build.js"
     },
-    "./styles": "./dist/style.css"
+    "./styles": "./dist/build.css"
   },
   "types": "./dist/index.d.ts",
   "files": ["dist/*", "src/**/*.vue"],
   "license": "MIT",
   "sideEffects": false,
   "scripts": {
-    "build": "rm -rf dist/*; vue-tsc --declaration --emitDeclarationOnly; vite build; tsc --project tsconfig.build.json; cp build/* dist/"
+    "build": "vue-tsc --declaration --emitDeclarationOnly; vite build; tsc --project tsconfig.build.json; cp build/* dist/",
+    "rebuild": "rm -rf dist/*; vue-tsc --declaration --emitDeclarationOnly; vite build; tsc --project tsconfig.build.json; cp build/* dist/"
   },
   "author": "Antonio Ibáñez",
+  "engines": {
+    "node": ">=18"
+  },
   "devDependencies": {
     "@babel/types": "^7.23.6",
     "@types/node": "^20.11.19",
     "@types/rollup": "^0.54.0",
-    "@vitejs/plugin-vue": "^5.0.4",
-    "rollup": "^4.9.6",
-    "typescript": "^5.3.3",
-    "vite": "^5.1.3",
+    "@vitejs/plugin-vue": "^5.2.1",
+    "rollup": "^4.34.8",
+    "typescript": "^5.7.3",
+    "vite": "^6.1.1",
     "vue": "^3.3.0",
-    "vue-tsc": "^1.8.27"
-  },
-  "engines": {
-    "node": ">=18"
+    "vue-tsc": "^2.2.0"
   },
-  "dependencies": {
-    "lkt-button": "^1.0.14",
-    "lkt-data-state": "^1.0.9",
-    "lkt-events": "^1.0.2",
-    "lkt-field-switch": "^1.0.0",
-    "lkt-http-client": "^1.0.12",
-    "lkt-http-info": "^1.0.2",
-    "lkt-loader": "^1.0.2",
-    "lkt-string-tools": "^1.0.2",
-    "lkt-ts-interfaces": "^1.0.2",
+  "peerDependencies": {
+    "lkt-button": "^2.0.7",
+    "lkt-data-state": "^1.0.11",
+    "lkt-http-client": "^1.0.34",
+    "lkt-http-info": "^1.1.1",
+    "lkt-loader": "^1.2.0",
+    "lkt-string-tools": "^1.0.8",
+    "lkt-vue-kernel": "^1.0.33",
     "path": "^0.12.7",
     "vue": "^3.3.0"
   }

package/src/lib-components/LktStepProcess.vue

@@ -1,7 +1,3 @@
-<script lang="ts">
-export default {name: "LktStepProcess", inheritAttrs: false}
-</script>
-
 <script setup lang="ts">
 import {ref, useSlots, computed} from "vue";
 import {StepProcess} from "../types/StepProcess";
@@ -20,7 +16,11 @@ const props = defineProps({
 
 const slots = useSlots();
 
-const emit = defineEmits(['next', 'prev', 'finish']);
+const emit = defineEmits([
+  'next',
+  'prev',
+  'finish'
+]);
 
 const isLoading = ref(false),
     config = ref(props.modelValue),
@@ -169,31 +169,29 @@ defineExpose({
         <header class="lkt-step-process_header" v-if="displayHeader">
             <h1 class="lkt-step-process_header-title">{{ title }}</h1>
             <div class="lkt-step-process_header-slot">
-                <slot name="post-title" v-bind:config="config" v-bind:loading="isLoading"></slot>
+                <slot name="post-title" v-bind:config="config" v-bind:loading="isLoading"/>
             </div>
         </header>
         <div class="lkt-step-process-buttons">
             <lkt-button
                 :ref="(el:any) => prevButton = el"
                 v-show="!isLoading && !prevHidden"
-                palette="danger"
                 v-bind:disabled="prevDisabled"
                 v-bind:confirm-modal="prevConfirm"
                 v-on:click="onPrev">
-                <slot v-if="!!slots['button-prev']" name="button-prev" v-bind:config="config"></slot>
+                <slot v-if="!!slots['button-prev']" name="button-prev" v-bind:config="config"/>
                 <span v-else>Back</span>
             </lkt-button>
 
             <lkt-button
                 :ref="(el:any) => nextButton = el"
                 v-show="!isLoading && !nextHidden"
-                palette="success"
                 v-bind:disabled="nextDisabled"
                 v-bind:confirm-modal="nextConfirm"
                 v-bind:resource="nextResource"
                 v-bind:resource-data="nextResourceData"
                 v-on:click="onNext">
-                <slot v-if="!!slots['button-next']" name="button-next" v-bind:config="config"></slot>
+                <slot v-if="!!slots['button-next']" name="button-next" v-bind:config="config"/>
                 <span v-else>Next</span>
             </lkt-button>
         </div>
@@ -201,10 +199,10 @@ defineExpose({
         <div class="lkt-step-process_content" v-if="!isLoading">
             <div class="lkt-grid-1">
                 <div v-for="step in slotsSteps" v-show="step === currentStep">
-                    <slot :name="'step-'+step" v-bind:config="config"></slot>
+                    <slot :name="'step-'+step" v-bind:config="config"/>
                 </div>
             </div>
         </div>
-        <lkt-loader v-if="isLoading"></lkt-loader>
+        <lkt-loader v-if="isLoading"/>
     </article>
 </template>