@vue-skuilder/platform-ui 0.1.33 → 0.1.34

package/dist/assets/{Study-DJlTc-ZH.js → Study-D9W1DKes.js}

@@ -1,2 +1,2 @@
-import{i as e}from"./chunk-D6hFPZc3.js";import{$ as t,C as n,H as r,It as i,K as a,S as o,T as s,Vt as c,W as l,_ as u,b as d,f,v as p,y as m}from"./vue.runtime.esm-bundler-C3q8JS9f.js";import{I as h,M as g,T as _,o as v,z as y}from"./common-ui.es-I814CYyx.js";import{o as b}from"./dist-CrcJCHFk.js";import{n as x}from"./MarkdownRenderer-DoVbFpA6-BIbDxYC4.js";import{k as S}from"./dist-DkeESCP4.js";import{t as C}from"./index-CF-NaZ2k.js";import{g as w}from"./dist-BwVFN4Xe.js";import{i as T}from"./edit-ui.es-Cs9EI-Ey.js";var E=s({name:`SessionConfiguration`,components:{SkMouseTrapToolTip:v,CourseTagFilterWidget:y},props:{initialTimeLimit:{type:Number,required:!0,default:5}},emits:[`initStudySession`],data(){return{registeredHotkeys:[],allSelected:!0,activeCourses:[],activeClasses:[],hasRegistrations:!0,user:null,timeLimit:this.initialTimeLimit,courseLoadError:!1,classroomLoadError:!1,expandedFilters:{}}},computed:{hasSelectedSources(){return this.activeCourses.some(e=>e.selected)||this.activeClasses.some(e=>e.selected)},hasAnyActiveFilter(){return this.activeCourses.some(e=>e.selected&&this.hasActiveTagFilter(e))},activeFilterCount(){return this.activeCourses.filter(e=>e.selected&&this.hasActiveTagFilter(e)).length}},watch:{timeLimit:{handler(){this.timeLimit<=0&&(this.timeLimit=1)}}},beforeUnmount(){this.registeredHotkeys&&this.registeredHotkeys.forEach(e=>{x.removeBinding(e)})},async created(){this.user=await _(),this.timeLimit=this.initialTimeLimit,this.setHotkeys();let[e,t]=await Promise.allSettled([this.getActiveCourses(),this.getActiveClassrooms()]);e.status===`rejected`&&(console.error(`Failed to load courses:`,e.reason),this.courseLoadError=!0),t.status===`rejected`&&(console.error(`Failed to load classrooms:`,t.reason),this.classroomLoadError=!0),this.activeCourses.length===0&&this.activeClasses.length===0&&!this.courseLoadError&&!this.classroomLoadError&&(this.hasRegistrations=!1)},mounted(){document.getElementById(`SelectAll`)?.focus()},unmounted(){this.registeredHotkeys&&this.registeredHotkeys.forEach(e=>{x.removeBinding(e)})},methods:{inc(){this.timeLimit+=1,console.log(`inc to ${this.timeLimit}`)},dec(){this.timeLimit--,console.log(`dec to ${this.timeLimit}`)},update(){console.log(JSON.stringify(this.activeCourses)),console.log(JSON.stringify(this.activeClasses))},toggleAll(){console.log(`Toggling all courses`),this.activeCourses.forEach(e=>{e.selected=this.allSelected}),this.activeClasses.forEach(e=>{e.selected=this.allSelected}),console.log(JSON.stringify(this.activeCourses))},toggleTagFilter(e){this.expandedFilters[e]=!this.expandedFilters[e]},hasActiveTagFilter(e){return b(e.tagFilter)},startSession(){this.registeredHotkeys&&this.registeredHotkeys.forEach(e=>{x.removeBinding(e)});let e=this.activeCourses.filter(e=>e.selected).map(e=>{let t={type:`course`,id:e.courseID};return b(e.tagFilter)&&(t.tagFilter=e.tagFilter),t}),t=this.activeClasses.filter(e=>e.selected).map(e=>({type:`classroom`,id:e.classID})),n=[...e,...t];this.$emit(`initStudySession`,n,this.timeLimit)},async getActiveClassrooms(){let e=await(await _()).getActiveClasses(),t=[];console.log(`Active classes: ${JSON.stringify(e)}`),await Promise.all(e.map(e=>(async e=>{let n=await S().getClassroomDB(e,`student`);t.push({classID:e,name:n.getConfig().name,selected:!0,reviews:0})})(e))),this.activeClasses=t},async getActiveCourses(){this.activeCourses=(await this.user.getActiveCourses()).map(e=>({...e,selected:!0,name:``,reviews:0,tagFilter:void 0})),Promise.all(this.activeCourses.map(async(e,t)=>{let n=await S().getCoursesDB().getCourseConfig(e.courseID),r=await this.user?.getCourseInterface(e.courseID);return(async()=>Promise.all([this.activeCourses[t].name=n.name,this.activeCourses[t].reviews=await r.getScheduledReviewCount()]))()}))},setHotkeys(){let e=[{hotkey:`right`,callback:()=>{this.timeLimit++},command:`Increase time limit`},{hotkey:`left`,callback:()=>{this.timeLimit--},command:`Decrease time limit`}];x.addBinding(e),this.registeredHotkeys=e.map(e=>e.hotkey)}}}),D={key:0},O={class:`session-layout`},k={class:`course-selection-container`},A={class:`course-row-header`},j={class:`course-row-header`},M={class:`course-row-actions`},N={class:`reviews-count`},P={key:0,class:`tag-filter-container`},F={class:`select-all-row mt-3`},I={class:`fixed-controls-container`},L={class:`fixed-controls`},R={class:`mb-5`},z={key:0,class:`filter-summary mb-4`},B={class:`text-caption`},V={key:1,class:`text-h4`},H={key:2,class:`text-h4`};function _sfc_render$1(e,i,s,h,g,_){let v=a(`v-alert`),y=a(`v-checkbox`),b=a(`v-icon`),x=a(`v-btn`),S=a(`CourseTagFilterWidget`),C=a(`v-expand-transition`),w=a(`v-text-field`),T=a(`SkMouseTrapToolTip`),E=a(`router-link`);return e.hasRegistrations||e.courseLoadError||e.classroomLoadError?(r(),d(`div`,D,[i[11]||(i[11]=u(`div`,{"data-cy":`select-quilts-header`,class:`text-h4 mb-4`},`Study Session Setup`,-1)),e.courseLoadError?(r(),p(v,{key:0,type:`warning`,class:`mb-4`},{default:t(()=>i[2]||(i[2]=[o(` Unable to load course data. Some features may be unavailable. `)])),_:1})):m(``,!0),e.classroomLoadError?(r(),p(v,{key:1,type:`warning`,class:`mb-4`},{default:t(()=>i[3]||(i[3]=[o(` Unable to load classroom data. You can still study individual courses. `)])),_:1})):m(``,!0),u(`div`,O,[u(`div`,k,[i[6]||(i[6]=u(`div`,{class:`text-h6 mb-3`},`Select Quilts to Study`,-1)),(r(!0),d(f,null,l(e.activeClasses,t=>(r(),d(`div`,{key:t.classID,class:`course-row`},[u(`div`,A,[n(y,{modelValue:t.selected,"onUpdate:modelValue":e=>t.selected=e,label:`Class: ${t.name}`,"hide-details":``,onClickCapture:e.update},null,8,[`modelValue`,`onUpdate:modelValue`,`label`,`onClickCapture`]),i[4]||(i[4]=u(`span`,{class:`reviews-count`},`-`,-1))])]))),128)),(r(!0),d(f,null,l(e.activeCourses,a=>(r(),d(`div`,{key:a.courseID,class:`course-row`},[u(`div`,j,[n(y,{modelValue:a.selected,"onUpdate:modelValue":e=>a.selected=e,"data-cy":`course-checkbox`,label:`q/${a.name}`,"hide-details":``,onClickCapture:e.update},null,8,[`modelValue`,`onUpdate:modelValue`,`label`,`onClickCapture`]),u(`div`,M,[u(`span`,N,c(a.reviews),1),a.selected?(r(),p(x,{key:0,variant:`text`,size:`small`,color:e.hasActiveTagFilter(a)?`primary`:`default`,onClick:t=>e.toggleTagFilter(a.courseID)},{default:t(()=>[n(b,{start:``,size:`small`},{default:t(()=>i[5]||(i[5]=[o(`mdi-filter-variant`)])),_:1}),o(` `+c(e.hasActiveTagFilter(a)?`Filtered`:`Filter`)+` `,1),n(b,{end:``,size:`small`},{default:t(()=>[o(c(e.expandedFilters[a.courseID]?`mdi-chevron-up`:`mdi-chevron-down`),1)]),_:2},1024)]),_:2},1032,[`color`,`onClick`])):m(``,!0)])]),n(C,null,{default:t(()=>[a.selected&&e.expandedFilters[a.courseID]?(r(),d(`div`,P,[n(S,{modelValue:a.tagFilter,"onUpdate:modelValue":e=>a.tagFilter=e,"course-id":a.courseID},null,8,[`modelValue`,`onUpdate:modelValue`,`course-id`])])):m(``,!0)]),_:2},1024)]))),128)),u(`div`,F,[n(y,{id:`SelectAll`,ref:`selectAll`,modelValue:e.allSelected,"onUpdate:modelValue":[i[0]||(i[0]=t=>e.allSelected=t),e.toggleAll],autofocus:``,label:`Select All`,"hide-details":``},null,8,[`modelValue`,`onUpdate:modelValue`])])]),u(`div`,I,[u(`div`,L,[i[10]||(i[10]=u(`div`,{class:`text-h6 mb-3`},`Session Settings`,-1)),u(`div`,R,[n(w,{ref:`numberField`,modelValue:e.timeLimit,"onUpdate:modelValue":i[1]||(i[1]=t=>e.timeLimit=t),class:`time-limit-field`,variant:`outlined`,label:`Study Session Timelimit`,"prepend-inner-icon":`mdi-clock-outline`,"prepend-icon":`mdi-minus`,"append-icon":`mdi-plus`,suffix:e.timeLimit>1?`minutes`:`minute`,mask:`##`,type:`number`,"onClick:prepend":e.dec,"onClick:append":e.inc},null,8,[`modelValue`,`suffix`,`onClick:prepend`,`onClick:append`])]),e.hasAnyActiveFilter?(r(),d(`div`,z,[n(b,{size:`small`,color:`primary`,class:`mr-1`},{default:t(()=>i[7]||(i[7]=[o(`mdi-filter`)])),_:1}),u(`span`,B,c(e.activeFilterCount)+` course`+c(e.activeFilterCount>1?`s`:``)+` with tag filters `,1)])):m(``,!0),n(T,{hotkey:`enter`,command:`Start Session`,disabled:!e.hasSelectedSources,"highlight-effect":`scale`},{default:t(()=>[n(x,{"data-cy":`start-studying-button`,color:`success`,size:`large`,block:``,class:`start-btn`,disabled:!e.hasSelectedSources,onClick:e.startSession},{default:t(()=>[n(b,{start:``},{default:t(()=>i[8]||(i[8]=[o(`mdi-play`)])),_:1}),i[9]||(i[9]=o(` Start! `))]),_:1},8,[`disabled`,`onClick`])]),_:1},8,[`disabled`])])])])])):!e.courseLoadError&&!e.classroomLoadError?(r(),d(`div`,V,[i[15]||(i[15]=u(`p`,null,`You don't have anything to study!`,-1)),u(`p`,null,[i[13]||(i[13]=o(`Head over to the `)),n(E,{to:`/quilts`},{default:t(()=>i[12]||(i[12]=[o(`Quilts`)])),_:1}),i[14]||(i[14]=o(` page to find something for you.`))])])):(r(),d(`div`,H,i[16]||(i[16]=[u(`p`,null,`Unable to load study data due to technical issues.`,-1),u(`p`,null,`Please try refreshing the page or contact support if the problem persists.`,-1)])))}e(_sfc_render$1,`_sfc_render`);var U=C(E,[[`render`,_sfc_render$1],[`__scopeId`,`data-v-c5ff4b5f`]]);function randomInt(e,t){return Math.floor(Math.random()*(t-e+1))+e}var W=s({name:`StudyView`,components:{SessionConfiguration:U,StudySession:g},inject:{router:{from:`router`}},props:{previewCourseID:{type:String,required:!1,default:``},randomPreview:{type:Boolean,required:!1},focusCourseID:{type:String,required:!1,default:``}},data(){return{user:null,studySessionConfig:void 0,previewCourseConfig:void 0,previewMode:!1,sessionTimeLimit:5,inSession:!1,sessionPrepared:!1,sessionError:!1,errorMessage:``,sessionContentSources:[],dataInputFormStore:T(),getViewComponent:e=>w.getView(e),dataLayer:S()}},async created(){this.user=await _(),this.studySessionConfig={likesConfetti:h().config.likesConfetti};let e=``;if(this.randomPreview){let t=await this.user.getCourseRegistrationsDoc(),n=(await S().getCoursesDB().getCourseList()).map(e=>e.courseID),r=n.filter(e=>!t.courses.some(t=>t.courseID===e));e=r.length>0?r[randomInt(0,r.length)]:n[randomInt(0,n.length)]}if(this.previewCourseID&&(this.previewMode=!0,S().getCoursesDB().getCourseList().then(e=>{e.forEach(e=>{e.courseID===this.previewCourseID&&(this.previewCourseConfig=e,this.previewCourseConfig.courseID=e.courseID)})}),console.log(`[Study] COURSE PREVIEW MODE FOR ${this.previewCourseID}`),await this.user.registerForCourse(this.previewCourseID,!0),e=this.previewCourseID),this.focusCourseID&&(console.log(`[Study] FOCUS study session: ${this.focusCourseID}`),e=this.focusCourseID),e){let t=this.parseTagFilterFromQuery(),n={type:`course`,id:e};b(t)&&(n.tagFilter=t,console.log(`[Study] Tag filter from query params:`,t)),this.initStudySession([n],this.sessionTimeLimit)}},methods:{refreshRoute(){this.router.go(0)},async initStudySession(e,t){console.log(`[Study] starting study session w/ sources: ${JSON.stringify(e)}`),this.sessionContentSources=e,this.sessionTimeLimit=t,this.inSession=!0,this.sessionPrepared=!1,console.log(`[Study] Waiting for session-prepared event from StudySession component`)},registerUserForPreviewCourse(){this.user.registerForCourse(this.previewCourseConfig.courseID).then(()=>this.router.push(`/quilts/${this.previewCourseConfig.courseID}`))},handleSessionFinished(){this.refreshRoute()},handleSessionPrepared(){console.log(`[Study] Session preparation complete - received session-prepared event`),this.sessionPrepared=!0,this.sessionError=!1,this.errorMessage=``},handleSessionError({message:e,error:t}){console.error(`[Study] Session error:`,e,t),this.sessionError=!0,this.errorMessage=e||`An error occurred while preparing your study session.`,this.sessionPrepared=!1},parseTagFilterFromQuery(){let e=this.$route.query.include,t=this.$route.query.exclude,parseParam=e=>e?Array.isArray(e)?e.flatMap(e=>e?e.split(`,`).map(e=>e.trim()):[]).filter(Boolean):e.split(`,`).map(e=>e.trim()).filter(Boolean):[];return{include:parseParam(e),exclude:parseParam(t)}}}}),G={key:0},K={key:1},q={key:0,align:`center`},J={class:`text-h5`},Y={key:1},X={key:2},Z={key:0,class:`session-loading`},Q={key:1,class:`session-error`},$={class:`text-subtitle-1 mt-2`};function _sfc_render(e,s,l,f,p,h){let g=a(`SessionConfiguration`),_=a(`v-btn`),v=a(`router-link`),y=a(`v-spacer`),b=a(`v-col`),x=a(`v-row`),S=a(`v-progress-circular`),C=a(`v-container`),w=a(`v-icon`),T=a(`StudySession`);return e.inSession?(r(),d(`div`,K,[e.previewMode&&e.previewCourseConfig?(r(),d(`div`,q,[n(x,null,{default:t(()=>[n(b,null,{default:t(()=>[u(`span`,J,[s[1]||(s[1]=o(` Quilt preview for `)),u(`em`,null,c(e.previewCourseConfig.name),1)]),n(_,{size:`small`,color:`primary`,onClick:e.registerUserForPreviewCourse},{default:t(()=>s[2]||(s[2]=[o(`Join`)])),_:1},8,[`onClick`]),n(v,{to:`/quilts/${e.previewCourseConfig.courseID}`},{default:t(()=>[n(_,{size:`small`,color:`secondary`},{default:t(()=>s[3]||(s[3]=[o(`More info`)])),_:1})]),_:1},8,[`to`]),n(y)]),_:1})]),_:1})])):e.previewMode?(r(),d(`div`,Y,[n(x,null,{default:t(()=>[n(b,null,{default:t(()=>s[4]||(s[4]=[u(`span`,{class:`text-h5`},`... No course was specified for the preview.`,-1),u(`div`,null,`(this shouldn't happen)...`,-1)])),_:1})]),_:1})])):m(``,!0),e.inSession?(r(),d(`div`,X,[!e.sessionPrepared&&!e.sessionError?(r(),d(`div`,Z,[n(C,{class:`text-center`},{default:t(()=>[n(x,{justify:`center`,align:`center`,style:{"min-height":`50vh`}},{default:t(()=>[n(b,{cols:`12`},{default:t(()=>[n(S,{size:`70`,width:`7`,color:`primary`,indeterminate:``}),s[5]||(s[5]=u(`div`,{class:`text-h5 mt-4`},`Preparing your study session...`,-1)),s[6]||(s[6]=u(`div`,{class:`text-subtitle-1 mt-2`},`Getting your learning materials ready`,-1))]),_:1})]),_:1})]),_:1})])):m(``,!0),e.sessionError?(r(),d(`div`,Q,[n(C,{class:`text-center`},{default:t(()=>[n(x,{justify:`center`,align:`center`,style:{"min-height":`50vh`}},{default:t(()=>[n(b,{cols:`12`},{default:t(()=>[n(w,{size:`64`,color:`error`},{default:t(()=>s[7]||(s[7]=[o(`mdi-alert-circle`)])),_:1}),s[9]||(s[9]=u(`div`,{class:`text-h5 mt-4 text-error`},`Session Preparation Failed`,-1)),u(`div`,$,c(e.errorMessage||`There was a problem preparing your study session.`),1),n(_,{color:`primary`,class:`mt-6`,onClick:e.refreshRoute},{default:t(()=>s[8]||(s[8]=[o(`Try Again`)])),_:1},8,[`onClick`])]),_:1})]),_:1})]),_:1})])):m(``,!0),n(T,{"content-sources":e.sessionContentSources,"session-time-limit":e.sessionTimeLimit,user:e.user,"session-config":e.studySessionConfig,"data-layer":e.dataLayer,"get-view-component":e.getViewComponent,class:i({"hidden-session":!e.sessionPrepared}),onSessionFinished:e.handleSessionFinished,onSessionPrepared:e.handleSessionPrepared,onSessionError:e.handleSessionError},null,8,[`content-sources`,`session-time-limit`,`user`,`session-config`,`data-layer`,`get-view-component`,`class`,`onSessionFinished`,`onSessionPrepared`,`onSessionError`])])):m(``,!0)])):(r(),d(`div`,G,[n(g,{"initial-time-limit":e.sessionTimeLimit,onInitStudySession:s[0]||(s[0]=(t,n)=>e.initStudySession(t,n))},null,8,[`initial-time-limit`])]))}var ee=C(W,[[`render`,_sfc_render],[`__scopeId`,`data-v-dcbc1fde`]]);export{ee as default};
-//# sourceMappingURL=Study-DJlTc-ZH.js.map
+import{i as e}from"./chunk-D6hFPZc3.js";import{$ as t,C as n,H as r,It as i,K as a,S as o,T as s,Vt as c,W as l,_ as u,b as d,f,v as p,y as m}from"./vue.runtime.esm-bundler-C3q8JS9f.js";import{I as h,M as g,T as _,o as v,z as y}from"./common-ui.es-BrXWBn7p.js";import{o as b}from"./dist-CrcJCHFk.js";import{n as x}from"./MarkdownRenderer-DoVbFpA6-BIbDxYC4.js";import{k as S}from"./dist-CzLl7g6t.js";import{t as C}from"./index-DUZItsH-.js";import{g as w}from"./dist-D5-LrzD6.js";import{i as T}from"./edit-ui.es-C9MhXwkt.js";var E=s({name:`SessionConfiguration`,components:{SkMouseTrapToolTip:v,CourseTagFilterWidget:y},props:{initialTimeLimit:{type:Number,required:!0,default:5}},emits:[`initStudySession`],data(){return{registeredHotkeys:[],allSelected:!0,activeCourses:[],activeClasses:[],hasRegistrations:!0,user:null,timeLimit:this.initialTimeLimit,courseLoadError:!1,classroomLoadError:!1,expandedFilters:{}}},computed:{hasSelectedSources(){return this.activeCourses.some(e=>e.selected)||this.activeClasses.some(e=>e.selected)},hasAnyActiveFilter(){return this.activeCourses.some(e=>e.selected&&this.hasActiveTagFilter(e))},activeFilterCount(){return this.activeCourses.filter(e=>e.selected&&this.hasActiveTagFilter(e)).length}},watch:{timeLimit:{handler(){this.timeLimit<=0&&(this.timeLimit=1)}}},beforeUnmount(){this.registeredHotkeys&&this.registeredHotkeys.forEach(e=>{x.removeBinding(e)})},async created(){this.user=await _(),this.timeLimit=this.initialTimeLimit,this.setHotkeys();let[e,t]=await Promise.allSettled([this.getActiveCourses(),this.getActiveClassrooms()]);e.status===`rejected`&&(console.error(`Failed to load courses:`,e.reason),this.courseLoadError=!0),t.status===`rejected`&&(console.error(`Failed to load classrooms:`,t.reason),this.classroomLoadError=!0),this.activeCourses.length===0&&this.activeClasses.length===0&&!this.courseLoadError&&!this.classroomLoadError&&(this.hasRegistrations=!1)},mounted(){document.getElementById(`SelectAll`)?.focus()},unmounted(){this.registeredHotkeys&&this.registeredHotkeys.forEach(e=>{x.removeBinding(e)})},methods:{inc(){this.timeLimit+=1,console.log(`inc to ${this.timeLimit}`)},dec(){this.timeLimit--,console.log(`dec to ${this.timeLimit}`)},update(){console.log(JSON.stringify(this.activeCourses)),console.log(JSON.stringify(this.activeClasses))},toggleAll(){console.log(`Toggling all courses`),this.activeCourses.forEach(e=>{e.selected=this.allSelected}),this.activeClasses.forEach(e=>{e.selected=this.allSelected}),console.log(JSON.stringify(this.activeCourses))},toggleTagFilter(e){this.expandedFilters[e]=!this.expandedFilters[e]},hasActiveTagFilter(e){return b(e.tagFilter)},startSession(){this.registeredHotkeys&&this.registeredHotkeys.forEach(e=>{x.removeBinding(e)});let e=this.activeCourses.filter(e=>e.selected).map(e=>{let t={type:`course`,id:e.courseID};return b(e.tagFilter)&&(t.tagFilter=e.tagFilter),t}),t=this.activeClasses.filter(e=>e.selected).map(e=>({type:`classroom`,id:e.classID})),n=[...e,...t];this.$emit(`initStudySession`,n,this.timeLimit)},async getActiveClassrooms(){let e=await(await _()).getActiveClasses(),t=[];console.log(`Active classes: ${JSON.stringify(e)}`),await Promise.all(e.map(e=>(async e=>{let n=await S().getClassroomDB(e,`student`);t.push({classID:e,name:n.getConfig().name,selected:!0,reviews:0})})(e))),this.activeClasses=t},async getActiveCourses(){this.activeCourses=(await this.user.getActiveCourses()).map(e=>({...e,selected:!0,name:``,reviews:0,tagFilter:void 0})),Promise.all(this.activeCourses.map(async(e,t)=>{let n=await S().getCoursesDB().getCourseConfig(e.courseID),r=await this.user?.getCourseInterface(e.courseID);return(async()=>Promise.all([this.activeCourses[t].name=n.name,this.activeCourses[t].reviews=await r.getScheduledReviewCount()]))()}))},setHotkeys(){let e=[{hotkey:`right`,callback:()=>{this.timeLimit++},command:`Increase time limit`},{hotkey:`left`,callback:()=>{this.timeLimit--},command:`Decrease time limit`}];x.addBinding(e),this.registeredHotkeys=e.map(e=>e.hotkey)}}}),D={key:0},O={class:`session-layout`},k={class:`course-selection-container`},A={class:`course-row-header`},j={class:`course-row-header`},M={class:`course-row-actions`},N={class:`reviews-count`},P={key:0,class:`tag-filter-container`},F={class:`select-all-row mt-3`},I={class:`fixed-controls-container`},L={class:`fixed-controls`},R={class:`mb-5`},z={key:0,class:`filter-summary mb-4`},B={class:`text-caption`},V={key:1,class:`text-h4`},H={key:2,class:`text-h4`};function _sfc_render$1(e,i,s,h,g,_){let v=a(`v-alert`),y=a(`v-checkbox`),b=a(`v-icon`),x=a(`v-btn`),S=a(`CourseTagFilterWidget`),C=a(`v-expand-transition`),w=a(`v-text-field`),T=a(`SkMouseTrapToolTip`),E=a(`router-link`);return e.hasRegistrations||e.courseLoadError||e.classroomLoadError?(r(),d(`div`,D,[i[11]||(i[11]=u(`div`,{"data-cy":`select-quilts-header`,class:`text-h4 mb-4`},`Study Session Setup`,-1)),e.courseLoadError?(r(),p(v,{key:0,type:`warning`,class:`mb-4`},{default:t(()=>i[2]||(i[2]=[o(` Unable to load course data. Some features may be unavailable. `)])),_:1})):m(``,!0),e.classroomLoadError?(r(),p(v,{key:1,type:`warning`,class:`mb-4`},{default:t(()=>i[3]||(i[3]=[o(` Unable to load classroom data. You can still study individual courses. `)])),_:1})):m(``,!0),u(`div`,O,[u(`div`,k,[i[6]||(i[6]=u(`div`,{class:`text-h6 mb-3`},`Select Quilts to Study`,-1)),(r(!0),d(f,null,l(e.activeClasses,t=>(r(),d(`div`,{key:t.classID,class:`course-row`},[u(`div`,A,[n(y,{modelValue:t.selected,"onUpdate:modelValue":e=>t.selected=e,label:`Class: ${t.name}`,"hide-details":``,onClickCapture:e.update},null,8,[`modelValue`,`onUpdate:modelValue`,`label`,`onClickCapture`]),i[4]||(i[4]=u(`span`,{class:`reviews-count`},`-`,-1))])]))),128)),(r(!0),d(f,null,l(e.activeCourses,a=>(r(),d(`div`,{key:a.courseID,class:`course-row`},[u(`div`,j,[n(y,{modelValue:a.selected,"onUpdate:modelValue":e=>a.selected=e,"data-cy":`course-checkbox`,label:`q/${a.name}`,"hide-details":``,onClickCapture:e.update},null,8,[`modelValue`,`onUpdate:modelValue`,`label`,`onClickCapture`]),u(`div`,M,[u(`span`,N,c(a.reviews),1),a.selected?(r(),p(x,{key:0,variant:`text`,size:`small`,color:e.hasActiveTagFilter(a)?`primary`:`default`,onClick:t=>e.toggleTagFilter(a.courseID)},{default:t(()=>[n(b,{start:``,size:`small`},{default:t(()=>i[5]||(i[5]=[o(`mdi-filter-variant`)])),_:1}),o(` `+c(e.hasActiveTagFilter(a)?`Filtered`:`Filter`)+` `,1),n(b,{end:``,size:`small`},{default:t(()=>[o(c(e.expandedFilters[a.courseID]?`mdi-chevron-up`:`mdi-chevron-down`),1)]),_:2},1024)]),_:2},1032,[`color`,`onClick`])):m(``,!0)])]),n(C,null,{default:t(()=>[a.selected&&e.expandedFilters[a.courseID]?(r(),d(`div`,P,[n(S,{modelValue:a.tagFilter,"onUpdate:modelValue":e=>a.tagFilter=e,"course-id":a.courseID},null,8,[`modelValue`,`onUpdate:modelValue`,`course-id`])])):m(``,!0)]),_:2},1024)]))),128)),u(`div`,F,[n(y,{id:`SelectAll`,ref:`selectAll`,modelValue:e.allSelected,"onUpdate:modelValue":[i[0]||(i[0]=t=>e.allSelected=t),e.toggleAll],autofocus:``,label:`Select All`,"hide-details":``},null,8,[`modelValue`,`onUpdate:modelValue`])])]),u(`div`,I,[u(`div`,L,[i[10]||(i[10]=u(`div`,{class:`text-h6 mb-3`},`Session Settings`,-1)),u(`div`,R,[n(w,{ref:`numberField`,modelValue:e.timeLimit,"onUpdate:modelValue":i[1]||(i[1]=t=>e.timeLimit=t),class:`time-limit-field`,variant:`outlined`,label:`Study Session Timelimit`,"prepend-inner-icon":`mdi-clock-outline`,"prepend-icon":`mdi-minus`,"append-icon":`mdi-plus`,suffix:e.timeLimit>1?`minutes`:`minute`,mask:`##`,type:`number`,"onClick:prepend":e.dec,"onClick:append":e.inc},null,8,[`modelValue`,`suffix`,`onClick:prepend`,`onClick:append`])]),e.hasAnyActiveFilter?(r(),d(`div`,z,[n(b,{size:`small`,color:`primary`,class:`mr-1`},{default:t(()=>i[7]||(i[7]=[o(`mdi-filter`)])),_:1}),u(`span`,B,c(e.activeFilterCount)+` course`+c(e.activeFilterCount>1?`s`:``)+` with tag filters `,1)])):m(``,!0),n(T,{hotkey:`enter`,command:`Start Session`,disabled:!e.hasSelectedSources,"highlight-effect":`scale`},{default:t(()=>[n(x,{"data-cy":`start-studying-button`,color:`success`,size:`large`,block:``,class:`start-btn`,disabled:!e.hasSelectedSources,onClick:e.startSession},{default:t(()=>[n(b,{start:``},{default:t(()=>i[8]||(i[8]=[o(`mdi-play`)])),_:1}),i[9]||(i[9]=o(` Start! `))]),_:1},8,[`disabled`,`onClick`])]),_:1},8,[`disabled`])])])])])):!e.courseLoadError&&!e.classroomLoadError?(r(),d(`div`,V,[i[15]||(i[15]=u(`p`,null,`You don't have anything to study!`,-1)),u(`p`,null,[i[13]||(i[13]=o(`Head over to the `)),n(E,{to:`/quilts`},{default:t(()=>i[12]||(i[12]=[o(`Quilts`)])),_:1}),i[14]||(i[14]=o(` page to find something for you.`))])])):(r(),d(`div`,H,i[16]||(i[16]=[u(`p`,null,`Unable to load study data due to technical issues.`,-1),u(`p`,null,`Please try refreshing the page or contact support if the problem persists.`,-1)])))}e(_sfc_render$1,`_sfc_render`);var U=C(E,[[`render`,_sfc_render$1],[`__scopeId`,`data-v-c5ff4b5f`]]);function randomInt(e,t){return Math.floor(Math.random()*(t-e+1))+e}var W=s({name:`StudyView`,components:{SessionConfiguration:U,StudySession:g},inject:{router:{from:`router`}},props:{previewCourseID:{type:String,required:!1,default:``},randomPreview:{type:Boolean,required:!1},focusCourseID:{type:String,required:!1,default:``}},data(){return{user:null,studySessionConfig:void 0,previewCourseConfig:void 0,previewMode:!1,sessionTimeLimit:5,inSession:!1,sessionPrepared:!1,sessionError:!1,errorMessage:``,sessionContentSources:[],dataInputFormStore:T(),getViewComponent:e=>w.getView(e),dataLayer:S()}},async created(){this.user=await _(),this.studySessionConfig={likesConfetti:h().config.likesConfetti};let e=``;if(this.randomPreview){let t=await this.user.getCourseRegistrationsDoc(),n=(await S().getCoursesDB().getCourseList()).map(e=>e.courseID),r=n.filter(e=>!t.courses.some(t=>t.courseID===e));e=r.length>0?r[randomInt(0,r.length)]:n[randomInt(0,n.length)]}if(this.previewCourseID&&(this.previewMode=!0,S().getCoursesDB().getCourseList().then(e=>{e.forEach(e=>{e.courseID===this.previewCourseID&&(this.previewCourseConfig=e,this.previewCourseConfig.courseID=e.courseID)})}),console.log(`[Study] COURSE PREVIEW MODE FOR ${this.previewCourseID}`),await this.user.registerForCourse(this.previewCourseID,!0),e=this.previewCourseID),this.focusCourseID&&(console.log(`[Study] FOCUS study session: ${this.focusCourseID}`),e=this.focusCourseID),e){let t=this.parseTagFilterFromQuery(),n={type:`course`,id:e};b(t)&&(n.tagFilter=t,console.log(`[Study] Tag filter from query params:`,t)),this.initStudySession([n],this.sessionTimeLimit)}},methods:{refreshRoute(){this.router.go(0)},async initStudySession(e,t){console.log(`[Study] starting study session w/ sources: ${JSON.stringify(e)}`),this.sessionContentSources=e,this.sessionTimeLimit=t,this.inSession=!0,this.sessionPrepared=!1,console.log(`[Study] Waiting for session-prepared event from StudySession component`)},registerUserForPreviewCourse(){this.user.registerForCourse(this.previewCourseConfig.courseID).then(()=>this.router.push(`/quilts/${this.previewCourseConfig.courseID}`))},handleSessionFinished(){this.refreshRoute()},handleSessionPrepared(){console.log(`[Study] Session preparation complete - received session-prepared event`),this.sessionPrepared=!0,this.sessionError=!1,this.errorMessage=``},handleSessionError({message:e,error:t}){console.error(`[Study] Session error:`,e,t),this.sessionError=!0,this.errorMessage=e||`An error occurred while preparing your study session.`,this.sessionPrepared=!1},parseTagFilterFromQuery(){let e=this.$route.query.include,t=this.$route.query.exclude,parseParam=e=>e?Array.isArray(e)?e.flatMap(e=>e?e.split(`,`).map(e=>e.trim()):[]).filter(Boolean):e.split(`,`).map(e=>e.trim()).filter(Boolean):[];return{include:parseParam(e),exclude:parseParam(t)}}}}),G={key:0},K={key:1},q={key:0,align:`center`},J={class:`text-h5`},Y={key:1},X={key:2},Z={key:0,class:`session-loading`},Q={key:1,class:`session-error`},$={class:`text-subtitle-1 mt-2`};function _sfc_render(e,s,l,f,p,h){let g=a(`SessionConfiguration`),_=a(`v-btn`),v=a(`router-link`),y=a(`v-spacer`),b=a(`v-col`),x=a(`v-row`),S=a(`v-progress-circular`),C=a(`v-container`),w=a(`v-icon`),T=a(`StudySession`);return e.inSession?(r(),d(`div`,K,[e.previewMode&&e.previewCourseConfig?(r(),d(`div`,q,[n(x,null,{default:t(()=>[n(b,null,{default:t(()=>[u(`span`,J,[s[1]||(s[1]=o(` Quilt preview for `)),u(`em`,null,c(e.previewCourseConfig.name),1)]),n(_,{size:`small`,color:`primary`,onClick:e.registerUserForPreviewCourse},{default:t(()=>s[2]||(s[2]=[o(`Join`)])),_:1},8,[`onClick`]),n(v,{to:`/quilts/${e.previewCourseConfig.courseID}`},{default:t(()=>[n(_,{size:`small`,color:`secondary`},{default:t(()=>s[3]||(s[3]=[o(`More info`)])),_:1})]),_:1},8,[`to`]),n(y)]),_:1})]),_:1})])):e.previewMode?(r(),d(`div`,Y,[n(x,null,{default:t(()=>[n(b,null,{default:t(()=>s[4]||(s[4]=[u(`span`,{class:`text-h5`},`... No course was specified for the preview.`,-1),u(`div`,null,`(this shouldn't happen)...`,-1)])),_:1})]),_:1})])):m(``,!0),e.inSession?(r(),d(`div`,X,[!e.sessionPrepared&&!e.sessionError?(r(),d(`div`,Z,[n(C,{class:`text-center`},{default:t(()=>[n(x,{justify:`center`,align:`center`,style:{"min-height":`50vh`}},{default:t(()=>[n(b,{cols:`12`},{default:t(()=>[n(S,{size:`70`,width:`7`,color:`primary`,indeterminate:``}),s[5]||(s[5]=u(`div`,{class:`text-h5 mt-4`},`Preparing your study session...`,-1)),s[6]||(s[6]=u(`div`,{class:`text-subtitle-1 mt-2`},`Getting your learning materials ready`,-1))]),_:1})]),_:1})]),_:1})])):m(``,!0),e.sessionError?(r(),d(`div`,Q,[n(C,{class:`text-center`},{default:t(()=>[n(x,{justify:`center`,align:`center`,style:{"min-height":`50vh`}},{default:t(()=>[n(b,{cols:`12`},{default:t(()=>[n(w,{size:`64`,color:`error`},{default:t(()=>s[7]||(s[7]=[o(`mdi-alert-circle`)])),_:1}),s[9]||(s[9]=u(`div`,{class:`text-h5 mt-4 text-error`},`Session Preparation Failed`,-1)),u(`div`,$,c(e.errorMessage||`There was a problem preparing your study session.`),1),n(_,{color:`primary`,class:`mt-6`,onClick:e.refreshRoute},{default:t(()=>s[8]||(s[8]=[o(`Try Again`)])),_:1},8,[`onClick`])]),_:1})]),_:1})]),_:1})])):m(``,!0),n(T,{"content-sources":e.sessionContentSources,"session-time-limit":e.sessionTimeLimit,user:e.user,"session-config":e.studySessionConfig,"data-layer":e.dataLayer,"get-view-component":e.getViewComponent,class:i({"hidden-session":!e.sessionPrepared}),onSessionFinished:e.handleSessionFinished,onSessionPrepared:e.handleSessionPrepared,onSessionError:e.handleSessionError},null,8,[`content-sources`,`session-time-limit`,`user`,`session-config`,`data-layer`,`get-view-component`,`class`,`onSessionFinished`,`onSessionPrepared`,`onSessionError`])])):m(``,!0)])):(r(),d(`div`,G,[n(g,{"initial-time-limit":e.sessionTimeLimit,onInitStudySession:s[0]||(s[0]=(t,n)=>e.initStudySession(t,n))},null,8,[`initial-time-limit`])]))}var ee=C(W,[[`render`,_sfc_render],[`__scopeId`,`data-v-dcbc1fde`]]);export{ee as default};
+//# sourceMappingURL=Study-D9W1DKes.js.map

package/dist/assets/{Study-DJlTc-ZH.js.map → Study-D9W1DKes.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Study-DJlTc-ZH.js","names":[],"sources":["../../src/components/Study/SessionConfiguration.vue","../../src/components/Study/SessionConfiguration.vue","../../src/views/Study.vue","../../src/views/Study.vue"],"sourcesContent":["<template>\n  <div v-if=\"hasRegistrations || courseLoadError || classroomLoadError\">\n    <div data-cy=\"select-quilts-header\" class=\"text-h4 mb-4\">Study Session Setup</div>\n\n    <!-- Error Messages -->\n    <v-alert v-if=\"courseLoadError\" type=\"warning\" class=\"mb-4\">\n      Unable to load course data. Some features may be unavailable.\n    </v-alert>\n\n    <v-alert v-if=\"classroomLoadError\" type=\"warning\" class=\"mb-4\">\n      Unable to load classroom data. You can still study individual courses.\n    </v-alert>\n\n    <div class=\"session-layout\">\n      <!-- Left Column: Course Selection -->\n      <div class=\"course-selection-container\">\n        <div class=\"text-h6 mb-3\">Select Quilts to Study</div>\n\n        <!-- Classrooms -->\n        <div v-for=\"classroom in activeClasses\" :key=\"classroom.classID\" class=\"course-row\">\n          <div class=\"course-row-header\">\n            <v-checkbox\n              v-model=\"classroom.selected\"\n              :label=\"`Class: ${classroom.name}`\"\n              hide-details\n              @click.capture=\"update\"\n            />\n            <span class=\"reviews-count\">-</span>\n          </div>\n        </div>\n\n        <!-- Courses -->\n        <div v-for=\"course in activeCourses\" :key=\"course.courseID\" class=\"course-row\">\n          <div class=\"course-row-header\">\n            <v-checkbox\n              v-model=\"course.selected\"\n              data-cy=\"course-checkbox\"\n              :label=\"`q/${course.name}`\"\n              hide-details\n              @click.capture=\"update\"\n            />\n            <div class=\"course-row-actions\">\n              <span class=\"reviews-count\">{{ course.reviews }}</span>\n              <v-btn\n                v-if=\"course.selected\"\n                variant=\"text\"\n                size=\"small\"\n                :color=\"hasActiveTagFilter(course) ? 'primary' : 'default'\"\n                @click=\"toggleTagFilter(course.courseID)\"\n              >\n                <v-icon start size=\"small\">mdi-filter-variant</v-icon>\n                {{ hasActiveTagFilter(course) ? 'Filtered' : 'Filter' }}\n                <v-icon end size=\"small\">\n                  {{ expandedFilters[course.courseID] ? 'mdi-chevron-up' : 'mdi-chevron-down' }}\n                </v-icon>\n              </v-btn>\n            </div>\n          </div>\n\n          <!-- Tag Filter Widget (expandable) -->\n          <v-expand-transition>\n            <div v-if=\"course.selected && expandedFilters[course.courseID]\" class=\"tag-filter-container\">\n              <CourseTagFilterWidget v-model=\"course.tagFilter\" :course-id=\"course.courseID\" />\n            </div>\n          </v-expand-transition>\n        </div>\n\n        <!-- Select All -->\n        <div class=\"select-all-row mt-3\">\n          <v-checkbox\n            id=\"SelectAll\"\n            ref=\"selectAll\"\n            v-model=\"allSelected\"\n            autofocus\n            label=\"Select All\"\n            hide-details\n            @update:model-value=\"toggleAll\"\n          ></v-checkbox>\n        </div>\n      </div>\n\n      <!-- Right Column: Time Configuration and Start Button -->\n      <div class=\"fixed-controls-container\">\n        <div class=\"fixed-controls\">\n          <div class=\"text-h6 mb-3\">Session Settings</div>\n\n          <div class=\"mb-5\">\n            <v-text-field\n              ref=\"numberField\"\n              v-model=\"timeLimit\"\n              class=\"time-limit-field\"\n              variant=\"outlined\"\n              label=\"Study Session Timelimit\"\n              prepend-inner-icon=\"mdi-clock-outline\"\n              prepend-icon=\"mdi-minus\"\n              append-icon=\"mdi-plus\"\n              :suffix=\"timeLimit > 1 ? 'minutes' : 'minute'\"\n              mask=\"##\"\n              type=\"number\"\n              @click:prepend=\"dec\"\n              @click:append=\"inc\"\n            />\n          </div>\n\n          <!-- Filter Summary -->\n          <div v-if=\"hasAnyActiveFilter\" class=\"filter-summary mb-4\">\n            <v-icon size=\"small\" color=\"primary\" class=\"mr-1\">mdi-filter</v-icon>\n            <span class=\"text-caption\">\n              {{ activeFilterCount }} course{{ activeFilterCount > 1 ? 's' : '' }} with tag filters\n            </span>\n          </div>\n\n          <SkMouseTrapToolTip\n            hotkey=\"enter\"\n            command=\"Start Session\"\n            :disabled=\"!hasSelectedSources\"\n            highlight-effect=\"scale\"\n          >\n            <v-btn\n              data-cy=\"start-studying-button\"\n              color=\"success\"\n              size=\"large\"\n              block\n              class=\"start-btn\"\n              :disabled=\"!hasSelectedSources\"\n              @click=\"startSession\"\n            >\n              <v-icon start>mdi-play</v-icon>\n              Start!\n            </v-btn>\n          </SkMouseTrapToolTip>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div v-else-if=\"!courseLoadError && !classroomLoadError\" class=\"text-h4\">\n    <p>You don't have anything to study!</p>\n    <p>Head over to the <router-link to=\"/quilts\">Quilts</router-link> page to find something for you.</p>\n  </div>\n  <div v-else class=\"text-h4\">\n    <p>Unable to load study data due to technical issues.</p>\n    <p>Please try refreshing the page or contact support if the problem persists.</p>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue';\nimport { SkldrMouseTrap, getCurrentUser, SkMouseTrapToolTip, CourseTagFilterWidget } from '@vue-skuilder/common-ui';\nimport { CourseRegistration, UserDBInterface, getDataLayer, ContentSourceID } from '@vue-skuilder/db';\nimport { TagFilter, hasActiveFilter } from '@vue-skuilder/common';\n\nexport interface SessionConfigMetaData {\n  selected: boolean;\n  name: string;\n  reviews: number;\n  tagFilter?: TagFilter;\n}\n\n// Extended ContentSourceID that can carry tag filter configuration\nexport interface TagFilteredContentSourceID extends ContentSourceID {\n  tagFilter?: TagFilter;\n}\n\nexport default defineComponent({\n  name: 'SessionConfiguration',\n\n  components: {\n    SkMouseTrapToolTip,\n    CourseTagFilterWidget,\n  },\n\n  props: {\n    initialTimeLimit: {\n      type: Number,\n      required: true,\n      default: 5,\n    },\n  },\n\n  emits: ['initStudySession'],\n\n  data() {\n    return {\n      registeredHotkeys: [] as (string | string[])[],\n      allSelected: true,\n      activeCourses: [] as (CourseRegistration & SessionConfigMetaData)[],\n      activeClasses: [] as ({ classID: string } & SessionConfigMetaData)[],\n      hasRegistrations: true,\n      user: null as UserDBInterface | null,\n      timeLimit: this.initialTimeLimit,\n      courseLoadError: false,\n      classroomLoadError: false,\n      expandedFilters: {} as Record<string, boolean>,\n    };\n  },\n\n  computed: {\n    hasSelectedSources(): boolean {\n      return this.activeCourses.some((c) => c.selected) || this.activeClasses.some((c) => c.selected);\n    },\n\n    hasAnyActiveFilter(): boolean {\n      return this.activeCourses.some((c) => c.selected && this.hasActiveTagFilter(c));\n    },\n\n    activeFilterCount(): number {\n      return this.activeCourses.filter((c) => c.selected && this.hasActiveTagFilter(c)).length;\n    },\n  },\n\n  watch: {\n    timeLimit: {\n      handler() {\n        if (this.timeLimit <= 0) {\n          this.timeLimit = 1;\n        }\n      },\n    },\n  },\n\n  beforeUnmount() {\n    // Clean up registered hotkeys when component unmounts\n    if (this.registeredHotkeys) {\n      this.registeredHotkeys.forEach((key) => {\n        SkldrMouseTrap.removeBinding(key);\n      });\n    }\n  },\n\n  async created() {\n    this.user = await getCurrentUser();\n    this.timeLimit = this.initialTimeLimit;\n\n    this.setHotkeys();\n    const [coursesResult, classroomsResult] = await Promise.allSettled([\n      this.getActiveCourses(),\n      this.getActiveClassrooms(),\n    ]);\n\n    // Handle course loading failure\n    if (coursesResult.status === 'rejected') {\n      console.error('Failed to load courses:', coursesResult.reason);\n      this.courseLoadError = true;\n    }\n\n    // Handle classroom loading failure\n    if (classroomsResult.status === 'rejected') {\n      console.error('Failed to load classrooms:', classroomsResult.reason);\n      this.classroomLoadError = true;\n    }\n\n    if (\n      this.activeCourses.length === 0 &&\n      this.activeClasses.length === 0 &&\n      !this.courseLoadError &&\n      !this.classroomLoadError\n    ) {\n      this.hasRegistrations = false;\n    }\n  },\n\n  mounted() {\n    document.getElementById('SelectAll')?.focus();\n  },\n\n  unmounted() {\n    // Clean up registered hotkeys when component unmounts\n    if (this.registeredHotkeys) {\n      this.registeredHotkeys.forEach((key) => {\n        SkldrMouseTrap.removeBinding(key);\n      });\n    }\n  },\n\n  methods: {\n    inc() {\n      this.timeLimit = this.timeLimit + 1;\n      console.log(`inc to ${this.timeLimit}`);\n    },\n\n    dec() {\n      this.timeLimit--;\n      console.log(`dec to ${this.timeLimit}`);\n    },\n\n    update() {\n      console.log(JSON.stringify(this.activeCourses));\n      console.log(JSON.stringify(this.activeClasses));\n    },\n\n    toggleAll(): void {\n      console.log(`Toggling all courses`);\n      this.activeCourses.forEach((crs) => {\n        crs.selected = this.allSelected;\n      });\n      this.activeClasses.forEach((cl) => {\n        cl.selected = this.allSelected;\n      });\n      console.log(JSON.stringify(this.activeCourses));\n    },\n\n    toggleTagFilter(courseID: string): void {\n      this.expandedFilters[courseID] = !this.expandedFilters[courseID];\n    },\n\n    hasActiveTagFilter(course: CourseRegistration & SessionConfigMetaData): boolean {\n      return hasActiveFilter(course.tagFilter);\n    },\n\n    startSession() {\n      // Clean up any registered hotkeys before starting session\n      if (this.registeredHotkeys) {\n        this.registeredHotkeys.forEach((key) => {\n          SkldrMouseTrap.removeBinding(key);\n        });\n      }\n\n      // Build sources with optional tag filters\n      const selectedCourses: TagFilteredContentSourceID[] = this.activeCourses\n        .filter((c) => c.selected)\n        .map((c) => {\n          const source: TagFilteredContentSourceID = {\n            type: 'course',\n            id: c.courseID,\n          };\n          // Only include tagFilter if it has active constraints\n          if (hasActiveFilter(c.tagFilter)) {\n            source.tagFilter = c.tagFilter;\n          }\n          return source;\n        });\n\n      const selectedClassrooms: ContentSourceID[] = this.activeClasses\n        .filter((cl) => cl.selected)\n        .map((cl) => ({\n          type: 'classroom',\n          id: cl.classID,\n        }));\n\n      const allSelectedSources = [...selectedCourses, ...selectedClassrooms];\n      this.$emit('initStudySession', allSelectedSources, this.timeLimit);\n    },\n\n    async getActiveClassrooms() {\n      const classes = await (await getCurrentUser()).getActiveClasses();\n      const activeClasses: ({ classID: string } & SessionConfigMetaData)[] = [];\n\n      console.log(`Active classes: ${JSON.stringify(classes)}`);\n\n      await Promise.all(\n        classes.map((c) =>\n          (async (classID: string) => {\n            const classDb = await getDataLayer().getClassroomDB(classID, `student`);\n            activeClasses.push({\n              classID,\n              name: classDb.getConfig().name,\n              selected: true,\n              reviews: 0,\n            });\n          })(c)\n        )\n      );\n      this.activeClasses = activeClasses;\n    },\n\n    async getActiveCourses() {\n      this.activeCourses = (await this.user!.getActiveCourses()).map((c) => ({\n        ...c,\n        selected: true,\n        name: '',\n        reviews: 0,\n        tagFilter: undefined,\n      }));\n\n      Promise.all(\n        this.activeCourses.map(async (c, i) => {\n          const cfg = await getDataLayer().getCoursesDB().getCourseConfig(c.courseID);\n          const crsInterface = await this.user?.getCourseInterface(c.courseID);\n          return (async () => {\n            return Promise.all([\n              (this.activeCourses[i].name = cfg.name),\n              (this.activeCourses[i].reviews = await crsInterface!.getScheduledReviewCount()),\n            ]);\n          })();\n        })\n      );\n    },\n\n    setHotkeys() {\n      const hotkeys = [\n        {\n          hotkey: 'right',\n          callback: () => {\n            this.timeLimit++;\n          },\n          command: 'Increase time limit',\n        },\n        {\n          hotkey: 'left',\n          callback: () => {\n            this.timeLimit--;\n          },\n          command: 'Decrease time limit',\n        },\n      ];\n      SkldrMouseTrap.addBinding(hotkeys);\n      this.registeredHotkeys = hotkeys.map((k) => k.hotkey);\n    },\n  },\n});\n</script>\n\n<style scoped>\n/* Layout for session configuration */\n.session-layout {\n  display: flex;\n  flex-direction: column;\n}\n\n/* Fixed controls container */\n.fixed-controls-container {\n  width: 100%;\n  margin-bottom: 20px;\n}\n\n.fixed-controls {\n  display: flex;\n  flex-direction: column;\n}\n\n.time-limit-field {\n  width: 100%;\n  margin-bottom: 16px;\n}\n\n.start-btn {\n  margin-top: 8px;\n  max-height: 150px;\n}\n\n/* Course selection styles */\n.course-selection-container {\n  width: 100%;\n}\n\n.course-row {\n  border-bottom: 1px solid rgba(var(--v-border-color), 0.12);\n  padding: 8px 0;\n}\n\n.course-row-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n}\n\n.course-row-actions {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n\n.reviews-count {\n  min-width: 32px;\n  text-align: center;\n  color: rgba(var(--v-theme-on-surface), 0.6);\n}\n\n.tag-filter-container {\n  padding: 12px 0 12px 32px;\n  background-color: rgba(var(--v-theme-surface-variant), 0.3);\n  border-radius: 4px;\n  margin-top: 8px;\n}\n\n.select-all-row {\n  padding-top: 8px;\n  border-top: 2px solid rgba(var(--v-border-color), 0.24);\n}\n\n.filter-summary {\n  display: flex;\n  align-items: center;\n  padding: 8px 12px;\n  background-color: rgba(var(--v-theme-primary), 0.08);\n  border-radius: 4px;\n}\n\n/* Media queries for desktop layout */\n@media (min-width: 960px) {\n  .session-layout {\n    flex-direction: row;\n    gap: 40px;\n  }\n\n  .fixed-controls-container {\n    width: 300px;\n    flex-shrink: 0;\n  }\n\n  .fixed-controls {\n    position: sticky;\n    top: 20px;\n    padding-left: 20px;\n  }\n\n  .course-selection-container {\n    flex-grow: 1;\n    border-right: 1px solid rgba(0, 0, 0, 0.12);\n    padding-right: 20px;\n  }\n}\n</style>\n","<template>\n  <div v-if=\"hasRegistrations || courseLoadError || classroomLoadError\">\n    <div data-cy=\"select-quilts-header\" class=\"text-h4 mb-4\">Study Session Setup</div>\n\n    <!-- Error Messages -->\n    <v-alert v-if=\"courseLoadError\" type=\"warning\" class=\"mb-4\">\n      Unable to load course data. Some features may be unavailable.\n    </v-alert>\n\n    <v-alert v-if=\"classroomLoadError\" type=\"warning\" class=\"mb-4\">\n      Unable to load classroom data. You can still study individual courses.\n    </v-alert>\n\n    <div class=\"session-layout\">\n      <!-- Left Column: Course Selection -->\n      <div class=\"course-selection-container\">\n        <div class=\"text-h6 mb-3\">Select Quilts to Study</div>\n\n        <!-- Classrooms -->\n        <div v-for=\"classroom in activeClasses\" :key=\"classroom.classID\" class=\"course-row\">\n          <div class=\"course-row-header\">\n            <v-checkbox\n              v-model=\"classroom.selected\"\n              :label=\"`Class: ${classroom.name}`\"\n              hide-details\n              @click.capture=\"update\"\n            />\n            <span class=\"reviews-count\">-</span>\n          </div>\n        </div>\n\n        <!-- Courses -->\n        <div v-for=\"course in activeCourses\" :key=\"course.courseID\" class=\"course-row\">\n          <div class=\"course-row-header\">\n            <v-checkbox\n              v-model=\"course.selected\"\n              data-cy=\"course-checkbox\"\n              :label=\"`q/${course.name}`\"\n              hide-details\n              @click.capture=\"update\"\n            />\n            <div class=\"course-row-actions\">\n              <span class=\"reviews-count\">{{ course.reviews }}</span>\n              <v-btn\n                v-if=\"course.selected\"\n                variant=\"text\"\n                size=\"small\"\n                :color=\"hasActiveTagFilter(course) ? 'primary' : 'default'\"\n                @click=\"toggleTagFilter(course.courseID)\"\n              >\n                <v-icon start size=\"small\">mdi-filter-variant</v-icon>\n                {{ hasActiveTagFilter(course) ? 'Filtered' : 'Filter' }}\n                <v-icon end size=\"small\">\n                  {{ expandedFilters[course.courseID] ? 'mdi-chevron-up' : 'mdi-chevron-down' }}\n                </v-icon>\n              </v-btn>\n            </div>\n          </div>\n\n          <!-- Tag Filter Widget (expandable) -->\n          <v-expand-transition>\n            <div v-if=\"course.selected && expandedFilters[course.courseID]\" class=\"tag-filter-container\">\n              <CourseTagFilterWidget v-model=\"course.tagFilter\" :course-id=\"course.courseID\" />\n            </div>\n          </v-expand-transition>\n        </div>\n\n        <!-- Select All -->\n        <div class=\"select-all-row mt-3\">\n          <v-checkbox\n            id=\"SelectAll\"\n            ref=\"selectAll\"\n            v-model=\"allSelected\"\n            autofocus\n            label=\"Select All\"\n            hide-details\n            @update:model-value=\"toggleAll\"\n          ></v-checkbox>\n        </div>\n      </div>\n\n      <!-- Right Column: Time Configuration and Start Button -->\n      <div class=\"fixed-controls-container\">\n        <div class=\"fixed-controls\">\n          <div class=\"text-h6 mb-3\">Session Settings</div>\n\n          <div class=\"mb-5\">\n            <v-text-field\n              ref=\"numberField\"\n              v-model=\"timeLimit\"\n              class=\"time-limit-field\"\n              variant=\"outlined\"\n              label=\"Study Session Timelimit\"\n              prepend-inner-icon=\"mdi-clock-outline\"\n              prepend-icon=\"mdi-minus\"\n              append-icon=\"mdi-plus\"\n              :suffix=\"timeLimit > 1 ? 'minutes' : 'minute'\"\n              mask=\"##\"\n              type=\"number\"\n              @click:prepend=\"dec\"\n              @click:append=\"inc\"\n            />\n          </div>\n\n          <!-- Filter Summary -->\n          <div v-if=\"hasAnyActiveFilter\" class=\"filter-summary mb-4\">\n            <v-icon size=\"small\" color=\"primary\" class=\"mr-1\">mdi-filter</v-icon>\n            <span class=\"text-caption\">\n              {{ activeFilterCount }} course{{ activeFilterCount > 1 ? 's' : '' }} with tag filters\n            </span>\n          </div>\n\n          <SkMouseTrapToolTip\n            hotkey=\"enter\"\n            command=\"Start Session\"\n            :disabled=\"!hasSelectedSources\"\n            highlight-effect=\"scale\"\n          >\n            <v-btn\n              data-cy=\"start-studying-button\"\n              color=\"success\"\n              size=\"large\"\n              block\n              class=\"start-btn\"\n              :disabled=\"!hasSelectedSources\"\n              @click=\"startSession\"\n            >\n              <v-icon start>mdi-play</v-icon>\n              Start!\n            </v-btn>\n          </SkMouseTrapToolTip>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div v-else-if=\"!courseLoadError && !classroomLoadError\" class=\"text-h4\">\n    <p>You don't have anything to study!</p>\n    <p>Head over to the <router-link to=\"/quilts\">Quilts</router-link> page to find something for you.</p>\n  </div>\n  <div v-else class=\"text-h4\">\n    <p>Unable to load study data due to technical issues.</p>\n    <p>Please try refreshing the page or contact support if the problem persists.</p>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue';\nimport { SkldrMouseTrap, getCurrentUser, SkMouseTrapToolTip, CourseTagFilterWidget } from '@vue-skuilder/common-ui';\nimport { CourseRegistration, UserDBInterface, getDataLayer, ContentSourceID } from '@vue-skuilder/db';\nimport { TagFilter, hasActiveFilter } from '@vue-skuilder/common';\n\nexport interface SessionConfigMetaData {\n  selected: boolean;\n  name: string;\n  reviews: number;\n  tagFilter?: TagFilter;\n}\n\n// Extended ContentSourceID that can carry tag filter configuration\nexport interface TagFilteredContentSourceID extends ContentSourceID {\n  tagFilter?: TagFilter;\n}\n\nexport default defineComponent({\n  name: 'SessionConfiguration',\n\n  components: {\n    SkMouseTrapToolTip,\n    CourseTagFilterWidget,\n  },\n\n  props: {\n    initialTimeLimit: {\n      type: Number,\n      required: true,\n      default: 5,\n    },\n  },\n\n  emits: ['initStudySession'],\n\n  data() {\n    return {\n      registeredHotkeys: [] as (string | string[])[],\n      allSelected: true,\n      activeCourses: [] as (CourseRegistration & SessionConfigMetaData)[],\n      activeClasses: [] as ({ classID: string } & SessionConfigMetaData)[],\n      hasRegistrations: true,\n      user: null as UserDBInterface | null,\n      timeLimit: this.initialTimeLimit,\n      courseLoadError: false,\n      classroomLoadError: false,\n      expandedFilters: {} as Record<string, boolean>,\n    };\n  },\n\n  computed: {\n    hasSelectedSources(): boolean {\n      return this.activeCourses.some((c) => c.selected) || this.activeClasses.some((c) => c.selected);\n    },\n\n    hasAnyActiveFilter(): boolean {\n      return this.activeCourses.some((c) => c.selected && this.hasActiveTagFilter(c));\n    },\n\n    activeFilterCount(): number {\n      return this.activeCourses.filter((c) => c.selected && this.hasActiveTagFilter(c)).length;\n    },\n  },\n\n  watch: {\n    timeLimit: {\n      handler() {\n        if (this.timeLimit <= 0) {\n          this.timeLimit = 1;\n        }\n      },\n    },\n  },\n\n  beforeUnmount() {\n    // Clean up registered hotkeys when component unmounts\n    if (this.registeredHotkeys) {\n      this.registeredHotkeys.forEach((key) => {\n        SkldrMouseTrap.removeBinding(key);\n      });\n    }\n  },\n\n  async created() {\n    this.user = await getCurrentUser();\n    this.timeLimit = this.initialTimeLimit;\n\n    this.setHotkeys();\n    const [coursesResult, classroomsResult] = await Promise.allSettled([\n      this.getActiveCourses(),\n      this.getActiveClassrooms(),\n    ]);\n\n    // Handle course loading failure\n    if (coursesResult.status === 'rejected') {\n      console.error('Failed to load courses:', coursesResult.reason);\n      this.courseLoadError = true;\n    }\n\n    // Handle classroom loading failure\n    if (classroomsResult.status === 'rejected') {\n      console.error('Failed to load classrooms:', classroomsResult.reason);\n      this.classroomLoadError = true;\n    }\n\n    if (\n      this.activeCourses.length === 0 &&\n      this.activeClasses.length === 0 &&\n      !this.courseLoadError &&\n      !this.classroomLoadError\n    ) {\n      this.hasRegistrations = false;\n    }\n  },\n\n  mounted() {\n    document.getElementById('SelectAll')?.focus();\n  },\n\n  unmounted() {\n    // Clean up registered hotkeys when component unmounts\n    if (this.registeredHotkeys) {\n      this.registeredHotkeys.forEach((key) => {\n        SkldrMouseTrap.removeBinding(key);\n      });\n    }\n  },\n\n  methods: {\n    inc() {\n      this.timeLimit = this.timeLimit + 1;\n      console.log(`inc to ${this.timeLimit}`);\n    },\n\n    dec() {\n      this.timeLimit--;\n      console.log(`dec to ${this.timeLimit}`);\n    },\n\n    update() {\n      console.log(JSON.stringify(this.activeCourses));\n      console.log(JSON.stringify(this.activeClasses));\n    },\n\n    toggleAll(): void {\n      console.log(`Toggling all courses`);\n      this.activeCourses.forEach((crs) => {\n        crs.selected = this.allSelected;\n      });\n      this.activeClasses.forEach((cl) => {\n        cl.selected = this.allSelected;\n      });\n      console.log(JSON.stringify(this.activeCourses));\n    },\n\n    toggleTagFilter(courseID: string): void {\n      this.expandedFilters[courseID] = !this.expandedFilters[courseID];\n    },\n\n    hasActiveTagFilter(course: CourseRegistration & SessionConfigMetaData): boolean {\n      return hasActiveFilter(course.tagFilter);\n    },\n\n    startSession() {\n      // Clean up any registered hotkeys before starting session\n      if (this.registeredHotkeys) {\n        this.registeredHotkeys.forEach((key) => {\n          SkldrMouseTrap.removeBinding(key);\n        });\n      }\n\n      // Build sources with optional tag filters\n      const selectedCourses: TagFilteredContentSourceID[] = this.activeCourses\n        .filter((c) => c.selected)\n        .map((c) => {\n          const source: TagFilteredContentSourceID = {\n            type: 'course',\n            id: c.courseID,\n          };\n          // Only include tagFilter if it has active constraints\n          if (hasActiveFilter(c.tagFilter)) {\n            source.tagFilter = c.tagFilter;\n          }\n          return source;\n        });\n\n      const selectedClassrooms: ContentSourceID[] = this.activeClasses\n        .filter((cl) => cl.selected)\n        .map((cl) => ({\n          type: 'classroom',\n          id: cl.classID,\n        }));\n\n      const allSelectedSources = [...selectedCourses, ...selectedClassrooms];\n      this.$emit('initStudySession', allSelectedSources, this.timeLimit);\n    },\n\n    async getActiveClassrooms() {\n      const classes = await (await getCurrentUser()).getActiveClasses();\n      const activeClasses: ({ classID: string } & SessionConfigMetaData)[] = [];\n\n      console.log(`Active classes: ${JSON.stringify(classes)}`);\n\n      await Promise.all(\n        classes.map((c) =>\n          (async (classID: string) => {\n            const classDb = await getDataLayer().getClassroomDB(classID, `student`);\n            activeClasses.push({\n              classID,\n              name: classDb.getConfig().name,\n              selected: true,\n              reviews: 0,\n            });\n          })(c)\n        )\n      );\n      this.activeClasses = activeClasses;\n    },\n\n    async getActiveCourses() {\n      this.activeCourses = (await this.user!.getActiveCourses()).map((c) => ({\n        ...c,\n        selected: true,\n        name: '',\n        reviews: 0,\n        tagFilter: undefined,\n      }));\n\n      Promise.all(\n        this.activeCourses.map(async (c, i) => {\n          const cfg = await getDataLayer().getCoursesDB().getCourseConfig(c.courseID);\n          const crsInterface = await this.user?.getCourseInterface(c.courseID);\n          return (async () => {\n            return Promise.all([\n              (this.activeCourses[i].name = cfg.name),\n              (this.activeCourses[i].reviews = await crsInterface!.getScheduledReviewCount()),\n            ]);\n          })();\n        })\n      );\n    },\n\n    setHotkeys() {\n      const hotkeys = [\n        {\n          hotkey: 'right',\n          callback: () => {\n            this.timeLimit++;\n          },\n          command: 'Increase time limit',\n        },\n        {\n          hotkey: 'left',\n          callback: () => {\n            this.timeLimit--;\n          },\n          command: 'Decrease time limit',\n        },\n      ];\n      SkldrMouseTrap.addBinding(hotkeys);\n      this.registeredHotkeys = hotkeys.map((k) => k.hotkey);\n    },\n  },\n});\n</script>\n\n<style scoped>\n/* Layout for session configuration */\n.session-layout {\n  display: flex;\n  flex-direction: column;\n}\n\n/* Fixed controls container */\n.fixed-controls-container {\n  width: 100%;\n  margin-bottom: 20px;\n}\n\n.fixed-controls {\n  display: flex;\n  flex-direction: column;\n}\n\n.time-limit-field {\n  width: 100%;\n  margin-bottom: 16px;\n}\n\n.start-btn {\n  margin-top: 8px;\n  max-height: 150px;\n}\n\n/* Course selection styles */\n.course-selection-container {\n  width: 100%;\n}\n\n.course-row {\n  border-bottom: 1px solid rgba(var(--v-border-color), 0.12);\n  padding: 8px 0;\n}\n\n.course-row-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n}\n\n.course-row-actions {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n\n.reviews-count {\n  min-width: 32px;\n  text-align: center;\n  color: rgba(var(--v-theme-on-surface), 0.6);\n}\n\n.tag-filter-container {\n  padding: 12px 0 12px 32px;\n  background-color: rgba(var(--v-theme-surface-variant), 0.3);\n  border-radius: 4px;\n  margin-top: 8px;\n}\n\n.select-all-row {\n  padding-top: 8px;\n  border-top: 2px solid rgba(var(--v-border-color), 0.24);\n}\n\n.filter-summary {\n  display: flex;\n  align-items: center;\n  padding: 8px 12px;\n  background-color: rgba(var(--v-theme-primary), 0.08);\n  border-radius: 4px;\n}\n\n/* Media queries for desktop layout */\n@media (min-width: 960px) {\n  .session-layout {\n    flex-direction: row;\n    gap: 40px;\n  }\n\n  .fixed-controls-container {\n    width: 300px;\n    flex-shrink: 0;\n  }\n\n  .fixed-controls {\n    position: sticky;\n    top: 20px;\n    padding-left: 20px;\n  }\n\n  .course-selection-container {\n    flex-grow: 1;\n    border-right: 1px solid rgba(0, 0, 0, 0.12);\n    padding-right: 20px;\n  }\n}\n</style>\n","<template>\n  <div v-if=\"!inSession\">\n    <SessionConfiguration\n      :initial-time-limit=\"sessionTimeLimit\"\n      @init-study-session=\"(sources, timeLimit) => initStudySession(sources, timeLimit)\"\n    />\n  </div>\n  <div v-else>\n    <div v-if=\"previewMode && previewCourseConfig\" align=\"center\">\n      <v-row>\n        <v-col>\n          <span class=\"text-h5\">\n            Quilt preview for <em>{{ previewCourseConfig.name }}</em>\n          </span>\n          <v-btn size=\"small\" color=\"primary\" @click=\"registerUserForPreviewCourse\">Join</v-btn>\n          <router-link :to=\"`/quilts/${previewCourseConfig.courseID}`\">\n            <v-btn size=\"small\" color=\"secondary\">More info</v-btn>\n          </router-link>\n          <v-spacer></v-spacer>\n        </v-col>\n      </v-row>\n    </div>\n    <div v-else-if=\"previewMode\">\n      <v-row>\n        <v-col>\n          <span class=\"text-h5\">... No course was specified for the preview.</span>\n          <div>(this shouldn't happen)...</div>\n        </v-col>\n      </v-row>\n    </div>\n\n    <!-- Study Session Component (may be in loading state) -->\n    <div v-if=\"inSession\">\n      <!-- Loading indicator while session is being prepared -->\n      <div v-if=\"!sessionPrepared && !sessionError\" class=\"session-loading\">\n        <v-container class=\"text-center\">\n          <v-row justify=\"center\" align=\"center\" style=\"min-height: 50vh\">\n            <v-col cols=\"12\">\n              <v-progress-circular size=\"70\" width=\"7\" color=\"primary\" indeterminate></v-progress-circular>\n              <div class=\"text-h5 mt-4\">Preparing your study session...</div>\n              <div class=\"text-subtitle-1 mt-2\">Getting your learning materials ready</div>\n            </v-col>\n          </v-row>\n        </v-container>\n      </div>\n\n      <!-- Error state -->\n      <div v-if=\"sessionError\" class=\"session-error\">\n        <v-container class=\"text-center\">\n          <v-row justify=\"center\" align=\"center\" style=\"min-height: 50vh\">\n            <v-col cols=\"12\">\n              <v-icon size=\"64\" color=\"error\">mdi-alert-circle</v-icon>\n              <div class=\"text-h5 mt-4 text-error\">Session Preparation Failed</div>\n              <div class=\"text-subtitle-1 mt-2\">\n                {{ errorMessage || 'There was a problem preparing your study session.' }}\n              </div>\n              <v-btn color=\"primary\" class=\"mt-6\" @click=\"refreshRoute\">Try Again</v-btn>\n            </v-col>\n          </v-row>\n        </v-container>\n      </div>\n\n      <StudySession\n        :content-sources=\"sessionContentSources\"\n        :session-time-limit=\"sessionTimeLimit\"\n        :user=\"user as UserDBInterface\"\n        :session-config=\"studySessionConfig\"\n        :data-layer=\"dataLayer\"\n        :get-view-component=\"getViewComponent\"\n        :class=\"{ 'hidden-session': !sessionPrepared }\"\n        @session-finished=\"handleSessionFinished\"\n        @session-prepared=\"handleSessionPrepared\"\n        @session-error=\"handleSessionError\"\n      />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport SessionConfiguration from '@pui/components/Study/SessionConfiguration.vue';\nimport { getCurrentUser, useConfigStore } from '@vue-skuilder/common-ui';\nimport { useDataInputFormStore } from '@vue-skuilder/edit-ui';\nimport { CourseConfig, TagFilter, hasActiveFilter } from '@vue-skuilder/common';\nimport { StudySession, type StudySessionConfig } from '@vue-skuilder/common-ui';\nimport { allCourseWare } from '@vue-skuilder/courseware';\nimport { ContentSourceID, UserDBInterface, getDataLayer } from '@vue-skuilder/db';\nimport { defineComponent } from 'vue';\nimport { Router } from 'vue-router';\n\nfunction randomInt(min: number, max: number): number {\n  return Math.floor(Math.random() * (max - min + 1)) + min;\n}\n\nexport default defineComponent({\n  name: 'StudyView',\n\n  components: {\n    SessionConfiguration,\n    StudySession,\n  },\n\n  inject: {\n    router: {\n      from: 'router',\n    },\n  },\n\n  props: {\n    /**\n     * If present, user will engage in a study session for the specified (non-registered) course.\n     */\n    previewCourseID: {\n      type: String,\n      required: false,\n      default: '',\n    },\n    /**\n     * If true, the user will engage in a study session for a\n     * random (public) course they are not already registered for.\n     */\n    randomPreview: {\n      type: Boolean,\n      required: false,\n    },\n    /**\n     * If present, user will engage in a study session for the specified (registered) course.\n     */\n    focusCourseID: {\n      type: String,\n      required: false,\n      default: '',\n    },\n  },\n\n  data() {\n    return {\n      user: null as UserDBInterface | null,\n      studySessionConfig: undefined as StudySessionConfig | undefined,\n      previewCourseConfig: undefined as CourseConfig | undefined,\n      previewMode: false,\n      sessionTimeLimit: 5,\n      inSession: false,\n      sessionPrepared: false,\n      sessionError: false,\n      errorMessage: '',\n      sessionContentSources: [] as ContentSourceID[],\n      dataInputFormStore: useDataInputFormStore(),\n      getViewComponent: (view_id: string) => allCourseWare.getView(view_id),\n      dataLayer: getDataLayer(),\n    };\n  },\n\n  async created() {\n    this.user = await getCurrentUser();\n    this.studySessionConfig = {\n      likesConfetti: useConfigStore().config.likesConfetti,\n    };\n\n    let singletonStudyCourseID = '';\n\n    if (this.randomPreview) {\n      const userCourseRegDoc = await this.user.getCourseRegistrationsDoc();\n      const allCourseWare = (await getDataLayer().getCoursesDB().getCourseList()).map((r) => r.courseID);\n      const unRegisteredCourses = allCourseWare.filter((c) => {\n        return !userCourseRegDoc.courses.some((rc) => rc.courseID === c);\n      });\n      if (unRegisteredCourses.length > 0) {\n        singletonStudyCourseID = unRegisteredCourses[randomInt(0, unRegisteredCourses.length)]!;\n      } else {\n        singletonStudyCourseID = allCourseWare[randomInt(0, allCourseWare.length)]!;\n      }\n    }\n\n    if (this.previewCourseID) {\n      this.previewMode = true;\n      getDataLayer()\n        .getCoursesDB()\n        .getCourseList()\n        .then((courses) => {\n          courses.forEach((c) => {\n            if (c.courseID === this.previewCourseID) {\n              this.previewCourseConfig = c;\n              this.previewCourseConfig!.courseID = c.courseID;\n            }\n          });\n        });\n\n      console.log(`[Study] COURSE PREVIEW MODE FOR ${this.previewCourseID}`);\n      await this.user!.registerForCourse(this.previewCourseID, true);\n\n      singletonStudyCourseID = this.previewCourseID;\n    }\n\n    if (this.focusCourseID) {\n      console.log(`[Study] FOCUS study session: ${this.focusCourseID}`);\n      singletonStudyCourseID = this.focusCourseID;\n    }\n\n    if (singletonStudyCourseID) {\n      // Parse tag filter from query params\n      const tagFilter = this.parseTagFilterFromQuery();\n      const source: ContentSourceID = {\n        type: 'course',\n        id: singletonStudyCourseID,\n      };\n\n      if (hasActiveFilter(tagFilter)) {\n        source.tagFilter = tagFilter;\n        console.log(`[Study] Tag filter from query params:`, tagFilter);\n      }\n\n      this.initStudySession([source], this.sessionTimeLimit);\n    }\n  },\n\n  methods: {\n    refreshRoute() {\n      (this.router as Router).go(0);\n    },\n\n    async initStudySession(sources: ContentSourceID[], timeLimit: number) {\n      console.log(`[Study] starting study session w/ sources: ${JSON.stringify(sources)}`);\n\n      this.sessionContentSources = sources;\n      this.sessionTimeLimit = timeLimit;\n      this.inSession = true;\n      this.sessionPrepared = false;\n\n      // Adding a console log to debug event handling\n      console.log('[Study] Waiting for session-prepared event from StudySession component');\n    },\n\n    registerUserForPreviewCourse() {\n      this.user!.registerForCourse(this.previewCourseConfig!.courseID!).then(() =>\n        (this.router as Router).push(`/quilts/${this.previewCourseConfig!.courseID!}`)\n      );\n    },\n\n    handleSessionFinished() {\n      this.refreshRoute();\n    },\n\n    handleSessionPrepared() {\n      console.log('[Study] Session preparation complete - received session-prepared event');\n      this.sessionPrepared = true;\n      this.sessionError = false;\n      this.errorMessage = '';\n    },\n\n    handleSessionError({ message, error }) {\n      console.error('[Study] Session error:', message, error);\n      this.sessionError = true;\n      this.errorMessage = message || 'An error occurred while preparing your study session.';\n      this.sessionPrepared = false;\n    },\n\n    /**\n     * Parse tag filter from URL query parameters.\n     *\n     * Supports:\n     * - ?include=tagA,tagB&exclude=tagC\n     * - Comma-separated values for multiple tags\n     *\n     * @returns TagFilter parsed from query, or empty filter if no params\n     */\n    parseTagFilterFromQuery(): TagFilter {\n      const includeParam = this.$route.query.include;\n      const excludeParam = this.$route.query.exclude;\n\n      const parseParam = (param: string | string[] | undefined | null): string[] => {\n        if (!param) return [];\n        if (Array.isArray(param)) {\n          // Handle repeated params: ?include=a&include=b\n          return param.flatMap((p) => (p ? p.split(',').map((t) => t.trim()) : [])).filter(Boolean);\n        }\n        // Handle comma-separated: ?include=a,b\n        return param\n          .split(',')\n          .map((t) => t.trim())\n          .filter(Boolean);\n      };\n\n      return {\n        include: parseParam(includeParam as string | string[] | undefined),\n        exclude: parseParam(excludeParam as string | string[] | undefined),\n      };\n    },\n  },\n});\n</script>\n\n<style scoped>\n.hidden-session {\n  visibility: hidden;\n  position: absolute;\n  z-index: -1;\n}\n\n.session-error {\n  color: var(--v-error-base);\n}\n</style>\n","<template>\n  <div v-if=\"!inSession\">\n    <SessionConfiguration\n      :initial-time-limit=\"sessionTimeLimit\"\n      @init-study-session=\"(sources, timeLimit) => initStudySession(sources, timeLimit)\"\n    />\n  </div>\n  <div v-else>\n    <div v-if=\"previewMode && previewCourseConfig\" align=\"center\">\n      <v-row>\n        <v-col>\n          <span class=\"text-h5\">\n            Quilt preview for <em>{{ previewCourseConfig.name }}</em>\n          </span>\n          <v-btn size=\"small\" color=\"primary\" @click=\"registerUserForPreviewCourse\">Join</v-btn>\n          <router-link :to=\"`/quilts/${previewCourseConfig.courseID}`\">\n            <v-btn size=\"small\" color=\"secondary\">More info</v-btn>\n          </router-link>\n          <v-spacer></v-spacer>\n        </v-col>\n      </v-row>\n    </div>\n    <div v-else-if=\"previewMode\">\n      <v-row>\n        <v-col>\n          <span class=\"text-h5\">... No course was specified for the preview.</span>\n          <div>(this shouldn't happen)...</div>\n        </v-col>\n      </v-row>\n    </div>\n\n    <!-- Study Session Component (may be in loading state) -->\n    <div v-if=\"inSession\">\n      <!-- Loading indicator while session is being prepared -->\n      <div v-if=\"!sessionPrepared && !sessionError\" class=\"session-loading\">\n        <v-container class=\"text-center\">\n          <v-row justify=\"center\" align=\"center\" style=\"min-height: 50vh\">\n            <v-col cols=\"12\">\n              <v-progress-circular size=\"70\" width=\"7\" color=\"primary\" indeterminate></v-progress-circular>\n              <div class=\"text-h5 mt-4\">Preparing your study session...</div>\n              <div class=\"text-subtitle-1 mt-2\">Getting your learning materials ready</div>\n            </v-col>\n          </v-row>\n        </v-container>\n      </div>\n\n      <!-- Error state -->\n      <div v-if=\"sessionError\" class=\"session-error\">\n        <v-container class=\"text-center\">\n          <v-row justify=\"center\" align=\"center\" style=\"min-height: 50vh\">\n            <v-col cols=\"12\">\n              <v-icon size=\"64\" color=\"error\">mdi-alert-circle</v-icon>\n              <div class=\"text-h5 mt-4 text-error\">Session Preparation Failed</div>\n              <div class=\"text-subtitle-1 mt-2\">\n                {{ errorMessage || 'There was a problem preparing your study session.' }}\n              </div>\n              <v-btn color=\"primary\" class=\"mt-6\" @click=\"refreshRoute\">Try Again</v-btn>\n            </v-col>\n          </v-row>\n        </v-container>\n      </div>\n\n      <StudySession\n        :content-sources=\"sessionContentSources\"\n        :session-time-limit=\"sessionTimeLimit\"\n        :user=\"user as UserDBInterface\"\n        :session-config=\"studySessionConfig\"\n        :data-layer=\"dataLayer\"\n        :get-view-component=\"getViewComponent\"\n        :class=\"{ 'hidden-session': !sessionPrepared }\"\n        @session-finished=\"handleSessionFinished\"\n        @session-prepared=\"handleSessionPrepared\"\n        @session-error=\"handleSessionError\"\n      />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport SessionConfiguration from '@pui/components/Study/SessionConfiguration.vue';\nimport { getCurrentUser, useConfigStore } from '@vue-skuilder/common-ui';\nimport { useDataInputFormStore } from '@vue-skuilder/edit-ui';\nimport { CourseConfig, TagFilter, hasActiveFilter } from '@vue-skuilder/common';\nimport { StudySession, type StudySessionConfig } from '@vue-skuilder/common-ui';\nimport { allCourseWare } from '@vue-skuilder/courseware';\nimport { ContentSourceID, UserDBInterface, getDataLayer } from '@vue-skuilder/db';\nimport { defineComponent } from 'vue';\nimport { Router } from 'vue-router';\n\nfunction randomInt(min: number, max: number): number {\n  return Math.floor(Math.random() * (max - min + 1)) + min;\n}\n\nexport default defineComponent({\n  name: 'StudyView',\n\n  components: {\n    SessionConfiguration,\n    StudySession,\n  },\n\n  inject: {\n    router: {\n      from: 'router',\n    },\n  },\n\n  props: {\n    /**\n     * If present, user will engage in a study session for the specified (non-registered) course.\n     */\n    previewCourseID: {\n      type: String,\n      required: false,\n      default: '',\n    },\n    /**\n     * If true, the user will engage in a study session for a\n     * random (public) course they are not already registered for.\n     */\n    randomPreview: {\n      type: Boolean,\n      required: false,\n    },\n    /**\n     * If present, user will engage in a study session for the specified (registered) course.\n     */\n    focusCourseID: {\n      type: String,\n      required: false,\n      default: '',\n    },\n  },\n\n  data() {\n    return {\n      user: null as UserDBInterface | null,\n      studySessionConfig: undefined as StudySessionConfig | undefined,\n      previewCourseConfig: undefined as CourseConfig | undefined,\n      previewMode: false,\n      sessionTimeLimit: 5,\n      inSession: false,\n      sessionPrepared: false,\n      sessionError: false,\n      errorMessage: '',\n      sessionContentSources: [] as ContentSourceID[],\n      dataInputFormStore: useDataInputFormStore(),\n      getViewComponent: (view_id: string) => allCourseWare.getView(view_id),\n      dataLayer: getDataLayer(),\n    };\n  },\n\n  async created() {\n    this.user = await getCurrentUser();\n    this.studySessionConfig = {\n      likesConfetti: useConfigStore().config.likesConfetti,\n    };\n\n    let singletonStudyCourseID = '';\n\n    if (this.randomPreview) {\n      const userCourseRegDoc = await this.user.getCourseRegistrationsDoc();\n      const allCourseWare = (await getDataLayer().getCoursesDB().getCourseList()).map((r) => r.courseID);\n      const unRegisteredCourses = allCourseWare.filter((c) => {\n        return !userCourseRegDoc.courses.some((rc) => rc.courseID === c);\n      });\n      if (unRegisteredCourses.length > 0) {\n        singletonStudyCourseID = unRegisteredCourses[randomInt(0, unRegisteredCourses.length)]!;\n      } else {\n        singletonStudyCourseID = allCourseWare[randomInt(0, allCourseWare.length)]!;\n      }\n    }\n\n    if (this.previewCourseID) {\n      this.previewMode = true;\n      getDataLayer()\n        .getCoursesDB()\n        .getCourseList()\n        .then((courses) => {\n          courses.forEach((c) => {\n            if (c.courseID === this.previewCourseID) {\n              this.previewCourseConfig = c;\n              this.previewCourseConfig!.courseID = c.courseID;\n            }\n          });\n        });\n\n      console.log(`[Study] COURSE PREVIEW MODE FOR ${this.previewCourseID}`);\n      await this.user!.registerForCourse(this.previewCourseID, true);\n\n      singletonStudyCourseID = this.previewCourseID;\n    }\n\n    if (this.focusCourseID) {\n      console.log(`[Study] FOCUS study session: ${this.focusCourseID}`);\n      singletonStudyCourseID = this.focusCourseID;\n    }\n\n    if (singletonStudyCourseID) {\n      // Parse tag filter from query params\n      const tagFilter = this.parseTagFilterFromQuery();\n      const source: ContentSourceID = {\n        type: 'course',\n        id: singletonStudyCourseID,\n      };\n\n      if (hasActiveFilter(tagFilter)) {\n        source.tagFilter = tagFilter;\n        console.log(`[Study] Tag filter from query params:`, tagFilter);\n      }\n\n      this.initStudySession([source], this.sessionTimeLimit);\n    }\n  },\n\n  methods: {\n    refreshRoute() {\n      (this.router as Router).go(0);\n    },\n\n    async initStudySession(sources: ContentSourceID[], timeLimit: number) {\n      console.log(`[Study] starting study session w/ sources: ${JSON.stringify(sources)}`);\n\n      this.sessionContentSources = sources;\n      this.sessionTimeLimit = timeLimit;\n      this.inSession = true;\n      this.sessionPrepared = false;\n\n      // Adding a console log to debug event handling\n      console.log('[Study] Waiting for session-prepared event from StudySession component');\n    },\n\n    registerUserForPreviewCourse() {\n      this.user!.registerForCourse(this.previewCourseConfig!.courseID!).then(() =>\n        (this.router as Router).push(`/quilts/${this.previewCourseConfig!.courseID!}`)\n      );\n    },\n\n    handleSessionFinished() {\n      this.refreshRoute();\n    },\n\n    handleSessionPrepared() {\n      console.log('[Study] Session preparation complete - received session-prepared event');\n      this.sessionPrepared = true;\n      this.sessionError = false;\n      this.errorMessage = '';\n    },\n\n    handleSessionError({ message, error }) {\n      console.error('[Study] Session error:', message, error);\n      this.sessionError = true;\n      this.errorMessage = message || 'An error occurred while preparing your study session.';\n      this.sessionPrepared = false;\n    },\n\n    /**\n     * Parse tag filter from URL query parameters.\n     *\n     * Supports:\n     * - ?include=tagA,tagB&exclude=tagC\n     * - Comma-separated values for multiple tags\n     *\n     * @returns TagFilter parsed from query, or empty filter if no params\n     */\n    parseTagFilterFromQuery(): TagFilter {\n      const includeParam = this.$route.query.include;\n      const excludeParam = this.$route.query.exclude;\n\n      const parseParam = (param: string | string[] | undefined | null): string[] => {\n        if (!param) return [];\n        if (Array.isArray(param)) {\n          // Handle repeated params: ?include=a&include=b\n          return param.flatMap((p) => (p ? p.split(',').map((t) => t.trim()) : [])).filter(Boolean);\n        }\n        // Handle comma-separated: ?include=a,b\n        return param\n          .split(',')\n          .map((t) => t.trim())\n          .filter(Boolean);\n      };\n\n      return {\n        include: parseParam(includeParam as string | string[] | undefined),\n        exclude: parseParam(excludeParam as string | string[] | undefined),\n      };\n    },\n  },\n});\n</script>\n\n<style scoped>\n.hidden-session {\n  visibility: hidden;\n  position: absolute;\n  z-index: -1;\n}\n\n.session-error {\n  color: var(--v-error-base);\n}\n</style>\n"],"mappings":"2gBCmKA,IAAA,EAAe,EAAgB,CAC7B,KAAM,uBAEN,WAAY,CACV,mBAAA,EACA,sBAAA,EACD,CAED,MAAO,CACL,iBAAkB,CAChB,KAAM,OACN,SAAU,GACV,QAAS,EACV,CACF,CAED,MAAO,CAAC,mBAAmB,CAE3B,MAAO,CACL,MAAO,CACL,kBAAmB,EAAC,CACpB,YAAa,GACb,cAAe,EAAC,CAChB,cAAe,EAAC,CAChB,iBAAkB,GAClB,KAAM,KACN,UAAW,KAAK,iBAChB,gBAAiB,GACjB,mBAAoB,GACpB,gBAAiB,EAAC,CACnB,EAGH,SAAU,CACR,oBAA8B,CAC5B,OAAO,KAAK,cAAc,KAAM,GAAM,EAAE,SAAQ,EAAK,KAAK,cAAc,KAAM,GAAM,EAAE,SAAS,EAGjG,oBAA8B,CAC5B,OAAO,KAAK,cAAc,KAAM,GAAM,EAAE,UAAY,KAAK,mBAAmB,EAAE,CAAC,EAGjF,mBAA4B,CAC1B,OAAO,KAAK,cAAc,OAAQ,GAAM,EAAE,UAAY,KAAK,mBAAmB,EAAE,CAAC,CAAC,QAErF,CAED,MAAO,CACL,UAAW,CACT,SAAU,CACJ,KAAK,WAAa,IACpB,KAAK,UAAY,IAGtB,CACF,CAED,eAAgB,CAEV,KAAK,mBACP,KAAK,kBAAkB,QAAS,GAAQ,CACtC,EAAe,cAAc,EAAI,EACjC,EAIN,MAAM,SAAU,CACd,KAAK,KAAO,MAAM,GAAgB,CAClC,KAAK,UAAY,KAAK,iBAEtB,KAAK,YAAY,CACjB,GAAM,CAAC,EAAe,GAAoB,MAAM,QAAQ,WAAW,CACjE,KAAK,kBAAkB,CACvB,KAAK,qBAAqB,CAC3B,CAAC,CAGE,EAAc,SAAW,aAC3B,QAAQ,MAAM,0BAA2B,EAAc,OAAO,CAC9D,KAAK,gBAAkB,IAIrB,EAAiB,SAAW,aAC9B,QAAQ,MAAM,6BAA8B,EAAiB,OAAO,CACpE,KAAK,mBAAqB,IAI1B,KAAK,cAAc,SAAW,GAC9B,KAAK,cAAc,SAAW,GAC9B,CAAC,KAAK,iBACN,CAAC,KAAK,qBAEN,KAAK,iBAAmB,KAI5B,SAAU,CACR,SAAS,eAAe,YAAY,EAAE,OAAO,EAG/C,WAAY,CAEN,KAAK,mBACP,KAAK,kBAAkB,QAAS,GAAQ,CACtC,EAAe,cAAc,EAAI,EACjC,EAIN,QAAS,CACP,KAAM,CACJ,KAAK,WAA6B,EAClC,QAAQ,IAAI,UAAU,KAAK,YAAY,EAGzC,KAAM,CACJ,KAAK,YACL,QAAQ,IAAI,UAAU,KAAK,YAAY,EAGzC,QAAS,CACP,QAAQ,IAAI,KAAK,UAAU,KAAK,cAAc,CAAC,CAC/C,QAAQ,IAAI,KAAK,UAAU,KAAK,cAAc,CAAC,EAGjD,WAAkB,CAChB,QAAQ,IAAI,uBAAuB,CACnC,KAAK,cAAc,QAAS,GAAQ,CAClC,EAAI,SAAW,KAAK,aACpB,CACF,KAAK,cAAc,QAAS,GAAO,CACjC,EAAG,SAAW,KAAK,aACnB,CACF,QAAQ,IAAI,KAAK,UAAU,KAAK,cAAc,CAAC,EAGjD,gBAAgB,EAAwB,CACtC,KAAK,gBAAgB,GAAY,CAAC,KAAK,gBAAgB,IAGzD,mBAAmB,EAA6D,CAC9E,OAAO,EAAgB,EAAO,UAAU,EAG1C,cAAe,CAET,KAAK,mBACP,KAAK,kBAAkB,QAAS,GAAQ,CACtC,EAAe,cAAc,EAAI,EACjC,CAIJ,IAAM,EAAgD,KAAK,cACxD,OAAQ,GAAM,EAAE,SAAQ,CACxB,IAAK,GAAM,CACV,IAAM,EAAqC,CACzC,KAAM,SACN,GAAI,EAAE,SACP,CAKD,OAHI,EAAgB,EAAE,UAAU,GAC9B,EAAO,UAAY,EAAE,WAEhB,GACP,CAEE,EAAwC,KAAK,cAChD,OAAQ,GAAO,EAAG,SAAQ,CAC1B,IAAK,IAAQ,CACZ,KAAM,YACN,GAAI,EAAG,QACR,EAAE,CAEC,EAAqB,CAAC,GAAG,EAAiB,GAAG,EAAmB,CACtE,KAAK,MAAM,mBAAoB,EAAoB,KAAK,UAAU,EAGpE,MAAM,qBAAsB,CAC1B,IAAM,EAAU,MAAO,MAAM,GAAgB,EAAE,kBAAkB,CAC3D,EAAiE,EAAE,CAEzE,QAAQ,IAAI,mBAAmB,KAAK,UAAU,EAAQ,GAAG,CAEzD,MAAM,QAAQ,IACZ,EAAQ,IAAK,IACV,KAAO,IAAoB,CAC1B,IAAM,EAAU,MAAM,GAAc,CAAC,eAAe,EAAS,UAAU,CACvE,EAAc,KAAK,CACjB,UACA,KAAM,EAAQ,WAAW,CAAC,KAC1B,SAAU,GACV,QAAS,EACV,CAAC,GACD,EAAC,CACN,CACD,CACD,KAAK,cAAgB,GAGvB,MAAM,kBAAmB,CACvB,KAAK,eAAiB,MAAM,KAAK,KAAM,kBAAkB,EAAE,IAAK,IAAO,CACrE,GAAG,EACH,SAAU,GACV,KAAM,GACN,QAAS,EACT,UAAW,IAAA,GACZ,EAAE,CAEH,QAAQ,IACN,KAAK,cAAc,IAAI,MAAO,EAAG,IAAM,CACrC,IAAM,EAAM,MAAM,GAAc,CAAC,cAAc,CAAC,gBAAgB,EAAE,SAAS,CACrE,EAAe,MAAM,KAAK,MAAM,mBAAmB,EAAE,SAAS,CACpE,OAAQ,SACC,QAAQ,IAAI,CAChB,KAAK,cAAc,GAAG,KAAO,EAAI,KACjC,KAAK,cAAc,GAAG,QAAU,MAAM,EAAc,yBAAyB,CAC/E,CAAC,GACA,EACL,CACF,EAGH,YAAa,CACX,IAAM,EAAU,CACd,CACE,OAAQ,QACR,aAAgB,CACd,KAAK,aAEP,QAAS,sBACV,CACD,CACE,OAAQ,OACR,aAAgB,CACd,KAAK,aAEP,QAAS,sBACV,CACF,CACD,EAAe,WAAW,EAAQ,CAClC,KAAK,kBAAoB,EAAQ,IAAK,GAAM,EAAE,OAAO,EAExD,CACF,CAAC,IAzZF,IAAA,EAAA,IAaS,MAAM,iBAAgB,IAEpB,MAAM,6BAA4B,IAK9B,MAAM,oBAAmB,IAazB,MAAM,oBAAmB,IAQvB,MAAM,qBAAoB,IACvB,MAAM,gBAAe,IA1CzC,IAAA,EA6D4E,MAAM,2BAOrE,MAAM,sBAAqB,IAc7B,MAAM,2BAA0B,IAC9B,MAAM,iBAAgB,IAGpB,MAAM,OAAM,IAtF3B,IAAA,EAyGyC,MAAM,0BAE7B,MAAM,eAAc,IA3GtC,IAAA,EAuI2D,MAAM,cAvIjE,IAAA,EA2Ic,MAAM,+OA1IP,EAAA,kBAAoB,EAAA,iBAAmB,EAAA,oBAAA,GAAA,CAAlD,EAqIM,MAtIR,EAAA,eAEI,EAAkF,MAAA,CAA7E,UAAQ,uBAAuB,MAAM,gBAAe,sBAAmB,GAAA,EAG7D,EAAA,iBAAA,GAAA,CAAf,EAEU,EAAA,CAPd,IAAA,EAKoC,KAAK,UAAU,MAAM,SALzD,QAAA,MAOI,EAAA,KAAA,EAAA,GAAA,CAPJ,EAKgE,kEAE5D,CAAA,EAAA,CAPJ,EAAA,KAAA,EAAA,GAAA,GAAA,CASmB,EAAA,oBAAA,GAAA,CAAf,EAEU,EAAA,CAXd,IAAA,EASuC,KAAK,UAAU,MAAM,SAT5D,QAAA,MAWI,EAAA,KAAA,EAAA,GAAA,CAXJ,EASmE,2EAE/D,CAAA,EAAA,CAXJ,EAAA,KAAA,EAAA,GAAA,GAAA,CAaI,EAwHM,MAxHN,EAwHM,CAtHJ,EAgEM,MAhEN,EAgEM,aA/DJ,EAAsD,MAAA,CAAjD,MAAM,eAAc,CAAC,yBAAsB,GAAA,SAGhD,EAUM,EAAA,KA7Bd,EAmBiC,EAAA,cAAb,QAAZ,EAUM,MAAA,CAVmC,IAAK,EAAU,QAAS,MAAM,eACrE,EAQM,MARN,EAQM,CAPJ,EAKE,EAAA,CA1Bd,WAsBuB,EAAU,SAtBjC,sBAAA,GAAA,EAsBiC,SAAQ,EAC1B,MAAK,UAAY,EAAU,OAC5B,eAAA,GAxBd,eAyB8B,EAAA,0FAElB,EAAoC,OAAA,CAA9B,MAAM,gBAAe,CAAC,IAAC,GAAA,EAAA,CAAA,CAAA,CAAA,gBAKjC,EAiCM,EAAA,KAjEd,EAgC8B,EAAA,cAAV,QAAZ,EAiCM,MAAA,CAjCgC,IAAK,EAAO,SAAU,MAAM,eAChE,EAwBM,MAxBN,EAwBM,CAvBJ,EAME,EAAA,CAxCd,WAmCuB,EAAO,SAnC9B,sBAAA,GAAA,EAmC8B,SAAQ,EACxB,UAAQ,kBACP,MAAK,KAAO,EAAO,OACpB,eAAA,GAtCd,eAuC8B,EAAA,8EAElB,EAeM,MAfN,EAeM,CAdJ,EAAuD,OAAvD,EAAuD,EAAxB,EAAO,QAAO,CAAA,EAAA,CAErC,EAAO,UAAA,GAAA,CADf,EAYQ,EAAA,CAvDtB,IAAA,EA6CgB,QAAQ,OACR,KAAK,QACJ,MAAO,EAAA,mBAAmB,EAAM,CAAA,UAAA,UAChC,QAAK,GAAE,EAAA,gBAAgB,EAAO,SAAQ,GAhDvD,QAAA,MAkDsE,CAAtD,EAAsD,EAAA,CAA9C,MAAA,GAAM,KAAK,UAlDnC,QAAA,MAkD6D,EAAA,KAAA,EAAA,GAAA,CAlD7D,EAkD2C,qBAAkB,CAAA,EAAA,CAlD7D,EAAA,IAAA,EAkDsE,IACtD,EAAG,EAAA,mBAAmB,EAAM,CAAA,WAAA,SAAA,CAA4B,IACxD,EAAA,CAAA,EAES,EAAA,CAFD,IAAA,GAAI,KAAK,UApDjC,QAAA,MAqDgG,CArDhG,EAAA,EAqDqB,EAAA,gBAAgB,EAAO,UAAQ,iBAAA,mBAAA,CAAA,EAAA,CAAA,CAAA,CArDpD,EAAA,WAAA,EAAA,8BAAA,EAAA,GAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CA4DU,EAIsB,EAAA,KAAA,CAhEhC,QAAA,MA+DkB,CAFK,EAAO,UAAY,EAAA,gBAAgB,EAAO,WAAA,GAAA,CAArD,EAEM,MAFN,EAEM,CADJ,EAAiF,EAAA,CA9D/F,WA8D8C,EAAO,UA9DrD,sBAAA,GAAA,EA8DqD,UAAS,EAAG,YAAW,EAAO,sEA9DnF,EAAA,GAAA,GAAA,CAAA,CAAA,CAAA,EAAA,mBAoEQ,EAUM,MAVN,EAUM,CATJ,EAQc,EAAA,CAPZ,GAAG,YACH,IAAI,YAvEhB,WAwEqB,EAAA,YAxErB,sBAAA,CAAA,EAAA,KAAA,EAAA,GAAA,GAwEqB,EAAA,YAAW,GAIC,EAAA,UAAA,CAHrB,UAAA,GACA,MAAM,aACN,eAAA,qDAON,EAkDM,MAlDN,EAkDM,CAjDJ,EAgDM,MAhDN,EAgDM,eA/CJ,EAAgD,MAAA,CAA3C,MAAM,eAAc,CAAC,mBAAgB,GAAA,EAE1C,EAgBM,MAhBN,EAgBM,CAfJ,EAcE,EAAA,CAbA,IAAI,cAxFlB,WAyFuB,EAAA,UAzFvB,sBAAA,EAAA,KAAA,EAAA,GAAA,GAAA,EAyFuB,UAAS,GAClB,MAAM,mBACN,QAAQ,WACR,MAAM,0BACN,qBAAmB,oBACnB,eAAa,YACb,cAAY,WACX,OAAQ,EAAA,UAAS,EAAA,UAAA,SAClB,KAAK,KACL,KAAK,SACJ,kBAAe,EAAA,IACf,iBAAc,EAAA,0EAKR,EAAA,oBAAA,GAAA,CAAX,EAKM,MALN,EAKM,CAJJ,EAAqE,EAAA,CAA7D,KAAK,QAAQ,MAAM,UAAU,MAAM,SA1GvD,QAAA,MA0GwE,EAAA,KAAA,EAAA,GAAA,CA1GxE,EA0G8D,aAAU,CAAA,EAAA,CA1GxE,EAAA,IA2GY,EAEO,OAFP,EAEO,EADF,EAAA,kBAAiB,CAAG,UAAO,EAAG,EAAA,kBAAiB,EAAA,IAAA,GAAA,CAAkB,qBACtE,EAAA,CAAA,CAAA,EA7GZ,EAAA,GAAA,GAAA,CAgHU,EAkBqB,EAAA,CAjBnB,OAAO,QACP,QAAQ,gBACP,SAAQ,CAAG,EAAA,mBACZ,mBAAiB,UApH7B,QAAA,MAiIoB,CAXR,EAWQ,EAAA,CAVN,UAAQ,wBACR,MAAM,UACN,KAAK,QACL,MAAA,GACA,MAAM,YACL,SAAQ,CAAG,EAAA,mBACX,QAAO,EAAA,eA7HtB,QAAA,MA+H6C,CAA/B,EAA+B,EAAA,CAAvB,MAAA,GAAK,CAAA,CA/H3B,QAAA,MA+HoC,EAAA,KAAA,EAAA,GAAA,CA/HpC,EA+H4B,WAAQ,CAAA,EAAA,CA/HpC,EAAA,gBAAA,EA+H6C,WAEjC,EAAA,CAAA,CAjIZ,EAAA,+BAAA,EAAA,6BAuImB,EAAA,iBAAe,CAAK,EAAA,oBAAA,GAAA,CAArC,EAGM,MAHN,EAGM,CAAA,EAAA,MAAA,EAAA,IAFJ,EAAwC,IAAA,KAArC,oCAAiC,GAAA,EACpC,EAAsG,IAAA,KAAA,eAzI1G,EAyIO,oBAAiB,EAAA,EAA8C,EAAA,CAAjC,GAAG,UAAS,CAAA,CAzIjD,QAAA,MAyIwD,EAAA,MAAA,EAAA,IAAA,CAzIxD,EAyIkD,SAAM,CAAA,EAAA,CAzIxD,EAAA,kBAAA,EAyIsE,mCAAgC,YAEpG,EAGM,MAHN,EAGM,EAAA,MAAA,EAAA,IAAA,CAFJ,EAAyD,IAAA,KAAtD,qDAAkD,GAAA,CACrD,EAAiF,IAAA,KAA9E,6EAA0E,GAAA,CAAA,EAAA,uGEpDjF,SAAS,UAAU,EAAa,EAAqB,CACnD,OAAO,KAAK,MAAM,KAAK,QAAO,EAAK,EAAM,EAAM,GAAE,CAAI,EAGvD,IAAA,EAAe,EAAgB,CAC7B,KAAM,YAEN,WAAY,CACV,qBAAA,EACA,aAAA,EACD,CAED,OAAQ,CACN,OAAQ,CACN,KAAM,SACP,CACF,CAED,MAAO,CAIL,gBAAiB,CACf,KAAM,OACN,SAAU,GACV,QAAS,GACV,CAKD,cAAe,CACb,KAAM,QACN,SAAU,GACX,CAID,cAAe,CACb,KAAM,OACN,SAAU,GACV,QAAS,GACV,CACF,CAED,MAAO,CACL,MAAO,CACL,KAAM,KACN,mBAAoB,IAAA,GACpB,oBAAqB,IAAA,GACrB,YAAa,GACb,iBAAkB,EAClB,UAAW,GACX,gBAAiB,GACjB,aAAc,GACd,aAAc,GACd,sBAAuB,EAAC,CACxB,mBAAoB,GAAuB,CAC3C,iBAAmB,GAAoB,EAAc,QAAQ,EAAQ,CACrE,UAAW,GAAc,CAC1B,EAGH,MAAM,SAAU,CACd,KAAK,KAAO,MAAM,GAAgB,CAClC,KAAK,mBAAqB,CACxB,cAAe,GAAgB,CAAC,OAAO,cACxC,CAED,IAAI,EAAyB,GAE7B,GAAI,KAAK,cAAe,CACtB,IAAM,EAAmB,MAAM,KAAK,KAAK,2BAA2B,CAC9D,GAAiB,MAAM,GAAc,CAAC,cAAc,CAAC,eAAe,EAAE,IAAK,GAAM,EAAE,SAAS,CAC5F,EAAsB,EAAc,OAAQ,GACzC,CAAC,EAAiB,QAAQ,KAAM,GAAO,EAAG,WAAa,EAAE,CAChE,CACF,AAGE,EAHE,EAAoB,OAAS,EACN,EAAoB,UAAU,EAAG,EAAoB,OAAO,EAE5D,EAAc,UAAU,EAAG,EAAc,OAAO,EA6B7E,GAzBI,KAAK,kBACP,KAAK,YAAc,GACnB,GAAa,CACV,cAAa,CACb,eAAc,CACd,KAAM,GAAY,CACjB,EAAQ,QAAS,GAAM,CACjB,EAAE,WAAa,KAAK,kBACtB,KAAK,oBAAsB,EAC3B,KAAK,oBAAqB,SAAW,EAAE,WAEzC,EACF,CAEJ,QAAQ,IAAI,mCAAmC,KAAK,kBAAkB,CACtE,MAAM,KAAK,KAAM,kBAAkB,KAAK,gBAAiB,GAAK,CAE9D,EAAyB,KAAK,iBAG5B,KAAK,gBACP,QAAQ,IAAI,gCAAgC,KAAK,gBAAgB,CACjE,EAAyB,KAAK,eAG5B,EAAwB,CAE1B,IAAM,EAAY,KAAK,yBAAyB,CAC1C,EAA0B,CAC9B,KAAM,SACN,GAAI,EACL,CAEG,EAAgB,EAAU,GAC5B,EAAO,UAAY,EACnB,QAAQ,IAAI,wCAAyC,EAAU,EAGjE,KAAK,iBAAiB,CAAC,EAAO,CAAE,KAAK,iBAAiB,GAI1D,QAAS,CACP,cAAe,CACZ,KAAK,OAAkB,GAAG,EAAE,EAG/B,MAAM,iBAAiB,EAA4B,EAAmB,CACpE,QAAQ,IAAI,8CAA8C,KAAK,UAAU,EAAQ,GAAG,CAEpF,KAAK,sBAAwB,EAC7B,KAAK,iBAAmB,EACxB,KAAK,UAAY,GACjB,KAAK,gBAAkB,GAGvB,QAAQ,IAAI,yEAAyE,EAGvF,8BAA+B,CAC7B,KAAK,KAAM,kBAAkB,KAAK,oBAAqB,SAAU,CAAC,SAC/D,KAAK,OAAkB,KAAK,WAAW,KAAK,oBAAqB,WAAW,CAC9E,EAGH,uBAAwB,CACtB,KAAK,cAAc,EAGrB,uBAAwB,CACtB,QAAQ,IAAI,yEAAyE,CACrF,KAAK,gBAAkB,GACvB,KAAK,aAAe,GACpB,KAAK,aAAe,IAGtB,mBAAmB,CAAE,UAAS,SAAS,CACrC,QAAQ,MAAM,yBAA0B,EAAS,EAAM,CACvD,KAAK,aAAe,GACpB,KAAK,aAAe,GAAW,wDAC/B,KAAK,gBAAkB,IAYzB,yBAAqC,CACnC,IAAM,EAAe,KAAK,OAAO,MAAM,QACjC,EAAe,KAAK,OAAO,MAAM,QAEjC,WAAc,GACb,EACD,MAAM,QAAQ,EAAM,CAEf,EAAM,QAAS,GAAO,EAAI,EAAE,MAAM,IAAI,CAAC,IAAK,GAAM,EAAE,MAAM,CAAA,CAAI,EAAE,CAAE,CAAC,OAAO,QAAQ,CAGpF,EACJ,MAAM,IAAG,CACT,IAAK,GAAM,EAAE,MAAM,CAAA,CACnB,OAAO,QAAQ,CATC,EAAE,CAYvB,MAAO,CACL,QAAS,WAAW,EAA8C,CAClE,QAAS,WAAW,EAA8C,CACnE,EAEJ,CACF,CAAC,IAhSF,IAAA,EAAA,IAAA,IAAA,EAAA,IAAA,IAAA,EAQmD,MAAM,aAGzC,MAAM,UAAS,IAX/B,IAAA,EAAA,IAAA,IAAA,EAAA,IAAA,IAAA,EAkCoD,MAAM,sBAlC1D,IAAA,EA+C+B,MAAM,oBAMlB,MAAM,uBAAsB,oOApDjC,EAAA,eAMZ,EAoEM,MA3ER,EAAA,CAQe,EAAA,aAAe,EAAA,qBAAA,GAAA,CAA1B,EAaM,MAbN,EAaM,CAZJ,EAWQ,EAAA,KAAA,CApBd,QAAA,MAmBgB,CATR,EASQ,EAAA,KAAA,CAnBhB,QAAA,MAaiB,CAFP,EAEO,OAFP,EAEO,CAAA,EAAA,KAAA,EAAA,GAbjB,EAWgC,sBACF,EAAA,EAAuC,KAAA,KAAA,EAAhC,EAAA,oBAAoB,KAAI,CAAA,EAAA,CAAA,CAAA,CAEnD,EAAsF,EAAA,CAA/E,KAAK,QAAQ,MAAM,UAAW,QAAO,EAAA,+BAdtD,QAAA,MAcwF,EAAA,KAAA,EAAA,GAAA,CAdxF,EAcoF,OAAI,CAAA,EAAA,CAdxF,EAAA,kBAeU,EAEc,EAAA,CAFA,GAAE,WAAa,EAAA,oBAAoB,WAAA,CAAA,CAf3D,QAAA,MAgBmE,CAAvD,EAAuD,EAAA,CAAhD,KAAK,QAAQ,MAAM,cAhBtC,QAAA,MAgB2D,EAAA,KAAA,EAAA,GAAA,CAhB3D,EAgBkD,YAAS,CAAA,EAAA,CAhB3D,EAAA,MAAA,EAAA,aAkBU,EAAqB,EAAA,GAlB/B,EAAA,MAAA,EAAA,OAsBoB,EAAA,aAAA,GAAA,CAAhB,EAOM,MA7BV,EAAA,CAuBM,EAKQ,EAAA,KAAA,CA5Bd,QAAA,MA2BgB,CAHR,EAGQ,EAAA,KAAA,CA3BhB,QAAA,MAyBmF,EAAA,KAAA,EAAA,GAAA,CAAzE,EAAyE,OAAA,CAAnE,MAAM,UAAS,CAAC,+CAA4C,GAAA,CAClE,EAAqC,MAAA,KAAhC,6BAA0B,GAAA,CAAA,EAAA,CA1BzC,EAAA,MAAA,EAAA,OAAA,EAAA,GAAA,GAAA,CAgCe,EAAA,WAAA,GAAA,CAAX,EA0CM,MA1EV,EAAA,EAkCkB,EAAA,iBAAe,CAAK,EAAA,cAAA,GAAA,CAAhC,EAUM,MAVN,EAUM,CATJ,EAQc,EAAA,CARD,MAAM,cAAa,CAAA,CAnCxC,QAAA,MA0CkB,CANR,EAMQ,EAAA,CAND,QAAQ,SAAS,MAAM,SAAS,MAAA,CAAA,aAAA,OAAwB,GApCzE,QAAA,MAyCoB,CAJR,EAIQ,EAAA,CAJD,KAAK,KAAI,CAAA,CArC5B,QAAA,MAsC2G,CAA7F,EAA6F,EAAA,CAAxE,KAAK,KAAK,MAAM,IAAI,MAAM,UAAU,cAAA,iBACzD,EAA+D,MAAA,CAA1D,MAAM,eAAc,CAAC,kCAA+B,GAAA,cACzD,EAA6E,MAAA,CAAxE,MAAM,uBAAsB,CAAC,wCAAqC,GAAA,IAxCrF,EAAA,MAAA,EAAA,MAAA,EAAA,OAAA,EAAA,GAAA,GAAA,CA+CiB,EAAA,cAAA,GAAA,CAAX,EAaM,MAbN,EAaM,CAZJ,EAWc,EAAA,CAXD,MAAM,cAAa,CAAA,CAhDxC,QAAA,MA0DkB,CATR,EASQ,EAAA,CATD,QAAQ,SAAS,MAAM,SAAS,MAAA,CAAA,aAAA,OAAwB,GAjDzE,QAAA,MAyDoB,CAPR,EAOQ,EAAA,CAPD,KAAK,KAAI,CAAA,CAlD5B,QAAA,MAmDuE,CAAzD,EAAyD,EAAA,CAAjD,KAAK,KAAK,MAAM,UAnDtC,QAAA,MAmD8D,EAAA,KAAA,EAAA,GAAA,CAnD9D,EAmD8C,mBAAgB,CAAA,EAAA,CAnD9D,EAAA,gBAoDc,EAAqE,MAAA,CAAhE,MAAM,0BAAyB,CAAC,6BAA0B,GAAA,EAC/D,EAEM,MAFN,EAEM,EADD,EAAA,cAAY,oDAAA,CAAA,EAAA,CAEjB,EAA2E,EAAA,CAApE,MAAM,UAAU,MAAM,OAAQ,QAAO,EAAA,eAxD1D,QAAA,MAwDiF,EAAA,KAAA,EAAA,GAAA,CAxDjF,EAwDwE,YAAS,CAAA,EAAA,CAxDjF,EAAA,oBAAA,EAAA,MAAA,EAAA,MAAA,EAAA,OAAA,EAAA,GAAA,GAAA,CA8DM,EAWE,EAAA,CAVC,kBAAiB,EAAA,sBACjB,qBAAoB,EAAA,iBACpB,KAAM,EAAA,KACN,iBAAgB,EAAA,mBAChB,aAAY,EAAA,UACZ,qBAAoB,EAAA,iBACpB,MArET,EAAA,CAAA,iBAAA,CAqEqC,EAAA,gBAAe,CAAA,CAC3C,kBAAkB,EAAA,sBAClB,kBAAkB,EAAA,sBAClB,eAAe,EAAA,mMAxExB,EAAA,GAAA,GAAA,CAAA,CAAA,GACc,GAAA,CAAZ,EAKM,MANR,EAAA,CAEI,EAGE,EAAA,CAFC,qBAAoB,EAAA,iBACpB,mBAAkB,EAAA,KAAA,EAAA,IAAG,EAAS,IAAc,EAAA,iBAAiB,EAAS,EAAS"}
+{"version":3,"file":"Study-D9W1DKes.js","names":[],"sources":["../../src/components/Study/SessionConfiguration.vue","../../src/components/Study/SessionConfiguration.vue","../../src/views/Study.vue","../../src/views/Study.vue"],"sourcesContent":["<template>\n  <div v-if=\"hasRegistrations || courseLoadError || classroomLoadError\">\n    <div data-cy=\"select-quilts-header\" class=\"text-h4 mb-4\">Study Session Setup</div>\n\n    <!-- Error Messages -->\n    <v-alert v-if=\"courseLoadError\" type=\"warning\" class=\"mb-4\">\n      Unable to load course data. Some features may be unavailable.\n    </v-alert>\n\n    <v-alert v-if=\"classroomLoadError\" type=\"warning\" class=\"mb-4\">\n      Unable to load classroom data. You can still study individual courses.\n    </v-alert>\n\n    <div class=\"session-layout\">\n      <!-- Left Column: Course Selection -->\n      <div class=\"course-selection-container\">\n        <div class=\"text-h6 mb-3\">Select Quilts to Study</div>\n\n        <!-- Classrooms -->\n        <div v-for=\"classroom in activeClasses\" :key=\"classroom.classID\" class=\"course-row\">\n          <div class=\"course-row-header\">\n            <v-checkbox\n              v-model=\"classroom.selected\"\n              :label=\"`Class: ${classroom.name}`\"\n              hide-details\n              @click.capture=\"update\"\n            />\n            <span class=\"reviews-count\">-</span>\n          </div>\n        </div>\n\n        <!-- Courses -->\n        <div v-for=\"course in activeCourses\" :key=\"course.courseID\" class=\"course-row\">\n          <div class=\"course-row-header\">\n            <v-checkbox\n              v-model=\"course.selected\"\n              data-cy=\"course-checkbox\"\n              :label=\"`q/${course.name}`\"\n              hide-details\n              @click.capture=\"update\"\n            />\n            <div class=\"course-row-actions\">\n              <span class=\"reviews-count\">{{ course.reviews }}</span>\n              <v-btn\n                v-if=\"course.selected\"\n                variant=\"text\"\n                size=\"small\"\n                :color=\"hasActiveTagFilter(course) ? 'primary' : 'default'\"\n                @click=\"toggleTagFilter(course.courseID)\"\n              >\n                <v-icon start size=\"small\">mdi-filter-variant</v-icon>\n                {{ hasActiveTagFilter(course) ? 'Filtered' : 'Filter' }}\n                <v-icon end size=\"small\">\n                  {{ expandedFilters[course.courseID] ? 'mdi-chevron-up' : 'mdi-chevron-down' }}\n                </v-icon>\n              </v-btn>\n            </div>\n          </div>\n\n          <!-- Tag Filter Widget (expandable) -->\n          <v-expand-transition>\n            <div v-if=\"course.selected && expandedFilters[course.courseID]\" class=\"tag-filter-container\">\n              <CourseTagFilterWidget v-model=\"course.tagFilter\" :course-id=\"course.courseID\" />\n            </div>\n          </v-expand-transition>\n        </div>\n\n        <!-- Select All -->\n        <div class=\"select-all-row mt-3\">\n          <v-checkbox\n            id=\"SelectAll\"\n            ref=\"selectAll\"\n            v-model=\"allSelected\"\n            autofocus\n            label=\"Select All\"\n            hide-details\n            @update:model-value=\"toggleAll\"\n          ></v-checkbox>\n        </div>\n      </div>\n\n      <!-- Right Column: Time Configuration and Start Button -->\n      <div class=\"fixed-controls-container\">\n        <div class=\"fixed-controls\">\n          <div class=\"text-h6 mb-3\">Session Settings</div>\n\n          <div class=\"mb-5\">\n            <v-text-field\n              ref=\"numberField\"\n              v-model=\"timeLimit\"\n              class=\"time-limit-field\"\n              variant=\"outlined\"\n              label=\"Study Session Timelimit\"\n              prepend-inner-icon=\"mdi-clock-outline\"\n              prepend-icon=\"mdi-minus\"\n              append-icon=\"mdi-plus\"\n              :suffix=\"timeLimit > 1 ? 'minutes' : 'minute'\"\n              mask=\"##\"\n              type=\"number\"\n              @click:prepend=\"dec\"\n              @click:append=\"inc\"\n            />\n          </div>\n\n          <!-- Filter Summary -->\n          <div v-if=\"hasAnyActiveFilter\" class=\"filter-summary mb-4\">\n            <v-icon size=\"small\" color=\"primary\" class=\"mr-1\">mdi-filter</v-icon>\n            <span class=\"text-caption\">\n              {{ activeFilterCount }} course{{ activeFilterCount > 1 ? 's' : '' }} with tag filters\n            </span>\n          </div>\n\n          <SkMouseTrapToolTip\n            hotkey=\"enter\"\n            command=\"Start Session\"\n            :disabled=\"!hasSelectedSources\"\n            highlight-effect=\"scale\"\n          >\n            <v-btn\n              data-cy=\"start-studying-button\"\n              color=\"success\"\n              size=\"large\"\n              block\n              class=\"start-btn\"\n              :disabled=\"!hasSelectedSources\"\n              @click=\"startSession\"\n            >\n              <v-icon start>mdi-play</v-icon>\n              Start!\n            </v-btn>\n          </SkMouseTrapToolTip>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div v-else-if=\"!courseLoadError && !classroomLoadError\" class=\"text-h4\">\n    <p>You don't have anything to study!</p>\n    <p>Head over to the <router-link to=\"/quilts\">Quilts</router-link> page to find something for you.</p>\n  </div>\n  <div v-else class=\"text-h4\">\n    <p>Unable to load study data due to technical issues.</p>\n    <p>Please try refreshing the page or contact support if the problem persists.</p>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue';\nimport { SkldrMouseTrap, getCurrentUser, SkMouseTrapToolTip, CourseTagFilterWidget } from '@vue-skuilder/common-ui';\nimport { CourseRegistration, UserDBInterface, getDataLayer, ContentSourceID } from '@vue-skuilder/db';\nimport { TagFilter, hasActiveFilter } from '@vue-skuilder/common';\n\nexport interface SessionConfigMetaData {\n  selected: boolean;\n  name: string;\n  reviews: number;\n  tagFilter?: TagFilter;\n}\n\n// Extended ContentSourceID that can carry tag filter configuration\nexport interface TagFilteredContentSourceID extends ContentSourceID {\n  tagFilter?: TagFilter;\n}\n\nexport default defineComponent({\n  name: 'SessionConfiguration',\n\n  components: {\n    SkMouseTrapToolTip,\n    CourseTagFilterWidget,\n  },\n\n  props: {\n    initialTimeLimit: {\n      type: Number,\n      required: true,\n      default: 5,\n    },\n  },\n\n  emits: ['initStudySession'],\n\n  data() {\n    return {\n      registeredHotkeys: [] as (string | string[])[],\n      allSelected: true,\n      activeCourses: [] as (CourseRegistration & SessionConfigMetaData)[],\n      activeClasses: [] as ({ classID: string } & SessionConfigMetaData)[],\n      hasRegistrations: true,\n      user: null as UserDBInterface | null,\n      timeLimit: this.initialTimeLimit,\n      courseLoadError: false,\n      classroomLoadError: false,\n      expandedFilters: {} as Record<string, boolean>,\n    };\n  },\n\n  computed: {\n    hasSelectedSources(): boolean {\n      return this.activeCourses.some((c) => c.selected) || this.activeClasses.some((c) => c.selected);\n    },\n\n    hasAnyActiveFilter(): boolean {\n      return this.activeCourses.some((c) => c.selected && this.hasActiveTagFilter(c));\n    },\n\n    activeFilterCount(): number {\n      return this.activeCourses.filter((c) => c.selected && this.hasActiveTagFilter(c)).length;\n    },\n  },\n\n  watch: {\n    timeLimit: {\n      handler() {\n        if (this.timeLimit <= 0) {\n          this.timeLimit = 1;\n        }\n      },\n    },\n  },\n\n  beforeUnmount() {\n    // Clean up registered hotkeys when component unmounts\n    if (this.registeredHotkeys) {\n      this.registeredHotkeys.forEach((key) => {\n        SkldrMouseTrap.removeBinding(key);\n      });\n    }\n  },\n\n  async created() {\n    this.user = await getCurrentUser();\n    this.timeLimit = this.initialTimeLimit;\n\n    this.setHotkeys();\n    const [coursesResult, classroomsResult] = await Promise.allSettled([\n      this.getActiveCourses(),\n      this.getActiveClassrooms(),\n    ]);\n\n    // Handle course loading failure\n    if (coursesResult.status === 'rejected') {\n      console.error('Failed to load courses:', coursesResult.reason);\n      this.courseLoadError = true;\n    }\n\n    // Handle classroom loading failure\n    if (classroomsResult.status === 'rejected') {\n      console.error('Failed to load classrooms:', classroomsResult.reason);\n      this.classroomLoadError = true;\n    }\n\n    if (\n      this.activeCourses.length === 0 &&\n      this.activeClasses.length === 0 &&\n      !this.courseLoadError &&\n      !this.classroomLoadError\n    ) {\n      this.hasRegistrations = false;\n    }\n  },\n\n  mounted() {\n    document.getElementById('SelectAll')?.focus();\n  },\n\n  unmounted() {\n    // Clean up registered hotkeys when component unmounts\n    if (this.registeredHotkeys) {\n      this.registeredHotkeys.forEach((key) => {\n        SkldrMouseTrap.removeBinding(key);\n      });\n    }\n  },\n\n  methods: {\n    inc() {\n      this.timeLimit = this.timeLimit + 1;\n      console.log(`inc to ${this.timeLimit}`);\n    },\n\n    dec() {\n      this.timeLimit--;\n      console.log(`dec to ${this.timeLimit}`);\n    },\n\n    update() {\n      console.log(JSON.stringify(this.activeCourses));\n      console.log(JSON.stringify(this.activeClasses));\n    },\n\n    toggleAll(): void {\n      console.log(`Toggling all courses`);\n      this.activeCourses.forEach((crs) => {\n        crs.selected = this.allSelected;\n      });\n      this.activeClasses.forEach((cl) => {\n        cl.selected = this.allSelected;\n      });\n      console.log(JSON.stringify(this.activeCourses));\n    },\n\n    toggleTagFilter(courseID: string): void {\n      this.expandedFilters[courseID] = !this.expandedFilters[courseID];\n    },\n\n    hasActiveTagFilter(course: CourseRegistration & SessionConfigMetaData): boolean {\n      return hasActiveFilter(course.tagFilter);\n    },\n\n    startSession() {\n      // Clean up any registered hotkeys before starting session\n      if (this.registeredHotkeys) {\n        this.registeredHotkeys.forEach((key) => {\n          SkldrMouseTrap.removeBinding(key);\n        });\n      }\n\n      // Build sources with optional tag filters\n      const selectedCourses: TagFilteredContentSourceID[] = this.activeCourses\n        .filter((c) => c.selected)\n        .map((c) => {\n          const source: TagFilteredContentSourceID = {\n            type: 'course',\n            id: c.courseID,\n          };\n          // Only include tagFilter if it has active constraints\n          if (hasActiveFilter(c.tagFilter)) {\n            source.tagFilter = c.tagFilter;\n          }\n          return source;\n        });\n\n      const selectedClassrooms: ContentSourceID[] = this.activeClasses\n        .filter((cl) => cl.selected)\n        .map((cl) => ({\n          type: 'classroom',\n          id: cl.classID,\n        }));\n\n      const allSelectedSources = [...selectedCourses, ...selectedClassrooms];\n      this.$emit('initStudySession', allSelectedSources, this.timeLimit);\n    },\n\n    async getActiveClassrooms() {\n      const classes = await (await getCurrentUser()).getActiveClasses();\n      const activeClasses: ({ classID: string } & SessionConfigMetaData)[] = [];\n\n      console.log(`Active classes: ${JSON.stringify(classes)}`);\n\n      await Promise.all(\n        classes.map((c) =>\n          (async (classID: string) => {\n            const classDb = await getDataLayer().getClassroomDB(classID, `student`);\n            activeClasses.push({\n              classID,\n              name: classDb.getConfig().name,\n              selected: true,\n              reviews: 0,\n            });\n          })(c)\n        )\n      );\n      this.activeClasses = activeClasses;\n    },\n\n    async getActiveCourses() {\n      this.activeCourses = (await this.user!.getActiveCourses()).map((c) => ({\n        ...c,\n        selected: true,\n        name: '',\n        reviews: 0,\n        tagFilter: undefined,\n      }));\n\n      Promise.all(\n        this.activeCourses.map(async (c, i) => {\n          const cfg = await getDataLayer().getCoursesDB().getCourseConfig(c.courseID);\n          const crsInterface = await this.user?.getCourseInterface(c.courseID);\n          return (async () => {\n            return Promise.all([\n              (this.activeCourses[i].name = cfg.name),\n              (this.activeCourses[i].reviews = await crsInterface!.getScheduledReviewCount()),\n            ]);\n          })();\n        })\n      );\n    },\n\n    setHotkeys() {\n      const hotkeys = [\n        {\n          hotkey: 'right',\n          callback: () => {\n            this.timeLimit++;\n          },\n          command: 'Increase time limit',\n        },\n        {\n          hotkey: 'left',\n          callback: () => {\n            this.timeLimit--;\n          },\n          command: 'Decrease time limit',\n        },\n      ];\n      SkldrMouseTrap.addBinding(hotkeys);\n      this.registeredHotkeys = hotkeys.map((k) => k.hotkey);\n    },\n  },\n});\n</script>\n\n<style scoped>\n/* Layout for session configuration */\n.session-layout {\n  display: flex;\n  flex-direction: column;\n}\n\n/* Fixed controls container */\n.fixed-controls-container {\n  width: 100%;\n  margin-bottom: 20px;\n}\n\n.fixed-controls {\n  display: flex;\n  flex-direction: column;\n}\n\n.time-limit-field {\n  width: 100%;\n  margin-bottom: 16px;\n}\n\n.start-btn {\n  margin-top: 8px;\n  max-height: 150px;\n}\n\n/* Course selection styles */\n.course-selection-container {\n  width: 100%;\n}\n\n.course-row {\n  border-bottom: 1px solid rgba(var(--v-border-color), 0.12);\n  padding: 8px 0;\n}\n\n.course-row-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n}\n\n.course-row-actions {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n\n.reviews-count {\n  min-width: 32px;\n  text-align: center;\n  color: rgba(var(--v-theme-on-surface), 0.6);\n}\n\n.tag-filter-container {\n  padding: 12px 0 12px 32px;\n  background-color: rgba(var(--v-theme-surface-variant), 0.3);\n  border-radius: 4px;\n  margin-top: 8px;\n}\n\n.select-all-row {\n  padding-top: 8px;\n  border-top: 2px solid rgba(var(--v-border-color), 0.24);\n}\n\n.filter-summary {\n  display: flex;\n  align-items: center;\n  padding: 8px 12px;\n  background-color: rgba(var(--v-theme-primary), 0.08);\n  border-radius: 4px;\n}\n\n/* Media queries for desktop layout */\n@media (min-width: 960px) {\n  .session-layout {\n    flex-direction: row;\n    gap: 40px;\n  }\n\n  .fixed-controls-container {\n    width: 300px;\n    flex-shrink: 0;\n  }\n\n  .fixed-controls {\n    position: sticky;\n    top: 20px;\n    padding-left: 20px;\n  }\n\n  .course-selection-container {\n    flex-grow: 1;\n    border-right: 1px solid rgba(0, 0, 0, 0.12);\n    padding-right: 20px;\n  }\n}\n</style>\n","<template>\n  <div v-if=\"hasRegistrations || courseLoadError || classroomLoadError\">\n    <div data-cy=\"select-quilts-header\" class=\"text-h4 mb-4\">Study Session Setup</div>\n\n    <!-- Error Messages -->\n    <v-alert v-if=\"courseLoadError\" type=\"warning\" class=\"mb-4\">\n      Unable to load course data. Some features may be unavailable.\n    </v-alert>\n\n    <v-alert v-if=\"classroomLoadError\" type=\"warning\" class=\"mb-4\">\n      Unable to load classroom data. You can still study individual courses.\n    </v-alert>\n\n    <div class=\"session-layout\">\n      <!-- Left Column: Course Selection -->\n      <div class=\"course-selection-container\">\n        <div class=\"text-h6 mb-3\">Select Quilts to Study</div>\n\n        <!-- Classrooms -->\n        <div v-for=\"classroom in activeClasses\" :key=\"classroom.classID\" class=\"course-row\">\n          <div class=\"course-row-header\">\n            <v-checkbox\n              v-model=\"classroom.selected\"\n              :label=\"`Class: ${classroom.name}`\"\n              hide-details\n              @click.capture=\"update\"\n            />\n            <span class=\"reviews-count\">-</span>\n          </div>\n        </div>\n\n        <!-- Courses -->\n        <div v-for=\"course in activeCourses\" :key=\"course.courseID\" class=\"course-row\">\n          <div class=\"course-row-header\">\n            <v-checkbox\n              v-model=\"course.selected\"\n              data-cy=\"course-checkbox\"\n              :label=\"`q/${course.name}`\"\n              hide-details\n              @click.capture=\"update\"\n            />\n            <div class=\"course-row-actions\">\n              <span class=\"reviews-count\">{{ course.reviews }}</span>\n              <v-btn\n                v-if=\"course.selected\"\n                variant=\"text\"\n                size=\"small\"\n                :color=\"hasActiveTagFilter(course) ? 'primary' : 'default'\"\n                @click=\"toggleTagFilter(course.courseID)\"\n              >\n                <v-icon start size=\"small\">mdi-filter-variant</v-icon>\n                {{ hasActiveTagFilter(course) ? 'Filtered' : 'Filter' }}\n                <v-icon end size=\"small\">\n                  {{ expandedFilters[course.courseID] ? 'mdi-chevron-up' : 'mdi-chevron-down' }}\n                </v-icon>\n              </v-btn>\n            </div>\n          </div>\n\n          <!-- Tag Filter Widget (expandable) -->\n          <v-expand-transition>\n            <div v-if=\"course.selected && expandedFilters[course.courseID]\" class=\"tag-filter-container\">\n              <CourseTagFilterWidget v-model=\"course.tagFilter\" :course-id=\"course.courseID\" />\n            </div>\n          </v-expand-transition>\n        </div>\n\n        <!-- Select All -->\n        <div class=\"select-all-row mt-3\">\n          <v-checkbox\n            id=\"SelectAll\"\n            ref=\"selectAll\"\n            v-model=\"allSelected\"\n            autofocus\n            label=\"Select All\"\n            hide-details\n            @update:model-value=\"toggleAll\"\n          ></v-checkbox>\n        </div>\n      </div>\n\n      <!-- Right Column: Time Configuration and Start Button -->\n      <div class=\"fixed-controls-container\">\n        <div class=\"fixed-controls\">\n          <div class=\"text-h6 mb-3\">Session Settings</div>\n\n          <div class=\"mb-5\">\n            <v-text-field\n              ref=\"numberField\"\n              v-model=\"timeLimit\"\n              class=\"time-limit-field\"\n              variant=\"outlined\"\n              label=\"Study Session Timelimit\"\n              prepend-inner-icon=\"mdi-clock-outline\"\n              prepend-icon=\"mdi-minus\"\n              append-icon=\"mdi-plus\"\n              :suffix=\"timeLimit > 1 ? 'minutes' : 'minute'\"\n              mask=\"##\"\n              type=\"number\"\n              @click:prepend=\"dec\"\n              @click:append=\"inc\"\n            />\n          </div>\n\n          <!-- Filter Summary -->\n          <div v-if=\"hasAnyActiveFilter\" class=\"filter-summary mb-4\">\n            <v-icon size=\"small\" color=\"primary\" class=\"mr-1\">mdi-filter</v-icon>\n            <span class=\"text-caption\">\n              {{ activeFilterCount }} course{{ activeFilterCount > 1 ? 's' : '' }} with tag filters\n            </span>\n          </div>\n\n          <SkMouseTrapToolTip\n            hotkey=\"enter\"\n            command=\"Start Session\"\n            :disabled=\"!hasSelectedSources\"\n            highlight-effect=\"scale\"\n          >\n            <v-btn\n              data-cy=\"start-studying-button\"\n              color=\"success\"\n              size=\"large\"\n              block\n              class=\"start-btn\"\n              :disabled=\"!hasSelectedSources\"\n              @click=\"startSession\"\n            >\n              <v-icon start>mdi-play</v-icon>\n              Start!\n            </v-btn>\n          </SkMouseTrapToolTip>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div v-else-if=\"!courseLoadError && !classroomLoadError\" class=\"text-h4\">\n    <p>You don't have anything to study!</p>\n    <p>Head over to the <router-link to=\"/quilts\">Quilts</router-link> page to find something for you.</p>\n  </div>\n  <div v-else class=\"text-h4\">\n    <p>Unable to load study data due to technical issues.</p>\n    <p>Please try refreshing the page or contact support if the problem persists.</p>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue';\nimport { SkldrMouseTrap, getCurrentUser, SkMouseTrapToolTip, CourseTagFilterWidget } from '@vue-skuilder/common-ui';\nimport { CourseRegistration, UserDBInterface, getDataLayer, ContentSourceID } from '@vue-skuilder/db';\nimport { TagFilter, hasActiveFilter } from '@vue-skuilder/common';\n\nexport interface SessionConfigMetaData {\n  selected: boolean;\n  name: string;\n  reviews: number;\n  tagFilter?: TagFilter;\n}\n\n// Extended ContentSourceID that can carry tag filter configuration\nexport interface TagFilteredContentSourceID extends ContentSourceID {\n  tagFilter?: TagFilter;\n}\n\nexport default defineComponent({\n  name: 'SessionConfiguration',\n\n  components: {\n    SkMouseTrapToolTip,\n    CourseTagFilterWidget,\n  },\n\n  props: {\n    initialTimeLimit: {\n      type: Number,\n      required: true,\n      default: 5,\n    },\n  },\n\n  emits: ['initStudySession'],\n\n  data() {\n    return {\n      registeredHotkeys: [] as (string | string[])[],\n      allSelected: true,\n      activeCourses: [] as (CourseRegistration & SessionConfigMetaData)[],\n      activeClasses: [] as ({ classID: string } & SessionConfigMetaData)[],\n      hasRegistrations: true,\n      user: null as UserDBInterface | null,\n      timeLimit: this.initialTimeLimit,\n      courseLoadError: false,\n      classroomLoadError: false,\n      expandedFilters: {} as Record<string, boolean>,\n    };\n  },\n\n  computed: {\n    hasSelectedSources(): boolean {\n      return this.activeCourses.some((c) => c.selected) || this.activeClasses.some((c) => c.selected);\n    },\n\n    hasAnyActiveFilter(): boolean {\n      return this.activeCourses.some((c) => c.selected && this.hasActiveTagFilter(c));\n    },\n\n    activeFilterCount(): number {\n      return this.activeCourses.filter((c) => c.selected && this.hasActiveTagFilter(c)).length;\n    },\n  },\n\n  watch: {\n    timeLimit: {\n      handler() {\n        if (this.timeLimit <= 0) {\n          this.timeLimit = 1;\n        }\n      },\n    },\n  },\n\n  beforeUnmount() {\n    // Clean up registered hotkeys when component unmounts\n    if (this.registeredHotkeys) {\n      this.registeredHotkeys.forEach((key) => {\n        SkldrMouseTrap.removeBinding(key);\n      });\n    }\n  },\n\n  async created() {\n    this.user = await getCurrentUser();\n    this.timeLimit = this.initialTimeLimit;\n\n    this.setHotkeys();\n    const [coursesResult, classroomsResult] = await Promise.allSettled([\n      this.getActiveCourses(),\n      this.getActiveClassrooms(),\n    ]);\n\n    // Handle course loading failure\n    if (coursesResult.status === 'rejected') {\n      console.error('Failed to load courses:', coursesResult.reason);\n      this.courseLoadError = true;\n    }\n\n    // Handle classroom loading failure\n    if (classroomsResult.status === 'rejected') {\n      console.error('Failed to load classrooms:', classroomsResult.reason);\n      this.classroomLoadError = true;\n    }\n\n    if (\n      this.activeCourses.length === 0 &&\n      this.activeClasses.length === 0 &&\n      !this.courseLoadError &&\n      !this.classroomLoadError\n    ) {\n      this.hasRegistrations = false;\n    }\n  },\n\n  mounted() {\n    document.getElementById('SelectAll')?.focus();\n  },\n\n  unmounted() {\n    // Clean up registered hotkeys when component unmounts\n    if (this.registeredHotkeys) {\n      this.registeredHotkeys.forEach((key) => {\n        SkldrMouseTrap.removeBinding(key);\n      });\n    }\n  },\n\n  methods: {\n    inc() {\n      this.timeLimit = this.timeLimit + 1;\n      console.log(`inc to ${this.timeLimit}`);\n    },\n\n    dec() {\n      this.timeLimit--;\n      console.log(`dec to ${this.timeLimit}`);\n    },\n\n    update() {\n      console.log(JSON.stringify(this.activeCourses));\n      console.log(JSON.stringify(this.activeClasses));\n    },\n\n    toggleAll(): void {\n      console.log(`Toggling all courses`);\n      this.activeCourses.forEach((crs) => {\n        crs.selected = this.allSelected;\n      });\n      this.activeClasses.forEach((cl) => {\n        cl.selected = this.allSelected;\n      });\n      console.log(JSON.stringify(this.activeCourses));\n    },\n\n    toggleTagFilter(courseID: string): void {\n      this.expandedFilters[courseID] = !this.expandedFilters[courseID];\n    },\n\n    hasActiveTagFilter(course: CourseRegistration & SessionConfigMetaData): boolean {\n      return hasActiveFilter(course.tagFilter);\n    },\n\n    startSession() {\n      // Clean up any registered hotkeys before starting session\n      if (this.registeredHotkeys) {\n        this.registeredHotkeys.forEach((key) => {\n          SkldrMouseTrap.removeBinding(key);\n        });\n      }\n\n      // Build sources with optional tag filters\n      const selectedCourses: TagFilteredContentSourceID[] = this.activeCourses\n        .filter((c) => c.selected)\n        .map((c) => {\n          const source: TagFilteredContentSourceID = {\n            type: 'course',\n            id: c.courseID,\n          };\n          // Only include tagFilter if it has active constraints\n          if (hasActiveFilter(c.tagFilter)) {\n            source.tagFilter = c.tagFilter;\n          }\n          return source;\n        });\n\n      const selectedClassrooms: ContentSourceID[] = this.activeClasses\n        .filter((cl) => cl.selected)\n        .map((cl) => ({\n          type: 'classroom',\n          id: cl.classID,\n        }));\n\n      const allSelectedSources = [...selectedCourses, ...selectedClassrooms];\n      this.$emit('initStudySession', allSelectedSources, this.timeLimit);\n    },\n\n    async getActiveClassrooms() {\n      const classes = await (await getCurrentUser()).getActiveClasses();\n      const activeClasses: ({ classID: string } & SessionConfigMetaData)[] = [];\n\n      console.log(`Active classes: ${JSON.stringify(classes)}`);\n\n      await Promise.all(\n        classes.map((c) =>\n          (async (classID: string) => {\n            const classDb = await getDataLayer().getClassroomDB(classID, `student`);\n            activeClasses.push({\n              classID,\n              name: classDb.getConfig().name,\n              selected: true,\n              reviews: 0,\n            });\n          })(c)\n        )\n      );\n      this.activeClasses = activeClasses;\n    },\n\n    async getActiveCourses() {\n      this.activeCourses = (await this.user!.getActiveCourses()).map((c) => ({\n        ...c,\n        selected: true,\n        name: '',\n        reviews: 0,\n        tagFilter: undefined,\n      }));\n\n      Promise.all(\n        this.activeCourses.map(async (c, i) => {\n          const cfg = await getDataLayer().getCoursesDB().getCourseConfig(c.courseID);\n          const crsInterface = await this.user?.getCourseInterface(c.courseID);\n          return (async () => {\n            return Promise.all([\n              (this.activeCourses[i].name = cfg.name),\n              (this.activeCourses[i].reviews = await crsInterface!.getScheduledReviewCount()),\n            ]);\n          })();\n        })\n      );\n    },\n\n    setHotkeys() {\n      const hotkeys = [\n        {\n          hotkey: 'right',\n          callback: () => {\n            this.timeLimit++;\n          },\n          command: 'Increase time limit',\n        },\n        {\n          hotkey: 'left',\n          callback: () => {\n            this.timeLimit--;\n          },\n          command: 'Decrease time limit',\n        },\n      ];\n      SkldrMouseTrap.addBinding(hotkeys);\n      this.registeredHotkeys = hotkeys.map((k) => k.hotkey);\n    },\n  },\n});\n</script>\n\n<style scoped>\n/* Layout for session configuration */\n.session-layout {\n  display: flex;\n  flex-direction: column;\n}\n\n/* Fixed controls container */\n.fixed-controls-container {\n  width: 100%;\n  margin-bottom: 20px;\n}\n\n.fixed-controls {\n  display: flex;\n  flex-direction: column;\n}\n\n.time-limit-field {\n  width: 100%;\n  margin-bottom: 16px;\n}\n\n.start-btn {\n  margin-top: 8px;\n  max-height: 150px;\n}\n\n/* Course selection styles */\n.course-selection-container {\n  width: 100%;\n}\n\n.course-row {\n  border-bottom: 1px solid rgba(var(--v-border-color), 0.12);\n  padding: 8px 0;\n}\n\n.course-row-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n}\n\n.course-row-actions {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n\n.reviews-count {\n  min-width: 32px;\n  text-align: center;\n  color: rgba(var(--v-theme-on-surface), 0.6);\n}\n\n.tag-filter-container {\n  padding: 12px 0 12px 32px;\n  background-color: rgba(var(--v-theme-surface-variant), 0.3);\n  border-radius: 4px;\n  margin-top: 8px;\n}\n\n.select-all-row {\n  padding-top: 8px;\n  border-top: 2px solid rgba(var(--v-border-color), 0.24);\n}\n\n.filter-summary {\n  display: flex;\n  align-items: center;\n  padding: 8px 12px;\n  background-color: rgba(var(--v-theme-primary), 0.08);\n  border-radius: 4px;\n}\n\n/* Media queries for desktop layout */\n@media (min-width: 960px) {\n  .session-layout {\n    flex-direction: row;\n    gap: 40px;\n  }\n\n  .fixed-controls-container {\n    width: 300px;\n    flex-shrink: 0;\n  }\n\n  .fixed-controls {\n    position: sticky;\n    top: 20px;\n    padding-left: 20px;\n  }\n\n  .course-selection-container {\n    flex-grow: 1;\n    border-right: 1px solid rgba(0, 0, 0, 0.12);\n    padding-right: 20px;\n  }\n}\n</style>\n","<template>\n  <div v-if=\"!inSession\">\n    <SessionConfiguration\n      :initial-time-limit=\"sessionTimeLimit\"\n      @init-study-session=\"(sources, timeLimit) => initStudySession(sources, timeLimit)\"\n    />\n  </div>\n  <div v-else>\n    <div v-if=\"previewMode && previewCourseConfig\" align=\"center\">\n      <v-row>\n        <v-col>\n          <span class=\"text-h5\">\n            Quilt preview for <em>{{ previewCourseConfig.name }}</em>\n          </span>\n          <v-btn size=\"small\" color=\"primary\" @click=\"registerUserForPreviewCourse\">Join</v-btn>\n          <router-link :to=\"`/quilts/${previewCourseConfig.courseID}`\">\n            <v-btn size=\"small\" color=\"secondary\">More info</v-btn>\n          </router-link>\n          <v-spacer></v-spacer>\n        </v-col>\n      </v-row>\n    </div>\n    <div v-else-if=\"previewMode\">\n      <v-row>\n        <v-col>\n          <span class=\"text-h5\">... No course was specified for the preview.</span>\n          <div>(this shouldn't happen)...</div>\n        </v-col>\n      </v-row>\n    </div>\n\n    <!-- Study Session Component (may be in loading state) -->\n    <div v-if=\"inSession\">\n      <!-- Loading indicator while session is being prepared -->\n      <div v-if=\"!sessionPrepared && !sessionError\" class=\"session-loading\">\n        <v-container class=\"text-center\">\n          <v-row justify=\"center\" align=\"center\" style=\"min-height: 50vh\">\n            <v-col cols=\"12\">\n              <v-progress-circular size=\"70\" width=\"7\" color=\"primary\" indeterminate></v-progress-circular>\n              <div class=\"text-h5 mt-4\">Preparing your study session...</div>\n              <div class=\"text-subtitle-1 mt-2\">Getting your learning materials ready</div>\n            </v-col>\n          </v-row>\n        </v-container>\n      </div>\n\n      <!-- Error state -->\n      <div v-if=\"sessionError\" class=\"session-error\">\n        <v-container class=\"text-center\">\n          <v-row justify=\"center\" align=\"center\" style=\"min-height: 50vh\">\n            <v-col cols=\"12\">\n              <v-icon size=\"64\" color=\"error\">mdi-alert-circle</v-icon>\n              <div class=\"text-h5 mt-4 text-error\">Session Preparation Failed</div>\n              <div class=\"text-subtitle-1 mt-2\">\n                {{ errorMessage || 'There was a problem preparing your study session.' }}\n              </div>\n              <v-btn color=\"primary\" class=\"mt-6\" @click=\"refreshRoute\">Try Again</v-btn>\n            </v-col>\n          </v-row>\n        </v-container>\n      </div>\n\n      <StudySession\n        :content-sources=\"sessionContentSources\"\n        :session-time-limit=\"sessionTimeLimit\"\n        :user=\"user as UserDBInterface\"\n        :session-config=\"studySessionConfig\"\n        :data-layer=\"dataLayer\"\n        :get-view-component=\"getViewComponent\"\n        :class=\"{ 'hidden-session': !sessionPrepared }\"\n        @session-finished=\"handleSessionFinished\"\n        @session-prepared=\"handleSessionPrepared\"\n        @session-error=\"handleSessionError\"\n      />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport SessionConfiguration from '@pui/components/Study/SessionConfiguration.vue';\nimport { getCurrentUser, useConfigStore } from '@vue-skuilder/common-ui';\nimport { useDataInputFormStore } from '@vue-skuilder/edit-ui';\nimport { CourseConfig, TagFilter, hasActiveFilter } from '@vue-skuilder/common';\nimport { StudySession, type StudySessionConfig } from '@vue-skuilder/common-ui';\nimport { allCourseWare } from '@vue-skuilder/courseware';\nimport { ContentSourceID, UserDBInterface, getDataLayer } from '@vue-skuilder/db';\nimport { defineComponent } from 'vue';\nimport { Router } from 'vue-router';\n\nfunction randomInt(min: number, max: number): number {\n  return Math.floor(Math.random() * (max - min + 1)) + min;\n}\n\nexport default defineComponent({\n  name: 'StudyView',\n\n  components: {\n    SessionConfiguration,\n    StudySession,\n  },\n\n  inject: {\n    router: {\n      from: 'router',\n    },\n  },\n\n  props: {\n    /**\n     * If present, user will engage in a study session for the specified (non-registered) course.\n     */\n    previewCourseID: {\n      type: String,\n      required: false,\n      default: '',\n    },\n    /**\n     * If true, the user will engage in a study session for a\n     * random (public) course they are not already registered for.\n     */\n    randomPreview: {\n      type: Boolean,\n      required: false,\n    },\n    /**\n     * If present, user will engage in a study session for the specified (registered) course.\n     */\n    focusCourseID: {\n      type: String,\n      required: false,\n      default: '',\n    },\n  },\n\n  data() {\n    return {\n      user: null as UserDBInterface | null,\n      studySessionConfig: undefined as StudySessionConfig | undefined,\n      previewCourseConfig: undefined as CourseConfig | undefined,\n      previewMode: false,\n      sessionTimeLimit: 5,\n      inSession: false,\n      sessionPrepared: false,\n      sessionError: false,\n      errorMessage: '',\n      sessionContentSources: [] as ContentSourceID[],\n      dataInputFormStore: useDataInputFormStore(),\n      getViewComponent: (view_id: string) => allCourseWare.getView(view_id),\n      dataLayer: getDataLayer(),\n    };\n  },\n\n  async created() {\n    this.user = await getCurrentUser();\n    this.studySessionConfig = {\n      likesConfetti: useConfigStore().config.likesConfetti,\n    };\n\n    let singletonStudyCourseID = '';\n\n    if (this.randomPreview) {\n      const userCourseRegDoc = await this.user.getCourseRegistrationsDoc();\n      const allCourseWare = (await getDataLayer().getCoursesDB().getCourseList()).map((r) => r.courseID);\n      const unRegisteredCourses = allCourseWare.filter((c) => {\n        return !userCourseRegDoc.courses.some((rc) => rc.courseID === c);\n      });\n      if (unRegisteredCourses.length > 0) {\n        singletonStudyCourseID = unRegisteredCourses[randomInt(0, unRegisteredCourses.length)]!;\n      } else {\n        singletonStudyCourseID = allCourseWare[randomInt(0, allCourseWare.length)]!;\n      }\n    }\n\n    if (this.previewCourseID) {\n      this.previewMode = true;\n      getDataLayer()\n        .getCoursesDB()\n        .getCourseList()\n        .then((courses) => {\n          courses.forEach((c) => {\n            if (c.courseID === this.previewCourseID) {\n              this.previewCourseConfig = c;\n              this.previewCourseConfig!.courseID = c.courseID;\n            }\n          });\n        });\n\n      console.log(`[Study] COURSE PREVIEW MODE FOR ${this.previewCourseID}`);\n      await this.user!.registerForCourse(this.previewCourseID, true);\n\n      singletonStudyCourseID = this.previewCourseID;\n    }\n\n    if (this.focusCourseID) {\n      console.log(`[Study] FOCUS study session: ${this.focusCourseID}`);\n      singletonStudyCourseID = this.focusCourseID;\n    }\n\n    if (singletonStudyCourseID) {\n      // Parse tag filter from query params\n      const tagFilter = this.parseTagFilterFromQuery();\n      const source: ContentSourceID = {\n        type: 'course',\n        id: singletonStudyCourseID,\n      };\n\n      if (hasActiveFilter(tagFilter)) {\n        source.tagFilter = tagFilter;\n        console.log(`[Study] Tag filter from query params:`, tagFilter);\n      }\n\n      this.initStudySession([source], this.sessionTimeLimit);\n    }\n  },\n\n  methods: {\n    refreshRoute() {\n      (this.router as Router).go(0);\n    },\n\n    async initStudySession(sources: ContentSourceID[], timeLimit: number) {\n      console.log(`[Study] starting study session w/ sources: ${JSON.stringify(sources)}`);\n\n      this.sessionContentSources = sources;\n      this.sessionTimeLimit = timeLimit;\n      this.inSession = true;\n      this.sessionPrepared = false;\n\n      // Adding a console log to debug event handling\n      console.log('[Study] Waiting for session-prepared event from StudySession component');\n    },\n\n    registerUserForPreviewCourse() {\n      this.user!.registerForCourse(this.previewCourseConfig!.courseID!).then(() =>\n        (this.router as Router).push(`/quilts/${this.previewCourseConfig!.courseID!}`)\n      );\n    },\n\n    handleSessionFinished() {\n      this.refreshRoute();\n    },\n\n    handleSessionPrepared() {\n      console.log('[Study] Session preparation complete - received session-prepared event');\n      this.sessionPrepared = true;\n      this.sessionError = false;\n      this.errorMessage = '';\n    },\n\n    handleSessionError({ message, error }) {\n      console.error('[Study] Session error:', message, error);\n      this.sessionError = true;\n      this.errorMessage = message || 'An error occurred while preparing your study session.';\n      this.sessionPrepared = false;\n    },\n\n    /**\n     * Parse tag filter from URL query parameters.\n     *\n     * Supports:\n     * - ?include=tagA,tagB&exclude=tagC\n     * - Comma-separated values for multiple tags\n     *\n     * @returns TagFilter parsed from query, or empty filter if no params\n     */\n    parseTagFilterFromQuery(): TagFilter {\n      const includeParam = this.$route.query.include;\n      const excludeParam = this.$route.query.exclude;\n\n      const parseParam = (param: string | string[] | undefined | null): string[] => {\n        if (!param) return [];\n        if (Array.isArray(param)) {\n          // Handle repeated params: ?include=a&include=b\n          return param.flatMap((p) => (p ? p.split(',').map((t) => t.trim()) : [])).filter(Boolean);\n        }\n        // Handle comma-separated: ?include=a,b\n        return param\n          .split(',')\n          .map((t) => t.trim())\n          .filter(Boolean);\n      };\n\n      return {\n        include: parseParam(includeParam as string | string[] | undefined),\n        exclude: parseParam(excludeParam as string | string[] | undefined),\n      };\n    },\n  },\n});\n</script>\n\n<style scoped>\n.hidden-session {\n  visibility: hidden;\n  position: absolute;\n  z-index: -1;\n}\n\n.session-error {\n  color: var(--v-error-base);\n}\n</style>\n","<template>\n  <div v-if=\"!inSession\">\n    <SessionConfiguration\n      :initial-time-limit=\"sessionTimeLimit\"\n      @init-study-session=\"(sources, timeLimit) => initStudySession(sources, timeLimit)\"\n    />\n  </div>\n  <div v-else>\n    <div v-if=\"previewMode && previewCourseConfig\" align=\"center\">\n      <v-row>\n        <v-col>\n          <span class=\"text-h5\">\n            Quilt preview for <em>{{ previewCourseConfig.name }}</em>\n          </span>\n          <v-btn size=\"small\" color=\"primary\" @click=\"registerUserForPreviewCourse\">Join</v-btn>\n          <router-link :to=\"`/quilts/${previewCourseConfig.courseID}`\">\n            <v-btn size=\"small\" color=\"secondary\">More info</v-btn>\n          </router-link>\n          <v-spacer></v-spacer>\n        </v-col>\n      </v-row>\n    </div>\n    <div v-else-if=\"previewMode\">\n      <v-row>\n        <v-col>\n          <span class=\"text-h5\">... No course was specified for the preview.</span>\n          <div>(this shouldn't happen)...</div>\n        </v-col>\n      </v-row>\n    </div>\n\n    <!-- Study Session Component (may be in loading state) -->\n    <div v-if=\"inSession\">\n      <!-- Loading indicator while session is being prepared -->\n      <div v-if=\"!sessionPrepared && !sessionError\" class=\"session-loading\">\n        <v-container class=\"text-center\">\n          <v-row justify=\"center\" align=\"center\" style=\"min-height: 50vh\">\n            <v-col cols=\"12\">\n              <v-progress-circular size=\"70\" width=\"7\" color=\"primary\" indeterminate></v-progress-circular>\n              <div class=\"text-h5 mt-4\">Preparing your study session...</div>\n              <div class=\"text-subtitle-1 mt-2\">Getting your learning materials ready</div>\n            </v-col>\n          </v-row>\n        </v-container>\n      </div>\n\n      <!-- Error state -->\n      <div v-if=\"sessionError\" class=\"session-error\">\n        <v-container class=\"text-center\">\n          <v-row justify=\"center\" align=\"center\" style=\"min-height: 50vh\">\n            <v-col cols=\"12\">\n              <v-icon size=\"64\" color=\"error\">mdi-alert-circle</v-icon>\n              <div class=\"text-h5 mt-4 text-error\">Session Preparation Failed</div>\n              <div class=\"text-subtitle-1 mt-2\">\n                {{ errorMessage || 'There was a problem preparing your study session.' }}\n              </div>\n              <v-btn color=\"primary\" class=\"mt-6\" @click=\"refreshRoute\">Try Again</v-btn>\n            </v-col>\n          </v-row>\n        </v-container>\n      </div>\n\n      <StudySession\n        :content-sources=\"sessionContentSources\"\n        :session-time-limit=\"sessionTimeLimit\"\n        :user=\"user as UserDBInterface\"\n        :session-config=\"studySessionConfig\"\n        :data-layer=\"dataLayer\"\n        :get-view-component=\"getViewComponent\"\n        :class=\"{ 'hidden-session': !sessionPrepared }\"\n        @session-finished=\"handleSessionFinished\"\n        @session-prepared=\"handleSessionPrepared\"\n        @session-error=\"handleSessionError\"\n      />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport SessionConfiguration from '@pui/components/Study/SessionConfiguration.vue';\nimport { getCurrentUser, useConfigStore } from '@vue-skuilder/common-ui';\nimport { useDataInputFormStore } from '@vue-skuilder/edit-ui';\nimport { CourseConfig, TagFilter, hasActiveFilter } from '@vue-skuilder/common';\nimport { StudySession, type StudySessionConfig } from '@vue-skuilder/common-ui';\nimport { allCourseWare } from '@vue-skuilder/courseware';\nimport { ContentSourceID, UserDBInterface, getDataLayer } from '@vue-skuilder/db';\nimport { defineComponent } from 'vue';\nimport { Router } from 'vue-router';\n\nfunction randomInt(min: number, max: number): number {\n  return Math.floor(Math.random() * (max - min + 1)) + min;\n}\n\nexport default defineComponent({\n  name: 'StudyView',\n\n  components: {\n    SessionConfiguration,\n    StudySession,\n  },\n\n  inject: {\n    router: {\n      from: 'router',\n    },\n  },\n\n  props: {\n    /**\n     * If present, user will engage in a study session for the specified (non-registered) course.\n     */\n    previewCourseID: {\n      type: String,\n      required: false,\n      default: '',\n    },\n    /**\n     * If true, the user will engage in a study session for a\n     * random (public) course they are not already registered for.\n     */\n    randomPreview: {\n      type: Boolean,\n      required: false,\n    },\n    /**\n     * If present, user will engage in a study session for the specified (registered) course.\n     */\n    focusCourseID: {\n      type: String,\n      required: false,\n      default: '',\n    },\n  },\n\n  data() {\n    return {\n      user: null as UserDBInterface | null,\n      studySessionConfig: undefined as StudySessionConfig | undefined,\n      previewCourseConfig: undefined as CourseConfig | undefined,\n      previewMode: false,\n      sessionTimeLimit: 5,\n      inSession: false,\n      sessionPrepared: false,\n      sessionError: false,\n      errorMessage: '',\n      sessionContentSources: [] as ContentSourceID[],\n      dataInputFormStore: useDataInputFormStore(),\n      getViewComponent: (view_id: string) => allCourseWare.getView(view_id),\n      dataLayer: getDataLayer(),\n    };\n  },\n\n  async created() {\n    this.user = await getCurrentUser();\n    this.studySessionConfig = {\n      likesConfetti: useConfigStore().config.likesConfetti,\n    };\n\n    let singletonStudyCourseID = '';\n\n    if (this.randomPreview) {\n      const userCourseRegDoc = await this.user.getCourseRegistrationsDoc();\n      const allCourseWare = (await getDataLayer().getCoursesDB().getCourseList()).map((r) => r.courseID);\n      const unRegisteredCourses = allCourseWare.filter((c) => {\n        return !userCourseRegDoc.courses.some((rc) => rc.courseID === c);\n      });\n      if (unRegisteredCourses.length > 0) {\n        singletonStudyCourseID = unRegisteredCourses[randomInt(0, unRegisteredCourses.length)]!;\n      } else {\n        singletonStudyCourseID = allCourseWare[randomInt(0, allCourseWare.length)]!;\n      }\n    }\n\n    if (this.previewCourseID) {\n      this.previewMode = true;\n      getDataLayer()\n        .getCoursesDB()\n        .getCourseList()\n        .then((courses) => {\n          courses.forEach((c) => {\n            if (c.courseID === this.previewCourseID) {\n              this.previewCourseConfig = c;\n              this.previewCourseConfig!.courseID = c.courseID;\n            }\n          });\n        });\n\n      console.log(`[Study] COURSE PREVIEW MODE FOR ${this.previewCourseID}`);\n      await this.user!.registerForCourse(this.previewCourseID, true);\n\n      singletonStudyCourseID = this.previewCourseID;\n    }\n\n    if (this.focusCourseID) {\n      console.log(`[Study] FOCUS study session: ${this.focusCourseID}`);\n      singletonStudyCourseID = this.focusCourseID;\n    }\n\n    if (singletonStudyCourseID) {\n      // Parse tag filter from query params\n      const tagFilter = this.parseTagFilterFromQuery();\n      const source: ContentSourceID = {\n        type: 'course',\n        id: singletonStudyCourseID,\n      };\n\n      if (hasActiveFilter(tagFilter)) {\n        source.tagFilter = tagFilter;\n        console.log(`[Study] Tag filter from query params:`, tagFilter);\n      }\n\n      this.initStudySession([source], this.sessionTimeLimit);\n    }\n  },\n\n  methods: {\n    refreshRoute() {\n      (this.router as Router).go(0);\n    },\n\n    async initStudySession(sources: ContentSourceID[], timeLimit: number) {\n      console.log(`[Study] starting study session w/ sources: ${JSON.stringify(sources)}`);\n\n      this.sessionContentSources = sources;\n      this.sessionTimeLimit = timeLimit;\n      this.inSession = true;\n      this.sessionPrepared = false;\n\n      // Adding a console log to debug event handling\n      console.log('[Study] Waiting for session-prepared event from StudySession component');\n    },\n\n    registerUserForPreviewCourse() {\n      this.user!.registerForCourse(this.previewCourseConfig!.courseID!).then(() =>\n        (this.router as Router).push(`/quilts/${this.previewCourseConfig!.courseID!}`)\n      );\n    },\n\n    handleSessionFinished() {\n      this.refreshRoute();\n    },\n\n    handleSessionPrepared() {\n      console.log('[Study] Session preparation complete - received session-prepared event');\n      this.sessionPrepared = true;\n      this.sessionError = false;\n      this.errorMessage = '';\n    },\n\n    handleSessionError({ message, error }) {\n      console.error('[Study] Session error:', message, error);\n      this.sessionError = true;\n      this.errorMessage = message || 'An error occurred while preparing your study session.';\n      this.sessionPrepared = false;\n    },\n\n    /**\n     * Parse tag filter from URL query parameters.\n     *\n     * Supports:\n     * - ?include=tagA,tagB&exclude=tagC\n     * - Comma-separated values for multiple tags\n     *\n     * @returns TagFilter parsed from query, or empty filter if no params\n     */\n    parseTagFilterFromQuery(): TagFilter {\n      const includeParam = this.$route.query.include;\n      const excludeParam = this.$route.query.exclude;\n\n      const parseParam = (param: string | string[] | undefined | null): string[] => {\n        if (!param) return [];\n        if (Array.isArray(param)) {\n          // Handle repeated params: ?include=a&include=b\n          return param.flatMap((p) => (p ? p.split(',').map((t) => t.trim()) : [])).filter(Boolean);\n        }\n        // Handle comma-separated: ?include=a,b\n        return param\n          .split(',')\n          .map((t) => t.trim())\n          .filter(Boolean);\n      };\n\n      return {\n        include: parseParam(includeParam as string | string[] | undefined),\n        exclude: parseParam(excludeParam as string | string[] | undefined),\n      };\n    },\n  },\n});\n</script>\n\n<style scoped>\n.hidden-session {\n  visibility: hidden;\n  position: absolute;\n  z-index: -1;\n}\n\n.session-error {\n  color: var(--v-error-base);\n}\n</style>\n"],"mappings":"2gBCmKA,IAAA,EAAe,EAAgB,CAC7B,KAAM,uBAEN,WAAY,CACV,mBAAA,EACA,sBAAA,EACD,CAED,MAAO,CACL,iBAAkB,CAChB,KAAM,OACN,SAAU,GACV,QAAS,EACV,CACF,CAED,MAAO,CAAC,mBAAmB,CAE3B,MAAO,CACL,MAAO,CACL,kBAAmB,EAAC,CACpB,YAAa,GACb,cAAe,EAAC,CAChB,cAAe,EAAC,CAChB,iBAAkB,GAClB,KAAM,KACN,UAAW,KAAK,iBAChB,gBAAiB,GACjB,mBAAoB,GACpB,gBAAiB,EAAC,CACnB,EAGH,SAAU,CACR,oBAA8B,CAC5B,OAAO,KAAK,cAAc,KAAM,GAAM,EAAE,SAAQ,EAAK,KAAK,cAAc,KAAM,GAAM,EAAE,SAAS,EAGjG,oBAA8B,CAC5B,OAAO,KAAK,cAAc,KAAM,GAAM,EAAE,UAAY,KAAK,mBAAmB,EAAE,CAAC,EAGjF,mBAA4B,CAC1B,OAAO,KAAK,cAAc,OAAQ,GAAM,EAAE,UAAY,KAAK,mBAAmB,EAAE,CAAC,CAAC,QAErF,CAED,MAAO,CACL,UAAW,CACT,SAAU,CACJ,KAAK,WAAa,IACpB,KAAK,UAAY,IAGtB,CACF,CAED,eAAgB,CAEV,KAAK,mBACP,KAAK,kBAAkB,QAAS,GAAQ,CACtC,EAAe,cAAc,EAAI,EACjC,EAIN,MAAM,SAAU,CACd,KAAK,KAAO,MAAM,GAAgB,CAClC,KAAK,UAAY,KAAK,iBAEtB,KAAK,YAAY,CACjB,GAAM,CAAC,EAAe,GAAoB,MAAM,QAAQ,WAAW,CACjE,KAAK,kBAAkB,CACvB,KAAK,qBAAqB,CAC3B,CAAC,CAGE,EAAc,SAAW,aAC3B,QAAQ,MAAM,0BAA2B,EAAc,OAAO,CAC9D,KAAK,gBAAkB,IAIrB,EAAiB,SAAW,aAC9B,QAAQ,MAAM,6BAA8B,EAAiB,OAAO,CACpE,KAAK,mBAAqB,IAI1B,KAAK,cAAc,SAAW,GAC9B,KAAK,cAAc,SAAW,GAC9B,CAAC,KAAK,iBACN,CAAC,KAAK,qBAEN,KAAK,iBAAmB,KAI5B,SAAU,CACR,SAAS,eAAe,YAAY,EAAE,OAAO,EAG/C,WAAY,CAEN,KAAK,mBACP,KAAK,kBAAkB,QAAS,GAAQ,CACtC,EAAe,cAAc,EAAI,EACjC,EAIN,QAAS,CACP,KAAM,CACJ,KAAK,WAA6B,EAClC,QAAQ,IAAI,UAAU,KAAK,YAAY,EAGzC,KAAM,CACJ,KAAK,YACL,QAAQ,IAAI,UAAU,KAAK,YAAY,EAGzC,QAAS,CACP,QAAQ,IAAI,KAAK,UAAU,KAAK,cAAc,CAAC,CAC/C,QAAQ,IAAI,KAAK,UAAU,KAAK,cAAc,CAAC,EAGjD,WAAkB,CAChB,QAAQ,IAAI,uBAAuB,CACnC,KAAK,cAAc,QAAS,GAAQ,CAClC,EAAI,SAAW,KAAK,aACpB,CACF,KAAK,cAAc,QAAS,GAAO,CACjC,EAAG,SAAW,KAAK,aACnB,CACF,QAAQ,IAAI,KAAK,UAAU,KAAK,cAAc,CAAC,EAGjD,gBAAgB,EAAwB,CACtC,KAAK,gBAAgB,GAAY,CAAC,KAAK,gBAAgB,IAGzD,mBAAmB,EAA6D,CAC9E,OAAO,EAAgB,EAAO,UAAU,EAG1C,cAAe,CAET,KAAK,mBACP,KAAK,kBAAkB,QAAS,GAAQ,CACtC,EAAe,cAAc,EAAI,EACjC,CAIJ,IAAM,EAAgD,KAAK,cACxD,OAAQ,GAAM,EAAE,SAAQ,CACxB,IAAK,GAAM,CACV,IAAM,EAAqC,CACzC,KAAM,SACN,GAAI,EAAE,SACP,CAKD,OAHI,EAAgB,EAAE,UAAU,GAC9B,EAAO,UAAY,EAAE,WAEhB,GACP,CAEE,EAAwC,KAAK,cAChD,OAAQ,GAAO,EAAG,SAAQ,CAC1B,IAAK,IAAQ,CACZ,KAAM,YACN,GAAI,EAAG,QACR,EAAE,CAEC,EAAqB,CAAC,GAAG,EAAiB,GAAG,EAAmB,CACtE,KAAK,MAAM,mBAAoB,EAAoB,KAAK,UAAU,EAGpE,MAAM,qBAAsB,CAC1B,IAAM,EAAU,MAAO,MAAM,GAAgB,EAAE,kBAAkB,CAC3D,EAAiE,EAAE,CAEzE,QAAQ,IAAI,mBAAmB,KAAK,UAAU,EAAQ,GAAG,CAEzD,MAAM,QAAQ,IACZ,EAAQ,IAAK,IACV,KAAO,IAAoB,CAC1B,IAAM,EAAU,MAAM,GAAc,CAAC,eAAe,EAAS,UAAU,CACvE,EAAc,KAAK,CACjB,UACA,KAAM,EAAQ,WAAW,CAAC,KAC1B,SAAU,GACV,QAAS,EACV,CAAC,GACD,EAAC,CACN,CACD,CACD,KAAK,cAAgB,GAGvB,MAAM,kBAAmB,CACvB,KAAK,eAAiB,MAAM,KAAK,KAAM,kBAAkB,EAAE,IAAK,IAAO,CACrE,GAAG,EACH,SAAU,GACV,KAAM,GACN,QAAS,EACT,UAAW,IAAA,GACZ,EAAE,CAEH,QAAQ,IACN,KAAK,cAAc,IAAI,MAAO,EAAG,IAAM,CACrC,IAAM,EAAM,MAAM,GAAc,CAAC,cAAc,CAAC,gBAAgB,EAAE,SAAS,CACrE,EAAe,MAAM,KAAK,MAAM,mBAAmB,EAAE,SAAS,CACpE,OAAQ,SACC,QAAQ,IAAI,CAChB,KAAK,cAAc,GAAG,KAAO,EAAI,KACjC,KAAK,cAAc,GAAG,QAAU,MAAM,EAAc,yBAAyB,CAC/E,CAAC,GACA,EACL,CACF,EAGH,YAAa,CACX,IAAM,EAAU,CACd,CACE,OAAQ,QACR,aAAgB,CACd,KAAK,aAEP,QAAS,sBACV,CACD,CACE,OAAQ,OACR,aAAgB,CACd,KAAK,aAEP,QAAS,sBACV,CACF,CACD,EAAe,WAAW,EAAQ,CAClC,KAAK,kBAAoB,EAAQ,IAAK,GAAM,EAAE,OAAO,EAExD,CACF,CAAC,IAzZF,IAAA,EAAA,IAaS,MAAM,iBAAgB,IAEpB,MAAM,6BAA4B,IAK9B,MAAM,oBAAmB,IAazB,MAAM,oBAAmB,IAQvB,MAAM,qBAAoB,IACvB,MAAM,gBAAe,IA1CzC,IAAA,EA6D4E,MAAM,2BAOrE,MAAM,sBAAqB,IAc7B,MAAM,2BAA0B,IAC9B,MAAM,iBAAgB,IAGpB,MAAM,OAAM,IAtF3B,IAAA,EAyGyC,MAAM,0BAE7B,MAAM,eAAc,IA3GtC,IAAA,EAuI2D,MAAM,cAvIjE,IAAA,EA2Ic,MAAM,+OA1IP,EAAA,kBAAoB,EAAA,iBAAmB,EAAA,oBAAA,GAAA,CAAlD,EAqIM,MAtIR,EAAA,eAEI,EAAkF,MAAA,CAA7E,UAAQ,uBAAuB,MAAM,gBAAe,sBAAmB,GAAA,EAG7D,EAAA,iBAAA,GAAA,CAAf,EAEU,EAAA,CAPd,IAAA,EAKoC,KAAK,UAAU,MAAM,SALzD,QAAA,MAOI,EAAA,KAAA,EAAA,GAAA,CAPJ,EAKgE,kEAE5D,CAAA,EAAA,CAPJ,EAAA,KAAA,EAAA,GAAA,GAAA,CASmB,EAAA,oBAAA,GAAA,CAAf,EAEU,EAAA,CAXd,IAAA,EASuC,KAAK,UAAU,MAAM,SAT5D,QAAA,MAWI,EAAA,KAAA,EAAA,GAAA,CAXJ,EASmE,2EAE/D,CAAA,EAAA,CAXJ,EAAA,KAAA,EAAA,GAAA,GAAA,CAaI,EAwHM,MAxHN,EAwHM,CAtHJ,EAgEM,MAhEN,EAgEM,aA/DJ,EAAsD,MAAA,CAAjD,MAAM,eAAc,CAAC,yBAAsB,GAAA,SAGhD,EAUM,EAAA,KA7Bd,EAmBiC,EAAA,cAAb,QAAZ,EAUM,MAAA,CAVmC,IAAK,EAAU,QAAS,MAAM,eACrE,EAQM,MARN,EAQM,CAPJ,EAKE,EAAA,CA1Bd,WAsBuB,EAAU,SAtBjC,sBAAA,GAAA,EAsBiC,SAAQ,EAC1B,MAAK,UAAY,EAAU,OAC5B,eAAA,GAxBd,eAyB8B,EAAA,0FAElB,EAAoC,OAAA,CAA9B,MAAM,gBAAe,CAAC,IAAC,GAAA,EAAA,CAAA,CAAA,CAAA,gBAKjC,EAiCM,EAAA,KAjEd,EAgC8B,EAAA,cAAV,QAAZ,EAiCM,MAAA,CAjCgC,IAAK,EAAO,SAAU,MAAM,eAChE,EAwBM,MAxBN,EAwBM,CAvBJ,EAME,EAAA,CAxCd,WAmCuB,EAAO,SAnC9B,sBAAA,GAAA,EAmC8B,SAAQ,EACxB,UAAQ,kBACP,MAAK,KAAO,EAAO,OACpB,eAAA,GAtCd,eAuC8B,EAAA,8EAElB,EAeM,MAfN,EAeM,CAdJ,EAAuD,OAAvD,EAAuD,EAAxB,EAAO,QAAO,CAAA,EAAA,CAErC,EAAO,UAAA,GAAA,CADf,EAYQ,EAAA,CAvDtB,IAAA,EA6CgB,QAAQ,OACR,KAAK,QACJ,MAAO,EAAA,mBAAmB,EAAM,CAAA,UAAA,UAChC,QAAK,GAAE,EAAA,gBAAgB,EAAO,SAAQ,GAhDvD,QAAA,MAkDsE,CAAtD,EAAsD,EAAA,CAA9C,MAAA,GAAM,KAAK,UAlDnC,QAAA,MAkD6D,EAAA,KAAA,EAAA,GAAA,CAlD7D,EAkD2C,qBAAkB,CAAA,EAAA,CAlD7D,EAAA,IAAA,EAkDsE,IACtD,EAAG,EAAA,mBAAmB,EAAM,CAAA,WAAA,SAAA,CAA4B,IACxD,EAAA,CAAA,EAES,EAAA,CAFD,IAAA,GAAI,KAAK,UApDjC,QAAA,MAqDgG,CArDhG,EAAA,EAqDqB,EAAA,gBAAgB,EAAO,UAAQ,iBAAA,mBAAA,CAAA,EAAA,CAAA,CAAA,CArDpD,EAAA,WAAA,EAAA,8BAAA,EAAA,GAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CA4DU,EAIsB,EAAA,KAAA,CAhEhC,QAAA,MA+DkB,CAFK,EAAO,UAAY,EAAA,gBAAgB,EAAO,WAAA,GAAA,CAArD,EAEM,MAFN,EAEM,CADJ,EAAiF,EAAA,CA9D/F,WA8D8C,EAAO,UA9DrD,sBAAA,GAAA,EA8DqD,UAAS,EAAG,YAAW,EAAO,sEA9DnF,EAAA,GAAA,GAAA,CAAA,CAAA,CAAA,EAAA,mBAoEQ,EAUM,MAVN,EAUM,CATJ,EAQc,EAAA,CAPZ,GAAG,YACH,IAAI,YAvEhB,WAwEqB,EAAA,YAxErB,sBAAA,CAAA,EAAA,KAAA,EAAA,GAAA,GAwEqB,EAAA,YAAW,GAIC,EAAA,UAAA,CAHrB,UAAA,GACA,MAAM,aACN,eAAA,qDAON,EAkDM,MAlDN,EAkDM,CAjDJ,EAgDM,MAhDN,EAgDM,eA/CJ,EAAgD,MAAA,CAA3C,MAAM,eAAc,CAAC,mBAAgB,GAAA,EAE1C,EAgBM,MAhBN,EAgBM,CAfJ,EAcE,EAAA,CAbA,IAAI,cAxFlB,WAyFuB,EAAA,UAzFvB,sBAAA,EAAA,KAAA,EAAA,GAAA,GAAA,EAyFuB,UAAS,GAClB,MAAM,mBACN,QAAQ,WACR,MAAM,0BACN,qBAAmB,oBACnB,eAAa,YACb,cAAY,WACX,OAAQ,EAAA,UAAS,EAAA,UAAA,SAClB,KAAK,KACL,KAAK,SACJ,kBAAe,EAAA,IACf,iBAAc,EAAA,0EAKR,EAAA,oBAAA,GAAA,CAAX,EAKM,MALN,EAKM,CAJJ,EAAqE,EAAA,CAA7D,KAAK,QAAQ,MAAM,UAAU,MAAM,SA1GvD,QAAA,MA0GwE,EAAA,KAAA,EAAA,GAAA,CA1GxE,EA0G8D,aAAU,CAAA,EAAA,CA1GxE,EAAA,IA2GY,EAEO,OAFP,EAEO,EADF,EAAA,kBAAiB,CAAG,UAAO,EAAG,EAAA,kBAAiB,EAAA,IAAA,GAAA,CAAkB,qBACtE,EAAA,CAAA,CAAA,EA7GZ,EAAA,GAAA,GAAA,CAgHU,EAkBqB,EAAA,CAjBnB,OAAO,QACP,QAAQ,gBACP,SAAQ,CAAG,EAAA,mBACZ,mBAAiB,UApH7B,QAAA,MAiIoB,CAXR,EAWQ,EAAA,CAVN,UAAQ,wBACR,MAAM,UACN,KAAK,QACL,MAAA,GACA,MAAM,YACL,SAAQ,CAAG,EAAA,mBACX,QAAO,EAAA,eA7HtB,QAAA,MA+H6C,CAA/B,EAA+B,EAAA,CAAvB,MAAA,GAAK,CAAA,CA/H3B,QAAA,MA+HoC,EAAA,KAAA,EAAA,GAAA,CA/HpC,EA+H4B,WAAQ,CAAA,EAAA,CA/HpC,EAAA,gBAAA,EA+H6C,WAEjC,EAAA,CAAA,CAjIZ,EAAA,+BAAA,EAAA,6BAuImB,EAAA,iBAAe,CAAK,EAAA,oBAAA,GAAA,CAArC,EAGM,MAHN,EAGM,CAAA,EAAA,MAAA,EAAA,IAFJ,EAAwC,IAAA,KAArC,oCAAiC,GAAA,EACpC,EAAsG,IAAA,KAAA,eAzI1G,EAyIO,oBAAiB,EAAA,EAA8C,EAAA,CAAjC,GAAG,UAAS,CAAA,CAzIjD,QAAA,MAyIwD,EAAA,MAAA,EAAA,IAAA,CAzIxD,EAyIkD,SAAM,CAAA,EAAA,CAzIxD,EAAA,kBAAA,EAyIsE,mCAAgC,YAEpG,EAGM,MAHN,EAGM,EAAA,MAAA,EAAA,IAAA,CAFJ,EAAyD,IAAA,KAAtD,qDAAkD,GAAA,CACrD,EAAiF,IAAA,KAA9E,6EAA0E,GAAA,CAAA,EAAA,uGEpDjF,SAAS,UAAU,EAAa,EAAqB,CACnD,OAAO,KAAK,MAAM,KAAK,QAAO,EAAK,EAAM,EAAM,GAAE,CAAI,EAGvD,IAAA,EAAe,EAAgB,CAC7B,KAAM,YAEN,WAAY,CACV,qBAAA,EACA,aAAA,EACD,CAED,OAAQ,CACN,OAAQ,CACN,KAAM,SACP,CACF,CAED,MAAO,CAIL,gBAAiB,CACf,KAAM,OACN,SAAU,GACV,QAAS,GACV,CAKD,cAAe,CACb,KAAM,QACN,SAAU,GACX,CAID,cAAe,CACb,KAAM,OACN,SAAU,GACV,QAAS,GACV,CACF,CAED,MAAO,CACL,MAAO,CACL,KAAM,KACN,mBAAoB,IAAA,GACpB,oBAAqB,IAAA,GACrB,YAAa,GACb,iBAAkB,EAClB,UAAW,GACX,gBAAiB,GACjB,aAAc,GACd,aAAc,GACd,sBAAuB,EAAC,CACxB,mBAAoB,GAAuB,CAC3C,iBAAmB,GAAoB,EAAc,QAAQ,EAAQ,CACrE,UAAW,GAAc,CAC1B,EAGH,MAAM,SAAU,CACd,KAAK,KAAO,MAAM,GAAgB,CAClC,KAAK,mBAAqB,CACxB,cAAe,GAAgB,CAAC,OAAO,cACxC,CAED,IAAI,EAAyB,GAE7B,GAAI,KAAK,cAAe,CACtB,IAAM,EAAmB,MAAM,KAAK,KAAK,2BAA2B,CAC9D,GAAiB,MAAM,GAAc,CAAC,cAAc,CAAC,eAAe,EAAE,IAAK,GAAM,EAAE,SAAS,CAC5F,EAAsB,EAAc,OAAQ,GACzC,CAAC,EAAiB,QAAQ,KAAM,GAAO,EAAG,WAAa,EAAE,CAChE,CACF,AAGE,EAHE,EAAoB,OAAS,EACN,EAAoB,UAAU,EAAG,EAAoB,OAAO,EAE5D,EAAc,UAAU,EAAG,EAAc,OAAO,EA6B7E,GAzBI,KAAK,kBACP,KAAK,YAAc,GACnB,GAAa,CACV,cAAa,CACb,eAAc,CACd,KAAM,GAAY,CACjB,EAAQ,QAAS,GAAM,CACjB,EAAE,WAAa,KAAK,kBACtB,KAAK,oBAAsB,EAC3B,KAAK,oBAAqB,SAAW,EAAE,WAEzC,EACF,CAEJ,QAAQ,IAAI,mCAAmC,KAAK,kBAAkB,CACtE,MAAM,KAAK,KAAM,kBAAkB,KAAK,gBAAiB,GAAK,CAE9D,EAAyB,KAAK,iBAG5B,KAAK,gBACP,QAAQ,IAAI,gCAAgC,KAAK,gBAAgB,CACjE,EAAyB,KAAK,eAG5B,EAAwB,CAE1B,IAAM,EAAY,KAAK,yBAAyB,CAC1C,EAA0B,CAC9B,KAAM,SACN,GAAI,EACL,CAEG,EAAgB,EAAU,GAC5B,EAAO,UAAY,EACnB,QAAQ,IAAI,wCAAyC,EAAU,EAGjE,KAAK,iBAAiB,CAAC,EAAO,CAAE,KAAK,iBAAiB,GAI1D,QAAS,CACP,cAAe,CACZ,KAAK,OAAkB,GAAG,EAAE,EAG/B,MAAM,iBAAiB,EAA4B,EAAmB,CACpE,QAAQ,IAAI,8CAA8C,KAAK,UAAU,EAAQ,GAAG,CAEpF,KAAK,sBAAwB,EAC7B,KAAK,iBAAmB,EACxB,KAAK,UAAY,GACjB,KAAK,gBAAkB,GAGvB,QAAQ,IAAI,yEAAyE,EAGvF,8BAA+B,CAC7B,KAAK,KAAM,kBAAkB,KAAK,oBAAqB,SAAU,CAAC,SAC/D,KAAK,OAAkB,KAAK,WAAW,KAAK,oBAAqB,WAAW,CAC9E,EAGH,uBAAwB,CACtB,KAAK,cAAc,EAGrB,uBAAwB,CACtB,QAAQ,IAAI,yEAAyE,CACrF,KAAK,gBAAkB,GACvB,KAAK,aAAe,GACpB,KAAK,aAAe,IAGtB,mBAAmB,CAAE,UAAS,SAAS,CACrC,QAAQ,MAAM,yBAA0B,EAAS,EAAM,CACvD,KAAK,aAAe,GACpB,KAAK,aAAe,GAAW,wDAC/B,KAAK,gBAAkB,IAYzB,yBAAqC,CACnC,IAAM,EAAe,KAAK,OAAO,MAAM,QACjC,EAAe,KAAK,OAAO,MAAM,QAEjC,WAAc,GACb,EACD,MAAM,QAAQ,EAAM,CAEf,EAAM,QAAS,GAAO,EAAI,EAAE,MAAM,IAAI,CAAC,IAAK,GAAM,EAAE,MAAM,CAAA,CAAI,EAAE,CAAE,CAAC,OAAO,QAAQ,CAGpF,EACJ,MAAM,IAAG,CACT,IAAK,GAAM,EAAE,MAAM,CAAA,CACnB,OAAO,QAAQ,CATC,EAAE,CAYvB,MAAO,CACL,QAAS,WAAW,EAA8C,CAClE,QAAS,WAAW,EAA8C,CACnE,EAEJ,CACF,CAAC,IAhSF,IAAA,EAAA,IAAA,IAAA,EAAA,IAAA,IAAA,EAQmD,MAAM,aAGzC,MAAM,UAAS,IAX/B,IAAA,EAAA,IAAA,IAAA,EAAA,IAAA,IAAA,EAkCoD,MAAM,sBAlC1D,IAAA,EA+C+B,MAAM,oBAMlB,MAAM,uBAAsB,oOApDjC,EAAA,eAMZ,EAoEM,MA3ER,EAAA,CAQe,EAAA,aAAe,EAAA,qBAAA,GAAA,CAA1B,EAaM,MAbN,EAaM,CAZJ,EAWQ,EAAA,KAAA,CApBd,QAAA,MAmBgB,CATR,EASQ,EAAA,KAAA,CAnBhB,QAAA,MAaiB,CAFP,EAEO,OAFP,EAEO,CAAA,EAAA,KAAA,EAAA,GAbjB,EAWgC,sBACF,EAAA,EAAuC,KAAA,KAAA,EAAhC,EAAA,oBAAoB,KAAI,CAAA,EAAA,CAAA,CAAA,CAEnD,EAAsF,EAAA,CAA/E,KAAK,QAAQ,MAAM,UAAW,QAAO,EAAA,+BAdtD,QAAA,MAcwF,EAAA,KAAA,EAAA,GAAA,CAdxF,EAcoF,OAAI,CAAA,EAAA,CAdxF,EAAA,kBAeU,EAEc,EAAA,CAFA,GAAE,WAAa,EAAA,oBAAoB,WAAA,CAAA,CAf3D,QAAA,MAgBmE,CAAvD,EAAuD,EAAA,CAAhD,KAAK,QAAQ,MAAM,cAhBtC,QAAA,MAgB2D,EAAA,KAAA,EAAA,GAAA,CAhB3D,EAgBkD,YAAS,CAAA,EAAA,CAhB3D,EAAA,MAAA,EAAA,aAkBU,EAAqB,EAAA,GAlB/B,EAAA,MAAA,EAAA,OAsBoB,EAAA,aAAA,GAAA,CAAhB,EAOM,MA7BV,EAAA,CAuBM,EAKQ,EAAA,KAAA,CA5Bd,QAAA,MA2BgB,CAHR,EAGQ,EAAA,KAAA,CA3BhB,QAAA,MAyBmF,EAAA,KAAA,EAAA,GAAA,CAAzE,EAAyE,OAAA,CAAnE,MAAM,UAAS,CAAC,+CAA4C,GAAA,CAClE,EAAqC,MAAA,KAAhC,6BAA0B,GAAA,CAAA,EAAA,CA1BzC,EAAA,MAAA,EAAA,OAAA,EAAA,GAAA,GAAA,CAgCe,EAAA,WAAA,GAAA,CAAX,EA0CM,MA1EV,EAAA,EAkCkB,EAAA,iBAAe,CAAK,EAAA,cAAA,GAAA,CAAhC,EAUM,MAVN,EAUM,CATJ,EAQc,EAAA,CARD,MAAM,cAAa,CAAA,CAnCxC,QAAA,MA0CkB,CANR,EAMQ,EAAA,CAND,QAAQ,SAAS,MAAM,SAAS,MAAA,CAAA,aAAA,OAAwB,GApCzE,QAAA,MAyCoB,CAJR,EAIQ,EAAA,CAJD,KAAK,KAAI,CAAA,CArC5B,QAAA,MAsC2G,CAA7F,EAA6F,EAAA,CAAxE,KAAK,KAAK,MAAM,IAAI,MAAM,UAAU,cAAA,iBACzD,EAA+D,MAAA,CAA1D,MAAM,eAAc,CAAC,kCAA+B,GAAA,cACzD,EAA6E,MAAA,CAAxE,MAAM,uBAAsB,CAAC,wCAAqC,GAAA,IAxCrF,EAAA,MAAA,EAAA,MAAA,EAAA,OAAA,EAAA,GAAA,GAAA,CA+CiB,EAAA,cAAA,GAAA,CAAX,EAaM,MAbN,EAaM,CAZJ,EAWc,EAAA,CAXD,MAAM,cAAa,CAAA,CAhDxC,QAAA,MA0DkB,CATR,EASQ,EAAA,CATD,QAAQ,SAAS,MAAM,SAAS,MAAA,CAAA,aAAA,OAAwB,GAjDzE,QAAA,MAyDoB,CAPR,EAOQ,EAAA,CAPD,KAAK,KAAI,CAAA,CAlD5B,QAAA,MAmDuE,CAAzD,EAAyD,EAAA,CAAjD,KAAK,KAAK,MAAM,UAnDtC,QAAA,MAmD8D,EAAA,KAAA,EAAA,GAAA,CAnD9D,EAmD8C,mBAAgB,CAAA,EAAA,CAnD9D,EAAA,gBAoDc,EAAqE,MAAA,CAAhE,MAAM,0BAAyB,CAAC,6BAA0B,GAAA,EAC/D,EAEM,MAFN,EAEM,EADD,EAAA,cAAY,oDAAA,CAAA,EAAA,CAEjB,EAA2E,EAAA,CAApE,MAAM,UAAU,MAAM,OAAQ,QAAO,EAAA,eAxD1D,QAAA,MAwDiF,EAAA,KAAA,EAAA,GAAA,CAxDjF,EAwDwE,YAAS,CAAA,EAAA,CAxDjF,EAAA,oBAAA,EAAA,MAAA,EAAA,MAAA,EAAA,OAAA,EAAA,GAAA,GAAA,CA8DM,EAWE,EAAA,CAVC,kBAAiB,EAAA,sBACjB,qBAAoB,EAAA,iBACpB,KAAM,EAAA,KACN,iBAAgB,EAAA,mBAChB,aAAY,EAAA,UACZ,qBAAoB,EAAA,iBACpB,MArET,EAAA,CAAA,iBAAA,CAqEqC,EAAA,gBAAe,CAAA,CAC3C,kBAAkB,EAAA,sBAClB,kBAAkB,EAAA,sBAClB,eAAe,EAAA,mMAxExB,EAAA,GAAA,GAAA,CAAA,CAAA,GACc,GAAA,CAAZ,EAKM,MANR,EAAA,CAEI,EAGE,EAAA,CAFC,qBAAoB,EAAA,iBACpB,mBAAkB,EAAA,KAAA,EAAA,IAAG,EAAS,IAAc,EAAA,iBAAiB,EAAS,EAAS"}

package/dist/assets/{TagInformation-CSUtrZy7.js → TagInformation-DgUkKxoU.js}

@@ -1,2 +1,2 @@
-import"./chunk-D6hFPZc3.js";import{$ as e,C as t,H as n,K as r,S as i,T as a,Vt as o,_ as s,b as c,v as l,y as u}from"./vue.runtime.esm-bundler-C3q8JS9f.js";import{P as d,v as f}from"./common-ui.es-I814CYyx.js";import{T as p}from"./dist-CrcJCHFk.js";import"./MarkdownRenderer-DoVbFpA6-BIbDxYC4.js";import{k as m,r as h}from"./dist-DkeESCP4.js";import{t as g}from"./index-CF-NaZ2k.js";import{g as _}from"./dist-BwVFN4Xe.js";var v=a({name:`TagInformation`,components:{CourseCardBrowser:d},props:{tagId:{type:String,required:!0},courseId:{type:String,required:!0}},data(){return{snippetModel:``,editingSnippet:!1,snippetSaving:!1,wikiModel:``,editingWiki:!1,wikiSaving:!1,courseDB:null,tag:{course:this.courseId,name:this.tagId,snippet:``,wiki:``,taggedCards:[],docType:h.TAG},course:{courseID:this.courseId,name:``,description:``,public:!1,deleted:!1,dataShapes:[],questionTypes:[],creator:``,admins:[],moderators:[]}}},async created(){this.courseDB=m().getCourseDB(this.courseId),this.tag=await this.courseDB.getTag(this.tagId),this.snippetModel=this.tag.snippet,this.wikiModel=this.tag.wiki,this.course=await this.courseDB.getCourseConfig()},methods:{viewLookup(e){return _.getView(e)},editSnippet(){console.log(`[TagInformation] EditSnip`),this.editingSnippet=!0,this.$refs.snippetEditor.focus()},editWiki(){console.log(`[TagInformation] EditWiki`),this.editingWiki=!0,this.$refs.wikiEditor.focus()},async saveSnippet(){this.snippetSaving=!0,(await this.courseDB.updateTag({...this.tag,snippet:this.snippetModel})).ok?(console.log(`[TagInformation] OK`),this.tag.snippet=this.snippetModel,f({text:`Updated applied - thanks!`,status:p.ok})):f({text:`error in applying update!`,status:p.error}),this.editingSnippet=!1,this.snippetSaving=!1},async saveWiki(){this.wikiSaving=!0,(await this.courseDB.updateTag({...this.tag,wiki:this.wikiModel})).ok?(this.tag.wiki=this.wikiModel,f({text:`Updated applied - thanks!`,status:p.ok})):f({text:`error in applying update!`,status:p.error}),this.editingWiki=!1,this.wikiSaving=!1},cancelEditSnippet(){console.log(`[TagInformation] Cancelling EditSnip`),this.editingSnippet=!1,this.snippetModel=this.tag.snippet},cancelEditWiki(){this.editingWiki=!1,this.wikiModel=this.tag.wiki}}}),y={key:0},b={key:0};function _sfc_render(a,d,f,p,m,h){let g=r(`router-link`),_=r(`v-icon`),v=r(`v-progress-circular`),x=r(`v-fade-transition`),S=r(`v-text-field`),C=r(`course-card-browser`);return n(),c(`div`,null,[s(`h1`,null,[t(g,{to:`/q/${a.course.name}`},{default:e(()=>[i(o(a.course.name),1)]),_:1},8,[`to`]),i(` > Tag: `+o(a.tag.name),1)]),d[8]||(d[8]=s(`br`,null,null,-1)),s(`p`,null,o(a.tag.taggedCards.length)+` card`+o(a.tag.taggedCards.length===1?``:`s`),1),t(S,{ref:`snippetEditor`,modelValue:a.snippetModel,"onUpdate:modelValue":d[0]||(d[0]=e=>a.snippetModel=e),variant:`outlined`,readonly:!a.editingSnippet,counter:a.editingSnippet,label:`Brief tag description:`,placeholder:`No snippet yet - add one!`,type:`text`},{prepend:e(()=>[a.editingSnippet?(n(),c(`span`,y,[t(_,{color:`primary`,onClick:a.saveSnippet},{default:e(()=>d[2]||(d[2]=[i(`mdi-content-save`)])),_:1},8,[`onClick`])])):(n(),l(_,{key:1,color:`primary`,onClick:a.editSnippet},{default:e(()=>d[3]||(d[3]=[i(`mdi-pencil`)])),_:1},8,[`onClick`]))]),append:e(()=>[a.editingSnippet?(n(),l(_,{key:0,onClick:a.cancelEditSnippet},{default:e(()=>d[4]||(d[4]=[i(`mdi-cancel`)])),_:1},8,[`onClick`])):u(``,!0),t(x,{"leave-absolute":``},{default:e(()=>[a.snippetSaving?(n(),l(v,{key:0,size:`20`,color:`info`,indeterminate:``})):u(``,!0)]),_:1})]),_:1},8,[`modelValue`,`readonly`,`counter`]),t(S,{ref:`wikiEditor`,modelValue:a.wikiModel,"onUpdate:modelValue":d[1]||(d[1]=e=>a.wikiModel=e),variant:`outlined`,readonly:!a.editingWiki,counter:a.editingWiki,label:`Extended tag description:`,placeholder:`No wiki yet - consider adding one!`,textarea:``},{prepend:e(()=>[a.editingWiki?(n(),c(`span`,b,[t(_,{color:`primary`,onClick:a.saveWiki},{default:e(()=>d[5]||(d[5]=[i(`mdi-content-save`)])),_:1},8,[`onClick`])])):(n(),l(_,{key:1,color:`primary`,onClick:a.editWiki},{default:e(()=>d[6]||(d[6]=[i(`mdi-pencil`)])),_:1},8,[`onClick`]))]),append:e(()=>[a.editingWiki?(n(),l(_,{key:0,onClick:a.cancelEditWiki},{default:e(()=>d[7]||(d[7]=[i(`mdi-cancel`)])),_:1},8,[`onClick`])):u(``,!0),t(x,{"leave-absolute":``},{default:e(()=>[a.wikiSaving?(n(),l(v,{key:0,size:`20`,color:`info`,indeterminate:``})):u(``,!0)]),_:1})]),_:1},8,[`modelValue`,`readonly`,`counter`]),t(C,{"course-id":a.courseId,"tag-id":a.tagId,"view-lookup-function":a.viewLookup},null,8,[`course-id`,`tag-id`,`view-lookup-function`])])}var x=g(v,[[`render`,_sfc_render]]);export{x as default};
-//# sourceMappingURL=TagInformation-CSUtrZy7.js.map
+import"./chunk-D6hFPZc3.js";import{$ as e,C as t,H as n,K as r,S as i,T as a,Vt as o,_ as s,b as c,v as l,y as u}from"./vue.runtime.esm-bundler-C3q8JS9f.js";import{P as d,v as f}from"./common-ui.es-BrXWBn7p.js";import{T as p}from"./dist-CrcJCHFk.js";import"./MarkdownRenderer-DoVbFpA6-BIbDxYC4.js";import{k as m,r as h}from"./dist-CzLl7g6t.js";import{t as g}from"./index-DUZItsH-.js";import{g as _}from"./dist-D5-LrzD6.js";var v=a({name:`TagInformation`,components:{CourseCardBrowser:d},props:{tagId:{type:String,required:!0},courseId:{type:String,required:!0}},data(){return{snippetModel:``,editingSnippet:!1,snippetSaving:!1,wikiModel:``,editingWiki:!1,wikiSaving:!1,courseDB:null,tag:{course:this.courseId,name:this.tagId,snippet:``,wiki:``,taggedCards:[],docType:h.TAG},course:{courseID:this.courseId,name:``,description:``,public:!1,deleted:!1,dataShapes:[],questionTypes:[],creator:``,admins:[],moderators:[]}}},async created(){this.courseDB=m().getCourseDB(this.courseId),this.tag=await this.courseDB.getTag(this.tagId),this.snippetModel=this.tag.snippet,this.wikiModel=this.tag.wiki,this.course=await this.courseDB.getCourseConfig()},methods:{viewLookup(e){return _.getView(e)},editSnippet(){console.log(`[TagInformation] EditSnip`),this.editingSnippet=!0,this.$refs.snippetEditor.focus()},editWiki(){console.log(`[TagInformation] EditWiki`),this.editingWiki=!0,this.$refs.wikiEditor.focus()},async saveSnippet(){this.snippetSaving=!0,(await this.courseDB.updateTag({...this.tag,snippet:this.snippetModel})).ok?(console.log(`[TagInformation] OK`),this.tag.snippet=this.snippetModel,f({text:`Updated applied - thanks!`,status:p.ok})):f({text:`error in applying update!`,status:p.error}),this.editingSnippet=!1,this.snippetSaving=!1},async saveWiki(){this.wikiSaving=!0,(await this.courseDB.updateTag({...this.tag,wiki:this.wikiModel})).ok?(this.tag.wiki=this.wikiModel,f({text:`Updated applied - thanks!`,status:p.ok})):f({text:`error in applying update!`,status:p.error}),this.editingWiki=!1,this.wikiSaving=!1},cancelEditSnippet(){console.log(`[TagInformation] Cancelling EditSnip`),this.editingSnippet=!1,this.snippetModel=this.tag.snippet},cancelEditWiki(){this.editingWiki=!1,this.wikiModel=this.tag.wiki}}}),y={key:0},b={key:0};function _sfc_render(a,d,f,p,m,h){let g=r(`router-link`),_=r(`v-icon`),v=r(`v-progress-circular`),x=r(`v-fade-transition`),S=r(`v-text-field`),C=r(`course-card-browser`);return n(),c(`div`,null,[s(`h1`,null,[t(g,{to:`/q/${a.course.name}`},{default:e(()=>[i(o(a.course.name),1)]),_:1},8,[`to`]),i(` > Tag: `+o(a.tag.name),1)]),d[8]||(d[8]=s(`br`,null,null,-1)),s(`p`,null,o(a.tag.taggedCards.length)+` card`+o(a.tag.taggedCards.length===1?``:`s`),1),t(S,{ref:`snippetEditor`,modelValue:a.snippetModel,"onUpdate:modelValue":d[0]||(d[0]=e=>a.snippetModel=e),variant:`outlined`,readonly:!a.editingSnippet,counter:a.editingSnippet,label:`Brief tag description:`,placeholder:`No snippet yet - add one!`,type:`text`},{prepend:e(()=>[a.editingSnippet?(n(),c(`span`,y,[t(_,{color:`primary`,onClick:a.saveSnippet},{default:e(()=>d[2]||(d[2]=[i(`mdi-content-save`)])),_:1},8,[`onClick`])])):(n(),l(_,{key:1,color:`primary`,onClick:a.editSnippet},{default:e(()=>d[3]||(d[3]=[i(`mdi-pencil`)])),_:1},8,[`onClick`]))]),append:e(()=>[a.editingSnippet?(n(),l(_,{key:0,onClick:a.cancelEditSnippet},{default:e(()=>d[4]||(d[4]=[i(`mdi-cancel`)])),_:1},8,[`onClick`])):u(``,!0),t(x,{"leave-absolute":``},{default:e(()=>[a.snippetSaving?(n(),l(v,{key:0,size:`20`,color:`info`,indeterminate:``})):u(``,!0)]),_:1})]),_:1},8,[`modelValue`,`readonly`,`counter`]),t(S,{ref:`wikiEditor`,modelValue:a.wikiModel,"onUpdate:modelValue":d[1]||(d[1]=e=>a.wikiModel=e),variant:`outlined`,readonly:!a.editingWiki,counter:a.editingWiki,label:`Extended tag description:`,placeholder:`No wiki yet - consider adding one!`,textarea:``},{prepend:e(()=>[a.editingWiki?(n(),c(`span`,b,[t(_,{color:`primary`,onClick:a.saveWiki},{default:e(()=>d[5]||(d[5]=[i(`mdi-content-save`)])),_:1},8,[`onClick`])])):(n(),l(_,{key:1,color:`primary`,onClick:a.editWiki},{default:e(()=>d[6]||(d[6]=[i(`mdi-pencil`)])),_:1},8,[`onClick`]))]),append:e(()=>[a.editingWiki?(n(),l(_,{key:0,onClick:a.cancelEditWiki},{default:e(()=>d[7]||(d[7]=[i(`mdi-cancel`)])),_:1},8,[`onClick`])):u(``,!0),t(x,{"leave-absolute":``},{default:e(()=>[a.wikiSaving?(n(),l(v,{key:0,size:`20`,color:`info`,indeterminate:``})):u(``,!0)]),_:1})]),_:1},8,[`modelValue`,`readonly`,`counter`]),t(C,{"course-id":a.courseId,"tag-id":a.tagId,"view-lookup-function":a.viewLookup},null,8,[`course-id`,`tag-id`,`view-lookup-function`])])}var x=g(v,[[`render`,_sfc_render]]);export{x as default};
+//# sourceMappingURL=TagInformation-DgUkKxoU.js.map

package/dist/assets/{TagInformation-CSUtrZy7.js.map → TagInformation-DgUkKxoU.js.map}

@@ -1 +1 @@
-{"version":3,"file":"TagInformation-CSUtrZy7.js","names":[],"sources":["../../src/components/Courses/TagInformation.vue","../../src/components/Courses/TagInformation.vue"],"sourcesContent":["<template>\n  <div>\n    <!-- todo: -->\n    <h1>\n      <router-link :to=\"`/q/${course.name}`\">{{ course.name }}</router-link> > Tag: {{ tag.name }}\n    </h1>\n    <br />\n    <p>{{ tag.taggedCards.length }} card{{ tag.taggedCards.length === 1 ? '' : 's' }}</p>\n\n    <v-text-field\n      ref=\"snippetEditor\"\n      v-model=\"snippetModel\"\n      variant=\"outlined\"\n      :readonly=\"!editingSnippet\"\n      :counter=\"editingSnippet\"\n      label=\"Brief tag description:\"\n      placeholder=\"No snippet yet - add one!\"\n      type=\"text\"\n    >\n      <template #prepend>\n        <span v-if=\"editingSnippet\">\n          <v-icon color=\"primary\" @click=\"saveSnippet\">mdi-content-save</v-icon>\n        </span>\n        <v-icon v-else color=\"primary\" @click=\"editSnippet\">mdi-pencil</v-icon>\n      </template>\n      <template #append>\n        <v-icon v-if=\"editingSnippet\" @click=\"cancelEditSnippet\">mdi-cancel</v-icon>\n        <v-fade-transition leave-absolute>\n          <!-- spinner while awaiting async write of edits -->\n          <v-progress-circular v-if=\"snippetSaving\" size=\"20\" color=\"info\" indeterminate></v-progress-circular>\n        </v-fade-transition>\n      </template>\n    </v-text-field>\n\n    <v-text-field\n      ref=\"wikiEditor\"\n      v-model=\"wikiModel\"\n      variant=\"outlined\"\n      :readonly=\"!editingWiki\"\n      :counter=\"editingWiki\"\n      label=\"Extended tag description:\"\n      placeholder=\"No wiki yet - consider adding one!\"\n      textarea\n    >\n      <template #prepend>\n        <span v-if=\"editingWiki\">\n          <v-icon color=\"primary\" @click=\"saveWiki\">mdi-content-save</v-icon>\n        </span>\n        <v-icon v-else color=\"primary\" @click=\"editWiki\">mdi-pencil</v-icon>\n      </template>\n      <template #append>\n        <v-icon v-if=\"editingWiki\" @click=\"cancelEditWiki\">mdi-cancel</v-icon>\n        <v-fade-transition leave-absolute>\n          <!-- spinner while awaiting async write of edits -->\n          <v-progress-circular v-if=\"wikiSaving\" size=\"20\" color=\"info\" indeterminate></v-progress-circular>\n        </v-fade-transition>\n      </template>\n    </v-text-field>\n\n    <course-card-browser :course-id=\"courseId\" :tag-id=\"tagId\" :view-lookup-function=\"viewLookup\" />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue';\nimport { DocType, Tag, getDataLayer, CourseDBInterface } from '@vue-skuilder/db';\nimport { Status, CourseConfig } from '@vue-skuilder/common';\nimport { CourseCardBrowser } from '@vue-skuilder/common-ui';\nimport { alertUser } from '@vue-skuilder/common-ui';\nimport { allCourseWare } from '@vue-skuilder/courseware';\n\nexport default defineComponent({\n  name: 'TagInformation',\n\n  components: {\n    CourseCardBrowser,\n  },\n\n  props: {\n    tagId: {\n      type: String,\n      required: true,\n    },\n    courseId: {\n      type: String,\n      required: true,\n    },\n  },\n\n  data() {\n    return {\n      snippetModel: '',\n      editingSnippet: false,\n      snippetSaving: false,\n\n      wikiModel: '',\n      editingWiki: false,\n      wikiSaving: false,\n\n      courseDB: null as CourseDBInterface | null,\n\n      tag: {\n        course: this.courseId,\n        name: this.tagId,\n        snippet: '',\n        wiki: '',\n        taggedCards: [],\n        docType: DocType.TAG,\n      } as Tag,\n\n      course: {\n        courseID: this.courseId,\n        name: '',\n        description: '',\n        public: false,\n        deleted: false,\n        dataShapes: [],\n        questionTypes: [],\n        creator: '',\n        admins: [],\n        moderators: [],\n      } as CourseConfig,\n    };\n  },\n\n  async created() {\n    this.courseDB = getDataLayer().getCourseDB(this.courseId);\n    this.tag = await this.courseDB.getTag(this.tagId);\n    this.snippetModel = this.tag.snippet;\n    this.wikiModel = this.tag.wiki;\n    this.course = await this.courseDB.getCourseConfig();\n  },\n\n  methods: {\n    viewLookup(x: unknown) {\n      return allCourseWare.getView(x);\n    },\n\n    editSnippet() {\n      console.log('[TagInformation] EditSnip');\n      this.editingSnippet = true;\n      (this.$refs.snippetEditor as HTMLInputElement).focus();\n    },\n\n    editWiki() {\n      console.log('[TagInformation] EditWiki');\n      this.editingWiki = true;\n      (this.$refs.wikiEditor as HTMLInputElement).focus();\n    },\n\n    async saveSnippet() {\n      this.snippetSaving = true;\n\n      const update = await this.courseDB!.updateTag({\n        ...this.tag,\n        snippet: this.snippetModel,\n      });\n\n      if (update.ok) {\n        console.log('[TagInformation] OK');\n        this.tag.snippet = this.snippetModel;\n        alertUser({\n          text: `Updated applied - thanks!`,\n          status: Status.ok,\n        });\n      } else {\n        alertUser({\n          text: `error in applying update!`,\n          status: Status.error,\n        });\n      }\n\n      this.editingSnippet = false;\n      this.snippetSaving = false;\n    },\n\n    async saveWiki() {\n      this.wikiSaving = true;\n\n      const update = await this.courseDB!.updateTag({\n        ...this.tag,\n        wiki: this.wikiModel,\n      });\n\n      if (update.ok) {\n        this.tag.wiki = this.wikiModel;\n        alertUser({\n          text: `Updated applied - thanks!`,\n          status: Status.ok,\n        });\n      } else {\n        alertUser({\n          text: `error in applying update!`,\n          status: Status.error,\n        });\n      }\n\n      this.editingWiki = false;\n      this.wikiSaving = false;\n    },\n\n    cancelEditSnippet() {\n      console.log('[TagInformation] Cancelling EditSnip');\n      this.editingSnippet = false;\n      this.snippetModel = this.tag.snippet;\n    },\n\n    cancelEditWiki() {\n      this.editingWiki = false;\n      this.wikiModel = this.tag.wiki;\n    },\n  },\n});\n</script>\n","<template>\n  <div>\n    <!-- todo: -->\n    <h1>\n      <router-link :to=\"`/q/${course.name}`\">{{ course.name }}</router-link> > Tag: {{ tag.name }}\n    </h1>\n    <br />\n    <p>{{ tag.taggedCards.length }} card{{ tag.taggedCards.length === 1 ? '' : 's' }}</p>\n\n    <v-text-field\n      ref=\"snippetEditor\"\n      v-model=\"snippetModel\"\n      variant=\"outlined\"\n      :readonly=\"!editingSnippet\"\n      :counter=\"editingSnippet\"\n      label=\"Brief tag description:\"\n      placeholder=\"No snippet yet - add one!\"\n      type=\"text\"\n    >\n      <template #prepend>\n        <span v-if=\"editingSnippet\">\n          <v-icon color=\"primary\" @click=\"saveSnippet\">mdi-content-save</v-icon>\n        </span>\n        <v-icon v-else color=\"primary\" @click=\"editSnippet\">mdi-pencil</v-icon>\n      </template>\n      <template #append>\n        <v-icon v-if=\"editingSnippet\" @click=\"cancelEditSnippet\">mdi-cancel</v-icon>\n        <v-fade-transition leave-absolute>\n          <!-- spinner while awaiting async write of edits -->\n          <v-progress-circular v-if=\"snippetSaving\" size=\"20\" color=\"info\" indeterminate></v-progress-circular>\n        </v-fade-transition>\n      </template>\n    </v-text-field>\n\n    <v-text-field\n      ref=\"wikiEditor\"\n      v-model=\"wikiModel\"\n      variant=\"outlined\"\n      :readonly=\"!editingWiki\"\n      :counter=\"editingWiki\"\n      label=\"Extended tag description:\"\n      placeholder=\"No wiki yet - consider adding one!\"\n      textarea\n    >\n      <template #prepend>\n        <span v-if=\"editingWiki\">\n          <v-icon color=\"primary\" @click=\"saveWiki\">mdi-content-save</v-icon>\n        </span>\n        <v-icon v-else color=\"primary\" @click=\"editWiki\">mdi-pencil</v-icon>\n      </template>\n      <template #append>\n        <v-icon v-if=\"editingWiki\" @click=\"cancelEditWiki\">mdi-cancel</v-icon>\n        <v-fade-transition leave-absolute>\n          <!-- spinner while awaiting async write of edits -->\n          <v-progress-circular v-if=\"wikiSaving\" size=\"20\" color=\"info\" indeterminate></v-progress-circular>\n        </v-fade-transition>\n      </template>\n    </v-text-field>\n\n    <course-card-browser :course-id=\"courseId\" :tag-id=\"tagId\" :view-lookup-function=\"viewLookup\" />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue';\nimport { DocType, Tag, getDataLayer, CourseDBInterface } from '@vue-skuilder/db';\nimport { Status, CourseConfig } from '@vue-skuilder/common';\nimport { CourseCardBrowser } from '@vue-skuilder/common-ui';\nimport { alertUser } from '@vue-skuilder/common-ui';\nimport { allCourseWare } from '@vue-skuilder/courseware';\n\nexport default defineComponent({\n  name: 'TagInformation',\n\n  components: {\n    CourseCardBrowser,\n  },\n\n  props: {\n    tagId: {\n      type: String,\n      required: true,\n    },\n    courseId: {\n      type: String,\n      required: true,\n    },\n  },\n\n  data() {\n    return {\n      snippetModel: '',\n      editingSnippet: false,\n      snippetSaving: false,\n\n      wikiModel: '',\n      editingWiki: false,\n      wikiSaving: false,\n\n      courseDB: null as CourseDBInterface | null,\n\n      tag: {\n        course: this.courseId,\n        name: this.tagId,\n        snippet: '',\n        wiki: '',\n        taggedCards: [],\n        docType: DocType.TAG,\n      } as Tag,\n\n      course: {\n        courseID: this.courseId,\n        name: '',\n        description: '',\n        public: false,\n        deleted: false,\n        dataShapes: [],\n        questionTypes: [],\n        creator: '',\n        admins: [],\n        moderators: [],\n      } as CourseConfig,\n    };\n  },\n\n  async created() {\n    this.courseDB = getDataLayer().getCourseDB(this.courseId);\n    this.tag = await this.courseDB.getTag(this.tagId);\n    this.snippetModel = this.tag.snippet;\n    this.wikiModel = this.tag.wiki;\n    this.course = await this.courseDB.getCourseConfig();\n  },\n\n  methods: {\n    viewLookup(x: unknown) {\n      return allCourseWare.getView(x);\n    },\n\n    editSnippet() {\n      console.log('[TagInformation] EditSnip');\n      this.editingSnippet = true;\n      (this.$refs.snippetEditor as HTMLInputElement).focus();\n    },\n\n    editWiki() {\n      console.log('[TagInformation] EditWiki');\n      this.editingWiki = true;\n      (this.$refs.wikiEditor as HTMLInputElement).focus();\n    },\n\n    async saveSnippet() {\n      this.snippetSaving = true;\n\n      const update = await this.courseDB!.updateTag({\n        ...this.tag,\n        snippet: this.snippetModel,\n      });\n\n      if (update.ok) {\n        console.log('[TagInformation] OK');\n        this.tag.snippet = this.snippetModel;\n        alertUser({\n          text: `Updated applied - thanks!`,\n          status: Status.ok,\n        });\n      } else {\n        alertUser({\n          text: `error in applying update!`,\n          status: Status.error,\n        });\n      }\n\n      this.editingSnippet = false;\n      this.snippetSaving = false;\n    },\n\n    async saveWiki() {\n      this.wikiSaving = true;\n\n      const update = await this.courseDB!.updateTag({\n        ...this.tag,\n        wiki: this.wikiModel,\n      });\n\n      if (update.ok) {\n        this.tag.wiki = this.wikiModel;\n        alertUser({\n          text: `Updated applied - thanks!`,\n          status: Status.ok,\n        });\n      } else {\n        alertUser({\n          text: `error in applying update!`,\n          status: Status.error,\n        });\n      }\n\n      this.editingWiki = false;\n      this.wikiSaving = false;\n    },\n\n    cancelEditSnippet() {\n      console.log('[TagInformation] Cancelling EditSnip');\n      this.editingSnippet = false;\n      this.snippetModel = this.tag.snippet;\n    },\n\n    cancelEditWiki() {\n      this.editingWiki = false;\n      this.wikiModel = this.tag.wiki;\n    },\n  },\n});\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"TagInformation-DgUkKxoU.js","names":[],"sources":["../../src/components/Courses/TagInformation.vue","../../src/components/Courses/TagInformation.vue"],"sourcesContent":["<template>\n  <div>\n    <!-- todo: -->\n    <h1>\n      <router-link :to=\"`/q/${course.name}`\">{{ course.name }}</router-link> > Tag: {{ tag.name }}\n    </h1>\n    <br />\n    <p>{{ tag.taggedCards.length }} card{{ tag.taggedCards.length === 1 ? '' : 's' }}</p>\n\n    <v-text-field\n      ref=\"snippetEditor\"\n      v-model=\"snippetModel\"\n      variant=\"outlined\"\n      :readonly=\"!editingSnippet\"\n      :counter=\"editingSnippet\"\n      label=\"Brief tag description:\"\n      placeholder=\"No snippet yet - add one!\"\n      type=\"text\"\n    >\n      <template #prepend>\n        <span v-if=\"editingSnippet\">\n          <v-icon color=\"primary\" @click=\"saveSnippet\">mdi-content-save</v-icon>\n        </span>\n        <v-icon v-else color=\"primary\" @click=\"editSnippet\">mdi-pencil</v-icon>\n      </template>\n      <template #append>\n        <v-icon v-if=\"editingSnippet\" @click=\"cancelEditSnippet\">mdi-cancel</v-icon>\n        <v-fade-transition leave-absolute>\n          <!-- spinner while awaiting async write of edits -->\n          <v-progress-circular v-if=\"snippetSaving\" size=\"20\" color=\"info\" indeterminate></v-progress-circular>\n        </v-fade-transition>\n      </template>\n    </v-text-field>\n\n    <v-text-field\n      ref=\"wikiEditor\"\n      v-model=\"wikiModel\"\n      variant=\"outlined\"\n      :readonly=\"!editingWiki\"\n      :counter=\"editingWiki\"\n      label=\"Extended tag description:\"\n      placeholder=\"No wiki yet - consider adding one!\"\n      textarea\n    >\n      <template #prepend>\n        <span v-if=\"editingWiki\">\n          <v-icon color=\"primary\" @click=\"saveWiki\">mdi-content-save</v-icon>\n        </span>\n        <v-icon v-else color=\"primary\" @click=\"editWiki\">mdi-pencil</v-icon>\n      </template>\n      <template #append>\n        <v-icon v-if=\"editingWiki\" @click=\"cancelEditWiki\">mdi-cancel</v-icon>\n        <v-fade-transition leave-absolute>\n          <!-- spinner while awaiting async write of edits -->\n          <v-progress-circular v-if=\"wikiSaving\" size=\"20\" color=\"info\" indeterminate></v-progress-circular>\n        </v-fade-transition>\n      </template>\n    </v-text-field>\n\n    <course-card-browser :course-id=\"courseId\" :tag-id=\"tagId\" :view-lookup-function=\"viewLookup\" />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue';\nimport { DocType, Tag, getDataLayer, CourseDBInterface } from '@vue-skuilder/db';\nimport { Status, CourseConfig } from '@vue-skuilder/common';\nimport { CourseCardBrowser } from '@vue-skuilder/common-ui';\nimport { alertUser } from '@vue-skuilder/common-ui';\nimport { allCourseWare } from '@vue-skuilder/courseware';\n\nexport default defineComponent({\n  name: 'TagInformation',\n\n  components: {\n    CourseCardBrowser,\n  },\n\n  props: {\n    tagId: {\n      type: String,\n      required: true,\n    },\n    courseId: {\n      type: String,\n      required: true,\n    },\n  },\n\n  data() {\n    return {\n      snippetModel: '',\n      editingSnippet: false,\n      snippetSaving: false,\n\n      wikiModel: '',\n      editingWiki: false,\n      wikiSaving: false,\n\n      courseDB: null as CourseDBInterface | null,\n\n      tag: {\n        course: this.courseId,\n        name: this.tagId,\n        snippet: '',\n        wiki: '',\n        taggedCards: [],\n        docType: DocType.TAG,\n      } as Tag,\n\n      course: {\n        courseID: this.courseId,\n        name: '',\n        description: '',\n        public: false,\n        deleted: false,\n        dataShapes: [],\n        questionTypes: [],\n        creator: '',\n        admins: [],\n        moderators: [],\n      } as CourseConfig,\n    };\n  },\n\n  async created() {\n    this.courseDB = getDataLayer().getCourseDB(this.courseId);\n    this.tag = await this.courseDB.getTag(this.tagId);\n    this.snippetModel = this.tag.snippet;\n    this.wikiModel = this.tag.wiki;\n    this.course = await this.courseDB.getCourseConfig();\n  },\n\n  methods: {\n    viewLookup(x: unknown) {\n      return allCourseWare.getView(x);\n    },\n\n    editSnippet() {\n      console.log('[TagInformation] EditSnip');\n      this.editingSnippet = true;\n      (this.$refs.snippetEditor as HTMLInputElement).focus();\n    },\n\n    editWiki() {\n      console.log('[TagInformation] EditWiki');\n      this.editingWiki = true;\n      (this.$refs.wikiEditor as HTMLInputElement).focus();\n    },\n\n    async saveSnippet() {\n      this.snippetSaving = true;\n\n      const update = await this.courseDB!.updateTag({\n        ...this.tag,\n        snippet: this.snippetModel,\n      });\n\n      if (update.ok) {\n        console.log('[TagInformation] OK');\n        this.tag.snippet = this.snippetModel;\n        alertUser({\n          text: `Updated applied - thanks!`,\n          status: Status.ok,\n        });\n      } else {\n        alertUser({\n          text: `error in applying update!`,\n          status: Status.error,\n        });\n      }\n\n      this.editingSnippet = false;\n      this.snippetSaving = false;\n    },\n\n    async saveWiki() {\n      this.wikiSaving = true;\n\n      const update = await this.courseDB!.updateTag({\n        ...this.tag,\n        wiki: this.wikiModel,\n      });\n\n      if (update.ok) {\n        this.tag.wiki = this.wikiModel;\n        alertUser({\n          text: `Updated applied - thanks!`,\n          status: Status.ok,\n        });\n      } else {\n        alertUser({\n          text: `error in applying update!`,\n          status: Status.error,\n        });\n      }\n\n      this.editingWiki = false;\n      this.wikiSaving = false;\n    },\n\n    cancelEditSnippet() {\n      console.log('[TagInformation] Cancelling EditSnip');\n      this.editingSnippet = false;\n      this.snippetModel = this.tag.snippet;\n    },\n\n    cancelEditWiki() {\n      this.editingWiki = false;\n      this.wikiModel = this.tag.wiki;\n    },\n  },\n});\n</script>\n","<template>\n  <div>\n    <!-- todo: -->\n    <h1>\n      <router-link :to=\"`/q/${course.name}`\">{{ course.name }}</router-link> > Tag: {{ tag.name }}\n    </h1>\n    <br />\n    <p>{{ tag.taggedCards.length }} card{{ tag.taggedCards.length === 1 ? '' : 's' }}</p>\n\n    <v-text-field\n      ref=\"snippetEditor\"\n      v-model=\"snippetModel\"\n      variant=\"outlined\"\n      :readonly=\"!editingSnippet\"\n      :counter=\"editingSnippet\"\n      label=\"Brief tag description:\"\n      placeholder=\"No snippet yet - add one!\"\n      type=\"text\"\n    >\n      <template #prepend>\n        <span v-if=\"editingSnippet\">\n          <v-icon color=\"primary\" @click=\"saveSnippet\">mdi-content-save</v-icon>\n        </span>\n        <v-icon v-else color=\"primary\" @click=\"editSnippet\">mdi-pencil</v-icon>\n      </template>\n      <template #append>\n        <v-icon v-if=\"editingSnippet\" @click=\"cancelEditSnippet\">mdi-cancel</v-icon>\n        <v-fade-transition leave-absolute>\n          <!-- spinner while awaiting async write of edits -->\n          <v-progress-circular v-if=\"snippetSaving\" size=\"20\" color=\"info\" indeterminate></v-progress-circular>\n        </v-fade-transition>\n      </template>\n    </v-text-field>\n\n    <v-text-field\n      ref=\"wikiEditor\"\n      v-model=\"wikiModel\"\n      variant=\"outlined\"\n      :readonly=\"!editingWiki\"\n      :counter=\"editingWiki\"\n      label=\"Extended tag description:\"\n      placeholder=\"No wiki yet - consider adding one!\"\n      textarea\n    >\n      <template #prepend>\n        <span v-if=\"editingWiki\">\n          <v-icon color=\"primary\" @click=\"saveWiki\">mdi-content-save</v-icon>\n        </span>\n        <v-icon v-else color=\"primary\" @click=\"editWiki\">mdi-pencil</v-icon>\n      </template>\n      <template #append>\n        <v-icon v-if=\"editingWiki\" @click=\"cancelEditWiki\">mdi-cancel</v-icon>\n        <v-fade-transition leave-absolute>\n          <!-- spinner while awaiting async write of edits -->\n          <v-progress-circular v-if=\"wikiSaving\" size=\"20\" color=\"info\" indeterminate></v-progress-circular>\n        </v-fade-transition>\n      </template>\n    </v-text-field>\n\n    <course-card-browser :course-id=\"courseId\" :tag-id=\"tagId\" :view-lookup-function=\"viewLookup\" />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue';\nimport { DocType, Tag, getDataLayer, CourseDBInterface } from '@vue-skuilder/db';\nimport { Status, CourseConfig } from '@vue-skuilder/common';\nimport { CourseCardBrowser } from '@vue-skuilder/common-ui';\nimport { alertUser } from '@vue-skuilder/common-ui';\nimport { allCourseWare } from '@vue-skuilder/courseware';\n\nexport default defineComponent({\n  name: 'TagInformation',\n\n  components: {\n    CourseCardBrowser,\n  },\n\n  props: {\n    tagId: {\n      type: String,\n      required: true,\n    },\n    courseId: {\n      type: String,\n      required: true,\n    },\n  },\n\n  data() {\n    return {\n      snippetModel: '',\n      editingSnippet: false,\n      snippetSaving: false,\n\n      wikiModel: '',\n      editingWiki: false,\n      wikiSaving: false,\n\n      courseDB: null as CourseDBInterface | null,\n\n      tag: {\n        course: this.courseId,\n        name: this.tagId,\n        snippet: '',\n        wiki: '',\n        taggedCards: [],\n        docType: DocType.TAG,\n      } as Tag,\n\n      course: {\n        courseID: this.courseId,\n        name: '',\n        description: '',\n        public: false,\n        deleted: false,\n        dataShapes: [],\n        questionTypes: [],\n        creator: '',\n        admins: [],\n        moderators: [],\n      } as CourseConfig,\n    };\n  },\n\n  async created() {\n    this.courseDB = getDataLayer().getCourseDB(this.courseId);\n    this.tag = await this.courseDB.getTag(this.tagId);\n    this.snippetModel = this.tag.snippet;\n    this.wikiModel = this.tag.wiki;\n    this.course = await this.courseDB.getCourseConfig();\n  },\n\n  methods: {\n    viewLookup(x: unknown) {\n      return allCourseWare.getView(x);\n    },\n\n    editSnippet() {\n      console.log('[TagInformation] EditSnip');\n      this.editingSnippet = true;\n      (this.$refs.snippetEditor as HTMLInputElement).focus();\n    },\n\n    editWiki() {\n      console.log('[TagInformation] EditWiki');\n      this.editingWiki = true;\n      (this.$refs.wikiEditor as HTMLInputElement).focus();\n    },\n\n    async saveSnippet() {\n      this.snippetSaving = true;\n\n      const update = await this.courseDB!.updateTag({\n        ...this.tag,\n        snippet: this.snippetModel,\n      });\n\n      if (update.ok) {\n        console.log('[TagInformation] OK');\n        this.tag.snippet = this.snippetModel;\n        alertUser({\n          text: `Updated applied - thanks!`,\n          status: Status.ok,\n        });\n      } else {\n        alertUser({\n          text: `error in applying update!`,\n          status: Status.error,\n        });\n      }\n\n      this.editingSnippet = false;\n      this.snippetSaving = false;\n    },\n\n    async saveWiki() {\n      this.wikiSaving = true;\n\n      const update = await this.courseDB!.updateTag({\n        ...this.tag,\n        wiki: this.wikiModel,\n      });\n\n      if (update.ok) {\n        this.tag.wiki = this.wikiModel;\n        alertUser({\n          text: `Updated applied - thanks!`,\n          status: Status.ok,\n        });\n      } else {\n        alertUser({\n          text: `error in applying update!`,\n          status: Status.error,\n        });\n      }\n\n      this.editingWiki = false;\n      this.wikiSaving = false;\n    },\n\n    cancelEditSnippet() {\n      console.log('[TagInformation] Cancelling EditSnip');\n      this.editingSnippet = false;\n      this.snippetModel = this.tag.snippet;\n    },\n\n    cancelEditWiki() {\n      this.editingWiki = false;\n      this.wikiModel = this.tag.wiki;\n    },\n  },\n});\n</script>\n"],"mappings":"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"}

package/dist/assets/{User-D2R6CphB.js → User-DorFkRx_.js}

@@ -1,3 +1,3 @@
-import"./chunk-D6hFPZc3.js";import{$ as e,C as t,D as n,H as r,K as i,Lt as a,S as o,T as s,Vt as c,_ as l,b as u,v as d,y as f}from"./vue.runtime.esm-bundler-C3q8JS9f.js";import{G as p,I as m,T as h,a as g}from"./common-ui.es-I814CYyx.js";import"./dist-CrcJCHFk.js";import"./MarkdownRenderer-DoVbFpA6-BIbDxYC4.js";import{k as _}from"./dist-DkeESCP4.js";import{t as v}from"./index-CF-NaZ2k.js";var y={};(function main(e,t,n,r){var i=!!(e.Worker&&e.Blob&&e.Promise&&e.OffscreenCanvas&&e.OffscreenCanvasRenderingContext2D&&e.HTMLCanvasElement&&e.HTMLCanvasElement.prototype.transferControlToOffscreen&&e.URL&&e.URL.createObjectURL),a=typeof Path2D==`function`&&typeof DOMMatrix==`function`,o=(function(){if(!e.OffscreenCanvas)return!1;var t=new OffscreenCanvas(1,1),n=t.getContext(`2d`);n.fillRect(0,0,1,1);var r=t.transferToImageBitmap();try{n.createPattern(r,`no-repeat`)}catch{return!1}return!0})();function noop(){}function promise(n){var r=t.exports.Promise,i=r===void 0?e.Promise:r;return typeof i==`function`?new i(n):(n(noop,noop),null)}var s=(function(e,t){return{transform:function(n){if(e)return n;if(t.has(n))return t.get(n);var r=new OffscreenCanvas(n.width,n.height);return r.getContext(`2d`).drawImage(n,0,0),t.set(n,r),r},clear:function(){t.clear()}}})(o,new Map),c=function(){var e=16,frame,cancel,t={},n=0;return typeof requestAnimationFrame==`function`&&typeof cancelAnimationFrame==`function`?(frame=function(r){var i=Math.random();return t[i]=requestAnimationFrame(function onFrame(a){n===a||n+e-1<a?(n=a,delete t[i],r()):t[i]=requestAnimationFrame(onFrame)}),i},cancel=function(e){t[e]&&cancelAnimationFrame(t[e])}):(frame=function(t){return setTimeout(t,e)},cancel=function(e){return clearTimeout(e)}),{frame,cancel}}(),l=(function(){var e,t,r={};function decorate(e){function execute(t,n){e.postMessage({options:t||{},callback:n})}e.init=function initWorker(t){var n=t.transferControlToOffscreen();e.postMessage({canvas:n},[n])},e.fire=function fireWorker(n,i,a){if(t)return execute(n,null),t;var o=Math.random().toString(36).slice(2);return t=promise(function(i){function workerDone(n){n.data.callback===o&&(delete r[o],e.removeEventListener(`message`,workerDone),t=null,s.clear(),a(),i())}e.addEventListener(`message`,workerDone),execute(n,o),r[o]=workerDone.bind(null,{data:{callback:o}})}),t},e.reset=function resetWorker(){for(var t in e.postMessage({reset:!0}),r)r[t](),delete r[t]}}return function(){if(e)return e;if(!n&&i){var t=[`var CONFETTI, SIZE = {}, module = {};`,`(`+main.toString()+`)(this, module, true, SIZE);`,`onmessage = function(msg) {`,`  if (msg.data.options) {`,`    CONFETTI(msg.data.options).then(function () {`,`      if (msg.data.callback) {`,`        postMessage({ callback: msg.data.callback });`,`      }`,`    });`,`  } else if (msg.data.reset) {`,`    CONFETTI && CONFETTI.reset();`,`  } else if (msg.data.resize) {`,`    SIZE.width = msg.data.resize.width;`,`    SIZE.height = msg.data.resize.height;`,`  } else if (msg.data.canvas) {`,`    SIZE.width = msg.data.canvas.width;`,`    SIZE.height = msg.data.canvas.height;`,`    CONFETTI = module.exports.create(msg.data.canvas);`,`  }`,`}`].join(`
+import"./chunk-D6hFPZc3.js";import{$ as e,C as t,D as n,H as r,K as i,Lt as a,S as o,T as s,Vt as c,_ as l,b as u,v as d,y as f}from"./vue.runtime.esm-bundler-C3q8JS9f.js";import{G as p,I as m,T as h,a as g}from"./common-ui.es-BrXWBn7p.js";import"./dist-CrcJCHFk.js";import"./MarkdownRenderer-DoVbFpA6-BIbDxYC4.js";import{k as _}from"./dist-CzLl7g6t.js";import{t as v}from"./index-DUZItsH-.js";var y={};(function main(e,t,n,r){var i=!!(e.Worker&&e.Blob&&e.Promise&&e.OffscreenCanvas&&e.OffscreenCanvasRenderingContext2D&&e.HTMLCanvasElement&&e.HTMLCanvasElement.prototype.transferControlToOffscreen&&e.URL&&e.URL.createObjectURL),a=typeof Path2D==`function`&&typeof DOMMatrix==`function`,o=(function(){if(!e.OffscreenCanvas)return!1;var t=new OffscreenCanvas(1,1),n=t.getContext(`2d`);n.fillRect(0,0,1,1);var r=t.transferToImageBitmap();try{n.createPattern(r,`no-repeat`)}catch{return!1}return!0})();function noop(){}function promise(n){var r=t.exports.Promise,i=r===void 0?e.Promise:r;return typeof i==`function`?new i(n):(n(noop,noop),null)}var s=(function(e,t){return{transform:function(n){if(e)return n;if(t.has(n))return t.get(n);var r=new OffscreenCanvas(n.width,n.height);return r.getContext(`2d`).drawImage(n,0,0),t.set(n,r),r},clear:function(){t.clear()}}})(o,new Map),c=function(){var e=16,frame,cancel,t={},n=0;return typeof requestAnimationFrame==`function`&&typeof cancelAnimationFrame==`function`?(frame=function(r){var i=Math.random();return t[i]=requestAnimationFrame(function onFrame(a){n===a||n+e-1<a?(n=a,delete t[i],r()):t[i]=requestAnimationFrame(onFrame)}),i},cancel=function(e){t[e]&&cancelAnimationFrame(t[e])}):(frame=function(t){return setTimeout(t,e)},cancel=function(e){return clearTimeout(e)}),{frame,cancel}}(),l=(function(){var e,t,r={};function decorate(e){function execute(t,n){e.postMessage({options:t||{},callback:n})}e.init=function initWorker(t){var n=t.transferControlToOffscreen();e.postMessage({canvas:n},[n])},e.fire=function fireWorker(n,i,a){if(t)return execute(n,null),t;var o=Math.random().toString(36).slice(2);return t=promise(function(i){function workerDone(n){n.data.callback===o&&(delete r[o],e.removeEventListener(`message`,workerDone),t=null,s.clear(),a(),i())}e.addEventListener(`message`,workerDone),execute(n,o),r[o]=workerDone.bind(null,{data:{callback:o}})}),t},e.reset=function resetWorker(){for(var t in e.postMessage({reset:!0}),r)r[t](),delete r[t]}}return function(){if(e)return e;if(!n&&i){var t=[`var CONFETTI, SIZE = {}, module = {};`,`(`+main.toString()+`)(this, module, true, SIZE);`,`onmessage = function(msg) {`,`  if (msg.data.options) {`,`    CONFETTI(msg.data.options).then(function () {`,`      if (msg.data.callback) {`,`        postMessage({ callback: msg.data.callback });`,`      }`,`    });`,`  } else if (msg.data.reset) {`,`    CONFETTI && CONFETTI.reset();`,`  } else if (msg.data.resize) {`,`    SIZE.width = msg.data.resize.width;`,`    SIZE.height = msg.data.resize.height;`,`  } else if (msg.data.canvas) {`,`    SIZE.width = msg.data.canvas.width;`,`    SIZE.height = msg.data.canvas.height;`,`    CONFETTI = module.exports.create(msg.data.canvas);`,`  }`,`}`].join(`
 `);try{e=new Worker(URL.createObjectURL(new Blob([t])))}catch(e){return typeof console.warn==`function`&&console.warn(`🎊 Could not load worker`,e),null}decorate(e)}return e}})(),u={particleCount:50,angle:90,spread:45,startVelocity:45,decay:.9,gravity:1,drift:0,ticks:200,x:.5,y:.5,shapes:[`square`,`circle`],zIndex:100,colors:[`#26ccff`,`#a25afd`,`#ff5e7e`,`#88ff5a`,`#fcff42`,`#ffa62d`,`#ff36ff`],disableForReducedMotion:!1,scalar:1};function convert(e,t){return t?t(e):e}function isOk(e){return e!=null}function prop(e,t,n){return convert(e&&isOk(e[t])?e[t]:u[t],n)}function onlyPositiveInt(e){return e<0?0:Math.floor(e)}function randomInt(e,t){return Math.floor(Math.random()*(t-e))+e}function toDecimal(e){return parseInt(e,16)}function colorsToRgb(e){return e.map(hexToRgb)}function hexToRgb(e){var t=String(e).replace(/[^0-9a-f]/gi,``);return t.length<6&&(t=t[0]+t[0]+t[1]+t[1]+t[2]+t[2]),{r:toDecimal(t.substring(0,2)),g:toDecimal(t.substring(2,4)),b:toDecimal(t.substring(4,6))}}function getOrigin(e){var t=prop(e,`origin`,Object);return t.x=prop(t,`x`,Number),t.y=prop(t,`y`,Number),t}function setCanvasWindowSize(e){e.width=document.documentElement.clientWidth,e.height=document.documentElement.clientHeight}function setCanvasRectSize(e){var t=e.getBoundingClientRect();e.width=t.width,e.height=t.height}function getCanvas(e){var t=document.createElement(`canvas`);return t.style.position=`fixed`,t.style.top=`0px`,t.style.left=`0px`,t.style.pointerEvents=`none`,t.style.zIndex=e,t}function ellipse(e,t,n,r,i,a,o,s,c){e.save(),e.translate(t,n),e.rotate(a),e.scale(r,i),e.arc(0,0,1,o,s,c),e.restore()}function randomPhysics(e){var t=e.angle*(Math.PI/180),n=e.spread*(Math.PI/180);return{x:e.x,y:e.y,wobble:Math.random()*10,wobbleSpeed:Math.min(.11,Math.random()*.1+.05),velocity:e.startVelocity*.5+Math.random()*e.startVelocity,angle2D:-t+(.5*n-Math.random()*n),tiltAngle:(Math.random()*.5+.25)*Math.PI,color:e.color,shape:e.shape,tick:0,totalTicks:e.ticks,decay:e.decay,drift:e.drift,random:Math.random()+2,tiltSin:0,tiltCos:0,wobbleX:0,wobbleY:0,gravity:e.gravity*3,ovalScalar:.6,scalar:e.scalar,flat:e.flat}}function updateFetti(e,t){t.x+=Math.cos(t.angle2D)*t.velocity+t.drift,t.y+=Math.sin(t.angle2D)*t.velocity+t.gravity,t.velocity*=t.decay,t.flat?(t.wobble=0,t.wobbleX=t.x+10*t.scalar,t.wobbleY=t.y+10*t.scalar,t.tiltSin=0,t.tiltCos=0,t.random=1):(t.wobble+=t.wobbleSpeed,t.wobbleX=t.x+10*t.scalar*Math.cos(t.wobble),t.wobbleY=t.y+10*t.scalar*Math.sin(t.wobble),t.tiltAngle+=.1,t.tiltSin=Math.sin(t.tiltAngle),t.tiltCos=Math.cos(t.tiltAngle),t.random=Math.random()+2);var n=t.tick++/t.totalTicks,r=t.x+t.random*t.tiltCos,i=t.y+t.random*t.tiltSin,o=t.wobbleX+t.random*t.tiltCos,c=t.wobbleY+t.random*t.tiltSin;if(e.fillStyle=`rgba(`+t.color.r+`, `+t.color.g+`, `+t.color.b+`, `+(1-n)+`)`,e.beginPath(),a&&t.shape.type===`path`&&typeof t.shape.path==`string`&&Array.isArray(t.shape.matrix))e.fill(transformPath2D(t.shape.path,t.shape.matrix,t.x,t.y,Math.abs(o-r)*.1,Math.abs(c-i)*.1,Math.PI/10*t.wobble));else if(t.shape.type===`bitmap`){var l=Math.PI/10*t.wobble,u=Math.abs(o-r)*.1,d=Math.abs(c-i)*.1,f=t.shape.bitmap.width*t.scalar,p=t.shape.bitmap.height*t.scalar,m=new DOMMatrix([Math.cos(l)*u,Math.sin(l)*u,-Math.sin(l)*d,Math.cos(l)*d,t.x,t.y]);m.multiplySelf(new DOMMatrix(t.shape.matrix));var h=e.createPattern(s.transform(t.shape.bitmap),`no-repeat`);h.setTransform(m),e.globalAlpha=1-n,e.fillStyle=h,e.fillRect(t.x-f/2,t.y-p/2,f,p),e.globalAlpha=1}else if(t.shape===`circle`)e.ellipse?e.ellipse(t.x,t.y,Math.abs(o-r)*t.ovalScalar,Math.abs(c-i)*t.ovalScalar,Math.PI/10*t.wobble,0,2*Math.PI):ellipse(e,t.x,t.y,Math.abs(o-r)*t.ovalScalar,Math.abs(c-i)*t.ovalScalar,Math.PI/10*t.wobble,0,2*Math.PI);else if(t.shape===`star`)for(var g=Math.PI/2*3,_=4*t.scalar,v=8*t.scalar,y=t.x,b=t.y,x=5,S=Math.PI/x;x--;)y=t.x+Math.cos(g)*v,b=t.y+Math.sin(g)*v,e.lineTo(y,b),g+=S,y=t.x+Math.cos(g)*_,b=t.y+Math.sin(g)*_,e.lineTo(y,b),g+=S;else e.moveTo(Math.floor(t.x),Math.floor(t.y)),e.lineTo(Math.floor(t.wobbleX),Math.floor(i)),e.lineTo(Math.floor(o),Math.floor(c)),e.lineTo(Math.floor(r),Math.floor(t.wobbleY));return e.closePath(),e.fill(),t.tick<t.totalTicks}function animate(e,t,i,a,o){var l=t.slice(),u=e.getContext(`2d`),d,f,p=promise(function(t){function onDone(){d=f=null,u.clearRect(0,0,a.width,a.height),s.clear(),o(),t()}function update(){n&&!(a.width===r.width&&a.height===r.height)&&(a.width=e.width=r.width,a.height=e.height=r.height),!a.width&&!a.height&&(i(e),a.width=e.width,a.height=e.height),u.clearRect(0,0,a.width,a.height),l=l.filter(function(e){return updateFetti(u,e)}),l.length?d=c.frame(update):onDone()}d=c.frame(update),f=onDone});return{addFettis:function(e){return l=l.concat(e),p},canvas:e,promise:p,reset:function(){d&&c.cancel(d),f&&f()}}}function confettiCannon(t,n){var r=!t,a=!!prop(n||{},`resize`),o=!1,s=prop(n,`disableForReducedMotion`,Boolean),c=i&&prop(n||{},`useWorker`)?l():null,u=r?setCanvasWindowSize:setCanvasRectSize,d=t&&c?!!t.__confetti_initialized:!1,f=typeof matchMedia==`function`&&matchMedia(`(prefers-reduced-motion)`).matches,p;function fireLocal(e,n,r){for(var i=prop(e,`particleCount`,onlyPositiveInt),a=prop(e,`angle`,Number),o=prop(e,`spread`,Number),s=prop(e,`startVelocity`,Number),c=prop(e,`decay`,Number),l=prop(e,`gravity`,Number),d=prop(e,`drift`,Number),f=prop(e,`colors`,colorsToRgb),m=prop(e,`ticks`,Number),h=prop(e,`shapes`),g=prop(e,`scalar`),_=!!prop(e,`flat`),v=getOrigin(e),y=i,b=[],x=t.width*v.x,S=t.height*v.y;y--;)b.push(randomPhysics({x,y:S,angle:a,spread:o,startVelocity:s,color:f[y%f.length],shape:h[randomInt(0,h.length)],ticks:m,decay:c,gravity:l,drift:d,scalar:g,flat:_}));return p?p.addFettis(b):(p=animate(t,b,u,n,r),p.promise)}function fire(n){var i=s||prop(n,`disableForReducedMotion`,Boolean),l=prop(n,`zIndex`,Number);if(i&&f)return promise(function(e){e()});r&&p?t=p.canvas:r&&!t&&(t=getCanvas(l),document.body.appendChild(t)),a&&!d&&u(t);var m={width:t.width,height:t.height};c&&!d&&c.init(t),d=!0,c&&(t.__confetti_initialized=!0);function onResize(){if(c){var e={getBoundingClientRect:function(){if(!r)return t.getBoundingClientRect()}};u(e),c.postMessage({resize:{width:e.width,height:e.height}});return}m.width=m.height=null}function done(){p=null,a&&(o=!1,e.removeEventListener(`resize`,onResize)),r&&t&&(document.body.contains(t)&&document.body.removeChild(t),t=null,d=!1)}return a&&!o&&(o=!0,e.addEventListener(`resize`,onResize,!1)),c?c.fire(n,m,done):fireLocal(n,m,done)}return fire.reset=function(){c&&c.reset(),p&&p.reset()},fire}var d;function getDefaultFire(){return d||(d=confettiCannon(null,{useWorker:!0,resize:!0})),d}function transformPath2D(e,t,n,r,i,a,o){var s=new Path2D(e),c=new Path2D;c.addPath(s,new DOMMatrix(t));var l=new Path2D;return l.addPath(c,new DOMMatrix([Math.cos(o)*i,Math.sin(o)*i,-Math.sin(o)*a,Math.cos(o)*a,n,r])),l}function shapeFromPath(e){if(!a)throw Error(`path confetti are not supported in this browser`);var t,n;typeof e==`string`?t=e:(t=e.path,n=e.matrix);var r=new Path2D(t),i=document.createElement(`canvas`).getContext(`2d`);if(!n){for(var o=1e3,s=o,c=o,l=0,u=0,d,f,p=0;p<o;p+=2)for(var m=0;m<o;m+=2)i.isPointInPath(r,p,m,`nonzero`)&&(s=Math.min(s,p),c=Math.min(c,m),l=Math.max(l,p),u=Math.max(u,m));d=l-s,f=u-c;var h=10,g=Math.min(h/d,h/f);n=[g,0,0,g,-Math.round(d/2+s)*g,-Math.round(f/2+c)*g]}return{type:`path`,path:t,matrix:n}}function shapeFromText(e){var t,n=1,r=`#000000`,i=`"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", "EmojiOne Color", "Android Emoji", "Twemoji Mozilla", "system emoji", sans-serif`;typeof e==`string`?t=e:(t=e.text,n=`scalar`in e?e.scalar:n,i=`fontFamily`in e?e.fontFamily:i,r=`color`in e?e.color:r);var a=10*n,o=``+a+`px `+i,s=new OffscreenCanvas(a,a),c=s.getContext(`2d`);c.font=o;var l=c.measureText(t),u=Math.ceil(l.actualBoundingBoxRight+l.actualBoundingBoxLeft),d=Math.ceil(l.actualBoundingBoxAscent+l.actualBoundingBoxDescent),f=2,p=l.actualBoundingBoxLeft+f,m=l.actualBoundingBoxAscent+f;u+=f+f,d+=f+f,s=new OffscreenCanvas(u,d),c=s.getContext(`2d`),c.font=o,c.fillStyle=r,c.fillText(t,p,m);var h=1/n;return{type:`bitmap`,bitmap:s.transferToImageBitmap(),matrix:[h,0,0,h,-u*h/2,-d*h/2]}}t.exports=function(){return getDefaultFire().apply(this,arguments)},t.exports.reset=function(){getDefaultFire().reset()},t.exports.create=confettiCannon,t.exports.shapeFromPath=shapeFromPath,t.exports.shapeFromText=shapeFromText})((function(){return typeof window<`u`?window:typeof self<`u`?self:this||{}})(),y,!1);var b=y.exports;y.exports.create;var x=s({name:`UserSettings`,components:{UserTagPreferences:g},props:{username:{type:String,required:!0}},setup(){let e=m(),t=p();return{configStore:e,darkMode:e.config.darkMode,likesConfetti:e.config.likesConfetti,route:t,isNewUser:t.path.endsWith(`new`)}},data(){return{u:{},configLanguages:[{name:`English`,code:`en`},{name:`French`,code:`fr`}],selectedLanguages:[],registeredCourses:[],selectedCourseId:``}},async created(){this.u=await h(),this.configLanguages.forEach(e=>{console.log(`afweatifvwzeatfvwzeta`+e.name)}),await this.loadRegisteredCourses()},methods:{updateDark(){this.configStore.updateDarkMode(this.configStore.config.darkMode)},updateConfetti(){this.configStore.updateLikesConfetti(this.configStore.config.likesConfetti),this.configStore.config.likesConfetti&&b({origin:{x:.5,y:1}})},async loadRegisteredCourses(){try{let e=await this.u.getActiveCourses(),t=_();this.registeredCourses=(await Promise.all(e.map(async e=>{try{return await t.getCourseDB(e.courseID).getCourseConfig()}catch{return{courseID:e.courseID,name:e.courseID}}}))).filter(Boolean)}catch(e){console.error(`Failed to load registered courses:`,e)}},onPreferencesSaved(){console.log(`Preferences saved for course:`,this.selectedCourseId)}}}),S={class:`text-subtitle-1`};function _sfc_render(s,p,m,h,g,_){let v=i(`v-alert`),y=i(`v-checkbox`),b=i(`v-divider`),x=i(`v-list-item`),C=i(`v-select`),w=i(`user-tag-preferences`);return r(),u(`div`,S,[s.isNewUser?(r(),d(v,{key:0,type:`success`,class:`text-subtitle-1`,variant:`tonal`,"prepend-icon":`mdi-check`},{default:e(()=>[o(` Welcome, `+c(s.username)+`! Please take a moment to look through these settings: `,1)]),_:1})):f(``,!0),p[3]||(p[3]=l(`h1`,{class:`text-h3`},`Account Settings`,-1)),p[4]||(p[4]=l(`h2`,{class:`text-h4`},`General:`,-1)),t(y,{modelValue:s.configStore.config.likesConfetti,"onUpdate:modelValue":[p[0]||(p[0]=e=>s.configStore.config.likesConfetti=e),s.updateConfetti],label:`I like confetti`},null,8,[`modelValue`,`onUpdate:modelValue`]),t(y,{modelValue:s.configStore.config.darkMode,"onUpdate:modelValue":[p[1]||(p[1]=e=>s.configStore.config.darkMode=e),s.updateDark],label:`I like the dark`},null,8,[`modelValue`,`onUpdate:modelValue`]),t(b,{class:`my-6`}),p[5]||(p[5]=l(`h2`,{class:`text-h4 mb-4`},`Learning Preferences:`,-1)),p[6]||(p[6]=l(`p`,{class:`text-body-2 text-medium-emphasis mb-4`},`Customize how content is presented in your registered courses.`,-1)),t(C,{modelValue:s.selectedCourseId,"onUpdate:modelValue":p[2]||(p[2]=e=>s.selectedCourseId=e),items:s.registeredCourses,"item-title":`name`,"item-value":`courseID`,label:`Select a course`,variant:`outlined`,density:`comfortable`,class:`mb-4`,style:{"max-width":`400px`}},{item:e(({props:r,item:i})=>[t(x,a(n(r)),{subtitle:e(()=>[o(c(i.raw.courseID),1)]),_:2},1040)]),_:1},8,[`modelValue`,`items`]),s.selectedCourseId?(r(),d(w,{key:1,"course-id":s.selectedCourseId,onPreferencesSaved:s.onPreferencesSaved},null,8,[`course-id`,`onPreferencesSaved`])):f(``,!0)])}var C=v(x,[[`render`,_sfc_render]]);export{C as default};
-//# sourceMappingURL=User-D2R6CphB.js.map
+//# sourceMappingURL=User-DorFkRx_.js.map