lkt-toast 1.0.0 → 1.0.1

package/dist/build.d.ts

@@ -1,7 +1,7 @@
 declare function P(t: any): void;
-declare namespace O {
+declare namespace W {
     function install(t: any): void;
 }
-declare function K(t: any): void;
-declare function Q(t: any): void;
-export { P as closeToast, O as default, K as openToast, Q as setToastCanvas };
+declare function S(t: any): void;
+declare function Y(t: any): void;
+export { P as closeToast, W as default, S as openToast, Y as setToastCanvas };

package/dist/build.js

@@ -1,9 +1,9 @@
-import { defineComponent as $, ref as m, computed as l, onMounted as B, resolveComponent as b, createElementBlock as v, openBlock as c, normalizeClass as C, createElementVNode as i, createVNode as N, createBlock as _, createCommentVNode as w, unref as E, getCurrentInstance as H, Fragment as L, renderList as M, mergeProps as R } from "vue";
-import { extractI18nValue as U } from "lkt-vue-kernel";
+import { defineComponent as $, mergeDefaults as B, ref as m, computed as c, onMounted as D, resolveComponent as b, createElementBlock as v, openBlock as l, normalizeClass as C, createElementVNode as i, createVNode as N, createBlock as _, createCommentVNode as w, unref as E, getCurrentInstance as H, Fragment as L, renderList as M, mergeProps as R } from "vue";
+import { extractI18nValue as U, getDefaultValues as j, Toast as A } from "lkt-vue-kernel";
 const y = class y {
 };
 y.canvas = void 0, y.defaultCloseIcon = "";
-let f = y;
+let p = y;
 const o = class o {
   static open(n) {
     o.components.push({ ...n, zIndex: o.zIndex }), ++o.zIndex;
@@ -14,25 +14,25 @@ const o = class o {
   }
 };
 o.components = [], o.zIndex = 1e3;
-let p = o;
-const K = (t) => {
-  if (!f.canvas) {
+let f = o;
+const S = (t) => {
+  if (!p.canvas) {
     console.warn("ToastCanvas not defined");
     return;
   }
-  p.open(t), f.canvas.refresh();
+  f.open(t), p.canvas.refresh();
 }, P = (t) => {
-  if (!f.canvas) {
+  if (!p.canvas) {
     console.warn("ToastCanvas not defined");
     return;
   }
-  p.close(t), f.canvas.refresh();
-}, j = {
+  f.close(t), p.canvas.refresh();
+}, F = {
   class: "lkt-toast-inner",
   ref: "inner"
-}, A = { class: "lkt-toast-header" }, D = ["innerHTML"], z = /* @__PURE__ */ $({
+}, q = { class: "lkt-toast-header" }, G = ["innerHTML"], z = /* @__PURE__ */ $({
   __name: "LktToast",
-  props: {
+  props: /* @__PURE__ */ B({
     type: {},
     text: {},
     icon: {},
@@ -40,40 +40,40 @@ const K = (t) => {
     duration: {},
     buttonConfig: {},
     zIndex: {}
-  },
+  }, j(A)),
   setup(t) {
-    const n = t, s = m(100), u = n.duration ?? 1e4, d = m(null), k = m(!1), h = l(() => {
+    const n = t, s = m(100), u = n.duration ?? 1e4, d = m(null), k = m(!1), h = c(() => {
       let r = [];
       return k.value && r.push("is-visible"), n.positionX && r.push(`animation-${n.positionX}`), r.join(" ");
-    }), x = l(() => U(n.text)), g = () => {
+    }), g = c(() => U(n.text)), x = () => {
       P(n.zIndex);
     }, I = () => {
       d.value.pause();
     }, T = () => {
       d.value.start();
     };
-    return B(() => {
+    return D(() => {
       setTimeout(() => {
         k.value = !0;
       }, 100);
     }), (r, e) => {
       const V = b("lkt-icon"), a = b("lkt-progress");
-      return c(), v("section", {
+      return l(), v("section", {
         class: C(["lkt-toast", h.value]),
         onMouseenter: I,
         onMousemove: I,
         onMouseleave: T
       }, [
-        i("div", j, [
-          i("div", A, [
-            r.icon ? (c(), _(V, {
+        i("div", F, [
+          i("div", q, [
+            r.icon ? (l(), _(V, {
               key: 0,
               icon: r.icon
             }, null, 8, ["icon"])) : w("", !0),
             i("div", {
               class: "lkt-toast-text",
-              innerHTML: x.value
-            }, null, 8, D),
+              innerHTML: g.value
+            }, null, 8, G),
             i("div", {
               class: "lkt-toast-close",
               onClick: e[0] || (e[0] = (X) => E(P)(r.zIndex))
@@ -90,13 +90,13 @@ const K = (t) => {
             type: "decremental",
             "value-format": "hidden",
             "pause-on-hover": "",
-            onEnd: g
+            onEnd: x
           }, null, 8, ["modelValue", "duration"])
         ], 512)
       ], 34);
     };
   }
-}), F = { class: "lkt-toast-canvas" }, q = /* @__PURE__ */ $({
+}), J = { class: "lkt-toast-canvas" }, K = /* @__PURE__ */ $({
   __name: "LktToastCanvas",
   setup(t, { expose: n }) {
     const s = m(0), u = H(), d = m([]), k = () => {
@@ -104,14 +104,14 @@ const K = (t) => {
         var e;
         (e = u == null ? void 0 : u.proxy) == null || e.$forceUpdate();
       }, 1);
-    }, h = l(() => (s.value, p.components.filter((e) => e.positionX === "left"))), x = l(() => (s.value, p.components.filter((e) => e.positionX === "center"))), g = l(() => (s.value, p.components.filter((e) => e.positionX === "right"))), I = l(() => h.value.length === 0 ? "" : "is-visible"), T = l(() => x.value.length === 0 ? "" : "is-visible"), r = l(() => g.value.length === 0 ? "" : "is-visible");
+    }, h = c(() => (s.value, f.components.filter((e) => e.positionX === "left"))), g = c(() => (s.value, f.components.filter((e) => e.positionX === "center"))), x = c(() => (s.value, f.components.filter((e) => e.positionX === "right"))), I = c(() => h.value.length === 0 ? "" : "is-visible"), T = c(() => g.value.length === 0 ? "" : "is-visible"), r = c(() => x.value.length === 0 ? "" : "is-visible");
     return n({
       refresh: k
-    }), (e, V) => (c(), v("section", F, [
+    }), (e, V) => (l(), v("section", J, [
       i("div", {
         class: C(["lkt-toast-stack left-stack", I.value])
       }, [
-        (c(!0), v(L, null, M(h.value, (a) => (c(), _(z, R({
+        (l(!0), v(L, null, M(h.value, (a) => (l(), _(z, R({
           ref_for: !0,
           ref_key: "instanceReferences",
           ref: d,
@@ -121,7 +121,7 @@ const K = (t) => {
       i("div", {
         class: C(["lkt-toast-stack center-stack", T.value])
       }, [
-        (c(!0), v(L, null, M(x.value, (a) => (c(), _(z, R({
+        (l(!0), v(L, null, M(g.value, (a) => (l(), _(z, R({
           ref_for: !0,
           ref_key: "instanceReferences",
           ref: d,
@@ -131,7 +131,7 @@ const K = (t) => {
       i("div", {
         class: C(["lkt-toast-stack right-stack", r.value])
       }, [
-        (c(!0), v(L, null, M(g.value, (a) => (c(), _(z, R({
+        (l(!0), v(L, null, M(x.value, (a) => (l(), _(z, R({
           ref_for: !0,
           ref_key: "instanceReferences",
           ref: d,
@@ -140,16 +140,16 @@ const K = (t) => {
       ], 2)
     ]));
   }
-}), O = {
+}), W = {
   install: (t) => {
-    t.component("lkt-toast-canvas") === void 0 && t.component("lkt-toast-canvas", q), t.component("lkt-toast") === void 0 && t.component("lkt-toast", z);
+    t.component("lkt-toast-canvas") === void 0 && t.component("lkt-toast-canvas", K), t.component("lkt-toast") === void 0 && t.component("lkt-toast", z);
   }
-}, Q = (t) => {
-  f.canvas = t;
+}, Y = (t) => {
+  p.canvas = t;
 };
 export {
   P as closeToast,
-  O as default,
-  K as openToast,
-  Q as setToastCanvas
+  W as default,
+  S as openToast,
+  Y as setToastCanvas
 };

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

@@ -1,3 +1,11 @@
 import { ToastConfig } from "lkt-vue-kernel";
-declare const _default: import("vue").DefineComponent<ToastConfig, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ToastConfig> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: import("vue").DefineComponent<ToastConfig, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ToastConfig> & Readonly<{}>, {
+    type: import("lkt-vue-kernel").ToastType;
+    positionX: import("lkt-vue-kernel").ToastPositionX;
+    zIndex: number;
+    text: string | number;
+    icon: string | number;
+    duration: number;
+    buttonConfig: import("lkt-vue-kernel").ButtonConfig;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lkt-toast",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "",
   "type": "module",
   "module": "./dist/build.js",

package/src/lib-components/LktToast.vue

@@ -1,9 +1,9 @@
 <script lang="ts" setup>
 import {computed, onMounted, ref} from 'vue';
-import {extractI18nValue, ToastConfig} from "lkt-vue-kernel";
+import {extractI18nValue, getDefaultValues, Toast, ToastConfig} from "lkt-vue-kernel";
 import {closeToast} from "../functions/functions";
 
-const props = withDefaults(defineProps<ToastConfig>(), {});
+const props = withDefaults(defineProps<ToastConfig>(), getDefaultValues(Toast));
 
 const progressPercentage = ref(100),
     timeoutDuration = props.duration ?? 10000,