ezfw-core 1.0.92 → 1.0.93
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/components/input/EzInput.ts +3 -3
- package/ez-base.css +80 -0
- package/package.json +2 -1
|
@@ -88,11 +88,11 @@ export class EzInput extends EzBaseComponent {
|
|
|
88
88
|
|
|
89
89
|
// Security: autocomplete attributes for sensitive fields
|
|
90
90
|
if (inputType === 'password') {
|
|
91
|
-
inputConfig.autocomplete = 'current-password';
|
|
91
|
+
(inputConfig.attrs as Record<string, unknown>)['autocomplete'] = 'current-password';
|
|
92
92
|
} else if (inputType === 'email') {
|
|
93
|
-
inputConfig.autocomplete = 'email';
|
|
93
|
+
(inputConfig.attrs as Record<string, unknown>)['autocomplete'] = 'email';
|
|
94
94
|
} else if (cfg.name === 'username' || cfg.name === 'user') {
|
|
95
|
-
inputConfig.autocomplete = 'username';
|
|
95
|
+
(inputConfig.attrs as Record<string, unknown>)['autocomplete'] = 'username';
|
|
96
96
|
}
|
|
97
97
|
|
|
98
98
|
// Handle form binding
|
package/ez-base.css
ADDED
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
*, *::before, *::after {
|
|
2
|
+
box-sizing: border-box;
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
html {
|
|
6
|
+
margin: 0;
|
|
7
|
+
padding: 0;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
body {
|
|
11
|
+
margin: 0;
|
|
12
|
+
padding: 0;
|
|
13
|
+
min-height: 100dvh;
|
|
14
|
+
display: flex;
|
|
15
|
+
flex-direction: column;
|
|
16
|
+
background: white;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
#app {
|
|
20
|
+
display: flex;
|
|
21
|
+
flex-direction: column;
|
|
22
|
+
flex: 1;
|
|
23
|
+
min-height: 0;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.ez-loading-mask {
|
|
27
|
+
display: flex;
|
|
28
|
+
align-items: center;
|
|
29
|
+
justify-content: center;
|
|
30
|
+
position: absolute;
|
|
31
|
+
inset: 0;
|
|
32
|
+
background-color: rgba(0, 0, 0, 0.5);
|
|
33
|
+
z-index: 999;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
.ez-loader-dots {
|
|
37
|
+
display: flex;
|
|
38
|
+
gap: 0.5rem;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
.ez-loader-dots div {
|
|
42
|
+
width: 12px;
|
|
43
|
+
height: 12px;
|
|
44
|
+
background-color: #76f8d1;
|
|
45
|
+
border-radius: 50%;
|
|
46
|
+
animation: bounce 0.6s infinite ease-in-out;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
.ez-loader-dots div:nth-child(2) {
|
|
50
|
+
animation-delay: 0.1s;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
.ez-loader-dots div:nth-child(3) {
|
|
54
|
+
animation-delay: 0.2s;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
.ez-loader-dots div:nth-child(4) {
|
|
58
|
+
animation-delay: 0.3s;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
@keyframes bounce {
|
|
62
|
+
0%, 100% {
|
|
63
|
+
transform: translateY(0);
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
50% {
|
|
67
|
+
transform: translateY(-8px);
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
/* Quitar fondo azul de autofill (Chrome, Edge, Brave) */
|
|
72
|
+
input:-webkit-autofill,
|
|
73
|
+
input:-webkit-autofill:hover,
|
|
74
|
+
input:-webkit-autofill:focus,
|
|
75
|
+
input:-webkit-autofill:active {
|
|
76
|
+
-webkit-box-shadow: 0 0 0 1000px transparent inset !important;
|
|
77
|
+
box-shadow: 0 0 0 1000px transparent inset !important;
|
|
78
|
+
-webkit-text-fill-color: #333 !important; /* color del texto */
|
|
79
|
+
transition: background-color 9999s ease-out 0s;
|
|
80
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "ezfw-core",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.93",
|
|
4
4
|
"description": "Ez Framework - A declarative component framework for building modern web applications",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./core/ez.ts",
|
|
@@ -23,6 +23,7 @@
|
|
|
23
23
|
"assets",
|
|
24
24
|
"components",
|
|
25
25
|
"core",
|
|
26
|
+
"ez-base.css",
|
|
26
27
|
"islands",
|
|
27
28
|
"modules.ts",
|
|
28
29
|
"services",
|