@mekari/pixel3-image 0.0.16-dev.0 → 0.0.17-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-5N3XPLEB.mjs → chunk-CVUR36OB.mjs} +1 -1
- package/dist/{chunk-TYXYOORF.mjs → chunk-Z56BKGFE.mjs} +4 -3
- package/dist/image.js +4 -3
- package/dist/image.mjs +2 -2
- package/dist/index.js +4 -3
- 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 +4 -3
- package/dist/modules/image.hooks.mjs +1 -1
- package/package.json +4 -4
|
@@ -56,14 +56,15 @@ function useImage(props, emit) {
|
|
|
56
56
|
if (layout.value !== "intrinsic") {
|
|
57
57
|
return "";
|
|
58
58
|
}
|
|
59
|
-
const backgroundColor =
|
|
59
|
+
const backgroundColor = "#ffffff";
|
|
60
|
+
const color = "#232933";
|
|
60
61
|
return `<svg
|
|
61
62
|
width="${width.value}"
|
|
62
63
|
height="${height.value}"
|
|
63
64
|
xmlns="http://www.w3.org/2000/svg"
|
|
64
|
-
style="${backgroundColor}"
|
|
65
|
+
style="background: ${backgroundColor}"
|
|
65
66
|
>
|
|
66
|
-
<text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle">${failed.value ? errorText.value : ""}</text>
|
|
67
|
+
<text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle" style="fill: ${color};">${failed.value ? errorText.value : ""}</text>
|
|
67
68
|
</svg>`;
|
|
68
69
|
});
|
|
69
70
|
const sizerStyle = computed(() => {
|
package/dist/image.js
CHANGED
|
@@ -155,14 +155,15 @@ function useImage(props, emit) {
|
|
|
155
155
|
if (layout.value !== "intrinsic") {
|
|
156
156
|
return "";
|
|
157
157
|
}
|
|
158
|
-
const backgroundColor =
|
|
158
|
+
const backgroundColor = "#ffffff";
|
|
159
|
+
const color = "#232933";
|
|
159
160
|
return `<svg
|
|
160
161
|
width="${width.value}"
|
|
161
162
|
height="${height.value}"
|
|
162
163
|
xmlns="http://www.w3.org/2000/svg"
|
|
163
|
-
style="${backgroundColor}"
|
|
164
|
+
style="background: ${backgroundColor}"
|
|
164
165
|
>
|
|
165
|
-
<text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle">${failed.value ? errorText.value : ""}</text>
|
|
166
|
+
<text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle" style="fill: ${color};">${failed.value ? errorText.value : ""}</text>
|
|
166
167
|
</svg>`;
|
|
167
168
|
});
|
|
168
169
|
const sizerStyle = (0, import_vue.computed)(() => {
|
package/dist/image.mjs
CHANGED
package/dist/index.js
CHANGED
|
@@ -157,14 +157,15 @@ function useImage(props, emit) {
|
|
|
157
157
|
if (layout.value !== "intrinsic") {
|
|
158
158
|
return "";
|
|
159
159
|
}
|
|
160
|
-
const backgroundColor =
|
|
160
|
+
const backgroundColor = "#ffffff";
|
|
161
|
+
const color = "#232933";
|
|
161
162
|
return `<svg
|
|
162
163
|
width="${width.value}"
|
|
163
164
|
height="${height.value}"
|
|
164
165
|
xmlns="http://www.w3.org/2000/svg"
|
|
165
|
-
style="${backgroundColor}"
|
|
166
|
+
style="background: ${backgroundColor}"
|
|
166
167
|
>
|
|
167
|
-
<text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle">${failed.value ? errorText.value : ""}</text>
|
|
168
|
+
<text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle" style="fill: ${color};">${failed.value ? errorText.value : ""}</text>
|
|
168
169
|
</svg>`;
|
|
169
170
|
});
|
|
170
171
|
const sizerStyle = (0, import_vue.computed)(() => {
|
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":6265,"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":6156}},"bytes":9811},"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":6156}},"bytes":9822},"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":6301}},"bytes":7323},"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":6265,"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-CVUR36OB.mjs","kind":"import-statement"},{"path":"dist/chunk-Z56BKGFE.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-CVUR36OB.mjs","kind":"import-statement"},{"path":"dist/chunk-Z56BKGFE.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-CVUR36OB.mjs":{"imports":[{"path":"dist/chunk-Z56BKGFE.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-Z56BKGFE.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-Z56BKGFE.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":5845}},"bytes":5949},"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}}}
|
|
@@ -77,14 +77,15 @@ function useImage(props, emit) {
|
|
|
77
77
|
if (layout.value !== "intrinsic") {
|
|
78
78
|
return "";
|
|
79
79
|
}
|
|
80
|
-
const backgroundColor =
|
|
80
|
+
const backgroundColor = "#ffffff";
|
|
81
|
+
const color = "#232933";
|
|
81
82
|
return `<svg
|
|
82
83
|
width="${width.value}"
|
|
83
84
|
height="${height.value}"
|
|
84
85
|
xmlns="http://www.w3.org/2000/svg"
|
|
85
|
-
style="${backgroundColor}"
|
|
86
|
+
style="background: ${backgroundColor}"
|
|
86
87
|
>
|
|
87
|
-
<text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle">${failed.value ? errorText.value : ""}</text>
|
|
88
|
+
<text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle" style="fill: ${color};">${failed.value ? errorText.value : ""}</text>
|
|
88
89
|
</svg>`;
|
|
89
90
|
});
|
|
90
91
|
const sizerStyle = (0, import_vue.computed)(() => {
|
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.17-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-
|
|
12
|
-
"@mekari/pixel3-
|
|
13
|
-
"@mekari/pixel3-
|
|
11
|
+
"@mekari/pixel3-spinner": "0.0.17-dev.0",
|
|
12
|
+
"@mekari/pixel3-styled-system": "0.1.2-dev.0",
|
|
13
|
+
"@mekari/pixel3-utils": "0.0.7-dev.0"
|
|
14
14
|
},
|
|
15
15
|
"peerDependencies": {
|
|
16
16
|
"vue": "^3.4.9"
|