@luizleon/sf.prefeiturasp.vuecomponents 0.0.43 → 0.0.45

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 (67) hide show
  1. package/dist/components/button/Button.d.ts +77 -42
  2. package/dist/components/content/Content.d.ts +28 -36
  3. package/dist/components/drawer/Drawer.d.ts +54 -55
  4. package/dist/components/icon/Icon.d.ts +59 -38
  5. package/dist/components/internal/HeaderAvatar.d.ts +6 -0
  6. package/dist/components/internal/ScrollToTop.d.ts +2 -7
  7. package/dist/components/internal/ThemeToggle.d.ts +2 -11
  8. package/dist/components/layout/Layout.d.ts +20 -45
  9. package/dist/components/message/Message.d.ts +42 -37
  10. package/dist/components/navmenulink/NavMenuLink.d.ts +18 -35
  11. package/dist/components/tabnavigation/TabNavigation.d.ts +29 -42
  12. package/dist/components/tooltip/Tooltip.d.ts +21 -0
  13. package/dist/index.d.ts +4 -3
  14. package/dist/keycloak.d.ts +1 -1
  15. package/dist/services/dialogService.d.ts +16 -5
  16. package/dist/{lib.es.js → sf.prefeiturasp.vuecomponents.es.js} +2009 -1909
  17. package/dist/sf.prefeiturasp.vuecomponents.es.js.map +1 -0
  18. package/dist/sf.prefeiturasp.vuecomponents.umd.js +82 -0
  19. package/dist/sf.prefeiturasp.vuecomponents.umd.js.map +1 -0
  20. package/dist/style.css +1 -1
  21. package/package.json +9 -10
  22. package/src/components/button/Button.d.ts +2 -18
  23. package/src/components/button/Button.vue +45 -2
  24. package/src/components/content/Content.d.ts +0 -8
  25. package/src/components/content/Content.vue +9 -1
  26. package/src/components/drawer/Drawer.d.ts +1 -6
  27. package/src/components/drawer/Drawer.vue +11 -3
  28. package/src/components/icon/Icon.d.ts +1 -16
  29. package/src/components/icon/Icon.vue +65 -22
  30. package/src/components/internal/HeaderAvatar.vue +4 -5
  31. package/src/components/layout/Layout.d.ts +1 -2
  32. package/src/components/layout/Layout.vue +6 -1
  33. package/src/components/message/Message.d.ts +1 -10
  34. package/src/components/message/Message.vue +28 -12
  35. package/src/components/navmenulink/NavMenuLink.d.ts +1 -7
  36. package/src/components/navmenulink/NavMenuLink.vue +10 -2
  37. package/src/components/tabnavigation/TabNavigation.d.ts +1 -9
  38. package/src/components/tabnavigation/TabNavigation.vue +9 -1
  39. package/src/components/tooltip/Tooltip.d.ts +23 -0
  40. package/src/components/tooltip/Tooltip.vue +91 -0
  41. package/src/index.ts +8 -6
  42. package/src/services/dialogService.ts +71 -25
  43. package/src/style/src/_mixins.scss +5 -0
  44. package/src/style/src/components/_icon.scss +7 -7
  45. package/src/style/src/components/_message.scss +1 -1
  46. package/src/style/src/components/_tooltip.scss +11 -12
  47. package/src/style/src/sweetalert/scss/_animations.scss +197 -197
  48. package/src/style/src/sweetalert/scss/_body.scss +45 -45
  49. package/src/style/src/sweetalert/scss/_core.scss +862 -862
  50. package/src/style/src/sweetalert/scss/_mixins.scss +16 -16
  51. package/src/style/src/sweetalert/scss/_theming.scss +8 -8
  52. package/src/style/src/sweetalert/scss/_toasts-animations.scss +83 -83
  53. package/src/style/src/sweetalert/scss/_toasts-body.scss +85 -85
  54. package/src/style/src/sweetalert/scss/_toasts.scss +203 -203
  55. package/src/ts-helpers.d.ts +9 -9
  56. package/tsconfig.json +2 -2
  57. package/vite.config.js +5 -5
  58. package/dist/enum/cor.d.ts +0 -9
  59. package/dist/enum/index.d.ts +0 -2
  60. package/dist/enum/tamanho.d.ts +0 -5
  61. package/dist/lib.es.js.map +0 -1
  62. package/dist/lib.umd.js +0 -84
  63. package/dist/lib.umd.js.map +0 -1
  64. package/dist/ts-helpers.d.ts +0 -57
  65. package/src/enum/cor.ts +0 -9
  66. package/src/enum/index.ts +0 -2
  67. package/src/enum/tamanho.ts +0 -5
package/src/style/src/sweetalert/scss/_animations.scss CHANGED
@@ -1,197 +1,197 @@
1
- //@import 'toasts-animations';
2
-
3
- // Appearance animation
4
- @keyframes swal2-show {
5
- 0% {
6
- transform: scale(0.7);
7
- }
8
-
9
- 45% {
10
- transform: scale(1.05);
11
- }
12
-
13
- 80% {
14
- transform: scale(0.95);
15
- }
16
-
17
- 100% {
18
- transform: scale(1);
19
- }
20
- }
21
-
22
- // Disppearance animation
23
- @keyframes swal2-hide {
24
- 0% {
25
- transform: scale(1);
26
- opacity: 1;
27
- }
28
-
29
- 100% {
30
- transform: scale(0.5);
31
- opacity: 0;
32
- }
33
- }
34
-
35
- // Success icon animations
36
- @keyframes swal2-animate-success-line-tip {
37
- 0% {
38
- top: 1.1875em;
39
- left: 0.0625em;
40
- width: 0;
41
- }
42
-
43
- 54% {
44
- top: 1.0625em;
45
- left: 0.125em;
46
- width: 0;
47
- }
48
-
49
- 70% {
50
- top: 2.1875em;
51
- left: -0.375em;
52
- width: 3.125em;
53
- }
54
-
55
- 84% {
56
- top: 3em;
57
- left: 1.3125em;
58
- width: 1.0625em;
59
- }
60
-
61
- 100% {
62
- top: 2.8125em;
63
- left: 0.8125em;
64
- width: 1.5625em;
65
- }
66
- }
67
-
68
- @keyframes swal2-animate-success-line-long {
69
- 0% {
70
- top: 3.375em;
71
- right: 2.875em;
72
- width: 0;
73
- }
74
-
75
- 65% {
76
- top: 3.375em;
77
- right: 2.875em;
78
- width: 0;
79
- }
80
-
81
- 84% {
82
- top: 2.1875em;
83
- right: 0;
84
- width: 3.4375em;
85
- }
86
-
87
- 100% {
88
- top: 2.375em;
89
- right: 0.5em;
90
- width: 2.9375em;
91
- }
92
- }
93
-
94
- @keyframes swal2-rotate-success-circular-line {
95
- 0% {
96
- transform: rotate(-45deg);
97
- }
98
-
99
- 5% {
100
- transform: rotate(-45deg);
101
- }
102
-
103
- 12% {
104
- transform: rotate(-405deg);
105
- }
106
-
107
- 100% {
108
- transform: rotate(-405deg);
109
- }
110
- }
111
-
112
- // Error icon animations
113
- @keyframes swal2-animate-error-x-mark {
114
- 0% {
115
- margin-top: 1.625em;
116
- transform: scale(0.4);
117
- opacity: 0;
118
- }
119
-
120
- 50% {
121
- margin-top: 1.625em;
122
- transform: scale(0.4);
123
- opacity: 0;
124
- }
125
-
126
- 80% {
127
- margin-top: -0.375em;
128
- transform: scale(1.15);
129
- }
130
-
131
- 100% {
132
- margin-top: 0;
133
- transform: scale(1);
134
- opacity: 1;
135
- }
136
- }
137
-
138
- @keyframes swal2-animate-error-icon {
139
- 0% {
140
- transform: rotateX(100deg);
141
- opacity: 0;
142
- }
143
-
144
- 100% {
145
- transform: rotateX(0deg);
146
- opacity: 1;
147
- }
148
- }
149
-
150
- @keyframes swal2-rotate-loading {
151
- 0% {
152
- transform: rotate(0deg);
153
- }
154
-
155
- 100% {
156
- transform: rotate(360deg);
157
- }
158
- }
159
-
160
- // Question mark animation
161
- @keyframes swal2-animate-question-mark {
162
- 0% {
163
- transform: rotateY(-360deg);
164
- }
165
-
166
- 100% {
167
- transform: rotateY(0);
168
- }
169
- }
170
-
171
- // Info and Warning mark animation
172
- @keyframes swal2-animate-i-mark {
173
- 0% {
174
- transform: rotateZ(45deg);
175
- opacity: 0;
176
- }
177
-
178
- 25% {
179
- transform: rotateZ(-25deg);
180
- opacity: 0.4;
181
- }
182
-
183
- 50% {
184
- transform: rotateZ(15deg);
185
- opacity: 0.8;
186
- }
187
-
188
- 75% {
189
- transform: rotateZ(-5deg);
190
- opacity: 1;
191
- }
192
-
193
- 100% {
194
- transform: rotateX(0);
195
- opacity: 1;
196
- }
197
- }
1
+ //@import 'toasts-animations';
2
+
3
+ // Appearance animation
4
+ @keyframes swal2-show {
5
+ 0% {
6
+ transform: scale(0.7);
7
+ }
8
+
9
+ 45% {
10
+ transform: scale(1.05);
11
+ }
12
+
13
+ 80% {
14
+ transform: scale(0.95);
15
+ }
16
+
17
+ 100% {
18
+ transform: scale(1);
19
+ }
20
+ }
21
+
22
+ // Disppearance animation
23
+ @keyframes swal2-hide {
24
+ 0% {
25
+ transform: scale(1);
26
+ opacity: 1;
27
+ }
28
+
29
+ 100% {
30
+ transform: scale(0.5);
31
+ opacity: 0;
32
+ }
33
+ }
34
+
35
+ // Success icon animations
36
+ @keyframes swal2-animate-success-line-tip {
37
+ 0% {
38
+ top: 1.1875em;
39
+ left: 0.0625em;
40
+ width: 0;
41
+ }
42
+
43
+ 54% {
44
+ top: 1.0625em;
45
+ left: 0.125em;
46
+ width: 0;
47
+ }
48
+
49
+ 70% {
50
+ top: 2.1875em;
51
+ left: -0.375em;
52
+ width: 3.125em;
53
+ }
54
+
55
+ 84% {
56
+ top: 3em;
57
+ left: 1.3125em;
58
+ width: 1.0625em;
59
+ }
60
+
61
+ 100% {
62
+ top: 2.8125em;
63
+ left: 0.8125em;
64
+ width: 1.5625em;
65
+ }
66
+ }
67
+
68
+ @keyframes swal2-animate-success-line-long {
69
+ 0% {
70
+ top: 3.375em;
71
+ right: 2.875em;
72
+ width: 0;
73
+ }
74
+
75
+ 65% {
76
+ top: 3.375em;
77
+ right: 2.875em;
78
+ width: 0;
79
+ }
80
+
81
+ 84% {
82
+ top: 2.1875em;
83
+ right: 0;
84
+ width: 3.4375em;
85
+ }
86
+
87
+ 100% {
88
+ top: 2.375em;
89
+ right: 0.5em;
90
+ width: 2.9375em;
91
+ }
92
+ }
93
+
94
+ @keyframes swal2-rotate-success-circular-line {
95
+ 0% {
96
+ transform: rotate(-45deg);
97
+ }
98
+
99
+ 5% {
100
+ transform: rotate(-45deg);
101
+ }
102
+
103
+ 12% {
104
+ transform: rotate(-405deg);
105
+ }
106
+
107
+ 100% {
108
+ transform: rotate(-405deg);
109
+ }
110
+ }
111
+
112
+ // Error icon animations
113
+ @keyframes swal2-animate-error-x-mark {
114
+ 0% {
115
+ margin-top: 1.625em;
116
+ transform: scale(0.4);
117
+ opacity: 0;
118
+ }
119
+
120
+ 50% {
121
+ margin-top: 1.625em;
122
+ transform: scale(0.4);
123
+ opacity: 0;
124
+ }
125
+
126
+ 80% {
127
+ margin-top: -0.375em;
128
+ transform: scale(1.15);
129
+ }
130
+
131
+ 100% {
132
+ margin-top: 0;
133
+ transform: scale(1);
134
+ opacity: 1;
135
+ }
136
+ }
137
+
138
+ @keyframes swal2-animate-error-icon {
139
+ 0% {
140
+ transform: rotateX(100deg);
141
+ opacity: 0;
142
+ }
143
+
144
+ 100% {
145
+ transform: rotateX(0deg);
146
+ opacity: 1;
147
+ }
148
+ }
149
+
150
+ @keyframes swal2-rotate-loading {
151
+ 0% {
152
+ transform: rotate(0deg);
153
+ }
154
+
155
+ 100% {
156
+ transform: rotate(360deg);
157
+ }
158
+ }
159
+
160
+ // Question mark animation
161
+ @keyframes swal2-animate-question-mark {
162
+ 0% {
163
+ transform: rotateY(-360deg);
164
+ }
165
+
166
+ 100% {
167
+ transform: rotateY(0);
168
+ }
169
+ }
170
+
171
+ // Info and Warning mark animation
172
+ @keyframes swal2-animate-i-mark {
173
+ 0% {
174
+ transform: rotateZ(45deg);
175
+ opacity: 0;
176
+ }
177
+
178
+ 25% {
179
+ transform: rotateZ(-25deg);
180
+ opacity: 0.4;
181
+ }
182
+
183
+ 50% {
184
+ transform: rotateZ(15deg);
185
+ opacity: 0.8;
186
+ }
187
+
188
+ 75% {
189
+ transform: rotateZ(-5deg);
190
+ opacity: 1;
191
+ }
192
+
193
+ 100% {
194
+ transform: rotateX(0);
195
+ opacity: 1;
196
+ }
197
+ }
package/src/style/src/sweetalert/scss/_body.scss CHANGED
@@ -1,45 +1,45 @@
1
- //@import "toasts-body";
2
-
3
- @mixin sweetalert2-body() {
4
- &.swal2-shown {
5
- @include not(".swal2-no-backdrop", ".swal2-toast-shown") {
6
- overflow: hidden; // not overflow-y because of Sarari, #1253
7
- }
8
- }
9
-
10
- // SfLayout define height de html.
11
- // &.swal2-height-auto {
12
- // height: auto !important; // #781 #1107
13
- // }
14
-
15
- &.swal2-no-backdrop {
16
- .swal2-container {
17
- background-color: transparent !important;
18
- pointer-events: none;
19
-
20
- .swal2-popup {
21
- pointer-events: all;
22
- }
23
-
24
- .swal2-modal {
25
- box-shadow: 0 0 10px $swal2-backdrop;
26
- }
27
- }
28
- }
29
-
30
- @media print {
31
- &.swal2-shown {
32
- @include not(".swal2-no-backdrop", ".swal2-toast-shown") {
33
- overflow-y: scroll !important;
34
-
35
- > [aria-hidden="true"] {
36
- display: none;
37
- }
38
-
39
- .swal2-container {
40
- position: static !important;
41
- }
42
- }
43
- }
44
- }
45
- }
1
+ //@import "toasts-body";
2
+
3
+ @mixin sweetalert2-body() {
4
+ &.swal2-shown {
5
+ @include not(".swal2-no-backdrop", ".swal2-toast-shown") {
6
+ overflow: hidden; // not overflow-y because of Sarari, #1253
7
+ }
8
+ }
9
+
10
+ // SfLayout define height de html.
11
+ // &.swal2-height-auto {
12
+ // height: auto !important; // #781 #1107
13
+ // }
14
+
15
+ &.swal2-no-backdrop {
16
+ .swal2-container {
17
+ background-color: transparent !important;
18
+ pointer-events: none;
19
+
20
+ .swal2-popup {
21
+ pointer-events: all;
22
+ }
23
+
24
+ .swal2-modal {
25
+ box-shadow: 0 0 10px $swal2-backdrop;
26
+ }
27
+ }
28
+ }
29
+
30
+ @media print {
31
+ &.swal2-shown {
32
+ @include not(".swal2-no-backdrop", ".swal2-toast-shown") {
33
+ overflow-y: scroll !important;
34
+
35
+ > [aria-hidden="true"] {
36
+ display: none;
37
+ }
38
+
39
+ .swal2-container {
40
+ position: static !important;
41
+ }
42
+ }
43
+ }
44
+ }
45
+ }