@golstats/gsc-landing 1.0.28 → 1.0.30
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/gsc-landing.js +19107 -3
- package/dist/gsc-landing.umd.cjs +23 -299
- package/dist/style.css +1 -1
- package/package.json +5 -5
- package/dist/FilterConditions-dd5f78d0-eS2Dkltr.js +0 -241
- package/dist/FilterField-61e645f6-0D4LeI43.js +0 -885
- package/dist/FilterSubcategories-60957280-MV1D-emf.js +0 -43
- package/dist/gsc-checkbox-61a9b387-xMZ_9V3m.js +0 -216
- package/dist/index-CEduevOX.js +0 -97025
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
import { openBlock as r, createElementBlock as o, Fragment as a, renderList as u, createVNode as d, createBlock as n, unref as i } from "vue";
|
|
2
|
-
import { L as m } from "./gsc-checkbox-61a9b387-xMZ_9V3m.js";
|
|
3
|
-
import { q as l } from "./index-CEduevOX.js";
|
|
4
|
-
const b = { class: "subcategory-group" }, g = {
|
|
5
|
-
__name: "SubcategoryGroup",
|
|
6
|
-
props: {
|
|
7
|
-
subcategoryGroup: {
|
|
8
|
-
type: Array,
|
|
9
|
-
default: () => []
|
|
10
|
-
}
|
|
11
|
-
},
|
|
12
|
-
setup(t) {
|
|
13
|
-
return (s, c) => (r(), o("div", b, [
|
|
14
|
-
(r(!0), o(a, null, u(t.subcategoryGroup, (e) => (r(), n(i(m), {
|
|
15
|
-
key: e.id,
|
|
16
|
-
modelValue: e.isSelected,
|
|
17
|
-
"onUpdate:modelValue": (p) => e.isSelected = p,
|
|
18
|
-
label: e.name
|
|
19
|
-
}, null, 8, ["modelValue", "onUpdate:modelValue", "label"]))), 128))
|
|
20
|
-
]));
|
|
21
|
-
}
|
|
22
|
-
}, y = /* @__PURE__ */ l(g, [["__scopeId", "data-v-6c6e0261"]]), f = { class: "filter-subcategories" }, _ = {
|
|
23
|
-
__name: "FilterSubcategories",
|
|
24
|
-
props: {
|
|
25
|
-
subcategoryGroups: {
|
|
26
|
-
type: Array,
|
|
27
|
-
default: () => []
|
|
28
|
-
}
|
|
29
|
-
},
|
|
30
|
-
setup(t) {
|
|
31
|
-
return (s, c) => (r(), o("div", f, [
|
|
32
|
-
(r(!0), o(a, null, u(t.subcategoryGroups, (e) => (r(), o("div", {
|
|
33
|
-
key: e.id,
|
|
34
|
-
class: "filter-subcategories__group"
|
|
35
|
-
}, [
|
|
36
|
-
d(y, { subcategoryGroup: e }, null, 8, ["subcategoryGroup"])
|
|
37
|
-
]))), 128))
|
|
38
|
-
]));
|
|
39
|
-
}
|
|
40
|
-
}, V = /* @__PURE__ */ l(_, [["__scopeId", "data-v-feeb6f0d"]]);
|
|
41
|
-
export {
|
|
42
|
-
V as default
|
|
43
|
-
};
|
|
@@ -1,216 +0,0 @@
|
|
|
1
|
-
import { useCssVars as m, ref as h, computed as s, watch as y, openBlock as i, createElementBlock as n, normalizeClass as v, createElementVNode as a, normalizeStyle as u, Fragment as S, toDisplayString as b, createCommentVNode as x } from "vue";
|
|
2
|
-
const C = (t, r) => {
|
|
3
|
-
const e = t.__vccOpts || t;
|
|
4
|
-
for (const [l, d] of r)
|
|
5
|
-
e[l] = d;
|
|
6
|
-
return e;
|
|
7
|
-
}, _ = { key: 1 }, k = {
|
|
8
|
-
width: "10",
|
|
9
|
-
height: "8",
|
|
10
|
-
viewBox: "0 0 10 8",
|
|
11
|
-
fill: "none",
|
|
12
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
13
|
-
}, B = ["fill"], V = {
|
|
14
|
-
key: 0,
|
|
15
|
-
class: "checkbox__teams"
|
|
16
|
-
}, w = { class: "checkbox__teams__logo" }, F = ["src"], I = { class: "checkbox__teams__logo" }, W = ["src"], z = {
|
|
17
|
-
__name: "GSC-Checkbox",
|
|
18
|
-
props: {
|
|
19
|
-
width: {
|
|
20
|
-
type: String,
|
|
21
|
-
default: "fit-content"
|
|
22
|
-
},
|
|
23
|
-
height: {
|
|
24
|
-
type: String,
|
|
25
|
-
default: "fit-content"
|
|
26
|
-
},
|
|
27
|
-
label: {
|
|
28
|
-
type: String,
|
|
29
|
-
default: ""
|
|
30
|
-
},
|
|
31
|
-
labelWhiteSpace: {
|
|
32
|
-
type: String,
|
|
33
|
-
default: "normal"
|
|
34
|
-
},
|
|
35
|
-
labelColor: {
|
|
36
|
-
type: String,
|
|
37
|
-
default: "white"
|
|
38
|
-
},
|
|
39
|
-
fontFamily: {
|
|
40
|
-
type: String,
|
|
41
|
-
default: "sans-serif"
|
|
42
|
-
},
|
|
43
|
-
labelFontSize: {
|
|
44
|
-
type: String,
|
|
45
|
-
default: "12px"
|
|
46
|
-
},
|
|
47
|
-
modelValue: {
|
|
48
|
-
type: Boolean,
|
|
49
|
-
default: !1
|
|
50
|
-
},
|
|
51
|
-
justifyContent: {
|
|
52
|
-
type: String,
|
|
53
|
-
default: "flex-start"
|
|
54
|
-
},
|
|
55
|
-
alignItems: {
|
|
56
|
-
type: String,
|
|
57
|
-
default: "center"
|
|
58
|
-
},
|
|
59
|
-
boxBackgroundColor: {
|
|
60
|
-
type: String,
|
|
61
|
-
default: "#CBEE6B"
|
|
62
|
-
},
|
|
63
|
-
boxValueColor: {
|
|
64
|
-
type: String,
|
|
65
|
-
default: "#0d1d29"
|
|
66
|
-
},
|
|
67
|
-
boxValue: {
|
|
68
|
-
type: [String, Number],
|
|
69
|
-
default: ""
|
|
70
|
-
},
|
|
71
|
-
boxPosition: {
|
|
72
|
-
type: String,
|
|
73
|
-
default: "left",
|
|
74
|
-
// values can be 'left', 'right', 'top', 'bottom'
|
|
75
|
-
validator(t) {
|
|
76
|
-
return ["left", "right", "top", "bottom"].includes(t);
|
|
77
|
-
}
|
|
78
|
-
},
|
|
79
|
-
boxMarginTop: {
|
|
80
|
-
type: String,
|
|
81
|
-
default: "0.2em"
|
|
82
|
-
},
|
|
83
|
-
boxWidthAndHeight: {
|
|
84
|
-
type: String,
|
|
85
|
-
default: "16px"
|
|
86
|
-
},
|
|
87
|
-
boxBorderColor: {
|
|
88
|
-
type: String,
|
|
89
|
-
default: "#969da2"
|
|
90
|
-
},
|
|
91
|
-
boxBorderWidth: {
|
|
92
|
-
type: String,
|
|
93
|
-
default: "2px"
|
|
94
|
-
},
|
|
95
|
-
boxBorderRadius: {
|
|
96
|
-
type: String,
|
|
97
|
-
default: "4px"
|
|
98
|
-
},
|
|
99
|
-
boxValueFontSize: {
|
|
100
|
-
type: String,
|
|
101
|
-
default: "10px"
|
|
102
|
-
},
|
|
103
|
-
boxValueFontFamily: {
|
|
104
|
-
type: String,
|
|
105
|
-
default: "sans-serif"
|
|
106
|
-
},
|
|
107
|
-
avoidInteraction: {
|
|
108
|
-
type: Boolean,
|
|
109
|
-
default: !1
|
|
110
|
-
},
|
|
111
|
-
avoidToCheck: {
|
|
112
|
-
type: Boolean,
|
|
113
|
-
default: !1
|
|
114
|
-
},
|
|
115
|
-
isBoxOnly: {
|
|
116
|
-
type: Boolean,
|
|
117
|
-
default: !1
|
|
118
|
-
},
|
|
119
|
-
teamsIds: {
|
|
120
|
-
type: Array,
|
|
121
|
-
default: () => null
|
|
122
|
-
}
|
|
123
|
-
},
|
|
124
|
-
emits: ["update:modelValue"],
|
|
125
|
-
setup(t, { emit: r }) {
|
|
126
|
-
const e = t;
|
|
127
|
-
m((o) => ({
|
|
128
|
-
"6582e90e": t.width,
|
|
129
|
-
"310b3edf": t.height
|
|
130
|
-
}));
|
|
131
|
-
const l = h(!1), d = s(() => {
|
|
132
|
-
const o = {
|
|
133
|
-
color: e.boxValueColor,
|
|
134
|
-
"font-family": e.fontFamily,
|
|
135
|
-
height: e.boxWidthAndHeight,
|
|
136
|
-
width: e.boxWidthAndHeight,
|
|
137
|
-
minWidth: e.boxWidthAndHeight,
|
|
138
|
-
"border-radius": e.boxBorderRadius,
|
|
139
|
-
"margin-top": e.boxMarginTop
|
|
140
|
-
};
|
|
141
|
-
return l.value ? (o["background-color"] = e.boxBackgroundColor, o.border = `solid ${e.boxBorderWidth} ${e.boxBackgroundColor}`) : o.border = `solid ${e.boxBorderWidth} ${e.boxBorderColor}`, o;
|
|
142
|
-
}), f = s(() => ({
|
|
143
|
-
"font-family": e.boxValueFontFamily,
|
|
144
|
-
"font-size": e.boxValueFontSize,
|
|
145
|
-
color: e.boxValueColor,
|
|
146
|
-
"line-height": 1
|
|
147
|
-
})), p = s(() => {
|
|
148
|
-
const o = {
|
|
149
|
-
color: e.labelColor,
|
|
150
|
-
"font-family": e.fontFamily,
|
|
151
|
-
"font-size": e.labelFontSize,
|
|
152
|
-
"white-space": e.labelWhiteSpace,
|
|
153
|
-
"text-align": e.boxPosition === "top" || e.boxPosition === "bottom" ? "center" : e.boxPosition
|
|
154
|
-
};
|
|
155
|
-
return (e.boxPosition === "left" || e.boxPosition === "right") && (o[`margin-${e.boxPosition}`] = e.isBoxOnly ? "0" : e.teamsIds ? "8px" : "10px"), o;
|
|
156
|
-
});
|
|
157
|
-
y(
|
|
158
|
-
() => e.modelValue,
|
|
159
|
-
(o) => {
|
|
160
|
-
o !== l.value && (l.value = o);
|
|
161
|
-
},
|
|
162
|
-
{ immediate: !0 }
|
|
163
|
-
);
|
|
164
|
-
function g() {
|
|
165
|
-
e.avoidInteraction || !l.value && e.avoidToCheck || (l.value = !l.value, r("update:modelValue", l.value));
|
|
166
|
-
}
|
|
167
|
-
function c(o) {
|
|
168
|
-
return `${{}.TEAM_LOGOS_URL || "https://az755631.vo.msecnd.net/teams-80/"}${o}.png`;
|
|
169
|
-
}
|
|
170
|
-
return (o, P) => (i(), n("div", {
|
|
171
|
-
class: v(["checkbox", `box-${t.boxPosition}`]),
|
|
172
|
-
onClick: g
|
|
173
|
-
}, [
|
|
174
|
-
a("div", {
|
|
175
|
-
class: "checkbox__box",
|
|
176
|
-
style: u(d.value)
|
|
177
|
-
}, [
|
|
178
|
-
l.value ? (i(), n(S, { key: 0 }, [
|
|
179
|
-
e.boxValue ? (i(), n("div", {
|
|
180
|
-
key: 0,
|
|
181
|
-
class: "checkbox__box__value",
|
|
182
|
-
style: u(f.value)
|
|
183
|
-
}, b(t.boxValue), 5)) : (i(), n("div", _, [
|
|
184
|
-
(i(), n("svg", k, [
|
|
185
|
-
a("path", {
|
|
186
|
-
d: "M9.77994 1.70133L4.10994 7.37133C3.96994 7.51133 3.77994 7.59133 3.57994 7.59133C3.37994 7.59133 3.18994 7.51133 3.04994 7.37133L0.219941 4.54133C-0.0700586 4.25133 -0.0700586 3.77133 0.219941 3.48133C0.509941 3.19133 0.989941 3.19133 1.27994 3.48133L3.57994 5.78133L8.71994 0.641328C9.00994 0.351328 9.48994 0.351328 9.77994 0.641328C10.0699 0.931328 10.0699 1.40133 9.77994 1.70133Z",
|
|
187
|
-
fill: t.boxValueColor
|
|
188
|
-
}, null, 8, B)
|
|
189
|
-
]))
|
|
190
|
-
]))
|
|
191
|
-
], 64)) : x("", !0)
|
|
192
|
-
], 4),
|
|
193
|
-
t.teamsIds && t.teamsIds.length ? (i(), n("div", V, [
|
|
194
|
-
a("div", w, [
|
|
195
|
-
a("img", {
|
|
196
|
-
src: c(t.teamsIds[0]),
|
|
197
|
-
alt: ""
|
|
198
|
-
}, null, 8, F)
|
|
199
|
-
]),
|
|
200
|
-
a("div", I, [
|
|
201
|
-
a("img", {
|
|
202
|
-
src: c(t.teamsIds[1]),
|
|
203
|
-
alt: ""
|
|
204
|
-
}, null, 8, W)
|
|
205
|
-
])
|
|
206
|
-
])) : x("", !0),
|
|
207
|
-
a("div", {
|
|
208
|
-
class: "checkbox__label",
|
|
209
|
-
style: u(p.value)
|
|
210
|
-
}, b(t.label), 5)
|
|
211
|
-
], 2));
|
|
212
|
-
}
|
|
213
|
-
}, L = /* @__PURE__ */ C(z, [["__scopeId", "data-v-bcf3bcc6"]]);
|
|
214
|
-
export {
|
|
215
|
-
L
|
|
216
|
-
};
|