labmaker-plugin 0.0.315 → 0.0.318
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/labmaker-plugin.js
CHANGED
|
@@ -127,7 +127,7 @@ const to = {
|
|
|
127
127
|
return this.content.src;
|
|
128
128
|
},
|
|
129
129
|
pngImageSrc() {
|
|
130
|
-
return !this.tempImage || this.tempImage === " " ? "//cdn.flvs.net/course_view/1_0/dist/images/placeholder.png" : this.tempImage;
|
|
130
|
+
return !this.tempImage || this.tempImage === " " ? this.content.posterSrc ? this.content.posterSrc : "//cdn.flvs.net/course_view/1_0/dist/images/placeholder.png" : this.tempImage;
|
|
131
131
|
}
|
|
132
132
|
},
|
|
133
133
|
methods: {
|
|
@@ -162,7 +162,7 @@ const to = {
|
|
|
162
162
|
beforeMount() {
|
|
163
163
|
this.stepperStore = this.stepperMain(), this.alphanum = Math.random().toString(36).replace("0.", "");
|
|
164
164
|
}
|
|
165
|
-
}, so = (A) => (e5("data-v-
|
|
165
|
+
}, so = (A) => (e5("data-v-8a2b22b7"), A = A(), a5(), A), io = { class: "image-container" }, no = { class: "image" }, oo = /* @__PURE__ */ so(() => /* @__PURE__ */ d("span", {
|
|
166
166
|
class: "screenReaderAlt",
|
|
167
167
|
"aria-hidden": "true"
|
|
168
168
|
}, "Start Animation", -1)), lo = ["id", "alt", "src"], fo = ["id", "src", "alt"], ho = ["innerHTML"], uo = ["innerHTML"], mo = ["innerHTML"];
|
|
@@ -232,7 +232,7 @@ function Ho(A, c, e, a, r, t) {
|
|
|
232
232
|
])
|
|
233
233
|
]);
|
|
234
234
|
}
|
|
235
|
-
const vo = /* @__PURE__ */ Z(to, [["render", Ho], ["__scopeId", "data-v-
|
|
235
|
+
const vo = /* @__PURE__ */ Z(to, [["render", Ho], ["__scopeId", "data-v-8a2b22b7"]]);
|
|
236
236
|
const Co = {
|
|
237
237
|
props: ["content"],
|
|
238
238
|
//moduleLessonPage
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(function(s,o4){typeof exports=="object"&&typeof module<"u"?module.exports=o4(require("vue")):typeof define=="function"&&define.amd?define(["vue"],o4):(s=typeof globalThis<"u"?globalThis:s||self,s.LabmakerPlugin=o4(s.Vue))})(this,function(s){"use strict";const o4="",_=(A,c)=>{const e=A.__vccOpts||A;for(const[a,r]of c)e[a]=r;return e},pi={props:["custom-img"],data(){return{imgSRC:this.customImg}},computed:{},methods:{fileUpload(A){const e=A.target.files[0];this.fileProcess(e)},fileProcess(A){this.imgSRC=URL.createObjectURL(A)}},mounted(){}},Bi=s.createElementVNode("h1",null,"File Uploader",-1),di={class:"image-uploader"},gi=s.createElementVNode("h1",null,"File Uploader",-1),vi={class:"your-file"},zi=["src"];function Vi(A,c,e,a,r,t){return s.openBlock(),s.createElementBlock(s.Fragment,null,[Bi,s.createElementVNode("div",di,[gi,s.createElementVNode("input",{onChange:c[0]||(c[0]=(...n)=>t.fileUpload&&t.fileUpload(...n)),type:"file",id:"file-upload",name:"fileUpload",accept:"image/*"},null,32),s.createElementVNode("div",vi,[s.createElementVNode("img",{src:r.imgSRC,alt:"",scrset:""},null,8,zi)])])],64)}const Mi=_(pi,[["render",Vi]]),xY="",wi={props:["title"],data(){return{}},computed:{}};function Li(A,c,e,a,r,t){return s.openBlock(),s.createElementBlock("header",null,[s.createElementVNode("h1",null,s.toDisplayString(e.title),1)])}const Fi=_(wi,[["render",Li]]),yY="",Qi={props:["content","image"],data(){return{}},computed:{},methods:{pixelFormat(A){return this.stepperStore.pixelFormat(A)}},mounted(){var A;(A=this.image)!=null&&A.supportImage||this.stepperStore.finishSteps()},beforeMount(){this.stepperStore=this.stepperMain()}},Ui={class:"image-container"},bi={class:"image"},xi=["src","alt"],yi=["innerHTML"],Si=["innerHTML"],Ni=["innerHTML"];function ki(A,c,e,a,r,t){return s.openBlock(),s.createElementBlock("div",Ui,[s.createElementVNode("div",bi,[s.createElementVNode("img",{src:e.content.src,alt:e.content.alt,class:s.normalizeClass(e.content.class)},null,10,xi),e.content.captionHeader?(s.openBlock(),s.createElementBlock("span",{key:0,class:"captionHeader",innerHTML:e.content.captionHeader},null,8,yi)):s.createCommentVNode("",!0),e.content.caption?(s.openBlock(),s.createElementBlock("span",{key:1,class:"caption",innerHTML:e.content.caption},null,8,Si)):s.createCommentVNode("",!0),e.content.copyright?(s.openBlock(),s.createElementBlock("span",{key:2,innerHTML:e.content.copyright,class:"copyright"},null,8,Ni)):s.createCommentVNode("",!0)])])}const Ei=_(Qi,[["render",ki],["__scopeId","data-v-9c649cb5"]]),SY="",Ii={props:["content"],data(){return{showGif:!1,showPause:!1,tempGif:"",tempImage:"",alphanum:"",imgWidth:"",imgHeight:""}},computed:{altText(){return!this.content.altText&&this.content.textVersion?"Select text version for a more detailed description.":this.content.altText},imageSrc(){return this.content.src},pngImageSrc(){return!this.tempImage||this.tempImage===" "?"//cdn.flvs.net/course_view/1_0/dist/images/placeholder.png":this.tempImage}},methods:{process(){this.tempGif=document.getElementById("giffyGif_"+this.alphanum),this.tempGif.onload=()=>{this.imgHeight=this.tempGif.height,this.imgWidth=this.tempGif.width;let A=document.createElement("canvas");A.width=this.imgWidth,A.height=this.imgHeight,A.getContext("2d").drawImage(this.tempGif,0,0),this.tempImage=A.toDataURL("image/png")}},playGif(){this.showGif=!this.showGif,this.content.animDuration&&this.showGif&&setTimeout(()=>{this.showGif=!1},this.content.animDuration),this.stepperStore.finishSteps()},pauseGif(){this.showGif&&(this.showPause=!0)},pauseGifHide(){this.showPause=!1},updateGifSize(){let A=document.getElementById("giffyPng_"+this.alphanum);A.complete?(this.imgWidth=A.width,this.imgHeight=A.height):A.onload=function(){this.imgWidth=A.width,this.imgHeight=A.height,A.onload=null}}},mounted(){this.process()},beforeMount(){this.stepperStore=this.stepperMain(),this.alphanum=Math.random().toString(36).replace("0.","")}},Ti=A=>(s.pushScopeId("data-v-9331462e"),A=A(),s.popScopeId(),A),Di={class:"image-container"},Ki={class:"image"},_i=Ti(()=>s.createElementVNode("span",{class:"screenReaderAlt","aria-hidden":"true"},"Start Animation",-1)),Ri=["id","alt","src"],Oi=["id","src","alt"],Pi=["innerHTML"],Gi=["innerHTML"],Wi=["innerHTML"];function Xi(A,c,e,a,r,t){return s.openBlock(),s.createElementBlock("div",Di,[s.createElementVNode("div",Ki,[s.createElementVNode("a",{href:"javascript:void(0)","aria-label":"play","aria-hidden":"true",class:"gAnimBg",onMouseover:c[0]||(c[0]=(...n)=>t.pauseGif&&t.pauseGif(...n)),onMouseout:c[1]||(c[1]=(...n)=>t.pauseGifHide&&t.pauseGifHide(...n)),onClick:c[2]||(c[2]=(...n)=>t.playGif&&t.playGif(...n))},[_i,s.withDirectives(s.createElementVNode("div",{class:s.normalizeClass(["playButtonStyles",{dark:e.content.animButton==="dark"}])},[s.createElementVNode("div",{class:s.normalizeClass(["playButtonIconStyles",{dark:e.content.animButton==="dark"}])},null,2)],2),[[s.vShow,r.showGif===!1]]),s.withDirectives(s.createElementVNode("div",{class:s.normalizeClass(["pauseButtonStyles",{dark:e.content.animButton==="dark"}])},[s.createElementVNode("div",{class:s.normalizeClass(["pauseButtonIconStyles",{dark:e.content.animButton==="dark"}])},null,2)],2),[[s.vShow,r.showPause]]),s.withDirectives(s.createElementVNode("img",{id:"giffyPng_"+r.alphanum,class:s.normalizeClass(["giffyPng",e.content.class]),alt:t.altText,src:t.pngImageSrc},null,10,Ri),[[s.vShow,r.showGif===!1]]),s.withDirectives(s.createElementVNode("img",{id:"giffyGif_"+r.alphanum,src:t.imageSrc,alt:t.altText,class:s.normalizeClass(["giffyGif",e.content.class])},null,10,Oi),[[s.vShow,r.showGif]])],32),e.content.captionHeader?(s.openBlock(),s.createElementBlock("span",{key:0,class:"captionHeader",innerHTML:e.content.captionHeader},null,8,Pi)):s.createCommentVNode("",!0),e.content.caption?(s.openBlock(),s.createElementBlock("span",{key:1,class:"caption",innerHTML:e.content.caption},null,8,Gi)):s.createCommentVNode("",!0),e.content.copyright?(s.openBlock(),s.createElementBlock("span",{key:2,innerHTML:e.content.copyright,class:"copyright"},null,8,Wi)):s.createCommentVNode("",!0)])])}const qi=_(Ii,[["render",Xi],["__scopeId","data-v-9331462e"]]),NY="",Yi={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 A=this.content.height;return A.slice(-2)==="px"?A.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 A=this.content.height;return A.slice(-2)==="px"?A.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 A=this.content.width;return A.slice(-2)==="px"?A.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(A){return A==="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(A){let c={uiconf_id:"35766781",partner_id:"2061901",entry_id:"",height:"400",width:"640",type:"video"};return c.entry_id=this.content.kalturaEntryId,this.content.kalturaType&&(c.type=this.content.kalturaType),c.type==="audio"?c.uiconf_id="36511471":c.type==="audiobtn"?c.uiconf_id="36582731":c.type==="videocc"&&(c.uiconf_id="35766781"),this.content.standalone&&(this.stepperStore.stepHold=!1),"https://cdnapisec.kaltura.com/p/"+c.partner_id+"/sp/"+c.partner_id+"00/embedIframeJs/uiconf_id/"+c.uiconf_id+"/partner_id/"+c.partner_id+"?iframeembed=true&playerId=Kaltura&entry_id="+c.entry_id},showKaltura(){this.showingKaltura=!0},showText(){this.showingText=!this.showingText,this.buttonText=!this.buttonText},tvCleaner(){let A=document.createElement("div");A.innerHTML=this.content.textVersion;for(let c=0;c<A.children.length;c++){let e=A.children[c];if(e.tagName=="DIV"&&e.className=="panel-default"&&e.children[0].dataset.toggle)for(let a=0;a<e.children.length;a++){let r=e.children[a];if(r.dataset.toggle=="collapse"){let t={heading:r.innerHTML,body:e.children[a+1].innerHTML};this.textversionArray[c]=t}}else this.textversionArray[c]=e.outerHTML}}},beforeMount(){this.stepperStore=this.stepperMain(),this.stepperStore.resetSteps("vidText"),this.kalturaLoad(),this.tvCleaner()},mounted(){if(this.stepperStore.getDirections.display===!1){let A=document.getElementsByClassName("vidText");setTimeout(()=>{A[0].focus()})}this.stepperStore.finishSteps()}},Ji={key:0,class:"textVersion"},ji=s.createElementVNode("h1",null,"Text Version",-1),$i=["innerHTML"],Zi=["src","width","height"],Ao=["src","width","height"],co=["src","width","height"],eo={key:2,class:"alert alert-danger"};function ao(A,c,e,a,r,t){const n=s.resolveComponent("el-button");return s.openBlock(),s.createElementBlock("div",{class:s.normalizeClass(["kContainer",e.content.class])},[e.content.textVersion&&r.showingText?(s.openBlock(),s.createElementBlock("div",Ji,[ji,s.createElementVNode("div",{innerHTML:e.content.textVersion},null,8,$i)])):s.createCommentVNode("",!0),!r.showingText&&e.content.kalturaEntryId?(s.openBlock(),s.createElementBlock("div",{key:1,class:"mainVersion",style:s.normalizeStyle({width:t.kWidth+"px",height:t.kHeight+"px"})},[e.content.kalturaType=="video"&&!r.showingKaltura?(s.openBlock(),s.createElementBlock("div",{key:0,class:s.normalizeClass(["kPoster",{active:r.showingKaltura==!0}]),style:s.normalizeStyle({width:t.kWidth+"px",height:t.kHeight+"px"})},[s.createElementVNode("iframe",{onClick:c[0]||(c[0]=(...i)=>t.showKaltura&&t.showKaltura(...i)),class:"videoIframe",src:t.kalturaMedia(e.content),width:t.kWidth+"px",height:t.kHeight+"px",allowfullscreen:"",webkitallowfullscreen:"",mozAllowFullScreen:"",frameborder:"0"},null,8,Zi)],6)):s.createCommentVNode("",!0),e.content.kalturaType=="audio"?(s.openBlock(),s.createElementBlock("div",{key:1,class:s.normalizeClass(["kAudio",{active:r.showingKaltura==!0}]),onClick:c[1]||(c[1]=(...i)=>t.showKaltura&&t.showKaltura(...i))},[s.createElementVNode("iframe",{id:"my_iframe",src:t.kalturaMedia(e.content),width:t.kWidth+"px",height:t.kHeight+"px",allowfullscreen:"",webkitallowfullscreen:"",mozAllowFullScreen:"",frameborder:"0"},null,8,Ao)],2)):s.createCommentVNode("",!0),e.content.kalturaType=="audiobtn"?(s.openBlock(),s.createElementBlock("div",{key:2,class:s.normalizeClass(["kAudiobtn",{active:r.showingKaltura==!0}]),onClick:c[2]||(c[2]=(...i)=>t.showKaltura&&t.showKaltura(...i))},[s.createElementVNode("iframe",{src:t.kalturaMedia(e.content),width:r.audioBtn.width+"px",height:r.audioBtn.height+"px",allowfullscreen:"",webkitallowfullscreen:"",mozAllowFullScreen:"",frameborder:"0"},null,8,co)],2)):s.createCommentVNode("",!0)],4)):s.createCommentVNode("",!0),e.content.kalturaEntryId==""?(s.openBlock(),s.createElementBlock("div",eo,"There is no Kaltura Entry ID")):s.createCommentVNode("",!0),e.content.textVersion?(s.openBlock(),s.createBlock(n,{key:3,size:"medium",type:"primary","aria-label":"text version",class:"toggleSwitch ftSwitch btn btn-primary vidText",onClick:c[3]||(c[3]=s.withModifiers(i=>t.showText(e.content.kalturaType),["stop"]))},{default:s.withCtx(()=>[s.createTextVNode(s.toDisplayString(t.getButtonText(e.content.kalturaType)),1)]),_:1})):s.createCommentVNode("",!0)],2)}const ro=_(Yi,[["render",ao]]),kY="",to={props:["content"],data(){return{value1:50,styleObject:{height:"",width:""}}},computed:{dark(){return this.content.dark?"dark":!1},vertical(){return!!this.content.vertical},verticalClass(){return this.content.vertical?"is-vertical":!1},style(){return this.content.vertical?(this.styleObject.height=100-this.value1+"%",this.styleObject.width=""):(this.styleObject.height="",this.styleObject.width=this.value1+"%"),this.styleObject},captionWidth(){return this.value1<=30&&!this.content.vertical?"200px":"100%"}},methods:{pixelFormat(A){return this.stepperStore.pixelFormat(A)},updateStartHeight(){return this.content.startHeight&&(this.value1=this.content.startHeight),!1}},mounted(){this.stepperStore.finishSteps(),this.updateStartHeight()},beforeMount(){this.stepperStore=this.stepperMain()}},so={class:"image-compare"},no={class:"image"},io=["src","alt"],oo=["innerHTML"],lo=["innerHTML"],fo=["innerHTML"],mo=["src","alt"],ho={class:"captionAreaRight"},uo=["innerHTML"],Ho=["innerHTML"],Co=["innerHTML"];function po(A,c,e,a,r,t){const n=s.resolveComponent("el-slider");return s.openBlock(),s.createElementBlock("div",so,[s.createVNode(n,{class:s.normalizeClass(["imageSlide",t.dark]),modelValue:r.value1,"onUpdate:modelValue":c[0]||(c[0]=i=>r.value1=i),step:5,"show-tooltip":!1,vertical:t.vertical},null,8,["class","modelValue","vertical"]),s.createElementVNode("div",no,[s.createElementVNode("div",{class:s.normalizeClass(["imageLeft",t.dark,t.verticalClass]),style:s.normalizeStyle(t.style)},[s.createElementVNode("img",{src:e.content.image.srcLeft,alt:e.content.image.altLeft,class:s.normalizeClass(e.content.image.classLeft)},null,10,io),s.createElementVNode("div",{class:"captionAreaLeft",style:s.normalizeStyle({width:t.captionWidth})},[e.content.image.captionHeaderLeft?(s.openBlock(),s.createElementBlock("span",{key:0,class:"captionHeader",innerHTML:e.content.image.captionHeaderLeft},null,8,oo)):s.createCommentVNode("",!0),e.content.image.captionLeft?(s.openBlock(),s.createElementBlock("span",{key:1,class:"caption",innerHTML:e.content.image.captionLeft},null,8,lo)):s.createCommentVNode("",!0),e.content.image.copyrightLeft?(s.openBlock(),s.createElementBlock("span",{key:2,innerHTML:e.content.image.copyrightLeft,class:"copyright"},null,8,fo)):s.createCommentVNode("",!0)],4)],6),s.createElementVNode("img",{class:s.normalizeClass(["imageRight",e.content.image.classRight]),src:e.content.image.srcRight,alt:e.content.image.altRight},null,10,mo),s.createElementVNode("div",ho,[e.content.image.captionHeaderRight?(s.openBlock(),s.createElementBlock("span",{key:0,class:"captionHeader",innerHTML:e.content.image.captionHeaderRight},null,8,uo)):s.createCommentVNode("",!0),e.content.image.captionRight?(s.openBlock(),s.createElementBlock("span",{key:1,class:"caption",innerHTML:e.content.image.captionRight},null,8,Ho)):s.createCommentVNode("",!0),e.content.image.copyrightRight?(s.openBlock(),s.createElementBlock("span",{key:2,innerHTML:e.content.image.copyrightRight,class:"copyright"},null,8,Co)):s.createCommentVNode("",!0)])])])}const Bo=_(to,[["render",po],["__scopeId","data-v-ca834e68"]]),EY="",go={components:{},inject:["message"],props:["content"],data(){return{dialogVisible:!1,feedbackVisibility:[],feedbackIndex:0}},computed:{},methods:{spotDone(A){var c;return(c=this.stepperStore.getStepPage[A])!=null&&c.completed?"check-done":!1},showSpot(A){var c;if((c=this.stepperStore.getStepPage[A])!=null&&c.testPage){let e=!0;return this.stepperStore.getStepPage.forEach((a,r)=>{a.testPage!==!0&&!a.completed&&(e=!1)}),!!e}return!0},pixelFormat(A){return this.stepperStore.pixelFormat(A)},changePage(A,c){A.pageLink?this.stepperStore.currentPage=A.pageLink:A.feedback&&(this.feedbackIndex=c,this.feedbackVisibility.indexOf(c)===-1&&this.feedbackVisibility.push(c),this.stepperStore.showFeedback=!0,this.content.hotspots.length-1===this.feedbackVisibility.length-1&&this.stepperStore.finishSteps(),setTimeout(()=>{document.getElementById("feedbackClose")&&document.getElementById("feedbackClose").focus()}))},showFeedback(A){return!!(this.stepperStore.getShowFeedback&&this.feedbackIndex===A)},hotspots(){if(this.stepperStore.randomResults)return this.stepperStore.randomResults;if(this.content.showCount){let A=function(c,e){return[...c].sort(()=>.5-Math.random()).slice(0,e)};if(this.content.showByGroup){let c=[];this.content.hotspots.forEach(a=>{c.indexOf(a.group)===-1&&c.push(a.group)});let e=[];return c.forEach(a=>{let r=this.content.hotspots.filter(t=>t.group===a);e.push(A(r,1)[0])}),this.stepperStore.randomResults=e,e}else{let c=A(this.content.hotspots,this.content.showCount);return this.stepperStore.randomResults=c,c}}else return this.content.hotspots},imgAlt(A,c){return c?"Button Marker "+Number(A+1)+": "+c:"Button Marker "+Number(A+1)}},mounted(){if(this.stepperStore.getDirections.display===!1){let A=document.getElementsByClassName("hotspot");setTimeout(()=>{A[0].focus()})}},beforeMount(){this.stepperStore=this.stepperMain(),this.stepperStore.resetSteps("hotspot")}},vo={class:"imageMarker"},zo=["src","alt"],Vo={class:"hotspotArea"},Mo=["src","alt"],wo={class:"im-buttonText"},Lo={key:1,class:"big_green"};function Fo(A,c,e,a,r,t){const n=s.resolveComponent("el-button"),i=s.resolveComponent("lab-feedback");return s.openBlock(),s.createElementBlock("div",vo,[s.createElementVNode("img",{src:e.content.image,alt:e.content.imageAlt},null,8,zo),s.createElementVNode("div",Vo,[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(t.hotspots(),(o,l)=>(s.openBlock(),s.createElementBlock(s.Fragment,null,[t.showSpot(l)?(s.openBlock(),s.createBlock(n,{key:0,type:o.buttonType,onClick:s.withModifiers(f=>t.changePage(o,l),["stop"]),id:"hotspot_"+l,class:s.normalizeClass([["is-"+o.buttonShape,{noBG:o.buttonImage},o.class,t.spotDone(l)],"hotspot"]),style:s.normalizeStyle({top:t.pixelFormat(o.cordinatesX),left:t.pixelFormat(o.cordinatesY),width:t.pixelFormat(o.dimensionsW),height:t.pixelFormat(o.dimensionsH)}),icon:o.buttonIcon},{default:s.withCtx(()=>[o.buttonImage?(s.openBlock(),s.createElementBlock("img",{key:0,class:"im-ButtonImage",src:o.buttonImage,alt:t.imgAlt(l,o.buttonImageAlt)},null,8,Mo)):s.createCommentVNode("",!0),s.createElementVNode("span",wo,s.toDisplayString(o.name),1),t.spotDone(l)?(s.openBlock(),s.createElementBlock("div",Lo)):s.createCommentVNode("",!0)]),_:2},1032,["type","onClick","id","class","style","icon"])):s.createCommentVNode("",!0),t.showFeedback(l)?(s.openBlock(),s.createBlock(i,{key:1,content:o},null,8,["content"])):s.createCommentVNode("",!0)],64))),256))])])}const Qo=_(go,[["render",Fo],["__scopeId","data-v-593ecc67"]]),IY="",Uo={props:["content"],data(){return{imageReplaced:!1,imageSrc:this.content.image,imageAlt:this.content.imageAlt}},computed:{},methods:{pixelFormat(A){return this.stepperStore.pixelFormat(A)},async changeImage(A){this.imageReplaced=!0,this.imageSrc=this.content.hotspots[A].imageOverlay,this.imageAlt=this.content.hotspots[A].imageOverlayAlt,await this.stepperStore.finishSteps(),this.stepperStore.lastPageFocus()}},mounted(){if(this.stepperStore.getDirections.display===!1){let A=document.getElementsByClassName("instructions");setTimeout(()=>{A[0].focus()})}},beforeMount(){this.stepperStore=this.stepperMain(),this.stepperStore.resetSteps("instructions")}},bo=["innerHTML"],xo=["src","alt"],yo={class:"hotspotArea"};function So(A,c,e,a,r,t){const n=s.resolveComponent("el-col"),i=s.resolveComponent("el-button"),o=s.resolveComponent("el-row");return s.openBlock(),s.createBlock(o,{class:"imageReplacer"},{default:s.withCtx(()=>[s.createVNode(n,{span:12},{default:s.withCtx(()=>[s.createElementVNode("p",{class:"imageReplacerDescription",innerHTML:e.content.description},null,8,bo)]),_:1}),s.createVNode(n,{span:12},{default:s.withCtx(()=>[s.createElementVNode("img",{class:"im-ButtonImage",src:r.imageSrc,alt:r.imageAlt},null,8,xo),s.createElementVNode("div",yo,[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(e.content.hotspots,(l,f)=>(s.openBlock(),s.createBlock(i,{type:l.buttonType,onClick:s.withModifiers(m=>t.changeImage(f),["stop"]),class:"hotspot",style:s.normalizeStyle({top:t.pixelFormat(l.cordinatesX),left:t.pixelFormat(l.cordinatesY),width:t.pixelFormat(l.dimensionsW),height:t.pixelFormat(l.dimensionsH)}),icon:l.buttonIcon},null,8,["type","onClick","style","icon"]))),256))])]),_:1})]),_:1})}const No=_(Uo,[["render",So],["__scopeId","data-v-d6c87f03"]]),TY="",ko={props:["content"],data(){return{value1:0,marks:{4:"",3:"",2:"",1:"",0:""}}},computed:{dark(){return this.content.dark?"dark":!1},imageCount(){return this.content.image.length-1},vertical(){return!!this.content.vertical},verticalClass(){return this.content.vertical?"is-vertical":!1}},methods:{pixelFormat(A){return this.stepperStore.pixelFormat(A)}},mounted(){this.stepperStore.finishSteps()},beforeMount(){this.stepperStore=this.stepperMain()}},Eo={class:"image"},Io=["src","alt"],To=["innerHTML"],Do=["innerHTML"],Ko=["innerHTML"];function _o(A,c,e,a,r,t){const n=s.resolveComponent("el-slider");return s.openBlock(),s.createElementBlock("div",{class:s.normalizeClass(["image-slider",{verticalSlider:t.vertical}])},[s.createVNode(n,{class:s.normalizeClass(["imageSlide",t.dark]),modelValue:r.value1,"onUpdate:modelValue":c[0]||(c[0]=i=>r.value1=i),"show-tooltip":!1,vertical:t.vertical,step:1,"show-stops":"",max:t.imageCount,marks:r.marks},null,8,["class","modelValue","vertical","max","marks"]),s.createElementVNode("div",Eo,[s.createElementVNode("img",{src:e.content.image[r.value1].src,alt:e.content.image[r.value1].alt,class:s.normalizeClass(e.content.image[r.value1].class)},null,10,Io),s.createElementVNode("div",{class:"captionArea",style:s.normalizeStyle({width:A.captionWidth})},[e.content.image[r.value1].captionHeader?(s.openBlock(),s.createElementBlock("span",{key:0,class:"captionHeader",innerHTML:e.content.image[r.value1].captionHeader},null,8,To)):s.createCommentVNode("",!0),e.content.image[r.value1].caption?(s.openBlock(),s.createElementBlock("span",{key:1,class:"caption",innerHTML:e.content.image[r.value1].caption},null,8,Do)):s.createCommentVNode("",!0),e.content.image[r.value1].copyright?(s.openBlock(),s.createElementBlock("span",{key:2,innerHTML:e.content.image[r.value1].copyright,class:"copyright"},null,8,Ko)):s.createCommentVNode("",!0)],4)])],2)}const Ro=_(ko,[["render",_o],["__scopeId","data-v-efa3bb55"]]),DY="",Oo={props:["content"],data(){return{showOverlay:!0}},computed:{overlayButtonText(){return this.showOverlay?"Hide Overlay":"Show Overlay"}},methods:{pixelFormat(A){return this.stepperStore.pixelFormat(A)},getSavedImage(){document.getElementById("canvasBlob").appendChild(this.stepperStore.getCanvasImage)}},mounted(){this.getSavedImage(),this.stepperStore.finishSteps()},beforeMount(){this.stepperStore=this.stepperMain()}},Po=A=>(s.pushScopeId("data-v-0f3f694e"),A=A(),s.popScopeId(),A),Go={class:"imageCompare"},Wo=Po(()=>s.createElementVNode("div",{id:"canvasBlob"},null,-1)),Xo={class:"hideCompareButtons"};function qo(A,c,e,a,r,t){const n=s.resolveComponent("el-button");return s.openBlock(),s.createElementBlock("div",Go,[r.showOverlay?(s.openBlock(),s.createElementBlock("div",{key:0,class:"overlay",style:s.normalizeStyle("background: url("+e.content.overlay+")")},null,4)):s.createCommentVNode("",!0),Wo,s.createElementVNode("div",Xo,[s.createVNode(n,{size:"medium",type:"primary",onClick:c[0]||(c[0]=i=>r.showOverlay=!r.showOverlay)},{default:s.withCtx(()=>[s.createTextVNode(s.toDisplayString(t.overlayButtonText),1)]),_:1})])])}const Yo=_(Oo,[["render",qo],["__scopeId","data-v-0f3f694e"]]),KY="",Jo={props:["content"],data(){return{show:!0}},computed:{getShowFeedbackAttempts(){return this.stepperStore.getShowFeedbackAttempts},feedbackHeader(){return this.stepperStore.getShowFeedbackAttempts?"Too many Attempts":this.content.feedbackHeader},feedbackWidth(){return this.content.feedbackWidth?this.content.feedbackWidth:"50%"}},methods:{feedbackClose(){this.content.finalInstructions&&(this.stepperStore.completedDirections[this.stepperStore.currentPage].display=!1),this.content.instructions&&(this.stepperStore.directions[this.stepperStore.currentPage].display=!1),this.content.stepDirections&&(this.stepperStore.stepDirectionsArray[this.stepperStore.stepPage].display=!1),this.stepperStore.showFeedback=!1,this.stepperStore.showFeedbackAttempts=!1,this.stepperStore.lastPageFocus()}},mounted(){},beforeMount(){var A,c;this.stepperStore=this.stepperMain(),((A=this.content.feedbackContent)==null?void 0:A.type)==="media"&&((c=this.content.feedbackContent.fieldValues)==null?void 0:c.kalturaType)==="video"&&(this.content.feedbackContent.fieldValues.width="480",this.content.feedbackContent.fieldValues.height="360",this.content.feedbackWidth="80%")}},jo={class:"my-header"},$o=["id","innerHTML"],Zo=["innerHTML"],Al={key:1},cl={key:0},el=["innerHTML"],al=["src"],rl=["innerHTML"],tl={class:"dialog-footer"};function sl(A,c,e,a,r,t){var f;const n=s.resolveComponent("lab-kaltura"),i=s.resolveComponent("lab-image"),o=s.resolveComponent("el-button"),l=s.resolveComponent("el-dialog");return s.openBlock(),s.createBlock(l,{width:t.feedbackWidth,modelValue:r.show,"onUpdate:modelValue":c[1]||(c[1]=m=>r.show=m),"before-close":t.feedbackClose,class:s.normalizeClass([((f=e.content.feedbackContent)==null?void 0:f.type)==="media"?"video_dialog":""])},{header:s.withCtx(({close:m,titleId:h,titleClass:u})=>[s.createElementVNode("div",jo,[s.createElementVNode("h4",{id:h,class:s.normalizeClass(u),innerHTML:t.feedbackHeader},null,10,$o)])]),footer:s.withCtx(()=>[s.createElementVNode("span",tl,[s.createVNode(o,{size:"small",id:"feedbackClose",type:"primary",onClick:c[0]||(c[0]=s.withModifiers(m=>t.feedbackClose(),["stop"]))},{default:s.withCtx(()=>[s.createTextVNode("Close")]),_:1})])]),default:s.withCtx(()=>[t.getShowFeedbackAttempts?(s.openBlock(),s.createElementBlock(s.Fragment,{key:0},[e.content.feedbackAttempts?(s.openBlock(),s.createElementBlock("p",{key:0,innerHTML:e.content.feedbackAttempts},null,8,Zo)):(s.openBlock(),s.createElementBlock("p",Al,"You have tried too many times, the correct answer has been provided for you."))],64)):(s.openBlock(),s.createElementBlock(s.Fragment,{key:1},[e.content.feedbackContent?(s.openBlock(),s.createElementBlock("div",cl,[e.content.feedbackContent.type==="media"?(s.openBlock(),s.createBlock(n,{key:0,content:e.content.feedbackContent.fieldValues,class:s.normalizeClass([e.content.feedbackContent.fieldValues.class,{video:e.content.feedbackContent.fieldValues.kalturaType==="video"}])},null,8,["content","class"])):s.createCommentVNode("",!0),e.content.feedbackContent.type==="image"?(s.openBlock(),s.createBlock(i,{key:1,content:e.content.feedbackContent.fieldValues},null,8,["content"])):s.createCommentVNode("",!0),s.createElementVNode("p",{innerHTML:e.content.feedbackContent.directions},null,8,el)])):s.createCommentVNode("",!0),e.content.feedbackImage?(s.openBlock(),s.createElementBlock("img",{key:1,class:"im-ButtonImage",src:e.content.feedbackImage,alt:"button image"},null,8,al)):s.createCommentVNode("",!0),s.createElementVNode("p",{innerHTML:e.content.feedback},null,8,rl)],64))]),_:1},8,["width","modelValue","before-close","class"])}const nl=_(Jo,[["render",sl]]),_Y="",il={components:{},props:["content"],data(){return{quizArray:[],quizOptions:[],quizItemCompleted:[],input:[],totalAttempts:99,correctChoices:[],feedbackObject:{},value1:""}},watch:{},computed:{quizArrayCount(){return this.quizArray.length-1},getAttempt(){return this.stepperStore.getAttempts},getShowFeedbackAttempts(){return this.stepperStore.getShowFeedbackAttempts}},methods:{quizArrayCompleted(A){return!(this.quizItemCompleted.includes(A)||A===0)},prepareQuiz(){this.quizArray=this.content.quiz.split("*_").filter(A=>A),this.content.options.forEach((A,c)=>{A.options?A.random?this.quizOptions.push(this.shuffle(A.options)):this.quizOptions.push(A.options):this.quizOptions.push(!1)})},quizType(A){return this.content.options[A]&&this.content.options[A].type?this.content.options[A].type:!1},quizDisplay(A){return this.content.options[A]&&this.content.options[A].display?this.content.options[A].display:"Select"},quizClass(A){return this.content.options[A]&&this.content.options[A].class?this.content.options[A].class:""},shuffle(A){let c=A.length,e;for(;c!=0;)e=Math.floor(Math.random()*c),c--,[A[c],A[e]]=[A[e],A[c]];return A},choicesCheck(){if(this.getAttempt<this.content.attempts){let A=!0,c=!1;this.input.length===0?this.content.options[0].stopFlow&&(c=!0,this.feedbackObject.feedbackHeader=this.content.options[0].notSelectedHeader,this.feedbackObject.feedback=this.content.options[0].notSelectedBody):this.content.options.forEach((e,a)=>{this.input[a]?this.input[a]!==this.content.options[a].answer&&(A=!1):this.content.options[this.input.length].stopFlow&&(c=!0,this.feedbackObject.feedbackHeader=this.content.options[this.input.length].notSelectedHeader,this.feedbackObject.feedback=this.content.options[this.input.length].notSelectedBody)}),this.stepperStore.attempts=this.getAttempt+1,A===!0&&this.input.length===this.quizArray.length?(this.choicesComplete(!0),this.feedbackObject.feedbackHeader=this.content.correctHeader,this.feedbackObject.feedback=this.content.correctFeedback):(c||(this.feedbackObject.feedbackHeader=this.content.incorrectHeader,this.feedbackObject.feedback=this.content.incorrectFeedback),this.stepperStore.attempts=this.getAttempt+1)}else this.feedbackObject.feedbackAttempts=this.content.feedbackAttempts,this.stepperStore.showFeedbackAttempts=!0,this.choicesComplete(!1);this.stepperStore.showFeedback=!0,setTimeout(()=>{document.getElementById("feedbackClose")&&document.getElementById("feedbackClose").focus()})},choicesComplete(A){let c=[],e="not correct";this.quizArray.forEach((n,i)=>{this.input[i]?this.input[i]=this.content.options[i].answer:this.input.push(this.content.options[i].answer),c.push(this.content.options[i].answer),this.quizItemCompleted.push(i+1)}),A&&(e="correct");let a={page:this.stepperStore.stepPage,result:e,correctAnswer:c},r=this.stepperStore.results.find(n=>n.page===this.stepperStore.stepPage),t=this.stepperStore.results.indexOf(r);r?this.stepperStore.results.fill(r.result=e,t,t++):this.stepperStore.results.push(a),this.stepperStore.finishSteps()},choicesMade(A){this.quizItemCompleted.includes(A+1)===!1&&this.quizItemCompleted.push(A+1)},showFeedback(){return!!this.stepperStore.getShowFeedback}},mounted(){if(this.prepareQuiz(),this.stepperStore.getDirections.display===!1){let A=document.getElementsByClassName("el-input__inner");setTimeout(()=>{A[0].focus()})}},beforeMount(){this.stepperStore=this.stepperMain(),this.stepperStore.resetSteps("el-input__inner"),this.content.attempts&&(this.totalAttempts=this.content.attempts)}};function ol(A,c,e,a,r,t){const n=s.resolveComponent("el-option"),i=s.resolveComponent("el-select"),o=s.resolveComponent("el-date-picker"),l=s.resolveComponent("el-button"),f=s.resolveComponent("lab-feedback");return s.openBlock(),s.createElementBlock("div",{class:s.normalizeClass(["drop-down",e.content.class])},[s.createElementVNode("p",null,[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(r.quizArray,(m,h)=>(s.openBlock(),s.createElementBlock(s.Fragment,null,[s.createElementVNode("span",{class:s.normalizeClass(t.quizClass(h))},[s.createElementVNode("span",{class:s.normalizeClass("quizText quizSection_"+h)},s.toDisplayString(m)+" ",3),t.quizType(h)==="choose"?(s.openBlock(),s.createBlock(i,{key:0,onChange:u=>t.choicesMade(h),modelValue:r.input[h],"onUpdate:modelValue":u=>r.input[h]=u,placeholder:t.quizDisplay(h)},{default:s.withCtx(()=>[t.quizArrayCompleted(h)?s.createCommentVNode("",!0):(s.openBlock(!0),s.createElementBlock(s.Fragment,{key:0},s.renderList(r.quizOptions[h],u=>(s.openBlock(),s.createBlock(n,{key:u,label:u,value:u},null,8,["label","value"]))),128))]),_:2},1032,["onChange","modelValue","onUpdate:modelValue","placeholder"])):s.createCommentVNode("",!0),t.quizType(h)==="date"?(s.openBlock(),s.createBlock(o,{key:1,onChange:u=>t.choicesMade(h),modelValue:r.input[h],"onUpdate:modelValue":u=>r.input[h]=u,type:"date",placeholder:t.quizDisplay(h),format:e.content.options[h].format,"value-format":e.content.options[h].format,disabled:t.quizArrayCompleted(h)},null,8,["onChange","modelValue","onUpdate:modelValue","placeholder","format","value-format","disabled"])):s.createCommentVNode("",!0)],2),s.createTextVNode(" ")],64))),256))]),s.createVNode(l,{size:"small",type:"primary",class:"drop-down-submit",onClick:c[0]||(c[0]=m=>t.choicesCheck())},{default:s.withCtx(()=>[s.createTextVNode("Submit")]),_:1}),t.showFeedback()?(s.openBlock(),s.createBlock(f,{key:0,content:r.feedbackObject},null,8,["content"])):s.createCommentVNode("",!0)],2)}const ll=_(il,[["render",ol]]),RY="",fl={components:{},props:["content"],data(){return{quizArray:[],input:[],totalAttempts:99,correctChoices:[],feedbackObject:{}}},watch:{},computed:{quizArrayCount(){return this.quizArray.length-1},getAttempt(){return this.stepperStore.getAttempts},getShowFeedbackAttempts(){return this.stepperStore.getShowFeedbackAttempts}},methods:{prepareQuiz(){this.quizArray=this.content.quiz.split("*_")},choicesCheck(){this.getAttempt<this.content.attempts?(this.input.forEach((A,c)=>{if(this.content.answers[c]===A)this.correctChoices.includes(c)===!1&&this.correctChoices.push(c);else if(this.correctChoices.includes(c)===!0){let e=this.correctChoices.indexOf(c);this.correctChoices.splice(e,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(!0),this.feedbackObject.feedbackHeader=this.content.correctHeader,this.feedbackObject.feedback=this.content.correctFeedback):(this.stepperStore.attempts=this.getAttempt+1,this.feedbackObject.feedbackHeader=this.content.incorrectHeader,this.feedbackObject.feedback=this.content.incorrectFeedback)):(this.feedbackObject.feedbackAttempts=this.content.feedbackAttempts,this.stepperStore.showFeedbackAttempts=!0,this.choicesComplete(!1)),this.stepperStore.showFeedback=!0,setTimeout(()=>{document.getElementById("feedbackClose")&&document.getElementById("feedbackClose").focus()})},choicesComplete(A){let c=[],e="not correct";this.input.forEach((n,i)=>{this.input[i]=this.content.answers[i],c.push(this.content.answers[i])}),A&&(e="correct");let a={page:this.stepperStore.stepPage,result:e,correctAnswer:c},r=this.stepperStore.results.find(n=>n.page===this.stepperStore.stepPage),t=this.stepperStore.results.indexOf(r);r?this.stepperStore.results.fill(r.result=e,t,t++):this.stepperStore.results.push(a),this.stepperStore.finishSteps()},showFeedback(){return!!this.stepperStore.getShowFeedback}},mounted(){if(this.prepareQuiz(),this.stepperStore.getDirections.display===!1){let A=document.getElementsByClassName("el-input__inner");setTimeout(()=>{A[0].focus()})}},beforeMount(){this.stepperStore=this.stepperMain(),this.stepperStore.resetSteps("el-input__inner"),this.content.attempts&&(this.totalAttempts=this.content.attempts)}};function ml(A,c,e,a,r,t){const n=s.resolveComponent("el-input"),i=s.resolveComponent("el-button"),o=s.resolveComponent("lab-feedback");return s.openBlock(),s.createElementBlock("div",{class:s.normalizeClass(["fill-blank",e.content.class])},[s.createElementVNode("p",null,[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(r.quizArray,(l,f)=>(s.openBlock(),s.createElementBlock(s.Fragment,null,[s.createTextVNode(s.toDisplayString(l),1),f<t.quizArrayCount?(s.openBlock(),s.createBlock(n,{key:0,modelValue:r.input[f],"onUpdate:modelValue":m=>r.input[f]=m,placeholder:"Please input",size:"small"},null,8,["modelValue","onUpdate:modelValue"])):s.createCommentVNode("",!0)],64))),256))]),s.createVNode(i,{size:"small",type:"primary",class:"fill-blank-submit",onClick:c[0]||(c[0]=l=>t.choicesCheck())},{default:s.withCtx(()=>[s.createTextVNode("Submit")]),_:1}),t.showFeedback()?(s.openBlock(),s.createBlock(o,{key:0,content:r.feedbackObject},null,8,["content"])):s.createCommentVNode("",!0)],2)}const hl=_(fl,[["render",ml]]),OY="",ul={components:{},props:["content"],data(){return{feedbackIndex:-1,totalAttempts:99}},computed:{getAttempt(){return this.stepperStore.getAttempts},getShowFeedbackAttempts(){return this.stepperStore.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(A){return this.stepperStore.pixelFormat(A)},choicesComplete(A){let c,e="not correct",a=document.querySelectorAll(".selectableButton");for(let i=0;i<a.length;i++)a[i].classList.add("is-failure"),a[i].setAttribute("disabled",!0),this.content.choices[i].correct&&(a[i].classList.add("is-success"),c=this.content.choices[i].text);A&&(e="correct");let r={page:this.stepperStore.stepPage,result:e,correctAnswer:c},t=this.stepperStore.results.find(i=>i.page===this.stepperStore.stepPage),n=this.stepperStore.results.indexOf(t);t?this.stepperStore.results.fill(t.result=e,n,n++):this.stepperStore.results.push(r),this.stepperStore.finishSteps()},choicesCheck(A){this.getAttempt<Number(this.content.attempts)?this.content.choices[A].correct===!0?this.choicesComplete(!0):this.stepperStore.attempts=this.getAttempt+1:(this.content.choices[A].correct!==!0&&(this.stepperStore.showFeedbackAttempts=!0),this.choicesComplete(!1)),this.feedbackIndex=A,this.stepperStore.showFeedback=!0,setTimeout(()=>{document.getElementById("feedbackClose")&&document.getElementById("feedbackClose").focus()})},shuffledChoices(){let A=this.content.choices;for(let c=A.length-1;c>0;c--){const e=Math.floor(Math.random()*(c+1));[A[c],A[e]]=[A[e],A[c]]}this.content.choices=A},showFeedback(A){return!!(this.stepperStore.getShowFeedback&&this.feedbackIndex===A)}},mounted(){if(this.stepperStore.getDirections.display===!1){let A=document.getElementsByClassName("selectableButton");setTimeout(()=>{A[0].focus()})}},beforeMount(){this.stepperStore=this.stepperMain(),this.stepperStore.resetSteps("selectableButton"),this.feedbackIndex=-1,this.content.ordered||this.shuffledChoices(),this.content.attempts&&(this.totalAttempts=this.content.attempts)}},Hl=["innerHTML"],Cl={class:"selectArea"},pl={class:"buttonSpan"},Bl=["src","alt"],dl={class:"selectable-buttonText"},gl=["innerHTML"],vl={class:"buttonSpan"},zl=["src","alt"],Vl={class:"selectable-buttonText"};function Ml(A,c,e,a,r,t){const n=s.resolveComponent("lab-image"),i=s.resolveComponent("el-col"),o=s.resolveComponent("el-divider"),l=s.resolveComponent("el-button"),f=s.resolveComponent("lab-feedback"),m=s.resolveComponent("el-row");return s.openBlock(),s.createBlock(m,{id:e.content.id,class:s.normalizeClass(["selectable",e.content.classes])},{default:s.withCtx(()=>[e.content.image?(s.openBlock(),s.createElementBlock(s.Fragment,{key:0},[s.createVNode(i,{span:t.leftColWidth(A.index)},{default:s.withCtx(()=>[e.content.image?(s.openBlock(),s.createBlock(n,{key:0,content:e.content.image,image:{supportImage:!0}},null,8,["content"])):s.createCommentVNode("",!0)]),_:1},8,["span"]),s.createVNode(i,{span:t.rightColWidth(A.index)},{default:s.withCtx(()=>[e.content.directions?(s.openBlock(),s.createElementBlock("p",{key:0,innerHTML:e.content.directions},null,8,Hl)):s.createCommentVNode("",!0),s.createElementVNode("div",Cl,[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(e.content.choices,(h,u)=>(s.openBlock(),s.createElementBlock(s.Fragment,null,[!e.content.noDivider&&u>0?(s.openBlock(),s.createBlock(o,{key:0})):s.createCommentVNode("",!0),s.createVNode(l,{size:"small",type:"primary",class:"selectableButton",style:s.normalizeStyle({width:t.pixelFormat(e.content.choiceWidth),height:t.pixelFormat(e.content.choiceHeight)}),onClick:H=>t.choicesCheck(u)},{default:s.withCtx(()=>[s.createElementVNode("div",pl,[h.image?(s.openBlock(),s.createElementBlock("img",{key:0,class:"im-ButtonImage",src:h.image,alt:h.alt?h.alt:"button image"},null,8,Bl)):s.createCommentVNode("",!0),s.createElementVNode("span",dl,s.toDisplayString(h.text),1)])]),_:2},1032,["style","onClick"]),t.showFeedback(u)?(s.openBlock(),s.createBlock(f,{key:1,content:h},null,8,["content"])):s.createCommentVNode("",!0)],64))),256))])]),_:1},8,["span"])],64)):(s.openBlock(),s.createElementBlock(s.Fragment,{key:1},[s.createVNode(i,{span:12},{default:s.withCtx(()=>[e.content.directions?(s.openBlock(),s.createElementBlock("p",{key:0,innerHTML:e.content.directions},null,8,gl)):s.createCommentVNode("",!0)]),_:1}),s.createVNode(i,{span:12,class:"selectArea"},{default:s.withCtx(()=>[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(e.content.choices,(h,u)=>(s.openBlock(),s.createElementBlock(s.Fragment,null,[!e.content.noDivider&&u>0?(s.openBlock(),s.createBlock(o,{key:0})):s.createCommentVNode("",!0),s.createVNode(l,{size:"small",type:"primary",class:"selectableButton",style:s.normalizeStyle({width:t.pixelFormat(e.content.choiceWidth),height:t.pixelFormat(e.content.choiceHeight)}),onClick:H=>t.choicesCheck(u)},{default:s.withCtx(()=>[s.createElementVNode("div",vl,[h.image?(s.openBlock(),s.createElementBlock("img",{key:0,class:"im-ButtonImage",src:h.image,alt:h.alt?h.alt:"button image"},null,8,zl)):s.createCommentVNode("",!0),s.createElementVNode("span",Vl,s.toDisplayString(h.text),1)])]),_:2},1032,["style","onClick"]),t.showFeedback(u)?(s.openBlock(),s.createBlock(f,{key:1,content:h},null,8,["content"])):s.createCommentVNode("",!0)],64))),256))]),_:1})],64))]),_:1},8,["id","class"])}const wl=_(ul,[["render",Ml],["__scopeId","data-v-73407ea6"]]),PY="",Ll={components:{},props:["content"],data(){return{input:"",totalAttempts:99,correctChoices:[],feedbackObject:{}}},watch:{},computed:{getAttempt(){return this.stepperStore.getAttempts},getShowFeedbackAttempts(){return this.stepperStore.getShowFeedbackAttempts}},methods:{choicesCheck(){if(this.getAttempt<this.content.attempts){let A=!1;this.content.answers.forEach((c,e)=>{let a=c.toLowerCase();this.input.toLowerCase().includes(a)||(A=!0)}),A?(this.stepperStore.attempts=this.getAttempt+1,this.feedbackObject.feedbackHeader=this.content.incorrectHeader,this.feedbackObject.feedback=this.content.incorrectFeedback):(this.choicesComplete(!0),this.feedbackObject.feedbackHeader=this.content.correctHeader,this.feedbackObject.feedback=this.content.correctFeedback)}else this.feedbackObject.feedbackAttempts=this.content.feedbackAttempts,this.stepperStore.showFeedbackAttempts=!0,this.choicesComplete(!1);this.stepperStore.showFeedback=!0,setTimeout(()=>{document.getElementById("feedbackClose")&&document.getElementById("feedbackClose").focus()})},choicesComplete(A){let c=[],e="not correct";this.content.answers.forEach(n=>{c.push(n)}),A&&(e="correct");let a={page:this.stepperStore.stepPage,result:e,correctAnswer:c},r=this.stepperStore.results.find(n=>n.page===this.stepperStore.stepPage),t=this.stepperStore.results.indexOf(r);r?this.stepperStore.results.fill(r.result=e,t,t++):this.stepperStore.results.push(a),this.stepperStore.finishSteps()},showFeedback(){return!!this.stepperStore.getShowFeedback}},mounted(){if(this.stepperStore.getDirections.display===!1){let A=document.getElementsByClassName("el-textarea__inner");setTimeout(()=>{A[0].focus()})}},beforeMount(){this.stepperStore=this.stepperMain(),this.stepperStore=this.stepperMain(),this.stepperStore.resetSteps("el-textarea__inner"),this.content.attempts&&(this.totalAttempts=this.content.attempts)}};function Fl(A,c,e,a,r,t){const n=s.resolveComponent("el-input"),i=s.resolveComponent("el-button"),o=s.resolveComponent("lab-feedback");return s.openBlock(),s.createElementBlock("div",{class:s.normalizeClass(["textbox",e.content.class])},[s.createElementVNode("p",null,s.toDisplayString(e.content.quiz),1),s.createVNode(n,{modelValue:r.input,"onUpdate:modelValue":c[0]||(c[0]=l=>r.input=l),autosize:{minRows:4,maxRows:8},type:"textarea",placeholder:"Please input"},null,8,["modelValue"]),s.createVNode(i,{size:"small",type:"primary",class:"fill-blank-submit",onClick:c[1]||(c[1]=l=>t.choicesCheck())},{default:s.withCtx(()=>[s.createTextVNode("Submit")]),_:1}),t.showFeedback()?(s.openBlock(),s.createBlock(o,{key:0,content:r.feedbackObject},null,8,["content"])):s.createCommentVNode("",!0)],2)}const Ql=_(Ll,[["render",Fl]]),GY="",Ul={components:{},props:["content"],data(){return{quizArray:[],quizOptions:[],input:[],totalAttempts:99,correctChoices:[],feedbackObject:{},value1:"",showMenuOverlay:!1}},watch:{},computed:{getAttempt(){return this.stepperStore.getAttempts},getShowFeedbackAttempts(){return this.stepperStore.getShowFeedbackAttempts}},methods:{showSub(A){let c=document.getElementById(A);c.classList.contains("jl-menu-sub_show")?(this.showMenuOverlay=!1,this.hideSubs()):(this.showMenuOverlay=!0,c.classList.add("jl-menu-sub_show"))},showSubSub(A){let c=document.getElementById(A);c.classList.contains("jl-menu-sub-sub_show")?(this.showMenuOverlay=!1,this.hideSubs()):(this.showMenuOverlay=!0,c.classList.add("jl-menu-sub-sub_show"))},hideSubs(){this.showMenuOverlay=!1;let A=document.getElementsByClassName("jl-menu-sub_show");for(;A.length>0;)A[0].classList.remove("jl-menu-sub_show");let c=document.getElementsByClassName("jl-menu-sub-sub_show");for(;c.length>0;)c[0].classList.remove("jl-menu-sub-sub_show")},choicesCheck(A){this.hideSubs();let c=!1,e="";if(this.getAttempt<this.content.attempts){if(console.log("got some left"),typeof A=="string"){let a=A.split("-");a.forEach((r,t)=>{a[t]=Number(r)}),a.length===2?this.content.menu[a[0]].subMenu[a[1]].correct&&(this.content.menu[a[0]].subMenu[a[1]].page&&(e=this.content.menu[a[0]].subMenu[a[1]].page),c=!0):a.length===3&&this.content.menu[a[0]].subMenu[a[1]].subMenu[a[2]].correct&&(this.content.menu[a[0]].subMenu[a[1]].subMenu[a[2]].page&&(e=this.content.menu[a[0]].subMenu[a[1]].subMenu[a[2]].page),c=!0)}else this.content.menu[A].correct&&(this.content.menu[A].page&&(e=this.content.menu[A].page),c=!0);c?(this.choicesComplete(e),this.feedbackObject.feedbackHeader=this.content.correctHeader,this.feedbackObject.feedback=this.content.correctFeedback):(this.stepperStore.attempts=this.getAttempt+1,this.feedbackObject.feedbackHeader=this.content.incorrectHeader,this.feedbackObject.feedback=this.content.incorrectFeedback)}else this.feedbackObject.feedbackHeader=this.content.incorrectHeader,this.feedbackObject.feedback=this.content.feedbackAttempts,this.choicesComplete();e===""&&(this.stepperStore.showFeedback=!0),setTimeout(()=>{document.getElementById("feedbackClose")&&document.getElementById("feedbackClose").focus()})},choicesComplete(A){this.stepperStore.finishSteps(),typeof A<"u"&&A!==""&&(this.stepperStore.currentPage=A)},showFeedback(){return!!this.stepperStore.getShowFeedback}},mounted(){this.stepperStore.getDirections.display===!1&&(document.getElementsByClassName("jl-menu-sub"),setTimeout(()=>{}))},beforeMount(){this.stepperStore=this.stepperMain(),this.stepperStore.resetSteps("jl-menu-sub"),this.content.attempts&&(this.totalAttempts=this.content.attempts)}},bl={key:0},xl=["index","onClick"],yl={class:"jl-menu-sub__title"},Sl=["id"],Nl=["index","onClick"],kl={class:"jl-menu-sub-sub__title"},El=["id"],Il=["index","onClick"],Tl=["onClick"],Dl={key:1,class:"jl-menu-item"},Kl=["index","onClick"];function _l(A,c,e,a,r,t){const n=s.resolveComponent("CaretBottom"),i=s.resolveComponent("el-icon"),o=s.resolveComponent("CaretRight"),l=s.resolveComponent("lab-feedback");return s.openBlock(),s.createElementBlock("div",{class:s.normalizeClass(["menu-chooser",e.content.class])},[r.showMenuOverlay?(s.openBlock(),s.createElementBlock("div",{key:0,class:"nav-mask",onClick:c[0]||(c[0]=(...f)=>t.hideSubs&&t.hideSubs(...f))})):s.createCommentVNode("",!0),s.createElementVNode("p",null,s.toDisplayString(e.content.quiz),1),s.createElementVNode("div",{class:"jl-menu",onSelect:c[1]||(c[1]=(...f)=>t.choicesCheck&&t.choicesCheck(...f))},[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(e.content.menu,(f,m)=>(s.openBlock(),s.createElementBlock(s.Fragment,null,[f.subMenu?(s.openBlock(),s.createElementBlock("div",bl,[s.createElementVNode("button",{class:s.normalizeClass("jl-menu-sub sub-"+m),index:m,tabindex:"0",role:"menuitem",onClick:s.withModifiers(h=>t.showSub("sub-"+m),["stop"])},[s.createElementVNode("div",yl,[s.createTextVNode(s.toDisplayString(f.name)+" ",1),s.createVNode(i,null,{default:s.withCtx(()=>[s.createVNode(n)]),_:1})])],10,xl),s.createElementVNode("div",{class:"jl-menu-sub-menu",id:"sub-"+m},[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(f.subMenu,(h,u)=>(s.openBlock(),s.createElementBlock(s.Fragment,null,[h.subMenu?(s.openBlock(),s.createElementBlock(s.Fragment,{key:0},[s.createElementVNode("button",{class:s.normalizeClass("jl-menu-sub-sub sub-sub-"+u),index:m+"-"+u,tabindex:"0",role:"menuitem",onClick:s.withModifiers(H=>t.showSubSub("sub-sub-"+m),["stop"])},[s.createElementVNode("div",kl,[s.createTextVNode(s.toDisplayString(h.name),1),s.createVNode(i,null,{default:s.withCtx(()=>[s.createVNode(o)]),_:1})])],10,Nl),s.createElementVNode("div",{class:"jl-menu-sub-sub-menu",id:"sub-sub-"+m},[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(h.subMenu,(H,B)=>(s.openBlock(),s.createElementBlock("button",{class:"jl-menu-sub-sub-item",index:m+"-"+u+"-"+B,tabindex:"0",role:"menuitem",onClick:s.withModifiers(z=>t.choicesCheck(m+"-"+u+"-"+B),["stop"])},[s.createElementVNode("div",null,s.toDisplayString(H.name),1)],8,Il))),256))],8,El)],64)):(s.openBlock(),s.createElementBlock("button",{key:1,class:"jl-menu-sub-item",tabindex:"0",role:"menuitem",onClick:s.withModifiers(H=>t.choicesCheck(m+"-"+u),["stop"])},[s.createElementVNode("div",null,s.toDisplayString(h.name),1)],8,Tl))],64))),256))],8,Sl)])):(s.openBlock(),s.createElementBlock("div",Dl,[s.createElementVNode("button",{class:"jl-menu-sub",index:m,tabindex:"0",role:"menuitem",onClick:s.withModifiers(h=>t.choicesCheck(m),["stop"])},s.toDisplayString(f.name),9,Kl)]))],64))),256))],32),t.showFeedback()?(s.openBlock(),s.createBlock(l,{key:1,content:r.feedbackObject},null,8,["content"])):s.createCommentVNode("",!0)],2)}const Rl=_(Ul,[["render",_l]]),WY="",m8={y:{t:"top",m:"marginTop",b:"bottom"},x:{l:"left",m:"marginLeft",r:"right"}};function Ol(A){A.forEach((c,e)=>{document.documentElement.addEventListener(e,c)})}function Pl(A){A.forEach((c,e)=>{document.documentElement.removeEventListener(e,c)})}const Gl={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(A){return A>=0}},gridY:{type:Number,default:50,validator(A){return A>=0}},parentW:{type:Number,default:0,validator(A){return A>=0}},parentH:{type:Number,default:0,validator(A){return A>=0}},w:{type:[String,Number],default:200,validator(A){return typeof A=="string"?A==="auto":A>=0}},h:{type:[String,Number],default:200,validator(A){return typeof A=="string"?A==="auto":A>=0}},minw:{type:Number,default:50,validator(A){return A>=0}},minh:{type:Number,default:50,validator(A){return A>=0}},x:{type:Number,default:0,validator(A){return typeof A=="number"}},y:{type:Number,default:0,validator(A){return typeof A=="number"}},z:{type:[String,Number],default:"auto",validator(A){return typeof A=="string"?A==="auto":A>=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(A){return["x","y","both","none"].indexOf(A)!==-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]]),Ol(this.domEvents),this.dragHandle&&[...this.$el.querySelectorAll(this.dragHandle)].forEach(A=>{A.setAttribute("data-drag-handle",this._uid)}),this.dragCancel&&[...this.$el.querySelectorAll(this.dragCancel)].forEach(A=>{A.setAttribute("data-drag-cancel",this._uid)})},beforeUnmount(){Pl(this.domEvents)},methods:{deselect(){this.preventActiveBehavior||(this.active=!1)},move(A){if(!this.stickDrag&&!this.bodyDrag)return;A.stopPropagation();const c=typeof A.pageX<"u"?A.pageX:A.touches[0].pageX,e=typeof A.pageY<"u"?A.pageY:A.touches[0].pageY,{dimensionsBeforeMove:a}=this,r={x:(a.pointerX-c)/this.parentScaleX,y:(a.pointerY-e)/this.parentScaleY};if(this.stickDrag&&this.stickMove(r),this.bodyDrag){if(this.axis==="x")r.y=0;else if(this.axis==="y")r.x=0;else if(this.axis==="none")return;this.bodyMove(r)}},up(A){this.stickDrag?this.stickUp(A):this.bodyDrag&&this.bodyUp(A)},bodyDown(A){const{target:c,button:e}=A;if(this.preventActiveBehavior||(this.active=!0),e&&e!==0||(this.$emit("clicked",A),!this.active)||this.dragHandle&&c.getAttribute("data-drag-handle")!==this._uid.toString()||this.dragCancel&&c.getAttribute("data-drag-cancel")===this._uid.toString())return;typeof A.stopPropagation<"u"&&A.stopPropagation(),typeof A.preventDefault<"u"&&A.preventDefault(),this.isDraggable&&(this.bodyDrag=!0);const a=typeof A.pageX<"u"?A.pageX:A.touches[0].pageX,r=typeof A.pageY<"u"?A.pageY:A.touches[0].pageY;this.saveDimensionsBeforeMove({pointerX:a,pointerY:r}),this.parentLimitation&&(this.limits=this.calcDragLimitation())},bodyMove(A){const{dimensionsBeforeMove:c,parentWidth:e,parentHeight:a,gridX:r,gridY:t,width:n,height:i}=this;let o=c.top-A.y,l=c.bottom+A.y,f=c.left-A.x,m=c.right+A.x;if(this.snapToGrid){let h=!0,u=!0,H=o-Math.floor(o/t)*t,B=a-l-Math.floor((a-l)/t)*t,z=f-Math.floor(f/r)*r,C=e-m-Math.floor((e-m)/r)*r;H>t/2&&(H-=t),B>t/2&&(B-=t),z>r/2&&(z-=r),C>r/2&&(C-=r),Math.abs(B)<Math.abs(H)&&(h=!1),Math.abs(C)<Math.abs(z)&&(u=!1),o-=h?H:B,l=a-i-o,f-=u?z:C,m=e-n-f}({newLeft:this.left,newRight:this.right,newTop:this.top,newBottom:this.bottom}=this.rectCorrectionByLimit({newLeft:f,newRight:m,newTop:o,newBottom:l})),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(A,c,e=!1){if((!this.isResizable||!this.active)&&!e)return;this.stickDrag=!0;const a=typeof c.pageX<"u"?c.pageX:c.touches[0].pageX,r=typeof c.pageY<"u"?c.pageY:c.touches[0].pageY;this.saveDimensionsBeforeMove({pointerX:a,pointerY:r}),this.currentStick=A,this.limits=this.calcResizeLimits()},saveDimensionsBeforeMove({pointerX:A,pointerY:c}){this.dimensionsBeforeMove.pointerX=A,this.dimensionsBeforeMove.pointerY=c,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(A){const{currentStick:c,dimensionsBeforeMove:e,gridY:a,gridX:r,snapToGrid:t,parentHeight:n,parentWidth:i}=this;let o=e.top,l=e.bottom,f=e.left,m=e.right;switch(c[0]){case"b":l=e.bottom+A.y,t&&(l=n-Math.round((n-l)/a)*a);break;case"t":o=e.top-A.y,t&&(o=Math.round(o/a)*a);break}switch(c[1]){case"r":m=e.right+A.x,t&&(m=i-Math.round((i-m)/r)*r);break;case"l":f=e.left-A.x,t&&(f=Math.round(f/r)*r);break}({newLeft:f,newRight:m,newTop:o,newBottom:l}=this.rectCorrectionByLimit({newLeft:f,newRight:m,newTop:o,newBottom:l})),this.aspectRatio&&({newLeft:f,newRight:m,newTop:o,newBottom:l}=this.rectCorrectionByAspectRatio({newLeft:f,newRight:m,newTop:o,newBottom:l})),this.left=f,this.right=m,this.top=o,this.bottom=l,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:A,parentHeight:c}=this;return{left:{min:0,max:A-this.width},right:{min:0,max:A-this.width},top:{min:0,max:c-this.height},bottom:{min:0,max:c-this.height}}},calcResizeLimits(){const{aspectFactor:A,width:c,height:e,bottom:a,top:r,left:t,right:n}=this;let{minh:i,minw:o}=this;const l=this.parentLimitation?0:null;this.aspectRatio&&(o/i>A?i=o/A:o=A*i);const f={left:{min:l,max:t+(c-o)},right:{min:l,max:n+(c-o)},top:{min:l,max:r+(e-i)},bottom:{min:l,max:a+(e-i)}};if(this.aspectRatio){const m={left:{min:t-Math.min(r,a)*A*2,max:t+(e-i)/2*A*2},right:{min:n-Math.min(r,a)*A*2,max:n+(e-i)/2*A*2},top:{min:r-Math.min(t,n)/A*2,max:r+(c-o)/2/A*2},bottom:{min:a-Math.min(t,n)/A*2,max:a+(c-o)/2/A*2}};this.currentStick[0]==="m"?(f.left={min:Math.max(f.left.min,m.left.min),max:Math.min(f.left.max,m.left.max)},f.right={min:Math.max(f.right.min,m.right.min),max:Math.min(f.right.max,m.right.max)}):this.currentStick[1]==="m"&&(f.top={min:Math.max(f.top.min,m.top.min),max:Math.min(f.top.max,m.top.max)},f.bottom={min:Math.max(f.bottom.min,m.bottom.min),max:Math.min(f.bottom.max,m.bottom.max)})}return f},sideCorrectionByLimit(A,c){let e=c;return A.min!==null&&c<A.min?e=A.min:A.max!==null&&A.max<c&&(e=A.max),e},rectCorrectionByLimit(A){const{limits:c}=this;let{newRight:e,newLeft:a,newBottom:r,newTop:t}=A;return a=this.sideCorrectionByLimit(c.left,a),e=this.sideCorrectionByLimit(c.right,e),t=this.sideCorrectionByLimit(c.top,t),r=this.sideCorrectionByLimit(c.bottom,r),{newLeft:a,newRight:e,newTop:t,newBottom:r}},rectCorrectionByAspectRatio(A){let{newLeft:c,newRight:e,newTop:a,newBottom:r}=A;const{parentWidth:t,parentHeight:n,currentStick:i,aspectFactor:o,dimensionsBeforeMove:l}=this;let f=t-c-e,m=n-a-r;if(i[1]==="m"){const h=m-l.height;c-=h*o/2,e-=h*o/2}else if(i[0]==="m"){const h=f-l.width;a-=h/o/2,r-=h/o/2}else f/m>o?(f=o*m,i[1]==="l"?c=t-e-f:e=t-c-f):(m=f/o,i[0]==="t"?a=n-r-m:r=n-a-m);return{newLeft:c,newRight:e,newTop:a,newBottom:r}}},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 A=>{const c={width:`${this.stickSize/this.parentScaleX}px`,height:`${this.stickSize/this.parentScaleY}px`};return c[m8.y[A[0]]]=`${this.stickSize/this.parentScaleX/-2}px`,c[m8.x[A[1]]]=`${this.stickSize/this.parentScaleX/-2}px`,c}},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(A){A?this.$emit("activated"):this.$emit("deactivated")},isActive:{immediate:!0,handler(A){this.active=A}},z:{immediate:!0,handler(A){(A>=0||A==="auto")&&(this.zIndex=A)}},x:{handler(A,c){if(this.stickDrag||this.bodyDrag||A===this.left)return;const e=c-A;this.bodyDown({pageX:this.left,pageY:this.top}),this.bodyMove({x:e,y:0}),this.$nextTick(()=>{this.bodyUp()})}},y:{handler(A,c){if(this.stickDrag||this.bodyDrag||A===this.top)return;const e=c-A;this.bodyDown({pageX:this.left,pageY:this.top}),this.bodyMove({x:0,y:e}),this.$nextTick(()=>{this.bodyUp()})}},w:{handler(A,c){if(this.stickDrag||this.bodyDrag||A===this.width)return;const e="mr",a=c-A;this.stickDown(e,{pageX:this.right,pageY:this.top+this.height/2},!0),this.stickMove({x:a,y:0}),this.$nextTick(()=>{this.stickUp()})}},h:{handler(A,c){if(this.stickDrag||this.bodyDrag||A===this.height)return;const e="bm",a=c-A;this.stickDown(e,{pageX:this.left+this.width/2,pageY:this.bottom},!0),this.stickMove({x:0,y:a}),this.$nextTick(()=>{this.stickUp()})}},parentW(A){this.right=A-this.width-this.left,this.parentWidth=A},parentH(A){this.bottom=A-this.height-this.top,this.parentHeight=A}}},Wl=["onMousedown","onTouchstart"];function Xl(A,c,e,a,r,t){return s.openBlock(),s.createElementBlock("div",{class:s.normalizeClass(["vdr",`${r.active||e.isActive?"active":"inactive"} ${e.contentClass?e.contentClass:""}`]),style:s.normalizeStyle(t.positionStyle),onMousedown:c[0]||(c[0]=n=>t.bodyDown(n)),onTouchstart:c[1]||(c[1]=n=>t.bodyDown(n)),onTouchend:c[2]||(c[2]=n=>t.up(n)),ref:"container",tabindex:"0"},[s.createElementVNode("div",{style:s.normalizeStyle(t.sizeStyle),class:"content-container",ref:"container2"},[s.renderSlot(A.$slots,"default")],4),(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(e.sticks,n=>(s.openBlock(),s.createElementBlock("div",{class:s.normalizeClass(["vdr-stick",["vdr-stick-"+n,e.isResizable?"":"not-resizable"]]),onMousedown:s.withModifiers(i=>t.stickDown(n,i),["stop","prevent"]),onTouchstart:s.withModifiers(i=>t.stickDown(n,i),["stop","prevent"]),style:s.normalizeStyle(t.vdrStick(n))},null,46,Wl))),256))],38)}const h8=_(Gl,[["render",Xl]]),XY="",ql={components:{VueDragResize:h8},props:["content"],data(){return{}},watch:{},computed:{},methods:{onResizstop(A){console.log("i have stopped resizing",A)},onDragstop(A){},reset(){this.listOne=[]},getParentWidth(){let A=document.getElementsByClassName("fridgemagnet");setTimeout(()=>A[0].offsetWidth)},getParentHeight(){let A=document.getElementsByClassName("fridgemagnet");setTimeout(()=>A[0].offsetHeight)},keyboardMove(A){for(let c of A)document.getElementById(c.id).addEventListener("focusin",a=>{let r=document.getElementsByClassName("fridgemagnet");addEventListener("keydown",function(t){let n=document.getElementById(t.target.id);if(t.altKey&&t.key==="ArrowLeft"){let i=Number(n.style.left.slice(0,-2));i-10<0?n.style.left=`${i}px`:n.style.left=`${i-10}px`}if(t.altKey&&t.key==="ArrowRight"){let i=Number(n.style.left.slice(0,-2));i+10>r[0].offsetWidth-50?n.style.left=`${i}px`:n.style.left=`${i+10}px`}if(t.altKey&&t.key==="ArrowUp"){let i=Number(n.style.top.slice(0,-2));i+10<0?n.style.top=`${i}px`:n.style.top=`${i-10}px`}if(t.altKey&&t.key==="ArrowDown"){let i=Number(n.style.top.slice(0,-2));i+10>r[0].offsetHeight-80?n.style.top=`${i}px`:n.style.top=`${i+10}px`}})})}},mounted(){let A=document.getElementsByClassName("vdr");setTimeout(()=>{A[0].focus()}),this.keyboardMove(A)},beforeMount(){this.stepperStore=this.stepperMain(),this.stepperStore.resetSteps("vdr")}},Yl={class:"fridgemagnet"},Jl=["innerHTML"],jl=["src","alt"],$l=["id","src","alt"],Zl=["innerHTML"];function Af(A,c,e,a,r,t){const n=s.resolveComponent("VueDragResize");return s.openBlock(),s.createElementBlock("div",Yl,[e.content.directions?(s.openBlock(),s.createElementBlock("p",{key:0,innerHTML:e.content.directions},null,8,Jl)):s.createCommentVNode("",!0),s.createElementVNode("img",{src:e.content.image,alt:e.content.imageAlt},null,8,jl),s.createElementVNode("div",{class:s.normalizeClass(["fridge",e.content.class,e.content.noOutline?"no_outline":""])},[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(e.content.magnets,(i,o)=>(s.openBlock(),s.createBlock(n,{id:"vdr_"+o,isActive:!0,w:i.width?i.width:50,minw:i.minWidth?i.minWidth:50,h:i.height?i.height:50,minh:i.minHeight?i.minHeight:50,x:i.x?i.x:0,y:i.y?i.y:60*o,class:s.normalizeClass(i.class),parentLimitation:!0,parentW:i.parentwidth?i.parentwidth:t.getParentWidth(),parentH:i.parentheight?i.parentheight:t.getParentHeight(),isResizable:i.resizable,isDraggable:i.draggable,snapToGrid:i.snap,gridX:i.snapX,gridY:i.snapY,dragHandle:i.handle,onResizing:A.resize,onDragging:A.resize,aspectRatio:!0,onResizestop:t.onResizstop,onDragstop:t.onDragstop,sticks:["tl","bl","tr","br"]},{default:s.withCtx(()=>[i.image?(s.openBlock(),s.createElementBlock("img",{key:0,id:i.index,src:i.image,alt:i.imageAlt},null,8,$l)):s.createCommentVNode("",!0),i.text?(s.openBlock(),s.createElementBlock("p",{key:1,innerHTML:i.text},null,8,Zl)):s.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 cf=_(ql,[["render",Af]]),qY="",ef={components:{},props:["content"],data(){return{binCount:0,listOne:[]}},watch:{},computed:{binColumns(){return Math.round(24/this.binCount)},myList:{get(){return this.listOne}}},methods:{createItems(){this.binCount=this.content.bins.length,this.content.bins.forEach(A=>{this.listOne.push(A.items)})},dragBackground(A){return`white url(${A}) 0 0 no-repeat`},pixelFormat(A){return this.stepperStore.pixelFormat(A)},checkMove(A){var c;if(this.content.sound){let e=document.getElementById("myAudio");setTimeout(()=>{e.play()},1e3)}if(A!=="clicked"&&((c=A.draggedContext.element)!=null&&c.relSwap)&&setTimeout(()=>{let e=A.draggedContext.element.id,a=document.getElementById(e);a.src=A.draggedContext.element.relSwap,a.classList.add("imageSwapped")},1500),this.stepperStore.stepHold=!1,this.stepperStore.finishSteps(),this.stepperStore.lastPageFocus(),A!=="clicked")return!A.from.classList.contains("preventMove")},reset(){this.listOne=[],this.createItems()},keyboardDrag(A,c){if(A.class.indexOf("preventMove")>-1)return!1;A.class+=" preventMove",this.listOne[c].splice(A),this.listOne[c+1].push(A),A.relSwap&&setTimeout(()=>{this.listOne[c+1][0].image=this.listOne[c+1][0].relSwap},1500),this.checkMove("clicked")}},mounted(){let A=document.getElementsByClassName("dragItems-button");setTimeout(()=>{A[0].focus()})},beforeMount(){this.stepperStore=this.stepperMain(),this.stepperStore.resetSteps("dragItems-button"),this.createItems()}},af=["innerHTML"],rf={key:1,id:"myAudio"},tf=["src"],sf={class:"list-group-item"},nf=["onClick"],of=["id","src","alt","data-swap"],lf=["src","alt","data-swap"];function ff(A,c,e,a,r,t){const n=s.resolveComponent("lab-image"),i=s.resolveComponent("el-col"),o=s.resolveComponent("draggable"),l=s.resolveComponent("el-row");return s.openBlock(),s.createBlock(l,{class:s.normalizeClass(["dragDrop",e.content.handle])},{default:s.withCtx(()=>[s.createVNode(i,{span:24},{default:s.withCtx(()=>[s.createElementVNode("div",{innerHTML:e.content.directions},null,8,af),e.content.image?(s.openBlock(),s.createBlock(n,{key:0,content:e.content.image,image:{supportImage:!0}},null,8,["content"])):s.createCommentVNode("",!0),e.content.sound?(s.openBlock(),s.createElementBlock("audio",rf,[s.createElementVNode("source",{src:e.content.sound,type:"audio/mpeg"},null,8,tf),s.createTextVNode(" Your browser does not support the audio element. ")])):s.createCommentVNode("",!0)]),_:1}),(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(r.listOne,(f,m)=>(s.openBlock(),s.createBlock(i,{span:t.binColumns},{default:s.withCtx(()=>[s.createVNode(o,{class:s.normalizeClass(["draggable list-group",e.content.bins[m].class]),style:s.normalizeStyle({width:t.pixelFormat(e.content.bins[m].width),height:t.pixelFormat(e.content.bins[m].height),background:t.dragBackground(e.content.bins[m].bgImage)}),modelValue:t.myList[m],"onUpdate:modelValue":h=>t.myList[m]=h,move:t.checkMove,group:"people",forceFallback:"true"},{item:s.withCtx(({element:h})=>[s.createElementVNode("div",sf,[s.createElementVNode("button",{class:"dragItems-button",onClick:s.withModifiers(u=>t.keyboardDrag(h,m),["stop"])},[s.createTextVNode(s.toDisplayString(h.text)+" ",1),h.image?(s.openBlock(),s.createElementBlock("img",{key:0,id:h.id,src:h.image,alt:h.imageAlt,"data-swap":h.relSwap},null,8,of)):s.createCommentVNode("",!0),h.relSwap?(s.openBlock(),s.createElementBlock("img",{key:1,id:"preload",src:h.relSwap,alt:h.imageAlt,"data-swap":h.relSwap},null,8,lf)):s.createCommentVNode("",!0)],8,nf)])]),_:2},1032,["class","style","modelValue","onUpdate:modelValue","move"])]),_:2},1032,["span"]))),256))]),_:1},8,["class"])}const mf=_(ef,[["render",ff]]),YY="",hf={components:{},props:["content"],data(){return{binCount:0,listOne:[],listTwo:[],listTwoCompleted:[],totalAttempts:99,choice:{header:"",feedback:""},chooseBin:{},chooseVisibility:!1,kbCurrentId:"",feedbackObject:{}}},watch:{},computed:{binColumns(){return Math.round(24/this.binCount)},myList:{get(){return this.listOne}},myList2:{get(){return this.listTwo}},getAttempt(){return this.stepperStore.getAttempts},getShowFeedbackAttempts(){return this.stepperStore.getShowFeedbackAttempts}},methods:{recordResults(A){let c=[];this.content.bins.forEach(t=>{let n=[];t.items.forEach(o=>{let l={text:o.text,imageAlt:o.imageAlt};n.push(l)});let i={header:t.header,description:t.description,items:n};c.push(i)});let e={page:this.stepperStore.stepPage,result:A,correctAnswer:c},a=this.stepperStore.results.find(t=>t.page===this.stepperStore.stepPage),r=this.stepperStore.results.indexOf(a);a?this.stepperStore.results.fill(a.result=A,r,r++):this.stepperStore.results.push(e)},failed(){this.listTwo.length>0&&(this.listTwo.forEach(A=>{this.listOne.forEach(c=>{c.forEach(e=>{A.id===e.id&&c.push(A)})})}),this.listTwo="",this.choice.header=this.content.failedHeader,this.choice.feedback=this.content.failedFeedback,this.feedbackVisibility=!0),this.recordResults("not correct"),this.stepperStore.finishSteps()},createItems(){this.binCount=this.content.bins.length,this.content.bins.forEach((A,c)=>{let e=Math.round(Date.now()/Math.random());A.items.forEach(a=>{a.hide=!0,a.id=e,a.oldKey=c,this.listTwo.push(a)}),this.listOne.push(JSON.parse(JSON.stringify(A.items)))}),this.listTwo.forEach(A=>{A.hide=!1}),this.content.random&&this.listTwo.sort(()=>Math.random()-.5)},dragBackground(A){return`white url(${A}) 0 0 no-repeat`},pixelFormat(A){return this.stepperStore.pixelFormat(A)},checkMove(A){if(A.to.dataset.index){let c=this.listOne[A.to.dataset.index],e=A.oldIndex,a=!1;c.forEach(r=>{r.hide===!0&&r.id===A.item._underlying_vm_.id&&(a=!0)}),a?(this.stepperStore.showFeedback=!0,this.feedbackObject.feedbackHeader=A.item._underlying_vm_.correctHeader,this.feedbackObject.feedback=A.item._underlying_vm_.correctFeedback,this.feedbackObject.feedbackImage=A.item._underlying_vm_.correctFeedbackImage,this.listTwoCompleted.push(e),this.myList2.length===0&&(this.stepperStore.finishSteps(),this.recordResults("correct"))):(this.feedbackObject.feedbackHeader=A.item._underlying_vm_.incorrectHeader,this.feedbackObject.feedback=A.item._underlying_vm_.incorrectFeedback,this.feedbackObject.feedbackImage=A.item._underlying_vm_.incorrectFeedbackImage,this.listTwo.push(A.item._underlying_vm_),this.getAttempt<this.content.attempts?this.stepperStore.attempts=this.getAttempt+1:(this.stepperStore.showFeedbackAttempts=!0,this.failed()),this.stepperStore.showFeedback=!0,c.forEach((r,t)=>{r.id===A.item._underlying_vm_.id&&c.splice(t,1)})),setTimeout(()=>{document.getElementById("feedbackClose")&&document.getElementById("feedbackClose").focus()})}},stopMove(){return!1},kbCheckMove(A,c){if(typeof A>"u")this.chooseVisibility=!1;else{if(this.listOne[A][c].id===this.kbCurrentId){let a=-1;this.listTwo.forEach((r,t)=>{r.id===this.kbCurrentId&&(a=t)}),this.stepperStore.showFeedback=!0,this.feedbackObject.feedbackHeader=this.listOne[A][c].correctHeader,this.feedbackObject.feedback=this.listOne[A][c].correctFeedback,this.feedbackObject.feedbackImage=this.listOne[A][c].correctFeedbackImage,this.chooseVisibility=!1,this.listTwoCompleted.push(A),this.listTwo.splice(a,1),this.myList2.length===0&&this.stepperStore.finishSteps(),this.listOne[A][c].hide=!1}else this.feedbackObject.feedbackHeader=this.listOne[A][c].incorrectHeader,this.feedbackObject.feedback=this.listOne[A][c].incorrectFeedback,this.feedbackObject.feedbackImage=this.listOne[A][c].incorrectFeedbackImage,this.chooseVisibility=!1,this.stepperStore.showFeedback=!0,this.getAttempt<this.content.attempts?this.stepperStore.attempts=this.getAttempt+1:(this.chooseVisibility=!1,this.stepperStore.showFeedbackAttempts=!0,this.failed());setTimeout(()=>{document.getElementById("feedbackClose")&&document.getElementById("feedbackClose").focus()})}},keyboardDrag(A){if(A.class.indexOf("preventMove")>0)return!1;this.chooseVisibility=!0,this.kbCurrentId=A.id,setTimeout(()=>{document.getElementById("firstBin").focus()})},showFeedback(){return!!this.stepperStore.getShowFeedback}},mounted(){if(this.stepperStore.getDirections.display===!1){let A=document.getElementsByClassName("dragItems-button");setTimeout(()=>{A[0].focus()})}},beforeMount(){this.stepperStore=this.stepperMain(),this.stepperStore.resetSteps("dragItems-button"),this.stepperStore.attempts=0,this.content.attempts&&(this.totalAttempts=this.content.attempts),this.createItems()}},uf=["innerHTML"],Hf=["onClick"],Cf=["id","src","alt"],pf={key:0,class:"dropBin"},Bf={class:"dragItems-button"},df=["id","src","alt"],gf={class:"dialog-footer"};function vf(A,c,e,a,r,t){const n=s.resolveComponent("lab-image"),i=s.resolveComponent("el-col"),o=s.resolveComponent("draggable"),l=s.resolveComponent("el-row"),f=s.resolveComponent("lab-feedback"),m=s.resolveComponent("el-button"),h=s.resolveComponent("el-dialog");return s.openBlock(),s.createElementBlock(s.Fragment,null,[s.createVNode(l,{class:s.normalizeClass(["dragDrop",e.content.handle]),id:"dragItemDiv"},{default:s.withCtx(()=>[s.createVNode(i,{span:24},{default:s.withCtx(()=>[s.createElementVNode("div",{innerHTML:e.content.directions},null,8,uf),e.content.image?(s.openBlock(),s.createBlock(n,{key:0,content:e.content.image,image:{supportImage:!0}},null,8,["content"])):s.createCommentVNode("",!0)]),_:1}),s.createVNode(i,{span:24},{default:s.withCtx(()=>[s.createVNode(o,{class:"dragItems",list:r.listTwo,group:"put",forceFallback:"true",itemKey:"image",sort:!1,onEnd:t.checkMove},{item:s.withCtx(({element:u})=>[s.createElementVNode("div",{class:s.normalizeClass(["dragItem",u.class])},[s.createElementVNode("button",{class:"dragItems-button",onClick:s.withModifiers(H=>t.keyboardDrag(u),["stop"])},[s.createTextVNode(s.toDisplayString(u.text)+" ",1),u.image?(s.openBlock(),s.createElementBlock("img",{key:0,id:u.id,src:u.image,alt:u.imageAlt},null,8,Cf)):s.createCommentVNode("",!0)],8,Hf)],2)]),_:1},8,["list","onEnd"])]),_:1}),(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(r.listOne,(u,H)=>(s.openBlock(),s.createBlock(i,{class:"bins",span:t.binColumns},{default:s.withCtx(()=>[s.createElementVNode("h4",null,s.toDisplayString(e.content.bins[H].header),1),s.createVNode(o,{class:s.normalizeClass(["dropBins el-row",e.content.bins[H].class]),"data-index":H,list:r.listOne[H],group:"put",forceFallback:"true",itemKey:"text",sort:!1,move:t.stopMove},{item:s.withCtx(({element:B})=>[B.hide?s.createCommentVNode("",!0):(s.openBlock(),s.createElementBlock("div",pf,[s.createElementVNode("button",Bf,[s.createTextVNode(s.toDisplayString(B.text)+" ",1),B.image?(s.openBlock(),s.createElementBlock("img",{key:0,id:B.id,src:B.droppedImage,alt:B.imageAlt},null,8,df)):s.createCommentVNode("",!0)])]))]),_:2},1032,["class","data-index","list","move"])]),_:2},1032,["span"]))),256))]),_:1},8,["class"]),t.showFeedback()?(s.openBlock(),s.createBlock(f,{key:0,content:r.feedbackObject},null,8,["content"])):s.createCommentVNode("",!0),s.createVNode(h,{title:e.content.kbModalQuestion,modelValue:r.chooseVisibility,"onUpdate:modelValue":c[1]||(c[1]=u=>r.chooseVisibility=u),width:"50%"},{footer:s.withCtx(()=>[s.createElementVNode("span",gf,[s.createVNode(m,{size:"small",id:"visibilityClose",type:"primary",onClick:c[0]||(c[0]=u=>t.kbCheckMove())},{default:s.withCtx(()=>[s.createTextVNode("Close")]),_:1})])]),default:s.withCtx(()=>[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(r.listOne,(u,H)=>(s.openBlock(),s.createElementBlock(s.Fragment,null,[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(u,(B,z)=>(s.openBlock(),s.createElementBlock(s.Fragment,null,[H===0?(s.openBlock(),s.createBlock(m,{key:0,id:"firstBin",size:"small",type:"primary",onClick:C=>t.kbCheckMove(H,z)},{default:s.withCtx(()=>[s.createTextVNode(s.toDisplayString(e.content.bins[H].header),1)]),_:2},1032,["onClick"])):(s.openBlock(),s.createBlock(m,{key:1,size:"small",type:"primary",onClick:C=>t.kbCheckMove(H,z)},{default:s.withCtx(()=>[s.createTextVNode(s.toDisplayString(e.content.bins[H].header),1)]),_:2},1032,["onClick"]))],64))),256))],64))),256))]),_:1},8,["title","modelValue"])],64)}const zf=_(hf,[["render",vf]]),JY="",Vf={props:["content"],data(){return{totalAttempts:99}},computed:{getAttempt(){return this.stepperStore.getAttempts},getShowFeedbackAttempts(){return this.stepperStore.getShowFeedbackAttempts}},methods:{choicesCheck(){setTimeout(()=>{document.getElementById("feedbackClose")&&document.getElementById("feedbackClose").focus()})},choicesComplete(){this.stepperStore.finishSteps()},showFeedback(){return!!this.stepperStore.getShowFeedback}},mounted(){this.stepperStore.getDirections.display===!1&&setTimeout(()=>{})},beforeMount(){this.stepperStore=this.stepperMain(),this.stepperStore.resetSteps("el-input__inner"),this.content.attempts&&(this.totalAttempts=this.content.attempts)}},Mf=["src","width","height"];function wf(A,c,e,a,r,t){return s.openBlock(),s.createElementBlock("div",null,[s.createElementVNode("iframe",{class:"importedIframe",src:"imports/"+e.content.importFolder+"/"+e.content.importIndex,allowfullscreen:"",webkitallowfullscreen:"",mozAllowFullScreen:"",width:e.content.width,height:e.content.height},null,8,Mf)])}const Lf=_(Vf,[["render",wf],["__scopeId","data-v-f5bc6f4c"]]);/*!
|
|
1
|
+
(function(s,o4){typeof exports=="object"&&typeof module<"u"?module.exports=o4(require("vue")):typeof define=="function"&&define.amd?define(["vue"],o4):(s=typeof globalThis<"u"?globalThis:s||self,s.LabmakerPlugin=o4(s.Vue))})(this,function(s){"use strict";const o4="",_=(A,c)=>{const e=A.__vccOpts||A;for(const[a,r]of c)e[a]=r;return e},pi={props:["custom-img"],data(){return{imgSRC:this.customImg}},computed:{},methods:{fileUpload(A){const e=A.target.files[0];this.fileProcess(e)},fileProcess(A){this.imgSRC=URL.createObjectURL(A)}},mounted(){}},Bi=s.createElementVNode("h1",null,"File Uploader",-1),di={class:"image-uploader"},gi=s.createElementVNode("h1",null,"File Uploader",-1),vi={class:"your-file"},zi=["src"];function Vi(A,c,e,a,r,t){return s.openBlock(),s.createElementBlock(s.Fragment,null,[Bi,s.createElementVNode("div",di,[gi,s.createElementVNode("input",{onChange:c[0]||(c[0]=(...n)=>t.fileUpload&&t.fileUpload(...n)),type:"file",id:"file-upload",name:"fileUpload",accept:"image/*"},null,32),s.createElementVNode("div",vi,[s.createElementVNode("img",{src:r.imgSRC,alt:"",scrset:""},null,8,zi)])])],64)}const Mi=_(pi,[["render",Vi]]),xY="",wi={props:["title"],data(){return{}},computed:{}};function Li(A,c,e,a,r,t){return s.openBlock(),s.createElementBlock("header",null,[s.createElementVNode("h1",null,s.toDisplayString(e.title),1)])}const Fi=_(wi,[["render",Li]]),yY="",Qi={props:["content","image"],data(){return{}},computed:{},methods:{pixelFormat(A){return this.stepperStore.pixelFormat(A)}},mounted(){var A;(A=this.image)!=null&&A.supportImage||this.stepperStore.finishSteps()},beforeMount(){this.stepperStore=this.stepperMain()}},Ui={class:"image-container"},bi={class:"image"},xi=["src","alt"],yi=["innerHTML"],Si=["innerHTML"],Ni=["innerHTML"];function ki(A,c,e,a,r,t){return s.openBlock(),s.createElementBlock("div",Ui,[s.createElementVNode("div",bi,[s.createElementVNode("img",{src:e.content.src,alt:e.content.alt,class:s.normalizeClass(e.content.class)},null,10,xi),e.content.captionHeader?(s.openBlock(),s.createElementBlock("span",{key:0,class:"captionHeader",innerHTML:e.content.captionHeader},null,8,yi)):s.createCommentVNode("",!0),e.content.caption?(s.openBlock(),s.createElementBlock("span",{key:1,class:"caption",innerHTML:e.content.caption},null,8,Si)):s.createCommentVNode("",!0),e.content.copyright?(s.openBlock(),s.createElementBlock("span",{key:2,innerHTML:e.content.copyright,class:"copyright"},null,8,Ni)):s.createCommentVNode("",!0)])])}const Ei=_(Qi,[["render",ki],["__scopeId","data-v-9c649cb5"]]),SY="",Ii={props:["content"],data(){return{showGif:!1,showPause:!1,tempGif:"",tempImage:"",alphanum:"",imgWidth:"",imgHeight:""}},computed:{altText(){return!this.content.altText&&this.content.textVersion?"Select text version for a more detailed description.":this.content.altText},imageSrc(){return this.content.src},pngImageSrc(){return!this.tempImage||this.tempImage===" "?this.content.posterSrc?this.content.posterSrc:"//cdn.flvs.net/course_view/1_0/dist/images/placeholder.png":this.tempImage}},methods:{process(){this.tempGif=document.getElementById("giffyGif_"+this.alphanum),this.tempGif.onload=()=>{this.imgHeight=this.tempGif.height,this.imgWidth=this.tempGif.width;let A=document.createElement("canvas");A.width=this.imgWidth,A.height=this.imgHeight,A.getContext("2d").drawImage(this.tempGif,0,0),this.tempImage=A.toDataURL("image/png")}},playGif(){this.showGif=!this.showGif,this.content.animDuration&&this.showGif&&setTimeout(()=>{this.showGif=!1},this.content.animDuration),this.stepperStore.finishSteps()},pauseGif(){this.showGif&&(this.showPause=!0)},pauseGifHide(){this.showPause=!1},updateGifSize(){let A=document.getElementById("giffyPng_"+this.alphanum);A.complete?(this.imgWidth=A.width,this.imgHeight=A.height):A.onload=function(){this.imgWidth=A.width,this.imgHeight=A.height,A.onload=null}}},mounted(){this.process()},beforeMount(){this.stepperStore=this.stepperMain(),this.alphanum=Math.random().toString(36).replace("0.","")}},Ti=A=>(s.pushScopeId("data-v-8a2b22b7"),A=A(),s.popScopeId(),A),Di={class:"image-container"},Ki={class:"image"},_i=Ti(()=>s.createElementVNode("span",{class:"screenReaderAlt","aria-hidden":"true"},"Start Animation",-1)),Ri=["id","alt","src"],Oi=["id","src","alt"],Pi=["innerHTML"],Gi=["innerHTML"],Wi=["innerHTML"];function Xi(A,c,e,a,r,t){return s.openBlock(),s.createElementBlock("div",Di,[s.createElementVNode("div",Ki,[s.createElementVNode("a",{href:"javascript:void(0)","aria-label":"play","aria-hidden":"true",class:"gAnimBg",onMouseover:c[0]||(c[0]=(...n)=>t.pauseGif&&t.pauseGif(...n)),onMouseout:c[1]||(c[1]=(...n)=>t.pauseGifHide&&t.pauseGifHide(...n)),onClick:c[2]||(c[2]=(...n)=>t.playGif&&t.playGif(...n))},[_i,s.withDirectives(s.createElementVNode("div",{class:s.normalizeClass(["playButtonStyles",{dark:e.content.animButton==="dark"}])},[s.createElementVNode("div",{class:s.normalizeClass(["playButtonIconStyles",{dark:e.content.animButton==="dark"}])},null,2)],2),[[s.vShow,r.showGif===!1]]),s.withDirectives(s.createElementVNode("div",{class:s.normalizeClass(["pauseButtonStyles",{dark:e.content.animButton==="dark"}])},[s.createElementVNode("div",{class:s.normalizeClass(["pauseButtonIconStyles",{dark:e.content.animButton==="dark"}])},null,2)],2),[[s.vShow,r.showPause]]),s.withDirectives(s.createElementVNode("img",{id:"giffyPng_"+r.alphanum,class:s.normalizeClass(["giffyPng",e.content.class]),alt:t.altText,src:t.pngImageSrc},null,10,Ri),[[s.vShow,r.showGif===!1]]),s.withDirectives(s.createElementVNode("img",{id:"giffyGif_"+r.alphanum,src:t.imageSrc,alt:t.altText,class:s.normalizeClass(["giffyGif",e.content.class])},null,10,Oi),[[s.vShow,r.showGif]])],32),e.content.captionHeader?(s.openBlock(),s.createElementBlock("span",{key:0,class:"captionHeader",innerHTML:e.content.captionHeader},null,8,Pi)):s.createCommentVNode("",!0),e.content.caption?(s.openBlock(),s.createElementBlock("span",{key:1,class:"caption",innerHTML:e.content.caption},null,8,Gi)):s.createCommentVNode("",!0),e.content.copyright?(s.openBlock(),s.createElementBlock("span",{key:2,innerHTML:e.content.copyright,class:"copyright"},null,8,Wi)):s.createCommentVNode("",!0)])])}const qi=_(Ii,[["render",Xi],["__scopeId","data-v-8a2b22b7"]]),NY="",Yi={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 A=this.content.height;return A.slice(-2)==="px"?A.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 A=this.content.height;return A.slice(-2)==="px"?A.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 A=this.content.width;return A.slice(-2)==="px"?A.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(A){return A==="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(A){let c={uiconf_id:"35766781",partner_id:"2061901",entry_id:"",height:"400",width:"640",type:"video"};return c.entry_id=this.content.kalturaEntryId,this.content.kalturaType&&(c.type=this.content.kalturaType),c.type==="audio"?c.uiconf_id="36511471":c.type==="audiobtn"?c.uiconf_id="36582731":c.type==="videocc"&&(c.uiconf_id="35766781"),this.content.standalone&&(this.stepperStore.stepHold=!1),"https://cdnapisec.kaltura.com/p/"+c.partner_id+"/sp/"+c.partner_id+"00/embedIframeJs/uiconf_id/"+c.uiconf_id+"/partner_id/"+c.partner_id+"?iframeembed=true&playerId=Kaltura&entry_id="+c.entry_id},showKaltura(){this.showingKaltura=!0},showText(){this.showingText=!this.showingText,this.buttonText=!this.buttonText},tvCleaner(){let A=document.createElement("div");A.innerHTML=this.content.textVersion;for(let c=0;c<A.children.length;c++){let e=A.children[c];if(e.tagName=="DIV"&&e.className=="panel-default"&&e.children[0].dataset.toggle)for(let a=0;a<e.children.length;a++){let r=e.children[a];if(r.dataset.toggle=="collapse"){let t={heading:r.innerHTML,body:e.children[a+1].innerHTML};this.textversionArray[c]=t}}else this.textversionArray[c]=e.outerHTML}}},beforeMount(){this.stepperStore=this.stepperMain(),this.stepperStore.resetSteps("vidText"),this.kalturaLoad(),this.tvCleaner()},mounted(){if(this.stepperStore.getDirections.display===!1){let A=document.getElementsByClassName("vidText");setTimeout(()=>{A[0].focus()})}this.stepperStore.finishSteps()}},Ji={key:0,class:"textVersion"},ji=s.createElementVNode("h1",null,"Text Version",-1),$i=["innerHTML"],Zi=["src","width","height"],Ao=["src","width","height"],co=["src","width","height"],eo={key:2,class:"alert alert-danger"};function ao(A,c,e,a,r,t){const n=s.resolveComponent("el-button");return s.openBlock(),s.createElementBlock("div",{class:s.normalizeClass(["kContainer",e.content.class])},[e.content.textVersion&&r.showingText?(s.openBlock(),s.createElementBlock("div",Ji,[ji,s.createElementVNode("div",{innerHTML:e.content.textVersion},null,8,$i)])):s.createCommentVNode("",!0),!r.showingText&&e.content.kalturaEntryId?(s.openBlock(),s.createElementBlock("div",{key:1,class:"mainVersion",style:s.normalizeStyle({width:t.kWidth+"px",height:t.kHeight+"px"})},[e.content.kalturaType=="video"&&!r.showingKaltura?(s.openBlock(),s.createElementBlock("div",{key:0,class:s.normalizeClass(["kPoster",{active:r.showingKaltura==!0}]),style:s.normalizeStyle({width:t.kWidth+"px",height:t.kHeight+"px"})},[s.createElementVNode("iframe",{onClick:c[0]||(c[0]=(...i)=>t.showKaltura&&t.showKaltura(...i)),class:"videoIframe",src:t.kalturaMedia(e.content),width:t.kWidth+"px",height:t.kHeight+"px",allowfullscreen:"",webkitallowfullscreen:"",mozAllowFullScreen:"",frameborder:"0"},null,8,Zi)],6)):s.createCommentVNode("",!0),e.content.kalturaType=="audio"?(s.openBlock(),s.createElementBlock("div",{key:1,class:s.normalizeClass(["kAudio",{active:r.showingKaltura==!0}]),onClick:c[1]||(c[1]=(...i)=>t.showKaltura&&t.showKaltura(...i))},[s.createElementVNode("iframe",{id:"my_iframe",src:t.kalturaMedia(e.content),width:t.kWidth+"px",height:t.kHeight+"px",allowfullscreen:"",webkitallowfullscreen:"",mozAllowFullScreen:"",frameborder:"0"},null,8,Ao)],2)):s.createCommentVNode("",!0),e.content.kalturaType=="audiobtn"?(s.openBlock(),s.createElementBlock("div",{key:2,class:s.normalizeClass(["kAudiobtn",{active:r.showingKaltura==!0}]),onClick:c[2]||(c[2]=(...i)=>t.showKaltura&&t.showKaltura(...i))},[s.createElementVNode("iframe",{src:t.kalturaMedia(e.content),width:r.audioBtn.width+"px",height:r.audioBtn.height+"px",allowfullscreen:"",webkitallowfullscreen:"",mozAllowFullScreen:"",frameborder:"0"},null,8,co)],2)):s.createCommentVNode("",!0)],4)):s.createCommentVNode("",!0),e.content.kalturaEntryId==""?(s.openBlock(),s.createElementBlock("div",eo,"There is no Kaltura Entry ID")):s.createCommentVNode("",!0),e.content.textVersion?(s.openBlock(),s.createBlock(n,{key:3,size:"medium",type:"primary","aria-label":"text version",class:"toggleSwitch ftSwitch btn btn-primary vidText",onClick:c[3]||(c[3]=s.withModifiers(i=>t.showText(e.content.kalturaType),["stop"]))},{default:s.withCtx(()=>[s.createTextVNode(s.toDisplayString(t.getButtonText(e.content.kalturaType)),1)]),_:1})):s.createCommentVNode("",!0)],2)}const ro=_(Yi,[["render",ao]]),kY="",to={props:["content"],data(){return{value1:50,styleObject:{height:"",width:""}}},computed:{dark(){return this.content.dark?"dark":!1},vertical(){return!!this.content.vertical},verticalClass(){return this.content.vertical?"is-vertical":!1},style(){return this.content.vertical?(this.styleObject.height=100-this.value1+"%",this.styleObject.width=""):(this.styleObject.height="",this.styleObject.width=this.value1+"%"),this.styleObject},captionWidth(){return this.value1<=30&&!this.content.vertical?"200px":"100%"}},methods:{pixelFormat(A){return this.stepperStore.pixelFormat(A)},updateStartHeight(){return this.content.startHeight&&(this.value1=this.content.startHeight),!1}},mounted(){this.stepperStore.finishSteps(),this.updateStartHeight()},beforeMount(){this.stepperStore=this.stepperMain()}},so={class:"image-compare"},no={class:"image"},io=["src","alt"],oo=["innerHTML"],lo=["innerHTML"],fo=["innerHTML"],mo=["src","alt"],ho={class:"captionAreaRight"},uo=["innerHTML"],Ho=["innerHTML"],Co=["innerHTML"];function po(A,c,e,a,r,t){const n=s.resolveComponent("el-slider");return s.openBlock(),s.createElementBlock("div",so,[s.createVNode(n,{class:s.normalizeClass(["imageSlide",t.dark]),modelValue:r.value1,"onUpdate:modelValue":c[0]||(c[0]=i=>r.value1=i),step:5,"show-tooltip":!1,vertical:t.vertical},null,8,["class","modelValue","vertical"]),s.createElementVNode("div",no,[s.createElementVNode("div",{class:s.normalizeClass(["imageLeft",t.dark,t.verticalClass]),style:s.normalizeStyle(t.style)},[s.createElementVNode("img",{src:e.content.image.srcLeft,alt:e.content.image.altLeft,class:s.normalizeClass(e.content.image.classLeft)},null,10,io),s.createElementVNode("div",{class:"captionAreaLeft",style:s.normalizeStyle({width:t.captionWidth})},[e.content.image.captionHeaderLeft?(s.openBlock(),s.createElementBlock("span",{key:0,class:"captionHeader",innerHTML:e.content.image.captionHeaderLeft},null,8,oo)):s.createCommentVNode("",!0),e.content.image.captionLeft?(s.openBlock(),s.createElementBlock("span",{key:1,class:"caption",innerHTML:e.content.image.captionLeft},null,8,lo)):s.createCommentVNode("",!0),e.content.image.copyrightLeft?(s.openBlock(),s.createElementBlock("span",{key:2,innerHTML:e.content.image.copyrightLeft,class:"copyright"},null,8,fo)):s.createCommentVNode("",!0)],4)],6),s.createElementVNode("img",{class:s.normalizeClass(["imageRight",e.content.image.classRight]),src:e.content.image.srcRight,alt:e.content.image.altRight},null,10,mo),s.createElementVNode("div",ho,[e.content.image.captionHeaderRight?(s.openBlock(),s.createElementBlock("span",{key:0,class:"captionHeader",innerHTML:e.content.image.captionHeaderRight},null,8,uo)):s.createCommentVNode("",!0),e.content.image.captionRight?(s.openBlock(),s.createElementBlock("span",{key:1,class:"caption",innerHTML:e.content.image.captionRight},null,8,Ho)):s.createCommentVNode("",!0),e.content.image.copyrightRight?(s.openBlock(),s.createElementBlock("span",{key:2,innerHTML:e.content.image.copyrightRight,class:"copyright"},null,8,Co)):s.createCommentVNode("",!0)])])])}const Bo=_(to,[["render",po],["__scopeId","data-v-ca834e68"]]),EY="",go={components:{},inject:["message"],props:["content"],data(){return{dialogVisible:!1,feedbackVisibility:[],feedbackIndex:0}},computed:{},methods:{spotDone(A){var c;return(c=this.stepperStore.getStepPage[A])!=null&&c.completed?"check-done":!1},showSpot(A){var c;if((c=this.stepperStore.getStepPage[A])!=null&&c.testPage){let e=!0;return this.stepperStore.getStepPage.forEach((a,r)=>{a.testPage!==!0&&!a.completed&&(e=!1)}),!!e}return!0},pixelFormat(A){return this.stepperStore.pixelFormat(A)},changePage(A,c){A.pageLink?this.stepperStore.currentPage=A.pageLink:A.feedback&&(this.feedbackIndex=c,this.feedbackVisibility.indexOf(c)===-1&&this.feedbackVisibility.push(c),this.stepperStore.showFeedback=!0,this.content.hotspots.length-1===this.feedbackVisibility.length-1&&this.stepperStore.finishSteps(),setTimeout(()=>{document.getElementById("feedbackClose")&&document.getElementById("feedbackClose").focus()}))},showFeedback(A){return!!(this.stepperStore.getShowFeedback&&this.feedbackIndex===A)},hotspots(){if(this.stepperStore.randomResults)return this.stepperStore.randomResults;if(this.content.showCount){let A=function(c,e){return[...c].sort(()=>.5-Math.random()).slice(0,e)};if(this.content.showByGroup){let c=[];this.content.hotspots.forEach(a=>{c.indexOf(a.group)===-1&&c.push(a.group)});let e=[];return c.forEach(a=>{let r=this.content.hotspots.filter(t=>t.group===a);e.push(A(r,1)[0])}),this.stepperStore.randomResults=e,e}else{let c=A(this.content.hotspots,this.content.showCount);return this.stepperStore.randomResults=c,c}}else return this.content.hotspots},imgAlt(A,c){return c?"Button Marker "+Number(A+1)+": "+c:"Button Marker "+Number(A+1)}},mounted(){if(this.stepperStore.getDirections.display===!1){let A=document.getElementsByClassName("hotspot");setTimeout(()=>{A[0].focus()})}},beforeMount(){this.stepperStore=this.stepperMain(),this.stepperStore.resetSteps("hotspot")}},vo={class:"imageMarker"},zo=["src","alt"],Vo={class:"hotspotArea"},Mo=["src","alt"],wo={class:"im-buttonText"},Lo={key:1,class:"big_green"};function Fo(A,c,e,a,r,t){const n=s.resolveComponent("el-button"),i=s.resolveComponent("lab-feedback");return s.openBlock(),s.createElementBlock("div",vo,[s.createElementVNode("img",{src:e.content.image,alt:e.content.imageAlt},null,8,zo),s.createElementVNode("div",Vo,[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(t.hotspots(),(o,l)=>(s.openBlock(),s.createElementBlock(s.Fragment,null,[t.showSpot(l)?(s.openBlock(),s.createBlock(n,{key:0,type:o.buttonType,onClick:s.withModifiers(f=>t.changePage(o,l),["stop"]),id:"hotspot_"+l,class:s.normalizeClass([["is-"+o.buttonShape,{noBG:o.buttonImage},o.class,t.spotDone(l)],"hotspot"]),style:s.normalizeStyle({top:t.pixelFormat(o.cordinatesX),left:t.pixelFormat(o.cordinatesY),width:t.pixelFormat(o.dimensionsW),height:t.pixelFormat(o.dimensionsH)}),icon:o.buttonIcon},{default:s.withCtx(()=>[o.buttonImage?(s.openBlock(),s.createElementBlock("img",{key:0,class:"im-ButtonImage",src:o.buttonImage,alt:t.imgAlt(l,o.buttonImageAlt)},null,8,Mo)):s.createCommentVNode("",!0),s.createElementVNode("span",wo,s.toDisplayString(o.name),1),t.spotDone(l)?(s.openBlock(),s.createElementBlock("div",Lo)):s.createCommentVNode("",!0)]),_:2},1032,["type","onClick","id","class","style","icon"])):s.createCommentVNode("",!0),t.showFeedback(l)?(s.openBlock(),s.createBlock(i,{key:1,content:o},null,8,["content"])):s.createCommentVNode("",!0)],64))),256))])])}const Qo=_(go,[["render",Fo],["__scopeId","data-v-593ecc67"]]),IY="",Uo={props:["content"],data(){return{imageReplaced:!1,imageSrc:this.content.image,imageAlt:this.content.imageAlt}},computed:{},methods:{pixelFormat(A){return this.stepperStore.pixelFormat(A)},async changeImage(A){this.imageReplaced=!0,this.imageSrc=this.content.hotspots[A].imageOverlay,this.imageAlt=this.content.hotspots[A].imageOverlayAlt,await this.stepperStore.finishSteps(),this.stepperStore.lastPageFocus()}},mounted(){if(this.stepperStore.getDirections.display===!1){let A=document.getElementsByClassName("instructions");setTimeout(()=>{A[0].focus()})}},beforeMount(){this.stepperStore=this.stepperMain(),this.stepperStore.resetSteps("instructions")}},bo=["innerHTML"],xo=["src","alt"],yo={class:"hotspotArea"};function So(A,c,e,a,r,t){const n=s.resolveComponent("el-col"),i=s.resolveComponent("el-button"),o=s.resolveComponent("el-row");return s.openBlock(),s.createBlock(o,{class:"imageReplacer"},{default:s.withCtx(()=>[s.createVNode(n,{span:12},{default:s.withCtx(()=>[s.createElementVNode("p",{class:"imageReplacerDescription",innerHTML:e.content.description},null,8,bo)]),_:1}),s.createVNode(n,{span:12},{default:s.withCtx(()=>[s.createElementVNode("img",{class:"im-ButtonImage",src:r.imageSrc,alt:r.imageAlt},null,8,xo),s.createElementVNode("div",yo,[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(e.content.hotspots,(l,f)=>(s.openBlock(),s.createBlock(i,{type:l.buttonType,onClick:s.withModifiers(m=>t.changeImage(f),["stop"]),class:"hotspot",style:s.normalizeStyle({top:t.pixelFormat(l.cordinatesX),left:t.pixelFormat(l.cordinatesY),width:t.pixelFormat(l.dimensionsW),height:t.pixelFormat(l.dimensionsH)}),icon:l.buttonIcon},null,8,["type","onClick","style","icon"]))),256))])]),_:1})]),_:1})}const No=_(Uo,[["render",So],["__scopeId","data-v-d6c87f03"]]),TY="",ko={props:["content"],data(){return{value1:0,marks:{4:"",3:"",2:"",1:"",0:""}}},computed:{dark(){return this.content.dark?"dark":!1},imageCount(){return this.content.image.length-1},vertical(){return!!this.content.vertical},verticalClass(){return this.content.vertical?"is-vertical":!1}},methods:{pixelFormat(A){return this.stepperStore.pixelFormat(A)}},mounted(){this.stepperStore.finishSteps()},beforeMount(){this.stepperStore=this.stepperMain()}},Eo={class:"image"},Io=["src","alt"],To=["innerHTML"],Do=["innerHTML"],Ko=["innerHTML"];function _o(A,c,e,a,r,t){const n=s.resolveComponent("el-slider");return s.openBlock(),s.createElementBlock("div",{class:s.normalizeClass(["image-slider",{verticalSlider:t.vertical}])},[s.createVNode(n,{class:s.normalizeClass(["imageSlide",t.dark]),modelValue:r.value1,"onUpdate:modelValue":c[0]||(c[0]=i=>r.value1=i),"show-tooltip":!1,vertical:t.vertical,step:1,"show-stops":"",max:t.imageCount,marks:r.marks},null,8,["class","modelValue","vertical","max","marks"]),s.createElementVNode("div",Eo,[s.createElementVNode("img",{src:e.content.image[r.value1].src,alt:e.content.image[r.value1].alt,class:s.normalizeClass(e.content.image[r.value1].class)},null,10,Io),s.createElementVNode("div",{class:"captionArea",style:s.normalizeStyle({width:A.captionWidth})},[e.content.image[r.value1].captionHeader?(s.openBlock(),s.createElementBlock("span",{key:0,class:"captionHeader",innerHTML:e.content.image[r.value1].captionHeader},null,8,To)):s.createCommentVNode("",!0),e.content.image[r.value1].caption?(s.openBlock(),s.createElementBlock("span",{key:1,class:"caption",innerHTML:e.content.image[r.value1].caption},null,8,Do)):s.createCommentVNode("",!0),e.content.image[r.value1].copyright?(s.openBlock(),s.createElementBlock("span",{key:2,innerHTML:e.content.image[r.value1].copyright,class:"copyright"},null,8,Ko)):s.createCommentVNode("",!0)],4)])],2)}const Ro=_(ko,[["render",_o],["__scopeId","data-v-efa3bb55"]]),DY="",Oo={props:["content"],data(){return{showOverlay:!0}},computed:{overlayButtonText(){return this.showOverlay?"Hide Overlay":"Show Overlay"}},methods:{pixelFormat(A){return this.stepperStore.pixelFormat(A)},getSavedImage(){document.getElementById("canvasBlob").appendChild(this.stepperStore.getCanvasImage)}},mounted(){this.getSavedImage(),this.stepperStore.finishSteps()},beforeMount(){this.stepperStore=this.stepperMain()}},Po=A=>(s.pushScopeId("data-v-0f3f694e"),A=A(),s.popScopeId(),A),Go={class:"imageCompare"},Wo=Po(()=>s.createElementVNode("div",{id:"canvasBlob"},null,-1)),Xo={class:"hideCompareButtons"};function qo(A,c,e,a,r,t){const n=s.resolveComponent("el-button");return s.openBlock(),s.createElementBlock("div",Go,[r.showOverlay?(s.openBlock(),s.createElementBlock("div",{key:0,class:"overlay",style:s.normalizeStyle("background: url("+e.content.overlay+")")},null,4)):s.createCommentVNode("",!0),Wo,s.createElementVNode("div",Xo,[s.createVNode(n,{size:"medium",type:"primary",onClick:c[0]||(c[0]=i=>r.showOverlay=!r.showOverlay)},{default:s.withCtx(()=>[s.createTextVNode(s.toDisplayString(t.overlayButtonText),1)]),_:1})])])}const Yo=_(Oo,[["render",qo],["__scopeId","data-v-0f3f694e"]]),KY="",Jo={props:["content"],data(){return{show:!0}},computed:{getShowFeedbackAttempts(){return this.stepperStore.getShowFeedbackAttempts},feedbackHeader(){return this.stepperStore.getShowFeedbackAttempts?"Too many Attempts":this.content.feedbackHeader},feedbackWidth(){return this.content.feedbackWidth?this.content.feedbackWidth:"50%"}},methods:{feedbackClose(){this.content.finalInstructions&&(this.stepperStore.completedDirections[this.stepperStore.currentPage].display=!1),this.content.instructions&&(this.stepperStore.directions[this.stepperStore.currentPage].display=!1),this.content.stepDirections&&(this.stepperStore.stepDirectionsArray[this.stepperStore.stepPage].display=!1),this.stepperStore.showFeedback=!1,this.stepperStore.showFeedbackAttempts=!1,this.stepperStore.lastPageFocus()}},mounted(){},beforeMount(){var A,c;this.stepperStore=this.stepperMain(),((A=this.content.feedbackContent)==null?void 0:A.type)==="media"&&((c=this.content.feedbackContent.fieldValues)==null?void 0:c.kalturaType)==="video"&&(this.content.feedbackContent.fieldValues.width="480",this.content.feedbackContent.fieldValues.height="360",this.content.feedbackWidth="80%")}},jo={class:"my-header"},$o=["id","innerHTML"],Zo=["innerHTML"],Al={key:1},cl={key:0},el=["innerHTML"],al=["src"],rl=["innerHTML"],tl={class:"dialog-footer"};function sl(A,c,e,a,r,t){var f;const n=s.resolveComponent("lab-kaltura"),i=s.resolveComponent("lab-image"),o=s.resolveComponent("el-button"),l=s.resolveComponent("el-dialog");return s.openBlock(),s.createBlock(l,{width:t.feedbackWidth,modelValue:r.show,"onUpdate:modelValue":c[1]||(c[1]=m=>r.show=m),"before-close":t.feedbackClose,class:s.normalizeClass([((f=e.content.feedbackContent)==null?void 0:f.type)==="media"?"video_dialog":""])},{header:s.withCtx(({close:m,titleId:h,titleClass:u})=>[s.createElementVNode("div",jo,[s.createElementVNode("h4",{id:h,class:s.normalizeClass(u),innerHTML:t.feedbackHeader},null,10,$o)])]),footer:s.withCtx(()=>[s.createElementVNode("span",tl,[s.createVNode(o,{size:"small",id:"feedbackClose",type:"primary",onClick:c[0]||(c[0]=s.withModifiers(m=>t.feedbackClose(),["stop"]))},{default:s.withCtx(()=>[s.createTextVNode("Close")]),_:1})])]),default:s.withCtx(()=>[t.getShowFeedbackAttempts?(s.openBlock(),s.createElementBlock(s.Fragment,{key:0},[e.content.feedbackAttempts?(s.openBlock(),s.createElementBlock("p",{key:0,innerHTML:e.content.feedbackAttempts},null,8,Zo)):(s.openBlock(),s.createElementBlock("p",Al,"You have tried too many times, the correct answer has been provided for you."))],64)):(s.openBlock(),s.createElementBlock(s.Fragment,{key:1},[e.content.feedbackContent?(s.openBlock(),s.createElementBlock("div",cl,[e.content.feedbackContent.type==="media"?(s.openBlock(),s.createBlock(n,{key:0,content:e.content.feedbackContent.fieldValues,class:s.normalizeClass([e.content.feedbackContent.fieldValues.class,{video:e.content.feedbackContent.fieldValues.kalturaType==="video"}])},null,8,["content","class"])):s.createCommentVNode("",!0),e.content.feedbackContent.type==="image"?(s.openBlock(),s.createBlock(i,{key:1,content:e.content.feedbackContent.fieldValues},null,8,["content"])):s.createCommentVNode("",!0),s.createElementVNode("p",{innerHTML:e.content.feedbackContent.directions},null,8,el)])):s.createCommentVNode("",!0),e.content.feedbackImage?(s.openBlock(),s.createElementBlock("img",{key:1,class:"im-ButtonImage",src:e.content.feedbackImage,alt:"button image"},null,8,al)):s.createCommentVNode("",!0),s.createElementVNode("p",{innerHTML:e.content.feedback},null,8,rl)],64))]),_:1},8,["width","modelValue","before-close","class"])}const nl=_(Jo,[["render",sl]]),_Y="",il={components:{},props:["content"],data(){return{quizArray:[],quizOptions:[],quizItemCompleted:[],input:[],totalAttempts:99,correctChoices:[],feedbackObject:{},value1:""}},watch:{},computed:{quizArrayCount(){return this.quizArray.length-1},getAttempt(){return this.stepperStore.getAttempts},getShowFeedbackAttempts(){return this.stepperStore.getShowFeedbackAttempts}},methods:{quizArrayCompleted(A){return!(this.quizItemCompleted.includes(A)||A===0)},prepareQuiz(){this.quizArray=this.content.quiz.split("*_").filter(A=>A),this.content.options.forEach((A,c)=>{A.options?A.random?this.quizOptions.push(this.shuffle(A.options)):this.quizOptions.push(A.options):this.quizOptions.push(!1)})},quizType(A){return this.content.options[A]&&this.content.options[A].type?this.content.options[A].type:!1},quizDisplay(A){return this.content.options[A]&&this.content.options[A].display?this.content.options[A].display:"Select"},quizClass(A){return this.content.options[A]&&this.content.options[A].class?this.content.options[A].class:""},shuffle(A){let c=A.length,e;for(;c!=0;)e=Math.floor(Math.random()*c),c--,[A[c],A[e]]=[A[e],A[c]];return A},choicesCheck(){if(this.getAttempt<this.content.attempts){let A=!0,c=!1;this.input.length===0?this.content.options[0].stopFlow&&(c=!0,this.feedbackObject.feedbackHeader=this.content.options[0].notSelectedHeader,this.feedbackObject.feedback=this.content.options[0].notSelectedBody):this.content.options.forEach((e,a)=>{this.input[a]?this.input[a]!==this.content.options[a].answer&&(A=!1):this.content.options[this.input.length].stopFlow&&(c=!0,this.feedbackObject.feedbackHeader=this.content.options[this.input.length].notSelectedHeader,this.feedbackObject.feedback=this.content.options[this.input.length].notSelectedBody)}),this.stepperStore.attempts=this.getAttempt+1,A===!0&&this.input.length===this.quizArray.length?(this.choicesComplete(!0),this.feedbackObject.feedbackHeader=this.content.correctHeader,this.feedbackObject.feedback=this.content.correctFeedback):(c||(this.feedbackObject.feedbackHeader=this.content.incorrectHeader,this.feedbackObject.feedback=this.content.incorrectFeedback),this.stepperStore.attempts=this.getAttempt+1)}else this.feedbackObject.feedbackAttempts=this.content.feedbackAttempts,this.stepperStore.showFeedbackAttempts=!0,this.choicesComplete(!1);this.stepperStore.showFeedback=!0,setTimeout(()=>{document.getElementById("feedbackClose")&&document.getElementById("feedbackClose").focus()})},choicesComplete(A){let c=[],e="not correct";this.quizArray.forEach((n,i)=>{this.input[i]?this.input[i]=this.content.options[i].answer:this.input.push(this.content.options[i].answer),c.push(this.content.options[i].answer),this.quizItemCompleted.push(i+1)}),A&&(e="correct");let a={page:this.stepperStore.stepPage,result:e,correctAnswer:c},r=this.stepperStore.results.find(n=>n.page===this.stepperStore.stepPage),t=this.stepperStore.results.indexOf(r);r?this.stepperStore.results.fill(r.result=e,t,t++):this.stepperStore.results.push(a),this.stepperStore.finishSteps()},choicesMade(A){this.quizItemCompleted.includes(A+1)===!1&&this.quizItemCompleted.push(A+1)},showFeedback(){return!!this.stepperStore.getShowFeedback}},mounted(){if(this.prepareQuiz(),this.stepperStore.getDirections.display===!1){let A=document.getElementsByClassName("el-input__inner");setTimeout(()=>{A[0].focus()})}},beforeMount(){this.stepperStore=this.stepperMain(),this.stepperStore.resetSteps("el-input__inner"),this.content.attempts&&(this.totalAttempts=this.content.attempts)}};function ol(A,c,e,a,r,t){const n=s.resolveComponent("el-option"),i=s.resolveComponent("el-select"),o=s.resolveComponent("el-date-picker"),l=s.resolveComponent("el-button"),f=s.resolveComponent("lab-feedback");return s.openBlock(),s.createElementBlock("div",{class:s.normalizeClass(["drop-down",e.content.class])},[s.createElementVNode("p",null,[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(r.quizArray,(m,h)=>(s.openBlock(),s.createElementBlock(s.Fragment,null,[s.createElementVNode("span",{class:s.normalizeClass(t.quizClass(h))},[s.createElementVNode("span",{class:s.normalizeClass("quizText quizSection_"+h)},s.toDisplayString(m)+" ",3),t.quizType(h)==="choose"?(s.openBlock(),s.createBlock(i,{key:0,onChange:u=>t.choicesMade(h),modelValue:r.input[h],"onUpdate:modelValue":u=>r.input[h]=u,placeholder:t.quizDisplay(h)},{default:s.withCtx(()=>[t.quizArrayCompleted(h)?s.createCommentVNode("",!0):(s.openBlock(!0),s.createElementBlock(s.Fragment,{key:0},s.renderList(r.quizOptions[h],u=>(s.openBlock(),s.createBlock(n,{key:u,label:u,value:u},null,8,["label","value"]))),128))]),_:2},1032,["onChange","modelValue","onUpdate:modelValue","placeholder"])):s.createCommentVNode("",!0),t.quizType(h)==="date"?(s.openBlock(),s.createBlock(o,{key:1,onChange:u=>t.choicesMade(h),modelValue:r.input[h],"onUpdate:modelValue":u=>r.input[h]=u,type:"date",placeholder:t.quizDisplay(h),format:e.content.options[h].format,"value-format":e.content.options[h].format,disabled:t.quizArrayCompleted(h)},null,8,["onChange","modelValue","onUpdate:modelValue","placeholder","format","value-format","disabled"])):s.createCommentVNode("",!0)],2),s.createTextVNode(" ")],64))),256))]),s.createVNode(l,{size:"small",type:"primary",class:"drop-down-submit",onClick:c[0]||(c[0]=m=>t.choicesCheck())},{default:s.withCtx(()=>[s.createTextVNode("Submit")]),_:1}),t.showFeedback()?(s.openBlock(),s.createBlock(f,{key:0,content:r.feedbackObject},null,8,["content"])):s.createCommentVNode("",!0)],2)}const ll=_(il,[["render",ol]]),RY="",fl={components:{},props:["content"],data(){return{quizArray:[],input:[],totalAttempts:99,correctChoices:[],feedbackObject:{}}},watch:{},computed:{quizArrayCount(){return this.quizArray.length-1},getAttempt(){return this.stepperStore.getAttempts},getShowFeedbackAttempts(){return this.stepperStore.getShowFeedbackAttempts}},methods:{prepareQuiz(){this.quizArray=this.content.quiz.split("*_")},choicesCheck(){this.getAttempt<this.content.attempts?(this.input.forEach((A,c)=>{if(this.content.answers[c]===A)this.correctChoices.includes(c)===!1&&this.correctChoices.push(c);else if(this.correctChoices.includes(c)===!0){let e=this.correctChoices.indexOf(c);this.correctChoices.splice(e,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(!0),this.feedbackObject.feedbackHeader=this.content.correctHeader,this.feedbackObject.feedback=this.content.correctFeedback):(this.stepperStore.attempts=this.getAttempt+1,this.feedbackObject.feedbackHeader=this.content.incorrectHeader,this.feedbackObject.feedback=this.content.incorrectFeedback)):(this.feedbackObject.feedbackAttempts=this.content.feedbackAttempts,this.stepperStore.showFeedbackAttempts=!0,this.choicesComplete(!1)),this.stepperStore.showFeedback=!0,setTimeout(()=>{document.getElementById("feedbackClose")&&document.getElementById("feedbackClose").focus()})},choicesComplete(A){let c=[],e="not correct";this.input.forEach((n,i)=>{this.input[i]=this.content.answers[i],c.push(this.content.answers[i])}),A&&(e="correct");let a={page:this.stepperStore.stepPage,result:e,correctAnswer:c},r=this.stepperStore.results.find(n=>n.page===this.stepperStore.stepPage),t=this.stepperStore.results.indexOf(r);r?this.stepperStore.results.fill(r.result=e,t,t++):this.stepperStore.results.push(a),this.stepperStore.finishSteps()},showFeedback(){return!!this.stepperStore.getShowFeedback}},mounted(){if(this.prepareQuiz(),this.stepperStore.getDirections.display===!1){let A=document.getElementsByClassName("el-input__inner");setTimeout(()=>{A[0].focus()})}},beforeMount(){this.stepperStore=this.stepperMain(),this.stepperStore.resetSteps("el-input__inner"),this.content.attempts&&(this.totalAttempts=this.content.attempts)}};function ml(A,c,e,a,r,t){const n=s.resolveComponent("el-input"),i=s.resolveComponent("el-button"),o=s.resolveComponent("lab-feedback");return s.openBlock(),s.createElementBlock("div",{class:s.normalizeClass(["fill-blank",e.content.class])},[s.createElementVNode("p",null,[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(r.quizArray,(l,f)=>(s.openBlock(),s.createElementBlock(s.Fragment,null,[s.createTextVNode(s.toDisplayString(l),1),f<t.quizArrayCount?(s.openBlock(),s.createBlock(n,{key:0,modelValue:r.input[f],"onUpdate:modelValue":m=>r.input[f]=m,placeholder:"Please input",size:"small"},null,8,["modelValue","onUpdate:modelValue"])):s.createCommentVNode("",!0)],64))),256))]),s.createVNode(i,{size:"small",type:"primary",class:"fill-blank-submit",onClick:c[0]||(c[0]=l=>t.choicesCheck())},{default:s.withCtx(()=>[s.createTextVNode("Submit")]),_:1}),t.showFeedback()?(s.openBlock(),s.createBlock(o,{key:0,content:r.feedbackObject},null,8,["content"])):s.createCommentVNode("",!0)],2)}const hl=_(fl,[["render",ml]]),OY="",ul={components:{},props:["content"],data(){return{feedbackIndex:-1,totalAttempts:99}},computed:{getAttempt(){return this.stepperStore.getAttempts},getShowFeedbackAttempts(){return this.stepperStore.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(A){return this.stepperStore.pixelFormat(A)},choicesComplete(A){let c,e="not correct",a=document.querySelectorAll(".selectableButton");for(let i=0;i<a.length;i++)a[i].classList.add("is-failure"),a[i].setAttribute("disabled",!0),this.content.choices[i].correct&&(a[i].classList.add("is-success"),c=this.content.choices[i].text);A&&(e="correct");let r={page:this.stepperStore.stepPage,result:e,correctAnswer:c},t=this.stepperStore.results.find(i=>i.page===this.stepperStore.stepPage),n=this.stepperStore.results.indexOf(t);t?this.stepperStore.results.fill(t.result=e,n,n++):this.stepperStore.results.push(r),this.stepperStore.finishSteps()},choicesCheck(A){this.getAttempt<Number(this.content.attempts)?this.content.choices[A].correct===!0?this.choicesComplete(!0):this.stepperStore.attempts=this.getAttempt+1:(this.content.choices[A].correct!==!0&&(this.stepperStore.showFeedbackAttempts=!0),this.choicesComplete(!1)),this.feedbackIndex=A,this.stepperStore.showFeedback=!0,setTimeout(()=>{document.getElementById("feedbackClose")&&document.getElementById("feedbackClose").focus()})},shuffledChoices(){let A=this.content.choices;for(let c=A.length-1;c>0;c--){const e=Math.floor(Math.random()*(c+1));[A[c],A[e]]=[A[e],A[c]]}this.content.choices=A},showFeedback(A){return!!(this.stepperStore.getShowFeedback&&this.feedbackIndex===A)}},mounted(){if(this.stepperStore.getDirections.display===!1){let A=document.getElementsByClassName("selectableButton");setTimeout(()=>{A[0].focus()})}},beforeMount(){this.stepperStore=this.stepperMain(),this.stepperStore.resetSteps("selectableButton"),this.feedbackIndex=-1,this.content.ordered||this.shuffledChoices(),this.content.attempts&&(this.totalAttempts=this.content.attempts)}},Hl=["innerHTML"],Cl={class:"selectArea"},pl={class:"buttonSpan"},Bl=["src","alt"],dl={class:"selectable-buttonText"},gl=["innerHTML"],vl={class:"buttonSpan"},zl=["src","alt"],Vl={class:"selectable-buttonText"};function Ml(A,c,e,a,r,t){const n=s.resolveComponent("lab-image"),i=s.resolveComponent("el-col"),o=s.resolveComponent("el-divider"),l=s.resolveComponent("el-button"),f=s.resolveComponent("lab-feedback"),m=s.resolveComponent("el-row");return s.openBlock(),s.createBlock(m,{id:e.content.id,class:s.normalizeClass(["selectable",e.content.classes])},{default:s.withCtx(()=>[e.content.image?(s.openBlock(),s.createElementBlock(s.Fragment,{key:0},[s.createVNode(i,{span:t.leftColWidth(A.index)},{default:s.withCtx(()=>[e.content.image?(s.openBlock(),s.createBlock(n,{key:0,content:e.content.image,image:{supportImage:!0}},null,8,["content"])):s.createCommentVNode("",!0)]),_:1},8,["span"]),s.createVNode(i,{span:t.rightColWidth(A.index)},{default:s.withCtx(()=>[e.content.directions?(s.openBlock(),s.createElementBlock("p",{key:0,innerHTML:e.content.directions},null,8,Hl)):s.createCommentVNode("",!0),s.createElementVNode("div",Cl,[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(e.content.choices,(h,u)=>(s.openBlock(),s.createElementBlock(s.Fragment,null,[!e.content.noDivider&&u>0?(s.openBlock(),s.createBlock(o,{key:0})):s.createCommentVNode("",!0),s.createVNode(l,{size:"small",type:"primary",class:"selectableButton",style:s.normalizeStyle({width:t.pixelFormat(e.content.choiceWidth),height:t.pixelFormat(e.content.choiceHeight)}),onClick:H=>t.choicesCheck(u)},{default:s.withCtx(()=>[s.createElementVNode("div",pl,[h.image?(s.openBlock(),s.createElementBlock("img",{key:0,class:"im-ButtonImage",src:h.image,alt:h.alt?h.alt:"button image"},null,8,Bl)):s.createCommentVNode("",!0),s.createElementVNode("span",dl,s.toDisplayString(h.text),1)])]),_:2},1032,["style","onClick"]),t.showFeedback(u)?(s.openBlock(),s.createBlock(f,{key:1,content:h},null,8,["content"])):s.createCommentVNode("",!0)],64))),256))])]),_:1},8,["span"])],64)):(s.openBlock(),s.createElementBlock(s.Fragment,{key:1},[s.createVNode(i,{span:12},{default:s.withCtx(()=>[e.content.directions?(s.openBlock(),s.createElementBlock("p",{key:0,innerHTML:e.content.directions},null,8,gl)):s.createCommentVNode("",!0)]),_:1}),s.createVNode(i,{span:12,class:"selectArea"},{default:s.withCtx(()=>[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(e.content.choices,(h,u)=>(s.openBlock(),s.createElementBlock(s.Fragment,null,[!e.content.noDivider&&u>0?(s.openBlock(),s.createBlock(o,{key:0})):s.createCommentVNode("",!0),s.createVNode(l,{size:"small",type:"primary",class:"selectableButton",style:s.normalizeStyle({width:t.pixelFormat(e.content.choiceWidth),height:t.pixelFormat(e.content.choiceHeight)}),onClick:H=>t.choicesCheck(u)},{default:s.withCtx(()=>[s.createElementVNode("div",vl,[h.image?(s.openBlock(),s.createElementBlock("img",{key:0,class:"im-ButtonImage",src:h.image,alt:h.alt?h.alt:"button image"},null,8,zl)):s.createCommentVNode("",!0),s.createElementVNode("span",Vl,s.toDisplayString(h.text),1)])]),_:2},1032,["style","onClick"]),t.showFeedback(u)?(s.openBlock(),s.createBlock(f,{key:1,content:h},null,8,["content"])):s.createCommentVNode("",!0)],64))),256))]),_:1})],64))]),_:1},8,["id","class"])}const wl=_(ul,[["render",Ml],["__scopeId","data-v-73407ea6"]]),PY="",Ll={components:{},props:["content"],data(){return{input:"",totalAttempts:99,correctChoices:[],feedbackObject:{}}},watch:{},computed:{getAttempt(){return this.stepperStore.getAttempts},getShowFeedbackAttempts(){return this.stepperStore.getShowFeedbackAttempts}},methods:{choicesCheck(){if(this.getAttempt<this.content.attempts){let A=!1;this.content.answers.forEach((c,e)=>{let a=c.toLowerCase();this.input.toLowerCase().includes(a)||(A=!0)}),A?(this.stepperStore.attempts=this.getAttempt+1,this.feedbackObject.feedbackHeader=this.content.incorrectHeader,this.feedbackObject.feedback=this.content.incorrectFeedback):(this.choicesComplete(!0),this.feedbackObject.feedbackHeader=this.content.correctHeader,this.feedbackObject.feedback=this.content.correctFeedback)}else this.feedbackObject.feedbackAttempts=this.content.feedbackAttempts,this.stepperStore.showFeedbackAttempts=!0,this.choicesComplete(!1);this.stepperStore.showFeedback=!0,setTimeout(()=>{document.getElementById("feedbackClose")&&document.getElementById("feedbackClose").focus()})},choicesComplete(A){let c=[],e="not correct";this.content.answers.forEach(n=>{c.push(n)}),A&&(e="correct");let a={page:this.stepperStore.stepPage,result:e,correctAnswer:c},r=this.stepperStore.results.find(n=>n.page===this.stepperStore.stepPage),t=this.stepperStore.results.indexOf(r);r?this.stepperStore.results.fill(r.result=e,t,t++):this.stepperStore.results.push(a),this.stepperStore.finishSteps()},showFeedback(){return!!this.stepperStore.getShowFeedback}},mounted(){if(this.stepperStore.getDirections.display===!1){let A=document.getElementsByClassName("el-textarea__inner");setTimeout(()=>{A[0].focus()})}},beforeMount(){this.stepperStore=this.stepperMain(),this.stepperStore=this.stepperMain(),this.stepperStore.resetSteps("el-textarea__inner"),this.content.attempts&&(this.totalAttempts=this.content.attempts)}};function Fl(A,c,e,a,r,t){const n=s.resolveComponent("el-input"),i=s.resolveComponent("el-button"),o=s.resolveComponent("lab-feedback");return s.openBlock(),s.createElementBlock("div",{class:s.normalizeClass(["textbox",e.content.class])},[s.createElementVNode("p",null,s.toDisplayString(e.content.quiz),1),s.createVNode(n,{modelValue:r.input,"onUpdate:modelValue":c[0]||(c[0]=l=>r.input=l),autosize:{minRows:4,maxRows:8},type:"textarea",placeholder:"Please input"},null,8,["modelValue"]),s.createVNode(i,{size:"small",type:"primary",class:"fill-blank-submit",onClick:c[1]||(c[1]=l=>t.choicesCheck())},{default:s.withCtx(()=>[s.createTextVNode("Submit")]),_:1}),t.showFeedback()?(s.openBlock(),s.createBlock(o,{key:0,content:r.feedbackObject},null,8,["content"])):s.createCommentVNode("",!0)],2)}const Ql=_(Ll,[["render",Fl]]),GY="",Ul={components:{},props:["content"],data(){return{quizArray:[],quizOptions:[],input:[],totalAttempts:99,correctChoices:[],feedbackObject:{},value1:"",showMenuOverlay:!1}},watch:{},computed:{getAttempt(){return this.stepperStore.getAttempts},getShowFeedbackAttempts(){return this.stepperStore.getShowFeedbackAttempts}},methods:{showSub(A){let c=document.getElementById(A);c.classList.contains("jl-menu-sub_show")?(this.showMenuOverlay=!1,this.hideSubs()):(this.showMenuOverlay=!0,c.classList.add("jl-menu-sub_show"))},showSubSub(A){let c=document.getElementById(A);c.classList.contains("jl-menu-sub-sub_show")?(this.showMenuOverlay=!1,this.hideSubs()):(this.showMenuOverlay=!0,c.classList.add("jl-menu-sub-sub_show"))},hideSubs(){this.showMenuOverlay=!1;let A=document.getElementsByClassName("jl-menu-sub_show");for(;A.length>0;)A[0].classList.remove("jl-menu-sub_show");let c=document.getElementsByClassName("jl-menu-sub-sub_show");for(;c.length>0;)c[0].classList.remove("jl-menu-sub-sub_show")},choicesCheck(A){this.hideSubs();let c=!1,e="";if(this.getAttempt<this.content.attempts){if(console.log("got some left"),typeof A=="string"){let a=A.split("-");a.forEach((r,t)=>{a[t]=Number(r)}),a.length===2?this.content.menu[a[0]].subMenu[a[1]].correct&&(this.content.menu[a[0]].subMenu[a[1]].page&&(e=this.content.menu[a[0]].subMenu[a[1]].page),c=!0):a.length===3&&this.content.menu[a[0]].subMenu[a[1]].subMenu[a[2]].correct&&(this.content.menu[a[0]].subMenu[a[1]].subMenu[a[2]].page&&(e=this.content.menu[a[0]].subMenu[a[1]].subMenu[a[2]].page),c=!0)}else this.content.menu[A].correct&&(this.content.menu[A].page&&(e=this.content.menu[A].page),c=!0);c?(this.choicesComplete(e),this.feedbackObject.feedbackHeader=this.content.correctHeader,this.feedbackObject.feedback=this.content.correctFeedback):(this.stepperStore.attempts=this.getAttempt+1,this.feedbackObject.feedbackHeader=this.content.incorrectHeader,this.feedbackObject.feedback=this.content.incorrectFeedback)}else this.feedbackObject.feedbackHeader=this.content.incorrectHeader,this.feedbackObject.feedback=this.content.feedbackAttempts,this.choicesComplete();e===""&&(this.stepperStore.showFeedback=!0),setTimeout(()=>{document.getElementById("feedbackClose")&&document.getElementById("feedbackClose").focus()})},choicesComplete(A){this.stepperStore.finishSteps(),typeof A<"u"&&A!==""&&(this.stepperStore.currentPage=A)},showFeedback(){return!!this.stepperStore.getShowFeedback}},mounted(){this.stepperStore.getDirections.display===!1&&(document.getElementsByClassName("jl-menu-sub"),setTimeout(()=>{}))},beforeMount(){this.stepperStore=this.stepperMain(),this.stepperStore.resetSteps("jl-menu-sub"),this.content.attempts&&(this.totalAttempts=this.content.attempts)}},bl={key:0},xl=["index","onClick"],yl={class:"jl-menu-sub__title"},Sl=["id"],Nl=["index","onClick"],kl={class:"jl-menu-sub-sub__title"},El=["id"],Il=["index","onClick"],Tl=["onClick"],Dl={key:1,class:"jl-menu-item"},Kl=["index","onClick"];function _l(A,c,e,a,r,t){const n=s.resolveComponent("CaretBottom"),i=s.resolveComponent("el-icon"),o=s.resolveComponent("CaretRight"),l=s.resolveComponent("lab-feedback");return s.openBlock(),s.createElementBlock("div",{class:s.normalizeClass(["menu-chooser",e.content.class])},[r.showMenuOverlay?(s.openBlock(),s.createElementBlock("div",{key:0,class:"nav-mask",onClick:c[0]||(c[0]=(...f)=>t.hideSubs&&t.hideSubs(...f))})):s.createCommentVNode("",!0),s.createElementVNode("p",null,s.toDisplayString(e.content.quiz),1),s.createElementVNode("div",{class:"jl-menu",onSelect:c[1]||(c[1]=(...f)=>t.choicesCheck&&t.choicesCheck(...f))},[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(e.content.menu,(f,m)=>(s.openBlock(),s.createElementBlock(s.Fragment,null,[f.subMenu?(s.openBlock(),s.createElementBlock("div",bl,[s.createElementVNode("button",{class:s.normalizeClass("jl-menu-sub sub-"+m),index:m,tabindex:"0",role:"menuitem",onClick:s.withModifiers(h=>t.showSub("sub-"+m),["stop"])},[s.createElementVNode("div",yl,[s.createTextVNode(s.toDisplayString(f.name)+" ",1),s.createVNode(i,null,{default:s.withCtx(()=>[s.createVNode(n)]),_:1})])],10,xl),s.createElementVNode("div",{class:"jl-menu-sub-menu",id:"sub-"+m},[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(f.subMenu,(h,u)=>(s.openBlock(),s.createElementBlock(s.Fragment,null,[h.subMenu?(s.openBlock(),s.createElementBlock(s.Fragment,{key:0},[s.createElementVNode("button",{class:s.normalizeClass("jl-menu-sub-sub sub-sub-"+u),index:m+"-"+u,tabindex:"0",role:"menuitem",onClick:s.withModifiers(H=>t.showSubSub("sub-sub-"+m),["stop"])},[s.createElementVNode("div",kl,[s.createTextVNode(s.toDisplayString(h.name),1),s.createVNode(i,null,{default:s.withCtx(()=>[s.createVNode(o)]),_:1})])],10,Nl),s.createElementVNode("div",{class:"jl-menu-sub-sub-menu",id:"sub-sub-"+m},[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(h.subMenu,(H,B)=>(s.openBlock(),s.createElementBlock("button",{class:"jl-menu-sub-sub-item",index:m+"-"+u+"-"+B,tabindex:"0",role:"menuitem",onClick:s.withModifiers(z=>t.choicesCheck(m+"-"+u+"-"+B),["stop"])},[s.createElementVNode("div",null,s.toDisplayString(H.name),1)],8,Il))),256))],8,El)],64)):(s.openBlock(),s.createElementBlock("button",{key:1,class:"jl-menu-sub-item",tabindex:"0",role:"menuitem",onClick:s.withModifiers(H=>t.choicesCheck(m+"-"+u),["stop"])},[s.createElementVNode("div",null,s.toDisplayString(h.name),1)],8,Tl))],64))),256))],8,Sl)])):(s.openBlock(),s.createElementBlock("div",Dl,[s.createElementVNode("button",{class:"jl-menu-sub",index:m,tabindex:"0",role:"menuitem",onClick:s.withModifiers(h=>t.choicesCheck(m),["stop"])},s.toDisplayString(f.name),9,Kl)]))],64))),256))],32),t.showFeedback()?(s.openBlock(),s.createBlock(l,{key:1,content:r.feedbackObject},null,8,["content"])):s.createCommentVNode("",!0)],2)}const Rl=_(Ul,[["render",_l]]),WY="",m8={y:{t:"top",m:"marginTop",b:"bottom"},x:{l:"left",m:"marginLeft",r:"right"}};function Ol(A){A.forEach((c,e)=>{document.documentElement.addEventListener(e,c)})}function Pl(A){A.forEach((c,e)=>{document.documentElement.removeEventListener(e,c)})}const Gl={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(A){return A>=0}},gridY:{type:Number,default:50,validator(A){return A>=0}},parentW:{type:Number,default:0,validator(A){return A>=0}},parentH:{type:Number,default:0,validator(A){return A>=0}},w:{type:[String,Number],default:200,validator(A){return typeof A=="string"?A==="auto":A>=0}},h:{type:[String,Number],default:200,validator(A){return typeof A=="string"?A==="auto":A>=0}},minw:{type:Number,default:50,validator(A){return A>=0}},minh:{type:Number,default:50,validator(A){return A>=0}},x:{type:Number,default:0,validator(A){return typeof A=="number"}},y:{type:Number,default:0,validator(A){return typeof A=="number"}},z:{type:[String,Number],default:"auto",validator(A){return typeof A=="string"?A==="auto":A>=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(A){return["x","y","both","none"].indexOf(A)!==-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]]),Ol(this.domEvents),this.dragHandle&&[...this.$el.querySelectorAll(this.dragHandle)].forEach(A=>{A.setAttribute("data-drag-handle",this._uid)}),this.dragCancel&&[...this.$el.querySelectorAll(this.dragCancel)].forEach(A=>{A.setAttribute("data-drag-cancel",this._uid)})},beforeUnmount(){Pl(this.domEvents)},methods:{deselect(){this.preventActiveBehavior||(this.active=!1)},move(A){if(!this.stickDrag&&!this.bodyDrag)return;A.stopPropagation();const c=typeof A.pageX<"u"?A.pageX:A.touches[0].pageX,e=typeof A.pageY<"u"?A.pageY:A.touches[0].pageY,{dimensionsBeforeMove:a}=this,r={x:(a.pointerX-c)/this.parentScaleX,y:(a.pointerY-e)/this.parentScaleY};if(this.stickDrag&&this.stickMove(r),this.bodyDrag){if(this.axis==="x")r.y=0;else if(this.axis==="y")r.x=0;else if(this.axis==="none")return;this.bodyMove(r)}},up(A){this.stickDrag?this.stickUp(A):this.bodyDrag&&this.bodyUp(A)},bodyDown(A){const{target:c,button:e}=A;if(this.preventActiveBehavior||(this.active=!0),e&&e!==0||(this.$emit("clicked",A),!this.active)||this.dragHandle&&c.getAttribute("data-drag-handle")!==this._uid.toString()||this.dragCancel&&c.getAttribute("data-drag-cancel")===this._uid.toString())return;typeof A.stopPropagation<"u"&&A.stopPropagation(),typeof A.preventDefault<"u"&&A.preventDefault(),this.isDraggable&&(this.bodyDrag=!0);const a=typeof A.pageX<"u"?A.pageX:A.touches[0].pageX,r=typeof A.pageY<"u"?A.pageY:A.touches[0].pageY;this.saveDimensionsBeforeMove({pointerX:a,pointerY:r}),this.parentLimitation&&(this.limits=this.calcDragLimitation())},bodyMove(A){const{dimensionsBeforeMove:c,parentWidth:e,parentHeight:a,gridX:r,gridY:t,width:n,height:i}=this;let o=c.top-A.y,l=c.bottom+A.y,f=c.left-A.x,m=c.right+A.x;if(this.snapToGrid){let h=!0,u=!0,H=o-Math.floor(o/t)*t,B=a-l-Math.floor((a-l)/t)*t,z=f-Math.floor(f/r)*r,C=e-m-Math.floor((e-m)/r)*r;H>t/2&&(H-=t),B>t/2&&(B-=t),z>r/2&&(z-=r),C>r/2&&(C-=r),Math.abs(B)<Math.abs(H)&&(h=!1),Math.abs(C)<Math.abs(z)&&(u=!1),o-=h?H:B,l=a-i-o,f-=u?z:C,m=e-n-f}({newLeft:this.left,newRight:this.right,newTop:this.top,newBottom:this.bottom}=this.rectCorrectionByLimit({newLeft:f,newRight:m,newTop:o,newBottom:l})),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(A,c,e=!1){if((!this.isResizable||!this.active)&&!e)return;this.stickDrag=!0;const a=typeof c.pageX<"u"?c.pageX:c.touches[0].pageX,r=typeof c.pageY<"u"?c.pageY:c.touches[0].pageY;this.saveDimensionsBeforeMove({pointerX:a,pointerY:r}),this.currentStick=A,this.limits=this.calcResizeLimits()},saveDimensionsBeforeMove({pointerX:A,pointerY:c}){this.dimensionsBeforeMove.pointerX=A,this.dimensionsBeforeMove.pointerY=c,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(A){const{currentStick:c,dimensionsBeforeMove:e,gridY:a,gridX:r,snapToGrid:t,parentHeight:n,parentWidth:i}=this;let o=e.top,l=e.bottom,f=e.left,m=e.right;switch(c[0]){case"b":l=e.bottom+A.y,t&&(l=n-Math.round((n-l)/a)*a);break;case"t":o=e.top-A.y,t&&(o=Math.round(o/a)*a);break}switch(c[1]){case"r":m=e.right+A.x,t&&(m=i-Math.round((i-m)/r)*r);break;case"l":f=e.left-A.x,t&&(f=Math.round(f/r)*r);break}({newLeft:f,newRight:m,newTop:o,newBottom:l}=this.rectCorrectionByLimit({newLeft:f,newRight:m,newTop:o,newBottom:l})),this.aspectRatio&&({newLeft:f,newRight:m,newTop:o,newBottom:l}=this.rectCorrectionByAspectRatio({newLeft:f,newRight:m,newTop:o,newBottom:l})),this.left=f,this.right=m,this.top=o,this.bottom=l,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:A,parentHeight:c}=this;return{left:{min:0,max:A-this.width},right:{min:0,max:A-this.width},top:{min:0,max:c-this.height},bottom:{min:0,max:c-this.height}}},calcResizeLimits(){const{aspectFactor:A,width:c,height:e,bottom:a,top:r,left:t,right:n}=this;let{minh:i,minw:o}=this;const l=this.parentLimitation?0:null;this.aspectRatio&&(o/i>A?i=o/A:o=A*i);const f={left:{min:l,max:t+(c-o)},right:{min:l,max:n+(c-o)},top:{min:l,max:r+(e-i)},bottom:{min:l,max:a+(e-i)}};if(this.aspectRatio){const m={left:{min:t-Math.min(r,a)*A*2,max:t+(e-i)/2*A*2},right:{min:n-Math.min(r,a)*A*2,max:n+(e-i)/2*A*2},top:{min:r-Math.min(t,n)/A*2,max:r+(c-o)/2/A*2},bottom:{min:a-Math.min(t,n)/A*2,max:a+(c-o)/2/A*2}};this.currentStick[0]==="m"?(f.left={min:Math.max(f.left.min,m.left.min),max:Math.min(f.left.max,m.left.max)},f.right={min:Math.max(f.right.min,m.right.min),max:Math.min(f.right.max,m.right.max)}):this.currentStick[1]==="m"&&(f.top={min:Math.max(f.top.min,m.top.min),max:Math.min(f.top.max,m.top.max)},f.bottom={min:Math.max(f.bottom.min,m.bottom.min),max:Math.min(f.bottom.max,m.bottom.max)})}return f},sideCorrectionByLimit(A,c){let e=c;return A.min!==null&&c<A.min?e=A.min:A.max!==null&&A.max<c&&(e=A.max),e},rectCorrectionByLimit(A){const{limits:c}=this;let{newRight:e,newLeft:a,newBottom:r,newTop:t}=A;return a=this.sideCorrectionByLimit(c.left,a),e=this.sideCorrectionByLimit(c.right,e),t=this.sideCorrectionByLimit(c.top,t),r=this.sideCorrectionByLimit(c.bottom,r),{newLeft:a,newRight:e,newTop:t,newBottom:r}},rectCorrectionByAspectRatio(A){let{newLeft:c,newRight:e,newTop:a,newBottom:r}=A;const{parentWidth:t,parentHeight:n,currentStick:i,aspectFactor:o,dimensionsBeforeMove:l}=this;let f=t-c-e,m=n-a-r;if(i[1]==="m"){const h=m-l.height;c-=h*o/2,e-=h*o/2}else if(i[0]==="m"){const h=f-l.width;a-=h/o/2,r-=h/o/2}else f/m>o?(f=o*m,i[1]==="l"?c=t-e-f:e=t-c-f):(m=f/o,i[0]==="t"?a=n-r-m:r=n-a-m);return{newLeft:c,newRight:e,newTop:a,newBottom:r}}},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 A=>{const c={width:`${this.stickSize/this.parentScaleX}px`,height:`${this.stickSize/this.parentScaleY}px`};return c[m8.y[A[0]]]=`${this.stickSize/this.parentScaleX/-2}px`,c[m8.x[A[1]]]=`${this.stickSize/this.parentScaleX/-2}px`,c}},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(A){A?this.$emit("activated"):this.$emit("deactivated")},isActive:{immediate:!0,handler(A){this.active=A}},z:{immediate:!0,handler(A){(A>=0||A==="auto")&&(this.zIndex=A)}},x:{handler(A,c){if(this.stickDrag||this.bodyDrag||A===this.left)return;const e=c-A;this.bodyDown({pageX:this.left,pageY:this.top}),this.bodyMove({x:e,y:0}),this.$nextTick(()=>{this.bodyUp()})}},y:{handler(A,c){if(this.stickDrag||this.bodyDrag||A===this.top)return;const e=c-A;this.bodyDown({pageX:this.left,pageY:this.top}),this.bodyMove({x:0,y:e}),this.$nextTick(()=>{this.bodyUp()})}},w:{handler(A,c){if(this.stickDrag||this.bodyDrag||A===this.width)return;const e="mr",a=c-A;this.stickDown(e,{pageX:this.right,pageY:this.top+this.height/2},!0),this.stickMove({x:a,y:0}),this.$nextTick(()=>{this.stickUp()})}},h:{handler(A,c){if(this.stickDrag||this.bodyDrag||A===this.height)return;const e="bm",a=c-A;this.stickDown(e,{pageX:this.left+this.width/2,pageY:this.bottom},!0),this.stickMove({x:0,y:a}),this.$nextTick(()=>{this.stickUp()})}},parentW(A){this.right=A-this.width-this.left,this.parentWidth=A},parentH(A){this.bottom=A-this.height-this.top,this.parentHeight=A}}},Wl=["onMousedown","onTouchstart"];function Xl(A,c,e,a,r,t){return s.openBlock(),s.createElementBlock("div",{class:s.normalizeClass(["vdr",`${r.active||e.isActive?"active":"inactive"} ${e.contentClass?e.contentClass:""}`]),style:s.normalizeStyle(t.positionStyle),onMousedown:c[0]||(c[0]=n=>t.bodyDown(n)),onTouchstart:c[1]||(c[1]=n=>t.bodyDown(n)),onTouchend:c[2]||(c[2]=n=>t.up(n)),ref:"container",tabindex:"0"},[s.createElementVNode("div",{style:s.normalizeStyle(t.sizeStyle),class:"content-container",ref:"container2"},[s.renderSlot(A.$slots,"default")],4),(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(e.sticks,n=>(s.openBlock(),s.createElementBlock("div",{class:s.normalizeClass(["vdr-stick",["vdr-stick-"+n,e.isResizable?"":"not-resizable"]]),onMousedown:s.withModifiers(i=>t.stickDown(n,i),["stop","prevent"]),onTouchstart:s.withModifiers(i=>t.stickDown(n,i),["stop","prevent"]),style:s.normalizeStyle(t.vdrStick(n))},null,46,Wl))),256))],38)}const h8=_(Gl,[["render",Xl]]),XY="",ql={components:{VueDragResize:h8},props:["content"],data(){return{}},watch:{},computed:{},methods:{onResizstop(A){console.log("i have stopped resizing",A)},onDragstop(A){},reset(){this.listOne=[]},getParentWidth(){let A=document.getElementsByClassName("fridgemagnet");setTimeout(()=>A[0].offsetWidth)},getParentHeight(){let A=document.getElementsByClassName("fridgemagnet");setTimeout(()=>A[0].offsetHeight)},keyboardMove(A){for(let c of A)document.getElementById(c.id).addEventListener("focusin",a=>{let r=document.getElementsByClassName("fridgemagnet");addEventListener("keydown",function(t){let n=document.getElementById(t.target.id);if(t.altKey&&t.key==="ArrowLeft"){let i=Number(n.style.left.slice(0,-2));i-10<0?n.style.left=`${i}px`:n.style.left=`${i-10}px`}if(t.altKey&&t.key==="ArrowRight"){let i=Number(n.style.left.slice(0,-2));i+10>r[0].offsetWidth-50?n.style.left=`${i}px`:n.style.left=`${i+10}px`}if(t.altKey&&t.key==="ArrowUp"){let i=Number(n.style.top.slice(0,-2));i+10<0?n.style.top=`${i}px`:n.style.top=`${i-10}px`}if(t.altKey&&t.key==="ArrowDown"){let i=Number(n.style.top.slice(0,-2));i+10>r[0].offsetHeight-80?n.style.top=`${i}px`:n.style.top=`${i+10}px`}})})}},mounted(){let A=document.getElementsByClassName("vdr");setTimeout(()=>{A[0].focus()}),this.keyboardMove(A)},beforeMount(){this.stepperStore=this.stepperMain(),this.stepperStore.resetSteps("vdr")}},Yl={class:"fridgemagnet"},Jl=["innerHTML"],jl=["src","alt"],$l=["id","src","alt"],Zl=["innerHTML"];function Af(A,c,e,a,r,t){const n=s.resolveComponent("VueDragResize");return s.openBlock(),s.createElementBlock("div",Yl,[e.content.directions?(s.openBlock(),s.createElementBlock("p",{key:0,innerHTML:e.content.directions},null,8,Jl)):s.createCommentVNode("",!0),s.createElementVNode("img",{src:e.content.image,alt:e.content.imageAlt},null,8,jl),s.createElementVNode("div",{class:s.normalizeClass(["fridge",e.content.class,e.content.noOutline?"no_outline":""])},[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(e.content.magnets,(i,o)=>(s.openBlock(),s.createBlock(n,{id:"vdr_"+o,isActive:!0,w:i.width?i.width:50,minw:i.minWidth?i.minWidth:50,h:i.height?i.height:50,minh:i.minHeight?i.minHeight:50,x:i.x?i.x:0,y:i.y?i.y:60*o,class:s.normalizeClass(i.class),parentLimitation:!0,parentW:i.parentwidth?i.parentwidth:t.getParentWidth(),parentH:i.parentheight?i.parentheight:t.getParentHeight(),isResizable:i.resizable,isDraggable:i.draggable,snapToGrid:i.snap,gridX:i.snapX,gridY:i.snapY,dragHandle:i.handle,onResizing:A.resize,onDragging:A.resize,aspectRatio:!0,onResizestop:t.onResizstop,onDragstop:t.onDragstop,sticks:["tl","bl","tr","br"]},{default:s.withCtx(()=>[i.image?(s.openBlock(),s.createElementBlock("img",{key:0,id:i.index,src:i.image,alt:i.imageAlt},null,8,$l)):s.createCommentVNode("",!0),i.text?(s.openBlock(),s.createElementBlock("p",{key:1,innerHTML:i.text},null,8,Zl)):s.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 cf=_(ql,[["render",Af]]),qY="",ef={components:{},props:["content"],data(){return{binCount:0,listOne:[]}},watch:{},computed:{binColumns(){return Math.round(24/this.binCount)},myList:{get(){return this.listOne}}},methods:{createItems(){this.binCount=this.content.bins.length,this.content.bins.forEach(A=>{this.listOne.push(A.items)})},dragBackground(A){return`white url(${A}) 0 0 no-repeat`},pixelFormat(A){return this.stepperStore.pixelFormat(A)},checkMove(A){var c;if(this.content.sound){let e=document.getElementById("myAudio");setTimeout(()=>{e.play()},1e3)}if(A!=="clicked"&&((c=A.draggedContext.element)!=null&&c.relSwap)&&setTimeout(()=>{let e=A.draggedContext.element.id,a=document.getElementById(e);a.src=A.draggedContext.element.relSwap,a.classList.add("imageSwapped")},1500),this.stepperStore.stepHold=!1,this.stepperStore.finishSteps(),this.stepperStore.lastPageFocus(),A!=="clicked")return!A.from.classList.contains("preventMove")},reset(){this.listOne=[],this.createItems()},keyboardDrag(A,c){if(A.class.indexOf("preventMove")>-1)return!1;A.class+=" preventMove",this.listOne[c].splice(A),this.listOne[c+1].push(A),A.relSwap&&setTimeout(()=>{this.listOne[c+1][0].image=this.listOne[c+1][0].relSwap},1500),this.checkMove("clicked")}},mounted(){let A=document.getElementsByClassName("dragItems-button");setTimeout(()=>{A[0].focus()})},beforeMount(){this.stepperStore=this.stepperMain(),this.stepperStore.resetSteps("dragItems-button"),this.createItems()}},af=["innerHTML"],rf={key:1,id:"myAudio"},tf=["src"],sf={class:"list-group-item"},nf=["onClick"],of=["id","src","alt","data-swap"],lf=["src","alt","data-swap"];function ff(A,c,e,a,r,t){const n=s.resolveComponent("lab-image"),i=s.resolveComponent("el-col"),o=s.resolveComponent("draggable"),l=s.resolveComponent("el-row");return s.openBlock(),s.createBlock(l,{class:s.normalizeClass(["dragDrop",e.content.handle])},{default:s.withCtx(()=>[s.createVNode(i,{span:24},{default:s.withCtx(()=>[s.createElementVNode("div",{innerHTML:e.content.directions},null,8,af),e.content.image?(s.openBlock(),s.createBlock(n,{key:0,content:e.content.image,image:{supportImage:!0}},null,8,["content"])):s.createCommentVNode("",!0),e.content.sound?(s.openBlock(),s.createElementBlock("audio",rf,[s.createElementVNode("source",{src:e.content.sound,type:"audio/mpeg"},null,8,tf),s.createTextVNode(" Your browser does not support the audio element. ")])):s.createCommentVNode("",!0)]),_:1}),(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(r.listOne,(f,m)=>(s.openBlock(),s.createBlock(i,{span:t.binColumns},{default:s.withCtx(()=>[s.createVNode(o,{class:s.normalizeClass(["draggable list-group",e.content.bins[m].class]),style:s.normalizeStyle({width:t.pixelFormat(e.content.bins[m].width),height:t.pixelFormat(e.content.bins[m].height),background:t.dragBackground(e.content.bins[m].bgImage)}),modelValue:t.myList[m],"onUpdate:modelValue":h=>t.myList[m]=h,move:t.checkMove,group:"people",forceFallback:"true"},{item:s.withCtx(({element:h})=>[s.createElementVNode("div",sf,[s.createElementVNode("button",{class:"dragItems-button",onClick:s.withModifiers(u=>t.keyboardDrag(h,m),["stop"])},[s.createTextVNode(s.toDisplayString(h.text)+" ",1),h.image?(s.openBlock(),s.createElementBlock("img",{key:0,id:h.id,src:h.image,alt:h.imageAlt,"data-swap":h.relSwap},null,8,of)):s.createCommentVNode("",!0),h.relSwap?(s.openBlock(),s.createElementBlock("img",{key:1,id:"preload",src:h.relSwap,alt:h.imageAlt,"data-swap":h.relSwap},null,8,lf)):s.createCommentVNode("",!0)],8,nf)])]),_:2},1032,["class","style","modelValue","onUpdate:modelValue","move"])]),_:2},1032,["span"]))),256))]),_:1},8,["class"])}const mf=_(ef,[["render",ff]]),YY="",hf={components:{},props:["content"],data(){return{binCount:0,listOne:[],listTwo:[],listTwoCompleted:[],totalAttempts:99,choice:{header:"",feedback:""},chooseBin:{},chooseVisibility:!1,kbCurrentId:"",feedbackObject:{}}},watch:{},computed:{binColumns(){return Math.round(24/this.binCount)},myList:{get(){return this.listOne}},myList2:{get(){return this.listTwo}},getAttempt(){return this.stepperStore.getAttempts},getShowFeedbackAttempts(){return this.stepperStore.getShowFeedbackAttempts}},methods:{recordResults(A){let c=[];this.content.bins.forEach(t=>{let n=[];t.items.forEach(o=>{let l={text:o.text,imageAlt:o.imageAlt};n.push(l)});let i={header:t.header,description:t.description,items:n};c.push(i)});let e={page:this.stepperStore.stepPage,result:A,correctAnswer:c},a=this.stepperStore.results.find(t=>t.page===this.stepperStore.stepPage),r=this.stepperStore.results.indexOf(a);a?this.stepperStore.results.fill(a.result=A,r,r++):this.stepperStore.results.push(e)},failed(){this.listTwo.length>0&&(this.listTwo.forEach(A=>{this.listOne.forEach(c=>{c.forEach(e=>{A.id===e.id&&c.push(A)})})}),this.listTwo="",this.choice.header=this.content.failedHeader,this.choice.feedback=this.content.failedFeedback,this.feedbackVisibility=!0),this.recordResults("not correct"),this.stepperStore.finishSteps()},createItems(){this.binCount=this.content.bins.length,this.content.bins.forEach((A,c)=>{let e=Math.round(Date.now()/Math.random());A.items.forEach(a=>{a.hide=!0,a.id=e,a.oldKey=c,this.listTwo.push(a)}),this.listOne.push(JSON.parse(JSON.stringify(A.items)))}),this.listTwo.forEach(A=>{A.hide=!1}),this.content.random&&this.listTwo.sort(()=>Math.random()-.5)},dragBackground(A){return`white url(${A}) 0 0 no-repeat`},pixelFormat(A){return this.stepperStore.pixelFormat(A)},checkMove(A){if(A.to.dataset.index){let c=this.listOne[A.to.dataset.index],e=A.oldIndex,a=!1;c.forEach(r=>{r.hide===!0&&r.id===A.item._underlying_vm_.id&&(a=!0)}),a?(this.stepperStore.showFeedback=!0,this.feedbackObject.feedbackHeader=A.item._underlying_vm_.correctHeader,this.feedbackObject.feedback=A.item._underlying_vm_.correctFeedback,this.feedbackObject.feedbackImage=A.item._underlying_vm_.correctFeedbackImage,this.listTwoCompleted.push(e),this.myList2.length===0&&(this.stepperStore.finishSteps(),this.recordResults("correct"))):(this.feedbackObject.feedbackHeader=A.item._underlying_vm_.incorrectHeader,this.feedbackObject.feedback=A.item._underlying_vm_.incorrectFeedback,this.feedbackObject.feedbackImage=A.item._underlying_vm_.incorrectFeedbackImage,this.listTwo.push(A.item._underlying_vm_),this.getAttempt<this.content.attempts?this.stepperStore.attempts=this.getAttempt+1:(this.stepperStore.showFeedbackAttempts=!0,this.failed()),this.stepperStore.showFeedback=!0,c.forEach((r,t)=>{r.id===A.item._underlying_vm_.id&&c.splice(t,1)})),setTimeout(()=>{document.getElementById("feedbackClose")&&document.getElementById("feedbackClose").focus()})}},stopMove(){return!1},kbCheckMove(A,c){if(typeof A>"u")this.chooseVisibility=!1;else{if(this.listOne[A][c].id===this.kbCurrentId){let a=-1;this.listTwo.forEach((r,t)=>{r.id===this.kbCurrentId&&(a=t)}),this.stepperStore.showFeedback=!0,this.feedbackObject.feedbackHeader=this.listOne[A][c].correctHeader,this.feedbackObject.feedback=this.listOne[A][c].correctFeedback,this.feedbackObject.feedbackImage=this.listOne[A][c].correctFeedbackImage,this.chooseVisibility=!1,this.listTwoCompleted.push(A),this.listTwo.splice(a,1),this.myList2.length===0&&this.stepperStore.finishSteps(),this.listOne[A][c].hide=!1}else this.feedbackObject.feedbackHeader=this.listOne[A][c].incorrectHeader,this.feedbackObject.feedback=this.listOne[A][c].incorrectFeedback,this.feedbackObject.feedbackImage=this.listOne[A][c].incorrectFeedbackImage,this.chooseVisibility=!1,this.stepperStore.showFeedback=!0,this.getAttempt<this.content.attempts?this.stepperStore.attempts=this.getAttempt+1:(this.chooseVisibility=!1,this.stepperStore.showFeedbackAttempts=!0,this.failed());setTimeout(()=>{document.getElementById("feedbackClose")&&document.getElementById("feedbackClose").focus()})}},keyboardDrag(A){if(A.class.indexOf("preventMove")>0)return!1;this.chooseVisibility=!0,this.kbCurrentId=A.id,setTimeout(()=>{document.getElementById("firstBin").focus()})},showFeedback(){return!!this.stepperStore.getShowFeedback}},mounted(){if(this.stepperStore.getDirections.display===!1){let A=document.getElementsByClassName("dragItems-button");setTimeout(()=>{A[0].focus()})}},beforeMount(){this.stepperStore=this.stepperMain(),this.stepperStore.resetSteps("dragItems-button"),this.stepperStore.attempts=0,this.content.attempts&&(this.totalAttempts=this.content.attempts),this.createItems()}},uf=["innerHTML"],Hf=["onClick"],Cf=["id","src","alt"],pf={key:0,class:"dropBin"},Bf={class:"dragItems-button"},df=["id","src","alt"],gf={class:"dialog-footer"};function vf(A,c,e,a,r,t){const n=s.resolveComponent("lab-image"),i=s.resolveComponent("el-col"),o=s.resolveComponent("draggable"),l=s.resolveComponent("el-row"),f=s.resolveComponent("lab-feedback"),m=s.resolveComponent("el-button"),h=s.resolveComponent("el-dialog");return s.openBlock(),s.createElementBlock(s.Fragment,null,[s.createVNode(l,{class:s.normalizeClass(["dragDrop",e.content.handle]),id:"dragItemDiv"},{default:s.withCtx(()=>[s.createVNode(i,{span:24},{default:s.withCtx(()=>[s.createElementVNode("div",{innerHTML:e.content.directions},null,8,uf),e.content.image?(s.openBlock(),s.createBlock(n,{key:0,content:e.content.image,image:{supportImage:!0}},null,8,["content"])):s.createCommentVNode("",!0)]),_:1}),s.createVNode(i,{span:24},{default:s.withCtx(()=>[s.createVNode(o,{class:"dragItems",list:r.listTwo,group:"put",forceFallback:"true",itemKey:"image",sort:!1,onEnd:t.checkMove},{item:s.withCtx(({element:u})=>[s.createElementVNode("div",{class:s.normalizeClass(["dragItem",u.class])},[s.createElementVNode("button",{class:"dragItems-button",onClick:s.withModifiers(H=>t.keyboardDrag(u),["stop"])},[s.createTextVNode(s.toDisplayString(u.text)+" ",1),u.image?(s.openBlock(),s.createElementBlock("img",{key:0,id:u.id,src:u.image,alt:u.imageAlt},null,8,Cf)):s.createCommentVNode("",!0)],8,Hf)],2)]),_:1},8,["list","onEnd"])]),_:1}),(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(r.listOne,(u,H)=>(s.openBlock(),s.createBlock(i,{class:"bins",span:t.binColumns},{default:s.withCtx(()=>[s.createElementVNode("h4",null,s.toDisplayString(e.content.bins[H].header),1),s.createVNode(o,{class:s.normalizeClass(["dropBins el-row",e.content.bins[H].class]),"data-index":H,list:r.listOne[H],group:"put",forceFallback:"true",itemKey:"text",sort:!1,move:t.stopMove},{item:s.withCtx(({element:B})=>[B.hide?s.createCommentVNode("",!0):(s.openBlock(),s.createElementBlock("div",pf,[s.createElementVNode("button",Bf,[s.createTextVNode(s.toDisplayString(B.text)+" ",1),B.image?(s.openBlock(),s.createElementBlock("img",{key:0,id:B.id,src:B.droppedImage,alt:B.imageAlt},null,8,df)):s.createCommentVNode("",!0)])]))]),_:2},1032,["class","data-index","list","move"])]),_:2},1032,["span"]))),256))]),_:1},8,["class"]),t.showFeedback()?(s.openBlock(),s.createBlock(f,{key:0,content:r.feedbackObject},null,8,["content"])):s.createCommentVNode("",!0),s.createVNode(h,{title:e.content.kbModalQuestion,modelValue:r.chooseVisibility,"onUpdate:modelValue":c[1]||(c[1]=u=>r.chooseVisibility=u),width:"50%"},{footer:s.withCtx(()=>[s.createElementVNode("span",gf,[s.createVNode(m,{size:"small",id:"visibilityClose",type:"primary",onClick:c[0]||(c[0]=u=>t.kbCheckMove())},{default:s.withCtx(()=>[s.createTextVNode("Close")]),_:1})])]),default:s.withCtx(()=>[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(r.listOne,(u,H)=>(s.openBlock(),s.createElementBlock(s.Fragment,null,[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(u,(B,z)=>(s.openBlock(),s.createElementBlock(s.Fragment,null,[H===0?(s.openBlock(),s.createBlock(m,{key:0,id:"firstBin",size:"small",type:"primary",onClick:C=>t.kbCheckMove(H,z)},{default:s.withCtx(()=>[s.createTextVNode(s.toDisplayString(e.content.bins[H].header),1)]),_:2},1032,["onClick"])):(s.openBlock(),s.createBlock(m,{key:1,size:"small",type:"primary",onClick:C=>t.kbCheckMove(H,z)},{default:s.withCtx(()=>[s.createTextVNode(s.toDisplayString(e.content.bins[H].header),1)]),_:2},1032,["onClick"]))],64))),256))],64))),256))]),_:1},8,["title","modelValue"])],64)}const zf=_(hf,[["render",vf]]),JY="",Vf={props:["content"],data(){return{totalAttempts:99}},computed:{getAttempt(){return this.stepperStore.getAttempts},getShowFeedbackAttempts(){return this.stepperStore.getShowFeedbackAttempts}},methods:{choicesCheck(){setTimeout(()=>{document.getElementById("feedbackClose")&&document.getElementById("feedbackClose").focus()})},choicesComplete(){this.stepperStore.finishSteps()},showFeedback(){return!!this.stepperStore.getShowFeedback}},mounted(){this.stepperStore.getDirections.display===!1&&setTimeout(()=>{})},beforeMount(){this.stepperStore=this.stepperMain(),this.stepperStore.resetSteps("el-input__inner"),this.content.attempts&&(this.totalAttempts=this.content.attempts)}},Mf=["src","width","height"];function wf(A,c,e,a,r,t){return s.openBlock(),s.createElementBlock("div",null,[s.createElementVNode("iframe",{class:"importedIframe",src:"imports/"+e.content.importFolder+"/"+e.content.importIndex,allowfullscreen:"",webkitallowfullscreen:"",mozAllowFullScreen:"",width:e.content.width,height:e.content.height},null,8,Mf)])}const Lf=_(Vf,[["render",wf],["__scopeId","data-v-f5bc6f4c"]]);/*!
|
|
2
2
|
* html2canvas 1.4.1 <https://html2canvas.hertzen.com>
|
|
3
3
|
* Copyright (c) 2022 Niklas von Hertzen <https://hertzen.com>
|
|
4
4
|
* Released under MIT License
|
package/dist/style.css
CHANGED
|
@@ -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}#app .image-container[data-v-9c649cb5]{position:relative;display:block;margin-bottom:10px;height:100%}#app .image-container .image[data-v-9c649cb5]{height:100%}#app .image-container .image img[data-v-9c649cb5]{max-height:100%;max-width:100%}#app .image-container.copyright[data-v-9c649cb5],#app .image-container.captions[data-v-9c649cb5]{margin-bottom:20px}#app .image-container.copyright[data-v-9c649cb5],#app .image-container.captions[data-v-9c649cb5]{margin-bottom:40px}#app .image-container .captionHeader[data-v-9c649cb5]{font-size:20px;text-align:center;display:block;margin-bottom:10px}#app .image-container .caption[data-v-9c649cb5]{font-size:13px;font-style:italic;text-align:center;display:block;margin-bottom:10px}#app .image-container .copyright[data-v-9c649cb5]{font-size:10px;line-height:10px;margin-top:10px;text-align:center;display:block;margin-bottom:10px}#app .image-container[data-v-9331462e]{position:relative;display:block;margin-bottom:10px;height:100%}#app .image-container .image[data-v-9331462e]{height:100%}#app .image-container .image img[data-v-9331462e]{max-height:100%;max-width:100%}#app .image-container.copyright[data-v-9331462e],#app .image-container.captions[data-v-9331462e]{margin-bottom:20px}#app .image-container.copyright[data-v-9331462e],#app .image-container.captions[data-v-9331462e]{margin-bottom:40px}#app .image-container .captionHeader[data-v-9331462e]{font-size:20px;text-align:center;display:block;margin-bottom:10px}#app .image-container .caption[data-v-9331462e]{font-size:13px;font-style:italic;text-align:center;display:block;margin-bottom:10px}#app .image-container .copyright[data-v-9331462e]{font-size:10px;line-height:10px;margin-top:10px;text-align:center;display:block;margin-bottom:10px}#app .giffyPng[data-v-9331462e],#app .giffyGif[data-v-9331462e]{position:unset;top:unset;left:unset}#app .giffyGif[data-v-9331462e]{z-index:unset}#app .gAnimBg[data-v-9331462e]{display:block;position:relative;cursor:pointer;background:none;border:none;padding:0;margin-bottom:20px;max-width:100%}#app .playButtonStyles[data-v-9331462e]{width:60px;height:60px;border-radius:30px;background:rgba(0,0,0,.7);position:absolute;top:50%;left:50%;margin:-30px;z-index:1}#app .playButtonStyles.dark[data-v-9331462e]{background:rgba(255,255,255,.7)}#app .playButtonIconStyles[data-v-9331462e]{width:0;height:0;border-top:14px solid transparent;border-bottom:14px solid transparent;border-left:14px solid rgba(255,255,255,.7);position:absolute;left:26px;top:16px}#app .playButtonIconStyles.dark[data-v-9331462e]{border-left:14px solid rgba(0,0,0,.7)}#app .pauseButtonStyles[data-v-9331462e]{width:60px;height:60px;border-radius:30px;background:rgba(0,0,0,.7);position:absolute;top:50%;left:50%;margin:-30px;z-index:1}#app .pauseButtonStyles.dark[data-v-9331462e]{background:rgba(255,255,255,.7)}#app .pauseButtonIconStyles[data-v-9331462e]{width:0;height:30px;border-style:double;border-color:#ffffffb3;border-width:0 0 0 30px;position:absolute;left:15px;top:15px}#app .pauseButtonIconStyles.dark[data-v-9331462e]{border-color:#000000b3}#app .screenReaderAlt[data-v-9331462e]{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}#app .screenReaderAlt .gAnim-alt[data-v-9331462e]{border:0;clip:rect(0 0 0 0);height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.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}#app .image-compare[data-v-ca834e68]{position:relative;display:block;margin-bottom:10px}#app .image-compare .el-slider[data-v-ca834e68]{--el-slider-main-bg-color: none;--el-slider-runway-bg-color: none}#app .image-compare .captionAreaLeft[data-v-ca834e68],#app .image-compare .captionAreaRight[data-v-ca834e68]{background:white}#app .image-compare .imageSlide[data-v-ca834e68]{position:absolute;z-index:999;top:46%}#app .image-compare .imageSlide.is-vertical[data-v-ca834e68]{top:0%;height:100%;left:47%}#app .image-compare .image[data-v-ca834e68]{height:100%;position:relative}#app .image-compare .image .imageLeft[data-v-ca834e68]{overflow:hidden;position:absolute;width:100%}#app .image-compare .image .imageLeft img[data-v-ca834e68]{width:unset;height:unset}#app .image-compare .image .imageLeft[data-v-ca834e68]{left:0;border-right:3px solid white}#app .image-compare .image .imageLeft.is-vertical[data-v-ca834e68]{border-right:0;border-bottom:3px solid white}#app .image-compare .image .imageLeft.dark[data-v-ca834e68]{border-color:#000}#app .image-compare .image .imageRight[data-v-ca834e68]{width:unset;height:unset}#app .image-compare .captionAreaLeft .captionHeader[data-v-ca834e68],#app .image-compare .captionAreaRight .captionHeader[data-v-ca834e68]{font-size:20px;text-align:center;display:block;margin-bottom:10px;white-space:nowrap}#app .image-compare .captionAreaLeft .caption[data-v-ca834e68],#app .image-compare .captionAreaRight .caption[data-v-ca834e68]{font-size:13px;font-style:italic;text-align:center;display:block;margin-bottom:10px}#app .image-compare .captionAreaLeft .copyright[data-v-ca834e68],#app .image-compare .captionAreaRight .copyright[data-v-ca834e68]{font-size:10px;line-height:10px;margin-top:10px;text-align:center;display:block;margin-bottom:10px}#app .image-compare .captionAreaLeft .captionHeader[data-v-ca834e68],#app .image-compare .captionAreaLeft .caption[data-v-ca834e68],#app .image-compare .captionAreaLeft .copyright[data-v-ca834e68]{white-space:nowrap}#app div.imageMarker[data-v-593ecc67]{position:relative;height:100%;border-radius:6px}#app div.imageMarker img[data-v-593ecc67]{width:100%;max-width:100%;max-height:100%;border-radius:6px}#app div.imageMarker .hotspotArea[data-v-593ecc67]{width:100%;height:100%;position:absolute;top:0;left:0}#app div.imageMarker .hotspotArea .el-button.hotspot[data-v-593ecc67]{position:absolute;min-height:unset;padding:4px 4px 4px 7px;margin:unset}#app div.imageMarker .hotspotArea .el-button.hotspot.noBG[data-v-593ecc67]{background-color:transparent}#app div.imageMarker .hotspotArea .el-button.hotspot .big_green[data-v-593ecc67]{position:absolute;height:40px;width:40px;top:-20px;right:-14px;background:url(data:image/png;base64,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) 0 0 no-repeat;background-size:cover}#app div.imageMarker .hotspotArea .el-button.hotspot img.im-ButtonImage[data-v-593ecc67]{position:absolute;top:0;left:0}#app div.imageReplacer[data-v-d6c87f03]{position:relative;height:calc(100% - 40px)}#app div.imageReplacer .el-col[data-v-d6c87f03]{position:relative;height:100%}#app div.imageReplacer img[data-v-d6c87f03]{width:100%;max-width:100%}#app div.imageReplacer .hotspotArea[data-v-d6c87f03]{width:100%;height:100%;position:absolute;top:0;left:0}#app div.imageReplacer .hotspotArea .el-button.hotspot[data-v-d6c87f03]{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-d6c87f03]{position:absolute;top:0;left:0}#app div.imageReplacer .hotspotArea .el-button.hotspot span.im-buttonText[data-v-d6c87f03]{position:absolute;left:17px;top:12px}#app .image-slider[data-v-efa3bb55]{position:relative;display:flex;margin-bottom:10px;height:inherit;flex-direction:column}#app .image-slider .image[data-v-efa3bb55]{height:inherit;margin:auto}#app .image-slider .image img[data-v-efa3bb55]{width:unset;height:100%}#app .image-slider .image .copyright[data-v-efa3bb55],#app .image-slider .image .captions[data-v-efa3bb55]{margin-bottom:20px}#app .image-slider .image .captionHeader[data-v-efa3bb55]{font-size:20px;text-align:center;display:block;margin-bottom:10px}#app .image-slider .image .caption[data-v-efa3bb55]{font-size:13px;font-style:italic;text-align:center;display:block;margin-bottom:10px}#app .image-slider .image .copyright[data-v-efa3bb55]{font-size:10px;line-height:10px;margin-top:10px;text-align:center;display:block;margin-bottom:10px}#app .image-slider.verticalSlider[data-v-efa3bb55]{flex-direction:unset}#app .image-slider.verticalSlider .image[data-v-efa3bb55]{width:inherit;height:unset;margin:auto}#app .image-slider.verticalSlider .image img[data-v-efa3bb55]{width:100%;height:unset}#app .image-slider .imageSlide[data-v-efa3bb55]{width:90%;margin:auto auto 20px}#app .image-slider .imageSlide .el-slider__button-wrapper[data-v-efa3bb55]{display:none;left:8px}#app .image-slider .imageSlide .el-slider__button-wrapper .el-slider__button[data-v-efa3bb55]{display:none}#app .image-slider .imageSlide.is-vertical[data-v-efa3bb55]{height:98%;width:unset}#app .imageCompare[data-v-0f3f694e]{overflow:hidden;position:relative}#app .imageCompare .overlay[data-v-0f3f694e]{position:absolute;height:100%;width:100%;z-index:99}#app .imageCompare #canvasBlob[data-v-0f3f694e]{top:-52px;position:relative}#app .imageCompare .hideCompareButtons[data-v-0f3f694e]{height:40px;width:fit-content;text-align:left;position:absolute;bottom:70px;right:10px;z-index:9999}.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.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-73407ea6]{text-align:center}#app div.selectable .selectArea .selectableButton[data-v-73407ea6]{text-align:left}#app div.selectable .selectArea .selectableButton .buttonSpan[data-v-73407ea6]{display:flex;height:100%}#app div.selectable .selectArea .selectableButton .buttonSpan img.im-ButtonImage[data-v-73407ea6]{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:focus{outline:2px #000 dashed!important;border:2px dashed white!important;outline-offset:2px}#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}#app div.dragDrop .draggable{border:1px solid black;margin-right:5px}#app div.dragDrop .draggable .list-group-item{height:100%;width:100%}#app div.dragDrop .draggable button.dragItems-button{width:100%;height:100%;background:transparent;border:none}#app div.dragDrop .draggable button.dragItems-button:focus,#app div.dragDrop .draggable button.dragItems-button:hover,#app div.dragDrop .draggable button.dragItems-button:active{outline:3px #3733a6 dashed!important}#app .preload{display:none;visibility:hidden}#app div.dragDrop{position:relative;margin-bottom:12px}#app div.dragDrop .dragItems{margin-right:5px;height:80px}#app div.dragDrop .dragItems .dragItem{background:transparent;border:none;float:left;height:100%;margin-right:20px}#app div.dragDrop .dragItems .dragItem button{height:100%}#app div.dragDrop .dragItems .dragItem button:focus,#app div.dragDrop .dragItems .dragItem button:hover,#app div.dragDrop .dragItems .dragItem button:active{outline:2px #3733a6 dashed!important}#app div.dragDrop .dragItems .dragItem button img{max-height:100%}#app div.dragDrop .dropBins{height:80px;width:80px;float:left}#app div.dragDrop .dropBins .sortable_ghost{position:absolute}#app div.dragDrop .dropBins .sortable-chosen,#app div.dragDrop .dropBins .sortable-chosen button{height:100%}#app div.dragDrop .dropBins .sortable-chosen button img{max-height:100%}#app div.dragDrop .dropBins .dropBin,#app div.dragDrop .dropBins .dropBin button{height:100%}#app div.dragDrop .dropBins .dropBin button img{max-height:100%}#app div.dragDrop #target{border:1px solid black;width:95vw;height:100px;padding:5px}#app div.dragDrop .hiddenDiv{position:fixed;margin-top:-99999px}#app div.dragDrop .draggingItems{display:none}iframe[data-v-f5bc6f4c]{border:none}
|
|
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}#app .image-container[data-v-9c649cb5]{position:relative;display:block;margin-bottom:10px;height:100%}#app .image-container .image[data-v-9c649cb5]{height:100%}#app .image-container .image img[data-v-9c649cb5]{max-height:100%;max-width:100%}#app .image-container.copyright[data-v-9c649cb5],#app .image-container.captions[data-v-9c649cb5]{margin-bottom:20px}#app .image-container.copyright[data-v-9c649cb5],#app .image-container.captions[data-v-9c649cb5]{margin-bottom:40px}#app .image-container .captionHeader[data-v-9c649cb5]{font-size:20px;text-align:center;display:block;margin-bottom:10px}#app .image-container .caption[data-v-9c649cb5]{font-size:13px;font-style:italic;text-align:center;display:block;margin-bottom:10px}#app .image-container .copyright[data-v-9c649cb5]{font-size:10px;line-height:10px;margin-top:10px;text-align:center;display:block;margin-bottom:10px}#app .image-container[data-v-8a2b22b7]{position:relative;display:block;margin-bottom:10px;height:100%}#app .image-container .image[data-v-8a2b22b7]{height:100%}#app .image-container .image img[data-v-8a2b22b7]{max-height:100%;max-width:100%}#app .image-container.copyright[data-v-8a2b22b7],#app .image-container.captions[data-v-8a2b22b7]{margin-bottom:20px}#app .image-container.copyright[data-v-8a2b22b7],#app .image-container.captions[data-v-8a2b22b7]{margin-bottom:40px}#app .image-container .captionHeader[data-v-8a2b22b7]{font-size:20px;text-align:center;display:block;margin-bottom:10px}#app .image-container .caption[data-v-8a2b22b7]{font-size:13px;font-style:italic;text-align:center;display:block;margin-bottom:10px}#app .image-container .copyright[data-v-8a2b22b7]{font-size:10px;line-height:10px;margin-top:10px;text-align:center;display:block;margin-bottom:10px}#app .giffyPng[data-v-8a2b22b7],#app .giffyGif[data-v-8a2b22b7]{position:unset;top:unset;left:unset}#app .giffyGif[data-v-8a2b22b7]{z-index:unset}#app .gAnimBg[data-v-8a2b22b7]{display:block;position:relative;cursor:pointer;background:none;border:none;padding:0;margin-bottom:20px;max-width:100%}#app .playButtonStyles[data-v-8a2b22b7]{width:60px;height:60px;border-radius:30px;background:rgba(0,0,0,.7);position:absolute;top:50%;left:50%;margin:-30px;z-index:1}#app .playButtonStyles.dark[data-v-8a2b22b7]{background:rgba(255,255,255,.7)}#app .playButtonIconStyles[data-v-8a2b22b7]{width:0;height:0;border-top:14px solid transparent;border-bottom:14px solid transparent;border-left:14px solid rgba(255,255,255,.7);position:absolute;left:26px;top:16px}#app .playButtonIconStyles.dark[data-v-8a2b22b7]{border-left:14px solid rgba(0,0,0,.7)}#app .pauseButtonStyles[data-v-8a2b22b7]{width:60px;height:60px;border-radius:30px;background:rgba(0,0,0,.7);position:absolute;top:50%;left:50%;margin:-30px;z-index:1}#app .pauseButtonStyles.dark[data-v-8a2b22b7]{background:rgba(255,255,255,.7)}#app .pauseButtonIconStyles[data-v-8a2b22b7]{width:0;height:30px;border-style:double;border-color:#ffffffb3;border-width:0 0 0 30px;position:absolute;left:15px;top:15px}#app .pauseButtonIconStyles.dark[data-v-8a2b22b7]{border-color:#000000b3}#app .screenReaderAlt[data-v-8a2b22b7]{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}#app .screenReaderAlt .gAnim-alt[data-v-8a2b22b7]{border:0;clip:rect(0 0 0 0);height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.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}#app .image-compare[data-v-ca834e68]{position:relative;display:block;margin-bottom:10px}#app .image-compare .el-slider[data-v-ca834e68]{--el-slider-main-bg-color: none;--el-slider-runway-bg-color: none}#app .image-compare .captionAreaLeft[data-v-ca834e68],#app .image-compare .captionAreaRight[data-v-ca834e68]{background:white}#app .image-compare .imageSlide[data-v-ca834e68]{position:absolute;z-index:999;top:46%}#app .image-compare .imageSlide.is-vertical[data-v-ca834e68]{top:0%;height:100%;left:47%}#app .image-compare .image[data-v-ca834e68]{height:100%;position:relative}#app .image-compare .image .imageLeft[data-v-ca834e68]{overflow:hidden;position:absolute;width:100%}#app .image-compare .image .imageLeft img[data-v-ca834e68]{width:unset;height:unset}#app .image-compare .image .imageLeft[data-v-ca834e68]{left:0;border-right:3px solid white}#app .image-compare .image .imageLeft.is-vertical[data-v-ca834e68]{border-right:0;border-bottom:3px solid white}#app .image-compare .image .imageLeft.dark[data-v-ca834e68]{border-color:#000}#app .image-compare .image .imageRight[data-v-ca834e68]{width:unset;height:unset}#app .image-compare .captionAreaLeft .captionHeader[data-v-ca834e68],#app .image-compare .captionAreaRight .captionHeader[data-v-ca834e68]{font-size:20px;text-align:center;display:block;margin-bottom:10px;white-space:nowrap}#app .image-compare .captionAreaLeft .caption[data-v-ca834e68],#app .image-compare .captionAreaRight .caption[data-v-ca834e68]{font-size:13px;font-style:italic;text-align:center;display:block;margin-bottom:10px}#app .image-compare .captionAreaLeft .copyright[data-v-ca834e68],#app .image-compare .captionAreaRight .copyright[data-v-ca834e68]{font-size:10px;line-height:10px;margin-top:10px;text-align:center;display:block;margin-bottom:10px}#app .image-compare .captionAreaLeft .captionHeader[data-v-ca834e68],#app .image-compare .captionAreaLeft .caption[data-v-ca834e68],#app .image-compare .captionAreaLeft .copyright[data-v-ca834e68]{white-space:nowrap}#app div.imageMarker[data-v-593ecc67]{position:relative;height:100%;border-radius:6px}#app div.imageMarker img[data-v-593ecc67]{width:100%;max-width:100%;max-height:100%;border-radius:6px}#app div.imageMarker .hotspotArea[data-v-593ecc67]{width:100%;height:100%;position:absolute;top:0;left:0}#app div.imageMarker .hotspotArea .el-button.hotspot[data-v-593ecc67]{position:absolute;min-height:unset;padding:4px 4px 4px 7px;margin:unset}#app div.imageMarker .hotspotArea .el-button.hotspot.noBG[data-v-593ecc67]{background-color:transparent}#app div.imageMarker .hotspotArea .el-button.hotspot .big_green[data-v-593ecc67]{position:absolute;height:40px;width:40px;top:-20px;right:-14px;background:url(data:image/png;base64,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) 0 0 no-repeat;background-size:cover}#app div.imageMarker .hotspotArea .el-button.hotspot img.im-ButtonImage[data-v-593ecc67]{position:absolute;top:0;left:0}#app div.imageReplacer[data-v-d6c87f03]{position:relative;height:calc(100% - 40px)}#app div.imageReplacer .el-col[data-v-d6c87f03]{position:relative;height:100%}#app div.imageReplacer img[data-v-d6c87f03]{width:100%;max-width:100%}#app div.imageReplacer .hotspotArea[data-v-d6c87f03]{width:100%;height:100%;position:absolute;top:0;left:0}#app div.imageReplacer .hotspotArea .el-button.hotspot[data-v-d6c87f03]{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-d6c87f03]{position:absolute;top:0;left:0}#app div.imageReplacer .hotspotArea .el-button.hotspot span.im-buttonText[data-v-d6c87f03]{position:absolute;left:17px;top:12px}#app .image-slider[data-v-efa3bb55]{position:relative;display:flex;margin-bottom:10px;height:inherit;flex-direction:column}#app .image-slider .image[data-v-efa3bb55]{height:inherit;margin:auto}#app .image-slider .image img[data-v-efa3bb55]{width:unset;height:100%}#app .image-slider .image .copyright[data-v-efa3bb55],#app .image-slider .image .captions[data-v-efa3bb55]{margin-bottom:20px}#app .image-slider .image .captionHeader[data-v-efa3bb55]{font-size:20px;text-align:center;display:block;margin-bottom:10px}#app .image-slider .image .caption[data-v-efa3bb55]{font-size:13px;font-style:italic;text-align:center;display:block;margin-bottom:10px}#app .image-slider .image .copyright[data-v-efa3bb55]{font-size:10px;line-height:10px;margin-top:10px;text-align:center;display:block;margin-bottom:10px}#app .image-slider.verticalSlider[data-v-efa3bb55]{flex-direction:unset}#app .image-slider.verticalSlider .image[data-v-efa3bb55]{width:inherit;height:unset;margin:auto}#app .image-slider.verticalSlider .image img[data-v-efa3bb55]{width:100%;height:unset}#app .image-slider .imageSlide[data-v-efa3bb55]{width:90%;margin:auto auto 20px}#app .image-slider .imageSlide .el-slider__button-wrapper[data-v-efa3bb55]{display:none;left:8px}#app .image-slider .imageSlide .el-slider__button-wrapper .el-slider__button[data-v-efa3bb55]{display:none}#app .image-slider .imageSlide.is-vertical[data-v-efa3bb55]{height:98%;width:unset}#app .imageCompare[data-v-0f3f694e]{overflow:hidden;position:relative}#app .imageCompare .overlay[data-v-0f3f694e]{position:absolute;height:100%;width:100%;z-index:99}#app .imageCompare #canvasBlob[data-v-0f3f694e]{top:-52px;position:relative}#app .imageCompare .hideCompareButtons[data-v-0f3f694e]{height:40px;width:fit-content;text-align:left;position:absolute;bottom:70px;right:10px;z-index:9999}.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.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-73407ea6]{text-align:center}#app div.selectable .selectArea .selectableButton[data-v-73407ea6]{text-align:left}#app div.selectable .selectArea .selectableButton .buttonSpan[data-v-73407ea6]{display:flex;height:100%}#app div.selectable .selectArea .selectableButton .buttonSpan img.im-ButtonImage[data-v-73407ea6]{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:focus{outline:2px #000 dashed!important;border:2px dashed white!important;outline-offset:2px}#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}#app div.dragDrop .draggable{border:1px solid black;margin-right:5px}#app div.dragDrop .draggable .list-group-item{height:100%;width:100%}#app div.dragDrop .draggable button.dragItems-button{width:100%;height:100%;background:transparent;border:none}#app div.dragDrop .draggable button.dragItems-button:focus,#app div.dragDrop .draggable button.dragItems-button:hover,#app div.dragDrop .draggable button.dragItems-button:active{outline:3px #3733a6 dashed!important}#app #preload{display:none;visibility:hidden}#app div.dragDrop{position:relative;margin-bottom:12px}#app div.dragDrop .dragItems{margin-right:5px;height:80px}#app div.dragDrop .dragItems .dragItem{background:transparent;border:none;float:left;height:100%;margin-right:20px}#app div.dragDrop .dragItems .dragItem button{height:100%}#app div.dragDrop .dragItems .dragItem button:focus,#app div.dragDrop .dragItems .dragItem button:hover,#app div.dragDrop .dragItems .dragItem button:active{outline:2px #3733a6 dashed!important}#app div.dragDrop .dragItems .dragItem button img{max-height:100%}#app div.dragDrop .dropBins{height:80px;width:80px;float:left}#app div.dragDrop .dropBins .sortable_ghost{position:absolute}#app div.dragDrop .dropBins .sortable-chosen,#app div.dragDrop .dropBins .sortable-chosen button{height:100%}#app div.dragDrop .dropBins .sortable-chosen button img{max-height:100%}#app div.dragDrop .dropBins .dropBin,#app div.dragDrop .dropBins .dropBin button{height:100%}#app div.dragDrop .dropBins .dropBin button img{max-height:100%}#app div.dragDrop #target{border:1px solid black;width:95vw;height:100px;padding:5px}#app div.dragDrop .hiddenDiv{position:fixed;margin-top:-99999px}#app div.dragDrop .draggingItems{display:none}iframe[data-v-f5bc6f4c]{border:none}
|