@topvisor/ui 0.0.17 → 0.0.33

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 (86) hide show
  1. package/.chunks/datepicker-48f2fa8d.es.js +275 -0
  2. package/.chunks/datepicker-48f2fa8d.es.js.map +1 -0
  3. package/.chunks/datepicker-f94ba423.amd.js +234 -0
  4. package/.chunks/datepicker-f94ba423.amd.js.map +1 -0
  5. package/.chunks/forms-6c397f5a.es.js +935 -0
  6. package/.chunks/forms-6c397f5a.es.js.map +1 -0
  7. package/.chunks/forms-cab135c7.amd.js +3 -0
  8. package/.chunks/forms-cab135c7.amd.js.map +1 -0
  9. package/.chunks/popup-04c385e0.es.js +701 -0
  10. package/.chunks/popup-04c385e0.es.js.map +1 -0
  11. package/.chunks/popup-33f53a1c.amd.js +342 -0
  12. package/.chunks/popup-33f53a1c.amd.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 -3
  21. package/core/core.js.map +1 -1
  22. package/core.css +1 -648
  23. package/dark.css +1 -136
  24. package/forms/forms.amd.js +1 -12
  25. package/forms/forms.amd.js.map +1 -1
  26. package/forms/forms.js +11 -9
  27. package/forms/helpers.amd.js +1 -5
  28. package/forms/helpers.amd.js.map +1 -1
  29. package/forms/helpers.js +6 -3
  30. package/forms/helpers.js.map +1 -1
  31. package/forms.css +1 -505
  32. package/formsExt/formsExt.amd.js +3 -0
  33. package/formsExt/formsExt.amd.js.map +1 -0
  34. package/formsExt/formsExt.js +152 -0
  35. package/formsExt/formsExt.js.map +1 -0
  36. package/formsExt.css +1 -0
  37. package/icomoon/demo-files/demo.css +161 -161
  38. package/icomoon/demo-files/demo.js +30 -30
  39. package/icomoon/demo.html +2945 -2945
  40. package/icomoon/fonts/Topvisor-2.svg +232 -232
  41. package/icomoon/style.css +647 -647
  42. package/light.css +1 -136
  43. package/package.json +19 -19
  44. package/popup/popup.amd.js +2 -197
  45. package/popup/popup.amd.js.map +1 -1
  46. package/popup/popup.js +104 -158
  47. package/popup/popup.js.map +1 -1
  48. package/popup/worker.amd.js +1 -233
  49. package/popup/worker.amd.js.map +1 -1
  50. package/popup/worker.js +60 -143
  51. package/popup/worker.js.map +1 -1
  52. package/popup.css +1 -19
  53. package/tabs/tabs.amd.js +2 -122
  54. package/tabs/tabs.amd.js.map +1 -1
  55. package/tabs/tabs.js +63 -86
  56. package/tabs/tabs.js.map +1 -1
  57. package/tabs.css +1 -60
  58. package/utils/date.amd.js +2 -0
  59. package/utils/date.amd.js.map +1 -0
  60. package/utils/date.js +6 -0
  61. package/utils/date.js.map +1 -0
  62. package/utils/device.amd.js +1 -41
  63. package/utils/device.amd.js.map +1 -1
  64. package/utils/device.js +3 -38
  65. package/utils/device.js.map +1 -1
  66. package/utils/dom.amd.js +1 -94
  67. package/utils/dom.amd.js.map +1 -1
  68. package/utils/dom.js +47 -77
  69. package/utils/dom.js.map +1 -1
  70. package/.chunks/core-0b2c7817.es.js +0 -152
  71. package/.chunks/core-0b2c7817.es.js.map +0 -1
  72. package/.chunks/core-51f7b679.amd.js +0 -151
  73. package/.chunks/core-51f7b679.amd.js.map +0 -1
  74. package/.chunks/forms-245e3bc0.es.js +0 -565
  75. package/.chunks/forms-245e3bc0.es.js.map +0 -1
  76. package/.chunks/forms-f7b7b259.amd.js +0 -568
  77. package/.chunks/forms-f7b7b259.amd.js.map +0 -1
  78. package/.chunks/popup-8f650530.amd.js +0 -728
  79. package/.chunks/popup-8f650530.amd.js.map +0 -1
  80. package/.chunks/popup-d240ed19.es.js +0 -731
  81. package/.chunks/popup-d240ed19.es.js.map +0 -1
  82. package/editArea/editArea.amd.js +0 -126
  83. package/editArea/editArea.amd.js.map +0 -1
  84. package/editArea/editArea.js +0 -123
  85. package/editArea/editArea.js.map +0 -1
  86. package/editArea.css +0 -61
package/dark.css CHANGED
@@ -1,136 +1 @@
1
- :root {
2
- /* Main */
3
- --color-primary: var(--color-blue-450);
4
- --color-primary-light: var(--color-blue-800);
5
- --color-primary-light-opacity: rgba(1, 40, 100, 0.75);
6
- --color-primary-2: var(--color-blue-500);
7
- --color-primary-2-light: var(--color-blue-750);
8
- --color-primary-2-light-opacity: rgba(0, 59, 146, 0.64);
9
-
10
- --color-secondary-opacity: rgba(193, 203, 215, 0.16);
11
- --color-secondary-2-opacity: rgba(193, 203, 215, 0.32);
12
- --color-secondary-3-opacity: rgba(193, 203, 215, 0.38);
13
-
14
- --color-positive: var(--color-green-450);
15
- --color-positive-opacity: rgba(0, 102, 44, 0.75);
16
- --color-positive-light: var(--color-green-800);
17
- --color-positive-light-opacity: rgba(0, 89, 38, 0.47);
18
- --color-positive-2: var(--color-green-500);
19
- --color-positive-2-light: var(--color-green-750);
20
- --color-positive-2-light-opacity: rgba(0, 102, 44, 0.75);
21
-
22
- --color-warning: var(--color-orange-450);
23
- --color-warning-opacity: rgba(255, 170, 51, 0.3);
24
- --color-warning-light: var(--color-orange-800);
25
- --color-warning-light-opacity: rgba(109, 64, 1, 0.61);
26
- --color-warning-2: var(--color-orange-500);
27
- --color-warning-2-light: var(--color-orange-750);
28
- --color-warning-2-light-opacity: rgba(161, 97, 0, 0.58);
29
-
30
- --color-negative: var(--color-red-450);
31
- --color-negative-opacity: rgba(234, 65, 50, 0.3);
32
- --color-negative-light: var(--color-red-800);
33
- --color-negative-light-opacity: rgba(117, 10, 0, 0.50);
34
- --color-negative-2: var(--color-red-500);
35
- --color-negative-2-light: var(--color-red-750);
36
- --color-negative-2-light-opacity: rgba(136, 23, 0, 0.66);
37
-
38
- /* Text */
39
- --color-text-1: var(--color-theme-975);
40
- --color-text-2: var(--color-theme-750);
41
- --color-text-3: var(--color-theme-550);
42
- --color-text-4: var(--color-theme-450);
43
- --color-text: var(--color-text-1);
44
-
45
- --color-text-secondary: var(--color-gray-750);
46
- --color-text-secondary-2: var(--color-gray-650);
47
-
48
- --color-text-link: var(--color-blue-500);
49
- --color-text-link-hover: var(--color-blue-450);
50
-
51
- --color-overlay: rgba(0, 0, 0, 0.3);
52
-
53
- --color-placeholder: var(--color-gray-350);
54
- --color-placeholder-active: var(--color-gray-450);
55
-
56
- /* Background colors */
57
- --color-bg-1: rgba(21, 23, 25, 1);
58
- --color-bg-2: rgba(26, 28, 31, 1);
59
- --color-bg-3: rgba(38, 41, 46, 1);
60
-
61
- /* Line colors */
62
- --color-line-1-opacity: rgba(193, 203, 215, 0.1);
63
- --color-line-2-opacity: rgba(68, 74, 87, 0.67);
64
- --color-line-3-opacity: rgba(104, 110, 126, 0.67);
65
-
66
- /* Scroll */
67
- --scroll-thumb-color: var(--color-gray-750);
68
- --scroll-thumb-color-hover: var(--color-gray-700);
69
- --scroll-thumb-color-active: var(--color-gray-650);
70
-
71
- /* Page */
72
- --body-background-color: var(--content-background-color);
73
- --content-background-color: var(--color-bg-3);
74
-
75
- /* Theme */
76
- --color-theme-0: var(--color-bg-3);
77
- --color-theme-25: rgba(40, 43, 48, 1);
78
- --color-theme-50: rgba(41, 45, 51, 1);
79
- --color-theme-75: rgba(44, 49, 56, 1);
80
- --color-theme-100: rgba(48, 52, 59, 1);
81
- --color-theme-125: rgba(52, 56, 64, 1);
82
- --color-theme-150: rgba(54, 59, 69, 1);
83
- --color-theme-200: rgba(58, 63, 74, 1);
84
- --color-theme-250: rgba(61, 66, 77, 1);
85
- --color-theme-300: rgba(64, 70, 82, 1);
86
- --color-theme-350: rgba(68, 74, 87, 1);
87
- --color-theme-400: rgba(75, 81, 94, 1);
88
- --color-theme-450: rgba(82, 87, 99, 1);
89
- --color-theme-500: rgba(90, 95, 107, 1);
90
- --color-theme-525: rgba(98, 103, 115, 1);
91
- --color-theme-550: rgba(108, 112, 122, 1);
92
- --color-theme-600: rgba(116, 120, 130, 1);
93
- --color-theme-650: rgba(128, 131, 140, 1);
94
- --color-theme-700: rgba(142, 145, 153, 1);
95
- --color-theme-750: rgba(157, 160, 166, 1);
96
- --color-theme-800: rgba(174, 177, 184, 1);
97
- --color-theme-850: rgba(193, 196, 201, 1);
98
- --color-theme-875: rgba(211, 214, 219, 1);
99
- --color-theme-900: rgba(235, 237, 240, 1);
100
- --color-theme-925: rgba(240, 242, 245, 1);
101
- --color-theme-950: rgba(245, 246, 247, 1);
102
- --color-theme-975: rgba(250, 251, 252, 1);
103
- --color-theme-1000: rgba(255, 255, 255, 1);
104
-
105
- /* top-shadow */
106
- --top-shadow-s:
107
- 0px 0px 3px rgba(0, 0, 0, 0.11),
108
- 0px 5px 25px rgba(0, 0, 0, 0.17);
109
- --top-shadow:
110
- 0px 0px 4px rgba(0, 0, 0, 0.14),
111
- 0px 4px 32px rgba(0, 0, 0, 0.2);
112
- --top-shadow-b:
113
- 0px 0px 4px rgba(0, 0, 0, 0.15),
114
- 0px 18px 32px rgba(0, 0, 0, 0.34);
115
-
116
- --top-shadow-darken: inset 1000px 1000px 1000px 1000px rgba(0, 0, 0, 0.03);
117
- --top-shadow-darken-2: inset 1000px 1000px 1000px 1000px rgba(0, 0, 0, 0.07);
118
- --top-shadow-darken-3: inset 1000px 1000px 1000px 1000px rgba(0, 0, 0, 0.14);
119
- }
120
-
121
- /* forms */
122
- :root {
123
- /* for text */
124
- --top-forms-color: var(--color-text-1);
125
- --top-forms-color-disabled: var(--color-text-3);
126
- /* for border */
127
- --top-forms-border-color: var(--color-line-2-opacity);
128
- --top-forms-border-color-hover: var(--color-primary);
129
- --top-forms-border-color-disabled: var(--color-line-1-opacity);
130
- /* for placeholder */
131
- --top-forms-placeholder-color: var(--color-text-3);
132
- --top-forms-placeholder-color-disabled: var(--color-text-4);
133
- /* for background */
134
- --top-forms-background-color: var(--color-bg-3);
135
- --top-forms-background-color-hover: var(--color-bg-3);
136
- }
1
+ :root{--color-primary: var(--color-blue-450);--color-primary-light: var(--color-blue-800);--color-primary-light-opacity: rgba(1, 40, 100, .75);--color-primary-2: var(--color-blue-500);--color-primary-2-light: var(--color-blue-750);--color-primary-2-light-opacity: rgba(0, 59, 146, .64);--color-secondary-opacity: rgba(193, 203, 215, .16);--color-secondary-2-opacity: rgba(193, 203, 215, .32);--color-secondary-3-opacity: rgba(193, 203, 215, .38);--color-positive: var(--color-green-450);--color-positive-opacity: rgba(0, 102, 44, .75);--color-positive-light: var(--color-green-800);--color-positive-light-opacity: rgba(0, 89, 38, .47);--color-positive-2: var(--color-green-500);--color-positive-2-light: var(--color-green-750);--color-positive-2-light-opacity: rgba(0, 102, 44, .75);--color-warning: var(--color-orange-450);--color-warning-opacity: rgba(255, 170, 51, .3);--color-warning-light: var(--color-orange-800);--color-warning-light-opacity: rgba(109, 64, 1, .61);--color-warning-2: var(--color-orange-500);--color-warning-2-light: var(--color-orange-750);--color-warning-2-light-opacity: rgba(161, 97, 0, .58);--color-negative: var(--color-red-450);--color-negative-opacity: rgba(234, 65, 50, .3);--color-negative-light: var(--color-red-800);--color-negative-light-opacity: rgba(117, 10, 0, .5);--color-negative-2: var(--color-red-500);--color-negative-2-light: var(--color-red-750);--color-negative-2-light-opacity: rgba(136, 23, 0, .66);--color-text-1: var(--color-theme-975);--color-text-2: var(--color-theme-750);--color-text-3: var(--color-theme-550);--color-text-4: var(--color-theme-450);--color-text: var(--color-text-1);--color-text-secondary: var(--color-gray-750);--color-text-secondary-2: var(--color-gray-650);--color-text-link: var(--color-blue-500);--color-text-link-hover: var(--color-blue-450);--color-overlay: rgba(0, 0, 0, .3);--color-placeholder: var(--color-gray-350);--color-placeholder-active: var(--color-gray-450);--color-bg-1: rgba(21, 23, 25, 1);--color-bg-2: rgba(26, 28, 31, 1);--color-bg-3: rgba(38, 41, 46, 1);--color-line-1-opacity: rgba(193, 203, 215, .1);--color-line-2-opacity: rgba(68, 74, 87, .67);--color-line-3-opacity: rgba(104, 110, 126, .67);--scroll-thumb-color: var(--color-gray-750);--scroll-thumb-color-hover: var(--color-gray-700);--scroll-thumb-color-active: var(--color-gray-650);--body-background-color: var(--content-background-color);--content-background-color: var(--color-bg-3);--color-theme-0: var(--color-bg-3);--color-theme-25: rgba(40, 43, 48, 1);--color-theme-50: rgba(41, 45, 51, 1);--color-theme-75: rgba(44, 49, 56, 1);--color-theme-100: rgba(48, 52, 59, 1);--color-theme-125: rgba(52, 56, 64, 1);--color-theme-150: rgba(54, 59, 69, 1);--color-theme-200: rgba(58, 63, 74, 1);--color-theme-250: rgba(61, 66, 77, 1);--color-theme-300: rgba(64, 70, 82, 1);--color-theme-350: rgba(68, 74, 87, 1);--color-theme-400: rgba(75, 81, 94, 1);--color-theme-450: rgba(82, 87, 99, 1);--color-theme-500: rgba(90, 95, 107, 1);--color-theme-525: rgba(98, 103, 115, 1);--color-theme-550: rgba(108, 112, 122, 1);--color-theme-600: rgba(116, 120, 130, 1);--color-theme-650: rgba(128, 131, 140, 1);--color-theme-700: rgba(142, 145, 153, 1);--color-theme-750: rgba(157, 160, 166, 1);--color-theme-800: rgba(174, 177, 184, 1);--color-theme-850: rgba(193, 196, 201, 1);--color-theme-875: rgba(211, 214, 219, 1);--color-theme-900: rgba(235, 237, 240, 1);--color-theme-925: rgba(240, 242, 245, 1);--color-theme-950: rgba(245, 246, 247, 1);--color-theme-975: rgba(250, 251, 252, 1);--color-theme-1000: rgba(255, 255, 255, 1);--top-shadow-s: 0px 0px 3px rgba(0, 0, 0, .11), 0px 5px 25px rgba(0, 0, 0, .17);--top-shadow: 0px 0px 4px rgba(0, 0, 0, .14), 0px 4px 32px rgba(0, 0, 0, .2);--top-shadow-b: 0px 0px 4px rgba(0, 0, 0, .15), 0px 18px 32px rgba(0, 0, 0, .34);--top-shadow-darken: inset 1000px 1000px 1000px 1000px rgba(0, 0, 0, .03);--top-shadow-darken-2: inset 1000px 1000px 1000px 1000px rgba(0, 0, 0, .07);--top-shadow-darken-3: inset 1000px 1000px 1000px 1000px rgba(0, 0, 0, .14)}:root{--top-forms-color: var(--color-text-1);--top-forms-color-disabled: var(--color-text-3);--top-forms-border-color: var(--color-line-2-opacity);--top-forms-border-color-hover: var(--color-primary);--top-forms-border-color-disabled: var(--color-line-1-opacity);--top-forms-placeholder-color: var(--color-text-3);--top-forms-placeholder-color-disabled: var(--color-text-4);--top-forms-background-color: var(--color-bg-3);--top-forms-background-color-hover: var(--color-bg-3)}
@@ -1,13 +1,2 @@
1
- define(["exports", "../.chunks/forms-f7b7b259.amd", "vue"], function(exports, forms, vue) {
2
- "use strict"; if(typeof vue === "undefined") var vue = window.Vue;
3
- exports.Button = forms.Button;
4
- exports.Checkbox = forms.checkbox;
5
- exports.ControlLabel = forms.ControlLabel;
6
- exports.Hint = forms.Hint;
7
- exports.Input = forms.input;
8
- exports.Radio = forms.radio;
9
- exports.Switcher = forms.switcher;
10
- exports.Textarea = forms.Textarea;
11
- Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
12
- });
1
+ define(["exports","../.chunks/forms-cab135c7.amd","vue"],function(e,t,n){"use strict"; if(typeof vue === "undefined") var vue = window.Vue;e.Button=t.Button,e.Checkbox=t.checkbox,e.ControlLabel=t.ControlLabel,e.Hint=t.Hint,e.Input=t.Input,e.InputDate=t.inputDate,e.Radio=t.radio,e.Select=t.select,e.Switcher=t.switcher,e.Textarea=t.Textarea,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})});
13
2
  //# sourceMappingURL=forms.amd.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"forms.amd.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
1
+ {"version":3,"file":"forms.amd.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
package/forms/forms.js CHANGED
@@ -1,13 +1,15 @@
1
- import { B, c, a, H, i, r, s, T } from "../.chunks/forms-245e3bc0.es.js";
1
+ import { B as e, c as o, a as r, H as i, I as n, i as c, r as p, b, s as l, T as u } from "../.chunks/forms-6c397f5a.es.js";
2
2
  import "vue";
3
3
  export {
4
- B as Button,
5
- c as Checkbox,
6
- a as ControlLabel,
7
- H as Hint,
8
- i as Input,
9
- r as Radio,
10
- s as Switcher,
11
- T as Textarea
4
+ e as Button,
5
+ o as Checkbox,
6
+ r as ControlLabel,
7
+ i as Hint,
8
+ n as Input,
9
+ c as InputDate,
10
+ p as Radio,
11
+ b as Select,
12
+ l as Switcher,
13
+ u as Textarea
12
14
  };
13
15
  //# sourceMappingURL=forms.js.map
@@ -1,6 +1,2 @@
1
- define(["exports", "../.chunks/forms-f7b7b259.amd", "vue"], function(exports, forms, vue) {
2
- "use strict"; if(typeof vue === "undefined") var vue = window.Vue;
3
- exports.SIZE = forms.SIZE;
4
- Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
5
- });
1
+ define(["exports"],function(e){"use strict"; if(typeof vue === "undefined") var vue = window.Vue;const s={s:"s",l:"l",xl:"xl"};e.sizes=s,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})});
6
2
  //# sourceMappingURL=helpers.amd.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"helpers.amd.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
1
+ {"version":3,"file":"helpers.amd.js","sources":["../../src/components/forms/helpers.ts"],"sourcesContent":["/**\r\n * Размеры\r\n */\r\nexport const sizes = {\r\n\ts: 's',\r\n\tl: 'l',\r\n\txl: 'xl',\r\n} as const;\r\n\r\nexport type Size = typeof sizes[keyof typeof sizes];"],"names":["sizes"],"mappings":"4CAGO,MAAMA,EAAQ,CACpB,EAAG,IACH,EAAG,IACH,GAAI,IACL"}
package/forms/helpers.js CHANGED
@@ -1,6 +1,9 @@
1
- import { S } from "../.chunks/forms-245e3bc0.es.js";
2
- import "vue";
1
+ const s = {
2
+ s: "s",
3
+ l: "l",
4
+ xl: "xl"
5
+ };
3
6
  export {
4
- S as SIZE
7
+ s as sizes
5
8
  };
6
9
  //# sourceMappingURL=helpers.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"helpers.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
1
+ {"version":3,"file":"helpers.js","sources":["../../src/components/forms/helpers.ts"],"sourcesContent":["/**\r\n * Размеры\r\n */\r\nexport const sizes = {\r\n\ts: 's',\r\n\tl: 'l',\r\n\txl: 'xl',\r\n} as const;\r\n\r\nexport type Size = typeof sizes[keyof typeof sizes];"],"names":["sizes"],"mappings":"AAGO,MAAMA,IAAQ;AAAA,EACpB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,IAAI;AACL;"}