npm - labmaker-plugin - Versions diffs - 0.0.14 → 0.0.16 - Mend

labmaker-plugin 0.0.14 → 0.0.16

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.

Files changed (4) hide show

package/dist/labmaker-plugin.js +1165 -499
package/dist/labmaker-plugin.umd.cjs +1 -1
package/dist/style.css +1 -1
package/package.json +3 -2

package/dist/labmaker-plugin.umd.cjs CHANGED Viewed

	@@ -1 +1 @@
1	- (function(e,k){typeof exports=="object"&&typeof module<"u"?module.exports=k(require("vue")):typeof define=="function"&&define.amd?define(["vue"],k):(e=typeof globalThis<"u"?globalThis:e\|\|self,e.LabmakerPlugin=k(e.Vue))})(this,function(e){"use strict";const k="",f=(t,o)=>{const n=t.__vccOpts\|\|t;for(const[i,c]of o)n[i]=c;return n},y={props:["custom-img"],data(){return{imgSRC:this.customImg}},computed:{},methods:{fileUpload(t){const n=t.target.files[0];this.fileProcess(n)},fileProcess(t){this.imgSRC=URL.createObjectURL(t)}},mounted(){}},w=e.createElementVNode("h1",null,"File Uploader",-1),B={class:"image-uploader"},V=e.createElementVNode("h1",null,"File Uploader",-1),E={class:"your-file"},x=["src"];function S(t,o,n,i,c,s){return e.openBlock(),e.createElementBlock(e.Fragment,null,[w,e.createElementVNode("div",B,[V,e.createElementVNode("input",{onChange:o[0]\|\|(o[0]=(...m)=>s.fileUpload&&s.fileUpload(...m)),type:"file",id:"file-upload",name:"fileUpload",accept:"image/"},null,32),e.createElementVNode("div",E,[e.createElementVNode("img",{src:c.imgSRC,alt:"",scrset:""},null,8,x)])])],64)}const N=f(y,[["render",S]]),Ze="",A={props:["title"],data(){return{}},computed:{}};function F(t,o,n,i,c,s){return e.openBlock(),e.createElementBlock("header",null,[e.createElementVNode("h1",null,e.toDisplayString(n.title),1)])}const T=f(A,[["render",F]]),ve="",z={data(){return{}},computed:{totalPages(){return this.$store.getters.getPageCount?this.$store.getters.getPageCount:0},currentPage(){return this.$store.getters.getCurrentPage?this.$store.getters.getCurrentPage+1:1},pagerCount(){return this.$store.getters.getPagerCount?this.$store.getters.getPagerCount:0}},methods:{handleCurrentChange(t){this.$store.commit("setCurrentPage",t-1)},changePage(t){console.log("headed to: ",t),this.$store.commit("setCurrentPage",t)}}};function M(t,o,n,i,c,s){const m=e.resolveComponent("el-col"),a=e.resolveComponent("el-button"),l=e.resolveComponent("el-row");return e.openBlock(),e.createBlock(l,{gutter:20},{default:e.withCtx(()=>[e.createVNode(m,{span:18}),e.createVNode(m,{span:6,class:"homeButtonContainer"},{default:e.withCtx(()=>[e.createVNode(a,{type:"primary ",onClick:o[0]\|\|(o[0]=e.withModifiers(d=>s.changePage(0),["stop"])),class:"homeButton"},{default:e.withCtx(()=>[e.createTextVNode("Return to Crime Screen")]),_:1})]),_:1})]),_:1})}const _=f(z,[["render",M]]),et="",H={props:["content"],data(){return{}},computed:{getLastPage(){return!!this.$store.getters.getLastPage}},methods:{pixelFormat(t){return typeof t=="number"?t+"px":t},checkStepper(){this.$store.dispatch("lastPageFocus",{})}},mounted(){this.checkStepper()}},$={class:"image-container"},I={class:"image"},L=["src","alt"],j=["innerHTML"],O=["innerHTML"],q=["innerHTML"];function D(t,o,n,i,c,s){return e.openBlock(),e.createElementBlock("div",$,[e.createElementVNode("div",I,[e.createElementVNode("img",{src:n.content.src,alt:n.content.alt,class:e.normalizeClass(n.content.class)},null,10,L),n.content.captionHeader?(e.openBlock(),e.createElementBlock("span",{key:0,class:"captionHeader",innerHTML:n.content.captionHeader},null,8,j)):e.createCommentVNode("",!0),n.content.caption?(e.openBlock(),e.createElementBlock("span",{key:1,class:"caption",innerHTML:n.content.caption},null,8,O)):e.createCommentVNode("",!0),n.content.copyright?(e.openBlock(),e.createElementBlock("span",{key:2,innerHTML:n.content.copyright,class:"copyright"},null,8,q)):e.createCommentVNode("",!0)])])}const P=f(H,[["render",D],["__scopeId","data-v-6d545532"]]),tt="",W={props:["content"],data(){return{showingKaltura:!1,showingText:!1,buttonText:!1,hasText:!1,video:{width:640,height:480},audio:{width:260,height:80},audioBtn:{width:40,height:40},textversionArray:{}}},watch:{content:function(){this.tvCleaner()}},computed:{kHeight(){if(this.content.kalturaType==="video")if(this.content.height&&this.content.height!=""){let t=this.content.height;return t.slice(-2)==="px"?t.slice(0,-2):this.content.height}else return this.video.height;else if(this.content.kalturaType==="audio")if(this.content.height&&this.content.height!=""){let t=this.content.height;return t.slice(-2)==="px"?t.slice(0,-2):this.content.height}else return this.audio.height;else if(this.content.kalturaType==="audiobtn")return this.audioBtn.height},kWidth(){if(this.content.kalturaType==="video")if(this.content.width&&this.content.width!=""){let t=this.content.width;return t.slice(-2)==="px"?t.slice(0,-2):this.content.width}else return this.video.width;else{if(this.content.kalturaType==="audio")return this.audio.width;if(this.content.kalturaType==="audiobtn")return this.audioBtn.width}}},methods:{getButtonText(t){return t==="video"?this.showingText?"Show Video":"Show Text Version":this.showingText?"Show Audio":"Show Text Version"},textVersionCheck(){this.content.textVersion&&this.content.textVersion.length>1&&(this.hasText=!0)},kalturaLoad(){this.textVersionCheck()},kalturaMedia(t){let o={uiconf_id:"35766781",partner_id:"2061901",entry_id:"",height:"400",width:"640",type:"video"};return o.entry_id=this.content.kalturaEntryId,this.content.kalturaType&&(o.type=this.content.kalturaType),o.type==="audio"?o.uiconf_id="36511471":o.type==="audiobtn"?o.uiconf_id="36582731":o.type==="videocc"&&(o.uiconf_id="35766781"),this.content.standalone&&this.$store.commit("setStepHold",!1),"https://cdnapisec.kaltura.com/p/"+o.partner_id+"/sp/"+o.partner_id+"00/embedIframeJs/uiconf_id/"+o.uiconf_id+"/partner_id/"+o.partner_id+"?iframeembed=true&playerId=Kaltura&entry_id="+o.entry_id},showKaltura(){this.showingKaltura=!0},showText(){this.showingText=!this.showingText,this.buttonText=!this.buttonText},tvCleaner(){let t=document.createElement("div");t.innerHTML=this.content.textVersion;for(let o=0;o<t.children.length;o++){let n=t.children[o];if(n.tagName=="DIV"&&n.className=="panel-default"&&n.children[0].dataset.toggle)for(let i=0;i<n.children.length;i++){let c=n.children[i];if(c.dataset.toggle=="collapse"){let s={heading:c.innerHTML,body:n.children[i+1].innerHTML};this.textversionArray[o]=s}}else this.textversionArray[o]=n.outerHTML}}},beforeMount(){this.kalturaLoad(),this.tvCleaner()},mounted(){}},U={key:0,class:"textVersion"},K=e.createElementVNode("h1",null,"Text Version",-1),R=["innerHTML"],Q=["src","width","height"],Y=["src","width","height"],X=["src","width","height"],G={key:2,class:"alert alert-danger"};function J(t,o,n,i,c,s){const m=e.resolveComponent("el-button");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["kContainer",n.content.class])},[n.content.textVersion&&c.showingText?(e.openBlock(),e.createElementBlock("div",U,[K,e.createElementVNode("div",{innerHTML:n.content.textVersion},null,8,R)])):e.createCommentVNode("",!0),!c.showingText&&n.content.kalturaEntryId?(e.openBlock(),e.createElementBlock("div",{key:1,class:"mainVersion",style:e.normalizeStyle({width:s.kWidth+"px",height:s.kHeight+"px"})},[n.content.kalturaType=="video"&&!c.showingKaltura?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["kPoster",{active:c.showingKaltura==!0}]),style:e.normalizeStyle({width:s.kWidth+"px",height:s.kHeight+"px"})},[e.createElementVNode("iframe",{onClick:o[0]\|\|(o[0]=(...a)=>s.showKaltura&&s.showKaltura(...a)),class:"videoIframe",src:s.kalturaMedia(n.content),width:s.kWidth+"px",height:s.kHeight+"px",allowfullscreen:"",webkitallowfullscreen:"",mozAllowFullScreen:"",frameborder:"0"},null,8,Q)],6)):e.createCommentVNode("",!0),n.content.kalturaType=="audio"?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["kAudio",{active:c.showingKaltura==!0}]),onClick:o[1]\|\|(o[1]=(...a)=>s.showKaltura&&s.showKaltura(...a))},[e.createElementVNode("iframe",{id:"my_iframe",src:s.kalturaMedia(n.content),width:s.kWidth+"px",height:s.kHeight+"px",allowfullscreen:"",webkitallowfullscreen:"",mozAllowFullScreen:"",frameborder:"0"},null,8,Y)],2)):e.createCommentVNode("",!0),n.content.kalturaType=="audiobtn"?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(["kAudiobtn",{active:c.showingKaltura==!0}]),onClick:o[2]\|\|(o[2]=(...a)=>s.showKaltura&&s.showKaltura(...a))},[e.createElementVNode("iframe",{src:s.kalturaMedia(n.content),width:c.audioBtn.width+"px",height:c.audioBtn.height+"px",allowfullscreen:"",webkitallowfullscreen:"",mozAllowFullScreen:"",frameborder:"0"},null,8,X)],2)):e.createCommentVNode("",!0)],4)):e.createCommentVNode("",!0),n.content.kalturaEntryId==""?(e.openBlock(),e.createElementBlock("div",G,"There is no Kaltura Entry ID")):e.createCommentVNode("",!0),n.content.textVersion?(e.openBlock(),e.createBlock(m,{key:3,size:"medium",type:"primary","aria-label":"text version",class:"toggleSwitch ftSwitch btn btn-primary vidText",onClick:o[3]\|\|(o[3]=e.withModifiers(a=>s.showText(n.content.kalturaType),["stop"]))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(s.getButtonText(n.content.kalturaType)),1)]),_:1})):e.createCommentVNode("",!0)],2)}const Z=f(W,[["render",J]]),ot="",v={props:["content"],data(){return{show:!0}},computed:{getShowFeedbackAttempts(){return this.$store.getters.getShowFeedbackAttempts},feedbackHeader(){return this.$store.getters.getShowFeedbackAttempts?"Too many Attempts":this.content.feedbackHeader},feedbackWidth(){return this.content.feedbackWidth?this.content.feedbackWidth:"50%"}},methods:{feedbackClose(){this.content.finalInstructions&&this.$store.commit("updateFinishDirections",!1),this.content.instructions&&this.$store.commit("updateDirections",!1),this.$store.commit("setShowFeedback",!1),this.$store.commit("setShowFeedbackAttempts",!1),this.$store.dispatch("lastPageFocus",{})}},mounted(){}},ee={class:"my-header"},te=["id","innerHTML"],oe=["innerHTML"],ne={key:1},se=["src"],ce=["innerHTML"],ie={class:"dialog-footer"};function le(t,o,n,i,c,s){const m=e.resolveComponent("el-button"),a=e.resolveComponent("el-dialog");return e.openBlock(),e.createBlock(a,{width:s.feedbackWidth,modelValue:c.show,"onUpdate:modelValue":o[1]\|\|(o[1]=l=>c.show=l),"before-close":s.feedbackClose},{header:e.withCtx(({close:l,titleId:d,titleClass:h})=>[e.createElementVNode("div",ee,[e.createElementVNode("h4",{id:d,class:e.normalizeClass(h),innerHTML:s.feedbackHeader},null,10,te)])]),footer:e.withCtx(()=>[e.createElementVNode("span",ie,[e.createVNode(m,{size:"small",id:"feedbackClose",type:"primary",onClick:o[0]\|\|(o[0]=e.withModifiers(l=>s.feedbackClose(),["stop"]))},{default:e.withCtx(()=>[e.createTextVNode("Close")]),_:1})])]),default:e.withCtx(()=>[s.getShowFeedbackAttempts?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[n.content.feedbackAttempts?(e.openBlock(),e.createElementBlock("p",{key:0,innerHTML:n.content.feedbackAttempts},null,8,oe)):(e.openBlock(),e.createElementBlock("p",ne,"You have tried too many times, the correct answer has been provided for you."))],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[n.content.feedbackImage?(e.openBlock(),e.createElementBlock("img",{key:0,class:"im-ButtonImage",src:n.content.feedbackImage,alt:"button image"},null,8,se)):e.createCommentVNode("",!0),e.createElementVNode("p",{innerHTML:n.content.feedback},null,8,ce)],64))]),_:1},8,["width","modelValue","before-close"])}const g=f(v,[["render",le]]),nt="",re={components:{Feedback:g},inject:["message"],props:["content"],data(){return{dialogVisible:!1,feedbackVisibility:[],feedbackIndex:0}},computed:{getLastPage(){return!!this.$store.getters.getLastPage}},methods:{pixelFormat(t){return typeof t=="number"?t+"px":t},changePage(t,o){t.pageLink?this.$store.commit("setCurrentPage",t.pageLink):t.feedback&&(this.feedbackIndex=o,this.feedbackVisibility.indexOf(o)===-1&&this.feedbackVisibility.push(o),this.$store.commit("setShowFeedback",!0),this.content.hotspots.length-1===this.feedbackVisibility.length-1&&(this.$store.commit("setStepHold",!1),this.$store.commit("setStepDone",!0)),setTimeout(()=>{document.getElementById("feedbackClose")&&document.getElementById("feedbackClose").focus()}))},showFeedback(t){return!!(this.$store.getters.getShowFeedback&&this.feedbackIndex===t)}},beforeMount(){this.$store.commit("setStepDone",!1),this.$store.commit("setStepHold",!0)}},ae={class:"imageMarker"},de=["src","alt"],me={class:"hotspotArea"},he=["src","alt"],pe={class:"im-buttonText"};function ue(t,o,n,i,c,s){const m=e.resolveComponent("el-button"),a=e.resolveComponent("Feedback");return e.openBlock(),e.createElementBlock("div",ae,[e.createElementVNode("img",{src:n.content.image,alt:n.content.imageAlt},null,8,de),e.createElementVNode("div",me,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.content.hotspots,(l,d)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(m,{type:l.buttonType,onClick:e.withModifiers(h=>s.changePage(l,d),["stop"]),id:"hotspot_"+d,class:e.normalizeClass([["is-"+l.buttonShape,{noBG:l.buttonImage},l.class],"hotspot"]),style:e.normalizeStyle({top:s.pixelFormat(l.cordinatesX),left:s.pixelFormat(l.cordinatesY),width:s.pixelFormat(l.dimensionsW),height:s.pixelFormat(l.dimensionsH)}),icon:l.buttonIcon},{default:e.withCtx(()=>[l.buttonImage?(e.openBlock(),e.createElementBlock("img",{key:0,class:"im-ButtonImage",src:l.buttonImage,alt:"image marker "+Number(d+1)},null,8,he)):e.createCommentVNode("",!0),e.createElementVNode("span",pe,e.toDisplayString(l.name),1)]),_:2},1032,["type","onClick","id","class","style","icon"]),s.showFeedback(d)?(e.openBlock(),e.createBlock(a,{key:0,content:l},null,8,["content"])):e.createCommentVNode("",!0)],64))),256))])])}const fe=f(re,[["render",ue],["__scopeId","data-v-3897bfb2"]]),st="",ke={props:["content"],data(){return{imageReplaced:!1,imageSrc:this.content.image,imageAlt:this.content.imageAlt}},computed:{getLastPage(){return!!this.$store.getters.getLastPage}},methods:{pixelFormat(t){return typeof t=="number"?t+"px":t},changeImage(t){this.imageReplaced=!0,this.imageSrc=this.content.hotspots[t].imageOverlay,this.imageAlt=this.content.hotspots[t].imageOverlayAlt,this.$store.commit("setStepHold",!1),this.$store.dispatch("lastPageFocus",{})}}},be=["innerHTML"],_e=["src","alt"],ge={class:"hotspotArea"};function Ce(t,o,n,i,c,s){const m=e.resolveComponent("el-col"),a=e.resolveComponent("el-button"),l=e.resolveComponent("el-row");return e.openBlock(),e.createBlock(l,{class:"imageReplacer"},{default:e.withCtx(()=>[e.createVNode(m,{span:12},{default:e.withCtx(()=>[e.createElementVNode("p",{class:"imageReplacerDescription",innerHTML:n.content.description},null,8,be)]),_:1}),e.createVNode(m,{span:12},{default:e.withCtx(()=>[e.createElementVNode("img",{class:"im-ButtonImage",src:c.imageSrc,alt:c.imageAlt},null,8,_e),e.createElementVNode("div",ge,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.content.hotspots,(d,h)=>(e.openBlock(),e.createBlock(a,{type:d.buttonType,onClick:e.withModifiers(p=>s.changeImage(h),["stop"]),class:"hotspot",style:e.normalizeStyle({top:s.pixelFormat(d.cordinatesX),left:s.pixelFormat(d.cordinatesY),width:s.pixelFormat(d.dimensionsW),height:s.pixelFormat(d.dimensionsH)}),icon:d.buttonIcon},null,8,["type","onClick","style","icon"]))),256))])]),_:1})]),_:1})}const ye=f(ke,[["render",Ce],["__scopeId","data-v-02e047cd"]]),ct="",we={components:{},props:["content"],data(){return{quizArray:[],quizOptions:[],quizItemCompleted:[],input:[],feedbackIndex:-1,totalAttempts:99,correctChoices:[],feedbackObject:{},value1:""}},watch:{},computed:{quizArrayCount(){return this.quizArray.length-1},getAttempt(){return this.$store.getters.getAttempts},getShowFeedbackAttempts(){return this.$store.getters.getShowFeedbackAttempts}},methods:{quizArrayCompleted(t){return!(this.quizItemCompleted.includes(t)\|\|t===0)},prepareQuiz(){this.quizArray=this.content.quiz.split("_").filter(t=>t),this.content.options.forEach((t,o)=>{t.options?t.random?this.quizOptions.push(this.shuffle(t.options)):this.quizOptions.push(t.options):this.quizOptions.push(!1)})},quizType(t){return this.content.options[t]&&this.content.options[t].type?this.content.options[t].type:!1},quizDisplay(t){return this.content.options[t]&&this.content.options[t].display?this.content.options[t].display:"Select"},quizClass(t){return this.content.options[t]&&this.content.options[t].class?this.content.options[t].class:""},shuffle(t){let o=t.length,n;for(;o!=0;)n=Math.floor(Math.random()o),o--,[t[o],t[n]]=[t[n],t[o]];return t},choicesCheck(){if(this.getAttempt<this.content.attempts){let t=!0,o=!1;this.input.length===0?this.content.options[0].stopFlow&&(o=!0,this.feedbackObject.feedbackHeader=this.content.options[0].notSelectedHeader,this.feedbackObject.feedback=this.content.options[0].notSelectedBody):this.content.options.forEach((n,i)=>{this.input[i]?this.input[i]!==this.content.options[i].answer&&(t=!1):this.content.options[this.input.length].stopFlow&&(o=!0,this.feedbackObject.feedbackHeader=this.content.options[this.input.length].notSelectedHeader,this.feedbackObject.feedback=this.content.options[this.input.length].notSelectedBody)}),this.$store.commit("setAttempts",this.getAttempt+1),t===!0&&this.input.length===this.quizArray.length?(this.choicesComplete(),this.feedbackObject.feedbackHeader=this.content.correctHeader,this.feedbackObject.feedback=this.content.correctFeedback):(o\|\|(this.feedbackObject.feedbackHeader=this.content.incorrectHeader,this.feedbackObject.feedback=this.content.incorrectFeedback),this.$store.commit("setAttempts",this.getAttempt+1))}else this.feedbackObject.feedbackAttempts=this.content.feedbackAttempts,this.$store.commit("setShowFeedbackAttempts",!0),this.choicesComplete();this.$store.commit("setShowFeedback",!0),setTimeout(()=>{document.getElementById("feedbackClose")&&document.getElementById("feedbackClose").focus()})},choicesComplete(){this.quizArray.forEach((t,o)=>{this.input[o]?this.input[o]=this.content.options[o].answer:this.input.push(this.content.options[o].answer),this.quizItemCompleted.push(o+1)}),this.$store.commit("setStepDone",!0),this.$store.commit("setStepHold",!1)},choicesMade(t){this.quizItemCompleted.includes(t+1)===!1&&this.quizItemCompleted.push(t+1)},showFeedback(){return!!this.$store.getters.getShowFeedback}},mounted(){if(this.prepareQuiz(),this.$store.getters.getDirections.display===!1){let t=document.getElementsByClassName("selectableButton");setTimeout(()=>{t[0].focus()})}},beforeMount(){this.$store.commit("setStepDone",!1),this.$store.commit("setAttempts",0),this.feedbackIndex=-1,this.content.attempts&&(this.totalAttempts=this.content.attempts)}};function Be(t,o,n,i,c,s){const m=e.resolveComponent("el-option"),a=e.resolveComponent("el-select"),l=e.resolveComponent("el-date-picker"),d=e.resolveComponent("el-button"),h=e.resolveComponent("lab-feedback");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["drop-down",n.content.class])},[e.createElementVNode("p",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.quizArray,(p,r)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("span",{class:e.normalizeClass(s.quizClass(r))},[e.createElementVNode("span",{class:e.normalizeClass("quizText quizSection_"+r)},e.toDisplayString(p)+" ",3),s.quizType(r)==="choose"?(e.openBlock(),e.createBlock(a,{key:0,onChange:u=>s.choicesMade(r),modelValue:c.input[r],"onUpdate:modelValue":u=>c.input[r]=u,placeholder:s.quizDisplay(r)},{default:e.withCtx(()=>[s.quizArrayCompleted(r)?e.createCommentVNode("",!0):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(c.quizOptions[r],u=>(e.openBlock(),e.createBlock(m,{key:u,label:u,value:u},null,8,["label","value"]))),128))]),_:2},1032,["onChange","modelValue","onUpdate:modelValue","placeholder"])):e.createCommentVNode("",!0),s.quizType(r)==="date"?(e.openBlock(),e.createBlock(l,{key:1,onChange:u=>s.choicesMade(r),modelValue:c.input[r],"onUpdate:modelValue":u=>c.input[r]=u,type:"date",placeholder:s.quizDisplay(r),format:n.content.options[r].format,"value-format":n.content.options[r].format,disabled:s.quizArrayCompleted(r)},null,8,["onChange","modelValue","onUpdate:modelValue","placeholder","format","value-format","disabled"])):e.createCommentVNode("",!0)],2),e.createTextVNode(" ")],64))),256))]),e.createVNode(d,{size:"small",type:"primary",class:"drop-down-submit",onClick:o[0]\|\|(o[0]=p=>s.choicesCheck())},{default:e.withCtx(()=>[e.createTextVNode("Submit")]),_:1}),s.showFeedback()?(e.openBlock(),e.createBlock(h,{key:0,content:c.feedbackObject},null,8,["content"])):e.createCommentVNode("",!0)],2)}const Ve=f(we,[["render",Be]]),it="",Ee={components:{},props:["content"],data(){return{quizArray:[],input:[],feedbackIndex:-1,totalAttempts:99,correctChoices:[],feedbackObject:{}}},watch:{},computed:{quizArrayCount(){return this.quizArray.length-1},getAttempt(){return this.$store.getters.getAttempts},getShowFeedbackAttempts(){return this.$store.getters.getShowFeedbackAttempts}},methods:{prepareQuiz(){this.quizArray=this.content.quiz.split("_")},choicesCheck(){this.getAttempt<this.content.attempts?(this.input.forEach((t,o)=>{if(this.content.answers[o]===t)this.correctChoices.includes(o)===!1&&this.correctChoices.push(o);else if(this.correctChoices.includes(o)===!0){let n=this.correctChoices.indexOf(o);this.correctChoices.splice(n,1)}}),this.input.length===0?(this.feedbackObject.feedbackHeader="You did not enter an answer",this.feedbackObject.feedback="Please enter your choice in the input field"):this.correctChoices.length===this.content.answers.length?(this.choicesComplete(),this.feedbackObject.feedbackHeader=this.content.correctHeader,this.feedbackObject.feedback=this.content.correctFeedback):(this.$store.commit("setAttempts",this.getAttempt+1),this.feedbackObject.feedbackHeader=this.content.incorrectHeader,this.feedbackObject.feedback=this.content.incorrectFeedback)):(this.feedbackObject.feedbackAttempts=this.content.feedbackAttempts,this.$store.commit("setShowFeedbackAttempts",!0),this.choicesComplete()),this.$store.commit("setShowFeedback",!0),setTimeout(()=>{document.getElementById("feedbackClose")&&document.getElementById("feedbackClose").focus()})},choicesComplete(){this.input.forEach((t,o)=>{this.input[o]=this.content.answers[o]}),this.$store.commit("setStepDone",!0),this.$store.commit("setStepHold",!1)},showFeedback(){return!!this.$store.getters.getShowFeedback}},mounted(){if(this.prepareQuiz(),this.$store.getters.getDirections.display===!1){let t=document.getElementsByClassName("selectableButton");setTimeout(()=>{t[0].focus()})}},beforeMount(){this.$store.commit("setStepDone",!1),this.$store.commit("setAttempts",0),this.feedbackIndex=-1,this.content.attempts&&(this.totalAttempts=this.content.attempts)}};function xe(t,o,n,i,c,s){const m=e.resolveComponent("el-input"),a=e.resolveComponent("el-button"),l=e.resolveComponent("lab-feedback");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["fill-blank",n.content.class])},[e.createElementVNode("p",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.quizArray,(d,h)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createTextVNode(e.toDisplayString(d),1),h<s.quizArrayCount?(e.openBlock(),e.createBlock(m,{key:0,modelValue:c.input[h],"onUpdate:modelValue":p=>c.input[h]=p,placeholder:"Please input",size:"small"},null,8,["modelValue","onUpdate:modelValue"])):e.createCommentVNode("",!0)],64))),256))]),e.createVNode(a,{size:"small",type:"primary",class:"fill-blank-submit",onClick:o[0]\|\|(o[0]=d=>s.choicesCheck())},{default:e.withCtx(()=>[e.createTextVNode("Submit")]),_:1}),s.showFeedback()?(e.openBlock(),e.createBlock(l,{key:0,content:c.feedbackObject},null,8,["content"])):e.createCommentVNode("",!0)],2)}const Se=f(Ee,[["render",xe]]),lt="",Ne={components:{},props:["content"],data(){return{feedbackIndex:-1,totalAttempts:99}},computed:{getLastPage(){return!!this.$store.getters.getLastPage},getAttempt(){return this.$store.getters.getAttempts},getShowFeedbackAttempts(){return this.$store.getters.getShowFeedbackAttempts}},methods:{leftColWidth(){return this.content.leftColWidth?Number(this.content.leftColWidth):12},rightColWidth(){return this.content.leftColWidth?this.content.leftColWidth<24?24-this.content.leftColWidth:24:12},pixelFormat(t){return typeof t=="number"?t+"px":t},choicesComplete(){let t=document.querySelectorAll(".selectableButton");for(let o=0;o<t.length;o++)t[o].classList.add("is-failure"),t[o].setAttribute("disabled",!0),this.content.choices[o].correct&&t[o].classList.add("is-success");this.$store.commit("setStepDone",!0),this.$store.commit("setStepHold",!1)},choicesCheck(t){this.getAttempt<Number(this.content.attempts)?this.content.choices[t].correct===!0?(console.log(" it was true"),this.choicesComplete()):this.$store.commit("setAttempts",this.getAttempt+1):(this.content.choices[t].correct!==!0&&this.$store.commit("setShowFeedbackAttempts",!0),this.choicesComplete()),this.feedbackIndex=t,this.$store.commit("setShowFeedback",!0),setTimeout(()=>{document.getElementById("feedbackClose")&&document.getElementById("feedbackClose").focus()})},shuffledChoices(){let t=this.content.choices;for(let o=t.length-1;o>0;o--){const n=Math.floor(Math.random()*(o+1));[t[o],t[n]]=[t[n],t[o]]}this.content.choices=t},showFeedback(t){return this.$store.getters.getShowFeedback&&this.feedbackIndex===t?(this.content.choices[t].correct&&this.choicesComplete(),!0):!1}},mounted(){if(this.$store.getters.getDirections.display===!1){let t=document.getElementsByClassName("selectableButton");setTimeout(()=>{t[0].focus()})}},beforeMount(){this.$store.commit("setStepDone",!1),this.$store.commit("setAttempts",0),this.feedbackIndex=-1,this.shuffledChoices(),this.content.attempts&&(this.totalAttempts=this.content.attempts)}},Ae=["innerHTML"],Fe={class:"buttonSpan"},Te=["src","alt"],ze={class:"selectable-buttonText"};function Me(t,o,n,i,c,s){const m=e.resolveComponent("lab-image"),a=e.resolveComponent("el-col"),l=e.resolveComponent("el-divider"),d=e.resolveComponent("el-button"),h=e.resolveComponent("lab-feedback"),p=e.resolveComponent("el-row");return e.openBlock(),e.createBlock(p,{id:n.content.id,class:e.normalizeClass(["selectable",n.content.classes])},{default:e.withCtx(()=>[e.createVNode(a,{span:s.leftColWidth(t.index)},{default:e.withCtx(()=>[n.content.directions?(e.openBlock(),e.createElementBlock("p",{key:0,innerHTML:n.content.directions},null,8,Ae)):e.createCommentVNode("",!0),n.content.image?(e.openBlock(),e.createBlock(m,{key:1,content:n.content.image},null,8,["content"])):e.createCommentVNode("",!0)]),_:1},8,["span"]),e.createVNode(a,{span:s.rightColWidth(t.index),class:"selectArea"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.content.choices,(r,u)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[!n.content.noDivider&&u>0?(e.openBlock(),e.createBlock(l,{key:0})):e.createCommentVNode("",!0),e.createVNode(d,{size:"small",type:"primary",class:"selectableButton",style:e.normalizeStyle({width:s.pixelFormat(n.content.choiceWidth),height:s.pixelFormat(n.content.choiceHeight)}),onClick:b=>s.choicesCheck(u)},{default:e.withCtx(()=>[e.createElementVNode("div",Fe,[r.image?(e.openBlock(),e.createElementBlock("img",{key:0,class:"im-ButtonImage",src:r.image,alt:r.alt?r.alt:"button image"},null,8,Te)):e.createCommentVNode("",!0),e.createElementVNode("span",ze,e.toDisplayString(r.text),1)])]),_:2},1032,["style","onClick"]),s.showFeedback(u)?(e.openBlock(),e.createBlock(h,{key:1,content:r},null,8,["content"])):e.createCommentVNode("",!0)],64))),256))]),_:1},8,["span"])]),_:1},8,["id","class"])}const He=f(Ne,[["render",Me],["__scopeId","data-v-bc83f1c6"]]),rt="",$e={components:{},props:["content"],data(){return{input:"",feedbackIndex:-1,totalAttempts:99,correctChoices:[],feedbackObject:{}}},watch:{},computed:{getAttempt(){return this.$store.getters.getAttempts},getShowFeedbackAttempts(){return this.$store.getters.getShowFeedbackAttempts}},methods:{choicesCheck(){if(this.getAttempt<this.content.attempts){let t=!1;this.content.answers.forEach((o,n)=>{let i=o.toLowerCase();this.input.toLowerCase().includes(i)\|\|(t=!0)}),t?(this.$store.commit("setAttempts",this.getAttempt+1),this.feedbackObject.feedbackHeader=this.content.incorrectHeader,this.feedbackObject.feedback=this.content.incorrectFeedback):(this.choicesComplete(),this.feedbackObject.feedbackHeader=this.content.correctHeader,this.feedbackObject.feedback=this.content.correctFeedback)}else this.feedbackObject.feedbackAttempts=this.content.feedbackAttempts,this.$store.commit("setShowFeedbackAttempts",!0),this.choicesComplete();this.$store.commit("setShowFeedback",!0),setTimeout(()=>{document.getElementById("feedbackClose")&&document.getElementById("feedbackClose").focus()})},choicesComplete(){this.$store.commit("setStepDone",!0),this.$store.commit("setStepHold",!1)},showFeedback(){return!!this.$store.getters.getShowFeedback}},mounted(){if(this.$store.getters.getDirections.display===!1){let t=document.getElementsByClassName("selectableButton");setTimeout(()=>{t[0].focus()})}},beforeMount(){this.$store.commit("setStepDone",!1),this.$store.commit("setAttempts",0),this.feedbackIndex=-1,this.content.attempts&&(this.totalAttempts=this.content.attempts)}};function Ie(t,o,n,i,c,s){const m=e.resolveComponent("el-input"),a=e.resolveComponent("el-button"),l=e.resolveComponent("lab-feedback");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["textbox",n.content.class])},[e.createElementVNode("p",null,e.toDisplayString(n.content.quiz),1),e.createVNode(m,{modelValue:c.input,"onUpdate:modelValue":o[0]\|\|(o[0]=d=>c.input=d),autosize:{minRows:4,maxRows:8},type:"textarea",placeholder:"Please input"},null,8,["modelValue"]),e.createVNode(a,{size:"small",type:"primary",class:"fill-blank-submit",onClick:o[1]\|\|(o[1]=d=>s.choicesCheck())},{default:e.withCtx(()=>[e.createTextVNode("Submit")]),_:1}),s.showFeedback()?(e.openBlock(),e.createBlock(l,{key:0,content:c.feedbackObject},null,8,["content"])):e.createCommentVNode("",!0)],2)}const Le=f($e,[["render",Ie]]),at="",je={components:{},props:["content"],data(){return{quizArray:[],quizOptions:[],input:[],feedbackIndex:-1,totalAttempts:99,correctChoices:[],feedbackObject:{},value1:"",showMenuOverlay:!1}},watch:{},computed:{getAttempt(){return this.$store.getters.getAttempts},getShowFeedbackAttempts(){return this.$store.getters.getShowFeedbackAttempts}},methods:{showSub(t){let o=document.getElementById(t);o.classList.contains("jl-menu-sub_show")?(this.showMenuOverlay=!1,this.hideSubs()):(this.showMenuOverlay=!0,o.classList.add("jl-menu-sub_show"))},showSubSub(t){let o=document.getElementById(t);o.classList.contains("jl-menu-sub-sub_show")?(this.showMenuOverlay=!1,this.hideSubs()):(this.showMenuOverlay=!0,o.classList.add("jl-menu-sub-sub_show"))},hideSubs(){this.showMenuOverlay=!1;let t=document.getElementsByClassName("jl-menu-sub_show");for(;t.length>0;)t[0].classList.remove("jl-menu-sub_show");let o=document.getElementsByClassName("jl-menu-sub-sub_show");for(;o.length>0;)o[0].classList.remove("jl-menu-sub-sub_show")},choicesCheck(t){this.hideSubs();let o=!1,n="";if(this.getAttempt<this.content.attempts){if(typeof t=="string"){let i=t.split("-");i.forEach((c,s)=>{i[s]=Number(c)}),i.length===2?this.content.menu[i[0]].subMenu[i[1]].correct&&(this.content.menu[i[0]].subMenu[i[1]].page&&(n=this.content.menu[i[0]].subMenu[i[1]].page),o=!0):i.length===3&&this.content.menu[i[0]].subMenu[i[1]].subMenu[i[2]].correct&&(this.content.menu[i[0]].subMenu[i[1]].subMenu[i[2]].page&&(n=this.content.menu[i[0]].subMenu[i[1]].subMenu[i[2]].page),o=!0)}else this.content.menu[t].correct&&(this.content.menu[t].page&&(n=this.content.menu[t].page),o=!0);o?(this.choicesComplete(n),this.feedbackObject.feedbackHeader=this.content.correctHeader,this.feedbackObject.feedback=this.content.correctFeedback):(this.$store.commit("setAttempts",this.getAttempt+1),this.feedbackObject.feedbackHeader=this.content.incorrectHeader,this.feedbackObject.feedback=this.content.incorrectFeedback)}else this.$store.commit("setShowFeedbackAttempts",!0),this.choicesComplete();n===""&&this.$store.commit("setShowFeedback",!0),setTimeout(()=>{document.getElementById("feedbackClose")&&document.getElementById("feedbackClose").focus()})},choicesComplete(t){this.$store.commit("setStepDone",!0),this.$store.commit("setStepHold",!1),t!==""&&this.$store.commit("setCurrentPage",t)},showFeedback(){return!!this.$store.getters.getShowFeedback}},mounted(){this.$store.getters.getDirections.display===!1&&(document.getElementsByClassName("selectableButton"),setTimeout(()=>{}))},beforeMount(){this.$store.commit("setStepDone",!1),this.$store.commit("setAttempts",0),this.feedbackIndex=-1,this.content.attempts&&(this.totalAttempts=this.content.attempts)}},Oe={key:0},qe=["index","onClick"],De={class:"jl-menu-sub__title"},Pe=["id"],We=["index","onClick"],Ue={class:"jl-menu-sub-sub__title"},Ke=["id"],Re=["index","onClick"],Qe=["onClick"],Ye={key:1,class:"jl-menu-item"},Xe=["index","onClick"];function Ge(t,o,n,i,c,s){const m=e.resolveComponent("CaretBottom"),a=e.resolveComponent("el-icon"),l=e.resolveComponent("CaretRight"),d=e.resolveComponent("lab-feedback");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["menu-chooser",n.content.class])},[c.showMenuOverlay?(e.openBlock(),e.createElementBlock("div",{key:0,class:"nav-mask",onClick:o[0]\|\|(o[0]=(...h)=>s.hideSubs&&s.hideSubs(...h))})):e.createCommentVNode("",!0),e.createElementVNode("p",null,e.toDisplayString(n.content.quiz),1),e.createElementVNode("div",{class:"jl-menu",onSelect:o[1]\|\|(o[1]=(...h)=>s.choicesCheck&&s.choicesCheck(...h))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.content.menu,(h,p)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[h.subMenu?(e.openBlock(),e.createElementBlock("div",Oe,[e.createElementVNode("button",{class:e.normalizeClass("jl-menu-sub sub-"+p),index:p,tabindex:"0",role:"menuitem",onClick:e.withModifiers(r=>s.showSub("sub-"+p),["stop"])},[e.createElementVNode("div",De,[e.createTextVNode(e.toDisplayString(h.name)+" ",1),e.createVNode(a,null,{default:e.withCtx(()=>[e.createVNode(m)]),_:1})])],10,qe),e.createElementVNode("div",{class:"jl-menu-sub-menu",id:"sub-"+p},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(h.subMenu,(r,u)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[r.subMenu?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("button",{class:e.normalizeClass("jl-menu-sub-sub sub-sub-"+u),index:p+"-"+u,tabindex:"0",role:"menuitem",onClick:e.withModifiers(b=>s.showSubSub("sub-sub-"+p),["stop"])},[e.createElementVNode("div",Ue,[e.createTextVNode(e.toDisplayString(r.name),1),e.createVNode(a,null,{default:e.withCtx(()=>[e.createVNode(l)]),_:1})])],10,We),e.createElementVNode("div",{class:"jl-menu-sub-sub-menu",id:"sub-sub-"+p},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.subMenu,(b,C)=>(e.openBlock(),e.createElementBlock("button",{class:"jl-menu-sub-sub-item",index:p+"-"+u+"-"+C,tabindex:"0",role:"menuitem",onClick:e.withModifiers(mt=>s.choicesCheck(p+"-"+u+"-"+C),["stop"])},[e.createElementVNode("div",null,e.toDisplayString(b.name),1)],8,Re))),256))],8,Ke)],64)):(e.openBlock(),e.createElementBlock("button",{key:1,class:"jl-menu-sub-item",tabindex:"0",role:"menuitem",onClick:e.withModifiers(b=>s.choicesCheck(p+"-"+u),["stop"])},[e.createElementVNode("div",null,e.toDisplayString(r.name),1)],8,Qe))],64))),256))],8,Pe)])):(e.openBlock(),e.createElementBlock("div",Ye,[e.createElementVNode("button",{class:"jl-menu-item",index:p,tabindex:"0",role:"menuitem",onClick:e.withModifiers(r=>s.choicesCheck(p),["stop"])},e.toDisplayString(h.name),9,Xe)]))],64))),256))],32),s.showFeedback()?(e.openBlock(),e.createBlock(d,{key:1,content:c.feedbackObject},null,8,["content"])):e.createCommentVNode("",!0)],2)}const Je=f(je,[["render",Ge]]);return{install:(t,o)=>{t.component("special-uploader",N),t.component("lab-header",T),t.component("lab-footer",_),t.component("lab-drawer",_),t.component("lab-image",P),t.component("lab-kaltura",Z),t.component("lab-image-marker",fe),t.component("lab-image-replacer",ye),t.component("lab-feedback",g),t.component("lab-drop-down",Ve),t.component("lab-fill-blank",Se),t.component("lab-selectable",He),t.component("lab-textbox",Le),t.component("lab-menu_chooser",Je)}}});
1	+ (function(t,_){typeof exports=="object"&&typeof module<"u"?module.exports=_(require("vue")):typeof define=="function"&&define.amd?define(["vue"],_):(t=typeof globalThis<"u"?globalThis:t\|\|self,t.LabmakerPlugin=_(t.Vue))})(this,function(t){"use strict";const _="",f=(e,n)=>{const o=e.__vccOpts\|\|e;for(const[c,s]of n)o[c]=s;return o},E={props:["custom-img"],data(){return{imgSRC:this.customImg}},computed:{},methods:{fileUpload(e){const o=e.target.files[0];this.fileProcess(o)},fileProcess(e){this.imgSRC=URL.createObjectURL(e)}},mounted(){}},S=t.createElementVNode("h1",null,"File Uploader",-1),M={class:"image-uploader"},V=t.createElementVNode("h1",null,"File Uploader",-1),N={class:"your-file"},A=["src"];function z(e,n,o,c,s,i){return t.openBlock(),t.createElementBlock(t.Fragment,null,[S,t.createElementVNode("div",M,[V,t.createElementVNode("input",{onChange:n[0]\|\|(n[0]=(...l)=>i.fileUpload&&i.fileUpload(...l)),type:"file",id:"file-upload",name:"fileUpload",accept:"image/"},null,32),t.createElementVNode("div",N,[t.createElementVNode("img",{src:s.imgSRC,alt:"",scrset:""},null,8,A)])])],64)}const T=f(E,[["render",z]]),fe="",F={props:["title"],data(){return{}},computed:{}};function H(e,n,o,c,s,i){return t.openBlock(),t.createElementBlock("header",null,[t.createElementVNode("h1",null,t.toDisplayString(o.title),1)])}const L=f(F,[["render",H]]),ge="",D={data(){return{}},computed:{totalPages(){return this.$store.getters.getPageCount?this.$store.getters.getPageCount:0},currentPage(){return this.$store.getters.getCurrentPage?this.$store.getters.getCurrentPage+1:1},pagerCount(){return this.$store.getters.getPagerCount?this.$store.getters.getPagerCount:0}},methods:{handleCurrentChange(e){this.$store.commit("setCurrentPage",e-1)},changePage(e){console.log("headed to: ",e),this.$store.commit("setCurrentPage",e)}}};function $(e,n,o,c,s,i){const l=t.resolveComponent("el-col"),r=t.resolveComponent("el-button"),a=t.resolveComponent("el-row");return t.openBlock(),t.createBlock(a,{gutter:20},{default:t.withCtx(()=>[t.createVNode(l,{span:18}),t.createVNode(l,{span:6,class:"homeButtonContainer"},{default:t.withCtx(()=>[t.createVNode(r,{type:"primary ",onClick:n[0]\|\|(n[0]=t.withModifiers(m=>i.changePage(0),["stop"])),class:"homeButton"},{default:t.withCtx(()=>[t.createTextVNode("Return to Crime Screen")]),_:1})]),_:1})]),_:1})}const w=f(D,[["render",$]]),be="",I={props:["content"],data(){return{}},computed:{getLastPage(){return!!this.$store.getters.getLastPage}},methods:{pixelFormat(e){return typeof e=="number"?e+"px":e},checkStepper(){this.$store.dispatch("lastPageFocus",{})}},mounted(){this.checkStepper()}},j={class:"image-container"},O={class:"image"},R=["src","alt"],q=["innerHTML"],W=["innerHTML"],P=["innerHTML"];function X(e,n,o,c,s,i){return t.openBlock(),t.createElementBlock("div",j,[t.createElementVNode("div",O,[t.createElementVNode("img",{src:o.content.src,alt:o.content.alt,class:t.normalizeClass(o.content.class)},null,10,R),o.content.captionHeader?(t.openBlock(),t.createElementBlock("span",{key:0,class:"captionHeader",innerHTML:o.content.captionHeader},null,8,q)):t.createCommentVNode("",!0),o.content.caption?(t.openBlock(),t.createElementBlock("span",{key:1,class:"caption",innerHTML:o.content.caption},null,8,W)):t.createCommentVNode("",!0),o.content.copyright?(t.openBlock(),t.createElementBlock("span",{key:2,innerHTML:o.content.copyright,class:"copyright"},null,8,P)):t.createCommentVNode("",!0)])])}const Y=f(I,[["render",X],["__scopeId","data-v-6d545532"]]),ke="",U={props:["content"],data(){return{showingKaltura:!1,showingText:!1,buttonText:!1,hasText:!1,video:{width:640,height:480},audio:{width:260,height:80},audioBtn:{width:40,height:40},textversionArray:{}}},watch:{content:function(){this.tvCleaner()}},computed:{kHeight(){if(this.content.kalturaType==="video")if(this.content.height&&this.content.height!=""){let e=this.content.height;return e.slice(-2)==="px"?e.slice(0,-2):this.content.height}else return this.video.height;else if(this.content.kalturaType==="audio")if(this.content.height&&this.content.height!=""){let e=this.content.height;return e.slice(-2)==="px"?e.slice(0,-2):this.content.height}else return this.audio.height;else if(this.content.kalturaType==="audiobtn")return this.audioBtn.height},kWidth(){if(this.content.kalturaType==="video")if(this.content.width&&this.content.width!=""){let e=this.content.width;return e.slice(-2)==="px"?e.slice(0,-2):this.content.width}else return this.video.width;else{if(this.content.kalturaType==="audio")return this.audio.width;if(this.content.kalturaType==="audiobtn")return this.audioBtn.width}}},methods:{getButtonText(e){return e==="video"?this.showingText?"Show Video":"Show Text Version":this.showingText?"Show Audio":"Show Text Version"},textVersionCheck(){this.content.textVersion&&this.content.textVersion.length>1&&(this.hasText=!0)},kalturaLoad(){this.textVersionCheck()},kalturaMedia(e){let n={uiconf_id:"35766781",partner_id:"2061901",entry_id:"",height:"400",width:"640",type:"video"};return n.entry_id=this.content.kalturaEntryId,this.content.kalturaType&&(n.type=this.content.kalturaType),n.type==="audio"?n.uiconf_id="36511471":n.type==="audiobtn"?n.uiconf_id="36582731":n.type==="videocc"&&(n.uiconf_id="35766781"),this.content.standalone&&this.$store.commit("setStepHold",!1),"https://cdnapisec.kaltura.com/p/"+n.partner_id+"/sp/"+n.partner_id+"00/embedIframeJs/uiconf_id/"+n.uiconf_id+"/partner_id/"+n.partner_id+"?iframeembed=true&playerId=Kaltura&entry_id="+n.entry_id},showKaltura(){this.showingKaltura=!0},showText(){this.showingText=!this.showingText,this.buttonText=!this.buttonText},tvCleaner(){let e=document.createElement("div");e.innerHTML=this.content.textVersion;for(let n=0;n<e.children.length;n++){let o=e.children[n];if(o.tagName=="DIV"&&o.className=="panel-default"&&o.children[0].dataset.toggle)for(let c=0;c<o.children.length;c++){let s=o.children[c];if(s.dataset.toggle=="collapse"){let i={heading:s.innerHTML,body:o.children[c+1].innerHTML};this.textversionArray[n]=i}}else this.textversionArray[n]=o.outerHTML}}},beforeMount(){this.kalturaLoad(),this.tvCleaner()},mounted(){}},K={key:0,class:"textVersion"},G=t.createElementVNode("h1",null,"Text Version",-1),Q=["innerHTML"],J=["src","width","height"],Z=["src","width","height"],v=["src","width","height"],tt={key:2,class:"alert alert-danger"};function et(e,n,o,c,s,i){const l=t.resolveComponent("el-button");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["kContainer",o.content.class])},[o.content.textVersion&&s.showingText?(t.openBlock(),t.createElementBlock("div",K,[G,t.createElementVNode("div",{innerHTML:o.content.textVersion},null,8,Q)])):t.createCommentVNode("",!0),!s.showingText&&o.content.kalturaEntryId?(t.openBlock(),t.createElementBlock("div",{key:1,class:"mainVersion",style:t.normalizeStyle({width:i.kWidth+"px",height:i.kHeight+"px"})},[o.content.kalturaType=="video"&&!s.showingKaltura?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["kPoster",{active:s.showingKaltura==!0}]),style:t.normalizeStyle({width:i.kWidth+"px",height:i.kHeight+"px"})},[t.createElementVNode("iframe",{onClick:n[0]\|\|(n[0]=(...r)=>i.showKaltura&&i.showKaltura(...r)),class:"videoIframe",src:i.kalturaMedia(o.content),width:i.kWidth+"px",height:i.kHeight+"px",allowfullscreen:"",webkitallowfullscreen:"",mozAllowFullScreen:"",frameborder:"0"},null,8,J)],6)):t.createCommentVNode("",!0),o.content.kalturaType=="audio"?(t.openBlock(),t.createElementBlock("div",{key:1,class:t.normalizeClass(["kAudio",{active:s.showingKaltura==!0}]),onClick:n[1]\|\|(n[1]=(...r)=>i.showKaltura&&i.showKaltura(...r))},[t.createElementVNode("iframe",{id:"my_iframe",src:i.kalturaMedia(o.content),width:i.kWidth+"px",height:i.kHeight+"px",allowfullscreen:"",webkitallowfullscreen:"",mozAllowFullScreen:"",frameborder:"0"},null,8,Z)],2)):t.createCommentVNode("",!0),o.content.kalturaType=="audiobtn"?(t.openBlock(),t.createElementBlock("div",{key:2,class:t.normalizeClass(["kAudiobtn",{active:s.showingKaltura==!0}]),onClick:n[2]\|\|(n[2]=(...r)=>i.showKaltura&&i.showKaltura(...r))},[t.createElementVNode("iframe",{src:i.kalturaMedia(o.content),width:s.audioBtn.width+"px",height:s.audioBtn.height+"px",allowfullscreen:"",webkitallowfullscreen:"",mozAllowFullScreen:"",frameborder:"0"},null,8,v)],2)):t.createCommentVNode("",!0)],4)):t.createCommentVNode("",!0),o.content.kalturaEntryId==""?(t.openBlock(),t.createElementBlock("div",tt,"There is no Kaltura Entry ID")):t.createCommentVNode("",!0),o.content.textVersion?(t.openBlock(),t.createBlock(l,{key:3,size:"medium",type:"primary","aria-label":"text version",class:"toggleSwitch ftSwitch btn btn-primary vidText",onClick:n[3]\|\|(n[3]=t.withModifiers(r=>i.showText(o.content.kalturaType),["stop"]))},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(i.getButtonText(o.content.kalturaType)),1)]),_:1})):t.createCommentVNode("",!0)],2)}const nt=f(U,[["render",et]]),_e="",ot={props:["content"],data(){return{show:!0}},computed:{getShowFeedbackAttempts(){return this.$store.getters.getShowFeedbackAttempts},feedbackHeader(){return this.$store.getters.getShowFeedbackAttempts?"Too many Attempts":this.content.feedbackHeader},feedbackWidth(){return this.content.feedbackWidth?this.content.feedbackWidth:"50%"}},methods:{feedbackClose(){this.content.finalInstructions&&this.$store.commit("updateFinishDirections",!1),this.content.instructions&&this.$store.commit("updateDirections",!1),this.$store.commit("setShowFeedback",!1),this.$store.commit("setShowFeedbackAttempts",!1),this.$store.dispatch("lastPageFocus",{})}},mounted(){}},it={class:"my-header"},st=["id","innerHTML"],rt=["innerHTML"],ct={key:1},at=["src"],lt=["innerHTML"],ht={class:"dialog-footer"};function dt(e,n,o,c,s,i){const l=t.resolveComponent("el-button"),r=t.resolveComponent("el-dialog");return t.openBlock(),t.createBlock(r,{width:i.feedbackWidth,modelValue:s.show,"onUpdate:modelValue":n[1]\|\|(n[1]=a=>s.show=a),"before-close":i.feedbackClose},{header:t.withCtx(({close:a,titleId:m,titleClass:h})=>[t.createElementVNode("div",it,[t.createElementVNode("h4",{id:m,class:t.normalizeClass(h),innerHTML:i.feedbackHeader},null,10,st)])]),footer:t.withCtx(()=>[t.createElementVNode("span",ht,[t.createVNode(l,{size:"small",id:"feedbackClose",type:"primary",onClick:n[0]\|\|(n[0]=t.withModifiers(a=>i.feedbackClose(),["stop"]))},{default:t.withCtx(()=>[t.createTextVNode("Close")]),_:1})])]),default:t.withCtx(()=>[i.getShowFeedbackAttempts?(t.openBlock(),t.createElementBlock(t.Fragment,{key:0},[o.content.feedbackAttempts?(t.openBlock(),t.createElementBlock("p",{key:0,innerHTML:o.content.feedbackAttempts},null,8,rt)):(t.openBlock(),t.createElementBlock("p",ct,"You have tried too many times, the correct answer has been provided for you."))],64)):(t.openBlock(),t.createElementBlock(t.Fragment,{key:1},[o.content.feedbackImage?(t.openBlock(),t.createElementBlock("img",{key:0,class:"im-ButtonImage",src:o.content.feedbackImage,alt:"button image"},null,8,at)):t.createCommentVNode("",!0),t.createElementVNode("p",{innerHTML:o.content.feedback},null,8,lt)],64))]),_:1},8,["width","modelValue","before-close"])}const C=f(ot,[["render",dt]]),ye="",mt={components:{Feedback:C},inject:["message"],props:["content"],data(){return{dialogVisible:!1,feedbackVisibility:[],feedbackIndex:0}},computed:{getLastPage(){return!!this.$store.getters.getLastPage}},methods:{pixelFormat(e){return typeof e=="number"?e+"px":e},changePage(e,n){e.pageLink?this.$store.commit("setCurrentPage",e.pageLink):e.feedback&&(this.feedbackIndex=n,this.feedbackVisibility.indexOf(n)===-1&&this.feedbackVisibility.push(n),this.$store.commit("setShowFeedback",!0),this.content.hotspots.length-1===this.feedbackVisibility.length-1&&(this.$store.commit("setStepHold",!1),this.$store.commit("setStepDone",!0)),setTimeout(()=>{document.getElementById("feedbackClose")&&document.getElementById("feedbackClose").focus()}))},showFeedback(e){return!!(this.$store.getters.getShowFeedback&&this.feedbackIndex===e)}},beforeMount(){this.$store.commit("setStepDone",!1),this.$store.commit("setStepHold",!0)}},pt={class:"imageMarker"},ut=["src","alt"],ft={class:"hotspotArea"},gt=["src","alt"],bt={class:"im-buttonText"};function kt(e,n,o,c,s,i){const l=t.resolveComponent("el-button"),r=t.resolveComponent("Feedback");return t.openBlock(),t.createElementBlock("div",pt,[t.createElementVNode("img",{src:o.content.image,alt:o.content.imageAlt},null,8,ut),t.createElementVNode("div",ft,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(o.content.hotspots,(a,m)=>(t.openBlock(),t.createElementBlock(t.Fragment,null,[t.createVNode(l,{type:a.buttonType,onClick:t.withModifiers(h=>i.changePage(a,m),["stop"]),id:"hotspot_"+m,class:t.normalizeClass([["is-"+a.buttonShape,{noBG:a.buttonImage},a.class],"hotspot"]),style:t.normalizeStyle({top:i.pixelFormat(a.cordinatesX),left:i.pixelFormat(a.cordinatesY),width:i.pixelFormat(a.dimensionsW),height:i.pixelFormat(a.dimensionsH)}),icon:a.buttonIcon},{default:t.withCtx(()=>[a.buttonImage?(t.openBlock(),t.createElementBlock("img",{key:0,class:"im-ButtonImage",src:a.buttonImage,alt:"image marker "+Number(m+1)},null,8,gt)):t.createCommentVNode("",!0),t.createElementVNode("span",bt,t.toDisplayString(a.name),1)]),_:2},1032,["type","onClick","id","class","style","icon"]),i.showFeedback(m)?(t.openBlock(),t.createBlock(r,{key:0,content:a},null,8,["content"])):t.createCommentVNode("",!0)],64))),256))])])}const _t=f(mt,[["render",kt],["__scopeId","data-v-3897bfb2"]]),we="",yt={props:["content"],data(){return{imageReplaced:!1,imageSrc:this.content.image,imageAlt:this.content.imageAlt}},computed:{getLastPage(){return!!this.$store.getters.getLastPage}},methods:{pixelFormat(e){return typeof e=="number"?e+"px":e},changeImage(e){this.imageReplaced=!0,this.imageSrc=this.content.hotspots[e].imageOverlay,this.imageAlt=this.content.hotspots[e].imageOverlayAlt,this.$store.commit("setStepHold",!1),this.$store.dispatch("lastPageFocus",{})}}},wt=["innerHTML"],Ct=["src","alt"],Bt={class:"hotspotArea"};function xt(e,n,o,c,s,i){const l=t.resolveComponent("el-col"),r=t.resolveComponent("el-button"),a=t.resolveComponent("el-row");return t.openBlock(),t.createBlock(a,{class:"imageReplacer"},{default:t.withCtx(()=>[t.createVNode(l,{span:12},{default:t.withCtx(()=>[t.createElementVNode("p",{class:"imageReplacerDescription",innerHTML:o.content.description},null,8,wt)]),_:1}),t.createVNode(l,{span:12},{default:t.withCtx(()=>[t.createElementVNode("img",{class:"im-ButtonImage",src:s.imageSrc,alt:s.imageAlt},null,8,Ct),t.createElementVNode("div",Bt,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(o.content.hotspots,(m,h)=>(t.openBlock(),t.createBlock(r,{type:m.buttonType,onClick:t.withModifiers(d=>i.changeImage(h),["stop"]),class:"hotspot",style:t.normalizeStyle({top:i.pixelFormat(m.cordinatesX),left:i.pixelFormat(m.cordinatesY),width:i.pixelFormat(m.dimensionsW),height:i.pixelFormat(m.dimensionsH)}),icon:m.buttonIcon},null,8,["type","onClick","style","icon"]))),256))])]),_:1})]),_:1})}const Et=f(yt,[["render",xt],["__scopeId","data-v-02e047cd"]]),Ce="",St={components:{},props:["content"],data(){return{quizArray:[],quizOptions:[],quizItemCompleted:[],input:[],feedbackIndex:-1,totalAttempts:99,correctChoices:[],feedbackObject:{},value1:""}},watch:{},computed:{quizArrayCount(){return this.quizArray.length-1},getAttempt(){return this.$store.getters.getAttempts},getShowFeedbackAttempts(){return this.$store.getters.getShowFeedbackAttempts}},methods:{quizArrayCompleted(e){return!(this.quizItemCompleted.includes(e)\|\|e===0)},prepareQuiz(){this.quizArray=this.content.quiz.split("_").filter(e=>e),this.content.options.forEach((e,n)=>{e.options?e.random?this.quizOptions.push(this.shuffle(e.options)):this.quizOptions.push(e.options):this.quizOptions.push(!1)})},quizType(e){return this.content.options[e]&&this.content.options[e].type?this.content.options[e].type:!1},quizDisplay(e){return this.content.options[e]&&this.content.options[e].display?this.content.options[e].display:"Select"},quizClass(e){return this.content.options[e]&&this.content.options[e].class?this.content.options[e].class:""},shuffle(e){let n=e.length,o;for(;n!=0;)o=Math.floor(Math.random()n),n--,[e[n],e[o]]=[e[o],e[n]];return e},choicesCheck(){if(this.getAttempt<this.content.attempts){let e=!0,n=!1;this.input.length===0?this.content.options[0].stopFlow&&(n=!0,this.feedbackObject.feedbackHeader=this.content.options[0].notSelectedHeader,this.feedbackObject.feedback=this.content.options[0].notSelectedBody):this.content.options.forEach((o,c)=>{this.input[c]?this.input[c]!==this.content.options[c].answer&&(e=!1):this.content.options[this.input.length].stopFlow&&(n=!0,this.feedbackObject.feedbackHeader=this.content.options[this.input.length].notSelectedHeader,this.feedbackObject.feedback=this.content.options[this.input.length].notSelectedBody)}),this.$store.commit("setAttempts",this.getAttempt+1),e===!0&&this.input.length===this.quizArray.length?(this.choicesComplete(),this.feedbackObject.feedbackHeader=this.content.correctHeader,this.feedbackObject.feedback=this.content.correctFeedback):(n\|\|(this.feedbackObject.feedbackHeader=this.content.incorrectHeader,this.feedbackObject.feedback=this.content.incorrectFeedback),this.$store.commit("setAttempts",this.getAttempt+1))}else this.feedbackObject.feedbackAttempts=this.content.feedbackAttempts,this.$store.commit("setShowFeedbackAttempts",!0),this.choicesComplete();this.$store.commit("setShowFeedback",!0),setTimeout(()=>{document.getElementById("feedbackClose")&&document.getElementById("feedbackClose").focus()})},choicesComplete(){this.quizArray.forEach((e,n)=>{this.input[n]?this.input[n]=this.content.options[n].answer:this.input.push(this.content.options[n].answer),this.quizItemCompleted.push(n+1)}),this.$store.commit("setStepDone",!0),this.$store.commit("setStepHold",!1)},choicesMade(e){this.quizItemCompleted.includes(e+1)===!1&&this.quizItemCompleted.push(e+1)},showFeedback(){return!!this.$store.getters.getShowFeedback}},mounted(){if(this.prepareQuiz(),this.$store.getters.getDirections.display===!1){let e=document.getElementsByClassName("selectableButton");setTimeout(()=>{e[0].focus()})}},beforeMount(){this.$store.commit("setStepDone",!1),this.$store.commit("setAttempts",0),this.feedbackIndex=-1,this.content.attempts&&(this.totalAttempts=this.content.attempts)}};function Mt(e,n,o,c,s,i){const l=t.resolveComponent("el-option"),r=t.resolveComponent("el-select"),a=t.resolveComponent("el-date-picker"),m=t.resolveComponent("el-button"),h=t.resolveComponent("lab-feedback");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["drop-down",o.content.class])},[t.createElementVNode("p",null,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(s.quizArray,(d,p)=>(t.openBlock(),t.createElementBlock(t.Fragment,null,[t.createElementVNode("span",{class:t.normalizeClass(i.quizClass(p))},[t.createElementVNode("span",{class:t.normalizeClass("quizText quizSection_"+p)},t.toDisplayString(d)+" ",3),i.quizType(p)==="choose"?(t.openBlock(),t.createBlock(r,{key:0,onChange:u=>i.choicesMade(p),modelValue:s.input[p],"onUpdate:modelValue":u=>s.input[p]=u,placeholder:i.quizDisplay(p)},{default:t.withCtx(()=>[i.quizArrayCompleted(p)?t.createCommentVNode("",!0):(t.openBlock(!0),t.createElementBlock(t.Fragment,{key:0},t.renderList(s.quizOptions[p],u=>(t.openBlock(),t.createBlock(l,{key:u,label:u,value:u},null,8,["label","value"]))),128))]),_:2},1032,["onChange","modelValue","onUpdate:modelValue","placeholder"])):t.createCommentVNode("",!0),i.quizType(p)==="date"?(t.openBlock(),t.createBlock(a,{key:1,onChange:u=>i.choicesMade(p),modelValue:s.input[p],"onUpdate:modelValue":u=>s.input[p]=u,type:"date",placeholder:i.quizDisplay(p),format:o.content.options[p].format,"value-format":o.content.options[p].format,disabled:i.quizArrayCompleted(p)},null,8,["onChange","modelValue","onUpdate:modelValue","placeholder","format","value-format","disabled"])):t.createCommentVNode("",!0)],2),t.createTextVNode(" ")],64))),256))]),t.createVNode(m,{size:"small",type:"primary",class:"drop-down-submit",onClick:n[0]\|\|(n[0]=d=>i.choicesCheck())},{default:t.withCtx(()=>[t.createTextVNode("Submit")]),_:1}),i.showFeedback()?(t.openBlock(),t.createBlock(h,{key:0,content:s.feedbackObject},null,8,["content"])):t.createCommentVNode("",!0)],2)}const Vt=f(St,[["render",Mt]]),Be="",Nt={components:{},props:["content"],data(){return{quizArray:[],input:[],feedbackIndex:-1,totalAttempts:99,correctChoices:[],feedbackObject:{}}},watch:{},computed:{quizArrayCount(){return this.quizArray.length-1},getAttempt(){return this.$store.getters.getAttempts},getShowFeedbackAttempts(){return this.$store.getters.getShowFeedbackAttempts}},methods:{prepareQuiz(){this.quizArray=this.content.quiz.split("_")},choicesCheck(){this.getAttempt<this.content.attempts?(this.input.forEach((e,n)=>{if(this.content.answers[n]===e)this.correctChoices.includes(n)===!1&&this.correctChoices.push(n);else if(this.correctChoices.includes(n)===!0){let o=this.correctChoices.indexOf(n);this.correctChoices.splice(o,1)}}),this.input.length===0?(this.feedbackObject.feedbackHeader="You did not enter an answer",this.feedbackObject.feedback="Please enter your choice in the input field"):this.correctChoices.length===this.content.answers.length?(this.choicesComplete(),this.feedbackObject.feedbackHeader=this.content.correctHeader,this.feedbackObject.feedback=this.content.correctFeedback):(this.$store.commit("setAttempts",this.getAttempt+1),this.feedbackObject.feedbackHeader=this.content.incorrectHeader,this.feedbackObject.feedback=this.content.incorrectFeedback)):(this.feedbackObject.feedbackAttempts=this.content.feedbackAttempts,this.$store.commit("setShowFeedbackAttempts",!0),this.choicesComplete()),this.$store.commit("setShowFeedback",!0),setTimeout(()=>{document.getElementById("feedbackClose")&&document.getElementById("feedbackClose").focus()})},choicesComplete(){this.input.forEach((e,n)=>{this.input[n]=this.content.answers[n]}),this.$store.commit("setStepDone",!0),this.$store.commit("setStepHold",!1)},showFeedback(){return!!this.$store.getters.getShowFeedback}},mounted(){if(this.prepareQuiz(),this.$store.getters.getDirections.display===!1){let e=document.getElementsByClassName("selectableButton");setTimeout(()=>{e[0].focus()})}},beforeMount(){this.$store.commit("setStepDone",!1),this.$store.commit("setAttempts",0),this.feedbackIndex=-1,this.content.attempts&&(this.totalAttempts=this.content.attempts)}};function At(e,n,o,c,s,i){const l=t.resolveComponent("el-input"),r=t.resolveComponent("el-button"),a=t.resolveComponent("lab-feedback");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["fill-blank",o.content.class])},[t.createElementVNode("p",null,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(s.quizArray,(m,h)=>(t.openBlock(),t.createElementBlock(t.Fragment,null,[t.createTextVNode(t.toDisplayString(m),1),h<i.quizArrayCount?(t.openBlock(),t.createBlock(l,{key:0,modelValue:s.input[h],"onUpdate:modelValue":d=>s.input[h]=d,placeholder:"Please input",size:"small"},null,8,["modelValue","onUpdate:modelValue"])):t.createCommentVNode("",!0)],64))),256))]),t.createVNode(r,{size:"small",type:"primary",class:"fill-blank-submit",onClick:n[0]\|\|(n[0]=m=>i.choicesCheck())},{default:t.withCtx(()=>[t.createTextVNode("Submit")]),_:1}),i.showFeedback()?(t.openBlock(),t.createBlock(a,{key:0,content:s.feedbackObject},null,8,["content"])):t.createCommentVNode("",!0)],2)}const zt=f(Nt,[["render",At]]),xe="",Tt={components:{},props:["content"],data(){return{feedbackIndex:-1,totalAttempts:99}},computed:{getLastPage(){return!!this.$store.getters.getLastPage},getAttempt(){return this.$store.getters.getAttempts},getShowFeedbackAttempts(){return this.$store.getters.getShowFeedbackAttempts}},methods:{leftColWidth(){return this.content.leftColWidth?Number(this.content.leftColWidth):12},rightColWidth(){return this.content.leftColWidth?this.content.leftColWidth<24?24-this.content.leftColWidth:24:12},pixelFormat(e){return typeof e=="number"?e+"px":e},choicesComplete(){let e=document.querySelectorAll(".selectableButton");for(let n=0;n<e.length;n++)e[n].classList.add("is-failure"),e[n].setAttribute("disabled",!0),this.content.choices[n].correct&&e[n].classList.add("is-success");this.$store.commit("setStepDone",!0),this.$store.commit("setStepHold",!1)},choicesCheck(e){this.getAttempt<Number(this.content.attempts)?this.content.choices[e].correct===!0?(console.log(" it was true"),this.choicesComplete()):this.$store.commit("setAttempts",this.getAttempt+1):(this.content.choices[e].correct!==!0&&this.$store.commit("setShowFeedbackAttempts",!0),this.choicesComplete()),this.feedbackIndex=e,this.$store.commit("setShowFeedback",!0),setTimeout(()=>{document.getElementById("feedbackClose")&&document.getElementById("feedbackClose").focus()})},shuffledChoices(){let e=this.content.choices;for(let n=e.length-1;n>0;n--){const o=Math.floor(Math.random()(n+1));[e[n],e[o]]=[e[o],e[n]]}this.content.choices=e},showFeedback(e){return this.$store.getters.getShowFeedback&&this.feedbackIndex===e?(this.content.choices[e].correct&&this.choicesComplete(),!0):!1}},mounted(){if(this.$store.getters.getDirections.display===!1){let e=document.getElementsByClassName("selectableButton");setTimeout(()=>{e[0].focus()})}},beforeMount(){this.$store.commit("setStepDone",!1),this.$store.commit("setAttempts",0),this.feedbackIndex=-1,this.shuffledChoices(),this.content.attempts&&(this.totalAttempts=this.content.attempts)}},Ft=["innerHTML"],Ht={class:"buttonSpan"},Lt=["src","alt"],Dt={class:"selectable-buttonText"};function $t(e,n,o,c,s,i){const l=t.resolveComponent("lab-image"),r=t.resolveComponent("el-col"),a=t.resolveComponent("el-divider"),m=t.resolveComponent("el-button"),h=t.resolveComponent("lab-feedback"),d=t.resolveComponent("el-row");return t.openBlock(),t.createBlock(d,{id:o.content.id,class:t.normalizeClass(["selectable",o.content.classes])},{default:t.withCtx(()=>[t.createVNode(r,{span:i.leftColWidth(e.index)},{default:t.withCtx(()=>[o.content.directions?(t.openBlock(),t.createElementBlock("p",{key:0,innerHTML:o.content.directions},null,8,Ft)):t.createCommentVNode("",!0),o.content.image?(t.openBlock(),t.createBlock(l,{key:1,content:o.content.image},null,8,["content"])):t.createCommentVNode("",!0)]),_:1},8,["span"]),t.createVNode(r,{span:i.rightColWidth(e.index),class:"selectArea"},{default:t.withCtx(()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(o.content.choices,(p,u)=>(t.openBlock(),t.createElementBlock(t.Fragment,null,[!o.content.noDivider&&u>0?(t.openBlock(),t.createBlock(a,{key:0})):t.createCommentVNode("",!0),t.createVNode(m,{size:"small",type:"primary",class:"selectableButton",style:t.normalizeStyle({width:i.pixelFormat(o.content.choiceWidth),height:i.pixelFormat(o.content.choiceHeight)}),onClick:g=>i.choicesCheck(u)},{default:t.withCtx(()=>[t.createElementVNode("div",Ht,[p.image?(t.openBlock(),t.createElementBlock("img",{key:0,class:"im-ButtonImage",src:p.image,alt:p.alt?p.alt:"button image"},null,8,Lt)):t.createCommentVNode("",!0),t.createElementVNode("span",Dt,t.toDisplayString(p.text),1)])]),_:2},1032,["style","onClick"]),i.showFeedback(u)?(t.openBlock(),t.createBlock(h,{key:1,content:p},null,8,["content"])):t.createCommentVNode("",!0)],64))),256))]),_:1},8,["span"])]),_:1},8,["id","class"])}const It=f(Tt,[["render",$t],["__scopeId","data-v-bc83f1c6"]]),Ee="",jt={components:{},props:["content"],data(){return{input:"",feedbackIndex:-1,totalAttempts:99,correctChoices:[],feedbackObject:{}}},watch:{},computed:{getAttempt(){return this.$store.getters.getAttempts},getShowFeedbackAttempts(){return this.$store.getters.getShowFeedbackAttempts}},methods:{choicesCheck(){if(this.getAttempt<this.content.attempts){let e=!1;this.content.answers.forEach((n,o)=>{let c=n.toLowerCase();this.input.toLowerCase().includes(c)\|\|(e=!0)}),e?(this.$store.commit("setAttempts",this.getAttempt+1),this.feedbackObject.feedbackHeader=this.content.incorrectHeader,this.feedbackObject.feedback=this.content.incorrectFeedback):(this.choicesComplete(),this.feedbackObject.feedbackHeader=this.content.correctHeader,this.feedbackObject.feedback=this.content.correctFeedback)}else this.feedbackObject.feedbackAttempts=this.content.feedbackAttempts,this.$store.commit("setShowFeedbackAttempts",!0),this.choicesComplete();this.$store.commit("setShowFeedback",!0),setTimeout(()=>{document.getElementById("feedbackClose")&&document.getElementById("feedbackClose").focus()})},choicesComplete(){this.$store.commit("setStepDone",!0),this.$store.commit("setStepHold",!1)},showFeedback(){return!!this.$store.getters.getShowFeedback}},mounted(){if(this.$store.getters.getDirections.display===!1){let e=document.getElementsByClassName("selectableButton");setTimeout(()=>{e[0].focus()})}},beforeMount(){this.$store.commit("setStepDone",!1),this.$store.commit("setAttempts",0),this.feedbackIndex=-1,this.content.attempts&&(this.totalAttempts=this.content.attempts)}};function Ot(e,n,o,c,s,i){const l=t.resolveComponent("el-input"),r=t.resolveComponent("el-button"),a=t.resolveComponent("lab-feedback");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["textbox",o.content.class])},[t.createElementVNode("p",null,t.toDisplayString(o.content.quiz),1),t.createVNode(l,{modelValue:s.input,"onUpdate:modelValue":n[0]\|\|(n[0]=m=>s.input=m),autosize:{minRows:4,maxRows:8},type:"textarea",placeholder:"Please input"},null,8,["modelValue"]),t.createVNode(r,{size:"small",type:"primary",class:"fill-blank-submit",onClick:n[1]\|\|(n[1]=m=>i.choicesCheck())},{default:t.withCtx(()=>[t.createTextVNode("Submit")]),_:1}),i.showFeedback()?(t.openBlock(),t.createBlock(a,{key:0,content:s.feedbackObject},null,8,["content"])):t.createCommentVNode("",!0)],2)}const Rt=f(jt,[["render",Ot]]),Se="",qt={components:{},props:["content"],data(){return{quizArray:[],quizOptions:[],input:[],feedbackIndex:-1,totalAttempts:99,correctChoices:[],feedbackObject:{},value1:"",showMenuOverlay:!1}},watch:{},computed:{getAttempt(){return this.$store.getters.getAttempts},getShowFeedbackAttempts(){return this.$store.getters.getShowFeedbackAttempts}},methods:{showSub(e){let n=document.getElementById(e);n.classList.contains("jl-menu-sub_show")?(this.showMenuOverlay=!1,this.hideSubs()):(this.showMenuOverlay=!0,n.classList.add("jl-menu-sub_show"))},showSubSub(e){let n=document.getElementById(e);n.classList.contains("jl-menu-sub-sub_show")?(this.showMenuOverlay=!1,this.hideSubs()):(this.showMenuOverlay=!0,n.classList.add("jl-menu-sub-sub_show"))},hideSubs(){this.showMenuOverlay=!1;let e=document.getElementsByClassName("jl-menu-sub_show");for(;e.length>0;)e[0].classList.remove("jl-menu-sub_show");let n=document.getElementsByClassName("jl-menu-sub-sub_show");for(;n.length>0;)n[0].classList.remove("jl-menu-sub-sub_show")},choicesCheck(e){this.hideSubs();let n=!1,o="";if(this.getAttempt<this.content.attempts){if(typeof e=="string"){let c=e.split("-");c.forEach((s,i)=>{c[i]=Number(s)}),c.length===2?this.content.menu[c[0]].subMenu[c[1]].correct&&(this.content.menu[c[0]].subMenu[c[1]].page&&(o=this.content.menu[c[0]].subMenu[c[1]].page),n=!0):c.length===3&&this.content.menu[c[0]].subMenu[c[1]].subMenu[c[2]].correct&&(this.content.menu[c[0]].subMenu[c[1]].subMenu[c[2]].page&&(o=this.content.menu[c[0]].subMenu[c[1]].subMenu[c[2]].page),n=!0)}else this.content.menu[e].correct&&(this.content.menu[e].page&&(o=this.content.menu[e].page),n=!0);n?(this.choicesComplete(o),this.feedbackObject.feedbackHeader=this.content.correctHeader,this.feedbackObject.feedback=this.content.correctFeedback):(this.$store.commit("setAttempts",this.getAttempt+1),this.feedbackObject.feedbackHeader=this.content.incorrectHeader,this.feedbackObject.feedback=this.content.incorrectFeedback)}else this.$store.commit("setShowFeedbackAttempts",!0),this.choicesComplete();o===""&&this.$store.commit("setShowFeedback",!0),setTimeout(()=>{document.getElementById("feedbackClose")&&document.getElementById("feedbackClose").focus()})},choicesComplete(e){this.$store.commit("setStepDone",!0),this.$store.commit("setStepHold",!1),e!==""&&this.$store.commit("setCurrentPage",e)},showFeedback(){return!!this.$store.getters.getShowFeedback}},mounted(){this.$store.getters.getDirections.display===!1&&(document.getElementsByClassName("selectableButton"),setTimeout(()=>{}))},beforeMount(){this.$store.commit("setStepDone",!1),this.$store.commit("setAttempts",0),this.feedbackIndex=-1,this.content.attempts&&(this.totalAttempts=this.content.attempts)}},Wt={key:0},Pt=["index","onClick"],Xt={class:"jl-menu-sub__title"},Yt=["id"],Ut=["index","onClick"],Kt={class:"jl-menu-sub-sub__title"},Gt=["id"],Qt=["index","onClick"],Jt=["onClick"],Zt={key:1,class:"jl-menu-item"},vt=["index","onClick"];function te(e,n,o,c,s,i){const l=t.resolveComponent("CaretBottom"),r=t.resolveComponent("el-icon"),a=t.resolveComponent("CaretRight"),m=t.resolveComponent("lab-feedback");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["menu-chooser",o.content.class])},[s.showMenuOverlay?(t.openBlock(),t.createElementBlock("div",{key:0,class:"nav-mask",onClick:n[0]\|\|(n[0]=(...h)=>i.hideSubs&&i.hideSubs(...h))})):t.createCommentVNode("",!0),t.createElementVNode("p",null,t.toDisplayString(o.content.quiz),1),t.createElementVNode("div",{class:"jl-menu",onSelect:n[1]\|\|(n[1]=(...h)=>i.choicesCheck&&i.choicesCheck(...h))},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(o.content.menu,(h,d)=>(t.openBlock(),t.createElementBlock(t.Fragment,null,[h.subMenu?(t.openBlock(),t.createElementBlock("div",Wt,[t.createElementVNode("button",{class:t.normalizeClass("jl-menu-sub sub-"+d),index:d,tabindex:"0",role:"menuitem",onClick:t.withModifiers(p=>i.showSub("sub-"+d),["stop"])},[t.createElementVNode("div",Xt,[t.createTextVNode(t.toDisplayString(h.name)+" ",1),t.createVNode(r,null,{default:t.withCtx(()=>[t.createVNode(l)]),_:1})])],10,Pt),t.createElementVNode("div",{class:"jl-menu-sub-menu",id:"sub-"+d},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(h.subMenu,(p,u)=>(t.openBlock(),t.createElementBlock(t.Fragment,null,[p.subMenu?(t.openBlock(),t.createElementBlock(t.Fragment,{key:0},[t.createElementVNode("button",{class:t.normalizeClass("jl-menu-sub-sub sub-sub-"+u),index:d+"-"+u,tabindex:"0",role:"menuitem",onClick:t.withModifiers(g=>i.showSubSub("sub-sub-"+d),["stop"])},[t.createElementVNode("div",Kt,[t.createTextVNode(t.toDisplayString(p.name),1),t.createVNode(r,null,{default:t.withCtx(()=>[t.createVNode(a)]),_:1})])],10,Ut),t.createElementVNode("div",{class:"jl-menu-sub-sub-menu",id:"sub-sub-"+d},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(p.subMenu,(g,b)=>(t.openBlock(),t.createElementBlock("button",{class:"jl-menu-sub-sub-item",index:d+"-"+u+"-"+b,tabindex:"0",role:"menuitem",onClick:t.withModifiers(k=>i.choicesCheck(d+"-"+u+"-"+b),["stop"])},[t.createElementVNode("div",null,t.toDisplayString(g.name),1)],8,Qt))),256))],8,Gt)],64)):(t.openBlock(),t.createElementBlock("button",{key:1,class:"jl-menu-sub-item",tabindex:"0",role:"menuitem",onClick:t.withModifiers(g=>i.choicesCheck(d+"-"+u),["stop"])},[t.createElementVNode("div",null,t.toDisplayString(p.name),1)],8,Jt))],64))),256))],8,Yt)])):(t.openBlock(),t.createElementBlock("div",Zt,[t.createElementVNode("button",{class:"jl-menu-item",index:d,tabindex:"0",role:"menuitem",onClick:t.withModifiers(p=>i.choicesCheck(d),["stop"])},t.toDisplayString(h.name),9,vt)]))],64))),256))],32),i.showFeedback()?(t.openBlock(),t.createBlock(m,{key:1,content:s.feedbackObject},null,8,["content"])):t.createCommentVNode("",!0)],2)}const ee=f(qt,[["render",te]]),Me="",B={y:{t:"top",m:"marginTop",b:"bottom"},x:{l:"left",m:"marginLeft",r:"right"}};function ne(e){e.forEach((n,o)=>{document.documentElement.addEventListener(o,n)})}function oe(e){e.forEach((n,o)=>{document.documentElement.removeEventListener(o,n)})}const ie={name:"vue-drag-resize",emits:["clicked","dragging","dragstop","resizing","resizestop","activated","deactivated"],props:{stickSize:{type:Number,default:8},parentScaleX:{type:Number,default:1},parentScaleY:{type:Number,default:1},isActive:{type:Boolean,default:!1},preventActiveBehavior:{type:Boolean,default:!1},isDraggable:{type:Boolean,default:!0},isResizable:{type:Boolean,default:!0},aspectRatio:{type:Boolean,default:!1},parentLimitation:{type:Boolean,default:!1},snapToGrid:{type:Boolean,default:!1},gridX:{type:Number,default:50,validator(e){return e>=0}},gridY:{type:Number,default:50,validator(e){return e>=0}},parentW:{type:Number,default:0,validator(e){return e>=0}},parentH:{type:Number,default:0,validator(e){return e>=0}},w:{type:[String,Number],default:200,validator(e){return typeof e=="string"?e==="auto":e>=0}},h:{type:[String,Number],default:200,validator(e){return typeof e=="string"?e==="auto":e>=0}},minw:{type:Number,default:50,validator(e){return e>=0}},minh:{type:Number,default:50,validator(e){return e>=0}},x:{type:Number,default:0,validator(e){return typeof e=="number"}},y:{type:Number,default:0,validator(e){return typeof e=="number"}},z:{type:[String,Number],default:"auto",validator(e){return typeof e=="string"?e==="auto":e>=0}},dragHandle:{type:String,default:null},dragCancel:{type:String,default:null},sticks:{type:Array,default(){return["tl","tm","tr","mr","br","bm","bl","ml"]}},axis:{type:String,default:"both",validator(e){return["x","y","both","none"].indexOf(e)!==-1}},contentClass:{type:String,required:!1,default:""}},data(){return{fixAspectRatio:null,active:null,zIndex:null,parentWidth:null,parentHeight:null,left:null,top:null,right:null,bottom:null,minHeight:null}},beforeCreate(){this.stickDrag=!1,this.bodyDrag=!1,this.dimensionsBeforeMove={pointerX:0,pointerY:0,x:0,y:0,w:0,h:0},this.limits={left:{min:null,max:null},right:{min:null,max:null},top:{min:null,max:null},bottom:{min:null,max:null}},this.currentStick=null},mounted(){this.parentElement=this.$el.parentNode,this.parentWidth=this.parentW?this.parentW:this.parentElement.clientWidth,this.parentHeight=this.parentH?this.parentH:this.parentElement.clientHeight,this.left=this.x,this.top=this.y,this.right=this.parentWidth-(this.w==="auto"?this.$refs.container.scrollWidth:this.w)-this.left,this.bottom=this.parentHeight-(this.h==="auto"?this.$refs.container.scrollHeight:this.h)-this.top,this.domEvents=new Map([["mousemove",this.move],["mouseup",this.up],["mouseleave",this.up],["mousedown",this.deselect],["touchmove",this.move],["touchend",this.up],["touchcancel",this.up],["touchstart",this.up]]),ne(this.domEvents),this.dragHandle&&[...this.$el.querySelectorAll(this.dragHandle)].forEach(e=>{e.setAttribute("data-drag-handle",this._uid)}),this.dragCancel&&[...this.$el.querySelectorAll(this.dragCancel)].forEach(e=>{e.setAttribute("data-drag-cancel",this._uid)})},beforeUnmount(){oe(this.domEvents)},methods:{deselect(){this.preventActiveBehavior\|\|(this.active=!1)},move(e){if(!this.stickDrag&&!this.bodyDrag)return;e.stopPropagation();const n=typeof e.pageX<"u"?e.pageX:e.touches[0].pageX,o=typeof e.pageY<"u"?e.pageY:e.touches[0].pageY,{dimensionsBeforeMove:c}=this,s={x:(c.pointerX-n)/this.parentScaleX,y:(c.pointerY-o)/this.parentScaleY};if(this.stickDrag&&this.stickMove(s),this.bodyDrag){if(this.axis==="x")s.y=0;else if(this.axis==="y")s.x=0;else if(this.axis==="none")return;this.bodyMove(s)}},up(e){this.stickDrag?this.stickUp(e):this.bodyDrag&&this.bodyUp(e)},bodyDown(e){const{target:n,button:o}=e;if(this.preventActiveBehavior\|\|(this.active=!0),o&&o!==0\|\|(this.$emit("clicked",e),!this.active)\|\|this.dragHandle&&n.getAttribute("data-drag-handle")!==this._uid.toString()\|\|this.dragCancel&&n.getAttribute("data-drag-cancel")===this._uid.toString())return;typeof e.stopPropagation<"u"&&e.stopPropagation(),typeof e.preventDefault<"u"&&e.preventDefault(),this.isDraggable&&(this.bodyDrag=!0);const c=typeof e.pageX<"u"?e.pageX:e.touches[0].pageX,s=typeof e.pageY<"u"?e.pageY:e.touches[0].pageY;this.saveDimensionsBeforeMove({pointerX:c,pointerY:s}),this.parentLimitation&&(this.limits=this.calcDragLimitation())},bodyMove(e){const{dimensionsBeforeMove:n,parentWidth:o,parentHeight:c,gridX:s,gridY:i,width:l,height:r}=this;let a=n.top-e.y,m=n.bottom+e.y,h=n.left-e.x,d=n.right+e.x;if(this.snapToGrid){let p=!0,u=!0,g=a-Math.floor(a/i)i,b=c-m-Math.floor((c-m)/i)i,k=h-Math.floor(h/s)s,y=o-d-Math.floor((o-d)/s)s;g>i/2&&(g-=i),b>i/2&&(b-=i),k>s/2&&(k-=s),y>s/2&&(y-=s),Math.abs(b)<Math.abs(g)&&(p=!1),Math.abs(y)<Math.abs(k)&&(u=!1),a-=p?g:b,m=c-r-a,h-=u?k:y,d=o-l-h}({newLeft:this.left,newRight:this.right,newTop:this.top,newBottom:this.bottom}=this.rectCorrectionByLimit({newLeft:h,newRight:d,newTop:a,newBottom:m})),this.$emit("dragging",this.rect)},bodyUp(){this.bodyDrag=!1,this.$emit("dragging",this.rect),this.$emit("dragstop",this.rect),this.dimensionsBeforeMove={pointerX:0,pointerY:0,x:0,y:0,w:0,h:0},this.limits={left:{min:null,max:null},right:{min:null,max:null},top:{min:null,max:null},bottom:{min:null,max:null}}},stickDown(e,n,o=!1){if((!this.isResizable\|\|!this.active)&&!o)return;this.stickDrag=!0;const c=typeof n.pageX<"u"?n.pageX:n.touches[0].pageX,s=typeof n.pageY<"u"?n.pageY:n.touches[0].pageY;this.saveDimensionsBeforeMove({pointerX:c,pointerY:s}),this.currentStick=e,this.limits=this.calcResizeLimits()},saveDimensionsBeforeMove({pointerX:e,pointerY:n}){this.dimensionsBeforeMove.pointerX=e,this.dimensionsBeforeMove.pointerY=n,this.dimensionsBeforeMove.left=this.left,this.dimensionsBeforeMove.right=this.right,this.dimensionsBeforeMove.top=this.top,this.dimensionsBeforeMove.bottom=this.bottom,this.dimensionsBeforeMove.width=this.width,this.dimensionsBeforeMove.height=this.height,this.aspectFactor=this.width/this.height},stickMove(e){const{currentStick:n,dimensionsBeforeMove:o,gridY:c,gridX:s,snapToGrid:i,parentHeight:l,parentWidth:r}=this;let a=o.top,m=o.bottom,h=o.left,d=o.right;switch(n[0]){case"b":m=o.bottom+e.y,i&&(m=l-Math.round((l-m)/c)c);break;case"t":a=o.top-e.y,i&&(a=Math.round(a/c)c);break}switch(n[1]){case"r":d=o.right+e.x,i&&(d=r-Math.round((r-d)/s)s);break;case"l":h=o.left-e.x,i&&(h=Math.round(h/s)s);break}({newLeft:h,newRight:d,newTop:a,newBottom:m}=this.rectCorrectionByLimit({newLeft:h,newRight:d,newTop:a,newBottom:m})),this.aspectRatio&&({newLeft:h,newRight:d,newTop:a,newBottom:m}=this.rectCorrectionByAspectRatio({newLeft:h,newRight:d,newTop:a,newBottom:m})),this.left=h,this.right=d,this.top=a,this.bottom=m,this.$emit("resizing",this.rect)},stickUp(){this.stickDrag=!1,this.dimensionsBeforeMove={pointerX:0,pointerY:0,x:0,y:0,w:0,h:0},this.limits={left:{min:null,max:null},right:{min:null,max:null},top:{min:null,max:null},bottom:{min:null,max:null}},this.$emit("resizing",this.rect),this.$emit("resizestop",this.rect)},calcDragLimitation(){const{parentWidth:e,parentHeight:n}=this;return{left:{min:0,max:e-this.width},right:{min:0,max:e-this.width},top:{min:0,max:n-this.height},bottom:{min:0,max:n-this.height}}},calcResizeLimits(){const{aspectFactor:e,width:n,height:o,bottom:c,top:s,left:i,right:l}=this;let{minh:r,minw:a}=this;const m=this.parentLimitation?0:null;this.aspectRatio&&(a/r>e?r=a/e:a=er);const h={left:{min:m,max:i+(n-a)},right:{min:m,max:l+(n-a)},top:{min:m,max:s+(o-r)},bottom:{min:m,max:c+(o-r)}};if(this.aspectRatio){const d={left:{min:i-Math.min(s,c)e2,max:i+(o-r)/2e2},right:{min:l-Math.min(s,c)e2,max:l+(o-r)/2e2},top:{min:s-Math.min(i,l)/e2,max:s+(n-a)/2/e2},bottom:{min:c-Math.min(i,l)/e2,max:c+(n-a)/2/e2}};this.currentStick[0]==="m"?(h.left={min:Math.max(h.left.min,d.left.min),max:Math.min(h.left.max,d.left.max)},h.right={min:Math.max(h.right.min,d.right.min),max:Math.min(h.right.max,d.right.max)}):this.currentStick[1]==="m"&&(h.top={min:Math.max(h.top.min,d.top.min),max:Math.min(h.top.max,d.top.max)},h.bottom={min:Math.max(h.bottom.min,d.bottom.min),max:Math.min(h.bottom.max,d.bottom.max)})}return h},sideCorrectionByLimit(e,n){let o=n;return e.min!==null&&n<e.min?o=e.min:e.max!==null&&e.max<n&&(o=e.max),o},rectCorrectionByLimit(e){const{limits:n}=this;let{newRight:o,newLeft:c,newBottom:s,newTop:i}=e;return c=this.sideCorrectionByLimit(n.left,c),o=this.sideCorrectionByLimit(n.right,o),i=this.sideCorrectionByLimit(n.top,i),s=this.sideCorrectionByLimit(n.bottom,s),{newLeft:c,newRight:o,newTop:i,newBottom:s}},rectCorrectionByAspectRatio(e){let{newLeft:n,newRight:o,newTop:c,newBottom:s}=e;const{parentWidth:i,parentHeight:l,currentStick:r,aspectFactor:a,dimensionsBeforeMove:m}=this;let h=i-n-o,d=l-c-s;if(r[1]==="m"){const p=d-m.height;n-=pa/2,o-=pa/2}else if(r[0]==="m"){const p=h-m.width;c-=p/a/2,s-=p/a/2}else h/d>a?(h=ad,r[1]==="l"?n=i-o-h:o=i-n-h):(d=h/a,r[0]==="t"?c=l-s-d:s=l-c-d);return{newLeft:n,newRight:o,newTop:c,newBottom:s}}},computed:{positionStyle(){return{top:this.top+"px",left:this.left+"px",zIndex:this.zIndex}},sizeStyle(){return{width:this.width+"px",height:this.height+"px"}},vdrStick(){return e=>{const n={width:`${this.stickSize/this.parentScaleX}px`,height:`${this.stickSize/this.parentScaleY}px`};return n[B.y[e[0]]]=`${this.stickSize/this.parentScaleX/-2}px`,n[B.x[e[1]]]=`${this.stickSize/this.parentScaleX/-2}px`,n}},width(){return this.parentWidth-this.left-this.right},height(){return this.parentHeight-this.top-this.bottom},rect(){return{left:Math.round(this.left),top:Math.round(this.top),width:Math.round(this.width),height:Math.round(this.height)}}},watch:{active(e){e?this.$emit("activated"):this.$emit("deactivated")},isActive:{immediate:!0,handler(e){this.active=e}},z:{immediate:!0,handler(e){(e>=0\|\|e==="auto")&&(this.zIndex=e)}},x:{handler(e,n){if(this.stickDrag\|\|this.bodyDrag\|\|e===this.left)return;const o=n-e;this.bodyDown({pageX:this.left,pageY:this.top}),this.bodyMove({x:o,y:0}),this.$nextTick(()=>{this.bodyUp()})}},y:{handler(e,n){if(this.stickDrag\|\|this.bodyDrag\|\|e===this.top)return;const o=n-e;this.bodyDown({pageX:this.left,pageY:this.top}),this.bodyMove({x:0,y:o}),this.$nextTick(()=>{this.bodyUp()})}},w:{handler(e,n){if(this.stickDrag\|\|this.bodyDrag\|\|e===this.width)return;const o="mr",c=n-e;this.stickDown(o,{pageX:this.right,pageY:this.top+this.height/2},!0),this.stickMove({x:c,y:0}),this.$nextTick(()=>{this.stickUp()})}},h:{handler(e,n){if(this.stickDrag\|\|this.bodyDrag\|\|e===this.height)return;const o="bm",c=n-e;this.stickDown(o,{pageX:this.left+this.width/2,pageY:this.bottom},!0),this.stickMove({x:0,y:c}),this.$nextTick(()=>{this.stickUp()})}},parentW(e){this.right=e-this.width-this.left,this.parentWidth=e},parentH(e){this.bottom=e-this.height-this.top,this.parentHeight=e}}},se=["onMousedown","onTouchstart"];function re(e,n,o,c,s,i){return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["vdr",`${s.active\|\|o.isActive?"active":"inactive"} ${o.contentClass?o.contentClass:""}`]),style:t.normalizeStyle(i.positionStyle),onMousedown:n[0]\|\|(n[0]=l=>i.bodyDown(l)),onTouchstart:n[1]\|\|(n[1]=l=>i.bodyDown(l)),onTouchend:n[2]\|\|(n[2]=l=>i.up(l)),ref:"container",tabindex:"0"},[t.createElementVNode("div",{style:t.normalizeStyle(i.sizeStyle),class:"content-container",ref:"container2"},[t.renderSlot(e.$slots,"default")],4),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(o.sticks,l=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["vdr-stick",["vdr-stick-"+l,o.isResizable?"":"not-resizable"]]),onMousedown:t.withModifiers(r=>i.stickDown(l,r),["stop","prevent"]),onTouchstart:t.withModifiers(r=>i.stickDown(l,r),["stop","prevent"]),style:t.normalizeStyle(i.vdrStick(l))},null,46,se))),256))],38)}const x=f(ie,[["render",re]]),Ve="",ce={components:{VueDragResize:x},props:["content"],data(){return{}},watch:{},computed:{getLastPage(){return!!this.$store.getters.getLastPage}},methods:{onResizstop(e){console.log("i have stopped resizing",e)},onDragstop(e){},reset(){this.listOne=[]},getParentWidth(){let e=document.getElementsByClassName("fridgemagnet");setTimeout(()=>e[0].offsetWidth)},getParentHeight(){let e=document.getElementsByClassName("fridgemagnet");setTimeout(()=>e[0].offsetHeight)},keyboardMove(e){for(let n of e)document.getElementById(n.id).addEventListener("focusin",c=>{let s=document.getElementsByClassName("fridgemagnet");addEventListener("keydown",function(i){let l=document.getElementById(i.target.id);if(i.altKey&&i.key==="ArrowLeft"){let r=Number(l.style.left.slice(0,-2));r-10<0?l.style.left=`${r}px`:l.style.left=`${r-10}px`}if(i.altKey&&i.key==="ArrowRight"){let r=Number(l.style.left.slice(0,-2));r+10>s[0].offsetWidth-50?l.style.left=`${r}px`:l.style.left=`${r+10}px`}if(i.altKey&&i.key==="ArrowUp"){let r=Number(l.style.top.slice(0,-2));r+10<0?l.style.top=`${r}px`:l.style.top=`${r-10}px`}if(i.altKey&&i.key==="ArrowDown"){let r=Number(l.style.top.slice(0,-2));r+10>s[0].offsetHeight-80?l.style.top=`${r}px`:l.style.top=`${r+10}px`}})})}},mounted(){let e=document.getElementsByClassName("vdr");setTimeout(()=>{e[0].focus()}),this.keyboardMove(e)},beforeMount(){}},ae={class:"fridgemagnet"},le=["innerHTML"],he=["src","alt"],de=["id","src","alt"],me=["innerHTML"];function pe(e,n,o,c,s,i){const l=t.resolveComponent("VueDragResize");return t.openBlock(),t.createElementBlock("div",ae,[o.content.directions?(t.openBlock(),t.createElementBlock("p",{key:0,innerHTML:o.content.directions},null,8,le)):t.createCommentVNode("",!0),t.createElementVNode("img",{src:o.content.image,alt:o.content.imageAlt},null,8,he),t.createElementVNode("div",{class:t.normalizeClass(["fridge",o.content.class,o.content.noOutline?"no_outline":""])},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(o.content.magnets,(r,a)=>(t.openBlock(),t.createBlock(l,{id:"vdr_"+a,isActive:!0,w:r.width?r.width:50,minw:r.minWidth?r.minWidth:50,h:r.height?r.height:50,minh:r.minHeight?r.minHeight:50,x:r.x?r.x:0,y:r.y?r.y:60a,class:t.normalizeClass(r.class),parentLimitation:!0,parentW:r.parentwidth?r.parentwidth:i.getParentWidth(),parentH:r.parentheight?r.parentheight:i.getParentHeight(),isResizable:r.resizable,isDraggable:r.draggable,snapToGrid:r.snap,gridX:r.snapX,gridY:r.snapY,dragHandle:r.handle,onResizing:e.resize,onDragging:e.resize,aspectRatio:!0,onResizestop:i.onResizstop,onDragstop:i.onDragstop,sticks:["tl","bl","tr","br"]},{default:t.withCtx(()=>[r.image?(t.openBlock(),t.createElementBlock("img",{key:0,id:r.index,src:r.image,alt:r.imageAlt},null,8,de)):t.createCommentVNode("",!0),r.text?(t.openBlock(),t.createElementBlock("p",{key:1,innerHTML:r.text},null,8,me)):t.createCommentVNode("",!0)]),_:2},1032,["id","w","minw","h","minh","x","y","class","parentW","parentH","isResizable","isDraggable","snapToGrid","gridX","gridY","dragHandle","onResizing","onDragging","onResizestop","onDragstop"]))),256))],2)])}const ue=f(ce,[["render",pe]]);return{install:(e,n)=>{e.component("special-uploader",T),e.component("lab-header",L),e.component("lab-footer",w),e.component("lab-drawer",w),e.component("lab-image",Y),e.component("lab-kaltura",nt),e.component("lab-image-marker",_t),e.component("lab-image-replacer",Et),e.component("lab-feedback",C),e.component("lab-drop-down",Vt),e.component("lab-fill-blank",zt),e.component("lab-selectable",It),e.component("lab-textbox",Rt),e.component("lab-menu_chooser",ee),e.component("lab-drag-resize",x),e.component("lab-fridgemagnet",ue)}}});

package/dist/style.css CHANGED Viewed

	@@ -1 +1 @@
1	- .image-uploader{display:flex;flex-direction:column;align-items:center;border:1px solid gray;width:53%;background-color:#cecece;margin:0 auto;height:300px;box-shadow:#0000001a 0 4px 12px}.your-file{display:flex;justify-content:center;align-items:center;margin-top:20px}img{width:80%}header{display:flex;justify-content:center;align-items:center;height:40px;margin-top:10px;margin-bottom:10px}.el-pagination.is-background .el-pager li:not(.disabled).active{border:1px solid #5857A6;border-radius:4px;background-color:#3733a6!important;color:#fff;font-weight:400;box-shadow:2px 2px 6px #0000004d;transition:background .5s,color .5s}.el-pagination.is-background .el-pager li:not(.disabled).active:hover,.el-pagination.is-background .el-pager li:not(.disabled).active:focus,.el-pagination.is-background .el-pager li:not(.disabled).active:active{color:#fff;background:#5857A6;border-color:#5857a6}#app .image-container[data-v-6d545532]{position:relative;display:block;margin-bottom:10px;height:100%}#app .image-container .image[data-v-6d545532]{height:100%}#app .image-container .image img[data-v-6d545532]{max-height:100%;max-width:100%}#app .image-container.copyright[data-v-6d545532],#app .image-container.captions[data-v-6d545532]{margin-bottom:20px}#app .image-container.copyright[data-v-6d545532],#app .image-container.captions[data-v-6d545532]{margin-bottom:40px}#app .image-container .captionHeader[data-v-6d545532]{font-size:20px;text-align:center;display:block;margin-bottom:10px}#app .image-container .caption[data-v-6d545532]{font-size:13px;font-style:italic;text-align:center;display:block;margin-bottom:10px}#app .image-container .copyright[data-v-6d545532]{font-size:10px;line-height:10px;margin-top:10px;text-align:center;display:block;margin-bottom:10px}.kContainer{position:relative;height:90%}.kContainer iframe{margin:0}.kContainer .mainVersion{margin:auto;position:relative;display:block}.kContainer .mainVersion .kAudiobtn{width:30px;height:30px;position:relative;transition:opacity .4s ease;left:50%;transform:translate(-50%)}.kContainer .mainVersion .kAudiobtn .kButton.audiobtn{position:absolute;height:30px;width:30px;background:url(//cdn.flvs.net/course_view/1_0/dist/images/kaltura_audio_button.png) 0 0 no-repeat;z-index:900;cursor:pointer}.kContainer .mainVersion .kAudio{width:260px;height:38px;position:relative;transition:opacity .4s ease;left:50%;transform:translate(-50%)}.kContainer .mainVersion .kAudio .kButton.audio{position:absolute;height:40px;width:260px;background:url(//cdn.flvs.net/course_view/1_0/dist/images/kaltura_audio_standard.png) 0 0 no-repeat;z-index:900;cursor:pointer}.kContainer .mainVersion .audioIframe,.kContainer .mainVersion .audiobtnIframe{position:relative;transition:opacity .4s ease;left:50%;transform:translate(-50%)}.kContainer .mainVersion .kPoster{position:absolute;transition:opacity .4s ease;left:50%;transform:translate(-50%)}.kContainer .mainVersion .kPoster .active{display:none;visibility:hidden}.kContainer .mainVersion .kPoster .kButton{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:url(//cdn.flvs.net/course_view/1_0/dist/images/player_big_play_button.png) 0 0 no-repeat;z-index:900;width:70px;height:53px;cursor:pointer}.kContainer .mainVersion .kPoster img{position:absolute;top:0;left:0;z-index:899;height:100%;width:100%;border:1px solid #000;max-height:100%;max-width:100%}.kContainer .mainVersion .kPoster .videoIframe{z-index:897}.kContainer .mainVersion .videoIframe{position:absolute;transition:opacity .4s ease;left:50%;transform:translate(-50%);z-index:897}.kContainer button.toggleSwitch,.kContainer button.toggleSwitchFT{margin-top:0;min-width:180px;position:relative;left:50%;transform:translate(-50%)}.kContainer .kCopyright{font-size:10px;text-align:right;width:200px;position:absolute;bottom:-30px;right:0;padding:8px}.kContainer .kCopyright.kCopyrightAudio{bottom:4px}.kContainer .largePlayBtn{display:none}.kContainer .textVersion{overflow-y:auto;height:calc(100% - 10px);margin-bottom:6px}.fade-enter-active,.fade-leave-active{transition:opacity .8s}.fade-enter,.fade-leave-to{opacity:0}.el-dialog{border-radius:6px}.el-dialog .el-dialog__header .el-dialog__title{color:#000;font-size:1.5rem}.el-dialog .el-dialog__header .el-dialog__headerbtn{top:8px;right:8px;border:1px solid #404040;border-radius:4px;background:#feec86;color:#000;font-weight:400;box-shadow:2px 2px 6px #0000004d;transition:background .5s,color .5s}.el-dialog .el-dialog__header .el-dialog__headerbtn:hover,.el-dialog .el-dialog__header .el-dialog__headerbtn:focus,.el-dialog .el-dialog__header .el-dialog__headerbtn:active{color:#404040;background:#fff;border-color:#2a2a2a}.el-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close{color:#000;font-size:18px}.el-dialog .el-dialog__body{color:#212529;font-size:1rem;word-break:normal}#app div.imageMarker[data-v-3897bfb2]{position:relative;height:100%;border-radius:6px}#app div.imageMarker img[data-v-3897bfb2]{width:100%;max-width:100%;max-height:100%;border-radius:6px}#app div.imageMarker .hotspotArea[data-v-3897bfb2]{width:100%;height:100%;position:absolute;top:0;left:0}#app div.imageMarker .hotspotArea .el-button.hotspot[data-v-3897bfb2]{position:absolute;min-height:unset;padding:4px 4px 4px 7px;margin:unset}#app div.imageMarker .hotspotArea .el-button.hotspot.noBG[data-v-3897bfb2]{background-color:transparent}#app div.imageMarker .hotspotArea .el-button.hotspot img.im-ButtonImage[data-v-3897bfb2]{position:absolute;top:0;left:0}#app div.imageReplacer[data-v-02e047cd]{position:relative;height:calc(100% - 40px)}#app div.imageReplacer .el-col[data-v-02e047cd]{position:relative;height:100%}#app div.imageReplacer img[data-v-02e047cd]{width:100%;max-width:100%}#app div.imageReplacer .hotspotArea[data-v-02e047cd]{width:100%;height:100%;position:absolute;top:0;left:0}#app div.imageReplacer .hotspotArea .el-button.hotspot[data-v-02e047cd]{position:absolute;min-height:unset;padding:4px 4px 4px 7px;margin:unset;background:transparent;border:none}#app div.imageReplacer .hotspotArea .el-button.hotspot img.im-ButtonImage[data-v-02e047cd]{position:absolute;top:0;left:0}#app div.imageReplacer .hotspotArea .el-button.hotspot span.im-buttonText[data-v-02e047cd]{position:absolute;left:17px;top:12px}#app div.drop-down{background:white;margin:0 0 40px;padding:10px}#app div.drop-down p span{display:inline-block}#app div.drop-down p span .el-input{display:inline-block;margin-right:-10px}#app div.fill-blank{background:white;margin:0 0 40px;padding:10px}#app div.fill-blank .el-input{display:inline-block;margin-right:-10px}#app div.selectable .selectArea[data-v-bc83f1c6]{text-align:center}#app div.selectable .selectArea .selectableButton[data-v-bc83f1c6]{text-align:left}#app div.selectable .selectArea .selectableButton .buttonSpan[data-v-bc83f1c6]{display:flex;height:100%}#app div.selectable .selectArea .selectableButton .buttonSpan img.im-ButtonImage[data-v-bc83f1c6]{max-height:98%;margin-right:8px}#app div.textbox{position:absolute;background:white;margin:0 0 40px;width:100%;padding:20px 10px}#app div.textbox .el-input{display:inline-block;margin-right:-10px}#app div.menu-chooser{background:white;margin:0 0 40px;padding:20px 10px}#app div.menu-chooser p span{display:inline-block}#app div.menu-chooser .jl-menu{width:100%;display:flex;flex-wrap:nowrap;border-right:none;list-style:none;position:relative;margin:0;padding-left:0;background-color:#555c66;box-sizing:border-box;height:60px;z-index:1002}#app div.menu-chooser .jl-menu button.jl-menu-sub,#app div.menu-chooser .jl-menu button.jl-menu-item{height:100%;background-color:#555c66;color:#fff;padding:0 12px;position:relative;white-space:nowrap;border:none}#app div.menu-chooser .jl-menu button.jl-menu-sub:focus,#app div.menu-chooser .jl-menu button.jl-menu-sub:hover,#app div.menu-chooser .jl-menu button.jl-menu-sub:active,#app div.menu-chooser .jl-menu button.jl-menu-item:focus,#app div.menu-chooser .jl-menu button.jl-menu-item:hover,#app div.menu-chooser .jl-menu button.jl-menu-item:active{background-color:#6b7077;color:#fff;outline:2px #000 dashed!important;border:2px dashed white!important;outline-offset:-4px}#app div.menu-chooser .jl-menu div.jl-menu-sub-menu{display:none;width:100px;margin:0;padding:0;background-color:#555c66;border:1px solid white;color:#fff;box-sizing:border-box;position:absolute;top:64px}#app div.menu-chooser .jl-menu div.jl-menu-sub-menu.jl-menu-sub_show{display:block}#app div.menu-chooser .jl-menu div.jl-menu-sub-menu button.jl-menu-sub-sub,#app div.menu-chooser .jl-menu div.jl-menu-sub-menu button.jl-menu-sub-item{background-color:#555c66;color:#fff;padding:6px;display:block;border:0;width:100%;text-align:left}#app div.menu-chooser .jl-menu div.jl-menu-sub-menu button.jl-menu-sub-sub:focus,#app div.menu-chooser .jl-menu div.jl-menu-sub-menu button.jl-menu-sub-sub:hover,#app div.menu-chooser .jl-menu div.jl-menu-sub-menu button.jl-menu-sub-sub:active,#app div.menu-chooser .jl-menu div.jl-menu-sub-menu button.jl-menu-sub-item:focus,#app div.menu-chooser .jl-menu div.jl-menu-sub-menu button.jl-menu-sub-item:hover,#app div.menu-chooser .jl-menu div.jl-menu-sub-menu button.jl-menu-sub-item:active{background-color:#6b7077;color:#fff;outline:2px #000 dashed!important;border:2px dashed white!important;outline-offset:-4px}#app div.menu-chooser .jl-menu div.jl-menu-sub-sub-menu{display:none;width:180px;background:#555c66;color:#fff;border:1px solid white;position:absolute;top:0;left:106px;margin:0;padding:0}#app div.menu-chooser .jl-menu div.jl-menu-sub-sub-menu.jl-menu-sub-sub_show{display:block}#app div.menu-chooser .jl-menu div.jl-menu-sub-sub-menu button.jl-menu-sub-sub-sub,#app div.menu-chooser .jl-menu div.jl-menu-sub-sub-menu button.jl-menu-sub-sub-item{background-color:#555c66;color:#fff;padding:6px;display:block;border:0;width:100%;text-align:left}#app div.menu-chooser .jl-menu div.jl-menu-sub-sub-menu button.jl-menu-sub-sub-sub:focus,#app div.menu-chooser .jl-menu div.jl-menu-sub-sub-menu button.jl-menu-sub-sub-sub:hover,#app div.menu-chooser .jl-menu div.jl-menu-sub-sub-menu button.jl-menu-sub-sub-sub:active,#app div.menu-chooser .jl-menu div.jl-menu-sub-sub-menu button.jl-menu-sub-sub-item:focus,#app div.menu-chooser .jl-menu div.jl-menu-sub-sub-menu button.jl-menu-sub-sub-item:hover,#app div.menu-chooser .jl-menu div.jl-menu-sub-sub-menu button.jl-menu-sub-sub-item:active{background-color:#6b7077;color:#fff;outline:2px #000 dashed!important;border:2px dashed white!important;outline-offset:-4px}#app div.menu-chooser .nav-mask{top:0;left:0;z-index:1001;overflow:hidden;position:fixed;width:100%;height:100%;background-color:#0003;transition:opacity .3s ease}
1	+ .image-uploader{display:flex;flex-direction:column;align-items:center;border:1px solid gray;width:53%;background-color:#cecece;margin:0 auto;height:300px;box-shadow:#0000001a 0 4px 12px}.your-file{display:flex;justify-content:center;align-items:center;margin-top:20px}img{width:80%}header{display:flex;justify-content:center;align-items:center;height:40px;margin-top:10px;margin-bottom:10px}.el-pagination.is-background .el-pager li:not(.disabled).active{border:1px solid #5857A6;border-radius:4px;background-color:#3733a6!important;color:#fff;font-weight:400;box-shadow:2px 2px 6px #0000004d;transition:background .5s,color .5s}.el-pagination.is-background .el-pager li:not(.disabled).active:hover,.el-pagination.is-background .el-pager li:not(.disabled).active:focus,.el-pagination.is-background .el-pager li:not(.disabled).active:active{color:#fff;background:#5857A6;border-color:#5857a6}#app .image-container[data-v-6d545532]{position:relative;display:block;margin-bottom:10px;height:100%}#app .image-container .image[data-v-6d545532]{height:100%}#app .image-container .image img[data-v-6d545532]{max-height:100%;max-width:100%}#app .image-container.copyright[data-v-6d545532],#app .image-container.captions[data-v-6d545532]{margin-bottom:20px}#app .image-container.copyright[data-v-6d545532],#app .image-container.captions[data-v-6d545532]{margin-bottom:40px}#app .image-container .captionHeader[data-v-6d545532]{font-size:20px;text-align:center;display:block;margin-bottom:10px}#app .image-container .caption[data-v-6d545532]{font-size:13px;font-style:italic;text-align:center;display:block;margin-bottom:10px}#app .image-container .copyright[data-v-6d545532]{font-size:10px;line-height:10px;margin-top:10px;text-align:center;display:block;margin-bottom:10px}.kContainer{position:relative;height:90%}.kContainer iframe{margin:0}.kContainer .mainVersion{margin:auto;position:relative;display:block}.kContainer .mainVersion .kAudiobtn{width:30px;height:30px;position:relative;transition:opacity .4s ease;left:50%;transform:translate(-50%)}.kContainer .mainVersion .kAudiobtn .kButton.audiobtn{position:absolute;height:30px;width:30px;background:url(//cdn.flvs.net/course_view/1_0/dist/images/kaltura_audio_button.png) 0 0 no-repeat;z-index:900;cursor:pointer}.kContainer .mainVersion .kAudio{width:260px;height:38px;position:relative;transition:opacity .4s ease;left:50%;transform:translate(-50%)}.kContainer .mainVersion .kAudio .kButton.audio{position:absolute;height:40px;width:260px;background:url(//cdn.flvs.net/course_view/1_0/dist/images/kaltura_audio_standard.png) 0 0 no-repeat;z-index:900;cursor:pointer}.kContainer .mainVersion .audioIframe,.kContainer .mainVersion .audiobtnIframe{position:relative;transition:opacity .4s ease;left:50%;transform:translate(-50%)}.kContainer .mainVersion .kPoster{position:absolute;transition:opacity .4s ease;left:50%;transform:translate(-50%)}.kContainer .mainVersion .kPoster .active{display:none;visibility:hidden}.kContainer .mainVersion .kPoster .kButton{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:url(//cdn.flvs.net/course_view/1_0/dist/images/player_big_play_button.png) 0 0 no-repeat;z-index:900;width:70px;height:53px;cursor:pointer}.kContainer .mainVersion .kPoster img{position:absolute;top:0;left:0;z-index:899;height:100%;width:100%;border:1px solid #000;max-height:100%;max-width:100%}.kContainer .mainVersion .kPoster .videoIframe{z-index:897}.kContainer .mainVersion .videoIframe{position:absolute;transition:opacity .4s ease;left:50%;transform:translate(-50%);z-index:897}.kContainer button.toggleSwitch,.kContainer button.toggleSwitchFT{margin-top:0;min-width:180px;position:relative;left:50%;transform:translate(-50%)}.kContainer .kCopyright{font-size:10px;text-align:right;width:200px;position:absolute;bottom:-30px;right:0;padding:8px}.kContainer .kCopyright.kCopyrightAudio{bottom:4px}.kContainer .largePlayBtn{display:none}.kContainer .textVersion{overflow-y:auto;height:calc(100% - 10px);margin-bottom:6px}.fade-enter-active,.fade-leave-active{transition:opacity .8s}.fade-enter,.fade-leave-to{opacity:0}.el-dialog{border-radius:6px}.el-dialog .el-dialog__header .el-dialog__title{color:#000;font-size:1.5rem}.el-dialog .el-dialog__header .el-dialog__headerbtn{top:8px;right:8px;border:1px solid #404040;border-radius:4px;background:#feec86;color:#000;font-weight:400;box-shadow:2px 2px 6px #0000004d;transition:background .5s,color .5s}.el-dialog .el-dialog__header .el-dialog__headerbtn:hover,.el-dialog .el-dialog__header .el-dialog__headerbtn:focus,.el-dialog .el-dialog__header .el-dialog__headerbtn:active{color:#404040;background:#fff;border-color:#2a2a2a}.el-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close{color:#000;font-size:18px}.el-dialog .el-dialog__body{color:#212529;font-size:1rem;word-break:normal}#app div.imageMarker[data-v-3897bfb2]{position:relative;height:100%;border-radius:6px}#app div.imageMarker img[data-v-3897bfb2]{width:100%;max-width:100%;max-height:100%;border-radius:6px}#app div.imageMarker .hotspotArea[data-v-3897bfb2]{width:100%;height:100%;position:absolute;top:0;left:0}#app div.imageMarker .hotspotArea .el-button.hotspot[data-v-3897bfb2]{position:absolute;min-height:unset;padding:4px 4px 4px 7px;margin:unset}#app div.imageMarker .hotspotArea .el-button.hotspot.noBG[data-v-3897bfb2]{background-color:transparent}#app div.imageMarker .hotspotArea .el-button.hotspot img.im-ButtonImage[data-v-3897bfb2]{position:absolute;top:0;left:0}#app div.imageReplacer[data-v-02e047cd]{position:relative;height:calc(100% - 40px)}#app div.imageReplacer .el-col[data-v-02e047cd]{position:relative;height:100%}#app div.imageReplacer img[data-v-02e047cd]{width:100%;max-width:100%}#app div.imageReplacer .hotspotArea[data-v-02e047cd]{width:100%;height:100%;position:absolute;top:0;left:0}#app div.imageReplacer .hotspotArea .el-button.hotspot[data-v-02e047cd]{position:absolute;min-height:unset;padding:4px 4px 4px 7px;margin:unset;background:transparent;border:none}#app div.imageReplacer .hotspotArea .el-button.hotspot img.im-ButtonImage[data-v-02e047cd]{position:absolute;top:0;left:0}#app div.imageReplacer .hotspotArea .el-button.hotspot span.im-buttonText[data-v-02e047cd]{position:absolute;left:17px;top:12px}#app div.drop-down{background:white;margin:0 0 40px;padding:10px}#app div.drop-down p span{display:inline-block}#app div.drop-down p span .el-input{display:inline-block;margin-right:-10px}#app div.fill-blank{background:white;margin:0 0 40px;padding:10px}#app div.fill-blank .el-input{display:inline-block;margin-right:-10px}#app div.selectable .selectArea[data-v-bc83f1c6]{text-align:center}#app div.selectable .selectArea .selectableButton[data-v-bc83f1c6]{text-align:left}#app div.selectable .selectArea .selectableButton .buttonSpan[data-v-bc83f1c6]{display:flex;height:100%}#app div.selectable .selectArea .selectableButton .buttonSpan img.im-ButtonImage[data-v-bc83f1c6]{max-height:98%;margin-right:8px}#app div.textbox{position:absolute;background:white;margin:0 0 40px;width:100%;padding:20px 10px}#app div.textbox .el-input{display:inline-block;margin-right:-10px}#app div.menu-chooser{background:white;margin:0 0 40px;padding:20px 10px}#app div.menu-chooser p span{display:inline-block}#app div.menu-chooser .jl-menu{width:100%;display:flex;flex-wrap:nowrap;border-right:none;list-style:none;position:relative;margin:0;padding-left:0;background-color:#555c66;box-sizing:border-box;height:60px;z-index:1002}#app div.menu-chooser .jl-menu button.jl-menu-sub,#app div.menu-chooser .jl-menu button.jl-menu-item{height:100%;background-color:#555c66;color:#fff;padding:0 12px;position:relative;white-space:nowrap;border:none}#app div.menu-chooser .jl-menu button.jl-menu-sub:focus,#app div.menu-chooser .jl-menu button.jl-menu-sub:hover,#app div.menu-chooser .jl-menu button.jl-menu-sub:active,#app div.menu-chooser .jl-menu button.jl-menu-item:focus,#app div.menu-chooser .jl-menu button.jl-menu-item:hover,#app div.menu-chooser .jl-menu button.jl-menu-item:active{background-color:#6b7077;color:#fff;outline:2px #000 dashed!important;border:2px dashed white!important;outline-offset:-4px}#app div.menu-chooser .jl-menu div.jl-menu-sub-menu{display:none;width:100px;margin:0;padding:0;background-color:#555c66;border:1px solid white;color:#fff;box-sizing:border-box;position:absolute;top:64px}#app div.menu-chooser .jl-menu div.jl-menu-sub-menu.jl-menu-sub_show{display:block}#app div.menu-chooser .jl-menu div.jl-menu-sub-menu button.jl-menu-sub-sub,#app div.menu-chooser .jl-menu div.jl-menu-sub-menu button.jl-menu-sub-item{background-color:#555c66;color:#fff;padding:6px;display:block;border:0;width:100%;text-align:left}#app div.menu-chooser .jl-menu div.jl-menu-sub-menu button.jl-menu-sub-sub:focus,#app div.menu-chooser .jl-menu div.jl-menu-sub-menu button.jl-menu-sub-sub:hover,#app div.menu-chooser .jl-menu div.jl-menu-sub-menu button.jl-menu-sub-sub:active,#app div.menu-chooser .jl-menu div.jl-menu-sub-menu button.jl-menu-sub-item:focus,#app div.menu-chooser .jl-menu div.jl-menu-sub-menu button.jl-menu-sub-item:hover,#app div.menu-chooser .jl-menu div.jl-menu-sub-menu button.jl-menu-sub-item:active{background-color:#6b7077;color:#fff;outline:2px #000 dashed!important;border:2px dashed white!important;outline-offset:-4px}#app div.menu-chooser .jl-menu div.jl-menu-sub-sub-menu{display:none;width:180px;background:#555c66;color:#fff;border:1px solid white;position:absolute;top:0;left:106px;margin:0;padding:0}#app div.menu-chooser .jl-menu div.jl-menu-sub-sub-menu.jl-menu-sub-sub_show{display:block}#app div.menu-chooser .jl-menu div.jl-menu-sub-sub-menu button.jl-menu-sub-sub-sub,#app div.menu-chooser .jl-menu div.jl-menu-sub-sub-menu button.jl-menu-sub-sub-item{background-color:#555c66;color:#fff;padding:6px;display:block;border:0;width:100%;text-align:left}#app div.menu-chooser .jl-menu div.jl-menu-sub-sub-menu button.jl-menu-sub-sub-sub:focus,#app div.menu-chooser .jl-menu div.jl-menu-sub-sub-menu button.jl-menu-sub-sub-sub:hover,#app div.menu-chooser .jl-menu div.jl-menu-sub-sub-menu button.jl-menu-sub-sub-sub:active,#app div.menu-chooser .jl-menu div.jl-menu-sub-sub-menu button.jl-menu-sub-sub-item:focus,#app div.menu-chooser .jl-menu div.jl-menu-sub-sub-menu button.jl-menu-sub-sub-item:hover,#app div.menu-chooser .jl-menu div.jl-menu-sub-sub-menu button.jl-menu-sub-sub-item:active{background-color:#6b7077;color:#fff;outline:2px #000 dashed!important;border:2px dashed white!important;outline-offset:-4px}#app div.menu-chooser .nav-mask{top:0;left:0;z-index:1001;overflow:hidden;position:fixed;width:100%;height:100%;background-color:#0003;transition:opacity .3s ease}.vdr{position:absolute;box-sizing:border-box}.vdr.active:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;box-sizing:border-box;outline:1px dashed #d6d6d6}.vdr-stick{box-sizing:border-box;position:absolute;font-size:1px;background:#ffffff;border:1px solid #6c6c6c;box-shadow:0 0 2px #bbb}.inactive .vdr-stick{display:none}.vdr-stick-tl,.vdr-stick-br{cursor:nwse-resize}.vdr-stick-tm,.vdr-stick-bm{left:50%;cursor:ns-resize}.vdr-stick-tr,.vdr-stick-bl{cursor:nesw-resize}.vdr-stick-ml,.vdr-stick-mr{top:50%;cursor:ew-resize}.vdr-stick.not-resizable{display:none}.content-container{display:block;position:relative}#app div.fridgemagnet{position:relative;margin-bottom:12px;height:100%;width:100%}#app div.fridgemagnet .fridge{width:100%;height:100%;position:absolute;top:0;left:0}#app div.fridgemagnet .fridge.no_outline .vdr.active:before{content:none}#app div.fridgemagnet .fridge .vdr .content-container{width:100%;max-width:100%;max-height:100%;border-radius:6px}#app div.fridgemagnet .fridge .vdr .content-container img{max-width:100%;max-height:100%}#app div.fridgemagnet .fridge .vdr .content-container p{margin:0}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "labmaker-plugin",
-  "version": "0.0.14",
+  "version": "0.0.16",
   "type": "module",
   "files": [
     "dist"
@@ -31,6 +31,7 @@
     "@vitejs/plugin-vue": "^4.2.3",
     "eslint": "^8.39.0",
     "eslint-plugin-vue": "^9.11.0",
-    "vite": "^4.3.5"
+    "vite": "^4.3.5",
+    "vue3-drag-resize": "^2.0.5"
   }
 }