maidr 2.3.1 → 2.5.0
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/README.md +59 -8
- package/dist/maidr.js +128 -25
- package/dist/maidr.min.js +1 -1
- package/dist/maidr_style.css +27 -4
- package/dist/maidr_style.min.css +1 -1
- package/package.json +1 -1
package/dist/maidr_style.css
CHANGED
|
@@ -287,15 +287,24 @@ textarea {
|
|
|
287
287
|
|
|
288
288
|
/* LLM stuff */
|
|
289
289
|
|
|
290
|
-
#
|
|
290
|
+
#chatLLM_chat_history_wrapper {
|
|
291
|
+
position: relative;
|
|
291
292
|
height: 100%;
|
|
292
293
|
min-height: 400px;
|
|
293
294
|
max-height: 450px;
|
|
294
|
-
overflow-y: auto;
|
|
295
295
|
padding: 0.5rem;
|
|
296
296
|
background-color: #fff;
|
|
297
|
-
|
|
297
|
+
}
|
|
298
|
+
|
|
299
|
+
#chatLLM_chat_history {
|
|
300
|
+
overflow-y: auto;
|
|
301
|
+
height: 100%;
|
|
302
|
+
min-height: 400px;
|
|
303
|
+
max-height: 450px;
|
|
304
|
+
padding: 0.5rem;
|
|
305
|
+
padding-bottom: 4rem;
|
|
298
306
|
border-radius: 0.25rem;
|
|
307
|
+
border: 1px solid #dee2e6;
|
|
299
308
|
display: flex;
|
|
300
309
|
flex-direction: column;
|
|
301
310
|
align-items: column;
|
|
@@ -319,7 +328,8 @@ textarea {
|
|
|
319
328
|
align-self: flex-start;
|
|
320
329
|
}
|
|
321
330
|
|
|
322
|
-
.LLM_suggestions > p > button
|
|
331
|
+
.LLM_suggestions > p > button,
|
|
332
|
+
#chatLLM_copy_all {
|
|
323
333
|
font-weight: normal;
|
|
324
334
|
border-radius: 0.5rem;
|
|
325
335
|
border: none;
|
|
@@ -327,4 +337,17 @@ textarea {
|
|
|
327
337
|
|
|
328
338
|
.LLM_suggestions > p {
|
|
329
339
|
display: inline-block;
|
|
340
|
+
}
|
|
341
|
+
|
|
342
|
+
/* align this to the lower right of the chat history */
|
|
343
|
+
|
|
344
|
+
#chatLLM_copy_all_wrapper {
|
|
345
|
+
position: absolute;
|
|
346
|
+
bottom: -0.5rem;
|
|
347
|
+
right: 1.5rem;
|
|
348
|
+
margin: 0.5rem;
|
|
349
|
+
}
|
|
350
|
+
|
|
351
|
+
.chatLLM_message_copy_button {
|
|
352
|
+
font-weight: normal;
|
|
330
353
|
}
|
package/dist/maidr_style.min.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
*,::after,::before{box-sizing:border-box}.sr-only{clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute}.sr-only-focusable{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal;-webkit-clip-path:none;clip-path:none}.invis_button{background-color:transparent;border:none;padding:0;margin:0;cursor:pointer}#skip a{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}#skip a:focus{position:static;width:auto;height:auto}.hidden{display:none;opacity:0}.braille-input{font-size:200%;border:none;resize:none;padding:5px}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1072;overflow-x:hidden;overflow-y:auto;opacity:1;transition:opacity .15s linear}.modal-dialog{position:relative;width:auto;margin:.5rem}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}}@media (min-width:900px){.modal-dialog{max-width:800px;margin:1.75rem auto}}.close:not(:disabled):not(.disabled){cursor:pointer}.modal-header .close{padding:1rem;margin:-1rem -1rem -1rem auto;font-size:2rem}button.close{padding:0;background-color:transparent;border:0;-webkit-appearance:none}.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}button,select{text-transform:none}.modal-title{margin-bottom:0;line-height:1.5}h5.modal-title{font-size:1.25rem;border-bottom:1px solid #dee2e6}h4.modal-title{font-size:1.5rem}.modal-content{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:1rem;border-bottom:1px solid #e9ecef;border-top-left-radius:.3rem;border-top-right-radius:.3rem}.modal-body{position:relative;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem}.modal-footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding:1rem;border-top:1px solid #e9ecef}.modal button{display:inline-block;text-align:center;vertical-align:middle;font-size:1rem;line-height:1.5;padding:.375rem .75rem;margin:.125rem;font-weight:700}.modal-backdrop{z-index:1071;position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000;opacity:.5}table{width:100%;max-width:100%;margin-bottom:1rem;background-color:transparent;border-collapse:collapse}table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}table td,table th{padding:.75rem;vertical-align:top}label{margin:0 1.5rem;vertical-align:middle}.form-group{margin-bottom:1rem}.form-group label{display:inline-block;margin-bottom:.5rem}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}#
|
|
1
|
+
*,::after,::before{box-sizing:border-box}.sr-only{clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute}.sr-only-focusable{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal;-webkit-clip-path:none;clip-path:none}.invis_button{background-color:transparent;border:none;padding:0;margin:0;cursor:pointer}#skip a{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}#skip a:focus{position:static;width:auto;height:auto}.hidden{display:none;opacity:0}.braille-input{font-size:200%;border:none;resize:none;padding:5px}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1072;overflow-x:hidden;overflow-y:auto;opacity:1;transition:opacity .15s linear}.modal-dialog{position:relative;width:auto;margin:.5rem}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}}@media (min-width:900px){.modal-dialog{max-width:800px;margin:1.75rem auto}}.close:not(:disabled):not(.disabled){cursor:pointer}.modal-header .close{padding:1rem;margin:-1rem -1rem -1rem auto;font-size:2rem}button.close{padding:0;background-color:transparent;border:0;-webkit-appearance:none}.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}button,select{text-transform:none}.modal-title{margin-bottom:0;line-height:1.5}h5.modal-title{font-size:1.25rem;border-bottom:1px solid #dee2e6}h4.modal-title{font-size:1.5rem}.modal-content{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:1rem;border-bottom:1px solid #e9ecef;border-top-left-radius:.3rem;border-top-right-radius:.3rem}.modal-body{position:relative;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem}.modal-footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding:1rem;border-top:1px solid #e9ecef}.modal button{display:inline-block;text-align:center;vertical-align:middle;font-size:1rem;line-height:1.5;padding:.375rem .75rem;margin:.125rem;font-weight:700}.modal-backdrop{z-index:1071;position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000;opacity:.5}table{width:100%;max-width:100%;margin-bottom:1rem;background-color:transparent;border-collapse:collapse}table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}table td,table th{padding:.75rem;vertical-align:top}label{margin:0 1.5rem;vertical-align:middle}.form-group{margin-bottom:1rem}.form-group label{display:inline-block;margin-bottom:.5rem}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}#chatLLM_chat_history_wrapper{position:relative;height:100%;min-height:400px;max-height:450px;padding:.5rem;background-color:#fff}#chatLLM_chat_history{overflow-y:auto;height:100%;min-height:400px;max-height:450px;padding:.5rem;padding-bottom:4rem;border-radius:.25rem;border:1px solid #dee2e6;display:flex;flex-direction:column;align-items:column;justify-content:center}.chatLLM_message_other,.chatLLM_message_self{padding:.5rem 1.5rem;border-radius:1.5rem;margin:.5rem;max-width:70%;word-wrap:break-word}.chatLLM_message_self{align-self:flex-end}.chatLLM_message_other{align-self:flex-start}#chatLLM_copy_all,.LLM_suggestions>p>button{font-weight:400;border-radius:.5rem;border:none}.LLM_suggestions>p{display:inline-block}#chatLLM_copy_all_wrapper{position:absolute;bottom:-.5rem;right:1.5rem;margin:.5rem}.chatLLM_message_copy_button{font-weight:400}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "maidr",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.5.0",
|
|
4
4
|
"description": "maidr: Multimodal Access and Interactive Data Representation. maidr is a system for non-visual access and control of statistical charts. It aims to provide an inclusive experience for users with visual impairments by offering multiple modes of interaction: braille, text, and sonification. This comprehensive approach enhances the accessibility of data visualization and encourages a multi-model exploration on visualization. Check out the current build: [MAIDR Demo](https://xability.github.io/maidr/user_study_pilot/intro.html).",
|
|
5
5
|
"main": "dist/maidr.js",
|
|
6
6
|
"scripts": {
|