lkt-step-process 1.1.0 → 1.2.0

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 l, 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 B, unref as D, 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 = {
   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,12 +15,15 @@ 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 }) {
+  emits: [
+    "next",
+    "prev",
+    "finish"
+  ],
+  setup(v, { expose: h, 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(() => {
       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(() => {
       const r = ["lkt-step-process"];
@@ -30,7 +33,7 @@ const Z = {
     }, G = (r) => {
       e.value.step = e.value.steps[a.value - 1].name, x("prev", r);
     };
-    return g({
+    return h({
       goNext: () => {
         b.value.click();
       },
@@ -45,16 +48,16 @@ const Z = {
         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
             })
           ])
-        ])) : _("", !0),
+        ])) : y("", !0),
         f("div", re, [
-          y(H(C, {
+          _(H(C, {
             ref: (i) => V.value = i,
             palette: "danger",
             disabled: j.value,
@@ -69,9 +72,9 @@ const Z = {
             ]),
             _: 3
           }, 8, ["disabled", "confirm-modal"]), [
-            [h, !n.value && !w.value]
+            [g, !n.value && !w.value]
           ]),
-          y(H(C, {
+          _(H(C, {
             ref: (i) => b.value = i,
             palette: "success",
             disabled: q.value,
@@ -88,27 +91,27 @@ const Z = {
             ]),
             _: 3
           }, 8, ["disabled", "confirm-modal", "resource", "resource-data"]), [
-            [h, !n.value && !F.value]
+            [g, !n.value && !F.value]
           ])
         ]),
-        n.value ? _("", !0) : (u(), o("div", ae, [
+        n.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)
+        n.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.0",
   "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),