diff --git a/dist/bundle.js b/dist/bundle.js index 23c185d..2794942 100644 --- a/dist/bundle.js +++ b/dist/bundle.js @@ -104,7 +104,7 @@ eval("exports = module.exports = __webpack_require__(/*! ../../node_modules/css- /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { -eval("exports = module.exports = __webpack_require__(/*! ../../node_modules/css-loader/lib/css-base.js */ \"./node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.i, \"body {\\n font: 12px sans-serif;\\n}\\n\\n/************************/\\n/* OPTION AREA */\\n/************************/\\n.filters-and-options {\\n grid-area: filters-and-options;\\n grid-column: span 2 / 4;\\n margin-bottom: 40px;\\n}\\n\\n.options {\\n align-content: start;\\n background: #16a085;\\n border-radius: 8px;\\n display: flex;\\n flex-wrap: wrap;\\n justify-content: space-around;\\n}\\n\\n.option-container {\\n background: #1abc9c;\\n border-radius: 24px;\\n color: white;\\n display: flex;\\n flex-direction: column;\\n font-size: 1rem;\\n justify-content: space-around;\\n margin: 8px;\\n max-height: 180px;\\n min-height: 120px;\\n min-width: 140px;\\n padding: 16px;\\n}\\n\\n.option-container select {\\n display: block;\\n margin: 12px auto;\\n}\\n\\nselect.filter-by-value {\\n display: inline-block\\n}\\n\\n.option-title {\\n font-weight: bold;\\n text-align: center;\\n}\\n\\n.exact-match {\\n margin-bottom: 16px;\\n}\\n\\n.form-container {\\n display: flex;\\n flex-direction: column;\\n justify-content: space-between;\\n margin: 8px 0;\\n}\\n\\n.summary-data {\\n background: white;\\n margin-top: 60px;\\n}\\n\\n.toggle-container {\\n display: inline-block;\\n}\\n\\n.toggle-and-zoom {\\n align-items: baseline;\\n display: flex;\\n justify-content: space-around;\\n max-width: 200px;\\n}\\n\\n.search-toggle-label, .transparency-toggle-label, .zoom-toggle-label {\\n display: inline;\\n margin: 8px 0;\\n}\\n\\n/* Margin for select dropdowns */\\n.click-on-feature, .search-by-feature, .shape-by-feature, .transparency-by-feature {\\n margin-bottom: 24px;\\n margin-left: 24px;\\n}\\n\\n.search-toggle-and-submit {\\n display: flex;\\n flex-direction: column;\\n justify-content: space-between;\\n}\\n\\n.unsupported-dataset-message {\\n max-width: 400px;\\n}\\n\\n.filter-button {\\n margin: 0 auto 20px;\\n display: block;\\n}\\n\\n.filter-by-value-options {\\n display: flex;\\n justify-content: space-between;\\n}\\n\\n/********************/\\n/* TOGGLES */\\n/********************/\\n.check {\\n cursor: pointer;\\n display: block;\\n height: 100%;\\n left: 0;\\n opacity: 0;\\n position: absolute;\\n top: 0;\\n width: 100%;\\n z-index: 6;\\n}\\n\\n/* this is the animation element of the checkbox */\\n.check:checked ~ .switch {\\n left: 22px;\\n right: 2px;\\n transition: 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);\\n transition-delay: 0.05s, 0s;\\n transition-property: left, right;\\n}\\n\\n.check:checked ~ .track {\\n box-shadow: inset 0 0 0 20px #4bd863;\\n}\\n\\n.switch {\\n background-color: #fff;\\n border-radius: 36px;\\n bottom: 2px;\\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\\n left: 2px;\\n position: absolute;\\n right: 22px;\\n top: 2px;\\n transition: 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);\\n transition-delay: 0s, 0.05s;\\n transition-property: left, right;\\n z-index: 1;\\n}\\n\\n.toggle {\\n background-color: #ddd;\\n border-radius: 100px;\\n box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, 0.05);\\n display: inline-block;\\n height: 20px;\\n position: relative;\\n width: 40px;\\n}\\n\\n.track {\\n border-radius: 40px;\\n bottom: 0;\\n box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.05);\\n left: 0;\\n position: absolute;\\n right: 0;\\n top: 0;\\n transition: 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);\\n}\\n\\n/********************/\\n/* PLOT AREA */\\n/********************/\\n\\n.axis path, .axis line {\\n fill: none;\\n shape-rendering: crispEdges;\\n stroke: #000;\\n}\\n\\n.dot {\\n stroke: #000;\\n}\\n\\n.plot-area {\\n display: grid;\\n grid-gap: 1px 1px;\\n grid-template-areas: \\\". . . .\\\" \\\". tooltip . .\\\" \\\". plot-container side-table .\\\" \\\". filters-and-options . .\\\" \\\". . . .\\\";\\n grid-template-columns: 1% 70% auto 1%;\\n grid-template-rows: 0.05fr 0.2fr 4.6fr 1.1fr 0.2fr;\\n height: calc(100vh - 10px);\\n margin-bottom: 40px;\\n}\\n\\n.plot-container {\\n grid-area: plot-container;\\n}\\n\\n.side-table {\\n font-size: 1.2em;\\n grid-area: side-table;\\n margin-left: 12px;\\n margin-top: 16px;\\n overflow: scroll;\\n}\\n\\n.tooltip {\\n grid-area: tooltip;\\n grid-column: 2 / span 2;\\n margin-left: 24px;\\n margin-top: 8px;\\n min-height: 30px;\\n opacity: 0;\\n}\\n\\n.tooltip table {\\n border-collapse: collapse;\\n border-style: hidden;\\n float: center;\\n pointer-events: none;\\n}\\n\\n.tooltip table td {\\n border: 1px solid black;\\n font-size: 0.8rem;\\n padding: 8px;\\n text-align: center;\\n}\\n\\n.tooltip .headers {\\n font-weight: bold;\\n}\\n\\n/****************/\\n/* LASSO */\\n/****************/\\n\\n.bar rect {\\n fill: steelblue;\\n}\\n\\n.bar text {\\n fill: #fff;\\n font: 10px sans-serif;\\n}\\n\\n.lasso .drawn {\\n fill-opacity:.05 ;\\n}\\n\\n.lasso .loop_close {\\n fill: none;\\n stroke-dasharray: 4,4;\\n}\\n\\n.lasso .origin {\\n fill: #3399FF;\\n fill-opacity: .5;\\n}\\n\\n.lasso path {\\n stroke: rgb(80,80,80);\\n stroke-width:2px;\\n}\\n\\n.not_possible {\\n fill: rgb(200,200,200);\\n}\\n\\n.possible {\\n fill: #EC888C;\\n}\\n\\n/*******************/\\n/* GENERAL UTILITY */\\n/*******************/\\n\\n.hidden {\\n display: none;\\n}\\n\\n/* SARAH ADDING */ \\n/* Compact dataset upload controls */\\n.compact-upload {\\n display: flex;\\n align-items: center;\\n flex-wrap: wrap;\\n gap: 8px;\\n margin: 6px 0;\\n padding: 0;\\n}\\n\\n.upload-label {\\n margin: 0;\\n padding: 0;\\n}\\n\\n.upload-info {\\n cursor: help;\\n font-size: 17px;\\n line-height: 1;\\n}\\n\\n.upload-status {\\n margin: 0 0 0 4px;\\n padding: 0;\\n font-size: 14px;\\n}\\n\\n#data-file-input {\\n margin: 0;\\n}\\n\\n#predicted_words,\\n#frequent_words {\\n margin-top: 2px;\\n margin-bottom: 2px;\\n}\", \"\"]);\n\n// exports\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9ub2RlX21vZHVsZXMvY3NzLWxvYWRlci9pbmRleC5qcyEuL3NyYy9jc3Mvc3R5bGUuY3NzLmpzIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vLy4vc3JjL2Nzcy9zdHlsZS5jc3M/NGYwOSJdLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnRzID0gbW9kdWxlLmV4cG9ydHMgPSByZXF1aXJlKFwiLi4vLi4vbm9kZV9tb2R1bGVzL2Nzcy1sb2FkZXIvbGliL2Nzcy1iYXNlLmpzXCIpKGZhbHNlKTtcbi8vIGltcG9ydHNcblxuXG4vLyBtb2R1bGVcbmV4cG9ydHMucHVzaChbbW9kdWxlLmlkLCBcImJvZHkge1xcbiAgZm9udDogMTJweCBzYW5zLXNlcmlmO1xcbn1cXG5cXG4vKioqKioqKioqKioqKioqKioqKioqKioqL1xcbi8qICAgICAgT1BUSU9OIEFSRUEgICAgICovXFxuLyoqKioqKioqKioqKioqKioqKioqKioqKi9cXG4uZmlsdGVycy1hbmQtb3B0aW9ucyB7XFxuICBncmlkLWFyZWE6IGZpbHRlcnMtYW5kLW9wdGlvbnM7XFxuICBncmlkLWNvbHVtbjogc3BhbiAyIC8gNDtcXG4gIG1hcmdpbi1ib3R0b206IDQwcHg7XFxufVxcblxcbi5vcHRpb25zIHtcXG4gIGFsaWduLWNvbnRlbnQ6IHN0YXJ0O1xcbiAgYmFja2dyb3VuZDogIzE2YTA4NTtcXG4gIGJvcmRlci1yYWRpdXM6IDhweDtcXG4gIGRpc3BsYXk6IGZsZXg7XFxuICBmbGV4LXdyYXA6IHdyYXA7XFxuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWFyb3VuZDtcXG59XFxuXFxuLm9wdGlvbi1jb250YWluZXIge1xcbiAgYmFja2dyb3VuZDogIzFhYmM5YztcXG4gIGJvcmRlci1yYWRpdXM6IDI0cHg7XFxuICBjb2xvcjogd2hpdGU7XFxuICBkaXNwbGF5OiBmbGV4O1xcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcXG4gIGZvbnQtc2l6ZTogMXJlbTtcXG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYXJvdW5kO1xcbiAgbWFyZ2luOiA4cHg7XFxuICBtYXgtaGVpZ2h0OiAxODBweDtcXG4gIG1pbi1oZWlnaHQ6IDEyMHB4O1xcbiAgbWluLXdpZHRoOiAxNDBweDtcXG4gIHBhZGRpbmc6IDE2cHg7XFxufVxcblxcbi5vcHRpb24tY29udGFpbmVyIHNlbGVjdCB7XFxuICBkaXNwbGF5OiBibG9jaztcXG4gIG1hcmdpbjogMTJweCBhdXRvO1xcbn1cXG5cXG5zZWxlY3QuZmlsdGVyLWJ5LXZhbHVlIHtcXG4gIGRpc3BsYXk6IGlubGluZS1ibG9ja1xcbn1cXG5cXG4ub3B0aW9uLXRpdGxlIHtcXG4gIGZvbnQtd2VpZ2h0OiBib2xkO1xcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xcbn1cXG5cXG4uZXhhY3QtbWF0Y2gge1xcbiAgbWFyZ2luLWJvdHRvbTogMTZweDtcXG59XFxuXFxuLmZvcm0tY29udGFpbmVyIHtcXG4gIGRpc3BsYXk6IGZsZXg7XFxuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xcbiAgbWFyZ2luOiA4cHggMDtcXG59XFxuXFxuLnN1bW1hcnktZGF0YSB7XFxuICBiYWNrZ3JvdW5kOiB3aGl0ZTtcXG4gIG1hcmdpbi10b3A6IDYwcHg7XFxufVxcblxcbi50b2dnbGUtY29udGFpbmVyIHtcXG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcXG59XFxuXFxuLnRvZ2dsZS1hbmQtem9vbSB7XFxuICBhbGlnbi1pdGVtczogYmFzZWxpbmU7XFxuICBkaXNwbGF5OiBmbGV4O1xcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1hcm91bmQ7XFxuICBtYXgtd2lkdGg6IDIwMHB4O1xcbn1cXG5cXG4uc2VhcmNoLXRvZ2dsZS1sYWJlbCwgLnRyYW5zcGFyZW5jeS10b2dnbGUtbGFiZWwsIC56b29tLXRvZ2dsZS1sYWJlbCB7XFxuICBkaXNwbGF5OiBpbmxpbmU7XFxuICBtYXJnaW46IDhweCAwO1xcbn1cXG5cXG4vKiBNYXJnaW4gZm9yIHNlbGVjdCBkcm9wZG93bnMgKi9cXG4uY2xpY2stb24tZmVhdHVyZSwgLnNlYXJjaC1ieS1mZWF0dXJlLCAuc2hhcGUtYnktZmVhdHVyZSwgLnRyYW5zcGFyZW5jeS1ieS1mZWF0dXJlIHtcXG4gIG1hcmdpbi1ib3R0b206IDI0cHg7XFxuICBtYXJnaW4tbGVmdDogMjRweDtcXG59XFxuXFxuLnNlYXJjaC10b2dnbGUtYW5kLXN1Ym1pdCB7XFxuICBkaXNwbGF5OiBmbGV4O1xcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcXG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcXG59XFxuXFxuLnVuc3VwcG9ydGVkLWRhdGFzZXQtbWVzc2FnZSB7XFxuICBtYXgtd2lkdGg6IDQwMHB4O1xcbn1cXG5cXG4uZmlsdGVyLWJ1dHRvbiB7XFxuICBtYXJnaW46IDAgYXV0byAyMHB4O1xcbiAgZGlzcGxheTogYmxvY2s7XFxufVxcblxcbi5maWx0ZXItYnktdmFsdWUtb3B0aW9ucyB7XFxuICBkaXNwbGF5OiBmbGV4O1xcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xcbn1cXG5cXG4vKioqKioqKioqKioqKioqKioqKiovXFxuLyogICAgICBUT0dHTEVTICAgICAqL1xcbi8qKioqKioqKioqKioqKioqKioqKi9cXG4uY2hlY2sge1xcbiAgY3Vyc29yOiBwb2ludGVyO1xcbiAgZGlzcGxheTogYmxvY2s7XFxuICBoZWlnaHQ6IDEwMCU7XFxuICBsZWZ0OiAwO1xcbiAgb3BhY2l0eTogMDtcXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcXG4gIHRvcDogMDtcXG4gIHdpZHRoOiAxMDAlO1xcbiAgei1pbmRleDogNjtcXG59XFxuXFxuLyogdGhpcyBpcyB0aGUgYW5pbWF0aW9uIGVsZW1lbnQgb2YgdGhlIGNoZWNrYm94ICovXFxuLmNoZWNrOmNoZWNrZWQgfiAuc3dpdGNoIHtcXG4gIGxlZnQ6IDIycHg7XFxuICByaWdodDogMnB4O1xcbiAgdHJhbnNpdGlvbjogMC4zNXMgY3ViaWMtYmV6aWVyKDAuNzg1LCAwLjEzNSwgMC4xNSwgMC44Nik7XFxuICB0cmFuc2l0aW9uLWRlbGF5OiAwLjA1cywgMHM7XFxuICB0cmFuc2l0aW9uLXByb3BlcnR5OiBsZWZ0LCByaWdodDtcXG59XFxuXFxuLmNoZWNrOmNoZWNrZWQgfiAudHJhY2sge1xcbiAgYm94LXNoYWRvdzogaW5zZXQgMCAwIDAgMjBweCAjNGJkODYzO1xcbn1cXG5cXG4uc3dpdGNoIHtcXG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmY7XFxuICBib3JkZXItcmFkaXVzOiAzNnB4O1xcbiAgYm90dG9tOiAycHg7XFxuICBib3gtc2hhZG93OiAwIDFweCAycHggcmdiYSgwLCAwLCAwLCAwLjIpO1xcbiAgbGVmdDogMnB4O1xcbiAgcG9zaXRpb246IGFic29sdXRlO1xcbiAgcmlnaHQ6IDIycHg7XFxuICB0b3A6IDJweDtcXG4gIHRyYW5zaXRpb246IDAuMzVzIGN1YmljLWJlemllcigwLjc4NSwgMC4xMzUsIDAuMTUsIDAuODYpO1xcbiAgdHJhbnNpdGlvbi1kZWxheTogMHMsIDAuMDVzO1xcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogbGVmdCwgcmlnaHQ7XFxuICB6LWluZGV4OiAxO1xcbn1cXG5cXG4udG9nZ2xlIHtcXG4gIGJhY2tncm91bmQtY29sb3I6ICNkZGQ7XFxuICBib3JkZXItcmFkaXVzOiAxMDBweDtcXG4gIGJveC1zaGFkb3c6IGluc2V0IDAgMCAycHggMXB4IHJnYmEoMCwgMCwgMCwgMC4wNSk7XFxuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XFxuICBoZWlnaHQ6IDIwcHg7XFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XFxuICB3aWR0aDogNDBweDtcXG59XFxuXFxuLnRyYWNrIHtcXG4gIGJvcmRlci1yYWRpdXM6IDQwcHg7XFxuICBib3R0b206IDA7XFxuICBib3gtc2hhZG93OiBpbnNldCAwIDAgMCAycHggcmdiYSgwLCAwLCAwLCAwLjA1KTtcXG4gIGxlZnQ6IDA7XFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XFxuICByaWdodDogMDtcXG4gIHRvcDogMDtcXG4gIHRyYW5zaXRpb246IDAuMzVzIGN1YmljLWJlemllcigwLjc4NSwgMC4xMzUsIDAuMTUsIDAuODYpO1xcbn1cXG5cXG4vKioqKioqKioqKioqKioqKioqKiovXFxuLyogICAgIFBMT1QgQVJFQSAgICAqL1xcbi8qKioqKioqKioqKioqKioqKioqKi9cXG5cXG4uYXhpcyBwYXRoLCAuYXhpcyBsaW5lIHtcXG4gIGZpbGw6IG5vbmU7XFxuICBzaGFwZS1yZW5kZXJpbmc6IGNyaXNwRWRnZXM7XFxuICBzdHJva2U6ICMwMDA7XFxufVxcblxcbi5kb3Qge1xcbiAgc3Ryb2tlOiAjMDAwO1xcbn1cXG5cXG4ucGxvdC1hcmVhIHtcXG4gIGRpc3BsYXk6IGdyaWQ7XFxuICBncmlkLWdhcDogMXB4IDFweDtcXG4gIGdyaWQtdGVtcGxhdGUtYXJlYXM6IFxcXCIuIC4gLiAuXFxcIiBcXFwiLiB0b29sdGlwIC4gLlxcXCIgXFxcIi4gcGxvdC1jb250YWluZXIgc2lkZS10YWJsZSAuXFxcIiBcXFwiLiBmaWx0ZXJzLWFuZC1vcHRpb25zIC4gLlxcXCIgXFxcIi4gLiAuIC5cXFwiO1xcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxJSA3MCUgYXV0byAxJTtcXG4gIGdyaWQtdGVtcGxhdGUtcm93czogMC4wNWZyIDAuMmZyIDQuNmZyIDEuMWZyIDAuMmZyO1xcbiAgaGVpZ2h0OiBjYWxjKDEwMHZoIC0gMTBweCk7XFxuICBtYXJnaW4tYm90dG9tOiA0MHB4O1xcbn1cXG5cXG4ucGxvdC1jb250YWluZXIge1xcbiAgZ3JpZC1hcmVhOiBwbG90LWNvbnRhaW5lcjtcXG59XFxuXFxuLnNpZGUtdGFibGUge1xcbiAgZm9udC1zaXplOiAxLjJlbTtcXG4gIGdyaWQtYXJlYTogc2lkZS10YWJsZTtcXG4gIG1hcmdpbi1sZWZ0OiAxMnB4O1xcbiAgbWFyZ2luLXRvcDogMTZweDtcXG4gIG92ZXJmbG93OiBzY3JvbGw7XFxufVxcblxcbi50b29sdGlwIHtcXG4gIGdyaWQtYXJlYTogdG9vbHRpcDtcXG4gIGdyaWQtY29sdW1uOiAyIC8gc3BhbiAyO1xcbiAgbWFyZ2luLWxlZnQ6IDI0cHg7XFxuICBtYXJnaW4tdG9wOiA4cHg7XFxuICBtaW4taGVpZ2h0OiAzMHB4O1xcbiAgb3BhY2l0eTogMDtcXG59XFxuXFxuLnRvb2x0aXAgdGFibGUge1xcbiAgYm9yZGVyLWNvbGxhcHNlOiBjb2xsYXBzZTtcXG4gIGJvcmRlci1zdHlsZTogaGlkZGVuO1xcbiAgZmxvYXQ6IGNlbnRlcjtcXG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xcbn1cXG5cXG4udG9vbHRpcCB0YWJsZSB0ZCB7XFxuICBib3JkZXI6IDFweCBzb2xpZCBibGFjaztcXG4gIGZvbnQtc2l6ZTogMC44cmVtO1xcbiAgcGFkZGluZzogOHB4O1xcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xcbn1cXG5cXG4udG9vbHRpcCAuaGVhZGVycyB7XFxuICBmb250LXdlaWdodDogYm9sZDtcXG59XFxuXFxuLyoqKioqKioqKioqKioqKiovXFxuLyogICAgTEFTU08gICAgICovXFxuLyoqKioqKioqKioqKioqKiovXFxuXFxuLmJhciByZWN0IHtcXG4gIGZpbGw6IHN0ZWVsYmx1ZTtcXG59XFxuXFxuLmJhciB0ZXh0IHtcXG4gIGZpbGw6ICNmZmY7XFxuICBmb250OiAxMHB4IHNhbnMtc2VyaWY7XFxufVxcblxcbi5sYXNzbyAuZHJhd24ge1xcbiAgZmlsbC1vcGFjaXR5Oi4wNSA7XFxufVxcblxcbi5sYXNzbyAubG9vcF9jbG9zZSB7XFxuICBmaWxsOiBub25lO1xcbiAgc3Ryb2tlLWRhc2hhcnJheTogNCw0O1xcbn1cXG5cXG4ubGFzc28gLm9yaWdpbiB7XFxuICBmaWxsOiAjMzM5OUZGO1xcbiAgZmlsbC1vcGFjaXR5OiAuNTtcXG59XFxuXFxuLmxhc3NvIHBhdGgge1xcbiAgc3Ryb2tlOiByZ2IoODAsODAsODApO1xcbiAgc3Ryb2tlLXdpZHRoOjJweDtcXG59XFxuXFxuLm5vdF9wb3NzaWJsZSB7XFxuICBmaWxsOiByZ2IoMjAwLDIwMCwyMDApO1xcbn1cXG5cXG4ucG9zc2libGUge1xcbiAgZmlsbDogI0VDODg4QztcXG59XFxuXFxuLyoqKioqKioqKioqKioqKioqKiovXFxuLyogR0VORVJBTCBVVElMSVRZICovXFxuLyoqKioqKioqKioqKioqKioqKiovXFxuXFxuLmhpZGRlbiB7XFxuICBkaXNwbGF5OiBub25lO1xcbn1cXG5cXG4vKiBTQVJBSCBBRERJTkcgKi8gXFxuLyogQ29tcGFjdCBkYXRhc2V0IHVwbG9hZCBjb250cm9scyAqL1xcbi5jb21wYWN0LXVwbG9hZCB7XFxuICBkaXNwbGF5OiBmbGV4O1xcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcXG4gIGZsZXgtd3JhcDogd3JhcDtcXG4gIGdhcDogOHB4O1xcbiAgbWFyZ2luOiA2cHggMDtcXG4gIHBhZGRpbmc6IDA7XFxufVxcblxcbi51cGxvYWQtbGFiZWwge1xcbiAgbWFyZ2luOiAwO1xcbiAgcGFkZGluZzogMDtcXG59XFxuXFxuLnVwbG9hZC1pbmZvIHtcXG4gIGN1cnNvcjogaGVscDtcXG4gIGZvbnQtc2l6ZTogMTdweDtcXG4gIGxpbmUtaGVpZ2h0OiAxO1xcbn1cXG5cXG4udXBsb2FkLXN0YXR1cyB7XFxuICBtYXJnaW46IDAgMCAwIDRweDtcXG4gIHBhZGRpbmc6IDA7XFxuICBmb250LXNpemU6IDE0cHg7XFxufVxcblxcbiNkYXRhLWZpbGUtaW5wdXQge1xcbiAgbWFyZ2luOiAwO1xcbn1cXG5cXG4jcHJlZGljdGVkX3dvcmRzLFxcbiNmcmVxdWVudF93b3JkcyB7XFxuICBtYXJnaW4tdG9wOiAycHg7XFxuICBtYXJnaW4tYm90dG9tOiAycHg7XFxufVwiLCBcIlwiXSk7XG5cbi8vIGV4cG9ydHNcbiJdLCJtYXBwaW5ncyI6IkFBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTsiLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///./node_modules/css-loader/index.js!./src/css/style.css\n"); +eval("exports = module.exports = __webpack_require__(/*! ../../node_modules/css-loader/lib/css-base.js */ \"./node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.i, \"body {\\n font: 12px sans-serif;\\n}\\n\\n/************************/\\n/* OPTION AREA */\\n/************************/\\n.filters-and-options {\\n grid-area: filters-and-options;\\n grid-column: span 2 / 4;\\n margin-bottom: 40px;\\n}\\n\\n.options {\\n align-content: start;\\n background: #16a085;\\n border-radius: 8px;\\n display: flex;\\n flex-wrap: wrap;\\n justify-content: space-around;\\n}\\n\\n.option-container {\\n background: #1abc9c;\\n border-radius: 24px;\\n color: white;\\n display: flex;\\n flex-direction: column;\\n font-size: 1rem;\\n justify-content: space-around;\\n margin: 8px;\\n max-height: 180px;\\n min-height: 120px;\\n min-width: 140px;\\n padding: 16px;\\n}\\n\\n.option-container select {\\n display: block;\\n margin: 12px auto;\\n}\\n\\nselect.filter-by-value {\\n display: inline-block\\n}\\n\\n.option-title {\\n font-weight: bold;\\n text-align: center;\\n}\\n\\n.exact-match {\\n margin-bottom: 16px;\\n}\\n\\n.form-container {\\n display: flex;\\n flex-direction: column;\\n justify-content: space-between;\\n margin: 8px 0;\\n}\\n\\n.summary-data {\\n background: white;\\n margin-top: 60px;\\n}\\n\\n.toggle-container {\\n display: inline-block;\\n}\\n\\n.toggle-and-zoom {\\n align-items: baseline;\\n display: flex;\\n justify-content: space-around;\\n max-width: 200px;\\n}\\n\\n.search-toggle-label, .transparency-toggle-label, .zoom-toggle-label {\\n display: inline;\\n margin: 8px 0;\\n}\\n\\n/* Margin for select dropdowns */\\n.click-on-feature, .search-by-feature, .shape-by-feature, .transparency-by-feature {\\n margin-bottom: 24px;\\n margin-left: 24px;\\n}\\n\\n.search-toggle-and-submit {\\n display: flex;\\n flex-direction: column;\\n justify-content: space-between;\\n}\\n\\n.unsupported-dataset-message {\\n max-width: 400px;\\n}\\n\\n.filter-button {\\n margin: 0 auto 20px;\\n display: block;\\n}\\n\\n.filter-by-value-options {\\n display: flex;\\n justify-content: space-between;\\n}\\n\\n/********************/\\n/* TOGGLES */\\n/********************/\\n.check {\\n cursor: pointer;\\n display: block;\\n height: 100%;\\n left: 0;\\n opacity: 0;\\n position: absolute;\\n top: 0;\\n width: 100%;\\n z-index: 6;\\n}\\n\\n/* this is the animation element of the checkbox */\\n.check:checked ~ .switch {\\n left: 22px;\\n right: 2px;\\n transition: 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);\\n transition-delay: 0.05s, 0s;\\n transition-property: left, right;\\n}\\n\\n.check:checked ~ .track {\\n box-shadow: inset 0 0 0 20px #4bd863;\\n}\\n\\n.switch {\\n background-color: #fff;\\n border-radius: 36px;\\n bottom: 2px;\\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\\n left: 2px;\\n position: absolute;\\n right: 22px;\\n top: 2px;\\n transition: 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);\\n transition-delay: 0s, 0.05s;\\n transition-property: left, right;\\n z-index: 1;\\n}\\n\\n.toggle {\\n background-color: #ddd;\\n border-radius: 100px;\\n box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, 0.05);\\n display: inline-block;\\n height: 20px;\\n position: relative;\\n width: 40px;\\n}\\n\\n.track {\\n border-radius: 40px;\\n bottom: 0;\\n box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.05);\\n left: 0;\\n position: absolute;\\n right: 0;\\n top: 0;\\n transition: 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);\\n}\\n\\n/********************/\\n/* PLOT AREA */\\n/********************/\\n\\n.axis path, .axis line {\\n fill: none;\\n shape-rendering: crispEdges;\\n stroke: #000;\\n}\\n\\n.dot {\\n stroke: #000;\\n}\\n\\n.plot-area {\\n display: grid;\\n grid-gap: 1px 1px;\\n grid-template-areas: \\\". . . .\\\" \\\". tooltip . .\\\" \\\". plot-container side-table .\\\" \\\". filters-and-options . .\\\" \\\". . . .\\\";\\n grid-template-columns: 1% 70% auto 1%;\\n grid-template-rows: 0.05fr 0.2fr 4.6fr 1.1fr 0.2fr;\\n height: calc(100vh - 10px);\\n margin-bottom: 40px;\\n}\\n\\n.plot-container {\\n grid-area: plot-container;\\n}\\n\\n.side-table {\\n font-size: 1.2em;\\n grid-area: side-table;\\n margin-left: 12px;\\n margin-top: 16px;\\n overflow: scroll;\\n}\\n\\n.tooltip {\\n grid-area: tooltip;\\n grid-column: 2 / span 2;\\n margin-left: 24px;\\n margin-top: 8px;\\n min-height: 30px;\\n opacity: 0;\\n}\\n\\n.tooltip table {\\n border-collapse: collapse;\\n border-style: hidden;\\n float: center;\\n pointer-events: none;\\n}\\n\\n.tooltip table td {\\n border: 1px solid black;\\n font-size: 0.8rem;\\n padding: 8px;\\n text-align: center;\\n}\\n\\n.tooltip .headers {\\n font-weight: bold;\\n}\\n\\n/****************/\\n/* LASSO */\\n/****************/\\n\\n.bar rect {\\n fill: steelblue;\\n}\\n\\n.bar text {\\n fill: #fff;\\n font: 10px sans-serif;\\n}\\n\\n.lasso .drawn {\\n fill-opacity:.05 ;\\n}\\n\\n.lasso .loop_close {\\n fill: none;\\n stroke-dasharray: 4,4;\\n}\\n\\n.lasso .origin {\\n fill: #3399FF;\\n fill-opacity: .5;\\n}\\n\\n.lasso path {\\n stroke: rgb(80,80,80);\\n stroke-width:2px;\\n}\\n\\n.not_possible {\\n fill: rgb(200,200,200);\\n}\\n\\n.possible {\\n fill: #EC888C;\\n}\\n\\n/*******************/\\n/* GENERAL UTILITY */\\n/*******************/\\n\\n.hidden {\\n display: none;\\n}\\n\\n/* SARAH ADDING */ \\n/* Compact dataset upload controls */\\n/* .compact-upload {\\n display: flex;\\n align-items: center;\\n flex-wrap: wrap;\\n gap: 8px;\\n margin: 6px 0;\\n padding: 0;\\n}\\n\\n.upload-label {\\n margin: 0;\\n padding: 0;\\n} */\\n\\n.upload-info {\\n cursor: help;\\n font-size: 17px;\\n line-height: 1;\\n}\\n\\n.upload-status {\\n margin: 0 0 0 4px;\\n padding: 0;\\n font-size: 14px;\\n}\\n\\n#data-file-input {\\n margin: 0;\\n}\\n\\n#predicted_words,\\n#frequent_words {\\n margin-top: 2px;\\n margin-bottom: 2px;\\n}\\n\\n.upload-panel {\\n background: #fff6cc;\\n border: 1px solid #e6d98a;\\n border-radius: 8px;\\n\\n padding: 10px 12px;\\n margin: 8px;\\n\\n width: 180px;\\n box-sizing: border-box;\\n\\n font-size: 13px;\\n color: #222;\\n\\n flex: 0 0 auto;\\n}\\n\\n.upload-panel-title {\\n display: flex;\\n align-items: center;\\n gap: 5px;\\n margin-bottom: 8px;\\n}\\n\\n.upload-panel input[type=\\\"file\\\"] {\\n width: 100%;\\n margin-bottom: 7px;\\n}\\n\\n.upload-panel .upload-status {\\n font-size: 12px;\\n line-height: 1.25;\\n word-break: break-word;\\n}\\n\\n.upload-info {\\n cursor: help;\\n}\\n\\n.hidden-file-input {\\n display: none;\\n}\\n\\n.custom-file-button {\\n display: inline-block;\\n padding: 5px 10px;\\n background: white;\\n border: 1px solid #777;\\n border-radius: 3px;\\n cursor: pointer;\\n font-size: 13px;\\n}\\n\\n.custom-file-button:hover {\\n background: #f2f2f2;\\n}\", \"\"]);\n\n// exports\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9ub2RlX21vZHVsZXMvY3NzLWxvYWRlci9pbmRleC5qcyEuL3NyYy9jc3Mvc3R5bGUuY3NzLmpzIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vLy4vc3JjL2Nzcy9zdHlsZS5jc3M/NGYwOSJdLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnRzID0gbW9kdWxlLmV4cG9ydHMgPSByZXF1aXJlKFwiLi4vLi4vbm9kZV9tb2R1bGVzL2Nzcy1sb2FkZXIvbGliL2Nzcy1iYXNlLmpzXCIpKGZhbHNlKTtcbi8vIGltcG9ydHNcblxuXG4vLyBtb2R1bGVcbmV4cG9ydHMucHVzaChbbW9kdWxlLmlkLCBcImJvZHkge1xcbiAgZm9udDogMTJweCBzYW5zLXNlcmlmO1xcbn1cXG5cXG4vKioqKioqKioqKioqKioqKioqKioqKioqL1xcbi8qICAgICAgT1BUSU9OIEFSRUEgICAgICovXFxuLyoqKioqKioqKioqKioqKioqKioqKioqKi9cXG4uZmlsdGVycy1hbmQtb3B0aW9ucyB7XFxuICBncmlkLWFyZWE6IGZpbHRlcnMtYW5kLW9wdGlvbnM7XFxuICBncmlkLWNvbHVtbjogc3BhbiAyIC8gNDtcXG4gIG1hcmdpbi1ib3R0b206IDQwcHg7XFxufVxcblxcbi5vcHRpb25zIHtcXG4gIGFsaWduLWNvbnRlbnQ6IHN0YXJ0O1xcbiAgYmFja2dyb3VuZDogIzE2YTA4NTtcXG4gIGJvcmRlci1yYWRpdXM6IDhweDtcXG4gIGRpc3BsYXk6IGZsZXg7XFxuICBmbGV4LXdyYXA6IHdyYXA7XFxuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWFyb3VuZDtcXG59XFxuXFxuLm9wdGlvbi1jb250YWluZXIge1xcbiAgYmFja2dyb3VuZDogIzFhYmM5YztcXG4gIGJvcmRlci1yYWRpdXM6IDI0cHg7XFxuICBjb2xvcjogd2hpdGU7XFxuICBkaXNwbGF5OiBmbGV4O1xcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcXG4gIGZvbnQtc2l6ZTogMXJlbTtcXG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYXJvdW5kO1xcbiAgbWFyZ2luOiA4cHg7XFxuICBtYXgtaGVpZ2h0OiAxODBweDtcXG4gIG1pbi1oZWlnaHQ6IDEyMHB4O1xcbiAgbWluLXdpZHRoOiAxNDBweDtcXG4gIHBhZGRpbmc6IDE2cHg7XFxufVxcblxcbi5vcHRpb24tY29udGFpbmVyIHNlbGVjdCB7XFxuICBkaXNwbGF5OiBibG9jaztcXG4gIG1hcmdpbjogMTJweCBhdXRvO1xcbn1cXG5cXG5zZWxlY3QuZmlsdGVyLWJ5LXZhbHVlIHtcXG4gIGRpc3BsYXk6IGlubGluZS1ibG9ja1xcbn1cXG5cXG4ub3B0aW9uLXRpdGxlIHtcXG4gIGZvbnQtd2VpZ2h0OiBib2xkO1xcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xcbn1cXG5cXG4uZXhhY3QtbWF0Y2gge1xcbiAgbWFyZ2luLWJvdHRvbTogMTZweDtcXG59XFxuXFxuLmZvcm0tY29udGFpbmVyIHtcXG4gIGRpc3BsYXk6IGZsZXg7XFxuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xcbiAgbWFyZ2luOiA4cHggMDtcXG59XFxuXFxuLnN1bW1hcnktZGF0YSB7XFxuICBiYWNrZ3JvdW5kOiB3aGl0ZTtcXG4gIG1hcmdpbi10b3A6IDYwcHg7XFxufVxcblxcbi50b2dnbGUtY29udGFpbmVyIHtcXG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcXG59XFxuXFxuLnRvZ2dsZS1hbmQtem9vbSB7XFxuICBhbGlnbi1pdGVtczogYmFzZWxpbmU7XFxuICBkaXNwbGF5OiBmbGV4O1xcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1hcm91bmQ7XFxuICBtYXgtd2lkdGg6IDIwMHB4O1xcbn1cXG5cXG4uc2VhcmNoLXRvZ2dsZS1sYWJlbCwgLnRyYW5zcGFyZW5jeS10b2dnbGUtbGFiZWwsIC56b29tLXRvZ2dsZS1sYWJlbCB7XFxuICBkaXNwbGF5OiBpbmxpbmU7XFxuICBtYXJnaW46IDhweCAwO1xcbn1cXG5cXG4vKiBNYXJnaW4gZm9yIHNlbGVjdCBkcm9wZG93bnMgKi9cXG4uY2xpY2stb24tZmVhdHVyZSwgLnNlYXJjaC1ieS1mZWF0dXJlLCAuc2hhcGUtYnktZmVhdHVyZSwgLnRyYW5zcGFyZW5jeS1ieS1mZWF0dXJlIHtcXG4gIG1hcmdpbi1ib3R0b206IDI0cHg7XFxuICBtYXJnaW4tbGVmdDogMjRweDtcXG59XFxuXFxuLnNlYXJjaC10b2dnbGUtYW5kLXN1Ym1pdCB7XFxuICBkaXNwbGF5OiBmbGV4O1xcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcXG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcXG59XFxuXFxuLnVuc3VwcG9ydGVkLWRhdGFzZXQtbWVzc2FnZSB7XFxuICBtYXgtd2lkdGg6IDQwMHB4O1xcbn1cXG5cXG4uZmlsdGVyLWJ1dHRvbiB7XFxuICBtYXJnaW46IDAgYXV0byAyMHB4O1xcbiAgZGlzcGxheTogYmxvY2s7XFxufVxcblxcbi5maWx0ZXItYnktdmFsdWUtb3B0aW9ucyB7XFxuICBkaXNwbGF5OiBmbGV4O1xcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xcbn1cXG5cXG4vKioqKioqKioqKioqKioqKioqKiovXFxuLyogICAgICBUT0dHTEVTICAgICAqL1xcbi8qKioqKioqKioqKioqKioqKioqKi9cXG4uY2hlY2sge1xcbiAgY3Vyc29yOiBwb2ludGVyO1xcbiAgZGlzcGxheTogYmxvY2s7XFxuICBoZWlnaHQ6IDEwMCU7XFxuICBsZWZ0OiAwO1xcbiAgb3BhY2l0eTogMDtcXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcXG4gIHRvcDogMDtcXG4gIHdpZHRoOiAxMDAlO1xcbiAgei1pbmRleDogNjtcXG59XFxuXFxuLyogdGhpcyBpcyB0aGUgYW5pbWF0aW9uIGVsZW1lbnQgb2YgdGhlIGNoZWNrYm94ICovXFxuLmNoZWNrOmNoZWNrZWQgfiAuc3dpdGNoIHtcXG4gIGxlZnQ6IDIycHg7XFxuICByaWdodDogMnB4O1xcbiAgdHJhbnNpdGlvbjogMC4zNXMgY3ViaWMtYmV6aWVyKDAuNzg1LCAwLjEzNSwgMC4xNSwgMC44Nik7XFxuICB0cmFuc2l0aW9uLWRlbGF5OiAwLjA1cywgMHM7XFxuICB0cmFuc2l0aW9uLXByb3BlcnR5OiBsZWZ0LCByaWdodDtcXG59XFxuXFxuLmNoZWNrOmNoZWNrZWQgfiAudHJhY2sge1xcbiAgYm94LXNoYWRvdzogaW5zZXQgMCAwIDAgMjBweCAjNGJkODYzO1xcbn1cXG5cXG4uc3dpdGNoIHtcXG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmY7XFxuICBib3JkZXItcmFkaXVzOiAzNnB4O1xcbiAgYm90dG9tOiAycHg7XFxuICBib3gtc2hhZG93OiAwIDFweCAycHggcmdiYSgwLCAwLCAwLCAwLjIpO1xcbiAgbGVmdDogMnB4O1xcbiAgcG9zaXRpb246IGFic29sdXRlO1xcbiAgcmlnaHQ6IDIycHg7XFxuICB0b3A6IDJweDtcXG4gIHRyYW5zaXRpb246IDAuMzVzIGN1YmljLWJlemllcigwLjc4NSwgMC4xMzUsIDAuMTUsIDAuODYpO1xcbiAgdHJhbnNpdGlvbi1kZWxheTogMHMsIDAuMDVzO1xcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogbGVmdCwgcmlnaHQ7XFxuICB6LWluZGV4OiAxO1xcbn1cXG5cXG4udG9nZ2xlIHtcXG4gIGJhY2tncm91bmQtY29sb3I6ICNkZGQ7XFxuICBib3JkZXItcmFkaXVzOiAxMDBweDtcXG4gIGJveC1zaGFkb3c6IGluc2V0IDAgMCAycHggMXB4IHJnYmEoMCwgMCwgMCwgMC4wNSk7XFxuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XFxuICBoZWlnaHQ6IDIwcHg7XFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XFxuICB3aWR0aDogNDBweDtcXG59XFxuXFxuLnRyYWNrIHtcXG4gIGJvcmRlci1yYWRpdXM6IDQwcHg7XFxuICBib3R0b206IDA7XFxuICBib3gtc2hhZG93OiBpbnNldCAwIDAgMCAycHggcmdiYSgwLCAwLCAwLCAwLjA1KTtcXG4gIGxlZnQ6IDA7XFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XFxuICByaWdodDogMDtcXG4gIHRvcDogMDtcXG4gIHRyYW5zaXRpb246IDAuMzVzIGN1YmljLWJlemllcigwLjc4NSwgMC4xMzUsIDAuMTUsIDAuODYpO1xcbn1cXG5cXG4vKioqKioqKioqKioqKioqKioqKiovXFxuLyogICAgIFBMT1QgQVJFQSAgICAqL1xcbi8qKioqKioqKioqKioqKioqKioqKi9cXG5cXG4uYXhpcyBwYXRoLCAuYXhpcyBsaW5lIHtcXG4gIGZpbGw6IG5vbmU7XFxuICBzaGFwZS1yZW5kZXJpbmc6IGNyaXNwRWRnZXM7XFxuICBzdHJva2U6ICMwMDA7XFxufVxcblxcbi5kb3Qge1xcbiAgc3Ryb2tlOiAjMDAwO1xcbn1cXG5cXG4ucGxvdC1hcmVhIHtcXG4gIGRpc3BsYXk6IGdyaWQ7XFxuICBncmlkLWdhcDogMXB4IDFweDtcXG4gIGdyaWQtdGVtcGxhdGUtYXJlYXM6IFxcXCIuIC4gLiAuXFxcIiBcXFwiLiB0b29sdGlwIC4gLlxcXCIgXFxcIi4gcGxvdC1jb250YWluZXIgc2lkZS10YWJsZSAuXFxcIiBcXFwiLiBmaWx0ZXJzLWFuZC1vcHRpb25zIC4gLlxcXCIgXFxcIi4gLiAuIC5cXFwiO1xcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxJSA3MCUgYXV0byAxJTtcXG4gIGdyaWQtdGVtcGxhdGUtcm93czogMC4wNWZyIDAuMmZyIDQuNmZyIDEuMWZyIDAuMmZyO1xcbiAgaGVpZ2h0OiBjYWxjKDEwMHZoIC0gMTBweCk7XFxuICBtYXJnaW4tYm90dG9tOiA0MHB4O1xcbn1cXG5cXG4ucGxvdC1jb250YWluZXIge1xcbiAgZ3JpZC1hcmVhOiBwbG90LWNvbnRhaW5lcjtcXG59XFxuXFxuLnNpZGUtdGFibGUge1xcbiAgZm9udC1zaXplOiAxLjJlbTtcXG4gIGdyaWQtYXJlYTogc2lkZS10YWJsZTtcXG4gIG1hcmdpbi1sZWZ0OiAxMnB4O1xcbiAgbWFyZ2luLXRvcDogMTZweDtcXG4gIG92ZXJmbG93OiBzY3JvbGw7XFxufVxcblxcbi50b29sdGlwIHtcXG4gIGdyaWQtYXJlYTogdG9vbHRpcDtcXG4gIGdyaWQtY29sdW1uOiAyIC8gc3BhbiAyO1xcbiAgbWFyZ2luLWxlZnQ6IDI0cHg7XFxuICBtYXJnaW4tdG9wOiA4cHg7XFxuICBtaW4taGVpZ2h0OiAzMHB4O1xcbiAgb3BhY2l0eTogMDtcXG59XFxuXFxuLnRvb2x0aXAgdGFibGUge1xcbiAgYm9yZGVyLWNvbGxhcHNlOiBjb2xsYXBzZTtcXG4gIGJvcmRlci1zdHlsZTogaGlkZGVuO1xcbiAgZmxvYXQ6IGNlbnRlcjtcXG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xcbn1cXG5cXG4udG9vbHRpcCB0YWJsZSB0ZCB7XFxuICBib3JkZXI6IDFweCBzb2xpZCBibGFjaztcXG4gIGZvbnQtc2l6ZTogMC44cmVtO1xcbiAgcGFkZGluZzogOHB4O1xcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xcbn1cXG5cXG4udG9vbHRpcCAuaGVhZGVycyB7XFxuICBmb250LXdlaWdodDogYm9sZDtcXG59XFxuXFxuLyoqKioqKioqKioqKioqKiovXFxuLyogICAgTEFTU08gICAgICovXFxuLyoqKioqKioqKioqKioqKiovXFxuXFxuLmJhciByZWN0IHtcXG4gIGZpbGw6IHN0ZWVsYmx1ZTtcXG59XFxuXFxuLmJhciB0ZXh0IHtcXG4gIGZpbGw6ICNmZmY7XFxuICBmb250OiAxMHB4IHNhbnMtc2VyaWY7XFxufVxcblxcbi5sYXNzbyAuZHJhd24ge1xcbiAgZmlsbC1vcGFjaXR5Oi4wNSA7XFxufVxcblxcbi5sYXNzbyAubG9vcF9jbG9zZSB7XFxuICBmaWxsOiBub25lO1xcbiAgc3Ryb2tlLWRhc2hhcnJheTogNCw0O1xcbn1cXG5cXG4ubGFzc28gLm9yaWdpbiB7XFxuICBmaWxsOiAjMzM5OUZGO1xcbiAgZmlsbC1vcGFjaXR5OiAuNTtcXG59XFxuXFxuLmxhc3NvIHBhdGgge1xcbiAgc3Ryb2tlOiByZ2IoODAsODAsODApO1xcbiAgc3Ryb2tlLXdpZHRoOjJweDtcXG59XFxuXFxuLm5vdF9wb3NzaWJsZSB7XFxuICBmaWxsOiByZ2IoMjAwLDIwMCwyMDApO1xcbn1cXG5cXG4ucG9zc2libGUge1xcbiAgZmlsbDogI0VDODg4QztcXG59XFxuXFxuLyoqKioqKioqKioqKioqKioqKiovXFxuLyogR0VORVJBTCBVVElMSVRZICovXFxuLyoqKioqKioqKioqKioqKioqKiovXFxuXFxuLmhpZGRlbiB7XFxuICBkaXNwbGF5OiBub25lO1xcbn1cXG5cXG4vKiBTQVJBSCBBRERJTkcgKi8gXFxuLyogQ29tcGFjdCBkYXRhc2V0IHVwbG9hZCBjb250cm9scyAqL1xcbi8qIC5jb21wYWN0LXVwbG9hZCB7XFxuICBkaXNwbGF5OiBmbGV4O1xcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcXG4gIGZsZXgtd3JhcDogd3JhcDtcXG4gIGdhcDogOHB4O1xcbiAgbWFyZ2luOiA2cHggMDtcXG4gIHBhZGRpbmc6IDA7XFxufVxcblxcbi51cGxvYWQtbGFiZWwge1xcbiAgbWFyZ2luOiAwO1xcbiAgcGFkZGluZzogMDtcXG59ICovXFxuXFxuLnVwbG9hZC1pbmZvIHtcXG4gIGN1cnNvcjogaGVscDtcXG4gIGZvbnQtc2l6ZTogMTdweDtcXG4gIGxpbmUtaGVpZ2h0OiAxO1xcbn1cXG5cXG4udXBsb2FkLXN0YXR1cyB7XFxuICBtYXJnaW46IDAgMCAwIDRweDtcXG4gIHBhZGRpbmc6IDA7XFxuICBmb250LXNpemU6IDE0cHg7XFxufVxcblxcbiNkYXRhLWZpbGUtaW5wdXQge1xcbiAgbWFyZ2luOiAwO1xcbn1cXG5cXG4jcHJlZGljdGVkX3dvcmRzLFxcbiNmcmVxdWVudF93b3JkcyB7XFxuICBtYXJnaW4tdG9wOiAycHg7XFxuICBtYXJnaW4tYm90dG9tOiAycHg7XFxufVxcblxcbi51cGxvYWQtcGFuZWwge1xcbiAgYmFja2dyb3VuZDogI2ZmZjZjYztcXG4gIGJvcmRlcjogMXB4IHNvbGlkICNlNmQ5OGE7XFxuICBib3JkZXItcmFkaXVzOiA4cHg7XFxuXFxuICBwYWRkaW5nOiAxMHB4IDEycHg7XFxuICBtYXJnaW46IDhweDtcXG5cXG4gIHdpZHRoOiAxODBweDtcXG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XFxuXFxuICBmb250LXNpemU6IDEzcHg7XFxuICBjb2xvcjogIzIyMjtcXG5cXG4gIGZsZXg6IDAgMCBhdXRvO1xcbn1cXG5cXG4udXBsb2FkLXBhbmVsLXRpdGxlIHtcXG4gIGRpc3BsYXk6IGZsZXg7XFxuICBhbGlnbi1pdGVtczogY2VudGVyO1xcbiAgZ2FwOiA1cHg7XFxuICBtYXJnaW4tYm90dG9tOiA4cHg7XFxufVxcblxcbi51cGxvYWQtcGFuZWwgaW5wdXRbdHlwZT1cXFwiZmlsZVxcXCJdIHtcXG4gIHdpZHRoOiAxMDAlO1xcbiAgbWFyZ2luLWJvdHRvbTogN3B4O1xcbn1cXG5cXG4udXBsb2FkLXBhbmVsIC51cGxvYWQtc3RhdHVzIHtcXG4gIGZvbnQtc2l6ZTogMTJweDtcXG4gIGxpbmUtaGVpZ2h0OiAxLjI1O1xcbiAgd29yZC1icmVhazogYnJlYWstd29yZDtcXG59XFxuXFxuLnVwbG9hZC1pbmZvIHtcXG4gIGN1cnNvcjogaGVscDtcXG59XFxuXFxuLmhpZGRlbi1maWxlLWlucHV0IHtcXG4gIGRpc3BsYXk6IG5vbmU7XFxufVxcblxcbi5jdXN0b20tZmlsZS1idXR0b24ge1xcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xcbiAgcGFkZGluZzogNXB4IDEwcHg7XFxuICBiYWNrZ3JvdW5kOiB3aGl0ZTtcXG4gIGJvcmRlcjogMXB4IHNvbGlkICM3Nzc7XFxuICBib3JkZXItcmFkaXVzOiAzcHg7XFxuICBjdXJzb3I6IHBvaW50ZXI7XFxuICBmb250LXNpemU6IDEzcHg7XFxufVxcblxcbi5jdXN0b20tZmlsZS1idXR0b246aG92ZXIge1xcbiAgYmFja2dyb3VuZDogI2YyZjJmMjtcXG59XCIsIFwiXCJdKTtcblxuLy8gZXhwb3J0c1xuIl0sIm1hcHBpbmdzIjoiQUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOyIsInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///./node_modules/css-loader/index.js!./src/css/style.css\n"); /***/ }), diff --git a/index.html b/index.html index c4b2d2f..ac86720 100644 --- a/index.html +++ b/index.html @@ -7,31 +7,6 @@ -
- - - - - ⓘ - - - - - - Showing default data - - -

@@ -48,6 +23,37 @@

+ +
+ +
+ Upload your data + + + ⓘ + +
+ + + + + +
+ Showing default data +
+ +
Color
diff --git a/src/css/style.css b/src/css/style.css index 18f76b4..4e1e2a1 100644 --- a/src/css/style.css +++ b/src/css/style.css @@ -284,7 +284,7 @@ select.filter-by-value { /* SARAH ADDING */ /* Compact dataset upload controls */ -.compact-upload { +/* .compact-upload { display: flex; align-items: center; flex-wrap: wrap; @@ -296,7 +296,7 @@ select.filter-by-value { .upload-label { margin: 0; padding: 0; -} +} */ .upload-info { cursor: help; @@ -318,4 +318,61 @@ select.filter-by-value { #frequent_words { margin-top: 2px; margin-bottom: 2px; +} + +.upload-panel { + background: #fff6cc; + border: 1px solid #e6d98a; + border-radius: 8px; + + padding: 10px 12px; + margin: 8px; + + width: 180px; + box-sizing: border-box; + + font-size: 13px; + color: #222; + + flex: 0 0 auto; +} + +.upload-panel-title { + display: flex; + align-items: center; + gap: 5px; + margin-bottom: 8px; +} + +.upload-panel input[type="file"] { + width: 100%; + margin-bottom: 7px; +} + +.upload-panel .upload-status { + font-size: 12px; + line-height: 1.25; + word-break: break-word; +} + +.upload-info { + cursor: help; +} + +.hidden-file-input { + display: none; +} + +.custom-file-button { + display: inline-block; + padding: 5px 10px; + background: white; + border: 1px solid #777; + border-radius: 3px; + cursor: pointer; + font-size: 13px; +} + +.custom-file-button:hover { + background: #f2f2f2; } \ No newline at end of file