@greghowe79/the-lib 1.1.0 → 1.1.1
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.
|
@@ -88,31 +88,38 @@ const Input = qwik.component$(({ id, type, placeholder, value, error, onValidate
|
|
|
88
88
|
})
|
|
89
89
|
]
|
|
90
90
|
})
|
|
91
|
-
}) : type === "tel" ? /* @__PURE__ */ jsxRuntime.
|
|
91
|
+
}) : type === "tel" ? /* @__PURE__ */ jsxRuntime.jsxs("label", {
|
|
92
92
|
class: `input-label ${bgLight ? "bg_light" : ""}`,
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
93
|
+
for: id,
|
|
94
|
+
children: [
|
|
95
|
+
label && /* @__PURE__ */ jsxRuntime.jsx("span", {
|
|
96
|
+
class: "sr-only",
|
|
97
|
+
children: label
|
|
98
|
+
}),
|
|
99
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", {
|
|
100
|
+
class: "input-wrapper",
|
|
101
|
+
children: [
|
|
102
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", {
|
|
103
|
+
class: "input-icon",
|
|
104
|
+
"aria-hidden": "true",
|
|
105
|
+
children: prefix
|
|
106
|
+
}),
|
|
107
|
+
/* @__PURE__ */ jsxRuntime.jsx("input", {
|
|
108
|
+
id,
|
|
109
|
+
type,
|
|
110
|
+
inputMode: "tel",
|
|
111
|
+
pattern: "[0-9]*",
|
|
112
|
+
class: `input ${showError.value ? "error" : ""}`,
|
|
113
|
+
placeholder,
|
|
114
|
+
"bind:value": value,
|
|
115
|
+
onInput$: inputHandler,
|
|
116
|
+
onBlur$: inputHandler,
|
|
117
|
+
maxLength: 14,
|
|
118
|
+
required
|
|
119
|
+
})
|
|
120
|
+
]
|
|
121
|
+
})
|
|
122
|
+
]
|
|
116
123
|
}) : type === "radio" ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
117
124
|
children: [
|
|
118
125
|
/* @__PURE__ */ jsxRuntime.jsx("input", {
|
|
@@ -132,28 +139,35 @@ const Input = qwik.component$(({ id, type, placeholder, value, error, onValidate
|
|
|
132
139
|
children: label
|
|
133
140
|
})
|
|
134
141
|
]
|
|
135
|
-
}) : /* @__PURE__ */ jsxRuntime.
|
|
142
|
+
}) : /* @__PURE__ */ jsxRuntime.jsxs("label", {
|
|
136
143
|
class: `input-label ${bgLight ? "bg_light" : ""}`,
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
144
|
+
for: id,
|
|
145
|
+
children: [
|
|
146
|
+
label && /* @__PURE__ */ jsxRuntime.jsx("span", {
|
|
147
|
+
class: "sr-only",
|
|
148
|
+
children: label
|
|
149
|
+
}),
|
|
150
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", {
|
|
151
|
+
class: icon ? "input-wrapper" : "no_icon",
|
|
152
|
+
children: [
|
|
153
|
+
icon && /* @__PURE__ */ jsxRuntime.jsx("span", {
|
|
154
|
+
class: "input-icon",
|
|
155
|
+
"aria-hidden": "true",
|
|
156
|
+
children: typeof icon === "function" ? icon({}, null, 0) : icon
|
|
157
|
+
}),
|
|
158
|
+
/* @__PURE__ */ jsxRuntime.jsx("input", {
|
|
159
|
+
id,
|
|
160
|
+
type,
|
|
161
|
+
class: `input ${showError.value ? "error" : ""}`,
|
|
162
|
+
placeholder,
|
|
163
|
+
"bind:value": value,
|
|
164
|
+
onInput$: inputHandler,
|
|
165
|
+
onBlur$: inputHandler,
|
|
166
|
+
required
|
|
167
|
+
})
|
|
168
|
+
]
|
|
169
|
+
})
|
|
170
|
+
]
|
|
157
171
|
}),
|
|
158
172
|
showError.value && /* @__PURE__ */ jsxRuntime.jsx("div", {
|
|
159
173
|
class: "error-message",
|
|
@@ -86,31 +86,38 @@ const Input = component$(({ id, type, placeholder, value, error, onValidate$, on
|
|
|
86
86
|
})
|
|
87
87
|
]
|
|
88
88
|
})
|
|
89
|
-
}) : type === "tel" ? /* @__PURE__ */
|
|
89
|
+
}) : type === "tel" ? /* @__PURE__ */ jsxs("label", {
|
|
90
90
|
class: `input-label ${bgLight ? "bg_light" : ""}`,
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
91
|
+
for: id,
|
|
92
|
+
children: [
|
|
93
|
+
label && /* @__PURE__ */ jsx("span", {
|
|
94
|
+
class: "sr-only",
|
|
95
|
+
children: label
|
|
96
|
+
}),
|
|
97
|
+
/* @__PURE__ */ jsxs("div", {
|
|
98
|
+
class: "input-wrapper",
|
|
99
|
+
children: [
|
|
100
|
+
/* @__PURE__ */ jsx("span", {
|
|
101
|
+
class: "input-icon",
|
|
102
|
+
"aria-hidden": "true",
|
|
103
|
+
children: prefix
|
|
104
|
+
}),
|
|
105
|
+
/* @__PURE__ */ jsx("input", {
|
|
106
|
+
id,
|
|
107
|
+
type,
|
|
108
|
+
inputMode: "tel",
|
|
109
|
+
pattern: "[0-9]*",
|
|
110
|
+
class: `input ${showError.value ? "error" : ""}`,
|
|
111
|
+
placeholder,
|
|
112
|
+
"bind:value": value,
|
|
113
|
+
onInput$: inputHandler,
|
|
114
|
+
onBlur$: inputHandler,
|
|
115
|
+
maxLength: 14,
|
|
116
|
+
required
|
|
117
|
+
})
|
|
118
|
+
]
|
|
119
|
+
})
|
|
120
|
+
]
|
|
114
121
|
}) : type === "radio" ? /* @__PURE__ */ jsxs(Fragment, {
|
|
115
122
|
children: [
|
|
116
123
|
/* @__PURE__ */ jsx("input", {
|
|
@@ -130,28 +137,35 @@ const Input = component$(({ id, type, placeholder, value, error, onValidate$, on
|
|
|
130
137
|
children: label
|
|
131
138
|
})
|
|
132
139
|
]
|
|
133
|
-
}) : /* @__PURE__ */
|
|
140
|
+
}) : /* @__PURE__ */ jsxs("label", {
|
|
134
141
|
class: `input-label ${bgLight ? "bg_light" : ""}`,
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
142
|
+
for: id,
|
|
143
|
+
children: [
|
|
144
|
+
label && /* @__PURE__ */ jsx("span", {
|
|
145
|
+
class: "sr-only",
|
|
146
|
+
children: label
|
|
147
|
+
}),
|
|
148
|
+
/* @__PURE__ */ jsxs("div", {
|
|
149
|
+
class: icon ? "input-wrapper" : "no_icon",
|
|
150
|
+
children: [
|
|
151
|
+
icon && /* @__PURE__ */ jsx("span", {
|
|
152
|
+
class: "input-icon",
|
|
153
|
+
"aria-hidden": "true",
|
|
154
|
+
children: typeof icon === "function" ? icon({}, null, 0) : icon
|
|
155
|
+
}),
|
|
156
|
+
/* @__PURE__ */ jsx("input", {
|
|
157
|
+
id,
|
|
158
|
+
type,
|
|
159
|
+
class: `input ${showError.value ? "error" : ""}`,
|
|
160
|
+
placeholder,
|
|
161
|
+
"bind:value": value,
|
|
162
|
+
onInput$: inputHandler,
|
|
163
|
+
onBlur$: inputHandler,
|
|
164
|
+
required
|
|
165
|
+
})
|
|
166
|
+
]
|
|
167
|
+
})
|
|
168
|
+
]
|
|
155
169
|
}),
|
|
156
170
|
showError.value && /* @__PURE__ */ jsx("div", {
|
|
157
171
|
class: "error-message",
|