@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.
@@ -1,10 +1,10 @@
1
- import { openBlock as t, createElementBlock as o, createElementVNode as e, inject as Q1, defineComponent as i1, computed as S, ref as _, resolveComponent as R1, Fragment as Z, normalizeClass as h, toDisplayString as p, createCommentVNode as a, createBlock as C, resolveDynamicComponent as L, unref as g, withModifiers as Y, withCtx as n1, renderList as e1, watch as t1, onMounted as q1, onBeforeUnmount as X1, watchEffect as U1, shallowRef as Y1, normalizeStyle as ee, withDirectives as a1, vShow as r1, createTextVNode as X, createVNode as z, onUnmounted as te, renderSlot as A1 } from "vue";
2
- import { r as l1, a as o1, b as se, c as le, O as oe, d as ne, _ as ae } from "../OneHelpMenu-135e0656.js";
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 Z1, S as re } from "../index-f8afb6b6.js";
5
- import { r as ie } from "../XMarkIcon-51ef0691.js";
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 K1 = {
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
- }, pe = {
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
- }, ue = {
91
- sidebarItems: K1.items,
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 de(i, v) {
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 ce(i, v) {
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
- }, we = { class: "whitespace-nowrap overflow-hidden text-ellipsis text-left flex-shrink w-full" }, be = { class: "py-[8px] pl-0 pr-0" }, xe = { class: "flex flex-nowrap items-center w-full h-[24px]" }, ye = {
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
- }, ge = { class: "whitespace-nowrap overflow-hidden text-ellipsis text-left flex-shrink w-full" }, Le = { class: "py-[8px] pl-0 pr-0" }, ke = {
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
- }, _e = { class: "flex flex-nowrap items-center w-full h-[24px]" }, $e = {
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
- }, Se = { class: "whitespace-nowrap overflow-hidden text-ellipsis text-left flex-shrink w-full" }, Be = { class: "py-[8px] pl-0 pr-0" }, Ve = {
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
- }, Me = ["href"], Oe = { class: "flex items-center justify-between min-w-full h-[24px]" }, Ee = {
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
- }, je = {
191
+ }, Se = {
218
192
  key: 0,
219
193
  class: "text-xs"
220
- }, ze = {
194
+ }, Be = {
221
195
  key: 1,
222
196
  class: "pr-3"
223
- }, He = /* @__PURE__ */ i1({
197
+ }, Me = /* @__PURE__ */ i1({
224
198
  __name: "OneSidebarLink",
225
- props: pe,
199
+ props: ne,
226
200
  emits: ["update-collapsed"],
227
- setup(i, { emit: v }) {
228
- const r = i, d = v, y = S(() => r.href ?? !1), b = S(() => $(r)), c = fe(), $ = (n) => n.route ? n.route : n.routeName ? { name: n.routeName } : null, k = _(r.open), H = S(() => {
229
- var n;
230
- return console.log("vue-router", c), (r == null ? void 0 : r.menuGroup) && (c == null ? void 0 : c.meta) && ((n = c.meta) == null ? void 0 : n.menuGroup) && c.meta.menuGroup && c.meta.menuGroup === r.menuGroup;
231
- }), I = () => {
232
- k.value = !k.value;
233
- }, B = (n, s) => {
234
- r.subItems && r.subItems.length > 0 && !s && (n.preventDefault(), I()), (s || !r.subItems || r.subItems.length === 0) && r.isMobile && d("update-collapsed");
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, s) => {
237
- var j, V;
238
- const f = R1("RouterLink");
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: h([{ "text-center h-[15px]": n.slim }, "text-[#a1a5b0] px-2 pt-0 pb-0.5 pl-3 font-medium"])
244
- }, p(n.slim ? "" : n.labelTop), 3)) : a("", !0),
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: h(["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"]]),
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", ve, [
252
- n.icon ? (t(), o("div", Ce, [
253
- (t(), C(L(n.icon), { class: "w-[24px] h-[24px] mx-auto" }))
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", we, [
256
- e("span", be, p(n.label), 1)
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: h(["ml-auto", [(n.slim, "")]])
234
+ class: d(["ml-auto", [(n.slim, "")]])
261
235
  }, [
262
- (t(), C(L(k.value ? g(l1) : g(o1)), { class: "w-[16px] h-[16px]" }))
236
+ (t(), C(_(g.value ? k(l1) : k(o1)), { class: "w-[16px] h-[16px]" }))
263
237
  ], 2)) : a("", !0)
264
238
  ])
265
- ], 10, me)) : a("", !0),
266
- !y.value && b.value ? (t(), C(f, {
239
+ ], 10, pe)) : a("", !0),
240
+ !y.value && x.value ? (t(), C(s, {
267
241
  key: 2,
268
- to: b.value,
242
+ to: x.value,
269
243
  exact: n.exact,
270
- class: h(["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", {
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": H.value
247
+ "bg-blue-300 !text-primary-base": T.value(n.$route)
274
248
  }]),
275
- "active-class": (j = n.$route) != null && j.meta && ((V = n.$route.meta) != null && V.menuGroup) && n.$route.meta.menuGroup ? "" : "bg-primary-10 !text-primary-base",
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", xe, [
280
- n.icon ? (t(), o("div", ye, [
281
- (t(), C(L(n.icon), { class: "w-[24px] h-[24px] mx-auto" }))
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", ge, [
284
- e("span", Le, p(n.label), 1)
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", ke, [
287
- (t(), C(L(k.value ? g(l1) : g(o1)), { class: "w-[16px] h-[16px]" }))
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 && !b.value ? (t(), o("span", {
267
+ !y.value && !x.value ? (t(), o("span", {
294
268
  key: 3,
295
269
  onClick: Y(B, ["prevent"]),
296
- class: h([[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]"])
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", _e, [
299
- n.icon ? (t(), o("div", $e, [
300
- (t(), C(L(n.icon), { class: "w-[24px] h-[24px] mx-auto" }))
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", Se, [
303
- e("span", Be, p(n.label), 1)
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", Ve, [
306
- (t(), C(L(k.value ? g(l1) : g(o1)), { class: "w-[16px] h-[16px]" }))
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
- k.value && r.subItems ? (t(), o("div", {
284
+ g.value && r.subItems ? (t(), o("div", {
311
285
  key: 4,
312
- class: h([n.slim ? "" : "pl-[36px] pr-3"])
286
+ class: d([n.slim ? "" : "pl-[36px] pr-3"])
313
287
  }, [
314
288
  e("div", {
315
- class: h([(n.slim, "")])
289
+ class: d([(n.slim, "")])
316
290
  }, [
317
- (t(!0), o(Z, null, e1(r.subItems, (x) => (t(), o("div", {
318
- key: x.label,
319
- class: h([(n.slim, "")])
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
- x.href ? (t(), o("a", {
295
+ b.href ? (t(), o("a", {
322
296
  key: 0,
323
- href: x.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", Oe, [
327
- n.slim ? a("", !0) : (t(), o("span", Ee, p(x.label), 1)),
328
- x.icon ? (t(), o("div", {
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: h([n.slim ? "pl-2 h-[15px]" : "pr-1"])
304
+ class: d([n.slim ? "pl-2 h-[15px]" : "pr-1"])
331
305
  }, [
332
- (t(), C(L(x.icon), { class: "w-[15px] h-[15px] mx-auto" }))
306
+ (t(), C(_(b.icon), { class: "w-[15px] h-[15px] mx-auto" }))
333
307
  ], 2)) : a("", !0)
334
308
  ])
335
- ], 8, Me)) : $(x) ? (t(), C(f, {
309
+ ], 8, ke)) : f(b) ? (t(), C(s, {
336
310
  key: 1,
337
- to: $(x),
338
- onClick: s[0] || (s[0] = Y((N) => B(N, !0), ["prevent"])),
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", je, p(x.label), 1)),
346
- x.icon ? (t(), o("div", ze, [
347
- (t(), C(L(x.icon), { class: "w-[20px] h-[20px] mx-auto" }))
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
- }), Ie = {}, Ne = {
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 Pe(i, v) {
366
- return t(), o("svg", Ne, v[0] || (v[0] = [
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 J1 = /* @__PURE__ */ p1(Ie, [["render", Pe]]), D1 = (i) => {
384
- if (Array.isArray(i))
385
- return i.map(g);
386
- const v = g(i);
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
- }, Te = (i, v) => {
362
+ }, je = (m, v) => {
389
363
  let r;
390
- const d = (y) => {
391
- y.forEach((b) => {
392
- const c = g(b);
393
- if (c) {
394
- if (!(c instanceof Element))
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: c,
397
- array: i
370
+ target: f,
371
+ array: m
398
372
  }), new Error("Vuestic: Unable to observe non-HTMLElement");
399
- c && (r == null || r.observe(c));
373
+ f && (r == null || r.observe(f));
400
374
  }
401
375
  });
402
376
  };
403
- return t1(i, (y) => {
404
- r == null || r.disconnect(), d(D1(y));
405
- }), q1(() => {
406
- r = new ResizeObserver(v), d(D1(i));
407
- }), X1(() => r == null ? void 0 : r.disconnect()), r;
408
- }, Ae = (i) => {
409
- const v = _(null);
410
- return Te([i], () => {
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 = i.value) == null ? void 0 : r.clientWidth) ?? null;
413
- }), U1(() => {
386
+ v.value = ((r = m.value) == null ? void 0 : r.clientWidth) ?? null;
387
+ }), q1(() => {
414
388
  var r;
415
- v.value = ((r = i.value) == null ? void 0 : r.clientWidth) ?? null;
389
+ v.value = ((r = m.value) == null ? void 0 : r.clientWidth) ?? null;
416
390
  }), v;
417
- }, We = ["href"], Fe = { class: "rounded-lg bg-[#FFF8E4] py-2 flex items-center space-x-3 px-2" }, Ge = { class: "" }, De = {
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
- }, Re = {
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
- }, qe = { class: "flex items-center text-[#525B66] space-x-3" }, Ue = { style: { "font-size": "10px" } }, Ze = { class: "relative -right-2" }, Ke = ["href"], Je = { class: "flex flex-nowrap items-center w-max h-[24px]" }, Qe = { class: "whitespace-nowrap overflow-hidden text-ellipsis text-left flex-shrink w-full text-[#525B66]" }, Xe = { class: "py-[8px] pl-0 pr-[8px]" }, Ye = ["href"], e0 = { class: "flex flex-nowrap items-center w-max h-[24px]" }, t0 = { class: "whitespace-nowrap overflow-hidden text-ellipsis text-left flex-shrink w-full" }, s0 = { class: "py-[8px] pl-0 pr-[8px]" }, l0 = {
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
- }, o0 = { class: "pl-1" }, n0 = {
400
+ }, Xe = { class: "pl-1" }, Ye = {
427
401
  key: 0,
428
402
  class: "dropdown w-[220px] z-50 text-[#525B66]"
429
- }, a0 = ["onClick"], r0 = {
403
+ }, e0 = ["onClick"], t0 = {
430
404
  key: 0,
431
405
  class: "mt-0.5 h-0 border-t border-secondary-stroke mb-1"
432
- }, i0 = {
406
+ }, s0 = {
433
407
  key: 0,
434
408
  class: "tooltip-text"
435
- }, p0 = { key: 0 }, u0 = {
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
- }, d0 = {
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
- }, c0 = ["href"], h0 = {
415
+ }, a0 = ["href"], r0 = {
442
416
  key: 0,
443
417
  class: "tooltip-text"
444
- }, f0 = { key: 0 }, m0 = /* @__PURE__ */ i1({
418
+ }, i0 = { key: 0 }, p0 = /* @__PURE__ */ i1({
445
419
  __name: "OneSidebar",
446
- props: K1,
420
+ props: U1,
447
421
  emits: ["show-news", "show-tariff", "select-language", "update-collapsed", "update:modelValue"],
448
- setup(i, { emit: v }) {
449
- var P, T, A;
450
- const r = v, d = i, y = S(() => {
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 = d.news) == null ? void 0 : l.unseenCount) || 0;
453
- }), b = () => {
426
+ return ((l = u.news) == null ? void 0 : l.unseenCount) || 0;
427
+ }), x = () => {
454
428
  r("show-news");
455
- }, c = _(!1), $ = _(d.hoverable);
456
- t1(d, () => {
457
- d.modelValue ? $.value = !0 : $.value = !1;
458
- }), d.modelValue && ($.value = !0);
459
- const k = Y1(), H = S(() => {
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 (d.slim || l.push("fixed"), !n.value)
462
- if (!d.isMobile)
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
- }), I = S(() => ""), B = (l) => {
468
- c.value = $.value && l;
469
- }, n = S(() => $.value && !c.value), s = S(() => !!n.value), f = _(), j = Ae(f), V = S(() => d.modelValue === !0 || j.value === null ? !0 : j.value > 0), x = _(), N = () => n.value ? d.minimizedWidth : d.width;
470
- U1(() => {
471
- const l = N();
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
- x.value = l;
447
+ I.value = l;
474
448
  });
475
449
  });
476
- const M = _(!1), O = _((P = d.app) != null && P.availableLang && ((T = d.app) == null ? void 0 : T.availableLang.length) > 0 ? (A = d.app) == null ? void 0 : A.availableLang.find((l) => {
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 = d.app) == null ? void 0 : w.lang);
479
- }) : null), K = () => {
452
+ return l.id == ((w = u.app) == null ? void 0 : w.lang);
453
+ }) : null), J = () => {
480
454
  M.value = !M.value;
481
- }, J = (l) => {
482
- O.value = l, M.value = !1, r("select-language", l);
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 = d.app) == null ? void 0 : l.selectedPlan) != null && w.url && (window.location.href = d.app.selectedPlan.url);
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 W, F, G, D, R, q, u, E, U, u1, d1, c1, h1, f1, m1, v1, C1, w1, b1, x1, y1, g1, L1, k1, _1, $1, S1, B1, V1, M1, O1, E1, j1, z1, H1, I1, N1;
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: k,
492
- class: h(["oneb-sidebar pt-[56px] pb-1 cont sm:max-w-[270px] flex flex-col sidebar z-40", H.value]),
493
- style: ee(I.value),
494
- onMouseenter: w[1] || (w[1] = (m) => B(!0)),
495
- onMouseleave: w[2] || (w[2] = (m) => B(!1))
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: f
474
+ ref: c
501
475
  }, [
502
- (t(!0), o(Z, null, e1(l.items, (m) => (t(), C(He, {
503
- key: m.label,
504
- labelTop: m.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: m.subItems,
507
- open: m.open,
508
- icon: m.icon,
509
- label: m.label,
510
- route: m.route,
511
- menuGroup: m == null ? void 0 : m.menuGroup,
512
- href: m.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": m.routeName,
515
- exact: m.exact || !1,
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, V.value]
493
+ [r1, b.value]
520
494
  ]),
521
495
  a1(e("div", {
522
- class: h(["mt-auto shrink rounded-2xl mx-2", [s.value ? "" : "px-2 bg-white pt-2.5 py-2"]])
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: h([s.value ? "hidden" : "w-full hidden md:flex-col md:flex"])
499
+ class: d([s.value ? "hidden" : "w-full hidden md:flex-col md:flex"])
526
500
  }, [
527
- (W = l.app) != null && W.offerPlan ? (t(), o("a", {
501
+ (F = l.app) != null && F.offerPlan ? (t(), o("a", {
528
502
  key: 0,
529
- href: (F = l.app) == null ? void 0 : F.offerPlan.url,
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", Fe, [
535
- e("div", Ge, [
536
- (t(), C(L((G = l.app) == null ? void 0 : G.offerPlan.icon), { class: "w-[16px] h-[16px]" }))
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", De, [
539
- e("strong", null, p((D = l.app) == null ? void 0 : D.offerPlan.title), 1),
540
- X(" «" + p((R = l.app) == null ? void 0 : R.offerPlan.name) + "» ", 1),
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(p((q = l.app) == null ? void 0 : q.offerPlan.title1), 1)
516
+ X(i((R = l.app) == null ? void 0 : R.offerPlan.title1), 1)
543
517
  ])
544
518
  ])
545
- ], 8, We)) : a("", !0),
546
- (u = l.app) != null && u.selectedPlan && ((E = l.app) != null && E.selectedPlan.name) ? (t(), o("div", Re, [
547
- e("div", qe, [
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(L((U = l.app) == null ? void 0 : U.selectedPlan.icon), { class: "w-[16px] h-[16px]" }))
523
+ (t(), C(_((U = l.app) == null ? void 0 : U.selectedPlan.icon), { class: "w-[16px] h-[16px]" }))
550
524
  ]),
551
- e("div", Ue, [
552
- e("p", null, p(((u1 = l.app) == null ? void 0 : u1.selectedPlan.name) || ""), 1),
553
- e("p", null, p(((d1 = l.app) == null ? void 0 : d1.selectedPlan.title) || ""), 1)
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", Ze, [
557
- z(Z1, {
530
+ e("div", We, [
531
+ z(R1, {
558
532
  class: "text-[#525B66] hover:text-[#4089E0] !rounded-lg",
559
533
  variant: "touch",
560
- icon: g(se),
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", Je, [
572
- e("div", Qe, [
573
- e("span", Xe, p(((f1 = l.app) == null ? void 0 : f1.terms.label) || "Terms"), 1)
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, Ke)) : a("", !0),
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", e0, [
584
- e("div", t0, [
585
- e("span", s0, p(((C1 = l.app) == null ? void 0 : C1.offer.label) || "Offert"), 1)
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, Ye)) : a("", !0),
589
- (b1 = (w1 = l.app) == null ? void 0 : w1.availableLang) != null && b1.length ? (t(), o("div", l0, [
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: K
566
+ onClick: J
593
567
  }, [
594
- z(g(le), { class: "w-4" }),
595
- X(" " + p((x1 = O.value) == null ? void 0 : x1.name) + " ", 1),
596
- e("span", o0, p(M.value ? "▲" : "▼"), 1)
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", n0, [
599
- (t(!0), o(Z, null, e1((y1 = l.app) == null ? void 0 : y1.availableLang, (m) => {
600
- var s1, P1;
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: m.id,
603
- class: h(["px-2", { "hover:bg-slate-200 rounded-lg cursor-pointer": m.id !== ((s1 = O.value) == null ? void 0 : s1.id), "text-gray-300": m.id === ((P1 = O.value) == null ? void 0 : P1.id) }]),
604
- onClick: (l9) => {
605
- var T1;
606
- return m.id !== ((T1 = O.value) == null ? void 0 : T1.id) && J(m);
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
- }, p(m.name), 11, a0);
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", r0)) : a("", !0),
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: h([s.value ? "grid" : "flex space-x-2"])
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: h(["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"]]),
621
- onClick: b
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", i0, p(l.news.menuLabel || "News"), 1)) : a("", !0),
597
+ l.news.menuLabel ? (t(), o("div", s0, i(l.news.menuLabel || "News"), 1)) : a("", !0),
624
598
  e("div", {
625
- class: h(["w-full", [s.value ? "" : "flex flex-nowrap items-center h-[36px]"]])
599
+ class: d(["w-full", [s.value ? "" : "flex flex-nowrap items-center h-[36px]"]])
626
600
  }, [
627
601
  e("div", {
628
- class: h(["relative items-center", [s.value ? "" : "flex flex-row space-x-1"]])
602
+ class: d(["relative items-center", [s.value ? "" : "flex flex-row space-x-1"]])
629
603
  }, [
630
604
  e("div", null, [
631
- (t(), C(L(J1), { class: "w-[24px] h-[24px] mx-auto" }))
605
+ (t(), C(_(Z1), { class: "w-[24px] h-[24px] mx-auto" }))
632
606
  ]),
633
- s.value ? a("", !0) : (t(), o("div", p0, p(l.news.menuLabel || "News"), 1)),
634
- y.value > 0 ? (t(), o("span", u0)) : a("", !0),
635
- y.value > 0 ? (t(), o("span", d0)) : a("", !0)
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: (M1 = (V1 = l.app) == null ? void 0 : V1.support) == null ? void 0 : M1.url,
642
- class: h(["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]"]])
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
- (E1 = (O1 = l.app) == null ? void 0 : O1.support) != null && E1.label ? (t(), o("div", h0, p(((z1 = (j1 = l.app) == null ? void 0 : j1.support) == null ? void 0 : z1.label) || "Support"), 1)) : a("", !0),
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: h(["w-full", [s.value ? "" : "flex flex-nowrap items-center h-[36px]"]])
620
+ class: d(["w-full", [s.value ? "" : "flex flex-nowrap items-center h-[36px]"]])
647
621
  }, [
648
622
  e("div", {
649
- class: h(["flex-shrink-0 relative", [s.value ? "mx-auto w-[36px] " : "flex space-x-2 px-1"]])
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(L(g(ce)), { class: "w-[20px] h-[20px] mx-auto" }))
626
+ (t(), C(_(k(ie)), { class: "w-[20px] h-[20px] mx-auto" }))
653
627
  ]),
654
- s.value ? a("", !0) : (t(), o("div", f0, p(((I1 = (H1 = l.app) == null ? void 0 : H1.support) == null ? void 0 : I1.label) || "Support"), 1))
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, c0)) : a("", !0)
631
+ ], 10, a0)) : a("", !0)
658
632
  ], 2),
659
633
  e("p", {
660
- class: h([[s.value ? "hidden" : "w-full"], "text-[7px] pl-2 text-[#979CA9] flex justify-between font-extralight pt-1"])
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, p((N1 = l.app) == null ? void 0 : N1.version), 1)
640
+ e("span", null, i((P1 = l.app) == null ? void 0 : P1.version), 1)
667
641
  ], 2)
668
642
  ], 2), [
669
- [r1, V.value]
643
+ [r1, b.value]
670
644
  ])
671
645
  ], 38);
672
646
  };
673
647
  }
674
648
  });
675
- const v0 = /* @__PURE__ */ p1(m0, [["__scopeId", "data-v-6ede2cc5"]]), C0 = { class: "h-screen h-dvh relative" }, w0 = {
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
- }, b0 = { class: "p-2 flex-shrink-0" }, x0 = { class: "w-10 h-10 flex items-center flex-shrink-0" }, y0 = ["src"], g0 = { class: "whitespace-nowrap font-semibold text-xl" }, L0 = { class: "text-xs whitespace-nowrap" }, k0 = { class: "w-full" }, _0 = { class: "w-full flex justify-end pr-4" }, $0 = { class: "flex items-center space-x-1" }, S0 = {
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
- }, B0 = { class: "h-4 w-4" }, V0 = { class: "ml-2 hidden sm:flex" }, M0 = { class: "flex h-full" }, O0 = { key: 0 }, E0 = {
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
- }, j0 = { class: "h-full relative" }, z0 = { class: "flex items-center p-3 space-x-1.5" }, H0 = {
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
- }, I0 = {
661
+ }, V0 = {
688
662
  key: 0,
689
663
  class: "p-5"
690
- }, N0 = { key: 1 }, P0 = { class: "p-4 text-gray text-center" }, T0 = { key: 2 }, A0 = {
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
- }, W0 = { key: 0 }, F0 = {
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
- }, G0 = {
670
+ }, P0 = {
697
671
  key: 1,
698
672
  class: "text-xs px-2 py-1 rounded-md bg-yellow-600 text-white"
699
- }, D0 = {
673
+ }, A0 = {
700
674
  key: 2,
701
675
  class: "text-xs px-2 py-1 rounded-md bg-blue-600 text-white"
702
- }, R0 = {
676
+ }, E0 = {
703
677
  key: 3,
704
678
  class: "text-xs px-2 py-1 rounded-md bg-gray-600 text-white"
705
- }, q0 = { class: "text-lg font-medium" }, U0 = { class: "text-sm text-gray-600" }, Z0 = { key: 0 }, K0 = ["src"], J0 = { class: "text-sm whitespace-pre-wrap break-words" }, Q0 = { key: 1 }, X0 = ["href"], Y0 = { class: "text-sm flex items-center justify-between mt-1" }, e9 = { class: "text-gray-800" }, t9 = ["href"], s9 = /* @__PURE__ */ i1({
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: ue,
681
+ props: ae,
708
682
  emits: ["load-news", "load-tariff", "open-tariff"],
709
- setup(i, { emit: v }) {
710
- const r = v, d = i;
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 b = _(y === "1");
714
- _(!0), t1(b, (s) => {
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 c = _(!1), $ = () => {
718
- c.value = !c.value, c.value && r("load-news");
719
- }, k = S(() => d.showHeadre);
691
+ const f = $(!1), g = () => {
692
+ f.value = !f.value, f.value && r("load-news");
693
+ }, T = S(() => u.showHeadre);
720
694
  t1(
721
- () => d.showHeadre,
695
+ () => u.showHeadre,
722
696
  // Передаємо доступ до props
723
697
  () => {
724
- k.value = d.showHeadre;
698
+ T.value = u.showHeadre;
725
699
  }
726
700
  );
727
- const H = _(window.innerWidth), I = () => {
701
+ const H = $(window.innerWidth), B = () => {
728
702
  H.value = window.innerWidth;
729
- }, B = S(() => H.value <= 768);
730
- q1(() => {
731
- window.addEventListener("resize", I);
732
- }), te(() => {
733
- window.removeEventListener("resize", I);
703
+ }, n = S(() => H.value <= 768);
704
+ G1(() => {
705
+ window.addEventListener("resize", B);
706
+ }), Q1(() => {
707
+ window.removeEventListener("resize", B);
734
708
  });
735
- const n = (s) => {
736
- var f;
737
- (f = d.handlers) == null || f.onSetLang(s);
709
+ const L = (s) => {
710
+ var c;
711
+ (c = u.handlers) == null || c.onSetLang(s);
738
712
  };
739
- return (s, f) => {
740
- var V, x, N, M, O, K, J, Q, P, T, A, l, w, W, F, G, D, R, q;
741
- const j = R1("RouterLink");
742
- return t(), o("div", C0, [
743
- a1(e("div", w0, [
744
- e("div", b0, [
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: f[0] || (f[0] = (u) => b.value = !b.value),
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(g(de), { class: "w-[24px] h-[24px]" })
723
+ z(k(re), { class: "w-[24px] h-[24px]" })
750
724
  ])
751
725
  ]),
752
- e("div", x0, [
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, y0)) : a("", !0)
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 u, E;
740
+ var p, O;
767
741
  return [
768
- e("div", g0, p(s.app.name), 1),
769
- e("div", L0, p((E = (u = s.app) == null ? void 0 : u.workspace) == null ? void 0 : E.name), 1)
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", k0, [
775
- e("div", _0, [
776
- e("div", $0, [
777
- A1(s.$slots, "before-header-menu", {}, void 0, !0),
778
- s.improveTariff && ((V = s.improveTariff) != null && V.label) && s.improveTariff.label ? (t(), o("div", S0, [
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: f[1] || (f[1] = //@ts-ignore
783
- (...u) => {
784
- var E, U;
785
- return ((E = s.handlers) == null ? void 0 : E.onImproveTariff) && ((U = s.handlers) == null ? void 0 : U.onImproveTariff(...u));
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", B0, [
790
- (t(), C(L((x = s.improveTariff) == null ? void 0 : x.icon), { class: "h-4 w-4 mx-auto" }))
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", V0, p((N = s.improveTariff) == null ? void 0 : N.label), 1)
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(oe, {
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(ne, {
773
+ ((M = s.handlers) == null ? void 0 : M.onBrowse) != null ? (t(), C(te, {
800
774
  key: 2,
801
- workspace: (O = s.app) == null ? void 0 : O.workspace,
802
- apps: ((K = s.app) == null ? void 0 : K.apps) || [],
803
- "change-label": ((J = s.labels) == null ? void 0 : J.change) || "Change",
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": (T = s.handlers) == null ? void 0 : T.onChange,
807
- onOpen: (A = s.handlers) == null ? void 0 : A.onBrowse
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(ae, {
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": ((W = s.labels) == null ? void 0 : W.version) || "",
816
- "on-account": (F = s.handlers) == null ? void 0 : F.onAccount,
817
- "on-logout": (G = s.handlers) == null ? void 0 : G.onLogout
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, k.value]
797
+ [r1, T.value]
824
798
  ]),
825
- e("div", M0, [
826
- !B.value || !b.value ? (t(), C(v0, {
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: B.value,
833
- modelValue: b.value,
834
- "onUpdate:modelValue": f[2] || (f[2] = (u) => b.value = u),
835
- onShowNews: $,
836
- onSelectLanguage: n,
837
- onUpdateCollapsed: f[3] || (f[3] = (u) => b.value = !b.value)
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: h([[b.value ? "sm:ml-[60px]" : "sm:ml-[260px] hidden sm:block"], "body scroll-body w-full overflow-y-auto"])
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: h(["content transition-all", { "pt-[56px]": k.value }])
817
+ class: d(["content transition-all", { "pt-[56px]": T.value }])
844
818
  }, [
845
- A1(s.$slots, "default", {}, void 0, !0)
819
+ F1(s.$slots, "default", {}, void 0, !0)
846
820
  ], 2)
847
821
  ], 2)
848
822
  ]),
849
- s.news ? (t(), o("div", O0, [
850
- c.value ? (t(), o("div", {
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: f[4] || (f[4] = Y((u) => c.value = !1, ["self"]))
827
+ onClick: c[4] || (c[4] = Y((p) => f.value = !1, ["self"]))
854
828
  })) : a("", !0),
855
829
  e("div", {
856
- class: h(["opacity-100 shadow-lg transition-all fixed top-0 left-0 h-dvh overflow-hidden z-50 bg-white", [c.value ? "sm:w-[560px] w-full" : "w-0"]])
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
- c.value ? (t(), o("div", E0, [
859
- e("div", j0, [
860
- e("div", z0, [
861
- z(J1, { class: "w-10 h-10" }),
862
- f[6] || (f[6] = e("div", { class: "w-full font-medium" }, "OneB News", -1)),
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(Z1, {
838
+ z(R1, {
865
839
  variant: "touch",
866
- icon: g(ie),
867
- onClick: f[5] || (f[5] = (u) => c.value = !1)
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", H0, [
872
- s.news.isLoading && ((D = s.news.items) == null ? void 0 : D.length) === 0 ? (t(), o("div", I0, [
873
- z(re, { class: "w-6 h-6 text-gray-600 mx-auto" })
874
- ])) : ((R = s.news.items) == null ? void 0 : R.length) === 0 ? (t(), o("div", N0, [
875
- e("div", P0, p(s.news.emptyText), 1)
876
- ])) : ((q = s.news.items) == null ? void 0 : q.length) > 0 ? (t(), o("div", T0, [
877
- (t(!0), o(Z, null, e1(s.news.items, (u) => (t(), o("div", {
878
- key: u.id,
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", A0, [
855
+ e("div", z0, [
882
856
  e("div", null, [
883
- u.type ? (t(), o("div", W0, [
884
- u.type === 10 ? (t(), o("span", F0, "update")) : u.type === 11 ? (t(), o("span", G0, "warning")) : u.type === 12 ? (t(), o("span", D0, "notice")) : u.type === 13 ? (t(), o("span", R0, "ads")) : a("", !0)
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", q0, p(u.title), 1),
887
- e("div", U0, p(u.summary), 1)
860
+ e("div", F0, i(p.title), 1),
861
+ e("div", N0, i(p.summary), 1)
888
862
  ]),
889
- u.image_url ? (t(), o("div", Z0, [
863
+ p.image_url ? (t(), o("div", W0, [
890
864
  e("img", {
891
- src: u.image_url,
865
+ src: p.image_url,
892
866
  alt: "",
893
867
  class: "w-full rounded-md"
894
- }, null, 8, K0)
868
+ }, null, 8, G0)
895
869
  ])) : a("", !0),
896
- e("div", J0, p(u.body), 1),
897
- u.video_url ? (t(), o("div", Q0, [
870
+ e("div", q0, i(p.body), 1),
871
+ p.video_url ? (t(), o("div", R0, [
898
872
  e("a", {
899
- href: u.video_url,
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
- }, p(s.news.openVideoText), 9, X0)
876
+ }, i(s.news.openVideoText), 9, U0)
903
877
  ])) : a("", !0),
904
- e("div", Y0, [
905
- e("span", e9, p(u.published), 1),
906
- u.post_url ? (t(), o("a", {
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: u.post_url,
882
+ href: p.post_url,
909
883
  target: "_blank",
910
884
  class: "text-blue-600 hover:text-blue-700 block"
911
- }, p(s.news.moreText), 9, t9)) : a("", !0)
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 u9 = /* @__PURE__ */ p1(s9, [["__scopeId", "data-v-7935faab"]]);
899
+ const o9 = /* @__PURE__ */ p1(K0, [["__scopeId", "data-v-7935faab"]]);
926
900
  export {
927
- u9 as OneMainLayout,
928
- v0 as OneSidebar
901
+ o9 as OneMainLayout,
902
+ u0 as OneSidebar
929
903
  };