@luizleon/sf.prefeiturasp.vuecomponents 0.0.43 → 0.0.44
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.
- package/dist/components/button/Button.d.ts +45 -42
- package/dist/components/content/Content.d.ts +21 -36
- package/dist/components/drawer/Drawer.d.ts +46 -55
- package/dist/components/icon/Icon.d.ts +38 -38
- package/dist/components/internal/HeaderAvatar.d.ts +6 -0
- package/dist/components/internal/ScrollToTop.d.ts +2 -7
- package/dist/components/internal/ThemeToggle.d.ts +2 -11
- package/dist/components/layout/Layout.d.ts +18 -45
- package/dist/components/message/Message.d.ts +33 -37
- package/dist/components/navmenulink/NavMenuLink.d.ts +12 -35
- package/dist/components/tabnavigation/TabNavigation.d.ts +23 -42
- package/dist/index.d.ts +3 -3
- package/dist/keycloak.d.ts +1 -1
- package/dist/services/dialogService.d.ts +16 -5
- package/dist/{lib.es.js → sf.prefeiturasp.vuecomponents.es.js} +1300 -1266
- package/dist/sf.prefeiturasp.vuecomponents.es.js.map +1 -0
- package/dist/sf.prefeiturasp.vuecomponents.umd.js +82 -0
- package/dist/sf.prefeiturasp.vuecomponents.umd.js.map +1 -0
- package/dist/style.css +1 -1
- package/package.json +10 -10
- package/src/components/button/Button.d.ts +18 -3
- package/src/components/button/Button.vue +1 -0
- package/src/components/drawer/Drawer.d.ts +3 -0
- package/src/components/icon/Icon.d.ts +17 -3
- package/src/components/icon/Icon.vue +14 -8
- package/src/components/internal/HeaderAvatar.vue +4 -5
- package/src/components/message/Message.d.ts +10 -2
- package/src/components/message/Message.vue +9 -10
- package/src/index.ts +6 -6
- package/src/services/dialogService.ts +71 -25
- package/src/style/src/components/_icon.scss +0 -7
- package/src/style/src/sweetalert/scss/_animations.scss +197 -197
- package/src/style/src/sweetalert/scss/_body.scss +45 -45
- package/src/style/src/sweetalert/scss/_core.scss +862 -862
- package/src/style/src/sweetalert/scss/_mixins.scss +16 -16
- package/src/style/src/sweetalert/scss/_theming.scss +8 -8
- package/src/style/src/sweetalert/scss/_toasts-animations.scss +83 -83
- package/src/style/src/sweetalert/scss/_toasts-body.scss +85 -85
- package/src/style/src/sweetalert/scss/_toasts.scss +203 -203
- package/src/ts-helpers.d.ts +9 -9
- package/tsconfig.json +2 -2
- package/vite.config.js +4 -3
- package/dist/enum/cor.d.ts +0 -9
- package/dist/enum/index.d.ts +0 -2
- package/dist/enum/tamanho.d.ts +0 -5
- package/dist/lib.es.js.map +0 -1
- package/dist/lib.umd.js +0 -84
- package/dist/lib.umd.js.map +0 -1
- package/dist/ts-helpers.d.ts +0 -57
- package/src/enum/cor.ts +0 -9
- package/src/enum/index.ts +0 -2
- package/src/enum/tamanho.ts +0 -5
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
// https://stackoverflow.com/a/30250161
|
|
2
|
-
@mixin not($ignor-list...) {
|
|
3
|
-
@if (length($ignor-list) == 1) {
|
|
4
|
-
$ignor-list: nth($ignor-list, 1);
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
$not-output: '';
|
|
8
|
-
|
|
9
|
-
@each $not in $ignor-list {
|
|
10
|
-
$not-output: $not-output + ':not(#{$not})'; // stylelint-disable-line scss/no-duplicate-dollar-variables
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
&#{$not-output} {
|
|
14
|
-
@content;
|
|
15
|
-
}
|
|
16
|
-
}
|
|
1
|
+
// https://stackoverflow.com/a/30250161
|
|
2
|
+
@mixin not($ignor-list...) {
|
|
3
|
+
@if (length($ignor-list) == 1) {
|
|
4
|
+
$ignor-list: nth($ignor-list, 1);
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
$not-output: '';
|
|
8
|
+
|
|
9
|
+
@each $not in $ignor-list {
|
|
10
|
+
$not-output: $not-output + ':not(#{$not})'; // stylelint-disable-line scss/no-duplicate-dollar-variables
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
&#{$not-output} {
|
|
14
|
+
@content;
|
|
15
|
+
}
|
|
16
|
+
}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
// base file for including when performing theming
|
|
2
|
-
// doesn't include at-rules or root selectors (like body) which allows for more comprehensive extending
|
|
3
|
-
|
|
4
|
-
@import "./variables";
|
|
5
|
-
@import "./mixins";
|
|
6
|
-
//@import "./toasts";
|
|
7
|
-
@import "./body";
|
|
8
|
-
@import "./core";
|
|
1
|
+
// base file for including when performing theming
|
|
2
|
+
// doesn't include at-rules or root selectors (like body) which allows for more comprehensive extending
|
|
3
|
+
|
|
4
|
+
@import "./variables";
|
|
5
|
+
@import "./mixins";
|
|
6
|
+
//@import "./toasts";
|
|
7
|
+
@import "./body";
|
|
8
|
+
@import "./core";
|
|
@@ -1,83 +1,83 @@
|
|
|
1
|
-
// Animations
|
|
2
|
-
@keyframes swal2-toast-show {
|
|
3
|
-
0% {
|
|
4
|
-
transform: translateY(-0.625em) rotateZ(2deg);
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
33% {
|
|
8
|
-
transform: translateY(0) rotateZ(-2deg);
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
66% {
|
|
12
|
-
transform: translateY(0.3125em) rotateZ(2deg);
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
100% {
|
|
16
|
-
transform: translateY(0) rotateZ(0deg);
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
@keyframes swal2-toast-hide {
|
|
21
|
-
100% {
|
|
22
|
-
transform: rotateZ(1deg);
|
|
23
|
-
opacity: 0;
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
@keyframes swal2-toast-animate-success-line-tip {
|
|
28
|
-
0% {
|
|
29
|
-
top: 0.5625em;
|
|
30
|
-
left: 0.0625em;
|
|
31
|
-
width: 0;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
54% {
|
|
35
|
-
top: 0.125em;
|
|
36
|
-
left: 0.125em;
|
|
37
|
-
width: 0;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
70% {
|
|
41
|
-
top: 0.625em;
|
|
42
|
-
left: -0.25em;
|
|
43
|
-
width: 1.625em;
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
84% {
|
|
47
|
-
top: 1.0625em;
|
|
48
|
-
left: 0.75em;
|
|
49
|
-
width: 0.5em;
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
100% {
|
|
53
|
-
top: 1.125em;
|
|
54
|
-
left: 0.1875em;
|
|
55
|
-
width: 0.75em;
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
@keyframes swal2-toast-animate-success-line-long {
|
|
60
|
-
0% {
|
|
61
|
-
top: 1.625em;
|
|
62
|
-
right: 1.375em;
|
|
63
|
-
width: 0;
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
65% {
|
|
67
|
-
top: 1.25em;
|
|
68
|
-
right: 0.9375em;
|
|
69
|
-
width: 0;
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
84% {
|
|
73
|
-
top: 0.9375em;
|
|
74
|
-
right: 0;
|
|
75
|
-
width: 1.125em;
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
100% {
|
|
79
|
-
top: 0.9375em;
|
|
80
|
-
right: 0.1875em;
|
|
81
|
-
width: 1.375em;
|
|
82
|
-
}
|
|
83
|
-
}
|
|
1
|
+
// Animations
|
|
2
|
+
@keyframes swal2-toast-show {
|
|
3
|
+
0% {
|
|
4
|
+
transform: translateY(-0.625em) rotateZ(2deg);
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
33% {
|
|
8
|
+
transform: translateY(0) rotateZ(-2deg);
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
66% {
|
|
12
|
+
transform: translateY(0.3125em) rotateZ(2deg);
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
100% {
|
|
16
|
+
transform: translateY(0) rotateZ(0deg);
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
@keyframes swal2-toast-hide {
|
|
21
|
+
100% {
|
|
22
|
+
transform: rotateZ(1deg);
|
|
23
|
+
opacity: 0;
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
@keyframes swal2-toast-animate-success-line-tip {
|
|
28
|
+
0% {
|
|
29
|
+
top: 0.5625em;
|
|
30
|
+
left: 0.0625em;
|
|
31
|
+
width: 0;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
54% {
|
|
35
|
+
top: 0.125em;
|
|
36
|
+
left: 0.125em;
|
|
37
|
+
width: 0;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
70% {
|
|
41
|
+
top: 0.625em;
|
|
42
|
+
left: -0.25em;
|
|
43
|
+
width: 1.625em;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
84% {
|
|
47
|
+
top: 1.0625em;
|
|
48
|
+
left: 0.75em;
|
|
49
|
+
width: 0.5em;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
100% {
|
|
53
|
+
top: 1.125em;
|
|
54
|
+
left: 0.1875em;
|
|
55
|
+
width: 0.75em;
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
@keyframes swal2-toast-animate-success-line-long {
|
|
60
|
+
0% {
|
|
61
|
+
top: 1.625em;
|
|
62
|
+
right: 1.375em;
|
|
63
|
+
width: 0;
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
65% {
|
|
67
|
+
top: 1.25em;
|
|
68
|
+
right: 0.9375em;
|
|
69
|
+
width: 0;
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
84% {
|
|
73
|
+
top: 0.9375em;
|
|
74
|
+
right: 0;
|
|
75
|
+
width: 1.125em;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
100% {
|
|
79
|
+
top: 0.9375em;
|
|
80
|
+
right: 0.1875em;
|
|
81
|
+
width: 1.375em;
|
|
82
|
+
}
|
|
83
|
+
}
|
|
@@ -1,85 +1,85 @@
|
|
|
1
|
-
@mixin sweetalert2-toasts-body() {
|
|
2
|
-
&.swal2-toast-shown {
|
|
3
|
-
.swal2-container {
|
|
4
|
-
box-sizing: border-box;
|
|
5
|
-
width: $swal2-toast-width;
|
|
6
|
-
max-width: 100%;
|
|
7
|
-
background-color: transparent;
|
|
8
|
-
pointer-events: none;
|
|
9
|
-
|
|
10
|
-
&.swal2-top {
|
|
11
|
-
top: 0;
|
|
12
|
-
right: auto;
|
|
13
|
-
bottom: auto;
|
|
14
|
-
left: 50%;
|
|
15
|
-
transform: translateX(-50%);
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
&.swal2-top-end,
|
|
19
|
-
&.swal2-top-right {
|
|
20
|
-
top: 0;
|
|
21
|
-
right: 0;
|
|
22
|
-
bottom: auto;
|
|
23
|
-
left: auto;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
&.swal2-top-start,
|
|
27
|
-
&.swal2-top-left {
|
|
28
|
-
top: 0;
|
|
29
|
-
right: auto;
|
|
30
|
-
bottom: auto;
|
|
31
|
-
left: 0;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
&.swal2-center-start,
|
|
35
|
-
&.swal2-center-left {
|
|
36
|
-
top: 50%;
|
|
37
|
-
right: auto;
|
|
38
|
-
bottom: auto;
|
|
39
|
-
left: 0;
|
|
40
|
-
transform: translateY(-50%);
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
&.swal2-center {
|
|
44
|
-
top: 50%;
|
|
45
|
-
right: auto;
|
|
46
|
-
bottom: auto;
|
|
47
|
-
left: 50%;
|
|
48
|
-
transform: translate(-50%, -50%);
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
&.swal2-center-end,
|
|
52
|
-
&.swal2-center-right {
|
|
53
|
-
top: 50%;
|
|
54
|
-
right: 0;
|
|
55
|
-
bottom: auto;
|
|
56
|
-
left: auto;
|
|
57
|
-
transform: translateY(-50%);
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
&.swal2-bottom-start,
|
|
61
|
-
&.swal2-bottom-left {
|
|
62
|
-
top: auto;
|
|
63
|
-
right: auto;
|
|
64
|
-
bottom: 0;
|
|
65
|
-
left: 0;
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
&.swal2-bottom {
|
|
69
|
-
top: auto;
|
|
70
|
-
right: auto;
|
|
71
|
-
bottom: 0;
|
|
72
|
-
left: 50%;
|
|
73
|
-
transform: translateX(-50%);
|
|
74
|
-
}
|
|
75
|
-
|
|
76
|
-
&.swal2-bottom-end,
|
|
77
|
-
&.swal2-bottom-right {
|
|
78
|
-
top: auto;
|
|
79
|
-
right: 0;
|
|
80
|
-
bottom: 0;
|
|
81
|
-
left: auto;
|
|
82
|
-
}
|
|
83
|
-
}
|
|
84
|
-
}
|
|
85
|
-
}
|
|
1
|
+
@mixin sweetalert2-toasts-body() {
|
|
2
|
+
&.swal2-toast-shown {
|
|
3
|
+
.swal2-container {
|
|
4
|
+
box-sizing: border-box;
|
|
5
|
+
width: $swal2-toast-width;
|
|
6
|
+
max-width: 100%;
|
|
7
|
+
background-color: transparent;
|
|
8
|
+
pointer-events: none;
|
|
9
|
+
|
|
10
|
+
&.swal2-top {
|
|
11
|
+
top: 0;
|
|
12
|
+
right: auto;
|
|
13
|
+
bottom: auto;
|
|
14
|
+
left: 50%;
|
|
15
|
+
transform: translateX(-50%);
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
&.swal2-top-end,
|
|
19
|
+
&.swal2-top-right {
|
|
20
|
+
top: 0;
|
|
21
|
+
right: 0;
|
|
22
|
+
bottom: auto;
|
|
23
|
+
left: auto;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
&.swal2-top-start,
|
|
27
|
+
&.swal2-top-left {
|
|
28
|
+
top: 0;
|
|
29
|
+
right: auto;
|
|
30
|
+
bottom: auto;
|
|
31
|
+
left: 0;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
&.swal2-center-start,
|
|
35
|
+
&.swal2-center-left {
|
|
36
|
+
top: 50%;
|
|
37
|
+
right: auto;
|
|
38
|
+
bottom: auto;
|
|
39
|
+
left: 0;
|
|
40
|
+
transform: translateY(-50%);
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
&.swal2-center {
|
|
44
|
+
top: 50%;
|
|
45
|
+
right: auto;
|
|
46
|
+
bottom: auto;
|
|
47
|
+
left: 50%;
|
|
48
|
+
transform: translate(-50%, -50%);
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
&.swal2-center-end,
|
|
52
|
+
&.swal2-center-right {
|
|
53
|
+
top: 50%;
|
|
54
|
+
right: 0;
|
|
55
|
+
bottom: auto;
|
|
56
|
+
left: auto;
|
|
57
|
+
transform: translateY(-50%);
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
&.swal2-bottom-start,
|
|
61
|
+
&.swal2-bottom-left {
|
|
62
|
+
top: auto;
|
|
63
|
+
right: auto;
|
|
64
|
+
bottom: 0;
|
|
65
|
+
left: 0;
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
&.swal2-bottom {
|
|
69
|
+
top: auto;
|
|
70
|
+
right: auto;
|
|
71
|
+
bottom: 0;
|
|
72
|
+
left: 50%;
|
|
73
|
+
transform: translateX(-50%);
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
&.swal2-bottom-end,
|
|
77
|
+
&.swal2-bottom-right {
|
|
78
|
+
top: auto;
|
|
79
|
+
right: 0;
|
|
80
|
+
bottom: 0;
|
|
81
|
+
left: auto;
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
}
|