@caspingus/lt
Version:
A utility library of helpers and extensions useful when working with Learnosity APIs.
71 lines (70 loc) • 9.75 kB
JavaScript
import { c as m, L as l } from "../../../extensionsFactory-BHOEyOSK.js";
const d = '@import"https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap";:root{--lt__theme-main-font-color: #303d49;--lt__theme-main-font-size: 18px;--lt__theme-main-font-weight: 600;--lt__theme-main-font-family: "LearnosityMath", "Lato", sans-serif;--lt__theme-main-border: #eaeaea;--lt__theme-main-focus-border: #1877b1;--lt__theme-main-btn-bgcolor: #3b8edc;--lt__theme-main-btn-color: #ffffff;--lt__theme-light-font-color-1: #767676;--page__background-color: #f5f5f5}body{background-color:var(--page__background-color)}.lt__theme{margin-left:auto;margin-right:auto;width:100%}@media (min-width: 1024px){.lt__theme{max-width:1024px}}@media (min-width: 1280px){.lt__theme{max-width:1280px}}@media (min-width: 1536px){.lt__theme{max-width:1536px}}.lt__theme-canvas{.lrn{font-family:var(--lt__theme-main-font-family);font-weight:var(--lt__theme-main-font-weight);font-size:var(--lt__theme-main-font-size);color:var(--lt__theme-main-font-color);.lrn-bottom-right-region,.lrn-bottom-region{padding:15px 20px 20px 0}.inline-item{border-bottom:1px solid var(--lt__theme-main-border);.lrn-assess-content{padding:50px;.lrn_widget.lrn_mcq .lrn_mcqgroup{overflow-x:visible;:is(input[type=radio]){transform:scale(1.5)}}.numbered-question{position:relative;.question-number{position:absolute;left:-55px;background-color:#333;color:#fff;width:35px;height:35px;font-size:1.2rem;text-align:center;padding-right:0;vertical-align:middle;display:inline;line-height:20px}.extra-left-position{left:-55px}.question-score{position:absolute;font-size:.8em;color:var(--lt__theme-light-font-color-1);top:6px}.question-wrapper{margin-top:30px}}.position-relative{position:relative}.lrn-question,.lrn_response_wrapper{width:fit-content;min-width:800px;.lrn_response_input_wrapper,.lrn_cloze_response,.lrn_textinput{font-weight:400}.lrn-imageupload-annotation-arrow:after,.lrn-imageupload-annotation-arrow:before{border-style:initial}}.lrn_numberlineplot .lrn_response_wrapper{font-size:.93em}.item-flag{background-color:transparent;border:2px solid transparent;position:absolute;right:5px;padding:.5em .8em;z-index:2;:is(svg){pointer-events:none;width:18px;vertical-align:middle;*{stroke:var(--lt__theme-main-font-color)}}}.item-flag.flagged{border:2px solid var(--lt__theme-main-btn-bgcolor);border-radius:5px;:is(svg *){stroke:var(--lt__theme-main-btn-bgcolor)}}}}.lrn-video-overlay .lrn-initial-message img,.lrn-video-overlay .lrn-countdown img{display:inline}}.lrn.lrn-assess{box-shadow:#959da533 0 8px 24px;.lrn-region:not(.lrn-items-region) .lrn_btn_blue,.lrn.lrn-assess .dialogs .lrn_btn_blue{background-color:var(--lt__theme-main-btn-bgcolor);color:var(--lt__theme-main-btn-color);border:1px solid var(--lt__theme-main-btn-color);font-size:1.25em;padding:.4em .9em;border-radius:5px}.lrn-group-top{padding:50px;border-bottom:1px solid var(--lt__theme-main-border)}.test-title-text{color:var(--lt__theme-main-font-color);padding-bottom:20px}.subtitle{color:var(--lt__theme-main-font-color);font-size:1.1em;font-weight:inherit}}@media (width < 1050px){.lrn{.inline-item{.lrn-assess-content{.lrn_response_wrapper{min-width:auto;width:auto}}}}}@media (width < 700px){.lrn{font-size:.889em;.inline-item{.lrn-assess-content{padding:25px;.numbered-question{.question-number{width:25px;height:25px;font-size:1em;line-height:15px;left:-30px}.question-score{top:4px}}.item-flag{padding:.4em .7em}}}.lrn_widget.lrn_mcq .lrn_mcqgroup.lrn_mcqgroup-horizontal .lrn-label,.lrn_widget.lrn_mcq .lrn_mcqgroup.lrn_mcqgroup-vertical .lrn-label{padding-left:2.9em}}}@media (width < 550px){.lrn{font-size:.889em;.inline-item .lrn-assess-content .lrn_widget.lrn_mcq .lrn_mcqgroup input[type=radio]{transform:scale(1.2)}.lrn_simpleshading .lrn-response-validate-wrapper{font-size:.7em}}}@media (width < 450px){.lrn{.inline-item{.lrn-assess-content{padding:15px;.numbered-question{.question-number{left:-5px;top:5px;width:20px;height:20px;font-size:.889em;line-height:12px}.question-score{left:20px;top:6px}}}}}}}:root{--lt__theme-main-focus-border: #1877b1}.lt__theme{.lrn{.inline-item{.lrn-assess-content{.lrn_cloze_response:focus,.lrn-gridded-input:focus,.lrn_widget.lrn_shorttext .lrn_textinput input:focus{box-shadow:0 0 0 2px var(--lt__theme-main-focus-border)}}.lrn_qr.lrn_association .lrn_response .lrn_arrows .lrn_arrow:before,.lrn_qr.lrn_association .lrn_response .lrn_arrows .lrn_arrow:after{top:-.235em}.lrn_btn.lrn_validate{float:none}.lrn_widget.lrn_association .lrn_possibilityList .lrn_btn_drag .lrn_icon:before,.lrn_widget.lrn_association .lrn_possibilityListContainer .lrn_btn_drag .lrn_icon:before,.lrn_widget.lrn_sortlist .lrn_possibilityList .lrn_btn_drag .lrn_icon:before,.lrn_widget.lrn_sortlist .lrn_possibilityListContainer .lrn_btn_drag .lrn_icon:before,.lrn_widget.lrn_orderlist .lrn_possibilityList .lrn_btn_drag .lrn_icon:before,.lrn_widget.lrn_orderlist .lrn_possibilityListContainer .lrn_btn_drag .lrn_icon:before,.lrn_widget.lrn_classification .lrn_possibilityList .lrn_btn_drag .lrn_icon:before,.lrn_widget.lrn_classification .lrn_possibilityListContainer .lrn_btn_drag .lrn_icon:before,.lrn_widget.lrn_clozeassociation .lrn_possibilityList .lrn_btn_drag .lrn_icon:before,.lrn_widget.lrn_clozeassociation .lrn_possibilityListContainer .lrn_btn_drag .lrn_icon:before,.lrn_widget.lrn_imageclozeassociationV2 .lrn_possibilityList .lrn_btn_drag .lrn_icon:before,.lrn_widget.lrn_imageclozeassociationV2 .lrn_possibilityListContainer .lrn_btn_drag .lrn_icon:before{top:.06em}}.lrn-assess-item{.lrn-assess-content{.lrn_cloze_response:focus,.lrn-gridded-input:focus,.lrn_widget.lrn_shorttext .lrn_textinput input:focus,.lrn_widget .lrn_texteditor_editable:focus{box-shadow:0 0 0 2px var(--lt__theme-main-focus-border);position:relative}}}}@media (width < 700px){.lrn{.inline-item{.lrn_qr.lrn_association .lrn_response .lrn_arrows .lrn_arrow:before,.lrn_qr.lrn_association .lrn_response .lrn_arrows .lrn_arrow:after{top:-.2em}}}}@media (width < 550px){.lrn{.inline-item{.lrn_qr.lrn_association .lrn_response .lrn_arrows .lrn_arrow:before,.lrn_qr.lrn_association .lrn_response .lrn_arrows .lrn_arrow:after{top:-.15em}}}}}', r = {
elements: {},
theme: "canvas"
};
function c() {
f(), g(), b(), u(), w();
}
function g() {
const e = r.elements.apiWrapper, t = document.createElement("main");
t.className = `lt__theme lt__theme-${r.theme}`, e.parentNode.insertBefore(t, e), t.appendChild(e);
}
function f() {
r.elements.apiWrapper = document.querySelector(".lrn-assess"), r.elements.items = document.querySelectorAll(".inline-item");
}
function b() {
r.elements.items.forEach((n) => {
const i = n.getAttribute("data-reference");
n.querySelector(".lrn-assess-content").insertAdjacentHTML("afterbegin", t(i));
}), document.querySelectorAll(".item-flag").forEach((n) => {
n.addEventListener("click", h);
});
function t(n) {
return `<button type="button" class="item-flag" aria-label="Flag item" data-reference="${n}">
<span class="btn-label sr-only">Flag</span>
<svg viewBox="0 0 100 100" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="img" aria-label="Flag item">
<defs></defs>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
<path d="M68.2505357,3.69288674 C69.3983251,2.54509738 71.2585777,2.54441581 72.4113235,3.69716157 L95.9533021,27.2391402 C97.1034524,28.3892904 97.1016597,30.2558452 95.9575769,31.399928 L93.1873296,34.1701753 C92.0395402,35.3179647 90.1792875,35.3186462 89.0265418,34.1659005 L65.4845632,10.6239219 C64.3344129,9.47377159 64.3362056,7.60721684 65.4802884,6.46313407 L68.2505357,3.69288674 L68.2505357,3.69288674 Z" stroke-width="4"></path>
<path d="M65.0919375,57.6126738 L85.7185269,30.8578856 L68.8818314,14.0211901 L42.0592684,34.5649228 C47.335976,36.1382935 52.3084627,39.0083833 56.4752716,43.1751921 C60.6477335,47.3476541 63.5199555,52.3279816 65.0919375,57.6126738 L65.0919375,57.6126738 L65.0919375,57.6126738 Z" stroke-width="4"></path>
<path d="M56.4752716,43.1751921 C43.0858673,29.7857878 21.3773537,29.7857878 7.98794943,43.1751921 L56.4752716,91.6625142 C69.8646759,78.2731099 69.8646759,56.5645964 56.4752716,43.1751921 L56.4752716,43.1751921 Z" stroke-width="4"></path>
<path d="M32.2316105,68.1115292 L2.44654118,97.8965985" stroke-width="4"></path>
</g>
</svg>
</button>`;
}
}
function h(e) {
const t = e.target.getAttribute("data-reference");
l.itemsApp().assessApp().item(t).flag(), e.target.classList.toggle("flagged");
}
function u() {
r.elements.items.forEach((e) => {
const t = e.getAttribute("data-reference");
l.itemsApp().getItems()[t].questions.forEach((o, a) => {
const _ = l.itemsApp().question(o.response_id).checkValidation().has_validation && o?.validation?.valid_response?.score || o?.validation?.max_score || 0;
e.querySelectorAll(".question-number")[a].insertAdjacentHTML("afterend", p(_));
function p(s) {
return `<span class="question-score">${s} point${s !== 1 ? "s" : ""}</span>`;
}
});
});
}
function w() {
r.elements.items.forEach((e) => {
if (!e.querySelector(".row")) {
const n = e.querySelector(".numbered-question"), i = e.querySelector(".question-number");
n.classList.add("position-relative"), i.classList.add("extra-left-position");
}
});
}
function x() {
return d;
}
const q = m("canvas", c, {
getStyles: x
});
export {
q as canvas
};