labmaker-plugin 0.0.12 → 0.0.13
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 +851 -205
- package/dist/labmaker-plugin.umd.cjs +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(e,m){typeof exports=="object"&&typeof module<"u"?module.exports=m(require("vue")):typeof define=="function"&&define.amd?define(["vue"],m):(e=typeof globalThis<"u"?globalThis:e||self,e.LabmakerPlugin=m(e.Vue))})(this,function(e){"use strict";const m="",h=(t,o)=>{const n=t.__vccOpts||t;for(const[s,i]of o)n[s]=i;return n},u={props:["custom-img"],data(){return{imgSRC:this.customImg}},computed:{},methods:{fileUpload(t){const n=t.target.files[0];this.fileProcess(n)},fileProcess(t){this.imgSRC=URL.createObjectURL(t)}},mounted(){}},k=e.createElementVNode("h1",null,"File Uploader",-1),p={class:"image-uploader"},b=e.createElementVNode("h1",null,"File Uploader",-1),y={class:"your-file"},w=["src"];function x(t,o,n,s,i,r){return e.openBlock(),e.createElementBlock(e.Fragment,null,[k,e.createElementVNode("div",p,[b,e.createElementVNode("input",{onChange:o[0]||(o[0]=(...d)=>r.fileUpload&&r.fileUpload(...d)),type:"file",id:"file-upload",name:"fileUpload",accept:"image/*"},null,32),e.createElementVNode("div",y,[e.createElementVNode("img",{src:i.imgSRC,alt:"",scrset:""},null,8,w)])])],64)}const C=h(u,[["render",x]]),ke="",B={props:["title"],data(){return{}},computed:{}};function V(t,o,n,s,i,r){return e.openBlock(),e.createElementBlock("header",null,[e.createElementVNode("h1",null,e.toDisplayString(n.title),1)])}const T=h(B,[["render",V]]),pe="",E={data(){return{}},computed:{totalPages(){return this.$store.getters.getPageCount?this.$store.getters.getPageCount:0},currentPage(){return this.$store.getters.getCurrentPage?this.$store.getters.getCurrentPage+1:1},pagerCount(){return this.$store.getters.getPagerCount?this.$store.getters.getPagerCount:0}},methods:{handleCurrentChange(t){this.$store.commit("setCurrentPage",t-1)},changePage(t){console.log("headed to: ",t),this.$store.commit("setCurrentPage",t)}}};function N(t,o,n,s,i,r){const d=e.resolveComponent("el-col"),c=e.resolveComponent("el-button"),a=e.resolveComponent("el-row");return e.openBlock(),e.createBlock(a,{gutter:20},{default:e.withCtx(()=>[e.createVNode(d,{span:18}),e.createVNode(d,{span:6,class:"homeButtonContainer"},{default:e.withCtx(()=>[e.createVNode(c,{type:"primary ",onClick:o[0]||(o[0]=e.withModifiers(l=>r.changePage(0),["stop"])),class:"homeButton"},{default:e.withCtx(()=>[e.createTextVNode("Return to Crime Screen")]),_:1})]),_:1})]),_:1})}const g=h(E,[["render",N]]),be="",S={props:["content"],data(){return{}},computed:{getLastPage(){return!!this.$store.getters.getLastPage}},methods:{pixelFormat(t){return typeof t=="number"?t+"px":t},checkStepper(){this.$store.dispatch("lastPageFocus",{})}},mounted(){this.checkStepper()}},L={class:"image-container"},F={class:"image"},H=["src","alt"],M=["innerHTML"],I=["innerHTML"],P=["innerHTML"];function A(t,o,n,s,i,r){return e.openBlock(),e.createElementBlock("div",L,[e.createElementVNode("div",F,[e.createElementVNode("img",{src:n.content.src,alt:n.content.alt,class:e.normalizeClass(n.content.class)},null,10,H),n.content.captionHeader?(e.openBlock(),e.createElementBlock("span",{key:0,class:"captionHeader",innerHTML:n.content.captionHeader},null,8,M)):e.createCommentVNode("",!0),n.content.caption?(e.openBlock(),e.createElementBlock("span",{key:1,class:"caption",innerHTML:n.content.caption},null,8,I)):e.createCommentVNode("",!0),n.content.copyright?(e.openBlock(),e.createElementBlock("span",{key:2,innerHTML:n.content.copyright,class:"copyright"},null,8,P)):e.createCommentVNode("",!0)])])}const $=h(S,[["render",A],["__scopeId","data-v-6d545532"]]),ye="",z={props:["content"],data(){return{showingKaltura:!1,showingText:!1,buttonText:!1,hasText:!1,video:{width:640,height:480},audio:{width:260,height:80},audioBtn:{width:40,height:40},textversionArray:{}}},watch:{content:function(){this.tvCleaner()}},computed:{kHeight(){if(this.content.kalturaType==="video")if(this.content.height&&this.content.height!=""){let t=this.content.height;return t.slice(-2)==="px"?t.slice(0,-2):this.content.height}else return this.video.height;else if(this.content.kalturaType==="audio")if(this.content.height&&this.content.height!=""){let t=this.content.height;return t.slice(-2)==="px"?t.slice(0,-2):this.content.height}else return this.audio.height;else if(this.content.kalturaType==="audiobtn")return this.audioBtn.height},kWidth(){if(this.content.kalturaType==="video")if(this.content.width&&this.content.width!=""){let t=this.content.width;return t.slice(-2)==="px"?t.slice(0,-2):this.content.width}else return this.video.width;else{if(this.content.kalturaType==="audio")return this.audio.width;if(this.content.kalturaType==="audiobtn")return this.audioBtn.width}}},methods:{getButtonText(t){return t==="video"?this.showingText?"Show Video":"Show Text Version":this.showingText?"Show Audio":"Show Text Version"},textVersionCheck(){this.content.textVersion&&this.content.textVersion.length>1&&(this.hasText=!0)},kalturaLoad(){this.textVersionCheck()},kalturaMedia(t){let o={uiconf_id:"35766781",partner_id:"2061901",entry_id:"",height:"400",width:"640",type:"video"};return o.entry_id=this.content.kalturaEntryId,this.content.kalturaType&&(o.type=this.content.kalturaType),o.type==="audio"?o.uiconf_id="36511471":o.type==="audiobtn"?o.uiconf_id="36582731":o.type==="videocc"&&(o.uiconf_id="35766781"),this.content.standalone&&this.$store.commit("setStepHold",!1),"https://cdnapisec.kaltura.com/p/"+o.partner_id+"/sp/"+o.partner_id+"00/embedIframeJs/uiconf_id/"+o.uiconf_id+"/partner_id/"+o.partner_id+"?iframeembed=true&playerId=Kaltura&entry_id="+o.entry_id},showKaltura(){this.showingKaltura=!0},showText(){this.showingText=!this.showingText,this.buttonText=!this.buttonText},tvCleaner(){let t=document.createElement("div");t.innerHTML=this.content.textVersion;for(let o=0;o<t.children.length;o++){let n=t.children[o];if(n.tagName=="DIV"&&n.className=="panel-default"&&n.children[0].dataset.toggle)for(let s=0;s<n.children.length;s++){let i=n.children[s];if(i.dataset.toggle=="collapse"){let r={heading:i.innerHTML,body:n.children[s+1].innerHTML};this.textversionArray[o]=r}}else this.textversionArray[o]=n.outerHTML}}},beforeMount(){this.kalturaLoad(),this.tvCleaner()},mounted(){}},K={key:0,class:"textVersion"},R=e.createElementVNode("h1",null,"Text Version",-1),D=["innerHTML"],U=["src","width","height"],W=["src","width","height"],O=["src","width","height"],j={key:2,class:"alert alert-danger"};function Y(t,o,n,s,i,r){const d=e.resolveComponent("el-button");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["kContainer",n.content.class])},[n.content.textVersion&&i.showingText?(e.openBlock(),e.createElementBlock("div",K,[R,e.createElementVNode("div",{innerHTML:n.content.textVersion},null,8,D)])):e.createCommentVNode("",!0),!i.showingText&&n.content.kalturaEntryId?(e.openBlock(),e.createElementBlock("div",{key:1,class:"mainVersion",style:e.normalizeStyle({width:r.kWidth+"px",height:r.kHeight+"px"})},[n.content.kalturaType=="video"&&!i.showingKaltura?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["kPoster",{active:i.showingKaltura==!0}]),style:e.normalizeStyle({width:r.kWidth+"px",height:r.kHeight+"px"})},[e.createElementVNode("iframe",{onClick:o[0]||(o[0]=(...c)=>r.showKaltura&&r.showKaltura(...c)),class:"videoIframe",src:r.kalturaMedia(n.content),width:r.kWidth+"px",height:r.kHeight+"px",allowfullscreen:"",webkitallowfullscreen:"",mozAllowFullScreen:"",frameborder:"0"},null,8,U)],6)):e.createCommentVNode("",!0),n.content.kalturaType=="audio"?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["kAudio",{active:i.showingKaltura==!0}]),onClick:o[1]||(o[1]=(...c)=>r.showKaltura&&r.showKaltura(...c))},[e.createElementVNode("iframe",{id:"my_iframe",src:r.kalturaMedia(n.content),width:r.kWidth+"px",height:r.kHeight+"px",allowfullscreen:"",webkitallowfullscreen:"",mozAllowFullScreen:"",frameborder:"0"},null,8,W)],2)):e.createCommentVNode("",!0),n.content.kalturaType=="audiobtn"?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(["kAudiobtn",{active:i.showingKaltura==!0}]),onClick:o[2]||(o[2]=(...c)=>r.showKaltura&&r.showKaltura(...c))},[e.createElementVNode("iframe",{src:r.kalturaMedia(n.content),width:i.audioBtn.width+"px",height:i.audioBtn.height+"px",allowfullscreen:"",webkitallowfullscreen:"",mozAllowFullScreen:"",frameborder:"0"},null,8,O)],2)):e.createCommentVNode("",!0)],4)):e.createCommentVNode("",!0),n.content.kalturaEntryId==""?(e.openBlock(),e.createElementBlock("div",j,"There is no Kaltura Entry ID")):e.createCommentVNode("",!0),n.content.textVersion?(e.openBlock(),e.createBlock(d,{key:3,size:"medium",type:"primary","aria-label":"text version",class:"toggleSwitch ftSwitch btn btn-primary vidText",onClick:o[3]||(o[3]=e.withModifiers(c=>r.showText(n.content.kalturaType),["stop"]))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.getButtonText(n.content.kalturaType)),1)]),_:1})):e.createCommentVNode("",!0)],2)}const X=h(z,[["render",Y]]),we="",q={props:["content"],data(){return{show:!0}},computed:{getShowFeedbackAttempts(){return this.$store.getters.getShowFeedbackAttempts},feedbackHeader(){return this.$store.getters.getShowFeedbackAttempts?"Too many Attempts":this.content.feedbackHeader},feedbackWidth(){return this.content.feedbackWidth?this.content.feedbackWidth:"50%"}},methods:{feedbackClose(){this.content.finalInstructions&&this.$store.commit("updateFinishDirections",!1),this.content.instructions&&this.$store.commit("updateDirections",!1),this.$store.commit("setShowFeedback",!1),this.$store.commit("setShowFeedbackAttempts",!1),this.$store.dispatch("lastPageFocus",{})}},mounted(){}},G={class:"my-header"},J=["id","innerHTML"],Q=["innerHTML"],Z={key:1},v=["src"],ee=["innerHTML"],te={class:"dialog-footer"};function ne(t,o,n,s,i,r){const d=e.resolveComponent("el-button"),c=e.resolveComponent("el-dialog");return e.openBlock(),e.createBlock(c,{width:r.feedbackWidth,modelValue:i.show,"onUpdate:modelValue":o[1]||(o[1]=a=>i.show=a),"before-close":r.feedbackClose},{header:e.withCtx(({close:a,titleId:l,titleClass:_})=>[e.createElementVNode("div",G,[e.createElementVNode("h4",{id:l,class:e.normalizeClass(_),innerHTML:r.feedbackHeader},null,10,J)])]),footer:e.withCtx(()=>[e.createElementVNode("span",te,[e.createVNode(d,{size:"small",id:"feedbackClose",type:"primary",onClick:o[0]||(o[0]=e.withModifiers(a=>r.feedbackClose(),["stop"]))},{default:e.withCtx(()=>[e.createTextVNode("Close")]),_:1})])]),default:e.withCtx(()=>[r.getShowFeedbackAttempts?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[n.content.feedbackAttempts?(e.openBlock(),e.createElementBlock("p",{key:0,innerHTML:n.content.feedbackAttempts},null,8,Q)):(e.openBlock(),e.createElementBlock("p",Z,"You have tried too many times, the correct answer has been provided for you."))],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[n.content.feedbackImage?(e.openBlock(),e.createElementBlock("img",{key:0,class:"im-ButtonImage",src:n.content.feedbackImage,alt:"button image"},null,8,v)):e.createCommentVNode("",!0),e.createElementVNode("p",{innerHTML:n.content.feedback},null,8,ee)],64))]),_:1},8,["width","modelValue","before-close"])}const f=h(q,[["render",ne]]),xe="",oe={components:{Feedback:f},inject:["message"],props:["content"],data(){return{dialogVisible:!1,feedbackVisibility:[],feedbackIndex:0}},computed:{getLastPage(){return!!this.$store.getters.getLastPage}},methods:{pixelFormat(t){return typeof t=="number"?t+"px":t},changePage(t,o){t.pageLink?this.$store.commit("setCurrentPage",t.pageLink):t.feedback&&(this.feedbackIndex=o,this.feedbackVisibility.indexOf(o)===-1&&this.feedbackVisibility.push(o),this.$store.commit("setShowFeedback",!0),this.content.hotspots.length-1===this.feedbackVisibility.length-1&&(this.$store.commit("setStepHold",!1),this.$store.commit("setStepDone",!0)),setTimeout(()=>{document.getElementById("feedbackClose")&&document.getElementById("feedbackClose").focus()}))},showFeedback(t){return!!(this.$store.getters.getShowFeedback&&this.feedbackIndex===t)}},beforeMount(){this.$store.commit("setStepDone",!1),this.$store.commit("setStepHold",!0)}},re={class:"imageMarker"},ie=["src","alt"],ae={class:"hotspotArea"},se=["src","alt"],ce={class:"im-buttonText"};function le(t,o,n,s,i,r){const d=e.resolveComponent("el-button"),c=e.resolveComponent("Feedback");return e.openBlock(),e.createElementBlock("div",re,[e.createElementVNode("img",{src:n.content.image,alt:n.content.imageAlt},null,8,ie),e.createElementVNode("div",ae,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.content.hotspots,(a,l)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(d,{type:a.buttonType,onClick:e.withModifiers(_=>r.changePage(a,l),["stop"]),id:"hotspot_"+l,class:e.normalizeClass([["is-"+a.buttonShape,{noBG:a.buttonImage},a.class],"hotspot"]),style:e.normalizeStyle({top:r.pixelFormat(a.cordinatesX),left:r.pixelFormat(a.cordinatesY),width:r.pixelFormat(a.dimensionsW),height:r.pixelFormat(a.dimensionsH)}),icon:a.buttonIcon},{default:e.withCtx(()=>[a.buttonImage?(e.openBlock(),e.createElementBlock("img",{key:0,class:"im-ButtonImage",src:a.buttonImage,alt:"image marker "+Number(l+1)},null,8,se)):e.createCommentVNode("",!0),e.createElementVNode("span",ce,e.toDisplayString(a.name),1)]),_:2},1032,["type","onClick","id","class","style","icon"]),r.showFeedback(l)?(e.openBlock(),e.createBlock(c,{key:0,content:a},null,8,["content"])):e.createCommentVNode("",!0)],64))),256))])])}const de=h(oe,[["render",le],["__scopeId","data-v-3897bfb2"]]),Ce="",he={props:["content"],data(){return{imageReplaced:!1,imageSrc:this.content.image,imageAlt:this.content.imageAlt}},computed:{getLastPage(){return!!this.$store.getters.getLastPage}},methods:{pixelFormat(t){return typeof t=="number"?t+"px":t},changeImage(t){this.imageReplaced=!0,this.imageSrc=this.content.hotspots[t].imageOverlay,this.imageAlt=this.content.hotspots[t].imageOverlayAlt,this.$store.commit("setStepHold",!1),this.$store.dispatch("lastPageFocus",{})}}},me=["innerHTML"],_e=["src","alt"],ge={class:"hotspotArea"};function fe(t,o,n,s,i,r){const d=e.resolveComponent("el-col"),c=e.resolveComponent("el-button"),a=e.resolveComponent("el-row");return e.openBlock(),e.createBlock(a,{class:"imageReplacer"},{default:e.withCtx(()=>[e.createVNode(d,{span:12},{default:e.withCtx(()=>[e.createElementVNode("p",{class:"imageReplacerDescription",innerHTML:n.content.description},null,8,me)]),_:1}),e.createVNode(d,{span:12},{default:e.withCtx(()=>[e.createElementVNode("img",{class:"im-ButtonImage",src:i.imageSrc,alt:i.imageAlt},null,8,_e),e.createElementVNode("div",ge,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.content.hotspots,(l,_)=>(e.openBlock(),e.createBlock(c,{type:l.buttonType,onClick:e.withModifiers(Ve=>r.changeImage(_),["stop"]),class:"hotspot",style:e.normalizeStyle({top:r.pixelFormat(l.cordinatesX),left:r.pixelFormat(l.cordinatesY),width:r.pixelFormat(l.dimensionsW),height:r.pixelFormat(l.dimensionsH)}),icon:l.buttonIcon},null,8,["type","onClick","style","icon"]))),256))])]),_:1})]),_:1})}const ue=h(he,[["render",fe],["__scopeId","data-v-02e047cd"]]);return{install:(t,o)=>{t.component("special-uploader",C),t.component("lab-header",T),t.component("lab-footer",g),t.component("lab-drawer",g),t.component("lab-image",$),t.component("lab-kaltura",X),t.component("lab-image-marker",de),t.component("lab-image-replacer",ue),t.component("lab-feedback",f)}}});
|
|
1
|
+
(function(e,k){typeof exports=="object"&&typeof module<"u"?module.exports=k(require("vue")):typeof define=="function"&&define.amd?define(["vue"],k):(e=typeof globalThis<"u"?globalThis:e||self,e.LabmakerPlugin=k(e.Vue))})(this,function(e){"use strict";const k="",f=(t,o)=>{const n=t.__vccOpts||t;for(const[i,c]of o)n[i]=c;return n},y={props:["custom-img"],data(){return{imgSRC:this.customImg}},computed:{},methods:{fileUpload(t){const n=t.target.files[0];this.fileProcess(n)},fileProcess(t){this.imgSRC=URL.createObjectURL(t)}},mounted(){}},w=e.createElementVNode("h1",null,"File Uploader",-1),B={class:"image-uploader"},V=e.createElementVNode("h1",null,"File Uploader",-1),E={class:"your-file"},x=["src"];function S(t,o,n,i,c,s){return e.openBlock(),e.createElementBlock(e.Fragment,null,[w,e.createElementVNode("div",B,[V,e.createElementVNode("input",{onChange:o[0]||(o[0]=(...m)=>s.fileUpload&&s.fileUpload(...m)),type:"file",id:"file-upload",name:"fileUpload",accept:"image/*"},null,32),e.createElementVNode("div",E,[e.createElementVNode("img",{src:c.imgSRC,alt:"",scrset:""},null,8,x)])])],64)}const N=f(y,[["render",S]]),Ze="",A={props:["title"],data(){return{}},computed:{}};function F(t,o,n,i,c,s){return e.openBlock(),e.createElementBlock("header",null,[e.createElementVNode("h1",null,e.toDisplayString(n.title),1)])}const T=f(A,[["render",F]]),ve="",z={data(){return{}},computed:{totalPages(){return this.$store.getters.getPageCount?this.$store.getters.getPageCount:0},currentPage(){return this.$store.getters.getCurrentPage?this.$store.getters.getCurrentPage+1:1},pagerCount(){return this.$store.getters.getPagerCount?this.$store.getters.getPagerCount:0}},methods:{handleCurrentChange(t){this.$store.commit("setCurrentPage",t-1)},changePage(t){console.log("headed to: ",t),this.$store.commit("setCurrentPage",t)}}};function M(t,o,n,i,c,s){const m=e.resolveComponent("el-col"),a=e.resolveComponent("el-button"),l=e.resolveComponent("el-row");return e.openBlock(),e.createBlock(l,{gutter:20},{default:e.withCtx(()=>[e.createVNode(m,{span:18}),e.createVNode(m,{span:6,class:"homeButtonContainer"},{default:e.withCtx(()=>[e.createVNode(a,{type:"primary ",onClick:o[0]||(o[0]=e.withModifiers(d=>s.changePage(0),["stop"])),class:"homeButton"},{default:e.withCtx(()=>[e.createTextVNode("Return to Crime Screen")]),_:1})]),_:1})]),_:1})}const _=f(z,[["render",M]]),et="",H={props:["content"],data(){return{}},computed:{getLastPage(){return!!this.$store.getters.getLastPage}},methods:{pixelFormat(t){return typeof t=="number"?t+"px":t},checkStepper(){this.$store.dispatch("lastPageFocus",{})}},mounted(){this.checkStepper()}},$={class:"image-container"},I={class:"image"},L=["src","alt"],j=["innerHTML"],O=["innerHTML"],q=["innerHTML"];function D(t,o,n,i,c,s){return e.openBlock(),e.createElementBlock("div",$,[e.createElementVNode("div",I,[e.createElementVNode("img",{src:n.content.src,alt:n.content.alt,class:e.normalizeClass(n.content.class)},null,10,L),n.content.captionHeader?(e.openBlock(),e.createElementBlock("span",{key:0,class:"captionHeader",innerHTML:n.content.captionHeader},null,8,j)):e.createCommentVNode("",!0),n.content.caption?(e.openBlock(),e.createElementBlock("span",{key:1,class:"caption",innerHTML:n.content.caption},null,8,O)):e.createCommentVNode("",!0),n.content.copyright?(e.openBlock(),e.createElementBlock("span",{key:2,innerHTML:n.content.copyright,class:"copyright"},null,8,q)):e.createCommentVNode("",!0)])])}const P=f(H,[["render",D],["__scopeId","data-v-6d545532"]]),tt="",W={props:["content"],data(){return{showingKaltura:!1,showingText:!1,buttonText:!1,hasText:!1,video:{width:640,height:480},audio:{width:260,height:80},audioBtn:{width:40,height:40},textversionArray:{}}},watch:{content:function(){this.tvCleaner()}},computed:{kHeight(){if(this.content.kalturaType==="video")if(this.content.height&&this.content.height!=""){let t=this.content.height;return t.slice(-2)==="px"?t.slice(0,-2):this.content.height}else return this.video.height;else if(this.content.kalturaType==="audio")if(this.content.height&&this.content.height!=""){let t=this.content.height;return t.slice(-2)==="px"?t.slice(0,-2):this.content.height}else return this.audio.height;else if(this.content.kalturaType==="audiobtn")return this.audioBtn.height},kWidth(){if(this.content.kalturaType==="video")if(this.content.width&&this.content.width!=""){let t=this.content.width;return t.slice(-2)==="px"?t.slice(0,-2):this.content.width}else return this.video.width;else{if(this.content.kalturaType==="audio")return this.audio.width;if(this.content.kalturaType==="audiobtn")return this.audioBtn.width}}},methods:{getButtonText(t){return t==="video"?this.showingText?"Show Video":"Show Text Version":this.showingText?"Show Audio":"Show Text Version"},textVersionCheck(){this.content.textVersion&&this.content.textVersion.length>1&&(this.hasText=!0)},kalturaLoad(){this.textVersionCheck()},kalturaMedia(t){let o={uiconf_id:"35766781",partner_id:"2061901",entry_id:"",height:"400",width:"640",type:"video"};return o.entry_id=this.content.kalturaEntryId,this.content.kalturaType&&(o.type=this.content.kalturaType),o.type==="audio"?o.uiconf_id="36511471":o.type==="audiobtn"?o.uiconf_id="36582731":o.type==="videocc"&&(o.uiconf_id="35766781"),this.content.standalone&&this.$store.commit("setStepHold",!1),"https://cdnapisec.kaltura.com/p/"+o.partner_id+"/sp/"+o.partner_id+"00/embedIframeJs/uiconf_id/"+o.uiconf_id+"/partner_id/"+o.partner_id+"?iframeembed=true&playerId=Kaltura&entry_id="+o.entry_id},showKaltura(){this.showingKaltura=!0},showText(){this.showingText=!this.showingText,this.buttonText=!this.buttonText},tvCleaner(){let t=document.createElement("div");t.innerHTML=this.content.textVersion;for(let o=0;o<t.children.length;o++){let n=t.children[o];if(n.tagName=="DIV"&&n.className=="panel-default"&&n.children[0].dataset.toggle)for(let i=0;i<n.children.length;i++){let c=n.children[i];if(c.dataset.toggle=="collapse"){let s={heading:c.innerHTML,body:n.children[i+1].innerHTML};this.textversionArray[o]=s}}else this.textversionArray[o]=n.outerHTML}}},beforeMount(){this.kalturaLoad(),this.tvCleaner()},mounted(){}},U={key:0,class:"textVersion"},K=e.createElementVNode("h1",null,"Text Version",-1),R=["innerHTML"],Q=["src","width","height"],Y=["src","width","height"],X=["src","width","height"],G={key:2,class:"alert alert-danger"};function J(t,o,n,i,c,s){const m=e.resolveComponent("el-button");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["kContainer",n.content.class])},[n.content.textVersion&&c.showingText?(e.openBlock(),e.createElementBlock("div",U,[K,e.createElementVNode("div",{innerHTML:n.content.textVersion},null,8,R)])):e.createCommentVNode("",!0),!c.showingText&&n.content.kalturaEntryId?(e.openBlock(),e.createElementBlock("div",{key:1,class:"mainVersion",style:e.normalizeStyle({width:s.kWidth+"px",height:s.kHeight+"px"})},[n.content.kalturaType=="video"&&!c.showingKaltura?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["kPoster",{active:c.showingKaltura==!0}]),style:e.normalizeStyle({width:s.kWidth+"px",height:s.kHeight+"px"})},[e.createElementVNode("iframe",{onClick:o[0]||(o[0]=(...a)=>s.showKaltura&&s.showKaltura(...a)),class:"videoIframe",src:s.kalturaMedia(n.content),width:s.kWidth+"px",height:s.kHeight+"px",allowfullscreen:"",webkitallowfullscreen:"",mozAllowFullScreen:"",frameborder:"0"},null,8,Q)],6)):e.createCommentVNode("",!0),n.content.kalturaType=="audio"?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["kAudio",{active:c.showingKaltura==!0}]),onClick:o[1]||(o[1]=(...a)=>s.showKaltura&&s.showKaltura(...a))},[e.createElementVNode("iframe",{id:"my_iframe",src:s.kalturaMedia(n.content),width:s.kWidth+"px",height:s.kHeight+"px",allowfullscreen:"",webkitallowfullscreen:"",mozAllowFullScreen:"",frameborder:"0"},null,8,Y)],2)):e.createCommentVNode("",!0),n.content.kalturaType=="audiobtn"?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(["kAudiobtn",{active:c.showingKaltura==!0}]),onClick:o[2]||(o[2]=(...a)=>s.showKaltura&&s.showKaltura(...a))},[e.createElementVNode("iframe",{src:s.kalturaMedia(n.content),width:c.audioBtn.width+"px",height:c.audioBtn.height+"px",allowfullscreen:"",webkitallowfullscreen:"",mozAllowFullScreen:"",frameborder:"0"},null,8,X)],2)):e.createCommentVNode("",!0)],4)):e.createCommentVNode("",!0),n.content.kalturaEntryId==""?(e.openBlock(),e.createElementBlock("div",G,"There is no Kaltura Entry ID")):e.createCommentVNode("",!0),n.content.textVersion?(e.openBlock(),e.createBlock(m,{key:3,size:"medium",type:"primary","aria-label":"text version",class:"toggleSwitch ftSwitch btn btn-primary vidText",onClick:o[3]||(o[3]=e.withModifiers(a=>s.showText(n.content.kalturaType),["stop"]))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(s.getButtonText(n.content.kalturaType)),1)]),_:1})):e.createCommentVNode("",!0)],2)}const Z=f(W,[["render",J]]),ot="",v={props:["content"],data(){return{show:!0}},computed:{getShowFeedbackAttempts(){return this.$store.getters.getShowFeedbackAttempts},feedbackHeader(){return this.$store.getters.getShowFeedbackAttempts?"Too many Attempts":this.content.feedbackHeader},feedbackWidth(){return this.content.feedbackWidth?this.content.feedbackWidth:"50%"}},methods:{feedbackClose(){this.content.finalInstructions&&this.$store.commit("updateFinishDirections",!1),this.content.instructions&&this.$store.commit("updateDirections",!1),this.$store.commit("setShowFeedback",!1),this.$store.commit("setShowFeedbackAttempts",!1),this.$store.dispatch("lastPageFocus",{})}},mounted(){}},ee={class:"my-header"},te=["id","innerHTML"],oe=["innerHTML"],ne={key:1},se=["src"],ce=["innerHTML"],ie={class:"dialog-footer"};function le(t,o,n,i,c,s){const m=e.resolveComponent("el-button"),a=e.resolveComponent("el-dialog");return e.openBlock(),e.createBlock(a,{width:s.feedbackWidth,modelValue:c.show,"onUpdate:modelValue":o[1]||(o[1]=l=>c.show=l),"before-close":s.feedbackClose},{header:e.withCtx(({close:l,titleId:d,titleClass:h})=>[e.createElementVNode("div",ee,[e.createElementVNode("h4",{id:d,class:e.normalizeClass(h),innerHTML:s.feedbackHeader},null,10,te)])]),footer:e.withCtx(()=>[e.createElementVNode("span",ie,[e.createVNode(m,{size:"small",id:"feedbackClose",type:"primary",onClick:o[0]||(o[0]=e.withModifiers(l=>s.feedbackClose(),["stop"]))},{default:e.withCtx(()=>[e.createTextVNode("Close")]),_:1})])]),default:e.withCtx(()=>[s.getShowFeedbackAttempts?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[n.content.feedbackAttempts?(e.openBlock(),e.createElementBlock("p",{key:0,innerHTML:n.content.feedbackAttempts},null,8,oe)):(e.openBlock(),e.createElementBlock("p",ne,"You have tried too many times, the correct answer has been provided for you."))],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[n.content.feedbackImage?(e.openBlock(),e.createElementBlock("img",{key:0,class:"im-ButtonImage",src:n.content.feedbackImage,alt:"button image"},null,8,se)):e.createCommentVNode("",!0),e.createElementVNode("p",{innerHTML:n.content.feedback},null,8,ce)],64))]),_:1},8,["width","modelValue","before-close"])}const g=f(v,[["render",le]]),nt="",re={components:{Feedback:g},inject:["message"],props:["content"],data(){return{dialogVisible:!1,feedbackVisibility:[],feedbackIndex:0}},computed:{getLastPage(){return!!this.$store.getters.getLastPage}},methods:{pixelFormat(t){return typeof t=="number"?t+"px":t},changePage(t,o){t.pageLink?this.$store.commit("setCurrentPage",t.pageLink):t.feedback&&(this.feedbackIndex=o,this.feedbackVisibility.indexOf(o)===-1&&this.feedbackVisibility.push(o),this.$store.commit("setShowFeedback",!0),this.content.hotspots.length-1===this.feedbackVisibility.length-1&&(this.$store.commit("setStepHold",!1),this.$store.commit("setStepDone",!0)),setTimeout(()=>{document.getElementById("feedbackClose")&&document.getElementById("feedbackClose").focus()}))},showFeedback(t){return!!(this.$store.getters.getShowFeedback&&this.feedbackIndex===t)}},beforeMount(){this.$store.commit("setStepDone",!1),this.$store.commit("setStepHold",!0)}},ae={class:"imageMarker"},de=["src","alt"],me={class:"hotspotArea"},he=["src","alt"],pe={class:"im-buttonText"};function ue(t,o,n,i,c,s){const m=e.resolveComponent("el-button"),a=e.resolveComponent("Feedback");return e.openBlock(),e.createElementBlock("div",ae,[e.createElementVNode("img",{src:n.content.image,alt:n.content.imageAlt},null,8,de),e.createElementVNode("div",me,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.content.hotspots,(l,d)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(m,{type:l.buttonType,onClick:e.withModifiers(h=>s.changePage(l,d),["stop"]),id:"hotspot_"+d,class:e.normalizeClass([["is-"+l.buttonShape,{noBG:l.buttonImage},l.class],"hotspot"]),style:e.normalizeStyle({top:s.pixelFormat(l.cordinatesX),left:s.pixelFormat(l.cordinatesY),width:s.pixelFormat(l.dimensionsW),height:s.pixelFormat(l.dimensionsH)}),icon:l.buttonIcon},{default:e.withCtx(()=>[l.buttonImage?(e.openBlock(),e.createElementBlock("img",{key:0,class:"im-ButtonImage",src:l.buttonImage,alt:"image marker "+Number(d+1)},null,8,he)):e.createCommentVNode("",!0),e.createElementVNode("span",pe,e.toDisplayString(l.name),1)]),_:2},1032,["type","onClick","id","class","style","icon"]),s.showFeedback(d)?(e.openBlock(),e.createBlock(a,{key:0,content:l},null,8,["content"])):e.createCommentVNode("",!0)],64))),256))])])}const fe=f(re,[["render",ue],["__scopeId","data-v-3897bfb2"]]),st="",ke={props:["content"],data(){return{imageReplaced:!1,imageSrc:this.content.image,imageAlt:this.content.imageAlt}},computed:{getLastPage(){return!!this.$store.getters.getLastPage}},methods:{pixelFormat(t){return typeof t=="number"?t+"px":t},changeImage(t){this.imageReplaced=!0,this.imageSrc=this.content.hotspots[t].imageOverlay,this.imageAlt=this.content.hotspots[t].imageOverlayAlt,this.$store.commit("setStepHold",!1),this.$store.dispatch("lastPageFocus",{})}}},be=["innerHTML"],_e=["src","alt"],ge={class:"hotspotArea"};function Ce(t,o,n,i,c,s){const m=e.resolveComponent("el-col"),a=e.resolveComponent("el-button"),l=e.resolveComponent("el-row");return e.openBlock(),e.createBlock(l,{class:"imageReplacer"},{default:e.withCtx(()=>[e.createVNode(m,{span:12},{default:e.withCtx(()=>[e.createElementVNode("p",{class:"imageReplacerDescription",innerHTML:n.content.description},null,8,be)]),_:1}),e.createVNode(m,{span:12},{default:e.withCtx(()=>[e.createElementVNode("img",{class:"im-ButtonImage",src:c.imageSrc,alt:c.imageAlt},null,8,_e),e.createElementVNode("div",ge,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.content.hotspots,(d,h)=>(e.openBlock(),e.createBlock(a,{type:d.buttonType,onClick:e.withModifiers(p=>s.changeImage(h),["stop"]),class:"hotspot",style:e.normalizeStyle({top:s.pixelFormat(d.cordinatesX),left:s.pixelFormat(d.cordinatesY),width:s.pixelFormat(d.dimensionsW),height:s.pixelFormat(d.dimensionsH)}),icon:d.buttonIcon},null,8,["type","onClick","style","icon"]))),256))])]),_:1})]),_:1})}const ye=f(ke,[["render",Ce],["__scopeId","data-v-02e047cd"]]),ct="",we={components:{},props:["content"],data(){return{quizArray:[],quizOptions:[],quizItemCompleted:[],input:[],feedbackIndex:-1,totalAttempts:99,correctChoices:[],feedbackObject:{},value1:""}},watch:{},computed:{quizArrayCount(){return this.quizArray.length-1},getAttempt(){return this.$store.getters.getAttempts},getShowFeedbackAttempts(){return this.$store.getters.getShowFeedbackAttempts}},methods:{quizArrayCompleted(t){return!(this.quizItemCompleted.includes(t)||t===0)},prepareQuiz(){this.quizArray=this.content.quiz.split("*_").filter(t=>t),this.content.options.forEach((t,o)=>{t.options?t.random?this.quizOptions.push(this.shuffle(t.options)):this.quizOptions.push(t.options):this.quizOptions.push(!1)})},quizType(t){return this.content.options[t]&&this.content.options[t].type?this.content.options[t].type:!1},quizDisplay(t){return this.content.options[t]&&this.content.options[t].display?this.content.options[t].display:"Select"},quizClass(t){return this.content.options[t]&&this.content.options[t].class?this.content.options[t].class:""},shuffle(t){let o=t.length,n;for(;o!=0;)n=Math.floor(Math.random()*o),o--,[t[o],t[n]]=[t[n],t[o]];return t},choicesCheck(){if(this.getAttempt<this.content.attempts){let t=!0,o=!1;this.input.length===0?this.content.options[0].stopFlow&&(o=!0,this.feedbackObject.feedbackHeader=this.content.options[0].notSelectedHeader,this.feedbackObject.feedback=this.content.options[0].notSelectedBody):this.content.options.forEach((n,i)=>{this.input[i]?this.input[i]!==this.content.options[i].answer&&(t=!1):this.content.options[this.input.length].stopFlow&&(o=!0,this.feedbackObject.feedbackHeader=this.content.options[this.input.length].notSelectedHeader,this.feedbackObject.feedback=this.content.options[this.input.length].notSelectedBody)}),this.$store.commit("setAttempts",this.getAttempt+1),t===!0&&this.input.length===this.quizArray.length?(this.choicesComplete(),this.feedbackObject.feedbackHeader=this.content.correctHeader,this.feedbackObject.feedback=this.content.correctFeedback):(o||(this.feedbackObject.feedbackHeader=this.content.incorrectHeader,this.feedbackObject.feedback=this.content.incorrectFeedback),this.$store.commit("setAttempts",this.getAttempt+1))}else this.feedbackObject.feedbackAttempts=this.content.feedbackAttempts,this.$store.commit("setShowFeedbackAttempts",!0),this.choicesComplete();this.$store.commit("setShowFeedback",!0),setTimeout(()=>{document.getElementById("feedbackClose")&&document.getElementById("feedbackClose").focus()})},choicesComplete(){this.quizArray.forEach((t,o)=>{this.input[o]?this.input[o]=this.content.options[o].answer:this.input.push(this.content.options[o].answer),this.quizItemCompleted.push(o+1)}),this.$store.commit("setStepDone",!0),this.$store.commit("setStepHold",!1)},choicesMade(t){this.quizItemCompleted.includes(t+1)===!1&&this.quizItemCompleted.push(t+1)},showFeedback(){return!!this.$store.getters.getShowFeedback}},mounted(){if(this.prepareQuiz(),this.$store.getters.getDirections.display===!1){let t=document.getElementsByClassName("selectableButton");setTimeout(()=>{t[0].focus()})}},beforeMount(){this.$store.commit("setStepDone",!1),this.$store.commit("setAttempts",0),this.feedbackIndex=-1,this.content.attempts&&(this.totalAttempts=this.content.attempts)}};function Be(t,o,n,i,c,s){const m=e.resolveComponent("el-option"),a=e.resolveComponent("el-select"),l=e.resolveComponent("el-date-picker"),d=e.resolveComponent("el-button"),h=e.resolveComponent("lab-feedback");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["drop-down",n.content.class])},[e.createElementVNode("p",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.quizArray,(p,r)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("span",{class:e.normalizeClass(s.quizClass(r))},[e.createElementVNode("span",{class:e.normalizeClass("quizText quizSection_"+r)},e.toDisplayString(p)+" ",3),s.quizType(r)==="choose"?(e.openBlock(),e.createBlock(a,{key:0,onChange:u=>s.choicesMade(r),modelValue:c.input[r],"onUpdate:modelValue":u=>c.input[r]=u,placeholder:s.quizDisplay(r)},{default:e.withCtx(()=>[s.quizArrayCompleted(r)?e.createCommentVNode("",!0):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(c.quizOptions[r],u=>(e.openBlock(),e.createBlock(m,{key:u,label:u,value:u},null,8,["label","value"]))),128))]),_:2},1032,["onChange","modelValue","onUpdate:modelValue","placeholder"])):e.createCommentVNode("",!0),s.quizType(r)==="date"?(e.openBlock(),e.createBlock(l,{key:1,onChange:u=>s.choicesMade(r),modelValue:c.input[r],"onUpdate:modelValue":u=>c.input[r]=u,type:"date",placeholder:s.quizDisplay(r),format:n.content.options[r].format,"value-format":n.content.options[r].format,disabled:s.quizArrayCompleted(r)},null,8,["onChange","modelValue","onUpdate:modelValue","placeholder","format","value-format","disabled"])):e.createCommentVNode("",!0)],2),e.createTextVNode(" ")],64))),256))]),e.createVNode(d,{size:"small",type:"primary",class:"drop-down-submit",onClick:o[0]||(o[0]=p=>s.choicesCheck())},{default:e.withCtx(()=>[e.createTextVNode("Submit")]),_:1}),s.showFeedback()?(e.openBlock(),e.createBlock(h,{key:0,content:c.feedbackObject},null,8,["content"])):e.createCommentVNode("",!0)],2)}const Ve=f(we,[["render",Be]]),it="",Ee={components:{},props:["content"],data(){return{quizArray:[],input:[],feedbackIndex:-1,totalAttempts:99,correctChoices:[],feedbackObject:{}}},watch:{},computed:{quizArrayCount(){return this.quizArray.length-1},getAttempt(){return this.$store.getters.getAttempts},getShowFeedbackAttempts(){return this.$store.getters.getShowFeedbackAttempts}},methods:{prepareQuiz(){this.quizArray=this.content.quiz.split("*_")},choicesCheck(){this.getAttempt<this.content.attempts?(this.input.forEach((t,o)=>{if(this.content.answers[o]===t)this.correctChoices.includes(o)===!1&&this.correctChoices.push(o);else if(this.correctChoices.includes(o)===!0){let n=this.correctChoices.indexOf(o);this.correctChoices.splice(n,1)}}),this.input.length===0?(this.feedbackObject.feedbackHeader="You did not enter an answer",this.feedbackObject.feedback="Please enter your choice in the input field"):this.correctChoices.length===this.content.answers.length?(this.choicesComplete(),this.feedbackObject.feedbackHeader=this.content.correctHeader,this.feedbackObject.feedback=this.content.correctFeedback):(this.$store.commit("setAttempts",this.getAttempt+1),this.feedbackObject.feedbackHeader=this.content.incorrectHeader,this.feedbackObject.feedback=this.content.incorrectFeedback)):(this.feedbackObject.feedbackAttempts=this.content.feedbackAttempts,this.$store.commit("setShowFeedbackAttempts",!0),this.choicesComplete()),this.$store.commit("setShowFeedback",!0),setTimeout(()=>{document.getElementById("feedbackClose")&&document.getElementById("feedbackClose").focus()})},choicesComplete(){this.input.forEach((t,o)=>{this.input[o]=this.content.answers[o]}),this.$store.commit("setStepDone",!0),this.$store.commit("setStepHold",!1)},showFeedback(){return!!this.$store.getters.getShowFeedback}},mounted(){if(this.prepareQuiz(),this.$store.getters.getDirections.display===!1){let t=document.getElementsByClassName("selectableButton");setTimeout(()=>{t[0].focus()})}},beforeMount(){this.$store.commit("setStepDone",!1),this.$store.commit("setAttempts",0),this.feedbackIndex=-1,this.content.attempts&&(this.totalAttempts=this.content.attempts)}};function xe(t,o,n,i,c,s){const m=e.resolveComponent("el-input"),a=e.resolveComponent("el-button"),l=e.resolveComponent("lab-feedback");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["fill-blank",n.content.class])},[e.createElementVNode("p",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.quizArray,(d,h)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createTextVNode(e.toDisplayString(d),1),h<s.quizArrayCount?(e.openBlock(),e.createBlock(m,{key:0,modelValue:c.input[h],"onUpdate:modelValue":p=>c.input[h]=p,placeholder:"Please input",size:"small"},null,8,["modelValue","onUpdate:modelValue"])):e.createCommentVNode("",!0)],64))),256))]),e.createVNode(a,{size:"small",type:"primary",class:"fill-blank-submit",onClick:o[0]||(o[0]=d=>s.choicesCheck())},{default:e.withCtx(()=>[e.createTextVNode("Submit")]),_:1}),s.showFeedback()?(e.openBlock(),e.createBlock(l,{key:0,content:c.feedbackObject},null,8,["content"])):e.createCommentVNode("",!0)],2)}const Se=f(Ee,[["render",xe]]),lt="",Ne={components:{},props:["content"],data(){return{feedbackIndex:-1,totalAttempts:99}},computed:{getLastPage(){return!!this.$store.getters.getLastPage},getAttempt(){return this.$store.getters.getAttempts},getShowFeedbackAttempts(){return this.$store.getters.getShowFeedbackAttempts}},methods:{leftColWidth(){return this.content.leftColWidth?Number(this.content.leftColWidth):12},rightColWidth(){return this.content.leftColWidth?this.content.leftColWidth<24?24-this.content.leftColWidth:24:12},pixelFormat(t){return typeof t=="number"?t+"px":t},choicesComplete(){let t=document.querySelectorAll(".selectableButton");for(let o=0;o<t.length;o++)t[o].classList.add("is-failure"),t[o].setAttribute("disabled",!0),this.content.choices[o].correct&&t[o].classList.add("is-success");this.$store.commit("setStepDone",!0),this.$store.commit("setStepHold",!1)},choicesCheck(t){this.getAttempt<Number(this.content.attempts)?this.content.choices[t].correct===!0?(console.log(" it was true"),this.choicesComplete()):this.$store.commit("setAttempts",this.getAttempt+1):(this.content.choices[t].correct!==!0&&this.$store.commit("setShowFeedbackAttempts",!0),this.choicesComplete()),this.feedbackIndex=t,this.$store.commit("setShowFeedback",!0),setTimeout(()=>{document.getElementById("feedbackClose")&&document.getElementById("feedbackClose").focus()})},shuffledChoices(){let t=this.content.choices;for(let o=t.length-1;o>0;o--){const n=Math.floor(Math.random()*(o+1));[t[o],t[n]]=[t[n],t[o]]}this.content.choices=t},showFeedback(t){return this.$store.getters.getShowFeedback&&this.feedbackIndex===t?(this.content.choices[t].correct&&this.choicesComplete(),!0):!1}},mounted(){if(this.$store.getters.getDirections.display===!1){let t=document.getElementsByClassName("selectableButton");setTimeout(()=>{t[0].focus()})}},beforeMount(){this.$store.commit("setStepDone",!1),this.$store.commit("setAttempts",0),this.feedbackIndex=-1,this.shuffledChoices(),this.content.attempts&&(this.totalAttempts=this.content.attempts)}},Ae=["innerHTML"],Fe={class:"buttonSpan"},Te=["src","alt"],ze={class:"selectable-buttonText"};function Me(t,o,n,i,c,s){const m=e.resolveComponent("lab-image"),a=e.resolveComponent("el-col"),l=e.resolveComponent("el-divider"),d=e.resolveComponent("el-button"),h=e.resolveComponent("lab-feedback"),p=e.resolveComponent("el-row");return e.openBlock(),e.createBlock(p,{id:n.content.id,class:e.normalizeClass(["selectable",n.content.classes])},{default:e.withCtx(()=>[e.createVNode(a,{span:s.leftColWidth(t.index)},{default:e.withCtx(()=>[n.content.directions?(e.openBlock(),e.createElementBlock("p",{key:0,innerHTML:n.content.directions},null,8,Ae)):e.createCommentVNode("",!0),n.content.image?(e.openBlock(),e.createBlock(m,{key:1,content:n.content.image},null,8,["content"])):e.createCommentVNode("",!0)]),_:1},8,["span"]),e.createVNode(a,{span:s.rightColWidth(t.index),class:"selectArea"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.content.choices,(r,u)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[!n.content.noDivider&&u>0?(e.openBlock(),e.createBlock(l,{key:0})):e.createCommentVNode("",!0),e.createVNode(d,{size:"small",type:"primary",class:"selectableButton",style:e.normalizeStyle({width:s.pixelFormat(n.content.choiceWidth),height:s.pixelFormat(n.content.choiceHeight)}),onClick:b=>s.choicesCheck(u)},{default:e.withCtx(()=>[e.createElementVNode("div",Fe,[r.image?(e.openBlock(),e.createElementBlock("img",{key:0,class:"im-ButtonImage",src:r.image,alt:r.alt?r.alt:"button image"},null,8,Te)):e.createCommentVNode("",!0),e.createElementVNode("span",ze,e.toDisplayString(r.text),1)])]),_:2},1032,["style","onClick"]),s.showFeedback(u)?(e.openBlock(),e.createBlock(h,{key:1,content:r},null,8,["content"])):e.createCommentVNode("",!0)],64))),256))]),_:1},8,["span"])]),_:1},8,["id","class"])}const He=f(Ne,[["render",Me],["__scopeId","data-v-bc83f1c6"]]),rt="",$e={components:{},props:["content"],data(){return{input:"",feedbackIndex:-1,totalAttempts:99,correctChoices:[],feedbackObject:{}}},watch:{},computed:{getAttempt(){return this.$store.getters.getAttempts},getShowFeedbackAttempts(){return this.$store.getters.getShowFeedbackAttempts}},methods:{choicesCheck(){if(this.getAttempt<this.content.attempts){let t=!1;this.content.answers.forEach((o,n)=>{let i=o.toLowerCase();this.input.toLowerCase().includes(i)||(t=!0)}),t?(this.$store.commit("setAttempts",this.getAttempt+1),this.feedbackObject.feedbackHeader=this.content.incorrectHeader,this.feedbackObject.feedback=this.content.incorrectFeedback):(this.choicesComplete(),this.feedbackObject.feedbackHeader=this.content.correctHeader,this.feedbackObject.feedback=this.content.correctFeedback)}else this.feedbackObject.feedbackAttempts=this.content.feedbackAttempts,this.$store.commit("setShowFeedbackAttempts",!0),this.choicesComplete();this.$store.commit("setShowFeedback",!0),setTimeout(()=>{document.getElementById("feedbackClose")&&document.getElementById("feedbackClose").focus()})},choicesComplete(){this.$store.commit("setStepDone",!0),this.$store.commit("setStepHold",!1)},showFeedback(){return!!this.$store.getters.getShowFeedback}},mounted(){if(this.$store.getters.getDirections.display===!1){let t=document.getElementsByClassName("selectableButton");setTimeout(()=>{t[0].focus()})}},beforeMount(){this.$store.commit("setStepDone",!1),this.$store.commit("setAttempts",0),this.feedbackIndex=-1,this.content.attempts&&(this.totalAttempts=this.content.attempts)}};function Ie(t,o,n,i,c,s){const m=e.resolveComponent("el-input"),a=e.resolveComponent("el-button"),l=e.resolveComponent("lab-feedback");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["textbox",n.content.class])},[e.createElementVNode("p",null,e.toDisplayString(n.content.quiz),1),e.createVNode(m,{modelValue:c.input,"onUpdate:modelValue":o[0]||(o[0]=d=>c.input=d),autosize:{minRows:4,maxRows:8},type:"textarea",placeholder:"Please input"},null,8,["modelValue"]),e.createVNode(a,{size:"small",type:"primary",class:"fill-blank-submit",onClick:o[1]||(o[1]=d=>s.choicesCheck())},{default:e.withCtx(()=>[e.createTextVNode("Submit")]),_:1}),s.showFeedback()?(e.openBlock(),e.createBlock(l,{key:0,content:c.feedbackObject},null,8,["content"])):e.createCommentVNode("",!0)],2)}const Le=f($e,[["render",Ie]]),at="",je={components:{},props:["content"],data(){return{quizArray:[],quizOptions:[],input:[],feedbackIndex:-1,totalAttempts:99,correctChoices:[],feedbackObject:{},value1:"",showMenuOverlay:!1}},watch:{},computed:{getAttempt(){return this.$store.getters.getAttempts},getShowFeedbackAttempts(){return this.$store.getters.getShowFeedbackAttempts}},methods:{showSub(t){let o=document.getElementById(t);o.classList.contains("jl-menu-sub_show")?(this.showMenuOverlay=!1,this.hideSubs()):(this.showMenuOverlay=!0,o.classList.add("jl-menu-sub_show"))},showSubSub(t){let o=document.getElementById(t);o.classList.contains("jl-menu-sub-sub_show")?(this.showMenuOverlay=!1,this.hideSubs()):(this.showMenuOverlay=!0,o.classList.add("jl-menu-sub-sub_show"))},hideSubs(){this.showMenuOverlay=!1;let t=document.getElementsByClassName("jl-menu-sub_show");for(;t.length>0;)t[0].classList.remove("jl-menu-sub_show");let o=document.getElementsByClassName("jl-menu-sub-sub_show");for(;o.length>0;)o[0].classList.remove("jl-menu-sub-sub_show")},choicesCheck(t){this.hideSubs();let o=!1,n="";if(this.getAttempt<this.content.attempts){if(typeof t=="string"){let i=t.split("-");i.forEach((c,s)=>{i[s]=Number(c)}),i.length===2?this.content.menu[i[0]].subMenu[i[1]].correct&&(this.content.menu[i[0]].subMenu[i[1]].page&&(n=this.content.menu[i[0]].subMenu[i[1]].page),o=!0):i.length===3&&this.content.menu[i[0]].subMenu[i[1]].subMenu[i[2]].correct&&(this.content.menu[i[0]].subMenu[i[1]].subMenu[i[2]].page&&(n=this.content.menu[i[0]].subMenu[i[1]].subMenu[i[2]].page),o=!0)}else this.content.menu[t].correct&&(this.content.menu[t].page&&(n=this.content.menu[t].page),o=!0);o?(this.choicesComplete(n),this.feedbackObject.feedbackHeader=this.content.correctHeader,this.feedbackObject.feedback=this.content.correctFeedback):(this.$store.commit("setAttempts",this.getAttempt+1),this.feedbackObject.feedbackHeader=this.content.incorrectHeader,this.feedbackObject.feedback=this.content.incorrectFeedback)}else this.$store.commit("setShowFeedbackAttempts",!0),this.choicesComplete();n===""&&this.$store.commit("setShowFeedback",!0),setTimeout(()=>{document.getElementById("feedbackClose")&&document.getElementById("feedbackClose").focus()})},choicesComplete(t){this.$store.commit("setStepDone",!0),this.$store.commit("setStepHold",!1),t!==""&&this.$store.commit("setCurrentPage",t)},showFeedback(){return!!this.$store.getters.getShowFeedback}},mounted(){this.$store.getters.getDirections.display===!1&&(document.getElementsByClassName("selectableButton"),setTimeout(()=>{}))},beforeMount(){this.$store.commit("setStepDone",!1),this.$store.commit("setAttempts",0),this.feedbackIndex=-1,this.content.attempts&&(this.totalAttempts=this.content.attempts)}},Oe={key:0},qe=["index","onClick"],De={class:"jl-menu-sub__title"},Pe=["id"],We=["index","onClick"],Ue={class:"jl-menu-sub-sub__title"},Ke=["id"],Re=["index","onClick"],Qe=["onClick"],Ye={key:1,class:"jl-menu-item"},Xe=["index","onClick"];function Ge(t,o,n,i,c,s){const m=e.resolveComponent("CaretBottom"),a=e.resolveComponent("el-icon"),l=e.resolveComponent("CaretRight"),d=e.resolveComponent("lab-feedback");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["menu-chooser",n.content.class])},[c.showMenuOverlay?(e.openBlock(),e.createElementBlock("div",{key:0,class:"nav-mask",onClick:o[0]||(o[0]=(...h)=>s.hideSubs&&s.hideSubs(...h))})):e.createCommentVNode("",!0),e.createElementVNode("p",null,e.toDisplayString(n.content.quiz),1),e.createElementVNode("div",{class:"jl-menu",onSelect:o[1]||(o[1]=(...h)=>s.choicesCheck&&s.choicesCheck(...h))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.content.menu,(h,p)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[h.subMenu?(e.openBlock(),e.createElementBlock("div",Oe,[e.createElementVNode("button",{class:e.normalizeClass("jl-menu-sub sub-"+p),index:p,tabindex:"0",role:"menuitem",onClick:e.withModifiers(r=>s.showSub("sub-"+p),["stop"])},[e.createElementVNode("div",De,[e.createTextVNode(e.toDisplayString(h.name)+" ",1),e.createVNode(a,null,{default:e.withCtx(()=>[e.createVNode(m)]),_:1})])],10,qe),e.createElementVNode("div",{class:"jl-menu-sub-menu",id:"sub-"+p},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(h.subMenu,(r,u)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[r.subMenu?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("button",{class:e.normalizeClass("jl-menu-sub-sub sub-sub-"+u),index:p+"-"+u,tabindex:"0",role:"menuitem",onClick:e.withModifiers(b=>s.showSubSub("sub-sub-"+p),["stop"])},[e.createElementVNode("div",Ue,[e.createTextVNode(e.toDisplayString(r.name),1),e.createVNode(a,null,{default:e.withCtx(()=>[e.createVNode(l)]),_:1})])],10,We),e.createElementVNode("div",{class:"jl-menu-sub-sub-menu",id:"sub-sub-"+p},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.subMenu,(b,C)=>(e.openBlock(),e.createElementBlock("button",{class:"jl-menu-sub-sub-item",index:p+"-"+u+"-"+C,tabindex:"0",role:"menuitem",onClick:e.withModifiers(mt=>s.choicesCheck(p+"-"+u+"-"+C),["stop"])},[e.createElementVNode("div",null,e.toDisplayString(b.name),1)],8,Re))),256))],8,Ke)],64)):(e.openBlock(),e.createElementBlock("button",{key:1,class:"jl-menu-sub-item",tabindex:"0",role:"menuitem",onClick:e.withModifiers(b=>s.choicesCheck(p+"-"+u),["stop"])},[e.createElementVNode("div",null,e.toDisplayString(r.name),1)],8,Qe))],64))),256))],8,Pe)])):(e.openBlock(),e.createElementBlock("div",Ye,[e.createElementVNode("button",{class:"jl-menu-item",index:p,tabindex:"0",role:"menuitem",onClick:e.withModifiers(r=>s.choicesCheck(p),["stop"])},e.toDisplayString(h.name),9,Xe)]))],64))),256))],32),s.showFeedback()?(e.openBlock(),e.createBlock(d,{key:1,content:c.feedbackObject},null,8,["content"])):e.createCommentVNode("",!0)],2)}const Je=f(je,[["render",Ge]]);return{install:(t,o)=>{t.component("special-uploader",N),t.component("lab-header",T),t.component("lab-footer",_),t.component("lab-drawer",_),t.component("lab-image",P),t.component("lab-kaltura",Z),t.component("lab-image-marker",fe),t.component("lab-image-replacer",ye),t.component("lab-feedback",g),t.component("lab-drop-down",Ve),t.component("lab-fill-blank",Se),t.component("lab-selectable",He),t.component("lab-textbox",Le),t.component("lab-menu_chooser",Je)}}});
|
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}.el-pagination.is-background .el-pager li:not(.disabled).active{border:1px solid #5857A6;border-radius:4px;background-color:#3733a6!important;color:#fff;font-weight:400;box-shadow:2px 2px 6px #0000004d;transition:background .5s,color .5s}.el-pagination.is-background .el-pager li:not(.disabled).active:hover,.el-pagination.is-background .el-pager li:not(.disabled).active:focus,.el-pagination.is-background .el-pager li:not(.disabled).active:active{color:#fff;background:#5857A6;border-color:#5857a6}#app .image-container[data-v-6d545532]{position:relative;display:block;margin-bottom:10px;height:100%}#app .image-container .image[data-v-6d545532]{height:100%}#app .image-container .image img[data-v-6d545532]{max-height:100%;max-width:100%}#app .image-container.copyright[data-v-6d545532],#app .image-container.captions[data-v-6d545532]{margin-bottom:20px}#app .image-container.copyright[data-v-6d545532],#app .image-container.captions[data-v-6d545532]{margin-bottom:40px}#app .image-container .captionHeader[data-v-6d545532]{font-size:20px;text-align:center;display:block;margin-bottom:10px}#app .image-container .caption[data-v-6d545532]{font-size:13px;font-style:italic;text-align:center;display:block;margin-bottom:10px}#app .image-container .copyright[data-v-6d545532]{font-size:10px;line-height:10px;margin-top:10px;text-align:center;display:block;margin-bottom:10px}.kContainer{position:relative;height:90%}.kContainer iframe{margin:0}.kContainer .mainVersion{margin:auto;position:relative;display:block}.kContainer .mainVersion .kAudiobtn{width:30px;height:30px;position:relative;transition:opacity .4s ease;left:50%;transform:translate(-50%)}.kContainer .mainVersion .kAudiobtn .kButton.audiobtn{position:absolute;height:30px;width:30px;background:url(//cdn.flvs.net/course_view/1_0/dist/images/kaltura_audio_button.png) 0 0 no-repeat;z-index:900;cursor:pointer}.kContainer .mainVersion .kAudio{width:260px;height:38px;position:relative;transition:opacity .4s ease;left:50%;transform:translate(-50%)}.kContainer .mainVersion .kAudio .kButton.audio{position:absolute;height:40px;width:260px;background:url(//cdn.flvs.net/course_view/1_0/dist/images/kaltura_audio_standard.png) 0 0 no-repeat;z-index:900;cursor:pointer}.kContainer .mainVersion .audioIframe,.kContainer .mainVersion .audiobtnIframe{position:relative;transition:opacity .4s ease;left:50%;transform:translate(-50%)}.kContainer .mainVersion .kPoster{position:absolute;transition:opacity .4s ease;left:50%;transform:translate(-50%)}.kContainer .mainVersion .kPoster .active{display:none;visibility:hidden}.kContainer .mainVersion .kPoster .kButton{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:url(//cdn.flvs.net/course_view/1_0/dist/images/player_big_play_button.png) 0 0 no-repeat;z-index:900;width:70px;height:53px;cursor:pointer}.kContainer .mainVersion .kPoster img{position:absolute;top:0;left:0;z-index:899;height:100%;width:100%;border:1px solid #000;max-height:100%;max-width:100%}.kContainer .mainVersion .kPoster .videoIframe{z-index:897}.kContainer .mainVersion .videoIframe{position:absolute;transition:opacity .4s ease;left:50%;transform:translate(-50%);z-index:897}.kContainer button.toggleSwitch,.kContainer button.toggleSwitchFT{margin-top:0;min-width:180px;position:relative;left:50%;transform:translate(-50%)}.kContainer .kCopyright{font-size:10px;text-align:right;width:200px;position:absolute;bottom:-30px;right:0;padding:8px}.kContainer .kCopyright.kCopyrightAudio{bottom:4px}.kContainer .largePlayBtn{display:none}.kContainer .textVersion{overflow-y:auto;height:calc(100% - 10px);margin-bottom:6px}.fade-enter-active,.fade-leave-active{transition:opacity .8s}.fade-enter,.fade-leave-to{opacity:0}.el-dialog{border-radius:6px}.el-dialog .el-dialog__header .el-dialog__title{color:#000;font-size:1.5rem}.el-dialog .el-dialog__header .el-dialog__headerbtn{top:8px;right:8px;border:1px solid #404040;border-radius:4px;background:#feec86;color:#000;font-weight:400;box-shadow:2px 2px 6px #0000004d;transition:background .5s,color .5s}.el-dialog .el-dialog__header .el-dialog__headerbtn:hover,.el-dialog .el-dialog__header .el-dialog__headerbtn:focus,.el-dialog .el-dialog__header .el-dialog__headerbtn:active{color:#404040;background:#fff;border-color:#2a2a2a}.el-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close{color:#000;font-size:18px}.el-dialog .el-dialog__body{color:#212529;font-size:1rem;word-break:normal}#app div.imageMarker[data-v-3897bfb2]{position:relative;height:100%;border-radius:6px}#app div.imageMarker img[data-v-3897bfb2]{width:100%;max-width:100%;max-height:100%;border-radius:6px}#app div.imageMarker .hotspotArea[data-v-3897bfb2]{width:100%;height:100%;position:absolute;top:0;left:0}#app div.imageMarker .hotspotArea .el-button.hotspot[data-v-3897bfb2]{position:absolute;min-height:unset;padding:4px 4px 4px 7px;margin:unset}#app div.imageMarker .hotspotArea .el-button.hotspot.noBG[data-v-3897bfb2]{background-color:transparent}#app div.imageMarker .hotspotArea .el-button.hotspot img.im-ButtonImage[data-v-3897bfb2]{position:absolute;top:0;left:0}#app div.imageReplacer[data-v-02e047cd]{position:relative;height:calc(100% - 40px)}#app div.imageReplacer .el-col[data-v-02e047cd]{position:relative;height:100%}#app div.imageReplacer img[data-v-02e047cd]{width:100%;max-width:100%}#app div.imageReplacer .hotspotArea[data-v-02e047cd]{width:100%;height:100%;position:absolute;top:0;left:0}#app div.imageReplacer .hotspotArea .el-button.hotspot[data-v-02e047cd]{position:absolute;min-height:unset;padding:4px 4px 4px 7px;margin:unset;background:transparent;border:none}#app div.imageReplacer .hotspotArea .el-button.hotspot img.im-ButtonImage[data-v-02e047cd]{position:absolute;top:0;left:0}#app div.imageReplacer .hotspotArea .el-button.hotspot span.im-buttonText[data-v-02e047cd]{position:absolute;left:17px;top:12px}
|
|
1
|
+
.image-uploader{display:flex;flex-direction:column;align-items:center;border:1px solid gray;width:53%;background-color:#cecece;margin:0 auto;height:300px;box-shadow:#0000001a 0 4px 12px}.your-file{display:flex;justify-content:center;align-items:center;margin-top:20px}img{width:80%}header{display:flex;justify-content:center;align-items:center;height:40px;margin-top:10px;margin-bottom:10px}.el-pagination.is-background .el-pager li:not(.disabled).active{border:1px solid #5857A6;border-radius:4px;background-color:#3733a6!important;color:#fff;font-weight:400;box-shadow:2px 2px 6px #0000004d;transition:background .5s,color .5s}.el-pagination.is-background .el-pager li:not(.disabled).active:hover,.el-pagination.is-background .el-pager li:not(.disabled).active:focus,.el-pagination.is-background .el-pager li:not(.disabled).active:active{color:#fff;background:#5857A6;border-color:#5857a6}#app .image-container[data-v-6d545532]{position:relative;display:block;margin-bottom:10px;height:100%}#app .image-container .image[data-v-6d545532]{height:100%}#app .image-container .image img[data-v-6d545532]{max-height:100%;max-width:100%}#app .image-container.copyright[data-v-6d545532],#app .image-container.captions[data-v-6d545532]{margin-bottom:20px}#app .image-container.copyright[data-v-6d545532],#app .image-container.captions[data-v-6d545532]{margin-bottom:40px}#app .image-container .captionHeader[data-v-6d545532]{font-size:20px;text-align:center;display:block;margin-bottom:10px}#app .image-container .caption[data-v-6d545532]{font-size:13px;font-style:italic;text-align:center;display:block;margin-bottom:10px}#app .image-container .copyright[data-v-6d545532]{font-size:10px;line-height:10px;margin-top:10px;text-align:center;display:block;margin-bottom:10px}.kContainer{position:relative;height:90%}.kContainer iframe{margin:0}.kContainer .mainVersion{margin:auto;position:relative;display:block}.kContainer .mainVersion .kAudiobtn{width:30px;height:30px;position:relative;transition:opacity .4s ease;left:50%;transform:translate(-50%)}.kContainer .mainVersion .kAudiobtn .kButton.audiobtn{position:absolute;height:30px;width:30px;background:url(//cdn.flvs.net/course_view/1_0/dist/images/kaltura_audio_button.png) 0 0 no-repeat;z-index:900;cursor:pointer}.kContainer .mainVersion .kAudio{width:260px;height:38px;position:relative;transition:opacity .4s ease;left:50%;transform:translate(-50%)}.kContainer .mainVersion .kAudio .kButton.audio{position:absolute;height:40px;width:260px;background:url(//cdn.flvs.net/course_view/1_0/dist/images/kaltura_audio_standard.png) 0 0 no-repeat;z-index:900;cursor:pointer}.kContainer .mainVersion .audioIframe,.kContainer .mainVersion .audiobtnIframe{position:relative;transition:opacity .4s ease;left:50%;transform:translate(-50%)}.kContainer .mainVersion .kPoster{position:absolute;transition:opacity .4s ease;left:50%;transform:translate(-50%)}.kContainer .mainVersion .kPoster .active{display:none;visibility:hidden}.kContainer .mainVersion .kPoster .kButton{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:url(//cdn.flvs.net/course_view/1_0/dist/images/player_big_play_button.png) 0 0 no-repeat;z-index:900;width:70px;height:53px;cursor:pointer}.kContainer .mainVersion .kPoster img{position:absolute;top:0;left:0;z-index:899;height:100%;width:100%;border:1px solid #000;max-height:100%;max-width:100%}.kContainer .mainVersion .kPoster .videoIframe{z-index:897}.kContainer .mainVersion .videoIframe{position:absolute;transition:opacity .4s ease;left:50%;transform:translate(-50%);z-index:897}.kContainer button.toggleSwitch,.kContainer button.toggleSwitchFT{margin-top:0;min-width:180px;position:relative;left:50%;transform:translate(-50%)}.kContainer .kCopyright{font-size:10px;text-align:right;width:200px;position:absolute;bottom:-30px;right:0;padding:8px}.kContainer .kCopyright.kCopyrightAudio{bottom:4px}.kContainer .largePlayBtn{display:none}.kContainer .textVersion{overflow-y:auto;height:calc(100% - 10px);margin-bottom:6px}.fade-enter-active,.fade-leave-active{transition:opacity .8s}.fade-enter,.fade-leave-to{opacity:0}.el-dialog{border-radius:6px}.el-dialog .el-dialog__header .el-dialog__title{color:#000;font-size:1.5rem}.el-dialog .el-dialog__header .el-dialog__headerbtn{top:8px;right:8px;border:1px solid #404040;border-radius:4px;background:#feec86;color:#000;font-weight:400;box-shadow:2px 2px 6px #0000004d;transition:background .5s,color .5s}.el-dialog .el-dialog__header .el-dialog__headerbtn:hover,.el-dialog .el-dialog__header .el-dialog__headerbtn:focus,.el-dialog .el-dialog__header .el-dialog__headerbtn:active{color:#404040;background:#fff;border-color:#2a2a2a}.el-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close{color:#000;font-size:18px}.el-dialog .el-dialog__body{color:#212529;font-size:1rem;word-break:normal}#app div.imageMarker[data-v-3897bfb2]{position:relative;height:100%;border-radius:6px}#app div.imageMarker img[data-v-3897bfb2]{width:100%;max-width:100%;max-height:100%;border-radius:6px}#app div.imageMarker .hotspotArea[data-v-3897bfb2]{width:100%;height:100%;position:absolute;top:0;left:0}#app div.imageMarker .hotspotArea .el-button.hotspot[data-v-3897bfb2]{position:absolute;min-height:unset;padding:4px 4px 4px 7px;margin:unset}#app div.imageMarker .hotspotArea .el-button.hotspot.noBG[data-v-3897bfb2]{background-color:transparent}#app div.imageMarker .hotspotArea .el-button.hotspot img.im-ButtonImage[data-v-3897bfb2]{position:absolute;top:0;left:0}#app div.imageReplacer[data-v-02e047cd]{position:relative;height:calc(100% - 40px)}#app div.imageReplacer .el-col[data-v-02e047cd]{position:relative;height:100%}#app div.imageReplacer img[data-v-02e047cd]{width:100%;max-width:100%}#app div.imageReplacer .hotspotArea[data-v-02e047cd]{width:100%;height:100%;position:absolute;top:0;left:0}#app div.imageReplacer .hotspotArea .el-button.hotspot[data-v-02e047cd]{position:absolute;min-height:unset;padding:4px 4px 4px 7px;margin:unset;background:transparent;border:none}#app div.imageReplacer .hotspotArea .el-button.hotspot img.im-ButtonImage[data-v-02e047cd]{position:absolute;top:0;left:0}#app div.imageReplacer .hotspotArea .el-button.hotspot span.im-buttonText[data-v-02e047cd]{position:absolute;left:17px;top:12px}#app div.drop-down{background:white;margin:0 0 40px;padding:10px}#app div.drop-down p span{display:inline-block}#app div.drop-down p span .el-input{display:inline-block;margin-right:-10px}#app div.fill-blank{background:white;margin:0 0 40px;padding:10px}#app div.fill-blank .el-input{display:inline-block;margin-right:-10px}#app div.selectable .selectArea[data-v-bc83f1c6]{text-align:center}#app div.selectable .selectArea .selectableButton[data-v-bc83f1c6]{text-align:left}#app div.selectable .selectArea .selectableButton .buttonSpan[data-v-bc83f1c6]{display:flex;height:100%}#app div.selectable .selectArea .selectableButton .buttonSpan img.im-ButtonImage[data-v-bc83f1c6]{max-height:98%;margin-right:8px}#app div.textbox{position:absolute;background:white;margin:0 0 40px;width:100%;padding:20px 10px}#app div.textbox .el-input{display:inline-block;margin-right:-10px}#app div.menu-chooser{background:white;margin:0 0 40px;padding:20px 10px}#app div.menu-chooser p span{display:inline-block}#app div.menu-chooser .jl-menu{width:100%;display:flex;flex-wrap:nowrap;border-right:none;list-style:none;position:relative;margin:0;padding-left:0;background-color:#555c66;box-sizing:border-box;height:60px;z-index:1002}#app div.menu-chooser .jl-menu button.jl-menu-sub,#app div.menu-chooser .jl-menu button.jl-menu-item{height:100%;background-color:#555c66;color:#fff;padding:0 12px;position:relative;white-space:nowrap;border:none}#app div.menu-chooser .jl-menu button.jl-menu-sub:focus,#app div.menu-chooser .jl-menu button.jl-menu-sub:hover,#app div.menu-chooser .jl-menu button.jl-menu-sub:active,#app div.menu-chooser .jl-menu button.jl-menu-item:focus,#app div.menu-chooser .jl-menu button.jl-menu-item:hover,#app div.menu-chooser .jl-menu button.jl-menu-item:active{background-color:#6b7077;color:#fff;outline:2px #000 dashed!important;border:2px dashed white!important;outline-offset:-4px}#app div.menu-chooser .jl-menu div.jl-menu-sub-menu{display:none;width:100px;margin:0;padding:0;background-color:#555c66;border:1px solid white;color:#fff;box-sizing:border-box;position:absolute;top:64px}#app div.menu-chooser .jl-menu div.jl-menu-sub-menu.jl-menu-sub_show{display:block}#app div.menu-chooser .jl-menu div.jl-menu-sub-menu button.jl-menu-sub-sub,#app div.menu-chooser .jl-menu div.jl-menu-sub-menu button.jl-menu-sub-item{background-color:#555c66;color:#fff;padding:6px;display:block;border:0;width:100%;text-align:left}#app div.menu-chooser .jl-menu div.jl-menu-sub-menu button.jl-menu-sub-sub:focus,#app div.menu-chooser .jl-menu div.jl-menu-sub-menu button.jl-menu-sub-sub:hover,#app div.menu-chooser .jl-menu div.jl-menu-sub-menu button.jl-menu-sub-sub:active,#app div.menu-chooser .jl-menu div.jl-menu-sub-menu button.jl-menu-sub-item:focus,#app div.menu-chooser .jl-menu div.jl-menu-sub-menu button.jl-menu-sub-item:hover,#app div.menu-chooser .jl-menu div.jl-menu-sub-menu button.jl-menu-sub-item:active{background-color:#6b7077;color:#fff;outline:2px #000 dashed!important;border:2px dashed white!important;outline-offset:-4px}#app div.menu-chooser .jl-menu div.jl-menu-sub-sub-menu{display:none;width:180px;background:#555c66;color:#fff;border:1px solid white;position:absolute;top:0;left:106px;margin:0;padding:0}#app div.menu-chooser .jl-menu div.jl-menu-sub-sub-menu.jl-menu-sub-sub_show{display:block}#app div.menu-chooser .jl-menu div.jl-menu-sub-sub-menu button.jl-menu-sub-sub-sub,#app div.menu-chooser .jl-menu div.jl-menu-sub-sub-menu button.jl-menu-sub-sub-item{background-color:#555c66;color:#fff;padding:6px;display:block;border:0;width:100%;text-align:left}#app div.menu-chooser .jl-menu div.jl-menu-sub-sub-menu button.jl-menu-sub-sub-sub:focus,#app div.menu-chooser .jl-menu div.jl-menu-sub-sub-menu button.jl-menu-sub-sub-sub:hover,#app div.menu-chooser .jl-menu div.jl-menu-sub-sub-menu button.jl-menu-sub-sub-sub:active,#app div.menu-chooser .jl-menu div.jl-menu-sub-sub-menu button.jl-menu-sub-sub-item:focus,#app div.menu-chooser .jl-menu div.jl-menu-sub-sub-menu button.jl-menu-sub-sub-item:hover,#app div.menu-chooser .jl-menu div.jl-menu-sub-sub-menu button.jl-menu-sub-sub-item:active{background-color:#6b7077;color:#fff;outline:2px #000 dashed!important;border:2px dashed white!important;outline-offset:-4px}#app div.menu-chooser .nav-mask{top:0;left:0;z-index:1001;overflow:hidden;position:fixed;width:100%;height:100%;background-color:#0003;transition:opacity .3s ease}
|