@mekari/pixel3-toast 0.0.21 → 0.0.22-dev.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{chunk-BWQUDXIY.mjs → chunk-6PKDGWX7.mjs} +8 -5
- package/dist/index.js +7 -4
- package/dist/index.mjs +1 -1
- package/dist/metafile-cjs.json +1 -1
- package/dist/metafile-esm.json +1 -1
- package/dist/toast.js +7 -4
- package/dist/toast.mjs +1 -1
- package/package.json +1 -1
|
@@ -10,7 +10,7 @@ import {
|
|
|
10
10
|
|
|
11
11
|
// src/toast.tsx
|
|
12
12
|
import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
|
|
13
|
-
import { defineComponent, ref, reactive, computed } from "vue";
|
|
13
|
+
import { defineComponent, ref, reactive, computed, onMounted } from "vue";
|
|
14
14
|
import { toast as toaster, Toaster } from "vue-sonner";
|
|
15
15
|
import { usePixelTheme } from "@mekari/pixel3-utils";
|
|
16
16
|
import { MpIcon } from "@mekari/pixel3-icon";
|
|
@@ -41,6 +41,13 @@ var options = ref({});
|
|
|
41
41
|
var MpToastManager = defineComponent({
|
|
42
42
|
name: "MpToastManager",
|
|
43
43
|
setup() {
|
|
44
|
+
onMounted(() => {
|
|
45
|
+
const rootNode = document.querySelector("[data-sonner-toaster]");
|
|
46
|
+
if (rootNode) {
|
|
47
|
+
rootNode.style.display = "flex";
|
|
48
|
+
rootNode.style.justifyContent = "center";
|
|
49
|
+
}
|
|
50
|
+
});
|
|
44
51
|
return () => _createVNode(Toaster, _mergeProps(options.value, {
|
|
45
52
|
"expand": true,
|
|
46
53
|
"toastOptions": {
|
|
@@ -53,10 +60,6 @@ var MpToastManager = defineComponent({
|
|
|
53
60
|
});
|
|
54
61
|
var toastManagerNode = /* @__PURE__ */ __name(() => {
|
|
55
62
|
const rootNode = document.querySelectorAll("[data-sonner-toaster]");
|
|
56
|
-
if (rootNode[0]) {
|
|
57
|
-
;
|
|
58
|
-
rootNode[0].style.display = "flex", rootNode[0].style.justifyContent = "center";
|
|
59
|
-
}
|
|
60
63
|
if (rootNode.length === 0) {
|
|
61
64
|
console.warn("[Pixel]: MpToastManager not found in the tree.");
|
|
62
65
|
return false;
|
package/dist/index.js
CHANGED
|
@@ -133,6 +133,13 @@ var options = (0, import_vue3.ref)({});
|
|
|
133
133
|
var MpToastManager = (0, import_vue3.defineComponent)({
|
|
134
134
|
name: "MpToastManager",
|
|
135
135
|
setup() {
|
|
136
|
+
(0, import_vue3.onMounted)(() => {
|
|
137
|
+
const rootNode = document.querySelector("[data-sonner-toaster]");
|
|
138
|
+
if (rootNode) {
|
|
139
|
+
rootNode.style.display = "flex";
|
|
140
|
+
rootNode.style.justifyContent = "center";
|
|
141
|
+
}
|
|
142
|
+
});
|
|
136
143
|
return () => (0, import_vue2.createVNode)(import_vue_sonner.Toaster, (0, import_vue2.mergeProps)(options.value, {
|
|
137
144
|
"expand": true,
|
|
138
145
|
"toastOptions": {
|
|
@@ -145,10 +152,6 @@ var MpToastManager = (0, import_vue3.defineComponent)({
|
|
|
145
152
|
});
|
|
146
153
|
var toastManagerNode = /* @__PURE__ */ __name(() => {
|
|
147
154
|
const rootNode = document.querySelectorAll("[data-sonner-toaster]");
|
|
148
|
-
if (rootNode[0]) {
|
|
149
|
-
;
|
|
150
|
-
rootNode[0].style.display = "flex", rootNode[0].style.justifyContent = "center";
|
|
151
|
-
}
|
|
152
155
|
if (rootNode.length === 0) {
|
|
153
156
|
console.warn("[Pixel]: MpToastManager not found in the tree.");
|
|
154
157
|
return false;
|
package/dist/index.mjs
CHANGED
package/dist/metafile-cjs.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"src/modules/toast.props.ts":{"bytes":755,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"./toast.types","kind":"import-statement","external":true}],"format":"esm"},"src/modules/toast.connects.ts":{"bytes":867,"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"./toast.types","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/toast.hooks.ts":{"bytes":598,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"src/modules/toast.connects.ts","kind":"import-statement","original":"./toast.connects"},{"path":"./toast.types","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/toast.tsx":{"bytes":
|
|
1
|
+
{"inputs":{"src/modules/toast.props.ts":{"bytes":755,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"./toast.types","kind":"import-statement","external":true}],"format":"esm"},"src/modules/toast.connects.ts":{"bytes":867,"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"./toast.types","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/toast.hooks.ts":{"bytes":598,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"src/modules/toast.connects.ts","kind":"import-statement","original":"./toast.connects"},{"path":"./toast.types","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/toast.tsx":{"bytes":3588,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"vue-sonner","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"src/modules/toast.props.ts","kind":"import-statement","original":"./modules/toast.props"},{"path":"src/modules/toast.hooks.ts","kind":"import-statement","original":"./modules/toast.hooks"},{"path":"./modules/toast.types","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/toast.types.ts":{"bytes":947,"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"format":"esm"},"src/index.ts":{"bytes":222,"imports":[{"path":"src/toast.tsx","kind":"import-statement","original":"./toast"},{"path":"src/modules/toast.types.ts","kind":"import-statement","original":"./modules/toast.types"}],"format":"esm"}},"outputs":{"dist/index.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue-sonner","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-icon","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":155},"src/toast.tsx":{"bytesInOutput":3254},"src/modules/toast.props.ts":{"bytesInOutput":310},"src/modules/toast.hooks.ts":{"bytesInOutput":440},"src/modules/toast.connects.ts":{"bytesInOutput":704}},"bytes":6049},"dist/toast.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue-sonner","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-icon","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/toast.tsx","inputs":{"src/toast.tsx":{"bytesInOutput":3415},"src/modules/toast.props.ts":{"bytesInOutput":310},"src/modules/toast.hooks.ts":{"bytesInOutput":440},"src/modules/toast.connects.ts":{"bytesInOutput":704}},"bytes":6038},"dist/modules/toast.connects.js":{"imports":[{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modules/toast.connects.ts","inputs":{"src/modules/toast.connects.ts":{"bytesInOutput":866}},"bytes":1895},"dist/modules/toast.hooks.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modules/toast.hooks.ts","inputs":{"src/modules/toast.hooks.ts":{"bytesInOutput":585},"src/modules/toast.connects.ts":{"bytesInOutput":704}},"bytes":2376},"dist/modules/toast.props.js":{"imports":[],"exports":[],"entryPoint":"src/modules/toast.props.ts","inputs":{"src/modules/toast.props.ts":{"bytesInOutput":459}},"bytes":1393},"dist/modules/toast.types.js":{"imports":[],"exports":[],"entryPoint":"src/modules/toast.types.ts","inputs":{"src/modules/toast.types.ts":{"bytesInOutput":82}},"bytes":784}}}
|
package/dist/metafile-esm.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"src/modules/toast.props.ts":{"bytes":755,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"./toast.types","kind":"import-statement","external":true}],"format":"esm"},"src/modules/toast.connects.ts":{"bytes":867,"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"./toast.types","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/toast.hooks.ts":{"bytes":598,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"src/modules/toast.connects.ts","kind":"import-statement","original":"./toast.connects"},{"path":"./toast.types","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/toast.tsx":{"bytes":
|
|
1
|
+
{"inputs":{"src/modules/toast.props.ts":{"bytes":755,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"./toast.types","kind":"import-statement","external":true}],"format":"esm"},"src/modules/toast.connects.ts":{"bytes":867,"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"./toast.types","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/toast.hooks.ts":{"bytes":598,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"src/modules/toast.connects.ts","kind":"import-statement","original":"./toast.connects"},{"path":"./toast.types","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/toast.tsx":{"bytes":3588,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"vue-sonner","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"src/modules/toast.props.ts","kind":"import-statement","original":"./modules/toast.props"},{"path":"src/modules/toast.hooks.ts","kind":"import-statement","original":"./modules/toast.hooks"},{"path":"./modules/toast.types","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/toast.types.ts":{"bytes":947,"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"format":"esm"},"src/index.ts":{"bytes":222,"imports":[{"path":"src/toast.tsx","kind":"import-statement","original":"./toast"},{"path":"src/modules/toast.types.ts","kind":"import-statement","original":"./modules/toast.types"}],"format":"esm"}},"outputs":{"dist/index.mjs":{"imports":[{"path":"dist/chunk-6PKDGWX7.mjs","kind":"import-statement"},{"path":"dist/chunk-VHOLH4TX.mjs","kind":"import-statement"},{"path":"dist/chunk-VZBXYSQL.mjs","kind":"import-statement"},{"path":"dist/chunk-DUGBXMFI.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"dist/chunk-IDFCRJI7.mjs","kind":"import-statement"}],"exports":["MpToastManager","toast"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0}},"bytes":259},"dist/toast.mjs":{"imports":[{"path":"dist/chunk-6PKDGWX7.mjs","kind":"import-statement"},{"path":"dist/chunk-VHOLH4TX.mjs","kind":"import-statement"},{"path":"dist/chunk-VZBXYSQL.mjs","kind":"import-statement"},{"path":"dist/chunk-DUGBXMFI.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpToastManager","toast"],"entryPoint":"src/toast.tsx","inputs":{},"bytes":228},"dist/chunk-6PKDGWX7.mjs":{"imports":[{"path":"dist/chunk-VHOLH4TX.mjs","kind":"import-statement"},{"path":"dist/chunk-DUGBXMFI.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"vue-sonner","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true}],"exports":["MpToastManager","toast"],"inputs":{"src/toast.tsx":{"bytesInOutput":3021}},"bytes":3231},"dist/modules/toast.connects.mjs":{"imports":[{"path":"dist/chunk-VZBXYSQL.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["toastConnect"],"entryPoint":"src/modules/toast.connects.ts","inputs":{},"bytes":115},"dist/modules/toast.hooks.mjs":{"imports":[{"path":"dist/chunk-VHOLH4TX.mjs","kind":"import-statement"},{"path":"dist/chunk-VZBXYSQL.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["useToast"],"entryPoint":"src/modules/toast.hooks.ts","inputs":{},"bytes":139},"dist/chunk-VHOLH4TX.mjs":{"imports":[{"path":"dist/chunk-VZBXYSQL.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"exports":["useToast"],"inputs":{"src/modules/toast.hooks.ts":{"bytesInOutput":379}},"bytes":538},"dist/chunk-VZBXYSQL.mjs":{"imports":[{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"exports":["toastConnect"],"inputs":{"src/modules/toast.connects.ts":{"bytesInOutput":666}},"bytes":777},"dist/modules/toast.props.mjs":{"imports":[{"path":"dist/chunk-DUGBXMFI.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["toastProps"],"entryPoint":"src/modules/toast.props.ts","inputs":{},"bytes":111},"dist/chunk-DUGBXMFI.mjs":{"imports":[],"exports":["toastProps"],"inputs":{"src/modules/toast.props.ts":{"bytesInOutput":310}},"bytes":366},"dist/chunk-QZ7VFGWC.mjs":{"imports":[],"exports":["__name"],"inputs":{},"bytes":151},"dist/modules/toast.types.mjs":{"imports":[{"path":"dist/chunk-IDFCRJI7.mjs","kind":"import-statement"}],"exports":[],"entryPoint":"src/modules/toast.types.ts","inputs":{},"bytes":32},"dist/chunk-IDFCRJI7.mjs":{"imports":[],"exports":[],"inputs":{"src/modules/toast.types.ts":{"bytesInOutput":0}},"bytes":0}}}
|
package/dist/toast.js
CHANGED
|
@@ -131,6 +131,13 @@ var options = (0, import_vue3.ref)({});
|
|
|
131
131
|
var MpToastManager = (0, import_vue3.defineComponent)({
|
|
132
132
|
name: "MpToastManager",
|
|
133
133
|
setup() {
|
|
134
|
+
(0, import_vue3.onMounted)(() => {
|
|
135
|
+
const rootNode = document.querySelector("[data-sonner-toaster]");
|
|
136
|
+
if (rootNode) {
|
|
137
|
+
rootNode.style.display = "flex";
|
|
138
|
+
rootNode.style.justifyContent = "center";
|
|
139
|
+
}
|
|
140
|
+
});
|
|
134
141
|
return () => (0, import_vue2.createVNode)(import_vue_sonner.Toaster, (0, import_vue2.mergeProps)(options.value, {
|
|
135
142
|
"expand": true,
|
|
136
143
|
"toastOptions": {
|
|
@@ -143,10 +150,6 @@ var MpToastManager = (0, import_vue3.defineComponent)({
|
|
|
143
150
|
});
|
|
144
151
|
var toastManagerNode = /* @__PURE__ */ __name(() => {
|
|
145
152
|
const rootNode = document.querySelectorAll("[data-sonner-toaster]");
|
|
146
|
-
if (rootNode[0]) {
|
|
147
|
-
;
|
|
148
|
-
rootNode[0].style.display = "flex", rootNode[0].style.justifyContent = "center";
|
|
149
|
-
}
|
|
150
153
|
if (rootNode.length === 0) {
|
|
151
154
|
console.warn("[Pixel]: MpToastManager not found in the tree.");
|
|
152
155
|
return false;
|
package/dist/toast.mjs
CHANGED
package/package.json
CHANGED