ilibras-widget 1.5.0 → 1.5.3
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/CHANGELOG.md +82 -0
- package/dist/ilibras-widget.cjs +133 -128
- package/dist/ilibras-widget.js +133 -128
- package/dist/ilibras-widget.mjs +133 -128
- package/package.json +1 -1
package/dist/ilibras-widget.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* iLibras Widget v1.5.
|
|
2
|
+
* iLibras Widget v1.5.3
|
|
3
3
|
* https://github.com/Dimendes-Solucoes/Ilibras_widget
|
|
4
4
|
* Licença MIT
|
|
5
5
|
*
|
|
@@ -27,28 +27,28 @@
|
|
|
27
27
|
}
|
|
28
28
|
|
|
29
29
|
/* Posicionamento */
|
|
30
|
-
.ilibras-widget-bottom-right {
|
|
30
|
+
#ilibras-widget-container.ilibras-widget-bottom-right {
|
|
31
31
|
bottom: 30px;
|
|
32
32
|
right: 30px;
|
|
33
33
|
}
|
|
34
34
|
|
|
35
|
-
.ilibras-widget-bottom-left {
|
|
35
|
+
#ilibras-widget-container.ilibras-widget-bottom-left {
|
|
36
36
|
bottom: 30px;
|
|
37
37
|
left: 30px;
|
|
38
38
|
}
|
|
39
39
|
|
|
40
|
-
.ilibras-widget-top-right {
|
|
40
|
+
#ilibras-widget-container.ilibras-widget-top-right {
|
|
41
41
|
top: 30px;
|
|
42
42
|
right: 30px;
|
|
43
43
|
}
|
|
44
44
|
|
|
45
|
-
.ilibras-widget-top-left {
|
|
45
|
+
#ilibras-widget-container.ilibras-widget-top-left {
|
|
46
46
|
top: 30px;
|
|
47
47
|
left: 30px;
|
|
48
48
|
}
|
|
49
49
|
|
|
50
50
|
/* Botão flutuante (apenas ícone) */
|
|
51
|
-
.ilibras-widget-button {
|
|
51
|
+
#ilibras-widget-container .ilibras-widget-button {
|
|
52
52
|
position: relative;
|
|
53
53
|
border: none;
|
|
54
54
|
font: inherit;
|
|
@@ -70,23 +70,23 @@
|
|
|
70
70
|
z-index: 10001;
|
|
71
71
|
}
|
|
72
72
|
|
|
73
|
-
.ilibras-widget-button img {
|
|
73
|
+
#ilibras-widget-container .ilibras-widget-button img {
|
|
74
74
|
width: 64px;
|
|
75
75
|
height: 64px;
|
|
76
76
|
}
|
|
77
77
|
|
|
78
|
-
.ilibras-widget-button:hover,
|
|
79
|
-
.ilibras-widget-button:active {
|
|
78
|
+
#ilibras-widget-container .ilibras-widget-button:hover,
|
|
79
|
+
#ilibras-widget-container .ilibras-widget-button:active {
|
|
80
80
|
transform: none;
|
|
81
81
|
box-shadow: none;
|
|
82
82
|
}
|
|
83
83
|
|
|
84
|
-
.ilibras-widget-button svg {
|
|
84
|
+
#ilibras-widget-container .ilibras-widget-button svg {
|
|
85
85
|
filter: none;
|
|
86
86
|
}
|
|
87
87
|
|
|
88
88
|
/* Badge de notificação */
|
|
89
|
-
.ilibras-widget-badge {
|
|
89
|
+
#ilibras-widget-container .ilibras-widget-badge {
|
|
90
90
|
position: absolute;
|
|
91
91
|
top: -2px;
|
|
92
92
|
right: -2px;
|
|
@@ -105,7 +105,8 @@
|
|
|
105
105
|
}
|
|
106
106
|
|
|
107
107
|
@keyframes ilibras-pulse {
|
|
108
|
-
0%,
|
|
108
|
+
0%,
|
|
109
|
+
100% {
|
|
109
110
|
transform: scale(1);
|
|
110
111
|
}
|
|
111
112
|
50% {
|
|
@@ -114,7 +115,7 @@
|
|
|
114
115
|
}
|
|
115
116
|
|
|
116
117
|
/* Modal */
|
|
117
|
-
.ilibras-widget-modal {
|
|
118
|
+
#ilibras-widget-container .ilibras-widget-modal {
|
|
118
119
|
position: fixed;
|
|
119
120
|
/* responsivo ao tamanho do monitor */
|
|
120
121
|
width: clamp(320px, 26vw, 480px);
|
|
@@ -131,34 +132,34 @@
|
|
|
131
132
|
overflow: hidden;
|
|
132
133
|
}
|
|
133
134
|
|
|
134
|
-
.ilibras-widget-modal-open {
|
|
135
|
+
#ilibras-widget-container .ilibras-widget-modal-open {
|
|
135
136
|
opacity: 1;
|
|
136
137
|
visibility: visible;
|
|
137
138
|
transform: translateY(0) scale(1);
|
|
138
139
|
}
|
|
139
140
|
|
|
140
141
|
/* Posicionamento do modal baseado na posição do botão */
|
|
141
|
-
.ilibras-widget-bottom-right .ilibras-widget-modal,
|
|
142
|
-
.ilibras-widget-bottom-left .ilibras-widget-modal {
|
|
142
|
+
#ilibras-widget-container.ilibras-widget-bottom-right .ilibras-widget-modal,
|
|
143
|
+
#ilibras-widget-container.ilibras-widget-bottom-left .ilibras-widget-modal {
|
|
143
144
|
bottom: 105px;
|
|
144
145
|
}
|
|
145
146
|
|
|
146
|
-
.ilibras-widget-top-right .ilibras-widget-modal,
|
|
147
|
-
.ilibras-widget-top-left .ilibras-widget-modal {
|
|
147
|
+
#ilibras-widget-container.ilibras-widget-top-right .ilibras-widget-modal,
|
|
148
|
+
#ilibras-widget-container.ilibras-widget-top-left .ilibras-widget-modal {
|
|
148
149
|
top: 105px;
|
|
149
150
|
}
|
|
150
151
|
|
|
151
|
-
.ilibras-widget-bottom-right .ilibras-widget-modal,
|
|
152
|
-
.ilibras-widget-top-right .ilibras-widget-modal {
|
|
152
|
+
#ilibras-widget-container.ilibras-widget-bottom-right .ilibras-widget-modal,
|
|
153
|
+
#ilibras-widget-container.ilibras-widget-top-right .ilibras-widget-modal {
|
|
153
154
|
right: 0;
|
|
154
155
|
}
|
|
155
156
|
|
|
156
|
-
.ilibras-widget-bottom-left .ilibras-widget-modal,
|
|
157
|
-
.ilibras-widget-top-left .ilibras-widget-modal {
|
|
157
|
+
#ilibras-widget-container.ilibras-widget-bottom-left .ilibras-widget-modal,
|
|
158
|
+
#ilibras-widget-container.ilibras-widget-top-left .ilibras-widget-modal {
|
|
158
159
|
left: 0;
|
|
159
160
|
}
|
|
160
161
|
|
|
161
|
-
.ilibras-widget-header {
|
|
162
|
+
#ilibras-widget-container .ilibras-widget-header {
|
|
162
163
|
background: white;
|
|
163
164
|
padding: 14px 24px;
|
|
164
165
|
display: flex;
|
|
@@ -169,18 +170,18 @@
|
|
|
169
170
|
border-bottom: 2px solid rgba(53,122,189,0.06);
|
|
170
171
|
}
|
|
171
172
|
|
|
172
|
-
.ilibras-widget-header-content {
|
|
173
|
+
#ilibras-widget-container .ilibras-widget-header-content {
|
|
173
174
|
display: flex;
|
|
174
175
|
align-items: center;
|
|
175
176
|
gap: 16px;
|
|
176
177
|
flex: 1;
|
|
177
178
|
}
|
|
178
179
|
|
|
179
|
-
.ilibras-widget-logo {
|
|
180
|
+
#ilibras-widget-container .ilibras-widget-logo {
|
|
180
181
|
display: none !important;
|
|
181
182
|
}
|
|
182
183
|
|
|
183
|
-
.ilibras-widget-title {
|
|
184
|
+
#ilibras-widget-container .ilibras-widget-title {
|
|
184
185
|
padding-left: 0;
|
|
185
186
|
font-size: 17px;
|
|
186
187
|
font-weight: 700;
|
|
@@ -188,7 +189,7 @@
|
|
|
188
189
|
color: #1f4f7a;
|
|
189
190
|
}
|
|
190
191
|
|
|
191
|
-
.ilibras-widget-close {
|
|
192
|
+
#ilibras-widget-container .ilibras-widget-close {
|
|
192
193
|
background: transparent;
|
|
193
194
|
border: none;
|
|
194
195
|
cursor: pointer;
|
|
@@ -203,22 +204,22 @@
|
|
|
203
204
|
flex-shrink: 0;
|
|
204
205
|
}
|
|
205
206
|
|
|
206
|
-
.ilibras-widget-close:hover {
|
|
207
|
+
#ilibras-widget-container .ilibras-widget-close:hover {
|
|
207
208
|
background: rgba(53,122,189,0.08);
|
|
208
209
|
transform: translateY(-1px);
|
|
209
210
|
}
|
|
210
211
|
|
|
211
|
-
.ilibras-widget-close:active {
|
|
212
|
+
#ilibras-widget-container .ilibras-widget-close:active {
|
|
212
213
|
background: rgba(53,122,189,0.12);
|
|
213
214
|
}
|
|
214
215
|
|
|
215
216
|
/* Body do modal */
|
|
216
|
-
.ilibras-widget-body {
|
|
217
|
+
#ilibras-widget-container .ilibras-widget-body {
|
|
217
218
|
padding: 20px !important;
|
|
218
219
|
background: white; /* fundo branco do widget */
|
|
219
220
|
}
|
|
220
221
|
|
|
221
|
-
.ilibras-widget-message {
|
|
222
|
+
#ilibras-widget-container .ilibras-widget-message {
|
|
222
223
|
background: rgba(74,144,226,0.06); /* leve tom da cor da logo */
|
|
223
224
|
border-radius: 14px;
|
|
224
225
|
border: 1px solid rgba(74,144,226,0.08);
|
|
@@ -229,27 +230,27 @@
|
|
|
229
230
|
}
|
|
230
231
|
|
|
231
232
|
/* Formulário */
|
|
232
|
-
.ilibras-widget-form {
|
|
233
|
+
#ilibras-widget-container .ilibras-widget-form {
|
|
233
234
|
display: flex;
|
|
234
235
|
flex-direction: column;
|
|
235
236
|
gap: 20px;
|
|
236
237
|
}
|
|
237
238
|
|
|
238
|
-
.ilibras-widget-form-group {
|
|
239
|
+
#ilibras-widget-container .ilibras-widget-form-group {
|
|
239
240
|
display: flex;
|
|
240
241
|
flex-direction: column;
|
|
241
242
|
gap: 8px;
|
|
242
243
|
}
|
|
243
244
|
|
|
244
|
-
.ilibras-widget-form-group label {
|
|
245
|
+
#ilibras-widget-container .ilibras-widget-form-group label {
|
|
245
246
|
font-size: 13px;
|
|
246
247
|
font-weight: 500;
|
|
247
248
|
color: #495057;
|
|
248
249
|
padding-left: 4px;
|
|
249
250
|
}
|
|
250
251
|
|
|
251
|
-
.ilibras-widget-form-group input[type="text"],
|
|
252
|
-
.ilibras-widget-form-group input[type="tel"] {
|
|
252
|
+
#ilibras-widget-container .ilibras-widget-form-group input[type="text"],
|
|
253
|
+
#ilibras-widget-container .ilibras-widget-form-group input[type="tel"] {
|
|
253
254
|
background: #ffffff;
|
|
254
255
|
border: 1px solid rgba(20,30,45,0.06);
|
|
255
256
|
padding: 12px 14px !important;
|
|
@@ -257,21 +258,21 @@
|
|
|
257
258
|
border-radius: 8px;
|
|
258
259
|
}
|
|
259
260
|
|
|
260
|
-
.ilibras-widget-form-group input[type="text"]:focus,
|
|
261
|
-
.ilibras-widget-form-group input[type="tel"]:focus {
|
|
261
|
+
#ilibras-widget-container .ilibras-widget-form-group input[type="text"]:focus,
|
|
262
|
+
#ilibras-widget-container .ilibras-widget-form-group input[type="tel"]:focus {
|
|
262
263
|
background: white;
|
|
263
264
|
border-color: #357ABD;
|
|
264
265
|
box-shadow: 0 6px 18px rgba(53,122,189,0.08);
|
|
265
266
|
outline: none;
|
|
266
267
|
}
|
|
267
268
|
|
|
268
|
-
.ilibras-widget-form-group input[type="text"]::placeholder,
|
|
269
|
-
.ilibras-widget-form-group input[type="tel"]::placeholder {
|
|
269
|
+
#ilibras-widget-container .ilibras-widget-form-group input[type="text"]::placeholder,
|
|
270
|
+
#ilibras-widget-container .ilibras-widget-form-group input[type="tel"]::placeholder {
|
|
270
271
|
color: #6c757d;
|
|
271
272
|
}
|
|
272
273
|
|
|
273
274
|
/* Checkbox customizado */
|
|
274
|
-
.ilibras-widget-checkbox-label {
|
|
275
|
+
#ilibras-widget-container .ilibras-widget-checkbox-label {
|
|
275
276
|
display: flex;
|
|
276
277
|
align-items: flex-start;
|
|
277
278
|
gap: 10px;
|
|
@@ -283,7 +284,7 @@
|
|
|
283
284
|
line-height: 1.4;
|
|
284
285
|
}
|
|
285
286
|
|
|
286
|
-
.ilibras-widget-checkbox-label input[type="checkbox"] {
|
|
287
|
+
#ilibras-widget-container .ilibras-widget-checkbox-label input[type="checkbox"] {
|
|
287
288
|
margin-top: 2px;
|
|
288
289
|
width: 18px;
|
|
289
290
|
height: 18px;
|
|
@@ -291,13 +292,13 @@
|
|
|
291
292
|
accent-color: #357ABD;
|
|
292
293
|
}
|
|
293
294
|
|
|
294
|
-
.ilibras-widget-checkbox-label span {
|
|
295
|
+
#ilibras-widget-container .ilibras-widget-checkbox-label span {
|
|
295
296
|
flex: 1;
|
|
296
297
|
}
|
|
297
298
|
|
|
298
299
|
/* Botão de submit */
|
|
299
300
|
|
|
300
|
-
.ilibras-widget-submit {
|
|
301
|
+
#ilibras-widget-container .ilibras-widget-submit {
|
|
301
302
|
padding: 12px 14px !important;
|
|
302
303
|
border-radius: 10px;
|
|
303
304
|
font-size: 15px;
|
|
@@ -310,17 +311,17 @@
|
|
|
310
311
|
transition: transform 0.14s ease, box-shadow 0.14s ease, opacity 0.12s;
|
|
311
312
|
}
|
|
312
313
|
|
|
313
|
-
.ilibras-widget-submit:hover {
|
|
314
|
+
#ilibras-widget-container .ilibras-widget-submit:hover {
|
|
314
315
|
transform: translateY(-2px);
|
|
315
316
|
box-shadow: 0 8px 22px rgba(53,122,189,0.18);
|
|
316
317
|
}
|
|
317
318
|
|
|
318
|
-
.ilibras-widget-submit:active {
|
|
319
|
+
#ilibras-widget-container .ilibras-widget-submit:active {
|
|
319
320
|
transform: translateY(0);
|
|
320
321
|
box-shadow: 0 4px 10px rgba(53,122,189,0.12);
|
|
321
322
|
}
|
|
322
323
|
|
|
323
|
-
.ilibras-widget-submit:disabled {
|
|
324
|
+
#ilibras-widget-container .ilibras-widget-submit:disabled {
|
|
324
325
|
opacity: 0.6;
|
|
325
326
|
cursor: not-allowed;
|
|
326
327
|
transform: none;
|
|
@@ -329,7 +330,7 @@
|
|
|
329
330
|
/* Agendar é a segunda escolha, não a concorrente: contorno em vez de preenchido,
|
|
330
331
|
para a hierarquia entre "agora" e "depois" ficar visível antes da leitura. O
|
|
331
332
|
form tem gap de 20px; as margens negativas colam o botão na dica que o explica. */
|
|
332
|
-
.ilibras-widget-agendar {
|
|
333
|
+
#ilibras-widget-container .ilibras-widget-agendar {
|
|
333
334
|
padding: 11px 14px !important;
|
|
334
335
|
border-radius: 10px;
|
|
335
336
|
font-size: 15px;
|
|
@@ -343,73 +344,73 @@
|
|
|
343
344
|
margin-top: -8px;
|
|
344
345
|
}
|
|
345
346
|
|
|
346
|
-
.ilibras-widget-agendar:hover:not(:disabled) {
|
|
347
|
+
#ilibras-widget-container .ilibras-widget-agendar:hover:not(:disabled) {
|
|
347
348
|
background: #F2F7FD;
|
|
348
349
|
border-color: #357ABD;
|
|
349
350
|
}
|
|
350
351
|
|
|
351
|
-
.ilibras-widget-agendar:disabled {
|
|
352
|
+
#ilibras-widget-container .ilibras-widget-agendar:disabled {
|
|
352
353
|
opacity: 0.6;
|
|
353
354
|
cursor: not-allowed;
|
|
354
355
|
}
|
|
355
356
|
|
|
356
|
-
.ilibras-widget-dica-agendar {
|
|
357
|
+
#ilibras-widget-container .ilibras-widget-dica-agendar {
|
|
357
358
|
margin-top: -14px;
|
|
358
359
|
text-align: center;
|
|
359
360
|
}
|
|
360
361
|
|
|
361
362
|
/* Responsividade */
|
|
362
363
|
@media (max-width: 480px) {
|
|
363
|
-
.ilibras-widget-modal {
|
|
364
|
+
#ilibras-widget-container .ilibras-widget-modal {
|
|
364
365
|
width: calc(100vw - 40px);
|
|
365
366
|
max-width: 100%;
|
|
366
367
|
}
|
|
367
368
|
|
|
368
|
-
.ilibras-widget-bottom-right,
|
|
369
|
-
.ilibras-widget-bottom-left {
|
|
369
|
+
#ilibras-widget-container.ilibras-widget-bottom-right,
|
|
370
|
+
#ilibras-widget-container.ilibras-widget-bottom-left {
|
|
370
371
|
bottom: 20px;
|
|
371
372
|
left: 20px !important;
|
|
372
373
|
right: 20px !important;
|
|
373
374
|
}
|
|
374
375
|
|
|
375
|
-
.ilibras-widget-top-right,
|
|
376
|
-
.ilibras-widget-top-left {
|
|
376
|
+
#ilibras-widget-container.ilibras-widget-top-right,
|
|
377
|
+
#ilibras-widget-container.ilibras-widget-top-left {
|
|
377
378
|
top: 20px;
|
|
378
379
|
left: 20px !important;
|
|
379
380
|
right: 20px !important;
|
|
380
381
|
}
|
|
381
382
|
|
|
382
|
-
.ilibras-widget-button {
|
|
383
|
+
#ilibras-widget-container .ilibras-widget-button {
|
|
383
384
|
width: 64px;
|
|
384
385
|
height: 64px;
|
|
385
386
|
}
|
|
386
387
|
|
|
387
|
-
.ilibras-widget-button svg {
|
|
388
|
+
#ilibras-widget-container .ilibras-widget-button svg {
|
|
388
389
|
width: 32px;
|
|
389
390
|
height: 32px;
|
|
390
391
|
}
|
|
391
392
|
|
|
392
|
-
.ilibras-widget-modal {
|
|
393
|
+
#ilibras-widget-container .ilibras-widget-modal {
|
|
393
394
|
bottom: 94px !important;
|
|
394
395
|
right: 0 !important;
|
|
395
396
|
left: 0 !important;
|
|
396
397
|
margin: 0 20px;
|
|
397
398
|
}
|
|
398
399
|
|
|
399
|
-
.ilibras-widget-body {
|
|
400
|
+
#ilibras-widget-container .ilibras-widget-body {
|
|
400
401
|
padding: 18px 16px;
|
|
401
402
|
}
|
|
402
403
|
}
|
|
403
404
|
|
|
404
405
|
@media (min-width: 1600px) {
|
|
405
|
-
.ilibras-widget-modal {
|
|
406
|
+
#ilibras-widget-container .ilibras-widget-modal {
|
|
406
407
|
width: clamp(360px, 20vw, 560px);
|
|
407
408
|
}
|
|
408
409
|
}
|
|
409
410
|
|
|
410
|
-
.ilibras-widget-button:focus-visible,
|
|
411
|
-
.ilibras-widget-close:focus-visible,
|
|
412
|
-
.ilibras-widget-submit:focus-visible {
|
|
411
|
+
#ilibras-widget-container .ilibras-widget-button:focus-visible,
|
|
412
|
+
#ilibras-widget-container .ilibras-widget-close:focus-visible,
|
|
413
|
+
#ilibras-widget-container .ilibras-widget-submit:focus-visible {
|
|
413
414
|
outline: 3px solid rgba(53,122,189,0.18);
|
|
414
415
|
outline-offset: 3px;
|
|
415
416
|
}
|
|
@@ -433,45 +434,45 @@
|
|
|
433
434
|
/* Estados de erro: ver o bloco de acessibilidade no fim do arquivo. */
|
|
434
435
|
|
|
435
436
|
/* Accessibilidade */
|
|
436
|
-
.ilibras-widget-button:focus-visible,
|
|
437
|
-
.ilibras-widget-close:focus-visible,
|
|
438
|
-
.ilibras-widget-submit:focus-visible {
|
|
437
|
+
#ilibras-widget-container .ilibras-widget-button:focus-visible,
|
|
438
|
+
#ilibras-widget-container .ilibras-widget-close:focus-visible,
|
|
439
|
+
#ilibras-widget-container .ilibras-widget-submit:focus-visible {
|
|
439
440
|
outline: 3px solid #4A90E2;
|
|
440
441
|
outline-offset: 2px;
|
|
441
442
|
}
|
|
442
443
|
|
|
443
444
|
/* Tema escuro (opcional) */
|
|
444
445
|
@media (prefers-color-scheme: dark) {
|
|
445
|
-
.ilibras-widget-modal {
|
|
446
|
+
#ilibras-widget-container .ilibras-widget-modal {
|
|
446
447
|
background: #1e1e1e;
|
|
447
448
|
}
|
|
448
449
|
|
|
449
|
-
.ilibras-widget-body {
|
|
450
|
+
#ilibras-widget-container .ilibras-widget-body {
|
|
450
451
|
background: #2d2d2d;
|
|
451
452
|
}
|
|
452
453
|
|
|
453
|
-
.ilibras-widget-message {
|
|
454
|
+
#ilibras-widget-container .ilibras-widget-message {
|
|
454
455
|
background: #363636;
|
|
455
456
|
color: #e0e0e0;
|
|
456
457
|
}
|
|
457
458
|
|
|
458
|
-
.ilibras-widget-form-group label {
|
|
459
|
+
#ilibras-widget-container .ilibras-widget-form-group label {
|
|
459
460
|
color: #b0b0b0;
|
|
460
461
|
}
|
|
461
462
|
|
|
462
|
-
.ilibras-widget-form-group input[type="text"],
|
|
463
|
-
.ilibras-widget-form-group input[type="tel"] {
|
|
463
|
+
#ilibras-widget-container .ilibras-widget-form-group input[type="text"],
|
|
464
|
+
#ilibras-widget-container .ilibras-widget-form-group input[type="tel"] {
|
|
464
465
|
background: #363636;
|
|
465
466
|
border-color: #4a4a4a;
|
|
466
467
|
color: #e0e0e0;
|
|
467
468
|
}
|
|
468
469
|
|
|
469
|
-
.ilibras-widget-form-group input[type="text"]::placeholder,
|
|
470
|
-
.ilibras-widget-form-group input[type="tel"]::placeholder {
|
|
470
|
+
#ilibras-widget-container .ilibras-widget-form-group input[type="text"]::placeholder,
|
|
471
|
+
#ilibras-widget-container .ilibras-widget-form-group input[type="tel"]::placeholder {
|
|
471
472
|
color: #6c6c6c;
|
|
472
473
|
}
|
|
473
474
|
|
|
474
|
-
.ilibras-widget-checkbox-label {
|
|
475
|
+
#ilibras-widget-container .ilibras-widget-checkbox-label {
|
|
475
476
|
color: #b0b0b0;
|
|
476
477
|
}
|
|
477
478
|
}
|
|
@@ -485,7 +486,7 @@
|
|
|
485
486
|
|
|
486
487
|
/* Visível só para leitor de tela. Não usa display:none — o que some da tela
|
|
487
488
|
dessa forma some também da leitura. */
|
|
488
|
-
.ilibras-widget-sr-only {
|
|
489
|
+
#ilibras-widget-container .ilibras-widget-sr-only {
|
|
489
490
|
position: absolute !important;
|
|
490
491
|
width: 1px;
|
|
491
492
|
height: 1px;
|
|
@@ -499,7 +500,7 @@
|
|
|
499
500
|
|
|
500
501
|
/* Armadilha do anti-robô: fora da tela e fora da leitura, mas presente no DOM
|
|
501
502
|
(bot que ignora display:none continua encontrando e preenchendo). */
|
|
502
|
-
.ilibras-widget-hp {
|
|
503
|
+
#ilibras-widget-container .ilibras-widget-hp {
|
|
503
504
|
position: absolute !important;
|
|
504
505
|
left: -9999px;
|
|
505
506
|
top: auto;
|
|
@@ -510,23 +511,23 @@
|
|
|
510
511
|
|
|
511
512
|
/* O diálogo fechado não pode receber foco: com hidden, nada dentro dele entra
|
|
512
513
|
na ordem de tabulação. */
|
|
513
|
-
.ilibras-widget-modal[hidden] {
|
|
514
|
+
#ilibras-widget-container .ilibras-widget-modal[hidden] {
|
|
514
515
|
display: none !important;
|
|
515
516
|
}
|
|
516
517
|
|
|
517
|
-
.ilibras-widget-legenda {
|
|
518
|
+
#ilibras-widget-container .ilibras-widget-legenda {
|
|
518
519
|
font-size: 12px;
|
|
519
520
|
color: #495057;
|
|
520
521
|
margin: 0 0 -8px 4px;
|
|
521
522
|
}
|
|
522
523
|
|
|
523
|
-
.ilibras-widget-dica {
|
|
524
|
+
#ilibras-widget-container .ilibras-widget-dica {
|
|
524
525
|
font-size: 12px;
|
|
525
526
|
color: #495057;
|
|
526
527
|
padding-left: 4px;
|
|
527
528
|
}
|
|
528
529
|
|
|
529
|
-
.ilibras-widget-erro {
|
|
530
|
+
#ilibras-widget-container .ilibras-widget-erro {
|
|
530
531
|
font-size: 13px;
|
|
531
532
|
font-weight: 500;
|
|
532
533
|
color: #b02a37;
|
|
@@ -538,23 +539,23 @@
|
|
|
538
539
|
|
|
539
540
|
/* A cor não pode ser o único sinal de erro: quem não distingue vermelho
|
|
540
541
|
precisa do símbolo e do texto. */
|
|
541
|
-
.ilibras-widget-erro::before {
|
|
542
|
+
#ilibras-widget-container .ilibras-widget-erro::before {
|
|
542
543
|
content: "\\26A0";
|
|
543
544
|
font-size: 13px;
|
|
544
545
|
line-height: 1.3;
|
|
545
546
|
}
|
|
546
547
|
|
|
547
|
-
.ilibras-widget-erro[hidden] {
|
|
548
|
+
#ilibras-widget-container .ilibras-widget-erro[hidden] {
|
|
548
549
|
display: none;
|
|
549
550
|
}
|
|
550
551
|
|
|
551
|
-
.ilibras-widget-form-group input.ilibras-widget-invalido {
|
|
552
|
+
#ilibras-widget-container .ilibras-widget-form-group input.ilibras-widget-invalido {
|
|
552
553
|
border-color: #b02a37;
|
|
553
554
|
border-width: 2px;
|
|
554
555
|
}
|
|
555
556
|
|
|
556
557
|
/* Aviso de falha de serviço / limite de uso. */
|
|
557
|
-
.ilibras-widget-aviso {
|
|
558
|
+
#ilibras-widget-container .ilibras-widget-aviso {
|
|
558
559
|
background: #fdf2f2;
|
|
559
560
|
border: 1px solid #f0c2c2;
|
|
560
561
|
border-left: 4px solid #b02a37;
|
|
@@ -566,47 +567,47 @@
|
|
|
566
567
|
line-height: 1.5;
|
|
567
568
|
}
|
|
568
569
|
|
|
569
|
-
.ilibras-widget-aviso[hidden] {
|
|
570
|
+
#ilibras-widget-container .ilibras-widget-aviso[hidden] {
|
|
570
571
|
display: none;
|
|
571
572
|
}
|
|
572
573
|
|
|
573
|
-
.ilibras-widget-aviso:focus-visible {
|
|
574
|
+
#ilibras-widget-container .ilibras-widget-aviso:focus-visible {
|
|
574
575
|
outline: 3px solid #b02a37;
|
|
575
576
|
outline-offset: 2px;
|
|
576
577
|
}
|
|
577
578
|
|
|
578
|
-
.ilibras-widget-aviso-texto {
|
|
579
|
+
#ilibras-widget-container .ilibras-widget-aviso-texto {
|
|
579
580
|
margin: 0;
|
|
580
581
|
}
|
|
581
582
|
|
|
582
583
|
/* Plano de contingência: aparece quando a API não responde. */
|
|
583
|
-
.ilibras-widget-fallback {
|
|
584
|
+
#ilibras-widget-container .ilibras-widget-fallback {
|
|
584
585
|
margin-top: 10px;
|
|
585
586
|
padding-top: 10px;
|
|
586
587
|
border-top: 1px solid #f0c2c2;
|
|
587
588
|
font-size: 13px;
|
|
588
589
|
}
|
|
589
590
|
|
|
590
|
-
.ilibras-widget-fallback p {
|
|
591
|
+
#ilibras-widget-container .ilibras-widget-fallback p {
|
|
591
592
|
margin: 0 0 6px;
|
|
592
593
|
}
|
|
593
594
|
|
|
594
|
-
.ilibras-widget-fallback ul {
|
|
595
|
+
#ilibras-widget-container .ilibras-widget-fallback ul {
|
|
595
596
|
margin: 0;
|
|
596
597
|
padding-left: 18px;
|
|
597
598
|
list-style: disc;
|
|
598
599
|
}
|
|
599
600
|
|
|
600
|
-
.ilibras-widget-fallback li {
|
|
601
|
+
#ilibras-widget-container .ilibras-widget-fallback li {
|
|
601
602
|
margin: 2px 0;
|
|
602
603
|
}
|
|
603
604
|
|
|
604
|
-
.ilibras-widget-fallback a {
|
|
605
|
+
#ilibras-widget-container .ilibras-widget-fallback a {
|
|
605
606
|
color: #1f4f7a;
|
|
606
607
|
font-weight: 600;
|
|
607
608
|
}
|
|
608
609
|
|
|
609
|
-
.ilibras-widget-status {
|
|
610
|
+
#ilibras-widget-container .ilibras-widget-status {
|
|
610
611
|
font-size: 13px;
|
|
611
612
|
color: #495057;
|
|
612
613
|
margin: 0;
|
|
@@ -615,12 +616,12 @@
|
|
|
615
616
|
|
|
616
617
|
/* Foco visível em tudo que recebe foco, inclusive campos — o :focus original
|
|
617
618
|
trocava a sombra, que some em alto contraste. */
|
|
618
|
-
.ilibras-widget-button:focus-visible,
|
|
619
|
-
.ilibras-widget-close:focus-visible,
|
|
620
|
-
.ilibras-widget-submit:focus-visible,
|
|
621
|
-
.ilibras-widget-form-group input:focus-visible,
|
|
622
|
-
.ilibras-widget-checkbox-label input:focus-visible,
|
|
623
|
-
.ilibras-widget-fallback a:focus-visible {
|
|
619
|
+
#ilibras-widget-container .ilibras-widget-button:focus-visible,
|
|
620
|
+
#ilibras-widget-container .ilibras-widget-close:focus-visible,
|
|
621
|
+
#ilibras-widget-container .ilibras-widget-submit:focus-visible,
|
|
622
|
+
#ilibras-widget-container .ilibras-widget-form-group input:focus-visible,
|
|
623
|
+
#ilibras-widget-container .ilibras-widget-checkbox-label input:focus-visible,
|
|
624
|
+
#ilibras-widget-container .ilibras-widget-fallback a:focus-visible {
|
|
624
625
|
outline: 3px solid #1f4f7a;
|
|
625
626
|
outline-offset: 2px;
|
|
626
627
|
}
|
|
@@ -628,17 +629,17 @@
|
|
|
628
629
|
/* Windows em alto contraste remove cor de fundo e borda sutil: sem isto o
|
|
629
630
|
campo e o botão ficam sem contorno. */
|
|
630
631
|
@media (forced-colors: active) {
|
|
631
|
-
.ilibras-widget-modal,
|
|
632
|
-
.ilibras-widget-form-group input,
|
|
633
|
-
.ilibras-widget-submit,
|
|
634
|
-
.ilibras-widget-aviso {
|
|
632
|
+
#ilibras-widget-container .ilibras-widget-modal,
|
|
633
|
+
#ilibras-widget-container .ilibras-widget-form-group input,
|
|
634
|
+
#ilibras-widget-container .ilibras-widget-submit,
|
|
635
|
+
#ilibras-widget-container .ilibras-widget-aviso {
|
|
635
636
|
border: 1px solid CanvasText;
|
|
636
637
|
}
|
|
637
638
|
|
|
638
|
-
.ilibras-widget-button:focus-visible,
|
|
639
|
-
.ilibras-widget-close:focus-visible,
|
|
640
|
-
.ilibras-widget-submit:focus-visible,
|
|
641
|
-
.ilibras-widget-form-group input:focus-visible {
|
|
639
|
+
#ilibras-widget-container .ilibras-widget-button:focus-visible,
|
|
640
|
+
#ilibras-widget-container .ilibras-widget-close:focus-visible,
|
|
641
|
+
#ilibras-widget-container .ilibras-widget-submit:focus-visible,
|
|
642
|
+
#ilibras-widget-container .ilibras-widget-form-group input:focus-visible {
|
|
642
643
|
outline: 3px solid Highlight;
|
|
643
644
|
}
|
|
644
645
|
}
|
|
@@ -647,61 +648,61 @@
|
|
|
647
648
|
das pessoas com sensibilidade vestibular, isso causa mal-estar. */
|
|
648
649
|
@media (prefers-reduced-motion: reduce) {
|
|
649
650
|
#ilibras-widget-container,
|
|
650
|
-
.ilibras-widget-modal,
|
|
651
|
-
.ilibras-widget-submit,
|
|
652
|
-
.ilibras-widget-close,
|
|
653
|
-
.ilibras-widget-badge {
|
|
651
|
+
#ilibras-widget-container .ilibras-widget-modal,
|
|
652
|
+
#ilibras-widget-container .ilibras-widget-submit,
|
|
653
|
+
#ilibras-widget-container .ilibras-widget-close,
|
|
654
|
+
#ilibras-widget-container .ilibras-widget-badge {
|
|
654
655
|
animation: none !important;
|
|
655
656
|
transition: none !important;
|
|
656
657
|
}
|
|
657
658
|
|
|
658
|
-
.ilibras-widget-submit:hover,
|
|
659
|
-
.ilibras-widget-close:hover {
|
|
659
|
+
#ilibras-widget-container .ilibras-widget-submit:hover,
|
|
660
|
+
#ilibras-widget-container .ilibras-widget-close:hover {
|
|
660
661
|
transform: none;
|
|
661
662
|
}
|
|
662
663
|
}
|
|
663
664
|
|
|
664
665
|
@media (prefers-color-scheme: dark) {
|
|
665
|
-
.ilibras-widget-legenda,
|
|
666
|
-
.ilibras-widget-dica,
|
|
667
|
-
.ilibras-widget-status {
|
|
666
|
+
#ilibras-widget-container .ilibras-widget-legenda,
|
|
667
|
+
#ilibras-widget-container .ilibras-widget-dica,
|
|
668
|
+
#ilibras-widget-container .ilibras-widget-status {
|
|
668
669
|
color: #c9c9c9;
|
|
669
670
|
}
|
|
670
671
|
|
|
671
|
-
.ilibras-widget-erro {
|
|
672
|
+
#ilibras-widget-container .ilibras-widget-erro {
|
|
672
673
|
color: #ff9aa2;
|
|
673
674
|
}
|
|
674
675
|
|
|
675
|
-
.ilibras-widget-form-group input.ilibras-widget-invalido {
|
|
676
|
+
#ilibras-widget-container .ilibras-widget-form-group input.ilibras-widget-invalido {
|
|
676
677
|
border-color: #ff9aa2;
|
|
677
678
|
}
|
|
678
679
|
|
|
679
|
-
.ilibras-widget-aviso {
|
|
680
|
+
#ilibras-widget-container .ilibras-widget-aviso {
|
|
680
681
|
background: #3a2224;
|
|
681
682
|
border-color: #6b3a3f;
|
|
682
683
|
border-left-color: #ff9aa2;
|
|
683
684
|
color: #ffd9dc;
|
|
684
685
|
}
|
|
685
686
|
|
|
686
|
-
.ilibras-widget-fallback {
|
|
687
|
+
#ilibras-widget-container .ilibras-widget-fallback {
|
|
687
688
|
border-top-color: #6b3a3f;
|
|
688
689
|
}
|
|
689
690
|
|
|
690
|
-
.ilibras-widget-fallback a {
|
|
691
|
+
#ilibras-widget-container .ilibras-widget-fallback a {
|
|
691
692
|
color: #9ecbff;
|
|
692
693
|
}
|
|
693
694
|
|
|
694
|
-
.ilibras-widget-title {
|
|
695
|
+
#ilibras-widget-container .ilibras-widget-title {
|
|
695
696
|
color: #e6f0f8;
|
|
696
697
|
}
|
|
697
698
|
|
|
698
|
-
.ilibras-widget-header {
|
|
699
|
+
#ilibras-widget-container .ilibras-widget-header {
|
|
699
700
|
background: #1e1e1e;
|
|
700
701
|
border-left-color: #333;
|
|
701
702
|
border-bottom-color: #333;
|
|
702
703
|
}
|
|
703
704
|
|
|
704
|
-
.ilibras-widget-close {
|
|
705
|
+
#ilibras-widget-container .ilibras-widget-close {
|
|
705
706
|
color: #e0e0e0;
|
|
706
707
|
}
|
|
707
708
|
}
|
|
@@ -1105,8 +1106,12 @@
|
|
|
1105
1106
|
const destino = resultado.link_fila || resultado.link || resultado.url || resultado.redirect;
|
|
1106
1107
|
if (!destino) throw new FalhaDeServico("resposta_inesperada");
|
|
1107
1108
|
this.anunciar(modo === "agendamento" ? "Cadastro feito. Abrindo o calendário para escolher data e horário." : "Atendimento criado. Abrindo a sala de atendimento.");
|
|
1108
|
-
const aba = window.open(destino, "_blank"
|
|
1109
|
-
if (
|
|
1109
|
+
const aba = window.open(destino, "_blank");
|
|
1110
|
+
if (aba) {
|
|
1111
|
+
aba.opener = null;
|
|
1112
|
+
} else {
|
|
1113
|
+
window.location.assign(destino);
|
|
1114
|
+
}
|
|
1110
1115
|
this.form.reset();
|
|
1111
1116
|
this.closeWidget();
|
|
1112
1117
|
} catch (erro) {
|