@adsterra-ad/vue 0.1.3 → 0.1.4

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.
Files changed (5) hide show
  1. package/dist/index.cjs +6 -7
  2. package/dist/index.d.cts +2 -2
  3. package/dist/index.d.ts +2 -2
  4. package/dist/index.js +6 -7
  5. package/package.json +2 -2
package/dist/index.cjs CHANGED
@@ -63,9 +63,6 @@ var AdBanner = (0, import_vue.defineComponent)({
63
63
  width: typeof config.value.width === "number" ? `${config.value.width}px` : config.value.width,
64
64
  height: typeof config.value.height === "number" ? `${config.value.height}px` : config.value.height,
65
65
  overflow: "hidden",
66
- borderRadius: "6px",
67
- border: "1px solid #e5e7eb",
68
- background: "#f3f4f6",
69
66
  display: "flex",
70
67
  alignItems: "center",
71
68
  justifyContent: "center"
@@ -73,14 +70,15 @@ var AdBanner = (0, import_vue.defineComponent)({
73
70
  const wrapperStyle = (0, import_vue.computed)(() => ({
74
71
  display: "inline-flex",
75
72
  flexDirection: "column",
76
- alignItems: props.adLabelPosition.endsWith("left") ? "flex-start" : props.adLabelPosition.endsWith("right") ? "flex-end" : "center"
73
+ alignItems: "flex-start",
74
+ width: typeof config.value.width === "number" ? `${config.value.width}px` : config.value.width
77
75
  }));
78
76
  const labelStyle = (0, import_vue.computed)(() => ({
79
77
  fontSize: "10px",
80
78
  fontWeight: "600",
81
79
  letterSpacing: "0.1em",
82
80
  textTransform: "uppercase",
83
- color: "#9ca3af",
81
+ opacity: "0.6",
84
82
  marginBottom: props.adLabelPosition.startsWith("top") ? "4px" : "0",
85
83
  marginTop: props.adLabelPosition.startsWith("bottom") ? "4px" : "0",
86
84
  textAlign: props.adLabelPosition.endsWith("left") ? "left" : props.adLabelPosition.endsWith("right") ? "right" : "center",
@@ -211,8 +209,9 @@ var FallbackPlaceholder = (0, import_vue.defineComponent)({
211
209
  gap: "6px",
212
210
  boxSizing: "border-box",
213
211
  padding: "12px",
214
- color: "#475569",
215
- background: "repeating-linear-gradient(135deg, #f8fafc 0, #f8fafc 10px, #eef2f7 10px, #eef2f7 20px)",
212
+ border: "1px dashed currentColor",
213
+ opacity: "0.7",
214
+ background: "transparent",
216
215
  textAlign: "center",
217
216
  fontFamily: 'system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif'
218
217
  }
package/dist/index.d.cts CHANGED
@@ -84,7 +84,7 @@ declare const AdBanner: vue.DefineComponent<vue.ExtractPropTypes<{
84
84
  onLoad?: ((...args: any[]) => any) | undefined;
85
85
  onError?: ((...args: any[]) => any) | undefined;
86
86
  }>, {
87
- provider: AdProvider;
87
+ provider: "adsterra";
88
88
  adKey: string;
89
89
  adLabel: string;
90
90
  showAdLabel: boolean;
@@ -170,7 +170,7 @@ declare const AdContainer: vue.DefineComponent<vue.ExtractPropTypes<{
170
170
  default: string;
171
171
  };
172
172
  }>> & Readonly<{}>, {
173
- provider: AdProvider;
173
+ provider: "adsterra";
174
174
  adKey: string;
175
175
  adLabel: string;
176
176
  showAdLabel: boolean;
package/dist/index.d.ts CHANGED
@@ -84,7 +84,7 @@ declare const AdBanner: vue.DefineComponent<vue.ExtractPropTypes<{
84
84
  onLoad?: ((...args: any[]) => any) | undefined;
85
85
  onError?: ((...args: any[]) => any) | undefined;
86
86
  }>, {
87
- provider: AdProvider;
87
+ provider: "adsterra";
88
88
  adKey: string;
89
89
  adLabel: string;
90
90
  showAdLabel: boolean;
@@ -170,7 +170,7 @@ declare const AdContainer: vue.DefineComponent<vue.ExtractPropTypes<{
170
170
  default: string;
171
171
  };
172
172
  }>> & Readonly<{}>, {
173
- provider: AdProvider;
173
+ provider: "adsterra";
174
174
  adKey: string;
175
175
  adLabel: string;
176
176
  showAdLabel: boolean;
package/dist/index.js CHANGED
@@ -41,9 +41,6 @@ var AdBanner = defineComponent({
41
41
  width: typeof config.value.width === "number" ? `${config.value.width}px` : config.value.width,
42
42
  height: typeof config.value.height === "number" ? `${config.value.height}px` : config.value.height,
43
43
  overflow: "hidden",
44
- borderRadius: "6px",
45
- border: "1px solid #e5e7eb",
46
- background: "#f3f4f6",
47
44
  display: "flex",
48
45
  alignItems: "center",
49
46
  justifyContent: "center"
@@ -51,14 +48,15 @@ var AdBanner = defineComponent({
51
48
  const wrapperStyle = computed(() => ({
52
49
  display: "inline-flex",
53
50
  flexDirection: "column",
54
- alignItems: props.adLabelPosition.endsWith("left") ? "flex-start" : props.adLabelPosition.endsWith("right") ? "flex-end" : "center"
51
+ alignItems: "flex-start",
52
+ width: typeof config.value.width === "number" ? `${config.value.width}px` : config.value.width
55
53
  }));
56
54
  const labelStyle = computed(() => ({
57
55
  fontSize: "10px",
58
56
  fontWeight: "600",
59
57
  letterSpacing: "0.1em",
60
58
  textTransform: "uppercase",
61
- color: "#9ca3af",
59
+ opacity: "0.6",
62
60
  marginBottom: props.adLabelPosition.startsWith("top") ? "4px" : "0",
63
61
  marginTop: props.adLabelPosition.startsWith("bottom") ? "4px" : "0",
64
62
  textAlign: props.adLabelPosition.endsWith("left") ? "left" : props.adLabelPosition.endsWith("right") ? "right" : "center",
@@ -189,8 +187,9 @@ var FallbackPlaceholder = defineComponent({
189
187
  gap: "6px",
190
188
  boxSizing: "border-box",
191
189
  padding: "12px",
192
- color: "#475569",
193
- background: "repeating-linear-gradient(135deg, #f8fafc 0, #f8fafc 10px, #eef2f7 10px, #eef2f7 20px)",
190
+ border: "1px dashed currentColor",
191
+ opacity: "0.7",
192
+ background: "transparent",
194
193
  textAlign: "center",
195
194
  fontFamily: 'system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif'
196
195
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@adsterra-ad/vue",
3
- "version": "0.1.3",
3
+ "version": "0.1.4",
4
4
  "type": "module",
5
5
  "main": "dist/index.cjs",
6
6
  "module": "dist/index.js",
@@ -31,7 +31,7 @@
31
31
  "vue": "^3.4.0"
32
32
  },
33
33
  "dependencies": {
34
- "@adsterra-ad/core": "0.1.3"
34
+ "@adsterra-ad/core": "0.1.4"
35
35
  },
36
36
  "scripts": {
37
37
  "build": "tsup src/index.ts --format esm,cjs --dts",