@vue-interface/tooltip 0.8.1 → 1.0.0-beta.0

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 (55) hide show
  1. package/dist/Tooltip.vue.d.ts +4 -0
  2. package/dist/TooltipPlugin.d.ts +2 -0
  3. package/dist/tooltip.css +1 -0
  4. package/dist/tooltip.es.js +1105 -0
  5. package/dist/tooltip.umd.js +5 -0
  6. package/package.json +38 -36
  7. package/src/Popper.js +33 -21
  8. package/src/Tooltip.vue +2 -1
  9. package/src/TooltipPlugin.ts +73 -0
  10. package/tailwindcss/index.js +18 -20
  11. package/.eslintrc.js +0 -53
  12. package/babel.config.js +0 -5
  13. package/dist/Tooltip.common.js +0 -6496
  14. package/dist/Tooltip.common.js.map +0 -1
  15. package/dist/Tooltip.css +0 -193
  16. package/dist/Tooltip.css.map +0 -1
  17. package/dist/Tooltip.umd.js +0 -6506
  18. package/dist/Tooltip.umd.js.map +0 -1
  19. package/dist/Tooltip.umd.min.js +0 -2
  20. package/dist/Tooltip.umd.min.js.map +0 -1
  21. package/dist/demo.html +0 -10
  22. package/docs/.vuepress/config.js +0 -44
  23. package/docs/.vuepress/dist/404.html +0 -19
  24. package/docs/.vuepress/dist/assets/css/0.styles.275ee968.css +0 -1
  25. package/docs/.vuepress/dist/assets/img/search.83621669.svg +0 -1
  26. package/docs/.vuepress/dist/assets/js/10.5d93d289.js +0 -1
  27. package/docs/.vuepress/dist/assets/js/11.97ab3884.js +0 -1
  28. package/docs/.vuepress/dist/assets/js/2.f3d148c3.js +0 -1
  29. package/docs/.vuepress/dist/assets/js/3.81681fff.js +0 -1
  30. package/docs/.vuepress/dist/assets/js/4.82fa7382.js +0 -1
  31. package/docs/.vuepress/dist/assets/js/5.3dae6ad4.js +0 -1
  32. package/docs/.vuepress/dist/assets/js/6.6a04f815.js +0 -1
  33. package/docs/.vuepress/dist/assets/js/7.c033cb49.js +0 -1
  34. package/docs/.vuepress/dist/assets/js/8.6d6eb599.js +0 -1
  35. package/docs/.vuepress/dist/assets/js/9.eaefe866.js +0 -1
  36. package/docs/.vuepress/dist/assets/js/app.7ed065d3.js +0 -13
  37. package/docs/.vuepress/dist/examples/index.html +0 -21
  38. package/docs/.vuepress/dist/examples/test.html +0 -17
  39. package/docs/.vuepress/dist/index.html +0 -53
  40. package/docs/.vuepress/dist/options.html +0 -41
  41. package/docs/.vuepress/dist/tailwindcss.html +0 -85
  42. package/docs/README.md +0 -23
  43. package/docs/examples/README.md +0 -3
  44. package/docs/options.md +0 -46
  45. package/docs/tailwindcss.md +0 -76
  46. package/index.html +0 -50
  47. package/index.js +0 -5
  48. package/main.js +0 -8
  49. package/postcss.config.js +0 -1
  50. package/public/favicon.ico +0 -0
  51. package/public/index.html +0 -17
  52. package/src/TooltipPlugin.js +0 -87
  53. package/src/css/Tooltip.css +0 -2
  54. package/tailwind.config.js +0 -12
  55. package/vue.config.js +0 -14
package/dist/Tooltip.css DELETED
@@ -1,193 +0,0 @@
1
- .collapse:not(.show) {
2
- display: none
3
- }
4
-
5
- :root {
6
- --tooltip-font-size: .875rem;
7
- --tooltip-max-width: 200px;
8
- --tooltip-color: #fff;
9
- --tooltip-background-color: #000;
10
- --tooltip-border-radius: .25rem;
11
- --tooltip-opacity: 0.9px;
12
- --tooltip-padding-y: 0.25rem;
13
- --tooltip-padding-x: 0.5rem;
14
- --tooltip-margin: 0;
15
- --tooltip-z-index: 1070px;
16
- --tooltip-arrow-width: .8rem;
17
- --tooltip-arrow-height: .4rem;
18
- --tooltip-arrow-color: #000
19
- }
20
-
21
- .tooltip {
22
- font-style: normal;
23
- font-weight: 400;
24
- line-height: 1.5;
25
- text-align: start;
26
- text-decoration: none;
27
- text-shadow: none;
28
- text-transform: none;
29
- letter-spacing: normal;
30
- word-break: normal;
31
- word-spacing: normal;
32
- line-break: auto;
33
- position: absolute;
34
- z-index: 1070;
35
- display: block;
36
- margin: 0;
37
- font-size: .875rem;
38
- word-wrap: break-word;
39
- opacity: 0
40
- }
41
-
42
- .tooltip.show {
43
- opacity: 0.9
44
- }
45
-
46
- .tooltip .tooltip-arrow {
47
- position: absolute;
48
- display: block;
49
- width: .8rem;
50
- height: .4rem
51
- }
52
-
53
- .tooltip .tooltip-arrow::before {
54
- position: absolute;
55
- content: "";
56
- border-color: transparent;
57
- border-style: solid
58
- }
59
-
60
- .bs-tooltip-top {
61
- padding: .4rem 0
62
- }
63
-
64
- .bs-tooltip-top .tooltip-arrow {
65
- bottom: 0
66
- }
67
-
68
- .bs-tooltip-top .tooltip-arrow::before {
69
- top: 0;
70
- border-width: .4rem 0.4rem 0;
71
- border-top-color: #000
72
- }
73
-
74
- .bs-tooltip-bottom {
75
- padding: .4rem 0
76
- }
77
-
78
- .bs-tooltip-bottom .tooltip-arrow {
79
- top: 0
80
- }
81
-
82
- .bs-tooltip-bottom .tooltip-arrow::before {
83
- bottom: 0;
84
- border-width: 0 0.4rem .4rem;
85
- border-bottom-color: #000
86
- }
87
-
88
- .bs-tooltip-left {
89
- padding: 0 .4rem
90
- }
91
-
92
- .bs-tooltip-left .tooltip-arrow {
93
- right: 0;
94
- width: .4rem;
95
- height: .8rem
96
- }
97
-
98
- .bs-tooltip-left .tooltip-arrow::before {
99
- left: 0;
100
- border-width: 0.4rem 0 0.4rem .4rem;
101
- border-left-color: #000
102
- }
103
-
104
- .bs-tooltip-right {
105
- padding: 0 .4rem
106
- }
107
-
108
- .bs-tooltip-right .tooltip-arrow {
109
- left: 0;
110
- width: .4rem;
111
- height: .8rem
112
- }
113
-
114
- .bs-tooltip-right .tooltip-arrow::before {
115
- right: 0;
116
- border-width: 0.4rem .4rem 0.4rem 0;
117
- border-right-color: #000
118
- }
119
-
120
- .bs-tooltip-auto[x-placement^="top"] .bs-tooltip-top {
121
- padding: .4rem 0
122
- }
123
-
124
- .bs-tooltip-auto[x-placement^="top"] .bs-tooltip-top .tooltip-arrow {
125
- bottom: 0
126
- }
127
-
128
- .bs-tooltip-auto[x-placement^="top"] .bs-tooltip-top .tooltip-arrow::before {
129
- top: 0;
130
- border-width: .4rem 0.4rem 0;
131
- border-top-color: #000
132
- }
133
-
134
- .bs-tooltip-auto[x-placement^="bottom"] .bs-tooltip-bottom {
135
- padding: .4rem 0
136
- }
137
-
138
- .bs-tooltip-auto[x-placement^="bottom"] .bs-tooltip-bottom .tooltip-arrow {
139
- top: 0
140
- }
141
-
142
- .bs-tooltip-auto[x-placement^="bottom"] .bs-tooltip-bottom .tooltip-arrow::before {
143
- bottom: 0;
144
- border-width: 0 0.4rem .4rem;
145
- border-bottom-color: #000
146
- }
147
-
148
- .bs-tooltip-auto[x-placement^="left"] .bs-tooltip-left {
149
- padding: 0 .4rem
150
- }
151
-
152
- .bs-tooltip-auto[x-placement^="left"] .bs-tooltip-left .tooltip-arrow {
153
- right: 0;
154
- width: .4rem;
155
- height: .8rem
156
- }
157
-
158
- .bs-tooltip-auto[x-placement^="left"] .bs-tooltip-left .tooltip-arrow::before {
159
- left: 0;
160
- border-width: 0.4rem 0 0.4rem .4rem;
161
- border-left-color: #000
162
- }
163
-
164
- .bs-tooltip-auto[x-placement^="right"] .bs-tooltip-right {
165
- padding: 0 .4rem
166
- }
167
-
168
- .bs-tooltip-auto[x-placement^="right"] .bs-tooltip-right .tooltip-arrow {
169
- left: 0;
170
- width: .4rem;
171
- height: .8rem
172
- }
173
-
174
- .bs-tooltip-auto[x-placement^="right"] .bs-tooltip-right .tooltip-arrow::before {
175
- right: 0;
176
- border-width: 0.4rem .4rem 0.4rem 0;
177
- border-right-color: #000
178
- }
179
-
180
- .tooltip-inner {
181
- max-width: 200px;
182
- padding: 0.25rem 0.5rem;
183
- color: #fff;
184
- text-align: center;
185
- background-color: #000;
186
- border-radius: .25rem
187
- }
188
- .tooltip:not(.show) {
189
- z-index: -1;
190
- }
191
-
192
-
193
- /*# sourceMappingURL=Tooltip.css.map*/
@@ -1 +0,0 @@
1
- {"version":3,"sources":["webpack://Tooltip/./src/css/Tooltip.css","webpack://Tooltip/./src/Tooltip.vue"],"names":[],"mappings":"AAAA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,C;AC1LA;AACA;AACA","file":"Tooltip.css","sourcesContent":[".collapse:not(.show) {\n display: none\n}\n\n:root {\n --tooltip-font-size: .875rem;\n --tooltip-max-width: 200px;\n --tooltip-color: #fff;\n --tooltip-background-color: #000;\n --tooltip-border-radius: .25rem;\n --tooltip-opacity: 0.9px;\n --tooltip-padding-y: 0.25rem;\n --tooltip-padding-x: 0.5rem;\n --tooltip-margin: 0;\n --tooltip-z-index: 1070px;\n --tooltip-arrow-width: .8rem;\n --tooltip-arrow-height: .4rem;\n --tooltip-arrow-color: #000\n}\n\n.tooltip {\n font-style: normal;\n font-weight: 400;\n line-height: 1.5;\n text-align: start;\n text-decoration: none;\n text-shadow: none;\n text-transform: none;\n letter-spacing: normal;\n word-break: normal;\n word-spacing: normal;\n line-break: auto;\n position: absolute;\n z-index: 1070;\n display: block;\n margin: 0;\n font-size: .875rem;\n word-wrap: break-word;\n opacity: 0\n}\n\n.tooltip.show {\n opacity: 0.9\n}\n\n.tooltip .tooltip-arrow {\n position: absolute;\n display: block;\n width: .8rem;\n height: .4rem\n}\n\n.tooltip .tooltip-arrow::before {\n position: absolute;\n content: \"\";\n border-color: transparent;\n border-style: solid\n}\n\n.bs-tooltip-top {\n padding: .4rem 0\n}\n\n.bs-tooltip-top .tooltip-arrow {\n bottom: 0\n}\n\n.bs-tooltip-top .tooltip-arrow::before {\n top: 0;\n border-width: .4rem 0.4rem 0;\n border-top-color: #000\n}\n\n.bs-tooltip-bottom {\n padding: .4rem 0\n}\n\n.bs-tooltip-bottom .tooltip-arrow {\n top: 0\n}\n\n.bs-tooltip-bottom .tooltip-arrow::before {\n bottom: 0;\n border-width: 0 0.4rem .4rem;\n border-bottom-color: #000\n}\n\n.bs-tooltip-left {\n padding: 0 .4rem\n}\n\n.bs-tooltip-left .tooltip-arrow {\n right: 0;\n width: .4rem;\n height: .8rem\n}\n\n.bs-tooltip-left .tooltip-arrow::before {\n left: 0;\n border-width: 0.4rem 0 0.4rem .4rem;\n border-left-color: #000\n}\n\n.bs-tooltip-right {\n padding: 0 .4rem\n}\n\n.bs-tooltip-right .tooltip-arrow {\n left: 0;\n width: .4rem;\n height: .8rem\n}\n\n.bs-tooltip-right .tooltip-arrow::before {\n right: 0;\n border-width: 0.4rem .4rem 0.4rem 0;\n border-right-color: #000\n}\n\n.bs-tooltip-auto[x-placement^=\"top\"] .bs-tooltip-top {\n padding: .4rem 0\n}\n\n.bs-tooltip-auto[x-placement^=\"top\"] .bs-tooltip-top .tooltip-arrow {\n bottom: 0\n}\n\n.bs-tooltip-auto[x-placement^=\"top\"] .bs-tooltip-top .tooltip-arrow::before {\n top: 0;\n border-width: .4rem 0.4rem 0;\n border-top-color: #000\n}\n\n.bs-tooltip-auto[x-placement^=\"bottom\"] .bs-tooltip-bottom {\n padding: .4rem 0\n}\n\n.bs-tooltip-auto[x-placement^=\"bottom\"] .bs-tooltip-bottom .tooltip-arrow {\n top: 0\n}\n\n.bs-tooltip-auto[x-placement^=\"bottom\"] .bs-tooltip-bottom .tooltip-arrow::before {\n bottom: 0;\n border-width: 0 0.4rem .4rem;\n border-bottom-color: #000\n}\n\n.bs-tooltip-auto[x-placement^=\"left\"] .bs-tooltip-left {\n padding: 0 .4rem\n}\n\n.bs-tooltip-auto[x-placement^=\"left\"] .bs-tooltip-left .tooltip-arrow {\n right: 0;\n width: .4rem;\n height: .8rem\n}\n\n.bs-tooltip-auto[x-placement^=\"left\"] .bs-tooltip-left .tooltip-arrow::before {\n left: 0;\n border-width: 0.4rem 0 0.4rem .4rem;\n border-left-color: #000\n}\n\n.bs-tooltip-auto[x-placement^=\"right\"] .bs-tooltip-right {\n padding: 0 .4rem\n}\n\n.bs-tooltip-auto[x-placement^=\"right\"] .bs-tooltip-right .tooltip-arrow {\n left: 0;\n width: .4rem;\n height: .8rem\n}\n\n.bs-tooltip-auto[x-placement^=\"right\"] .bs-tooltip-right .tooltip-arrow::before {\n right: 0;\n border-width: 0.4rem .4rem 0.4rem 0;\n border-right-color: #000\n}\n\n.tooltip-inner {\n max-width: 200px;\n padding: 0.25rem 0.5rem;\n color: #fff;\n text-align: center;\n background-color: #000;\n border-radius: .25rem\n}",".tooltip:not(.show) {\n z-index: -1;\n}\n"],"sourceRoot":""}