1import{a as e}from"./element-plus.80abf16b.js";import{c1 as s,bK as l,bM as a,bQ as t,c2 as i,c3 as o,ca as r,cg as n,c8 as c,bP as d,bI as g,cI as p,cd as u,c7 as m,cf as f,es as v,cb as y,ep as b,eq as h}from"./commonmodules.b9c1dd40.js";import{C,A as k}from"./model.a6a58c89.js";import{_ as w,u as A,a as x}from"./index.d3bd9396.js";import"./lodash-es.480d1bd8.js";import"./axios.1263d4b1.js";import"./vue-router.5e13d197.js";const V=e=>(b("data-v-54ce0ee4"),e=e(),h(),e),I={class:"assessment-categorization"},M={class:"assessment-categorization-title"},_=V((()=>r("label",null,"Options",-1))),O={class:"assessment-categorization-content"},S={class:"left-list"},j={class:"drag-item",tabindex:"0"},z={class:"right-list"},K={class:"right-list-item"},T=["onClick"],R={key:1},B=["onClick"],q={key:0,class:"icon-panel"},D={key:1,class:"dashed-item"},F=["aria-label"],G={key:0,class:"assessment-categorization-message"},J={key:0},P=V((()=>r("div",{class:"assessment-categorization-message"},"Correct answer:",-1))),Q={class:"assessment-categorization-title"},E=V((()=>r("label",null,"Options",-1))),H={class:"assessment-categorization-content"},L={class:"left-list"},N={class:"drag-item",tabindex:"0"},U={class:"right-list"},W={class:"right-list-item"},X=["onClick"],Y={key:1},Z=["onClick"],$={class:"drag-item box-correct",tabindex:"0"},ee={class:"icon-panel"};var se=w(s({__name:"MappingDraggable",props:{assessmentMapping:null,isAllCorrect:{type:Boolean},componentType:null,formRef:null,name:null,formSubmitted:{type:Boolean}},setup(s,{expose:b}){const h=s,w=A(),V=l((()=>!!w.state.course.assessmentType&&h.componentType===C.Assessment)),se=l((()=>w.state.course.assessmentType===k.Review)),le=l((()=>h.assessmentMapping.categoryValueModels)),ae=a(x.deepCopy(h.assessmentMapping.categoryValueModels)),te=l((()=>h.assessmentMapping.categoryKeyModels)),ie=e=>{if(e.relatedContext.list.findIndex((s=>s.categoryId===e.draggedContext.element.categoryId))>-1)return!1}
1,oe=(e,s)=>{s?te.value[e].isShowAnswerOptions=!te.value[e].isShowAnswerOptions:te.value[e].isShowOptions=!te.value[e].isShowOptions};return b({props:h}),t((()=>h.assessmentMapping.categoryValueModels),(e=>{ae.value=x.deepCopy(e)})),t((()=>{var e;return null==(e=ae.value)?void 0:e.length}),(()=>{var e;h.formSubmitted&&(null==(e=h.formRef)||e.validateField(h.name))})),(s,l)=>{const a=e;return i(),o("div",I,[r("div",null,[r("div",M,[_,r("div",O,[r("div",S,[n(d(v),{list:d(V)?d(le):d(ae),group:{name:"group",put:!1},class:"dragArea-list-group-left",move:ie,disabled:d(se)},{item:c((({element:e})=>[(i(),o("div",{class:"dragArea-list-group-left-item",key:e.categoryId},[r("div",j,[d(V)?u("",!0):(i(),m(a,{key:0,class:"icon-ffl icon-ffl-drag"})),r("span",null,f(e.categoryValue),1)])]))])),_:1},8,["list","disabled"])]),r("div",z,[(i(!0),o(g,null,p(d(te),((e,s)=>{var l,t,g;return i(),o("div",K,[e.isShowOptions?(i(),o("div",{key:0,onClick:e=>oe(s,!1),class:"right-list-item-label"},[n(a,{class:"icon-ffl icon-ffl-arrow-down-light"}),r("span",null,f(e.optionKey),1)],8,T)):(i(),o("div",R,[r("div",{onClick:e=>oe(s,!1),class:"right-list-item-label"},[n(a,{class:"icon-ffl icon-ffl icon-ffl-arrow-down-light",style:{transform:"rotate(180deg)"}}),r("span",null,f(e.optionKey),1)],8,B),(null==(l=e.selectedValues)?void 0:l.length)?(i(),m(d(v),{key:0,group:{name:"group"},list:e.selectedValues,class:"dragArea-list-group-right",disabled:d(se)},{item:c((({element:e})=>[(i(),o("div",{class:"dragArea-list-group-right-item",key:e.categoryId},[r("div",{class:y({"drag-item":!0,"box-correct":e.isCorrect&&d(V),"box-incorrect":!e.isCorrect&&d(V)}),tabindex:"0"},[d(V)?u("",!0):(i(),m(a,{key:0,class:"icon-ffl icon-ffl-drag"})),r("span",null,f(e.categoryValue),1)],2),d(V)?(i(),o("div",q,[n(a,{class:y({"icon-ffl":!0,"color-correct":e.isCorrect,"color-incorrect":!e.isCorrect,"icon-ffl-true":e.isCorrect,"icon-ffl-false":!e.isCorrect})},null,8,["class"])])):u("",!0)]))])),_:2},1032,["list","disabled"])):u("",!0),d(V)||!(null==(t=d(ae))?void 0:t.length)&&(null==(g=e.selectedValues)?void 0:g.length)?u("",!0):(i(),o("div",D,[n(d(v),{group:{name:"group"},list:e.selectedValues,class:"drop-list",disabled:d(se)},{item:c((({element:e})=>[r("span",{"aria-label":e.categoryId},null,8,F)])),_:2},1032,["list","disabled"])]))]))])})),256))])])]),d(V)&&h.isAllCorrect?(i(),o("div",G,"Correct! Good Job!")):u("",!0)]),d(V)&&!h.isAllCorrect?(i(),o("div",J,[P,r("div",Q,[E,r("div",H,[r("div",L,[n(d(v),{list:d(le),group:{name:"group",pull:"clone",put:!1},class:"dragArea-list-group-left",move:ie,disabled:!0},{item:c((({element:e})=>[(i(),o("div",{class:"dragArea-list-group-left-item",key:e.categoryId},[r("div",N,[r("span",null,f(e.categoryValue),1)])]))])),_:1},8,["list"])]),r("div",U,[(i(!0),o(g,null,p(d(te),((e,s)=>(i(),o("div",W,[e.isShowAnswerOptions?(i(),o("div",{key:0,onClick:e=>oe(s,!0),class:"right-list-item-label"},[n(a,{class:"icon-ffl icon-ffl-arrow-down-light"}),r("span",null,f(e.optionKey),1)],8,X)):(i(),o("div",Y,[r("div",{onClick:e=>oe(s,!0),class:"right-list-item-label"},[n(a,{class:"icon-ffl icon-ffl icon-ffl-arrow-down-light",style:{transform:"rotate(180deg)"}}),r("span",null,f(e.optionKey),1)],8,Z),n(d(v),{group:{name:"group",pull:!1},list:e.correctValues,disabled:!0,class:"dragArea-list-group-right"},{item:c((({element:e})=>[(i(),o("div",{key:e.categoryId,class:"dragArea-list-group-right-item"},[r("div",$,[r("span",null,f(e.categoryValue),1)]),r("div",ee,[n(a,{class:"icon-ffl color-correct icon-ffl-true"})])]))])),_:2},1032,["list"])]))])))),256))])])])])):u("",!0)])}}}),[["__scopeId","data-v-54ce0ee4"]]);export{se as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.