@topvisor/ui 0.0.17 → 0.0.18

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 (76) hide show
  1. package/.chunks/core-96a4bfb4.amd.js +2 -0
  2. package/.chunks/core-96a4bfb4.amd.js.map +1 -0
  3. package/.chunks/core-fd9de702.es.js +121 -0
  4. package/.chunks/core-fd9de702.es.js.map +1 -0
  5. package/.chunks/forms-1dc7c6f3.amd.js +3 -0
  6. package/.chunks/forms-1dc7c6f3.amd.js.map +1 -0
  7. package/.chunks/forms-3575c189.es.js +461 -0
  8. package/.chunks/forms-3575c189.es.js.map +1 -0
  9. package/.chunks/popup-b891abb1.amd.js +342 -0
  10. package/.chunks/popup-b891abb1.amd.js.map +1 -0
  11. package/.chunks/popup-dd9546aa.es.js +702 -0
  12. package/.chunks/popup-dd9546aa.es.js.map +1 -0
  13. package/README.md +62 -62
  14. package/common/common.amd.js +1 -21
  15. package/common/common.amd.js.map +1 -1
  16. package/common/common.js +1 -20
  17. package/common/common.js.map +1 -1
  18. package/core/core.amd.js +1 -4
  19. package/core/core.amd.js.map +1 -1
  20. package/core/core.js +2 -2
  21. package/core.css +1 -648
  22. package/dark.css +1 -136
  23. package/editArea/editArea.amd.js +2 -125
  24. package/editArea/editArea.amd.js.map +1 -1
  25. package/editArea/editArea.js +77 -89
  26. package/editArea/editArea.js.map +1 -1
  27. package/editArea.css +1 -61
  28. package/forms/forms.amd.js +1 -12
  29. package/forms/forms.amd.js.map +1 -1
  30. package/forms/forms.js +9 -9
  31. package/forms/helpers.amd.js +1 -5
  32. package/forms/helpers.amd.js.map +1 -1
  33. package/forms/helpers.js +6 -3
  34. package/forms/helpers.js.map +1 -1
  35. package/forms.css +1 -505
  36. package/icomoon/demo-files/demo.css +161 -161
  37. package/icomoon/demo-files/demo.js +30 -30
  38. package/icomoon/demo.html +2945 -2945
  39. package/icomoon/fonts/Topvisor-2.svg +232 -232
  40. package/icomoon/style.css +647 -647
  41. package/light.css +1 -136
  42. package/package.json +19 -19
  43. package/popup/popup.amd.js +2 -197
  44. package/popup/popup.amd.js.map +1 -1
  45. package/popup/popup.js +104 -157
  46. package/popup/popup.js.map +1 -1
  47. package/popup/worker.amd.js +1 -233
  48. package/popup/worker.amd.js.map +1 -1
  49. package/popup/worker.js +60 -142
  50. package/popup/worker.js.map +1 -1
  51. package/popup.css +1 -19
  52. package/tabs/tabs.amd.js +2 -122
  53. package/tabs/tabs.amd.js.map +1 -1
  54. package/tabs/tabs.js +63 -86
  55. package/tabs/tabs.js.map +1 -1
  56. package/tabs.css +1 -60
  57. package/utils/device.amd.js +1 -41
  58. package/utils/device.amd.js.map +1 -1
  59. package/utils/device.js +6 -13
  60. package/utils/device.js.map +1 -1
  61. package/utils/dom.amd.js +1 -94
  62. package/utils/dom.amd.js.map +1 -1
  63. package/utils/dom.js +47 -77
  64. package/utils/dom.js.map +1 -1
  65. package/.chunks/core-0b2c7817.es.js +0 -152
  66. package/.chunks/core-0b2c7817.es.js.map +0 -1
  67. package/.chunks/core-51f7b679.amd.js +0 -151
  68. package/.chunks/core-51f7b679.amd.js.map +0 -1
  69. package/.chunks/forms-245e3bc0.es.js +0 -565
  70. package/.chunks/forms-245e3bc0.es.js.map +0 -1
  71. package/.chunks/forms-f7b7b259.amd.js +0 -568
  72. package/.chunks/forms-f7b7b259.amd.js.map +0 -1
  73. package/.chunks/popup-8f650530.amd.js +0 -728
  74. package/.chunks/popup-8f650530.amd.js.map +0 -1
  75. package/.chunks/popup-d240ed19.es.js +0 -731
  76. package/.chunks/popup-d240ed19.es.js.map +0 -1
package/tabs/tabs.js CHANGED
@@ -1,48 +1,37 @@
1
- import { defineComponent, openBlock, createElementBlock, renderSlot, createCommentVNode, createElementVNode, normalizeClass, Fragment } from "vue";
2
- import { _ as _export_sfc } from "../.chunks/forms-245e3bc0.es.js";
3
- const _hoisted_1$2 = {
4
- class: /* @__PURE__ */ normalizeClass({
5
- "top-tabs": true
1
+ import { defineComponent as n, openBlock as e, createElementBlock as a, renderSlot as s, createCommentVNode as c, createElementVNode as o, normalizeClass as b, Fragment as _ } from "vue";
2
+ import { _ as l } from "../.chunks/forms-3575c189.es.js";
3
+ const r = {
4
+ class: /* @__PURE__ */ b({
5
+ "top-tabs": !0
6
6
  })
7
- };
8
- const _hoisted_2$1 = {
7
+ }, i = {
9
8
  key: 0,
10
9
  class: "top-tabs_header"
11
- };
12
- const _hoisted_3 = { class: "top-tabs_contents" };
13
- const _sfc_main$2 = /* @__PURE__ */ defineComponent({
10
+ }, u = { class: "top-tabs_contents" }, m = /* @__PURE__ */ n({
14
11
  __name: "tabs",
15
12
  props: {
16
13
  id: {}
17
14
  },
18
- setup(__props) {
19
- return (_ctx, _cache) => {
20
- return openBlock(), createElementBlock("div", _hoisted_1$2, [
21
- renderSlot(_ctx.$slots, "buttons"),
22
- _ctx.$slots.header ? (openBlock(), createElementBlock("div", _hoisted_2$1, [
23
- renderSlot(_ctx.$slots, "header")
24
- ])) : createCommentVNode("", true),
25
- createElementVNode("div", _hoisted_3, [
26
- renderSlot(_ctx.$slots, "contents")
27
- ])
28
- ]);
29
- };
15
+ setup(p) {
16
+ return (t, d) => (e(), a("div", r, [
17
+ s(t.$slots, "buttons"),
18
+ t.$slots.header ? (e(), a("div", i, [
19
+ s(t.$slots, "header")
20
+ ])) : c("", !0),
21
+ o("div", u, [
22
+ s(t.$slots, "contents")
23
+ ])
24
+ ]));
30
25
  }
31
- });
32
- const style0$2 = {
26
+ }), $ = {
33
27
  "top-tabs": "top-tabs",
34
28
  "top-tabs_header": "top-tabs_header",
35
29
  "top-tabs_contents": "top-tabs_contents",
36
30
  "top-tabs_tabInput": "top-tabs_tabInput",
37
31
  "top-tabs_content": "top-tabs_content"
38
- };
39
- const cssModules$2 = {
40
- "$style": style0$2
41
- };
42
- const tabs = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__cssModules", cssModules$2]]);
43
- const _hoisted_1$1 = ["id", "name", "value", "checked", "disabled"];
44
- const _hoisted_2 = ["for"];
45
- const _sfc_main$1 = /* @__PURE__ */ defineComponent({
32
+ }, h = {
33
+ $style: $
34
+ }, N = /* @__PURE__ */ l(m, [["__cssModules", h]]), f = ["id", "name", "value", "checked", "disabled"], y = ["for"], v = /* @__PURE__ */ n({
46
35
  __name: "tab",
47
36
  props: {
48
37
  tabsId: {},
@@ -51,70 +40,58 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
51
40
  active: { type: Boolean },
52
41
  disabled: { type: Boolean }
53
42
  },
54
- setup(__props) {
55
- return (_ctx, _cache) => {
56
- return openBlock(), createElementBlock(Fragment, null, [
57
- createElementVNode("input", {
58
- type: "radio",
59
- class: "top-tabs_tabInput top-unvisible",
60
- id: _ctx.tabsId + _ctx.name,
61
- name: _ctx.tabsId,
62
- value: _ctx.name,
63
- checked: _ctx.active,
64
- disabled: _ctx.disabled
65
- }, null, 8, _hoisted_1$1),
66
- createElementVNode("label", {
67
- class: normalizeClass({
68
- "top-tabs_tabLabel": true,
69
- "top-forms-focusable": true,
70
- "top-disabled": _ctx.disabled
71
- }),
72
- for: _ctx.tabsId + _ctx.name
73
- }, [
74
- renderSlot(_ctx.$slots, "default")
75
- ], 10, _hoisted_2)
76
- ], 64);
77
- };
43
+ setup(p) {
44
+ return (t, d) => (e(), a(_, null, [
45
+ o("input", {
46
+ type: "radio",
47
+ class: "top-tabs_tabInput top-unvisible",
48
+ id: t.tabsId + t.name,
49
+ name: t.tabsId,
50
+ value: t.name,
51
+ checked: t.active,
52
+ disabled: t.disabled
53
+ }, null, 8, f),
54
+ o("label", {
55
+ class: b({
56
+ "top-tabs_tabLabel": !0,
57
+ "top-forms-focusable": !0,
58
+ "top-disabled": t.disabled
59
+ }),
60
+ for: t.tabsId + t.name
61
+ }, [
62
+ s(t.$slots, "default")
63
+ ], 10, y)
64
+ ], 64));
78
65
  }
79
- });
80
- const style0$1 = {
66
+ }), I = {
81
67
  "top-tabs_tabLabel": "top-tabs_tabLabel",
82
68
  "top-tabs_tabInput": "top-tabs_tabInput",
83
69
  "top-disabled": "top-disabled"
84
- };
85
- const cssModules$1 = {
86
- "$style": style0$1
87
- };
88
- const tab = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__cssModules", cssModules$1]]);
89
- const _hoisted_1 = ["data-tabs-name"];
90
- const _sfc_main = /* @__PURE__ */ defineComponent({
70
+ }, M = {
71
+ $style: I
72
+ }, V = /* @__PURE__ */ l(v, [["__cssModules", M]]), k = ["data-tabs-name"], B = /* @__PURE__ */ n({
91
73
  __name: "content",
92
74
  props: {
93
75
  name: {}
94
76
  },
95
- setup(__props) {
96
- return (_ctx, _cache) => {
97
- return openBlock(), createElementBlock("div", {
98
- class: normalizeClass({
99
- "top-tabs_content": true
100
- }),
101
- "data-tabs-name": _ctx.name
102
- }, [
103
- renderSlot(_ctx.$slots, "default")
104
- ], 8, _hoisted_1);
105
- };
77
+ setup(p) {
78
+ return (t, d) => (e(), a("div", {
79
+ class: b({
80
+ "top-tabs_content": !0
81
+ }),
82
+ "data-tabs-name": t.name
83
+ }, [
84
+ s(t.$slots, "default")
85
+ ], 8, k));
106
86
  }
107
- });
108
- const style0 = {
87
+ }), C = {
109
88
  "top-tabs_content": "top-tabs_content"
110
- };
111
- const cssModules = {
112
- "$style": style0
113
- };
114
- const content = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
89
+ }, T = {
90
+ $style: C
91
+ }, g = /* @__PURE__ */ l(B, [["__cssModules", T]]);
115
92
  export {
116
- tabs as Tabs,
117
- content as TabsContent,
118
- tab as TabsTab
93
+ N as Tabs,
94
+ g as TabsContent,
95
+ V as TabsTab
119
96
  };
120
97
  //# sourceMappingURL=tabs.js.map
package/tabs/tabs.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tabs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"tabs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/tabs.css CHANGED
@@ -1,60 +1 @@
1
-
2
- .top-tabs {
3
- background: var(--content-background-color);
4
- border-radius: 8px;
5
- border: 1px solid var(--color-line-2-opacity);
6
- padding: 0;
7
- display: flex;
8
- flex-wrap: wrap;
9
- align-items: stretch;
10
- }
11
- .top-tabs_header {
12
- padding: 6px;
13
- margin-left: auto;
14
- display: flex;
15
- align-items: center;
16
- gap: 8px;
17
- flex-wrap: wrap;
18
- }
19
-
20
- /* Содержимое вкладок */
21
- .top-tabs_contents {
22
- border-top: 1px solid var(--color-line-2-opacity);
23
- width: 100%;
24
- margin-top: -1px;
25
- }
26
-
27
- /* Состояние открытости вкладок */
28
- .top-tabs_tabInput:checked:nth-child(1) ~ .top-tabs_contents > .top-tabs_content:nth-child(1),
29
- .top-tabs_tabInput:checked:nth-child(3) ~ .top-tabs_contents > .top-tabs_content:nth-child(2),
30
- .top-tabs_tabInput:checked:nth-child(5) ~ .top-tabs_contents > .top-tabs_content:nth-child(3),
31
- .top-tabs_tabInput:checked:nth-child(7) ~ .top-tabs_contents > .top-tabs_content:nth-child(4),
32
- .top-tabs_tabInput:checked:nth-child(9) ~ .top-tabs_contents > .top-tabs_content:nth-child(5),
33
- .top-tabs_tabInput:checked:nth-child(11) ~ .top-tabs_contents > .top-tabs_content:nth-child(6) {
34
- display: block;
35
- }
36
-
37
- .top-tabs_tabLabel {
38
- cursor: pointer;
39
- border-bottom: 2px solid transparent;
40
- padding: 14px 20px;
41
- position: relative;
42
- display: flex;
43
- align-items: center;
44
- }
45
- .top-tabs_tabLabel:hover {
46
- border-color: var(--color-line-3-opacity);
47
- }
48
- .top-tabs_tabInput:checked + .top-tabs_tabLabel {
49
- border-color: var(--color-primary);
50
- color: var(--color-primary);
51
- }
52
- .top-tabs_tabLabel.top-disabled {
53
- color: var(--color-text-3);
54
- }
55
-
56
- .top-tabs_content {
57
- padding: 14px;
58
- overflow: auto;
59
- display: none;
60
- }
1
+ .top-tabs{background:var(--content-background-color);border-radius:8px;border:1px solid var(--color-line-2-opacity);padding:0;display:flex;flex-wrap:wrap;align-items:stretch}.top-tabs_header{padding:6px;margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.top-tabs_contents{border-top:1px solid var(--color-line-2-opacity);width:100%;margin-top:-1px}.top-tabs_tabInput:checked:nth-child(1)~.top-tabs_contents>.top-tabs_content:nth-child(1),.top-tabs_tabInput:checked:nth-child(3)~.top-tabs_contents>.top-tabs_content:nth-child(2),.top-tabs_tabInput:checked:nth-child(5)~.top-tabs_contents>.top-tabs_content:nth-child(3),.top-tabs_tabInput:checked:nth-child(7)~.top-tabs_contents>.top-tabs_content:nth-child(4),.top-tabs_tabInput:checked:nth-child(9)~.top-tabs_contents>.top-tabs_content:nth-child(5),.top-tabs_tabInput:checked:nth-child(11)~.top-tabs_contents>.top-tabs_content:nth-child(6){display:block}.top-tabs_tabLabel{cursor:pointer;border-bottom:2px solid transparent;padding:14px 20px;position:relative;display:flex;align-items:center}.top-tabs_tabLabel:hover{border-color:var(--color-line-2-opacity)}.top-tabs_tabInput:checked+.top-tabs_tabLabel{border-color:var(--color-primary);color:var(--color-primary)}.top-tabs_tabLabel.top-disabled{color:var(--color-text-3)}.top-tabs_content{padding:14px;overflow:auto;display:none}
@@ -1,42 +1,2 @@
1
- define(function() {
2
- "use strict"; if(typeof vue === "undefined") var vue = window.Vue;
3
- class Device {
4
- static isRetina() {
5
- return "devicePixelRatio" in window && window.devicePixelRatio > 1;
6
- }
7
- // определить, является ли устройство мобильным
8
- static isMobile() {
9
- return !!navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|IEMobile|Opera Mini/i);
10
- }
11
- // определить, открыт ли сайт в приложении
12
- static isApp() {
13
- return navigator.userAgent.indexOf("Topvisor_App") != -1;
14
- }
15
- // определить, является ли OS пользователя macOS
16
- static isMacOS() {
17
- return navigator.userAgent.indexOf("Mac OS X") !== -1;
18
- }
19
- // определить, является ли текущий браузер пользователя Safari
20
- static isSafari() {
21
- const isChrome = /Chrome|Android/.test(navigator.userAgent);
22
- let isSafari = /Safari/.test(navigator.userAgent);
23
- if (isChrome && isSafari) {
24
- isSafari = false;
25
- }
26
- return isSafari;
27
- }
28
- /**
29
- * Вернуть текст для обозначения клавиши Ctrl / Command в зависимости от OS
30
- * @returns {'Ctrl'|'⌘'}
31
- */
32
- static getCommandKeyLabel() {
33
- if (this.isMacOS()) {
34
- return "⌘";
35
- } else {
36
- return "Ctrl";
37
- }
38
- }
39
- }
40
- return Device;
41
- });
1
+ define(function(){"use strict"; if(typeof vue === "undefined") var vue = window.Vue;class e{static isRetina(){return"devicePixelRatio"in window&&window.devicePixelRatio>1}static isMobile(){return!!navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|IEMobile|Opera Mini/i)}static isApp(){return navigator.userAgent.indexOf("Topvisor_App")!=-1}static isMacOS(){return navigator.userAgent.indexOf("Mac OS X")!==-1}static isSafari(){const t=/Chrome|Android/.test(navigator.userAgent);let i=/Safari/.test(navigator.userAgent);return t&&i&&(i=!1),i}static getCommandKeyLabel(){return this.isMacOS()?"⌘":"Ctrl"}}return e});
42
2
  //# sourceMappingURL=device.amd.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"device.amd.js","sources":["../../src/core/utils/device.ts"],"sourcesContent":["class Device {\n\n\tstatic isRetina () {\n\t\treturn ('devicePixelRatio' in window && window.devicePixelRatio > 1);\n\t}\n\n\t// определить, является ли устройство мобильным\n\tstatic isMobile (): boolean {\n\t\treturn !!navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|IEMobile|Opera Mini/i);\n\t}\n\n\t// определить, открыт ли сайт в приложении\n\tstatic isApp () {\n\t\treturn (navigator.userAgent.indexOf('Topvisor_App') != -1);\n\t}\n\n\t// определить, является ли OS пользователя macOS\n\tstatic isMacOS () {\n\t\treturn navigator.userAgent.indexOf('Mac OS X') !== -1;\n\t}\n\n\t// определить, является ли текущий браузер пользователя Safari\n\tstatic isSafari () {\n\t\tconst isChrome = /Chrome|Android/.test(navigator.userAgent);\n\n\t\tlet isSafari = /Safari/.test(navigator.userAgent);\n\t\tif (isChrome && isSafari) {\n\t\t\tisSafari = false;\n\t\t}\n\n\t\treturn isSafari;\n\t};\n\n\t/**\n\t * Вернуть текст для обозначения клавиши Ctrl / Command в зависимости от OS\n\t * @returns {'Ctrl'|'⌘'}\n\t */\n\tstatic getCommandKeyLabel (): 'Ctrl' | '⌘' {\n\t\tif (this.isMacOS()) {\n\t\t\treturn '⌘';\n\t\t} else {\n\t\t\treturn 'Ctrl';\n\t\t}\n\t}\n\n}\n\nexport default Device;\n"],"names":[],"mappings":";;EAAA,MAAM,OAAO;AAAA,IAEZ,OAAO,WAAY;AACV,aAAA,sBAAsB,UAAU,OAAO,mBAAmB;AAAA,IACnE;AAAA;AAAA,IAGA,OAAO,WAAqB;AAC3B,aAAO,CAAC,CAAC,UAAU,UAAU,MAAM,0DAA0D;AAAA,IAC9F;AAAA;AAAA,IAGA,OAAO,QAAS;AACf,aAAQ,UAAU,UAAU,QAAQ,cAAc,KAAK;AAAA,IACxD;AAAA;AAAA,IAGA,OAAO,UAAW;AACjB,aAAO,UAAU,UAAU,QAAQ,UAAU,MAAM;AAAA,IACpD;AAAA;AAAA,IAGA,OAAO,WAAY;AAClB,YAAM,WAAW,iBAAiB,KAAK,UAAU,SAAS;AAE1D,UAAI,WAAW,SAAS,KAAK,UAAU,SAAS;AAChD,UAAI,YAAY,UAAU;AACd,mBAAA;AAAA,MACZ;AAEO,aAAA;AAAA,IACR;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,OAAO,qBAAoC;AACtC,UAAA,KAAK,WAAW;AACZ,eAAA;AAAA,MAAA,OACD;AACC,eAAA;AAAA,MACR;AAAA,IACD;AAAA,EAED;;;"}
1
+ {"version":3,"file":"device.amd.js","sources":["../../src/core/utils/device.ts"],"sourcesContent":["class Device {\r\n\r\n\tstatic isRetina () {\r\n\t\treturn ('devicePixelRatio' in window && window.devicePixelRatio > 1);\r\n\t}\r\n\r\n\t// определить, является ли устройство мобильным\r\n\tstatic isMobile (): boolean {\r\n\t\treturn !!navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|IEMobile|Opera Mini/i);\r\n\t}\r\n\r\n\t// определить, открыт ли сайт в приложении\r\n\tstatic isApp () {\r\n\t\treturn (navigator.userAgent.indexOf('Topvisor_App') != -1);\r\n\t}\r\n\r\n\t// определить, является ли OS пользователя macOS\r\n\tstatic isMacOS () {\r\n\t\treturn navigator.userAgent.indexOf('Mac OS X') !== -1;\r\n\t}\r\n\r\n\t// определить, является ли текущий браузер пользователя Safari\r\n\tstatic isSafari () {\r\n\t\tconst isChrome = /Chrome|Android/.test(navigator.userAgent);\r\n\r\n\t\tlet isSafari = /Safari/.test(navigator.userAgent);\r\n\t\tif (isChrome && isSafari) {\r\n\t\t\tisSafari = false;\r\n\t\t}\r\n\r\n\t\treturn isSafari;\r\n\t};\r\n\r\n\t/**\r\n\t * Вернуть текст для обозначения клавиши Ctrl / Command в зависимости от OS\r\n\t * @returns {'Ctrl'|'⌘'}\r\n\t */\r\n\tstatic getCommandKeyLabel (): 'Ctrl' | '⌘' {\r\n\t\tif (this.isMacOS()) {\r\n\t\t\treturn '⌘';\r\n\t\t} else {\r\n\t\t\treturn 'Ctrl';\r\n\t\t}\r\n\t}\r\n\r\n}\r\n\r\nexport default Device;\r\n"],"names":["Device","isChrome","isSafari"],"mappings":"+BAAA,MAAMA,CAAO,CAEZ,OAAO,UAAY,CACV,MAAA,qBAAsB,QAAU,OAAO,iBAAmB,CACnE,CAGA,OAAO,UAAqB,CAC3B,MAAO,CAAC,CAAC,UAAU,UAAU,MAAM,0DAA0D,CAC9F,CAGA,OAAO,OAAS,CACf,OAAQ,UAAU,UAAU,QAAQ,cAAc,GAAK,EACxD,CAGA,OAAO,SAAW,CACjB,OAAO,UAAU,UAAU,QAAQ,UAAU,IAAM,EACpD,CAGA,OAAO,UAAY,CAClB,MAAMC,EAAW,iBAAiB,KAAK,UAAU,SAAS,EAE1D,IAAIC,EAAW,SAAS,KAAK,UAAU,SAAS,EAChD,OAAID,GAAYC,IACJA,EAAA,IAGLA,CACR,CAMA,OAAO,oBAAoC,CACtC,OAAA,KAAK,UACD,IAEA,MAET,CAED"}
package/utils/device.js CHANGED
@@ -1,4 +1,4 @@
1
- class Device {
1
+ class a {
2
2
  static isRetina() {
3
3
  return "devicePixelRatio" in window && window.devicePixelRatio > 1;
4
4
  }
@@ -16,26 +16,19 @@ class Device {
16
16
  }
17
17
  // определить, является ли текущий браузер пользователя Safari
18
18
  static isSafari() {
19
- const isChrome = /Chrome|Android/.test(navigator.userAgent);
20
- let isSafari = /Safari/.test(navigator.userAgent);
21
- if (isChrome && isSafari) {
22
- isSafari = false;
23
- }
24
- return isSafari;
19
+ const e = /Chrome|Android/.test(navigator.userAgent);
20
+ let i = /Safari/.test(navigator.userAgent);
21
+ return e && i && (i = !1), i;
25
22
  }
26
23
  /**
27
24
  * Вернуть текст для обозначения клавиши Ctrl / Command в зависимости от OS
28
25
  * @returns {'Ctrl'|'⌘'}
29
26
  */
30
27
  static getCommandKeyLabel() {
31
- if (this.isMacOS()) {
32
- return "⌘";
33
- } else {
34
- return "Ctrl";
35
- }
28
+ return this.isMacOS() ? "⌘" : "Ctrl";
36
29
  }
37
30
  }
38
31
  export {
39
- Device as default
32
+ a as default
40
33
  };
41
34
  //# sourceMappingURL=device.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"device.js","sources":["../../src/core/utils/device.ts"],"sourcesContent":["class Device {\n\n\tstatic isRetina () {\n\t\treturn ('devicePixelRatio' in window && window.devicePixelRatio > 1);\n\t}\n\n\t// определить, является ли устройство мобильным\n\tstatic isMobile (): boolean {\n\t\treturn !!navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|IEMobile|Opera Mini/i);\n\t}\n\n\t// определить, открыт ли сайт в приложении\n\tstatic isApp () {\n\t\treturn (navigator.userAgent.indexOf('Topvisor_App') != -1);\n\t}\n\n\t// определить, является ли OS пользователя macOS\n\tstatic isMacOS () {\n\t\treturn navigator.userAgent.indexOf('Mac OS X') !== -1;\n\t}\n\n\t// определить, является ли текущий браузер пользователя Safari\n\tstatic isSafari () {\n\t\tconst isChrome = /Chrome|Android/.test(navigator.userAgent);\n\n\t\tlet isSafari = /Safari/.test(navigator.userAgent);\n\t\tif (isChrome && isSafari) {\n\t\t\tisSafari = false;\n\t\t}\n\n\t\treturn isSafari;\n\t};\n\n\t/**\n\t * Вернуть текст для обозначения клавиши Ctrl / Command в зависимости от OS\n\t * @returns {'Ctrl'|'⌘'}\n\t */\n\tstatic getCommandKeyLabel (): 'Ctrl' | '⌘' {\n\t\tif (this.isMacOS()) {\n\t\t\treturn '⌘';\n\t\t} else {\n\t\t\treturn 'Ctrl';\n\t\t}\n\t}\n\n}\n\nexport default Device;\n"],"names":[],"mappings":"AAAA,MAAM,OAAO;AAAA,EAEZ,OAAO,WAAY;AACV,WAAA,sBAAsB,UAAU,OAAO,mBAAmB;AAAA,EACnE;AAAA;AAAA,EAGA,OAAO,WAAqB;AAC3B,WAAO,CAAC,CAAC,UAAU,UAAU,MAAM,0DAA0D;AAAA,EAC9F;AAAA;AAAA,EAGA,OAAO,QAAS;AACf,WAAQ,UAAU,UAAU,QAAQ,cAAc,KAAK;AAAA,EACxD;AAAA;AAAA,EAGA,OAAO,UAAW;AACjB,WAAO,UAAU,UAAU,QAAQ,UAAU,MAAM;AAAA,EACpD;AAAA;AAAA,EAGA,OAAO,WAAY;AAClB,UAAM,WAAW,iBAAiB,KAAK,UAAU,SAAS;AAE1D,QAAI,WAAW,SAAS,KAAK,UAAU,SAAS;AAChD,QAAI,YAAY,UAAU;AACd,iBAAA;AAAA,IACZ;AAEO,WAAA;AAAA,EACR;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,OAAO,qBAAoC;AACtC,QAAA,KAAK,WAAW;AACZ,aAAA;AAAA,IAAA,OACD;AACC,aAAA;AAAA,IACR;AAAA,EACD;AAED;"}
1
+ {"version":3,"file":"device.js","sources":["../../src/core/utils/device.ts"],"sourcesContent":["class Device {\r\n\r\n\tstatic isRetina () {\r\n\t\treturn ('devicePixelRatio' in window && window.devicePixelRatio > 1);\r\n\t}\r\n\r\n\t// определить, является ли устройство мобильным\r\n\tstatic isMobile (): boolean {\r\n\t\treturn !!navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|IEMobile|Opera Mini/i);\r\n\t}\r\n\r\n\t// определить, открыт ли сайт в приложении\r\n\tstatic isApp () {\r\n\t\treturn (navigator.userAgent.indexOf('Topvisor_App') != -1);\r\n\t}\r\n\r\n\t// определить, является ли OS пользователя macOS\r\n\tstatic isMacOS () {\r\n\t\treturn navigator.userAgent.indexOf('Mac OS X') !== -1;\r\n\t}\r\n\r\n\t// определить, является ли текущий браузер пользователя Safari\r\n\tstatic isSafari () {\r\n\t\tconst isChrome = /Chrome|Android/.test(navigator.userAgent);\r\n\r\n\t\tlet isSafari = /Safari/.test(navigator.userAgent);\r\n\t\tif (isChrome && isSafari) {\r\n\t\t\tisSafari = false;\r\n\t\t}\r\n\r\n\t\treturn isSafari;\r\n\t};\r\n\r\n\t/**\r\n\t * Вернуть текст для обозначения клавиши Ctrl / Command в зависимости от OS\r\n\t * @returns {'Ctrl'|'⌘'}\r\n\t */\r\n\tstatic getCommandKeyLabel (): 'Ctrl' | '⌘' {\r\n\t\tif (this.isMacOS()) {\r\n\t\t\treturn '⌘';\r\n\t\t} else {\r\n\t\t\treturn 'Ctrl';\r\n\t\t}\r\n\t}\r\n\r\n}\r\n\r\nexport default Device;\r\n"],"names":["Device","isChrome","isSafari"],"mappings":"AAAA,MAAMA,EAAO;AAAA,EAEZ,OAAO,WAAY;AACV,WAAA,sBAAsB,UAAU,OAAO,mBAAmB;AAAA,EACnE;AAAA;AAAA,EAGA,OAAO,WAAqB;AAC3B,WAAO,CAAC,CAAC,UAAU,UAAU,MAAM,0DAA0D;AAAA,EAC9F;AAAA;AAAA,EAGA,OAAO,QAAS;AACf,WAAQ,UAAU,UAAU,QAAQ,cAAc,KAAK;AAAA,EACxD;AAAA;AAAA,EAGA,OAAO,UAAW;AACjB,WAAO,UAAU,UAAU,QAAQ,UAAU,MAAM;AAAA,EACpD;AAAA;AAAA,EAGA,OAAO,WAAY;AAClB,UAAMC,IAAW,iBAAiB,KAAK,UAAU,SAAS;AAE1D,QAAIC,IAAW,SAAS,KAAK,UAAU,SAAS;AAChD,WAAID,KAAYC,MACJA,IAAA,KAGLA;AAAA,EACR;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,OAAO,qBAAoC;AACtC,WAAA,KAAK,YACD,MAEA;AAAA,EAET;AAED;"}
package/utils/dom.amd.js CHANGED
@@ -1,95 +1,2 @@
1
- define(function() {
2
- "use strict"; if(typeof vue === "undefined") var vue = window.Vue;
3
- function genEl(tagName, attrs, ...elsChildrens) {
4
- const el = document.createElement(tagName);
5
- for (const name in attrs) {
6
- if (name.indexOf("on") === 0) {
7
- el[name] = attrs[name];
8
- } else {
9
- el.setAttribute(name, attrs[name]);
10
- }
11
- }
12
- elsChildrens.forEach((elChildren) => {
13
- if (typeof elChildren === "string") {
14
- el.insertAdjacentHTML("beforeend", elChildren);
15
- } else {
16
- el.append(elChildren);
17
- }
18
- });
19
- return el;
20
- }
21
- function isVisible(el) {
22
- if (!el) {
23
- return false;
24
- }
25
- const boundingClientRect = el.getBoundingClientRect();
26
- return !!(boundingClientRect.width || boundingClientRect.height);
27
- }
28
- function offset(el) {
29
- const boundingClientRect = el.getBoundingClientRect();
30
- return {
31
- top: boundingClientRect.top + window.scrollY,
32
- left: boundingClientRect.left + window.scrollX
33
- };
34
- }
35
- function css(el, property) {
36
- return window.getComputedStyle(el).getPropertyValue(property);
37
- }
38
- function wrap(el, tagName) {
39
- const elWrapper = document.createElement(tagName);
40
- el.after(elWrapper);
41
- elWrapper.append(el);
42
- return elWrapper;
43
- }
44
- function querySelectorVisible(el, selectors) {
45
- return querySelectorAllArray(el, selectors).find(isVisible) || null;
46
- }
47
- function querySelectorVisibleLast(el, selectors) {
48
- return querySelectorAllArray(el, selectors).findLast(isVisible) || null;
49
- }
50
- function querySelectorAllVisible(el, selectors) {
51
- return querySelectorAllArray(el, selectors).filter(isVisible);
52
- }
53
- function querySelectorAllArray(el, selectors) {
54
- if (!el) {
55
- return [];
56
- }
57
- return [...el.querySelectorAll(selectors)];
58
- }
59
- function storage(el, contextName = "common", contextData = void 0) {
60
- if (!el) {
61
- return;
62
- }
63
- if (!el.topData) {
64
- el.topData = {};
65
- }
66
- if (contextData) {
67
- el.topData[contextName] = contextData;
68
- }
69
- if (contextData === null) {
70
- delete el.topData[contextName];
71
- }
72
- return el.topData[contextName];
73
- }
74
- function storageClear(el) {
75
- if (!el) {
76
- return;
77
- }
78
- delete el.topData;
79
- }
80
- const DOM = {
81
- genEl,
82
- isVisible,
83
- offset,
84
- css,
85
- wrap,
86
- querySelectorVisible,
87
- querySelectorVisibleLast,
88
- querySelectorAllVisible,
89
- querySelectorAllArray,
90
- storage,
91
- storageClear
92
- };
93
- return DOM;
94
- });
1
+ define(function(){"use strict"; if(typeof vue === "undefined") var vue = window.Vue;function f(t,e,...n){const i=document.createElement(t);for(const r in e)r.indexOf("on")===0?i[r]=e[r]:i.setAttribute(r,e[r]);return n.forEach(r=>{typeof r=="string"?i.insertAdjacentHTML("beforeend",r):i.append(r)}),i}function o(t){if(!t)return!1;const e=t.getBoundingClientRect();return!!(e.width||e.height)}function c(t){const e=t.getBoundingClientRect();return{top:e.top+window.scrollY,left:e.left+window.scrollX}}function l(t,e){return window.getComputedStyle(t).getPropertyValue(e)}function s(t,e){const n=document.createElement(e);return t.after(n),n.append(t),n}function a(t,e){return u(t,e).find(o)||null}function d(t,e){return u(t,e).findLast(o)||null}function p(t,e){return u(t,e).filter(o)}function u(t,e){return t?[...t.querySelectorAll(e)]:[]}function g(t,e="common",n=void 0){if(t)return t.topData||(t.topData={}),n&&(t.topData[e]=n),n===null&&delete t.topData[e],t.topData[e]}function y(t){t&&delete t.topData}return{genEl:f,isVisible:o,offset:c,css:l,wrap:s,querySelectorVisible:a,querySelectorVisibleLast:d,querySelectorAllVisible:p,querySelectorAllArray:u,storage:g,storageClear:y}});
95
2
  //# sourceMappingURL=dom.amd.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"dom.amd.js","sources":["../../src/core/utils/dom.ts"],"sourcesContent":["/**\n * Функции для работы с работы с Document Object Model (DOM)\n */\n\n/**\n * Создать элемент\n * @param {string} tagName\n * @param {any} attrs - атрибуты\n * @param {Element[]} elsChildrens\n * @returns {Element} - созданный элемент\n */\nfunction genEl (tagName: string, attrs: any, ...elsChildrens: Element[]): Element {\n\tconst el: any = document.createElement(tagName);\n\n\tfor (const name in attrs) {\n\t\tif (name.indexOf('on') === 0) {\n\t\t\t// events\n\t\t\tel[name] = attrs[name];\n\t\t} else {\n\t\t\tel.setAttribute(name, attrs[name]);\n\t\t}\n\t}\n\n\telsChildrens.forEach((elChildren) => {\n\t\tif (typeof (elChildren) === 'string') {\n\t\t\tel.insertAdjacentHTML('beforeend', elChildren);\n\t\t} else {\n\t\t\tel.append(elChildren);\n\t\t}\n\t});\n\n\treturn el;\n}\n\n/**\n * Проверить видимость элемента\n * @param {?Element} el\n * @returns boolean - вернет true, если элемент считается видимым\n */\nfunction isVisible (el?: Element) {\n\tif (!el) {\n\t\treturn false;\n\t}\n\n\tconst boundingClientRect = el.getBoundingClientRect();\n\treturn !!(boundingClientRect.width || boundingClientRect.height);\n}\n\n/**\n * Получить координаты элемента относительно документа\n * @param {Element} el\n * @returns {{top: number, left: number}} - координаты элемента относительно документа\n */\nfunction offset (el: Element): { top: number, left: number } {\n\tconst boundingClientRect = el.getBoundingClientRect();\n\n\treturn {\n\t\ttop: boundingClientRect.top + window.scrollY,\n\t\tleft: boundingClientRect.left + window.scrollX,\n\t};\n}\n\n/**\n * Получить значение css свойства элемента\n * @param {Element} el\n * @param {string} property - имя свойства\n * @return {string} - значение css стиля\n */\nfunction css (el: Element, property: string): string {\n\treturn window.getComputedStyle(el).getPropertyValue(property);\n}\n\n/**\n * Обернуть элемент и вернуть только что созданный элемент\n * @param {Element} el - элемент, который требуется обернуть\n * @param {string} tagName - имя тега элемента, в который треубется обернуть элемент\n * @returns {Element}\n */\nfunction wrap (el: Element, tagName: string): Element {\n\tconst elWrapper = document.createElement(tagName);\n\tel.after(elWrapper);\n\n\telWrapper.append(el);\n\n\treturn elWrapper;\n}\n\n/**\n * Найти и вернуть первый видимый элемент\n * @param {?Document|Element} el - корневой элемент поиска\n * @param selectors - см. параметр selectors в Document.querySelectorAll()\n * @returns {Element|null}\n */\nfunction querySelectorVisible (el: Element, selectors: string): Element | null {\n\treturn querySelectorAllArray(el, selectors).find(isVisible) || null;\n}\n\n/**\n * Найти и вернуть последний видимый элемент\n * @param {?Document|Element} el - корневой элемент поиска\n * @param selectors - см. параметр selectors в Document.querySelectorAll()\n * @returns {Element|null}\n */\nfunction querySelectorVisibleLast (el: Element, selectors: string): Element | null {\n\treturn querySelectorAllArray(el, selectors).findLast(isVisible) || null;\n}\n\n/**\n * Найти видимые элементы\n * @param {?Document|Element} el - корневой элемент поиска\n * @param selectors - см. параметр selectors в Document.querySelectorAll()\n * @returns {Element[]} - обратите внимание, возвращается не NodeList[], а Element[]\n */\nfunction querySelectorAllVisible (el: Element, selectors: string): Element[] {\n\treturn querySelectorAllArray(el, selectors).filter(isVisible);\n}\n\n/**\n * Найти элементы и вернуть в виде массива\n * @param {?Document|Element} el - корневой элемент поиска\n * @param selectors - см. параметр selectors в Document.querySelectorAll()\n * @returns {Element[]}\n */\nfunction querySelectorAllArray (el: Element, selectors: string): Element[] {\n\tif (!el) {\n\t\treturn [];\n\t}\n\n\treturn [...el.querySelectorAll(selectors)];\n}\n\n/**\n * Хранилище данных элемента\n * @param {Element} el\n * @param {string} contextName - контекст, обычно используется имя компонента\n * @param {?object | null} contextData - установить объект с данными, предыдущие данные будут заменены, установите null для удаления данных\n * @returns {?object} - вернет объект контекста или undefined, если данные контекста не найдены\n */\nfunction storage (\n\tel?: Element & { topData?: any },\n\tcontextName: string = 'common', contextData: object | null | undefined = undefined,\n): object | undefined {\n\tif (!el) {\n\t\treturn;\n\t}\n\n\tif (!el.topData) {\n\t\tel.topData = {};\n\t}\n\n\tif (contextData) {\n\t\tel.topData[contextName] = contextData;\n\t}\n\n\tif (contextData === null) {\n\t\tdelete el.topData[contextName];\n\t}\n\n\treturn el.topData[contextName];\n}\n\n/**\n * Очистить хранилище элемента\n */\nfunction storageClear (el?: Element & { topData?: any }) {\n\tif (!el) {\n\t\treturn;\n\t}\n\n\tdelete el.topData;\n}\n\nexport default {\n\tgenEl,\n\tisVisible,\n\toffset,\n\tcss,\n\twrap,\n\tquerySelectorVisible,\n\tquerySelectorVisibleLast,\n\tquerySelectorAllVisible,\n\tquerySelectorAllArray,\n\tstorage,\n\tstorageClear,\n};\n"],"names":[],"mappings":";;AAWA,WAAS,MAAO,SAAiB,UAAe,cAAkC;AAC3E,UAAA,KAAU,SAAS,cAAc,OAAO;AAE9C,eAAW,QAAQ,OAAO;AACzB,UAAI,KAAK,QAAQ,IAAI,MAAM,GAAG;AAE1B,WAAA,IAAI,IAAI,MAAM,IAAI;AAAA,MAAA,OACf;AACN,WAAG,aAAa,MAAM,MAAM,IAAI,CAAC;AAAA,MAClC;AAAA,IACD;AAEa,iBAAA,QAAQ,CAAC,eAAe;AAChC,UAAA,OAAQ,eAAgB,UAAU;AAClC,WAAA,mBAAmB,aAAa,UAAU;AAAA,MAAA,OACvC;AACN,WAAG,OAAO,UAAU;AAAA,MACrB;AAAA,IAAA,CACA;AAEM,WAAA;AAAA,EACR;AAOA,WAAS,UAAW,IAAc;AACjC,QAAI,CAAC,IAAI;AACD,aAAA;AAAA,IACR;AAEM,UAAA,qBAAqB,GAAG;AAC9B,WAAO,CAAC,EAAE,mBAAmB,SAAS,mBAAmB;AAAA,EAC1D;AAOA,WAAS,OAAQ,IAA4C;AACtD,UAAA,qBAAqB,GAAG;AAEvB,WAAA;AAAA,MACN,KAAK,mBAAmB,MAAM,OAAO;AAAA,MACrC,MAAM,mBAAmB,OAAO,OAAO;AAAA,IAAA;AAAA,EAEzC;AAQA,WAAS,IAAK,IAAa,UAA0B;AACpD,WAAO,OAAO,iBAAiB,EAAE,EAAE,iBAAiB,QAAQ;AAAA,EAC7D;AAQA,WAAS,KAAM,IAAa,SAA0B;AAC/C,UAAA,YAAY,SAAS,cAAc,OAAO;AAChD,OAAG,MAAM,SAAS;AAElB,cAAU,OAAO,EAAE;AAEZ,WAAA;AAAA,EACR;AAQA,WAAS,qBAAsB,IAAa,WAAmC;AAC9E,WAAO,sBAAsB,IAAI,SAAS,EAAE,KAAK,SAAS,KAAK;AAAA,EAChE;AAQA,WAAS,yBAA0B,IAAa,WAAmC;AAClF,WAAO,sBAAsB,IAAI,SAAS,EAAE,SAAS,SAAS,KAAK;AAAA,EACpE;AAQA,WAAS,wBAAyB,IAAa,WAA8B;AAC5E,WAAO,sBAAsB,IAAI,SAAS,EAAE,OAAO,SAAS;AAAA,EAC7D;AAQA,WAAS,sBAAuB,IAAa,WAA8B;AAC1E,QAAI,CAAC,IAAI;AACR,aAAO;IACR;AAEA,WAAO,CAAC,GAAG,GAAG,iBAAiB,SAAS,CAAC;AAAA,EAC1C;AASA,WAAS,QACR,IACA,cAAsB,UAAU,cAAyC,QACpD;AACrB,QAAI,CAAC,IAAI;AACR;AAAA,IACD;AAEI,QAAA,CAAC,GAAG,SAAS;AAChB,SAAG,UAAU;IACd;AAEA,QAAI,aAAa;AACb,SAAA,QAAQ,WAAW,IAAI;AAAA,IAC3B;AAEA,QAAI,gBAAgB,MAAM;AAClB,aAAA,GAAG,QAAQ,WAAW;AAAA,IAC9B;AAEO,WAAA,GAAG,QAAQ,WAAW;AAAA,EAC9B;AAKA,WAAS,aAAc,IAAkC;AACxD,QAAI,CAAC,IAAI;AACR;AAAA,IACD;AAEA,WAAO,GAAG;AAAA,EACX;AAEe,QAAA,MAAA;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD;;;"}
1
+ {"version":3,"file":"dom.amd.js","sources":["../../src/core/utils/dom.ts"],"sourcesContent":["/**\r\n * Функции для работы с работы с Document Object Model (DOM)\r\n */\r\n\r\n/**\r\n * Создать элемент\r\n * @param {string} tagName\r\n * @param {any} attrs - атрибуты\r\n * @param {Element[]} elsChildrens\r\n * @returns {Element} - созданный элемент\r\n */\r\nfunction genEl (tagName: string, attrs: any, ...elsChildrens: Element[]): Element {\r\n\tconst el: any = document.createElement(tagName);\r\n\r\n\tfor (const name in attrs) {\r\n\t\tif (name.indexOf('on') === 0) {\r\n\t\t\t// events\r\n\t\t\tel[name] = attrs[name];\r\n\t\t} else {\r\n\t\t\tel.setAttribute(name, attrs[name]);\r\n\t\t}\r\n\t}\r\n\r\n\telsChildrens.forEach((elChildren) => {\r\n\t\tif (typeof (elChildren) === 'string') {\r\n\t\t\tel.insertAdjacentHTML('beforeend', elChildren);\r\n\t\t} else {\r\n\t\t\tel.append(elChildren);\r\n\t\t}\r\n\t});\r\n\r\n\treturn el;\r\n}\r\n\r\n/**\r\n * Проверить видимость элемента\r\n * @param {?Element} el\r\n * @returns boolean - вернет true, если элемент считается видимым\r\n */\r\nfunction isVisible (el?: Element) {\r\n\tif (!el) {\r\n\t\treturn false;\r\n\t}\r\n\r\n\tconst boundingClientRect = el.getBoundingClientRect();\r\n\treturn !!(boundingClientRect.width || boundingClientRect.height);\r\n}\r\n\r\n/**\r\n * Получить координаты элемента относительно документа\r\n * @param {Element} el\r\n * @returns {{top: number, left: number}} - координаты элемента относительно документа\r\n */\r\nfunction offset (el: Element): { top: number, left: number } {\r\n\tconst boundingClientRect = el.getBoundingClientRect();\r\n\r\n\treturn {\r\n\t\ttop: boundingClientRect.top + window.scrollY,\r\n\t\tleft: boundingClientRect.left + window.scrollX,\r\n\t};\r\n}\r\n\r\n/**\r\n * Получить значение css свойства элемента\r\n * @param {Element} el\r\n * @param {string} property - имя свойства\r\n * @return {string} - значение css стиля\r\n */\r\nfunction css (el: Element, property: string): string {\r\n\treturn window.getComputedStyle(el).getPropertyValue(property);\r\n}\r\n\r\n/**\r\n * Обернуть элемент и вернуть только что созданный элемент\r\n * @param {Element} el - элемент, который требуется обернуть\r\n * @param {string} tagName - имя тега элемента, в который треубется обернуть элемент\r\n * @returns {Element}\r\n */\r\nfunction wrap (el: Element, tagName: string): Element {\r\n\tconst elWrapper = document.createElement(tagName);\r\n\tel.after(elWrapper);\r\n\r\n\telWrapper.append(el);\r\n\r\n\treturn elWrapper;\r\n}\r\n\r\n/**\r\n * Найти и вернуть первый видимый элемент\r\n * @param {?Document|Element} el - корневой элемент поиска\r\n * @param selectors - см. параметр selectors в Document.querySelectorAll()\r\n * @returns {Element|null}\r\n */\r\nfunction querySelectorVisible (el: Element, selectors: string): Element | null {\r\n\treturn querySelectorAllArray(el, selectors).find(isVisible) || null;\r\n}\r\n\r\n/**\r\n * Найти и вернуть последний видимый элемент\r\n * @param {?Document|Element} el - корневой элемент поиска\r\n * @param selectors - см. параметр selectors в Document.querySelectorAll()\r\n * @returns {Element|null}\r\n */\r\nfunction querySelectorVisibleLast (el: Element, selectors: string): Element | null {\r\n\treturn querySelectorAllArray(el, selectors).findLast(isVisible) || null;\r\n}\r\n\r\n/**\r\n * Найти видимые элементы\r\n * @param {?Document|Element} el - корневой элемент поиска\r\n * @param selectors - см. параметр selectors в Document.querySelectorAll()\r\n * @returns {Element[]} - обратите внимание, возвращается не NodeList[], а Element[]\r\n */\r\nfunction querySelectorAllVisible (el: Element, selectors: string): Element[] {\r\n\treturn querySelectorAllArray(el, selectors).filter(isVisible);\r\n}\r\n\r\n/**\r\n * Найти элементы и вернуть в виде массива\r\n * @param {?Document|Element} el - корневой элемент поиска\r\n * @param selectors - см. параметр selectors в Document.querySelectorAll()\r\n * @returns {Element[]}\r\n */\r\nfunction querySelectorAllArray (el: Element, selectors: string): Element[] {\r\n\tif (!el) {\r\n\t\treturn [];\r\n\t}\r\n\r\n\treturn [...el.querySelectorAll(selectors)];\r\n}\r\n\r\n/**\r\n * Хранилище данных элемента\r\n * @param {Element} el\r\n * @param {string} contextName - контекст, обычно используется имя компонента\r\n * @param {?object | null} contextData - установить объект с данными, предыдущие данные будут заменены, установите null для удаления данных\r\n * @returns {?object} - вернет объект контекста или undefined, если данные контекста не найдены\r\n */\r\nfunction storage (\r\n\tel?: Element & { topData?: any },\r\n\tcontextName: string = 'common', contextData: object | null | undefined = undefined,\r\n): object | undefined {\r\n\tif (!el) {\r\n\t\treturn;\r\n\t}\r\n\r\n\tif (!el.topData) {\r\n\t\tel.topData = {};\r\n\t}\r\n\r\n\tif (contextData) {\r\n\t\tel.topData[contextName] = contextData;\r\n\t}\r\n\r\n\tif (contextData === null) {\r\n\t\tdelete el.topData[contextName];\r\n\t}\r\n\r\n\treturn el.topData[contextName];\r\n}\r\n\r\n/**\r\n * Очистить хранилище элемента\r\n */\r\nfunction storageClear (el?: Element & { topData?: any }) {\r\n\tif (!el) {\r\n\t\treturn;\r\n\t}\r\n\r\n\tdelete el.topData;\r\n}\r\n\r\nexport default {\r\n\tgenEl,\r\n\tisVisible,\r\n\toffset,\r\n\tcss,\r\n\twrap,\r\n\tquerySelectorVisible,\r\n\tquerySelectorVisibleLast,\r\n\tquerySelectorAllVisible,\r\n\tquerySelectorAllArray,\r\n\tstorage,\r\n\tstorageClear,\r\n};\r\n"],"names":["genEl","tagName","attrs","elsChildrens","el","name","elChildren","isVisible","boundingClientRect","offset","css","property","wrap","elWrapper","querySelectorVisible","selectors","querySelectorAllArray","querySelectorVisibleLast","querySelectorAllVisible","storage","contextName","contextData","storageClear"],"mappings":"+BAWA,SAASA,EAAOC,EAAiBC,KAAeC,EAAkC,CAC3E,MAAAC,EAAU,SAAS,cAAcH,CAAO,EAE9C,UAAWI,KAAQH,EACdG,EAAK,QAAQ,IAAI,IAAM,EAEvBD,EAAAC,CAAI,EAAIH,EAAMG,CAAI,EAErBD,EAAG,aAAaC,EAAMH,EAAMG,CAAI,CAAC,EAItB,OAAAF,EAAA,QAASG,GAAe,CAChC,OAAQA,GAAgB,SACxBF,EAAA,mBAAmB,YAAaE,CAAU,EAE7CF,EAAG,OAAOE,CAAU,CACrB,CACA,EAEMF,CACR,CAOA,SAASG,EAAWH,EAAc,CACjC,GAAI,CAACA,EACG,MAAA,GAGF,MAAAI,EAAqBJ,EAAG,wBAC9B,MAAO,CAAC,EAAEI,EAAmB,OAASA,EAAmB,OAC1D,CAOA,SAASC,EAAQL,EAA4C,CACtD,MAAAI,EAAqBJ,EAAG,wBAEvB,MAAA,CACN,IAAKI,EAAmB,IAAM,OAAO,QACrC,KAAMA,EAAmB,KAAO,OAAO,OAAA,CAEzC,CAQA,SAASE,EAAKN,EAAaO,EAA0B,CACpD,OAAO,OAAO,iBAAiBP,CAAE,EAAE,iBAAiBO,CAAQ,CAC7D,CAQA,SAASC,EAAMR,EAAaH,EAA0B,CAC/C,MAAAY,EAAY,SAAS,cAAcZ,CAAO,EAChD,OAAAG,EAAG,MAAMS,CAAS,EAElBA,EAAU,OAAOT,CAAE,EAEZS,CACR,CAQA,SAASC,EAAsBV,EAAaW,EAAmC,CAC9E,OAAOC,EAAsBZ,EAAIW,CAAS,EAAE,KAAKR,CAAS,GAAK,IAChE,CAQA,SAASU,EAA0Bb,EAAaW,EAAmC,CAClF,OAAOC,EAAsBZ,EAAIW,CAAS,EAAE,SAASR,CAAS,GAAK,IACpE,CAQA,SAASW,EAAyBd,EAAaW,EAA8B,CAC5E,OAAOC,EAAsBZ,EAAIW,CAAS,EAAE,OAAOR,CAAS,CAC7D,CAQA,SAASS,EAAuBZ,EAAaW,EAA8B,CAC1E,OAAKX,EAIE,CAAC,GAAGA,EAAG,iBAAiBW,CAAS,CAAC,EAHjC,EAIT,CASA,SAASI,EACRf,EACAgB,EAAsB,SAAUC,EAAyC,OACpD,CACrB,GAAKjB,EAID,OAACA,EAAG,UACPA,EAAG,QAAU,IAGViB,IACAjB,EAAA,QAAQgB,CAAW,EAAIC,GAGvBA,IAAgB,MACZ,OAAAjB,EAAG,QAAQgB,CAAW,EAGvBhB,EAAG,QAAQgB,CAAW,CAC9B,CAKA,SAASE,EAAclB,EAAkC,CACnDA,GAIL,OAAOA,EAAG,OACX,OAEe,CACd,MAAAJ,EACA,UAAAO,EACA,OAAAE,EACA,IAAAC,EACA,KAAAE,EACA,qBAAAE,EACA,yBAAAG,EACA,wBAAAC,EACA,sBAAAF,EACA,QAAAG,EACA,aAAAG,CACD"}