@caspingus/lt
Version:
A utility library of helpers and extensions useful when working with Learnosity APIs.
69 lines (68 loc) • 9.89 kB
JavaScript
import { r as e, t } from "../../../extensionsFactory-hk5ijx1G.js";
//#region src/assessment/extensions/ui/themes/canvas/styles/index.css?inline
var n = "@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:#fff;--lt__theme-light-font-color-1:#767676;--page__background-color:#f5f5f5}body{background-color:var(--page__background-color)}.lt__theme{width:100%;margin-left:auto;margin-right:auto}@media (width>=1024px){.lt__theme{max-width:1024px}}@media (width>=1280px){.lt__theme{max-width:1280px}}@media (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{color:#fff;text-align:center;vertical-align:middle;background-color:#333;width:35px;height:35px;padding-right:0;font-size:1.2rem;line-height:20px;display:inline;position:absolute;left:-55px}& .extra-left-position{left:-55px}& .question-score{color:var(--lt__theme-light-font-color-1);font-size:.8em;position:absolute;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{z-index:2;background-color:#0000;border:2px solid #0000;padding:.5em .8em;position:absolute;right:5px;& :is(svg){pointer-events:none;vertical-align:middle;width:18px;& *{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:0 8px 24px #959da533;& .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);border-radius:5px;padding:.4em .9em;font-size:1.25em}& .lrn-group-top{border-bottom:1px solid var(--lt__theme-main-border);padding:50px}& .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{width:auto;min-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{width:20px;height:20px;font-size:.889em;line-height:12px;top:5px;left:-5px}& .question-score{top:6px;left:20px}}}}}}}: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 i() {
o(), a(), s(), l(), u();
}
function a() {
let 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 o() {
r.elements.apiWrapper = document.querySelector(".lrn-assess"), r.elements.items = document.querySelectorAll(".inline-item");
}
function s() {
r.elements.items.forEach((t) => {
let n = t.getAttribute("data-reference");
t.querySelector(".lrn-assess-content").insertAdjacentHTML("afterbegin", e(n));
}), document.querySelectorAll(".item-flag").forEach((e) => {
e.addEventListener("click", c);
});
function e(e) {
return `<button type="button" class="item-flag" aria-label="Flag item" data-reference="${e}">
<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 c(e) {
let n = e.target.getAttribute("data-reference");
t.itemsApp().assessApp().item(n).flag(), e.target.classList.toggle("flagged");
}
function l() {
r.elements.items.forEach((e) => {
let n = e.getAttribute("data-reference");
t.itemsApp().getItems()[n].questions.forEach((n, r) => {
let i = t.itemsApp().question(n.response_id).checkValidation().has_validation && n?.validation?.valid_response?.score || n?.validation?.max_score || 0;
e.querySelectorAll(".question-number")[r].insertAdjacentHTML("afterend", a(i));
function a(e) {
return `<span class="question-score">${e} point${e === 1 ? "" : "s"}</span>`;
}
});
});
}
function u() {
r.elements.items.forEach((e) => {
if (!e.querySelector(".row")) {
let t = e.querySelector(".numbered-question"), n = e.querySelector(".question-number");
t.classList.add("position-relative"), n.classList.add("extra-left-position");
}
});
}
function d() {
return n;
}
var f = e("canvas", i, { getStyles: d });
//#endregion
export { f as canvas };