@mekari/pixel3-image 0.0.12-dev.2 → 0.0.13-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-LQRQ2LTW.mjs → chunk-5N3XPLEB.mjs} +1 -1
- package/dist/{chunk-MC3PU33I.mjs → chunk-TYXYOORF.mjs} +1 -2
- package/dist/image.js +1 -2
- package/dist/image.mjs +2 -2
- package/dist/index.js +1 -2
- package/dist/index.mjs +2 -2
- package/dist/metafile-cjs.json +1 -1
- package/dist/metafile-esm.json +1 -1
- package/dist/modules/image.hooks.js +1 -2
- package/dist/modules/image.hooks.mjs +1 -1
- package/package.json +4 -4
|
@@ -63,7 +63,7 @@ function useImage(props, emit) {
|
|
|
63
63
|
xmlns="http://www.w3.org/2000/svg"
|
|
64
64
|
style="${backgroundColor}"
|
|
65
65
|
>
|
|
66
|
-
<text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle">${errorText.value}</text>
|
|
66
|
+
<text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle">${failed.value ? errorText.value : ""}</text>
|
|
67
67
|
</svg>`;
|
|
68
68
|
});
|
|
69
69
|
const sizerStyle = computed(() => {
|
|
@@ -199,7 +199,6 @@ function useImage(props, emit) {
|
|
|
199
199
|
};
|
|
200
200
|
});
|
|
201
201
|
function toBase64(str) {
|
|
202
|
-
console.log("STR", str);
|
|
203
202
|
if (typeof window === "undefined") {
|
|
204
203
|
return Buffer.from(str).toString("base64");
|
|
205
204
|
} else {
|
package/dist/image.js
CHANGED
|
@@ -162,7 +162,7 @@ function useImage(props, emit) {
|
|
|
162
162
|
xmlns="http://www.w3.org/2000/svg"
|
|
163
163
|
style="${backgroundColor}"
|
|
164
164
|
>
|
|
165
|
-
<text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle">${errorText.value}</text>
|
|
165
|
+
<text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle">${failed.value ? errorText.value : ""}</text>
|
|
166
166
|
</svg>`;
|
|
167
167
|
});
|
|
168
168
|
const sizerStyle = (0, import_vue.computed)(() => {
|
|
@@ -298,7 +298,6 @@ function useImage(props, emit) {
|
|
|
298
298
|
};
|
|
299
299
|
});
|
|
300
300
|
function toBase64(str) {
|
|
301
|
-
console.log("STR", str);
|
|
302
301
|
if (typeof window === "undefined") {
|
|
303
302
|
return Buffer.from(str).toString("base64");
|
|
304
303
|
} else {
|
package/dist/image.mjs
CHANGED
package/dist/index.js
CHANGED
|
@@ -164,7 +164,7 @@ function useImage(props, emit) {
|
|
|
164
164
|
xmlns="http://www.w3.org/2000/svg"
|
|
165
165
|
style="${backgroundColor}"
|
|
166
166
|
>
|
|
167
|
-
<text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle">${errorText.value}</text>
|
|
167
|
+
<text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle">${failed.value ? errorText.value : ""}</text>
|
|
168
168
|
</svg>`;
|
|
169
169
|
});
|
|
170
170
|
const sizerStyle = (0, import_vue.computed)(() => {
|
|
@@ -300,7 +300,6 @@ function useImage(props, emit) {
|
|
|
300
300
|
};
|
|
301
301
|
});
|
|
302
302
|
function toBase64(str) {
|
|
303
|
-
console.log("STR", str);
|
|
304
303
|
if (typeof window === "undefined") {
|
|
305
304
|
return Buffer.from(str).toString("base64");
|
|
306
305
|
} else {
|
package/dist/index.mjs
CHANGED
package/dist/metafile-cjs.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"src/modules/image.props.ts":{"bytes":1864,"imports":[],"format":"esm"},"src/modules/image.hooks.ts":{"bytes":
|
|
1
|
+
{"inputs":{"src/modules/image.props.ts":{"bytes":1864,"imports":[],"format":"esm"},"src/modules/image.hooks.ts":{"bytes":6244,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/image.tsx":{"bytes":1422,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-spinner","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/patterns","kind":"import-statement","external":true},{"path":"src/modules/image.props.ts","kind":"import-statement","original":"./modules/image.props"},{"path":"src/modules/image.hooks.ts","kind":"import-statement","original":"./modules/image.hooks"}],"format":"esm"},"src/index.ts":{"bytes":119,"imports":[{"path":"src/image.tsx","kind":"import-statement","original":"./image"}],"format":"esm"},"src/modules/image.type.ts":{"bytes":240,"imports":[],"format":"esm"}},"outputs":{"dist/image.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-spinner","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/patterns","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/image.tsx","inputs":{"src/image.tsx":{"bytesInOutput":1539},"src/modules/image.props.ts":{"bytesInOutput":1028},"src/modules/image.hooks.ts":{"bytesInOutput":6135}},"bytes":9790},"dist/index.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-spinner","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/patterns","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":119},"src/image.tsx":{"bytesInOutput":1414},"src/modules/image.props.ts":{"bytesInOutput":1028},"src/modules/image.hooks.ts":{"bytesInOutput":6135}},"bytes":9801},"dist/modules/image.hooks.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modules/image.hooks.ts","inputs":{"src/modules/image.hooks.ts":{"bytesInOutput":6280}},"bytes":7302},"dist/modules/image.props.js":{"imports":[],"exports":[],"entryPoint":"src/modules/image.props.ts","inputs":{"src/modules/image.props.ts":{"bytesInOutput":1255}},"bytes":2202},"dist/modules/image.type.js":{"imports":[],"exports":[],"entryPoint":"src/modules/image.type.ts","inputs":{"src/modules/image.type.ts":{"bytesInOutput":80}},"bytes":781}}}
|
package/dist/metafile-esm.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"src/modules/image.props.ts":{"bytes":1864,"imports":[],"format":"esm"},"src/modules/image.hooks.ts":{"bytes":
|
|
1
|
+
{"inputs":{"src/modules/image.props.ts":{"bytes":1864,"imports":[],"format":"esm"},"src/modules/image.hooks.ts":{"bytes":6244,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/image.tsx":{"bytes":1422,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-spinner","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/patterns","kind":"import-statement","external":true},{"path":"src/modules/image.props.ts","kind":"import-statement","original":"./modules/image.props"},{"path":"src/modules/image.hooks.ts","kind":"import-statement","original":"./modules/image.hooks"}],"format":"esm"},"src/index.ts":{"bytes":119,"imports":[{"path":"src/image.tsx","kind":"import-statement","original":"./image"}],"format":"esm"},"src/modules/image.type.ts":{"bytes":240,"imports":[],"format":"esm"}},"outputs":{"dist/image.mjs":{"imports":[{"path":"dist/chunk-5N3XPLEB.mjs","kind":"import-statement"},{"path":"dist/chunk-TYXYOORF.mjs","kind":"import-statement"},{"path":"dist/chunk-DPFH2SO2.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpImage"],"entryPoint":"src/image.tsx","inputs":{},"bytes":165},"dist/index.mjs":{"imports":[{"path":"dist/chunk-5N3XPLEB.mjs","kind":"import-statement"},{"path":"dist/chunk-TYXYOORF.mjs","kind":"import-statement"},{"path":"dist/chunk-DPFH2SO2.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpImage"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0}},"bytes":165},"dist/chunk-5N3XPLEB.mjs":{"imports":[{"path":"dist/chunk-TYXYOORF.mjs","kind":"import-statement"},{"path":"dist/chunk-DPFH2SO2.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-spinner","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/patterns","kind":"import-statement","external":true}],"exports":["MpImage"],"inputs":{"src/image.tsx":{"bytesInOutput":1227}},"bytes":1372},"dist/modules/image.hooks.mjs":{"imports":[{"path":"dist/chunk-TYXYOORF.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["useImage"],"entryPoint":"src/modules/image.hooks.ts","inputs":{},"bytes":107},"dist/chunk-TYXYOORF.mjs":{"imports":[{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"exports":["useImage"],"inputs":{"src/modules/image.hooks.ts":{"bytesInOutput":5824}},"bytes":5928},"dist/modules/image.props.mjs":{"imports":[{"path":"dist/chunk-DPFH2SO2.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["imageEmit","imageProps"],"entryPoint":"src/modules/image.props.ts","inputs":{},"bytes":137},"dist/chunk-DPFH2SO2.mjs":{"imports":[],"exports":["imageEmit","imageProps"],"inputs":{"src/modules/image.props.ts":{"bytesInOutput":1076}},"bytes":1145},"dist/chunk-QZ7VFGWC.mjs":{"imports":[],"exports":["__name"],"inputs":{},"bytes":151},"dist/modules/image.type.mjs":{"imports":[],"exports":[],"entryPoint":"src/modules/image.type.ts","inputs":{"src/modules/image.type.ts":{"bytesInOutput":0}},"bytes":0}}}
|
|
@@ -84,7 +84,7 @@ function useImage(props, emit) {
|
|
|
84
84
|
xmlns="http://www.w3.org/2000/svg"
|
|
85
85
|
style="${backgroundColor}"
|
|
86
86
|
>
|
|
87
|
-
<text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle">${errorText.value}</text>
|
|
87
|
+
<text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle">${failed.value ? errorText.value : ""}</text>
|
|
88
88
|
</svg>`;
|
|
89
89
|
});
|
|
90
90
|
const sizerStyle = (0, import_vue.computed)(() => {
|
|
@@ -220,7 +220,6 @@ function useImage(props, emit) {
|
|
|
220
220
|
};
|
|
221
221
|
});
|
|
222
222
|
function toBase64(str) {
|
|
223
|
-
console.log("STR", str);
|
|
224
223
|
if (typeof window === "undefined") {
|
|
225
224
|
return Buffer.from(str).toString("base64");
|
|
226
225
|
} else {
|
package/package.json
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mekari/pixel3-image",
|
|
3
3
|
"description": "Image component for mekari pixel 3",
|
|
4
|
-
"version": "0.0.
|
|
4
|
+
"version": "0.0.13-dev.0",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"files": [
|
|
8
8
|
"dist"
|
|
9
9
|
],
|
|
10
10
|
"dependencies": {
|
|
11
|
-
"@mekari/pixel3-spinner": "0.0.
|
|
12
|
-
"@mekari/pixel3-
|
|
13
|
-
"@mekari/pixel3-
|
|
11
|
+
"@mekari/pixel3-spinner": "0.0.13-dev.0",
|
|
12
|
+
"@mekari/pixel3-utils": "0.0.6",
|
|
13
|
+
"@mekari/pixel3-styled-system": "0.0.11-dev.0"
|
|
14
14
|
},
|
|
15
15
|
"peerDependencies": {
|
|
16
16
|
"vue": "^3.4.9"
|