@oneb/ui-vue 0.1.62 → 0.1.63
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/layout/index.cjs +1 -5
- package/dist/layout/index.js +347 -373
- package/package.json +1 -1
package/dist/layout/index.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { openBlock as t, createElementBlock as o, createElementVNode as e,
|
|
2
|
-
import { r as l1, a as o1, b as
|
|
1
|
+
import { openBlock as t, createElementBlock as o, createElementVNode as e, defineComponent as i1, computed as S, ref as $, resolveComponent as W1, Fragment as Z, normalizeClass as d, toDisplayString as i, createCommentVNode as a, createBlock as C, resolveDynamicComponent as _, unref as k, withModifiers as Y, withCtx as n1, renderList as e1, watch as t1, onMounted as G1, onBeforeUnmount as D1, watchEffect as q1, shallowRef as J1, normalizeStyle as K1, withDirectives as a1, vShow as r1, createTextVNode as X, createVNode as z, onUnmounted as Q1, renderSlot as F1 } from "vue";
|
|
2
|
+
import { r as l1, a as o1, b as X1, c as Y1, O as ee, d as te, _ as se } from "../OneHelpMenu-135e0656.js";
|
|
3
3
|
import { _ as p1 } from "../_plugin-vue_export-helper-dad06003.js";
|
|
4
|
-
import { _ as
|
|
5
|
-
import { r as
|
|
4
|
+
import { _ as R1, S as le } from "../index-f8afb6b6.js";
|
|
5
|
+
import { r as oe } from "../XMarkIcon-51ef0691.js";
|
|
6
6
|
import "../common/index.js";
|
|
7
|
-
const
|
|
7
|
+
const U1 = {
|
|
8
8
|
items: {
|
|
9
9
|
required: !0,
|
|
10
10
|
type: Array
|
|
@@ -28,7 +28,7 @@ const K1 = {
|
|
|
28
28
|
news: {
|
|
29
29
|
type: Object
|
|
30
30
|
}
|
|
31
|
-
},
|
|
31
|
+
}, ne = {
|
|
32
32
|
route: {
|
|
33
33
|
required: !1,
|
|
34
34
|
type: [Object, String]
|
|
@@ -87,8 +87,8 @@ const K1 = {
|
|
|
87
87
|
required: !1
|
|
88
88
|
// Не обов'язковий, бо може бути відсутнім
|
|
89
89
|
}
|
|
90
|
-
},
|
|
91
|
-
sidebarItems:
|
|
90
|
+
}, ae = {
|
|
91
|
+
sidebarItems: U1.items,
|
|
92
92
|
logoSrc: {
|
|
93
93
|
type: String
|
|
94
94
|
},
|
|
@@ -138,7 +138,7 @@ const K1 = {
|
|
|
138
138
|
default: () => []
|
|
139
139
|
}
|
|
140
140
|
};
|
|
141
|
-
function
|
|
141
|
+
function re(m, v) {
|
|
142
142
|
return t(), o("svg", {
|
|
143
143
|
xmlns: "http://www.w3.org/2000/svg",
|
|
144
144
|
fill: "none",
|
|
@@ -154,7 +154,7 @@ function de(i, v) {
|
|
|
154
154
|
})
|
|
155
155
|
]);
|
|
156
156
|
}
|
|
157
|
-
function
|
|
157
|
+
function ie(m, v) {
|
|
158
158
|
return t(), o("svg", {
|
|
159
159
|
xmlns: "http://www.w3.org/2000/svg",
|
|
160
160
|
fill: "none",
|
|
@@ -170,181 +170,155 @@ function ce(i, v) {
|
|
|
170
170
|
})
|
|
171
171
|
]);
|
|
172
172
|
}
|
|
173
|
-
|
|
174
|
-
* vue-router v4.4.5
|
|
175
|
-
* (c) 2024 Eduardo San Martin Morote
|
|
176
|
-
* @license MIT
|
|
177
|
-
*/
|
|
178
|
-
var W1;
|
|
179
|
-
(function(i) {
|
|
180
|
-
i.pop = "pop", i.push = "push";
|
|
181
|
-
})(W1 || (W1 = {}));
|
|
182
|
-
var F1;
|
|
183
|
-
(function(i) {
|
|
184
|
-
i.back = "back", i.forward = "forward", i.unknown = "";
|
|
185
|
-
})(F1 || (F1 = {}));
|
|
186
|
-
Symbol(process.env.NODE_ENV !== "production" ? "navigation failure" : "");
|
|
187
|
-
var G1;
|
|
188
|
-
(function(i) {
|
|
189
|
-
i[i.aborted = 4] = "aborted", i[i.cancelled = 8] = "cancelled", i[i.duplicated = 16] = "duplicated";
|
|
190
|
-
})(G1 || (G1 = {}));
|
|
191
|
-
Symbol(process.env.NODE_ENV !== "production" ? "router view location matched" : "");
|
|
192
|
-
Symbol(process.env.NODE_ENV !== "production" ? "router view depth" : "");
|
|
193
|
-
Symbol(process.env.NODE_ENV !== "production" ? "router" : "");
|
|
194
|
-
const he = Symbol(process.env.NODE_ENV !== "production" ? "route location" : "");
|
|
195
|
-
Symbol(process.env.NODE_ENV !== "production" ? "router view location" : "");
|
|
196
|
-
function fe(i) {
|
|
197
|
-
return Q1(he);
|
|
198
|
-
}
|
|
199
|
-
const me = ["href"], ve = { class: "flex flex-nowrap items-center w-full h-[24px]" }, Ce = {
|
|
173
|
+
const pe = ["href"], ue = { class: "flex flex-nowrap items-center w-full h-[24px]" }, de = {
|
|
200
174
|
key: 0,
|
|
201
175
|
class: "w-[44px] flex-shrink-0"
|
|
202
|
-
},
|
|
176
|
+
}, ce = { class: "whitespace-nowrap overflow-hidden text-ellipsis text-left flex-shrink w-full" }, he = { class: "py-[8px] pl-0 pr-0" }, fe = { class: "flex flex-nowrap items-center w-full h-[24px]" }, me = {
|
|
203
177
|
key: 0,
|
|
204
178
|
class: "w-[44px] flex-shrink-0"
|
|
205
|
-
},
|
|
179
|
+
}, ve = { class: "whitespace-nowrap overflow-hidden text-ellipsis text-left flex-shrink w-full" }, Ce = { class: "py-[8px] pl-0 pr-0" }, we = {
|
|
206
180
|
key: 1,
|
|
207
181
|
class: "p-3"
|
|
208
|
-
},
|
|
182
|
+
}, xe = { class: "flex flex-nowrap items-center w-full h-[24px]" }, be = {
|
|
209
183
|
key: 0,
|
|
210
184
|
class: "w-[44px] flex-shrink-0"
|
|
211
|
-
},
|
|
185
|
+
}, ye = { class: "whitespace-nowrap overflow-hidden text-ellipsis text-left flex-shrink w-full" }, ge = { class: "py-[8px] pl-0 pr-0" }, Le = {
|
|
212
186
|
key: 1,
|
|
213
187
|
class: "p-3"
|
|
214
|
-
},
|
|
188
|
+
}, ke = ["href"], _e = { class: "flex items-center justify-between min-w-full h-[24px]" }, $e = {
|
|
215
189
|
key: 0,
|
|
216
190
|
class: "text-xs"
|
|
217
|
-
},
|
|
191
|
+
}, Se = {
|
|
218
192
|
key: 0,
|
|
219
193
|
class: "text-xs"
|
|
220
|
-
},
|
|
194
|
+
}, Be = {
|
|
221
195
|
key: 1,
|
|
222
196
|
class: "pr-3"
|
|
223
|
-
},
|
|
197
|
+
}, Me = /* @__PURE__ */ i1({
|
|
224
198
|
__name: "OneSidebarLink",
|
|
225
|
-
props:
|
|
199
|
+
props: ne,
|
|
226
200
|
emits: ["update-collapsed"],
|
|
227
|
-
setup(
|
|
228
|
-
const r =
|
|
229
|
-
var
|
|
230
|
-
return
|
|
231
|
-
}),
|
|
232
|
-
|
|
233
|
-
}, B = (n,
|
|
234
|
-
r.subItems && r.subItems.length > 0 && !
|
|
201
|
+
setup(m, { emit: v }) {
|
|
202
|
+
const r = m, u = v, y = S(() => r.href ?? !1), x = S(() => f(r)), f = (n) => n.route ? n.route : n.routeName ? { name: n.routeName } : null, g = $(r.open), T = S((n) => {
|
|
203
|
+
var L;
|
|
204
|
+
return (r == null ? void 0 : r.menuGroup) && (n == null ? void 0 : n.meta) && ((L = n.meta) == null ? void 0 : L.menuGroup) && n.meta.menuGroup && n.meta.menuGroup === r.menuGroup;
|
|
205
|
+
}), H = () => {
|
|
206
|
+
g.value = !g.value;
|
|
207
|
+
}, B = (n, L) => {
|
|
208
|
+
r.subItems && r.subItems.length > 0 && !L && (n.preventDefault(), H()), (L || !r.subItems || r.subItems.length === 0) && r.isMobile && u("update-collapsed");
|
|
235
209
|
};
|
|
236
|
-
return (n,
|
|
237
|
-
var
|
|
238
|
-
const
|
|
210
|
+
return (n, L) => {
|
|
211
|
+
var c, j;
|
|
212
|
+
const s = W1("RouterLink");
|
|
239
213
|
return t(), o(Z, null, [
|
|
240
214
|
n.labelTop ? (t(), o("p", {
|
|
241
215
|
key: 0,
|
|
242
216
|
style: { "font-size": "10px" },
|
|
243
|
-
class:
|
|
244
|
-
},
|
|
217
|
+
class: d([{ "text-center h-[15px]": n.slim }, "text-[#a1a5b0] px-2 pt-0 pb-0.5 pl-3 font-medium"])
|
|
218
|
+
}, i(n.slim ? "" : n.labelTop), 3)) : a("", !0),
|
|
245
219
|
y.value ? (t(), o("a", {
|
|
246
220
|
key: 1,
|
|
247
221
|
href: y.value,
|
|
248
|
-
class:
|
|
222
|
+
class: d(["flex items-center relative rounded-xl text-sm font-medium hover:bg-primary-10-hover hover:text-primary-base transition-all text-[#525B66] mb-0.5", [n.slim ? "w-[44px] h-[44px]" : "h-[44px] w-full"]]),
|
|
249
223
|
onClick: B
|
|
250
224
|
}, [
|
|
251
|
-
e("div",
|
|
252
|
-
n.icon ? (t(), o("div",
|
|
253
|
-
(t(), C(
|
|
225
|
+
e("div", ue, [
|
|
226
|
+
n.icon ? (t(), o("div", de, [
|
|
227
|
+
(t(), C(_(n.icon), { class: "w-[24px] h-[24px] mx-auto" }))
|
|
254
228
|
])) : a("", !0),
|
|
255
|
-
e("div",
|
|
256
|
-
e("span",
|
|
229
|
+
e("div", ce, [
|
|
230
|
+
e("span", he, i(n.label), 1)
|
|
257
231
|
]),
|
|
258
232
|
r.subItems && r.subItems.length > 0 ? (t(), o("div", {
|
|
259
233
|
key: 1,
|
|
260
|
-
class:
|
|
234
|
+
class: d(["ml-auto", [(n.slim, "")]])
|
|
261
235
|
}, [
|
|
262
|
-
(t(), C(
|
|
236
|
+
(t(), C(_(g.value ? k(l1) : k(o1)), { class: "w-[16px] h-[16px]" }))
|
|
263
237
|
], 2)) : a("", !0)
|
|
264
238
|
])
|
|
265
|
-
], 10,
|
|
266
|
-
!y.value &&
|
|
239
|
+
], 10, pe)) : a("", !0),
|
|
240
|
+
!y.value && x.value ? (t(), C(s, {
|
|
267
241
|
key: 2,
|
|
268
|
-
to:
|
|
242
|
+
to: x.value,
|
|
269
243
|
exact: n.exact,
|
|
270
|
-
class:
|
|
244
|
+
class: d(["relative flex items-center cursor-pointer rounded-xl text-sm font-medium hover:bg-primary-10-hover hover:text-primary-base transition-all text-[#525B66] mb-0.5", {
|
|
271
245
|
"w-[44px] h-[44px]": n.slim,
|
|
272
246
|
"h-[44px] w-full": !n.slim,
|
|
273
|
-
"bg-blue-300 !text-primary-base":
|
|
247
|
+
"bg-blue-300 !text-primary-base": T.value(n.$route)
|
|
274
248
|
}]),
|
|
275
|
-
"active-class": (
|
|
249
|
+
"active-class": (c = n.$route) != null && c.meta && ((j = n.$route.meta) != null && j.menuGroup) && n.$route.meta.menuGroup ? "" : "bg-primary-10 !text-primary-base",
|
|
276
250
|
onClick: Y(B, ["prevent"])
|
|
277
251
|
}, {
|
|
278
252
|
default: n1(() => [
|
|
279
|
-
e("div",
|
|
280
|
-
n.icon ? (t(), o("div",
|
|
281
|
-
(t(), C(
|
|
253
|
+
e("div", fe, [
|
|
254
|
+
n.icon ? (t(), o("div", me, [
|
|
255
|
+
(t(), C(_(n.icon), { class: "w-[24px] h-[24px] mx-auto" }))
|
|
282
256
|
])) : a("", !0),
|
|
283
|
-
e("div",
|
|
284
|
-
e("span",
|
|
257
|
+
e("div", ve, [
|
|
258
|
+
e("span", Ce, i(n.label), 1)
|
|
285
259
|
]),
|
|
286
|
-
r.subItems && r.subItems.length > 0 && !n.slim ? (t(), o("div",
|
|
287
|
-
(t(), C(
|
|
260
|
+
r.subItems && r.subItems.length > 0 && !n.slim ? (t(), o("div", we, [
|
|
261
|
+
(t(), C(_(g.value ? k(l1) : k(o1)), { class: "w-[16px] h-[16px]" }))
|
|
288
262
|
])) : a("", !0)
|
|
289
263
|
])
|
|
290
264
|
]),
|
|
291
265
|
_: 1
|
|
292
266
|
}, 8, ["to", "exact", "active-class", "class"])) : a("", !0),
|
|
293
|
-
!y.value && !
|
|
267
|
+
!y.value && !x.value ? (t(), o("span", {
|
|
294
268
|
key: 3,
|
|
295
269
|
onClick: Y(B, ["prevent"]),
|
|
296
|
-
class:
|
|
270
|
+
class: d([[n.slim ? "w-[44px] h-[44px]" : "h-[44px] w-full"], "mb-0.5 relative flex items-center cursor-pointer rounded-xl text-sm font-medium hover:bg-primary-10-hover hover:text-primary-base transition-all text-[#525B66]"])
|
|
297
271
|
}, [
|
|
298
|
-
e("div",
|
|
299
|
-
n.icon ? (t(), o("div",
|
|
300
|
-
(t(), C(
|
|
272
|
+
e("div", xe, [
|
|
273
|
+
n.icon ? (t(), o("div", be, [
|
|
274
|
+
(t(), C(_(n.icon), { class: "w-[24px] h-[24px] mx-auto" }))
|
|
301
275
|
])) : a("", !0),
|
|
302
|
-
e("div",
|
|
303
|
-
e("span",
|
|
276
|
+
e("div", ye, [
|
|
277
|
+
e("span", ge, i(n.label), 1)
|
|
304
278
|
]),
|
|
305
|
-
r.subItems && r.subItems.length > 0 && !n.slim ? (t(), o("div",
|
|
306
|
-
(t(), C(
|
|
279
|
+
r.subItems && r.subItems.length > 0 && !n.slim ? (t(), o("div", Le, [
|
|
280
|
+
(t(), C(_(g.value ? k(l1) : k(o1)), { class: "w-[16px] h-[16px]" }))
|
|
307
281
|
])) : a("", !0)
|
|
308
282
|
])
|
|
309
283
|
], 2)) : a("", !0),
|
|
310
|
-
|
|
284
|
+
g.value && r.subItems ? (t(), o("div", {
|
|
311
285
|
key: 4,
|
|
312
|
-
class:
|
|
286
|
+
class: d([n.slim ? "" : "pl-[36px] pr-3"])
|
|
313
287
|
}, [
|
|
314
288
|
e("div", {
|
|
315
|
-
class:
|
|
289
|
+
class: d([(n.slim, "")])
|
|
316
290
|
}, [
|
|
317
|
-
(t(!0), o(Z, null, e1(r.subItems, (
|
|
318
|
-
key:
|
|
319
|
-
class:
|
|
291
|
+
(t(!0), o(Z, null, e1(r.subItems, (b) => (t(), o("div", {
|
|
292
|
+
key: b.label,
|
|
293
|
+
class: d([(n.slim, "")])
|
|
320
294
|
}, [
|
|
321
|
-
|
|
295
|
+
b.href ? (t(), o("a", {
|
|
322
296
|
key: 0,
|
|
323
|
-
href:
|
|
297
|
+
href: b.href,
|
|
324
298
|
class: "flex items-center rounded-xl p-2 text-sm font-medium hover:bg-primary-10-hover hover:text-primary-base transition-all text-[#525B66]"
|
|
325
299
|
}, [
|
|
326
|
-
e("div",
|
|
327
|
-
n.slim ? a("", !0) : (t(), o("span",
|
|
328
|
-
|
|
300
|
+
e("div", _e, [
|
|
301
|
+
n.slim ? a("", !0) : (t(), o("span", $e, i(b.label), 1)),
|
|
302
|
+
b.icon ? (t(), o("div", {
|
|
329
303
|
key: 1,
|
|
330
|
-
class:
|
|
304
|
+
class: d([n.slim ? "pl-2 h-[15px]" : "pr-1"])
|
|
331
305
|
}, [
|
|
332
|
-
(t(), C(
|
|
306
|
+
(t(), C(_(b.icon), { class: "w-[15px] h-[15px] mx-auto" }))
|
|
333
307
|
], 2)) : a("", !0)
|
|
334
308
|
])
|
|
335
|
-
], 8,
|
|
309
|
+
], 8, ke)) : f(b) ? (t(), C(s, {
|
|
336
310
|
key: 1,
|
|
337
|
-
to:
|
|
338
|
-
onClick:
|
|
311
|
+
to: f(b),
|
|
312
|
+
onClick: L[0] || (L[0] = Y((I) => B(I, !0), ["prevent"])),
|
|
339
313
|
class: "flex items-center rounded-xl p-2 text-sm font-medium hover:bg-primary-10-hover hover:text-primary-base transition-all text-[#525B66]",
|
|
340
314
|
exact: n.exact ? !0 : null,
|
|
341
315
|
"active-class": "bg-primary-10 !text-primary-base",
|
|
342
316
|
"exact-active-class": "bg-primary-20 !text-primary-base"
|
|
343
317
|
}, {
|
|
344
318
|
default: n1(() => [
|
|
345
|
-
n.slim ? a("", !0) : (t(), o("span",
|
|
346
|
-
|
|
347
|
-
(t(), C(
|
|
319
|
+
n.slim ? a("", !0) : (t(), o("span", Se, i(b.label), 1)),
|
|
320
|
+
b.icon ? (t(), o("div", Be, [
|
|
321
|
+
(t(), C(_(b.icon), { class: "w-[20px] h-[20px] mx-auto" }))
|
|
348
322
|
])) : a("", !0)
|
|
349
323
|
]),
|
|
350
324
|
_: 2
|
|
@@ -355,15 +329,15 @@ const me = ["href"], ve = { class: "flex flex-nowrap items-center w-full h-[24px
|
|
|
355
329
|
], 64);
|
|
356
330
|
};
|
|
357
331
|
}
|
|
358
|
-
}),
|
|
332
|
+
}), Ve = {}, Oe = {
|
|
359
333
|
xmlns: "http://www.w3.org/2000/svg",
|
|
360
334
|
width: "24",
|
|
361
335
|
height: "24",
|
|
362
336
|
viewBox: "0 0 24 24",
|
|
363
337
|
fill: "none"
|
|
364
338
|
};
|
|
365
|
-
function
|
|
366
|
-
return t(), o("svg",
|
|
339
|
+
function Te(m, v) {
|
|
340
|
+
return t(), o("svg", Oe, v[0] || (v[0] = [
|
|
367
341
|
e("path", {
|
|
368
342
|
d: "M9.27987 15.963H7.76282V9.97577C7.76282 9.67316 7.575 9.40658 7.29326 9.29851L6.7948 9.11839V8.57802V8.03766H8.10957C8.60081 8.03766 8.91867 8.12412 9.05592 8.30424C9.20763 8.48436 9.27987 8.8374 9.27987 9.36335V15.963Z",
|
|
369
343
|
fill: "currentColor"
|
|
@@ -380,184 +354,184 @@ function Pe(i, v) {
|
|
|
380
354
|
}, null, -1)
|
|
381
355
|
]));
|
|
382
356
|
}
|
|
383
|
-
const
|
|
384
|
-
if (Array.isArray(
|
|
385
|
-
return
|
|
386
|
-
const v =
|
|
357
|
+
const Z1 = /* @__PURE__ */ p1(Ve, [["render", Te]]), N1 = (m) => {
|
|
358
|
+
if (Array.isArray(m))
|
|
359
|
+
return m.map(k);
|
|
360
|
+
const v = k(m);
|
|
387
361
|
return Array.isArray(v) ? v : [v];
|
|
388
|
-
},
|
|
362
|
+
}, je = (m, v) => {
|
|
389
363
|
let r;
|
|
390
|
-
const
|
|
391
|
-
y.forEach((
|
|
392
|
-
const
|
|
393
|
-
if (
|
|
394
|
-
if (!(
|
|
364
|
+
const u = (y) => {
|
|
365
|
+
y.forEach((x) => {
|
|
366
|
+
const f = k(x);
|
|
367
|
+
if (f) {
|
|
368
|
+
if (!(f instanceof Element))
|
|
395
369
|
throw console.error("Vuestic: Trying to observe non-HTMLElement", {
|
|
396
|
-
target:
|
|
397
|
-
array:
|
|
370
|
+
target: f,
|
|
371
|
+
array: m
|
|
398
372
|
}), new Error("Vuestic: Unable to observe non-HTMLElement");
|
|
399
|
-
|
|
373
|
+
f && (r == null || r.observe(f));
|
|
400
374
|
}
|
|
401
375
|
});
|
|
402
376
|
};
|
|
403
|
-
return t1(
|
|
404
|
-
r == null || r.disconnect(),
|
|
405
|
-
}),
|
|
406
|
-
r = new ResizeObserver(v),
|
|
407
|
-
}),
|
|
408
|
-
},
|
|
409
|
-
const v =
|
|
410
|
-
return
|
|
377
|
+
return t1(m, (y) => {
|
|
378
|
+
r == null || r.disconnect(), u(N1(y));
|
|
379
|
+
}), G1(() => {
|
|
380
|
+
r = new ResizeObserver(v), u(N1(m));
|
|
381
|
+
}), D1(() => r == null ? void 0 : r.disconnect()), r;
|
|
382
|
+
}, ze = (m) => {
|
|
383
|
+
const v = $(null);
|
|
384
|
+
return je([m], () => {
|
|
411
385
|
var r;
|
|
412
|
-
v.value = ((r =
|
|
413
|
-
}),
|
|
386
|
+
v.value = ((r = m.value) == null ? void 0 : r.clientWidth) ?? null;
|
|
387
|
+
}), q1(() => {
|
|
414
388
|
var r;
|
|
415
|
-
v.value = ((r =
|
|
389
|
+
v.value = ((r = m.value) == null ? void 0 : r.clientWidth) ?? null;
|
|
416
390
|
}), v;
|
|
417
|
-
},
|
|
391
|
+
}, He = ["href"], Ie = { class: "rounded-lg bg-[#FFF8E4] py-2 flex items-center space-x-3 px-2" }, Pe = { class: "" }, Ae = {
|
|
418
392
|
class: "",
|
|
419
393
|
style: { "font-size": "10px" }
|
|
420
|
-
},
|
|
394
|
+
}, Ee = {
|
|
421
395
|
key: 1,
|
|
422
396
|
class: "flex justify-between border rounded-lg bg-[#F5F5F5] mb-1 w-full min-w-[220px] space-x-3 px-2"
|
|
423
|
-
},
|
|
397
|
+
}, Fe = { class: "flex items-center text-[#525B66] space-x-3" }, Ne = { style: { "font-size": "10px" } }, We = { class: "relative -right-2" }, Ge = ["href"], qe = { class: "flex flex-nowrap items-center w-max h-[24px]" }, Re = { class: "whitespace-nowrap overflow-hidden text-ellipsis text-left flex-shrink w-full text-[#525B66]" }, Ue = { class: "py-[8px] pl-0 pr-[8px]" }, Ze = ["href"], De = { class: "flex flex-nowrap items-center w-max h-[24px]" }, Je = { class: "whitespace-nowrap overflow-hidden text-ellipsis text-left flex-shrink w-full" }, Ke = { class: "py-[8px] pl-0 pr-[8px]" }, Qe = {
|
|
424
398
|
key: 4,
|
|
425
399
|
class: "custom-select ml-1 w-full relative pt-2 pb-2"
|
|
426
|
-
},
|
|
400
|
+
}, Xe = { class: "pl-1" }, Ye = {
|
|
427
401
|
key: 0,
|
|
428
402
|
class: "dropdown w-[220px] z-50 text-[#525B66]"
|
|
429
|
-
},
|
|
403
|
+
}, e0 = ["onClick"], t0 = {
|
|
430
404
|
key: 0,
|
|
431
405
|
class: "mt-0.5 h-0 border-t border-secondary-stroke mb-1"
|
|
432
|
-
},
|
|
406
|
+
}, s0 = {
|
|
433
407
|
key: 0,
|
|
434
408
|
class: "tooltip-text"
|
|
435
|
-
},
|
|
409
|
+
}, l0 = { key: 0 }, o0 = {
|
|
436
410
|
key: 1,
|
|
437
411
|
class: "absolute top-0 right-1.5 w-2 h-2 bg-blue-600 text-white rounded-full animate-ping z-0"
|
|
438
|
-
},
|
|
412
|
+
}, n0 = {
|
|
439
413
|
key: 2,
|
|
440
414
|
class: "absolute top-0 right-1.5 w-2 h-2 bg-blue-500 text-white rounded-full z-10"
|
|
441
|
-
},
|
|
415
|
+
}, a0 = ["href"], r0 = {
|
|
442
416
|
key: 0,
|
|
443
417
|
class: "tooltip-text"
|
|
444
|
-
},
|
|
418
|
+
}, i0 = { key: 0 }, p0 = /* @__PURE__ */ i1({
|
|
445
419
|
__name: "OneSidebar",
|
|
446
|
-
props:
|
|
420
|
+
props: U1,
|
|
447
421
|
emits: ["show-news", "show-tariff", "select-language", "update-collapsed", "update:modelValue"],
|
|
448
|
-
setup(
|
|
449
|
-
var P,
|
|
450
|
-
const r = v,
|
|
422
|
+
setup(m, { emit: v }) {
|
|
423
|
+
var P, A, E;
|
|
424
|
+
const r = v, u = m, y = S(() => {
|
|
451
425
|
var l;
|
|
452
|
-
return ((l =
|
|
453
|
-
}),
|
|
426
|
+
return ((l = u.news) == null ? void 0 : l.unseenCount) || 0;
|
|
427
|
+
}), x = () => {
|
|
454
428
|
r("show-news");
|
|
455
|
-
},
|
|
456
|
-
t1(
|
|
457
|
-
|
|
458
|
-
}),
|
|
459
|
-
const
|
|
429
|
+
}, f = $(!1), g = $(u.hoverable);
|
|
430
|
+
t1(u, () => {
|
|
431
|
+
u.modelValue ? g.value = !0 : g.value = !1;
|
|
432
|
+
}), u.modelValue && (g.value = !0);
|
|
433
|
+
const T = J1(), H = S(() => {
|
|
460
434
|
const l = [];
|
|
461
|
-
if (
|
|
462
|
-
if (!
|
|
435
|
+
if (u.slim || l.push("fixed"), !L.value)
|
|
436
|
+
if (!u.isMobile)
|
|
463
437
|
l.push("w-[260px]");
|
|
464
438
|
else
|
|
465
439
|
return l.push("w-full");
|
|
466
440
|
return l.join(" ");
|
|
467
|
-
}),
|
|
468
|
-
|
|
469
|
-
},
|
|
470
|
-
|
|
471
|
-
const l =
|
|
441
|
+
}), B = S(() => ""), n = (l) => {
|
|
442
|
+
f.value = g.value && l;
|
|
443
|
+
}, L = S(() => g.value && !f.value), s = S(() => !!L.value), c = $(), j = ze(c), b = S(() => u.modelValue === !0 || j.value === null ? !0 : j.value > 0), I = $(), D = () => L.value ? u.minimizedWidth : u.width;
|
|
444
|
+
q1(() => {
|
|
445
|
+
const l = D();
|
|
472
446
|
setTimeout(() => {
|
|
473
|
-
|
|
447
|
+
I.value = l;
|
|
474
448
|
});
|
|
475
449
|
});
|
|
476
|
-
const M =
|
|
450
|
+
const M = $(!1), V = $((P = u.app) != null && P.availableLang && ((A = u.app) == null ? void 0 : A.availableLang.length) > 0 ? (E = u.app) == null ? void 0 : E.availableLang.find((l) => {
|
|
477
451
|
var w;
|
|
478
|
-
return l.id == ((w =
|
|
479
|
-
}) : null),
|
|
452
|
+
return l.id == ((w = u.app) == null ? void 0 : w.lang);
|
|
453
|
+
}) : null), J = () => {
|
|
480
454
|
M.value = !M.value;
|
|
481
|
-
},
|
|
482
|
-
|
|
455
|
+
}, K = (l) => {
|
|
456
|
+
V.value = l, M.value = !1, r("select-language", l);
|
|
483
457
|
}, Q = () => {
|
|
484
458
|
var l, w;
|
|
485
|
-
(w = (l =
|
|
459
|
+
(w = (l = u.app) == null ? void 0 : l.selectedPlan) != null && w.url && (window.location.href = u.app.selectedPlan.url);
|
|
486
460
|
};
|
|
487
461
|
return (l, w) => {
|
|
488
|
-
var
|
|
462
|
+
var F, N, W, G, q, R, p, O, U, u1, d1, c1, h1, f1, m1, v1, C1, w1, x1, b1, y1, g1, L1, k1, _1, $1, S1, B1, M1, V1, O1, T1, j1, z1, H1, I1, P1;
|
|
489
463
|
return t(), o("aside", {
|
|
490
464
|
ref_key: "rootElement",
|
|
491
|
-
ref:
|
|
492
|
-
class:
|
|
493
|
-
style:
|
|
494
|
-
onMouseenter: w[1] || (w[1] = (
|
|
495
|
-
onMouseleave: w[2] || (w[2] = (
|
|
465
|
+
ref: T,
|
|
466
|
+
class: d(["oneb-sidebar pt-[56px] pb-1 cont sm:max-w-[270px] flex flex-col sidebar z-40", H.value]),
|
|
467
|
+
style: K1(B.value),
|
|
468
|
+
onMouseenter: w[1] || (w[1] = (h) => n(!0)),
|
|
469
|
+
onMouseleave: w[2] || (w[2] = (h) => n(!1))
|
|
496
470
|
}, [
|
|
497
471
|
a1(e("div", {
|
|
498
472
|
class: "overflow-y-auto top-[56px] left-0 overflow-hidden lg:bg-transparent transition-all z-50 px-1 ml-1 mr-1 mt-2 flex-grow",
|
|
499
473
|
ref_key: "menu",
|
|
500
|
-
ref:
|
|
474
|
+
ref: c
|
|
501
475
|
}, [
|
|
502
|
-
(t(!0), o(Z, null, e1(l.items, (
|
|
503
|
-
key:
|
|
504
|
-
labelTop:
|
|
476
|
+
(t(!0), o(Z, null, e1(l.items, (h) => (t(), C(Me, {
|
|
477
|
+
key: h.label,
|
|
478
|
+
labelTop: h.labelTop,
|
|
505
479
|
isMobile: l.isMobile,
|
|
506
|
-
subItems:
|
|
507
|
-
open:
|
|
508
|
-
icon:
|
|
509
|
-
label:
|
|
510
|
-
route:
|
|
511
|
-
menuGroup:
|
|
512
|
-
href:
|
|
480
|
+
subItems: h.subItems,
|
|
481
|
+
open: h.open,
|
|
482
|
+
icon: h.icon,
|
|
483
|
+
label: h.label,
|
|
484
|
+
route: h.route,
|
|
485
|
+
menuGroup: h == null ? void 0 : h.menuGroup,
|
|
486
|
+
href: h.href,
|
|
513
487
|
slim: s.value,
|
|
514
|
-
"route-name":
|
|
515
|
-
exact:
|
|
488
|
+
"route-name": h.routeName,
|
|
489
|
+
exact: h.exact || !1,
|
|
516
490
|
onUpdateCollapsed: w[0] || (w[0] = (s1) => r("update-collapsed"))
|
|
517
491
|
}, null, 8, ["labelTop", "isMobile", "subItems", "open", "icon", "label", "route", "menuGroup", "href", "slim", "route-name", "exact"]))), 128))
|
|
518
492
|
], 512), [
|
|
519
|
-
[r1,
|
|
493
|
+
[r1, b.value]
|
|
520
494
|
]),
|
|
521
495
|
a1(e("div", {
|
|
522
|
-
class:
|
|
496
|
+
class: d(["mt-auto shrink rounded-2xl mx-2", [s.value ? "" : "px-2 bg-white pt-2.5 py-2"]])
|
|
523
497
|
}, [
|
|
524
498
|
e("div", {
|
|
525
|
-
class:
|
|
499
|
+
class: d([s.value ? "hidden" : "w-full hidden md:flex-col md:flex"])
|
|
526
500
|
}, [
|
|
527
|
-
(
|
|
501
|
+
(F = l.app) != null && F.offerPlan ? (t(), o("a", {
|
|
528
502
|
key: 0,
|
|
529
|
-
href: (
|
|
503
|
+
href: (N = l.app) == null ? void 0 : N.offerPlan.url,
|
|
530
504
|
class: "w-full min-w-[220px] border-gradient rounded-lg p-[1px] bg-[#FFF8E4] mb-1 block",
|
|
531
505
|
target: "_blank",
|
|
532
506
|
rel: "noopener noreferrer"
|
|
533
507
|
}, [
|
|
534
|
-
e("div",
|
|
535
|
-
e("div",
|
|
536
|
-
(t(), C(
|
|
508
|
+
e("div", Ie, [
|
|
509
|
+
e("div", Pe, [
|
|
510
|
+
(t(), C(_((W = l.app) == null ? void 0 : W.offerPlan.icon), { class: "w-[16px] h-[16px]" }))
|
|
537
511
|
]),
|
|
538
|
-
e("p",
|
|
539
|
-
e("strong", null,
|
|
540
|
-
X(" «" +
|
|
512
|
+
e("p", Ae, [
|
|
513
|
+
e("strong", null, i((G = l.app) == null ? void 0 : G.offerPlan.title), 1),
|
|
514
|
+
X(" «" + i((q = l.app) == null ? void 0 : q.offerPlan.name) + "» ", 1),
|
|
541
515
|
w[3] || (w[3] = e("br", null, null, -1)),
|
|
542
|
-
X(
|
|
516
|
+
X(i((R = l.app) == null ? void 0 : R.offerPlan.title1), 1)
|
|
543
517
|
])
|
|
544
518
|
])
|
|
545
|
-
], 8,
|
|
546
|
-
(
|
|
547
|
-
e("div",
|
|
519
|
+
], 8, He)) : a("", !0),
|
|
520
|
+
(p = l.app) != null && p.selectedPlan && ((O = l.app) != null && O.selectedPlan.name) ? (t(), o("div", Ee, [
|
|
521
|
+
e("div", Fe, [
|
|
548
522
|
e("div", null, [
|
|
549
|
-
(t(), C(
|
|
523
|
+
(t(), C(_((U = l.app) == null ? void 0 : U.selectedPlan.icon), { class: "w-[16px] h-[16px]" }))
|
|
550
524
|
]),
|
|
551
|
-
e("div",
|
|
552
|
-
e("p", null,
|
|
553
|
-
e("p", null,
|
|
525
|
+
e("div", Ne, [
|
|
526
|
+
e("p", null, i(((u1 = l.app) == null ? void 0 : u1.selectedPlan.name) || ""), 1),
|
|
527
|
+
e("p", null, i(((d1 = l.app) == null ? void 0 : d1.selectedPlan.title) || ""), 1)
|
|
554
528
|
])
|
|
555
529
|
]),
|
|
556
|
-
e("div",
|
|
557
|
-
z(
|
|
530
|
+
e("div", We, [
|
|
531
|
+
z(R1, {
|
|
558
532
|
class: "text-[#525B66] hover:text-[#4089E0] !rounded-lg",
|
|
559
533
|
variant: "touch",
|
|
560
|
-
icon:
|
|
534
|
+
icon: k(X1),
|
|
561
535
|
onClick: Q
|
|
562
536
|
}, null, 8, ["icon"])
|
|
563
537
|
])
|
|
@@ -568,194 +542,194 @@ const J1 = /* @__PURE__ */ p1(Ie, [["render", Pe]]), D1 = (i) => {
|
|
|
568
542
|
target: "_blank",
|
|
569
543
|
class: "ml-1 flex items-center rounded-lg text-xs hover:underline font-extralight"
|
|
570
544
|
}, [
|
|
571
|
-
e("div",
|
|
572
|
-
e("div",
|
|
573
|
-
e("span",
|
|
545
|
+
e("div", qe, [
|
|
546
|
+
e("div", Re, [
|
|
547
|
+
e("span", Ue, i(((f1 = l.app) == null ? void 0 : f1.terms.label) || "Terms"), 1)
|
|
574
548
|
])
|
|
575
549
|
])
|
|
576
|
-
], 8,
|
|
550
|
+
], 8, Ge)) : a("", !0),
|
|
577
551
|
(m1 = l.app) != null && m1.offer ? (t(), o("a", {
|
|
578
552
|
key: 3,
|
|
579
553
|
href: (v1 = l.app) == null ? void 0 : v1.offer.url,
|
|
580
554
|
target: "_blank",
|
|
581
555
|
class: "ml-1 flex items-center rounded-lg text-xs hover:underline text-[#525B66] font-extralight"
|
|
582
556
|
}, [
|
|
583
|
-
e("div",
|
|
584
|
-
e("div",
|
|
585
|
-
e("span",
|
|
557
|
+
e("div", De, [
|
|
558
|
+
e("div", Je, [
|
|
559
|
+
e("span", Ke, i(((C1 = l.app) == null ? void 0 : C1.offer.label) || "Offert"), 1)
|
|
586
560
|
])
|
|
587
561
|
])
|
|
588
|
-
], 8,
|
|
589
|
-
(
|
|
562
|
+
], 8, Ze)) : a("", !0),
|
|
563
|
+
(x1 = (w1 = l.app) == null ? void 0 : w1.availableLang) != null && x1.length ? (t(), o("div", Qe, [
|
|
590
564
|
e("div", {
|
|
591
565
|
class: "select-box flex gap-x-2 text-xs text-[#525B66] cursor-pointer",
|
|
592
|
-
onClick:
|
|
566
|
+
onClick: J
|
|
593
567
|
}, [
|
|
594
|
-
z(
|
|
595
|
-
X(" " +
|
|
596
|
-
e("span",
|
|
568
|
+
z(k(Y1), { class: "w-4" }),
|
|
569
|
+
X(" " + i((b1 = V.value) == null ? void 0 : b1.name) + " ", 1),
|
|
570
|
+
e("span", Xe, i(M.value ? "▲" : "▼"), 1)
|
|
597
571
|
]),
|
|
598
|
-
M.value ? (t(), o("div",
|
|
599
|
-
(t(!0), o(Z, null, e1((y1 = l.app) == null ? void 0 : y1.availableLang, (
|
|
600
|
-
var s1,
|
|
572
|
+
M.value ? (t(), o("div", Ye, [
|
|
573
|
+
(t(!0), o(Z, null, e1((y1 = l.app) == null ? void 0 : y1.availableLang, (h) => {
|
|
574
|
+
var s1, A1;
|
|
601
575
|
return t(), o("div", {
|
|
602
|
-
key:
|
|
603
|
-
class:
|
|
604
|
-
onClick: (
|
|
605
|
-
var
|
|
606
|
-
return
|
|
576
|
+
key: h.id,
|
|
577
|
+
class: d(["px-2", { "hover:bg-slate-200 rounded-lg cursor-pointer": h.id !== ((s1 = V.value) == null ? void 0 : s1.id), "text-gray-300": h.id === ((A1 = V.value) == null ? void 0 : A1.id) }]),
|
|
578
|
+
onClick: (Q0) => {
|
|
579
|
+
var E1;
|
|
580
|
+
return h.id !== ((E1 = V.value) == null ? void 0 : E1.id) && K(h);
|
|
607
581
|
}
|
|
608
|
-
},
|
|
582
|
+
}, i(h.name), 11, e0);
|
|
609
583
|
}), 128))
|
|
610
584
|
])) : a("", !0)
|
|
611
585
|
])) : a("", !0)
|
|
612
586
|
], 2),
|
|
613
|
-
!s.value && ((g1 = l.app) != null && g1.offer || (k1 = (L1 = l.app) == null ? void 0 : L1.availableLang) != null && k1.length || (_1 = l.app) != null && _1.selectedPlan && (($1 = l.app) != null && $1.selectedPlan.name) || (S1 = l.app) != null && S1.offerPlan) ? (t(), o("div",
|
|
587
|
+
!s.value && ((g1 = l.app) != null && g1.offer || (k1 = (L1 = l.app) == null ? void 0 : L1.availableLang) != null && k1.length || (_1 = l.app) != null && _1.selectedPlan && (($1 = l.app) != null && $1.selectedPlan.name) || (S1 = l.app) != null && S1.offerPlan) ? (t(), o("div", t0)) : a("", !0),
|
|
614
588
|
e("div", {
|
|
615
|
-
class:
|
|
589
|
+
class: d([s.value ? "grid" : "flex space-x-2"])
|
|
616
590
|
}, [
|
|
617
591
|
l.news ? (t(), o("a", {
|
|
618
592
|
key: 0,
|
|
619
593
|
href: "#",
|
|
620
|
-
class:
|
|
621
|
-
onClick:
|
|
594
|
+
class: d(["text-[#525B66] flex items-center rounded-lg text-sm tooltip hover:bg-primary-10-hover hover:text-primary-base transition-all bg-gray-100 px-1", [s.value ? "w-[44px] h-[44px] text-center" : "h-[36x] pr-2"]]),
|
|
595
|
+
onClick: x
|
|
622
596
|
}, [
|
|
623
|
-
l.news.menuLabel ? (t(), o("div",
|
|
597
|
+
l.news.menuLabel ? (t(), o("div", s0, i(l.news.menuLabel || "News"), 1)) : a("", !0),
|
|
624
598
|
e("div", {
|
|
625
|
-
class:
|
|
599
|
+
class: d(["w-full", [s.value ? "" : "flex flex-nowrap items-center h-[36px]"]])
|
|
626
600
|
}, [
|
|
627
601
|
e("div", {
|
|
628
|
-
class:
|
|
602
|
+
class: d(["relative items-center", [s.value ? "" : "flex flex-row space-x-1"]])
|
|
629
603
|
}, [
|
|
630
604
|
e("div", null, [
|
|
631
|
-
(t(), C(
|
|
605
|
+
(t(), C(_(Z1), { class: "w-[24px] h-[24px] mx-auto" }))
|
|
632
606
|
]),
|
|
633
|
-
s.value ? a("", !0) : (t(), o("div",
|
|
634
|
-
y.value > 0 ? (t(), o("span",
|
|
635
|
-
y.value > 0 ? (t(), o("span",
|
|
607
|
+
s.value ? a("", !0) : (t(), o("div", l0, i(l.news.menuLabel || "News"), 1)),
|
|
608
|
+
y.value > 0 ? (t(), o("span", o0)) : a("", !0),
|
|
609
|
+
y.value > 0 ? (t(), o("span", n0)) : a("", !0)
|
|
636
610
|
], 2)
|
|
637
611
|
], 2)
|
|
638
612
|
], 2)) : a("", !0),
|
|
639
613
|
(B1 = l.app) != null && B1.support ? (t(), o("a", {
|
|
640
614
|
key: 1,
|
|
641
|
-
href: (
|
|
642
|
-
class:
|
|
615
|
+
href: (V1 = (M1 = l.app) == null ? void 0 : M1.support) == null ? void 0 : V1.url,
|
|
616
|
+
class: d(["text-[#525B66] flex items-center rounded-lg text-sm tooltip hover:bg-primary-10-hover hover:text-primary-base transition-all", [s.value ? "w-[44px] h-[44px] text-center" : "h-[36x]"]])
|
|
643
617
|
}, [
|
|
644
|
-
(
|
|
618
|
+
(T1 = (O1 = l.app) == null ? void 0 : O1.support) != null && T1.label ? (t(), o("div", r0, i(((z1 = (j1 = l.app) == null ? void 0 : j1.support) == null ? void 0 : z1.label) || "Support"), 1)) : a("", !0),
|
|
645
619
|
e("div", {
|
|
646
|
-
class:
|
|
620
|
+
class: d(["w-full", [s.value ? "" : "flex flex-nowrap items-center h-[36px]"]])
|
|
647
621
|
}, [
|
|
648
622
|
e("div", {
|
|
649
|
-
class:
|
|
623
|
+
class: d(["flex-shrink-0 relative", [s.value ? "mx-auto w-[36px] " : "flex space-x-2 px-1"]])
|
|
650
624
|
}, [
|
|
651
625
|
e("div", null, [
|
|
652
|
-
(t(), C(
|
|
626
|
+
(t(), C(_(k(ie)), { class: "w-[20px] h-[20px] mx-auto" }))
|
|
653
627
|
]),
|
|
654
|
-
s.value ? a("", !0) : (t(), o("div",
|
|
628
|
+
s.value ? a("", !0) : (t(), o("div", i0, i(((I1 = (H1 = l.app) == null ? void 0 : H1.support) == null ? void 0 : I1.label) || "Support"), 1))
|
|
655
629
|
], 2)
|
|
656
630
|
], 2)
|
|
657
|
-
], 10,
|
|
631
|
+
], 10, a0)) : a("", !0)
|
|
658
632
|
], 2),
|
|
659
633
|
e("p", {
|
|
660
|
-
class:
|
|
634
|
+
class: d([[s.value ? "hidden" : "w-full"], "text-[7px] pl-2 text-[#979CA9] flex justify-between font-extralight pt-1"])
|
|
661
635
|
}, [
|
|
662
636
|
w[4] || (w[4] = e("span", null, [
|
|
663
637
|
X("Powered by "),
|
|
664
638
|
e("span", { class: "text-blue-700" }, "OneB")
|
|
665
639
|
], -1)),
|
|
666
|
-
e("span", null,
|
|
640
|
+
e("span", null, i((P1 = l.app) == null ? void 0 : P1.version), 1)
|
|
667
641
|
], 2)
|
|
668
642
|
], 2), [
|
|
669
|
-
[r1,
|
|
643
|
+
[r1, b.value]
|
|
670
644
|
])
|
|
671
645
|
], 38);
|
|
672
646
|
};
|
|
673
647
|
}
|
|
674
648
|
});
|
|
675
|
-
const
|
|
649
|
+
const u0 = /* @__PURE__ */ p1(p0, [["__scopeId", "data-v-6ede2cc5"]]), d0 = { class: "h-screen h-dvh relative" }, c0 = {
|
|
676
650
|
class: "header h-[56px] flex items-center flex-nowrap fixed top-0 left-0 w-full z-50",
|
|
677
651
|
style: { background: "rgba(245, 247, 251, 0.80)", "backdrop-filter": "blur(5px)" }
|
|
678
|
-
},
|
|
652
|
+
}, h0 = { class: "p-2 flex-shrink-0" }, f0 = { class: "w-10 h-10 flex items-center flex-shrink-0" }, m0 = ["src"], v0 = { class: "whitespace-nowrap font-semibold text-xl" }, C0 = { class: "text-xs whitespace-nowrap" }, w0 = { class: "w-full" }, x0 = { class: "w-full flex justify-end pr-4" }, b0 = { class: "flex items-center space-x-1" }, y0 = {
|
|
679
653
|
key: 0,
|
|
680
654
|
class: "module-border-wrap flex justify-center items-center"
|
|
681
|
-
},
|
|
655
|
+
}, g0 = { class: "h-4 w-4" }, L0 = { class: "ml-2 hidden sm:flex" }, k0 = { class: "flex h-full" }, _0 = { key: 0 }, $0 = {
|
|
682
656
|
key: 0,
|
|
683
657
|
class: "sm:w-[560px] w-full relative h-full"
|
|
684
|
-
},
|
|
658
|
+
}, S0 = { class: "h-full relative" }, B0 = { class: "flex items-center p-3 space-x-1.5" }, M0 = {
|
|
685
659
|
class: "overflow-auto",
|
|
686
660
|
style: { height: "calc(100% - 62px)" }
|
|
687
|
-
},
|
|
661
|
+
}, V0 = {
|
|
688
662
|
key: 0,
|
|
689
663
|
class: "p-5"
|
|
690
|
-
},
|
|
664
|
+
}, O0 = { key: 1 }, T0 = { class: "p-4 text-gray text-center" }, j0 = { key: 2 }, z0 = {
|
|
691
665
|
class: "p-3 space-y-1.5 rounded-lg",
|
|
692
666
|
style: { "box-shadow": "0 0 6px #eaeaea" }
|
|
693
|
-
},
|
|
667
|
+
}, H0 = { key: 0 }, I0 = {
|
|
694
668
|
key: 0,
|
|
695
669
|
class: "text-xs px-2 py-1 rounded-md bg-green-600 text-white"
|
|
696
|
-
},
|
|
670
|
+
}, P0 = {
|
|
697
671
|
key: 1,
|
|
698
672
|
class: "text-xs px-2 py-1 rounded-md bg-yellow-600 text-white"
|
|
699
|
-
},
|
|
673
|
+
}, A0 = {
|
|
700
674
|
key: 2,
|
|
701
675
|
class: "text-xs px-2 py-1 rounded-md bg-blue-600 text-white"
|
|
702
|
-
},
|
|
676
|
+
}, E0 = {
|
|
703
677
|
key: 3,
|
|
704
678
|
class: "text-xs px-2 py-1 rounded-md bg-gray-600 text-white"
|
|
705
|
-
},
|
|
679
|
+
}, F0 = { class: "text-lg font-medium" }, N0 = { class: "text-sm text-gray-600" }, W0 = { key: 0 }, G0 = ["src"], q0 = { class: "text-sm whitespace-pre-wrap break-words" }, R0 = { key: 1 }, U0 = ["href"], Z0 = { class: "text-sm flex items-center justify-between mt-1" }, D0 = { class: "text-gray-800" }, J0 = ["href"], K0 = /* @__PURE__ */ i1({
|
|
706
680
|
__name: "OneMainLayout",
|
|
707
|
-
props:
|
|
681
|
+
props: ae,
|
|
708
682
|
emits: ["load-news", "load-tariff", "open-tariff"],
|
|
709
|
-
setup(
|
|
710
|
-
const r = v,
|
|
683
|
+
setup(m, { emit: v }) {
|
|
684
|
+
const r = v, u = m;
|
|
711
685
|
let y = window.localStorage.getItem("sidebar-slim");
|
|
712
686
|
window.document.body.offsetWidth < 1024 && (window.localStorage.getItem("sidebar-slim") == null && window.localStorage.setItem("sidebar-slim", "1"), y = "1");
|
|
713
|
-
const
|
|
714
|
-
|
|
687
|
+
const x = $(y === "1");
|
|
688
|
+
$(!0), t1(x, (s) => {
|
|
715
689
|
window.localStorage.setItem("sidebar-slim", String(s ? 1 : 0));
|
|
716
690
|
});
|
|
717
|
-
const
|
|
718
|
-
|
|
719
|
-
},
|
|
691
|
+
const f = $(!1), g = () => {
|
|
692
|
+
f.value = !f.value, f.value && r("load-news");
|
|
693
|
+
}, T = S(() => u.showHeadre);
|
|
720
694
|
t1(
|
|
721
|
-
() =>
|
|
695
|
+
() => u.showHeadre,
|
|
722
696
|
// Передаємо доступ до props
|
|
723
697
|
() => {
|
|
724
|
-
|
|
698
|
+
T.value = u.showHeadre;
|
|
725
699
|
}
|
|
726
700
|
);
|
|
727
|
-
const H =
|
|
701
|
+
const H = $(window.innerWidth), B = () => {
|
|
728
702
|
H.value = window.innerWidth;
|
|
729
|
-
},
|
|
730
|
-
|
|
731
|
-
window.addEventListener("resize",
|
|
732
|
-
}),
|
|
733
|
-
window.removeEventListener("resize",
|
|
703
|
+
}, n = S(() => H.value <= 768);
|
|
704
|
+
G1(() => {
|
|
705
|
+
window.addEventListener("resize", B);
|
|
706
|
+
}), Q1(() => {
|
|
707
|
+
window.removeEventListener("resize", B);
|
|
734
708
|
});
|
|
735
|
-
const
|
|
736
|
-
var
|
|
737
|
-
(
|
|
709
|
+
const L = (s) => {
|
|
710
|
+
var c;
|
|
711
|
+
(c = u.handlers) == null || c.onSetLang(s);
|
|
738
712
|
};
|
|
739
|
-
return (s,
|
|
740
|
-
var
|
|
741
|
-
const j =
|
|
742
|
-
return t(), o("div",
|
|
743
|
-
a1(e("div",
|
|
744
|
-
e("div",
|
|
713
|
+
return (s, c) => {
|
|
714
|
+
var b, I, D, M, V, J, K, Q, P, A, E, l, w, F, N, W, G, q, R;
|
|
715
|
+
const j = W1("RouterLink");
|
|
716
|
+
return t(), o("div", d0, [
|
|
717
|
+
a1(e("div", c0, [
|
|
718
|
+
e("div", h0, [
|
|
745
719
|
e("button", {
|
|
746
|
-
onClick:
|
|
720
|
+
onClick: c[0] || (c[0] = (p) => x.value = !x.value),
|
|
747
721
|
class: "w-[44px] h-[44px] p-[8px] flex items-center justify-center rounded hover:bg-secondary-10 hover:text-blue-600"
|
|
748
722
|
}, [
|
|
749
|
-
z(
|
|
723
|
+
z(k(re), { class: "w-[24px] h-[24px]" })
|
|
750
724
|
])
|
|
751
725
|
]),
|
|
752
|
-
e("div",
|
|
726
|
+
e("div", f0, [
|
|
753
727
|
s.logoSrc != null ? (t(), o("img", {
|
|
754
728
|
key: 0,
|
|
755
729
|
src: s.logoSrc,
|
|
756
730
|
class: "w-8 h-8 mx-auto",
|
|
757
731
|
alt: "logo"
|
|
758
|
-
}, null, 8,
|
|
732
|
+
}, null, 8, m0)) : a("", !0)
|
|
759
733
|
]),
|
|
760
734
|
s.app != null ? (t(), C(j, {
|
|
761
735
|
key: 0,
|
|
@@ -763,152 +737,152 @@ const v0 = /* @__PURE__ */ p1(m0, [["__scopeId", "data-v-6ede2cc5"]]), C0 = { cl
|
|
|
763
737
|
class: "pl-2 max-w-xs"
|
|
764
738
|
}, {
|
|
765
739
|
default: n1(() => {
|
|
766
|
-
var
|
|
740
|
+
var p, O;
|
|
767
741
|
return [
|
|
768
|
-
e("div",
|
|
769
|
-
e("div",
|
|
742
|
+
e("div", v0, i(s.app.name), 1),
|
|
743
|
+
e("div", C0, i((O = (p = s.app) == null ? void 0 : p.workspace) == null ? void 0 : O.name), 1)
|
|
770
744
|
];
|
|
771
745
|
}),
|
|
772
746
|
_: 1
|
|
773
747
|
})) : a("", !0),
|
|
774
|
-
e("div",
|
|
775
|
-
e("div",
|
|
776
|
-
e("div",
|
|
777
|
-
|
|
778
|
-
s.improveTariff && ((
|
|
748
|
+
e("div", w0, [
|
|
749
|
+
e("div", x0, [
|
|
750
|
+
e("div", b0, [
|
|
751
|
+
F1(s.$slots, "before-header-menu", {}, void 0, !0),
|
|
752
|
+
s.improveTariff && ((b = s.improveTariff) != null && b.label) && s.improveTariff.label ? (t(), o("div", y0, [
|
|
779
753
|
e("button", {
|
|
780
754
|
type: "button",
|
|
781
755
|
class: "cursor-pointer flex items-center h-full bg-[#FFF8E4] hover:bg-[#f2e3b8] rounded-full px-2 py-1 font-medium",
|
|
782
|
-
onClick:
|
|
783
|
-
(...
|
|
784
|
-
var
|
|
785
|
-
return ((
|
|
756
|
+
onClick: c[1] || (c[1] = //@ts-ignore
|
|
757
|
+
(...p) => {
|
|
758
|
+
var O, U;
|
|
759
|
+
return ((O = s.handlers) == null ? void 0 : O.onImproveTariff) && ((U = s.handlers) == null ? void 0 : U.onImproveTariff(...p));
|
|
786
760
|
}),
|
|
787
761
|
style: { "font-size": "10px" }
|
|
788
762
|
}, [
|
|
789
|
-
e("div",
|
|
790
|
-
(t(), C(
|
|
763
|
+
e("div", g0, [
|
|
764
|
+
(t(), C(_((I = s.improveTariff) == null ? void 0 : I.icon), { class: "h-4 w-4 mx-auto" }))
|
|
791
765
|
]),
|
|
792
|
-
e("span",
|
|
766
|
+
e("span", L0, i((D = s.improveTariff) == null ? void 0 : D.label), 1)
|
|
793
767
|
])
|
|
794
768
|
])) : a("", !0),
|
|
795
|
-
s.help ? (t(), C(
|
|
769
|
+
s.help ? (t(), C(ee, {
|
|
796
770
|
key: 1,
|
|
797
771
|
help: s.help
|
|
798
772
|
}, null, 8, ["help"])) : a("", !0),
|
|
799
|
-
((M = s.handlers) == null ? void 0 : M.onBrowse) != null ? (t(), C(
|
|
773
|
+
((M = s.handlers) == null ? void 0 : M.onBrowse) != null ? (t(), C(te, {
|
|
800
774
|
key: 2,
|
|
801
|
-
workspace: (
|
|
802
|
-
apps: ((
|
|
803
|
-
"change-label": ((
|
|
775
|
+
workspace: (V = s.app) == null ? void 0 : V.workspace,
|
|
776
|
+
apps: ((J = s.app) == null ? void 0 : J.apps) || [],
|
|
777
|
+
"change-label": ((K = s.labels) == null ? void 0 : K.change) || "Change",
|
|
804
778
|
"apps-title": ((Q = s.labels) == null ? void 0 : Q.apps) || "Apps",
|
|
805
779
|
"on-app": (P = s.handlers) == null ? void 0 : P.onApp,
|
|
806
|
-
"on-change": (
|
|
807
|
-
onOpen: (
|
|
780
|
+
"on-change": (A = s.handlers) == null ? void 0 : A.onChange,
|
|
781
|
+
onOpen: (E = s.handlers) == null ? void 0 : E.onBrowse
|
|
808
782
|
}, null, 8, ["workspace", "apps", "change-label", "apps-title", "on-app", "on-change", "onOpen"])) : a("", !0),
|
|
809
|
-
z(
|
|
783
|
+
z(se, {
|
|
810
784
|
user: s.user,
|
|
811
785
|
menu: s.menu,
|
|
812
786
|
app: s.app,
|
|
813
787
|
"account-label": ((l = s.labels) == null ? void 0 : l.account) || "Account",
|
|
814
788
|
"logout-label": ((w = s.labels) == null ? void 0 : w.logout) || "Logout",
|
|
815
|
-
"version-label": ((
|
|
816
|
-
"on-account": (
|
|
817
|
-
"on-logout": (
|
|
789
|
+
"version-label": ((F = s.labels) == null ? void 0 : F.version) || "",
|
|
790
|
+
"on-account": (N = s.handlers) == null ? void 0 : N.onAccount,
|
|
791
|
+
"on-logout": (W = s.handlers) == null ? void 0 : W.onLogout
|
|
818
792
|
}, null, 8, ["user", "menu", "app", "account-label", "logout-label", "version-label", "on-account", "on-logout"])
|
|
819
793
|
])
|
|
820
794
|
])
|
|
821
795
|
])
|
|
822
796
|
], 512), [
|
|
823
|
-
[r1,
|
|
797
|
+
[r1, T.value]
|
|
824
798
|
]),
|
|
825
|
-
e("div",
|
|
826
|
-
!
|
|
799
|
+
e("div", k0, [
|
|
800
|
+
!n.value || !x.value ? (t(), C(u0, {
|
|
827
801
|
key: 0,
|
|
828
802
|
app: s.app,
|
|
829
803
|
items: s.sidebarItems,
|
|
830
804
|
"with-news": s.news != null,
|
|
831
805
|
news: s.news,
|
|
832
|
-
isMobile:
|
|
833
|
-
modelValue:
|
|
834
|
-
"onUpdate:modelValue":
|
|
835
|
-
onShowNews:
|
|
836
|
-
onSelectLanguage:
|
|
837
|
-
onUpdateCollapsed:
|
|
806
|
+
isMobile: n.value,
|
|
807
|
+
modelValue: x.value,
|
|
808
|
+
"onUpdate:modelValue": c[2] || (c[2] = (p) => x.value = p),
|
|
809
|
+
onShowNews: g,
|
|
810
|
+
onSelectLanguage: L,
|
|
811
|
+
onUpdateCollapsed: c[3] || (c[3] = (p) => x.value = !x.value)
|
|
838
812
|
}, null, 8, ["app", "items", "with-news", "news", "isMobile", "modelValue"])) : a("", !0),
|
|
839
813
|
e("div", {
|
|
840
|
-
class:
|
|
814
|
+
class: d([[x.value ? "sm:ml-[60px]" : "sm:ml-[260px] hidden sm:block"], "body scroll-body w-full overflow-y-auto"])
|
|
841
815
|
}, [
|
|
842
816
|
e("div", {
|
|
843
|
-
class:
|
|
817
|
+
class: d(["content transition-all", { "pt-[56px]": T.value }])
|
|
844
818
|
}, [
|
|
845
|
-
|
|
819
|
+
F1(s.$slots, "default", {}, void 0, !0)
|
|
846
820
|
], 2)
|
|
847
821
|
], 2)
|
|
848
822
|
]),
|
|
849
|
-
s.news ? (t(), o("div",
|
|
850
|
-
|
|
823
|
+
s.news ? (t(), o("div", _0, [
|
|
824
|
+
f.value ? (t(), o("div", {
|
|
851
825
|
key: 0,
|
|
852
826
|
class: "fixed top-0 left-0 h-screen h-dvh w-screen bg-gray-100 bg-opacity-40 z-50",
|
|
853
|
-
onClick:
|
|
827
|
+
onClick: c[4] || (c[4] = Y((p) => f.value = !1, ["self"]))
|
|
854
828
|
})) : a("", !0),
|
|
855
829
|
e("div", {
|
|
856
|
-
class:
|
|
830
|
+
class: d(["opacity-100 shadow-lg transition-all fixed top-0 left-0 h-dvh overflow-hidden z-50 bg-white", [f.value ? "sm:w-[560px] w-full" : "w-0"]])
|
|
857
831
|
}, [
|
|
858
|
-
|
|
859
|
-
e("div",
|
|
860
|
-
e("div",
|
|
861
|
-
z(
|
|
862
|
-
|
|
832
|
+
f.value ? (t(), o("div", $0, [
|
|
833
|
+
e("div", S0, [
|
|
834
|
+
e("div", B0, [
|
|
835
|
+
z(Z1, { class: "w-10 h-10" }),
|
|
836
|
+
c[6] || (c[6] = e("div", { class: "w-full font-medium" }, "OneB News", -1)),
|
|
863
837
|
e("div", null, [
|
|
864
|
-
z(
|
|
838
|
+
z(R1, {
|
|
865
839
|
variant: "touch",
|
|
866
|
-
icon:
|
|
867
|
-
onClick:
|
|
840
|
+
icon: k(oe),
|
|
841
|
+
onClick: c[5] || (c[5] = (p) => f.value = !1)
|
|
868
842
|
}, null, 8, ["icon"])
|
|
869
843
|
])
|
|
870
844
|
]),
|
|
871
|
-
e("div",
|
|
872
|
-
s.news.isLoading && ((
|
|
873
|
-
z(
|
|
874
|
-
])) : ((
|
|
875
|
-
e("div",
|
|
876
|
-
])) : ((
|
|
877
|
-
(t(!0), o(Z, null, e1(s.news.items, (
|
|
878
|
-
key:
|
|
845
|
+
e("div", M0, [
|
|
846
|
+
s.news.isLoading && ((G = s.news.items) == null ? void 0 : G.length) === 0 ? (t(), o("div", V0, [
|
|
847
|
+
z(le, { class: "w-6 h-6 text-gray-600 mx-auto" })
|
|
848
|
+
])) : ((q = s.news.items) == null ? void 0 : q.length) === 0 ? (t(), o("div", O0, [
|
|
849
|
+
e("div", T0, i(s.news.emptyText), 1)
|
|
850
|
+
])) : ((R = s.news.items) == null ? void 0 : R.length) > 0 ? (t(), o("div", j0, [
|
|
851
|
+
(t(!0), o(Z, null, e1(s.news.items, (p) => (t(), o("div", {
|
|
852
|
+
key: p.id,
|
|
879
853
|
class: "p-3"
|
|
880
854
|
}, [
|
|
881
|
-
e("div",
|
|
855
|
+
e("div", z0, [
|
|
882
856
|
e("div", null, [
|
|
883
|
-
|
|
884
|
-
|
|
857
|
+
p.type ? (t(), o("div", H0, [
|
|
858
|
+
p.type === 10 ? (t(), o("span", I0, "update")) : p.type === 11 ? (t(), o("span", P0, "warning")) : p.type === 12 ? (t(), o("span", A0, "notice")) : p.type === 13 ? (t(), o("span", E0, "ads")) : a("", !0)
|
|
885
859
|
])) : a("", !0),
|
|
886
|
-
e("div",
|
|
887
|
-
e("div",
|
|
860
|
+
e("div", F0, i(p.title), 1),
|
|
861
|
+
e("div", N0, i(p.summary), 1)
|
|
888
862
|
]),
|
|
889
|
-
|
|
863
|
+
p.image_url ? (t(), o("div", W0, [
|
|
890
864
|
e("img", {
|
|
891
|
-
src:
|
|
865
|
+
src: p.image_url,
|
|
892
866
|
alt: "",
|
|
893
867
|
class: "w-full rounded-md"
|
|
894
|
-
}, null, 8,
|
|
868
|
+
}, null, 8, G0)
|
|
895
869
|
])) : a("", !0),
|
|
896
|
-
e("div",
|
|
897
|
-
|
|
870
|
+
e("div", q0, i(p.body), 1),
|
|
871
|
+
p.video_url ? (t(), o("div", R0, [
|
|
898
872
|
e("a", {
|
|
899
|
-
href:
|
|
873
|
+
href: p.video_url,
|
|
900
874
|
target: "_blank",
|
|
901
875
|
class: "text-blue-600 hover:text-blue-700 px-3 py-2 border rounded-md w-full block"
|
|
902
|
-
},
|
|
876
|
+
}, i(s.news.openVideoText), 9, U0)
|
|
903
877
|
])) : a("", !0),
|
|
904
|
-
e("div",
|
|
905
|
-
e("span",
|
|
906
|
-
|
|
878
|
+
e("div", Z0, [
|
|
879
|
+
e("span", D0, i(p.published), 1),
|
|
880
|
+
p.post_url ? (t(), o("a", {
|
|
907
881
|
key: 0,
|
|
908
|
-
href:
|
|
882
|
+
href: p.post_url,
|
|
909
883
|
target: "_blank",
|
|
910
884
|
class: "text-blue-600 hover:text-blue-700 block"
|
|
911
|
-
},
|
|
885
|
+
}, i(s.news.moreText), 9, J0)) : a("", !0)
|
|
912
886
|
])
|
|
913
887
|
])
|
|
914
888
|
]))), 128))
|
|
@@ -922,8 +896,8 @@ const v0 = /* @__PURE__ */ p1(m0, [["__scopeId", "data-v-6ede2cc5"]]), C0 = { cl
|
|
|
922
896
|
};
|
|
923
897
|
}
|
|
924
898
|
});
|
|
925
|
-
const
|
|
899
|
+
const o9 = /* @__PURE__ */ p1(K0, [["__scopeId", "data-v-7935faab"]]);
|
|
926
900
|
export {
|
|
927
|
-
|
|
928
|
-
|
|
901
|
+
o9 as OneMainLayout,
|
|
902
|
+
u0 as OneSidebar
|
|
929
903
|
};
|