@topvisor/ui 0.9.34-utils-components-2 → 0.9.34-utils-components-3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (60) hide show
  1. package/.chunks/{datepicker-BGhDjLcn.es.js → datepicker-CtnkRS5e.es.js} +2 -2
  2. package/.chunks/{datepicker-BGhDjLcn.es.js.map → datepicker-CtnkRS5e.es.js.map} +1 -1
  3. package/.chunks/{datepicker-DM6aPyRB.amd.js → datepicker-DquD9mIq.amd.js} +2 -2
  4. package/.chunks/{datepicker-DM6aPyRB.amd.js.map → datepicker-DquD9mIq.amd.js.map} +1 -1
  5. package/.chunks/{forms-Cksc7Rb7.amd.js → forms-CvUw0pdr.amd.js} +3 -3
  6. package/.chunks/forms-CvUw0pdr.amd.js.map +1 -0
  7. package/.chunks/{forms-CRAV8PiZ.es.js → forms-zlyhVXZ9.es.js} +39 -39
  8. package/.chunks/forms-zlyhVXZ9.es.js.map +1 -0
  9. package/.chunks/{listItem.vue_vue_type_script_setup_true_lang-CpNwVBHY.amd.js → listItem.vue_vue_type_script_setup_true_lang-C0vCVRTn.amd.js} +2 -2
  10. package/.chunks/{listItem.vue_vue_type_script_setup_true_lang-CpNwVBHY.amd.js.map → listItem.vue_vue_type_script_setup_true_lang-C0vCVRTn.amd.js.map} +1 -1
  11. package/.chunks/{listItem.vue_vue_type_script_setup_true_lang-C2XaxeNZ.es.js → listItem.vue_vue_type_script_setup_true_lang-C1JdWeQq.es.js} +2 -2
  12. package/.chunks/{listItem.vue_vue_type_script_setup_true_lang-C2XaxeNZ.es.js.map → listItem.vue_vue_type_script_setup_true_lang-C1JdWeQq.es.js.map} +1 -1
  13. package/.chunks/{menu-BX8GV8-v.amd.js → menu-D8OY3zle.amd.js} +2 -2
  14. package/.chunks/{menu-BX8GV8-v.amd.js.map → menu-D8OY3zle.amd.js.map} +1 -1
  15. package/.chunks/{menu-BWjYRHkQ.es.js → menu-DFQAjecc.es.js} +2 -2
  16. package/.chunks/{menu-BWjYRHkQ.es.js.map → menu-DFQAjecc.es.js.map} +1 -1
  17. package/.chunks/{popup-3fVBIqu0.amd.js → popup-31lyEYe3.amd.js} +2 -2
  18. package/.chunks/{popup-3fVBIqu0.amd.js.map → popup-31lyEYe3.amd.js.map} +1 -1
  19. package/.chunks/{popup-BWTP6yaC.es.js → popup-BoqfTf-1.es.js} +2 -2
  20. package/.chunks/{popup-BWTP6yaC.es.js.map → popup-BoqfTf-1.es.js.map} +1 -1
  21. package/core/core.amd.js +1 -1
  22. package/core/core.js +1 -1
  23. package/core/directives/focus.amd.js +1 -1
  24. package/core/directives/focus.js +1 -1
  25. package/core/directives/sticky.amd.js +1 -1
  26. package/core/directives/sticky.js +1 -1
  27. package/core/directives/swimUp.amd.js +1 -1
  28. package/core/directives/swimUp.js +1 -1
  29. package/core/directives/tooltip.amd.js +1 -1
  30. package/core/directives/tooltip.js +1 -1
  31. package/core/plugin/plugin.amd.js +1 -1
  32. package/core/plugin/plugin.js +1 -1
  33. package/forms/forms.amd.js +1 -1
  34. package/forms/forms.js +1 -1
  35. package/formsExt/formsExt.amd.js +1 -1
  36. package/formsExt/formsExt.js +2 -2
  37. package/package.json +1 -1
  38. package/popup/popup.amd.js +1 -1
  39. package/popup/popup.js +2 -2
  40. package/popup/worker.amd.js +1 -1
  41. package/popup/worker.js +2 -2
  42. package/project/project.amd.js +1 -1
  43. package/project/project.amd.js.map +1 -1
  44. package/project/project.js +3 -3
  45. package/project/project.js.map +1 -1
  46. package/tabs/tabs.amd.js +1 -1
  47. package/tabs/tabs.js +1 -1
  48. package/tabsView/tabsView.amd.js +1 -1
  49. package/tabsView/tabsView.js +1 -1
  50. package/utils/date.amd.js +1 -1
  51. package/utils/date.js +1 -1
  52. package/utils/device.amd.js +1 -1
  53. package/utils/device.js +1 -1
  54. package/utils/scroll.amd.js +1 -1
  55. package/utils/scroll.js +1 -1
  56. package/utils/window.amd.js +1 -1
  57. package/utils/window.js +1 -1
  58. package/web-types.json +62 -62
  59. package/.chunks/forms-CRAV8PiZ.es.js.map +0 -1
  60. package/.chunks/forms-Cksc7Rb7.amd.js.map +0 -1
@@ -1,5 +1,5 @@
1
1
  import { insertToPage as re } from "../utils/css.js";
2
- import { reactive as Y, defineComponent as y, useCssVars as oe, computed as h, openBlock as u, createElementBlock as m, createElementVNode as S, createCommentVNode as g, createBlock as M, resolveDynamicComponent as de, normalizeClass as w, withCtx as D, renderSlot as k, createTextVNode as pe, toDisplayString as V, mergeModels as I, useModel as se, withDirectives as W, vModelCheckbox as ne, unref as B, mergeProps as P, withKeys as ue, vModelText as ae, withModifiers as ce, onUnmounted as me, ref as fe, vModelRadio as be, resolveDirective as he, watch as ge, Fragment as H, renderList as X, vModelSelect as we } from "vue";
2
+ import { reactive as Y, defineComponent as y, useCssVars as oe, computed as h, openBlock as u, createElementBlock as m, createElementVNode as S, createCommentVNode as g, createBlock as M, resolveDynamicComponent as de, normalizeClass as w, withCtx as D, renderSlot as k, createTextVNode as pe, toDisplayString as V, mergeModels as I, useModel as se, withDirectives as W, vModelCheckbox as ne, unref as B, mergeProps as P, withKeys as ue, vModelText as ae, withModifiers as ce, onUnmounted as me, ref as fe, vModelRadio as be, resolveDirective as he, watch as ge, Fragment as O, renderList as X, vModelSelect as we } from "vue";
3
3
  const le = ["../assets/forms.css"].map((t) => import.meta.resolve(t));
4
4
  re(le, !0);
5
5
  function ve() {
@@ -72,22 +72,22 @@ class G {
72
72
  }
73
73
  const ke = 100;
74
74
  let K;
75
- const F = /* @__PURE__ */ new Map(), R = {
75
+ const U = /* @__PURE__ */ new Map(), R = {
76
76
  width: window.innerWidth,
77
77
  height: window.innerHeight
78
78
  };
79
79
  function Me(t) {
80
- F.set(t, t);
80
+ U.set(t, t);
81
81
  }
82
82
  function Te(t) {
83
- F.delete(t);
83
+ U.delete(t);
84
84
  }
85
85
  function Ve(t) {
86
86
  clearTimeout(K), K = setTimeout(function() {
87
87
  t.topEvent = {
88
88
  widthDiff: R.width - window.innerWidth,
89
89
  hightDiff: R.height - window.innerHeight
90
- }, R.width = window.innerWidth, R.height = window.innerHeight, F.forEach((e) => e(t));
90
+ }, R.width = window.innerWidth, R.height = window.innerHeight, U.forEach((e) => e(t));
91
91
  }, ke);
92
92
  }
93
93
  window.addEventListener("resize", Ve);
@@ -140,7 +140,7 @@ const Le = {
140
140
  * true, если страница скрыта
141
141
  */
142
142
  isHidden: !1
143
- }, O = (t) => {
143
+ }, C = (t) => {
144
144
  var e, s;
145
145
  if (!((s = (e = p.$) == null ? void 0 : e.ui) != null && s.tooltip)) {
146
146
  console.info("Для работы v-top-tooltip требуется глобальная загрузка jQuery UI Tooltip");
@@ -157,11 +157,11 @@ const Le = {
157
157
  }, Ee = {
158
158
  mounted(t, e, s) {
159
159
  var n;
160
- (n = O(t)) == null || n.tooltip(Q(e, s));
160
+ (n = C(t)) == null || n.tooltip(Q(e, s));
161
161
  },
162
162
  updated(t, e, s, n) {
163
163
  var i;
164
- const a = Q(e, s), o = (i = O(t)) == null ? void 0 : i.tooltip("instance");
164
+ const a = Q(e, s), o = (i = C(t)) == null ? void 0 : i.tooltip("instance");
165
165
  o && (o.options = {
166
166
  ...o.options,
167
167
  ...a
@@ -169,7 +169,7 @@ const Le = {
169
169
  },
170
170
  unmounted(t, e, s) {
171
171
  var n;
172
- (n = O(t)) == null || n.tooltip("destroy");
172
+ (n = C(t)) == null || n.tooltip("destroy");
173
173
  }
174
174
  }, ze = {
175
175
  mounted: function(t, e) {
@@ -191,9 +191,9 @@ const De = {
191
191
  E == null || E.disconnect();
192
192
  }
193
193
  };
194
- let q = !1, z, U;
194
+ let q = !1, z, F;
195
195
  const A = /* @__PURE__ */ new Map(), Ne = (t, e) => {
196
- const { distance: s, percent: n } = U, a = t.getBoundingClientRect().top, o = e * n / 100 / s, i = (e - a) / o;
196
+ const { distance: s, percent: n } = F, a = t.getBoundingClientRect().top, o = e * n / 100 / s, i = (e - a) / o;
197
197
  i <= s ? t.style.transform = `translateY(${s - i}px)` : t.style.transform = "translateY(0px)";
198
198
  }, Re = (t) => {
199
199
  let e = window.innerHeight;
@@ -203,7 +203,7 @@ const A = /* @__PURE__ */ new Map(), Ne = (t, e) => {
203
203
  e = window.innerHeight, s.forEach((n) => {
204
204
  const a = n.target;
205
205
  if (n.intersectionRatio < 0.1 ? A.delete(a) : A.set(a, a), n.intersectionRatio === 0) {
206
- const { distance: o, percent: i } = U;
206
+ const { distance: o, percent: i } = F;
207
207
  a.style.transform = `translateY(${o}px)`;
208
208
  }
209
209
  });
@@ -216,7 +216,7 @@ const A = /* @__PURE__ */ new Map(), Ne = (t, e) => {
216
216
  if (p.state.isMobileUA) return;
217
217
  const n = (i = e.arg) == null ? void 0 : i.split(":");
218
218
  let a = Number((n == null ? void 0 : n[0]) ?? 100), o = Number((n == null ? void 0 : n[1]) ?? 30);
219
- U = {
219
+ F = {
220
220
  distance: a,
221
221
  percent: o
222
222
  }, q || (Re(), q = !0), z.observe(t);
@@ -322,7 +322,7 @@ const T = window.L ?? {}, wo = (t, e, s) => {
322
322
  function yo(t) {
323
323
  return t.indexOf("T") === -1 && (t.length == 10 && (t += " 00:00:00"), t = t.replace(" ", "T") + p.state.gmt), new Date(t);
324
324
  }
325
- function Ce(t, e = !0, s = 0) {
325
+ function He(t, e = !0, s = 0) {
326
326
  let n;
327
327
  t != null ? n = new Date(t) : n = /* @__PURE__ */ new Date();
328
328
  const a = n.getFullYear(), o = String(n.getMonth() + 1).padStart(2, "0"), i = n.getDate().toString().padStart(2, "0"), l = n.getHours().toString().padStart(2, "0"), f = n.getMinutes().toString().padStart(2, "0"), r = n.getSeconds().toString().padStart(2, "0");
@@ -337,7 +337,7 @@ function So(t, e = !0) {
337
337
  }
338
338
  function L(t, e = 2, s, n = p.L.Not_date) {
339
339
  if (typeof t == "string" && (!t || t.substring(0, 10) === "0000-00-00") && n && n !== "0000-00-00" || !t) return n;
340
- s || (s = p.state.dateFormat.toLowerCase().toLowerCase().replace("m", "mm").replace("y", "yy").replace("d", "dd"));
340
+ s || (s = p.state.dateFormat), s = s.toLowerCase().replace("m", "mm").replace("y", "yy").replace("d", "dd");
341
341
  let a;
342
342
  if (t instanceof Date)
343
343
  a = t;
@@ -392,9 +392,9 @@ function Z(t, e = p.L.Not_date) {
392
392
  }
393
393
  });
394
394
  let f = l + "-" + i + "-" + o;
395
- return f.match(/\d\d\d\d-\d\d-\d\d/) || (console.info("Неверный формат даты, будет возращена текущая дата, " + f), f = Ce((/* @__PURE__ */ new Date()).getTime(), !1).substring(0, 10)), f;
395
+ return f.match(/\d\d\d\d-\d\d-\d\d/) || (console.info("Неверный формат даты, будет возращена текущая дата, " + f), f = He((/* @__PURE__ */ new Date()).getTime(), !1).substring(0, 10)), f;
396
396
  }
397
- const He = { class: "top-avatar" }, Oe = ["src", "title"], Ie = ["title"], Fe = /* @__PURE__ */ y({
397
+ const Oe = { class: "top-avatar" }, Ce = ["src", "title"], Ie = ["title"], Ue = /* @__PURE__ */ y({
398
398
  __name: "avatar",
399
399
  props: {
400
400
  size: { default: 64 },
@@ -419,13 +419,13 @@ const He = { class: "top-avatar" }, Oe = ["src", "title"], Ie = ["title"], Fe =
419
419
  return ((o = e.i18n) == null ? void 0 : o.LastSeen) + ": " + L(e.lastActiveTime, 2);
420
420
  }), n = h(() => e.nickname ? e.nickname + (s.value ? `
421
421
  ${s.value}` : "") : s.value);
422
- return (a, o) => (u(), m("div", He, [
422
+ return (a, o) => (u(), m("div", Oe, [
423
423
  S("img", {
424
424
  class: "top-avatar_image",
425
425
  src: a.image,
426
426
  title: n.value,
427
427
  alt: ""
428
- }, null, 8, Oe),
428
+ }, null, 8, Ce),
429
429
  a.isOnline ? (u(), m("div", {
430
430
  key: 0,
431
431
  class: "top-avatar_status",
@@ -433,7 +433,7 @@ ${s.value}` : "") : s.value);
433
433
  }, null, 8, Ie)) : g("", !0)
434
434
  ]));
435
435
  }
436
- }), Ue = {
436
+ }), Fe = {
437
437
  "top-avatar": "top-avatar",
438
438
  "top-avatar_image": "top-avatar_image",
439
439
  "top-avatar_status": "top-avatar_status"
@@ -443,8 +443,8 @@ ${s.value}` : "") : s.value);
443
443
  s[n] = a;
444
444
  return s;
445
445
  }, Ye = {
446
- $style: Ue
447
- }, Xe = /* @__PURE__ */ v(Fe, [["__cssModules", Ye]]), Ge = {
446
+ $style: Fe
447
+ }, Xe = /* @__PURE__ */ v(Ue, [["__cssModules", Ye]]), Ge = {
448
448
  key: 0,
449
449
  class: "top-ellipsis"
450
450
  }, Ke = /* @__PURE__ */ y({
@@ -546,7 +546,7 @@ ${s.value}` : "") : s.value);
546
546
  "top-forms-optionLabel_description-disabled": "top-forms-optionLabel_description-disabled"
547
547
  }, tt = {
548
548
  $style: et
549
- }, C = /* @__PURE__ */ v(xe, [["__cssModules", tt]]), ot = ["name", "value", "indeterminate", "disabled"], st = /* @__PURE__ */ y({
549
+ }, H = /* @__PURE__ */ v(xe, [["__cssModules", tt]]), ot = ["name", "value", "indeterminate", "disabled"], st = /* @__PURE__ */ y({
550
550
  __name: "checkbox",
551
551
  props: /* @__PURE__ */ I({
552
552
  modelValue: { type: [Boolean, Array, Set] },
@@ -588,7 +588,7 @@ ${s.value}` : "") : s.value);
588
588
  }, null, 10, ot), [
589
589
  [ne, e.value]
590
590
  ]),
591
- s.$slots.default ? (u(), M(C, {
591
+ s.$slots.default ? (u(), M(H, {
592
592
  key: 0,
593
593
  description: s.description,
594
594
  disabled: s.disabled
@@ -753,7 +753,7 @@ const yt = /* @__PURE__ */ y({
753
753
  i.value = d.target.value;
754
754
  };
755
755
  async function r(d) {
756
- const c = await import("./datepicker-BGhDjLcn.es.js");
756
+ const c = await import("./datepicker-CtnkRS5e.es.js");
757
757
  j = c.oninput, o = c.connectDatepicker(d.target, {
758
758
  onSelect: () => f(d)
759
759
  }), o && o.datepicker("show");
@@ -848,7 +848,7 @@ const yt = /* @__PURE__ */ y({
848
848
  }, null, 10, Lt), [
849
849
  [be, a.value]
850
850
  ]),
851
- o.$slots.default ? (u(), M(C, {
851
+ o.$slots.default ? (u(), M(H, {
852
852
  key: 0,
853
853
  description: o.description,
854
854
  disabled: o.disabled
@@ -909,7 +909,7 @@ const yt = /* @__PURE__ */ y({
909
909
  }, null, 10, Rt), [
910
910
  [ne, a.value]
911
911
  ]),
912
- o.$slots.default ? (u(), M(C, {
912
+ o.$slots.default ? (u(), M(H, {
913
913
  key: 0,
914
914
  description: o.description,
915
915
  disabled: o.disabled
@@ -925,12 +925,12 @@ const yt = /* @__PURE__ */ y({
925
925
  "top-checkboxSwitcher": "top-checkboxSwitcher",
926
926
  "top-checkboxSwitcher_input": "top-checkboxSwitcher_input",
927
927
  "top-error": "top-error"
928
- }, Ct = {
928
+ }, Ht = {
929
929
  $style: Pt
930
- }, Ht = /* @__PURE__ */ v(At, [["__cssModules", Ct]]), Ot = ["name", "placeholder", "disabled", "readonly", "rows"], It = {
930
+ }, Ot = /* @__PURE__ */ v(At, [["__cssModules", Ht]]), Ct = ["name", "placeholder", "disabled", "readonly", "rows"], It = {
931
931
  key: 0,
932
932
  class: "top-textarea_pseudoContent"
933
- }, Ft = /* @__PURE__ */ y({
933
+ }, Ut = /* @__PURE__ */ y({
934
934
  inheritAttrs: !1,
935
935
  __name: "textarea",
936
936
  props: {
@@ -983,7 +983,7 @@ const yt = /* @__PURE__ */ y({
983
983
  rows: o.expandable ? void 0 : o.rows
984
984
  }, o.$attrs, {
985
985
  "onUpdate:modelValue": i[0] || (i[0] = (f) => a.value = f)
986
- }), null, 16, Ot), [
986
+ }), null, 16, Ct), [
987
987
  [ae, a.value]
988
988
  ]),
989
989
  o.expandable ? (u(), m("div", It, V(a.value + " "), 1)) : g("", !0),
@@ -997,15 +997,15 @@ const yt = /* @__PURE__ */ y({
997
997
  ], 2);
998
998
  };
999
999
  }
1000
- }), Ut = {
1000
+ }), Ft = {
1001
1001
  "top-textarea": "top-textarea",
1002
1002
  "top-textarea_textarea": "top-textarea_textarea",
1003
1003
  "top-textarea_textarea-expandable": "top-textarea_textarea-expandable",
1004
1004
  "top-textarea_pseudoContent": "top-textarea_pseudoContent",
1005
1005
  "top-textarea_hint": "top-textarea_hint"
1006
1006
  }, Yt = {
1007
- $style: Ut
1008
- }, Xt = /* @__PURE__ */ v(Ft, [["__cssModules", Yt]]), Gt = ["data-value", "data-top-icon", "data-top-icon2"], Kt = ["name", "disabled"], Qt = ["label", "disabled"], qt = ["value", "selected", "disabled"], Jt = ["value", "selected", "disabled"], Zt = {
1007
+ $style: Ft
1008
+ }, Xt = /* @__PURE__ */ v(Ut, [["__cssModules", Yt]]), Gt = ["data-value", "data-top-icon", "data-top-icon2"], Kt = ["name", "disabled"], Qt = ["label", "disabled"], qt = ["value", "selected", "disabled"], Jt = ["value", "selected", "disabled"], Zt = {
1009
1009
  key: 1,
1010
1010
  class: "top-formsCaption"
1011
1011
  }, jt = /* @__PURE__ */ y({
@@ -1093,13 +1093,13 @@ const yt = /* @__PURE__ */ y({
1093
1093
  disabled: r.disabled,
1094
1094
  "onUpdate:modelValue": d[0] || (d[0] = (c) => n.value = c)
1095
1095
  }, [
1096
- (u(!0), m(H, null, X(a.value, ([c, b]) => (u(), m(H, null, [
1096
+ (u(!0), m(O, null, X(a.value, ([c, b]) => (u(), m(O, null, [
1097
1097
  b.children ? (u(), m("optgroup", {
1098
1098
  key: "group_" + c,
1099
1099
  label: b.title,
1100
1100
  disabled: b.disabled
1101
1101
  }, [
1102
- (u(!0), m(H, null, X(b.children, ([_, N]) => (u(), m("option", {
1102
+ (u(!0), m(O, null, X(b.children, ([_, N]) => (u(), m("option", {
1103
1103
  key: _,
1104
1104
  value: _,
1105
1105
  selected: _ === n.value,
@@ -1138,7 +1138,7 @@ function ao(t, e) {
1138
1138
  }
1139
1139
  const io = {
1140
1140
  $style: oo
1141
- }, ro = /* @__PURE__ */ v(so, [["render", ao], ["__cssModules", io]]), $o = Xe, _o = Ze, ko = it, Mo = C, To = ie, x = gt, Vo = _t, Wo = Bt, Bo = Nt, Lo = Ht, Eo = Xt, zo = to, lo = ro;
1141
+ }, ro = /* @__PURE__ */ v(so, [["render", ao], ["__cssModules", io]]), $o = Xe, _o = Ze, ko = it, Mo = H, To = ie, x = gt, Vo = _t, Wo = Bt, Bo = Nt, Lo = Ot, Eo = Xt, zo = to, lo = ro;
1142
1142
  export {
1143
1143
  mo as A,
1144
1144
  fo as B,
@@ -1151,7 +1151,7 @@ export {
1151
1151
  wo as I,
1152
1152
  vo as J,
1153
1153
  yo as K,
1154
- Ce as L,
1154
+ He as L,
1155
1155
  So as M,
1156
1156
  Z as N,
1157
1157
  $o as T,
@@ -1183,4 +1183,4 @@ export {
1183
1183
  Se as y,
1184
1184
  $e as z
1185
1185
  };
1186
- //# sourceMappingURL=forms-CRAV8PiZ.es.js.map
1186
+ //# sourceMappingURL=forms-zlyhVXZ9.es.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"forms-zlyhVXZ9.es.js","sources":["../../src/core/utils/device.ts","../../src/core/core/page.ts","../../src/core/core/events.ts","../../src/core/core/options.ts","../../src/core/core/state.ts","../../src/core/directives/tooltip.ts","../../src/core/directives/focus.ts","../../src/core/directives/sticky.ts","../../src/core/directives/swimUp.ts","../../src/core/utils/window.ts","../../src/core/core/core.ts","../../src/core/utils/date.ts","../../src/components/forms/avatar/avatar.vue","../../src/components/forms/button/button.vue","../../src/components/forms/checkbox/checkbox.vue","../../src/components/forms/input/input.vue","../../src/components/forms/inputDate/inputDate.vue","../../src/components/forms/radio/radio.vue","../../src/components/forms/switcher/switcher.vue","../../src/components/forms/textarea/textarea.vue","../../src/components/forms/select/select.vue","../../src/components/forms/loadbar/loadbar.vue","../../src/components/forms/forms.ts"],"sourcesContent":["/**\r\n * Определить, увеличинная ли плотность пикселей у экрана (DPR > 1)\r\n */\r\nexport function isRetina(): boolean {\r\n\treturn ('devicePixelRatio' in window && window.devicePixelRatio > 1);\r\n}\r\n\r\n/**\r\n * Определить, является ли устройство мобильным\r\n */\r\nexport function isMobile(): boolean {\r\n\treturn !!navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|IEMobile|Opera Mini/i);\r\n}\r\n\r\n/**\r\n * Определить, открыт ли сайт в приложении\r\n */\r\nexport function isApp(): boolean {\r\n\treturn (navigator.userAgent.indexOf('Topvisor_App') != -1);\r\n}\r\n\r\n/**\r\n * Определить, является ли OS пользователя macOS\r\n */\r\nexport function isMacOS(): boolean {\r\n\treturn navigator.userAgent.indexOf('Mac OS X') !== -1;\r\n}\r\n\r\n/**\r\n * Определить, является ли текущий браузер пользователя Safari\r\n */\r\nexport function isSafari(): boolean {\r\n\tconst isChrome = /Chrome|Android/.test(navigator.userAgent);\r\n\r\n\tlet isSafari = /Safari/.test(navigator.userAgent);\r\n\tif (isChrome && isSafari) {\r\n\t\tisSafari = false;\r\n\t}\r\n\r\n\treturn isSafari;\r\n};\r\n\r\n/**\r\n * Вернуть текст для обозначения клавиши Ctrl / Command в зависимости от OS\r\n */\r\nexport function getCommandKeyLabel(): 'Ctrl' | '⌘' {\r\n\tif (isMacOS()) {\r\n\t\treturn '⌘';\r\n\t} else {\r\n\t\treturn 'Ctrl';\r\n\t}\r\n}\r\n\r\n/**\r\n * Вернуть скролл с учетом устройства\r\n */\r\nexport const getScrollTop = (): number | undefined => {\r\n\treturn $(document).scrollTop();\r\n};\r\n\r\n/**\r\n * Вернуть контейнеры со скроллом (требует jquery)\r\n */\r\nexport const get$scroll = (): JQuery<Document> => {\r\n\treturn $(document);\r\n};\r\n\r\n/**\r\n * Вернуть контейнеры со скроллом (без jquery)\r\n */\r\nexport const getElsScroll = (): Document[] => {\r\n\treturn [document];\r\n};\r\n\r\n/**\r\n * Получить операционную систему пользователя\r\n *\r\n * Не определяет Windows 11, см. getOSAsync()\r\n */\r\nexport const getOS = (): string => {\r\n\tconst os: [string, RegExp][] = [\r\n\t\t['iOS', /(iPhone|iPad)/i],\r\n\t\t['Android', /(Android)/i],\r\n\t\t['Windows Phone', /(IEMobile)/i],\r\n\t\t['Windows 3.11', /Win16/i],\r\n\t\t['Windows 95', /(Windows 95)|(Win95)|(Windows_95)/i],\r\n\t\t['Windows 98', /(Windows 98)|(Win98)/i],\r\n\t\t['Windows 2000', /(Windows NT 5.0)|(Windows 2000)/i],\r\n\t\t['Windows XP', /(Windows NT 5.1)|(Windows XP)/i],\r\n\t\t['Windows Server 2003', /(Windows NT 5.2)/i],\r\n\t\t['Windows Vista', /(Windows NT 6.0)/i],\r\n\t\t['Windows 7', /(Windows NT 6.1)/i],\r\n\t\t['Windows 8', /(Windows NT 6.[23])|(Windows 8)/i],\r\n\t\t['Windows 10', /(Windows NT 10)/i],\r\n\t\t['Windows NT 4.0', /(Windows NT 4.0)|(WinNT4.0)|(WinNT)|(Windows NT)/i],\r\n\t\t['Windows ME', /Windows ME/i],\r\n\t\t['Windows', /Windows/i],\r\n\t\t['Open BSD', /OpenBSD/i],\r\n\t\t['Sun OS', /SunOS/i],\r\n\t\t['Linux', /(Linux)|(X11)/i],\r\n\t\t['Macintosh', /(Mac_PowerPC)|(Macintosh)|(Mac OS X 10.4)|(Mac OS X 10.5)|(Mac OS X 10.6)/i],\r\n\t\t['QNX', /QNX/i],\r\n\t\t['BeOS', /BeOS/i],\r\n\t\t['OS/2', /OS\\/2/i],\r\n\t];\r\n\r\n\tlet res = '';\r\n\tfor (let i = 0; i < os.length; i++) {\r\n\t\tif (os[i][1].test(navigator.userAgent)) {\r\n\t\t\tres = os[i][0];\r\n\r\n\t\t\tbreak;\r\n\t\t}\r\n\t}\r\n\r\n\treturn res;\r\n};\r\n\r\n/**\r\n * Получить операционную систему пользователя, в том числе Windows 11\r\n */\r\nexport const getOSAsync = async (): Promise<string> => {\r\n\tlet os = getOS();\r\n\r\n\tif (os === 'Windows 10') {\r\n\t\t// @ts-ignore - experimental technology\r\n\t\tconst platformVersion = await navigator?.userAgentData?.getHighEntropyValues(['platformVersion']);\r\n\t\tif (platformVersion && platformVersion.platformVersion >= '13') {\r\n\t\t\tos = 'Windows 11';\r\n\t\t}\r\n\t}\r\n\r\n\treturn os;\r\n};\r\n","class Page {\r\n\r\n\t/**\r\n\t * Проверить скрыта страница или нет\r\n\t */\r\n\tstatic isHidden = (): boolean => document.hidden;\r\n\r\n}\r\n\r\nexport default Page;","const onResizeDelay = 100;\r\n\r\nlet onResizeTimer: NodeJS.Timeout;\r\n\r\ntype TopEvent = Event & { topEvent: { widthDiff: number, hightDiff: number } }\r\n\r\n/**\r\n * Установленные обрабочики на событие изменения размеров окна\r\n */\r\nconst onResizeListeners: Map<(ev: TopEvent) => any, (ev: TopEvent) => any> = new Map();\r\n\r\n// зафиксированное состояние размеров окна\r\nconst windowSize = {\r\n\twidth: window.innerWidth,\r\n\theight: window.innerHeight,\r\n};\r\n\r\n/**\r\n * Добавить обработчик на событие изменения размеров экрана\r\n * вызов таких обработчиков будет опмизирован и объединен в одно событие\r\n */\r\nfunction addOnReize (listener: (this: Element, ev: TopEvent) => any) {\r\n\tonResizeListeners.set(listener, listener);\r\n}\r\n\r\n/**\r\n * Удаление обработчика на событие изменений размеров экрана\r\n */\r\nfunction removeOnResize (listener: (this: Element, ev: TopEvent) => any) {\r\n\tonResizeListeners.delete(listener);\r\n}\r\n\r\nfunction onResize (e: any) {\r\n\tclearTimeout(onResizeTimer);\r\n\r\n\tonResizeTimer = setTimeout(function () {\r\n\t\te.topEvent = {\r\n\t\t\twidthDiff: windowSize.width - window.innerWidth,\r\n\t\t\thightDiff: windowSize.height - window.innerHeight,\r\n\t\t};\r\n\r\n\t\twindowSize.width = window.innerWidth;\r\n\t\twindowSize.height = window.innerHeight;\r\n\r\n\t\tonResizeListeners.forEach((callback) => callback(e));\r\n\t}, onResizeDelay);\r\n}\r\n\r\nwindow.addEventListener('resize', onResize);\r\n\r\nexport default {\r\n\taddOnReize,\r\n\tremoveOnResize,\r\n};\r\n","/**\r\n * Конфигурация UI\r\n * Можно переопределить при подклчюении UI во Vue приложение через app.use(Core, options)\r\n */\r\nconst options = {\r\n\twidthForMobile: 900,\r\n\tdateFormat: 'Y-m-d',\r\n\r\n\t/**\r\n\t * Для Москвы: +0300\r\n\t */\r\n\tgmt: new Date().toString().match(/GMT(\\S+)/)?.[1],\r\n};\r\n\r\nexport default options;","/**\r\n * State UI для взаимодейсвтиями с приложениями Vue\r\n */\r\nconst state = {\r\n\t/**\r\n\t * Device by size\r\n\t * @see widthForMobile\r\n\t */\r\n\tisMobile: false,\r\n\r\n\t/**\r\n\t * Device by user agent\r\n\t */\r\n\tisMobileUA: false,\r\n\r\n\t/**\r\n\t * true, если плотность пикселей экрана больше 1\r\n\t */\r\n\tisRetina: false,\r\n\r\n\t/**\r\n\t * true, елси это приложение\r\n\t */\r\n\tisApp: false,\r\n\r\n\t/**\r\n\t * true при горизонтальном расположении устройства\r\n\t */\r\n\tisLandscape: true,\r\n\r\n\t/**\r\n\t * true при вертикальном расположении устройства\r\n\t */\r\n\tisPortrait: false,\r\n\tsize: 0,\r\n\r\n\t// См. core.options\r\n\tdateFormat: 'Y-m-d',\r\n\r\n\t// См. core.options\r\n\tgmt: new Date().toString().match(/GMT(\\S+)/)?.[1],\r\n\r\n\t/**\r\n\t * true, если страница скрыта\r\n\t */\r\n\tisHidden: false,\r\n};\r\n\r\nexport default state;","import type { DirectiveBinding, ObjectDirective, VNode } from 'vue';\r\nimport Core from '@/core/core/core';\r\n\r\nconst $ = (el: VNode) => {\r\n\tif (!Core.$?.ui?.tooltip) {\r\n\t\tconsole.info('Для работы v-top-tooltip требуется глобальная загрузка jQuery UI Tooltip');\r\n\r\n\t\treturn;\r\n\t}\r\n\r\n\treturn Core.$(el);\r\n};\r\n\r\nconst tvTooltipGenOptions = (binding: DirectiveBinding, vnode: VNode) => {\r\n\tconst options = binding.value ?? {};\r\n\r\n\toptions.content ??= vnode.props?.title;\r\n\toptions.content = String(options.content).replace(/\\r\\n|\\r|\\n/g, '<br>');\r\n\r\n\toptions.position ??= {\r\n\t\tmy: 'bottom-18px',\r\n\t\tat: 'top center',\r\n\t};\r\n\r\n\treturn options;\r\n};\r\n\r\n/**\r\n * Добавление всплывающей подсказки к элементу.\r\n */\r\nconst tooltip = {\r\n\tmounted(el: VNode, binding: DirectiveBinding, vnode: VNode) {\r\n\t\t$(el)?.tooltip(tvTooltipGenOptions(binding, vnode));\r\n\t},\r\n\r\n\tupdated(el: VNode, binding: DirectiveBinding, vnode: VNode, _prevVnode: VNode) {\r\n\t\t/**\r\n\t\t * В результате обновления может быть открыто несколько тултипов поэтому изменить опции, без перерисовки тултипа\r\n\t\t */\r\n\t\tconst options = tvTooltipGenOptions(binding, vnode);\r\n\t\tconst instance = $(el)?.tooltip('instance') as { options: JQueryUI.TooltipOptions } | undefined;\r\n\t\tif (!instance) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tinstance.options = {\r\n\t\t\t...instance.options,\r\n\t\t\t...options,\r\n\t\t};\r\n\t},\r\n\r\n\tunmounted(el: VNode, _binding: DirectiveBinding, _vnode: VNode) {\r\n\t\t$(el)?.tooltip('destroy');\r\n\t},\r\n} satisfies ObjectDirective;\r\n\r\nexport default tooltip;","import type { DirectiveBinding, ObjectDirective } from 'vue';\r\n\r\n/**\r\n * Фокусировка на элементе сразу после его отображения\r\n */\r\nconst focus = {\r\n\tmounted: function (el: HTMLElement, binding: DirectiveBinding) {\r\n\t\tif (binding.value || binding.value === undefined) el.focus();\r\n\t}\r\n} satisfies ObjectDirective;\r\n\r\nexport default focus;\r\n","import type { DirectiveBinding, ObjectDirective, VNode } from 'vue';\r\n\r\nlet appStickyObserver: IntersectionObserver;\r\n\r\n/**\r\n * Добавление sticky\r\n * К элементу добляется класс переданный как значение диррективы либо **'top-sticky'** по умолчанию\r\n */\r\nconst sticky = {\r\n\tmounted(el: HTMLElement, binding: DirectiveBinding, _vnode: VNode){\r\n\t\tconst className = binding.value || 'top-sticky';\r\n\r\n\t\tappStickyObserver = new IntersectionObserver(entries => {\r\n\t\t\tlet condition = entries[0].intersectionRatio < 1;\r\n\t\t\tif(condition){\r\n\t\t\t\tif(binding.arg === 'bottom' && entries[0].intersectionRect.y === 0) condition = false;\r\n\t\t\t}\r\n\r\n\t\t\tel.classList.toggle(className, condition);\r\n\t\t}, {\r\n\t\t\tthreshold:[1]\r\n\t\t});\r\n\r\n\t\tappStickyObserver.observe(el);\r\n\t},\r\n\r\n\tunmounted(_el: HTMLElement, _binding: DirectiveBinding, _vnode: VNode){\r\n\t\tappStickyObserver?.disconnect();\r\n\t},\r\n} satisfies ObjectDirective;\r\n\r\nexport default sticky;","import type { DirectiveBinding, ObjectDirective, VNode } from 'vue';\r\nimport Core from '@/core/core/core';\r\n\r\ninterface SwipUpOptions {\r\n\tdistance: number,\r\n\tpercent: number,\r\n}\r\n\r\nlet appSwimUpInited = false;\r\nlet appSwimUpObserver: IntersectionObserver;\r\nlet directiveSwipUpOptions: SwipUpOptions;\r\nconst appSwimUpEls = new Map();\r\n\r\n\r\n/**\r\n * Отодвинуть блок в зависимости от скролла старинцы\r\n * @param el\r\n * @param windowHeight\r\n */\r\nconst swimUpElTransform = (el: HTMLElement, windowHeight: number): void => {\r\n\tconst { distance, percent } = directiveSwipUpOptions;\r\n\r\n\tconst elTop = el.getBoundingClientRect().top;\r\n\r\n\t// во столько раз triggerHeight должен быть меньше, чтобы закончить подплытие к нужной высоте экрана\r\n\tconst triggerHeightReducer = windowHeight * percent / 100 / distance;\r\n\tconst triggerHeight = (windowHeight - elTop) / triggerHeightReducer;\r\n\r\n\tif (triggerHeight <= distance) {\r\n\t\tel.style.transform = `translateY(${distance - triggerHeight}px)`;\r\n\t} else {\r\n\t\tel.style.transform = 'translateY(0px)';\r\n\t}\r\n}\r\n\r\nconst swimUpInit = (el: HTMLElement): void => {\r\n\tlet windowHeight = window.innerHeight;\r\n\r\n\twindow.addEventListener('scroll', () => {\r\n\t\tappSwimUpEls.forEach((el) => swimUpElTransform(el, windowHeight));\r\n\t}, { passive: true });\r\n\r\n\t// проверка того, что элемент в зоне видимости\r\n\tappSwimUpObserver = new IntersectionObserver(entries => {\r\n\t\twindowHeight = window.innerHeight;\r\n\r\n\t\tentries.forEach((entry) => {\r\n\t\t\tconst el = entry.target as HTMLElement;\r\n\r\n\t\t\tif (entry.intersectionRatio < 0.1) {\r\n\t\t\t\t// элемент за областью видимости\r\n\t\t\t\tappSwimUpEls.delete(el);\r\n\t\t\t} else {\r\n\t\t\t\t// элемент на экране\r\n\t\t\t\tappSwimUpEls.set(el, el);\r\n\t\t\t}\r\n\r\n\t\t\tif (entry.intersectionRatio === 0) {\r\n\t\t\t\tconst { distance, percent } = directiveSwipUpOptions;\r\n\t\t\t\tel.style.transform = `translateY(${distance}px)`;\r\n\t\t\t}\r\n\t\t});\r\n\t}, {\r\n\t\tthreshold: 0.1,\r\n\t});\r\n}\r\n\r\n/**\r\n * Добавление анимации подплытия вверх для блока\r\n */\r\nconst swimUp = {\r\n\tmounted(el: HTMLElement, binding: DirectiveBinding, _vnode: VNode): void {\r\n\t\tif (Core.state.isMobileUA) return;\r\n\r\n\t\tconst args = binding.arg?.split(':');\r\n\r\n\t\tlet distance = Number(args?.[0] ?? 100); // количество px на которые блок изначально смещен вниз\r\n\t\tlet percent = Number(args?.[1] ?? 30); // процент высоты экрана поднявшись на который блок закончит подплытие\r\n\r\n\t\tdirectiveSwipUpOptions = {\r\n\t\t\tdistance,\r\n\t\t\tpercent\r\n\t\t}\r\n\r\n\t\tif (!appSwimUpInited) {\r\n\t\t\tswimUpInit(el);\r\n\r\n\t\t\tappSwimUpInited = true;\r\n\t\t}\r\n\r\n\t\tappSwimUpObserver.observe(el);\r\n\t},\r\n\r\n\tunmounted(el: HTMLElement, _binding: DirectiveBinding, _vnode: VNode) {\r\n\t\tappSwimUpEls.delete(el);\r\n\t\tappSwimUpObserver?.unobserve(el);\r\n\t}\r\n} satisfies ObjectDirective;\r\n\r\nexport default swimUp;","/**\r\n * Генерация объекта window\r\n *\r\n * На backend объекта window не существует\r\n */\r\nconst genWindow = (): any => {\r\n\tif (typeof window === 'undefined') {\r\n\t\treturn {};\r\n\t}\r\n\r\n\treturn window;\r\n};\r\n\r\nexport const _window = genWindow();","import { reactive } from 'vue';\r\nimport { isMobile, isRetina, isApp } from '@/core/utils/device';\r\nimport Page from '@/core/core/page';\r\nimport Events from '@/core/core/events';\r\nimport options from '@/core/core/options';\r\nimport state from '@/core/core/state';\r\nimport directiveTooltip from '@/core/directives/tooltip';\r\nimport directiveFocus from '@/core/directives/focus';\r\nimport directiveSticky from '@/core/directives/sticky';\r\nimport directiveSwimUp from '@/core/directives/swimUp';\r\nimport { _window } from '@/core/utils/window';\r\n\r\nclass Core {\r\n\r\n\t/**\r\n\t * Настройки словаря\r\n\t */\r\n\tstatic L = reactive({\r\n\t\tNot_date: 'Not date',\r\n\t});\r\n\r\n\tstatic page = _window.page ?? {};\r\n\r\n\tstatic Page = Page;\r\n\r\n\tstatic options = options;\r\n\r\n\tstatic state = reactive({ ...state });\r\n\r\n\tstatic matchMediaIsMobile?: MediaQueryList;\r\n\r\n\tstatic $ = _window.$ as typeof $ | undefined;\r\n\r\n\t/**\r\n\t * Добавить на страницу стили, используется для загрузки стилей из js\r\n\t *\r\n\t * Условная загрузка стилей m и pc отключена в пользу производительсности, стили грузятся всегда, но применяются по условию\r\n\t * @param style - css стили в строке\r\n\t * @param type - если указать 'm' или 'pc', то стили будут применяться по условию в зависимости от настройки this.options.widthForMobile\r\n\t */\r\n\tstatic appendStyle(style: string, type: '' | 'm' | 'pc' = ''): void {\r\n\t\tlet media = 'all';\r\n\r\n\t\tif (type === 'm') {\r\n\t\t\tmedia = '(max-width: ' + this.options.widthForMobile + 'px)';\r\n\t\t}\r\n\r\n\t\tif (type === 'pc') {\r\n\t\t\tmedia = '(min-width: ' + this.options.widthForMobile + 'px)';\r\n\t\t}\r\n\r\n\t\tconst elStyle = document.createElement('style');\r\n\t\telStyle.innerHTML = style;\r\n\t\telStyle.media = media;\r\n\r\n\t\tdocument.head.append(elStyle);\r\n\t}\r\n\r\n\t/**\r\n\t * Установить как плагин в прилоежнии Vue\r\n\t * Core.state является общим для всех приложений Vue на странице\r\n\t * Core.options является общим для всех приложений Vue на странице\r\n\t * @param app - Vue App\r\n\t * @param {typeof options} options - параметры UI\r\n\t */\r\n\tstatic install(app: any, options: typeof this.options) {\r\n\t\tCore.defineOptions(options);\r\n\r\n\t\tapp.provide('top-core', Core);\r\n\r\n\t\tthis.installDirectives(app);\r\n\t}\r\n\r\n\tstatic installDirectives(app: any) {\r\n\t\tapp.directive('top-tooltip', directiveTooltip);\r\n\t\tapp.directive('top-focus', directiveFocus);\r\n\t\tapp.directive('top-sticky', directiveSticky);\r\n\t\tapp.directive('top-swim-up', directiveSwimUp);\r\n\t}\r\n\r\n\t/**\r\n\t * Установить конфигурацию UI\r\n\t * @param {typeof options} options\r\n\t */\r\n\tstatic defineOptions(options: typeof this.options) {\r\n\t\tif (options?.widthForMobile) {\r\n\t\t\tthis.options.widthForMobile = options.widthForMobile;\r\n\t\t}\r\n\r\n\t\tif (options?.dateFormat) {\r\n\t\t\tthis.options.dateFormat = options.dateFormat;\r\n\t\t}\r\n\r\n\t\tif (options?.gmt) {\r\n\t\t\tthis.options.gmt = options.gmt;\r\n\t\t}\r\n\r\n\t\tCore.setState();\r\n\t}\r\n\r\n\tstatic setState() {\r\n\t\tCore.matchMediaIsMobile = window.matchMedia(`(max-width: ${Core.options.widthForMobile}px)`);\r\n\r\n\t\tCore.state.isMobileUA = isMobile();\r\n\t\tCore.state.isRetina = isRetina();\r\n\t\tCore.state.isApp = isApp();\r\n\t\tCore.state.dateFormat = this.options.dateFormat;\r\n\t\tCore.state.gmt = this.options.gmt;\r\n\t\tCore.state.isHidden = Page.isHidden();\r\n\r\n\t\tCore.setStateByWindowSize();\r\n\r\n\t\t// пересчет значений, зависящих от рамзеров окна\r\n\t\tEvents.addOnReize(Core.onResize);\r\n\r\n\t\tCore.onResize();\r\n\r\n\t\tCore.saveToCookie();\r\n\t}\r\n\r\n\tstatic onResize() {\r\n\t\tCore.setStateByWindowSize();\r\n\r\n\t\t// честный vh\r\n\t\tdocument.documentElement.style.setProperty('--100vh', window.innerHeight + 'px');\r\n\t}\r\n\r\n\tstatic setStateByWindowSize() {\r\n\t\tCore.state.isMobile = !!Core.matchMediaIsMobile?.matches;\r\n\t\tCore.state.isLandscape = (window.innerWidth > window.innerHeight);\r\n\t\tCore.state.isPortrait = !Core.state.isLandscape;\r\n\t\tCore.state.size = (window.innerWidth > window.innerHeight) ? window.innerWidth : window.innerHeight;\r\n\r\n\t\tCore.saveToCookie();\r\n\t}\r\n\r\n\t/**\r\n\t * Сохранить информацию об устройстве в cookie\r\n\t */\r\n\tstatic saveToCookie() {\r\n\t\tconst device = [\r\n\t\t\t1,\r\n\t\t\twindow.innerWidth,\r\n\t\t\twindow.innerHeight,\r\n\t\t\twindow.devicePixelRatio,\r\n\t\t\tNumber(Core.state.isMobile),\r\n\t\t\tNumber(Core.state.isRetina),\r\n\t\t];\r\n\r\n\t\tdocument.cookie = 'device=' + device.join(',') + '; path=/;';\r\n\t}\r\n\r\n}\r\n\r\nexport default Core;\r\n","import Core from '@/core/core/core';\r\n\r\nconst L = (window as any).L ?? {};\r\n\r\n/**\r\n * Получить день недели\r\n */\r\nexport const getDayOfWeek = (y: number, m: number, d: number): string => {\r\n\tswitch ((new Date(y, m, d)).getDay()) {\r\n\t\tcase 0:\r\n\t\t\treturn L.Vs + '.';\r\n\t\tcase 1:\r\n\t\t\treturn L.Pn + '.';\r\n\t\tcase 2:\r\n\t\t\treturn L.Vt + '.';\r\n\t\tcase 3:\r\n\t\t\treturn L.Sr + '.';\r\n\t\tcase 4:\r\n\t\t\treturn L.Ct + '.';\r\n\t\tcase 5:\r\n\t\t\treturn L.Pt + '.';\r\n\t\tcase 6:\r\n\t\t\treturn L.Sb + '.';\r\n\t\tdefault:\r\n\t\t\treturn '';\r\n\t}\r\n};\r\n\r\n/**\r\n * Преобразовать дату в строку формата Y-m-d H:i:s\r\n * @param dateObject - объект Date\r\n * @param langFormat - если true, формат даты будет взят из Core.state.dateFormat\r\n * @param timeFormat - 0-только дата | 1-дата и часы | 2-дата и часы с минутами | 3-дата и часы с минутами и секундами\r\n */\r\nexport const dateToString = (dateObject: Date, langFormat: boolean = true, timeFormat: 0 | 1 | 2 | 3 = 2): string => {\r\n\tlet Y = String(dateObject.getFullYear());\r\n\tlet d = String(dateObject.getDate()).padStart(2, '0');\r\n\tlet m = String(dateObject.getMonth() + 1).padStart(2, '0');\r\n\tlet H = String(dateObject.getHours()).padStart(2, '0');\r\n\tlet i = String(dateObject.getMinutes()).padStart(2, '0');\r\n\tlet s = String(dateObject.getSeconds()).padStart(2, '0');\r\n\r\n\tlet date = Y + '-' + m + '-' + d;\r\n\tif (timeFormat >= 1) date += ' ' + H;\r\n\tif (timeFormat >= 2) date += ':' + i;\r\n\tif (timeFormat === 3) date += ':' + s;\r\n\tif (langFormat) date = dateFormat(date, timeFormat);\r\n\r\n\treturn date;\r\n};\r\n\r\n/**\r\n * Получить объект Date из строки\r\n * @param date - строка с датой\r\n */\r\nexport function stringToDate(date: string): Date {\r\n\tif (date.indexOf('T') === -1) {\r\n\t\tif (date.length == 10) {\r\n\t\t\tdate += ' 00:00:00';\r\n\t\t}\r\n\r\n\t\tdate = date.replace(' ', 'T') + Core.state.gmt;\r\n\t}\r\n\r\n\treturn new Date(date);\r\n}\r\n\r\n/**\r\n * Генерация даты-строки из миллисекунд (UTC), в формате Y-m-d H:i:s\r\n * @param timestamp - дата в мс, если не передана, берется дата на момент вызова функции\r\n * @param useFormat - если true, формат даты будет взят из Core.state.dateFormat\r\n * @param time - 0-только дата | 1-дата и часы | 2-дата и часы с минутами | 3-дата и часы с минутами и секундами\r\n */\r\nexport function genDate(timestamp: number | undefined, useFormat: boolean = true, time: 0 | 1 | 2 | 3 = 0): string {\r\n\tlet date;\r\n\tif (timestamp != undefined) {\r\n\t\tdate = new Date(timestamp);\r\n\t} else {\r\n\t\tdate = new Date();\r\n\t}\r\n\r\n\tconst Y = date.getFullYear();\r\n\tconst m = String(date.getMonth() + 1).padStart(2, '0');\r\n\tconst d = date.getDate().toString().padStart(2, '0');\r\n\r\n\tconst H = date.getHours().toString().padStart(2, '0');\r\n\tconst i = date.getMinutes().toString().padStart(2, '0');\r\n\tconst s = date.getSeconds().toString().padStart(2, '0');\r\n\r\n\tdate = Y + '-' + m + '-' + d;\r\n\r\n\tif (time) date += ' ';\r\n\tif (time >= 1) date += H;\r\n\tif (time >= 2) date += ':' + i;\r\n\tif (time >= 3) date += ':' + s;\r\n\r\n\tif (useFormat) {\r\n\t\tdate = dateFormat(date, time);\r\n\t}\r\n\r\n\treturn date;\r\n}\r\n\r\n/**\r\n * Генерация даты-строки (время московское) из миллисекунд (UTC), в формате Y-m-d H:i:s\r\n * @param ms - дата в мс, если не передана, берется дата на момент вызова функции\r\n * @param langFormat - если true, формат даты будет взят из Core.state.dateFormat\r\n */\r\nexport function genDateMoscow(ms: number | undefined, langFormat: boolean = true): string {\r\n\tconst time_zone = (new Date().getTimezoneOffset() / 60) * (-1);\r\n\tconst dateoffset = time_zone * 60 * 60 * 1000;\r\n\tconst moscow_dateoffset = 3 * 60 * 60 * 1000;\r\n\r\n\tlet date: Date;\r\n\tif (ms !== undefined) {\r\n\t\tdate = new Date(ms);\r\n\t} else {\r\n\t\tdate = new Date();\r\n\t}\r\n\r\n\tdate.setTime(date.getTime() - dateoffset + moscow_dateoffset);\r\n\r\n\tlet Y = String(date.getFullYear());\r\n\tlet d = String(date.getDate()).padStart(2, '0');\r\n\tlet m = String(date.getMonth() + 1).padStart(2, '0');\r\n\tlet H = String(date.getHours()).padStart(2, '0');\r\n\tlet i = String(date.getMinutes()).padStart(2, '0');\r\n\tlet s = String(date.getSeconds()).padStart(2, '0');\r\n\r\n\tlet dateStr = Y + '-' + m + '-' + d + ' ' + H + ':' + i + ':' + s;\r\n\tif (langFormat) {\r\n\t\tdateStr = dateFormat(dateStr);\r\n\t}\r\n\r\n\treturn dateStr;\r\n}\r\n\r\n/**\r\n * Перевод даты в формат пользователя\r\n * @param date - объект даты или строка в формате Y-m-d H:i:s\r\n * @param time - 0-только дата | 1-дата и часы | 2-дата и часы с минутами | 3-дата и часы с минутами и секундами\r\n * @param dateformat -\r\n * @param emptyValue - значение, которое надо вернуть, если дата не указана\r\n */\r\nexport function dateFormat(dateMixed: string | Date, time: 0 | 1 | 2 | 3 = 2, dateFormat?: string, emptyValue: string = Core.L.Not_date): string {\r\n\tif (typeof dateMixed === 'string') {\r\n\t\tif (!dateMixed || dateMixed.substring(0, 10) === '0000-00-00') {\r\n\t\t\tif (emptyValue && emptyValue !== '0000-00-00') {\r\n\t\t\t\treturn emptyValue;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tif (!dateMixed) return emptyValue;\r\n\r\n\tif (!dateFormat) {\r\n\t\tdateFormat = Core.state.dateFormat;\r\n\t}\r\n\tdateFormat = dateFormat.toLowerCase().replace('m', 'mm').replace('y', 'yy').replace('d', 'dd');\r\n\r\n\tlet date: Date;\r\n\tif (dateMixed instanceof Date) {\r\n\t\tdate = dateMixed;\r\n\t} else {\r\n\t\tlet dateForObj = dateMixed.substring(0, 10);\r\n\t\tif (dateForObj.length === 7) dateForObj += '-01';\r\n\t\tdateForObj += ' 00:00';\r\n\t\tdateForObj = dateForObj.replace(/-/g, '/'); // safari fix\r\n\r\n\t\tdate = new Date(dateForObj);\r\n\t\tif (isNaN(Number(date))) return emptyValue;\r\n\t}\r\n\r\n\tlet result = '';\r\n\r\n\tif (dateFormat && window['$']) {\r\n\t\tresult = $.datepicker.formatDate(dateFormat, date);\r\n\t}\r\n\r\n\tif (time && typeof dateMixed === 'string' && dateMixed.length > 10 || time && dateMixed instanceof Date) {\r\n\t\tlet timeStr: string = '';\r\n\t\tif (dateMixed instanceof Date) {\r\n\t\t\ttimeStr = new Date().toLocaleTimeString('en-US', {\r\n\t\t\t\thour12: false,\r\n\t\t\t\thour: 'numeric',\r\n\t\t\t\tminute: time >= 2 ? 'numeric' : undefined,\r\n\t\t\t\tsecond: time >= 3 ? 'numeric' : undefined,\r\n\t\t\t});\r\n\t\t} else {\r\n\t\t\tswitch (time) {\r\n\t\t\t\t// часы\r\n\t\t\t\tcase 1:\r\n\t\t\t\t\ttimeStr = dateMixed.substring(11, 13);\r\n\r\n\t\t\t\t\tbreak;\r\n\t\t\t\t// часы и минуты\r\n\t\t\t\tcase 2:\r\n\t\t\t\t\ttimeStr = dateMixed.substring(11, 16);\r\n\r\n\t\t\t\t\tbreak;\r\n\t\t\t\t// часы, минуты и секунды\r\n\t\t\t\tcase 3:\r\n\t\t\t\t\ttimeStr = dateMixed.substring(11, 19);\r\n\r\n\t\t\t\t\tbreak;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tresult += ' ' + timeStr;\r\n\t}\r\n\r\n\tresult = result.trim();\r\n\r\n\treturn result;\r\n}\r\n\r\n/**\r\n * Перевод даты из формата пользователя в системный формат Y-m-d H:i:s\r\n * @param date - строка с датой\r\n * @param emptyValue - значение, которое надо вернуть, если дата не указана\r\n */\r\nexport function dateUnformat(date: string, emptyValue: string = Core.L.Not_date): string {\r\n\tif (!date) {\r\n\t\treturn emptyValue;\r\n\t}\r\n\r\n\tif (date.match(/\\d\\d\\d\\d-\\d\\d-\\d\\d/)) {\r\n\t\treturn date;\r\n\t}\r\n\r\n\tconst dateFormat = Core.state.dateFormat.toLowerCase();\r\n\r\n\tconst dateChunks = date.split(/\\W/);\r\n\tconst dateFormatChunks = dateFormat.split(/\\W/);\r\n\r\n\tlet d = '';\r\n\tlet m = '';\r\n\tlet y = '';\r\n\r\n\tdateFormatChunks.forEach((type, index) => {\r\n\t\tswitch (type) {\r\n\t\t\tcase 'd':\r\n\t\t\t\td = dateChunks[index];\r\n\r\n\t\t\t\tbreak;\r\n\t\t\tcase 'm':\r\n\t\t\t\tm = dateChunks[index];\r\n\r\n\t\t\t\tbreak;\r\n\t\t\tcase 'y':\r\n\t\t\t\ty = dateChunks[index];\r\n\r\n\t\t\t\tbreak;\r\n\t\t}\r\n\t});\r\n\r\n\tlet result = y + '-' + m + '-' + d;\r\n\r\n\tif (!result.match(/\\d\\d\\d\\d-\\d\\d-\\d\\d/)) {\r\n\t\tconsole.info('Неверный формат даты, будет возращена текущая дата, ' + result);\r\n\r\n\t\tresult = genDate((new Date()).getTime(), false).substring(0, 10);\r\n\t}\r\n\r\n\treturn result;\r\n}\r\n","<script lang=\"ts\" setup>\r\nimport { computed } from 'vue';\r\nimport type { Props } from './avatar';\r\nimport { dateFormat } from '@/core/utils/date';\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n\tsize: 64,\r\n\ti18n: () => ({\r\n\t\tOnline: 'Online',\r\n\t\tLastSeen: 'Last seen',\r\n\t}),\r\n});\r\n\r\nconst titleStatus = computed(() => {\r\n\tif (props.isOnline) {\r\n\t\treturn props.i18n?.Online;\r\n\t}\r\n\r\n\tif (props.lastActiveTime) {\r\n\t\treturn props.i18n?.LastSeen + ': ' + dateFormat(props.lastActiveTime, 2);\r\n\t}\r\n});\r\n\r\nconst titleImage = computed(() => {\r\n\tif (!props.nickname) return titleStatus.value;\r\n\r\n\treturn props.nickname + (titleStatus.value ? `\\n${titleStatus.value}` : '');\r\n})\r\n</script>\r\n\r\n<template>\r\n\t<div class=\"top-avatar\">\r\n\t\t<img\r\n\t\t\tclass=\"top-avatar_image\"\r\n\t\t\t:src=\"image\"\r\n\t\t\t:title=\"titleImage\"\r\n\t\t\talt=\"\"\r\n\t\t>\r\n\r\n\t\t<div\r\n\t\t\tv-if=\"isOnline\"\r\n\t\t\tclass=\"top-avatar_status\"\r\n\t\t\t:title=\"titleStatus\"\r\n\t\t>\r\n\t\t</div>\r\n\t</div>\r\n</template>\r\n\r\n<style module>\r\n.top-avatar {\r\n\twidth: v-bind(size+ \"px\");\r\n\theight: v-bind(size+ \"px\");\r\n\tdisplay: flex;\r\n\tflex-grow: 0;\r\n\tflex-shrink: 0;\r\n\tposition: relative;\r\n\ttop: 0;\r\n\tleft: 0;\r\n}\r\n\r\n.top-avatar_image {\r\n\tborder-radius: 50%;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n}\r\n\r\n.top-avatar_status {\r\n\tborder-radius: 50%;\r\n\tborder: 2px solid var(--content-background-color);\r\n\tbackground-color: var(--color-bg-positive-2);\r\n\twidth: 25%;\r\n\theight: 25%;\r\n\tposition: absolute;\r\n\tright: 0;\r\n\tbottom: 0;\r\n}\r\n</style>","<script setup lang=\"ts\">\r\nimport { computed } from 'vue';\r\nimport type { Props } from './button';\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n\tcolor: 'blue',\r\n\tstyling: '',\r\n\tsize: 's',\r\n});\r\n\r\nconst tagName = computed(() => props.href ? 'a' : 'button');\r\n\r\nconst type = computed(() => props.isSubmit ? 'submit' : undefined);\r\n</script>\r\n\r\n<template>\r\n\t<component\r\n\t\t:is=\"tagName\"\r\n\t\t:class=\"{\r\n\t\t\t['top-active']: isActive,\r\n\t\t\t['top-disabled']: disabled,\r\n\t\t\t['top-forms-focusable']: !disabled,\r\n\t\t\t['top-button']: true,\r\n\t\t\t['top-button-progress']: isProgress,\r\n\t\t\t[`top-size_${size}`]: !!size,\r\n\t\t\t[`top-color_${color}`]: true,\r\n\t\t\t[`top-style_${styling}`]: !!styling,\r\n\t\t\t['top-button-withoutText']: !$slots.default,\r\n\t\t}\"\r\n\t\t:name=\"name\"\r\n\t\t:title=\"title\"\r\n\t\t:href=\"href\"\r\n\t\t:type=\"type\"\r\n\t\t:data-top-icon=\"icon || undefined\"\r\n\t\t:data-top-icon2=\"icon2 || undefined\"\r\n\t\t:disabled=\"disabled || undefined\"\r\n\t\t:inProgress=\"isProgress\"\r\n\t>\r\n\t\t<span\r\n\t\t\tv-if=\"$slots.default\"\r\n\t\t\tclass=\"top-ellipsis\"\r\n\t\t>\r\n\t\t\t<!-- @slot Текст в кнопке -->\r\n\t\t\t<slot>\r\n\t\t\t\t{{ !icon ? 'Button' : '' }}\r\n\t\t\t</slot>\r\n\t\t</span>\r\n\r\n\t\t<!-- @slot HTML в кнопке -->\r\n\t\t<slot name=\"html\"></slot>\r\n\t</component>\r\n</template>\r\n\r\n<style module>\r\n@import \"./style/button.css\";\r\n@import \"./style/style-outline.css\";\r\n@import \"./style/style-soft.css\";\r\n@import \"./style/style-transparent.css\";\r\n\r\n.top-button {\r\n\t--top-button-color: var(--color-white);\r\n\t--top-button-background-color: transparent;\r\n\t--top-button-background-color-hover: var(--top-button-background-color);\r\n\t--top-button-background-color-active: var(--top-button-background-color-hover);\r\n\t--top-button-background-color-selected: var(--top-button-background-color-hover);\r\n\t--top-button-box-shadow: none;\r\n\t--top-button-box-shadow-hover: var(--top-shadow-darken-2);\r\n\t--top-button-box-shadow-active: var(--top-shadow-darken-3);\r\n\t--top-button-box-shadow-selected: var(--top-shadow-darken-3);\r\n\t--top-forms-border-width: 0px;\r\n\t--top-icon-width: calc(var(--top-icon-size) + var(--top-forms-padding));\r\n\t--top-icon2-width: calc(var(--top-icon2-size) + var(--top-forms-padding));\r\n}\r\n\r\n.top-button.top-size_l {\r\n\t--top-forms-padding: var(--top-forms-padding_l);\r\n\t--top-forms-base-height: var(--top-forms-base-height_l);\r\n}\r\n\r\n.top-button.top-size_xl {\r\n\t--top-forms-padding: var(--top-forms-padding_xl);\r\n\t--top-forms-base-height: var(--top-forms-base-height_xl);\r\n}\r\n</style>","<script setup lang=\"ts\">\r\nimport type { Props } from './checkbox';\r\nimport ControlLabel from '../controlLabel/controlLabel.vue';\r\n\r\ndefineProps<Props>();\r\n\r\nconst model = defineModel<Props['modelValue']>();\r\n</script>\r\n\r\n<template>\r\n\t<label\r\n\t\t:class=\"{\r\n\t\t\t['top-forms-optionWrapper']: true,\r\n\t\t\t['top-checkbox']: true,\r\n\t\t\t['top-checkbox_' + name]: !!name,\r\n\t\t\t['top-disabled']: disabled,\r\n\t\t\t['top-error']: isError && !disabled,\r\n\t\t}\"\r\n\t>\r\n\t\t<input\r\n\t\t\ttype=\"checkbox\"\r\n\t\t\t:class=\"{\r\n\t\t\t\t['top-forms-focusable']: !disabled,\r\n\t\t\t\t['top-forms-option']: true,\r\n\t\t\t\t['top-checkbox_input']: true,\r\n\t\t\t\t['top-error']: isError && !disabled,\r\n\t\t\t}\"\r\n\t\t\t:name=\"name\"\r\n\t\t\tv-model=\"model\"\r\n\t\t\t:value=\"value\"\r\n\t\t\t:indeterminate=\"indeterminate\"\r\n\t\t\t:disabled=\"disabled\"\r\n\t\t>\r\n\r\n\t\t<ControlLabel\r\n\t\t\tv-if=\"$slots.default\"\r\n\t\t\t:description=\"description\"\r\n\t\t\t:disabled=\"disabled\"\r\n\t\t>\r\n\t\t\t<!-- @slot Слот с заголовком -->\r\n\t\t\t<slot></slot>\r\n\t\t</ControlLabel>\r\n\t</label>\r\n</template>\r\n\r\n<style module>\r\n.top-checkbox {\r\n\tcursor: pointer;\r\n\tdisplay: inline-flex;\r\n}\r\n\r\n.top-checkbox_input {\r\n\tcursor: inherit;\r\n\tborder-radius: 4px;\r\n\tbackground: var(--content-background-color);\r\n\tborder: 1px solid var(--top-forms-border-color);\r\n\twidth: calc(var(--top-forms-option-height) - 3px * 2);\r\n\theight: calc(var(--top-forms-option-height) - 3px * 2);\r\n}\r\n\r\n.top-checkbox_input:before {\r\n\tcontent: \" \";\r\n\tcolor: #FFF;\r\n\tfont-family: \"Topvisor-2\";\r\n\tfont-size: 16px;\r\n}\r\n\r\n.top-checkbox_input:hover {\r\n\tborder-color: var(--top-forms-border-color-hover);\r\n\tbackground: var(--color-theme-100);\r\n}\r\n\r\n/* checked / indeterminate */\r\n.top-checkbox_input:checked,\r\n.top-checkbox_input:indeterminate {\r\n\tborder-color: var(--color-bg-primary-2);\r\n\tbackground: var(--color-bg-primary-2);\r\n}\r\n\r\n.top-checkbox_input:checked:before {\r\n\tcontent: \"\";\r\n}\r\n\r\n.top-checkbox_input:indeterminate:before {\r\n\tcontent: \"\";\r\n}\r\n\r\n.top-checkbox_input:checked:hover,\r\n.top-checkbox_input:indeterminate:hover {\r\n\tborder-color: var(--color-bg-primary-1);\r\n\tbackground: var(--color-bg-primary-1);\r\n}\r\n\r\n/* disabled selected */\r\n.top-checkbox_input:disabled {\r\n\tborder-color: var(--color-line-1);\r\n\tbackground: var(--color-theme-100);\r\n}\r\n\r\n.top-checkbox_input:checked:disabled,\r\n.top-checkbox_input:indeterminate:disabled {\r\n\tborder-color: transparent;\r\n\tbackground: var(--color-theme-400);\r\n}\r\n\r\n/* isError */\r\n.top-checkbox_input.top-error {\r\n\tborder-color: var(--color-bg-negative-2);\r\n}\r\n\r\n.top-checkbox_input.top-error:hover {\r\n\tborder-color: var(--color-bg-negative-1);\r\n}\r\n\r\n/* isError selected */\r\n.top-checkbox_input:checked.top-error,\r\n.top-checkbox_input:indeterminate.top-error {\r\n\tbackground: var(--color-bg-negative-2);\r\n}\r\n\r\n.top-checkbox_input:checked.top-error:hover,\r\n.top-checkbox_input:indeterminate.top-error:hover {\r\n\tbackground: var(--color-bg-negative-1);\r\n}\r\n</style> ","<script setup lang=\"ts\">\r\nimport { computed } from 'vue';\r\nimport type { Props, Emits } from './input';\r\nimport { TopLoadbar } from '@/components/forms/forms';\r\n\r\ndefineOptions({\r\n\tinheritAttrs: false,\r\n});\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n\tsize: 's',\r\n\tcaptionType: '',\r\n});\r\n\r\nconst emit = defineEmits<Emits>();\r\n\r\nconst localValue = computed({\r\n\tget() {\r\n\t\treturn props.modelValue;\r\n\t},\r\n\tset(value) {\r\n\t\temit('update:modelValue', value);\r\n\t},\r\n});\r\n\r\nconst placeholder = computed(() => {\r\n\tif (props.addCleaner && !props.title) {\r\n\t\treturn '';\r\n\t}\r\n\tif (props.captionType !== '') {\r\n\t\treturn '';\r\n\t}\r\n\r\n\treturn props.title;\r\n});\r\n\r\nconst clean = (event: Event) => {\r\n\tif (props.modelValue) {\r\n\t\tevent.stopPropagation();\r\n\t}\r\n\r\n\temit('update:modelValue', '');\r\n};\r\n</script>\r\n\r\n<template>\r\n\t<label\r\n\t\t:class=\"{\r\n\t\t\t['top-input']: true,\r\n\t\t\t['top-size_' + size]: true,\r\n\t\t\t['top-disabled']: disabled,\r\n\t\t\t['top-input-' + modificator]: !!modificator,\r\n\t\t\t['top-input-withCleaner']: addCleaner && localValue && localValue !== '0000-00-00',\r\n\t\t\t['top-formsCaptionWrapper']: captionType !== '',\r\n\t\t\t['top-formsCaptionWrapper-always']: captionType === 'top',\r\n\t\t}\"\r\n\t\t:data-top-icon=\"icon\"\r\n\t\t:data-top-icon2=\"icon2\"\r\n\t>\r\n\t\t<TopLoadbar v-if=\"isLoading\"/>\r\n\r\n\t\t<input\r\n\t\t\ttype=\"text\"\r\n\t\t\t:class=\"{\r\n\t\t\t\t['top-input_input']: true,\r\n\t\t\t\t['top-input_input-' + modificator]: !!modificator,\r\n\t\t\t\t['top-forms-focusable']: !disabled,\r\n\t\t\t\t['top-error']: isError,\r\n\t\t\t}\"\r\n\t\t\tautocomplete=\"off_always\"\r\n\t\t\t:name=\"name\"\r\n\t\t\tv-model=\"localValue\"\r\n\t\t\t:title=\"title\"\r\n\t\t\t:placeholder=\"placeholder\"\r\n\t\t\t:disabled=\"disabled\"\r\n\t\t\t:readonly=\"readonly\"\r\n\t\t\t@keydown.esc=\"(event) => (addCleaner || !!$slots.btn) && clean(event)\"\r\n\t\t\t:=\"$attrs\"\r\n\t\t>\r\n\r\n\t\t<span\r\n\t\t\tv-if=\"addCleaner && localValue && localValue !== '0000-00-00'\"\r\n\t\t\tclass=\"top-input_cleaner\"\r\n\t\t\tdata-top-icon=\"\"\r\n\t\t\t@click.prevent=\"clean\"\r\n\t\t></span>\r\n\r\n\t\t<span\r\n\t\t\tv-if=\"captionType !== ''\"\r\n\t\t\tclass=\"top-formsCaption\"\r\n\t\t>\r\n\t\t\t{{ title }}\r\n\t\t</span>\r\n\r\n\t\t<!-- @slot Слот для вставки произвольного кода в label -->\r\n\t\t<slot></slot>\r\n\t</label>\r\n</template>\r\n\r\n<style module>\r\n.top-input {\r\n\t--top-forms_clear-width: 0px;\r\n\r\n\tborder-radius: var(--top-forms-radius);\r\n\twidth: 180px;\r\n\tposition: relative;\r\n\tdisplay: inline-flex;\r\n\talign-items: center;\r\n\tgap: var(--top-gap-1);\r\n}\r\n\r\n.top-input_input {\r\n\tcolor: var(--color-text-2);\r\n\tbackground: var(--top-forms-background-color);\r\n\theight: var(--top-forms-base-height);\r\n\tpadding: 0;\r\n\tpadding-right: calc(max(var(--top-forms-padding), calc(var(--top-icon2-width) + var(--top-forms_clear-width))));\r\n\tpadding-left: calc(max(var(--top-forms-padding), var(--top-icon-width)));\r\n}\r\n\r\n.top-input_input:hover {\r\n\tbackground: var(--top-forms-background-color-hover);\r\n}\r\n\r\n.top-input_input:focus {\r\n\tcolor: var(--color-text-1);\r\n\tborder-color: var(--color-line-primary-1);\r\n\toutline: none;\r\n}\r\n\r\n/* значки */\r\n.top-input[data-top-icon]:before,\r\n.top-input[data-top-icon2]:after {\r\n\t--top-icon-color: var(--color-icon-4);\r\n\t--top-icon2-color: var(--color-icon-4);\r\n\r\n\tposition: absolute;\r\n\tz-index: 3;\r\n\tfont-size: 20px;\r\n}\r\n\r\n.top-input[data-top-icon]:before {\r\n\tleft: 0;\r\n}\r\n\r\n.top-input[data-top-icon2]:after {\r\n\tright: 0;\r\n}\r\n\r\n/* cleaner */\r\n.top-input-withCleaner {\r\n\t--top-forms_clear-width: 24px;\r\n}\r\n\r\n.top-input_cleaner {\r\n\t--top-icon-size: 16px;\r\n\t--top-icon-width: 20px;\r\n\t--top-icon-color: var(--color-icon-3);\r\n\r\n\tcursor: pointer;\r\n\tborder-radius: 50%;\r\n\twidth: 20px;\r\n\theight: 16px;\r\n\tposition: absolute;\r\n\tright: calc(var(--top-forms-border-width) + max(var(--top-icon2-width), var(--top-forms-padding) / 2));\r\n\tz-index: 1;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n}\r\n\r\n.top-input_cleaner:hover {\r\n\t--top-icon-color: var(--color-icon-2);\r\n}\r\n\r\n/* TODO: перенести в inputsRange */\r\n.top-input_input {\r\n\twidth: 50%;\r\n\tflex-grow: 1;\r\n}\r\n\r\n/* top-loadbar */\r\n.top-input .top-loadbar {\r\n\tborder-radius: var(--top-forms-radius) 0 0 0;\r\n}\r\n</style>\r\n","<script lang=\"ts\">\r\nconst useNativeDatepicker = !!document.documentElement.ontouchstart && !!document.createElement('input').showPicker;\r\n\r\nlet onInputLazy = (_e: any) => { };\r\n</script>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ref, computed, onUnmounted } from 'vue';\r\nimport { dateFormat, dateUnformat } from '@/core/utils/date';\r\nimport type { Props, Emits } from './inputDate';\r\nimport { TopInput } from '@/components/forms/forms';\r\nimport Core from '@/core/core/core';\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n\ticon2: '',\r\n});\r\n\r\nconst emit = defineEmits<Emits>();\r\n\r\nonUnmounted(() => {\r\n\tif ($el) {\r\n\t\t$el.datepicker('destroy');\r\n\t}\r\n});\r\n\r\nconst el = ref();\r\nlet $el: any;\r\n\r\nconst localValue = computed({\r\n\tget() {\r\n\t\treturn dateFormat(props.modelValue, 2, undefined, '0000-00-00');\r\n\t},\r\n\r\n\tset(value) {\r\n\t\tvalue = dateUnformat(value, '0000-00-00');\r\n\r\n\t\temit('update:modelValue', value);\r\n\t},\r\n});\r\n\r\nlet oninput = (e: any) => {\r\n\tonInputLazy(e);\r\n};\r\n\r\nlet onchange = (e: any) => {\r\n\tconst date = dateUnformat(e.target.value);\r\n\tconst dateFormatted = dateFormat(date);\r\n\r\n\tif (!dateFormatted || dateFormatted === Core.L.Not_date || e.target.value !== dateFormatted) {\r\n\t\te.target.value = localValue.value;\r\n\r\n\t\treturn;\r\n\t}\r\n\r\n\tlocalValue.value = e.target.value;\r\n};\r\n\r\n/**\r\n * Инициализпация функций выбора дат\r\n *\r\n * Для не нативного datepicker\r\n */\r\nasync function init(e: any) {\r\n\tconst datepicker = await import('./datepicker');\r\n\r\n\t// формат ввода\r\n\tonInputLazy = datepicker.oninput;\r\n\r\n\t// datepicker\r\n\t$el = datepicker.connectDatepicker(e.target, {\r\n\t\tonSelect: () => onchange(e),\r\n\t});\r\n\r\n\tif ($el) {\r\n\t\t$el.datepicker('show');\r\n\t}\r\n}\r\n</script>\r\n\r\n<template>\r\n\t<TopInput\r\n\t\tv-if=\"useNativeDatepicker\"\r\n\t\t:=\"$props\"\r\n\t\t:modelValue=\"localValue\"\r\n\t\treadonly\r\n\t\t@click=\"el.showPicker()\"\r\n\t>\r\n\t\t<input\r\n\t\t\tref=\"el\"\r\n\t\t\ttype=\"date\"\r\n\t\t\tclass=\"top-input_input-date\"\r\n\t\t\t:modelValue=\"modelValue\"\r\n\t\t\t@change=\"(e: any) => localValue = e.target.value\"\r\n\t\t\ttabindex=\"-1\"\r\n\t\t/>\r\n\t</TopInput>\r\n\r\n\t<TopInput\r\n\t\tv-else\r\n\t\t:=\"$props\"\r\n\t\t:modelValue=\"localValue\"\r\n\t\t@update:modelValue=\"(newValue) => (newValue === '') ? localValue = '' : ''\"\r\n\t\t@input.date=\"oninput\"\r\n\t\t@focus.once.date=\"init\"\r\n\t\t@change.date=\"onchange\"\r\n\t\tmodificator=\"datepicker\"\r\n\t/>\r\n</template>\r\n\r\n<style module>\r\n.top-input-datepicker {\r\n\twidth: calc(105px + var(--top-icon-width) + var(--top-icon2-width));\r\n}\r\n\r\n.top-input_input-date {\r\n\topacity: 0;\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tright: 0;\r\n\tbottom: 0;\r\n\tleft: 0;\r\n\tz-index: -1;\r\n}\r\n\r\n.top-input_input-date::-webkit-inner-spin-button {\r\n\tdisplay: none;\r\n}\r\n\r\n.top-input_input-date::-webkit-calendar-picker-indicator {\r\n\topacity: 0;\r\n}\r\n</style>\r\n","<script setup lang=\"ts\">\r\nimport { computed } from 'vue';\r\nimport type { Props, Emits } from './radio';\r\nimport ControlLabel from '../controlLabel/controlLabel.vue';\r\n\r\nconst props = defineProps<Props>();\r\nconst emit = defineEmits<Emits>();\r\n\r\nconst localValue = computed({\r\n\tget() {\r\n\t\treturn props.modelValue;\r\n\t},\r\n\tset(value) {\r\n\t\temit('update:modelValue', value);\r\n\t},\r\n});\r\n\r\n</script>\r\n\r\n<template>\r\n\t<label\r\n\t\t:class=\"{\r\n\t\t\t['top-forms-optionWrapper']: true,\r\n\t\t\t['top-radio']: true,\r\n\t\t\t['top-radio_' + name]: name !== '',\r\n\t\t\t['top-disabled']: disabled,\r\n\t\t\t['top-error']: isError && !disabled,\r\n\t\t}\"\r\n\t>\r\n\t\t<input\r\n\t\t\ttype=\"radio\"\r\n\t\t\t:class=\"{\r\n\t\t\t\t['top-forms-focusable']: !disabled,\r\n\t\t\t\t['top-forms-option']: true,\r\n\t\t\t\t['top-radio_input']: true,\r\n\t\t\t\t['top-error']: isError && !disabled,\r\n\t\t\t}\"\r\n\t\t\tv-model=\"localValue\"\r\n\t\t\t:name=\"name\"\r\n\t\t\t:value=\"value\"\r\n\t\t\t:disabled=\"disabled\"\r\n\t\t>\r\n\r\n\t\t<ControlLabel\r\n\t\t\tv-if=\"$slots.default\"\r\n\t\t\t:description=\"description\"\r\n\t\t\t:disabled=\"disabled\"\r\n\t\t>\r\n\t\t\t<!-- @slot Слот с заголовком -->\r\n\t\t\t<slot></slot>\r\n\t\t</ControlLabel>\r\n\t</label>\r\n</template>\r\n\r\n<style module>\r\n:root {\r\n\t--top-radio-background-color: var(--content-background-color);\r\n\t--top-radio-background-color-hover: var(--top-radio-background-color);\r\n\t--top-radio-background-color-active: var(--top-radio-background-color);\r\n}\r\n\r\n.top-radio {\r\n\tcursor: pointer;\r\n}\r\n\r\n.top-radio_input {\r\n\tborder-radius: 50%;\r\n\tbackground: var(--content-background-color);\r\n\tborder: 1px solid var(--color-line-3);\r\n\twidth: calc(var(--top-forms-option-height) - 3px * 2);\r\n\theight: calc(var(--top-forms-option-height) - 3px * 2);\r\n}\r\n\r\n.top-radio_input:hover {\r\n\tborder-color: var(--color-line-3);\r\n\tbackground: var(--color-layer-secondary-1);\r\n}\r\n\r\n.top-radio_input:checked {\r\n\tborder-color: var(--color-line-primary-1);\r\n\tborder-width: 5px;\r\n}\r\n\r\n.top-radio_input:checked:hover {\r\n\tborder-color: var(--color-line-primary-2);\r\n}\r\n\r\n/* disabled */\r\n.top-radio_input:disabled {\r\n\tborder-color: var(--color-line-1-opacity);\r\n\tbackground: var(--color-theme-100);\r\n}\r\n\r\n/* disabled selected */\r\n.top-radio_input:checked:disabled {\r\n\tborder-color: var(--color-theme-400);\r\n}\r\n\r\n/* isError */\r\n.top-radio_input.top-error {\r\n\tborder-color: var(--color-line-negative-1);\r\n}\r\n\r\n.top-radio_input.top-error:hover {\r\n\tborder-color: var(--color-line-negative-2);\r\n}\r\n</style>","<script setup lang=\"ts\">\r\nimport { computed } from 'vue';\r\nimport type { Props, Emits } from './switcher';\r\nimport ControlLabel from '../controlLabel/controlLabel.vue';\r\n\r\nconst props = defineProps<Props>();\r\nconst emit = defineEmits<Emits>();\r\n\r\nconst localValue = computed({\r\n\tget() {\r\n\t\treturn props.modelValue;\r\n\t},\r\n\tset(value) {\r\n\t\temit('update:modelValue', value);\r\n\t},\r\n});\r\n</script>\r\n\r\n<template>\r\n\t<label\r\n\t\t:class=\"{\r\n\t\t['top-forms-optionWrapper']: true,\r\n\t\t['top-checkboxSwitcher']: true,\r\n\t\t['top-disabled']: disabled,\r\n\t\t['top-error']: isError && !disabled,\r\n\t}\"\r\n\t>\r\n\t\t<input\r\n\t\t\ttype=\"checkbox\"\r\n\t\t\t:class=\"{\r\n\t\t\t\t['top-forms-focusable']: !disabled,\r\n\t\t\t\t['top-forms-option']: true,\r\n\t\t\t\t['top-checkboxSwitcher_input']: true,\r\n\t\t\t\t['top-error']: isError && !disabled,\r\n\t\t\t}\"\r\n\t\t\tv-model=\"localValue\"\r\n\t\t\t:name=\"name\"\r\n\t\t\t:value=\"value\" \r\n\t\t\t:disabled=\"disabled\"\r\n\t\t>\r\n\r\n\t\t<ControlLabel\r\n\t\t\tv-if=\"$slots.default\"\r\n\t\t\t:description=\"description\"\r\n\t\t\t:disabled=\"disabled\"\r\n\t\t>\r\n\t\t\t<!-- @slot Слот с заголовком -->\r\n\t\t\t<slot></slot>\r\n\t\t</ControlLabel>\r\n\t</label>\r\n</template>\r\n\r\n<style module>\r\n.top-checkboxSwitcher {\r\n\tcursor: pointer;\r\n\tdisplay: inline-flex;\r\n\tgap: 4px;\r\n}\r\n\r\n.top-checkboxSwitcher_input {\r\n\tborder-radius: 9px;\r\n\tborder: none;\r\n\tbackground: var(--color-layer-secondary-2);\r\n\twidth: 36px;\r\n\theight: 18px;\r\n\tposition: relative;\r\n}\r\n\r\n.top-checkboxSwitcher_input:before {\r\n\tcontent: '';\r\n\tborder-radius: 50%;\r\n\tbackground: var(--color-white);\r\n\twidth: 12px;\r\n\theight: 12px;\r\n\tmargin: 3px;\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\r\n\ttransition: left 0.1s;\r\n}\r\n\r\n.top-checkboxSwitcher_input:hover {\r\n\tbackground: var(--color-layer-secondary-4);\r\n}\r\n\r\n/* checked */\r\n.top-checkboxSwitcher_input:checked {\r\n\tbackground: var(--color-bg-primary-2);\r\n}\r\n\r\n.top-checkboxSwitcher_input:checked:hover {\r\n\tbackground: var(--color-bg-primary-1);\r\n}\r\n\r\n.top-checkboxSwitcher_input:checked:before {\r\n\tleft: 50%;\r\n}\r\n\r\n/* disabled */\r\n.top-checkboxSwitcher_input:disabled {\r\n\tbackground: var(--color-theme-400);\r\n}\r\n\r\n/* isError */\r\n.top-checkboxSwitcher_input.top-error {\r\n\tbackground: var(--color-layer-negative-3);\r\n}\r\n\r\n.top-checkboxSwitcher_input.top-error:hover {\r\n\tbackground: var(--color-layer-negative-4);\r\n}\r\n\r\n.top-checkboxSwitcher_input.top-error:checked {\r\n\tbackground: var(--color-bg-negative-2);\r\n}\r\n\r\n.top-checkboxSwitcher_input.top-error:checked:hover {\r\n\tbackground: var(--color-bg-negative-1);\r\n}\r\n\r\n</style>","<script setup lang=\"ts\">\r\nimport { computed } from 'vue';\r\nimport Hint from '@/components/forms/hint/hint.vue';\r\nimport type { Props, Emits } from './textarea';\r\n\r\ndefineOptions({\r\n\tinheritAttrs: false,\r\n});\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n\trows: 5,\r\n\tminHeight: 120,\r\n});\r\n\r\nconst emit = defineEmits<Emits>();\r\n\r\nconst value = computed({\r\n\tget () {\r\n\t\treturn props.modelValue;\r\n\t},\r\n\tset (value) {\r\n\t\temit('update:modelValue', value);\r\n\t},\r\n});\r\n</script>\r\n\r\n<template>\r\n\t<label\r\n\t\t:class=\"{\r\n\t\t\t['top-textarea']: true,\r\n\t\t\t['top-textarea-' + name]: name,\r\n\t\t\t['top-disabled']: disabled,\r\n\t\t}\"\r\n\t>\r\n\t\t<textarea\r\n\t\t\ttype=\"text\"\r\n\t\t\t:class=\"{\r\n\t\t\t\t['top-forms-focusable']: !disabled,\r\n\t\t\t\t['top-textarea_textarea']: true,\r\n\t\t\t\t['top-textarea_textarea-expandable']: expandable,\r\n\t\t\t\t['top-error']: isError,\r\n\t\t\t}\"\r\n\t\t\tautocomplete=\"off_always\"\r\n\t\t\t:name=\"name\"\r\n\t\t\t:placeholder=\"placeholder\"\r\n\t\t\t:disabled=\"disabled\"\r\n\t\t\t:readonly=\"readonly\"\r\n\t\t\t:rows=\"!expandable ? rows : undefined\"\r\n\t\t\t:=\"$attrs\"\r\n\t\t\tv-model=\"value\"\r\n\t\t/>\r\n\r\n\t\t<div\r\n\t\t\tv-if=\"expandable\"\r\n\t\t\tclass=\"top-textarea_pseudoContent\"\r\n\t\t>\r\n\t\t\t{{ value + ' ' }}\r\n\t\t</div>\r\n\r\n\t\t<Hint\r\n\t\t\tv-if=\"hint\"\r\n\t\t\tclass=\"top-textarea_hint\"\r\n\t\t\t:hint=\"hint\"\r\n\t\t\tv-top-tooltip\r\n\t\t/>\r\n\t</label>\r\n</template>\r\n\r\n<style module>\r\n.top-textarea {\r\n\twidth: 180px;\r\n\tdisplay: inline-flex;\r\n\talign-items: center;\r\n\tposition: relative;\r\n}\r\n\r\n.top-textarea_textarea {\r\n\tcolor: var(--color-text-1);\r\n\tbackground: var(--top-forms-background-color);\r\n\twidth: 100%;\r\n\tpadding: var(--top-forms-padding);\r\n\tresize: none;\r\n}\r\n\r\n.top-textarea_textarea:hover {\r\n\tbackground: var(--top-forms-background-color-hover);\r\n}\r\n\r\n.top-textarea_textarea:focus {\r\n\tborder-color: var(--color-line-primary-1);\r\n\toutline: none;\r\n}\r\n\r\n.top-textarea_textarea.top-textarea_textarea-expandable {\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\toverflow: hidden;\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tleft: 0;\r\n}\r\n\r\n.top-textarea_pseudoContent {\r\n\tbox-sizing: border-box;\r\n\tmin-height: v-bind(minHeight + 'px');\r\n\tpadding: var(--top-forms-padding);\r\n\tfont-size: 14px;\r\n\twhite-space: pre-wrap;\r\n\toverflow-wrap: anywhere;\r\n\tpointer-events: none;\r\n\topacity: 0;\r\n\tz-index: -1;\r\n}\r\n\r\n.top-textarea_hint {\r\n\tposition: absolute;\r\n\ttop: 2px;\r\n\tright: 2px;\r\n}\r\n</style>","<script setup lang=\"ts\">\r\nimport { computed, watch } from 'vue';\r\nimport type { ComputedRef } from 'vue';\r\nimport type { Props, Emits, Option, LocalOptions } from './select';\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n\tsize: 's',\r\n});\r\n\r\nconst model = defineModel<Props['modelValue']>({\r\n\trequired: true,\r\n});\r\n\r\nconst emit = defineEmits<Emits>();\r\n\r\n/**\r\n * Словарь с учетом вложенных Props['options']\r\n *\r\n * Этот словарь должен использовать в логике компонента, чтобы она не зависила от типа входных данных\r\n */\r\nconst optionByValue: ComputedRef<LocalOptions> = computed(() => {\r\n\t/**\r\n\t * Преобразование:\r\n\t * - Array => Map\r\n\t * - string => Option\r\n\t */\r\n\tconst res = new Map();\r\n\r\n\tprops.options.forEach((option, index) => {\r\n\t\t// базовый Options со строками\r\n\t\tif (typeof option === 'string') option = genOption(index, option);\r\n\r\n\t\tif (option.children) {\r\n\t\t\t// вложенные элементы Option для <optgroup>\r\n\t\t\tconst children = new Map();\r\n\r\n\t\t\toption.children.forEach((subOption, subIndex) => {\r\n\t\t\t\t// базовый Options со строками\r\n\t\t\t\tif (typeof subOption === 'string') subOption = genOption(subIndex, subOption);\r\n\r\n\t\t\t\tchildren.set(subOption.value, subOption);\r\n\t\t\t});\r\n\r\n\t\t\toption = { ...option };\r\n\t\t\toption.children = children;\r\n\r\n\t\t\tres.set(option.value, option);\r\n\t\t} else {\r\n\t\t\t// самостоятельный элемент Option\r\n\t\t\tres.set(option.value, option);\r\n\t\t}\r\n\t});\r\n\r\n\treturn res;\r\n});\r\n\r\n/**\r\n * Словарь со всеми не disabled значениями Props['options'] в порядке следования с учетом вложенных Props['options']\r\n */\r\nconst flatOptionByValue: ComputedRef<Map<Props['modelValue'], Option>> = computed(() => {\r\n\tconst res = new Map();\r\n\r\n\toptionByValue.value.forEach(option => {\r\n\t\tif (option.disabled) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\t// вложенные элементы Option для <optgroup>\r\n\t\tif (option.children) {\r\n\t\t\toption.children.forEach(subOption => {\r\n\t\t\t\tif (subOption.disabled) {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tres.set(subOption.value, subOption);\r\n\t\t\t});\r\n\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tres.set(option.value, option);\r\n\t});\r\n\r\n\treturn res;\r\n});\r\n\r\n/**\r\n * Генерация Объекта option из строки\r\n *\r\n * Для базового способа указания props\r\n */\r\nconst genOption = (value: Props['modelValue'], title: string): Option => {\r\n\treturn {\r\n\t\tvalue,\r\n\t\ttitle,\r\n\t};\r\n};\r\n\r\n/**\r\n * Логика для обртаной своместимости:\r\n * - null - заменить на первое доступное значение\r\n * - undefined - заменить на первое доступное значение\r\n */\r\nwatch([\r\n\t() => props.modelValue,\r\n\tflatOptionByValue,\r\n], () => {\r\n\tif ((model.value === null || model.value === undefined) && flatOptionByValue.value.size) {\r\n\t\tconsole.warn('Пожалуйста, не передавайте в компонент Select значения null и undefined');\r\n\r\n\t\tmodel.value = flatOptionByValue.value.keys().next().value;\r\n\t}\r\n}, { immediate: true });\r\n\r\n/**\r\n * Иконка выбранного option\r\n */\r\nconst optionIcon = computed(() => {\r\n\treturn flatOptionByValue.value.get(model.value)?.icon;\r\n});\r\n\r\n/**\r\n * Выбрать следующее доступное значение\r\n */\r\nconst selectNextValue = () => {\r\n\tconst listEnabledValues = [...flatOptionByValue.value.keys()];\r\n\tconst currentIndex = listEnabledValues.indexOf(model.value);\r\n\tconst nextIndex = (currentIndex + 1) % listEnabledValues.length;\r\n\r\n\tmodel.value = listEnabledValues[nextIndex];\r\n};\r\n</script>\r\n\r\n<template>\r\n\t<label\r\n\t\t:class=\"{\r\n\t\t\t['top-select']:true,\r\n\t\t\t['top-select-' + name]:name,\r\n\t\t\t['top-size_' + size]: true,\r\n\t\t\t['top-formsCaptionWrapper']: !!title,\r\n\t\t\t['top-select-error']: isError,\r\n\t\t\t['top-disabled']: disabled,\r\n\t\t}\"\r\n\t\t:data-value=\"model\"\r\n\t\t:data-top-icon=\"icon\"\r\n\t\t:data-top-icon2=\"optionIcon\"\r\n\t>\r\n\t\t<select\r\n\t\t\t:class=\"{\r\n\t\t\t\t['top-forms-focusable']: !disabled,\r\n\t\t\t\t['top-select_select']: true,\r\n\t\t\t\t['top-select_arrow']: true,\r\n\t\t\t\t['top-error']: isError,\r\n\t\t\t}\"\r\n\t\t\t:name=\"name\"\r\n\t\t\t:disabled=\"disabled\"\r\n\t\t\tv-model=\"model\"\r\n\t\t>\r\n\t\t\t<template v-for=\"[value, option] of optionByValue\">\r\n\t\t\t\t<optgroup\r\n\t\t\t\t\tv-if=\"option.children\"\r\n\t\t\t\t\t:key=\"'group_' + value\"\r\n\t\t\t\t\t:label=\"option.title\"\r\n\t\t\t\t\t:disabled=\"option.disabled\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<option\r\n\t\t\t\t\t\tv-for=\"[subValue, subOption] of option.children\"\r\n\t\t\t\t\t\t:key=\"subValue\"\r\n\t\t\t\t\t\t:value=\"subValue\"\r\n\t\t\t\t\t\t:selected=\"subValue === model\"\r\n\t\t\t\t\t\t:disabled=\"subOption.disabled\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{{ subOption.title }}\r\n\t\t\t\t\t</option>\r\n\t\t\t\t</optgroup>\r\n\r\n\t\t\t\t<option\r\n\t\t\t\t\tv-else\r\n\t\t\t\t\t:key=\"value ?? undefined\"\r\n\t\t\t\t\t:value=\"value\"\r\n\t\t\t\t\t:selected=\"value === model\"\r\n\t\t\t\t\t:disabled=\"option.disabled\"\r\n\t\t\t\t>\r\n\t\t\t\t\t{{ option.title }}\r\n\t\t\t\t</option>\r\n\t\t\t</template>\r\n\t\t</select>\r\n\r\n\t\t<span\r\n\t\t\tv-if=\"addChanger && flatOptionByValue.size && !disabled\"\r\n\t\t\tclass=\"top-changer\"\r\n\t\t\t@click=\"selectNextValue\"\r\n\t\t></span>\r\n\r\n\t\t<span\r\n\t\t\tv-if=\"title\"\r\n\t\t\tclass=\"top-formsCaption\"\r\n\t\t>\r\n\t\t\t{{ title }}\r\n\t\t</span>\r\n\t</label>\r\n</template>\r\n\r\n<style module>\r\n.top-select {\r\n\tcolor: var(--color-text-1);\r\n\t--top-icon-color: var(--color-icon-2);\r\n\t--top-icon2-color: var(--color-icon-2);\r\n\r\n\talign-items: center;\r\n\twidth: 180px;\r\n\tmax-width: 100%;\r\n\tdisplay: inline-flex;\r\n}\r\n\r\n.top-select-error {\r\n\t--top-icon-color: var(--color-icon-negative-1);\r\n\t--top-icon2-color: var(--color-icon-negative-1);\r\n}\r\n\r\n.top-select_select {\r\n\tbackground-color: var(--top-forms-background-color);\r\n\t/* для select вместо padding нужно использовать text-indent */\r\n\tpadding-left: var(--top-forms-padding);\r\n\r\n\t/* если есть значки, добавить отступ на их ширину с учетом уже добавленного padding */\r\n\ttext-indent: calc(clamp(0px, calc(var(--top-icon-both-width) - var(--top-forms-padding)), calc(var(--top-icon-both-width) - var(--top-forms-padding))));\r\n\r\n\twidth: 100%;\r\n\theight: var(--top-forms-base-height);\r\n\ttext-overflow: ellipsis;\r\n\twhite-space: nowrap;\r\n\tflex-grow: 1;\r\n\toverflow: hidden;\r\n}\r\n\r\n.top-select_select:disabled {\r\n\tcolor: var(--color-text-3);\r\n}\r\n\r\n.top-select optgroup {\r\n\tcolor: var(--color-text-1);\r\n\tfont-style: normal;\r\n}\r\n\r\n.top-select option:not(:disabled) {\r\n\tbackground: var(--content-background-color);\r\n\tcolor: var(--color-text-1);\r\n}\r\n\r\n.top-select option:disabled {\r\n\tbackground: unset;\r\n\tcolor: unset;\r\n}\r\n\r\n/* хром не мерняет цвет для optgroup option, стили оставлены по умолчанию */\r\n/*\r\n.top-select optgroup:disabled,\r\n.top-select optgroup option,\r\n.top-select option:disabled {\r\n\r\n}\r\n*/\r\n\r\n/* https://bugzilla.mozilla.org/show_bug.cgi?id=1743066 */\r\n@-moz-document url-prefix() {\r\n\t.top-select_select {\r\n\t\ttext-indent: calc(clamp(0px, calc(var(--top-icon-both-width) - var(--top-forms-padding)), calc(var(--top-icon-both-width) - var(--top-forms-padding))) / 2);\r\n\t}\r\n}\r\n\r\n@media only screen and (min-width: 900px) {\r\n\t/* changer */\r\n\t.top-changer {\r\n\t\tcursor: pointer;\r\n\t\tborder-radius: 100%;\r\n\t\twidth: 0;\r\n\t\ttransform: translateX(-44px);\r\n\t\tcolor: var(--color-text-2);\r\n\t\tfont-size: 16px;\r\n\t\tline-height: 1;\r\n\t\tdisplay: none;\r\n\t\tz-index: 2;\r\n\t\torder: 4;\r\n\t}\r\n\r\n\t.top-changer:hover {\r\n\t\tcolor: var(--color-primary);\r\n\t}\r\n\r\n\t.top-changer:after {\r\n\t\tcontent: \"\";\r\n\t\tbackground-color: var(--top-forms-background-color);\r\n\t\tfont-family: \"Topvisor-2\";\r\n\t}\r\n\r\n\t*:hover > .top-changer {\r\n\t\tdisplay: block;\r\n\t}\r\n}\r\n</style>","<template>\r\n\t<div class=\"top-loadbar\"></div>\r\n</template>\r\n\r\n<style module>\r\n:root {\r\n\t--top-loadbar-duration: 10s;\r\n\t--top-loadbar-color: var(--color-line-primary-2);\r\n}\r\n \r\n.top-loadbar {\r\n\tbackground: var(--top-loadbar-color);\r\n\twidth: 0;\r\n\theight: 4px;\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\r\n\tanimation: top-loadbar var(--top-loadbar-duration) forwards;\r\n}\r\n\r\n@keyframes top-loadbar {\r\n\tfrom {\r\n\t\t/* fix render pixels */\r\n\t\twidth: 4px;\r\n\t}\r\n\t4% {\r\n\t\twidth: calc(4%);\r\n\t}\r\n\t5% {\r\n\t\twidth: 5%;\r\n\t}\r\n\tto {\r\n\t\twidth: 95%;\r\n\t}\r\n}\r\n</style>","/**\r\n * Замечание для разработчиков\r\n *\r\n * При изменении библиотеки Forms не забудьте обновить ее подключение в плагине\r\n *\r\n * @see import('@/core/core/plugin')\r\n */\r\n\r\nimport type { ComponentCustomProps } from 'vue';\r\n\r\nimport Avatar from './avatar/avatar.vue';\r\nimport Button from './button/button.vue';\r\nimport Checkbox from './checkbox/checkbox.vue';\r\nimport ControlLabel from './controlLabel/controlLabel.vue';\r\nimport Hint from './hint/hint.vue';\r\nimport Input from './input/input.vue';\r\nimport InputDate from './inputDate/inputDate.vue';\r\nimport InputRange from './inputRange/inputRange.vue';\r\nimport Radio from './radio/radio.vue';\r\nimport Switcher from './switcher/switcher.vue';\r\nimport Textarea from './textarea/textarea.vue';\r\nimport Select from './select/select.vue';\r\nimport Loadbar from './loadbar/loadbar.vue';\r\n\r\n/**\r\n * Для не SFC, чтобы работало автозаполнение в template в ComponentOptions\r\n *\r\n * Имена намеренно делаются разными, чтобы типы не конфликтовали: `Button` и `TopButton`\r\n */\r\nexport const TopAvatar = Avatar as typeof Avatar & ComponentCustomProps;\r\nexport const TopButton = Button as typeof Button & ComponentCustomProps;\r\nexport const TopCheckbox = Checkbox as typeof Checkbox & ComponentCustomProps;\r\nexport const TopControlLabel = ControlLabel as typeof ControlLabel & ComponentCustomProps;\r\nexport const TopHint = Hint as typeof Hint & ComponentCustomProps;\r\nexport const TopInput = Input as typeof Input & ComponentCustomProps;\r\nexport const TopInputDate = InputDate as typeof InputDate & ComponentCustomProps;\r\nexport const TopInputRange = InputRange as typeof InputRange & ComponentCustomProps;\r\nexport const TopRadio = Radio as typeof Radio & ComponentCustomProps;\r\nexport const TopSwitcher = Switcher as typeof Switcher & ComponentCustomProps;\r\nexport const TopTextarea = Textarea as typeof Textarea & ComponentCustomProps;\r\nexport const TopSelect = Select as typeof Select & ComponentCustomProps;\r\nexport const TopLoadbar = Loadbar as typeof Loadbar & ComponentCustomProps;\r\n"],"names":["isRetina","isMobile","isApp","isMacOS","isSafari","isChrome","isSafari2","getCommandKeyLabel","getScrollTop","get$scroll","getElsScroll","getOS","os","res","i","getOSAsync","platformVersion","_a","Page","onResizeDelay","onResizeTimer","onResizeListeners","windowSize","addOnReize","listener","removeOnResize","onResize","e","callback","Events","options","state","$$1","el","_b","Core","tvTooltipGenOptions","binding","vnode","tooltip","_prevVnode","instance","_binding","_vnode","focus","appStickyObserver","sticky","className","entries","condition","_el","appSwimUpInited","appSwimUpObserver","directiveSwipUpOptions","appSwimUpEls","swimUpElTransform","windowHeight","distance","percent","elTop","triggerHeightReducer","triggerHeight","swimUpInit","el2","entry","swimUp","args","genWindow","_window","reactive","style","type","media","elStyle","app","options2","device","L","getDayOfWeek","y","m","d","dateToString","dateObject","langFormat","timeFormat","Y","H","s","date","dateFormat","stringToDate","genDate","timestamp","useFormat","time","genDateMoscow","ms","dateoffset","moscow_dateoffset","dateStr","dateMixed","dateFormat2","emptyValue","dateForObj","result","timeStr","dateUnformat","dateChunks","dateFormatChunks","index","props","__props","titleStatus","computed","titleImage","tagName","model","useModel","emit","__emit","localValue","value","placeholder","clean","event","useNativeDatepicker","onInputLazy","_e","onUnmounted","$el","ref","oninput","onchange","dateFormatted","init","datepicker","value2","optionByValue","option","genOption","children","subOption","subIndex","flatOptionByValue","title","watch","optionIcon","selectNextValue","listEnabledValues","nextIndex","_sfc_render","_ctx","_cache","TopAvatar","Avatar","TopButton","TopButton$1","TopCheckbox","Checkbox","TopControlLabel","ControlLabel","TopHint","Hint","TopInput","TopInput$1","TopInputDate","InputDate","TopInputRange","InputRange","TopRadio","Radio","TopSwitcher","Switcher","TopTextarea","Textarea","TopSelect","Select","TopLoadbar","Loadbar"],"mappings":"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"}
@@ -1,2 +1,2 @@
1
- define(["require","exports","vue","./forms-Cksc7Rb7.amd","../popup/worker.amd","../require/css.amd!../assets/listItem.css"],function(E,c,e,d,m){"use strict";if(typeof e>"u")var e=window.Vue;const f=e.defineComponent({__name:"opener",props:{id:{},pos:{default:"3"},notch:{type:Boolean,default:!0},openByHover:{type:Boolean},posBy:{default:"fixed"}},setup(r){const n=r,s=n.id||Math.random()+"";let p;function i(t){setTimeout(()=>{p=t.nextElementSibling,p&&a(p)})}e.onUpdated(()=>{p&&a(p)});function a(t){t.dataset.topPopup="vue-"+s,t.dataset.topPopupId=s,t.dataset.topPopupP=n.pos,t.dataset.topPopupPosBy=n.posBy,t.dataset.topPopupNotch=n.notch?"true":"",t.dataset.topPopupOpenByHover=n.openByHover?"true":""}return(t,u)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("template",{ref:i}),e.renderSlot(t.$slots,"default")],64))}}),C={key:0,class:"top-popup_header"},v={key:0,class:"top-as-a closer"},h={key:1,class:"top-popup_widget"},_={key:2,class:"top-popup_content"},$={key:4,class:"top-popup_footer"},P=e.defineComponent({__name:"popup",props:{id:{default:""},class:{},transitionDuration:{},pos:{default:"3"},notch:{type:Boolean,default:!0},openByHover:{type:Boolean},posBy:{default:"fixed"}},emits:["open","close","scrollContentList"],setup(r,{expose:n,emit:s}){const p=r,i=s,a={popup:void 0};n(a);const t=p.id||Math.random()+"",u=e.ref(null),l={onOpen:async o=>{o.elPopupInner&&(o.elPopupInner.innerText="",u.value=o.elPopupInner),l.opened=!0,l.popup=o,a.popup=o,i("open")},onClose:o=>{u.value=null,l.opened=!1,l.popup=void 0,i("close")},classRef:e.toRef(p,"class"),opened:!1,popup:void 0,transitionDurationRef:e.toRef(p,"transitionDuration")};return m.TopPopupWorker.regVueComponent(t,l),e.onUnmounted(()=>{m.TopPopupWorker.unregVueComponent(t)}),(o,B)=>{var y,k;return e.openBlock(),e.createElementBlock(e.Fragment,null,[o.$slots.opener?(e.openBlock(),e.createBlock(f,{key:0,id:e.unref(t),pos:o.pos,posBy:o.posBy,notch:o.notch,openByHover:o.openByHover},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"opener")]),_:3},8,["id","pos","posBy","notch","openByHover"])):e.createCommentVNode("",!0),u.value?(e.openBlock(),e.createBlock(e.Teleport,{key:1,to:u.value},[o.$slots.header||e.unref(d.Core).state.isMobile?(e.openBlock(),e.createElementBlock("div",C,[e.unref(d.Core).state.isMobile?(e.openBlock(),e.createElementBlock("span",v,e.toDisplayString((k=(y=l.popup)==null?void 0:y.options.i18n)==null?void 0:k.Close),1)):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"header")])):e.createCommentVNode("",!0),o.$slots.widget?(e.openBlock(),e.createElementBlock("div",h,[e.renderSlot(o.$slots,"widget")])):e.createCommentVNode("",!0),o.$slots.content?(e.openBlock(),e.createElementBlock("div",_,[e.renderSlot(o.$slots,"content")])):e.createCommentVNode("",!0),o.$slots.contentList?(e.openBlock(),e.createElementBlock("ul",{key:3,class:"top-popup_content",onScroll:B[0]||(B[0]=V=>o.$emit("scrollContentList",V))},[e.renderSlot(o.$slots,"contentList")],32)):e.createCommentVNode("",!0),o.$slots.footer?(e.openBlock(),e.createElementBlock("div",$,[e.renderSlot(o.$slots,"footer")])):e.createCommentVNode("",!0)],8,["to"])):e.createCommentVNode("",!0)],64)}}}),S=e.defineComponent({inheritAttrs:!1,__name:"listItem",props:{type:{default:"button"},closeByClick:{type:Boolean,default:!0}},setup(r){const n=r;return(s,p)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass({"top-popup_liNoSelectable":n.type!=="button"})},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(s.$attrs.href?"a":"div"),e.mergeProps({class:{"top-popup_listItem":!0,"top-popup_listItem-button":n.type==="button",a:n.type==="button","top-popup_listItem-title":n.type==="title","top-popup_listItem-delimiter":n.type==="delimiter","top-popup-noCloser":!s.closeByClick}},s.$attrs),{default:e.withCtx(()=>[e.renderSlot(s.$slots,"default")]),_:3},16,["class"]))],2))}});c._sfc_main=P,c._sfc_main$1=S,c._sfc_main$2=f});
2
- //# sourceMappingURL=listItem.vue_vue_type_script_setup_true_lang-CpNwVBHY.amd.js.map
1
+ define(["require","exports","vue","./forms-CvUw0pdr.amd","../popup/worker.amd","../require/css.amd!../assets/listItem.css"],function(E,c,e,d,m){"use strict";if(typeof e>"u")var e=window.Vue;const f=e.defineComponent({__name:"opener",props:{id:{},pos:{default:"3"},notch:{type:Boolean,default:!0},openByHover:{type:Boolean},posBy:{default:"fixed"}},setup(r){const n=r,s=n.id||Math.random()+"";let p;function i(t){setTimeout(()=>{p=t.nextElementSibling,p&&a(p)})}e.onUpdated(()=>{p&&a(p)});function a(t){t.dataset.topPopup="vue-"+s,t.dataset.topPopupId=s,t.dataset.topPopupP=n.pos,t.dataset.topPopupPosBy=n.posBy,t.dataset.topPopupNotch=n.notch?"true":"",t.dataset.topPopupOpenByHover=n.openByHover?"true":""}return(t,u)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("template",{ref:i}),e.renderSlot(t.$slots,"default")],64))}}),C={key:0,class:"top-popup_header"},v={key:0,class:"top-as-a closer"},h={key:1,class:"top-popup_widget"},_={key:2,class:"top-popup_content"},$={key:4,class:"top-popup_footer"},P=e.defineComponent({__name:"popup",props:{id:{default:""},class:{},transitionDuration:{},pos:{default:"3"},notch:{type:Boolean,default:!0},openByHover:{type:Boolean},posBy:{default:"fixed"}},emits:["open","close","scrollContentList"],setup(r,{expose:n,emit:s}){const p=r,i=s,a={popup:void 0};n(a);const t=p.id||Math.random()+"",u=e.ref(null),l={onOpen:async o=>{o.elPopupInner&&(o.elPopupInner.innerText="",u.value=o.elPopupInner),l.opened=!0,l.popup=o,a.popup=o,i("open")},onClose:o=>{u.value=null,l.opened=!1,l.popup=void 0,i("close")},classRef:e.toRef(p,"class"),opened:!1,popup:void 0,transitionDurationRef:e.toRef(p,"transitionDuration")};return m.TopPopupWorker.regVueComponent(t,l),e.onUnmounted(()=>{m.TopPopupWorker.unregVueComponent(t)}),(o,B)=>{var y,k;return e.openBlock(),e.createElementBlock(e.Fragment,null,[o.$slots.opener?(e.openBlock(),e.createBlock(f,{key:0,id:e.unref(t),pos:o.pos,posBy:o.posBy,notch:o.notch,openByHover:o.openByHover},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"opener")]),_:3},8,["id","pos","posBy","notch","openByHover"])):e.createCommentVNode("",!0),u.value?(e.openBlock(),e.createBlock(e.Teleport,{key:1,to:u.value},[o.$slots.header||e.unref(d.Core).state.isMobile?(e.openBlock(),e.createElementBlock("div",C,[e.unref(d.Core).state.isMobile?(e.openBlock(),e.createElementBlock("span",v,e.toDisplayString((k=(y=l.popup)==null?void 0:y.options.i18n)==null?void 0:k.Close),1)):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"header")])):e.createCommentVNode("",!0),o.$slots.widget?(e.openBlock(),e.createElementBlock("div",h,[e.renderSlot(o.$slots,"widget")])):e.createCommentVNode("",!0),o.$slots.content?(e.openBlock(),e.createElementBlock("div",_,[e.renderSlot(o.$slots,"content")])):e.createCommentVNode("",!0),o.$slots.contentList?(e.openBlock(),e.createElementBlock("ul",{key:3,class:"top-popup_content",onScroll:B[0]||(B[0]=V=>o.$emit("scrollContentList",V))},[e.renderSlot(o.$slots,"contentList")],32)):e.createCommentVNode("",!0),o.$slots.footer?(e.openBlock(),e.createElementBlock("div",$,[e.renderSlot(o.$slots,"footer")])):e.createCommentVNode("",!0)],8,["to"])):e.createCommentVNode("",!0)],64)}}}),S=e.defineComponent({inheritAttrs:!1,__name:"listItem",props:{type:{default:"button"},closeByClick:{type:Boolean,default:!0}},setup(r){const n=r;return(s,p)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass({"top-popup_liNoSelectable":n.type!=="button"})},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(s.$attrs.href?"a":"div"),e.mergeProps({class:{"top-popup_listItem":!0,"top-popup_listItem-button":n.type==="button",a:n.type==="button","top-popup_listItem-title":n.type==="title","top-popup_listItem-delimiter":n.type==="delimiter","top-popup-noCloser":!s.closeByClick}},s.$attrs),{default:e.withCtx(()=>[e.renderSlot(s.$slots,"default")]),_:3},16,["class"]))],2))}});c._sfc_main=P,c._sfc_main$1=S,c._sfc_main$2=f});
2
+ //# sourceMappingURL=listItem.vue_vue_type_script_setup_true_lang-C0vCVRTn.amd.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"listItem.vue_vue_type_script_setup_true_lang-CpNwVBHY.amd.js","sources":["../../src/components/popup/popup/opener.vue","../../src/components/popup/popup/popup.vue","../../src/components/popup/popup/listItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { onUpdated, ref } from 'vue';\r\nimport type { OpenerProps } from './popup';\r\n\r\nconst props = withDefaults(defineProps<OpenerProps>(), {\r\n\tpos: '3',\r\n\tnotch: true,\r\n\tposBy: 'fixed',\r\n});\r\n\r\nconst id = props.id || Math.random() + '';\r\n\r\nlet elOpener: Element;\r\n\r\n/**\r\n * Необычная функция для проброски props внтурь элемента слота\r\n *\r\n * @param el - вспомогательрный элемент для доступа к элементам слота\r\n */\r\nfunction render(el: any) {\r\n\tsetTimeout(() => {\r\n\t\telOpener = el.nextElementSibling;\r\n\r\n\t\tif (elOpener) {\r\n\t\t\trenderOpener(elOpener);\r\n\t\t}\r\n\t});\r\n}\r\n\r\nonUpdated(() => {\r\n\tif (elOpener) {\r\n\t\trenderOpener(elOpener);\r\n\t}\r\n});\r\n\r\nfunction renderOpener (elOpener: any) {\r\n\telOpener.dataset.topPopup = 'vue-' + id;\r\n\telOpener.dataset.topPopupId = id;\r\n\telOpener.dataset.topPopupP = props.pos;\r\n\telOpener.dataset.topPopupPosBy = props.posBy;\r\n\telOpener.dataset.topPopupNotch = props.notch ? 'true' : '';\r\n\telOpener.dataset.topPopupOpenByHover = props.openByHover ? 'true' : '';\r\n}\r\n</script>\r\n\r\n<template>\r\n\t<template :ref=\"render\"></template>\r\n\r\n\t<!-- @slot элемент для открытия Popup -->\r\n\t<slot></slot>\r\n</template>\r\n\r\n<!-- Использует общий deprecated класс .btn -->\r\n<style>\r\nh3[data-top-popup],\r\ndiv[data-top-popup],\r\ni[data-top-popup]:not(.btn),\r\nb[data-top-popup]:not(.btn) {\r\n\tcursor: pointer;\r\n\tuser-select: none;\r\n\tfont-style: normal;\r\n\ttext-decoration: none;\r\n\tdisplay: inline-flex;\r\n\talign-items: center;\r\n}\r\n\r\n[data-top-popup][data-top-popup-disabled] {\r\n\tpointer-events: none;\r\n\tcursor: auto !important;\r\n}\r\n\r\ni[contenteditable] {\r\n\tcursor: text !important;\r\n}\r\n</style>","<script setup lang=\"ts\">\r\nimport { ref, toRef, onUnmounted } from 'vue';\r\nimport type { Ref } from 'vue';\r\nimport Core from '@/core/core/core';\r\nimport type { Props, Emits } from './popup';\r\nimport Opener from './opener.vue';\r\nimport Worker from '@/components/popup/lib/worker';\r\nimport type PopupClass from '@/components/popup/lib/popup';\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n\tid: '',\r\n\tpos: '3',\r\n\tnotch: true,\r\n\tposBy: 'fixed',\r\n});\r\n\r\nconst emit = defineEmits<Emits>();\r\n\r\nconst expose = {\r\n\tpopup: undefined as PopupClass | undefined,\r\n};\r\ndefineExpose(expose);\r\n\r\nconst id = props.id || Math.random() + '';\r\nconst elPopupRef: Ref<null|Element> = ref(null);\r\n\r\n// см. lib/popup\r\nconst onOpen = async (popup: PopupClass) => {\r\n\tif(popup.elPopupInner){\r\n\t\tpopup.elPopupInner.innerText = '';\r\n\r\n\t\telPopupRef.value = popup.elPopupInner;\r\n\t}\r\n\r\n\tvueConnector.opened = true;\r\n\tvueConnector.popup = popup;\r\n\r\n\texpose.popup = popup;\r\n\r\n\temit('open');\r\n};\r\n\r\n// см. lib/popup\r\nconst onClose = (_popup: PopupClass) => {\r\n\telPopupRef.value = null;\r\n\r\n\tvueConnector.opened = false;\r\n\tvueConnector.popup = undefined;\r\n\r\n\temit('close');\r\n};\r\n\r\nconst vueConnector = {\r\n\tonOpen,\r\n\tonClose,\r\n\tclassRef: toRef(props, 'class'),\r\n\topened: false,\r\n\tpopup: undefined as PopupClass | undefined,\r\n\ttransitionDurationRef: toRef(props, 'transitionDuration'),\r\n};\r\n\r\nWorker.regVueComponent(id, vueConnector);\r\n\r\nonUnmounted(() => {\r\n\tWorker.unregVueComponent(id);\r\n});\r\n</script>\r\n\r\n<template>\r\n\t<Opener\r\n\t\tv-if=\"$slots.opener\"\r\n\t\t:id=\"id\"\r\n\t\t:pos=\"pos\"\r\n\t\t:posBy=\"posBy\"\r\n\t\t:notch=\"notch\"\r\n\t\t:openByHover=\"openByHover\"\r\n\t>\r\n\t\t<!-- @slot элемент для открытия Popup -->\r\n\t\t<slot name=\"opener\"></slot>\r\n\t</Opener>\r\n\r\n\t<!-- Это шаблон для компонента Popup, сам Popup генерируется в js и может находиться где угодно -->\r\n\t<!-- elPopupRef будет установлен только после открытия и будет сброшен сразу после закрытия Popup -->\r\n\t<teleport\r\n\t\tv-if=\"elPopupRef\"\r\n\t\t:to=\"elPopupRef\"\r\n\t>\r\n\t\t<div v-if=\"$slots.header || Core.state.isMobile\" class=\"top-popup_header\">\r\n\t\t\t<span\r\n\t\t\t\tv-if=\"Core.state.isMobile\"\r\n\t\t\t\tclass=\"top-as-a closer\"\r\n\t\t\t>\r\n\t\t\t\t{{ vueConnector.popup?.options.i18n?.Close }}\r\n\t\t\t</span>\r\n\r\n\t\t\t<!-- @slot Шапка -->\r\n\t\t\t<slot name=\"header\"></slot>\r\n\t\t</div>\r\n\r\n\t\t<div v-if=\"$slots.widget\" class=\"top-popup_widget\">\r\n\t\t\t<!-- @slot Виджет -->\r\n\t\t\t<slot name=\"widget\"></slot>\r\n\t\t</div>\r\n\r\n\t\t<div v-if=\"$slots.content\" class=\"top-popup_content\">\r\n\t\t\t<!-- @slot Контент в свободной форме -->\r\n\t\t\t<slot name=\"content\"></slot>\r\n\t\t</div>\r\n\r\n\t\t<ul\r\n\t\t\tv-if=\"$slots.contentList\"\r\n\t\t\tclass=\"top-popup_content\"\r\n\t\t\t@scroll=\"$emit('scrollContentList', $event)\"\r\n\t\t>\r\n\t\t\t<!-- @slot Контент в виде списка, для вставки элементов списка используйте компонент popup/listItem -->\r\n\t\t\t<slot name=\"contentList\"></slot>\r\n\t\t</ul>\r\n\r\n\t\t<div v-if=\"$slots.footer\" class=\"top-popup_footer\">\r\n\t\t\t<!-- @slot Футер -->\r\n\t\t\t<slot name=\"footer\"></slot>\r\n\t\t</div>\r\n\t</teleport>\r\n</template>","<script setup lang=\"ts\">\r\nimport type { ListItemProps } from './popup';\r\n\r\ndefineOptions({\r\n\tinheritAttrs: false,\r\n});\r\n\r\nconst props = withDefaults(defineProps<ListItemProps>(), {\r\n\ttype: 'button',\r\n\tcloseByClick: true,\r\n});\r\n</script>\r\n\r\n<template>\r\n\t<li :class=\"{\r\n\t\t'top-popup_liNoSelectable': props.type !== 'button'\r\n\t}\">\r\n\t\t<component\r\n\t\t\t:is=\"$attrs.href ? 'a' : 'div'\"\r\n\t\t\t:class=\"{\r\n\t\t\t\t'top-popup_listItem': true,\r\n\t\t\t\t'top-popup_listItem-button': props.type === 'button', // оформления кнопки\r\n\t\t\t\t'a': props.type === 'button', // оформления кнопки, deprecated\r\n\t\t\t\t'top-popup_listItem-title': props.type === 'title',\r\n\t\t\t\t'top-popup_listItem-delimiter': props.type === 'delimiter',\r\n\t\t\t\t'top-popup-noCloser': !closeByClick\r\n\t\t\t}\"\r\n\t\t\t:=$attrs\r\n\t\t>\r\n\t\t\t<slot></slot>\r\n\t\t</component>\r\n\t</li>\r\n</template>"],"names":["props","__props","id","render","el","elOpener","renderOpener","elOpener2","emit","__emit","__expose","expose","elPopupRef","vue","popup","vueConnector","_popup","popup_worker"],"mappings":"qWAIA,MAAAA,EAAAC,EAMAC,EAAAF,EAAA,IAAA,KAAA,OAAA,EAAA,SASA,SAAAG,EAAAC,EAAA,iBAEEC,EAAAD,EAAA,sBAGCE,EAAAD,CAAA,CACD,CAAA,sBAMAC,EAAAD,CAAA,CACD,CAAA,EAGD,SAAAC,EAAAC,EAAA,6BAECA,EAAA,QAAA,WAAAL,4DAGAK,EAAA,QAAA,cAAAP,EAAA,MAAA,OAAA,GACAO,EAAA,QAAA,oBAAAP,EAAA,YAAA,OAAA,6kBChCD,MAAAA,EAAAC,EAOAO,EAAAC,iBAGQ,EAERC,EAAAC,CAAA,EAEA,MAAAT,EAAAF,EAAA,IAAA,KAAA,OAAA,EAAA,GACAY,EAAAC,EAAA,IAAA,IAAA,KA4BqB,OAzBrB,MAAAC,GAAA,CACCA,EAAA,eACCA,EAAA,aAAA,UAAA,GAEAF,EAAA,MAAAE,EAAA,cAGDC,EAAA,OAAA,GACAA,EAAA,MAAAD,EAEAH,EAAA,MAAAG,EAEAN,EAAA,MAAA,CAAW,EAcX,QAVDQ,GAAA,CACCJ,EAAA,MAAA,KAEAG,EAAA,OAAA,GACAA,EAAA,MAAA,OAEAP,EAAA,OAAA,CAAY,EAKZ,SAAAK,EAAA,MAAAb,EAAA,OAAA,yBAGO,sBAAAa,EAAA,MAAAb,EAAA,oBAAA,CACiD,kEAMxDiB,EAAA,eAAA,kBAAAf,CAAA,CAA2B,CAAA,0gDCzD5B,MAAAF,EAAAC"}
1
+ {"version":3,"file":"listItem.vue_vue_type_script_setup_true_lang-C0vCVRTn.amd.js","sources":["../../src/components/popup/popup/opener.vue","../../src/components/popup/popup/popup.vue","../../src/components/popup/popup/listItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { onUpdated, ref } from 'vue';\r\nimport type { OpenerProps } from './popup';\r\n\r\nconst props = withDefaults(defineProps<OpenerProps>(), {\r\n\tpos: '3',\r\n\tnotch: true,\r\n\tposBy: 'fixed',\r\n});\r\n\r\nconst id = props.id || Math.random() + '';\r\n\r\nlet elOpener: Element;\r\n\r\n/**\r\n * Необычная функция для проброски props внтурь элемента слота\r\n *\r\n * @param el - вспомогательрный элемент для доступа к элементам слота\r\n */\r\nfunction render(el: any) {\r\n\tsetTimeout(() => {\r\n\t\telOpener = el.nextElementSibling;\r\n\r\n\t\tif (elOpener) {\r\n\t\t\trenderOpener(elOpener);\r\n\t\t}\r\n\t});\r\n}\r\n\r\nonUpdated(() => {\r\n\tif (elOpener) {\r\n\t\trenderOpener(elOpener);\r\n\t}\r\n});\r\n\r\nfunction renderOpener (elOpener: any) {\r\n\telOpener.dataset.topPopup = 'vue-' + id;\r\n\telOpener.dataset.topPopupId = id;\r\n\telOpener.dataset.topPopupP = props.pos;\r\n\telOpener.dataset.topPopupPosBy = props.posBy;\r\n\telOpener.dataset.topPopupNotch = props.notch ? 'true' : '';\r\n\telOpener.dataset.topPopupOpenByHover = props.openByHover ? 'true' : '';\r\n}\r\n</script>\r\n\r\n<template>\r\n\t<template :ref=\"render\"></template>\r\n\r\n\t<!-- @slot элемент для открытия Popup -->\r\n\t<slot></slot>\r\n</template>\r\n\r\n<!-- Использует общий deprecated класс .btn -->\r\n<style>\r\nh3[data-top-popup],\r\ndiv[data-top-popup],\r\ni[data-top-popup]:not(.btn),\r\nb[data-top-popup]:not(.btn) {\r\n\tcursor: pointer;\r\n\tuser-select: none;\r\n\tfont-style: normal;\r\n\ttext-decoration: none;\r\n\tdisplay: inline-flex;\r\n\talign-items: center;\r\n}\r\n\r\n[data-top-popup][data-top-popup-disabled] {\r\n\tpointer-events: none;\r\n\tcursor: auto !important;\r\n}\r\n\r\ni[contenteditable] {\r\n\tcursor: text !important;\r\n}\r\n</style>","<script setup lang=\"ts\">\r\nimport { ref, toRef, onUnmounted } from 'vue';\r\nimport type { Ref } from 'vue';\r\nimport Core from '@/core/core/core';\r\nimport type { Props, Emits } from './popup';\r\nimport Opener from './opener.vue';\r\nimport Worker from '@/components/popup/lib/worker';\r\nimport type PopupClass from '@/components/popup/lib/popup';\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n\tid: '',\r\n\tpos: '3',\r\n\tnotch: true,\r\n\tposBy: 'fixed',\r\n});\r\n\r\nconst emit = defineEmits<Emits>();\r\n\r\nconst expose = {\r\n\tpopup: undefined as PopupClass | undefined,\r\n};\r\ndefineExpose(expose);\r\n\r\nconst id = props.id || Math.random() + '';\r\nconst elPopupRef: Ref<null|Element> = ref(null);\r\n\r\n// см. lib/popup\r\nconst onOpen = async (popup: PopupClass) => {\r\n\tif(popup.elPopupInner){\r\n\t\tpopup.elPopupInner.innerText = '';\r\n\r\n\t\telPopupRef.value = popup.elPopupInner;\r\n\t}\r\n\r\n\tvueConnector.opened = true;\r\n\tvueConnector.popup = popup;\r\n\r\n\texpose.popup = popup;\r\n\r\n\temit('open');\r\n};\r\n\r\n// см. lib/popup\r\nconst onClose = (_popup: PopupClass) => {\r\n\telPopupRef.value = null;\r\n\r\n\tvueConnector.opened = false;\r\n\tvueConnector.popup = undefined;\r\n\r\n\temit('close');\r\n};\r\n\r\nconst vueConnector = {\r\n\tonOpen,\r\n\tonClose,\r\n\tclassRef: toRef(props, 'class'),\r\n\topened: false,\r\n\tpopup: undefined as PopupClass | undefined,\r\n\ttransitionDurationRef: toRef(props, 'transitionDuration'),\r\n};\r\n\r\nWorker.regVueComponent(id, vueConnector);\r\n\r\nonUnmounted(() => {\r\n\tWorker.unregVueComponent(id);\r\n});\r\n</script>\r\n\r\n<template>\r\n\t<Opener\r\n\t\tv-if=\"$slots.opener\"\r\n\t\t:id=\"id\"\r\n\t\t:pos=\"pos\"\r\n\t\t:posBy=\"posBy\"\r\n\t\t:notch=\"notch\"\r\n\t\t:openByHover=\"openByHover\"\r\n\t>\r\n\t\t<!-- @slot элемент для открытия Popup -->\r\n\t\t<slot name=\"opener\"></slot>\r\n\t</Opener>\r\n\r\n\t<!-- Это шаблон для компонента Popup, сам Popup генерируется в js и может находиться где угодно -->\r\n\t<!-- elPopupRef будет установлен только после открытия и будет сброшен сразу после закрытия Popup -->\r\n\t<teleport\r\n\t\tv-if=\"elPopupRef\"\r\n\t\t:to=\"elPopupRef\"\r\n\t>\r\n\t\t<div v-if=\"$slots.header || Core.state.isMobile\" class=\"top-popup_header\">\r\n\t\t\t<span\r\n\t\t\t\tv-if=\"Core.state.isMobile\"\r\n\t\t\t\tclass=\"top-as-a closer\"\r\n\t\t\t>\r\n\t\t\t\t{{ vueConnector.popup?.options.i18n?.Close }}\r\n\t\t\t</span>\r\n\r\n\t\t\t<!-- @slot Шапка -->\r\n\t\t\t<slot name=\"header\"></slot>\r\n\t\t</div>\r\n\r\n\t\t<div v-if=\"$slots.widget\" class=\"top-popup_widget\">\r\n\t\t\t<!-- @slot Виджет -->\r\n\t\t\t<slot name=\"widget\"></slot>\r\n\t\t</div>\r\n\r\n\t\t<div v-if=\"$slots.content\" class=\"top-popup_content\">\r\n\t\t\t<!-- @slot Контент в свободной форме -->\r\n\t\t\t<slot name=\"content\"></slot>\r\n\t\t</div>\r\n\r\n\t\t<ul\r\n\t\t\tv-if=\"$slots.contentList\"\r\n\t\t\tclass=\"top-popup_content\"\r\n\t\t\t@scroll=\"$emit('scrollContentList', $event)\"\r\n\t\t>\r\n\t\t\t<!-- @slot Контент в виде списка, для вставки элементов списка используйте компонент popup/listItem -->\r\n\t\t\t<slot name=\"contentList\"></slot>\r\n\t\t</ul>\r\n\r\n\t\t<div v-if=\"$slots.footer\" class=\"top-popup_footer\">\r\n\t\t\t<!-- @slot Футер -->\r\n\t\t\t<slot name=\"footer\"></slot>\r\n\t\t</div>\r\n\t</teleport>\r\n</template>","<script setup lang=\"ts\">\r\nimport type { ListItemProps } from './popup';\r\n\r\ndefineOptions({\r\n\tinheritAttrs: false,\r\n});\r\n\r\nconst props = withDefaults(defineProps<ListItemProps>(), {\r\n\ttype: 'button',\r\n\tcloseByClick: true,\r\n});\r\n</script>\r\n\r\n<template>\r\n\t<li :class=\"{\r\n\t\t'top-popup_liNoSelectable': props.type !== 'button'\r\n\t}\">\r\n\t\t<component\r\n\t\t\t:is=\"$attrs.href ? 'a' : 'div'\"\r\n\t\t\t:class=\"{\r\n\t\t\t\t'top-popup_listItem': true,\r\n\t\t\t\t'top-popup_listItem-button': props.type === 'button', // оформления кнопки\r\n\t\t\t\t'a': props.type === 'button', // оформления кнопки, deprecated\r\n\t\t\t\t'top-popup_listItem-title': props.type === 'title',\r\n\t\t\t\t'top-popup_listItem-delimiter': props.type === 'delimiter',\r\n\t\t\t\t'top-popup-noCloser': !closeByClick\r\n\t\t\t}\"\r\n\t\t\t:=$attrs\r\n\t\t>\r\n\t\t\t<slot></slot>\r\n\t\t</component>\r\n\t</li>\r\n</template>"],"names":["props","__props","id","render","el","elOpener","renderOpener","elOpener2","emit","__emit","__expose","expose","elPopupRef","vue","popup","vueConnector","_popup","popup_worker"],"mappings":"qWAIA,MAAAA,EAAAC,EAMAC,EAAAF,EAAA,IAAA,KAAA,OAAA,EAAA,SASA,SAAAG,EAAAC,EAAA,iBAEEC,EAAAD,EAAA,sBAGCE,EAAAD,CAAA,CACD,CAAA,sBAMAC,EAAAD,CAAA,CACD,CAAA,EAGD,SAAAC,EAAAC,EAAA,6BAECA,EAAA,QAAA,WAAAL,4DAGAK,EAAA,QAAA,cAAAP,EAAA,MAAA,OAAA,GACAO,EAAA,QAAA,oBAAAP,EAAA,YAAA,OAAA,6kBChCD,MAAAA,EAAAC,EAOAO,EAAAC,iBAGQ,EAERC,EAAAC,CAAA,EAEA,MAAAT,EAAAF,EAAA,IAAA,KAAA,OAAA,EAAA,GACAY,EAAAC,EAAA,IAAA,IAAA,KA4BqB,OAzBrB,MAAAC,GAAA,CACCA,EAAA,eACCA,EAAA,aAAA,UAAA,GAEAF,EAAA,MAAAE,EAAA,cAGDC,EAAA,OAAA,GACAA,EAAA,MAAAD,EAEAH,EAAA,MAAAG,EAEAN,EAAA,MAAA,CAAW,EAcX,QAVDQ,GAAA,CACCJ,EAAA,MAAA,KAEAG,EAAA,OAAA,GACAA,EAAA,MAAA,OAEAP,EAAA,OAAA,CAAY,EAKZ,SAAAK,EAAA,MAAAb,EAAA,OAAA,yBAGO,sBAAAa,EAAA,MAAAb,EAAA,oBAAA,CACiD,kEAMxDiB,EAAA,eAAA,kBAAAf,CAAA,CAA2B,CAAA,0gDCzD5B,MAAAF,EAAAC"}
@@ -1,6 +1,6 @@
1
1
  import { insertToPage as b } from "../utils/css.js";
2
2
  import { defineComponent as B, onUpdated as S, openBlock as s, createElementBlock as r, Fragment as k, createElementVNode as T, renderSlot as a, ref as D, toRef as $, onUnmounted as N, createBlock as y, unref as f, withCtx as g, createCommentVNode as l, Teleport as w, toDisplayString as L, normalizeClass as M, resolveDynamicComponent as R, mergeProps as V } from "vue";
3
- import { C as _ } from "./forms-CRAV8PiZ.es.js";
3
+ import { C as _ } from "./forms-zlyhVXZ9.es.js";
4
4
  import { TopPopupWorker as P } from "../popup/worker.js";
5
5
  const H = ["../assets/listItem.css"].map((i) => import.meta.resolve(i));
6
6
  b(H, !0);
@@ -161,4 +161,4 @@ export {
161
161
  X as a,
162
162
  E as b
163
163
  };
164
- //# sourceMappingURL=listItem.vue_vue_type_script_setup_true_lang-C2XaxeNZ.es.js.map
164
+ //# sourceMappingURL=listItem.vue_vue_type_script_setup_true_lang-C1JdWeQq.es.js.map